/*!
 * Bootstrap  v5.3.6 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

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;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([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;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* rtl:raw:
[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;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-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.33333333%;
}

.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.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 226, 254.6);
  --bs-table-border-color: rgb(165.28, 180.8, 203.68);
  --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(180.48, 181.92, 183.2);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(209, 231, 220.8);
  --bs-table-border-color: rgb(167.2, 184.8, 176.64);
  --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(204, 194.08, 164.32);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(198.4, 171.68, 174.24);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(198.4, 199.2, 200);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' 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: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-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 {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-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(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}

[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}

.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}

[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(: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):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*!
 * Tabler v1.3.2 (https://tabler.io)
 * Copyright 2018-2025 The Tabler Authors
 * Copyright 2018-2025 codecalm.net Paweł Kuna
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */
:root, [data-bs-theme=light] {
  --tblr-blue:#066fd1;
  --tblr-indigo:#4263eb;
  --tblr-purple:#ae3ec9;
  --tblr-pink:#d6336c;
  --tblr-red:#d63939;
  --tblr-orange:#f76707;
  --tblr-yellow:#f59f00;
  --tblr-green:#2fb344;
  --tblr-teal:#0ca678;
  --tblr-cyan:#17a2b8;
  --tblr-black:#000000;
  --tblr-white:#ffffff;
  --tblr-gray:#4b5563;
  --tblr-gray-dark:#1f2937;
  --tblr-gray-100:#f3f4f6;
  --tblr-gray-200:#e5e7eb;
  --tblr-gray-300:#d1d5db;
  --tblr-gray-400:#9ca3af;
  --tblr-gray-500:#6b7280;
  --tblr-gray-600:#4b5563;
  --tblr-gray-700:#374151;
  --tblr-gray-800:#1f2937;
  --tblr-gray-900:#111827;
  --tblr-primary:#066fd1;
  --tblr-secondary:#6b7280;
  --tblr-success:#2fb344;
  --tblr-info:#4299e1;
  --tblr-warning:#f59f00;
  --tblr-danger:#d63939;
  --tblr-light:#f9fafb;
  --tblr-dark:#1f2937;
  --tblr-muted:#6b7280;
  --tblr-blue:#066fd1;
  --tblr-azure:#4299e1;
  --tblr-indigo:#4263eb;
  --tblr-purple:#ae3ec9;
  --tblr-pink:#d6336c;
  --tblr-red:#d63939;
  --tblr-orange:#f76707;
  --tblr-yellow:#f59f00;
  --tblr-lime:#74b816;
  --tblr-green:#2fb344;
  --tblr-teal:#0ca678;
  --tblr-cyan:#17a2b8;
  --tblr-primary-rgb:6,111,209;
  --tblr-secondary-rgb:107,114,128;
  --tblr-success-rgb:47,179,68;
  --tblr-info-rgb:66,153,225;
  --tblr-warning-rgb:245,159,0;
  --tblr-danger-rgb:214,57,57;
  --tblr-light-rgb:249,250,251;
  --tblr-dark-rgb:31,41,55;
  --tblr-muted-rgb:107,114,128;
  --tblr-blue-rgb:6,111,209;
  --tblr-azure-rgb:66,153,225;
  --tblr-indigo-rgb:66,99,235;
  --tblr-purple-rgb:174,62,201;
  --tblr-pink-rgb:214,51,108;
  --tblr-red-rgb:214,57,57;
  --tblr-orange-rgb:247,103,7;
  --tblr-yellow-rgb:245,159,0;
  --tblr-lime-rgb:116,184,22;
  --tblr-green-rgb:47,179,68;
  --tblr-teal-rgb:12,166,120;
  --tblr-cyan-rgb:23,162,184;
  --tblr-primary-text-emphasis:#022c54;
  --tblr-secondary-text-emphasis:#2b2e33;
  --tblr-success-text-emphasis:#13481b;
  --tblr-info-text-emphasis:#1a3d5a;
  --tblr-warning-text-emphasis:#624000;
  --tblr-danger-text-emphasis:#561717;
  --tblr-light-text-emphasis:#374151;
  --tblr-dark-text-emphasis:#374151;
  --tblr-primary-bg-subtle:#cde2f6;
  --tblr-secondary-bg-subtle:#e1e3e6;
  --tblr-success-bg-subtle:#d5f0da;
  --tblr-info-bg-subtle:#d9ebf9;
  --tblr-warning-bg-subtle:#fdeccc;
  --tblr-danger-bg-subtle:#f7d7d7;
  --tblr-light-bg-subtle:#f9fafb;
  --tblr-dark-bg-subtle:#9ca3af;
  --tblr-primary-border-subtle:#9bc5ed;
  --tblr-secondary-border-subtle:#c4c7cc;
  --tblr-success-border-subtle:#ace1b4;
  --tblr-info-border-subtle:#b3d6f3;
  --tblr-warning-border-subtle:#fbd999;
  --tblr-danger-border-subtle:#efb0b0;
  --tblr-light-border-subtle:#e5e7eb;
  --tblr-dark-border-subtle:#6b7280;
  --tblr-white-rgb:255,255,255;
  --tblr-black-rgb:0,0,0;
  --tblr-font-sans-serif:"Inter Var",Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
  --tblr-font-monospace:Monaco,Consolas,Liberation Mono,Courier New,monospace;
  --tblr-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --tblr-body-font-family:var(--tblr-font-sans-serif);
  --tblr-body-font-size:0.875rem;
  --tblr-body-font-weight:400;
  --tblr-body-line-height:1.4285714286;
  --tblr-body-color:#1f2937;
  --tblr-body-color-rgb:31,41,55;
  --tblr-body-bg:#f9fafb;
  --tblr-body-bg-rgb:249,250,251;
  --tblr-emphasis-color:#374151;
  --tblr-emphasis-color-rgb:55,65,81;
  --tblr-secondary-color:rgba(31, 41, 55, 0.75);
  --tblr-secondary-color-rgb:31,41,55;
  --tblr-secondary-bg:#e5e7eb;
  --tblr-secondary-bg-rgb:229,231,235;
  --tblr-tertiary-color:rgba(31, 41, 55, 0.5);
  --tblr-tertiary-color-rgb:31,41,55;
  --tblr-tertiary-bg:#f3f4f6;
  --tblr-tertiary-bg-rgb:243,244,246;
  --tblr-heading-color:inherit;
  --tblr-link-color:#066fd1;
  --tblr-link-color-rgb:6,111,209;
  --tblr-link-decoration:none;
  --tblr-link-hover-color:#0559a7;
  --tblr-link-hover-color-rgb:5,89,167;
  --tblr-link-hover-decoration:underline;
  --tblr-code-color:light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
  --tblr-highlight-color:#1f2937;
  --tblr-highlight-bg:#fdeccc;
  --tblr-border-width:1px;
  --tblr-border-style:solid;
  --tblr-border-color:#e5e7eb;
  --tblr-border-color-translucent:rgba(4, 32, 69, 0.1);
  --tblr-border-radius:6px;
  --tblr-border-radius-sm:4px;
  --tblr-border-radius-lg:8px;
  --tblr-border-radius-xl:1rem;
  --tblr-border-radius-xxl:2rem;
  --tblr-border-radius-2xl:var(--tblr-border-radius-xxl);
  --tblr-border-radius-pill:100rem;
  --tblr-box-shadow:rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
  --tblr-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --tblr-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
  --tblr-box-shadow-inset:0 0 transparent;
  --tblr-focus-ring-width:0.25rem;
  --tblr-focus-ring-opacity:0.25;
  --tblr-focus-ring-color:rgba(var(--tblr-primary-rgb), 0.25);
  --tblr-form-valid-color:#2fb344;
  --tblr-form-valid-border-color:#2fb344;
  --tblr-form-invalid-color:#d63939;
  --tblr-form-invalid-border-color:#d63939;
}

[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
  color-scheme: dark;
  --tblr-body-color:#e5e7eb;
  --tblr-body-color-rgb:229,231,235;
  --tblr-body-bg:#111827;
  --tblr-body-bg-rgb:17,24,39;
  --tblr-emphasis-color:#ffffff;
  --tblr-emphasis-color-rgb:255,255,255;
  --tblr-secondary-color:rgba(229, 231, 235, 0.75);
  --tblr-secondary-color-rgb:229,231,235;
  --tblr-secondary-bg:#1f2937;
  --tblr-secondary-bg-rgb:31,41,55;
  --tblr-tertiary-color:rgba(229, 231, 235, 0.5);
  --tblr-tertiary-color-rgb:229,231,235;
  --tblr-tertiary-bg:#18212f;
  --tblr-tertiary-bg-rgb:24,33,47;
  --tblr-primary-text-emphasis:#6aa9e3;
  --tblr-secondary-text-emphasis:#a6aab3;
  --tblr-success-text-emphasis:#82d18f;
  --tblr-info-text-emphasis:#8ec2ed;
  --tblr-warning-text-emphasis:#f9c566;
  --tblr-danger-text-emphasis:#e68888;
  --tblr-light-text-emphasis:#f3f4f6;
  --tblr-dark-text-emphasis:#d1d5db;
  --tblr-primary-bg-subtle:#01162a;
  --tblr-secondary-bg-subtle:#15171a;
  --tblr-success-bg-subtle:#09240e;
  --tblr-info-bg-subtle:#0d1f2d;
  --tblr-warning-bg-subtle:#312000;
  --tblr-danger-bg-subtle:#2b0b0b;
  --tblr-light-bg-subtle:#1f2937;
  --tblr-dark-bg-subtle:#10151c;
  --tblr-primary-border-subtle:#04437d;
  --tblr-secondary-border-subtle:#40444d;
  --tblr-success-border-subtle:#1c6b29;
  --tblr-info-border-subtle:#285c87;
  --tblr-warning-border-subtle:#935f00;
  --tblr-danger-border-subtle:#802222;
  --tblr-light-border-subtle:#374151;
  --tblr-dark-border-subtle:#1f2937;
  --tblr-heading-color:inherit;
  --tblr-link-color:#6aa9e3;
  --tblr-link-hover-color:#88bae9;
  --tblr-link-color-rgb:106,169,227;
  --tblr-link-hover-color-rgb:136,186,233;
  --tblr-code-color:var(--tblr-gray-300);
  --tblr-highlight-color:#e5e7eb;
  --tblr-highlight-bg:#624000;
  --tblr-border-color:#2e3c51;
  --tblr-border-color-translucent:rgba(72, 110, 149, 0.14);
  --tblr-form-valid-color:#82d18f;
  --tblr-form-valid-border-color:#82d18f;
  --tblr-form-invalid-color:#e68888;
  --tblr-form-invalid-border-color:#e68888;
}

*, ::after, ::before {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--tblr-body-font-family);
  font-size: var(--tblr-body-font-size);
  font-weight: var(--tblr-body-font-weight);
  line-height: var(--tblr-body-line-height);
  color: var(--tblr-body-color);
  text-align: var(--tblr-body-text-align);
  background-color: var(--tblr-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

.hr, hr {
  margin: 2rem 0;
  color: inherit;
  border: 0;
  border-top: var(--tblr-border-width) solid;
  opacity: 0.16;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: var(--tblr-spacer);
  font-weight: var(--tblr-font-weight-bold);
  line-height: 1.2;
  color: var(--tblr-heading-color);
}

.h1, h1 {
  font-size: 1.5rem;
}

.h2, h2 {
  font-size: 1.25rem;
}

.h3, h3 {
  font-size: 1rem;
}

.h4, h4 {
  font-size: 0.875rem;
}

.h5, h5 {
  font-size: 0.75rem;
}

.h6, h6 {
  font-size: 0.625rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol, ul {
  padding-left: 2rem;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0;
}

dt {
  font-weight: 600;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

.small, small {
  font-size: 0.875em;
}

.mark, mark {
  padding: 0.1875em;
  color: var(--tblr-highlight-color);
  background-color: var(--tblr-highlight-bg);
}

sub, sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-opacity, 1));
  text-decoration: none;
}

a:hover {
  --tblr-link-color-rgb:var(--tblr-link-hover-color-rgb);
  text-decoration: underline;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

code, kbd, pre, samp {
  font-family: var(--tblr-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.85714285em;
  color: var(--tblr-light);
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.85714285em;
  color: var(--tblr-code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.25rem 0.5rem;
  font-size: var(--tblr-font-size-h5);
  color: var(--tblr-text-secondary-dark);
  background-color: var(--tblr-code-bg);
  border-radius: 4px;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img, svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: var(--tblr-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: 1.5rem;
}

legend + * {
  clear: left;
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 0.875rem;
  font-weight: var(--tblr-font-weight-normal);
}

.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: 5rem;
}

.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: 4.5rem;
}

.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: 4rem;
}

.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: 3.5rem;
}

.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: 3rem;
}

.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: 2rem;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 0.875rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #4b5563;
}

.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--tblr-body-bg);
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-box-shadow-sm);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--tblr-secondary-color);
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  --tblr-gutter-x:calc(var(--tblr-page-padding) * 2);
  --tblr-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--tblr-gutter-x) * 0.5);
  padding-left: calc(var(--tblr-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --tblr-breakpoint-xs:0;
  --tblr-breakpoint-sm:576px;
  --tblr-breakpoint-md:768px;
  --tblr-breakpoint-lg:992px;
  --tblr-breakpoint-xl:1200px;
  --tblr-breakpoint-xxl:1400px;
}

.row {
  --tblr-gutter-x:var(--tblr-page-padding);
  --tblr-gutter-y:0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--tblr-gutter-y));
  margin-right: calc(-0.5 * var(--tblr-gutter-x));
  margin-left: calc(-0.5 * var(--tblr-gutter-x));
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--tblr-gutter-x) * 0.5);
  padding-left: calc(var(--tblr-gutter-x) * 0.5);
  margin-top: var(--tblr-gutter-y);
}

.grid {
  display: grid;
  grid-template-rows: repeat(var(--tblr-rows, 1), 1fr);
  grid-template-columns: repeat(var(--tblr-columns, 12), 1fr);
  gap: var(--tblr-gap, var(--tblr-page-padding));
}

.grid .g-col-1 {
  grid-column: auto/span 1;
}

.grid .g-col-2 {
  grid-column: auto/span 2;
}

.grid .g-col-3 {
  grid-column: auto/span 3;
}

.grid .g-col-4 {
  grid-column: auto/span 4;
}

.grid .g-col-5 {
  grid-column: auto/span 5;
}

.grid .g-col-6 {
  grid-column: auto/span 6;
}

.grid .g-col-7 {
  grid-column: auto/span 7;
}

.grid .g-col-8 {
  grid-column: auto/span 8;
}

.grid .g-col-9 {
  grid-column: auto/span 9;
}

.grid .g-col-10 {
  grid-column: auto/span 10;
}

.grid .g-col-11 {
  grid-column: auto/span 11;
}

.grid .g-col-12 {
  grid-column: auto/span 12;
}

.grid .g-start-1 {
  grid-column-start: 1;
}

.grid .g-start-2 {
  grid-column-start: 2;
}

.grid .g-start-3 {
  grid-column-start: 3;
}

.grid .g-start-4 {
  grid-column-start: 4;
}

.grid .g-start-5 {
  grid-column-start: 5;
}

.grid .g-start-6 {
  grid-column-start: 6;
}

.grid .g-start-7 {
  grid-column-start: 7;
}

.grid .g-start-8 {
  grid-column-start: 8;
}

.grid .g-start-9 {
  grid-column-start: 9;
}

.grid .g-start-10 {
  grid-column-start: 10;
}

.grid .g-start-11 {
  grid-column-start: 11;
}

@media (min-width: 576px) {
  .grid .g-col-sm-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-sm-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-sm-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-sm-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-sm-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-sm-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-sm-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-sm-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-sm-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-sm-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-sm-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-sm-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-sm-1 {
    grid-column-start: 1;
  }
  .grid .g-start-sm-2 {
    grid-column-start: 2;
  }
  .grid .g-start-sm-3 {
    grid-column-start: 3;
  }
  .grid .g-start-sm-4 {
    grid-column-start: 4;
  }
  .grid .g-start-sm-5 {
    grid-column-start: 5;
  }
  .grid .g-start-sm-6 {
    grid-column-start: 6;
  }
  .grid .g-start-sm-7 {
    grid-column-start: 7;
  }
  .grid .g-start-sm-8 {
    grid-column-start: 8;
  }
  .grid .g-start-sm-9 {
    grid-column-start: 9;
  }
  .grid .g-start-sm-10 {
    grid-column-start: 10;
  }
  .grid .g-start-sm-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 768px) {
  .grid .g-col-md-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-md-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-md-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-md-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-md-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-md-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-md-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-md-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-md-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-md-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-md-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-md-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-md-1 {
    grid-column-start: 1;
  }
  .grid .g-start-md-2 {
    grid-column-start: 2;
  }
  .grid .g-start-md-3 {
    grid-column-start: 3;
  }
  .grid .g-start-md-4 {
    grid-column-start: 4;
  }
  .grid .g-start-md-5 {
    grid-column-start: 5;
  }
  .grid .g-start-md-6 {
    grid-column-start: 6;
  }
  .grid .g-start-md-7 {
    grid-column-start: 7;
  }
  .grid .g-start-md-8 {
    grid-column-start: 8;
  }
  .grid .g-start-md-9 {
    grid-column-start: 9;
  }
  .grid .g-start-md-10 {
    grid-column-start: 10;
  }
  .grid .g-start-md-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 992px) {
  .grid .g-col-lg-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-lg-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-lg-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-lg-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-lg-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-lg-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-lg-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-lg-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-lg-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-lg-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-lg-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-lg-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-lg-1 {
    grid-column-start: 1;
  }
  .grid .g-start-lg-2 {
    grid-column-start: 2;
  }
  .grid .g-start-lg-3 {
    grid-column-start: 3;
  }
  .grid .g-start-lg-4 {
    grid-column-start: 4;
  }
  .grid .g-start-lg-5 {
    grid-column-start: 5;
  }
  .grid .g-start-lg-6 {
    grid-column-start: 6;
  }
  .grid .g-start-lg-7 {
    grid-column-start: 7;
  }
  .grid .g-start-lg-8 {
    grid-column-start: 8;
  }
  .grid .g-start-lg-9 {
    grid-column-start: 9;
  }
  .grid .g-start-lg-10 {
    grid-column-start: 10;
  }
  .grid .g-start-lg-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1200px) {
  .grid .g-col-xl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xl-11 {
    grid-column-start: 11;
  }
}
@media (min-width: 1400px) {
  .grid .g-col-xxl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xxl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xxl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xxl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xxl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xxl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xxl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xxl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xxl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xxl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xxl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xxl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xxl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xxl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xxl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xxl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xxl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xxl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xxl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xxl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xxl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xxl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xxl-11 {
    grid-column-start: 11;
  }
}
.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.33333333%;
}

.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.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0, .gx-0 {
  --tblr-gutter-x:0;
}

.g-0, .gy-0 {
  --tblr-gutter-y:0;
}

.g-1, .gx-1 {
  --tblr-gutter-x:0.25rem;
}

.g-1, .gy-1 {
  --tblr-gutter-y:0.25rem;
}

.g-2, .gx-2 {
  --tblr-gutter-x:0.5rem;
}

.g-2, .gy-2 {
  --tblr-gutter-y:0.5rem;
}

.g-3, .gx-3 {
  --tblr-gutter-x:1rem;
}

.g-3, .gy-3 {
  --tblr-gutter-y:1rem;
}

.g-4, .gx-4 {
  --tblr-gutter-x:1.5rem;
}

.g-4, .gy-4 {
  --tblr-gutter-y:1.5rem;
}

.g-5, .gx-5 {
  --tblr-gutter-x:2rem;
}

.g-5, .gy-5 {
  --tblr-gutter-y:2rem;
}

.g-6, .gx-6 {
  --tblr-gutter-x:2.5rem;
}

.g-6, .gy-6 {
  --tblr-gutter-y:2.5rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --tblr-gutter-x:0;
  }
  .g-sm-0, .gy-sm-0 {
    --tblr-gutter-y:0;
  }
  .g-sm-1, .gx-sm-1 {
    --tblr-gutter-x:0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --tblr-gutter-y:0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --tblr-gutter-x:0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --tblr-gutter-y:0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --tblr-gutter-x:1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --tblr-gutter-y:1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --tblr-gutter-x:1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --tblr-gutter-y:1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --tblr-gutter-x:2rem;
  }
  .g-sm-5, .gy-sm-5 {
    --tblr-gutter-y:2rem;
  }
  .g-sm-6, .gx-sm-6 {
    --tblr-gutter-x:2.5rem;
  }
  .g-sm-6, .gy-sm-6 {
    --tblr-gutter-y:2.5rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0, .gx-md-0 {
    --tblr-gutter-x:0;
  }
  .g-md-0, .gy-md-0 {
    --tblr-gutter-y:0;
  }
  .g-md-1, .gx-md-1 {
    --tblr-gutter-x:0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --tblr-gutter-y:0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --tblr-gutter-x:0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --tblr-gutter-y:0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --tblr-gutter-x:1rem;
  }
  .g-md-3, .gy-md-3 {
    --tblr-gutter-y:1rem;
  }
  .g-md-4, .gx-md-4 {
    --tblr-gutter-x:1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --tblr-gutter-y:1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --tblr-gutter-x:2rem;
  }
  .g-md-5, .gy-md-5 {
    --tblr-gutter-y:2rem;
  }
  .g-md-6, .gx-md-6 {
    --tblr-gutter-x:2.5rem;
  }
  .g-md-6, .gy-md-6 {
    --tblr-gutter-y:2.5rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --tblr-gutter-x:0;
  }
  .g-lg-0, .gy-lg-0 {
    --tblr-gutter-y:0;
  }
  .g-lg-1, .gx-lg-1 {
    --tblr-gutter-x:0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --tblr-gutter-y:0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --tblr-gutter-x:0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --tblr-gutter-y:0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --tblr-gutter-x:1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --tblr-gutter-y:1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --tblr-gutter-x:1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --tblr-gutter-y:1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --tblr-gutter-x:2rem;
  }
  .g-lg-5, .gy-lg-5 {
    --tblr-gutter-y:2rem;
  }
  .g-lg-6, .gx-lg-6 {
    --tblr-gutter-x:2.5rem;
  }
  .g-lg-6, .gy-lg-6 {
    --tblr-gutter-y:2.5rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --tblr-gutter-x:0;
  }
  .g-xl-0, .gy-xl-0 {
    --tblr-gutter-y:0;
  }
  .g-xl-1, .gx-xl-1 {
    --tblr-gutter-x:0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --tblr-gutter-y:0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --tblr-gutter-x:0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --tblr-gutter-y:0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --tblr-gutter-x:1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --tblr-gutter-y:1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --tblr-gutter-x:1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --tblr-gutter-y:1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --tblr-gutter-x:2rem;
  }
  .g-xl-5, .gy-xl-5 {
    --tblr-gutter-y:2rem;
  }
  .g-xl-6, .gx-xl-6 {
    --tblr-gutter-x:2.5rem;
  }
  .g-xl-6, .gy-xl-6 {
    --tblr-gutter-y:2.5rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --tblr-gutter-x:0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --tblr-gutter-y:0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --tblr-gutter-x:0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --tblr-gutter-y:0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --tblr-gutter-x:0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --tblr-gutter-y:0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --tblr-gutter-x:1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --tblr-gutter-y:1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --tblr-gutter-x:1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --tblr-gutter-y:1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --tblr-gutter-x:2rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --tblr-gutter-y:2rem;
  }
  .g-xxl-6, .gx-xxl-6 {
    --tblr-gutter-x:2.5rem;
  }
  .g-xxl-6, .gy-xxl-6 {
    --tblr-gutter-y:2.5rem;
  }
}
.markdown > table, .table {
  --tblr-table-color-type:initial;
  --tblr-table-bg-type:initial;
  --tblr-table-color-state:initial;
  --tblr-table-bg-state:initial;
  --tblr-table-color:inherit;
  --tblr-table-bg:transparent;
  --tblr-table-border-color:var(--tblr-border-color-translucent);
  --tblr-table-accent-bg:transparent;
  --tblr-table-striped-color:inherit;
  --tblr-table-striped-bg:var(--tblr-bg-surface-tertiary);
  --tblr-table-active-color:inherit;
  --tblr-table-active-bg:var(--tblr-active-bg);
  --tblr-table-hover-color:inherit;
  --tblr-table-hover-bg:rgba(var(--tblr-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--tblr-table-border-color);
}

.markdown > table > :not(caption) > * > *, .table > :not(caption) > * > * {
  padding: 0.75rem 0.75rem;
  color: var(--tblr-table-color-state, var(--tblr-table-color-type, var(--tblr-table-color)));
  background-color: var(--tblr-table-bg);
  border-bottom-width: var(--tblr-border-width);
  box-shadow: inset 0 0 0 9999px var(--tblr-table-bg-state, var(--tblr-table-bg-type, var(--tblr-table-accent-bg)));
}

.markdown > table > tbody, .table > tbody {
  vertical-align: inherit;
}

.markdown > table > thead, .table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--tblr-border-width) * 2) solid var(--tblr-border-color-translucent);
}

.caption-top {
  caption-side: top;
}

.markdown > table > :not(caption) > * > *, .table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.markdown > table > :not(caption) > *, .table-bordered > :not(caption) > * {
  border-width: var(--tblr-border-width) 0;
}

.markdown > table > :not(caption) > * > *, .table-bordered > :not(caption) > * > * {
  border-width: 0 var(--tblr-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(2n) > * {
  --tblr-table-color-type:var(--tblr-table-striped-color);
  --tblr-table-bg-type:var(--tblr-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --tblr-table-color-type:var(--tblr-table-striped-color);
  --tblr-table-bg-type:var(--tblr-table-striped-bg);
}

.table-active {
  --tblr-table-color-state:var(--tblr-table-active-color);
  --tblr-table-bg-state:var(--tblr-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --tblr-table-color-state:var(--tblr-table-hover-color);
  --tblr-table-bg-state:var(--tblr-table-hover-bg);
}

.table-primary {
  --tblr-table-color:#1f2937;
  --tblr-table-bg:#cde2f6;
  --tblr-table-border-color:#aabdd0;
  --tblr-table-striped-bg:#c4d9ec;
  --tblr-table-striped-color:#1f2937;
  --tblr-table-active-bg:#bcd0e3;
  --tblr-table-active-color:#f9fafb;
  --tblr-table-hover-bg:#c0d4e8;
  --tblr-table-hover-color:#1f2937;
  color: var(--tblr-table-color);
  border-color: var(--tblr-table-border-color);
}

.table-secondary {
  --tblr-table-color:#1f2937;
  --tblr-table-bg:#e1e3e6;
  --tblr-table-border-color:#babec3;
  --tblr-table-striped-bg:#d7dadd;
  --tblr-table-striped-color:#1f2937;
  --tblr-table-active-bg:#ced0d5;
  --tblr-table-active-color:#1f2937;
  --tblr-table-hover-bg:#d2d5d9;
  --tblr-table-hover-color:#1f2937;
  color: var(--tblr-table-color);
  border-color: var(--tblr-table-border-color);
}

.table-success {
  --tblr-table-color:#1f2937;
  --tblr-table-bg:#d5f0da;
  --tblr-table-border-color:#b1c8b9;
  --tblr-table-striped-bg:#cce6d2;
  --tblr-table-striped-color:#1f2937;
  --tblr-table-active-bg:#c3dcca;
  --tblr-table-active-color:#1f2937;
  --tblr-table-hover-bg:#c7e1ce;
  --tblr-table-hover-color:#1f2937;
  color: var(--tblr-table-color);
  border-color: var(--tblr-table-border-color);
}

.table-info {
  --tblr-table-color:#1f2937;
  --tblr-table-bg:#d9ebf9;
  --tblr-table-border-color:#b4c4d2;
  --tblr-table-striped-bg:#d0e1ef;
  --tblr-table-striped-color:#1f2937;
  --tblr-table-active-bg:#c6d8e6;
  --tblr-table-active-color:#1f2937;
  --tblr-table-hover-bg:#cbdcea;
  --tblr-table-hover-color:#1f2937;
  color: var(--tblr-table-color);
  border-color: var(--tblr-table-border-color);
}

.table-warning {
  --tblr-table-color:#1f2937;
  --tblr-table-bg:#fdeccc;
  --tblr-table-border-color:#d1c5ae;
  --tblr-table-striped-bg:#f2e2c5;
  --tblr-table-striped-color:#1f2937;
  --tblr-table-active-bg:#e7d9bd;
  --tblr-table-active-color:#1f2937;
  --tblr-table-hover-bg:#ecddc1;
  --tblr-table-hover-color:#1f2937;
  color: var(--tblr-table-color);
  border-color: var(--tblr-table-border-color);
}

.table-danger {
  --tblr-table-color:#1f2937;
  --tblr-table-bg:#f7d7d7;
  --tblr-table-border-color:#ccb4b7;
  --tblr-table-striped-bg:#eccecf;
  --tblr-table-striped-color:#1f2937;
  --tblr-table-active-bg:#e1c6c7;
  --tblr-table-active-color:#f9fafb;
  --tblr-table-hover-bg:#e7cacb;
  --tblr-table-hover-color:#1f2937;
  color: var(--tblr-table-color);
  border-color: var(--tblr-table-border-color);
}

.table-light {
  --tblr-table-color:#1f2937;
  --tblr-table-bg:#f9fafb;
  --tblr-table-border-color:#cdd0d4;
  --tblr-table-striped-bg:#eef0f1;
  --tblr-table-striped-color:#1f2937;
  --tblr-table-active-bg:#e3e5e7;
  --tblr-table-active-color:#1f2937;
  --tblr-table-hover-bg:#e9eaec;
  --tblr-table-hover-color:#1f2937;
  color: var(--tblr-table-color);
  border-color: var(--tblr-table-border-color);
}

.table-dark {
  --tblr-table-color:#f9fafb;
  --tblr-table-bg:#1f2937;
  --tblr-table-border-color:#4b535e;
  --tblr-table-striped-bg:#2a3341;
  --tblr-table-striped-color:#f9fafb;
  --tblr-table-active-bg:#353e4b;
  --tblr-table-active-color:#f9fafb;
  --tblr-table-hover-bg:#2f3946;
  --tblr-table-hover-color:#f9fafb;
  color: var(--tblr-table-color);
  border-color: var(--tblr-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: var(--tblr-font-weight-medium);
}

.col-form-label {
  padding-top: calc(0.4375rem + var(--tblr-border-width));
  padding-bottom: calc(0.4375rem + var(--tblr-border-width));
  margin-bottom: 0;
  font-size: inherit;
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1.4285714286;
}

.col-form-label-lg {
  padding-top: calc(0.6875rem + var(--tblr-border-width));
  padding-bottom: calc(0.6875rem + var(--tblr-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.0625rem + var(--tblr-border-width));
  padding-bottom: calc(0.0625rem + var(--tblr-border-width));
  font-size: 0.75rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--tblr-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.4375rem 0.75rem;
  font-family: var(--tblr-body-font-face);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  color: var(--tblr-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--tblr-bg-forms);
  background-clip: padding-box;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-shadow-input);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: var(--tblr-body-color);
  background-color: var(--tblr-bg-forms);
  border-color: #83b7e8;
  outline: 0;
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.4285714286em;
  margin: 0;
}

.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}

.form-control::-moz-placeholder {
  color: var(--tblr-tertiary);
  opacity: 1;
}

.form-control::placeholder {
  color: var(--tblr-tertiary);
  opacity: 1;
}

.form-control:disabled {
  background-color: var(--tblr-bg-surface-secondary);
  opacity: 1;
}

.form-control::file-selector-button {
  padding: 0.4375rem 0.75rem;
  margin: -0.4375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--tblr-body-color);
  background-color: var(--tblr-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--tblr-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--tblr-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.4375rem 0;
  margin-bottom: 0;
  line-height: 1.4285714286;
  color: var(--tblr-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--tblr-border-width) 0;
}

.form-control-plaintext:focus {
  outline: 0;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.4285714286em + 0.125rem + var(--tblr-border-width) * 2);
  padding: 0.0625rem 0.25rem;
  font-size: 0.75rem;
  border-radius: var(--tblr-border-radius-sm);
}

.form-control-sm::file-selector-button {
  padding: 0.0625rem 0.25rem;
  margin: -0.0625rem -0.25rem;
  margin-inline-end: 0.25rem;
}

.form-control-lg {
  min-height: calc(1.4285714286em + 1.375rem + var(--tblr-border-width) * 2);
  padding: 0.6875rem 1.5rem;
  font-size: 1.25rem;
  border-radius: var(--tblr-border-radius-lg);
}

.form-control-lg::file-selector-button {
  padding: 0.6875rem 1.5rem;
  margin: -0.6875rem -1.5rem;
  margin-inline-end: 1.5rem;
}

textarea.form-control {
  min-height: calc(1.4285714286em + 0.875rem + var(--tblr-border-width) * 2);
}

textarea.form-control-sm {
  min-height: calc(1.4285714286em + 0.125rem + var(--tblr-border-width) * 2);
}

textarea.form-control-lg {
  min-height: calc(1.4285714286em + 1.375rem + var(--tblr-border-width) * 2);
}

.form-control-color {
  width: 3rem;
  height: calc(1.4285714286em + 0.875rem + var(--tblr-border-width) * 2);
  padding: 0.4375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--tblr-border-radius);
}

.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--tblr-border-radius);
}

.form-control-color.form-control-sm {
  height: calc(1.4285714286em + 0.125rem + var(--tblr-border-width) * 2);
}

.form-control-color.form-control-lg {
  height: calc(1.4285714286em + 1.375rem + var(--tblr-border-width) * 2);
}

.form-select {
  --tblr-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239ca3af' 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: 0.4375rem 2.25rem 0.4375rem 0.75rem;
  font-family: var(--tblr-body-font-face);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  color: var(--tblr-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--tblr-bg-forms);
  background-image: var(--tblr-form-select-bg-img), var(--tblr-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-shadow-input);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #83b7e8;
  outline: 0;
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  background-color: var(--tblr-bg-surface-secondary);
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--tblr-body-color);
}

.form-select-sm {
  padding-top: 0.0625rem;
  padding-bottom: 0.0625rem;
  padding-left: 0.25rem;
  font-size: 0.75rem;
  border-radius: var(--tblr-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
  padding-left: 1.5rem;
  font-size: 1.25rem;
  border-radius: var(--tblr-border-radius-lg);
}

[data-bs-theme=dark] .form-select, body[data-bs-theme=dark] [data-bs-theme=light] .form-select {
  --tblr-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e5e7eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.25rem;
  padding-left: 2rem;
  margin-bottom: 0.75rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -2rem;
}

.form-check-reverse {
  padding-right: 2rem;
  padding-left: 0;
  text-align: right;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -2rem;
  margin-left: 0;
}

.form-check-input {
  --tblr-form-check-bg:var(--tblr-bg-forms);
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.0892857143rem;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--tblr-form-check-bg);
  background-image: var(--tblr-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: var(--tblr-border-radius);
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #83b7e8;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.form-check-input:checked {
  background-color: var(--tblr-primary);
  border-color: var(--tblr-border-color-translucent);
}

.form-check-input:checked[type=checkbox] {
  --tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  --tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--tblr-primary);
  border-color: var(--tblr-primary);
  --tblr-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: 0.7;
}

.form-switch {
  padding-left: 2.5rem;
}

.form-switch .form-check-input {
  --tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e5e7eb'/%3e%3c/svg%3e");
  width: 2rem;
  margin-left: -2.5rem;
  background-image: var(--tblr-form-switch-bg);
  background-position: left center;
  border-radius: 2rem;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2383b7e8'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  --tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
  padding-right: 2.5rem;
  padding-left: 0;
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5rem;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.4;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --tblr-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.25rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f9fafb, 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f9fafb, 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.375rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--tblr-primary);
  border: 2px var(--tblr-border-style) #fff;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b4d4f1;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.25rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--tblr-border-color);
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: var(--tblr-box-shadow-inset);
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--tblr-primary);
  border: 2px var(--tblr-border-style) #fff;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b4d4f1;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.25rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--tblr-border-color);
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: var(--tblr-box-shadow-inset);
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--tblr-secondary-color);
}

.form-range:disabled::-moz-range-thumb {
  background-color: var(--tblr-secondary-color);
}

.form-floating {
  position: relative;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  height: calc(3.5rem + var(--tblr-border-width) * 2);
  min-height: calc(3.5rem + var(--tblr-border-width) * 2);
  line-height: 1.25;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--tblr-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--tblr-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}

.form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
  color: transparent;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: transparent;
}

.form-floating > .form-control-plaintext:not(:-moz-placeholder), .form-floating > .form-control:not(:-moz-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}

.form-floating > .form-control:not(:-moz-placeholder) ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > textarea:not(:-moz-placeholder) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--tblr-bg-forms);
  border-radius: var(--tblr-border-radius);
}

.form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--tblr-bg-forms);
  border-radius: var(--tblr-border-radius);
}

.form-floating > textarea:disabled ~ label::after {
  background-color: var(--tblr-bg-surface-secondary);
}

.form-floating > .form-control-plaintext ~ label {
  border-width: var(--tblr-border-width) 0;
}

.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label {
  color: #4b5563;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
  z-index: 5;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.4375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4285714286;
  color: var(--tblr-gray-500);
  text-align: center;
  white-space: nowrap;
  background-color: var(--tblr-bg-surface-secondary);
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
  padding: 0.6875rem 1.5rem;
  font-size: 1.25rem;
  border-radius: var(--tblr-border-radius-lg);
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  padding: 0.0625rem 0.25rem;
  font-size: 0.75rem;
  border-radius: var(--tblr-border-radius-sm);
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--tblr-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--tblr-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: var(--tblr-spacer-1) var(--tblr-spacer-3);
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  color: #fff;
  background-color: var(--tblr-success);
  border-radius: var(--tblr-border-radius);
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
  display: block;
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: var(--tblr-form-valid-border-color);
  padding-right: calc(1.4285714286em + 0.875rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3571428572em + 0.21875rem) center;
  background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: var(--tblr-form-valid-border-color);
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.4285714286em + 0.875rem);
  background-position: top calc(0.3571428572em + 0.21875rem) right calc(0.3571428572em + 0.21875rem);
}

.form-select.is-valid, .was-validated .form-select:valid {
  border-color: var(--tblr-form-valid-border-color);
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
  --tblr-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232fb344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
  border-color: var(--tblr-form-valid-border-color);
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
}

.form-control-color.is-valid, .was-validated .form-control-color:valid {
  width: calc(3rem + 1.4285714286em + 0.875rem);
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
  border-color: var(--tblr-form-valid-border-color);
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
  background-color: var(--tblr-form-valid-color);
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-success-rgb), 0.25);
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: var(--tblr-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--tblr-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: var(--tblr-spacer-1) var(--tblr-spacer-3);
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  color: #fff;
  background-color: var(--tblr-danger);
  border-radius: var(--tblr-border-radius);
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--tblr-form-invalid-border-color);
  padding-right: calc(1.4285714286em + 0.875rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3571428572em + 0.21875rem) center;
  background-size: calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: var(--tblr-form-invalid-border-color);
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.4285714286em + 0.875rem);
  background-position: top calc(0.3571428572em + 0.21875rem) right calc(0.3571428572em + 0.21875rem);
}

.form-select.is-invalid, .was-validated .form-select:invalid {
  border-color: var(--tblr-form-invalid-border-color);
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
  --tblr-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.7142857143em + 0.4375rem) calc(0.7142857143em + 0.4375rem);
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
  border-color: var(--tblr-form-invalid-border-color);
  box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
  width: calc(3rem + 1.4285714286em + 0.875rem);
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
  border-color: var(--tblr-form-invalid-border-color);
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
  background-color: var(--tblr-form-invalid-color);
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-danger-rgb), 0.25);
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--tblr-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}

.btn {
  --tblr-btn-padding-x:1rem;
  --tblr-btn-padding-y:0.4375rem;
  --tblr-btn-font-family:var(--tblr-body-font-face);
  --tblr-btn-font-size:0.875rem;
  --tblr-btn-font-weight:var(--tblr-font-weight-medium);
  --tblr-btn-line-height:1.4285714286;
  --tblr-btn-color:var(--tblr-body-color);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-width:var(--tblr-border-width);
  --tblr-btn-border-color:transparent;
  --tblr-btn-border-radius:var(--tblr-border-radius);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
  --tblr-btn-disabled-opacity:0.4;
  --tblr-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--tblr-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--tblr-btn-padding-y) var(--tblr-btn-padding-x);
  font-family: var(--tblr-btn-font-family);
  font-size: var(--tblr-btn-font-size);
  font-weight: var(--tblr-btn-font-weight);
  line-height: var(--tblr-btn-line-height);
  color: var(--tblr-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--tblr-btn-border-width) solid var(--tblr-btn-border-color);
  border-radius: var(--tblr-btn-border-radius);
  background-color: var(--tblr-btn-bg);
  box-shadow: var(--tblr-btn-box-shadow);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--tblr-btn-hover-color);
  text-decoration: none;
  background-color: var(--tblr-btn-hover-bg);
  border-color: var(--tblr-btn-hover-border-color);
}

.btn-check + .btn:hover {
  color: var(--tblr-btn-color);
  background-color: var(--tblr-btn-bg);
  border-color: var(--tblr-btn-border-color);
}

.btn:focus-visible {
  color: var(--tblr-btn-hover-color);
  background-color: var(--tblr-btn-hover-bg);
  border-color: var(--tblr-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--tblr-btn-box-shadow), var(--tblr-btn-focus-box-shadow);
}

.btn-check:focus-visible + .btn {
  border-color: var(--tblr-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--tblr-btn-box-shadow), var(--tblr-btn-focus-box-shadow);
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--tblr-btn-active-color);
  background-color: var(--tblr-btn-active-bg);
  border-color: var(--tblr-btn-active-border-color);
  box-shadow: var(--tblr-btn-active-shadow);
}

.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--tblr-btn-active-shadow), var(--tblr-btn-focus-box-shadow);
}

.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--tblr-btn-active-shadow), var(--tblr-btn-focus-box-shadow);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: var(--tblr-btn-disabled-color);
  pointer-events: none;
  background-color: var(--tblr-btn-disabled-bg);
  border-color: var(--tblr-btn-disabled-border-color);
  opacity: var(--tblr-btn-disabled-opacity);
  box-shadow: none;
}

.btn-link {
  --tblr-btn-font-weight:400;
  --tblr-btn-color:var(--tblr-link-color);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-link-hover-color);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-color:var(--tblr-link-hover-color);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-disabled-color:#4b5563;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-btn-box-shadow:0 0 0 #000;
  --tblr-btn-focus-shadow-rgb:42,132,215;
  text-decoration: none;
}

.btn-link:focus-visible, .btn-link:hover {
  text-decoration: underline;
}

.btn-link:focus-visible {
  color: var(--tblr-btn-color);
}

.btn-link:hover {
  color: var(--tblr-btn-hover-color);
}

.btn-group-lg > .btn, .btn-lg {
  --tblr-btn-padding-y:0.6875rem;
  --tblr-btn-padding-x:1.5rem;
  --tblr-btn-font-size:1.25rem;
  --tblr-btn-border-radius:var(--tblr-border-radius-lg);
}

.btn-group-sm > .btn, .btn-sm {
  --tblr-btn-padding-y:0.0625rem;
  --tblr-btn-padding-x:0.25rem;
  --tblr-btn-font-size:0.75rem;
  --tblr-btn-border-radius:var(--tblr-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px var(--tblr-border-style);
  border-left: 1px var(--tblr-border-style);
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(-45deg);
}

.dropdown-menu {
  --tblr-dropdown-zindex:1000;
  --tblr-dropdown-min-width:11rem;
  --tblr-dropdown-padding-x:0;
  --tblr-dropdown-padding-y:0.25rem;
  --tblr-dropdown-spacer:1px;
  --tblr-dropdown-font-size:0.875rem;
  --tblr-dropdown-color:var(--tblr-body-color);
  --tblr-dropdown-bg:var(--tblr-bg-surface);
  --tblr-dropdown-border-color:var(--tblr-border-color-translucent);
  --tblr-dropdown-border-radius:var(--tblr-border-radius);
  --tblr-dropdown-border-width:var(--tblr-border-width);
  --tblr-dropdown-inner-border-radius:calc(var(--tblr-border-radius) - var(--tblr-border-width));
  --tblr-dropdown-divider-bg:var(--tblr-border-color-translucent);
  --tblr-dropdown-divider-margin-y:var(--tblr-spacer-2);
  --tblr-dropdown-box-shadow:var(--tblr-shadow-dropdown);
  --tblr-dropdown-link-color:inherit;
  --tblr-dropdown-link-hover-color:inherit;
  --tblr-dropdown-link-hover-bg:rgba(var(--tblr-secondary-rgb), 0.08);
  --tblr-dropdown-link-active-color:var(--tblr-primary);
  --tblr-dropdown-link-active-bg:var(--tblr-active-bg);
  --tblr-dropdown-link-disabled-color:var(--tblr-tertiary-color);
  --tblr-dropdown-item-padding-x:0.75rem;
  --tblr-dropdown-item-padding-y:0.5rem;
  --tblr-dropdown-header-color:#4b5563;
  --tblr-dropdown-header-padding-x:0.75rem;
  --tblr-dropdown-header-padding-y:0.25rem;
  position: absolute;
  z-index: var(--tblr-dropdown-zindex);
  display: none;
  min-width: var(--tblr-dropdown-min-width);
  padding: var(--tblr-dropdown-padding-y) var(--tblr-dropdown-padding-x);
  margin: 0;
  font-size: var(--tblr-dropdown-font-size);
  color: var(--tblr-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--tblr-dropdown-bg);
  background-clip: padding-box;
  border: var(--tblr-dropdown-border-width) solid var(--tblr-dropdown-border-color);
  border-radius: var(--tblr-dropdown-border-radius);
  box-shadow: var(--tblr-dropdown-box-shadow);
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--tblr-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position:start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position:end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position:start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position:end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position:start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position:end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position:start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position:end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position:end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position:end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--tblr-dropdown-spacer);
}

.dropup .dropdown-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px var(--tblr-border-style);
  border-left: 1px var(--tblr-border-style);
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(135deg);
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--tblr-dropdown-spacer);
}

.dropend .dropdown-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px var(--tblr-border-style);
  border-left: 1px var(--tblr-border-style);
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(-135deg);
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--tblr-dropdown-spacer);
}

.dropstart .dropdown-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px var(--tblr-border-style);
  border-left: 1px var(--tblr-border-style);
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(45deg);
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--tblr-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--tblr-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--tblr-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--tblr-dropdown-item-border-radius, 0);
}

.dropdown-item:focus, .dropdown-item:hover {
  color: var(--tblr-dropdown-link-hover-color);
  text-decoration: none;
  background-color: var(--tblr-dropdown-link-hover-bg);
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--tblr-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--tblr-dropdown-link-active-bg);
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--tblr-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--tblr-dropdown-header-padding-y) var(--tblr-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.765625rem;
  color: var(--tblr-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
  color: var(--tblr-dropdown-link-color);
}

.dropdown-menu-dark {
  --tblr-dropdown-color:#d1d5db;
  --tblr-dropdown-bg:#1f2937;
  --tblr-dropdown-border-color:var(--tblr-border-color-translucent);
  --tblr-dropdown-box-shadow: ;
  --tblr-dropdown-link-color:#d1d5db;
  --tblr-dropdown-link-hover-color:#ffffff;
  --tblr-dropdown-divider-bg:var(--tblr-border-color-translucent);
  --tblr-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);
  --tblr-dropdown-link-active-color:var(--tblr-primary);
  --tblr-dropdown-link-active-bg:var(--tblr-active-bg);
  --tblr-dropdown-link-disabled-color:#6b7280;
  --tblr-dropdown-header-color:#6b7280;
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--tblr-border-radius);
}

.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: calc(-1 * var(--tblr-border-width));
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: 0.1875rem;
  padding-left: 0.1875rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}

.btn-group.show .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.show .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: calc(-1 * var(--tblr-border-width));
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --tblr-nav-link-padding-x:0.75rem;
  --tblr-nav-link-padding-y:0.5rem;
  --tblr-nav-link-font-weight: ;
  --tblr-nav-link-color:var(--tblr-gray-500);
  --tblr-nav-link-hover-color:var(--tblr-link-hover-color);
  --tblr-nav-link-disabled-color:var(--tblr-disabled-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--tblr-nav-link-padding-y) var(--tblr-nav-link-padding-x);
  font-size: var(--tblr-nav-link-font-size);
  font-weight: var(--tblr-nav-link-font-weight);
  color: var(--tblr-nav-link-color);
  background: 0 0;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus, .nav-link:hover {
  color: var(--tblr-nav-link-hover-color);
  text-decoration: none;
}

.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.nav-link.disabled, .nav-link:disabled {
  color: var(--tblr-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --tblr-nav-tabs-border-width:var(--tblr-border-width);
  --tblr-nav-tabs-border-color:var(--tblr-border-color);
  --tblr-nav-tabs-border-radius:var(--tblr-border-radius);
  --tblr-nav-tabs-link-hover-border-color:var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
  --tblr-nav-tabs-link-active-color:var(--tblr-body-color);
  --tblr-nav-tabs-link-active-bg:var(--tblr-body-bg);
  --tblr-nav-tabs-link-active-border-color:var(--tblr-border-color) var(--tblr-border-color) var(--tblr-border-color);
  border-bottom: var(--tblr-nav-tabs-border-width) solid var(--tblr-nav-tabs-border-color);
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--tblr-nav-tabs-border-width));
  border: var(--tblr-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--tblr-nav-tabs-border-radius);
  border-top-right-radius: var(--tblr-nav-tabs-border-radius);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--tblr-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--tblr-nav-tabs-link-active-color);
  background-color: var(--tblr-nav-tabs-link-active-bg);
  border-color: var(--tblr-nav-tabs-link-active-border-color);
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--tblr-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --tblr-nav-pills-border-radius:var(--tblr-border-radius);
  --tblr-nav-pills-link-active-color:var(--tblr-primary);
  --tblr-nav-pills-link-active-bg:var(--tblr-active-bg);
}

.nav-pills .nav-link {
  border-radius: var(--tblr-nav-pills-border-radius);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--tblr-nav-pills-link-active-color);
  background-color: var(--tblr-nav-pills-link-active-bg);
}

.nav-underline {
  --tblr-nav-underline-gap:1rem;
  --tblr-nav-underline-border-width:0.125rem;
  --tblr-nav-underline-link-active-color:var(--tblr-emphasis-color);
  gap: var(--tblr-nav-underline-gap);
}

.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--tblr-nav-underline-border-width) solid transparent;
}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
  border-bottom-color: currentcolor;
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
  font-weight: 600;
  color: var(--tblr-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill .nav-item, .nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item, .nav-justified > .nav-link {
  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 {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  --tblr-navbar-padding-x:0;
  --tblr-navbar-padding-y:0.25rem;
  --tblr-navbar-color:var(--tblr-secondary);
  --tblr-navbar-hover-color:var(--tblr-body-color);
  --tblr-navbar-disabled-color:var(--tblr-disabled-color);
  --tblr-navbar-active-color:var(--tblr-body-color);
  --tblr-navbar-brand-padding-y:0.5rem;
  --tblr-navbar-brand-margin-end:1rem;
  --tblr-navbar-brand-font-size:1.25rem;
  --tblr-navbar-brand-color:var(--tblr-body-color);
  --tblr-navbar-brand-hover-color:var(--tblr-body-color);
  --tblr-navbar-nav-link-padding-x:0.75rem;
  --tblr-navbar-toggler-padding-y:0;
  --tblr-navbar-toggler-padding-x:0;
  --tblr-navbar-toggler-font-size:1rem;
  --tblr-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2831, 41, 55, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --tblr-navbar-toggler-border-color:rgba(var(--tblr-emphasis-color-rgb), 0.15);
  --tblr-navbar-toggler-border-radius:var(--tblr-border-radius);
  --tblr-navbar-toggler-focus-width:0;
  --tblr-navbar-toggler-transition:box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--tblr-navbar-padding-y) var(--tblr-navbar-padding-x);
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: var(--tblr-navbar-brand-padding-y);
  padding-bottom: var(--tblr-navbar-brand-padding-y);
  margin-right: var(--tblr-navbar-brand-margin-end);
  font-size: var(--tblr-navbar-brand-font-size);
  color: var(--tblr-navbar-brand-color);
  white-space: nowrap;
}

.navbar-brand:focus, .navbar-brand:hover {
  color: var(--tblr-navbar-brand-hover-color);
  text-decoration: none;
}

.navbar-nav {
  --tblr-nav-link-padding-x:0;
  --tblr-nav-link-padding-y:0.5rem;
  --tblr-nav-link-font-weight: ;
  --tblr-nav-link-color:var(--tblr-navbar-color);
  --tblr-nav-link-hover-color:var(--tblr-navbar-hover-color);
  --tblr-nav-link-disabled-color:var(--tblr-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--tblr-navbar-active-color);
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--tblr-navbar-color);
}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
  color: var(--tblr-navbar-active-color);
}

.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

.navbar-toggler {
  padding: var(--tblr-navbar-toggler-padding-y) var(--tblr-navbar-toggler-padding-x);
  font-size: var(--tblr-navbar-toggler-font-size);
  line-height: 1;
  color: var(--tblr-navbar-color);
  background-color: transparent;
  border: var(--tblr-border-width) solid var(--tblr-navbar-toggler-border-color);
  border-radius: var(--tblr-navbar-toggler-border-radius);
  transition: var(--tblr-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--tblr-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--tblr-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--tblr-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--tblr-navbar-nav-link-padding-x);
    padding-left: var(--tblr-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--tblr-navbar-nav-link-padding-x);
    padding-left: var(--tblr-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--tblr-navbar-nav-link-padding-x);
    padding-left: var(--tblr-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--tblr-navbar-nav-link-padding-x);
    padding-left: var(--tblr-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--tblr-navbar-nav-link-padding-x);
    padding-left: var(--tblr-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--tblr-navbar-nav-link-padding-x);
  padding-left: var(--tblr-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  box-shadow: none;
  transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark, .navbar[data-bs-theme=dark], body[data-bs-theme=dark] .navbar[data-bs-theme=light] {
  --tblr-navbar-color:rgba(255, 255, 255, 0.7);
  --tblr-navbar-hover-color:rgba(255, 255, 255, 0.75);
  --tblr-navbar-disabled-color:var(--tblr-disabled-color);
  --tblr-navbar-active-color:#ffffff;
  --tblr-navbar-brand-color:#ffffff;
  --tblr-navbar-brand-hover-color:#ffffff;
  --tblr-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);
  --tblr-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon, body[data-bs-theme=dark] [data-bs-theme=light] .navbar-toggler-icon {
  --tblr-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --tblr-card-spacer-y:1rem;
  --tblr-card-spacer-x:1.25rem;
  --tblr-card-title-spacer-y:1.25rem;
  --tblr-card-title-color: ;
  --tblr-card-subtitle-color: ;
  --tblr-card-border-width:var(--tblr-border-width);
  --tblr-card-border-color:var(--tblr-border-color-translucent);
  --tblr-card-border-radius:var(--tblr-border-radius-lg);
  --tblr-card-box-shadow:var(--tblr-shadow-card);
  --tblr-card-inner-border-radius:calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
  --tblr-card-cap-padding-y:1rem;
  --tblr-card-cap-padding-x:1.25rem;
  --tblr-card-cap-bg:var(--tblr-bg-surface-tertiary);
  --tblr-card-cap-color:inherit;
  --tblr-card-height: ;
  --tblr-card-color:inherit;
  --tblr-card-bg:var(--tblr-bg-surface);
  --tblr-card-img-overlay-padding:1rem;
  --tblr-card-group-margin:1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--tblr-card-height);
  color: var(--tblr-body-color);
  word-wrap: break-word;
  background-color: var(--tblr-card-bg);
  background-clip: border-box;
  border: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
  border-radius: var(--tblr-card-border-radius);
  box-shadow: var(--tblr-card-box-shadow);
}

.card > .hr, .card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--tblr-card-inner-border-radius);
  border-top-right-radius: var(--tblr-card-inner-border-radius);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--tblr-card-inner-border-radius);
  border-bottom-left-radius: var(--tblr-card-inner-border-radius);
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--tblr-card-spacer-y) var(--tblr-card-spacer-x);
  color: var(--tblr-card-color);
}

.card-title {
  margin-bottom: var(--tblr-card-title-spacer-y);
  color: var(--tblr-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--tblr-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--tblr-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: var(--tblr-card-spacer-x);
}

.card-header {
  padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--tblr-card-cap-color);
  background-color: var(--tblr-card-cap-bg);
  border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
}

.card-header:first-child {
  border-radius: var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x);
  color: var(--tblr-card-cap-color);
  background-color: var(--tblr-card-cap-bg);
  border-top: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--tblr-card-inner-border-radius) var(--tblr-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--tblr-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--tblr-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--tblr-card-cap-padding-x));
  border-bottom: 0;
}

.card-header-tabs .nav-link.active {
  background-color: var(--tblr-card-bg);
  border-bottom-color: var(--tblr-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--tblr-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--tblr-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--tblr-card-img-overlay-padding);
  border-radius: var(--tblr-card-inner-border-radius);
}

.card-img, .card-img-bottom, .card-img-top {
  width: 100%;
}

.card-img, .card-img-top {
  border-top-left-radius: var(--tblr-card-inner-border-radius);
  border-top-right-radius: var(--tblr-card-inner-border-radius);
}

.card-img, .card-img-bottom {
  border-bottom-right-radius: var(--tblr-card-inner-border-radius);
  border-bottom-left-radius: var(--tblr-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--tblr-card-group-margin);
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-header, .card-group > .card:not(:last-child) > .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-footer, .card-group > .card:not(:last-child) > .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-header, .card-group > .card:not(:first-child) > .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-footer, .card-group > .card:not(:first-child) > .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.breadcrumb {
  --tblr-breadcrumb-padding-x:0;
  --tblr-breadcrumb-padding-y:0;
  --tblr-breadcrumb-margin-bottom:1rem;
  --tblr-breadcrumb-bg: ;
  --tblr-breadcrumb-border-radius: ;
  --tblr-breadcrumb-divider-color:var(--tblr-gray-500);
  --tblr-breadcrumb-item-padding-x:0.5rem;
  --tblr-breadcrumb-item-active-color:inherit;
  display: flex;
  flex-wrap: wrap;
  padding: var(--tblr-breadcrumb-padding-y) var(--tblr-breadcrumb-padding-x);
  margin-bottom: var(--tblr-breadcrumb-margin-bottom);
  font-size: var(--tblr-breadcrumb-font-size);
  list-style: none;
  background-color: var(--tblr-breadcrumb-bg);
  border-radius: var(--tblr-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--tblr-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--tblr-breadcrumb-item-padding-x);
  color: var(--tblr-breadcrumb-divider-color);
  content: var(--tblr-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
  color: var(--tblr-breadcrumb-item-active-color);
}

.pagination {
  --tblr-pagination-padding-x:0.25rem;
  --tblr-pagination-padding-y:calc(0.25rem + 1px);
  --tblr-pagination-font-size:0.875rem;
  --tblr-pagination-color:var(--tblr-body-color);
  --tblr-pagination-bg:transparent;
  --tblr-pagination-border-width:1px;
  --tblr-pagination-border-color:transparent;
  --tblr-pagination-border-radius:var(--tblr-border-radius);
  --tblr-pagination-hover-color:var(--tblr-link-hover-color);
  --tblr-pagination-hover-bg:var(--tblr-active-bg);
  --tblr-pagination-hover-border-color:var(--tblr-pagination-border-color);
  --tblr-pagination-focus-color:var(--tblr-link-hover-color);
  --tblr-pagination-focus-bg:var(--tblr-secondary-bg);
  --tblr-pagination-focus-box-shadow:0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
  --tblr-pagination-active-color:#ffffff;
  --tblr-pagination-active-bg:var(--tblr-primary);
  --tblr-pagination-active-border-color:var(--tblr-primary);
  --tblr-pagination-disabled-color:var(--tblr-disabled-color);
  --tblr-pagination-disabled-bg:transparent;
  --tblr-pagination-disabled-border-color:var(--tblr-pagination-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--tblr-pagination-padding-y) var(--tblr-pagination-padding-x);
  font-size: var(--tblr-pagination-font-size);
  color: var(--tblr-pagination-color);
  background-color: var(--tblr-pagination-bg);
  border: var(--tblr-pagination-border-width) solid var(--tblr-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--tblr-pagination-hover-color);
  text-decoration: none;
  background-color: var(--tblr-pagination-hover-bg);
  border-color: var(--tblr-pagination-hover-border-color);
}

.page-link:focus {
  z-index: 3;
  color: var(--tblr-pagination-focus-color);
  background-color: var(--tblr-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--tblr-pagination-focus-box-shadow);
}

.active > .page-link, .page-link.active {
  z-index: 3;
  color: var(--tblr-pagination-active-color);
  background-color: var(--tblr-pagination-active-bg);
  border-color: var(--tblr-pagination-active-border-color);
}

.disabled > .page-link, .page-link.disabled {
  color: var(--tblr-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--tblr-pagination-disabled-bg);
  border-color: var(--tblr-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--tblr-pagination-border-radius);
  border-bottom-left-radius: var(--tblr-pagination-border-radius);
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--tblr-pagination-border-radius);
  border-bottom-right-radius: var(--tblr-pagination-border-radius);
}

.pagination-lg {
  --tblr-pagination-padding-x:1.5rem;
  --tblr-pagination-padding-y:0.75rem;
  --tblr-pagination-font-size:1.09375rem;
  --tblr-pagination-border-radius:var(--tblr-border-radius-lg);
}

.pagination-sm {
  --tblr-pagination-padding-x:0.5rem;
  --tblr-pagination-padding-y:0.25rem;
  --tblr-pagination-font-size:0.765625rem;
  --tblr-pagination-border-radius:var(--tblr-border-radius-sm);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--tblr-progress-height);
  }
}
.progress, .progress-stacked {
  --tblr-progress-height:0.5rem;
  --tblr-progress-font-size:0.65625rem;
  --tblr-progress-bg:var(--tblr-border-color);
  --tblr-progress-border-radius:var(--tblr-border-radius);
  --tblr-progress-box-shadow:var(--tblr-box-shadow-inset);
  --tblr-progress-bar-color:#ffffff;
  --tblr-progress-bar-bg:var(--tblr-primary);
  --tblr-progress-bar-transition:width 0.6s ease;
  display: flex;
  height: var(--tblr-progress-height);
  overflow: hidden;
  font-size: var(--tblr-progress-font-size);
  background-color: var(--tblr-progress-bg);
  border-radius: var(--tblr-progress-border-radius);
  box-shadow: var(--tblr-progress-box-shadow);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--tblr-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--tblr-progress-bar-bg);
  transition: var(--tblr-progress-bar-transition);
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--tblr-progress-height) var(--tblr-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --tblr-list-group-color:var(--tblr-body-color);
  --tblr-list-group-bg:inherit;
  --tblr-list-group-border-color:var(--tblr-border-color);
  --tblr-list-group-border-width:var(--tblr-border-width);
  --tblr-list-group-border-radius:var(--tblr-border-radius);
  --tblr-list-group-item-padding-x:1.25rem;
  --tblr-list-group-item-padding-y:1rem;
  --tblr-list-group-action-color:inherit;
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:rgba(var(--tblr-secondary-rgb), 0.08);
  --tblr-list-group-action-active-color:var(--tblr-body-color);
  --tblr-list-group-action-active-bg:var(--tblr-secondary-bg);
  --tblr-list-group-disabled-color:var(--tblr-secondary-color);
  --tblr-list-group-disabled-bg:inherit;
  --tblr-list-group-active-color:inherit;
  --tblr-list-group-active-bg:var(--tblr-active-bg);
  --tblr-list-group-active-border-color:var(--tblr-border-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--tblr-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(--tblr-list-group-item-padding-y) var(--tblr-list-group-item-padding-x);
  color: var(--tblr-list-group-color);
  background-color: var(--tblr-list-group-bg);
  border: var(--tblr-list-group-border-width) solid var(--tblr-list-group-border-color);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: var(--tblr-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--tblr-list-group-disabled-bg);
}

.list-group-item.active {
  z-index: 2;
  color: var(--tblr-list-group-active-color);
  background-color: var(--tblr-list-group-active-bg);
  border-color: var(--tblr-list-group-active-border-color);
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--tblr-list-group-border-width));
  border-top-width: var(--tblr-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--tblr-list-group-action-color);
  text-align: inherit;
}

.list-group-item-action:not(.active):focus, .list-group-item-action:not(.active):hover {
  z-index: 1;
  color: var(--tblr-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--tblr-list-group-action-hover-bg);
}

.list-group-item-action:not(.active):active {
  color: var(--tblr-list-group-action-active-color);
  background-color: var(--tblr-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--tblr-list-group-border-radius);
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--tblr-list-group-border-radius);
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--tblr-list-group-border-width);
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--tblr-list-group-border-width));
  border-left-width: var(--tblr-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--tblr-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--tblr-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--tblr-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--tblr-list-group-border-width));
    border-left-width: var(--tblr-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--tblr-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--tblr-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--tblr-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--tblr-list-group-border-width));
    border-left-width: var(--tblr-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--tblr-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--tblr-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--tblr-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--tblr-list-group-border-width));
    border-left-width: var(--tblr-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--tblr-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--tblr-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--tblr-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--tblr-list-group-border-width));
    border-left-width: var(--tblr-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--tblr-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--tblr-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--tblr-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--tblr-list-group-border-width));
    border-left-width: var(--tblr-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 var(--tblr-list-group-border-width);
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --tblr-list-group-color:var(--tblr-primary-text-emphasis);
  --tblr-list-group-bg:var(--tblr-primary-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-primary-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-primary-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-primary-border-subtle);
  --tblr-list-group-active-color:var(--tblr-primary-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-primary-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-primary-text-emphasis);
}

.list-group-item-secondary {
  --tblr-list-group-color:var(--tblr-secondary-text-emphasis);
  --tblr-list-group-bg:var(--tblr-secondary-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-secondary-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-secondary-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-secondary-border-subtle);
  --tblr-list-group-active-color:var(--tblr-secondary-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-secondary-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-secondary-text-emphasis);
}

.list-group-item-success {
  --tblr-list-group-color:var(--tblr-success-text-emphasis);
  --tblr-list-group-bg:var(--tblr-success-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-success-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-success-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-success-border-subtle);
  --tblr-list-group-active-color:var(--tblr-success-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-success-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-success-text-emphasis);
}

.list-group-item-info {
  --tblr-list-group-color:var(--tblr-info-text-emphasis);
  --tblr-list-group-bg:var(--tblr-info-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-info-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-info-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-info-border-subtle);
  --tblr-list-group-active-color:var(--tblr-info-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-info-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-info-text-emphasis);
}

.list-group-item-warning {
  --tblr-list-group-color:var(--tblr-warning-text-emphasis);
  --tblr-list-group-bg:var(--tblr-warning-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-warning-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-warning-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-warning-border-subtle);
  --tblr-list-group-active-color:var(--tblr-warning-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-warning-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-warning-text-emphasis);
}

.list-group-item-danger {
  --tblr-list-group-color:var(--tblr-danger-text-emphasis);
  --tblr-list-group-bg:var(--tblr-danger-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-danger-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-danger-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-danger-border-subtle);
  --tblr-list-group-active-color:var(--tblr-danger-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-danger-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-danger-text-emphasis);
}

.list-group-item-light {
  --tblr-list-group-color:var(--tblr-light-text-emphasis);
  --tblr-list-group-bg:var(--tblr-light-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-light-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-light-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-light-border-subtle);
  --tblr-list-group-active-color:var(--tblr-light-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-light-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-light-text-emphasis);
}

.list-group-item-dark {
  --tblr-list-group-color:var(--tblr-dark-text-emphasis);
  --tblr-list-group-bg:var(--tblr-dark-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-dark-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-dark-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-dark-border-subtle);
  --tblr-list-group-active-color:var(--tblr-dark-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-dark-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-dark-text-emphasis);
}

.list-group-item-muted {
  --tblr-list-group-color:var(--tblr-muted-text-emphasis);
  --tblr-list-group-bg:var(--tblr-muted-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-muted-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-muted-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-muted-border-subtle);
  --tblr-list-group-active-color:var(--tblr-muted-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-muted-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-muted-text-emphasis);
}

.list-group-item-blue {
  --tblr-list-group-color:var(--tblr-blue-text-emphasis);
  --tblr-list-group-bg:var(--tblr-blue-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-blue-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-blue-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-blue-border-subtle);
  --tblr-list-group-active-color:var(--tblr-blue-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-blue-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-blue-text-emphasis);
}

.list-group-item-azure {
  --tblr-list-group-color:var(--tblr-azure-text-emphasis);
  --tblr-list-group-bg:var(--tblr-azure-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-azure-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-azure-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-azure-border-subtle);
  --tblr-list-group-active-color:var(--tblr-azure-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-azure-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-azure-text-emphasis);
}

.list-group-item-indigo {
  --tblr-list-group-color:var(--tblr-indigo-text-emphasis);
  --tblr-list-group-bg:var(--tblr-indigo-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-indigo-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-indigo-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-indigo-border-subtle);
  --tblr-list-group-active-color:var(--tblr-indigo-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-indigo-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-indigo-text-emphasis);
}

.list-group-item-purple {
  --tblr-list-group-color:var(--tblr-purple-text-emphasis);
  --tblr-list-group-bg:var(--tblr-purple-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-purple-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-purple-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-purple-border-subtle);
  --tblr-list-group-active-color:var(--tblr-purple-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-purple-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-purple-text-emphasis);
}

.list-group-item-pink {
  --tblr-list-group-color:var(--tblr-pink-text-emphasis);
  --tblr-list-group-bg:var(--tblr-pink-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-pink-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-pink-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-pink-border-subtle);
  --tblr-list-group-active-color:var(--tblr-pink-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-pink-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-pink-text-emphasis);
}

.list-group-item-red {
  --tblr-list-group-color:var(--tblr-red-text-emphasis);
  --tblr-list-group-bg:var(--tblr-red-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-red-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-red-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-red-border-subtle);
  --tblr-list-group-active-color:var(--tblr-red-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-red-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-red-text-emphasis);
}

.list-group-item-orange {
  --tblr-list-group-color:var(--tblr-orange-text-emphasis);
  --tblr-list-group-bg:var(--tblr-orange-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-orange-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-orange-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-orange-border-subtle);
  --tblr-list-group-active-color:var(--tblr-orange-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-orange-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-orange-text-emphasis);
}

.list-group-item-yellow {
  --tblr-list-group-color:var(--tblr-yellow-text-emphasis);
  --tblr-list-group-bg:var(--tblr-yellow-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-yellow-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-yellow-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-yellow-border-subtle);
  --tblr-list-group-active-color:var(--tblr-yellow-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-yellow-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-yellow-text-emphasis);
}

.list-group-item-lime {
  --tblr-list-group-color:var(--tblr-lime-text-emphasis);
  --tblr-list-group-bg:var(--tblr-lime-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-lime-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-lime-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-lime-border-subtle);
  --tblr-list-group-active-color:var(--tblr-lime-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-lime-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-lime-text-emphasis);
}

.list-group-item-green {
  --tblr-list-group-color:var(--tblr-green-text-emphasis);
  --tblr-list-group-bg:var(--tblr-green-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-green-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-green-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-green-border-subtle);
  --tblr-list-group-active-color:var(--tblr-green-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-green-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-green-text-emphasis);
}

.list-group-item-teal {
  --tblr-list-group-color:var(--tblr-teal-text-emphasis);
  --tblr-list-group-bg:var(--tblr-teal-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-teal-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-teal-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-teal-border-subtle);
  --tblr-list-group-active-color:var(--tblr-teal-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-teal-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-teal-text-emphasis);
}

.list-group-item-cyan {
  --tblr-list-group-color:var(--tblr-cyan-text-emphasis);
  --tblr-list-group-bg:var(--tblr-cyan-bg-subtle);
  --tblr-list-group-border-color:var(--tblr-cyan-border-subtle);
  --tblr-list-group-action-hover-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-hover-bg:var(--tblr-cyan-border-subtle);
  --tblr-list-group-action-active-color:var(--tblr-emphasis-color);
  --tblr-list-group-action-active-bg:var(--tblr-cyan-border-subtle);
  --tblr-list-group-active-color:var(--tblr-cyan-bg-subtle);
  --tblr-list-group-active-bg:var(--tblr-cyan-text-emphasis);
  --tblr-list-group-active-border-color:var(--tblr-cyan-text-emphasis);
}

.toast {
  --tblr-toast-zindex:1090;
  --tblr-toast-padding-x:0.75rem;
  --tblr-toast-padding-y:0.5rem;
  --tblr-toast-spacing:calc(var(--tblr-page-padding) * 2);
  --tblr-toast-max-width:350px;
  --tblr-toast-font-size:0.875rem;
  --tblr-toast-color: ;
  --tblr-toast-bg:var(--tblr-bg-surface);
  --tblr-toast-border-width:var(--tblr-border-width);
  --tblr-toast-border-color:var(--tblr-border-color);
  --tblr-toast-border-radius:var(--tblr-border-radius);
  --tblr-toast-box-shadow:var(--tblr-box-shadow);
  --tblr-toast-header-color:var(--tblr-gray-500);
  --tblr-toast-header-bg:rgba(var(--tblr-body-bg-rgb), 0.85);
  --tblr-toast-header-border-color:var(--tblr-border-color);
  width: var(--tblr-toast-max-width);
  max-width: 100%;
  font-size: var(--tblr-toast-font-size);
  color: var(--tblr-toast-color);
  pointer-events: auto;
  background-color: var(--tblr-toast-bg);
  background-clip: padding-box;
  border: var(--tblr-toast-border-width) solid var(--tblr-toast-border-color);
  box-shadow: var(--tblr-toast-box-shadow);
  border-radius: var(--tblr-toast-border-radius);
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  --tblr-toast-zindex:1090;
  position: absolute;
  z-index: var(--tblr-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container > :not(:last-child) {
  margin-bottom: var(--tblr-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--tblr-toast-padding-y) var(--tblr-toast-padding-x);
  color: var(--tblr-toast-header-color);
  background-color: var(--tblr-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--tblr-toast-border-width) solid var(--tblr-toast-header-border-color);
  border-top-left-radius: calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width));
  border-top-right-radius: calc(var(--tblr-toast-border-radius) - var(--tblr-toast-border-width));
}

.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--tblr-toast-padding-x));
  margin-left: var(--tblr-toast-padding-x);
}

.toast-body {
  padding: var(--tblr-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --tblr-modal-zindex:1055;
  --tblr-modal-width:540px;
  --tblr-modal-padding:1.5rem;
  --tblr-modal-margin:0.5rem;
  --tblr-modal-color:var(--tblr-body-color);
  --tblr-modal-bg:var(--tblr-bg-surface);
  --tblr-modal-border-color:transparent;
  --tblr-modal-border-width:var(--tblr-border-width);
  --tblr-modal-border-radius:var(--tblr-border-radius-lg);
  --tblr-modal-box-shadow:var(--tblr-box-shadow-sm);
  --tblr-modal-inner-border-radius:calc(var(--tblr-modal-border-radius) - 1px);
  --tblr-modal-header-padding-x:1.5rem;
  --tblr-modal-header-padding-y:1.5rem;
  --tblr-modal-header-padding:1.5rem;
  --tblr-modal-header-border-color:var(--tblr-border-color);
  --tblr-modal-header-border-width:var(--tblr-border-width);
  --tblr-modal-title-line-height:1.4285714286;
  --tblr-modal-footer-gap:0.75rem;
  --tblr-modal-footer-bg:var(--tblr-bg-surface-tertiary);
  --tblr-modal-footer-border-color:var(--tblr-border-color);
  --tblr-modal-footer-border-width:var(--tblr-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--tblr-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--tblr-modal-margin);
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transform: translate(0, -1rem);
  transition: transform 0.3s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--tblr-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--tblr-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--tblr-modal-color);
  pointer-events: auto;
  background-color: var(--tblr-modal-bg);
  background-clip: padding-box;
  border: var(--tblr-modal-border-width) solid var(--tblr-modal-border-color);
  border-radius: var(--tblr-modal-border-radius);
  box-shadow: var(--tblr-modal-box-shadow);
  outline: 0;
}

.modal-backdrop {
  --tblr-backdrop-zindex:1050;
  --tblr-backdrop-bg:var(--tblr-gray-800);
  --tblr-backdrop-opacity:0.24;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--tblr-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--tblr-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--tblr-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--tblr-modal-header-padding);
  border-bottom: var(--tblr-modal-header-border-width) solid var(--tblr-modal-header-border-color);
  border-top-left-radius: var(--tblr-modal-inner-border-radius);
  border-top-right-radius: var(--tblr-modal-inner-border-radius);
}

.modal-header .btn-close {
  padding: calc(var(--tblr-modal-header-padding-y) * 0.5) calc(var(--tblr-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--tblr-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--tblr-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--tblr-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--tblr-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--tblr-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * 0.5);
  background-color: var(--tblr-modal-footer-bg);
  border-top: var(--tblr-modal-footer-border-width) solid var(--tblr-modal-footer-border-color);
  border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
  border-bottom-left-radius: var(--tblr-modal-inner-border-radius);
}

.modal-footer > * {
  margin: calc(var(--tblr-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --tblr-modal-margin:1.75rem;
    --tblr-modal-box-shadow:var(--tblr-box-shadow);
  }
  .modal-dialog {
    max-width: var(--tblr-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --tblr-modal-width:380px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    --tblr-modal-width:720px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --tblr-modal-width:1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --tblr-tooltip-zindex:1080;
  --tblr-tooltip-max-width:200px;
  --tblr-tooltip-padding-x:var(--tblr-spacer-3);
  --tblr-tooltip-padding-y:var(--tblr-spacer-1);
  --tblr-tooltip-margin: ;
  --tblr-tooltip-font-size:0.765625rem;
  --tblr-tooltip-color:var(--tblr-text-inverted);
  --tblr-tooltip-bg:var(--tblr-bg-surface-inverted);
  --tblr-tooltip-border-radius:var(--tblr-border-radius);
  --tblr-tooltip-opacity:0.9;
  --tblr-tooltip-arrow-width:0.8rem;
  --tblr-tooltip-arrow-height:0.4rem;
  z-index: var(--tblr-tooltip-zindex);
  display: block;
  margin: var(--tblr-tooltip-margin);
  font-family: var(--tblr-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4285714286;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--tblr-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: var(--tblr-tooltip-opacity);
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--tblr-tooltip-arrow-width);
  height: var(--tblr-tooltip-arrow-height);
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--tblr-tooltip-arrow-height));
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--tblr-tooltip-bg);
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--tblr-tooltip-arrow-height));
  width: var(--tblr-tooltip-arrow-height);
  height: var(--tblr-tooltip-arrow-width);
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--tblr-tooltip-arrow-width) * 0.5) var(--tblr-tooltip-arrow-height) calc(var(--tblr-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--tblr-tooltip-bg);
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--tblr-tooltip-arrow-height));
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--tblr-tooltip-arrow-width) * 0.5) var(--tblr-tooltip-arrow-height);
  border-bottom-color: var(--tblr-tooltip-bg);
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--tblr-tooltip-arrow-height));
  width: var(--tblr-tooltip-arrow-height);
  height: var(--tblr-tooltip-arrow-width);
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--tblr-tooltip-arrow-width) * 0.5) 0 calc(var(--tblr-tooltip-arrow-width) * 0.5) var(--tblr-tooltip-arrow-height);
  border-left-color: var(--tblr-tooltip-bg);
}

.tooltip-inner {
  max-width: var(--tblr-tooltip-max-width);
  padding: var(--tblr-tooltip-padding-y) var(--tblr-tooltip-padding-x);
  color: var(--tblr-tooltip-color);
  text-align: center;
  background-color: var(--tblr-tooltip-bg);
  border-radius: var(--tblr-tooltip-border-radius);
}

.popover {
  --tblr-popover-zindex:1070;
  --tblr-popover-max-width:276px;
  --tblr-popover-font-size:0.765625rem;
  --tblr-popover-bg:var(--tblr-bg-surface);
  --tblr-popover-border-width:var(--tblr-border-width);
  --tblr-popover-border-color:var(--tblr-border-color);
  --tblr-popover-border-radius:var(--tblr-border-radius-lg);
  --tblr-popover-inner-border-radius:calc(var(--tblr-border-radius-lg) - var(--tblr-border-width));
  --tblr-popover-box-shadow:var(--tblr-shadow-lg);
  --tblr-popover-header-padding-x:1rem;
  --tblr-popover-header-padding-y:0.5rem;
  --tblr-popover-header-font-size:0.875rem;
  --tblr-popover-header-color:inherit;
  --tblr-popover-header-bg:transparent;
  --tblr-popover-body-padding-x:0.5rem;
  --tblr-popover-body-padding-y:0.5rem;
  --tblr-popover-body-color:inherit;
  --tblr-popover-arrow-width:1rem;
  --tblr-popover-arrow-height:0.5rem;
  --tblr-popover-arrow-border:var(--tblr-popover-border-color);
  z-index: var(--tblr-popover-zindex);
  display: block;
  max-width: var(--tblr-popover-max-width);
  font-family: var(--tblr-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4285714286;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--tblr-popover-font-size);
  word-wrap: break-word;
  background-color: var(--tblr-popover-bg);
  background-clip: padding-box;
  border: var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
  border-radius: var(--tblr-popover-border-radius);
  box-shadow: var(--tblr-popover-box-shadow);
}

.popover .popover-arrow {
  display: block;
  width: var(--tblr-popover-arrow-width);
  height: var(--tblr-popover-arrow-height);
}

.popover .popover-arrow::after, .popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
  border-width: var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * 0.5) 0;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--tblr-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
  bottom: var(--tblr-popover-border-width);
  border-top-color: var(--tblr-popover-bg);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
  left: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
  width: var(--tblr-popover-arrow-height);
  height: var(--tblr-popover-arrow-width);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
  border-width: calc(var(--tblr-popover-arrow-width) * 0.5) var(--tblr-popover-arrow-height) calc(var(--tblr-popover-arrow-width) * 0.5) 0;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
  left: 0;
  border-right-color: var(--tblr-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
  left: var(--tblr-popover-border-width);
  border-right-color: var(--tblr-popover-bg);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
  border-width: 0 calc(var(--tblr-popover-arrow-width) * 0.5) var(--tblr-popover-arrow-height);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--tblr-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
  top: var(--tblr-popover-border-width);
  border-bottom-color: var(--tblr-popover-bg);
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--tblr-popover-arrow-width);
  margin-left: calc(-0.5 * var(--tblr-popover-arrow-width));
  content: "";
  border-bottom: var(--tblr-popover-border-width) solid var(--tblr-popover-header-bg);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
  right: calc(-1 * (var(--tblr-popover-arrow-height)) - var(--tblr-popover-border-width));
  width: var(--tblr-popover-arrow-height);
  height: var(--tblr-popover-arrow-width);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
  border-width: calc(var(--tblr-popover-arrow-width) * 0.5) 0 calc(var(--tblr-popover-arrow-width) * 0.5) var(--tblr-popover-arrow-height);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
  right: 0;
  border-left-color: var(--tblr-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
  right: var(--tblr-popover-border-width);
  border-left-color: var(--tblr-popover-bg);
}

.popover-header {
  padding: var(--tblr-popover-header-padding-y) var(--tblr-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--tblr-popover-header-font-size);
  color: var(--tblr-popover-header-color);
  background-color: var(--tblr-popover-header-bg);
  border-bottom: var(--tblr-popover-border-width) solid var(--tblr-popover-border-color);
  border-top-left-radius: var(--tblr-popover-inner-border-radius);
  border-top-right-radius: var(--tblr-popover-inner-border-radius);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--tblr-popover-body-padding-y) var(--tblr-popover-body-padding-x);
  color: var(--tblr-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block;
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  filter: var(--tblr-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='15 18 9 12 15 6'%3e%3c/polyline%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='9 18 15 12 9 6'%3e%3c/polyline%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--tblr-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--tblr-carousel-caption-color);
  text-align: center;
}

.carousel-dark {
  --tblr-carousel-indicator-active-bg:#000000;
  --tblr-carousel-caption-color:#000000;
  --tblr-carousel-control-icon-filter:invert(1) grayscale(100);
}

:root, [data-bs-theme=light] {
  --tblr-carousel-indicator-active-bg:#ffffff;
  --tblr-carousel-caption-color:#ffffff;
  --tblr-carousel-control-icon-filter: ;
}

[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
  --tblr-carousel-indicator-active-bg:#000000;
  --tblr-carousel-caption-color:#000000;
  --tblr-carousel-control-icon-filter:invert(1) grayscale(100);
}

.spinner-border, .spinner-grow {
  display: inline-block;
  width: var(--tblr-spinner-width);
  height: var(--tblr-spinner-height);
  vertical-align: var(--tblr-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--tblr-spinner-animation-speed) linear infinite var(--tblr-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --tblr-spinner-width:1.5rem;
  --tblr-spinner-height:1.5rem;
  --tblr-spinner-vertical-align:-0.125em;
  --tblr-spinner-border-width:2px;
  --tblr-spinner-animation-speed:0.75s;
  --tblr-spinner-animation-name:spinner-border;
  border: var(--tblr-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --tblr-spinner-width:1rem;
  --tblr-spinner-height:1rem;
  --tblr-spinner-border-width:1px;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --tblr-spinner-width:1.5rem;
  --tblr-spinner-height:1.5rem;
  --tblr-spinner-vertical-align:-0.125em;
  --tblr-spinner-animation-speed:0.75s;
  --tblr-spinner-animation-name:spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --tblr-spinner-width:1rem;
  --tblr-spinner-height:1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    --tblr-spinner-animation-speed:1.5s;
  }
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --tblr-offcanvas-zindex:1045;
  --tblr-offcanvas-width:400px;
  --tblr-offcanvas-height:30vh;
  --tblr-offcanvas-padding-x:1.5rem;
  --tblr-offcanvas-padding-y:1.5rem;
  --tblr-offcanvas-color:var(--tblr-body-color);
  --tblr-offcanvas-bg:var(--tblr-bg-surface);
  --tblr-offcanvas-border-width:var(--tblr-border-width);
  --tblr-offcanvas-border-color:var(--tblr-border-color);
  --tblr-offcanvas-box-shadow:var(--tblr-box-shadow-sm);
  --tblr-offcanvas-transition:transform 0.3s ease-in-out;
  --tblr-offcanvas-title-line-height:1.4285714286;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--tblr-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--tblr-offcanvas-color);
    visibility: hidden;
    background-color: var(--tblr-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--tblr-offcanvas-box-shadow);
    transition: var(--tblr-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--tblr-offcanvas-width);
    border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--tblr-offcanvas-width);
    border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --tblr-offcanvas-height:auto;
    --tblr-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--tblr-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--tblr-offcanvas-color);
    visibility: hidden;
    background-color: var(--tblr-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--tblr-offcanvas-box-shadow);
    transition: var(--tblr-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--tblr-offcanvas-width);
    border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--tblr-offcanvas-width);
    border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --tblr-offcanvas-height:auto;
    --tblr-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--tblr-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--tblr-offcanvas-color);
    visibility: hidden;
    background-color: var(--tblr-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--tblr-offcanvas-box-shadow);
    transition: var(--tblr-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--tblr-offcanvas-width);
    border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--tblr-offcanvas-width);
    border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --tblr-offcanvas-height:auto;
    --tblr-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--tblr-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--tblr-offcanvas-color);
    visibility: hidden;
    background-color: var(--tblr-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--tblr-offcanvas-box-shadow);
    transition: var(--tblr-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--tblr-offcanvas-width);
    border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--tblr-offcanvas-width);
    border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --tblr-offcanvas-height:auto;
    --tblr-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--tblr-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--tblr-offcanvas-color);
    visibility: hidden;
    background-color: var(--tblr-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    box-shadow: var(--tblr-offcanvas-box-shadow);
    transition: var(--tblr-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--tblr-offcanvas-width);
    border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--tblr-offcanvas-width);
    border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--tblr-offcanvas-height);
    max-height: 100%;
    border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --tblr-offcanvas-height:auto;
    --tblr-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--tblr-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--tblr-offcanvas-color);
  visibility: hidden;
  background-color: var(--tblr-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  box-shadow: var(--tblr-offcanvas-box-shadow);
  transition: var(--tblr-offcanvas-transition);
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--tblr-offcanvas-width);
  border-right: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
  transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--tblr-offcanvas-width);
  border-left: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
  transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--tblr-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
  transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--tblr-offcanvas-height);
  max-height: 100%;
  border-top: var(--tblr-offcanvas-border-width) solid var(--tblr-offcanvas-border-color);
  transform: translateY(100%);
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none;
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: var(--tblr-gray-800);
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.24;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
  padding: calc(var(--tblr-offcanvas-padding-y) * 0.5) calc(var(--tblr-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--tblr-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--tblr-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--tblr-offcanvas-padding-y));
  margin-left: auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--tblr-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--tblr-offcanvas-padding-y) var(--tblr-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.2;
}

.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.1;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.9) 75%, #000000 95%);
  mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.9) 75%, #000000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--tblr-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--tblr-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--tblr-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --tblr-focus-ring-color:rgba(var(--tblr-primary-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-secondary {
  --tblr-focus-ring-color:rgba(var(--tblr-secondary-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-success {
  --tblr-focus-ring-color:rgba(var(--tblr-success-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-info {
  --tblr-focus-ring-color:rgba(var(--tblr-info-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-warning {
  --tblr-focus-ring-color:rgba(var(--tblr-warning-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-danger {
  --tblr-focus-ring-color:rgba(var(--tblr-danger-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-light {
  --tblr-focus-ring-color:rgba(var(--tblr-light-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-dark {
  --tblr-focus-ring-color:rgba(var(--tblr-dark-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-muted {
  --tblr-focus-ring-color:rgba(var(--tblr-muted-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-blue {
  --tblr-focus-ring-color:rgba(var(--tblr-blue-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-azure {
  --tblr-focus-ring-color:rgba(var(--tblr-azure-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-indigo {
  --tblr-focus-ring-color:rgba(var(--tblr-indigo-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-purple {
  --tblr-focus-ring-color:rgba(var(--tblr-purple-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-pink {
  --tblr-focus-ring-color:rgba(var(--tblr-pink-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-red {
  --tblr-focus-ring-color:rgba(var(--tblr-red-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-orange {
  --tblr-focus-ring-color:rgba(var(--tblr-orange-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-yellow {
  --tblr-focus-ring-color:rgba(var(--tblr-yellow-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-lime {
  --tblr-focus-ring-color:rgba(var(--tblr-lime-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-green {
  --tblr-focus-ring-color:rgba(var(--tblr-green-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-teal {
  --tblr-focus-ring-color:rgba(var(--tblr-teal-rgb), var(--tblr-focus-ring-opacity));
}

.focus-ring-cyan {
  --tblr-focus-ring-color:rgba(var(--tblr-cyan-rgb), var(--tblr-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-wide {
  border: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-top-wide {
  border-top: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-end-wide {
  border-right: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-bottom-wide {
  border-bottom: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-start-wide {
  border-left: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-red {
  --tblr-border-opacity:1;
  border-color: rgba(var(--tblr-red-rgb), var(--tblr-border-opacity)) !important;
}

.border-green {
  --tblr-border-opacity:1;
  border-color: rgba(var(--tblr-green-rgb), var(--tblr-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--tblr-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--tblr-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--tblr-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--tblr-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--tblr-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--tblr-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--tblr-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--tblr-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --tblr-border-opacity:0.1;
}

.border-opacity-25 {
  --tblr-border-opacity:0.25;
}

.border-opacity-50 {
  --tblr-border-opacity:0.5;
}

.border-opacity-75 {
  --tblr-border-opacity:0.75;
}

.border-opacity-100 {
  --tblr-border-opacity:1;
}

.w-0 {
  width: 0 !important;
}

.w-1 {
  width: 0.25rem !important;
}

.w-2 {
  width: 0.5rem !important;
}

.w-3 {
  width: 1rem !important;
}

.w-4 {
  width: 1.5rem !important;
}

.w-5 {
  width: 2rem !important;
}

.w-6 {
  width: 2.5rem !important;
}

.w-25 {
  width: 25% !important;
}

.w-33 {
  width: 33.33333% !important;
}

.w-50 {
  width: 50% !important;
}

.w-66 {
  width: 66.66666% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-0 {
  height: 0 !important;
}

.h-1 {
  height: 0.25rem !important;
}

.h-2 {
  height: 0.5rem !important;
}

.h-3 {
  height: 1rem !important;
}

.h-4 {
  height: 1.5rem !important;
}

.h-5 {
  height: 2rem !important;
}

.h-6 {
  height: 2.5rem !important;
}

.h-25 {
  height: 25% !important;
}

.h-33 {
  height: 33.33333% !important;
}

.h-50 {
  height: 50% !important;
}

.h-66 {
  height: 66.66666% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.m-6 {
  margin: 2.5rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.mx-6 {
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-6 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mt-6 {
  margin-top: 2.5rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 2rem !important;
}

.me-6 {
  margin-right: 2.5rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.mb-6 {
  margin-bottom: 2.5rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 2rem !important;
}

.ms-6 {
  margin-left: 2.5rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.m-n5 {
  margin: -2rem !important;
}

.m-n6 {
  margin: -2.5rem !important;
}

.mx-n1 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important;
}

.mx-n2 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important;
}

.mx-n3 {
  margin-right: -1rem !important;
  margin-left: -1rem !important;
}

.mx-n4 {
  margin-right: -1.5rem !important;
  margin-left: -1.5rem !important;
}

.mx-n5 {
  margin-right: -2rem !important;
  margin-left: -2rem !important;
}

.mx-n6 {
  margin-right: -2.5rem !important;
  margin-left: -2.5rem !important;
}

.my-n1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.my-n2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.my-n3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.my-n4 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

.my-n5 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}

.my-n6 {
  margin-top: -2.5rem !important;
  margin-bottom: -2.5rem !important;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mt-n4 {
  margin-top: -1.5rem !important;
}

.mt-n5 {
  margin-top: -2rem !important;
}

.mt-n6 {
  margin-top: -2.5rem !important;
}

.me-n1 {
  margin-right: -0.25rem !important;
}

.me-n2 {
  margin-right: -0.5rem !important;
}

.me-n3 {
  margin-right: -1rem !important;
}

.me-n4 {
  margin-right: -1.5rem !important;
}

.me-n5 {
  margin-right: -2rem !important;
}

.me-n6 {
  margin-right: -2.5rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.mb-n3 {
  margin-bottom: -1rem !important;
}

.mb-n4 {
  margin-bottom: -1.5rem !important;
}

.mb-n5 {
  margin-bottom: -2rem !important;
}

.mb-n6 {
  margin-bottom: -2.5rem !important;
}

.ms-n1 {
  margin-left: -0.25rem !important;
}

.ms-n2 {
  margin-left: -0.5rem !important;
}

.ms-n3 {
  margin-left: -1rem !important;
}

.ms-n4 {
  margin-left: -1.5rem !important;
}

.ms-n5 {
  margin-left: -2rem !important;
}

.ms-n6 {
  margin-left: -2.5rem !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.p-6 {
  padding: 2.5rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.px-6 {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-6 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pt-6 {
  padding-top: 2.5rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 2rem !important;
}

.pe-6 {
  padding-right: 2.5rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.pb-6 {
  padding-bottom: 2.5rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 2rem !important;
}

.ps-6 {
  padding-left: 2.5rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 2rem !important;
}

.gap-6 {
  gap: 2.5rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 2rem !important;
}

.row-gap-6 {
  row-gap: 2.5rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 2rem !important;
  column-gap: 2rem !important;
}

.column-gap-6 {
  -moz-column-gap: 2.5rem !important;
  column-gap: 2.5rem !important;
}

.font-monospace {
  font-family: var(--tblr-font-monospace) !important;
}

.fs-1 {
  font-size: 1.5rem !important;
}

.fs-2 {
  font-size: 1.25rem !important;
}

.fs-3 {
  font-size: 1rem !important;
}

.fs-4 {
  font-size: 0.875rem !important;
}

.fs-5 {
  font-size: 0.75rem !important;
}

.fs-6 {
  font-size: 0.625rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 600 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.1428571429 !important;
}

.lh-base {
  line-height: 1.4285714286 !important;
}

.lh-lg {
  line-height: 1.7142857143 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text-primary {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-primary-rgb), var(--tblr-text-opacity)) !important;
}

.text-secondary {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important;
}

.text-success {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-success-rgb), var(--tblr-text-opacity)) !important;
}

.text-info {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-info-rgb), var(--tblr-text-opacity)) !important;
}

.text-warning {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-warning-rgb), var(--tblr-text-opacity)) !important;
}

.text-danger {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-danger-rgb), var(--tblr-text-opacity)) !important;
}

.text-light {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-light-rgb), var(--tblr-text-opacity)) !important;
}

.text-dark {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-dark-rgb), var(--tblr-text-opacity)) !important;
}

.text-muted {
  --tblr-text-opacity:1;
  color: var(--tblr-secondary-color) !important;
}

.text-blue {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-blue-rgb), var(--tblr-text-opacity)) !important;
}

.text-azure {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-azure-rgb), var(--tblr-text-opacity)) !important;
}

.text-indigo {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-indigo-rgb), var(--tblr-text-opacity)) !important;
}

.text-purple {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-purple-rgb), var(--tblr-text-opacity)) !important;
}

.text-pink {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-pink-rgb), var(--tblr-text-opacity)) !important;
}

.text-red {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-red-rgb), var(--tblr-text-opacity)) !important;
}

.text-orange {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-orange-rgb), var(--tblr-text-opacity)) !important;
}

.text-yellow {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-yellow-rgb), var(--tblr-text-opacity)) !important;
}

.text-lime {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-lime-rgb), var(--tblr-text-opacity)) !important;
}

.text-green {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-green-rgb), var(--tblr-text-opacity)) !important;
}

.text-teal {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-teal-rgb), var(--tblr-text-opacity)) !important;
}

.text-cyan {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-cyan-rgb), var(--tblr-text-opacity)) !important;
}

.text-black {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-black-rgb), var(--tblr-text-opacity)) !important;
}

.text-white {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-white-rgb), var(--tblr-text-opacity)) !important;
}

.text-body {
  --tblr-text-opacity:1;
  color: rgba(var(--tblr-body-color-rgb), var(--tblr-text-opacity)) !important;
}

.text-black-50 {
  --tblr-text-opacity:1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --tblr-text-opacity:1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --tblr-text-opacity:1;
  color: var(--tblr-secondary-color) !important;
}

.text-body-tertiary {
  --tblr-text-opacity:1;
  color: var(--tblr-tertiary-color) !important;
}

.text-body-emphasis {
  --tblr-text-opacity:1;
  color: var(--tblr-emphasis-color) !important;
}

.text-reset {
  --tblr-text-opacity:1;
  color: inherit !important;
}

.text-opacity-25 {
  --tblr-text-opacity:0.25;
}

.text-opacity-50 {
  --tblr-text-opacity:0.5;
}

.text-opacity-75 {
  --tblr-text-opacity:0.75;
}

.text-opacity-100 {
  --tblr-text-opacity:1;
}

.text-primary-emphasis {
  color: var(--tblr-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--tblr-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--tblr-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--tblr-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--tblr-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--tblr-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--tblr-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--tblr-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --tblr-link-opacity:0.1;
}

.link-opacity-10-hover:hover {
  --tblr-link-opacity:0.1;
}

.link-opacity-25 {
  --tblr-link-opacity:0.25;
}

.link-opacity-25-hover:hover {
  --tblr-link-opacity:0.25;
}

.link-opacity-50 {
  --tblr-link-opacity:0.5;
}

.link-opacity-50-hover:hover {
  --tblr-link-opacity:0.5;
}

.link-opacity-75 {
  --tblr-link-opacity:0.75;
}

.link-opacity-75-hover:hover {
  --tblr-link-opacity:0.75;
}

.link-opacity-100 {
  --tblr-link-opacity:1;
}

.link-opacity-100-hover:hover {
  --tblr-link-opacity:1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-primary-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-secondary-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-success {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-success-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-info {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-info-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-warning {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-warning-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-danger {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-danger-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-light {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-light-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-dark {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-dark-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-muted {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-muted-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-blue {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-blue-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-azure {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-azure-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-indigo {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-indigo-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-purple {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-purple-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-pink {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-pink-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-red {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-red-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-orange {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-orange-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-yellow {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-yellow-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-lime {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-lime-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-green {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-green-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-teal {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-teal-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline-cyan {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-cyan-rgb), var(--tblr-link-underline-opacity)) !important;
}

.link-underline {
  --tblr-link-underline-opacity:1;
  text-decoration-color: rgba(var(--tblr-link-color-rgb), var(--tblr-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --tblr-link-underline-opacity:0;
}

.link-underline-opacity-0-hover:hover {
  --tblr-link-underline-opacity:0;
}

.link-underline-opacity-10 {
  --tblr-link-underline-opacity:0.1;
}

.link-underline-opacity-10-hover:hover {
  --tblr-link-underline-opacity:0.1;
}

.link-underline-opacity-25 {
  --tblr-link-underline-opacity:0.25;
}

.link-underline-opacity-25-hover:hover {
  --tblr-link-underline-opacity:0.25;
}

.link-underline-opacity-50 {
  --tblr-link-underline-opacity:0.5;
}

.link-underline-opacity-50-hover:hover {
  --tblr-link-underline-opacity:0.5;
}

.link-underline-opacity-75 {
  --tblr-link-underline-opacity:0.75;
}

.link-underline-opacity-75-hover:hover {
  --tblr-link-underline-opacity:0.75;
}

.link-underline-opacity-100 {
  --tblr-link-underline-opacity:1;
}

.link-underline-opacity-100-hover:hover {
  --tblr-link-underline-opacity:1;
}

.bg-primary {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-primary-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-secondary {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-secondary-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-success {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-success-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-info {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-info-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-warning {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-warning-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-danger {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-danger-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-light {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-light-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-dark {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-dark-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-muted {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-muted-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-blue {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-blue-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-azure {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-azure-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-indigo {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-indigo-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-purple {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-purple-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-pink {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-pink-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-red {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-red-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-orange {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-orange-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-yellow {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-yellow-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-lime {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-lime-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-green {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-green-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-teal {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-teal-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-cyan {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-cyan-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-black {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-black-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-white {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-white-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-body {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-body-bg-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-transparent {
  --tblr-bg-opacity:1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-secondary-bg-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-body-tertiary {
  --tblr-bg-opacity:1;
  background-color: rgba(var(--tblr-tertiary-bg-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-opacity-10 {
  --tblr-bg-opacity:0.1;
}

.bg-opacity-25 {
  --tblr-bg-opacity:0.25;
}

.bg-opacity-50 {
  --tblr-bg-opacity:0.5;
}

.bg-opacity-75 {
  --tblr-bg-opacity:0.75;
}

.bg-opacity-100 {
  --tblr-bg-opacity:1;
}

.bg-primary-subtle {
  background-color: var(--tblr-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--tblr-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--tblr-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--tblr-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--tblr-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--tblr-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--tblr-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--tblr-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--tblr-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--tblr-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--tblr-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--tblr-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--tblr-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--tblr-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--tblr-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--tblr-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--tblr-border-radius) !important;
  border-top-right-radius: var(--tblr-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--tblr-border-radius-sm) !important;
  border-top-right-radius: var(--tblr-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--tblr-border-radius) !important;
  border-top-right-radius: var(--tblr-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--tblr-border-radius-lg) !important;
  border-top-right-radius: var(--tblr-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--tblr-border-radius-xl) !important;
  border-top-right-radius: var(--tblr-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--tblr-border-radius-xxl) !important;
  border-top-right-radius: var(--tblr-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--tblr-border-radius-pill) !important;
  border-top-right-radius: var(--tblr-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--tblr-border-radius) !important;
  border-bottom-right-radius: var(--tblr-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--tblr-border-radius-sm) !important;
  border-bottom-right-radius: var(--tblr-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--tblr-border-radius) !important;
  border-bottom-right-radius: var(--tblr-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--tblr-border-radius-lg) !important;
  border-bottom-right-radius: var(--tblr-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--tblr-border-radius-xl) !important;
  border-bottom-right-radius: var(--tblr-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--tblr-border-radius-xxl) !important;
  border-bottom-right-radius: var(--tblr-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--tblr-border-radius-pill) !important;
  border-bottom-right-radius: var(--tblr-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--tblr-border-radius) !important;
  border-bottom-left-radius: var(--tblr-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--tblr-border-radius-sm) !important;
  border-bottom-left-radius: var(--tblr-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--tblr-border-radius) !important;
  border-bottom-left-radius: var(--tblr-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--tblr-border-radius-lg) !important;
  border-bottom-left-radius: var(--tblr-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--tblr-border-radius-xl) !important;
  border-bottom-left-radius: var(--tblr-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--tblr-border-radius-xxl) !important;
  border-bottom-left-radius: var(--tblr-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--tblr-border-radius-pill) !important;
  border-bottom-left-radius: var(--tblr-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--tblr-border-radius) !important;
  border-top-left-radius: var(--tblr-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--tblr-border-radius-sm) !important;
  border-top-left-radius: var(--tblr-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--tblr-border-radius) !important;
  border-top-left-radius: var(--tblr-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--tblr-border-radius-lg) !important;
  border-top-left-radius: var(--tblr-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--tblr-border-radius-xl) !important;
  border-top-left-radius: var(--tblr-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--tblr-border-radius-xxl) !important;
  border-top-left-radius: var(--tblr-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--tblr-border-radius-pill) !important;
  border-top-left-radius: var(--tblr-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.object-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-scale-down {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}

.cursor-auto {
  cursor: auto !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-zoom-in {
  cursor: zoom-in !important;
}

.cursor-zoom-out {
  cursor: zoom-out !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-none {
  cursor: none !important;
}

.cursor-help {
  cursor: help !important;
}

.cursor-progress {
  cursor: progress !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-v-text {
  cursor: vertical-text !important;
}

.cursor-grab {
  cursor: grab !important;
}

.cursor-grabbing {
  cursor: grabbing !important;
}

.cursor-crosshair {
  cursor: crosshair !important;
}

.border-x {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
  border-right: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-x-wide {
  border-left: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
  border-right: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-x-0 {
  border-left: 0 !important;
  border-right: 0 !important;
}

.border-y {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-y-wide {
  border-top: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
  border-bottom: 2px var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.border-y-0 {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.columns-2 {
  -moz-columns: 2 !important;
  columns: 2 !important;
}

.columns-3 {
  -moz-columns: 3 !important;
  columns: 3 !important;
}

.columns-4 {
  -moz-columns: 4 !important;
  columns: 4 !important;
}

.bg-pattern-transparent {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><rect x="0" y="0" width="8" height="8" fill="rgba(130, 130, 130, .1)" /><rect x="8" y="8" width="8" height="8" fill="rgba(130, 130, 130, .1)" /></svg>') repeat center/16px 16px !important;
}

.bg-gradient {
  background: linear-gradient(var(--tblr-gradient-direction, to right), var(--tblr-gradient-stops, var(--tblr-gradient-from, transparent), var(--tblr-gradient-to, transparent))) no-repeat !important;
}

.bg-gradient-to-t {
  --tblr-gradient-direction:to top!important;
}

.bg-gradient-to-te {
  --tblr-gradient-direction:to top right!important;
}

.bg-gradient-to-e {
  --tblr-gradient-direction:to right!important;
}

.bg-gradient-to-be {
  --tblr-gradient-direction:to bottom right!important;
}

.bg-gradient-to-b {
  --tblr-gradient-direction:to bottom!important;
}

.bg-gradient-to-bs {
  --tblr-gradient-direction:to bottom left!important;
}

.bg-gradient-to-s {
  --tblr-gradient-direction:to left!important;
}

.bg-gradient-to-ts {
  --tblr-gradient-direction:to top left!important;
}

.table-auto {
  table-layout: auto !important;
}

.table-fixed {
  table-layout: fixed !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 2rem !important;
  }
  .m-sm-6 {
    margin: 2.5rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-sm-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 2rem !important;
  }
  .mt-sm-6 {
    margin-top: 2.5rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 2rem !important;
  }
  .me-sm-6 {
    margin-right: 2.5rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 2.5rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 2rem !important;
  }
  .ms-sm-6 {
    margin-left: 2.5rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -2rem !important;
  }
  .m-sm-n6 {
    margin: -2.5rem !important;
  }
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-sm-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-sm-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-sm-n6 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .my-sm-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-sm-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-sm-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-sm-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-sm-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-sm-n6 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .mt-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-sm-n3 {
    margin-top: -1rem !important;
  }
  .mt-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-sm-n5 {
    margin-top: -2rem !important;
  }
  .mt-sm-n6 {
    margin-top: -2.5rem !important;
  }
  .me-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .me-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .me-sm-n3 {
    margin-right: -1rem !important;
  }
  .me-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .me-sm-n5 {
    margin-right: -2rem !important;
  }
  .me-sm-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-sm-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-sm-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ms-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-sm-n3 {
    margin-left: -1rem !important;
  }
  .ms-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-sm-n5 {
    margin-left: -2rem !important;
  }
  .ms-sm-n6 {
    margin-left: -2.5rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 2rem !important;
  }
  .p-sm-6 {
    padding: 2.5rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-sm-6 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-sm-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 2rem !important;
  }
  .pt-sm-6 {
    padding-top: 2.5rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 2rem !important;
  }
  .pe-sm-6 {
    padding-right: 2.5rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 2.5rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 2rem !important;
  }
  .ps-sm-6 {
    padding-left: 2.5rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 2rem !important;
  }
  .gap-sm-6 {
    gap: 2.5rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 2rem !important;
  }
  .row-gap-sm-6 {
    row-gap: 2.5rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }
  .column-gap-sm-6 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .columns-sm-2 {
    -moz-columns: 2 !important;
    columns: 2 !important;
  }
  .columns-sm-3 {
    -moz-columns: 3 !important;
    columns: 3 !important;
  }
  .columns-sm-4 {
    -moz-columns: 4 !important;
    columns: 4 !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 2rem !important;
  }
  .m-md-6 {
    margin: 2.5rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-md-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 2rem !important;
  }
  .mt-md-6 {
    margin-top: 2.5rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 2rem !important;
  }
  .me-md-6 {
    margin-right: 2.5rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2rem !important;
  }
  .mb-md-6 {
    margin-bottom: 2.5rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 2rem !important;
  }
  .ms-md-6 {
    margin-left: 2.5rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -2rem !important;
  }
  .m-md-n6 {
    margin: -2.5rem !important;
  }
  .mx-md-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-md-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-md-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-md-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-md-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-md-n6 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .my-md-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-md-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-md-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-md-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-md-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-md-n6 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .mt-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-md-n3 {
    margin-top: -1rem !important;
  }
  .mt-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-md-n5 {
    margin-top: -2rem !important;
  }
  .mt-md-n6 {
    margin-top: -2.5rem !important;
  }
  .me-md-n1 {
    margin-right: -0.25rem !important;
  }
  .me-md-n2 {
    margin-right: -0.5rem !important;
  }
  .me-md-n3 {
    margin-right: -1rem !important;
  }
  .me-md-n4 {
    margin-right: -1.5rem !important;
  }
  .me-md-n5 {
    margin-right: -2rem !important;
  }
  .me-md-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-md-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-md-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-md-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ms-md-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-md-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-md-n3 {
    margin-left: -1rem !important;
  }
  .ms-md-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-md-n5 {
    margin-left: -2rem !important;
  }
  .ms-md-n6 {
    margin-left: -2.5rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 2rem !important;
  }
  .p-md-6 {
    padding: 2.5rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-md-6 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 2rem !important;
  }
  .pt-md-6 {
    padding-top: 2.5rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 2rem !important;
  }
  .pe-md-6 {
    padding-right: 2.5rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2rem !important;
  }
  .pb-md-6 {
    padding-bottom: 2.5rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 2rem !important;
  }
  .ps-md-6 {
    padding-left: 2.5rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 2rem !important;
  }
  .gap-md-6 {
    gap: 2.5rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 2rem !important;
  }
  .row-gap-md-6 {
    row-gap: 2.5rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }
  .column-gap-md-6 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .columns-md-2 {
    -moz-columns: 2 !important;
    columns: 2 !important;
  }
  .columns-md-3 {
    -moz-columns: 3 !important;
    columns: 3 !important;
  }
  .columns-md-4 {
    -moz-columns: 4 !important;
    columns: 4 !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 2rem !important;
  }
  .m-lg-6 {
    margin: 2.5rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-lg-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 2rem !important;
  }
  .mt-lg-6 {
    margin-top: 2.5rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 2rem !important;
  }
  .me-lg-6 {
    margin-right: 2.5rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 2.5rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 2rem !important;
  }
  .ms-lg-6 {
    margin-left: 2.5rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -2rem !important;
  }
  .m-lg-n6 {
    margin: -2.5rem !important;
  }
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-lg-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-lg-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-lg-n6 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .my-lg-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-lg-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-lg-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-lg-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-lg-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-lg-n6 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .mt-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-lg-n3 {
    margin-top: -1rem !important;
  }
  .mt-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-lg-n5 {
    margin-top: -2rem !important;
  }
  .mt-lg-n6 {
    margin-top: -2.5rem !important;
  }
  .me-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .me-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .me-lg-n3 {
    margin-right: -1rem !important;
  }
  .me-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .me-lg-n5 {
    margin-right: -2rem !important;
  }
  .me-lg-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-lg-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-lg-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ms-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-lg-n3 {
    margin-left: -1rem !important;
  }
  .ms-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-lg-n5 {
    margin-left: -2rem !important;
  }
  .ms-lg-n6 {
    margin-left: -2.5rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 2rem !important;
  }
  .p-lg-6 {
    padding: 2.5rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-lg-6 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 2rem !important;
  }
  .pt-lg-6 {
    padding-top: 2.5rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 2rem !important;
  }
  .pe-lg-6 {
    padding-right: 2.5rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 2.5rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 2rem !important;
  }
  .ps-lg-6 {
    padding-left: 2.5rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 2rem !important;
  }
  .gap-lg-6 {
    gap: 2.5rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 2rem !important;
  }
  .row-gap-lg-6 {
    row-gap: 2.5rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }
  .column-gap-lg-6 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .columns-lg-2 {
    -moz-columns: 2 !important;
    columns: 2 !important;
  }
  .columns-lg-3 {
    -moz-columns: 3 !important;
    columns: 3 !important;
  }
  .columns-lg-4 {
    -moz-columns: 4 !important;
    columns: 4 !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 2rem !important;
  }
  .m-xl-6 {
    margin: 2.5rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xl-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 2rem !important;
  }
  .mt-xl-6 {
    margin-top: 2.5rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 2rem !important;
  }
  .me-xl-6 {
    margin-right: 2.5rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 2.5rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 2rem !important;
  }
  .ms-xl-6 {
    margin-left: 2.5rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -2rem !important;
  }
  .m-xl-n6 {
    margin: -2.5rem !important;
  }
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-xl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-xl-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-xl-n6 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .my-xl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-xl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-xl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-xl-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-xl-n6 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .mt-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xl-n5 {
    margin-top: -2rem !important;
  }
  .mt-xl-n6 {
    margin-top: -2.5rem !important;
  }
  .me-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .me-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .me-xl-n3 {
    margin-right: -1rem !important;
  }
  .me-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .me-xl-n5 {
    margin-right: -2rem !important;
  }
  .me-xl-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xl-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-xl-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ms-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-xl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-xl-n5 {
    margin-left: -2rem !important;
  }
  .ms-xl-n6 {
    margin-left: -2.5rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 2rem !important;
  }
  .p-xl-6 {
    padding: 2.5rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xl-6 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xl-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 2rem !important;
  }
  .pt-xl-6 {
    padding-top: 2.5rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 2rem !important;
  }
  .pe-xl-6 {
    padding-right: 2.5rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 2rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 2.5rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 2rem !important;
  }
  .ps-xl-6 {
    padding-left: 2.5rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 2rem !important;
  }
  .gap-xl-6 {
    gap: 2.5rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 2rem !important;
  }
  .row-gap-xl-6 {
    row-gap: 2.5rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }
  .column-gap-xl-6 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .columns-xl-2 {
    -moz-columns: 2 !important;
    columns: 2 !important;
  }
  .columns-xl-3 {
    -moz-columns: 3 !important;
    columns: 3 !important;
  }
  .columns-xl-4 {
    -moz-columns: 4 !important;
    columns: 4 !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 2rem !important;
  }
  .m-xxl-6 {
    margin: 2.5rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xxl-6 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xxl-6 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 2rem !important;
  }
  .mt-xxl-6 {
    margin-top: 2.5rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 2rem !important;
  }
  .me-xxl-6 {
    margin-right: 2.5rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 2.5rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 2rem !important;
  }
  .ms-xxl-6 {
    margin-left: 2.5rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -2rem !important;
  }
  .m-xxl-n6 {
    margin: -2.5rem !important;
  }
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
    margin-left: -0.25rem !important;
  }
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.5rem !important;
  }
  .mx-xxl-n3 {
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  .mx-xxl-n5 {
    margin-right: -2rem !important;
    margin-left: -2rem !important;
  }
  .mx-xxl-n6 {
    margin-right: -2.5rem !important;
    margin-left: -2.5rem !important;
  }
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .my-xxl-n3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .my-xxl-n5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .my-xxl-n6 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }
  .mt-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mt-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mt-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mt-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mt-xxl-n5 {
    margin-top: -2rem !important;
  }
  .mt-xxl-n6 {
    margin-top: -2.5rem !important;
  }
  .me-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .me-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .me-xxl-n3 {
    margin-right: -1rem !important;
  }
  .me-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .me-xxl-n5 {
    margin-right: -2rem !important;
  }
  .me-xxl-n6 {
    margin-right: -2.5rem !important;
  }
  .mb-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .mb-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .mb-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .mb-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .mb-xxl-n5 {
    margin-bottom: -2rem !important;
  }
  .mb-xxl-n6 {
    margin-bottom: -2.5rem !important;
  }
  .ms-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .ms-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .ms-xxl-n3 {
    margin-left: -1rem !important;
  }
  .ms-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .ms-xxl-n5 {
    margin-left: -2rem !important;
  }
  .ms-xxl-n6 {
    margin-left: -2.5rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 2rem !important;
  }
  .p-xxl-6 {
    padding: 2.5rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .px-xxl-6 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xxl-6 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 2rem !important;
  }
  .pt-xxl-6 {
    padding-top: 2.5rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 2rem !important;
  }
  .pe-xxl-6 {
    padding-right: 2.5rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 2rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 2.5rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 2rem !important;
  }
  .ps-xxl-6 {
    padding-left: 2.5rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 2rem !important;
  }
  .gap-xxl-6 {
    gap: 2.5rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 2rem !important;
  }
  .row-gap-xxl-6 {
    row-gap: 2.5rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }
  .column-gap-xxl-6 {
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .columns-xxl-2 {
    -moz-columns: 2 !important;
    columns: 2 !important;
  }
  .columns-xxl-3 {
    -moz-columns: 3 !important;
    columns: 3 !important;
  }
  .columns-xxl-4 {
    -moz-columns: 4 !important;
    columns: 4 !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
:host, :root {
  --tblr-font-monospace:Monaco,Consolas,Liberation Mono,Courier New,monospace;
  --tblr-font-sans-serif:Inter Var,Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
  --tblr-font-serif:Georgia,Times New Roman,times,serif;
  --tblr-font-comic:Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,sans-serif,cursive;
  --tblr-gray-50:#f9fafb;
  --tblr-gray-100:#f3f4f6;
  --tblr-gray-200:#e5e7eb;
  --tblr-gray-300:#d1d5db;
  --tblr-gray-400:#9ca3af;
  --tblr-gray-500:#6b7280;
  --tblr-gray-600:#4b5563;
  --tblr-gray-700:#374151;
  --tblr-gray-800:#1f2937;
  --tblr-gray-900:#111827;
  --tblr-gray-950:#030712;
  --tblr-white:#ffffff;
  --tblr-black:#000000;
  --tblr-dark:#1f2937;
  --tblr-light:#f9fafb;
  --tblr-brand:#066fd1;
  --tblr-primary:#066fd1;
  --tblr-primary-rgb:6,111,209;
  --tblr-primary-fg:var(--tblr-light);
  --tblr-primary-darken:#0564bc;
  --tblr-primary-darken:color-mix(in oklab, var(--tblr-primary), transparent 20%);
  --tblr-primary-lt:#e6f1fa;
  --tblr-primary-lt:color-mix(in oklab, var(--tblr-primary) 10%, transparent);
  --tblr-primary-200:color-mix(in oklab, var(--tblr-primary) 20%, transparent);
  --tblr-primary-lt-rgb:230,241,250;
  --tblr-secondary:#6b7280;
  --tblr-secondary-rgb:107,114,128;
  --tblr-secondary-fg:var(--tblr-light);
  --tblr-secondary-darken:#606773;
  --tblr-secondary-darken:color-mix(in oklab, var(--tblr-secondary), transparent 20%);
  --tblr-secondary-lt:#f0f1f2;
  --tblr-secondary-lt:color-mix(in oklab, var(--tblr-secondary) 10%, transparent);
  --tblr-secondary-200:color-mix(in oklab, var(--tblr-secondary) 20%, transparent);
  --tblr-secondary-lt-rgb:240,241,242;
  --tblr-success:#2fb344;
  --tblr-success-rgb:47,179,68;
  --tblr-success-fg:var(--tblr-light);
  --tblr-success-darken:#2aa13d;
  --tblr-success-darken:color-mix(in oklab, var(--tblr-success), transparent 20%);
  --tblr-success-lt:#eaf7ec;
  --tblr-success-lt:color-mix(in oklab, var(--tblr-success) 10%, transparent);
  --tblr-success-200:color-mix(in oklab, var(--tblr-success) 20%, transparent);
  --tblr-success-lt-rgb:234,247,236;
  --tblr-info:#4299e1;
  --tblr-info-rgb:66,153,225;
  --tblr-info-fg:var(--tblr-light);
  --tblr-info-darken:#3b8acb;
  --tblr-info-darken:color-mix(in oklab, var(--tblr-info), transparent 20%);
  --tblr-info-lt:#ecf5fc;
  --tblr-info-lt:color-mix(in oklab, var(--tblr-info) 10%, transparent);
  --tblr-info-200:color-mix(in oklab, var(--tblr-info) 20%, transparent);
  --tblr-info-lt-rgb:236,245,252;
  --tblr-warning:#f59f00;
  --tblr-warning-rgb:245,159,0;
  --tblr-warning-fg:var(--tblr-light);
  --tblr-warning-darken:#dd8f00;
  --tblr-warning-darken:color-mix(in oklab, var(--tblr-warning), transparent 20%);
  --tblr-warning-lt:#fef5e6;
  --tblr-warning-lt:color-mix(in oklab, var(--tblr-warning) 10%, transparent);
  --tblr-warning-200:color-mix(in oklab, var(--tblr-warning) 20%, transparent);
  --tblr-warning-lt-rgb:254,245,230;
  --tblr-danger:#d63939;
  --tblr-danger-rgb:214,57,57;
  --tblr-danger-fg:var(--tblr-light);
  --tblr-danger-darken:#c13333;
  --tblr-danger-darken:color-mix(in oklab, var(--tblr-danger), transparent 20%);
  --tblr-danger-lt:#fbebeb;
  --tblr-danger-lt:color-mix(in oklab, var(--tblr-danger) 10%, transparent);
  --tblr-danger-200:color-mix(in oklab, var(--tblr-danger) 20%, transparent);
  --tblr-danger-lt-rgb:251,235,235;
  --tblr-light:#f9fafb;
  --tblr-light-rgb:249,250,251;
  --tblr-light-fg:var(--tblr-dark);
  --tblr-light-darken:#e0e1e2;
  --tblr-light-darken:color-mix(in oklab, var(--tblr-light), transparent 20%);
  --tblr-light-lt:#feffff;
  --tblr-light-lt:color-mix(in oklab, var(--tblr-light) 10%, transparent);
  --tblr-light-200:color-mix(in oklab, var(--tblr-light) 20%, transparent);
  --tblr-light-lt-rgb:254,255,255;
  --tblr-dark:#1f2937;
  --tblr-dark-rgb:31,41,55;
  --tblr-dark-fg:var(--tblr-light);
  --tblr-dark-darken:#1c2532;
  --tblr-dark-darken:color-mix(in oklab, var(--tblr-dark), transparent 20%);
  --tblr-dark-lt:#e9eaeb;
  --tblr-dark-lt:color-mix(in oklab, var(--tblr-dark) 10%, transparent);
  --tblr-dark-200:color-mix(in oklab, var(--tblr-dark) 20%, transparent);
  --tblr-dark-lt-rgb:233,234,235;
  --tblr-muted:#6b7280;
  --tblr-muted-rgb:107,114,128;
  --tblr-muted-fg:var(--tblr-light);
  --tblr-muted-darken:#606773;
  --tblr-muted-darken:color-mix(in oklab, var(--tblr-muted), transparent 20%);
  --tblr-muted-lt:#f0f1f2;
  --tblr-muted-lt:color-mix(in oklab, var(--tblr-muted) 10%, transparent);
  --tblr-muted-200:color-mix(in oklab, var(--tblr-muted) 20%, transparent);
  --tblr-muted-lt-rgb:240,241,242;
  --tblr-blue:#066fd1;
  --tblr-blue-rgb:6,111,209;
  --tblr-blue-fg:var(--tblr-light);
  --tblr-blue-darken:#0564bc;
  --tblr-blue-darken:color-mix(in oklab, var(--tblr-blue), transparent 20%);
  --tblr-blue-lt:#e6f1fa;
  --tblr-blue-lt:color-mix(in oklab, var(--tblr-blue) 10%, transparent);
  --tblr-blue-200:color-mix(in oklab, var(--tblr-blue) 20%, transparent);
  --tblr-blue-lt-rgb:230,241,250;
  --tblr-azure:#4299e1;
  --tblr-azure-rgb:66,153,225;
  --tblr-azure-fg:var(--tblr-light);
  --tblr-azure-darken:#3b8acb;
  --tblr-azure-darken:color-mix(in oklab, var(--tblr-azure), transparent 20%);
  --tblr-azure-lt:#ecf5fc;
  --tblr-azure-lt:color-mix(in oklab, var(--tblr-azure) 10%, transparent);
  --tblr-azure-200:color-mix(in oklab, var(--tblr-azure) 20%, transparent);
  --tblr-azure-lt-rgb:236,245,252;
  --tblr-indigo:#4263eb;
  --tblr-indigo-rgb:66,99,235;
  --tblr-indigo-fg:var(--tblr-light);
  --tblr-indigo-darken:#3b59d4;
  --tblr-indigo-darken:color-mix(in oklab, var(--tblr-indigo), transparent 20%);
  --tblr-indigo-lt:#eceffd;
  --tblr-indigo-lt:color-mix(in oklab, var(--tblr-indigo) 10%, transparent);
  --tblr-indigo-200:color-mix(in oklab, var(--tblr-indigo) 20%, transparent);
  --tblr-indigo-lt-rgb:236,239,253;
  --tblr-purple:#ae3ec9;
  --tblr-purple-rgb:174,62,201;
  --tblr-purple-fg:var(--tblr-light);
  --tblr-purple-darken:#9d38b5;
  --tblr-purple-darken:color-mix(in oklab, var(--tblr-purple), transparent 20%);
  --tblr-purple-lt:#f7ecfa;
  --tblr-purple-lt:color-mix(in oklab, var(--tblr-purple) 10%, transparent);
  --tblr-purple-200:color-mix(in oklab, var(--tblr-purple) 20%, transparent);
  --tblr-purple-lt-rgb:247,236,250;
  --tblr-pink:#d6336c;
  --tblr-pink-rgb:214,51,108;
  --tblr-pink-fg:var(--tblr-light);
  --tblr-pink-darken:#c12e61;
  --tblr-pink-darken:color-mix(in oklab, var(--tblr-pink), transparent 20%);
  --tblr-pink-lt:#fbebf0;
  --tblr-pink-lt:color-mix(in oklab, var(--tblr-pink) 10%, transparent);
  --tblr-pink-200:color-mix(in oklab, var(--tblr-pink) 20%, transparent);
  --tblr-pink-lt-rgb:251,235,240;
  --tblr-red:#d63939;
  --tblr-red-rgb:214,57,57;
  --tblr-red-fg:var(--tblr-light);
  --tblr-red-darken:#c13333;
  --tblr-red-darken:color-mix(in oklab, var(--tblr-red), transparent 20%);
  --tblr-red-lt:#fbebeb;
  --tblr-red-lt:color-mix(in oklab, var(--tblr-red) 10%, transparent);
  --tblr-red-200:color-mix(in oklab, var(--tblr-red) 20%, transparent);
  --tblr-red-lt-rgb:251,235,235;
  --tblr-orange:#f76707;
  --tblr-orange-rgb:247,103,7;
  --tblr-orange-fg:var(--tblr-light);
  --tblr-orange-darken:#de5d06;
  --tblr-orange-darken:color-mix(in oklab, var(--tblr-orange), transparent 20%);
  --tblr-orange-lt:#fef0e6;
  --tblr-orange-lt:color-mix(in oklab, var(--tblr-orange) 10%, transparent);
  --tblr-orange-200:color-mix(in oklab, var(--tblr-orange) 20%, transparent);
  --tblr-orange-lt-rgb:254,240,230;
  --tblr-yellow:#f59f00;
  --tblr-yellow-rgb:245,159,0;
  --tblr-yellow-fg:var(--tblr-light);
  --tblr-yellow-darken:#dd8f00;
  --tblr-yellow-darken:color-mix(in oklab, var(--tblr-yellow), transparent 20%);
  --tblr-yellow-lt:#fef5e6;
  --tblr-yellow-lt:color-mix(in oklab, var(--tblr-yellow) 10%, transparent);
  --tblr-yellow-200:color-mix(in oklab, var(--tblr-yellow) 20%, transparent);
  --tblr-yellow-lt-rgb:254,245,230;
  --tblr-lime:#74b816;
  --tblr-lime-rgb:116,184,22;
  --tblr-lime-fg:var(--tblr-light);
  --tblr-lime-darken:#68a614;
  --tblr-lime-darken:color-mix(in oklab, var(--tblr-lime), transparent 20%);
  --tblr-lime-lt:#f1f8e8;
  --tblr-lime-lt:color-mix(in oklab, var(--tblr-lime) 10%, transparent);
  --tblr-lime-200:color-mix(in oklab, var(--tblr-lime) 20%, transparent);
  --tblr-lime-lt-rgb:241,248,232;
  --tblr-green:#2fb344;
  --tblr-green-rgb:47,179,68;
  --tblr-green-fg:var(--tblr-light);
  --tblr-green-darken:#2aa13d;
  --tblr-green-darken:color-mix(in oklab, var(--tblr-green), transparent 20%);
  --tblr-green-lt:#eaf7ec;
  --tblr-green-lt:color-mix(in oklab, var(--tblr-green) 10%, transparent);
  --tblr-green-200:color-mix(in oklab, var(--tblr-green) 20%, transparent);
  --tblr-green-lt-rgb:234,247,236;
  --tblr-teal:#0ca678;
  --tblr-teal-rgb:12,166,120;
  --tblr-teal-fg:var(--tblr-light);
  --tblr-teal-darken:#0b956c;
  --tblr-teal-darken:color-mix(in oklab, var(--tblr-teal), transparent 20%);
  --tblr-teal-lt:#e7f6f2;
  --tblr-teal-lt:color-mix(in oklab, var(--tblr-teal) 10%, transparent);
  --tblr-teal-200:color-mix(in oklab, var(--tblr-teal) 20%, transparent);
  --tblr-teal-lt-rgb:231,246,242;
  --tblr-cyan:#17a2b8;
  --tblr-cyan-rgb:23,162,184;
  --tblr-cyan-fg:var(--tblr-light);
  --tblr-cyan-darken:#1592a6;
  --tblr-cyan-darken:color-mix(in oklab, var(--tblr-cyan), transparent 20%);
  --tblr-cyan-lt:#e8f6f8;
  --tblr-cyan-lt:color-mix(in oklab, var(--tblr-cyan) 10%, transparent);
  --tblr-cyan-200:color-mix(in oklab, var(--tblr-cyan) 20%, transparent);
  --tblr-cyan-lt-rgb:232,246,248;
  --tblr-x:#000000;
  --tblr-x-rgb:0,0,0;
  --tblr-x-fg:var(--tblr-light);
  --tblr-x-darken:black;
  --tblr-x-darken:color-mix(in oklab, var(--tblr-x), transparent 20%);
  --tblr-x-lt:#e6e6e6;
  --tblr-x-lt:color-mix(in oklab, var(--tblr-x) 10%, transparent);
  --tblr-x-200:color-mix(in oklab, var(--tblr-x) 20%, transparent);
  --tblr-x-lt-rgb:230,230,230;
  --tblr-facebook:#1877f2;
  --tblr-facebook-rgb:24,119,242;
  --tblr-facebook-fg:var(--tblr-light);
  --tblr-facebook-darken:#166bda;
  --tblr-facebook-darken:color-mix(in oklab, var(--tblr-facebook), transparent 20%);
  --tblr-facebook-lt:#e8f1fe;
  --tblr-facebook-lt:color-mix(in oklab, var(--tblr-facebook) 10%, transparent);
  --tblr-facebook-200:color-mix(in oklab, var(--tblr-facebook) 20%, transparent);
  --tblr-facebook-lt-rgb:232,241,254;
  --tblr-twitter:#1da1f2;
  --tblr-twitter-rgb:29,161,242;
  --tblr-twitter-fg:var(--tblr-light);
  --tblr-twitter-darken:#1a91da;
  --tblr-twitter-darken:color-mix(in oklab, var(--tblr-twitter), transparent 20%);
  --tblr-twitter-lt:#e8f6fe;
  --tblr-twitter-lt:color-mix(in oklab, var(--tblr-twitter) 10%, transparent);
  --tblr-twitter-200:color-mix(in oklab, var(--tblr-twitter) 20%, transparent);
  --tblr-twitter-lt-rgb:232,246,254;
  --tblr-linkedin:#0a66c2;
  --tblr-linkedin-rgb:10,102,194;
  --tblr-linkedin-fg:var(--tblr-light);
  --tblr-linkedin-darken:#095caf;
  --tblr-linkedin-darken:color-mix(in oklab, var(--tblr-linkedin), transparent 20%);
  --tblr-linkedin-lt:#e7f0f9;
  --tblr-linkedin-lt:color-mix(in oklab, var(--tblr-linkedin) 10%, transparent);
  --tblr-linkedin-200:color-mix(in oklab, var(--tblr-linkedin) 20%, transparent);
  --tblr-linkedin-lt-rgb:231,240,249;
  --tblr-google:#dc4e41;
  --tblr-google-rgb:220,78,65;
  --tblr-google-fg:var(--tblr-light);
  --tblr-google-darken:#c6463b;
  --tblr-google-darken:color-mix(in oklab, var(--tblr-google), transparent 20%);
  --tblr-google-lt:#fcedec;
  --tblr-google-lt:color-mix(in oklab, var(--tblr-google) 10%, transparent);
  --tblr-google-200:color-mix(in oklab, var(--tblr-google) 20%, transparent);
  --tblr-google-lt-rgb:252,237,236;
  --tblr-youtube:#ff0000;
  --tblr-youtube-rgb:255,0,0;
  --tblr-youtube-fg:var(--tblr-light);
  --tblr-youtube-darken:#e60000;
  --tblr-youtube-darken:color-mix(in oklab, var(--tblr-youtube), transparent 20%);
  --tblr-youtube-lt:#ffe6e6;
  --tblr-youtube-lt:color-mix(in oklab, var(--tblr-youtube) 10%, transparent);
  --tblr-youtube-200:color-mix(in oklab, var(--tblr-youtube) 20%, transparent);
  --tblr-youtube-lt-rgb:255,230,230;
  --tblr-vimeo:#1ab7ea;
  --tblr-vimeo-rgb:26,183,234;
  --tblr-vimeo-fg:var(--tblr-light);
  --tblr-vimeo-darken:#17a5d3;
  --tblr-vimeo-darken:color-mix(in oklab, var(--tblr-vimeo), transparent 20%);
  --tblr-vimeo-lt:#e8f8fd;
  --tblr-vimeo-lt:color-mix(in oklab, var(--tblr-vimeo) 10%, transparent);
  --tblr-vimeo-200:color-mix(in oklab, var(--tblr-vimeo) 20%, transparent);
  --tblr-vimeo-lt-rgb:232,248,253;
  --tblr-dribbble:#ea4c89;
  --tblr-dribbble-rgb:234,76,137;
  --tblr-dribbble-fg:var(--tblr-light);
  --tblr-dribbble-darken:#d3447b;
  --tblr-dribbble-darken:color-mix(in oklab, var(--tblr-dribbble), transparent 20%);
  --tblr-dribbble-lt:#fdedf3;
  --tblr-dribbble-lt:color-mix(in oklab, var(--tblr-dribbble) 10%, transparent);
  --tblr-dribbble-200:color-mix(in oklab, var(--tblr-dribbble) 20%, transparent);
  --tblr-dribbble-lt-rgb:253,237,243;
  --tblr-github:#181717;
  --tblr-github-rgb:24,23,23;
  --tblr-github-fg:var(--tblr-light);
  --tblr-github-darken:#161515;
  --tblr-github-darken:color-mix(in oklab, var(--tblr-github), transparent 20%);
  --tblr-github-lt:#e8e8e8;
  --tblr-github-lt:color-mix(in oklab, var(--tblr-github) 10%, transparent);
  --tblr-github-200:color-mix(in oklab, var(--tblr-github) 20%, transparent);
  --tblr-github-lt-rgb:232,232,232;
  --tblr-instagram:#e4405f;
  --tblr-instagram-rgb:228,64,95;
  --tblr-instagram-fg:var(--tblr-light);
  --tblr-instagram-darken:#cd3a56;
  --tblr-instagram-darken:color-mix(in oklab, var(--tblr-instagram), transparent 20%);
  --tblr-instagram-lt:#fcecef;
  --tblr-instagram-lt:color-mix(in oklab, var(--tblr-instagram) 10%, transparent);
  --tblr-instagram-200:color-mix(in oklab, var(--tblr-instagram) 20%, transparent);
  --tblr-instagram-lt-rgb:252,236,239;
  --tblr-pinterest:#bd081c;
  --tblr-pinterest-rgb:189,8,28;
  --tblr-pinterest-fg:var(--tblr-light);
  --tblr-pinterest-darken:#aa0719;
  --tblr-pinterest-darken:color-mix(in oklab, var(--tblr-pinterest), transparent 20%);
  --tblr-pinterest-lt:#f8e6e8;
  --tblr-pinterest-lt:color-mix(in oklab, var(--tblr-pinterest) 10%, transparent);
  --tblr-pinterest-200:color-mix(in oklab, var(--tblr-pinterest) 20%, transparent);
  --tblr-pinterest-lt-rgb:248,230,232;
  --tblr-vk:#6383a8;
  --tblr-vk-rgb:99,131,168;
  --tblr-vk-fg:var(--tblr-light);
  --tblr-vk-darken:#597697;
  --tblr-vk-darken:color-mix(in oklab, var(--tblr-vk), transparent 20%);
  --tblr-vk-lt:#eff3f6;
  --tblr-vk-lt:color-mix(in oklab, var(--tblr-vk) 10%, transparent);
  --tblr-vk-200:color-mix(in oklab, var(--tblr-vk) 20%, transparent);
  --tblr-vk-lt-rgb:239,243,246;
  --tblr-rss:#ffa500;
  --tblr-rss-rgb:255,165,0;
  --tblr-rss-fg:var(--tblr-light);
  --tblr-rss-darken:#e69500;
  --tblr-rss-darken:color-mix(in oklab, var(--tblr-rss), transparent 20%);
  --tblr-rss-lt:#fff6e6;
  --tblr-rss-lt:color-mix(in oklab, var(--tblr-rss) 10%, transparent);
  --tblr-rss-200:color-mix(in oklab, var(--tblr-rss) 20%, transparent);
  --tblr-rss-lt-rgb:255,246,230;
  --tblr-flickr:#0063dc;
  --tblr-flickr-rgb:0,99,220;
  --tblr-flickr-fg:var(--tblr-light);
  --tblr-flickr-darken:#0059c6;
  --tblr-flickr-darken:color-mix(in oklab, var(--tblr-flickr), transparent 20%);
  --tblr-flickr-lt:#e6effc;
  --tblr-flickr-lt:color-mix(in oklab, var(--tblr-flickr) 10%, transparent);
  --tblr-flickr-200:color-mix(in oklab, var(--tblr-flickr) 20%, transparent);
  --tblr-flickr-lt-rgb:230,239,252;
  --tblr-bitbucket:#0052cc;
  --tblr-bitbucket-rgb:0,82,204;
  --tblr-bitbucket-fg:var(--tblr-light);
  --tblr-bitbucket-darken:#004ab8;
  --tblr-bitbucket-darken:color-mix(in oklab, var(--tblr-bitbucket), transparent 20%);
  --tblr-bitbucket-lt:#e6eefa;
  --tblr-bitbucket-lt:color-mix(in oklab, var(--tblr-bitbucket) 10%, transparent);
  --tblr-bitbucket-200:color-mix(in oklab, var(--tblr-bitbucket) 20%, transparent);
  --tblr-bitbucket-lt-rgb:230,238,250;
  --tblr-tabler:#066fd1;
  --tblr-tabler-rgb:6,111,209;
  --tblr-tabler-fg:var(--tblr-light);
  --tblr-tabler-darken:#0564bc;
  --tblr-tabler-darken:color-mix(in oklab, var(--tblr-tabler), transparent 20%);
  --tblr-tabler-lt:#e6f1fa;
  --tblr-tabler-lt:color-mix(in oklab, var(--tblr-tabler) 10%, transparent);
  --tblr-tabler-200:color-mix(in oklab, var(--tblr-tabler) 20%, transparent);
  --tblr-tabler-lt-rgb:230,241,250;
  --tblr-gray-50-fg:var(--tblr-body-color);
  --tblr-gray-100-fg:var(--tblr-body-color);
  --tblr-gray-200-fg:var(--tblr-body-color);
  --tblr-gray-300-fg:var(--tblr-body-color);
  --tblr-gray-400-fg:var(--tblr-white);
  --tblr-gray-500-fg:var(--tblr-white);
  --tblr-gray-600-fg:var(--tblr-white);
  --tblr-gray-700-fg:var(--tblr-white);
  --tblr-gray-800-fg:var(--tblr-white);
  --tblr-gray-900-fg:var(--tblr-white);
  --tblr-gray-950-fg:var(--tblr-white);
  --tblr-spacer-0:0;
  --tblr-spacer-1:0.25rem;
  --tblr-spacer-2:0.5rem;
  --tblr-spacer-3:1rem;
  --tblr-spacer-4:1.5rem;
  --tblr-spacer-5:2rem;
  --tblr-spacer-6:2.5rem;
  --tblr-font-weight-light:300;
  --tblr-font-weight-normal:400;
  --tblr-font-weight-medium:500;
  --tblr-font-weight-bold:600;
  --tblr-font-weight-black:700;
  --tblr-font-weight-headings:var(--tblr-font-weight-bold);
  --tblr-font-size-h1:1.5rem;
  --tblr-font-size-h2:1.25rem;
  --tblr-font-size-h3:1rem;
  --tblr-font-size-h4:0.875rem;
  --tblr-font-size-h5:0.75rem;
  --tblr-font-size-h6:0.625rem;
  --tblr-line-height-h1:2rem;
  --tblr-line-height-h2:1.75rem;
  --tblr-line-height-h3:1.5rem;
  --tblr-line-height-h4:1.25rem;
  --tblr-line-height-h5:1rem;
  --tblr-line-height-h6:1rem;
  --tblr-shadow:rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
  --tblr-shadow-border:inset 0 0 0 1px var(--tblr-border-color-translucent);
  --tblr-shadow-transparent:0 0 0 0 transparent;
  --tblr-shadow-input:0 1px 1px rgba(var(--tblr-body-color-rgb), 0.06);
  --tblr-shadow-card:0 0 4px rgba(var(--tblr-body-color-rgb), 0.04);
  --tblr-shadow-card-hover:rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
  --tblr-shadow-dropdown:0 16px 24px 2px rgba(0, 0, 0, 0.07),0 6px 30px 5px rgba(0, 0, 0, 0.06),0 8px 10px -5px rgba(0, 0, 0, 0.1);
  --tblr-border-radius-scale:1;
  --tblr-border-radius-0:calc(0 * var(--tblr-border-radius-scale, 1));
  --tblr-border-radius-sm:calc(4px * var(--tblr-border-radius-scale, 1));
  --tblr-border-radius-md:calc(6px * var(--tblr-border-radius-scale, 1));
  --tblr-border-radius-lg:calc(8px * var(--tblr-border-radius-scale, 1));
  --tblr-border-radius-pill:calc(100rem * var(--tblr-border-radius-scale, 1));
  --tblr-border-radius:var(--tblr-border-radius-md);
  --tblr-backdrop-opacity:24%;
  --tblr-backdrop-bg:var(--tblr-bg-surface-dark);
  --tblr-backdrop-bg-dark:color-mix(in srgb, var(--tblr-color-dark), transparent var(--tblr-backdrop-opacity));
  --tblr-backdrop-bg-light:color-mix(in srgb, var(--tblr-color-light), transparent var(--tblr-backdrop-opacity));
  --tblr-backdrop-blur:4px;
  --tblr-backdrop-filter:blur(var(--tblr-backdrop-blur));
}

:host, :root {
  font-size: 16px;
  height: 100%;
}

@media (min-width: 992px) {
  :host, :root {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
  }
}
:host, :root, [data-bs-theme=light] {
  color-scheme: light;
  --tblr-spacer:var(--tblr-spacer-2);
  --tblr-bg-surface:var(--tblr-bg-surface-primary);
  --tblr-bg-surface-primary:var(--tblr-white);
  --tblr-bg-surface-secondary:var(--tblr-gray-50);
  --tblr-bg-surface-tertiary:var(--tblr-gray-50);
  --tblr-bg-surface-dark:var(--tblr-gray-900);
  --tblr-bg-surface-inverted:var(--tblr-gray-900);
  --tblr-bg-forms:var(--tblr-bg-surface);
  --tblr-text-inverted:var(--tblr-gray-100);
  --tblr-body-color:var(--tblr-gray-700);
  --tblr-body-bg:var(--tblr-bg-surface-secondary);
  --tblr-link-color:var(--tblr-primary);
  --tblr-link-hover-color:color-mix(in srgb, var(--tblr-primary), #000 20%);
  --tblr-secondary:var(--tblr-gray-500);
  --tblr-tertiary:var(--tblr-gray-400);
  --tblr-border-color:#e5e7eb;
  --tblr-border-color-translucent:rgba(4, 32, 69, 0.1);
  --tblr-border-dark-color:#9ca3af;
  --tblr-border-dark-color-translucent:rgba(4, 32, 69, 0.27);
  --tblr-border-active-color:#a9adb5;
  --tblr-icon-color:var(--tblr-gray-400);
  --tblr-active-bg:rgba(var(--tblr-primary-rgb), 0.04);
  --tblr-disabled-bg:var(--tblr-bg-surface-secondary);
  --tblr-disabled-color:color-mix(in srgb, var(--tblr-body-color) 40%, transparent);
  --tblr-code-color:light-dark(var(--tblr-gray-600), var(--tblr-gray-400));
  --tblr-code-bg:light-dark(var(--tblr-gray-100), var(--tblr-gray-900));
  --tblr-dark-mode-border-color:#2e3c51;
  --tblr-dark-mode-border-color-translucent:rgba(72, 110, 149, 0.14);
  --tblr-dark-mode-border-active-color:#35465e;
  --tblr-dark-mode-border-dark-color:#263344;
  --tblr-page-padding:var(--tblr-spacer-3);
  --tblr-page-padding-y:var(--tblr-spacer-4);
}

@media (max-width: 991.98px) {
  :host, :root, [data-bs-theme=light] {
    --tblr-page-padding:var(--tblr-spacer-2);
  }
}
@keyframes pulse {
  from {
    opacity: 1;
    transform: scale3d(0.8, 0.8, 0.8);
  }
  50% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: scale3d(0.8, 0.8, 0.8);
  }
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 5% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
  }
  15%, 25%, 35%, 45% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
  }
  20%, 30%, 40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
  }
  50% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rotate-360 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
body {
  letter-spacing: 0;
  touch-action: manipulation;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 0, "cv03", "cv04", "cv11";
  position: relative;
  min-height: 100%;
  height: 100%;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media print {
  body {
    background: 0 0;
  }
}
* {
  scrollbar-color: color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent) transparent;
}

::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  ::-webkit-scrollbar {
    -webkit-transition: none;
    transition: none;
  }
}
::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  border: 5px solid transparent;
  box-shadow: inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent);
}

::-webkit-scrollbar-track {
  background: 0 0;
}

:hover::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 40%, transparent);
}

::-webkit-scrollbar-corner {
  background: 0 0;
}

.layout-fluid .container, .layout-fluid [class*=" container-"], .layout-fluid [class^=container-] {
  max-width: 100%;
}

.layout-boxed {
  --tblr-theme-boxed-border-radius:0;
  --tblr-theme-boxed-width:1320px;
}

@media (min-width: 768px) {
  .layout-boxed {
    background: #1f2937 linear-gradient(to right, rgba(255, 255, 255, 0.1), transparent) fixed;
    padding: 1rem;
    --tblr-theme-boxed-border-radius:6px;
  }
}
.layout-boxed .page {
  margin: 0 auto;
  max-width: var(--tblr-theme-boxed-width);
  border-radius: var(--tblr-theme-boxed-border-radius);
  color: var(--tblr-body-color);
}

@media (min-width: 768px) {
  .layout-boxed .page {
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    background: var(--tblr-body-bg);
  }
}
.layout-boxed .page > .navbar:first-child {
  border-top-left-radius: var(--tblr-theme-boxed-border-radius);
  border-top-right-radius: var(--tblr-theme-boxed-border-radius);
}

.navbar {
  --tblr-navbar-bg:var(--tblr-bg-surface);
  --tblr-navbar-border-width:var(--tblr-border-width);
  --tblr-navbar-active-border-color:var(--tblr-primary);
  --tblr-navbar-active-bg:rgba(0, 0, 0, 0.2);
  --tblr-navbar-border-color:var(--tblr-border-color);
  --tblr-navbar-hover-color:var(--tblr-body-color);
  align-items: stretch;
  min-height: 3.5rem;
  box-shadow: inset 0 calc(-1 * var(--tblr-navbar-border-width)) 0 0 var(--tblr-navbar-border-color);
  background: var(--tblr-navbar-bg);
  color: var(--tblr-navbar-color);
}

.navbar-collapse .navbar {
  flex-grow: 1;
}

.navbar.collapsing {
  min-height: 0;
}

.navbar .dropdown-menu {
  position: absolute;
  z-index: 1030;
}

.navbar .navbar-nav {
  min-height: 3rem;
}

.navbar .navbar-nav .nav-link {
  position: relative;
  min-width: 2.5rem;
  min-height: 2.5rem;
  justify-content: center;
  border-radius: var(--tblr-border-radius);
}

.navbar .navbar-nav .nav-link .badge {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
  transform: translate(50%, -50%);
}

@media (max-width: 575.98px) {
  .navbar-expand-sm .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-sm .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-sm .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-sm .nav-item.active {
    position: relative;
  }
  .navbar-expand-sm .nav-item.active .nav-link {
    color: var(--tblr-navbar-active-color);
  }
  .navbar-expand-sm .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
    border-bottom-width: 2px;
  }
  .navbar-expand-sm.navbar-vertical {
    box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-sm.navbar-vertical.navbar-right {
    box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-sm.navbar-vertical ~ .navbar, .navbar-expand-sm.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-sm.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-sm.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-md .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-md .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-md .nav-item.active {
    position: relative;
  }
  .navbar-expand-md .nav-item.active .nav-link {
    color: var(--tblr-navbar-active-color);
  }
  .navbar-expand-md .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
    border-bottom-width: 2px;
  }
  .navbar-expand-md.navbar-vertical {
    box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-md.navbar-vertical.navbar-right {
    box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-md.navbar-vertical ~ .navbar, .navbar-expand-md.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-md.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-md.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-lg .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-lg .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-lg .nav-item.active {
    position: relative;
  }
  .navbar-expand-lg .nav-item.active .nav-link {
    color: var(--tblr-navbar-active-color);
  }
  .navbar-expand-lg .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
    border-bottom-width: 2px;
  }
  .navbar-expand-lg.navbar-vertical {
    box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-lg.navbar-vertical.navbar-right {
    box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-lg.navbar-vertical ~ .navbar, .navbar-expand-lg.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-lg.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-lg.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-xl .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-xl .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-xl .nav-item.active {
    position: relative;
  }
  .navbar-expand-xl .nav-item.active .nav-link {
    color: var(--tblr-navbar-active-color);
  }
  .navbar-expand-xl .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
    border-bottom-width: 2px;
  }
  .navbar-expand-xl.navbar-vertical {
    box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-xl.navbar-vertical.navbar-right {
    box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-xl.navbar-vertical ~ .navbar, .navbar-expand-xl.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-xl.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-xl.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
@media (max-width: 1399.98px) {
  .navbar-expand-xxl .navbar-collapse {
    flex-direction: column;
  }
  .navbar-expand-xxl .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-expand-xxl .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl .navbar-collapse {
    width: auto;
    flex: 1 1 auto;
  }
  .navbar-expand-xxl .nav-item.active {
    position: relative;
  }
  .navbar-expand-xxl .nav-item.active .nav-link {
    color: var(--tblr-navbar-active-color);
  }
  .navbar-expand-xxl .nav-item.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
    border-bottom-width: 2px;
  }
  .navbar-expand-xxl.navbar-vertical {
    box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-xxl.navbar-vertical.navbar-right {
    box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
  }
  .navbar-expand-xxl.navbar-vertical ~ .navbar, .navbar-expand-xxl.navbar-vertical ~ .page-wrapper {
    margin-left: 15rem;
  }
  .navbar-expand-xxl.navbar-vertical.navbar-right ~ .navbar, .navbar-expand-xxl.navbar-vertical.navbar-right ~ .page-wrapper {
    margin-left: 0;
    margin-right: 15rem;
  }
}
.navbar-expand .navbar-collapse {
  flex-direction: column;
}

.navbar-expand .navbar-collapse [class^=container] {
  flex-direction: column;
  align-items: stretch;
  padding: 0;
}

.navbar-expand .navbar-collapse .navbar-nav {
  margin-left: 0;
  margin-right: 0;
}

.navbar-expand .navbar-collapse .navbar-nav .nav-link {
  padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
  justify-content: flex-start;
}

.navbar-expand .navbar-collapse .dropdown-menu-columns {
  flex-direction: column;
}

.navbar-expand .navbar-collapse .dropdown-menu {
  padding: 0;
  background: 0 0;
  position: static;
  color: inherit;
  box-shadow: none;
  border: none;
  min-width: 0;
  margin: 0;
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
  min-width: 0;
  display: flex;
  width: auto;
  padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
  color: inherit;
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled {
  color: var(--tblr-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
  background: var(--tblr-navbar-active-bg);
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
  padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
}

.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
  padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
}

.navbar-expand .navbar-collapse .dropdown-toggle:after {
  margin-left: auto;
}

.navbar-expand .navbar-collapse .nav-item.active:after {
  border-bottom-width: 0;
  border-left-width: 3px;
  right: auto;
  top: 0;
  bottom: 0;
}

.navbar-expand .navbar-collapse {
  width: auto;
  flex: 1 1 auto;
}

.navbar-expand .nav-item.active {
  position: relative;
}

.navbar-expand .nav-item.active .nav-link {
  color: var(--tblr-navbar-active-color);
}

.navbar-expand .nav-item.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.25rem;
  border: 0 var(--tblr-border-style) var(--tblr-navbar-active-border-color);
  border-bottom-width: 2px;
}

.navbar-expand.navbar-vertical {
  box-shadow: inset calc(-1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}

.navbar-expand.navbar-vertical.navbar-right {
  box-shadow: inset calc(1 * var(--tblr-navbar-border-width)) 0 0 0 var(--tblr-navbar-border-color);
}

.navbar-expand.navbar-vertical ~ .navbar, .navbar-expand.navbar-vertical ~ .page-wrapper {
  margin-left: 15rem;
}

.navbar-expand.navbar-vertical.navbar-right ~ .navbar, .navbar-expand.navbar-vertical.navbar-right ~ .page-wrapper {
  margin-left: 0;
  margin-right: 15rem;
}

.navbar-brand {
  display: inline-flex;
  align-items: center;
  font-weight: var(--tblr-font-weight-bold);
  margin: 0;
  line-height: 1;
  gap: 0.5rem;
}

.navbar-brand-image {
  height: 2rem;
  width: auto;
}

.navbar-toggler {
  border: 0;
  width: 2rem;
  height: 2rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar-toggler-icon {
  height: 2px;
  width: 1.25em;
  background: currentColor;
  border-radius: 10px;
  transition: top 0.2s 0.2s, bottom 0.2s 0.2s, transform 0.2s, opacity 0s 0.2s;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler-icon {
    transition: none;
  }
}
.navbar-toggler-icon:after, .navbar-toggler-icon:before {
  content: "";
  display: block;
  height: inherit;
  width: inherit;
  border-radius: inherit;
  background: inherit;
  position: absolute;
  left: 0;
  transition: inherit;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler-icon:after, .navbar-toggler-icon:before {
    transition: none;
  }
}
.navbar-toggler-icon:before {
  top: -0.45em;
}

.navbar-toggler-icon:after {
  bottom: -0.45em;
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
  transform: rotate(45deg);
  transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, opacity 0s 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
    transition: none;
  }
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
  top: 0;
  transform: rotate(-90deg);
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
  bottom: 0;
  opacity: 0;
}

.navbar-transparent {
  --tblr-navbar-border-color:transparent!important;
  background: 0 0 !important;
}

.navbar-nav {
  --tblr-nav-link-hover-bg:color-mix(in srgb, var(--tblr-nav-link-color) 4%, transparent);
  margin: 0;
  padding: 0;
  align-items: stretch;
}

.navbar-nav .nav-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.navbar-side {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

@media (min-width: 576px) {
  .navbar-vertical.navbar-expand-sm {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
    align-items: flex-start;
    transition: transform 0.3s;
    overflow-y: scroll;
    padding: 0;
  }
}
@media (min-width: 576px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-sm {
    transition: none;
  }
}
@media (min-width: 576px) {
  .navbar-vertical.navbar-expand-sm.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-sm .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-sm > [class^=container] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    justify-content: flex-start;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-sm ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-sm ~ .page [class^=container] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-sm.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-vertical.navbar-expand-md {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
    align-items: flex-start;
    transition: transform 0.3s;
    overflow-y: scroll;
    padding: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-md {
    transition: none;
  }
}
@media (min-width: 768px) {
  .navbar-vertical.navbar-expand-md.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-md .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-md .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-md > [class^=container] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    justify-content: flex-start;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-md ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-md ~ .page [class^=container] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-md.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
    align-items: flex-start;
    transition: transform 0.3s;
    overflow-y: scroll;
    padding: 0;
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-lg {
    transition: none;
  }
}
@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-lg .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-lg > [class^=container] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    justify-content: flex-start;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-lg ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-lg ~ .page [class^=container] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-lg.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-vertical.navbar-expand-xl {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
    align-items: flex-start;
    transition: transform 0.3s;
    overflow-y: scroll;
    padding: 0;
  }
}
@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-xl {
    transition: none;
  }
}
@media (min-width: 1200px) {
  .navbar-vertical.navbar-expand-xl.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-xl .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-xl > [class^=container] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    justify-content: flex-start;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-xl ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-xl ~ .page [class^=container] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-xl.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 1400px) {
  .navbar-vertical.navbar-expand-xxl {
    width: 15rem;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1030;
    align-items: flex-start;
    transition: transform 0.3s;
    overflow-y: scroll;
    padding: 0;
  }
}
@media (min-width: 1400px) and (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand-xxl {
    transition: none;
  }
}
@media (min-width: 1400px) {
  .navbar-vertical.navbar-expand-xxl.navbar-right {
    left: auto;
    right: 0;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-brand {
    padding: 0.75rem 0;
    justify-content: center;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse {
    align-items: stretch;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav {
    flex-direction: column;
    flex-grow: 1;
    min-height: auto;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-vertical.navbar-expand-xxl > [class^=container] {
    flex-direction: column;
    align-items: stretch;
    min-height: 100%;
    justify-content: flex-start;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-xxl ~ .page {
    padding-left: 15rem;
  }
  .navbar-vertical.navbar-expand-xxl ~ .page [class^=container] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .navbar-vertical.navbar-expand-xxl.navbar-right ~ .page {
    padding-left: 0;
    padding-right: 15rem;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse [class^=container] {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .navbar-nav .nav-link {
    padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
    justify-content: flex-start;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu {
    padding: 0;
    background: 0 0;
    position: static;
    color: inherit;
    box-shadow: none;
    border: none;
    min-width: 0;
    margin: 0;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
    min-width: 0;
    display: flex;
    width: auto;
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
    color: inherit;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.disabled {
    color: var(--tblr-disabled-color);
    pointer-events: none;
    background-color: transparent;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item:active {
    background: var(--tblr-navbar-active-bg);
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
    padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
    margin-left: auto;
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse .nav-item.active:after {
    border-bottom-width: 0;
    border-left-width: 3px;
    right: auto;
    top: 0;
    bottom: 0;
  }
}
.navbar-vertical.navbar-expand {
  width: 15rem;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1030;
  align-items: flex-start;
  transition: transform 0.3s;
  overflow-y: scroll;
  padding: 0;
}

@media (prefers-reduced-motion: reduce) {
  .navbar-vertical.navbar-expand {
    transition: none;
  }
}
.navbar-vertical.navbar-expand.navbar-right {
  left: auto;
  right: 0;
}

.navbar-vertical.navbar-expand .navbar-brand {
  padding: 0.75rem 0;
  justify-content: center;
}

.navbar-vertical.navbar-expand .navbar-collapse {
  align-items: stretch;
}

.navbar-vertical.navbar-expand .navbar-nav {
  flex-direction: column;
  flex-grow: 1;
  min-height: auto;
}

.navbar-vertical.navbar-expand .navbar-nav .nav-link {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-vertical.navbar-expand > [class^=container] {
  flex-direction: column;
  align-items: stretch;
  min-height: 100%;
  justify-content: flex-start;
  padding: 0;
}

.navbar-vertical.navbar-expand ~ .page {
  padding-left: 15rem;
}

.navbar-vertical.navbar-expand ~ .page [class^=container] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-vertical.navbar-expand.navbar-right ~ .page {
  padding-left: 0;
  padding-right: 15rem;
}

.navbar-vertical.navbar-expand .navbar-collapse {
  flex-direction: column;
}

.navbar-vertical.navbar-expand .navbar-collapse [class^=container] {
  flex-direction: column;
  align-items: stretch;
  padding: 0;
}

.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav {
  margin-left: 0;
  margin-right: 0;
}

.navbar-vertical.navbar-expand .navbar-collapse .navbar-nav .nav-link {
  padding: 0.5rem calc(var(--tblr-page-padding) * 2 / 2);
  justify-content: flex-start;
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu-columns {
  flex-direction: column;
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu {
  padding: 0;
  background: 0 0;
  position: static;
  color: inherit;
  box-shadow: none;
  border: none;
  min-width: 0;
  margin: 0;
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
  min-width: 0;
  display: flex;
  width: auto;
  padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 1.75rem);
  color: inherit;
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.disabled {
  color: var(--tblr-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item.active, .navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item:active {
  background: var(--tblr-navbar-active-bg);
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item {
  padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 3.25rem);
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
  padding-left: calc(var(--tblr-page-padding) * 2 / 2 + 4.75rem);
}

.navbar-vertical.navbar-expand .navbar-collapse .dropdown-toggle:after {
  margin-left: auto;
}

.navbar-vertical.navbar-expand .navbar-collapse .nav-item.active:after {
  border-bottom-width: 0;
  border-left-width: 3px;
  right: auto;
  top: 0;
  bottom: 0;
}

.navbar-overlap:after {
  content: "";
  height: 9rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: inherit;
  z-index: -1;
  box-shadow: inherit;
}

.page {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 100%;
}

.page-center {
  justify-content: center;
}

.page-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
}

@media print {
  .page-wrapper {
    margin: 0 !important;
  }
}
.page-wrapper-full .page-body:first-child {
  margin: 0;
  border-top: 0;
}

.page-body {
  margin-top: var(--tblr-page-padding-y);
  margin-bottom: var(--tblr-page-padding-y);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.page-body-card {
  background: var(--tblr-bg-surface);
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  padding: var(--tblr-page-padding) 0;
  margin-bottom: 0;
  flex: 1;
}

.page-body ~ .page-body-card {
  margin-top: 0;
}

.page-cover {
  background: no-repeat center/cover;
  min-height: 9rem;
}

@media (min-width: 768px) {
  .page-cover {
    min-height: 12rem;
  }
}
@media (min-width: 992px) {
  .page-cover {
    min-height: 15rem;
  }
}
.page-cover-overlay {
  position: relative;
}

.page-cover-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
}

.page-header {
  display: flex;
  flex-wrap: wrap;
  min-height: 2.25rem;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
}

.page-wrapper .page-header {
  margin: var(--tblr-page-padding-y) 0 0;
}

.page-header-border {
  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  padding: var(--tblr-page-padding-y) 0;
  margin: 0 !important;
  background-color: var(--tblr-bg-surface);
}

.page-pretitle {
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-secondary);
}

.page-title {
  margin: 0;
  font-size: var(--tblr-font-size-h2);
  line-height: var(--tblr-line-height-h2);
  font-weight: var(--tblr-font-weight-headings);
  color: inherit;
  display: flex;
  align-items: center;
}

.page-title svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.25rem;
}

.page-title-lg {
  font-size: 1.5rem;
  line-height: 2rem;
}

.page-subtitle {
  margin-top: 0.25rem;
  color: var(--tblr-secondary);
}

.page-cover {
  --tblr-page-cover-blur:20px;
  --tblr-page-cover-padding:1rem;
  min-height: 6rem;
  padding: var(--tblr-page-cover-padding) 0;
  position: relative;
  overflow: hidden;
}

.page-cover-img {
  position: absolute;
  top: calc(-2 * var(--tblr-page-cover-blur, 0));
  left: calc(-2 * var(--tblr-page-cover-blur, 0));
  right: calc(-2 * var(--tblr-page-cover-blur, 0));
  bottom: calc(-2 * var(--tblr-page-cover-blur, 0));
  pointer-events: none;
  filter: blur(var(--tblr-page-cover-blur));
  -o-object-fit: cover;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.page-tabs {
  margin-top: 0.5rem;
  position: relative;
}

.page-header-tabs .nav-bordered {
  border: 0;
}

.page-header-tabs + .page-body-card {
  margin-top: 0;
}

.footer {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  background-color: var(--tblr-bg-surface);
  padding: 2rem 0;
  color: var(--tblr-gray-500);
  margin-top: auto;
}

.footer-transparent {
  background-color: transparent;
  border-top: 0;
}

:root:not(.theme-dark):not([data-bs-theme=dark]) .hide-theme-light {
  display: none !important;
}

:root:not(.theme-dark):not([data-bs-theme=dark]) .img-dark {
  display: none !important;
}

:root.theme-dark .hide-theme-dark, :root[data-bs-theme=dark] .hide-theme-dark, body[data-bs-theme=dark] [data-bs-theme=light]:root .hide-theme-dark {
  display: none !important;
}

:root.theme-dark .img-light, :root[data-bs-theme=dark] .img-light, body[data-bs-theme=dark] [data-bs-theme=light]:root .img-light {
  display: none !important;
}

[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
  color-scheme: dark;
  --tblr-body-color:var(--tblr-gray-200);
  --tblr-secondary:var(--tblr-gray-400);
  --tblr-body-bg:var(--tblr-gray-900);
  --tblr-emphasis-color:#ffffff;
  --tblr-emphasis-color-rgb:255,255,255;
  --tblr-bg-forms:var(--tblr-gray-900);
  --tblr-bg-surface:var(--tblr-gray-800);
  --tblr-bg-surface-inverted:var(--tblr-gray-100);
  --tblr-bg-surface-secondary:var(--tblr-gray-900);
  --tblr-bg-surface-tertiary:var(--tblr-gray-800);
  --tblr-text-inverted:var(--tblr-gray-800);
  --tblr-link-color:var(--tblr-primary);
  --tblr-link-hover-color:color-mix(in srgb, var(--tblr-primary), black 20%);
  --tblr-active-bg:#232e3e;
  --tblr-disabled-color:color-mix(in srgb, var(--tblr-body-color) 40%, transparent);
  --tblr-border-color:var(--tblr-gray-700);
  --tblr-border-color-translucent:var(--tblr-dark-mode-border-color-translucent);
  --tblr-border-dark-color:var(--tblr-dark-mode-border-dark-color);
  --tblr-border-active-color:var(--tblr-dark-mode-border-active-color);
  --tblr-btn-color:#1b2430;
}

[data-bs-theme=dark] .navbar-brand-autodark .navbar-brand-image {
  filter: brightness(0) invert(1);
}

.accordion {
  --tblr-accordion-color:var(--tblr-body-color);
  --tblr-accordion-border-color:var(--tblr-border-color);
  --tblr-accordion-border-radius:var(--tblr-border-radius);
  --tblr-accordion-inner-border-radius:calc(var(--tblr-border-radius) - (var(--tblr-border-width)));
  --tblr-accordion-padding-x:1.25rem;
  --tblr-accordion-gap:0;
  --tblr-accordion-active-color:inherit;
  --tblr-accordion-btn-color:var(--tblr-accordion-color);
  --tblr-accordion-btn-bg:transparent;
  --tblr-accordion-btn-toggle-width:1.25rem;
  --tblr-accordion-btn-padding-x:var(--tblr-accordion-padding-x);
  --tblr-accordion-btn-padding-y:1rem;
  --tblr-accordion-btn-font-weight:var(--tblr-font-weight-medium);
  --tblr-accordion-body-padding-x:var(--tblr-accordion-padding-x);
  --tblr-accordion-body-padding-y:1rem;
  display: flex;
  flex-direction: column;
  gap: var(--tblr-accordion-gap);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--tblr-accordion-btn-padding-y) var(--tblr-accordion-padding-x);
  color: inherit;
  text-align: inherit;
  background-color: transparent;
  border: 0;
  font-size: inherit;
  font-weight: var(--tblr-accordion-btn-font-weight);
  gap: 0.75rem;
}

.accordion-button:not(.collapsed) {
  border-bottom-color: transparent;
  box-shadow: none;
  color: var(--tblr-accordion-active-color);
}

.accordion-header {
  margin: 0;
  position: relative;
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  color: var(--tblr-accordion-btn-color);
  text-align: left;
  background-color: transparent;
  border: 0;
  overflow-anchor: none;
  transition: transform 0.3s;
}

.accordion-header:hover {
  z-index: 2;
}

.accordion-header:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--tblr-accordion-btn-focus-box-shadow);
}

.accordion-header:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.accordion-button-icon {
  color: var(--tblr-secondary);
}

.accordion-button-toggle {
  display: flex;
  line-height: 1;
  transition: 0.3s transform;
  margin-left: auto;
  margin-right: 0;
  color: var(--tblr-secondary);
  width: var(--tblr-accordion-btn-toggle-width);
  height: var(--tblr-accordion-btn-toggle-width);
}

.accordion-button:not(.collapsed) .accordion-button-toggle {
  transform: rotate(-180deg);
  color: var(--tblr-accordion-active-color);
}

.accordion-button-toggle path {
  transition: 0.3s opacity;
}

.accordion-button:not(.collapsed) .accordion-button-toggle-plus path:first-child {
  opacity: 0;
}

.accordion-item {
  color: var(--tblr-accordion-color);
  border: var(--tblr-border-width) solid var(--tblr-accordion-border-color);
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--tblr-accordion-border-radius);
  border-top-right-radius: var(--tblr-accordion-border-radius);
}

.accordion-item:first-of-type > .accordion-header {
  border-top-left-radius: var(--tblr-accordion-inner-border-radius);
  border-top-right-radius: var(--tblr-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--tblr-accordion-border-radius);
  border-bottom-left-radius: var(--tblr-accordion-border-radius);
}

.accordion-item:last-of-type > .accordion-header.collapsed {
  border-bottom-right-radius: var(--tblr-accordion-inner-border-radius);
  border-bottom-left-radius: var(--tblr-accordion-inner-border-radius);
}

.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--tblr-accordion-border-radius);
  border-bottom-left-radius: var(--tblr-accordion-border-radius);
}

.accordion-body {
  color: var(--tblr-secondary);
  padding: 0 var(--tblr-accordion-body-padding-x) var(--tblr-accordion-body-padding-y);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

.accordion-tabs {
  --tblr-accordion-gap:0.75rem;
}

.accordion-tabs > .accordion-item {
  border: var(--tblr-border-width) solid var(--tblr-accordion-border-color);
  border-radius: var(--tblr-accordion-border-radius);
}

.accordion-inverted .accordion-button-toggle {
  order: -1;
  margin-left: 0;
}

.alert {
  --tblr-alert-color:var(--tblr-body-color);
  --tblr-alert-bg:color-mix(in srgb, var(--tblr-alert-color) 10%, transparent);
  --tblr-alert-padding-x:1rem;
  --tblr-alert-padding-y:0.75rem;
  --tblr-alert-margin-bottom:1rem;
  --tblr-alert-border-color:color-mix(in srgb, var(--tblr-alert-color) 20%, transparent);
  --tblr-alert-border:var(--tblr-border-width) solid var(--tblr-alert-border-color);
  --tblr-alert-border-radius:var(--tblr-border-radius);
  --tblr-alert-link-color:inherit;
  --tblr-alert-heading-font-weight:var(--tblr-font-weight-medium);
  position: relative;
  padding: var(--tblr-alert-padding-y) var(--tblr-alert-padding-x);
  margin-bottom: var(--tblr-alert-margin-bottom);
  background-color: color-mix(in srgb, var(--tblr-alert-bg), var(--tblr-bg-surface));
  border-radius: var(--tblr-alert-border-radius);
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-alert-border-color);
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.alert-heading {
  color: inherit;
  margin-bottom: 0.25rem;
  font-weight: var(--tblr-alert-heading-font-weight);
}

.alert-description {
  color: var(--tblr-secondary);
}

.alert-icon {
  color: var(--tblr-alert-color);
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.alert-action {
  color: var(--tblr-alert-color);
  text-decoration: underline;
}

.alert-action:hover {
  text-decoration: none;
}

.alert-list {
  margin: 0;
}

.alert-link {
  font-weight: var(--tblr-font-weight-bold);
  color: var(--tblr-alert-link-color);
}

.alert-link, .alert-link:hover {
  color: var(--tblr-alert-color);
}

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: calc(var(--tblr-alert-padding-x) / 2 - 1px);
  right: calc(var(--tblr-alert-padding-y) / 2 - 1px);
  z-index: 1;
  padding: calc(var(--tblr-alert-padding-y) * 1.25) var(--tblr-alert-padding-x);
}

.alert-important {
  border-color: var(--tblr-alert-color);
  background-color: var(--tblr-alert-color);
  color: var(--tblr-white);
}

.alert-important .alert-description {
  color: inherit;
}

.alert-important .alert-icon {
  color: inherit;
}

.alert-minor {
  background: 0 0;
  border-color: var(--tblr-border-color);
}

.alert-primary {
  --tblr-alert-color:var(--tblr-primary);
}

.alert-secondary {
  --tblr-alert-color:var(--tblr-secondary);
}

.alert-success {
  --tblr-alert-color:var(--tblr-success);
}

.alert-info {
  --tblr-alert-color:var(--tblr-info);
}

.alert-warning {
  --tblr-alert-color:var(--tblr-warning);
}

.alert-danger {
  --tblr-alert-color:var(--tblr-danger);
}

.alert-light {
  --tblr-alert-color:var(--tblr-light);
}

.alert-dark {
  --tblr-alert-color:var(--tblr-dark);
}

.alert-muted {
  --tblr-alert-color:var(--tblr-muted);
}

.alert-blue {
  --tblr-alert-color:var(--tblr-blue);
}

.alert-azure {
  --tblr-alert-color:var(--tblr-azure);
}

.alert-indigo {
  --tblr-alert-color:var(--tblr-indigo);
}

.alert-purple {
  --tblr-alert-color:var(--tblr-purple);
}

.alert-pink {
  --tblr-alert-color:var(--tblr-pink);
}

.alert-red {
  --tblr-alert-color:var(--tblr-red);
}

.alert-orange {
  --tblr-alert-color:var(--tblr-orange);
}

.alert-yellow {
  --tblr-alert-color:var(--tblr-yellow);
}

.alert-lime {
  --tblr-alert-color:var(--tblr-lime);
}

.alert-green {
  --tblr-alert-color:var(--tblr-green);
}

.alert-teal {
  --tblr-alert-color:var(--tblr-teal);
}

.alert-cyan {
  --tblr-alert-color:var(--tblr-cyan);
}

.avatar {
  --tblr-avatar-size:var(--tblr-avatar-list-size, 2.5rem);
  --tblr-avatar-status-size:0.75rem;
  --tblr-avatar-bg:var(--tblr-bg-surface-secondary);
  --tblr-avatar-box-shadow-color:var(--tblr-border-color-translucent);
  --tblr-avatar-box-shadow:inset 0 0 0 1px var(--tblr-avatar-box-shadow-color);
  --tblr-avatar-font-size:1rem;
  --tblr-avatar-icon-size:1.5rem;
  --tblr-avatar-brand-size:1.25rem;
  position: relative;
  width: var(--tblr-avatar-size);
  height: var(--tblr-avatar-size);
  font-size: var(--tblr-avatar-font-size);
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--tblr-secondary);
  text-align: center;
  text-transform: uppercase;
  vertical-align: bottom;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: var(--tblr-avatar-bg) no-repeat center/cover;
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-avatar-box-shadow);
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
}

.avatar .icon {
  width: var(--tblr-avatar-icon-size);
  height: var(--tblr-avatar-icon-size);
}

.avatar .badge {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 100rem;
  box-shadow: 0 0 0 calc(var(--tblr-avatar-status-size) / 4) var(--tblr-bg-surface);
}

a.avatar {
  cursor: pointer;
}

a.avatar:hover {
  color: var(--tblr-primary);
  --tblr-avatar-box-shadow-color:var(--tblr-primary);
}

.avatar-rounded {
  border-radius: 100rem;
}

.avatar-xxs {
  --tblr-avatar-size:1rem;
  --tblr-avatar-status-size:0.25rem;
  --tblr-avatar-font-size:0.5rem;
  --tblr-avatar-icon-size:0.5rem;
  --tblr-avatar-brand-size:0.5rem;
}

.avatar-xxs .badge:empty {
  width: 0.25rem;
  height: 0.25rem;
}

.avatar-xs {
  --tblr-avatar-size:1.25rem;
  --tblr-avatar-status-size:0.375rem;
  --tblr-avatar-font-size:0.625rem;
  --tblr-avatar-icon-size:0.75rem;
  --tblr-avatar-brand-size:0.75rem;
}

.avatar-xs .badge:empty {
  width: 0.375rem;
  height: 0.375rem;
}

.avatar-sm {
  --tblr-avatar-size:2rem;
  --tblr-avatar-status-size:0.5rem;
  --tblr-avatar-font-size:0.75rem;
  --tblr-avatar-icon-size:1.5rem;
  --tblr-avatar-brand-size:1rem;
}

.avatar-sm .badge:empty {
  width: 0.5rem;
  height: 0.5rem;
}

.avatar-md {
  --tblr-avatar-size:2.5rem;
  --tblr-avatar-status-size:0.75rem;
  --tblr-avatar-font-size:0.875rem;
  --tblr-avatar-icon-size:1.5rem;
  --tblr-avatar-brand-size:1.25rem;
}

.avatar-md .badge:empty {
  width: 0.75rem;
  height: 0.75rem;
}

.avatar-lg {
  --tblr-avatar-size:3rem;
  --tblr-avatar-status-size:0.75rem;
  --tblr-avatar-font-size:1.25rem;
  --tblr-avatar-icon-size:2rem;
  --tblr-avatar-brand-size:1.25rem;
}

.avatar-lg .badge:empty {
  width: 0.75rem;
  height: 0.75rem;
}

.avatar-xl {
  --tblr-avatar-size:5rem;
  --tblr-avatar-status-size:1rem;
  --tblr-avatar-font-size:2rem;
  --tblr-avatar-icon-size:3rem;
  --tblr-avatar-brand-size:1.25rem;
}

.avatar-xl .badge:empty {
  width: 1rem;
  height: 1rem;
}

.avatar-2xl {
  --tblr-avatar-size:7rem;
  --tblr-avatar-status-size:1rem;
  --tblr-avatar-font-size:3rem;
  --tblr-avatar-icon-size:5rem;
  --tblr-avatar-brand-size:2rem;
}

.avatar-2xl .badge:empty {
  width: 1rem;
  height: 1rem;
}

.avatar-list {
  --tblr-avatar-list-size:2.5rem;
  --tblr-list-gap:0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tblr-list-gap);
}

.avatar-list a.avatar:hover {
  z-index: 1;
}

.avatar-list-stacked {
  display: block;
  --tblr-list-gap:0;
}

.avatar-list-stacked .avatar {
  margin-right: calc(-0.5 * var(--tblr-avatar-size)) !important;
  box-shadow: var(--tblr-avatar-box-shadow), 0 0 0 2px var(--tblr-card-bg, var(--tblr-bg-surface));
}

.avatar-list-xxs {
  --tblr-avatar-list-size:1rem;
}

.avatar-list-xs {
  --tblr-avatar-list-size:1.25rem;
}

.avatar-list-sm {
  --tblr-avatar-list-size:2rem;
}

.avatar-list-md {
  --tblr-avatar-list-size:2.5rem;
}

.avatar-list-lg {
  --tblr-avatar-list-size:3rem;
}

.avatar-list-xl {
  --tblr-avatar-list-size:5rem;
}

.avatar-list-2xl {
  --tblr-avatar-list-size:7rem;
}

.avatar-upload {
  border: var(--tblr-border-width) dashed var(--tblr-border-color);
  background: var(--tblr-bg-forms);
  box-shadow: none;
  flex-direction: column;
  transition: color 0.3s, background-color 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .avatar-upload {
    transition: none;
  }
}
.avatar-upload svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke-width: 1;
}

.avatar-upload:hover {
  border-color: var(--tblr-primary);
  color: var(--tblr-primary);
  text-decoration: none;
}

.avatar-upload-text {
  font-size: 0.625rem;
  line-height: 1;
  margin-top: 0.25rem;
}

.avatar-cover {
  margin-top: calc(-0.5 * var(--tblr-avatar-size));
  box-shadow: 0 0 0 0.25rem var(--tblr-card-bg, var(--tblr-body-bg));
}

.avatar-brand {
  width: var(--tblr-avatar-brand-size);
  height: var(--tblr-avatar-brand-size);
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 1000;
  background: var(--tblr-bg-surface);
  border-radius: var(--tblr-border-radius);
  border: 1px solid var(--tblr-border-color);
}

.badge {
  --tblr-badge-padding-x:0.5em;
  --tblr-badge-padding-y:0.25em;
  --tblr-badge-font-size:0.85714285em;
  --tblr-badge-font-weight:var(--tblr-font-weight-medium);
  --tblr-badge-color:var(--tblr-secondary);
  --tblr-badge-border-radius:var(--tblr-border-radius);
  --tblr-badge-icon-size:1em;
  --tblr-badge-line-height:1;
  display: inline-flex;
  padding: var(--tblr-badge-padding-y) var(--tblr-badge-padding-x);
  font-weight: var(--tblr-badge-font-weight);
  font-size: var(--tblr-badge-font-size);
  color: var(--tblr-badge-color);
  text-align: center;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  background: var(--tblr-bg-surface-secondary);
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--tblr-border-width) var(--tblr-border-style) transparent;
  border-radius: var(--tblr-badge-border-radius);
  min-width: calc(1em + var(--tblr-badge-padding-y) * 2 + 2px);
  letter-spacing: 0.04em;
  vertical-align: bottom;
  line-height: var(--tblr-badge-line-height);
}

a.badge {
  background: var(--tblr-bg-surface-secondary);
}

.badge .icon {
  width: 1em;
  height: 1em;
  font-size: var(--tblr-badge-icon-size);
  stroke-width: 2;
}

.badge-dot, .badge:empty {
  display: inline-block;
  width: 10px;
  height: 10px;
  min-width: 0;
  min-height: auto;
  padding: 0;
  border-radius: 100rem;
  vertical-align: baseline;
}

.badge-outline {
  background-color: transparent;
  border: var(--tblr-border-width) var(--tblr-border-style) currentColor;
}

.badge-pill {
  border-radius: 100rem;
}

.badges-list {
  --tblr-list-gap:0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tblr-list-gap);
}

.badge-notification {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  transform: translate(50%, -50%);
  z-index: 1;
}

.badge-blink {
  animation: blink 2s infinite;
}

.badge-sm {
  --tblr-badge-font-size:0.71428571em;
  --tblr-badge-icon-size:1em;
  --tblr-badge-padding-y:2px;
  --tblr-badge-padding-x:0.25rem;
}

.badge-lg {
  --tblr-badge-font-size:1em;
  --tblr-badge-icon-size:1em;
  --tblr-badge-padding-y:0.25rem;
  --tblr-badge-padding-x:0.5rem;
}

.badge-icononly {
  --tblr-badge-padding-x:0;
}

.breadcrumb {
  --tblr-breadcrumb-item-active-font-weight:var(--tblr-font-weight-bold);
  --tblr-breadcrumb-item-disabled-color:var(--tblr-disabled-color);
  --tblr-breadcrumb-link-color:var(--tblr-link-color);
  padding: 0;
  margin: 0;
  background: 0 0;
}

.breadcrumb a {
  color: var(--tblr-breadcrumb-link-color);
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb-muted {
  --tblr-breadcrumb-link-color:var(--tblr-secondary);
}

.breadcrumb-item.active {
  font-weight: var(--tblr-breadcrumb-item-active-font-weight);
}

.breadcrumb-item.active a {
  color: inherit;
  pointer-events: none;
}

.breadcrumb-item.disabled {
  color: var(--tblr-breadcrumb-item-disabled-color);
}

.breadcrumb-item.disabled:before {
  color: inherit;
}

.breadcrumb-item.disabled a {
  color: inherit;
  pointer-events: none;
}

.breadcrumb-dots {
  --tblr-breadcrumb-divider:"·";
}

.breadcrumb-arrows {
  --tblr-breadcrumb-divider:"›";
}

.breadcrumb-bullets {
  --tblr-breadcrumb-divider:"•";
}

.btn {
  --tblr-btn-icon-size:1.25rem;
  --tblr-btn-bg:var(--tblr-bg-surface);
  --tblr-btn-color:var(--tblr-body-color);
  --tblr-btn-border-color:var(--tblr-border-color);
  --tblr-btn-hover-bg:var(--tblr-btn-bg);
  --tblr-btn-hover-border-color:var(--tblr-border-active-color);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
  --tblr-btn-active-color:var(--tblr-primary);
  --tblr-btn-active-bg:rgba(var(--tblr-primary-rgb), 0.04);
  --tblr-btn-active-border-color:var(--tblr-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  box-shadow: var(--tblr-btn-box-shadow);
  position: relative;
}

.btn .icon {
  width: var(--tblr-btn-icon-size);
  height: var(--tblr-btn-icon-size);
  min-width: var(--tblr-btn-icon-size);
  font-size: var(--tblr-btn-icon-size);
  margin: 0 calc(var(--tblr-btn-padding-x) / 2) 0 calc(var(--tblr-btn-padding-x) / -4);
  vertical-align: bottom;
  color: inherit;
}

.btn .avatar {
  width: var(--tblr-btn-icon-size);
  height: var(--tblr-btn-icon-size);
  margin: 0 calc(var(--tblr-btn-padding-x) / 2) 0 calc(var(--tblr-btn-padding-x) / -4);
}

.btn .icon-right {
  margin: 0 calc(var(--tblr-btn-padding-x) / -4) 0 calc(var(--tblr-btn-padding-x) / 2);
}

.btn .badge {
  top: auto;
}

.btn-check + .btn:hover {
  color: var(--tblr-btn-hover-color);
  background-color: var(--tblr-btn-hover-bg);
  border-color: var(--tblr-btn-hover-border-color);
}

.btn-link {
  color: #077cea;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

.btn-link .icon {
  color: inherit;
}

.btn-link:hover {
  color: #0559a7;
  border-color: transparent;
}

.btn-primary {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-primary-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-primary);
  --tblr-btn-hover-color:var(--tblr-primary-fg);
  --tblr-btn-hover-bg:var(--tblr-primary-darken);
  --tblr-btn-active-color:var(--tblr-primary-fg);
  --tblr-btn-active-bg:var(--tblr-primary-darken);
  --tblr-btn-disabled-bg:var(--tblr-primary);
  --tblr-btn-disabled-color:var(--tblr-primary-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-primary {
  --tblr-btn-color:var(--tblr-primary);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-primary);
  --tblr-btn-hover-color:var(--tblr-primary-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-primary);
  --tblr-btn-active-color:var(--tblr-primary-fg);
  --tblr-btn-active-bg:var(--tblr-primary);
  --tblr-btn-disabled-color:var(--tblr-primary);
  --tblr-btn-disabled-border-color:var(--tblr-primary);
}

.btn-ghost-primary {
  --tblr-btn-color:var(--tblr-primary);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-primary-fg);
  --tblr-btn-hover-bg:var(--tblr-primary);
  --tblr-btn-hover-border-color:var(--tblr-primary);
  --tblr-btn-active-color:var(--tblr-primary-fg);
  --tblr-btn-active-bg:var(--tblr-primary);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-primary);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-secondary {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-secondary-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-secondary);
  --tblr-btn-hover-color:var(--tblr-secondary-fg);
  --tblr-btn-hover-bg:var(--tblr-secondary-darken);
  --tblr-btn-active-color:var(--tblr-secondary-fg);
  --tblr-btn-active-bg:var(--tblr-secondary-darken);
  --tblr-btn-disabled-bg:var(--tblr-secondary);
  --tblr-btn-disabled-color:var(--tblr-secondary-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-secondary {
  --tblr-btn-color:var(--tblr-secondary);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-secondary);
  --tblr-btn-hover-color:var(--tblr-secondary-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-secondary);
  --tblr-btn-active-color:var(--tblr-secondary-fg);
  --tblr-btn-active-bg:var(--tblr-secondary);
  --tblr-btn-disabled-color:var(--tblr-secondary);
  --tblr-btn-disabled-border-color:var(--tblr-secondary);
}

.btn-ghost-secondary {
  --tblr-btn-color:var(--tblr-secondary);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-secondary-fg);
  --tblr-btn-hover-bg:var(--tblr-secondary);
  --tblr-btn-hover-border-color:var(--tblr-secondary);
  --tblr-btn-active-color:var(--tblr-secondary-fg);
  --tblr-btn-active-bg:var(--tblr-secondary);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-secondary);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-success {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-success-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-success);
  --tblr-btn-hover-color:var(--tblr-success-fg);
  --tblr-btn-hover-bg:var(--tblr-success-darken);
  --tblr-btn-active-color:var(--tblr-success-fg);
  --tblr-btn-active-bg:var(--tblr-success-darken);
  --tblr-btn-disabled-bg:var(--tblr-success);
  --tblr-btn-disabled-color:var(--tblr-success-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-success {
  --tblr-btn-color:var(--tblr-success);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-success);
  --tblr-btn-hover-color:var(--tblr-success-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-success);
  --tblr-btn-active-color:var(--tblr-success-fg);
  --tblr-btn-active-bg:var(--tblr-success);
  --tblr-btn-disabled-color:var(--tblr-success);
  --tblr-btn-disabled-border-color:var(--tblr-success);
}

.btn-ghost-success {
  --tblr-btn-color:var(--tblr-success);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-success-fg);
  --tblr-btn-hover-bg:var(--tblr-success);
  --tblr-btn-hover-border-color:var(--tblr-success);
  --tblr-btn-active-color:var(--tblr-success-fg);
  --tblr-btn-active-bg:var(--tblr-success);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-success);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-info {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-info-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-info);
  --tblr-btn-hover-color:var(--tblr-info-fg);
  --tblr-btn-hover-bg:var(--tblr-info-darken);
  --tblr-btn-active-color:var(--tblr-info-fg);
  --tblr-btn-active-bg:var(--tblr-info-darken);
  --tblr-btn-disabled-bg:var(--tblr-info);
  --tblr-btn-disabled-color:var(--tblr-info-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-info {
  --tblr-btn-color:var(--tblr-info);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-info);
  --tblr-btn-hover-color:var(--tblr-info-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-info);
  --tblr-btn-active-color:var(--tblr-info-fg);
  --tblr-btn-active-bg:var(--tblr-info);
  --tblr-btn-disabled-color:var(--tblr-info);
  --tblr-btn-disabled-border-color:var(--tblr-info);
}

.btn-ghost-info {
  --tblr-btn-color:var(--tblr-info);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-info-fg);
  --tblr-btn-hover-bg:var(--tblr-info);
  --tblr-btn-hover-border-color:var(--tblr-info);
  --tblr-btn-active-color:var(--tblr-info-fg);
  --tblr-btn-active-bg:var(--tblr-info);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-info);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-warning {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-warning-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-warning);
  --tblr-btn-hover-color:var(--tblr-warning-fg);
  --tblr-btn-hover-bg:var(--tblr-warning-darken);
  --tblr-btn-active-color:var(--tblr-warning-fg);
  --tblr-btn-active-bg:var(--tblr-warning-darken);
  --tblr-btn-disabled-bg:var(--tblr-warning);
  --tblr-btn-disabled-color:var(--tblr-warning-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-warning {
  --tblr-btn-color:var(--tblr-warning);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-warning);
  --tblr-btn-hover-color:var(--tblr-warning-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-warning);
  --tblr-btn-active-color:var(--tblr-warning-fg);
  --tblr-btn-active-bg:var(--tblr-warning);
  --tblr-btn-disabled-color:var(--tblr-warning);
  --tblr-btn-disabled-border-color:var(--tblr-warning);
}

.btn-ghost-warning {
  --tblr-btn-color:var(--tblr-warning);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-warning-fg);
  --tblr-btn-hover-bg:var(--tblr-warning);
  --tblr-btn-hover-border-color:var(--tblr-warning);
  --tblr-btn-active-color:var(--tblr-warning-fg);
  --tblr-btn-active-bg:var(--tblr-warning);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-warning);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-danger {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-danger-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-danger);
  --tblr-btn-hover-color:var(--tblr-danger-fg);
  --tblr-btn-hover-bg:var(--tblr-danger-darken);
  --tblr-btn-active-color:var(--tblr-danger-fg);
  --tblr-btn-active-bg:var(--tblr-danger-darken);
  --tblr-btn-disabled-bg:var(--tblr-danger);
  --tblr-btn-disabled-color:var(--tblr-danger-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-danger {
  --tblr-btn-color:var(--tblr-danger);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-danger);
  --tblr-btn-hover-color:var(--tblr-danger-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-danger);
  --tblr-btn-active-color:var(--tblr-danger-fg);
  --tblr-btn-active-bg:var(--tblr-danger);
  --tblr-btn-disabled-color:var(--tblr-danger);
  --tblr-btn-disabled-border-color:var(--tblr-danger);
}

.btn-ghost-danger {
  --tblr-btn-color:var(--tblr-danger);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-danger-fg);
  --tblr-btn-hover-bg:var(--tblr-danger);
  --tblr-btn-hover-border-color:var(--tblr-danger);
  --tblr-btn-active-color:var(--tblr-danger-fg);
  --tblr-btn-active-bg:var(--tblr-danger);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-danger);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-light {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-light-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-light);
  --tblr-btn-hover-color:var(--tblr-light-fg);
  --tblr-btn-hover-bg:var(--tblr-light-darken);
  --tblr-btn-active-color:var(--tblr-light-fg);
  --tblr-btn-active-bg:var(--tblr-light-darken);
  --tblr-btn-disabled-bg:var(--tblr-light);
  --tblr-btn-disabled-color:var(--tblr-light-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-light {
  --tblr-btn-color:var(--tblr-light);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-light);
  --tblr-btn-hover-color:var(--tblr-light-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-light);
  --tblr-btn-active-color:var(--tblr-light-fg);
  --tblr-btn-active-bg:var(--tblr-light);
  --tblr-btn-disabled-color:var(--tblr-light);
  --tblr-btn-disabled-border-color:var(--tblr-light);
}

.btn-ghost-light {
  --tblr-btn-color:var(--tblr-light);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-light-fg);
  --tblr-btn-hover-bg:var(--tblr-light);
  --tblr-btn-hover-border-color:var(--tblr-light);
  --tblr-btn-active-color:var(--tblr-light-fg);
  --tblr-btn-active-bg:var(--tblr-light);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-light);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-dark {
  --tblr-btn-border-color:var(--tblr-dark-mode-border-color);
  --tblr-btn-hover-border-color:var(--tblr-dark-mode-border-active-color);
  --tblr-btn-active-border-color:var(--tblr-dark-mode-border-active-color);
  --tblr-btn-color:var(--tblr-dark-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-dark);
  --tblr-btn-hover-color:var(--tblr-dark-fg);
  --tblr-btn-hover-bg:var(--tblr-dark-darken);
  --tblr-btn-active-color:var(--tblr-dark-fg);
  --tblr-btn-active-bg:var(--tblr-dark-darken);
  --tblr-btn-disabled-bg:var(--tblr-dark);
  --tblr-btn-disabled-color:var(--tblr-dark-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-dark {
  --tblr-btn-color:var(--tblr-dark);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-dark);
  --tblr-btn-hover-color:var(--tblr-dark-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-dark);
  --tblr-btn-active-color:var(--tblr-dark-fg);
  --tblr-btn-active-bg:var(--tblr-dark);
  --tblr-btn-disabled-color:var(--tblr-dark);
  --tblr-btn-disabled-border-color:var(--tblr-dark);
}

.btn-ghost-dark {
  --tblr-btn-color:var(--tblr-dark);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-dark-fg);
  --tblr-btn-hover-bg:var(--tblr-dark);
  --tblr-btn-hover-border-color:var(--tblr-dark);
  --tblr-btn-active-color:var(--tblr-dark-fg);
  --tblr-btn-active-bg:var(--tblr-dark);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-dark);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-muted {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-muted-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-muted);
  --tblr-btn-hover-color:var(--tblr-muted-fg);
  --tblr-btn-hover-bg:var(--tblr-muted-darken);
  --tblr-btn-active-color:var(--tblr-muted-fg);
  --tblr-btn-active-bg:var(--tblr-muted-darken);
  --tblr-btn-disabled-bg:var(--tblr-muted);
  --tblr-btn-disabled-color:var(--tblr-muted-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-muted {
  --tblr-btn-color:var(--tblr-muted);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-muted);
  --tblr-btn-hover-color:var(--tblr-muted-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-muted);
  --tblr-btn-active-color:var(--tblr-muted-fg);
  --tblr-btn-active-bg:var(--tblr-muted);
  --tblr-btn-disabled-color:var(--tblr-muted);
  --tblr-btn-disabled-border-color:var(--tblr-muted);
}

.btn-ghost-muted {
  --tblr-btn-color:var(--tblr-muted);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-muted-fg);
  --tblr-btn-hover-bg:var(--tblr-muted);
  --tblr-btn-hover-border-color:var(--tblr-muted);
  --tblr-btn-active-color:var(--tblr-muted-fg);
  --tblr-btn-active-bg:var(--tblr-muted);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-muted);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-blue {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-blue-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-blue);
  --tblr-btn-hover-color:var(--tblr-blue-fg);
  --tblr-btn-hover-bg:var(--tblr-blue-darken);
  --tblr-btn-active-color:var(--tblr-blue-fg);
  --tblr-btn-active-bg:var(--tblr-blue-darken);
  --tblr-btn-disabled-bg:var(--tblr-blue);
  --tblr-btn-disabled-color:var(--tblr-blue-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-blue {
  --tblr-btn-color:var(--tblr-blue);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-blue);
  --tblr-btn-hover-color:var(--tblr-blue-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-blue);
  --tblr-btn-active-color:var(--tblr-blue-fg);
  --tblr-btn-active-bg:var(--tblr-blue);
  --tblr-btn-disabled-color:var(--tblr-blue);
  --tblr-btn-disabled-border-color:var(--tblr-blue);
}

.btn-ghost-blue {
  --tblr-btn-color:var(--tblr-blue);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-blue-fg);
  --tblr-btn-hover-bg:var(--tblr-blue);
  --tblr-btn-hover-border-color:var(--tblr-blue);
  --tblr-btn-active-color:var(--tblr-blue-fg);
  --tblr-btn-active-bg:var(--tblr-blue);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-blue);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-azure {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-azure-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-azure);
  --tblr-btn-hover-color:var(--tblr-azure-fg);
  --tblr-btn-hover-bg:var(--tblr-azure-darken);
  --tblr-btn-active-color:var(--tblr-azure-fg);
  --tblr-btn-active-bg:var(--tblr-azure-darken);
  --tblr-btn-disabled-bg:var(--tblr-azure);
  --tblr-btn-disabled-color:var(--tblr-azure-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-azure {
  --tblr-btn-color:var(--tblr-azure);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-azure);
  --tblr-btn-hover-color:var(--tblr-azure-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-azure);
  --tblr-btn-active-color:var(--tblr-azure-fg);
  --tblr-btn-active-bg:var(--tblr-azure);
  --tblr-btn-disabled-color:var(--tblr-azure);
  --tblr-btn-disabled-border-color:var(--tblr-azure);
}

.btn-ghost-azure {
  --tblr-btn-color:var(--tblr-azure);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-azure-fg);
  --tblr-btn-hover-bg:var(--tblr-azure);
  --tblr-btn-hover-border-color:var(--tblr-azure);
  --tblr-btn-active-color:var(--tblr-azure-fg);
  --tblr-btn-active-bg:var(--tblr-azure);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-azure);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-indigo {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-indigo-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-indigo);
  --tblr-btn-hover-color:var(--tblr-indigo-fg);
  --tblr-btn-hover-bg:var(--tblr-indigo-darken);
  --tblr-btn-active-color:var(--tblr-indigo-fg);
  --tblr-btn-active-bg:var(--tblr-indigo-darken);
  --tblr-btn-disabled-bg:var(--tblr-indigo);
  --tblr-btn-disabled-color:var(--tblr-indigo-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-indigo {
  --tblr-btn-color:var(--tblr-indigo);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-indigo);
  --tblr-btn-hover-color:var(--tblr-indigo-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-indigo);
  --tblr-btn-active-color:var(--tblr-indigo-fg);
  --tblr-btn-active-bg:var(--tblr-indigo);
  --tblr-btn-disabled-color:var(--tblr-indigo);
  --tblr-btn-disabled-border-color:var(--tblr-indigo);
}

.btn-ghost-indigo {
  --tblr-btn-color:var(--tblr-indigo);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-indigo-fg);
  --tblr-btn-hover-bg:var(--tblr-indigo);
  --tblr-btn-hover-border-color:var(--tblr-indigo);
  --tblr-btn-active-color:var(--tblr-indigo-fg);
  --tblr-btn-active-bg:var(--tblr-indigo);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-indigo);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-purple {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-purple-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-purple);
  --tblr-btn-hover-color:var(--tblr-purple-fg);
  --tblr-btn-hover-bg:var(--tblr-purple-darken);
  --tblr-btn-active-color:var(--tblr-purple-fg);
  --tblr-btn-active-bg:var(--tblr-purple-darken);
  --tblr-btn-disabled-bg:var(--tblr-purple);
  --tblr-btn-disabled-color:var(--tblr-purple-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-purple {
  --tblr-btn-color:var(--tblr-purple);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-purple);
  --tblr-btn-hover-color:var(--tblr-purple-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-purple);
  --tblr-btn-active-color:var(--tblr-purple-fg);
  --tblr-btn-active-bg:var(--tblr-purple);
  --tblr-btn-disabled-color:var(--tblr-purple);
  --tblr-btn-disabled-border-color:var(--tblr-purple);
}

.btn-ghost-purple {
  --tblr-btn-color:var(--tblr-purple);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-purple-fg);
  --tblr-btn-hover-bg:var(--tblr-purple);
  --tblr-btn-hover-border-color:var(--tblr-purple);
  --tblr-btn-active-color:var(--tblr-purple-fg);
  --tblr-btn-active-bg:var(--tblr-purple);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-purple);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-pink {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-pink-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-pink);
  --tblr-btn-hover-color:var(--tblr-pink-fg);
  --tblr-btn-hover-bg:var(--tblr-pink-darken);
  --tblr-btn-active-color:var(--tblr-pink-fg);
  --tblr-btn-active-bg:var(--tblr-pink-darken);
  --tblr-btn-disabled-bg:var(--tblr-pink);
  --tblr-btn-disabled-color:var(--tblr-pink-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-pink {
  --tblr-btn-color:var(--tblr-pink);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-pink);
  --tblr-btn-hover-color:var(--tblr-pink-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-pink);
  --tblr-btn-active-color:var(--tblr-pink-fg);
  --tblr-btn-active-bg:var(--tblr-pink);
  --tblr-btn-disabled-color:var(--tblr-pink);
  --tblr-btn-disabled-border-color:var(--tblr-pink);
}

.btn-ghost-pink {
  --tblr-btn-color:var(--tblr-pink);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-pink-fg);
  --tblr-btn-hover-bg:var(--tblr-pink);
  --tblr-btn-hover-border-color:var(--tblr-pink);
  --tblr-btn-active-color:var(--tblr-pink-fg);
  --tblr-btn-active-bg:var(--tblr-pink);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-pink);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-red {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-red-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-red);
  --tblr-btn-hover-color:var(--tblr-red-fg);
  --tblr-btn-hover-bg:var(--tblr-red-darken);
  --tblr-btn-active-color:var(--tblr-red-fg);
  --tblr-btn-active-bg:var(--tblr-red-darken);
  --tblr-btn-disabled-bg:var(--tblr-red);
  --tblr-btn-disabled-color:var(--tblr-red-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-red {
  --tblr-btn-color:var(--tblr-red);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-red);
  --tblr-btn-hover-color:var(--tblr-red-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-red);
  --tblr-btn-active-color:var(--tblr-red-fg);
  --tblr-btn-active-bg:var(--tblr-red);
  --tblr-btn-disabled-color:var(--tblr-red);
  --tblr-btn-disabled-border-color:var(--tblr-red);
}

.btn-ghost-red {
  --tblr-btn-color:var(--tblr-red);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-red-fg);
  --tblr-btn-hover-bg:var(--tblr-red);
  --tblr-btn-hover-border-color:var(--tblr-red);
  --tblr-btn-active-color:var(--tblr-red-fg);
  --tblr-btn-active-bg:var(--tblr-red);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-red);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-orange {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-orange-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-orange);
  --tblr-btn-hover-color:var(--tblr-orange-fg);
  --tblr-btn-hover-bg:var(--tblr-orange-darken);
  --tblr-btn-active-color:var(--tblr-orange-fg);
  --tblr-btn-active-bg:var(--tblr-orange-darken);
  --tblr-btn-disabled-bg:var(--tblr-orange);
  --tblr-btn-disabled-color:var(--tblr-orange-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-orange {
  --tblr-btn-color:var(--tblr-orange);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-orange);
  --tblr-btn-hover-color:var(--tblr-orange-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-orange);
  --tblr-btn-active-color:var(--tblr-orange-fg);
  --tblr-btn-active-bg:var(--tblr-orange);
  --tblr-btn-disabled-color:var(--tblr-orange);
  --tblr-btn-disabled-border-color:var(--tblr-orange);
}

.btn-ghost-orange {
  --tblr-btn-color:var(--tblr-orange);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-orange-fg);
  --tblr-btn-hover-bg:var(--tblr-orange);
  --tblr-btn-hover-border-color:var(--tblr-orange);
  --tblr-btn-active-color:var(--tblr-orange-fg);
  --tblr-btn-active-bg:var(--tblr-orange);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-orange);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-yellow {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-yellow-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-yellow);
  --tblr-btn-hover-color:var(--tblr-yellow-fg);
  --tblr-btn-hover-bg:var(--tblr-yellow-darken);
  --tblr-btn-active-color:var(--tblr-yellow-fg);
  --tblr-btn-active-bg:var(--tblr-yellow-darken);
  --tblr-btn-disabled-bg:var(--tblr-yellow);
  --tblr-btn-disabled-color:var(--tblr-yellow-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-yellow {
  --tblr-btn-color:var(--tblr-yellow);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-yellow);
  --tblr-btn-hover-color:var(--tblr-yellow-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-yellow);
  --tblr-btn-active-color:var(--tblr-yellow-fg);
  --tblr-btn-active-bg:var(--tblr-yellow);
  --tblr-btn-disabled-color:var(--tblr-yellow);
  --tblr-btn-disabled-border-color:var(--tblr-yellow);
}

.btn-ghost-yellow {
  --tblr-btn-color:var(--tblr-yellow);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-yellow-fg);
  --tblr-btn-hover-bg:var(--tblr-yellow);
  --tblr-btn-hover-border-color:var(--tblr-yellow);
  --tblr-btn-active-color:var(--tblr-yellow-fg);
  --tblr-btn-active-bg:var(--tblr-yellow);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-yellow);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-lime {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-lime-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-lime);
  --tblr-btn-hover-color:var(--tblr-lime-fg);
  --tblr-btn-hover-bg:var(--tblr-lime-darken);
  --tblr-btn-active-color:var(--tblr-lime-fg);
  --tblr-btn-active-bg:var(--tblr-lime-darken);
  --tblr-btn-disabled-bg:var(--tblr-lime);
  --tblr-btn-disabled-color:var(--tblr-lime-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-lime {
  --tblr-btn-color:var(--tblr-lime);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-lime);
  --tblr-btn-hover-color:var(--tblr-lime-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-lime);
  --tblr-btn-active-color:var(--tblr-lime-fg);
  --tblr-btn-active-bg:var(--tblr-lime);
  --tblr-btn-disabled-color:var(--tblr-lime);
  --tblr-btn-disabled-border-color:var(--tblr-lime);
}

.btn-ghost-lime {
  --tblr-btn-color:var(--tblr-lime);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-lime-fg);
  --tblr-btn-hover-bg:var(--tblr-lime);
  --tblr-btn-hover-border-color:var(--tblr-lime);
  --tblr-btn-active-color:var(--tblr-lime-fg);
  --tblr-btn-active-bg:var(--tblr-lime);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-lime);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-green {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-green-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-green);
  --tblr-btn-hover-color:var(--tblr-green-fg);
  --tblr-btn-hover-bg:var(--tblr-green-darken);
  --tblr-btn-active-color:var(--tblr-green-fg);
  --tblr-btn-active-bg:var(--tblr-green-darken);
  --tblr-btn-disabled-bg:var(--tblr-green);
  --tblr-btn-disabled-color:var(--tblr-green-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-green {
  --tblr-btn-color:var(--tblr-green);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-green);
  --tblr-btn-hover-color:var(--tblr-green-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-green);
  --tblr-btn-active-color:var(--tblr-green-fg);
  --tblr-btn-active-bg:var(--tblr-green);
  --tblr-btn-disabled-color:var(--tblr-green);
  --tblr-btn-disabled-border-color:var(--tblr-green);
}

.btn-ghost-green {
  --tblr-btn-color:var(--tblr-green);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-green-fg);
  --tblr-btn-hover-bg:var(--tblr-green);
  --tblr-btn-hover-border-color:var(--tblr-green);
  --tblr-btn-active-color:var(--tblr-green-fg);
  --tblr-btn-active-bg:var(--tblr-green);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-green);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-teal {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-teal-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-teal);
  --tblr-btn-hover-color:var(--tblr-teal-fg);
  --tblr-btn-hover-bg:var(--tblr-teal-darken);
  --tblr-btn-active-color:var(--tblr-teal-fg);
  --tblr-btn-active-bg:var(--tblr-teal-darken);
  --tblr-btn-disabled-bg:var(--tblr-teal);
  --tblr-btn-disabled-color:var(--tblr-teal-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-teal {
  --tblr-btn-color:var(--tblr-teal);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-teal);
  --tblr-btn-hover-color:var(--tblr-teal-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-teal);
  --tblr-btn-active-color:var(--tblr-teal-fg);
  --tblr-btn-active-bg:var(--tblr-teal);
  --tblr-btn-disabled-color:var(--tblr-teal);
  --tblr-btn-disabled-border-color:var(--tblr-teal);
}

.btn-ghost-teal {
  --tblr-btn-color:var(--tblr-teal);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-teal-fg);
  --tblr-btn-hover-bg:var(--tblr-teal);
  --tblr-btn-hover-border-color:var(--tblr-teal);
  --tblr-btn-active-color:var(--tblr-teal-fg);
  --tblr-btn-active-bg:var(--tblr-teal);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-teal);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-cyan {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-cyan-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-cyan);
  --tblr-btn-hover-color:var(--tblr-cyan-fg);
  --tblr-btn-hover-bg:var(--tblr-cyan-darken);
  --tblr-btn-active-color:var(--tblr-cyan-fg);
  --tblr-btn-active-bg:var(--tblr-cyan-darken);
  --tblr-btn-disabled-bg:var(--tblr-cyan);
  --tblr-btn-disabled-color:var(--tblr-cyan-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-cyan {
  --tblr-btn-color:var(--tblr-cyan);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-cyan);
  --tblr-btn-hover-color:var(--tblr-cyan-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-cyan);
  --tblr-btn-active-color:var(--tblr-cyan-fg);
  --tblr-btn-active-bg:var(--tblr-cyan);
  --tblr-btn-disabled-color:var(--tblr-cyan);
  --tblr-btn-disabled-border-color:var(--tblr-cyan);
}

.btn-ghost-cyan {
  --tblr-btn-color:var(--tblr-cyan);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-cyan-fg);
  --tblr-btn-hover-bg:var(--tblr-cyan);
  --tblr-btn-hover-border-color:var(--tblr-cyan);
  --tblr-btn-active-color:var(--tblr-cyan-fg);
  --tblr-btn-active-bg:var(--tblr-cyan);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-cyan);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-x {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-x-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-x);
  --tblr-btn-hover-color:var(--tblr-x-fg);
  --tblr-btn-hover-bg:var(--tblr-x-darken);
  --tblr-btn-active-color:var(--tblr-x-fg);
  --tblr-btn-active-bg:var(--tblr-x-darken);
  --tblr-btn-disabled-bg:var(--tblr-x);
  --tblr-btn-disabled-color:var(--tblr-x-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-x {
  --tblr-btn-color:var(--tblr-x);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-x);
  --tblr-btn-hover-color:var(--tblr-x-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-x);
  --tblr-btn-active-color:var(--tblr-x-fg);
  --tblr-btn-active-bg:var(--tblr-x);
  --tblr-btn-disabled-color:var(--tblr-x);
  --tblr-btn-disabled-border-color:var(--tblr-x);
}

.btn-ghost-x {
  --tblr-btn-color:var(--tblr-x);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-x-fg);
  --tblr-btn-hover-bg:var(--tblr-x);
  --tblr-btn-hover-border-color:var(--tblr-x);
  --tblr-btn-active-color:var(--tblr-x-fg);
  --tblr-btn-active-bg:var(--tblr-x);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-x);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-facebook {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-facebook-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-facebook);
  --tblr-btn-hover-color:var(--tblr-facebook-fg);
  --tblr-btn-hover-bg:var(--tblr-facebook-darken);
  --tblr-btn-active-color:var(--tblr-facebook-fg);
  --tblr-btn-active-bg:var(--tblr-facebook-darken);
  --tblr-btn-disabled-bg:var(--tblr-facebook);
  --tblr-btn-disabled-color:var(--tblr-facebook-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-facebook {
  --tblr-btn-color:var(--tblr-facebook);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-facebook);
  --tblr-btn-hover-color:var(--tblr-facebook-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-facebook);
  --tblr-btn-active-color:var(--tblr-facebook-fg);
  --tblr-btn-active-bg:var(--tblr-facebook);
  --tblr-btn-disabled-color:var(--tblr-facebook);
  --tblr-btn-disabled-border-color:var(--tblr-facebook);
}

.btn-ghost-facebook {
  --tblr-btn-color:var(--tblr-facebook);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-facebook-fg);
  --tblr-btn-hover-bg:var(--tblr-facebook);
  --tblr-btn-hover-border-color:var(--tblr-facebook);
  --tblr-btn-active-color:var(--tblr-facebook-fg);
  --tblr-btn-active-bg:var(--tblr-facebook);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-facebook);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-twitter {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-twitter-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-twitter);
  --tblr-btn-hover-color:var(--tblr-twitter-fg);
  --tblr-btn-hover-bg:var(--tblr-twitter-darken);
  --tblr-btn-active-color:var(--tblr-twitter-fg);
  --tblr-btn-active-bg:var(--tblr-twitter-darken);
  --tblr-btn-disabled-bg:var(--tblr-twitter);
  --tblr-btn-disabled-color:var(--tblr-twitter-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-twitter {
  --tblr-btn-color:var(--tblr-twitter);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-twitter);
  --tblr-btn-hover-color:var(--tblr-twitter-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-twitter);
  --tblr-btn-active-color:var(--tblr-twitter-fg);
  --tblr-btn-active-bg:var(--tblr-twitter);
  --tblr-btn-disabled-color:var(--tblr-twitter);
  --tblr-btn-disabled-border-color:var(--tblr-twitter);
}

.btn-ghost-twitter {
  --tblr-btn-color:var(--tblr-twitter);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-twitter-fg);
  --tblr-btn-hover-bg:var(--tblr-twitter);
  --tblr-btn-hover-border-color:var(--tblr-twitter);
  --tblr-btn-active-color:var(--tblr-twitter-fg);
  --tblr-btn-active-bg:var(--tblr-twitter);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-twitter);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-linkedin {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-linkedin-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-linkedin);
  --tblr-btn-hover-color:var(--tblr-linkedin-fg);
  --tblr-btn-hover-bg:var(--tblr-linkedin-darken);
  --tblr-btn-active-color:var(--tblr-linkedin-fg);
  --tblr-btn-active-bg:var(--tblr-linkedin-darken);
  --tblr-btn-disabled-bg:var(--tblr-linkedin);
  --tblr-btn-disabled-color:var(--tblr-linkedin-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-linkedin {
  --tblr-btn-color:var(--tblr-linkedin);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-linkedin);
  --tblr-btn-hover-color:var(--tblr-linkedin-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-linkedin);
  --tblr-btn-active-color:var(--tblr-linkedin-fg);
  --tblr-btn-active-bg:var(--tblr-linkedin);
  --tblr-btn-disabled-color:var(--tblr-linkedin);
  --tblr-btn-disabled-border-color:var(--tblr-linkedin);
}

.btn-ghost-linkedin {
  --tblr-btn-color:var(--tblr-linkedin);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-linkedin-fg);
  --tblr-btn-hover-bg:var(--tblr-linkedin);
  --tblr-btn-hover-border-color:var(--tblr-linkedin);
  --tblr-btn-active-color:var(--tblr-linkedin-fg);
  --tblr-btn-active-bg:var(--tblr-linkedin);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-linkedin);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-google {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-google-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-google);
  --tblr-btn-hover-color:var(--tblr-google-fg);
  --tblr-btn-hover-bg:var(--tblr-google-darken);
  --tblr-btn-active-color:var(--tblr-google-fg);
  --tblr-btn-active-bg:var(--tblr-google-darken);
  --tblr-btn-disabled-bg:var(--tblr-google);
  --tblr-btn-disabled-color:var(--tblr-google-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-google {
  --tblr-btn-color:var(--tblr-google);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-google);
  --tblr-btn-hover-color:var(--tblr-google-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-google);
  --tblr-btn-active-color:var(--tblr-google-fg);
  --tblr-btn-active-bg:var(--tblr-google);
  --tblr-btn-disabled-color:var(--tblr-google);
  --tblr-btn-disabled-border-color:var(--tblr-google);
}

.btn-ghost-google {
  --tblr-btn-color:var(--tblr-google);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-google-fg);
  --tblr-btn-hover-bg:var(--tblr-google);
  --tblr-btn-hover-border-color:var(--tblr-google);
  --tblr-btn-active-color:var(--tblr-google-fg);
  --tblr-btn-active-bg:var(--tblr-google);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-google);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-youtube {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-youtube-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-youtube);
  --tblr-btn-hover-color:var(--tblr-youtube-fg);
  --tblr-btn-hover-bg:var(--tblr-youtube-darken);
  --tblr-btn-active-color:var(--tblr-youtube-fg);
  --tblr-btn-active-bg:var(--tblr-youtube-darken);
  --tblr-btn-disabled-bg:var(--tblr-youtube);
  --tblr-btn-disabled-color:var(--tblr-youtube-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-youtube {
  --tblr-btn-color:var(--tblr-youtube);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-youtube);
  --tblr-btn-hover-color:var(--tblr-youtube-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-youtube);
  --tblr-btn-active-color:var(--tblr-youtube-fg);
  --tblr-btn-active-bg:var(--tblr-youtube);
  --tblr-btn-disabled-color:var(--tblr-youtube);
  --tblr-btn-disabled-border-color:var(--tblr-youtube);
}

.btn-ghost-youtube {
  --tblr-btn-color:var(--tblr-youtube);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-youtube-fg);
  --tblr-btn-hover-bg:var(--tblr-youtube);
  --tblr-btn-hover-border-color:var(--tblr-youtube);
  --tblr-btn-active-color:var(--tblr-youtube-fg);
  --tblr-btn-active-bg:var(--tblr-youtube);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-youtube);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-vimeo {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-vimeo-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-vimeo);
  --tblr-btn-hover-color:var(--tblr-vimeo-fg);
  --tblr-btn-hover-bg:var(--tblr-vimeo-darken);
  --tblr-btn-active-color:var(--tblr-vimeo-fg);
  --tblr-btn-active-bg:var(--tblr-vimeo-darken);
  --tblr-btn-disabled-bg:var(--tblr-vimeo);
  --tblr-btn-disabled-color:var(--tblr-vimeo-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-vimeo {
  --tblr-btn-color:var(--tblr-vimeo);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-vimeo);
  --tblr-btn-hover-color:var(--tblr-vimeo-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-vimeo);
  --tblr-btn-active-color:var(--tblr-vimeo-fg);
  --tblr-btn-active-bg:var(--tblr-vimeo);
  --tblr-btn-disabled-color:var(--tblr-vimeo);
  --tblr-btn-disabled-border-color:var(--tblr-vimeo);
}

.btn-ghost-vimeo {
  --tblr-btn-color:var(--tblr-vimeo);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-vimeo-fg);
  --tblr-btn-hover-bg:var(--tblr-vimeo);
  --tblr-btn-hover-border-color:var(--tblr-vimeo);
  --tblr-btn-active-color:var(--tblr-vimeo-fg);
  --tblr-btn-active-bg:var(--tblr-vimeo);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-vimeo);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-dribbble {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-dribbble-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-dribbble);
  --tblr-btn-hover-color:var(--tblr-dribbble-fg);
  --tblr-btn-hover-bg:var(--tblr-dribbble-darken);
  --tblr-btn-active-color:var(--tblr-dribbble-fg);
  --tblr-btn-active-bg:var(--tblr-dribbble-darken);
  --tblr-btn-disabled-bg:var(--tblr-dribbble);
  --tblr-btn-disabled-color:var(--tblr-dribbble-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-dribbble {
  --tblr-btn-color:var(--tblr-dribbble);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-dribbble);
  --tblr-btn-hover-color:var(--tblr-dribbble-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-dribbble);
  --tblr-btn-active-color:var(--tblr-dribbble-fg);
  --tblr-btn-active-bg:var(--tblr-dribbble);
  --tblr-btn-disabled-color:var(--tblr-dribbble);
  --tblr-btn-disabled-border-color:var(--tblr-dribbble);
}

.btn-ghost-dribbble {
  --tblr-btn-color:var(--tblr-dribbble);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-dribbble-fg);
  --tblr-btn-hover-bg:var(--tblr-dribbble);
  --tblr-btn-hover-border-color:var(--tblr-dribbble);
  --tblr-btn-active-color:var(--tblr-dribbble-fg);
  --tblr-btn-active-bg:var(--tblr-dribbble);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-dribbble);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-github {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-github-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-github);
  --tblr-btn-hover-color:var(--tblr-github-fg);
  --tblr-btn-hover-bg:var(--tblr-github-darken);
  --tblr-btn-active-color:var(--tblr-github-fg);
  --tblr-btn-active-bg:var(--tblr-github-darken);
  --tblr-btn-disabled-bg:var(--tblr-github);
  --tblr-btn-disabled-color:var(--tblr-github-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-github {
  --tblr-btn-color:var(--tblr-github);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-github);
  --tblr-btn-hover-color:var(--tblr-github-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-github);
  --tblr-btn-active-color:var(--tblr-github-fg);
  --tblr-btn-active-bg:var(--tblr-github);
  --tblr-btn-disabled-color:var(--tblr-github);
  --tblr-btn-disabled-border-color:var(--tblr-github);
}

.btn-ghost-github {
  --tblr-btn-color:var(--tblr-github);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-github-fg);
  --tblr-btn-hover-bg:var(--tblr-github);
  --tblr-btn-hover-border-color:var(--tblr-github);
  --tblr-btn-active-color:var(--tblr-github-fg);
  --tblr-btn-active-bg:var(--tblr-github);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-github);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-instagram {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-instagram-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-instagram);
  --tblr-btn-hover-color:var(--tblr-instagram-fg);
  --tblr-btn-hover-bg:var(--tblr-instagram-darken);
  --tblr-btn-active-color:var(--tblr-instagram-fg);
  --tblr-btn-active-bg:var(--tblr-instagram-darken);
  --tblr-btn-disabled-bg:var(--tblr-instagram);
  --tblr-btn-disabled-color:var(--tblr-instagram-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-instagram {
  --tblr-btn-color:var(--tblr-instagram);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-instagram);
  --tblr-btn-hover-color:var(--tblr-instagram-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-instagram);
  --tblr-btn-active-color:var(--tblr-instagram-fg);
  --tblr-btn-active-bg:var(--tblr-instagram);
  --tblr-btn-disabled-color:var(--tblr-instagram);
  --tblr-btn-disabled-border-color:var(--tblr-instagram);
}

.btn-ghost-instagram {
  --tblr-btn-color:var(--tblr-instagram);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-instagram-fg);
  --tblr-btn-hover-bg:var(--tblr-instagram);
  --tblr-btn-hover-border-color:var(--tblr-instagram);
  --tblr-btn-active-color:var(--tblr-instagram-fg);
  --tblr-btn-active-bg:var(--tblr-instagram);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-instagram);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-pinterest {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-pinterest-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-pinterest);
  --tblr-btn-hover-color:var(--tblr-pinterest-fg);
  --tblr-btn-hover-bg:var(--tblr-pinterest-darken);
  --tblr-btn-active-color:var(--tblr-pinterest-fg);
  --tblr-btn-active-bg:var(--tblr-pinterest-darken);
  --tblr-btn-disabled-bg:var(--tblr-pinterest);
  --tblr-btn-disabled-color:var(--tblr-pinterest-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-pinterest {
  --tblr-btn-color:var(--tblr-pinterest);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-pinterest);
  --tblr-btn-hover-color:var(--tblr-pinterest-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-pinterest);
  --tblr-btn-active-color:var(--tblr-pinterest-fg);
  --tblr-btn-active-bg:var(--tblr-pinterest);
  --tblr-btn-disabled-color:var(--tblr-pinterest);
  --tblr-btn-disabled-border-color:var(--tblr-pinterest);
}

.btn-ghost-pinterest {
  --tblr-btn-color:var(--tblr-pinterest);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-pinterest-fg);
  --tblr-btn-hover-bg:var(--tblr-pinterest);
  --tblr-btn-hover-border-color:var(--tblr-pinterest);
  --tblr-btn-active-color:var(--tblr-pinterest-fg);
  --tblr-btn-active-bg:var(--tblr-pinterest);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-pinterest);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-vk {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-vk-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-vk);
  --tblr-btn-hover-color:var(--tblr-vk-fg);
  --tblr-btn-hover-bg:var(--tblr-vk-darken);
  --tblr-btn-active-color:var(--tblr-vk-fg);
  --tblr-btn-active-bg:var(--tblr-vk-darken);
  --tblr-btn-disabled-bg:var(--tblr-vk);
  --tblr-btn-disabled-color:var(--tblr-vk-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-vk {
  --tblr-btn-color:var(--tblr-vk);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-vk);
  --tblr-btn-hover-color:var(--tblr-vk-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-vk);
  --tblr-btn-active-color:var(--tblr-vk-fg);
  --tblr-btn-active-bg:var(--tblr-vk);
  --tblr-btn-disabled-color:var(--tblr-vk);
  --tblr-btn-disabled-border-color:var(--tblr-vk);
}

.btn-ghost-vk {
  --tblr-btn-color:var(--tblr-vk);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-vk-fg);
  --tblr-btn-hover-bg:var(--tblr-vk);
  --tblr-btn-hover-border-color:var(--tblr-vk);
  --tblr-btn-active-color:var(--tblr-vk-fg);
  --tblr-btn-active-bg:var(--tblr-vk);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-vk);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-rss {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-rss-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-rss);
  --tblr-btn-hover-color:var(--tblr-rss-fg);
  --tblr-btn-hover-bg:var(--tblr-rss-darken);
  --tblr-btn-active-color:var(--tblr-rss-fg);
  --tblr-btn-active-bg:var(--tblr-rss-darken);
  --tblr-btn-disabled-bg:var(--tblr-rss);
  --tblr-btn-disabled-color:var(--tblr-rss-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-rss {
  --tblr-btn-color:var(--tblr-rss);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-rss);
  --tblr-btn-hover-color:var(--tblr-rss-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-rss);
  --tblr-btn-active-color:var(--tblr-rss-fg);
  --tblr-btn-active-bg:var(--tblr-rss);
  --tblr-btn-disabled-color:var(--tblr-rss);
  --tblr-btn-disabled-border-color:var(--tblr-rss);
}

.btn-ghost-rss {
  --tblr-btn-color:var(--tblr-rss);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-rss-fg);
  --tblr-btn-hover-bg:var(--tblr-rss);
  --tblr-btn-hover-border-color:var(--tblr-rss);
  --tblr-btn-active-color:var(--tblr-rss-fg);
  --tblr-btn-active-bg:var(--tblr-rss);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-rss);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-flickr {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-flickr-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-flickr);
  --tblr-btn-hover-color:var(--tblr-flickr-fg);
  --tblr-btn-hover-bg:var(--tblr-flickr-darken);
  --tblr-btn-active-color:var(--tblr-flickr-fg);
  --tblr-btn-active-bg:var(--tblr-flickr-darken);
  --tblr-btn-disabled-bg:var(--tblr-flickr);
  --tblr-btn-disabled-color:var(--tblr-flickr-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-flickr {
  --tblr-btn-color:var(--tblr-flickr);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-flickr);
  --tblr-btn-hover-color:var(--tblr-flickr-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-flickr);
  --tblr-btn-active-color:var(--tblr-flickr-fg);
  --tblr-btn-active-bg:var(--tblr-flickr);
  --tblr-btn-disabled-color:var(--tblr-flickr);
  --tblr-btn-disabled-border-color:var(--tblr-flickr);
}

.btn-ghost-flickr {
  --tblr-btn-color:var(--tblr-flickr);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-flickr-fg);
  --tblr-btn-hover-bg:var(--tblr-flickr);
  --tblr-btn-hover-border-color:var(--tblr-flickr);
  --tblr-btn-active-color:var(--tblr-flickr-fg);
  --tblr-btn-active-bg:var(--tblr-flickr);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-flickr);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-bitbucket {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-bitbucket-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-bitbucket);
  --tblr-btn-hover-color:var(--tblr-bitbucket-fg);
  --tblr-btn-hover-bg:var(--tblr-bitbucket-darken);
  --tblr-btn-active-color:var(--tblr-bitbucket-fg);
  --tblr-btn-active-bg:var(--tblr-bitbucket-darken);
  --tblr-btn-disabled-bg:var(--tblr-bitbucket);
  --tblr-btn-disabled-color:var(--tblr-bitbucket-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-bitbucket {
  --tblr-btn-color:var(--tblr-bitbucket);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-bitbucket);
  --tblr-btn-hover-color:var(--tblr-bitbucket-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-bitbucket);
  --tblr-btn-active-color:var(--tblr-bitbucket-fg);
  --tblr-btn-active-bg:var(--tblr-bitbucket);
  --tblr-btn-disabled-color:var(--tblr-bitbucket);
  --tblr-btn-disabled-border-color:var(--tblr-bitbucket);
}

.btn-ghost-bitbucket {
  --tblr-btn-color:var(--tblr-bitbucket);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-bitbucket-fg);
  --tblr-btn-hover-bg:var(--tblr-bitbucket);
  --tblr-btn-hover-border-color:var(--tblr-bitbucket);
  --tblr-btn-active-color:var(--tblr-bitbucket-fg);
  --tblr-btn-active-bg:var(--tblr-bitbucket);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-bitbucket);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-tabler {
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-color:var(--tblr-tabler-fg, #ffffff);
  --tblr-btn-bg:var(--tblr-tabler);
  --tblr-btn-hover-color:var(--tblr-tabler-fg);
  --tblr-btn-hover-bg:var(--tblr-tabler-darken);
  --tblr-btn-active-color:var(--tblr-tabler-fg);
  --tblr-btn-active-bg:var(--tblr-tabler-darken);
  --tblr-btn-disabled-bg:var(--tblr-tabler);
  --tblr-btn-disabled-color:var(--tblr-tabler-fg);
  --tblr-btn-box-shadow:var(--tblr-shadow-input);
}

.btn-outline-tabler {
  --tblr-btn-color:var(--tblr-tabler);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:var(--tblr-tabler);
  --tblr-btn-hover-color:var(--tblr-tabler-fg);
  --tblr-btn-hover-border-color:transparent;
  --tblr-btn-hover-bg:var(--tblr-tabler);
  --tblr-btn-active-color:var(--tblr-tabler-fg);
  --tblr-btn-active-bg:var(--tblr-tabler);
  --tblr-btn-disabled-color:var(--tblr-tabler);
  --tblr-btn-disabled-border-color:var(--tblr-tabler);
}

.btn-ghost-tabler {
  --tblr-btn-color:var(--tblr-tabler);
  --tblr-btn-bg:transparent;
  --tblr-btn-border-color:transparent;
  --tblr-btn-hover-color:var(--tblr-tabler-fg);
  --tblr-btn-hover-bg:var(--tblr-tabler);
  --tblr-btn-hover-border-color:var(--tblr-tabler);
  --tblr-btn-active-color:var(--tblr-tabler-fg);
  --tblr-btn-active-bg:var(--tblr-tabler);
  --tblr-btn-active-border-color:transparent;
  --tblr-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --tblr-btn-disabled-color:var(--tblr-tabler);
  --tblr-btn-disabled-bg:transparent;
  --tblr-btn-disabled-border-color:transparent;
  --tblr-gradient:none;
  --tblr-btn-box-shadow:none;
}

.btn-group-sm > .btn, .btn-sm {
  --tblr-btn-line-height:1rem;
  --tblr-btn-icon-size:1rem;
}

.btn-group-lg > .btn, .btn-lg {
  --tblr-btn-line-height:2rem;
  --tblr-btn-icon-size:2rem;
}

.btn-pill {
  padding-right: 1.5em;
  padding-left: 1.5em;
  border-radius: 10rem;
}

.btn-pill[class*=btn-icon] {
  padding: 0.375rem 15px;
}

.btn-square {
  border-radius: 0;
}

.btn-icon {
  min-width: calc(var(--tblr-btn-line-height) * var(--tblr-btn-font-size) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
  min-height: calc(var(--tblr-btn-line-height) * var(--tblr-btn-font-size) + var(--tblr-btn-padding-y) * 2 + var(--tblr-btn-border-width) * 2);
  padding-left: 0;
  padding-right: 0;
}

.btn-icon .icon {
  margin: calc(-1 * var(--tblr-btn-padding-x));
}

.btn-list {
  --tblr-list-gap:0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tblr-list-gap);
}

.btn-floating {
  position: fixed;
  z-index: 1030;
  bottom: 1rem;
  left: 1rem;
  box-shadow: var(--tblr-shadow-dropdown);
}

.btn-loading {
  position: relative;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none;
}

.btn-loading > * {
  opacity: 0;
}

.btn-loading:after {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
  border: 2px var(--tblr-border-style) currentColor;
  border-right-color: transparent;
  border-radius: 100rem;
  color: var(--tblr-btn-color);
  position: absolute;
  width: var(--tblr-btn-icon-size);
  height: var(--tblr-btn-icon-size);
  left: calc(50% - var(--tblr-btn-icon-size) / 2);
  top: calc(50% - var(--tblr-btn-icon-size) / 2);
  animation: spinner-border 0.75s linear infinite;
}

.btn-action {
  --tblr-border-color:transparent;
  padding: 0;
  border: 0;
  color: var(--tblr-secondary);
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--tblr-border-radius);
  background: 0 0;
  box-shadow: none;
}

.btn-action:after {
  content: none;
}

.btn-action:focus {
  outline: 0;
  box-shadow: none;
}

.btn-action.show, .btn-action:hover {
  color: var(--tblr-body-color);
  background: var(--tblr-active-bg);
}

.btn-action.show {
  color: var(--tblr-primary);
}

.btn-actions {
  display: flex;
}

.btn-group, .btn-group-vertical {
  box-shadow: var(--tblr-shadow-input);
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group > .btn-check:checked + .btn, .btn-group > .btn.active, .btn-group > .btn:active {
  z-index: 5;
}

.btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
}

.calendar {
  display: block;
  font-size: 0.765625rem;
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}

.calendar-nav {
  display: flex;
  align-items: center;
}

.calendar-title {
  flex: 1;
  text-align: center;
}

.calendar-body, .calendar-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0.5rem 0;
}

.calendar-header {
  color: var(--tblr-secondary);
}

.calendar-date {
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
  padding: 0.2rem;
  text-align: center;
  border: 0;
}

.calendar-date.next-month, .calendar-date.prev-month {
  opacity: 0.25;
}

.calendar-date .date-item {
  position: relative;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1.4rem;
  color: #66758c;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: 0 0;
  border: var(--tblr-border-width) var(--tblr-border-style) transparent;
  border-radius: 100rem;
  outline: 0;
  transition: background 0.3s, border 0.3s, box-shadow 0.32s, color 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .calendar-date .date-item {
    transition: none;
  }
}
.calendar-date .date-item:hover {
  color: var(--tblr-primary);
  text-decoration: none;
  background: #fefeff;
  border-color: var(--tblr-border-color);
}

.calendar-date .date-today {
  color: var(--tblr-primary);
  border-color: var(--tblr-border-color);
}

.calendar-range {
  position: relative;
}

.calendar-range:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  height: 1.4rem;
  content: "";
  background: rgba(var(--tblr-primary-rgb), 0.1);
  transform: translateY(-50%);
}

.calendar-range.range-end .date-item, .calendar-range.range-start .date-item {
  color: #fff;
  background: var(--tblr-primary);
  border-color: var(--tblr-primary);
}

.calendar-range.range-start:before {
  left: 50%;
}

.calendar-range.range-end:before {
  right: 50%;
}

.carousel-indicators-vertical {
  left: auto;
  top: 0;
  margin: 0 1rem 0 0;
  flex-direction: column;
}

.carousel-indicators-vertical [data-bs-target] {
  margin: 3px 0 3px;
  width: 3px;
  height: 30px;
  border: 0;
  border-left: 10px var(--tblr-border-style) transparent;
  border-right: 10px var(--tblr-border-style) transparent;
}

.carousel-indicators-dot [data-bs-target] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100rem;
  border: 10px var(--tblr-border-style) transparent;
  margin: 0;
}

.carousel-indicators-thumb [data-bs-target] {
  width: 2rem;
  height: auto;
  background: no-repeat center/cover;
  border: 0;
  border-radius: var(--tblr-border-radius);
  box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
  margin: 0 3px;
  opacity: 0.75;
}

@media (min-width: 992px) {
  .carousel-indicators-thumb [data-bs-target] {
    width: 4rem;
  }
}
.carousel-indicators-thumb [data-bs-target]:before {
  content: "";
  padding-top: var(--tblr-aspect-ratio, 100%);
  display: block;
}

.carousel-indicators-thumb.carousel-indicators-vertical [data-bs-target] {
  margin: 3px 0;
}

.carousel-caption-background {
  background: red;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 90%;
  background: linear-gradient(0deg, rgba(31, 41, 55, 0.9), rgba(31, 41, 55, 0));
}

.card {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, box-shadow 0.3s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .card {
    transition: none;
  }
}
@media print {
  .card {
    border: none;
    box-shadow: none;
  }
}
a.card {
  color: inherit;
}

a.card:hover {
  text-decoration: none;
  box-shadow: rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
}

.card .card {
  box-shadow: none;
}

.card-borderless, .card-borderless .card-footer, .card-borderless .card-header {
  border-color: transparent;
}

.card-stamp {
  --tblr-stamp-size:7rem;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(var(--tblr-stamp-size) * 1);
  height: calc(var(--tblr-stamp-size) * 1);
  max-height: 100%;
  border-top-right-radius: 6px;
  opacity: 0.2;
  overflow: hidden;
  pointer-events: none;
}

.card-stamp-lg {
  --tblr-stamp-size:13rem;
}

.card-stamp-icon {
  background: var(--tblr-secondary);
  color: var(--tblr-card-bg, var(--tblr-bg-surface));
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  width: calc(var(--tblr-stamp-size) * 1);
  height: calc(var(--tblr-stamp-size) * 1);
  position: relative;
  top: calc(var(--tblr-stamp-size) * -0.25);
  right: calc(var(--tblr-stamp-size) * -0.25);
  font-size: calc(var(--tblr-stamp-size) * 0.75);
  transform: rotate(10deg);
}

.card-stamp-icon .icon {
  stroke-width: 2;
  width: calc(var(--tblr-stamp-size) * 0.75);
  height: calc(var(--tblr-stamp-size) * 0.75);
}

.card-img, .card-img-start {
  border-top-left-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
  border-bottom-left-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
}

.card-img, .card-img-end {
  border-top-right-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
  border-bottom-right-radius: calc(var(--tblr-border-radius-lg) - (var(--tblr-border-width)));
}

.card-img-overlay {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.card-img-overlay-dark {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%);
}

.card-inactive {
  pointer-events: none;
  box-shadow: none;
}

.card-inactive .card-body {
  opacity: 0.64;
}

.card-active {
  --tblr-card-border-color:var(--tblr-primary);
  --tblr-card-bg:var(--tblr-active-bg);
}

.card-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.25rem;
  text-align: center;
  transition: background 0.3s;
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  flex: 1;
  color: inherit;
  font-weight: var(--tblr-font-weight-medium);
}

@media (prefers-reduced-motion: reduce) {
  .card-btn {
    transition: none;
  }
}
.card-btn:hover {
  text-decoration: none;
  background: rgba(var(--tblr-primary-rgb), 0.04);
}

.card-btn + .card-btn {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.card-stacked {
  --tblr-card-stacked-offset:.25rem;
  position: relative;
}

.card-stacked:after {
  position: absolute;
  top: calc(-1 * var(--tblr-card-stacked-offset));
  right: var(--tblr-card-stacked-offset);
  left: var(--tblr-card-stacked-offset);
  height: var(--tblr-card-stacked-offset);
  content: "";
  background: var(--tblr-card-bg, var(--tblr-bg-surface));
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-card-border-color);
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}

.card-cover {
  position: relative;
  padding: 1rem 1.25rem;
  background: #666 no-repeat center/cover;
}

.card-cover:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(31, 41, 55, 0.48);
}

.card-cover:first-child, .card-cover:first-child:before {
  border-radius: 6px 6px 0 0;
}

.card-cover-blurred:before {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.card-actions {
  margin: -0.5rem -0.5rem -0.5rem auto;
  padding-left: 0.5rem;
}

.card-actions a {
  text-decoration: none;
}

.card-header {
  color: inherit;
  display: flex;
  align-items: center;
  background: 0 0;
}

.card-header:first-child {
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}

.card-header-light {
  border-bottom-color: transparent;
  background: var(--tblr-bg-surface-tertiary);
}

.card-header-tabs {
  background: var(--tblr-bg-surface-tertiary);
  flex: 1;
  margin: calc(var(--tblr-card-cap-padding-y) * -1) calc(var(--tblr-card-cap-padding-x) * -1) calc(var(--tblr-card-cap-padding-y) * -1);
  padding: calc(var(--tblr-card-cap-padding-y) * 0.5) calc(var(--tblr-card-cap-padding-x) * 0.5) 0;
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}

.card-header-pills {
  flex: 1;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.card-rotate-left {
  transform: rotate(-1.5deg);
}

.card-rotate-right {
  transform: rotate(1.5deg);
}

.card-link {
  color: inherit;
}

.card-link:hover {
  color: inherit;
  text-decoration: none;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08);
}

.card-link-rotate:hover {
  transform: rotate(1.5deg);
  opacity: 1;
}

.card-link-pop:hover {
  transform: translateY(-2px);
  opacity: 1;
}

.card-footer {
  margin-top: auto;
}

.card-footer:last-child {
  border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius);
}

.card-footer-transparent {
  background: 0 0;
  border-color: transparent;
  padding-top: 0;
}

.card-footer-borderless {
  border-top: none;
}

.card-progress {
  height: 0.25rem;
}

.card-progress:last-child {
  border-radius: 0 0 2px 2px;
}

.card-progress:first-child {
  border-radius: 2px 2px 0 0;
}

.card-meta {
  color: var(--tblr-secondary);
}

.card-title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: var(--tblr-font-weight-medium);
  color: inherit;
  line-height: 1.5rem;
}

a.card-title:hover {
  color: inherit;
}

.card-header .card-title {
  margin: 0;
}

.card-subtitle {
  margin-bottom: 1.25rem;
  color: var(--tblr-secondary);
  font-weight: 400;
}

.card-header .card-subtitle {
  margin: 0;
}

.card-title .card-subtitle {
  margin: 0 0 0 0.25rem;
  font-size: 0.875rem;
}

.card-body {
  position: relative;
}

.card-body > :last-child {
  margin-bottom: 0;
}

.card-sm > .card-body {
  padding: 1rem;
}

@media (min-width: 768px) {
  .card-md > .card-body {
    padding: 2.5rem;
  }
}
@media (min-width: 768px) {
  .card-lg > .card-body {
    padding: 2rem;
  }
}
@media (min-width: 992px) {
  .card-lg > .card-body {
    padding: 4rem;
  }
}
@media print {
  .card-body {
    padding: 0;
  }
}
.card-body + .card-body {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.card-body-scrollable {
  overflow: auto;
}

.card-options {
  top: 1.5rem;
  right: 0.75rem;
  display: flex;
  margin-left: auto;
}

.card-options-link {
  display: inline-block;
  min-width: 1rem;
  margin-left: 0.25rem;
  color: var(--tblr-secondary);
}

.card-status-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  border-radius: var(--tblr-card-border-radius) var(--tblr-card-border-radius) 0 0;
}

.card-status-start {
  position: absolute;
  right: auto;
  bottom: 0;
  width: 2px;
  height: 100%;
  border-radius: var(--tblr-card-border-radius) 0 0 var(--tblr-card-border-radius);
}

.card-status-bottom {
  position: absolute;
  top: initial;
  bottom: 0;
  width: 100%;
  height: 2px;
  border-radius: 0 0 var(--tblr-card-border-radius) var(--tblr-card-border-radius);
}

.card-table {
  margin-bottom: 0 !important;
}

.card-table tr td:first-child, .card-table tr th:first-child {
  padding-left: 1.25rem;
  border-left: 0;
}

.card-table tr td:last-child, .card-table tr th:last-child {
  padding-right: 1.25rem;
  border-right: 0;
}

.card-table tbody tr:first-child, .card-table tfoot tr:first-child, .card-table thead tr:first-child {
  border-top: 0;
}

.card-table tbody tr:first-child td, .card-table tbody tr:first-child th, .card-table tfoot tr:first-child td, .card-table tfoot tr:first-child th, .card-table thead tr:first-child td, .card-table thead tr:first-child th {
  border-top: 0;
}

.card-body + .card-table {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-table-border-color);
}

.card-code {
  padding: 0;
}

.card-code .highlight {
  margin: 0;
  border: 0;
}

.card-code pre {
  margin: 0 !important;
  border: 0 !important;
}

.card-chart {
  position: relative;
  z-index: 1;
  height: 3.5rem;
}

.card-avatar {
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 0 0.25rem var(--tblr-card-bg, var(--tblr-bg-surface));
  margin-top: calc(-1 * var(--tblr-avatar-size) * 0.5);
}

.card-body + .card-list-group {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.card-list-group .list-group-item {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.card-list-group .list-group-item:last-child {
  border-bottom: 0;
}

.card-list-group .list-group-item:first-child {
  border-top: 0;
}

.card-tabs .nav-tabs {
  position: relative;
  z-index: 1000;
  border-bottom: 0;
}

.card-tabs .nav-tabs .nav-link {
  background: var(--tblr-bg-surface-tertiary);
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}

.card-tabs .nav-tabs .nav-link.active, .card-tabs .nav-tabs .nav-link:active, .card-tabs .nav-tabs .nav-link:hover {
  border-color: var(--tblr-border-color-translucent);
  color: var(--tblr-body-color);
}

.card-tabs .nav-tabs .nav-link.active {
  color: inherit;
  background: var(--tblr-card-bg, var(--tblr-bg-surface));
  border-bottom-color: transparent;
}

.card-tabs .nav-tabs .nav-item:not(:first-child) .nav-link {
  border-top-left-radius: 0;
}

.card-tabs .nav-tabs .nav-item:not(:last-child) .nav-link {
  border-top-right-radius: 0;
}

.card-tabs .nav-tabs .nav-item + .nav-item {
  margin-left: calc(-1 * var(--tblr-border-width));
}

.card-tabs .nav-tabs-bottom {
  margin-bottom: 0;
}

.card-tabs .nav-tabs-bottom .nav-link {
  margin-bottom: 0;
}

.card-tabs .nav-tabs-bottom .nav-link.active {
  border-top-color: transparent;
}

.card-tabs .nav-tabs-bottom .nav-item {
  margin-top: calc(-1 * var(--tblr-border-width));
  margin-bottom: 0;
}

.card-tabs .nav-tabs-bottom .nav-item .nav-link {
  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  border-radius: 0 0 var(--tblr-border-radius-lg) var(--tblr-border-radius-lg);
}

.card-tabs .nav-tabs-bottom .nav-item:not(:first-child) .nav-link {
  border-bottom-left-radius: 0;
}

.card-tabs .nav-tabs-bottom .nav-item:not(:last-child) .nav-link {
  border-bottom-right-radius: 0;
}

.card-tabs .card {
  border-bottom-left-radius: 0;
}

.card-tabs .nav-tabs + .tab-content .card {
  border-bottom-left-radius: var(--tblr-card-border-radius);
  border-top-left-radius: 0;
}

.card-note {
  --tblr-card-bg:#fff7dd;
  --tblr-card-border-color:#fff1c9;
}

.btn-close {
  --tblr-btn-close-color:currentColor;
  --tblr-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f2937'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --tblr-btn-close-opacity:0.4;
  --tblr-btn-close-hover-opacity:0.75;
  --tblr-btn-close-focus-shadow:0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
  --tblr-btn-close-focus-opacity:1;
  --tblr-btn-close-disabled-opacity:0.25;
  --tblr-btn-close-size:1em;
  width: var(--tblr-btn-close-size);
  height: var(--tblr-btn-close-size);
  padding: 0.25em 0.25em;
  color: var(--tblr-btn-close-color);
  -webkit-mask: var(--tblr-btn-close-bg) no-repeat center/calc(var(--tblr-btn-close-size) * 0.75);
  mask: var(--tblr-btn-close-bg) no-repeat center/calc(var(--tblr-btn-close-size) * 0.75);
  background-color: var(--tblr-btn-close-color);
  border: 0;
  border-radius: var(--tblr-border-radius);
  opacity: var(--tblr-btn-close-opacity);
  cursor: pointer;
  display: block;
}

.btn-close:hover {
  color: var(--tblr-btn-close-color);
  text-decoration: none;
  opacity: var(--tblr-btn-close-hover-opacity);
}

.btn-close:focus {
  outline: 0;
  box-shadow: var(--tblr-btn-close-focus-shadow);
  opacity: var(--tblr-btn-close-focus-opacity);
}

.btn-close.disabled, .btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--tblr-btn-close-disabled-opacity);
}

.dropdown-menu {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-clip: border-box;
}

.dropdown-menu.card {
  padding: 0;
  min-width: 25rem;
  display: none;
}

.dropdown-menu.card.show {
  display: flex;
}

.dropdown-item {
  min-width: 11rem;
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 1.4285714286;
  gap: 0.5rem;
}

.dropdown-item-icon {
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin-right: 0.5rem;
  color: var(--tblr-secondary);
  opacity: 0.7;
  text-align: center;
}

.dropdown-item-indicator {
  margin-right: 0.5rem;
  margin-left: -0.25rem;
  height: 1.25rem;
  display: inline-flex;
  line-height: 1;
  vertical-align: bottom;
  align-items: center;
}

.dropdown-header {
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-secondary);
  padding-bottom: 0.25rem;
  pointer-events: none;
}

.dropdown-menu-scrollable {
  height: auto;
  max-height: 13rem;
  overflow-x: hidden;
}

.dropdown-menu-column {
  min-width: 11rem;
}

.dropdown-menu-column .dropdown-item {
  min-width: 0;
}

.dropdown-menu-columns {
  display: flex;
  flex: 0 0.25rem;
}

.dropdown-menu-arrow:before {
  content: "";
  position: absolute;
  top: -0.25rem;
  left: 0.75rem;
  display: block;
  background: inherit;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
  transform-origin: center;
  border: 1px solid;
  border-color: inherit;
  z-index: -1;
  clip: rect(0, 9px, 9px, 0);
}

.dropdown-menu-arrow.dropdown-menu-end:before {
  right: 0.75rem;
  left: auto;
}

.dropend > .dropdown-menu {
  margin-top: calc(-0.25rem - 1px);
  margin-left: -0.25rem;
}

.dropend .dropdown-toggle:after {
  margin-left: auto;
}

.dropdown-menu-card {
  padding: 0;
  min-width: 20rem;
}

.dropdown-menu-card > .card {
  margin: 0;
  border: 0;
  box-shadow: none;
}

.datagrid {
  --tblr-datagrid-padding:1.5rem;
  --tblr-datagrid-item-width:15rem;
  display: grid;
  grid-gap: var(--tblr-datagrid-padding);
  grid-template-columns: repeat(auto-fit, minmax(var(--tblr-datagrid-item-width), 1fr));
}

.datagrid-title {
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-secondary);
  margin-bottom: 0.25rem;
}

.empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1rem;
  text-align: center;
}

@media (min-width: 768px) {
  .empty {
    padding: 3rem;
  }
}
.empty-icon {
  margin: 0 0 1rem;
  width: 3rem;
  height: 3rem;
  line-height: 1;
  color: var(--tblr-secondary);
}

.empty-icon svg {
  width: 100%;
  height: 100%;
}

.empty-img {
  margin: 0 0 2rem;
  line-height: 1;
}

.empty-header {
  margin: 0 0 1rem;
  font-size: 4rem;
  font-weight: var(--tblr-font-weight-light);
  line-height: 1;
  color: var(--tblr-secondary);
}

.empty-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: var(--tblr-font-weight-bold);
}

.empty-subtitle, .empty-title {
  margin: 0 0 0.5rem;
}

.empty-action {
  margin-top: 1.5rem;
}

.empty-bordered {
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}

.row > * {
  min-width: 0;
}

.col-separator {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.container-slim {
  --tblr-gutter-x:calc(var(--tblr-page-padding) * 2);
  --tblr-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--tblr-gutter-x) * 0.5);
  padding-left: calc(var(--tblr-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
  max-width: 16rem;
}

.container-tight {
  --tblr-gutter-x:calc(var(--tblr-page-padding) * 2);
  --tblr-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--tblr-gutter-x) * 0.5);
  padding-left: calc(var(--tblr-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
  max-width: 30rem;
}

.container-narrow {
  --tblr-gutter-x:calc(var(--tblr-page-padding) * 2);
  --tblr-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--tblr-gutter-x) * 0.5);
  padding-left: calc(var(--tblr-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
  max-width: 61.875rem;
}

.row-0 {
  margin-right: 0;
  margin-left: 0;
}

.row-0 > .col, .row-0 > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.row-0 .card {
  margin-bottom: 0;
}

.row-sm {
  margin-right: -0.375rem;
  margin-left: -0.375rem;
}

.row-sm > .col, .row-sm > [class*=col-] {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.row-sm .card {
  margin-bottom: 0.75rem;
}

.row-md {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.row-md > .col, .row-md > [class*=col-] {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.row-md .card {
  margin-bottom: 3rem;
}

.row-lg {
  margin-right: -3rem;
  margin-left: -3rem;
}

.row-lg > .col, .row-lg > [class*=col-] {
  padding-right: 3rem;
  padding-left: 3rem;
}

.row-lg .card {
  margin-bottom: 6rem;
}

.row-deck > .col, .row-deck > [class*=col-] {
  display: flex;
  align-items: stretch;
}

.row-deck > .col .card, .row-deck > [class*=col-] .card {
  flex: 1 1 auto;
}

.row-cards {
  --tblr-gutter-x:var(--tblr-page-padding);
  --tblr-gutter-y:var(--tblr-page-padding);
  min-width: 0;
}

.row-cards .row-cards {
  flex: 1;
}

.space-y {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.space-x {
  display: flex;
  gap: 1rem;
}

.space-y-0 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.space-x-0 {
  display: flex;
  gap: 0;
}

.space-y-1 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.space-x-1 {
  display: flex;
  gap: 0.25rem;
}

.space-y-2 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.space-x-2 {
  display: flex;
  gap: 0.5rem;
}

.space-y-3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.space-x-3 {
  display: flex;
  gap: 1rem;
}

.space-y-4 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.space-x-4 {
  display: flex;
  gap: 1.5rem;
}

.space-y-5 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.space-x-5 {
  display: flex;
  gap: 2rem;
}

.space-y-6 {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.space-x-6 {
  display: flex;
  gap: 2.5rem;
}

.divide-y > :not(template) ~ :not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-y > :not(template):not(:first-child) {
  padding-top: 1rem !important;
}

.divide-y > :not(template):not(:last-child) {
  padding-bottom: 1rem !important;
}

.divide-x > :not(template) ~ :not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-x > :not(template):not(:first-child) {
  padding-left: 1rem !important;
}

.divide-x > :not(template):not(:last-child) {
  padding-right: 1rem !important;
}

.divide-y-0 > :not(template) ~ :not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-y-0 > :not(template):not(:first-child) {
  padding-top: 0 !important;
}

.divide-y-0 > :not(template):not(:last-child) {
  padding-bottom: 0 !important;
}

.divide-x-0 > :not(template) ~ :not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-x-0 > :not(template):not(:first-child) {
  padding-left: 0 !important;
}

.divide-x-0 > :not(template):not(:last-child) {
  padding-right: 0 !important;
}

.divide-y-1 > :not(template) ~ :not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-y-1 > :not(template):not(:first-child) {
  padding-top: 0.25rem !important;
}

.divide-y-1 > :not(template):not(:last-child) {
  padding-bottom: 0.25rem !important;
}

.divide-x-1 > :not(template) ~ :not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-x-1 > :not(template):not(:first-child) {
  padding-left: 0.25rem !important;
}

.divide-x-1 > :not(template):not(:last-child) {
  padding-right: 0.25rem !important;
}

.divide-y-2 > :not(template) ~ :not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-y-2 > :not(template):not(:first-child) {
  padding-top: 0.5rem !important;
}

.divide-y-2 > :not(template):not(:last-child) {
  padding-bottom: 0.5rem !important;
}

.divide-x-2 > :not(template) ~ :not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-x-2 > :not(template):not(:first-child) {
  padding-left: 0.5rem !important;
}

.divide-x-2 > :not(template):not(:last-child) {
  padding-right: 0.5rem !important;
}

.divide-y-3 > :not(template) ~ :not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-y-3 > :not(template):not(:first-child) {
  padding-top: 1rem !important;
}

.divide-y-3 > :not(template):not(:last-child) {
  padding-bottom: 1rem !important;
}

.divide-x-3 > :not(template) ~ :not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-x-3 > :not(template):not(:first-child) {
  padding-left: 1rem !important;
}

.divide-x-3 > :not(template):not(:last-child) {
  padding-right: 1rem !important;
}

.divide-y-4 > :not(template) ~ :not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-y-4 > :not(template):not(:first-child) {
  padding-top: 1.5rem !important;
}

.divide-y-4 > :not(template):not(:last-child) {
  padding-bottom: 1.5rem !important;
}

.divide-x-4 > :not(template) ~ :not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-x-4 > :not(template):not(:first-child) {
  padding-left: 1.5rem !important;
}

.divide-x-4 > :not(template):not(:last-child) {
  padding-right: 1.5rem !important;
}

.divide-y-5 > :not(template) ~ :not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-y-5 > :not(template):not(:first-child) {
  padding-top: 2rem !important;
}

.divide-y-5 > :not(template):not(:last-child) {
  padding-bottom: 2rem !important;
}

.divide-x-5 > :not(template) ~ :not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-x-5 > :not(template):not(:first-child) {
  padding-left: 2rem !important;
}

.divide-x-5 > :not(template):not(:last-child) {
  padding-right: 2rem !important;
}

.divide-y-6 > :not(template) ~ :not(template) {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-y-6 > :not(template):not(:first-child) {
  padding-top: 2.5rem !important;
}

.divide-y-6 > :not(template):not(:last-child) {
  padding-bottom: 2.5rem !important;
}

.divide-x-6 > :not(template) ~ :not(template) {
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent) !important;
}

.divide-x-6 > :not(template):not(:first-child) {
  padding-left: 2.5rem !important;
}

.divide-x-6 > :not(template):not(:last-child) {
  padding-right: 2.5rem !important;
}

.divide-y-fill {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.divide-y-fill > :not(template) {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.icon {
  --tblr-icon-size:1.25rem;
  width: var(--tblr-icon-size);
  height: var(--tblr-icon-size);
  font-size: var(--tblr-icon-size);
  vertical-align: bottom;
  stroke-width: 1.5;
}

.icon:hover {
  text-decoration: none;
}

.icon-inline {
  --tblr-icon-size:1rem;
  vertical-align: -0.2rem;
}

.icon-filled {
  fill: currentColor;
}

.icon-sm {
  --tblr-icon-size:1rem;
  stroke-width: 1;
}

.icon-md {
  --tblr-icon-size:2.5rem;
  stroke-width: 1;
}

.icon-lg {
  --tblr-icon-size:3.5rem;
  stroke-width: 1;
}

.icon-pulse {
  transition: all 0.15s ease 0s;
  animation: pulse 2s ease infinite;
  animation-fill-mode: both;
}

.icon-tada {
  transition: all 0.15s ease 0s;
  animation: tada 3s ease infinite;
  animation-fill-mode: both;
}

.icon-rotate {
  transition: all 0.15s ease 0s;
  animation: rotate-360 3s linear infinite;
  animation-fill-mode: both;
}

.img-responsive {
  --tblr-img-responsive-ratio:75%;
  background: no-repeat center/cover;
  padding-top: var(--tblr-img-responsive-ratio);
}

.img-responsive-grid {
  padding-top: calc(var(--tblr-img-responsive-ratio) - var(--tblr-gutter-y) / 2);
}

.img-responsive-1x1 {
  --tblr-img-responsive-ratio:100%;
}

.img-responsive-2x1 {
  --tblr-img-responsive-ratio:50%;
}

.img-responsive-1x2 {
  --tblr-img-responsive-ratio:200%;
}

.img-responsive-3x1 {
  --tblr-img-responsive-ratio:33.3333333333%;
}

.img-responsive-1x3 {
  --tblr-img-responsive-ratio:300%;
}

.img-responsive-4x1 {
  --tblr-img-responsive-ratio:25%;
}

.img-responsive-1x4 {
  --tblr-img-responsive-ratio:400%;
}

.img-responsive-4x3 {
  --tblr-img-responsive-ratio:75%;
}

.img-responsive-3x4 {
  --tblr-img-responsive-ratio:133.3333333333%;
}

.img-responsive-16x9 {
  --tblr-img-responsive-ratio:56.25%;
}

.img-responsive-9x16 {
  --tblr-img-responsive-ratio:177.7777777778%;
}

.img-responsive-21x9 {
  --tblr-img-responsive-ratio:42.8571428571%;
}

.img-responsive-9x21 {
  --tblr-img-responsive-ratio:233.3333333333%;
}

.img-bg {
  background: no-repeat center/cover;
}

textarea[cols] {
  height: auto;
}

.col-form-label, .form-label {
  display: block;
  font-weight: var(--tblr-font-weight-medium);
}

.col-form-label.required:after, .form-label.required:after {
  content: "*";
  margin-left: 0.25rem;
  color: #d63939;
}

.form-label-description {
  float: right;
  font-weight: var(--tblr-font-weight-normal);
  color: var(--tblr-secondary);
}

.form-hint {
  display: block;
  color: var(--tblr-secondary);
}

.form-hint:last-child {
  margin-bottom: 0;
}

.form-hint + .form-control {
  margin-top: 0.25rem;
}

.form-label + .form-hint {
  margin-top: -0.25rem;
}

.form-control + .form-hint, .form-select + .form-hint, .input-group + .form-hint {
  margin-top: 0.5rem;
  color: var(--tblr-secondary);
}

.form-select:-moz-focusring {
  color: var(--tblr-body-color);
}

.form-control:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--tblr-bg-surface-secondary) inset;
  color: var(--tblr-body-color);
  -webkit-text-fill-color: var(--tblr-body-color);
}

.form-control.disabled, .form-control:disabled {
  color: var(--tblr-secondary);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.form-control[size] {
  width: auto;
}

.form-control-light {
  background-color: var(--tblr-gray-100);
  border-color: transparent;
}

.form-control-dark {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  border-color: transparent;
}

.form-control-dark:focus {
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: none;
  border-color: rgba(255, 255, 255, 0.24);
}

.form-control-dark::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.form-control-dark::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.form-control-rounded {
  border-radius: 10rem;
}

.form-control-flush {
  padding: 0;
  background: 0 0 !important;
  border-color: transparent !important;
  resize: none;
  box-shadow: none !important;
  line-height: inherit;
}

.form-footer {
  margin-top: 2rem;
}

.form-fieldset {
  padding: 1rem;
  margin-bottom: 1rem;
  background: var(--tblr-bg-surface-secondary);
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}

fieldset:empty {
  display: none;
}

.form-help {
  display: inline-flex;
  font-weight: var(--tblr-font-weight-bold);
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 0.75rem;
  color: var(--tblr-secondary);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: var(--tblr-gray-100);
  border-radius: 100rem;
  transition: background-color 0.3s, color 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .form-help {
    transition: none;
  }
}
.form-help:hover, .form-help[aria-describedby] {
  color: #fff;
  background: var(--tblr-primary);
}

.input-group {
  box-shadow: var(--tblr-shadow-input);
  border-radius: var(--tblr-border-radius);
}

.input-group .btn, .input-group .form-control {
  box-shadow: none;
}

.input-group-link {
  font-size: 0.75rem;
}

.input-group-flat:focus-within {
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
  border-radius: var(--tblr-border-radius);
}

.input-group-flat:focus-within .form-control, .input-group-flat:focus-within .input-group-text {
  border-color: #83b7e8 !important;
}

.input-group-flat .form-control:focus {
  border-color: var(--tblr-border-color);
  box-shadow: none;
}

.input-group-flat .form-control:not(:last-child) {
  border-right: 0;
}

.input-group-flat .form-control:not(:first-child) {
  border-left: 0;
}

.input-group-flat .input-group-text {
  background: var(--tblr-bg-forms);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .input-group-flat .input-group-text {
    transition: none;
  }
}
.input-group-flat .input-group-text:first-child {
  padding-right: 0;
}

.input-group-flat .input-group-text:last-child {
  padding-left: 0;
}

.form-file-button {
  margin-left: 0;
  border-left: 0;
}

label[for=floating-input] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 575.98px) {
  .form-control, .form-select {
    font-size: 1rem;
  }
}
.input-icon {
  position: relative;
}

.input-icon .form-control:not(:last-child), .input-icon .form-select:not(:last-child) {
  padding-right: 2.5rem;
}

.input-icon .form-control:not(:first-child), .input-icon .form-select:not(:last-child) {
  padding-left: 2.5rem;
}

.input-icon-addon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  color: var(--tblr-icon-color);
  pointer-events: none;
  font-size: 1.2em;
}

.input-icon-addon:last-child {
  right: 0;
  left: auto;
}

.form-colorinput {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 1;
  cursor: pointer;
}

.form-colorinput-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.form-colorinput-color {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  border-radius: var(--tblr-border-radius);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.form-colorinput-color:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: no-repeat center center/1.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
  opacity: 0;
  transition: opacity 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .form-colorinput-color:before {
    transition: none;
  }
}
.form-colorinput-input:checked ~ .form-colorinput-color:before {
  opacity: 1;
}

.form-colorinput-input:focus ~ .form-colorinput-color {
  border-color: var(--tblr-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.form-colorinput-light .form-colorinput-color:before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%231f2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}

.form-imagecheck {
  --tblr-form-imagecheck-radius:var(--tblr-border-radius);
  position: relative;
  margin: 0;
  cursor: pointer;
}

.form-imagecheck-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.form-imagecheck-figure {
  position: relative;
  display: block;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  border-radius: var(--tblr-form-imagecheck-radius);
}

.form-imagecheck-input:focus ~ .form-imagecheck-figure {
  border-color: var(--tblr-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.form-imagecheck-input:checked ~ .form-imagecheck-figure {
  border-color: var(--tblr-primary);
}

.form-imagecheck-figure:before {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  z-index: 1;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  color: #fff;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: var(--tblr-bg-forms);
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  transition: opacity 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .form-imagecheck-figure:before {
    transition: none;
  }
}
.form-imagecheck-input:checked ~ .form-imagecheck-figure:before {
  background-color: var(--tblr-primary);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
  background-repeat: repeat;
  background-position: center;
  background-size: 1.25rem;
  border-color: var(--tblr-border-color-translucent);
}

.form-imagecheck-input[type=radio] ~ .form-imagecheck-figure:before {
  border-radius: 50%;
}

.form-imagecheck-input[type=radio]:checked ~ .form-imagecheck-figure:before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
}

.form-imagecheck-image {
  max-width: 100%;
  display: block;
  opacity: 0.64;
  transition: opacity 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .form-imagecheck-image {
    transition: none;
  }
}
.form-imagecheck-image:first-child {
  border-top-left-radius: calc(var(--tblr-form-imagecheck-radius) - 1px);
  border-top-right-radius: calc(var(--tblr-form-imagecheck-radius) - 1px);
}

.form-imagecheck-image:last-child {
  border-bottom-right-radius: calc(var(--tblr-form-imagecheck-radius) - 1px);
  border-bottom-left-radius: calc(var(--tblr-form-imagecheck-radius) - 1px);
}

.form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-image, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-image, .form-imagecheck:hover .form-imagecheck-image {
  opacity: 1;
}

.form-imagecheck-caption {
  padding: 0.25rem;
  font-size: 0.765625rem;
  color: var(--tblr-secondary);
  text-align: center;
  transition: color 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .form-imagecheck-caption {
    transition: none;
  }
}
.form-imagecheck-input:checked ~ .form-imagecheck-figure .form-imagecheck-caption, .form-imagecheck-input:focus ~ .form-imagecheck-figure .form-imagecheck-caption, .form-imagecheck:hover .form-imagecheck-caption {
  color: var(--tblr-body-color);
}

.form-selectgroup {
  display: inline-flex;
  margin: 0 -0.5rem -0.5rem 0;
  flex-wrap: wrap;
}

.form-selectgroup .form-selectgroup-item {
  margin: 0 0.5rem 0.5rem 0;
}

.form-selectgroup-vertical {
  flex-direction: column;
}

.form-selectgroup-item {
  display: block;
  position: relative;
}

.form-selectgroup-input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}

.form-selectgroup-label {
  position: relative;
  display: block;
  min-width: calc(1.4285714286em + 0.875rem + var(--tblr-border-width) * 2);
  margin: 0;
  padding: 0.4375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: var(--tblr-secondary);
  background: var(--tblr-bg-forms);
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-shadow-input);
  transition: border-color 0.3s, background 0.3s, color 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .form-selectgroup-label {
    transition: none;
  }
}
.form-selectgroup-label .icon:only-child {
  margin: 0 -0.25rem;
}

.form-selectgroup-label:hover {
  color: var(--tblr-body-color);
}

.form-selectgroup-check {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  vertical-align: middle;
  box-shadow: var(--tblr-shadow-input);
}

.form-selectgroup-input[type=checkbox] + .form-selectgroup-label .form-selectgroup-check {
  border-radius: var(--tblr-border-radius);
}

.form-selectgroup-input[type=radio] + .form-selectgroup-label .form-selectgroup-check {
  border-radius: 50%;
}

.form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-check {
  background-color: var(--tblr-primary);
  background-repeat: repeat;
  background-position: center;
  background-size: 1.25rem;
  border-color: var(--tblr-border-color-translucent);
}

.form-selectgroup-input[type=checkbox]:checked + .form-selectgroup-label .form-selectgroup-check {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
}

.form-selectgroup-input[type=radio]:checked + .form-selectgroup-label .form-selectgroup-check {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e");
}

.form-selectgroup-check-floated {
  position: absolute;
  top: 0.4375rem;
  right: 0.4375rem;
}

.form-selectgroup-input:checked + .form-selectgroup-label {
  z-index: 1;
  color: var(--tblr-primary);
  background: rgba(var(--tblr-primary-rgb), 0.04);
  border-color: var(--tblr-primary);
}

.form-selectgroup-input:focus + .form-selectgroup-label {
  z-index: 2;
  color: var(--tblr-primary);
  border-color: var(--tblr-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}

.form-selectgroup-boxes .form-selectgroup-label {
  text-align: left;
  padding: 1.25rem 1rem;
  color: inherit;
}

.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label {
  color: inherit;
}

.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-title {
  color: var(--tblr-primary);
}

.form-selectgroup-boxes .form-selectgroup-input:checked + .form-selectgroup-label .form-selectgroup-label-content {
  opacity: 1;
}

.form-selectgroup-pills {
  flex-wrap: wrap;
  align-items: flex-start;
}

.form-selectgroup-pills .form-selectgroup-item {
  flex-grow: 0;
}

.form-selectgroup-pills .form-selectgroup-label {
  border-radius: 50px;
}

.form-control-color::-webkit-color-swatch {
  border: none;
}

[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.form-control::file-selector-button {
  background-color: var(--tblr-btn-color, var(--tblr-tertiary-bg));
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--tblr-btn-color, var(--tblr-secondary-bg));
}

.form-check {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.form-check.form-check-highlight .form-check-input:not(:checked) ~ .form-check-label {
  color: var(--tblr-secondary);
}

.form-check .form-check-label-off {
  color: var(--tblr-secondary);
}

.form-check .form-check-input:checked ~ .form-check-label-off {
  display: none;
}

.form-check .form-check-input:not(:checked) ~ .form-check-label-on {
  display: none;
}

.form-check-input {
  background-size: 1.25rem;
  margin-top: 0;
  box-shadow: var(--tblr-shadow-input);
}

.form-switch .form-check-input {
  transition: background-color 0.3s, background-position 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-check-label {
  display: block;
}

.form-check-label.required:after {
  content: "*";
  margin-left: 0.25rem;
  color: #d63939;
}

.form-check-description {
  display: block;
  color: var(--tblr-secondary);
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.form-check-single {
  margin: 0;
}

.form-check-single .form-check-input {
  margin: 0;
}

.form-switch .form-check-input {
  height: 1.25rem;
  margin-top: 0;
}

.form-switch-lg {
  padding-left: 3.5rem;
  min-height: 1.5rem;
}

.form-switch-lg .form-check-input {
  height: 1.5rem;
  width: 2.75rem;
  background-size: 1.5rem;
  margin-left: -3.5rem;
}

.form-switch-lg .form-check-label {
  padding-top: 0.125rem;
}

.form-check-input:checked {
  border: none;
}

.form-control.is-invalid-lite, .form-control.is-valid-lite, .form-select.is-invalid-lite, .form-select.is-valid-lite {
  border-color: var(--tblr-border-color) !important;
}

.legend {
  --tblr-legend-size:0.75em;
  display: inline-block;
  background: var(--tblr-border-color);
  width: var(--tblr-legend-size);
  height: var(--tblr-legend-size);
  border-radius: var(--tblr-border-radius-sm);
  border: 1px solid var(--tblr-border-color-translucent);
}

.list-group {
  margin-left: 0;
  margin-right: 0;
}

.list-group-header {
  background: var(--tblr-bg-surface-tertiary);
  padding: 0.5rem 1.25rem;
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1;
  text-transform: uppercase;
  color: var(--tblr-gray-500);
  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.list-group-flush > .list-group-header:last-child {
  border-bottom-width: 0;
}

.list-group-item {
  background-color: inherit;
}

.list-group-item.active {
  background-color: rgba(var(--tblr-secondary-rgb), 0.08);
  border-left-color: #066fd1;
  border-left-width: 2px;
}

.list-group-item:active, .list-group-item:focus, .list-group-item:hover {
  background-color: rgba(var(--tblr-secondary-rgb), 0.08);
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6b7280;
  background-color: rgba(var(--tblr-secondary-rgb), 0.08);
}

.list-bordered .list-item {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  margin-top: -1px;
}

.list-bordered .list-item:first-child {
  border-top: none;
}

.list-group-hoverable .list-group-item-actions {
  opacity: 0;
  transition: opacity 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .list-group-hoverable .list-group-item-actions {
    transition: none;
  }
}
.list-group-hoverable .list-group-item-actions.show, .list-group-hoverable .list-group-item:hover .list-group-item-actions {
  opacity: 1;
}

.list-group-transparent {
  --tblr-list-group-border-radius:0;
  margin: 0 -1.25rem;
}

.list-group-transparent .list-group-item {
  background: 0 0;
  border: 0;
}

.list-group-transparent .list-group-item .icon {
  color: var(--tblr-secondary);
}

.list-group-transparent .list-group-item.active {
  font-weight: var(--tblr-font-weight-bold);
  color: inherit;
  background: var(--tblr-active-bg);
}

.list-group-transparent .list-group-item.active .icon {
  color: inherit;
}

.list-separated {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.list-inline {
  margin: 0;
}

.list-inline-item:not(:last-child) {
  margin-right: auto;
  margin-inline-end: 0.5rem;
}

.list-inline-dots .list-inline-item + .list-inline-item:before {
  content: " · ";
  margin-inline-end: 0.5rem;
}

.loader {
  position: relative;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  color: #066fd1;
  vertical-align: middle;
}

.loader:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px var(--tblr-border-style);
  border-color: transparent;
  border-top-color: currentColor;
  border-left-color: currentColor;
  border-radius: 100rem;
  animation: rotate-360 0.6s linear;
  animation-iteration-count: infinite;
}

.dimmer {
  position: relative;
}

.dimmer .loader {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: none;
  margin: 0 auto;
  transform: translateY(-50%);
}

.dimmer.active .loader {
  display: block;
}

.dimmer.active .dimmer-content {
  pointer-events: none;
  opacity: 0.1;
}

@keyframes animated-dots {
  0% {
    transform: translateX(-100%);
  }
}
.animated-dots {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}

.animated-dots:after {
  display: inline-block;
  content: "...";
  animation: animated-dots 1.2s steps(4, jump-none) infinite;
}

.modal-content > .btn-close, .modal-header > .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0;
  padding: 0;
  z-index: 10;
}

.modal-body {
  scrollbar-color: color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent) transparent;
}

.modal-body::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .modal-body::-webkit-scrollbar {
    -webkit-transition: none;
    transition: none;
  }
}
.modal-body::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  border: 5px solid transparent;
  box-shadow: inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent);
}

.modal-body::-webkit-scrollbar-track {
  background: 0 0;
}

.modal-body:hover::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 40%, transparent);
}

.modal-body::-webkit-scrollbar-corner {
  background: 0 0;
}

.modal-body .modal-title {
  margin-bottom: 1rem;
}

.modal-body + .modal-body {
  border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.modal-status {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--tblr-secondary);
  border-radius: var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0;
}

.modal-header {
  align-items: center;
  min-height: 3.5rem;
  background: 0 0;
  padding: 0 3.5rem 0 1.5rem;
}

.modal-title {
  font-size: 1rem;
  font-weight: var(--tblr-font-weight-bold);
  color: inherit;
  line-height: 1.4285714286;
}

.modal-footer {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.modal-blur {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.modal-full-width {
  max-width: none;
  margin: 0 0.5rem;
}

.nav {
  --tblr-nav-link-hover-bg:color-mix(in srgb, var(--tblr-nav-link-color) 4%, transparent);
}

.nav-vertical, .nav-vertical .nav {
  flex-direction: column;
  flex-wrap: nowrap;
}

.nav-vertical .nav {
  margin-left: 1.25rem;
  border-left: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  padding-left: 0.5rem;
}

.nav-vertical .nav-item.show .nav-link, .nav-vertical .nav-link.active {
  font-weight: var(--tblr-font-weight-bold);
  color: var(--tblr-nav-link-active-color);
}

.nav-vertical.nav-pills {
  margin: 0 -0.75rem;
}

.nav-bordered {
  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.nav-bordered .nav-item + .nav-item {
  margin-left: 1.25rem;
}

.nav-bordered .nav-link {
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 calc(-1 * var(--tblr-border-width));
  border: 0;
  border-bottom: 2px var(--tblr-border-style) transparent;
}

.nav-bordered .nav-link:hover {
  background-color: transparent;
}

.nav-bordered .nav-item.show .nav-link, .nav-bordered .nav-link.active {
  color: var(--tblr-primary);
  border-color: var(--tblr-primary);
}

.nav-underline .nav-link {
  border-radius: 0;
}

.nav-link {
  display: flex;
  transition: color 0.3s, background-color 0.3s;
  align-items: center;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus, .nav-link:hover {
  background-color: var(--tblr-nav-link-hover-bg);
}

.nav-link-toggle {
  margin-left: auto;
  padding: 0 0.25rem;
  transition: transform 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link-toggle {
    transition: none;
  }
}
.nav-link-toggle:after {
  content: "";
  display: inline-block;
  vertical-align: 0.306em;
  width: 0.36em;
  height: 0.36em;
  border-bottom: 1px var(--tblr-border-style);
  border-left: 1px var(--tblr-border-style);
  margin-right: 0.1em;
  margin-left: 0.4em;
  transform: rotate(-45deg);
}

.nav-link-toggle:after {
  margin: 0;
}

.nav-link[aria-expanded=true] .nav-link-toggle {
  transform: rotate(180deg);
}

.nav-link-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  color: inherit;
}

.nav-link-icon svg {
  display: block;
  height: 100%;
}

.nav-fill .nav-item .nav-link {
  justify-content: center;
}

.stars {
  display: inline-flex;
  color: #9ca3af;
  font-size: 0.75rem;
}

.stars .star:not(:first-child) {
  margin-left: 0.25rem;
}

.pagination {
  margin: 0;
  --tblr-pagination-gap:.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  gap: var(--tblr-pagination-gap);
  line-height: var(--tblr-body-line-height);
}

.page-link {
  min-width: 2rem;
  border-radius: var(--tblr-pagination-border-radius);
}

.page-link:hover {
  background: var(--tblr-pagination-hover-bg);
}

.page-text {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.page-item {
  text-align: center;
}

.page-item.page-next, .page-item.page-prev {
  flex: 0 0 50%;
  text-align: left;
}

.page-item.page-next {
  margin-left: auto;
  text-align: right;
}

.page-item-subtitle {
  margin-bottom: 2px;
  font-size: 12px;
  color: var(--tblr-secondary);
  text-transform: uppercase;
}

.page-item.disabled .page-item-subtitle {
  color: var(--tblr-disabled-color);
}

.page-item-title {
  font-size: 1rem;
  font-weight: var(--tblr-font-weight-normal);
  color: var(--tblr-body-color);
}

.page-link:hover .page-item-title {
  color: #066fd1;
}

.page-item.disabled .page-item-title {
  color: var(--tblr-disabled-color);
}

.pagination-outline {
  --tblr-pagination-border-color:var(--tblr-border-color);
  --tblr-pagination-disabled-border-color:var(--tblr-border-color);
  --tblr-pagination-border-width:1px;
}

.pagination-circle {
  --tblr-pagination-border-radius:var(--tblr-border-radius-pill);
}

@keyframes progress-indeterminate {
  0% {
    right: 100%;
    left: -35%;
  }
  100%, 60% {
    right: -90%;
    left: 100%;
  }
}
.progress {
  position: relative;
  width: 100%;
  line-height: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.progress::-webkit-progress-bar {
  background: var(--tblr-progress-bg);
}

.progress::-webkit-progress-value {
  background-color: var(--tblr-primary);
}

.progress::-moz-progress-bar {
  background-color: var(--tblr-primary);
}

.progress::-ms-fill {
  background-color: var(--tblr-primary);
  border: none;
}

.progress-sm {
  height: 0.25rem;
}

.progress-bar {
  height: 100%;
}

.progress-bar-indeterminate:after, .progress-bar-indeterminate:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: inherit;
  will-change: left, right;
}

.progress-bar-indeterminate:before {
  animation: progress-indeterminate 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress-separated .progress-bar {
  box-shadow: 0 0 0 2px var(--tblr-card-bg, var(--tblr-bg-surface));
}

.progressbg {
  position: relative;
  padding: 0.25rem 0.5rem;
  display: flex;
}

.progressbg-text {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.progressbg-progress {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  background: 0 0;
  pointer-events: none;
}

.progressbg-value {
  font-weight: var(--tblr-font-weight-medium);
  margin-left: auto;
  padding-left: 2rem;
}

.ribbon {
  --tblr-ribbon-margin:0.25rem;
  --tblr-ribbon-border-radius:var(--tblr-border-radius);
  position: absolute;
  top: 0.75rem;
  right: calc(-1 * var(--tblr-ribbon-margin));
  z-index: 1;
  padding: 0.25rem 0.75rem;
  font-size: 0.625rem;
  font-weight: var(--tblr-font-weight-bold);
  line-height: 1;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: var(--tblr-primary);
  border-color: var(--tblr-primary);
  border-radius: var(--tblr-ribbon-border-radius) 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  min-width: 2rem;
}

.ribbon:before {
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 0;
  height: 0;
  content: "";
  filter: brightness(70%);
  border: calc(var(--tblr-ribbon-margin) * 0.5) var(--tblr-border-style);
  border-color: inherit;
  border-top-color: transparent;
  border-right-color: transparent;
}

.ribbon.bg-blue {
  border-color: var(--tblr-blue);
}

.ribbon.bg-blue-lt {
  border-color: rgba(var(--tblr-blue-rgb), 0.1) !important;
}

.ribbon.bg-azure {
  border-color: var(--tblr-azure);
}

.ribbon.bg-azure-lt {
  border-color: rgba(var(--tblr-azure-rgb), 0.1) !important;
}

.ribbon.bg-indigo {
  border-color: var(--tblr-indigo);
}

.ribbon.bg-indigo-lt {
  border-color: rgba(var(--tblr-indigo-rgb), 0.1) !important;
}

.ribbon.bg-purple {
  border-color: var(--tblr-purple);
}

.ribbon.bg-purple-lt {
  border-color: rgba(var(--tblr-purple-rgb), 0.1) !important;
}

.ribbon.bg-pink {
  border-color: var(--tblr-pink);
}

.ribbon.bg-pink-lt {
  border-color: rgba(var(--tblr-pink-rgb), 0.1) !important;
}

.ribbon.bg-red {
  border-color: var(--tblr-red);
}

.ribbon.bg-red-lt {
  border-color: rgba(var(--tblr-red-rgb), 0.1) !important;
}

.ribbon.bg-orange {
  border-color: var(--tblr-orange);
}

.ribbon.bg-orange-lt {
  border-color: rgba(var(--tblr-orange-rgb), 0.1) !important;
}

.ribbon.bg-yellow {
  border-color: var(--tblr-yellow);
}

.ribbon.bg-yellow-lt {
  border-color: rgba(var(--tblr-yellow-rgb), 0.1) !important;
}

.ribbon.bg-lime {
  border-color: var(--tblr-lime);
}

.ribbon.bg-lime-lt {
  border-color: rgba(var(--tblr-lime-rgb), 0.1) !important;
}

.ribbon.bg-green {
  border-color: var(--tblr-green);
}

.ribbon.bg-green-lt {
  border-color: rgba(var(--tblr-green-rgb), 0.1) !important;
}

.ribbon.bg-teal {
  border-color: var(--tblr-teal);
}

.ribbon.bg-teal-lt {
  border-color: rgba(var(--tblr-teal-rgb), 0.1) !important;
}

.ribbon.bg-cyan {
  border-color: var(--tblr-cyan);
}

.ribbon.bg-cyan-lt {
  border-color: rgba(var(--tblr-cyan-rgb), 0.1) !important;
}

.ribbon .icon {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}

.ribbon-top {
  top: calc(-1 * var(--tblr-ribbon-margin));
  right: 0.75rem;
  width: 2rem;
  padding: 0.5rem 0;
  border-radius: 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius);
}

.ribbon-top:before {
  top: 0;
  right: 100%;
  bottom: auto;
  border-color: inherit;
  border-top-color: transparent;
  border-left-color: transparent;
}

.ribbon-top.ribbon-start {
  right: auto;
  left: 0.75rem;
}

.ribbon-top.ribbon-start:before {
  top: 0;
  right: 100%;
  left: auto;
}

.ribbon-start {
  right: auto;
  left: calc(-1 * var(--tblr-ribbon-margin));
  border-radius: 0 var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius) var(--tblr-ribbon-border-radius);
}

.ribbon-start:before {
  top: auto;
  bottom: 100%;
  left: 0;
  border-color: inherit;
  border-top-color: transparent;
  border-left-color: transparent;
}

.ribbon-bottom {
  top: auto;
  bottom: 0.75rem;
}

.ribbon-bookmark {
  padding-left: 0.25rem;
  border-radius: 0 0 var(--tblr-ribbon-border-radius) 0;
}

.ribbon-bookmark:after {
  position: absolute;
  top: 0;
  right: 100%;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 1rem var(--tblr-border-style);
  border-color: inherit;
  border-right-width: 0;
  border-left-color: transparent;
  border-left-width: 0.5rem;
}

.ribbon-bookmark.ribbon-left {
  padding-right: 0.5rem;
}

.ribbon-bookmark.ribbon-left:after {
  right: auto;
  left: 100%;
  border-right-color: transparent;
  border-right-width: 0.5rem;
  border-left-width: 0;
}

.ribbon-bookmark.ribbon-top {
  padding-right: 0;
  padding-bottom: 0.25rem;
  padding-left: 0;
  border-radius: 0 var(--tblr-ribbon-border-radius) 0 0;
}

.ribbon-bookmark.ribbon-top:after {
  top: 100%;
  right: 0;
  left: 0;
  border-color: inherit;
  border-width: 1rem;
  border-top-width: 0;
  border-bottom-color: transparent;
  border-bottom-width: 0.5rem;
}

.markdown {
  line-height: 2;
}

.markdown > :first-child {
  margin-top: 0;
}

.markdown > :last-child, .markdown > :last-child .highlight {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .markdown > .hr, .markdown > hr {
    margin-top: 3em;
    margin-bottom: 3em;
  }
}
.markdown > .h1, .markdown > .h2, .markdown > .h3, .markdown > .h4, .markdown > .h5, .markdown > .h6, .markdown > h1, .markdown > h2, .markdown > h3, .markdown > h4, .markdown > h5, .markdown > h6 {
  font-weight: var(--tblr-font-weight-bold);
}

.markdown > .h2, .markdown > .h3, .markdown > .h4, .markdown > .h5, .markdown > .h6, .markdown > h2, .markdown > h3, .markdown > h4, .markdown > h5, .markdown > h6 {
  margin-top: 2.5rem;
}

.markdown > table {
  font-size: var(--tblr-body-font-size);
}

.markdown > blockquote {
  font-size: 1rem;
  margin: 1.5rem 0;
  padding: 0.5rem 1.5rem;
}

.markdown > img, .markdown > p > img {
  border-radius: var(--tblr-border-radius);
  border: 1px solid var(--tblr-border-color);
}

.markdown pre {
  max-height: 20rem;
}

.placeholder:not(.btn):not([class*=bg-]) {
  background-color: currentColor !important;
}

.placeholder:not(.avatar):not([class*=card-img-]) {
  border-radius: var(--tblr-border-radius);
}

.nav-segmented {
  --tblr-nav-bg:var(--tblr-bg-surface-tertiary);
  --tblr-nav-padding:2px;
  --tblr-nav-height:2.5rem;
  --tblr-nav-gap:.25rem;
  --tblr-nav-active-bg:var(--tblr-bg-surface);
  --tblr-nav-font-size:inherit;
  --tblr-nav-radius:6px;
  --tblr-nav-link-disabled-color:var(--tblr-disabled-color);
  --tblr-nav-link-gap:.25rem;
  --tblr-nav-link-padding-x:.75rem;
  --tblr-nav-link-icon-size:1.25rem;
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--tblr-nav-gap);
  padding: var(--tblr-nav-padding);
  list-style: none;
  background: var(--tblr-nav-bg);
  border-radius: calc(var(--tblr-nav-radius) + var(--tblr-nav-padding));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);
}

.nav-segmented .nav-link {
  display: inline-flex;
  gap: calc(0.25rem + var(--tblr-nav-link-gap));
  align-items: center;
  margin: 0;
  font-size: var(--tblr-nav-font-size);
  min-width: calc(var(--tblr-nav-height) - 2 * var(--tblr-nav-padding));
  height: calc(var(--tblr-nav-height) - 2 * var(--tblr-nav-padding));
  padding: 0 calc(var(--tblr-nav-link-padding-x) - 2px);
  border: 1px solid transparent;
  background: 0 0;
  color: var(--tblr-secondary);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  border-radius: var(--tblr-nav-radius);
  flex-grow: 1;
  justify-content: center;
}

.nav-segmented .nav-link.hover, .nav-segmented .nav-link:hover {
  background: rgba(0, 0, 0, 0.04);
  color: var(--tblr-body-color);
}

.nav-segmented .nav-link.disabled, .nav-segmented .nav-link:disabled {
  color: var(--tblr-nav-link-disabled-color);
  cursor: not-allowed;
}

.nav-segmented .nav-link-input:checked + .nav-link, .nav-segmented .nav-link.active {
  color: var(--tblr-body-color);
  background: var(--tblr-nav-active-bg);
  border-color: var(--tblr-border-color);
}

.nav-segmented .nav-link-input {
  display: none;
}

.nav-segmented .nav-link-icon {
  width: var(--tblr-nav-link-icon-size);
  height: var(--tblr-nav-link-icon-size);
  margin: 0 -0.25rem;
  color: inherit;
}

.nav-segmented-vertical {
  flex-direction: column;
}

.nav-segmented-vertical .nav-link {
  justify-content: flex-start;
}

.nav-sm {
  --tblr-nav-height:2rem;
  --tblr-nav-font-size:var(--tblr-font-size-h5);
  --tblr-nav-radius:4px;
  --tblr-nav-link-padding-x:.5rem;
  --tblr-nav-link-gap:.25rem;
  --tblr-nav-link-icon-size:1rem;
}

.nav-lg {
  --tblr-nav-height:3rem;
  --tblr-nav-font-size:var(--tblr-font-size-h3);
  --tblr-nav-radius:8px;
  --tblr-nav-link-padding-x:1rem;
  --tblr-nav-link-gap:.5rem;
  --tblr-nav-link-icon-size:1.5rem;
}

.steps {
  --tblr-steps-color:var(--tblr-primary);
  --tblr-steps-inactive-color:var(--tblr-border-color);
  --tblr-steps-dot-size:.5rem;
  --tblr-steps-border-width:2px;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.steps-blue {
  --tblr-steps-color:var(--tblr-blue);
}

.steps-blue-lt {
  --tblr-steps-color:var(--tblr-blue-lt);
}

.steps-azure {
  --tblr-steps-color:var(--tblr-azure);
}

.steps-azure-lt {
  --tblr-steps-color:var(--tblr-azure-lt);
}

.steps-indigo {
  --tblr-steps-color:var(--tblr-indigo);
}

.steps-indigo-lt {
  --tblr-steps-color:var(--tblr-indigo-lt);
}

.steps-purple {
  --tblr-steps-color:var(--tblr-purple);
}

.steps-purple-lt {
  --tblr-steps-color:var(--tblr-purple-lt);
}

.steps-pink {
  --tblr-steps-color:var(--tblr-pink);
}

.steps-pink-lt {
  --tblr-steps-color:var(--tblr-pink-lt);
}

.steps-red {
  --tblr-steps-color:var(--tblr-red);
}

.steps-red-lt {
  --tblr-steps-color:var(--tblr-red-lt);
}

.steps-orange {
  --tblr-steps-color:var(--tblr-orange);
}

.steps-orange-lt {
  --tblr-steps-color:var(--tblr-orange-lt);
}

.steps-yellow {
  --tblr-steps-color:var(--tblr-yellow);
}

.steps-yellow-lt {
  --tblr-steps-color:var(--tblr-yellow-lt);
}

.steps-lime {
  --tblr-steps-color:var(--tblr-lime);
}

.steps-lime-lt {
  --tblr-steps-color:var(--tblr-lime-lt);
}

.steps-green {
  --tblr-steps-color:var(--tblr-green);
}

.steps-green-lt {
  --tblr-steps-color:var(--tblr-green-lt);
}

.steps-teal {
  --tblr-steps-color:var(--tblr-teal);
}

.steps-teal-lt {
  --tblr-steps-color:var(--tblr-teal-lt);
}

.steps-cyan {
  --tblr-steps-color:var(--tblr-cyan);
}

.steps-cyan-lt {
  --tblr-steps-color:var(--tblr-cyan-lt);
}

.step-item {
  position: relative;
  flex: 1 1 0;
  min-height: 1rem;
  margin-top: 0;
  color: inherit;
  text-align: center;
  cursor: default;
  padding-top: calc(var(--tblr-steps-dot-size));
}

a.step-item {
  cursor: pointer;
}

a.step-item:hover {
  color: inherit;
}

.step-item:after, .step-item:before {
  background: var(--tblr-steps-color);
}

.step-item:not(:last-child):after {
  position: absolute;
  left: 50%;
  width: 100%;
  content: "";
  transform: translateY(-50%);
}

.step-item:after {
  top: calc(var(--tblr-steps-dot-size) * 0.5);
  height: var(--tblr-steps-border-width);
}

.step-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100rem;
  transform: translateX(-50%);
  color: var(--tblr-white);
  width: var(--tblr-steps-dot-size);
  height: var(--tblr-steps-dot-size);
}

.step-item.active {
  font-weight: var(--tblr-font-weight-bold);
}

.step-item.active:after {
  background: var(--tblr-steps-inactive-color);
}

.step-item.active ~ .step-item {
  color: var(--tblr-disabled-color);
}

.step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
  background: var(--tblr-steps-inactive-color);
}

.steps-counter {
  --tblr-steps-dot-size:1.5rem;
  counter-reset: steps;
}

.steps-counter .step-item {
  counter-increment: steps;
}

.steps-counter .step-item:before {
  content: counter(steps);
}

.steps-vertical {
  --tblr-steps-dot-offset:6px;
  flex-direction: column;
}

.steps-vertical.steps-counter {
  --tblr-steps-dot-offset:-2px;
}

.steps-vertical .step-item {
  text-align: left;
  padding-top: 0;
  padding-left: calc(var(--tblr-steps-dot-size) + 1rem);
  min-height: auto;
}

.steps-vertical .step-item:not(:first-child) {
  margin-top: 1rem;
}

.steps-vertical .step-item:before {
  top: var(--tblr-steps-dot-offset);
  left: 0;
  transform: translate(0, 0);
}

.steps-vertical .step-item:not(:last-child):after {
  position: absolute;
  content: "";
  transform: translateX(-50%);
  top: var(--tblr-steps-dot-offset);
  left: calc(var(--tblr-steps-dot-size) * 0.5);
  width: var(--tblr-steps-border-width);
  height: calc(100% + 1rem);
}

@keyframes status-pulsate-main {
  40% {
    transform: scale(1.25, 1.25);
  }
  60% {
    transform: scale(1.25, 1.25);
  }
}
@keyframes status-pulsate-secondary {
  10% {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(3, 3);
  }
  80% {
    transform: scale(3, 3);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes status-pulsate-tertiary {
  25% {
    transform: scale(1, 1);
  }
  80% {
    transform: scale(3, 3);
    opacity: 0;
  }
  100% {
    transform: scale(3, 3);
    opacity: 0;
  }
}
.status {
  --tblr-status-height:1.5rem;
  --tblr-status-color:#6b7280;
  --tblr-status-color-rgb:107,114,128;
  display: inline-flex;
  align-items: center;
  height: var(--tblr-status-height);
  padding: 0.25rem 0.75rem;
  gap: 0.5rem;
  color: var(--tblr-status-color);
  background: rgba(var(--tblr-status-color-rgb), 0.1);
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: normal;
  border-radius: 100rem;
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1;
  margin: 0;
}

.status .status-dot {
  background: var(--tblr-status-color);
}

.status .icon {
  font-size: 1.25rem;
}

.status-lite {
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
  background: 0 0 !important;
  color: var(--tblr-body-color) !important;
}

.status-primary {
  --tblr-status-color:#066fd1;
  --tblr-status-color-rgb:6,111,209;
}

.status-secondary {
  --tblr-status-color:#6b7280;
  --tblr-status-color-rgb:107,114,128;
}

.status-success {
  --tblr-status-color:#2fb344;
  --tblr-status-color-rgb:47,179,68;
}

.status-info {
  --tblr-status-color:#4299e1;
  --tblr-status-color-rgb:66,153,225;
}

.status-warning {
  --tblr-status-color:#f59f00;
  --tblr-status-color-rgb:245,159,0;
}

.status-danger {
  --tblr-status-color:#d63939;
  --tblr-status-color-rgb:214,57,57;
}

.status-light {
  --tblr-status-color:#f9fafb;
  --tblr-status-color-rgb:249,250,251;
}

.status-dark {
  --tblr-status-color:#1f2937;
  --tblr-status-color-rgb:31,41,55;
}

.status-muted {
  --tblr-status-color:#6b7280;
  --tblr-status-color-rgb:107,114,128;
}

.status-blue {
  --tblr-status-color:#066fd1;
  --tblr-status-color-rgb:6,111,209;
}

.status-azure {
  --tblr-status-color:#4299e1;
  --tblr-status-color-rgb:66,153,225;
}

.status-indigo {
  --tblr-status-color:#4263eb;
  --tblr-status-color-rgb:66,99,235;
}

.status-purple {
  --tblr-status-color:#ae3ec9;
  --tblr-status-color-rgb:174,62,201;
}

.status-pink {
  --tblr-status-color:#d6336c;
  --tblr-status-color-rgb:214,51,108;
}

.status-red {
  --tblr-status-color:#d63939;
  --tblr-status-color-rgb:214,57,57;
}

.status-orange {
  --tblr-status-color:#f76707;
  --tblr-status-color-rgb:247,103,7;
}

.status-yellow {
  --tblr-status-color:#f59f00;
  --tblr-status-color-rgb:245,159,0;
}

.status-lime {
  --tblr-status-color:#74b816;
  --tblr-status-color-rgb:116,184,22;
}

.status-green {
  --tblr-status-color:#2fb344;
  --tblr-status-color-rgb:47,179,68;
}

.status-teal {
  --tblr-status-color:#0ca678;
  --tblr-status-color-rgb:12,166,120;
}

.status-cyan {
  --tblr-status-color:#17a2b8;
  --tblr-status-color-rgb:23,162,184;
}

.status-dot {
  --tblr-status-dot-color:var(--tblr-status-color, #6b7280);
  --tblr-status-size:0.5rem;
  position: relative;
  display: inline-block;
  width: var(--tblr-status-size);
  height: var(--tblr-status-size);
  background: var(--tblr-status-dot-color);
  border-radius: 100rem;
}

.status-dot-animated:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: inherit;
  border-radius: inherit;
  opacity: 0.6;
  animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
}

.status-indicator {
  --tblr-status-indicator-size:2.5rem;
  --tblr-status-indicator-color:var(--tblr-status-color, #6b7280);
  display: block;
  position: relative;
  width: var(--tblr-status-indicator-size);
  height: var(--tblr-status-indicator-size);
}

.status-indicator-circle {
  --tblr-status-circle-size:.75rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: calc(var(--tblr-status-circle-size) / -2) 0 0 calc(var(--tblr-status-circle-size) / -2);
  width: var(--tblr-status-circle-size);
  height: var(--tblr-status-circle-size);
  border-radius: 100rem;
  background: var(--tblr-status-color);
}

.status-indicator-circle:first-child {
  z-index: 3;
}

.status-indicator-circle:nth-child(2) {
  z-index: 2;
  opacity: 0.1;
}

.status-indicator-circle:nth-child(3) {
  z-index: 1;
  opacity: 0.3;
}

.status-indicator-animated .status-indicator-circle:first-child {
  animation: 2s linear 1s infinite backwards status-pulsate-main;
}

.status-indicator-animated .status-indicator-circle:nth-child(2) {
  animation: 2s linear 1s infinite backwards status-pulsate-secondary;
}

.status-indicator-animated .status-indicator-circle:nth-child(3) {
  animation: 2s linear 1s infinite backwards status-pulsate-tertiary;
}

.switch-icon {
  display: inline-block;
  line-height: 1;
  border: 0;
  padding: 0;
  background: 0 0;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: bottom;
  position: relative;
  cursor: pointer;
}

.switch-icon.disabled {
  pointer-events: none;
  opacity: 0.4;
}

.switch-icon:focus {
  outline: 0;
}

.switch-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.switch-icon .switch-icon-a, .switch-icon .switch-icon-b {
  display: block;
  width: 100%;
  height: 100%;
}

.switch-icon .switch-icon-a {
  opacity: 1;
}

.switch-icon .switch-icon-b {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-icon.active .switch-icon-a {
  opacity: 0;
}

.switch-icon.active .switch-icon-b {
  opacity: 1;
}

.switch-icon-fade .switch-icon-a, .switch-icon-fade .switch-icon-b {
  transition: opacity 0.5s;
}

@media (prefers-reduced-motion: reduce) {
  .switch-icon-fade .switch-icon-a, .switch-icon-fade .switch-icon-b {
    transition: none;
  }
}
.switch-icon-scale .switch-icon-a, .switch-icon-scale .switch-icon-b {
  transition: opacity 0.5s, transform 0s 0.5s;
}

@media (prefers-reduced-motion: reduce) {
  .switch-icon-scale .switch-icon-a, .switch-icon-scale .switch-icon-b {
    transition: none;
  }
}
.switch-icon-scale .switch-icon-b {
  transform: scale(1.5);
}

.switch-icon-scale.active .switch-icon-a, .switch-icon-scale.active .switch-icon-b {
  transition: opacity 0s, transform 0.5s;
}

@media (prefers-reduced-motion: reduce) {
  .switch-icon-scale.active .switch-icon-a, .switch-icon-scale.active .switch-icon-b {
    transition: none;
  }
}
.switch-icon-scale.active .switch-icon-b {
  transform: scale(1);
}

.switch-icon-flip {
  perspective: 10em;
}

.switch-icon-flip .switch-icon-a, .switch-icon-flip .switch-icon-b {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: opacity 0s 0.2s, transform 0.4s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .switch-icon-flip .switch-icon-a, .switch-icon-flip .switch-icon-b {
    transition: none;
  }
}
.switch-icon-flip .switch-icon-a {
  opacity: 1;
  transform: rotateY(0);
}

.switch-icon-flip .switch-icon-b {
  opacity: 1;
  transform: rotateY(-180deg);
}

.switch-icon-flip.active .switch-icon-a {
  opacity: 1;
  transform: rotateY(180deg);
}

.switch-icon-flip.active .switch-icon-b {
  opacity: 1;
  transform: rotateY(0);
}

.switch-icon-slide-down, .switch-icon-slide-left, .switch-icon-slide-right, .switch-icon-slide-up {
  overflow: hidden;
}

.switch-icon-slide-down .switch-icon-a, .switch-icon-slide-down .switch-icon-b, .switch-icon-slide-left .switch-icon-a, .switch-icon-slide-left .switch-icon-b, .switch-icon-slide-right .switch-icon-a, .switch-icon-slide-right .switch-icon-b, .switch-icon-slide-up .switch-icon-a, .switch-icon-slide-up .switch-icon-b {
  transition: opacity 0.3s, transform 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .switch-icon-slide-down .switch-icon-a, .switch-icon-slide-down .switch-icon-b, .switch-icon-slide-left .switch-icon-a, .switch-icon-slide-left .switch-icon-b, .switch-icon-slide-right .switch-icon-a, .switch-icon-slide-right .switch-icon-b, .switch-icon-slide-up .switch-icon-a, .switch-icon-slide-up .switch-icon-b {
    transition: none;
  }
}
.switch-icon-slide-down .switch-icon-a, .switch-icon-slide-left .switch-icon-a, .switch-icon-slide-right .switch-icon-a, .switch-icon-slide-up .switch-icon-a {
  transform: translateY(0);
}

.switch-icon-slide-down .switch-icon-b, .switch-icon-slide-left .switch-icon-b, .switch-icon-slide-right .switch-icon-b, .switch-icon-slide-up .switch-icon-b {
  transform: translateY(100%);
}

.switch-icon-slide-down.active .switch-icon-a, .switch-icon-slide-left.active .switch-icon-a, .switch-icon-slide-right.active .switch-icon-a, .switch-icon-slide-up.active .switch-icon-a {
  transform: translateY(-100%);
}

.switch-icon-slide-down.active .switch-icon-b, .switch-icon-slide-left.active .switch-icon-b, .switch-icon-slide-right.active .switch-icon-b, .switch-icon-slide-up.active .switch-icon-b {
  transform: translateY(0);
}

.switch-icon-slide-left .switch-icon-a {
  transform: translateX(0);
}

.switch-icon-slide-left .switch-icon-b {
  transform: translateX(100%);
}

.switch-icon-slide-left.active .switch-icon-a {
  transform: translateX(-100%);
}

.switch-icon-slide-left.active .switch-icon-b {
  transform: translateX(0);
}

.switch-icon-slide-right .switch-icon-a {
  transform: translateX(0);
}

.switch-icon-slide-right .switch-icon-b {
  transform: translateX(-100%);
}

.switch-icon-slide-right.active .switch-icon-a {
  transform: translateX(100%);
}

.switch-icon-slide-right.active .switch-icon-b {
  transform: translateX(0);
}

.switch-icon-slide-down .switch-icon-a {
  transform: translateY(0);
}

.switch-icon-slide-down .switch-icon-b {
  transform: translateY(-100%);
}

.switch-icon-slide-down.active .switch-icon-a {
  transform: translateY(100%);
}

.switch-icon-slide-down.active .switch-icon-b {
  transform: translateY(0);
}

.markdown > table thead th, .table thead th {
  background: var(--tblr-bg-surface-tertiary);
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-secondary);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  white-space: nowrap;
}

@media print {
  .markdown > table thead th, .table thead th {
    background: 0 0;
  }
}
.table-responsive .markdown > table, .table-responsive .table {
  margin-bottom: 0;
}

.table-responsive + .card-footer {
  border-top: 0;
}

.table-transparent thead th {
  background: 0 0;
}

.table-nowrap > :not(caption) > * > * {
  white-space: nowrap;
}

.table-vcenter > :not(caption) > * > * {
  vertical-align: middle;
}

.table-center > :not(caption) > * > * {
  text-align: center;
}

.td-truncate {
  max-width: 1px;
  width: 100%;
}

.table-mobile {
  display: block;
}

.table-mobile thead {
  display: none;
}

.table-mobile tbody, .table-mobile tr {
  display: flex;
  flex-direction: column;
}

.table-mobile td {
  display: block;
  padding: 0.75rem 0.75rem !important;
  border: none;
  color: var(--tblr-body-color) !important;
}

.table-mobile td[data-label]:before {
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-secondary);
  content: attr(data-label);
  display: block;
}

.table-mobile tr {
  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
}

.table-mobile .btn {
  display: block;
}

@media (max-width: 575.98px) {
  .table-mobile-sm {
    display: block;
  }
  .table-mobile-sm thead {
    display: none;
  }
  .table-mobile-sm tbody, .table-mobile-sm tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-sm td {
    display: block;
    padding: 0.75rem 0.75rem !important;
    border: none;
    color: var(--tblr-body-color) !important;
  }
  .table-mobile-sm td[data-label]:before {
    font-size: 0.75rem;
    font-weight: var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1rem;
    color: var(--tblr-secondary);
    content: attr(data-label);
    display: block;
  }
  .table-mobile-sm tr {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  }
  .table-mobile-sm .btn {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .table-mobile-md {
    display: block;
  }
  .table-mobile-md thead {
    display: none;
  }
  .table-mobile-md tbody, .table-mobile-md tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-md td {
    display: block;
    padding: 0.75rem 0.75rem !important;
    border: none;
    color: var(--tblr-body-color) !important;
  }
  .table-mobile-md td[data-label]:before {
    font-size: 0.75rem;
    font-weight: var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1rem;
    color: var(--tblr-secondary);
    content: attr(data-label);
    display: block;
  }
  .table-mobile-md tr {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  }
  .table-mobile-md .btn {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .table-mobile-lg {
    display: block;
  }
  .table-mobile-lg thead {
    display: none;
  }
  .table-mobile-lg tbody, .table-mobile-lg tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-lg td {
    display: block;
    padding: 0.75rem 0.75rem !important;
    border: none;
    color: var(--tblr-body-color) !important;
  }
  .table-mobile-lg td[data-label]:before {
    font-size: 0.75rem;
    font-weight: var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1rem;
    color: var(--tblr-secondary);
    content: attr(data-label);
    display: block;
  }
  .table-mobile-lg tr {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  }
  .table-mobile-lg .btn {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .table-mobile-xl {
    display: block;
  }
  .table-mobile-xl thead {
    display: none;
  }
  .table-mobile-xl tbody, .table-mobile-xl tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-xl td {
    display: block;
    padding: 0.75rem 0.75rem !important;
    border: none;
    color: var(--tblr-body-color) !important;
  }
  .table-mobile-xl td[data-label]:before {
    font-size: 0.75rem;
    font-weight: var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1rem;
    color: var(--tblr-secondary);
    content: attr(data-label);
    display: block;
  }
  .table-mobile-xl tr {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  }
  .table-mobile-xl .btn {
    display: block;
  }
}
@media (max-width: 1399.98px) {
  .table-mobile-xxl {
    display: block;
  }
  .table-mobile-xxl thead {
    display: none;
  }
  .table-mobile-xxl tbody, .table-mobile-xxl tr {
    display: flex;
    flex-direction: column;
  }
  .table-mobile-xxl td {
    display: block;
    padding: 0.75rem 0.75rem !important;
    border: none;
    color: var(--tblr-body-color) !important;
  }
  .table-mobile-xxl td[data-label]:before {
    font-size: 0.75rem;
    font-weight: var(--tblr-font-weight-medium);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1rem;
    color: var(--tblr-secondary);
    content: attr(data-label);
    display: block;
  }
  .table-mobile-xxl tr {
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  }
  .table-mobile-xxl .btn {
    display: block;
  }
}
.table-sort {
  font: inherit;
  color: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  border: 0;
  background: inherit;
  display: block;
  width: 100%;
  text-align: inherit;
  transition: color 0.3s;
  margin: -0.5rem -0.75rem;
  padding: 0.5rem 0.75rem;
}

@media (prefers-reduced-motion: reduce) {
  .table-sort {
    transition: none;
  }
}
.table-sort.asc, .table-sort.desc, .table-sort:hover {
  color: var(--tblr-body-color);
}

.table-sort:after {
  content: "";
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  vertical-align: bottom;
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'><path d='M5 7l3 -3l3 3'/><path d='M5 10l3 3l3 -3'/></svg>");
  background: currentColor;
  margin-left: 0.25rem;
}

.table-sort.asc:after {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 10l3 -3l3 3'/></svg>");
}

.table-sort.desc:after {
  -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'><path fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 7l3 3l3 -3'/></svg>");
}

.table-borderless thead th {
  background: 0 0;
}

.table-selectable tbody tr .on-checked {
  display: none;
}

.table-selectable tbody tr .on-unchecked {
  display: initial;
}

.table-selectable tbody tr:has(.table-selectable-check:checked) {
  background-color: var(--tblr-active-bg);
}

.table-selectable tbody tr:has(.table-selectable-check:checked) .on-checked {
  display: initial;
}

.table-selectable tbody tr:has(.table-selectable-check:checked) .on-unchecked {
  display: none;
}

.tag {
  --tblr-tag-height:1.5rem;
  border: 1px solid var(--tblr-border-color);
  display: inline-flex;
  align-items: center;
  height: var(--tblr-tag-height);
  border-radius: var(--tblr-border-radius);
  padding: 0 0.5rem;
  background: var(--tblr-bg-surface);
  box-shadow: var(--tblr-shadow-input);
  gap: 0.5rem;
}

.tag .btn-close {
  margin-right: -0.25rem;
  margin-left: -0.125rem;
  padding: 0;
  width: 1rem;
  height: 1rem;
  font-size: 0.5rem;
}

.tag-badge {
  --tblr-badge-font-size:0.625rem;
  --tblr-badge-padding-x:.25rem;
  --tblr-badge-padding-y:.125rem;
  margin-right: -0.25rem;
}

.tag-avatar, .tag-check, .tag-flag, .tag-icon, .tag-payment {
  margin-left: -0.25rem;
}

.tag-icon {
  color: var(--tblr-secondary);
  margin-right: -0.125rem;
  width: 1rem;
  height: 1rem;
}

.tag-check {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}

.tags-list {
  --tblr-list-gap:0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tblr-list-gap);
}

.toast {
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color-translucent);
  box-shadow: rgba(31, 41, 55, 0.04) 0 2px 4px 0;
}

.toast .toast-header {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.toast button[data-bs-dismiss=toast] {
  outline: 0;
}

.toast-primary {
  --tblr-toast-color:#066fd1;
}

.toast-secondary {
  --tblr-toast-color:#6b7280;
}

.toast-success {
  --tblr-toast-color:#2fb344;
}

.toast-info {
  --tblr-toast-color:#4299e1;
}

.toast-warning {
  --tblr-toast-color:#f59f00;
}

.toast-danger {
  --tblr-toast-color:#d63939;
}

.toast-light {
  --tblr-toast-color:#f9fafb;
}

.toast-dark {
  --tblr-toast-color:#1f2937;
}

.toast-muted {
  --tblr-toast-color:#6b7280;
}

.toast-blue {
  --tblr-toast-color:#066fd1;
}

.toast-azure {
  --tblr-toast-color:#4299e1;
}

.toast-indigo {
  --tblr-toast-color:#4263eb;
}

.toast-purple {
  --tblr-toast-color:#ae3ec9;
}

.toast-pink {
  --tblr-toast-color:#d6336c;
}

.toast-red {
  --tblr-toast-color:#d63939;
}

.toast-orange {
  --tblr-toast-color:#f76707;
}

.toast-yellow {
  --tblr-toast-color:#f59f00;
}

.toast-lime {
  --tblr-toast-color:#74b816;
}

.toast-green {
  --tblr-toast-color:#2fb344;
}

.toast-teal {
  --tblr-toast-color:#0ca678;
}

.toast-cyan {
  --tblr-toast-color:#17a2b8;
}

.toolbar {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  margin: 0 -0.5rem;
}

.toolbar > * {
  margin: 0 0.5rem;
}

.tracking {
  --tblr-tracking-height:1.5rem;
  --tblr-tracking-gap-width:0.125rem;
  --tblr-tracking-block-border-radius:var(--tblr-border-radius);
  display: flex;
  gap: var(--tblr-tracking-gap-width);
}

.tracking-squares {
  --tblr-tracking-block-border-radius:var(--tblr-border-radius-sm);
}

.tracking-squares .tracking-block {
  height: auto;
}

.tracking-squares .tracking-block:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.tracking-block {
  flex: 1;
  border-radius: var(--tblr-tracking-block-border-radius);
  height: var(--tblr-tracking-height);
  min-width: 0.25rem;
  background: var(--tblr-border-color);
}

.timeline {
  --tblr-timeline-icon-size:2.5rem;
  position: relative;
  list-style: none;
  padding: 0;
}

.timeline-event {
  position: relative;
}

.timeline-event:not(:last-child) {
  margin-bottom: var(--tblr-page-padding);
}

.timeline-event:not(:last-child):before {
  content: "";
  position: absolute;
  top: var(--tblr-timeline-icon-size);
  left: calc(var(--tblr-timeline-icon-size) / 2);
  bottom: calc(-1 * var(--tblr-page-padding));
  width: var(--tblr-border-width);
  background-color: var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}

.timeline-event-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--tblr-timeline-icon-size, 2.5rem);
  height: var(--tblr-timeline-icon-size, 2.5rem);
  background: var(--tblr-bg-surface-secondary);
  color: var(--tblr-secondary);
  border-radius: var(--tblr-border-radius);
  z-index: 5;
}

.timeline-event-card {
  margin-left: calc(var(--tblr-timeline-icon-size, 2.5rem) + var(--tblr-page-padding));
}

.timeline-simple .timeline-event-icon {
  display: none;
}

.timeline-simple .timeline-event-card {
  margin-left: 0;
}

.hr-text {
  display: flex;
  align-items: center;
  margin: 2rem 0;
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-secondary);
  height: 1px;
}

.hr-text:after, .hr-text:before {
  flex: 1 1 auto;
  height: 1px;
  background-color: var(--tblr-border-color);
}

.hr-text:before {
  content: "";
  margin-right: 0.5rem;
}

.hr-text:after {
  content: "";
  margin-left: 0.5rem;
}

.hr-text > :first-child {
  padding-right: 0.5rem;
  padding-left: 0;
  color: var(--tblr-secondary);
}

.hr-text.hr-text-left:before, .hr-text.hr-text-start:before {
  content: none;
}

.hr-text.hr-text-left > :first-child, .hr-text.hr-text-start > :first-child {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.hr-text.hr-text-end:before, .hr-text.hr-text-right:before {
  content: "";
}

.hr-text.hr-text-end:after, .hr-text.hr-text-right:after {
  content: none;
}

.hr-text.hr-text-end > :first-child, .hr-text.hr-text-right > :first-child {
  padding-right: 0;
  padding-left: 0.5rem;
}

.card > .hr-text {
  margin: 0;
}

.hr-text-spaceless {
  margin: -0.5rem 0;
}

.lead {
  color: var(--tblr-secondary);
  font-size: inherit;
}

a {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  color: color-mix(in srgb, transparent, var(--tblr-link-color) var(--tblr-link-opacity, 100%));
}

a:hover {
  color: color-mix(in srgb, transparent, var(--tblr-link-hover-color) var(--tblr-link-opacity, 100%));
}

.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: inherit;
}

.h1, h1 {
  font-size: var(--tblr-font-size-h1);
  line-height: var(--tblr-line-height-h1);
}

.h2, h2 {
  font-size: var(--tblr-font-size-h2);
  line-height: var(--tblr-line-height-h2);
}

.h3, h3 {
  font-size: var(--tblr-font-size-h3);
  line-height: var(--tblr-line-height-h3);
}

.h4, h4 {
  font-size: var(--tblr-font-size-h4);
  line-height: var(--tblr-line-height-h4);
}

.h5, h5 {
  font-size: var(--tblr-font-size-h5);
  line-height: var(--tblr-line-height-h5);
}

.h6, h6 {
  font-size: var(--tblr-font-size-h6);
  line-height: var(--tblr-line-height-h6);
}

.fs-base {
  font-size: var(--tblr-body-font-size);
}

.strong, b, strong {
  font-weight: var(--tblr-font-weight-bold);
}

blockquote {
  padding: 1rem 1rem 1rem;
  border-left: 2px var(--tblr-border-style) var(--tblr-border-color);
}

blockquote p {
  margin-bottom: 1rem;
}

blockquote cite {
  display: block;
  text-align: right;
}

blockquote cite:before {
  content: "— ";
}

ol, ul {
  padding-left: 1.5rem;
}

.hr, hr {
  margin: 2rem 0;
}

dl dd:last-child {
  margin-bottom: 0;
}

pre {
  --tblr-scrollbar-color:var(--tblr-light);
  padding: 1rem;
  background: var(--tblr-bg-surface-dark);
  color: var(--tblr-light);
  border-radius: var(--tblr-border-radius);
  line-height: 1.4285714286;
}

pre {
  scrollbar-color: color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent) transparent;
}

pre::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  pre::-webkit-scrollbar {
    -webkit-transition: none;
    transition: none;
  }
}
pre::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  border: 5px solid transparent;
  box-shadow: inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 20%, transparent);
}

pre::-webkit-scrollbar-track {
  background: 0 0;
}

pre:hover::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 1rem color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 40%, transparent);
}

pre::-webkit-scrollbar-corner {
  background: 0 0;
}

pre code {
  background: 0 0;
  padding: 0;
}

code {
  background: var(--tblr-code-bg);
  padding: 2px 4px;
  border-radius: var(--tblr-border-radius);
}

abbr {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

.kbd, kbd {
  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--tblr-font-size-h5);
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1;
  vertical-align: baseline;
  border-radius: var(--tblr-border-radius);
}

img {
  max-width: 100%;
  height: auto;
}

.list-unstyled {
  margin-left: 0;
}

::-moz-selection {
  background-color: color-mix(in srgb, var(--tblr-primary) 10%, transparent);
}

.text-selected, ::selection {
  background-color: color-mix(in srgb, var(--tblr-primary) 10%, transparent);
}

.text-selected {
  display: inline-block;
}

[class*=" link-"].disabled, [class^=link-].disabled {
  color: var(--tblr-disabled-color) !important;
  pointer-events: none;
}

a:hover:has(.icon) {
  text-decoration: none;
}

.link-hoverable {
  border-radius: var(--tblr-border-radius);
  transition: background-color 0.15s ease-in-out;
}

.link-hoverable:hover {
  text-decoration: none;
  color: var(--tblr-primary);
  background: color-mix(in srgb, var(--tblr-secondary) 4%, transparent);
}

.subheader {
  font-size: 0.75rem;
  font-weight: var(--tblr-font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1rem;
  color: var(--tblr-secondary);
}

.mention {
  display: inline-block;
  box-shadow: var(--tblr-shadow-border);
  border-radius: var(--tblr-border-radius-pill);
  line-height: 1.3333333333em;
  font-size: 0.8571428571em;
  color: var(--tblr-body-color);
  background: var(--tblr-bg-surface-tertiary);
  padding: 0.1666666667em 0.6666666667em;
  font-weight: var(--tblr-font-weight-medium);
}

a.mention {
  cursor: pointer;
}

a.mention.hover, a.mention:hover {
  background: var(--tblr-bg-surface-secondary);
  text-decoration: underline;
}

.mention-app, .mention-avatar, .mention-color {
  width: 1.1666666667em;
  height: 1.1666666667em;
  border-radius: var(--tblr-border-radius-pill);
  margin: -0.1666666667em 0.3333333333em 0 -0.3333333333em;
  display: inline-flex;
  background: no-repeat center center/cover;
  box-shadow: var(--tblr-shadow-border);
  vertical-align: middle;
  text-align: center;
}

.mention-app {
  box-shadow: none;
  background: 0 0;
  border-radius: 0;
}

.mention-count {
  color: var(--tblr-secondary);
  margin-left: 0.6666666667em;
}

.text-incorrect {
  background: color-mix(in srgb, var(--tblr-red) 4%, transparent);
  background: color-mix(in srgb, var(--tblr-red) 4%, transparent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--tblr-red);
}

.text-correct {
  background: color-mix(in srgb, var(--tblr-green) 4%, transparent);
  background: color-mix(in srgb, var(--tblr-green) 4%, transparent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--tblr-green);
}

.steps {
  --tblr-steps-padding:2rem;
  --tblr-steps-item-size:1.5rem;
  margin-left: 1rem;
  padding-left: var(--tblr-steps-padding);
  counter-reset: step;
  border-left: 1px solid var(--tblr-border-color);
  margin-bottom: 2rem;
}

.steps .h3, .steps h3 {
  counter-increment: step;
}

.steps .h3:not(:first-child), .steps h3:not(:first-child) {
  margin-top: 2.5rem !important;
}

.steps .h3:before, .steps h3:before {
  content: counter(step);
  display: inline-block;
  position: absolute;
  margin-top: 1px;
  margin-left: calc(-1 * var(--tblr-steps-padding) - var(--tblr-steps-item-size) / 2);
  width: var(--tblr-steps-item-size);
  height: var(--tblr-steps-item-size);
  text-align: center;
  color: var(--tblr-body-color);
  border: 1px solid var(--tblr-border-color);
  background: var(--tblr-bg-surface);
  border-radius: var(--tblr-border-radius);
  line-height: calc(var(--tblr-steps-item-size) - 2px);
  font-size: var(--tblr-font-size-h4);
  font-weight: var(--tblr-font-weight-bold);
}

.steps > :last-child {
  margin-bottom: 0;
}

.callout {
  margin-bottom: 1.5rem;
  border: 1px solid var(--tblr-primary-200);
  border-radius: var(--tblr-border-radius);
  padding: 0.5rem 1rem;
  background: var(--tblr-primary-lt);
}

.callout > :last-child {
  margin-bottom: 0;
}

.chart {
  display: block;
  min-height: 10rem;
}

.chart text {
  font-family: inherit;
}

.chart-sm {
  height: 2.5rem;
}

.chart-lg {
  height: 15rem;
}

.chart-square {
  height: 5.75rem;
}

.chart-sparkline {
  position: relative;
  width: 4rem;
  height: 2.5rem;
  line-height: 1;
  min-height: 0 !important;
}

.chart-sparkline-sm {
  height: 1.5rem;
}

.chart-sparkline-square {
  width: 2.5rem;
}

.chart-sparkline-wide {
  width: 6rem;
}

.chart-sparkline-label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
}

.chart-sparkline-label .icon {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}

.offcanvas-header {
  border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.offcanvas-footer {
  padding: 1.5rem 1.5rem;
}

.offcanvas-title {
  font-size: 1rem;
  font-weight: var(--tblr-font-weight-medium);
  line-height: 1.5rem;
}

.offcanvas-narrow {
  width: 20rem;
}

.chat-bubbles {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.chat-bubble {
  background: var(--tblr-bg-surface-secondary);
  border-radius: var(--tblr-border-radius-lg);
  padding: 1rem;
  position: relative;
}

.chat-bubble-me {
  background-color: var(--tblr-primary-lt);
  box-shadow: none;
}

.chat-bubble-title {
  margin-bottom: 0.25rem;
}

.chat-bubble-author {
  font-weight: 600;
}

.chat-bubble-date {
  color: var(--tblr-secondary);
}

.chat-bubble-body > :last-child {
  margin-bottom: 0;
}

.signature {
  --tblr-signature-padding:var(--tblr-spacer-1);
  --tblr-signature-border-radius:var(--tblr-border-radius);
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  padding: var(--tblr-signature-padding);
  border-radius: var(--tblr-border-radius);
}

.signature-canvas {
  border: var(--tblr-border-width) dashed var(--tblr-border-color);
  border-radius: calc(var(--tblr-signature-border-radius) - var(--tblr-signature-padding));
  display: block;
  cursor: crosshair;
  width: 100%;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--tblr-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.16;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(: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-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
  position: absolute !important;
}

.visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--tblr-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --tblr-aspect-ratio:100%;
}

.ratio-2x1 {
  --tblr-aspect-ratio:50%;
}

.ratio-1x2 {
  --tblr-aspect-ratio:200%;
}

.ratio-3x1 {
  --tblr-aspect-ratio:33.3333333333%;
}

.ratio-1x3 {
  --tblr-aspect-ratio:300%;
}

.ratio-4x1 {
  --tblr-aspect-ratio:25%;
}

.ratio-1x4 {
  --tblr-aspect-ratio:400%;
}

.ratio-4x3 {
  --tblr-aspect-ratio:75%;
}

.ratio-3x4 {
  --tblr-aspect-ratio:133.3333333333%;
}

.ratio-16x9 {
  --tblr-aspect-ratio:56.25%;
}

.ratio-9x16 {
  --tblr-aspect-ratio:177.7777777778%;
}

.ratio-21x9 {
  --tblr-aspect-ratio:42.8571428571%;
}

.ratio-9x21 {
  --tblr-aspect-ratio:233.3333333333%;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--tblr-focus-ring-x, 0) var(--tblr-focus-ring-y, 0) var(--tblr-focus-ring-blur, 0) var(--tblr-focus-ring-width) var(--tblr-focus-ring-color);
}

.bg-white-overlay {
  color: #fff;
  background-color: rgba(249, 250, 251, 0.24);
}

.bg-dark-overlay {
  color: #fff;
  background-color: rgba(31, 41, 55, 0.24);
}

.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-primary {
  background-color: color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-primary-lt {
  color: color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-primary-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-primary {
  border-color: color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-primary {
  --tblr-gradient-from:var(--tblr-primary);
}

.bg-gradient-to-primary {
  --tblr-gradient-to:var(--tblr-primary);
}

.bg-gradient-via-primary {
  --tblr-gradient-via:var(--tblr-primary);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-primary {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-primary-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-primary {
  color: color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-primary:focus, .link-primary:hover {
  color: RGBA(5, 89, 167, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(5, 89, 167, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-secondary {
  background-color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-secondary-lt {
  color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-secondary-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-secondary {
  border-color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-secondary {
  --tblr-gradient-from:var(--tblr-secondary);
}

.bg-gradient-to-secondary {
  --tblr-gradient-to:var(--tblr-secondary);
}

.bg-gradient-via-secondary {
  --tblr-gradient-via:var(--tblr-secondary);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-secondary {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-secondary-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-secondary {
  color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-secondary:focus, .link-secondary:hover {
  color: RGBA(86, 91, 102, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 91, 102, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-success {
  background-color: color-mix(in srgb, var(--tblr-success) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-success-lt {
  color: color-mix(in srgb, var(--tblr-success) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-success-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-success {
  border-color: color-mix(in srgb, var(--tblr-success) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-success {
  --tblr-gradient-from:var(--tblr-success);
}

.bg-gradient-to-success {
  --tblr-gradient-to:var(--tblr-success);
}

.bg-gradient-via-success {
  --tblr-gradient-via:var(--tblr-success);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-success {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-success-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-success {
  color: color-mix(in srgb, var(--tblr-success) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-success) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-success:focus, .link-success:hover {
  color: RGBA(38, 143, 54, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(38, 143, 54, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-info {
  background-color: color-mix(in srgb, var(--tblr-info) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-info-lt {
  color: color-mix(in srgb, var(--tblr-info) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-info-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-info {
  border-color: color-mix(in srgb, var(--tblr-info) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-info {
  --tblr-gradient-from:var(--tblr-info);
}

.bg-gradient-to-info {
  --tblr-gradient-to:var(--tblr-info);
}

.bg-gradient-via-info {
  --tblr-gradient-via:var(--tblr-info);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-info {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-info-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-info {
  color: color-mix(in srgb, var(--tblr-info) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-info) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-info:focus, .link-info:hover {
  color: RGBA(53, 122, 180, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(53, 122, 180, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-warning {
  background-color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-warning-lt {
  color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-warning-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-warning {
  border-color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-warning {
  --tblr-gradient-from:var(--tblr-warning);
}

.bg-gradient-to-warning {
  --tblr-gradient-to:var(--tblr-warning);
}

.bg-gradient-via-warning {
  --tblr-gradient-via:var(--tblr-warning);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-warning {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-warning-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-warning {
  color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-warning:focus, .link-warning:hover {
  color: RGBA(196, 127, 0, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(196, 127, 0, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-danger {
  background-color: color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-danger-lt {
  color: color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-danger-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-danger {
  border-color: color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-danger {
  --tblr-gradient-from:var(--tblr-danger);
}

.bg-gradient-to-danger {
  --tblr-gradient-to:var(--tblr-danger);
}

.bg-gradient-via-danger {
  --tblr-gradient-via:var(--tblr-danger);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-danger {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-danger-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-danger {
  color: color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-danger:focus, .link-danger:hover {
  color: RGBA(171, 46, 46, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(171, 46, 46, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-light {
  background-color: color-mix(in srgb, var(--tblr-light) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-light-lt {
  color: color-mix(in srgb, var(--tblr-light) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-light-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-light {
  border-color: color-mix(in srgb, var(--tblr-light) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-light {
  --tblr-gradient-from:var(--tblr-light);
}

.bg-gradient-to-light {
  --tblr-gradient-to:var(--tblr-light);
}

.bg-gradient-via-light {
  --tblr-gradient-via:var(--tblr-light);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-light {
  color: #1f2937 !important;
  background-color: RGBA(var(--tblr-light-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-light {
  color: color-mix(in srgb, var(--tblr-light) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-light) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-light:focus, .link-light:hover {
  color: RGBA(250, 251, 252, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(250, 251, 252, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-dark {
  background-color: color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-dark-lt {
  color: color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-dark-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-dark {
  border-color: color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-dark {
  --tblr-gradient-from:var(--tblr-dark);
}

.bg-gradient-to-dark {
  --tblr-gradient-to:var(--tblr-dark);
}

.bg-gradient-via-dark {
  --tblr-gradient-via:var(--tblr-dark);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-dark {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-dark-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-dark {
  color: color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-dark:focus, .link-dark:hover {
  color: RGBA(25, 33, 44, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(25, 33, 44, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-muted {
  background-color: color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-muted-lt {
  color: color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-muted-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-muted {
  border-color: color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-muted {
  --tblr-gradient-from:var(--tblr-muted);
}

.bg-gradient-to-muted {
  --tblr-gradient-to:var(--tblr-muted);
}

.bg-gradient-via-muted {
  --tblr-gradient-via:var(--tblr-muted);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-muted {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-muted-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-muted {
  color: color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-muted:focus, .link-muted:hover {
  color: RGBA(86, 91, 102, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 91, 102, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-blue {
  background-color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-blue-lt {
  color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-blue-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-blue {
  border-color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-blue {
  --tblr-gradient-from:var(--tblr-blue);
}

.bg-gradient-to-blue {
  --tblr-gradient-to:var(--tblr-blue);
}

.bg-gradient-via-blue {
  --tblr-gradient-via:var(--tblr-blue);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-blue {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-blue-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-blue {
  color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-blue:focus, .link-blue:hover {
  color: RGBA(5, 89, 167, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(5, 89, 167, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-azure {
  background-color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-azure-lt {
  color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-azure-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-azure {
  border-color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-azure {
  --tblr-gradient-from:var(--tblr-azure);
}

.bg-gradient-to-azure {
  --tblr-gradient-to:var(--tblr-azure);
}

.bg-gradient-via-azure {
  --tblr-gradient-via:var(--tblr-azure);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-azure {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-azure-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-azure {
  color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-azure:focus, .link-azure:hover {
  color: RGBA(53, 122, 180, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(53, 122, 180, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-indigo {
  background-color: color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-indigo-lt {
  color: color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-indigo-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-indigo {
  border-color: color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-indigo {
  --tblr-gradient-from:var(--tblr-indigo);
}

.bg-gradient-to-indigo {
  --tblr-gradient-to:var(--tblr-indigo);
}

.bg-gradient-via-indigo {
  --tblr-gradient-via:var(--tblr-indigo);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-indigo {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-indigo-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-indigo {
  color: color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-indigo:focus, .link-indigo:hover {
  color: RGBA(53, 79, 188, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(53, 79, 188, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-purple {
  background-color: color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-purple-lt {
  color: color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-purple-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-purple {
  border-color: color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-purple {
  --tblr-gradient-from:var(--tblr-purple);
}

.bg-gradient-to-purple {
  --tblr-gradient-to:var(--tblr-purple);
}

.bg-gradient-via-purple {
  --tblr-gradient-via:var(--tblr-purple);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-purple {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-purple-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-purple {
  color: color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-purple:focus, .link-purple:hover {
  color: RGBA(139, 50, 161, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(139, 50, 161, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-pink {
  background-color: color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-pink-lt {
  color: color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-pink-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-pink {
  border-color: color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-pink {
  --tblr-gradient-from:var(--tblr-pink);
}

.bg-gradient-to-pink {
  --tblr-gradient-to:var(--tblr-pink);
}

.bg-gradient-via-pink {
  --tblr-gradient-via:var(--tblr-pink);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-pink {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-pink-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-pink {
  color: color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-pink:focus, .link-pink:hover {
  color: RGBA(171, 41, 86, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(171, 41, 86, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-red {
  background-color: color-mix(in srgb, var(--tblr-red) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-red-lt {
  color: color-mix(in srgb, var(--tblr-red) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-red-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-red {
  border-color: color-mix(in srgb, var(--tblr-red) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-red {
  --tblr-gradient-from:var(--tblr-red);
}

.bg-gradient-to-red {
  --tblr-gradient-to:var(--tblr-red);
}

.bg-gradient-via-red {
  --tblr-gradient-via:var(--tblr-red);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-red {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-red-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-red {
  color: color-mix(in srgb, var(--tblr-red) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-red) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-red:focus, .link-red:hover {
  color: RGBA(171, 46, 46, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(171, 46, 46, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-orange {
  background-color: color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-orange-lt {
  color: color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-orange-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-orange {
  border-color: color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-orange {
  --tblr-gradient-from:var(--tblr-orange);
}

.bg-gradient-to-orange {
  --tblr-gradient-to:var(--tblr-orange);
}

.bg-gradient-via-orange {
  --tblr-gradient-via:var(--tblr-orange);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-orange {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-orange-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-orange {
  color: color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-orange:focus, .link-orange:hover {
  color: RGBA(198, 82, 6, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(198, 82, 6, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-yellow {
  background-color: color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-yellow-lt {
  color: color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-yellow-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-yellow {
  border-color: color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-yellow {
  --tblr-gradient-from:var(--tblr-yellow);
}

.bg-gradient-to-yellow {
  --tblr-gradient-to:var(--tblr-yellow);
}

.bg-gradient-via-yellow {
  --tblr-gradient-via:var(--tblr-yellow);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-yellow {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-yellow-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-yellow {
  color: color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-yellow:focus, .link-yellow:hover {
  color: RGBA(196, 127, 0, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(196, 127, 0, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-lime {
  background-color: color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-lime-lt {
  color: color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-lime-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-lime {
  border-color: color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-lime {
  --tblr-gradient-from:var(--tblr-lime);
}

.bg-gradient-to-lime {
  --tblr-gradient-to:var(--tblr-lime);
}

.bg-gradient-via-lime {
  --tblr-gradient-via:var(--tblr-lime);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-lime {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-lime-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-lime {
  color: color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-lime:focus, .link-lime:hover {
  color: RGBA(93, 147, 18, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(93, 147, 18, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-green {
  background-color: color-mix(in srgb, var(--tblr-green) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-green-lt {
  color: color-mix(in srgb, var(--tblr-green) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-green-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-green {
  border-color: color-mix(in srgb, var(--tblr-green) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-green {
  --tblr-gradient-from:var(--tblr-green);
}

.bg-gradient-to-green {
  --tblr-gradient-to:var(--tblr-green);
}

.bg-gradient-via-green {
  --tblr-gradient-via:var(--tblr-green);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-green {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-green-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-green {
  color: color-mix(in srgb, var(--tblr-green) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-green) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-green:focus, .link-green:hover {
  color: RGBA(38, 143, 54, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(38, 143, 54, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-teal {
  background-color: color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-teal-lt {
  color: color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-teal-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-teal {
  border-color: color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-teal {
  --tblr-gradient-from:var(--tblr-teal);
}

.bg-gradient-to-teal {
  --tblr-gradient-to:var(--tblr-teal);
}

.bg-gradient-via-teal {
  --tblr-gradient-via:var(--tblr-teal);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-teal {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-teal-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-teal {
  color: color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-teal:focus, .link-teal:hover {
  color: RGBA(10, 133, 96, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 133, 96, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-cyan {
  background-color: color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-cyan-lt {
  color: color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-cyan-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-cyan {
  border-color: color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-cyan {
  --tblr-gradient-from:var(--tblr-cyan);
}

.bg-gradient-to-cyan {
  --tblr-gradient-to:var(--tblr-cyan);
}

.bg-gradient-via-cyan {
  --tblr-gradient-via:var(--tblr-cyan);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-cyan {
  color: #f9fafb !important;
  background-color: RGBA(var(--tblr-cyan-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-cyan {
  color: color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-cyan:focus, .link-cyan:hover {
  color: RGBA(18, 130, 147, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(18, 130, 147, var(--tblr-link-underline-opacity, 1)) !important;
}

.bg-white {
  background-color: color-mix(in srgb, var(--tblr-white) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.bg-white-lt {
  color: color-mix(in srgb, var(--tblr-white) calc(var(--tblr-text-opacity, 1) * 100%), transparent) !important;
  background-color: color-mix(in srgb, var(--tblr-white-lt) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
}

.border-white {
  border-color: color-mix(in srgb, var(--tblr-white) calc(var(--tblr-border-opacity, 1) * 100%), transparent) !important;
}

.bg-gradient-from-white {
  --tblr-gradient-from:var(--tblr-white);
}

.bg-gradient-to-white {
  --tblr-gradient-to:var(--tblr-white);
}

.bg-gradient-via-white {
  --tblr-gradient-via:var(--tblr-white);
  --tblr-gradient-stops:var(--tblr-gradient-from, transparent),var(--tblr-gradient-via, transparent),var(--tblr-gradient-to, transparent);
}

.text-bg-white {
  color: #1f2937 !important;
  background-color: RGBA(var(--tblr-white-rgb), var(--tblr-bg-opacity, 1)) !important;
}

.link-white {
  color: color-mix(in srgb, var(--tblr-white) calc(var(--tblr-link-opacity, 1) * 100%), transparent) !important;
  text-decoration-color: color-mix(in srgb, var(--tblr-white) calc(var(--tblr-link-underline-opacity, 1) * 100%), transparent) !important;
}

.link-white:focus, .link-white:hover {
  color: RGBA(255, 255, 255, var(--tblr-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 255, 255, var(--tblr-link-underline-opacity, 1)) !important;
}

.text-primary {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-primary) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-primary-fg {
  color: var(--tblr-primary-fg) !important;
}

.text-secondary {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-secondary-fg {
  color: var(--tblr-secondary-fg) !important;
}

.text-success {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-success) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-success-fg {
  color: var(--tblr-success-fg) !important;
}

.text-info {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-info) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-info-fg {
  color: var(--tblr-info-fg) !important;
}

.text-warning {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-warning) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-warning-fg {
  color: var(--tblr-warning-fg) !important;
}

.text-danger {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-danger) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-danger-fg {
  color: var(--tblr-danger-fg) !important;
}

.text-light {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-light) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-light-fg {
  color: var(--tblr-light-fg) !important;
}

.text-dark {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-dark) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-dark-fg {
  color: var(--tblr-dark-fg) !important;
}

.text-muted {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-muted) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-muted-fg {
  color: var(--tblr-muted-fg) !important;
}

.text-blue {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-blue-fg {
  color: var(--tblr-blue-fg) !important;
}

.text-azure {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-azure) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-azure-fg {
  color: var(--tblr-azure-fg) !important;
}

.text-indigo {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-indigo) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-indigo-fg {
  color: var(--tblr-indigo-fg) !important;
}

.text-purple {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-purple) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-purple-fg {
  color: var(--tblr-purple-fg) !important;
}

.text-pink {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-pink) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-pink-fg {
  color: var(--tblr-pink-fg) !important;
}

.text-red {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-red) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-red-fg {
  color: var(--tblr-red-fg) !important;
}

.text-orange {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-orange) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-orange-fg {
  color: var(--tblr-orange-fg) !important;
}

.text-yellow {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-yellow) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-yellow-fg {
  color: var(--tblr-yellow-fg) !important;
}

.text-lime {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-lime) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-lime-fg {
  color: var(--tblr-lime-fg) !important;
}

.text-green {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-green) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-green-fg {
  color: var(--tblr-green-fg) !important;
}

.text-teal {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-teal) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-teal-fg {
  color: var(--tblr-teal-fg) !important;
}

.text-cyan {
  --tblr-text-opacity:1;
  color: color-mix(in srgb, var(--tblr-cyan) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
}

.text-cyan-fg {
  color: var(--tblr-cyan-fg) !important;
}

.bg-gray-50 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-50) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-50-fg {
  color: var(--tblr-gray-50-fg) !important;
}

.bg-gray-100 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-100) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-100-fg {
  color: var(--tblr-gray-100-fg) !important;
}

.bg-gray-200 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-200) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-200-fg {
  color: var(--tblr-gray-200-fg) !important;
}

.bg-gray-300 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-300) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-300-fg {
  color: var(--tblr-gray-300-fg) !important;
}

.bg-gray-400 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-400) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-400-fg {
  color: var(--tblr-gray-400-fg) !important;
}

.bg-gray-500 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-500) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-500-fg {
  color: var(--tblr-gray-500-fg) !important;
}

.bg-gray-600 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-600) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-600-fg {
  color: var(--tblr-gray-600-fg) !important;
}

.bg-gray-700 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-700) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-700-fg {
  color: var(--tblr-gray-700-fg) !important;
}

.bg-gray-800 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-800) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-800-fg {
  color: var(--tblr-gray-800-fg) !important;
}

.bg-gray-900 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-900) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-900-fg {
  color: var(--tblr-gray-900-fg) !important;
}

.bg-gray-950 {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-gray-950) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-gray-950-fg {
  color: var(--tblr-gray-950-fg) !important;
}

.bg-x {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-x) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-x-fg {
  color: var(--tblr-x-fg) !important;
}

.bg-facebook {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-facebook) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-facebook-fg {
  color: var(--tblr-facebook-fg) !important;
}

.bg-twitter {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-twitter) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-twitter-fg {
  color: var(--tblr-twitter-fg) !important;
}

.bg-linkedin {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-linkedin) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-linkedin-fg {
  color: var(--tblr-linkedin-fg) !important;
}

.bg-google {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-google) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-google-fg {
  color: var(--tblr-google-fg) !important;
}

.bg-youtube {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-youtube) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-youtube-fg {
  color: var(--tblr-youtube-fg) !important;
}

.bg-vimeo {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-vimeo) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-vimeo-fg {
  color: var(--tblr-vimeo-fg) !important;
}

.bg-dribbble {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-dribbble) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-dribbble-fg {
  color: var(--tblr-dribbble-fg) !important;
}

.bg-github {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-github) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-github-fg {
  color: var(--tblr-github-fg) !important;
}

.bg-instagram {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-instagram) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-instagram-fg {
  color: var(--tblr-instagram-fg) !important;
}

.bg-pinterest {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-pinterest) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-pinterest-fg {
  color: var(--tblr-pinterest-fg) !important;
}

.bg-vk {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-vk) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-vk-fg {
  color: var(--tblr-vk-fg) !important;
}

.bg-rss {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-rss) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-rss-fg {
  color: var(--tblr-rss-fg) !important;
}

.bg-flickr {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-flickr) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-flickr-fg {
  color: var(--tblr-flickr-fg) !important;
}

.bg-bitbucket {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-bitbucket) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-bitbucket-fg {
  color: var(--tblr-bitbucket-fg) !important;
}

.bg-tabler {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-tabler) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.text-tabler-fg {
  color: var(--tblr-tabler-fg) !important;
}

.bg-inverted {
  --tblr-bg-opacity:1;
  background-color: color-mix(in srgb, var(--tblr-bg-surface-inverted) calc(var(--tblr-bg-opacity) * 100%), transparent) !important;
}

.bg-surface {
  background-color: var(--tblr-bg-surface) !important;
}

.bg-surface-secondary {
  background-color: var(--tblr-bg-surface-secondary) !important;
}

.bg-surface-tertiary {
  background-color: var(--tblr-bg-surface-tertiary) !important;
}

.bg-surface-backdrop {
  background-color: color-mix(in srgb, var(--tblr-gray-800) 24%, transparent) !important;
}

.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.scrollable.hover {
  overflow-y: hidden;
}

.scrollable.hover > * {
  margin-top: -1px;
}

.scrollable.hover:active, .scrollable.hover:focus, .scrollable.hover:hover {
  overflow: visible;
  overflow-y: auto;
}

.touch .scrollable {
  overflow-y: auto !important;
}

.scroll-x, .scroll-y {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.scroll-y {
  overflow-y: auto;
}

.scroll-x {
  overflow-x: auto;
}

.no-scroll {
  overflow: hidden;
}

.w-0 {
  width: 0 !important;
}

.h-0 {
  height: 0 !important;
}

.w-1 {
  width: 0.25rem !important;
}

.h-1 {
  height: 0.25rem !important;
}

.w-2 {
  width: 0.5rem !important;
}

.h-2 {
  height: 0.5rem !important;
}

.w-3 {
  width: 1rem !important;
}

.h-3 {
  height: 1rem !important;
}

.w-4 {
  width: 1.5rem !important;
}

.h-4 {
  height: 1.5rem !important;
}

.w-5 {
  width: 2rem !important;
}

.h-5 {
  height: 2rem !important;
}

.w-6 {
  width: 2.5rem !important;
}

.h-6 {
  height: 2.5rem !important;
}

.w-auto {
  width: auto !important;
}

.h-auto {
  height: auto !important;
}

.w-px {
  width: 1px !important;
}

.h-px {
  height: 1px !important;
}

.w-full {
  width: 100% !important;
}

.h-full {
  height: 100% !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-5 {
  opacity: 0.05 !important;
}

.opacity-10 {
  opacity: 0.1 !important;
}

.opacity-15 {
  opacity: 0.15 !important;
}

.opacity-20 {
  opacity: 0.2 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-30 {
  opacity: 0.3 !important;
}

.opacity-35 {
  opacity: 0.35 !important;
}

.opacity-40 {
  opacity: 0.4 !important;
}

.opacity-45 {
  opacity: 0.45 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-55 {
  opacity: 0.55 !important;
}

.opacity-60 {
  opacity: 0.6 !important;
}

.opacity-65 {
  opacity: 0.65 !important;
}

.opacity-70 {
  opacity: 0.7 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-80 {
  opacity: 0.8 !important;
}

.opacity-85 {
  opacity: 0.85 !important;
}

.opacity-90 {
  opacity: 0.9 !important;
}

.opacity-95 {
  opacity: 0.95 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.hover-shadow-sm:hover {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.hover-shadow:hover {
  box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0 !important;
}

.hover-shadow-lg:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.hover-shadow-none:hover {
  box-shadow: none !important;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}


/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *
 *= require trix
*/
/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-header-align-items: center;
  --dt-html-background: white;
}

:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}

table.dataTable tbody td.dt-control {
  text-align: center;
  cursor: pointer;
}

table.dataTable tbody td.dt-control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable tbody tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

table.dataTable tfoot:empty {
  display: none;
}

html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable td.dt-control:before,
:root[data-theme=dark] table.dataTable td.dt-control:before {
  border-left-color: rgba(255, 255, 255, 0.5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: transparent;
}

div.dt-scroll {
  width: 100%;
}

div.dt-scroll-body thead tr,
div.dt-scroll-body tfoot tr {
  height: 0;
}

div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
div.dt-scroll-body tfoot tr th,
div.dt-scroll-body tfoot tr td {
  height: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}

div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "▲";
  content: "▲"/"";
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "▼";
  content: "▼"/"";
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: relative;
  width: 12px;
  height: 20px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.125;
  line-height: 9px;
  font-size: 0.8em;
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
table.dataTable thead > tr > td.dt-orderable-asc,
table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
table.dataTable thead > tr > td.dt-orderable-asc:hover,
table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6;
}

table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  display: none;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead > tr > th div.dt-column-header,
table.dataTable thead > tr > th div.dt-column-footer,
table.dataTable thead > tr > td div.dt-column-header,
table.dataTable thead > tr > td div.dt-column-footer,
table.dataTable tfoot > tr > th div.dt-column-header,
table.dataTable tfoot > tr > th div.dt-column-footer,
table.dataTable tfoot > tr > td div.dt-column-header,
table.dataTable tfoot > tr > td div.dt-column-footer {
  display: flex;
  justify-content: space-between;
  align-items: var(--dt-header-align-items);
  gap: 4px;
}

table.dataTable thead > tr > th div.dt-column-header span.dt-column-title,
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title,
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title,
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title,
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title,
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title,
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title,
table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title {
  flex-grow: 1;
}

table.dataTable thead > tr > th div.dt-column-header span.dt-column-title:empty,
table.dataTable thead > tr > th div.dt-column-footer span.dt-column-title:empty,
table.dataTable thead > tr > td div.dt-column-header span.dt-column-title:empty,
table.dataTable thead > tr > td div.dt-column-footer span.dt-column-title:empty,
table.dataTable tfoot > tr > th div.dt-column-header span.dt-column-title:empty,
table.dataTable tfoot > tr > th div.dt-column-footer span.dt-column-title:empty,
table.dataTable tfoot > tr > td div.dt-column-header span.dt-column-title:empty,
table.dataTable tfoot > tr > td div.dt-column-footer span.dt-column-title:empty {
  display: none;
}

div.dt-scroll-body > table.dataTable > thead > tr > th,
div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}

:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}

div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -22px;
  text-align: center;
  padding: 2px;
  z-index: 10;
}

div.dt-processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}

div.dt-processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(13, 110, 253);
  background: rgb(var(--dt-row-selected));
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dt-processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable th,
table.dataTable td {
  box-sizing: border-box;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: right;
}

table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer {
  flex-direction: row-reverse;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-left div.dt-column-header,
table.dataTable th.dt-left div.dt-column-footer,
table.dataTable td.dt-left div.dt-column-header,
table.dataTable td.dt-left div.dt-column-footer {
  flex-direction: row;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-right div.dt-column-header,
table.dataTable th.dt-right div.dt-column-footer,
table.dataTable td.dt-right div.dt-column-header,
table.dataTable td.dt-right div.dt-column-footer {
  flex-direction: row-reverse;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-justify div.dt-column-header,
table.dataTable th.dt-justify div.dt-column-footer,
table.dataTable td.dt-justify div.dt-column-header,
table.dataTable td.dt-justify div.dt-column-footer {
  flex-direction: row;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable th.dt-empty,
table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: left;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-left div.dt-column-header,
table.dataTable thead th.dt-head-left div.dt-column-footer,
table.dataTable thead td.dt-head-left div.dt-column-header,
table.dataTable thead td.dt-head-left div.dt-column-footer,
table.dataTable tfoot th.dt-head-left div.dt-column-header,
table.dataTable tfoot th.dt-head-left div.dt-column-footer,
table.dataTable tfoot td.dt-head-left div.dt-column-header,
table.dataTable tfoot td.dt-head-left div.dt-column-footer {
  flex-direction: row;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-right div.dt-column-header,
table.dataTable thead th.dt-head-right div.dt-column-footer,
table.dataTable thead td.dt-head-right div.dt-column-header,
table.dataTable thead td.dt-head-right div.dt-column-footer,
table.dataTable tfoot th.dt-head-right div.dt-column-header,
table.dataTable tfoot th.dt-head-right div.dt-column-footer,
table.dataTable tfoot td.dt-head-right div.dt-column-header,
table.dataTable tfoot td.dt-head-right div.dt-column-footer {
  flex-direction: row-reverse;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-justify div.dt-column-header,
table.dataTable thead th.dt-head-justify div.dt-column-footer,
table.dataTable thead td.dt-head-justify div.dt-column-header,
table.dataTable thead td.dt-head-justify div.dt-column-footer,
table.dataTable tfoot th.dt-head-justify div.dt-column-header,
table.dataTable tfoot th.dt-head-justify div.dt-column-footer,
table.dataTable tfoot td.dt-head-justify div.dt-column-header,
table.dataTable tfoot td.dt-head-justify div.dt-column-footer {
  flex-direction: row;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

:root {
  --dt-header-align-items: flex-end;
}

/*! Bootstrap 5 integration for DataTables
 *
 * ©2020 SpryMedia Ltd, all rights reserved.
 * License: MIT datatables.net/license/mit
 */
table.table.dataTable {
  clear: both;
  margin-bottom: 0;
  max-width: none;
  border-spacing: 0;
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: none;
}

table.table.dataTable > :not(caption) > * > * {
  background-color: var(--bs-table-bg);
}

table.table.dataTable > tbody > tr {
  background-color: transparent;
}

table.table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}

table.table.dataTable > tbody > tr.selected a {
  color: rgb(9, 10, 11);
  color: rgb(var(--dt-row-selected-link));
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
}

table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
}

div.dt-container div.dt-layout-start > *:not(:last-child) {
  margin-right: 1em;
}

div.dt-container div.dt-layout-end > *:not(:first-child) {
  margin-left: 1em;
}

div.dt-container div.dt-layout-full {
  width: 100%;
}

div.dt-container div.dt-layout-full > *:only-child {
  margin-left: auto;
  margin-right: auto;
}

div.dt-container div.dt-layout-table > div {
  display: block !important;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-start > *:not(:last-child) {
    margin-right: 0;
  }
  div.dt-container div.dt-layout-end > *:not(:first-child) {
    margin-left: 0;
  }
}
div.dt-container {
  position: relative;
}

div.dt-container div.dt-length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dt-container div.dt-length select {
  width: auto;
  display: inline-block;
  margin-right: 0.5em;
}

div.dt-container div.dt-search {
  text-align: right;
}

div.dt-container div.dt-search label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dt-container div.dt-search input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dt-container div.dt-paging {
  margin: 0;
}

div.dt-container div.dt-paging ul.pagination {
  margin: 2px 0;
  flex-wrap: wrap;
}

div.dt-container div.dt-row {
  position: relative;
}

div.dt-scroll-head table.dataTable {
  margin-bottom: 0 !important;
}

div.dt-scroll-body {
  border-bottom-color: var(--bs-border-color);
  border-bottom-width: var(--bs-border-width);
  border-bottom-style: solid;
}

div.dt-scroll-body > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dt-scroll-body > table > tbody > tr:first-child {
  border-top-width: 0;
}

div.dt-scroll-body > table > thead > tr {
  border-width: 0 !important;
}

div.dt-scroll-body > table > tbody > tr:last-child > * {
  border-bottom: none;
}

div.dt-scroll-foot > .dt-scroll-footInner {
  box-sizing: content-box;
}

div.dt-scroll-foot > .dt-scroll-footInner > table {
  margin-top: 0 !important;
  border-top: none;
}

div.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
  border-top-width: 0 !important;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-length,
  div.dt-container div.dt-search,
  div.dt-container div.dt-info,
  div.dt-container div.dt-paging {
    text-align: center;
  }
  div.dt-container .row {
    --bs-gutter-y: 0.5rem;
  }
  div.dt-container div.dt-paging ul.pagination {
    justify-content: center !important;
  }
}
table.dataTable.table-sm > thead > tr th.dt-orderable-asc, table.dataTable.table-sm > thead > tr th.dt-orderable-desc, table.dataTable.table-sm > thead > tr th.dt-ordering-asc, table.dataTable.table-sm > thead > tr th.dt-ordering-desc,
table.dataTable.table-sm > thead > tr td.dt-orderable-asc,
table.dataTable.table-sm > thead > tr td.dt-orderable-desc,
table.dataTable.table-sm > thead > tr td.dt-ordering-asc,
table.dataTable.table-sm > thead > tr td.dt-ordering-desc {
  padding-right: 0.25rem;
}

table.dataTable.table-sm > thead > tr th.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-desc span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order {
  right: 0.25rem;
}

table.dataTable.table-sm > thead > tr th.dt-type-date span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-type-numeric span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-type-date span.dt-column-order,
table.dataTable.table-sm > thead > tr td.dt-type-numeric span.dt-column-order {
  left: 0.25rem;
}

div.dt-scroll-head table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dt-container > div.row {
  margin: 0;
}

div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}

div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}

:root[data-bs-theme=dark] {
  --dt-row-hover: 255, 255, 255;
  --dt-row-stripe: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}

/* ============================================================
   ODG Portal — Design System
   Government-grade institutional interface
   Inspired by the MCRS Levy Platform design language
   ============================================================ */
:root {
  /* Surfaces */
  --bg: #ECEEF2;
  --surface: #FFFFFF;
  --surface-subtle: #F7F8FA;
  --surface-inset: #F0F2F5;
  /* Text */
  --ink: #0E1825;
  --ink-2: #2D3A4A;
  --ink-muted: #64748B;
  --ink-placeholder:#94A3B8;
  /* Brand — ODG Government Blue */
  --accent: #1A4F8A;
  --accent-deep: #0F3464;
  --accent-subtle: #EAF0F9;
  --accent-mid: #BFCFE8;
  --accent-gold: #B07F20;
  --accent-gold-lt: #F5EDD3;
  /* Borders */
  --border: #E2E6EC;
  --border-strong: #C8D1DC;
  /* Sidebar */
  --sidebar-bg: #0D1F2E;
  --sidebar-link: rgba(255, 255, 255, 0.58);
  --sidebar-hover: rgba(255, 255, 255, 0.88);
  --sidebar-active: #FFFFFF;
  --sidebar-hover-bg: rgba(255, 255, 255, 0.07);
  --sidebar-active-bg:rgba(255, 255, 255, 0.12);
  --sidebar-label: rgba(255, 255, 255, 0.30);
  --sidebar-divider: rgba(255, 255, 255, 0.06);
  /* Status */
  --success-text: #166534;
  --success-bg: #DCFCE7;
  --success-border: #BBF7D0;
  --warning-text: #92400E;
  --warning-bg: #FEF3C7;
  --warning-border: #FDE68A;
  --danger-text: #991B1B;
  --danger-bg: #FEE2E2;
  --danger-border: #FECACA;
  --info-text: #1E3A5F;
  --info-bg: #DBEAFE;
  --info-border: #BFDBFE;
  --secondary-text:#374151;
  --secondary-bg:#F3F4F6;
  --secondary-border:#E5E7EB;
  /* Neutral shares the secondary greys. Without these, .status-pill--neutral
     and .page-meta-pill--info resolved border-color to currentColor and drew
     a heavy dark outline. */
  --neutral-text: #374151;
  --neutral-bg: #F3F4F6;
  --neutral-border: #E5E7EB;
  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(14, 24, 37, 0.04);
  --shadow-sm: 0 1px 3px rgba(14, 24, 37, 0.07), 0 1px 2px rgba(14, 24, 37, 0.04);
  --shadow-md: 0 4px 12px rgba(14, 24, 37, 0.08), 0 1px 3px rgba(14, 24, 37, 0.04);
  /* Radius */
  --r-sm: 3px;
  --r: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-pill: 999px;
  --tblr-primary: #1A4F8A;
  --tblr-primary-rgb: 26, 79, 138;
  --tblr-primary-lt: #EAF0F9;
  --tblr-primary-lt-rgb: 234, 240, 249;
  --tblr-primary-fg: #FFFFFF;
  --tblr-link-color: #1A4F8A;
  --tblr-link-hover-color: #0F3464;
  --tblr-body-bg: #ECEEF2;
  --tblr-body-color: #0E1825;
  --tblr-border-color: #E2E6EC;
  --tblr-border-radius: 6px;
  --tblr-border-radius-lg: 8px;
  --tblr-border-radius-sm: 3px;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
}

body {
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--ink);
  background-color: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
.h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Manrope", system-ui, sans-serif;
  color: var(--ink);
  font-weight: 700;
  letter-spacing: -0.02em;
}

a {
  color: var(--accent);
  transition: color 100ms ease;
}

code {
  font-size: 0.8125em;
  color: var(--ink-2);
  background: var(--surface-inset);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  padding: 0.1em 0.4em;
}

.navbar-vertical[data-bs-theme=dark] {
  background-color: var(--sidebar-bg) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-top: none !important;
  box-shadow: 2px 0 16px rgba(0, 0, 0, 0.2);
}
.navbar-vertical[data-bs-theme=dark] .navbar-brand {
  padding: 1.125rem 1rem;
  border-bottom: 1px solid var(--sidebar-divider);
  background: rgba(0, 0, 0, 0.1);
  margin-bottom: 0.375rem;
  gap: 0.625rem;
}
.navbar-vertical[data-bs-theme=dark] .navbar-brand span {
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
  color: #ffffff;
}
.navbar-vertical[data-bs-theme=dark] .hr-text {
  color: var(--sidebar-label) !important;
  font-size: 0.625rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  margin: 0.75rem 0.75rem 0.1875rem !important;
}
.navbar-vertical[data-bs-theme=dark] .hr-text::before, .navbar-vertical[data-bs-theme=dark] .hr-text::after {
  border-top-color: var(--sidebar-divider) !important;
}
.navbar-vertical[data-bs-theme=dark] .navbar-nav > .nav-item > .nav-link {
  border-radius: var(--r);
  margin: 1px 0.5rem;
  padding: 0.4375rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--sidebar-link);
  transition: background 100ms ease, color 100ms ease;
}
.navbar-vertical[data-bs-theme=dark] .navbar-nav > .nav-item > .nav-link .nav-link-icon {
  color: rgba(255, 255, 255, 0.38);
  transition: color 100ms ease;
}
.navbar-vertical[data-bs-theme=dark] .navbar-nav > .nav-item > .nav-link.active {
  background: var(--sidebar-active-bg) !important;
  color: var(--sidebar-active) !important;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.navbar-vertical[data-bs-theme=dark] .navbar-nav > .nav-item > .nav-link.active .nav-link-icon {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-vertical[data-bs-theme=dark] .navbar-nav > .nav-item > .nav-link:hover:not(.active) {
  background: var(--sidebar-hover-bg);
  color: var(--sidebar-hover);
}
.navbar-vertical[data-bs-theme=dark] .dropdown-menu {
  background: rgba(5, 14, 22, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: var(--r);
  padding: 0.25rem 0.375rem;
  margin-top: 1px;
}
.navbar-vertical[data-bs-theme=dark] .dropdown-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.62);
  padding: 0.4375rem 0.625rem;
  font-size: 0.8125rem;
  font-weight: 500;
  border-radius: 4px;
  transition: background 100ms, color 100ms;
}
.navbar-vertical[data-bs-theme=dark] .dropdown-menu .dropdown-item.active {
  background: rgba(26, 79, 138, 0.8);
  color: #ffffff;
}
.navbar-vertical[data-bs-theme=dark] .dropdown-menu .dropdown-item:hover:not(.active) {
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.88);
}
.navbar-vertical[data-bs-theme=dark] .mt-auto {
  border-top: 1px solid var(--sidebar-divider);
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}
.navbar-vertical[data-bs-theme=dark] .user-chip {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  padding: 0.5rem 0.625rem 0.625rem;
  margin: 0 0.375rem 0.25rem;
  border-radius: var(--r);
  background: rgba(255, 255, 255, 0.05);
  cursor: default;
}
.navbar-vertical[data-bs-theme=dark] .user-chip-avatar {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: var(--r-sm);
  background: rgba(26, 79, 138, 0.7);
  font-size: 0.625rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.05em;
}
.navbar-vertical[data-bs-theme=dark] .user-chip-info {
  min-width: 0;
  flex: 1;
}
.navbar-vertical[data-bs-theme=dark] .user-chip-name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
}
.navbar-vertical[data-bs-theme=dark] .user-chip-role {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: rgba(176, 127, 32, 0.8);
  margin-top: 0.0625rem;
}

.gov-header {
  background: var(--surface) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: var(--shadow-xs);
  min-height: 52px;
  padding: 0;
}
.gov-header .container-xl {
  min-height: 52px;
  display: flex;
  align-items: center;
}
.gov-header .gov-header-module {
  display: flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.25rem 0.875rem;
  border-left: 1px solid var(--border);
  margin-left: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ink-muted);
  letter-spacing: 0.01em;
}
.gov-header .gov-user-avatar {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: var(--r-sm);
  background: var(--accent);
  font-size: 0.6875rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.03em;
}
.gov-header .dropdown-menu {
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
  border-radius: var(--r-md);
  overflow: hidden;
  padding: 0;
}
.gov-header .dropdown-menu .dropdown-header-section {
  padding: 0.875rem 1rem 0.75rem;
  background: var(--surface-subtle);
  border-bottom: 1px solid var(--border);
}
.gov-header .dropdown-item {
  border-radius: 0;
  padding: 0.5rem 1rem;
  color: var(--ink-2);
  font-size: 0.875rem;
  font-weight: 500;
}
.gov-header .dropdown-item:hover {
  background: var(--accent-subtle);
  color: var(--accent);
}
.gov-header .dropdown-item.text-danger:hover {
  background: #FEE2E2;
  color: #991B1B;
}

.gov-header .navbar-toggler {
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 0.3125rem 0.5rem;
  color: var(--ink-muted);
}
.gov-header .navbar-toggler:focus {
  box-shadow: 0 0 0 3px rgba(26, 79, 138, 0.15);
}

.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-xs);
}
.card .card-header {
  background: var(--surface-subtle);
  border-bottom: 1px solid var(--border);
  border-radius: var(--r-md) var(--r-md) 0 0 !important;
  padding: 0.875rem 1.25rem;
}
.card .card-title {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
  margin: 0;
}
.card .card-body {
  padding: 1.25rem;
}
.card .card-footer {
  background: var(--surface-subtle);
  border-top: 1px solid var(--border);
  border-radius: 0 0 var(--r-md) var(--r-md) !important;
  padding: 0.75rem 1.25rem;
}
.card.card-sm .card-header {
  padding: 0.625rem 1rem;
}
.card.card-sm .card-body {
  padding: 0.875rem 1rem;
}

.table {
  font-size: 0.875rem;
  font-family: "Manrope", system-ui, sans-serif;
}
.table thead th {
  background: var(--surface-subtle);
  border-bottom: 2px solid var(--border-strong) !important;
  color: var(--ink-muted);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 0.625rem 0.875rem;
  white-space: nowrap;
}
.table tbody td {
  padding: 0.6875rem 0.875rem;
  border-bottom: 1px solid #EEF0F4;
  vertical-align: middle;
  color: var(--ink);
}
.table tbody tr:hover > td {
  background: var(--accent-subtle);
  transition: background 80ms ease;
}
.table tbody tr:last-child > td {
  border-bottom: none;
}

.table-vcenter td, .table-vcenter th {
  vertical-align: middle;
}

.page-header {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  padding: 1.25rem 0;
  margin-bottom: 1.5rem !important;
}

.page-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.02em;
  margin: 0;
  line-height: 1.25;
}

.page-pretitle {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 0.25rem;
}

.page-subtitle {
  margin: 0.3125rem 0 0;
  font-size: 0.875rem;
  color: var(--ink-muted);
}

.eyebrow {
  display: block;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 0.375rem;
}

.breadcrumb {
  font-size: 0.8125rem;
  margin: 0;
  font-weight: 500;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--border-strong);
}
.breadcrumb .breadcrumb-item a {
  color: var(--ink-muted);
  text-decoration: none;
  transition: color 100ms;
}
.breadcrumb .breadcrumb-item a:hover {
  color: var(--accent);
}
.breadcrumb .breadcrumb-item.active {
  color: var(--ink-2);
  font-weight: 600;
}

.badge {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: var(--r-sm);
  padding: 0.28em 0.6em;
}

.badge-status--success {
  background: var(--success-bg);
  color: var(--success-text);
  border: 1px solid var(--success-border);
}
.badge-status--warning {
  background: var(--warning-bg);
  color: var(--warning-text);
  border: 1px solid var(--warning-border);
}
.badge-status--danger {
  background: var(--danger-bg);
  color: var(--danger-text);
  border: 1px solid var(--danger-border);
}
.badge-status--info {
  background: var(--info-bg);
  color: var(--info-text);
  border: 1px solid var(--info-border);
}
.badge-status--neutral {
  background: var(--secondary-bg);
  color: var(--secondary-text);
  border: 1px solid var(--secondary-border);
}

.bg-primary-lt {
  background-color: var(--accent-subtle) !important;
}

.text-primary {
  color: var(--accent) !important;
}

.avatar {
  font-weight: 700;
  letter-spacing: 0.02em;
  border-radius: var(--r-sm) !important;
  font-family: "Manrope", system-ui, sans-serif;
}
.avatar.avatar-rounded {
  border-radius: 50% !important;
}

.btn {
  font-family: "Manrope", system-ui, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  border-radius: var(--r);
  transition: all 120ms ease;
}

.btn-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus {
  background: var(--accent-deep);
  border-color: var(--accent-deep);
  box-shadow: 0 0 0 3px rgba(26, 79, 138, 0.2);
}

.btn-outline-primary {
  border-color: var(--accent);
  color: var(--accent);
}
.btn-outline-primary:hover {
  background: var(--accent-subtle);
  border-color: var(--accent);
  color: var(--accent);
}

.btn-outline-secondary {
  border-color: var(--border-strong);
  color: var(--ink-muted);
  background: var(--surface);
}
.btn-outline-secondary:hover {
  background: var(--surface-subtle);
  border-color: var(--border-strong);
  color: var(--ink-2);
}

.btn-white {
  background: var(--surface);
  border: 1px solid var(--border);
  color: var(--ink-2);
}
.btn-white:hover {
  background: var(--surface-subtle);
  border-color: var(--border-strong);
}

.form-control,
.form-select {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 0.875rem;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--r);
  padding: 0.4375rem 0.75rem;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(26, 79, 138, 0.12);
  outline: none;
}
.form-control::placeholder,
.form-select::placeholder {
  color: var(--ink-placeholder);
}

.form-select:not([multiple]):not([size]),
.form-select[size="1"] {
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 0.75rem;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.form-select:not([multiple]):not([size]):disabled,
.form-select[size="1"]:disabled {
  cursor: not-allowed;
}

.form-label {
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--ink-2);
  margin-bottom: 0.3125rem;
}

.form-text,
.form-hint {
  font-size: 0.8125rem;
  color: var(--ink-muted);
  margin-top: 0.25rem;
}

.form-check-input:checked {
  background-color: var(--accent);
  border-color: var(--accent);
}

.alert {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: var(--r-md);
  border-left-width: 3px;
}

.list-group-item {
  border-color: var(--border);
  font-size: 0.875rem;
  padding: 0.75rem 1.25rem;
  color: var(--ink);
}

.list-group-flush .list-group-item {
  border-left: none;
  border-right: none;
}

.dropdown-menu {
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
  border-radius: var(--r-md);
  padding: 0.375rem;
  font-family: "Manrope", system-ui, sans-serif;
}

.dropdown-item {
  font-family: "Manrope", system-ui, sans-serif;
  border-radius: 4px;
  padding: 0.4375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ink-2);
  transition: background 100ms, color 100ms;
}
.dropdown-item:hover {
  background: var(--accent-subtle);
  color: var(--accent);
}
.dropdown-item.active, .dropdown-item:active {
  background: var(--accent);
  color: #ffffff;
}

.dropdown-header {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
  padding: 0.5rem 0.75rem 0.25rem;
}

.dropdown-divider {
  border-color: var(--border);
  margin: 0.25rem 0;
}

.progress {
  height: 5px;
  border-radius: var(--r-pill);
  background: var(--surface-inset);
}

.progress-bar {
  border-radius: var(--r-pill);
}

.odg-metric-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-top: 3px solid var(--accent);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  padding: 1.125rem 1.375rem 1.25rem;
}
.odg-metric-card .metric-label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-muted);
  margin: 0 0 0.625rem;
  font-family: "Manrope", system-ui, sans-serif;
}
.odg-metric-card .metric-value {
  font-size: 1.625rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ink);
  line-height: 1.1;
  font-family: "Manrope", system-ui, sans-serif;
}
.odg-metric-card .metric-hint {
  font-size: 0.75rem;
  color: var(--ink-muted);
  margin: 0.25rem 0 0;
}

.stat-card-link .card {
  transition: box-shadow 150ms ease, transform 150ms ease, border-color 150ms ease;
  cursor: pointer;
}

.stat-card-link:hover .card {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
  border-color: var(--accent-mid);
}

.scholarship-chart-card {
  min-height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scholarship-chart-card .chartkick {
  width: 100%;
}

.scholarship-chart-card .card-header {
  min-height: 64px;
  align-items: center;
}

.dashboard-empty-state {
  width: 100%;
  text-align: center;
  padding: 1.5rem;
  color: var(--ink-muted);
  border: 1px dashed var(--border-strong);
  border-radius: var(--r-md);
  background: var(--surface-subtle);
  font-size: 0.875rem;
}

.scholarship-show-hero {
  background: linear-gradient(135deg, #0D1F2E 0%, #1a4a82 100%);
  border-radius: var(--r-md);
  padding: 1.5rem 1.75rem;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
  border-top: 3px solid var(--accent-gold);
}
.scholarship-show-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.018) 0px, rgba(255, 255, 255, 0.018) 1px, transparent 1px, transparent 44px);
  pointer-events: none;
}
.scholarship-show-hero > * {
  position: relative;
  z-index: 1;
}
.scholarship-show-hero .hero-pretitle {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: rgba(176, 127, 32, 0.85);
  margin-bottom: 0.25rem;
}
.scholarship-show-hero .hero-name {
  font-size: 1.375rem;
  font-weight: 700;
  color: #fff;
  margin: 0 0 0.5rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.scholarship-show-hero .hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
}

.section-chevron {
  transition: transform 0.2s ease;
  color: var(--ink-muted);
}

.collapsed .section-chevron {
  transform: rotate(-90deg);
}

.quick-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  border-radius: var(--r-md) var(--r-md) 0 0;
  padding: 0.5rem 0.875rem;
  display: flex;
  gap: 0.25rem;
  flex-wrap: wrap;
  align-items: center;
  overflow-x: auto;
  box-shadow: 0 2px 8px rgba(14, 24, 37, 0.04);
}
.quick-nav a {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ink-muted);
  text-decoration: none;
  padding: 0.25rem 0.625rem;
  border-radius: var(--r);
  white-space: nowrap;
  transition: background 100ms, color 100ms;
}
.quick-nav a:hover {
  background: var(--accent-subtle);
  color: var(--accent);
}

.quick-nav-label {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--ink-placeholder);
  margin-right: 0.25rem;
  white-space: nowrap;
}

.status-hero-card {
  border-left: 4px solid;
  border-radius: var(--r-md);
}

.card > .card-header[data-bs-toggle=collapse] {
  cursor: pointer;
  user-select: none;
}
.card > .card-header[data-bs-toggle=collapse]:hover {
  background: var(--surface-inset);
}

div.dt-container {
  padding: 0;
  font-family: "Manrope", system-ui, sans-serif;
}
div.dt-container .dt-layout-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0;
}
div.dt-container .dt-layout-row.dt-layout-table {
  padding: 0;
  overflow-x: auto;
}
div.dt-container .dt-search, div.dt-container .dt-length {
  padding: 0.25rem 0;
}
div.dt-container .dt-search input {
  margin-left: 0.5rem;
}
div.dt-container .dt-info {
  padding-top: 0.5rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
div.dt-container .dt-paging {
  padding-top: 0.5rem;
}
div.dt-container .dt-paging .pagination {
  margin-bottom: 0;
}

.draft-blurred {
  filter: blur(5px);
  user-select: none;
  transition: filter 0.2s ease;
}
.draft-blurred:hover {
  filter: blur(3px);
}

/* ── Authentication pages (sign in, reset password) ─────────────────────────
   Rendered inside the legacy application layout; these styles make the card
   branded, comfortable on phones, and centred without forcing page overflow. */
.auth-shell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100dvh - 12rem);
  padding: 2rem 0.25rem;
}

.auth-card {
  width: 100%;
  max-width: 25rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-md);
  padding: 2rem 1.75rem 1.75rem;
}

.auth-card__brand {
  text-align: center;
  margin-bottom: 1.5rem;
}

.auth-card__crest {
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 0.75rem;
}

.auth-card__title {
  margin: 0 0 0.25rem;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--ink);
}

.auth-card__subtitle {
  margin: 0;
  font-size: 0.78rem;
  color: var(--ink-muted);
  line-height: 1.5;
}

.auth-card .form-label {
  font-size: 0.8rem;
  font-weight: 650;
  color: var(--ink-2);
}

.auth-card .form-control {
  font-size: 1rem; /* 16px stops iOS zooming on focus */
  padding: 0.625rem 0.75rem;
}

.auth-card .form-control:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-subtle);
}

.auth-card__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.1rem;
  font-size: 0.84rem;
}

.auth-card__link {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}

.auth-card__link:hover {
  color: var(--accent-deep);
  text-decoration: underline;
}

.auth-card__submit {
  background: var(--accent);
  border-color: var(--accent);
  font-weight: 650;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

.auth-card__submit:hover,
.auth-card__submit:focus {
  background: var(--accent-deep);
  border-color: var(--accent-deep);
}

.auth-card__note {
  margin: 1.25rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
  font-size: 0.78rem;
  color: var(--ink-muted);
  line-height: 1.55;
  text-align: center;
}

.auth-card__note strong {
  color: var(--ink-2);
}

.auth-shell__foot {
  margin: 1.25rem 0 0;
  font-size: 0.72rem;
  color: var(--ink-muted);
}

/* The sign-in page renders inside the legacy layout, which normally carries a
   collapsed sidebar and a header bar. Neither offers anything to a signed-out
   visitor, so the page shows the card alone. */
body.layout-signin aside.navbar,
body.layout-signin .gov-header {
  display: none !important;
}

body.layout-signin .page-wrapper {
  margin-left: 0 !important;
}

body.layout-signin .auth-shell {
  min-height: calc(100dvh - 6rem);
}

/* Devise validation errors on the auth cards ("Email not found", …). */
.auth-errors {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  background: var(--danger-bg);
  border: 1px solid var(--danger-border);
  border-radius: var(--r);
  padding: 0.7rem 0.85rem;
  margin-bottom: 1rem;
}

.auth-errors__icon {
  color: var(--danger-text);
  font-size: 1rem;
  margin-top: 0.1rem;
  flex: none;
}

.auth-errors__message {
  margin: 0;
  font-size: 0.84rem;
  font-weight: 550;
  color: var(--danger-text);
  line-height: 1.45;
}

.auth-errors__message + .auth-errors__message {
  margin-top: 0.25rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Candidate assessment pages (take, submitted, not_open — take_public layout)
   ═══════════════════════════════════════════════════════════════════════════ */
.take-nav {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}

.take-nav__inner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.take-nav__wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

.take-nav__org {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.take-nav__unit {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--ink);
}

/* Compact hero: image + overlay, sized by its content rather than 24rem of
   padding (the old .pt-14 override). */
.take-hero {
  background-image: linear-gradient(to bottom, rgba(9, 20, 33, 0.82), rgba(9, 20, 33, 0.72)), url("https://www.gov.ms/wp-content/uploads/2020/07/IMG_0050.jpg");
  background-size: cover;
  background-position: center;
  padding: 3.5rem 0 3rem;
}

.take-hero--outcome {
  padding: 2.75rem 0 2.5rem;
}

.take-hero__eyebrow {
  margin: 0 0 0.4rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}

.take-hero__title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.5rem, 3.5vw, 2.15rem);
  font-weight: 800;
  line-height: 1.2;
  text-wrap: balance;
}

.take-hero__subtitle {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.9rem 0 0;
}

.take-hero__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.8rem;
  font-weight: 600;
}

/* Narrow reading column for the form itself. */
.take-shell {
  max-width: 46rem;
  padding-top: 1.75rem;
  padding-bottom: 3rem;
}

.take-intro {
  margin-bottom: 1.25rem;
}

.take-intro__title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 0.5rem;
}

.take-intro__list {
  margin: 0;
  padding-left: 1.1rem;
  color: var(--ink-2);
  font-size: 0.9rem;
}

.take-intro__list li + li {
  margin-top: 0.25rem;
}

.take-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-xs);
  padding: 1.25rem 1.25rem 1.35rem;
  margin-bottom: 1rem;
}

.take-card__eyebrow {
  margin: 0 0 0.45rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent);
}

.take-card--scenario {
  background: var(--accent-subtle);
  border-color: var(--accent-mid);
}

.take-scenario__content {
  color: var(--ink-2);
  font-size: 0.94rem;
  line-height: 1.6;
}

.take-scenario__content > :last-child {
  margin-bottom: 0;
}

.take-card__label {
  display: block;
  font-weight: 700;
  font-size: 0.92rem;
  color: var(--ink);
  margin-bottom: 0.45rem;
}

.take-card__optional {
  font-weight: 500;
  color: var(--ink-muted);
}

.take-card__hint {
  margin: -0.2rem 0 0.6rem;
  font-size: 0.8rem;
  color: var(--ink-muted);
}

.take-card__heading {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
  margin: 0 0 0.6rem;
}

.take-resources {
  margin: 0;
  padding-left: 1.1rem;
}

.take-resources li + li {
  margin-top: 0.3rem;
}

.take-resources__link {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}

.take-resources__link:hover {
  text-decoration: underline;
}

.take-question {
  font-size: 0.96rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.55;
  margin: 0 0 0.8rem;
}

/* Whole-row tappable choices. */
.take-choices {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.take-choice {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface-subtle);
  cursor: pointer;
  transition: border-color 0.12s ease, background-color 0.12s ease;
}

.take-choice:hover {
  border-color: var(--border-strong);
}

.take-choice:has(.take-choice__input:checked) {
  border-color: var(--accent);
  background: var(--accent-subtle);
}

.take-choice__input {
  flex: none;
  margin-top: 0.2rem;
}

.take-choice__text {
  font-size: 0.92rem;
  color: var(--ink-2);
  line-height: 1.5;
}

.take-submit {
  text-align: center;
  margin-top: 1.5rem;
}

.take-submit__note {
  font-size: 0.84rem;
  color: var(--ink-muted);
  margin-bottom: 0.75rem;
}

.take-submit__btn {
  min-width: 16rem;
  padding: 0.65rem 1.5rem;
  font-weight: 700;
}

/* Outcome pages (submitted / not open). */
.take-card--outcome {
  text-align: center;
  padding: 2.25rem 1.5rem;
}

.take-outcome__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  font-size: 1.6rem;
  margin-bottom: 0.9rem;
}

.take-outcome__icon--success {
  background: var(--success-bg);
  color: var(--success-text);
}

.take-outcome__icon--muted {
  background: var(--surface-inset);
  color: var(--ink-muted);
}

.take-outcome__heading {
  font-size: 1.25rem;
  font-weight: 750;
  color: var(--ink);
  margin-bottom: 0.6rem;
}

.take-card--outcome p {
  color: var(--ink-2);
  max-width: 34rem;
  margin-left: auto;
  margin-right: auto;
}

.take-outcome__note {
  font-size: 0.86rem;
  color: var(--ink-muted) !important;
  margin-bottom: 0;
}

@media (max-width: 575.98px) {
  .take-hero {
    padding: 2.25rem 0 2rem;
  }
  .take-submit__btn {
    display: block;
    width: 100%;
    min-width: 0;
  }
}
:root {
  --admin-sidebar-width: 240px;
}

body.admin-portal {
  background-color: var(--bg);
}

.layout-frame {
  display: grid;
  min-height: 100vh;
  grid-template-columns: var(--admin-sidebar-width) 1fr;
}

.sidebar-panel {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--sidebar-bg);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}

.sidebar-panel::-webkit-scrollbar {
  display: none;
}

.sidebar-backdrop {
  display: none;
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem 1rem 1.125rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: 0.5rem;
}

.brand-mark-shell {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: var(--r);
  background: rgba(255, 255, 255, 0.96);
  overflow: hidden;
}

.brand-logo {
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
}

.brand-title {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.sidebar-kicker {
  margin: 0 0 0.125rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
}

.brand-subtitle {
  display: none;
}

.sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 0.25rem 0.625rem;
  flex: 1;
}

.sidebar-group {
  margin: 0;
}

.sidebar-group summary {
  list-style: none;
}

.sidebar-group summary::-webkit-details-marker {
  display: none;
}

.sidebar-group__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 0.25rem 0.5rem 0.375rem;
  cursor: pointer;
  user-select: none;
}

.sidebar-group__label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sidebar-label);
}

.sidebar-group__chevron {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.34);
  transition: transform 150ms ease, color 150ms ease;
}

.sidebar-group[open] .sidebar-group__chevron {
  transform: rotate(180deg);
}

.sidebar-group--active .sidebar-group__label,
.sidebar-group__toggle:hover .sidebar-group__label {
  color: rgba(255, 255, 255, 0.72);
}

.sidebar-group--active .sidebar-group__chevron,
.sidebar-group__toggle:hover .sidebar-group__chevron {
  color: rgba(255, 255, 255, 0.58);
}

.sidebar-group__content {
  display: grid;
  gap: 1px;
}

.sidebar-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5625rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--r);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--sidebar-link);
  transition: background-color 100ms ease, color 100ms ease;
  border: 1px solid transparent;
}

.sidebar-link:hover {
  color: var(--sidebar-hover);
  background-color: var(--sidebar-hover-bg);
}

.sidebar-link.active {
  color: var(--sidebar-active);
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.07);
  font-weight: 600;
}

.sidebar-link-text {
  display: inline-flex;
  align-items: center;
  gap: 0.5625rem;
}

.sidebar-link .ti {
  font-size: 1rem;
  flex-shrink: 0;
  width: 1.125rem;
  text-align: center;
}

.sidebar-link-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.25rem;
  border-radius: 999px;
  background: rgba(176, 127, 32, 0.92);
  color: #ffffff;
  font-size: 0.625rem;
  font-weight: 700;
}

.sidebar-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
  margin: 0.5rem 0.625rem;
}

.sidebar-footer {
  flex-shrink: 0;
  padding: 0.625rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.user-chip {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  padding: 0.5rem 0.375rem 0.625rem;
}

.user-chip-avatar {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: var(--r-sm);
  background: rgba(255, 255, 255, 0.14);
  font-size: 0.625rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.05em;
}

.user-chip-info {
  min-width: 0;
  flex: 1;
}

.user-chip-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-chip-role {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
  margin-top: 0.05rem;
}

.sidebar-footer-actions {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.sidebar-footer-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5625rem;
  width: 100%;
  padding: 0.5rem 0.625rem;
  border-radius: var(--r);
  border: 1px solid transparent;
  background: transparent;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.875rem;
  font-weight: 500;
  transition: background-color 100ms ease, color 100ms ease;
}

.sidebar-footer-link:hover {
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.08);
}

.sidebar-footer-link--danger:hover {
  background: rgba(153, 27, 27, 0.18);
}

.main-panel {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.topbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 2rem;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 10;
}

.admin-page--scholarship-show .topbar {
  position: relative;
  z-index: 130;
}

.topbar-spacer {
  flex: 1;
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.topbar-meta {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.topbar-date {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  min-height: 2.25rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--r);
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--ink-2);
  font-size: 0.8125rem;
  font-weight: 500;
}

.topbar-user-button {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.25rem;
  padding: 0.25rem 0.4375rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface);
  color: var(--ink);
}

.topbar-user-button:hover,
.topbar-user-button:focus {
  border-color: var(--accent);
  background: var(--accent-subtle);
  box-shadow: none;
}

.topbar-user-avatar {
  display: grid;
  place-items: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: var(--r-sm);
  background: var(--accent);
  color: #ffffff;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

.topbar-user-avatar--large {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 0.6875rem;
}

.topbar-user-chevron {
  color: var(--ink-muted);
  font-size: 0.75rem;
}

.topbar-user-copy,
.topbar-user-name,
.topbar-user-role {
  display: none !important;
}

.topbar-user-menu {
  min-width: 15rem;
}

.topbar-user-menu .dropdown-header-section {
  padding: 0.875rem 1rem 0.75rem;
  margin: -0.375rem -0.375rem 0.375rem;
  background: var(--surface-subtle);
  border-bottom: 1px solid var(--border);
}

.topbar-icon-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.55rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface);
  color: var(--ink-2);
  white-space: nowrap;
  transition: border-color 100ms ease, color 100ms ease, background-color 100ms ease;
}
.topbar-icon-button:hover, .topbar-icon-button:focus, .topbar-icon-button.active {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--accent-subtle);
  box-shadow: none;
}
.topbar-icon-button .ti {
  font-size: 1rem;
}

.topbar-icon-button--has-count {
  min-width: 3.4rem;
  padding-right: 0.6rem;
  padding-left: 0.65rem;
}

.notification-flyover-wrap {
  position: relative;
}

.notification-flyover-wrap.is-open {
  z-index: 120;
}

.notification-flyover-panel {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  width: min(28rem, 100vw - 2rem);
  z-index: 121;
}

.notification-flyover-panel::before {
  content: "";
  position: absolute;
  top: -0.375rem;
  right: 0.9375rem;
  width: 0.75rem;
  height: 0.75rem;
  border-top: 1px solid var(--border);
  border-left: 1px solid var(--border);
  background: var(--surface);
  transform: rotate(45deg);
  z-index: 1;
}

.notification-flyover-shell {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-md), 0 16px 48px rgba(14, 24, 37, 0.14);
  overflow: hidden;
  max-height: min(36rem, 100vh - 6rem);
}

.notification-flyover-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  flex-shrink: 0;
}

.notification-flyover-header__meta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.notification-flyover-header__action {
  color: var(--accent);
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.notification-flyover-header__action:hover, .notification-flyover-header__action:focus {
  color: var(--accent-strong);
  text-decoration: none;
}

.notification-flyover-title {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.notification-flyover-unread-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.3125rem;
  border-radius: var(--r-pill);
  background: var(--accent);
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
}

.notification-flyover-content {
  display: flex;
  min-height: 0;
  flex: 1;
}

.notification-flyover-content > * {
  width: 100%;
}

.notification-flyover-list {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  background: var(--surface);
  scrollbar-width: thin;
  scrollbar-color: var(--border-strong) transparent;
}

.notification-flyover-list::-webkit-scrollbar {
  width: 0.3125rem;
}

.notification-flyover-list::-webkit-scrollbar-thumb {
  background: var(--border-strong);
  border-radius: 999px;
}

.notification-flyover-item {
  display: flex;
  align-items: flex-start;
  gap: 0;
  padding: 0;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  transition: background 100ms ease, opacity 120ms ease;
  position: relative;
}
.notification-flyover-item:last-child {
  border-bottom: none;
}
.notification-flyover-item:hover, .notification-flyover-item:focus-within {
  background: var(--surface-subtle);
}
.notification-flyover-item:hover .notification-flyover-item__dismiss, .notification-flyover-item:focus-within .notification-flyover-item__dismiss {
  opacity: 1;
}
.notification-flyover-item.is-unread {
  background: var(--accent-subtle);
}
.notification-flyover-item.is-unread .notification-flyover-item__avatar {
  background: var(--accent);
  color: #fff;
}
.notification-flyover-item.is-unread:hover, .notification-flyover-item.is-unread:focus-within {
  background: color-mix(in srgb, var(--accent-subtle) 70%, var(--surface-subtle));
}
.notification-flyover-item.is-dismissing {
  opacity: 0.4;
  pointer-events: none;
}

.notification-flyover-item__link {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.75rem 0.75rem 0.75rem 1rem;
  color: inherit;
  text-decoration: none;
}
.notification-flyover-item__link:hover, .notification-flyover-item__link:focus {
  text-decoration: none;
  color: inherit;
}

.notification-flyover-item__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: var(--accent-subtle);
  color: var(--accent);
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  flex-shrink: 0;
  margin-top: 0.0625rem;
  transition: background 100ms ease, color 100ms ease;
}

.notification-flyover-item__body {
  min-width: 0;
  flex: 1;
}

.notification-flyover-item-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.1875rem;
}
.notification-flyover-item-head strong {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}
.notification-flyover-item-head time {
  flex-shrink: 0;
  font-size: 0.6875rem;
  color: var(--ink-placeholder);
  white-space: nowrap;
}

.notification-flyover-item__who {
  margin: 0 0 0.125rem;
  font-size: 0.6875rem;
  color: var(--ink-muted);
  font-weight: 500;
}

.notification-flyover-item__excerpt {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--ink-2);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notification-flyover-item__dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  border-radius: var(--r);
  background: transparent;
  color: var(--ink-placeholder);
  cursor: pointer;
  flex-shrink: 0;
  align-self: center;
  margin-right: 0.5rem;
  opacity: 0;
  transition: background 100ms ease, color 100ms ease, opacity 100ms ease;
}
.notification-flyover-item__dismiss:hover, .notification-flyover-item__dismiss:focus {
  background: var(--border);
  color: var(--ink-2);
  outline: none;
  opacity: 1;
}
.notification-flyover-item__dismiss:disabled {
  opacity: 0.5;
  cursor: wait;
}
.notification-flyover-item__dismiss .ti {
  font-size: 0.75rem;
}

.notification-flyover-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 1;
  padding: 3rem 1.5rem;
  text-align: center;
  background: var(--surface);
}
.notification-flyover-empty .ti {
  font-size: 1.375rem;
  color: var(--ink-placeholder);
}
.notification-flyover-empty p {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
  line-height: 1.5;
}

.notification-index__message strong {
  display: block;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.35;
}

.topbar-counter {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.45rem;
  height: 1.45rem;
  padding: 0 0.42rem;
  border-radius: 999px;
  background: #d14343;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  flex-shrink: 0;
  border: 2px solid var(--surface);
  box-shadow: var(--shadow-xs);
  font-variant-numeric: tabular-nums;
}

.page-content {
  padding: 1.75rem 2rem 3rem;
  flex: 1;
}

.page-header-shell {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.page-header-copy {
  min-width: 0;
}

.page-heading {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
  line-height: 1.25;
}

.page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.page-actions form {
  margin: 0;
}

.scholarship-header-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4375rem;
  min-height: 2.375rem;
  padding: 0.5rem 0.9rem;
  border-radius: var(--r);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  box-shadow: none;
}

.scholarship-header-action i {
  font-size: 0.875rem;
  line-height: 1;
}

.scholarship-header-action.btn-outline-secondary {
  border-color: var(--border-strong);
  background: var(--surface);
  color: var(--ink-2);
}

.scholarship-header-action.btn-outline-secondary:hover,
.scholarship-header-action.btn-outline-secondary:focus {
  border-color: var(--border-strong);
  background: var(--surface-subtle);
  color: var(--ink);
  box-shadow: none;
}

.scholarship-header-action--primary {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.scholarship-header-action--primary:hover,
.scholarship-header-action--primary:focus {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.custom-email-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 1.5rem;
  align-items: start;
}

@media (max-width: 1100px) {
  .custom-email-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}
.custom-email-compose-card {
  border-color: var(--border);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
  overflow: hidden;
}

.custom-email-compose-card .card-body {
  padding: 0;
}

.custom-email-section {
  padding: 1.35rem 1.5rem;
}

.custom-email-section + .custom-email-section {
  border-top: 1px solid var(--border);
}

.custom-email-section__header {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.custom-email-section__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: var(--r-sm);
  background: var(--info-bg);
  color: var(--info-text);
  font-size: 1rem;
}

.custom-email-section__header h3, .custom-email-section__header .h3 {
  margin: 0;
  color: var(--ink);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.4;
}

.custom-email-section__header p {
  margin: 0.15rem 0 0;
  color: var(--ink-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
}

.custom-email-selection-panel {
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
  padding: 0.875rem 1rem;
}

.custom-email-control {
  border-color: var(--border-strong);
  background-color: var(--surface);
}

.custom-email-control:focus {
  border-color: var(--primary, #2563eb);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

.custom-email-message {
  line-height: 1.65;
  resize: vertical;
  min-height: 220px;
}

.custom-email-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-end;
}

.custom-email-actions .btn-link {
  margin-right: auto;
  padding-left: 0;
}

/* Live preview pane, styled as the email the applicant receives */
.custom-email-preview {
  position: sticky;
  top: 1.25rem;
  min-width: 0;
}

.custom-email-preview__label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--ink-muted);
  margin-bottom: 0.6rem;
}

.custom-email-preview-card {
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.custom-email-preview-card__head {
  padding: 1rem 1.25rem;
  background: var(--surface-subtle);
  border-bottom: 1px solid var(--border);
}

.custom-email-preview-meta {
  display: flex;
  gap: 0.6rem;
  align-items: baseline;
  font-size: 0.8rem;
  color: var(--ink-muted);
  margin-bottom: 0.3rem;
}

.custom-email-preview-meta__key {
  flex: 0 0 2.6rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.66rem;
  font-weight: 700;
}

.custom-email-preview-subject {
  margin-top: 0.55rem;
  font-weight: 700;
  color: var(--ink);
  font-size: 0.95rem;
  line-height: 1.4;
  overflow-wrap: break-word;
}

.custom-email-preview-card__body {
  padding: 1.15rem 1.25rem;
  font-size: 0.875rem;
  color: var(--ink);
}

.custom-email-preview-card__body p {
  margin: 0 0 0.9rem;
}

.custom-email-preview-body {
  white-space: pre-wrap;
  line-height: 1.65;
  margin-bottom: 0.9rem;
  overflow-wrap: break-word;
}

.custom-email-preview-body:empty::before {
  content: "(your message will appear here)";
  color: var(--ink-muted);
}

.custom-email-preview-attachment {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.75rem;
  border: 1px dashed var(--border-strong);
  border-radius: var(--r-sm);
  background: var(--surface-subtle);
  font-size: 0.8125rem;
}

.custom-email-preview-attachment.d-none {
  display: none !important;
}

.custom-email-preview-reference {
  border-top: 1px solid var(--border);
  padding-top: 0.9rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
  line-height: 1.9;
}

.custom-email-preview-reference__title {
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 0.15rem;
}

.custom-email-token {
  display: inline-block;
  padding: 0 0.45rem;
  border-radius: 0.35rem;
  background: var(--info-bg);
  color: var(--info-text);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.5rem;
  vertical-align: baseline;
}

.custom-email-preview-card__foot {
  padding: 0.7rem 1.25rem;
  border-top: 1px solid var(--border);
  background: var(--surface-subtle);
  font-size: 0.75rem;
  color: var(--ink-muted);
  line-height: 1.5;
}

.scholarship-actions-toggle {
  position: relative;
}

.scholarship-actions-toggle::after {
  display: none;
}

.scholarship-actions-toggle__chevron {
  margin-left: 0.125rem;
  font-size: 0.875rem;
  transition: transform 150ms ease;
}

.scholarship-actions-toggle.show .scholarship-actions-toggle__chevron {
  transform: rotate(180deg);
}

.scholarship-actions-dropdown .dropdown-menu {
  min-width: 14rem;
  margin-top: 0.4rem;
}

.scholarship-show-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4375rem;
  min-height: 2.125rem;
  padding: 0.4375rem 0.8125rem;
  border-radius: var(--r);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}

.scholarship-show-btn i {
  font-size: 0.875rem;
  line-height: 1;
}

.page-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-muted);
}

.page-back-link:hover {
  color: var(--accent);
}

.page-meta-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.7rem;
  margin-top: 0.7rem;
}

/* Plain facts about the record — not controls, so no box. */
.page-meta-item {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.page-meta-item + .page-meta-item::before {
  content: "·";
  margin-right: 0.4rem;
  color: var(--ink-placeholder);
}

.page-meta-item .page-meta-value {
  font-weight: 600;
  color: var(--ink-2);
}

.page-meta-item .page-meta-label {
  font-weight: 500;
  color: var(--ink-muted);
}

.page-meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.25rem 0.5625rem;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--surface);
  font-size: 0.75rem;
  color: var(--ink-2);
}

.page-meta-label {
  font-weight: 600;
  color: var(--ink-muted);
}

.page-meta-value {
  font-weight: 600;
}

.page-meta-pill--success {
  border-color: var(--success-border);
  background: var(--success-bg);
  color: var(--success-text);
}

.page-meta-pill--warning {
  border-color: var(--warning-border);
  background: var(--warning-bg);
  color: var(--warning-text);
}

.page-meta-pill--danger {
  border-color: var(--danger-border);
  background: var(--danger-bg);
  color: var(--danger-text);
}

.page-meta-pill--info {
  border-color: var(--neutral-border);
  background: var(--neutral-bg);
  color: var(--neutral-text);
}

.page-meta-pill--neutral {
  border-color: var(--border);
  background: var(--surface-subtle);
  color: var(--ink-2);
}

.flash-region {
  margin-bottom: 1rem;
}

.flash-region .container-xl {
  padding-top: 0 !important;
}

.flash-stack {
  display: grid;
  gap: 0.75rem;
}

.flash-card {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  padding: 0.9rem 1rem;
  border-radius: var(--r-md);
  border: 1px solid var(--border);
  background: var(--surface);
  box-shadow: var(--shadow-xs);
}

.page-header {
  background: transparent;
  border-bottom: 0;
  padding: 0;
  margin-bottom: 1.5rem !important;
}

.page-header .container-xl {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.page-title {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
  line-height: 1.25;
}

.page-pretitle {
  display: block;
  margin: 0 0 0.4375rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--accent);
}

.page-subtitle {
  margin: 0.375rem 0 0;
  font-size: 0.875rem;
  color: var(--ink-muted);
  max-width: 56rem;
}

.card {
  border-radius: var(--r-md) !important;
  box-shadow: var(--shadow-xs);
}

.card .card-header {
  padding: 0.875rem 1.25rem;
}

.card .card-body {
  padding: 1.25rem;
}

.dashboard-hero {
  padding-top: 0;
}

.dashboard-hero-inner {
  padding: 1.25rem 1.375rem;
  border-radius: var(--r-md);
  background: var(--surface);
  border: 1px solid var(--border);
  border-top: 3px solid var(--accent);
  box-shadow: var(--shadow-xs);
}

.dashboard-hero-inner::before {
  display: none;
}

.dashboard-hero-inner > * {
  position: static;
}

.dashboard-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
  color: var(--accent);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dashboard-hero-title {
  margin: 0;
  color: var(--ink);
  font-size: 1.5rem;
  line-height: 1.2;
}

.dashboard-hero-sub {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  color: var(--ink-muted);
  font-size: 0.875rem;
}

.dashboard-hero-role {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink-2);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.dashboard-hero-sep {
  opacity: 0.4;
}

.dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 1rem;
  margin: 1.25rem 0 1.5rem;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.metric-card-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.metric-card-link:hover {
  color: inherit;
}

.metric-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-top: 3px solid var(--accent);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  padding: 1.125rem 1.375rem 1.25rem;
  min-height: 100%;
}

.metric-card--success {
  border-top-color: #166534;
}

.metric-card--warning {
  border-top-color: #D97706;
}

.metric-card--danger {
  border-top-color: #991B1B;
}

.metric-card--info {
  border-top-color: #1D6FA8;
}

.metric-card--neutral {
  border-top-color: #64748B;
}

.metric-card--active {
  box-shadow: inset 0 0 0 1px var(--accent);
}

.metric-label {
  margin: 0 0 0.625rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.metric-card h3, .metric-card .h3 {
  margin: 0 0 0.3125rem;
  font-size: 1.625rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ink);
  line-height: 1.1;
}

.metric-hint {
  margin: 0;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.section-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

.section-grid--equal {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.section-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.detail-grid {
  display: grid;
  grid-template-columns: 1.75fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

.card-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.shell-table,
.detail-card,
.shell-form-card,
.chart-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
}

.shell-table,
.detail-card,
.shell-form-card {
  padding: 1.25rem 1.5rem;
}

.shell-form-card {
  background: var(--surface-subtle);
}

.card-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.875rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid var(--border);
}

.card-title-row h3, .card-title-row .h3,
.detail-card > h3,
.detail-card > .h3,
.shell-form-card > h3,
.shell-form-card > .h3,
.shell-table > h3,
.shell-table > .h3,
.chart-title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.card-subtitle,
.chart-subtitle {
  margin: 0.1875rem 0 0;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.inline-note {
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.filter-form,
.shell-form {
  display: grid;
  gap: 0.875rem;
}

.filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.875rem;
}

.field-group {
  display: grid;
  gap: 0.3125rem;
}

.field-group--full {
  grid-column: 1/-1;
}

.field-group label,
.field-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-2);
}

.field-group input:not([type=checkbox]),
.field-group select,
.field-group textarea {
  width: 100%;
  padding: 0.5rem 0.6875rem;
  font-family: inherit;
  font-size: 0.875rem;
  color: var(--ink);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--r);
  transition: border-color 100ms, box-shadow 100ms;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
}

.field-group select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
  padding-right: 2.125rem;
  cursor: pointer;
}

.field-group input:not([type=checkbox]):focus,
.field-group select:focus,
.field-group textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(26, 79, 138, 0.11);
}

.field-group input:not([type=checkbox])::placeholder,
.field-group textarea::placeholder {
  color: var(--ink-placeholder);
}

.checkbox-row {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ink-2);
  cursor: pointer;
}

.checkbox-input {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--accent);
  cursor: pointer;
}

.form-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.shell-form-card .form-actions-row {
  padding-top: 0.875rem;
  margin-top: 0.375rem;
  border-top: 1px solid var(--border);
}

.table-responsive {
  overflow-x: auto;
}

.shell-table .table-responsive {
  margin: 0 -1.5rem;
  padding: 0 1.5rem;
}

.shell-table table {
  width: 100%;
  border-collapse: collapse;
}

.shell-table thead th {
  padding: 0 0.875rem 0.5625rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
  text-align: left;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
}

.shell-table tbody td {
  padding: 0.75rem 0.875rem;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
  color: var(--ink-2);
  font-size: 0.875rem;
}

.shell-table tbody tr:last-child td {
  border-bottom: none;
}

.shell-table tbody tr:hover td {
  background: var(--surface-subtle);
}

.shell-table tbody td a:not(.btn) {
  color: var(--accent);
  font-weight: 500;
}

.shell-table tbody td a:not(.btn):hover {
  color: var(--accent-deep);
}

.table-note {
  display: block;
  margin-top: 0.1875rem;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  justify-content: flex-end;
}

.detail-list {
  display: flex;
  flex-direction: column;
}

.detail-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.875rem 0;
  border-bottom: 1px solid var(--border);
}

.detail-item:first-child {
  padding-top: 0;
}

.detail-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.detail-item label {
  display: block;
  min-width: 10rem;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.detail-item > div {
  min-width: 0;
  flex: 1;
  text-align: right;
}

.detail-item strong {
  display: block;
  font-size: 0.875rem;
  color: var(--ink);
}

.detail-item p {
  margin: 0.1875rem 0 0;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 0.25rem 0.5625rem;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--surface-subtle);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--ink-2);
}

.status-pill--success {
  border-color: var(--success-border);
  background: var(--success-bg);
  color: var(--success-text);
}

.status-pill--warning {
  border-color: var(--warning-border);
  background: var(--warning-bg);
  color: var(--warning-text);
}

.status-pill--danger {
  border-color: var(--danger-border);
  background: var(--danger-bg);
  color: var(--danger-text);
}

.status-pill--info {
  border-color: var(--info-border);
  background: var(--info-bg);
  color: var(--info-text);
}

.status-pill--neutral {
  border-color: var(--neutral-border);
  background: var(--neutral-bg);
  color: var(--neutral-text);
}

.admin-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface);
  box-shadow: var(--shadow-xs);
}

.admin-filter-form {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.admin-filter-field {
  min-width: 11rem;
}

.admin-search-field {
  min-width: 18rem;
  flex: 1 1 18rem;
}

.admin-filter-results {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.surface-note {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-bottom: 1rem;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface);
  color: var(--ink-2);
}

.surface-note--warning {
  border-color: var(--warning-border);
  background: var(--warning-bg);
  color: var(--warning-text);
}

.surface-note .ti {
  font-size: 1rem;
  margin-top: 0.0625rem;
}

.scholarship-admin-index {
  padding-bottom: 2rem;
}

.scholarship-role-guide {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  padding: 1rem 1.25rem;
}

.scholarship-role-guide__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.scholarship-role-guide__title {
  color: var(--ink);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.scholarship-role-guide__subtitle {
  color: var(--ink-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
  margin: 0.25rem 0 0;
}

.scholarship-role-guide__current-role {
  align-items: center;
  background: var(--accent-subtle);
  border: 1px solid rgba(26, 79, 138, 0.16);
  border-radius: 999px;
  color: var(--accent);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.4375rem 0.625rem;
  white-space: nowrap;
}

.scholarship-role-guide__grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}

.scholarship-role-guide__panel {
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
}

.scholarship-role-guide__summary {
  align-items: center;
  cursor: pointer;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  list-style: none;
  padding: 0.875rem 1rem;
}

.scholarship-role-guide__summary::-webkit-details-marker {
  display: none;
}

.scholarship-role-guide__icon {
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  color: var(--accent);
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.scholarship-role-guide__role,
.scholarship-role-guide__badge {
  display: block;
  min-width: 0;
}

.scholarship-role-guide__role {
  color: var(--ink);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25;
}

.scholarship-role-guide__badge {
  color: var(--ink-muted);
  font-size: 0.75rem;
  line-height: 1.3;
  margin-top: 0.125rem;
}

.scholarship-role-guide__chevron {
  color: var(--ink-muted);
  transition: transform 150ms ease;
}

.scholarship-role-guide__panel[open] .scholarship-role-guide__chevron {
  transform: rotate(180deg);
}

.scholarship-role-guide__body {
  background: var(--surface);
  border-top: 1px solid var(--border);
  display: grid;
  gap: 1rem;
  padding: 1rem;
}

.scholarship-role-guide__overview {
  align-items: flex-start;
  background: var(--accent-subtle);
  border: 1px solid rgba(26, 79, 138, 0.16);
  border-radius: var(--r);
  color: var(--accent-deep);
  display: flex;
  gap: 0.625rem;
  padding: 0.75rem 0.875rem;
}

.scholarship-role-guide__overview .ti {
  flex: 0 0 auto;
  font-size: 1rem;
  margin-top: 0.0625rem;
}

.scholarship-role-guide__overview p {
  color: var(--accent-deep);
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0;
}

.scholarship-role-guide__section h3, .scholarship-role-guide__section .h3 {
  color: var(--ink-placeholder);
  font-size: 0.6875rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 0.5rem;
  text-transform: uppercase;
}

.scholarship-role-guide__section ul {
  color: var(--ink-2);
  font-size: 0.8125rem;
  line-height: 1.45;
  margin: 0;
  padding-left: 1rem;
}

.scholarship-role-guide__section li + li {
  margin-top: 0.375rem;
}

.scholarship-role-guide__toc {
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 0.75rem;
}

.scholarship-role-guide__toc-list {
  display: grid;
  gap: 0.375rem 1rem;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  padding-left: 1.25rem !important;
}

.scholarship-role-guide__toc-list a {
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
}

.scholarship-role-guide__toc-list a:hover {
  color: var(--accent-deep);
  text-decoration: underline;
}

.scholarship-role-guide__locations {
  display: grid;
  gap: 0.5rem;
  list-style: none;
  padding-left: 0 !important;
}

.scholarship-role-guide__locations li {
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 0.625rem 0.75rem;
}

.scholarship-role-guide__locations li + li {
  margin-top: 0;
}

.scholarship-role-guide__location-link {
  color: var(--accent);
  display: inline-flex;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}

.scholarship-role-guide__location-link:hover {
  color: var(--accent-deep);
  text-decoration: underline;
}

.scholarship-role-guide__location-detail {
  color: var(--ink-muted);
  display: block;
  font-size: 0.78125rem;
  line-height: 1.4;
  margin-top: 0.1875rem;
}

.scholarship-role-guide__screenshots {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  margin-bottom: 0.875rem;
}

.scholarship-role-guide__screenshot {
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r);
  margin: 0;
  overflow: hidden;
}

.scholarship-role-guide__screenshot--inline {
  margin: 0;
}

.scholarship-role-guide__screenshot-link {
  background: #e9edf3;
  display: block;
  text-decoration: none;
}

.scholarship-role-guide__screenshot img {
  aspect-ratio: 16/9;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.scholarship-role-guide__screenshot figcaption {
  color: var(--ink-muted);
  font-size: 0.78125rem;
  line-height: 1.45;
  padding: 0.6875rem 0.75rem 0.75rem;
}

.scholarship-role-guide__screenshot figcaption span {
  color: var(--ink);
  display: block;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 0.125rem;
}

.scholarship-role-guide__item-title {
  color: var(--ink);
  display: block;
  font-weight: 700;
  line-height: 1.35;
}

.scholarship-role-guide__item-body {
  color: var(--ink-2);
  display: block;
  line-height: 1.45;
  margin-top: 0.125rem;
}

.scholarship-role-guide__item--danger {
  background: var(--danger-bg);
  border: 1px solid var(--danger-border);
  border-radius: var(--r);
  list-style: none;
  margin-left: -1rem;
  padding: 0.625rem 0.75rem;
}

.scholarship-role-guide__item--danger .scholarship-role-guide__item-title,
.scholarship-role-guide__item--danger .scholarship-role-guide__item-body {
  color: var(--danger-text);
}

.scholarship-role-guide--compact .scholarship-role-guide__grid {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 575.98px) {
  .scholarship-role-guide {
    padding: 1rem;
  }
  .scholarship-role-guide__header {
    align-items: stretch;
    flex-direction: column;
  }
  .scholarship-role-guide__current-role {
    justify-content: center;
  }
  .scholarship-role-guide__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.dash-stat-link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.dash-stat {
  background: var(--surface);
  border: 1px solid var(--border);
  border-top: 3px solid var(--border-strong);
  border-radius: var(--r-md);
  padding: 1rem 1.125rem 0.875rem;
  height: 100%;
  box-shadow: var(--shadow-xs);
  transition: transform 150ms ease, box-shadow 150ms ease;
}
.dash-stat--primary {
  border-top-color: var(--accent);
}
.dash-stat--info {
  border-top-color: #3B82F6;
}
.dash-stat--warning {
  border-top-color: #F59E0B;
}
.dash-stat--success {
  border-top-color: #22C55E;
}
.dash-stat--danger {
  border-top-color: #EF4444;
}
.dash-stat--secondary {
  border-top-color: var(--border-strong);
}
.dash-stat-link:hover .dash-stat {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(14, 24, 37, 0.08);
}

.dash-stat__count {
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--ink);
  line-height: 1;
}

.dash-stat__label {
  margin-top: 0.3125rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ink-muted);
}

.dash-metric {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: 1.25rem 1.5rem 1.375rem;
  box-shadow: var(--shadow-xs);
  height: 100%;
}

.dash-metric__label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-placeholder);
  margin: 0 0 0.5rem;
}

.dash-metric__value {
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1;
  color: var(--ink);
}
.dash-metric__value--success {
  color: #16A34A;
}
.dash-metric__value--info {
  color: #2563EB;
}
.dash-metric__value--accent {
  color: var(--accent);
}

.dash-metric__note {
  font-size: 0.75rem;
  color: var(--ink-muted);
  margin: 0.5rem 0 0;
}

.dash-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}

.dash-card__header {
  padding: 1rem 1.25rem 0.875rem;
  border-bottom: 1px solid var(--border);
}

.dash-card__title {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -0.01em;
  margin: 0;
}

.dash-card__subtitle {
  font-size: 0.8125rem;
  color: var(--ink-muted);
  margin: 0.125rem 0 0;
}

.dash-card__body {
  padding: 1.25rem;
  display: flex;
  align-items: center;
  min-height: 14rem;
}
.dash-card__body > * {
  width: 100%;
}

.dash-empty {
  width: 100%;
  padding: 2rem 1.5rem;
  text-align: center;
  font-size: 0.875rem;
  color: var(--ink-muted);
  border: 1px dashed var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
}

.dash-rank-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  border-radius: var(--r);
  font-size: 0.6875rem;
  font-weight: 700;
  background: var(--surface-subtle);
  color: var(--ink-muted);
  border: 1px solid var(--border);
}
.dash-rank-badge--gold {
  background: var(--accent-gold-lt);
  color: var(--accent-gold);
  border-color: #E8D4A0;
}

.scholarship-dashboard-table {
  width: 100%;
  border-collapse: collapse;
}

.scholarship-dashboard-table thead th {
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid var(--border);
  background: var(--surface-subtle);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-placeholder);
  white-space: nowrap;
}

.scholarship-dashboard-table tbody td {
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
  color: var(--ink);
}

.scholarship-dashboard-table tbody tr:last-child td {
  border-bottom: none;
}

.scholarship-dashboard-table tbody tr:hover td {
  background: rgba(14, 24, 37, 0.02);
}

.scholarship-dashboard-table__programme {
  max-width: 15rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--ink);
}

.applications-filter-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  padding: 1rem 1.25rem;
}

.applications-filter-card__label {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-placeholder);
  margin-bottom: 0.375rem;
}

.applications-filter-card__control {
  border-color: var(--border);
  border-radius: var(--r);
  box-shadow: none;
  color: var(--ink);
  font-size: 0.8125rem;
}

.applications-filter-card__control:focus {
  border-color: rgba(26, 79, 138, 0.28);
  box-shadow: 0 0 0 0.2rem rgba(26, 79, 138, 0.08);
  outline: none;
}

.applications-filter-card__clear {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--accent);
  text-decoration: none;
  white-space: nowrap;
}

.applications-filter-card__clear:hover {
  color: var(--accent-deep);
}

.applications-filter-card__switch {
  display: flex;
  align-items: center;
  min-height: 2.25rem;
  padding-left: 0;
  margin-bottom: 0;
  gap: 0;
}

.applications-filter-card__switch .form-check-input {
  margin-top: 0;
  margin-left: 0;
  flex-shrink: 0;
  cursor: pointer;
}

.applications-filter-card__switch .form-check-label {
  padding-left: 0.5rem;
  font-size: 0.8125rem;
  color: var(--ink-2);
  cursor: pointer;
  white-space: nowrap;
}

.apps-status-tabs {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 1rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  overflow-x: auto;
  scrollbar-width: none;
  padding: 0.3125rem;
}

.apps-status-tabs::-webkit-scrollbar {
  display: none;
}

.apps-status-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.4375rem 0.875rem;
  border-radius: calc(var(--r-md) - 2px);
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ink-2);
  text-decoration: none;
  white-space: nowrap;
  transition: background 100ms ease, color 100ms ease;
  flex-shrink: 0;
}

.apps-status-tab:hover {
  background: var(--surface-subtle);
  color: var(--ink);
  text-decoration: none;
}

.apps-status-tab--active {
  background: var(--accent-subtle);
  color: var(--accent);
  font-weight: 600;
}

.apps-status-tab--active:hover {
  background: var(--accent-subtle);
  color: var(--accent);
}

.apps-status-tab__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.375rem;
  height: 1.25rem;
  padding: 0 0.375rem;
  border-radius: 2rem;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
  background: var(--surface-subtle);
  color: var(--ink-muted);
  border: 1px solid var(--border);
}

.apps-status-tab__count--info {
  background: var(--info-bg);
  color: var(--info-text);
  border-color: var(--info-border);
}

.apps-status-tab__count--warning {
  background: var(--warning-bg);
  color: var(--warning-text);
  border-color: var(--warning-border);
}

.apps-status-tab__count--success {
  background: var(--success-bg);
  color: var(--success-text);
  border-color: var(--success-border);
}

.apps-status-tab__count--danger {
  background: var(--danger-bg);
  color: var(--danger-text);
  border-color: var(--danger-border);
}

.apps-result-count {
  margin: 0 0 0.75rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.scholarship-initials-avatar {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--accent-subtle);
  color: var(--accent);
  font-size: 0.6875rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

.scholarship-initials-avatar.draft-avatar {
  background: var(--surface-subtle);
  color: var(--ink-placeholder);
}

.scholarship-row--draft td {
  opacity: 0.65;
}

.draft-blurred {
  filter: blur(4px);
  pointer-events: none;
  user-select: none;
}

.scholarship-assistance-type {
  font-size: 0.6875rem;
  text-transform: capitalize;
  color: var(--ink-placeholder);
}

.scholarship-date {
  font-size: 0.8125rem;
  color: var(--ink);
  white-space: nowrap;
}

.scholarship-register__stacked-sort {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.scholarship-register__stacked-sort .applications-sort-link:last-child {
  color: var(--ink-muted);
  font-size: 0.6875rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.scholarship-register__stacked-sort .applications-sort-link:last-child:hover,
.scholarship-register__stacked-sort .applications-sort-link:last-child:focus,
.scholarship-register__stacked-sort .applications-sort-link--active:last-child {
  color: var(--accent);
}

.draft-completeness {
  min-width: 9rem;
}

.draft-completeness__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
  color: var(--ink-muted);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.draft-completeness__meta strong {
  display: inline;
  color: var(--accent);
  font-size: 0.75rem;
  line-height: 1;
}

.draft-completeness__bar {
  width: 100%;
  height: 0.45rem;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent-subtle) 45%, var(--surface-subtle));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 15%, transparent);
}

.draft-completeness__bar span {
  display: block;
  min-width: 0.25rem;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--accent-strong));
}

.scholarship-open-btn {
  opacity: 1;
  transition: opacity 120ms ease;
}

.applications-sort-link {
  align-items: center;
  color: inherit;
  display: inline-flex;
  gap: 0.3rem;
  text-decoration: none;
  transition: color 0.15s ease;
}

.applications-sort-link:hover,
.applications-sort-link:focus {
  color: var(--accent);
}

.applications-sort-link--active {
  color: var(--accent);
}

.applications-sort-link__icon-stack {
  display: inline-flex;
  flex-direction: column;
  gap: 0;
  line-height: 0.45;
  margin-left: 0.08rem;
}

.applications-sort-link__icon-stack i {
  font-size: 0.48rem;
  opacity: 0.35;
  transition: opacity 0.15s ease;
}

.applications-sort-link--active .applications-sort-link__icon-stack i {
  opacity: 0.75;
}

.applications-sort-link--asc .applications-sort-link__icon-stack i:last-child {
  opacity: 0.2;
}

.applications-sort-link--desc .applications-sort-link__icon-stack i:first-child {
  opacity: 0.2;
}

.scholarship-register strong {
  display: block;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.35;
}

.scholarship-register .table-note {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  align-items: center;
}

.scholarship-register__programme .table-note {
  gap: 0.125rem 0.5rem;
}

.table-key {
  display: inline-flex;
  align-items: center;
  padding: 0.1875rem 0.4375rem;
  border-radius: var(--r-sm);
  background: var(--surface-subtle);
  color: var(--ink-2);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.scholarship-register__status,
.scholarship-register__score {
  min-width: 10rem;
}

.scholarship-register__award-signatures {
  min-width: 12rem;
}

.scholarship-register__award-signatures .table-note {
  display: block;
  margin-top: 0.25rem;
}

.scholarship-register__open {
  min-width: 4.5rem;
}

.scholarship-register__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}

.scholarship-register .pagination {
  gap: 0.25rem;
  margin: 0;
}

.scholarship-register .page-link {
  min-width: 2rem;
  height: 2rem;
  border-radius: var(--r);
  border: 1px solid var(--border);
  color: var(--ink-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  padding: 0 0.625rem;
}

.scholarship-register .page-item.active .page-link {
  border-color: var(--accent);
  background: var(--accent);
  color: #ffffff;
}

.scholarship-register .page-item.disabled .page-link {
  background: var(--surface-subtle);
  color: var(--ink-placeholder);
}

.document-list,
.timeline-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.document-row,
.timeline-item {
  padding: 0.875rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
}

.document-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.document-row strong,
.timeline-item strong {
  display: block;
  color: var(--ink);
}

.document-row p,
.timeline-item p {
  margin: 0.1875rem 0 0;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.timeline-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.chart-card {
  padding: 1.375rem 1.5rem 1.5rem;
}

.chart-header {
  margin-bottom: 1.25rem;
}

.chart-canvas-wrap {
  position: relative;
}

.chart-canvas-wrap--md {
  height: 260px;
}

.chart-canvas-wrap--lg {
  height: 300px;
}

.muted-inline {
  color: var(--ink-muted);
}

.page-center-card {
  max-width: 32rem;
  margin: 0 auto;
}

.page-section-note {
  margin: 0;
  color: var(--ink-muted);
  font-size: 0.875rem;
}

.msg-panel__body {
  padding: 1rem 1.25rem 1.25rem;
}

.msg-panel--public .msg-panel__card-header {
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid var(--border);
  background: var(--surface-subtle);
}

.msg-panel__header-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: var(--accent);
}

.msg-panel--public .card-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-2);
  margin: 0;
}

.msg-panel__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.3rem;
  background: var(--info-bg);
  color: var(--info-text);
  border-radius: 3px;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
  margin-left: 0.25rem;
}

.msg-panel__banner {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-bottom: 1rem;
  padding: 0.625rem 0.875rem;
  border-left: 3px solid;
  border-radius: 0 4px 4px 0;
}

.msg-panel__banner--public {
  background: var(--info-bg);
  border-left-color: var(--accent);
}

.msg-panel__banner--admin {
  background: var(--success-bg);
  border-left-color: var(--success-text);
}

.msg-panel__banner-icon {
  flex-shrink: 0;
  font-size: 0.9375rem;
  margin-top: 0.1rem;
  color: var(--accent);
}

.msg-panel__banner--admin .msg-panel__banner-icon {
  color: var(--success-text);
}

.msg-panel__banner-text {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ink-2);
  line-height: 1.55;
}

.msg-panel__disabled {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  background: var(--surface-inset);
  border: 1px solid var(--border);
  border-radius: 4px;
  font-size: 0.875rem;
  color: var(--ink-muted);
}

.msg-panel__disabled-icon {
  font-size: 1rem;
  flex-shrink: 0;
}

.msg-thread {
  display: block;
  max-height: 480px;
  overflow-y: auto;
  padding: 0.125rem 0;
}
.msg-thread::-webkit-scrollbar {
  width: 4px;
}
.msg-thread::-webkit-scrollbar-track {
  background: transparent;
}
.msg-thread::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: var(--r-pill);
}
.msg-thread::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}

.msg-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 3rem 1.5rem;
  text-align: center;
}

.msg-empty__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  background: var(--surface-inset);
  border-radius: 6px;
  font-size: 1.25rem;
  color: var(--ink-placeholder);
  margin-bottom: 0.375rem;
}

.msg-empty__heading {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink-2);
}

.msg-empty__sub {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
  max-width: 32ch;
}

.msg-item {
  border: 1px solid var(--border);
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.msg-item:last-child {
  margin-bottom: 0;
}

.msg-item--applicant {
  border-right: 3px solid var(--accent);
  border-radius: 6px 0 0 6px;
  background: var(--surface);
  width: 82%;
  margin-left: auto;
  margin-right: 0;
}

.msg-item--staff {
  border-left: 3px solid var(--success-text);
  border-radius: 0 6px 6px 0;
  background: #f8fdf9;
  width: 82%;
  margin-left: 0;
  margin-right: auto;
}

.msg-item__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.875rem;
  border-bottom: 1px solid var(--border-subtle, #f1f5f9);
}

.msg-item--applicant .msg-item__header {
  background: var(--info-bg);
  flex-direction: row-reverse;
}

.msg-item--staff .msg-item__header {
  background: var(--success-bg);
  flex-direction: row;
}

.msg-item--applicant .msg-item__time {
  margin-left: 0;
  margin-right: auto;
}

.msg-item__avatar {
  flex-shrink: 0;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  user-select: none;
}

.msg-item__avatar--applicant {
  background: var(--info-border, #bfdbfe);
  color: var(--info-text);
}

.msg-item__avatar--staff {
  background: var(--success-border, #bbf7d0);
  color: var(--success-text);
}

.msg-item__name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
}

.msg-item__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.375rem;
  border-radius: 3px;
  font-size: 0.5625rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.msg-item__badge--applicant {
  background: var(--info-border, #bfdbfe);
  color: var(--info-text);
}

.msg-item__badge--staff {
  background: var(--success-border, #bbf7d0);
  color: var(--success-text);
}

.msg-item__time {
  font-size: 0.6875rem;
  color: var(--ink-muted);
  margin-left: auto;
  white-space: nowrap;
}

.msg-item__body {
  padding: 0.75rem 0.875rem;
  font-size: 0.875rem;
  color: var(--ink-2);
  line-height: 1.65;
}
.msg-item__body > div p:last-child,
.msg-item__body p:last-child {
  margin-bottom: 0;
}

.msg-item--staff .msg-item__body {
  color: #1e3a2f;
}

.msg-item--applicant .msg-item__body {
  text-align: right;
}

.msg-item--applicant .msg-item__body > div,
.msg-item--applicant .msg-item__body p {
  text-align: inherit;
}

.msg-composer {
  margin-top: 1.25rem;
  padding-top: 1.125rem;
  border-top: 1px solid var(--border);
}

.msg-composer__field {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.msg-composer__label {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-2);
  margin-bottom: 0;
}
.msg-composer__label .ti {
  font-size: 0.875rem;
  color: var(--ink-muted);
}

.msg-composer__textarea {
  border-radius: 6px !important;
  resize: vertical;
}

.msg-composer__counter-row {
  display: flex;
  justify-content: flex-end;
}

.msg-composer__counter {
  font-size: 0.6875rem;
  color: var(--ink-muted);
  transition: color 0.15s;
}

.msg-composer__counter--warning {
  color: var(--warning-text);
}

.msg-composer__counter--danger {
  color: var(--danger-text);
  font-weight: 600;
}

.msg-composer__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.875rem;
}

.msg-composer__hint {
  display: flex;
  align-items: flex-start;
  gap: 0.35rem;
  margin: 0;
  font-size: 0.75rem;
  color: var(--ink-muted);
  line-height: 1.5;
  max-width: 42ch;
}
.msg-composer__hint .ti {
  flex-shrink: 0;
  margin-top: 0.1rem;
  font-size: 0.875rem;
}

.msg-composer__submit {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
}

.sidebar-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface);
  cursor: pointer;
  flex-shrink: 0;
  flex-direction: column;
  gap: 3px;
}

.sidebar-toggle span {
  display: block;
  width: 0.9375rem;
  height: 1.5px;
  background: var(--ink-muted);
  border-radius: 1px;
}

.show-quick-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  overflow-x: auto;
  scrollbar-width: none;
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  backdrop-filter: blur(10px);
  padding: 0.5rem 0 0.625rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid var(--border);
}

.show-quick-nav::-webkit-scrollbar {
  display: none;
}

.show-quick-nav__label {
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--ink-placeholder);
  white-space: nowrap;
  padding-right: 0.75rem;
  flex-shrink: 0;
}

.show-quick-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.3125rem 0.6875rem;
  border-radius: 2rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ink-2);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 100ms, color 100ms;
}
.show-quick-nav__link:hover {
  background: var(--surface);
  color: var(--accent);
  text-decoration: none;
}

.show-status-card {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.25rem 1.5rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
}

.show-status-card__icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: var(--r);
  font-size: 1.375rem;
}
.show-status-card__icon--success {
  background: var(--success-bg);
  color: var(--success);
}
.show-status-card__icon--warning {
  background: var(--warning-bg);
  color: var(--warning);
}
.show-status-card__icon--danger {
  background: var(--danger-bg);
  color: var(--danger);
}
.show-status-card__icon--info {
  background: var(--info-bg);
  color: var(--info);
}
.show-status-card__icon--neutral {
  background: var(--surface-subtle);
  color: var(--ink-muted);
}

.show-status-card__info {
  flex: 1 1 auto;
  min-width: 0;
}

.show-status-card__date {
  font-size: 0.8125rem;
  color: var(--ink-muted);
  margin-top: 0.375rem;
}

.show-status-card__warning {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.5rem;
  padding: 0.375rem 0.625rem;
  background: var(--warning-bg);
  border-radius: var(--r);
  font-size: 0.75rem;
  color: var(--warning);
  font-weight: 500;
}

.show-status-card__programme {
  flex-shrink: 0;
  text-align: right;
  min-width: 0;
  max-width: 16rem;
}

.show-status-card__programme-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}

.show-status-card__institution {
  font-size: 0.8125rem;
  color: var(--ink-muted);
  margin-top: 0.25rem;
}

.show-section {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}

.show-status-card,
.show-section {
  scroll-margin-top: 4.5rem;
}

.show-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.875rem 1.25rem;
  cursor: pointer;
  user-select: none;
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  border-bottom: 1px solid transparent;
  text-align: left;
  transition: background 100ms;
}
.show-section__header:hover {
  background: var(--surface-subtle);
}
.show-section__header--no-toggle {
  cursor: default;
  border-bottom: 1px solid var(--border);
}
.show-section__header--no-toggle:hover {
  background: transparent;
}
.show-section__header:not(.collapsed) {
  border-bottom-color: var(--border);
}

.show-section__heading {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.show-section__icon-wrap {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--r);
  background: var(--accent-subtle);
  color: var(--accent);
  font-size: 0.9rem;
  flex-shrink: 0;
}

.show-section__chevron {
  font-size: 1rem;
  color: var(--ink-placeholder);
  transition: transform 200ms ease;
  flex-shrink: 0;
}
.show-section__header.collapsed .show-section__chevron {
  transform: rotate(-90deg);
}

.show-section__body {
  padding: 1.25rem;
}

.show-section__body--prose {
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--ink-2);
  white-space: pre-wrap;
}

.show-section__sub-heading {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--ink-placeholder);
  margin-bottom: 0.75rem;
}

.show-section__divider {
  border: none;
  border-top: 1px solid var(--border);
  margin: 1rem 0;
}

.show-section__scan-bar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r);
  font-size: 0.75rem;
  color: var(--ink-muted);
  margin-top: 0.5rem;
}

.scholarship-edit-request-modal__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.scholarship-edit-request-modal__section {
  padding: 0.95rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
}

.scholarship-edit-request-modal__checklist {
  display: grid;
  gap: 0.625rem 0.875rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.scholarship-edit-request-modal__option {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  min-height: 100%;
  margin: 0;
  padding: 0.6875rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface);
}

.scholarship-edit-request-modal__option .form-check-input {
  float: none;
  margin: 0.125rem 0 0;
  flex-shrink: 0;
}

.scholarship-edit-request-modal__option .form-check-label {
  line-height: 1.35;
}

.show-field__label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-placeholder);
  margin-bottom: 0.1875rem;
}

.show-field__value {
  font-size: 0.875rem;
  color: var(--ink);
  line-height: 1.4;
}

.show-cost-table {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
  font-size: 0.875rem;
}

.show-cost-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.625rem 1rem;
  border-bottom: 1px solid var(--border);
  color: var(--ink-2);
}
.show-cost-row:last-child {
  border-bottom: none;
}
.show-cost-row--total {
  background: var(--surface-subtle);
  font-weight: 600;
  color: var(--ink);
}
.show-cost-row--requested {
  background: var(--accent-subtle);
  font-weight: 600;
  color: var(--accent);
}

.show-cost-row__amount {
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}
.show-cost-row__amount--accent {
  color: var(--accent);
  font-weight: 700;
}

.show-doc-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
  font-size: 0.875rem;
}
.show-doc-group + .show-doc-group {
  margin-top: 0.5rem;
}

#uploadedDocumentsCard {
  overflow: visible;
}
#uploadedDocumentsCard > .show-section__header {
  border-top-left-radius: var(--r-md);
  border-top-right-radius: var(--r-md);
}

.doc-section__intro {
  font-size: 0.8125rem;
  color: var(--ink-2);
  margin: 0 0 0.875rem;
  max-width: 60rem;
  line-height: 1.45;
}

.doc-section__header-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.doc-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 1rem;
  padding: 0;
  background: transparent;
  border: none;
}

.doc-summary__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.4375rem 0.6875rem;
  border-radius: var(--r);
  background: var(--surface);
  border: 1px solid var(--border);
  font-size: 0.75rem;
  color: var(--ink-2);
  font-weight: 500;
  line-height: 1.2;
}
.doc-summary__chip i {
  font-size: 0.95rem;
  opacity: 0.85;
}
.doc-summary__chip strong {
  font-weight: 700;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  margin-right: 0.0625rem;
}
.doc-summary__chip--ok {
  background: rgba(40, 167, 69, 0.07);
  border-color: rgba(40, 167, 69, 0.28);
  color: #1a7f37;
}
.doc-summary__chip--ok strong {
  color: #1a7f37;
}
.doc-summary__chip--ok i {
  color: #1a7f37;
}
.doc-summary__chip--info {
  background: rgba(13, 110, 253, 0.05);
  border-color: rgba(13, 110, 253, 0.22);
  color: #0a58ca;
}
.doc-summary__chip--info strong {
  color: #0a58ca;
}
.doc-summary__chip--info i {
  color: #0a58ca;
}
.doc-summary__chip--warn {
  background: rgba(245, 158, 11, 0.09);
  border-color: rgba(245, 158, 11, 0.35);
  color: #92400e;
}
.doc-summary__chip--warn strong {
  color: #92400e;
}
.doc-summary__chip--warn i {
  color: #b45309;
}
.doc-summary__chip--danger {
  background: rgba(220, 53, 69, 0.07);
  border-color: rgba(220, 53, 69, 0.28);
  color: #b02a37;
}
.doc-summary__chip--danger strong {
  color: #b02a37;
}
.doc-summary__chip--danger i {
  color: #b02a37;
}

.doc-missing-callout {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.875rem;
  row-gap: 0.375rem;
  padding: 0.9375rem 1rem;
  margin-bottom: 1rem;
  background: rgba(245, 158, 11, 0.06);
  border: 1px solid rgba(245, 158, 11, 0.32);
  border-left-width: 3px;
  border-radius: var(--r);
}
.doc-missing-callout--success {
  background: rgba(40, 167, 69, 0.05);
  border-color: rgba(40, 167, 69, 0.3);
}

.doc-missing-callout__icon {
  font-size: 1.125rem;
  color: #b45309;
  line-height: 1;
  padding-top: 0.125rem;
  grid-row: 1/span 3;
}
.doc-missing-callout--success .doc-missing-callout__icon {
  color: #1a7f37;
}

.doc-missing-callout__title {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ink);
}

.doc-missing-callout__body {
  font-size: 0.75rem;
  color: var(--ink-2);
}

.doc-missing-callout__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.1875rem;
}

.doc-missing-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5625rem;
  background: var(--surface);
  border: 1px solid rgba(245, 158, 11, 0.45);
  color: #92400e;
  border-radius: 999px;
  font-size: 0.7188rem;
  font-weight: 500;
  line-height: 1.3;
}

.doc-category {
  position: relative;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface);
  box-shadow: var(--shadow-xs);
  margin-bottom: 0.75rem;
}
.doc-category.is-menu-open {
  z-index: 5;
}

.doc-category__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--surface-subtle);
  border-bottom: 1px solid var(--border);
  border-top-left-radius: calc(var(--r-md) - 1px);
  border-top-right-radius: calc(var(--r-md) - 1px);
  flex-wrap: wrap;
}

.doc-category__title-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.doc-category__title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.005em;
}

.doc-category__meta {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4375rem;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.doc-category__count {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 700;
  color: var(--ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-category__count span {
  color: var(--ink);
  font-weight: 700;
}

.doc-category__files {
  display: flex;
  flex-direction: column;
}

.doc-file-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 1rem;
  row-gap: 0.375rem;
  padding: 0.6875rem 1rem;
  border-bottom: 1px solid var(--border);
}
.doc-file-row:last-child {
  border-bottom: none;
}
.doc-file-row + .doc-file-row {
  border-top: 1px solid var(--border);
  margin-top: -1px;
}

.doc-file-row__primary {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.doc-file-row__name {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}
.doc-file-row__name > i {
  color: var(--ink-muted);
  flex-shrink: 0;
  font-size: 0.9375rem;
}
.doc-file-row__name > a, .doc-file-row__name > span.doc-file-row__name-text {
  color: var(--ink);
  font-weight: 500;
  font-size: 0.8125rem;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 28rem;
  line-height: 1.35;
}
.doc-file-row__name > a:hover {
  color: var(--accent);
  text-decoration: underline;
}

.doc-file-row__status-wrap {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.doc-file-row__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.doc-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.1875rem 0.5rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.3;
  border: 1px solid transparent;
  white-space: nowrap;
}
.doc-pill i {
  font-size: 0.875rem;
}
.doc-pill--ok {
  background: rgba(40, 167, 69, 0.1);
  color: #1a7f37;
  border-color: rgba(40, 167, 69, 0.28);
}
.doc-pill--info {
  background: rgba(13, 110, 253, 0.08);
  color: #0a58ca;
  border-color: rgba(13, 110, 253, 0.22);
}
.doc-pill--warn {
  background: rgba(245, 158, 11, 0.14);
  color: #92400e;
  border-color: rgba(245, 158, 11, 0.32);
}
.doc-pill--danger {
  background: rgba(220, 53, 69, 0.1);
  color: #b02a37;
  border-color: rgba(220, 53, 69, 0.28);
}
.doc-pill--muted {
  background: var(--surface-subtle);
  color: var(--ink-muted);
  border-color: var(--border);
}
.doc-pill--accent {
  background: rgba(99, 102, 241, 0.08);
  color: #4338ca;
  border-color: rgba(99, 102, 241, 0.28);
}
.doc-pill--processing {
  background: rgba(245, 158, 11, 0.12);
  color: #92400e;
  border-color: rgba(245, 158, 11, 0.3);
}
.doc-pill--processing i {
  animation: doc-spin 1.2s linear infinite;
}

@keyframes doc-spin {
  to {
    transform: rotate(360deg);
  }
}
.doc-action-btn {
  appearance: none;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--ink-2);
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.3125rem 0.625rem;
  border-radius: var(--r);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  text-decoration: none;
  line-height: 1.2;
  transition: background 100ms, border-color 100ms, color 100ms;
}
.doc-action-btn i {
  font-size: 0.9375rem;
}
.doc-action-btn:hover:not(:disabled) {
  background: var(--surface-subtle);
  color: var(--ink);
  border-color: var(--border);
}
.doc-action-btn:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}
.doc-action-btn:disabled {
  opacity: 0.55;
  cursor: progress;
}
.doc-action-btn--primary {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}
.doc-action-btn--primary:hover:not(:disabled) {
  background: var(--accent);
  color: #fff;
  filter: brightness(0.92);
}
.doc-action-btn--ghost {
  background: transparent;
  border-color: transparent;
}
.doc-action-btn--ghost:hover:not(:disabled) {
  background: var(--surface-subtle);
  border-color: transparent;
}
.doc-action-btn--danger {
  color: #b02a37;
  border-color: rgba(220, 53, 69, 0.3);
}
.doc-action-btn--danger:hover:not(:disabled) {
  background: rgba(220, 53, 69, 0.08);
  color: #b02a37;
}

.doc-action-menu {
  position: relative;
  display: inline-block;
}

.doc-action-menu__toggle {
  appearance: none;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--ink-2);
  padding: 0.3125rem 0.5rem;
  border-radius: var(--r);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.doc-action-menu__toggle i {
  font-size: 0.9375rem;
}
.doc-action-menu__toggle:hover {
  background: var(--surface-subtle);
  color: var(--ink);
}
.doc-action-menu__toggle[aria-expanded=true] {
  background: var(--surface-subtle);
  color: var(--ink);
}

.doc-action-menu__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  bottom: auto;
  min-width: 14rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  box-shadow: 0 8px 24px rgba(14, 24, 37, 0.1);
  padding: 0.25rem;
  z-index: 30;
  display: none;
}
.doc-action-menu__menu.is-open {
  display: block;
}
.doc-action-menu__menu--above {
  top: auto;
  bottom: calc(100% + 4px);
}

.doc-action-menu__item {
  appearance: none;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: left;
  font-size: 0.8125rem;
  color: var(--ink);
  padding: 0.4375rem 0.625rem;
  border-radius: calc(var(--r) - 2px);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.3;
}
.doc-action-menu__item:hover {
  background: var(--surface-subtle);
}
.doc-action-menu__item--danger {
  color: #b02a37;
}
.doc-action-menu__item i {
  color: var(--ink-muted);
  font-size: 0.9375rem;
  flex-shrink: 0;
}
.doc-action-menu__item:hover i {
  color: inherit;
}
.doc-action-menu__item small, .doc-action-menu__item .small {
  display: block;
  font-weight: 400;
  color: var(--ink-muted);
  font-size: 0.6875rem;
  margin-top: 0.0625rem;
}

.doc-action-menu__separator {
  height: 1px;
  background: var(--border);
  margin: 0.25rem 0;
}

.doc-action-menu__form {
  margin: 0;
}

.doc-required-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.0625rem 0.4375rem;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-radius: var(--r);
  background: rgba(245, 158, 11, 0.14);
  color: #92400e;
  line-height: 1.4;
}
.doc-required-badge--optional {
  background: var(--surface-subtle);
  color: var(--ink-muted);
}

.doc-rerun-status {
  display: none;
  align-items: center;
  gap: 0.4375rem;
  font-size: 0.75rem;
  color: #92400e;
}
.doc-rerun-status.is-visible {
  display: inline-flex;
}
.doc-rerun-status i {
  animation: doc-spin 1.2s linear infinite;
}

.doc-empty-state {
  text-align: center;
  padding: 2rem 1rem;
  background: var(--surface-subtle);
  border: 1px dashed var(--border);
  border-radius: var(--r);
  color: var(--ink-muted);
}
.doc-empty-state i {
  font-size: 1.75rem;
  display: block;
  margin: 0 auto 0.5rem;
  color: var(--ink-placeholder);
}

@media (max-width: 720px) {
  .doc-file-row {
    grid-template-columns: 1fr;
  }
  .doc-file-row__actions {
    justify-content: flex-start;
  }
  .doc-action-menu__menu {
    right: auto;
    left: 0;
  }
}
.award-letter-preview-modal__body {
  background: #eef2f7;
  min-height: 72vh;
  padding: 0;
  position: relative;
}

.award-letter-preview-modal__frame {
  border: 0;
  display: block;
  height: 72vh;
  width: 100%;
}

.award-letter-preview-modal__frame--loading {
  opacity: 0.25;
}

.award-letter-preview-modal__loading {
  align-items: center;
  background: rgba(255, 255, 255, 0.84);
  color: var(--ink-muted);
  display: flex;
  gap: 0.5rem;
  inset: 0;
  justify-content: center;
  position: absolute;
  z-index: 2;
}

.award-letter-stage-tracker {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.award-letter-stage-tracker--compact {
  grid-template-columns: 1fr;
}

.award-letter-stage-tracker__item {
  align-items: flex-start;
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r);
  display: flex;
  gap: 0.625rem;
  min-height: 92px;
  padding: 0.75rem;
}

.award-letter-stage-tracker__icon {
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  color: var(--ink-placeholder);
  display: flex;
  flex-shrink: 0;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.award-letter-stage-tracker__label {
  color: var(--ink);
  font-size: 0.8125rem;
  font-weight: 700;
}

.award-letter-stage-tracker__description,
.award-letter-stage-tracker__timestamp {
  color: var(--ink-muted);
  font-size: 0.75rem;
  line-height: 1.35;
  margin-top: 0.125rem;
}

.award-letter-stage-tracker__item--complete {
  border-color: rgba(47, 179, 68, 0.35);
}
.award-letter-stage-tracker__item--complete .award-letter-stage-tracker__icon {
  background: rgba(47, 179, 68, 0.1);
  border-color: rgba(47, 179, 68, 0.24);
  color: var(--success);
}

.award-letter-stage-tracker__item--active {
  border-color: rgba(32, 107, 196, 0.35);
}
.award-letter-stage-tracker__item--active .award-letter-stage-tracker__icon {
  background: rgba(32, 107, 196, 0.1);
  border-color: rgba(32, 107, 196, 0.24);
  color: var(--accent);
}

.award-letter-stage-tracker__item--blocked {
  border-color: rgba(245, 159, 0, 0.4);
}
.award-letter-stage-tracker__item--blocked .award-letter-stage-tracker__icon {
  background: rgba(245, 159, 0, 0.12);
  border-color: rgba(245, 159, 0, 0.24);
  color: var(--warning);
}

.award-letter-stage-tracker__item--danger {
  border-color: rgba(214, 57, 57, 0.35);
}
.award-letter-stage-tracker__item--danger .award-letter-stage-tracker__icon {
  background: rgba(214, 57, 57, 0.1);
  border-color: rgba(214, 57, 57, 0.24);
  color: var(--danger);
}

.award-letter-tracking-card {
  min-width: 0;
}

.award-letter-tracking-card--voided {
  background: rgba(214, 57, 57, 0.04);
  border: 1px solid rgba(214, 57, 57, 0.2);
  border-radius: var(--r);
  padding: 0.625rem 0.75rem;
}

.award-letter-tracking-card__voided-toggle .award-letter-tracking-card__chevron {
  transition: transform 0.2s ease;
}
.award-letter-tracking-card__voided-toggle:not(.collapsed) .award-letter-tracking-card__chevron {
  transform: rotate(180deg);
}

.award-letter-participants {
  border: 1px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
}

.award-letter-participants__row {
  align-items: center;
  background: var(--surface);
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  min-width: 0;
  padding: 0.625rem 0.75rem;
}
.award-letter-participants__row + .award-letter-participants__row {
  border-top: 1px solid var(--border);
}

.award-letter-participants__name {
  color: var(--ink);
  font-size: 0.8125rem;
  font-weight: 700;
}

.award-letter-participants__meta {
  color: var(--ink-muted);
  font-size: 0.75rem;
}

.award-letter-participants__action {
  flex-shrink: 0;
  text-align: right;
}
.award-letter-participants__action form {
  margin: 0;
}

.show-timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  padding-left: 1.5rem;
}
.show-timeline::before {
  content: "";
  position: absolute;
  left: 0.4375rem;
  top: 0.5rem;
  bottom: 0.5rem;
  width: 1.5px;
  background: var(--border);
}

.show-timeline__item {
  position: relative;
  padding-bottom: 1.25rem;
}
.show-timeline__item:last-child {
  padding-bottom: 0;
}

.show-timeline__dot {
  position: absolute;
  left: -1.125rem;
  top: 0.25rem;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: var(--border);
  border: 2px solid var(--surface);
}
.show-timeline__dot--success {
  background: var(--success);
}
.show-timeline__dot--warning {
  background: var(--warning);
}
.show-timeline__dot--danger {
  background: var(--danger);
}
.show-timeline__dot--info {
  background: var(--info);
}

.show-timeline__content {
  padding-left: 0.25rem;
}

.show-timeline__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
}
.show-timeline__label--success {
  color: var(--success);
}
.show-timeline__label--warning {
  color: var(--warning);
}
.show-timeline__label--danger {
  color: var(--danger);
}
.show-timeline__label--info {
  color: var(--info);
}

.show-timeline__date {
  font-size: 0.75rem;
  color: var(--ink-muted);
  margin-top: 0.125rem;
}

.show-timeline__note {
  font-size: 0.75rem;
  color: var(--ink-2);
  margin-top: 0.25rem;
  white-space: pre-wrap;
}

.show-note {
  padding: 0.875rem 1rem;
  border-left: 3px solid var(--accent);
  background: var(--accent-subtle);
  border-radius: 0 var(--r) var(--r) 0;
  font-size: 0.8125rem;
  color: var(--ink-2);
  line-height: 1.55;
  white-space: pre-wrap;
}
.show-note + .show-note {
  margin-top: 0.75rem;
}

.scholarship-show-layout {
  display: grid;
  grid-template-columns: 1fr 22rem;
  gap: 1.25rem;
  align-items: start;
}

.scholarship-show-main {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}

.scholarship-show-sidebar {
  position: sticky;
  top: 3.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media (max-width: 1100px) {
  .scholarship-show-layout {
    grid-template-columns: 1fr;
  }
  .scholarship-show-sidebar {
    position: static;
  }
  .show-status-card__programme {
    display: none;
  }
}
@media (max-width: 1100px) {
  .show-status-card,
  .show-section {
    scroll-margin-top: 3.5rem;
  }
  .layout-frame {
    grid-template-columns: 1fr;
  }
  .sidebar-panel {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 50;
    width: min(260px, 88vw);
    transform: translateX(-100%);
    transition: transform 150ms ease;
  }
  .sidebar-panel.open {
    transform: translateX(0);
    box-shadow: 6px 0 32px rgba(0, 0, 0, 0.22);
  }
  .sidebar-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(13, 31, 46, 0.38);
    opacity: 0;
    pointer-events: none;
    transition: opacity 150ms ease;
    z-index: 45;
  }
  .sidebar-backdrop.is-visible {
    opacity: 1;
    pointer-events: auto;
  }
  .sidebar-toggle {
    display: flex;
  }
  .topbar,
  .page-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 900px) {
  .dashboard-metrics,
  .metric-grid,
  .section-grid,
  .section-grid--equal,
  .section-grid--single,
  .detail-grid {
    grid-template-columns: 1fr;
  }
  .admin-filter-bar {
    align-items: stretch;
    flex-direction: column;
  }
  .filter-grid,
  .scholarship-filter-grid {
    grid-template-columns: 1fr 1fr;
  }
  .applications-filter-card .card-body {
    padding: 1rem;
  }
  .admin-filter-results {
    width: 100%;
  }
  .card-title-row,
  .page-header-shell {
    flex-direction: column;
  }
  .form-actions-row,
  .table-actions,
  .scholarship-register__footer {
    width: 100%;
    justify-content: flex-start;
  }
  .detail-item {
    flex-direction: column;
    gap: 0.375rem;
  }
  .detail-item > div {
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 640px) {
  .filter-grid,
  .scholarship-filter-grid {
    grid-template-columns: 1fr;
  }
  .scholarship-dashboard-table thead th,
  .scholarship-dashboard-table tbody td {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .scholarship-dashboard-filter-card,
  .scholarship-dashboard-card .card-header,
  .scholarship-dashboard-card .card-body,
  .scholarship-dashboard-metric .card-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .scholarship-dashboard-filter-card__summary {
    justify-content: flex-start;
    min-height: auto;
  }
  .applications-filter-card__toggle {
    min-height: auto;
  }
  .notification-flyover-panel {
    right: -0.25rem;
    width: min(24rem, 100vw - 1.5rem);
  }
}
.assessment-admin-page .button_to {
  margin: 0;
}

.assessment-summary-grid,
.assessment-report-metrics,
.assessment-dashboard-grid {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.assessment-summary-grid,
.assessment-report-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.assessment-dashboard-grid {
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
}

.assessment-form-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.assessment-form-grid {
  display: grid;
  gap: 1rem;
}

.assessment-form-panel {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  padding: 1.25rem;
  box-shadow: var(--shadow-xs);
}

.assessment-form-panel__header {
  margin-bottom: 1rem;
}
.assessment-form-panel__header h3, .assessment-form-panel__header .h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
}
.assessment-form-panel__header p {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  color: var(--ink-muted);
}

.assessment-form-panel__header--split {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
}

.assessment-form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.assessment-weight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.875rem;
}

.assessment-weight-card {
  padding: 0.875rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
}

.assessment-weight-card__value {
  display: inline-flex;
  margin-top: 0.625rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--accent);
}

.assessment-weight-summary {
  margin-top: 1rem;
  padding: 0.875rem 1rem;
  border-radius: var(--r);
  border: 1px solid var(--border);
  background: var(--surface-subtle);
}
.assessment-weight-summary .progress {
  height: 0.5rem;
  margin: 0.75rem 0 0;
}

.assessment-weight-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.875rem;
  color: var(--ink-2);
}
.assessment-weight-summary__row strong {
  color: var(--ink);
}

.assessment-inline-note {
  margin: 0.625rem 0 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.assessment-file-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.assessment-file-pill,
.assessment-resource-file {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.75rem 0.875rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
  font-size: 0.875rem;
}
.assessment-file-pill i,
.assessment-resource-file i {
  color: var(--accent);
}

.assessment-empty-state {
  padding: 2rem 1.5rem;
  border: 1px dashed var(--border);
  border-radius: var(--r-md);
  background: var(--surface-subtle);
  text-align: center;
}
.assessment-empty-state i {
  font-size: 1.75rem;
  color: var(--ink-muted);
}
.assessment-empty-state h3, .assessment-empty-state .h3 {
  margin: 0.75rem 0 0.35rem;
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
}
.assessment-empty-state p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--ink-muted);
}

.assessment-empty-state--inline {
  padding: 1.5rem 1.25rem;
}

.assessment-shell-table {
  overflow: hidden;
}

.assessment-table-footer {
  padding: 1rem 1.25rem 1.25rem;
}

/* Quiet tag, not a bright pill — the status pill keeps the colour so the
   role tag shouldn't compete with it. */
.assessment-role-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.6rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle) !important;
  color: var(--ink-2) !important;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.assessment-role-badge i {
  font-size: 0.85rem;
  color: var(--ink-muted);
}

.assessment-title-cell strong {
  display: block;
  font-size: 0.9rem;
  color: var(--ink);
}

.assessment-table-actions {
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.375rem;
  justify-content: flex-end;
}

/* Flat, rectangular action buttons — one quiet row per record instead of a
   stack of gradient pills. */
.assessment-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 1.9rem;
  padding: 0.4rem 0.65rem;
  border: 1px solid var(--border-strong);
  border-radius: var(--r);
  background: var(--surface);
  color: var(--ink-2);
  cursor: pointer;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}
.assessment-action-btn i {
  font-size: 0.875rem;
  color: var(--ink-muted);
}
.assessment-action-btn:hover, .assessment-action-btn:focus {
  border-color: var(--accent);
  background: var(--accent-subtle);
  color: var(--accent-deep);
  text-decoration: none;
}
.assessment-action-btn:hover i, .assessment-action-btn:focus i {
  color: var(--accent);
}

.assessment-action-btn--primary {
  border-color: var(--accent-mid);
  color: var(--accent-deep);
}
.assessment-action-btn--primary i {
  color: var(--accent);
}

.assessment-candidate-cell {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.assessment-candidate-cell__avatar {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(26, 79, 138, 0.12);
  color: var(--accent);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.assessment-department-cell {
  display: inline-flex;
  flex-direction: column;
  gap: 0.35rem;
  align-items: flex-start;
}

.assessment-department-cell__action {
  padding: 0;
  font-size: 0.75rem;
  text-decoration: none;
}

.assessment-show-layout {
  align-items: start;
}

.assessment-inline-config {
  margin-bottom: 1rem;
}

.assessment-question-list,
.assessment-answer-list,
.assessment-panel-stack,
.assessment-comment-list,
.assessment-ai-card__stack,
.assessment-ai-result__stack {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.assessment-question-card,
.assessment-answer-card,
.assessment-panel-card,
.assessment-comment-card,
.assessment-ai-card__panel,
.assessment-ai-result__panel,
.assessment-ai-card__entry,
.assessment-ai-result__entry {
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
}

.assessment-question-card,
.assessment-answer-card,
.assessment-panel-card,
.assessment-comment-card {
  padding: 1rem;
}

.assessment-question-card__header,
.assessment-answer-card__header,
.assessment-panel-card__header,
.assessment-comment-card__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 0.875rem;
}

.assessment-question-card__title-group {
  display: flex;
  gap: 0.875rem;
  min-width: 0;
}

.assessment-question-card__index {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(26, 79, 138, 0.12);
  color: var(--accent);
  font-size: 0.8125rem;
  font-weight: 700;
  flex-shrink: 0;
}

.assessment-question-card__title,
.assessment-answer-card h4,
.assessment-answer-card .h4 {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--ink);
}
.assessment-question-card__title p:last-child,
.assessment-answer-card h4 p:last-child,
.assessment-answer-card .h4 p:last-child {
  margin-bottom: 0;
}

.assessment-question-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.5rem;
}

.assessment-question-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.assessment-question-card__choices {
  margin-top: 1rem;
}

.assessment-link-panel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.assessment-resource-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.assessment-resource-item {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  padding: 0.875rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
}

.assess-qlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.assess-qitem {
  border-bottom: 1px solid var(--border);
}
.assess-qitem:last-child {
  border-bottom: none;
}

.assess-qitem__row {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  padding: 0.875rem 1rem;
}

.assess-qitem__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: var(--accent-subtle);
  color: var(--accent);
  font-size: 0.6875rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.assess-qitem__body {
  flex: 1;
  min-width: 0;
}

.assess-qitem__text {
  font-size: 0.875rem;
  color: var(--ink);
  line-height: 1.55;
  margin-bottom: 0.375rem;
}
.assess-qitem__text p:last-child {
  margin-bottom: 0;
}

.assess-qitem__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

/* Always visible: reordering and editing should be findable, not revealed
   only when the pointer happens to be over the row. */
.assess-qitem__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

.assess-qitem__expand {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.625rem;
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--surface);
  color: var(--ink-muted);
  font-size: 0.6875rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 100ms ease, color 100ms ease;
}
.assess-qitem__expand:hover {
  border-color: var(--border-strong);
  color: var(--ink);
}
.assess-qitem__expand i {
  font-size: 0.75rem;
}

.assess-qitem__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  /* Reset for the reorder controls, which are real buttons. */
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  border-radius: var(--r);
  color: var(--ink-muted);
  text-decoration: none;
  transition: background 100ms ease, color 100ms ease;
}
.assess-qitem__icon-btn i {
  font-size: 0.875rem;
}
.assess-qitem__icon-btn:hover {
  background: var(--surface-subtle);
  color: var(--ink);
}
.assess-qitem__icon-btn--danger:hover {
  background: var(--danger-bg);
  color: var(--danger);
}

.assess-qitem__choices {
  padding: 0 1rem 1rem 3.625rem;
}

.assess-weights {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.assess-weight-row {
  display: grid;
  grid-template-columns: 6.5rem 1fr 2.5rem;
  align-items: center;
  gap: 0.625rem;
}

.assess-weight-label {
  font-size: 0.8125rem;
  color: var(--ink-2);
  font-weight: 500;
  white-space: nowrap;
}

.assess-weight-track {
  height: 0.375rem;
  border-radius: var(--r-pill);
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  overflow: hidden;
}

/* One accent across every bar: the colours carried no meaning and read as
   four unrelated categories. */
.assess-weight-fill {
  height: 100%;
  border-radius: var(--r-pill);
  min-width: 0.25rem;
  background: var(--accent);
}

.assess-weight-value {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--ink);
  text-align: right;
  white-space: nowrap;
}

.assess-sidebar-label {
  margin: 0 0 0.375rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-muted);
}

/* The share link is shown in full and wraps; a text box clipped it. */
.assess-share-url {
  margin: 0 0 0.625rem;
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 0.75rem;
  line-height: 1.6;
  color: var(--ink-2);
  word-break: break-all;
}

.assess-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.45rem 0.875rem;
  border: 1px solid var(--border-strong);
  border-radius: var(--r);
  background: var(--surface);
  color: var(--ink-2);
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}
.assess-copy-btn i {
  font-size: 0.9rem;
  color: var(--ink-muted);
}
.assess-copy-btn:hover {
  border-color: var(--accent);
  background: var(--accent-subtle);
  color: var(--accent-deep);
}
.assess-copy-btn:hover i {
  color: var(--accent);
}

.assess-resource-list {
  display: flex;
  flex-direction: column;
}

.assess-resource-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border);
}
.assess-resource-row:last-child {
  border-bottom: none;
}
.assess-resource-row--file {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.assess-resource-row__info {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
}

.assess-resource-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--r);
  background: var(--accent-subtle);
  color: var(--accent);
  flex-shrink: 0;
  font-size: 0.9375rem;
}
.assess-resource-icon--sm {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  background: var(--surface-subtle);
  color: var(--ink-muted);
}

.assess-resource-name {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}

.assess-resource-note {
  display: block;
  font-size: 0.6875rem;
  color: var(--ink-muted);
  margin-top: 0.0625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 12rem;
}

.assess-resource-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--r);
  color: var(--ink-muted);
  text-decoration: none;
  flex-shrink: 0;
  transition: background 100ms ease, color 100ms ease;
}
.assess-resource-action i {
  font-size: 0.875rem;
}
.assess-resource-action:hover {
  background: var(--accent-subtle);
  color: var(--accent);
}

.assess-resource-filename {
  font-size: 0.8125rem;
  color: var(--accent);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.assess-resource-filename:hover {
  text-decoration: underline;
}

.assessment-choice-editor {
  margin-top: 1rem;
}

.assessment-choice-list {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.assessment-choice-list__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.assessment-choice-item {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem 0.875rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
}

.assessment-rich-text {
  padding: 0.95rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface);
  font-size: 0.875rem;
  color: var(--ink-2);
  line-height: 1.65;
}
.assessment-rich-text p:last-child {
  margin-bottom: 0;
}

.assessment-grade-progress {
  padding: 0.875rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
}
.assessment-grade-progress .progress {
  height: 0.5rem;
  margin-top: 0.625rem;
}

.assessment-grade-progress__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
.assessment-grade-progress__label strong {
  color: var(--ink);
}

.assessment-ai-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  margin-bottom: 1rem;
}

.assessment-ai-card__scores {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.assessment-ai-card__score,
.assessment-ai-result__panel {
  padding: 0.875rem;
}

.assessment-ai-card__score-label {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
.assessment-ai-card__score-label strong {
  color: var(--ink);
}

.assessment-ai-card__grid,
.assessment-ai-result__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.875rem;
  margin-top: 1rem;
}

.assessment-ai-card__panel,
.assessment-ai-result__panel {
  padding: 1rem;
}
.assessment-ai-card__panel h4, .assessment-ai-card__panel .h4,
.assessment-ai-result__panel h4,
.assessment-ai-result__panel .h4 {
  margin: 0 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink);
}
.assessment-ai-card__panel p:last-child,
.assessment-ai-result__panel p:last-child {
  margin-bottom: 0;
}

.assessment-ai-card__list,
.assessment-ai-result__list {
  margin: 0;
  padding-left: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  font-size: 0.875rem;
  color: var(--ink-2);
}

.assessment-ai-card__entry,
.assessment-ai-result__entry {
  padding: 0.875rem 1rem;
}
.assessment-ai-card__entry p,
.assessment-ai-result__entry p {
  margin: 0.35rem 0 0;
  font-size: 0.875rem;
  color: var(--ink-2);
}

.assessment-ai-result {
  width: 100%;
}

.assessment-report-chart-label {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

@media (max-width: 1100px) {
  .assessment-summary-grid,
  .assessment-report-metrics,
  .assessment-weight-grid,
  .assessment-ai-card__grid,
  .assessment-ai-result__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .assessment-summary-grid,
  .assessment-report-metrics,
  .assessment-weight-grid,
  .assessment-ai-card__grid,
  .assessment-ai-result__grid,
  .assessment-form-grid {
    grid-template-columns: 1fr;
  }
  .assessment-form-panel__header--split,
  .assessment-question-card__header,
  .assessment-answer-card__header,
  .assessment-panel-card__header,
  .assessment-comment-card__header,
  .assessment-resource-item,
  .assessment-choice-item,
  .assessment-form-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .assessment-question-card__actions,
  .assessment-table-actions {
    justify-content: flex-start;
  }
}
/* ─────────────────────────────────────────────────────────────────────────
   User Guide (help centre). Data-driven articles rendered from
   config/user_guide/. Uses the admin theme tokens (--surface, --ink, --border…).
   ───────────────────────────────────────────────────────────────────────── */
.ug-page {
  --ug-accent: #2456c4;
  --ug-accent-soft: rgba(36, 86, 196, 0.1);
  --ug-annotation: #e5484d;
  padding-bottom: 4rem;
}

.ug-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--ink-muted);
  margin: 0 0 0.4rem;
}

/* Hero + search */
.ug-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 2rem;
  align-items: end;
  padding: 1.5rem 0 1.75rem;
  border-bottom: 1px solid var(--border);
  margin-bottom: 1.5rem;
}

.ug-hero__title {
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0 0 0.5rem;
  color: var(--ink);
}

.ug-hero__lede {
  color: var(--ink-muted);
  margin: 0;
  max-width: 58ch;
  line-height: 1.6;
}

.ug-search {
  position: relative;
  display: flex;
  align-items: center;
}

.ug-search .ti {
  position: absolute;
  left: 0.95rem;
  color: var(--ink-muted);
  font-size: 1.1rem;
  pointer-events: none;
}

.ug-search__input {
  width: 100%;
  padding: 0.85rem 1rem 0.85rem 2.6rem;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: var(--surface);
  color: var(--ink);
  font-size: 0.95rem;
}

.ug-search__input:focus {
  outline: none;
  border-color: var(--ug-accent);
  box-shadow: 0 0 0 4px var(--ug-accent-soft);
}

/* Tabs */
.ug-tabs {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--border);
}

.ug-tab {
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 3px solid transparent;
  padding: 0.7rem 1rem;
  color: var(--ink-muted);
  font-weight: 600;
  font-size: 0.93rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  margin-bottom: -1px;
}

.ug-tab:hover {
  color: var(--ink);
}

.ug-tab.is-active {
  color: var(--ug-accent);
  border-bottom-color: var(--ug-accent);
}

.ug-tab:focus-visible {
  outline: 3px solid var(--ug-accent-soft);
  outline-offset: -3px;
  border-radius: 6px;
}

.ug-tab__count {
  font-size: 0.72rem;
  font-weight: 700;
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 0.05rem 0.5rem;
  color: var(--ink-muted);
}

.ug-tabpanel__intro {
  color: var(--ink-muted);
  max-width: 70ch;
  margin: 0 0 1.25rem;
}

/* Category cards */
.ug-categories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1rem;
}

.ug-category {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 1.15rem 1.25rem 1rem;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
}

.ug-category__head {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  margin-bottom: 0.85rem;
}

.ug-category__icon {
  flex: 0 0 auto;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--ug-accent-soft);
  color: var(--ug-accent);
  font-size: 1.2rem;
}

.ug-category__title {
  margin: 0;
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--ink);
}

.ug-category__desc {
  margin: 0.15rem 0 0;
  color: var(--ink-muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.ug-category__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.35rem;
}

.ug-category__empty {
  color: var(--ink-muted);
  font-size: 0.85rem;
  margin: 0;
}

.ug-guide-link {
  display: grid;
  gap: 0.15rem;
  padding: 0.6rem 0.75rem;
  border-radius: var(--r-sm);
  text-decoration: none;
  color: var(--ink);
  border: 1px solid transparent;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.ug-guide-link:hover {
  background: var(--surface-subtle);
  border-color: var(--border);
  text-decoration: none;
  color: var(--ink);
}

.ug-guide-link:focus-visible {
  outline: 3px solid var(--ug-accent-soft);
}

.ug-guide-link__title {
  font-weight: 650;
  font-size: 0.92rem;
}

.ug-guide-link__summary {
  color: var(--ink-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.ug-guide-link__roles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.2rem;
}

.ug-guide-link__crumb {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.66rem;
  font-weight: 700;
  color: var(--ink-muted);
}

.ug-guide-link--result {
  background: var(--surface);
  border-color: var(--border);
}

.ug-role--more {
  background: var(--surface-subtle);
  color: var(--ink-muted);
  border: 1px solid var(--border);
}

.ug-role {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  background: var(--info-bg);
  color: var(--info-text);
}

.ug-results__head {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.ug-results__count {
  color: var(--ink-muted);
  font-size: 0.85rem;
}

.ug-results__list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.ug-results__empty {
  color: var(--ink-muted);
}

.ug-section-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
}

/* Article */
.ug-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.82rem;
  color: var(--ink-muted);
  padding: 1rem 0 0.5rem;
}

.ug-breadcrumb a {
  color: var(--ink-muted);
  text-decoration: none;
}

.ug-breadcrumb a:hover {
  color: var(--ug-accent);
}

.ug-breadcrumb .ti {
  font-size: 0.8rem;
  opacity: 0.6;
}

.ug-breadcrumb [aria-current] {
  color: var(--ink);
  font-weight: 600;
}

.ug-article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 2.5rem;
  align-items: start;
}

.ug-article__main {
  min-width: 0;
}

.ug-article__head {
  margin-bottom: 1.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--border);
}

.ug-article__title {
  font-size: 1.9rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0.25rem 0 0.5rem;
  color: var(--ink);
  text-wrap: balance;
}

.ug-article__summary {
  color: var(--ink-muted);
  font-size: 1.02rem;
  line-height: 1.6;
  margin: 0 0 1rem;
  max-width: 65ch;
}

.ug-meta {
  display: grid;
  gap: 0.5rem;
  margin: 0;
}

.ug-meta__row {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 0.75rem;
  align-items: baseline;
}

.ug-meta dt {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: var(--ink-muted);
}

.ug-meta dd {
  margin: 0;
  font-size: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.4rem;
  align-items: center;
}

.ug-meta__note {
  color: var(--ink-muted);
  font-size: 0.84rem;
  flex-basis: 100%;
}

.ug-arrow-sep {
  color: var(--ink-muted);
}

.ug-block {
  margin: 0 0 2rem;
}

.ug-block p {
  line-height: 1.7;
  max-width: 70ch;
}

.ug-h2 {
  font-size: 1.25rem;
  font-weight: 750;
  margin: 0 0 0.85rem;
  color: var(--ink);
  letter-spacing: -0.01em;
}

.ug-list {
  margin: 0.25rem 0 0.75rem;
  padding-left: 1.25rem;
  max-width: 70ch;
}

.ug-list li {
  margin-bottom: 0.35rem;
  line-height: 1.6;
}

.ug-ui {
  font-family: inherit;
  font-size: 0.86em;
  font-weight: 700;
  color: var(--ink);
  background: var(--surface-subtle);
  border: 1px solid var(--border-strong);
  border-bottom-width: 2px;
  border-radius: 6px;
  padding: 0.02em 0.4em;
  white-space: nowrap;
}

.ug-block code, .ug-step__text code {
  background: var(--surface-subtle);
  border-radius: 4px;
  padding: 0.05em 0.35em;
  font-size: 0.86em;
}

.ug-defs {
  display: grid;
  gap: 0.5rem;
}

.ug-def {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 0.75rem;
  padding: 0.65rem 0.85rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
}

.ug-def__name {
  font-weight: 700;
  font-size: 0.9rem;
}

.ug-def__text {
  color: var(--ink-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

/* Steps */
.ug-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 1rem;
  counter-reset: ug-step;
}

.ug-step {
  display: grid;
  grid-template-columns: 2.4rem minmax(0, 1fr);
  gap: 1rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 1.1rem 1.25rem 1.2rem;
  scroll-margin-top: 90px;
}

.ug-step__num {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 999px;
  background: var(--ug-accent);
  color: #fff;
  font-weight: 800;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ug-step__body {
  min-width: 0;
}

.ug-step__text {
  margin: 0.35rem 0 0.75rem;
  font-size: 0.98rem;
  line-height: 1.65;
}

/* Screenshot frame + annotations */
.ug-shot {
  margin: 0.5rem 0 0.25rem;
}

.ug-shot__frame {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface-subtle);
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.1);
}

.ug-shot__img {
  display: block;
  width: 100%;
  height: auto;
}

.ug-shot__missing {
  padding: 3rem 1rem;
  text-align: center;
  color: var(--ink-muted);
  font-size: 0.85rem;
  font-family: ui-monospace, monospace;
}

.ug-shot__caption {
  margin-top: 0.5rem;
  font-size: 0.82rem;
  color: var(--ink-muted);
}

.ug-anno {
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
}

.ug-anno--circle, .ug-anno--box {
  border: 3px solid var(--ug-annotation);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 0 5px rgba(229, 72, 77, 0.25);
}

.ug-anno--circle {
  border-radius: 999px;
}

.ug-anno--box {
  border-radius: 8px;
}

.ug-anno__label {
  position: absolute;
  top: -0.85rem;
  left: -0.85rem;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  background: var(--ug-annotation);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.5rem;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.ug-anno--arrow {
  width: 0;
  height: 0;
}

.ug-anno--arrow::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 46px;
  background: var(--ug-annotation);
  border-radius: 2px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85);
}

.ug-anno--arrow::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 11px solid transparent;
}

/* Arrow tip sits at (x, y); the shaft extends away in the opposite direction. */
.ug-anno--arrow.ug-anno--down::before {
  left: -2px;
  top: -56px;
}

.ug-anno--arrow.ug-anno--down::after {
  left: -11px;
  top: -18px;
  border-top-color: var(--ug-annotation);
}

.ug-anno--arrow.ug-anno--up::before {
  left: -2px;
  top: 10px;
}

.ug-anno--arrow.ug-anno--up::after {
  left: -11px;
  top: -4px;
  border-bottom-color: var(--ug-annotation);
}

.ug-anno--arrow.ug-anno--right::before {
  width: 46px;
  height: 4px;
  left: -56px;
  top: -2px;
}

.ug-anno--arrow.ug-anno--right::after {
  top: -11px;
  left: -18px;
  border-left-color: var(--ug-annotation);
}

.ug-anno--arrow.ug-anno--left::before {
  width: 46px;
  height: 4px;
  left: 10px;
  top: -2px;
}

.ug-anno--arrow.ug-anno--left::after {
  top: -11px;
  left: -4px;
  border-right-color: var(--ug-annotation);
}

.ug-anno--arrow .ug-anno__label {
  top: -78px;
  left: 8px;
}

.ug-anno--arrow.ug-anno--up .ug-anno__label {
  top: 56px;
}

/* Callouts */
.ug-callout {
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
  border: 1px solid var(--border);
  border-left-width: 4px;
  border-radius: var(--r-sm);
  padding: 0.85rem 1rem;
  margin: 0.9rem 0 0.25rem;
  background: var(--surface);
}

.ug-callout__icon {
  font-size: 1.15rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
}

.ug-callout__title {
  margin: 0 0 0.15rem;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.ug-callout__text p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
}

.ug-callout__text p + p {
  margin-top: 0.4rem;
}

.ug-callout--note {
  border-left-color: #2456c4;
}

.ug-callout--note .ug-callout__icon, .ug-callout--note .ug-callout__title {
  color: #2456c4;
}

.ug-callout--tip {
  border-left-color: #1d8348;
}

.ug-callout--tip .ug-callout__icon, .ug-callout--tip .ug-callout__title {
  color: #1d8348;
}

.ug-callout--important {
  border-left-color: #b45309;
}

.ug-callout--important .ug-callout__icon, .ug-callout--important .ug-callout__title {
  color: #b45309;
}

.ug-callout--warning {
  border-left-color: #b42318;
}

.ug-callout--warning .ug-callout__icon, .ug-callout--warning .ug-callout__title {
  color: #b42318;
}

/* Tables */
.ug-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--surface);
}

.ug-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.ug-table th {
  text-align: left;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--ink-muted);
  padding: 0.6rem 0.85rem;
  background: var(--surface-subtle);
  border-bottom: 1px solid var(--border);
}

.ug-table td {
  padding: 0.65rem 0.85rem;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
  line-height: 1.5;
}

.ug-table tr:last-child td {
  border-bottom: 0;
}

.ug-table__name {
  font-weight: 650;
  white-space: nowrap;
}

.ug-req {
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
}

.ug-req--yes {
  background: var(--danger-bg, #fbe9e7);
  color: var(--danger, #a02015);
}

.ug-req--no {
  background: var(--surface-subtle);
  color: var(--ink-muted);
}

/* Statuses */
.ug-statuses {
  display: grid;
  gap: 0.5rem;
}

.ug-status {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
  padding: 0.7rem 0.85rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
}

.ug-status p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.55;
}

.ug-tone {
  display: inline-block;
  font-size: 0.76rem;
  font-weight: 700;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
}

.ug-tone--success {
  background: #e6f2ea;
  color: #1d6b3c;
}

.ug-tone--warning {
  background: #fdf0e3;
  color: #a04a0a;
}

.ug-tone--danger {
  background: #fbe9e7;
  color: #a02015;
}

.ug-tone--info {
  background: var(--info-bg);
  color: var(--info-text);
}

.ug-tone--neutral {
  background: var(--surface-subtle);
  color: var(--ink-muted);
  border: 1px solid var(--border);
}

/* Troubleshooting */
.ug-faq {
  display: grid;
  gap: 0.5rem;
}

.ug-faq__item {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
}

.ug-faq__item summary {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  padding: 0.75rem 0.95rem;
  font-weight: 650;
  cursor: pointer;
  list-style: none;
}

.ug-faq__item summary::-webkit-details-marker {
  display: none;
}

.ug-faq__item summary .ti {
  color: var(--ug-accent);
  flex-shrink: 0;
}

.ug-faq__item[open] summary {
  border-bottom: 1px solid var(--border);
}

.ug-faq__answer {
  padding: 0.75rem 0.95rem 0.9rem 2.5rem;
}

.ug-faq__answer p {
  margin: 0 0 0.5rem;
  font-size: 0.92rem;
}

.ug-faq__answer p:last-child {
  margin-bottom: 0;
}

.ug-related {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 0.5rem;
}

.ug-related .ug-guide-link {
  background: var(--surface);
  border-color: var(--border);
}

/* Prev / next */
.ug-pager {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}

.ug-pager__link {
  display: grid;
  gap: 0.15rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  background: var(--surface);
  text-decoration: none;
  color: var(--ink);
}

.ug-pager__link:hover {
  border-color: var(--ug-accent);
  text-decoration: none;
  color: var(--ink);
}

.ug-pager__link--next {
  text-align: right;
}

.ug-pager__label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: var(--ink-muted);
}

.ug-pager__title {
  font-weight: 650;
  font-size: 0.92rem;
}

/* Table of contents */
.ug-toc {
  position: sticky;
  top: 1.25rem;
}

.ug-toc__inner {
  border-left: 2px solid var(--border);
  padding-left: 1rem;
}

.ug-toc__heading {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 700;
  color: var(--ink-muted);
  margin: 0 0 0.5rem;
}

.ug-toc__heading--sub {
  margin-top: 1rem;
}

.ug-toc__list, .ug-toc__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.3rem;
}

.ug-toc__list a, .ug-toc__steps a {
  color: var(--ink);
  text-decoration: none;
  font-size: 0.86rem;
  line-height: 1.4;
  display: block;
}

.ug-toc__steps a {
  color: var(--ink-muted);
  font-size: 0.8rem;
}

.ug-toc__list a:hover, .ug-toc__steps a:hover {
  color: var(--ug-accent);
}

.ug-toc__steps {
  counter-reset: ug-toc;
}

.ug-toc__steps li {
  counter-increment: ug-toc;
  display: flex;
  gap: 0.45rem;
}

.ug-toc__steps li::before {
  content: counter(ug-toc);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--ug-accent);
  min-width: 1.1rem;
}

.ug-toc__back {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 1.25rem;
  font-size: 0.84rem;
  color: var(--ink-muted);
  text-decoration: none;
}

.ug-toc__back:hover {
  color: var(--ug-accent);
}

/* Responsive */
@media (max-width: 1100px) {
  .ug-article {
    grid-template-columns: minmax(0, 1fr);
  }
  .ug-toc {
    position: static;
    order: -1;
  }
  .ug-toc__inner {
    border-left: 0;
    border: 1px solid var(--border);
    border-radius: var(--r-sm);
    padding: 0.9rem 1rem;
    background: var(--surface);
  }
  .ug-toc__steps {
    display: none;
  }
}
@media (max-width: 768px) {
  .ug-hero {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .ug-hero__title {
    font-size: 1.6rem;
  }
  .ug-article__title {
    font-size: 1.5rem;
  }
  .ug-meta__row, .ug-def, .ug-status {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
  .ug-step {
    grid-template-columns: 1.9rem minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.9rem 0.9rem 1rem;
  }
  .ug-step__num {
    width: 1.9rem;
    height: 1.9rem;
    font-size: 0.85rem;
  }
  .ug-pager {
    grid-template-columns: 1fr;
  }
  .ug-pager__link--next {
    text-align: left;
  }
  .ug-anno--circle, .ug-anno--box {
    border-width: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ug-guide-link {
    transition: none;
  }
}
/* ════════════════════════════════════════════════════════════════════════
   MOBILE & POLISH OVERHAUL
   Keeps the existing design language; restructures small-screen layout.
   Sections:
     1. Keyboard focus (all sizes)
     2. ≤1100px — header actions, meta strip, quick nav, topbar
     3. ≤767px — filter cards, bulk toolbar, tables → cards, page chrome
     4. ≤640px — modals as bottom sheets, metrics grid
   ════════════════════════════════════════════════════════════════════════ */
/* Grid items default to min-width:auto, so any nowrap row (the action strip,
   the tab strip) would inflate the whole panel instead of scrolling inside it. */
.main-panel {
  min-width: 0;
}

/* ── 1. Keyboard focus ──────────────────────────────────────────────────── */
.btn:focus-visible,
.apps-status-tab:focus-visible,
.topbar-icon-button:focus-visible,
.sidebar-link:focus-visible,
.sidebar-toggle:focus-visible,
.show-quick-nav__link:focus-visible,
.page-back-link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .sidebar-panel,
  .sidebar-backdrop {
    transition: none;
  }
}
/* ── 2. Tablet and down ─────────────────────────────────────────────────── */
@media (max-width: 1100px) {
  /* Page header: title block, then one horizontally scrollable action row.
     Replaces the wrapped stack of 4–6 buttons that used to push content
     hundreds of pixels down the page. */
  /* Block layout here on purpose: block children can never outgrow their
     parent, which flex stretch was allowing for the nowrap action row. */
  .page-header-shell {
    display: block;
    margin-bottom: 1rem;
  }
  .page-header-copy {
    margin-bottom: 0.75rem;
  }
  /* Backstop: nothing inside the page may widen the page itself. */
  .page-content {
    overflow-x: clip;
  }
  .page-actions {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -1.25rem;
    padding: 0.125rem 1.25rem;
  }
  .page-actions::-webkit-scrollbar {
    display: none;
  }
  .page-actions > *,
  .page-actions .btn,
  .page-actions form {
    flex: 0 0 auto;
  }
  /* Plain metadata wraps rather than hiding in a scroll row — a clipped
     fact reads as broken, and text costs nothing to wrap. Spacing alone
     separates the facts here: a dot separator would dangle at the start of
     each wrapped line. */
  .page-meta-strip {
    flex-wrap: wrap;
    gap: 0.25rem 1.1rem;
  }
  .page-meta-item + .page-meta-item::before {
    content: none;
  }
  .page-meta-pill {
    flex: 0 0 auto;
  }
  /* Application detail: "Jump to" becomes a sticky scrollable chip row. */
  .show-quick-nav {
    position: sticky;
    top: 0;
    z-index: 25;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 0.375rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: 0.5rem 1.25rem;
    background: var(--bg);
    border-bottom: 1px solid var(--border);
  }
  .show-quick-nav::-webkit-scrollbar {
    display: none;
  }
  .show-quick-nav__link {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .apps-status-tabs {
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
  .apps-status-tab {
    scroll-snap-align: start;
  }
  .topbar {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
  }
}
/* ── 3. Phones ──────────────────────────────────────────────────────────── */
@media (max-width: 767.98px) {
  .page-content {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-bottom: calc(2rem + env(safe-area-inset-bottom));
  }
  .topbar {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .page-actions,
  .show-quick-nav {
    margin-left: -0.875rem;
    margin-right: -0.875rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .page-heading {
    font-size: 1.2rem;
  }
  .page-subtitle {
    font-size: 0.8125rem;
  }
  /* Filter cards: two-up compact grid instead of a full-width stack.
     16px control text also stops iOS zooming the page on focus. */
  .applications-filter-card {
    padding: 0.75rem 0.875rem;
  }
  .applications-filter-card [class*=col-] {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .applications-filter-card [class*=col-]:has(input[type=search]),
  .applications-filter-card [class*=col-]:has(.applications-filter-card__switch) {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .applications-filter-card__label {
    font-size: 0.625rem;
    margin-bottom: 0.25rem;
  }
  .applications-filter-card__control {
    font-size: 1rem;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
  }
  /* Bulk move: stack, full-width controls. */
  .scholarship-bulk-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
  .scholarship-bulk-toolbar__controls {
    display: flex;
    gap: 0.5rem;
  }
  .scholarship-bulk-toolbar__controls .form-select {
    flex: 1 1 auto;
    min-width: 0;
  }
  /* ── Tables become cards ──
     Tables tagged .mobile-cards drop the grid-of-columns entirely: each row
     renders as a card, so nothing scrolls sideways. */
  .mobile-cards,
  .mobile-cards tbody {
    display: block;
    width: 100%;
  }
  .mobile-cards thead {
    display: none;
  }
  .mobile-cards tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem 0.75rem;
    position: relative;
    padding: 0.875rem 1rem;
    margin-bottom: 0.75rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-xs);
  }
  .mobile-cards tbody tr:hover td {
    background: transparent;
  }
  .mobile-cards tbody td {
    display: block;
    padding: 0;
    border-bottom: 0;
    min-width: 0;
  }
  .shell-table .mobile-cards tbody td {
    padding: 0;
    border-bottom: 0;
  }
  /* Eyebrow labels for cells whose bare value would be ambiguous. */
  .mobile-cards [data-mob-label]::before {
    content: attr(data-mob-label);
  }
  .mobile-cards [data-mob-label]::before,
  .mobile-cards--register .scholarship-register__score::before,
  .mobile-cards--register .scholarship-register__award-signatures::before {
    display: block;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin-bottom: 0.125rem;
  }
  /* Register: applicant / programme full width, status+date row,
     score+signatures row, full-width open button. */
  .mobile-cards--register tbody tr {
    grid-template-areas: "applicant applicant" "programme programme" "status    date" "score     sigs" "action    action";
  }
  .mobile-cards--register .scholarship-register__applicant {
    grid-area: applicant;
  }
  .mobile-cards--register .scholarship-register__programme {
    grid-area: programme;
  }
  .mobile-cards--register .scholarship-register__status {
    grid-area: status;
    align-self: center;
  }
  .mobile-cards--register .scholarship-register__status + td {
    grid-area: date;
    justify-self: end;
    text-align: right;
    align-self: center;
  }
  .mobile-cards--register .scholarship-register__score {
    grid-area: score;
  }
  .mobile-cards--register .scholarship-register__award-signatures {
    grid-area: sigs;
  }
  .mobile-cards--register td.text-end {
    grid-area: action;
    text-align: left;
  }
  .mobile-cards--register .scholarship-register__score::before {
    content: "Score";
  }
  .mobile-cards--register .scholarship-register__award-signatures::before {
    content: "Signatures";
  }
  .mobile-cards--register .scholarship-register__select {
    position: absolute;
    top: 0.875rem;
    right: 1rem;
    z-index: 2;
  }
  .mobile-cards--register .scholarship-register__select .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
  }
  .mobile-cards--register td.text-end .btn {
    display: flex;
    width: 100%;
    justify-content: center;
    border: 1px solid var(--border-strong);
    padding: 0.5rem 0.75rem;
  }
  /* Users directory. */
  .mobile-cards--users tbody tr {
    grid-template-areas: "name  name" "role  status" "login login" "act   act";
  }
  .mobile-cards--users tbody td:nth-child(1) {
    grid-area: name;
  }
  .mobile-cards--users tbody td:nth-child(2) {
    grid-area: role;
  }
  .mobile-cards--users tbody td:nth-child(3) {
    grid-area: status;
    justify-self: end;
    text-align: right;
  }
  .mobile-cards--users tbody td:nth-child(4) {
    grid-area: login;
  }
  .mobile-cards--users tbody td:nth-child(5) {
    grid-area: act;
  }
  .mobile-cards--users tbody td:nth-child(2)::before,
  .mobile-cards--users tbody td:nth-child(4)::before {
    display: block;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin-bottom: 0.125rem;
  }
  .mobile-cards--users tbody td:nth-child(2)::before {
    content: "Role";
  }
  .mobile-cards--users tbody td:nth-child(4)::before {
    content: "Last login";
  }
  .mobile-cards--users tbody td:nth-child(5) {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0.25rem;
  }
  .mobile-cards--users tbody td:nth-child(5) .btn,
  .mobile-cards--users tbody td:nth-child(5) form {
    flex: 1 1 auto;
  }
  .mobile-cards--users tbody td:nth-child(5) form .btn {
    width: 100%;
  }
  /* Notification register. */
  .mobile-cards--notifications tbody tr {
    grid-template-areas: "note  note" "app   app" "type  status" "recv  recv" "act   act";
  }
  .mobile-cards--notifications tbody td:nth-child(1) {
    grid-area: note;
  }
  .mobile-cards--notifications tbody td:nth-child(2) {
    grid-area: app;
  }
  .mobile-cards--notifications tbody td:nth-child(3) {
    grid-area: type;
  }
  .mobile-cards--notifications tbody td:nth-child(4) {
    grid-area: status;
    justify-self: end;
  }
  .mobile-cards--notifications tbody td:nth-child(5) {
    grid-area: recv;
  }
  .mobile-cards--notifications tbody td:nth-child(6) {
    grid-area: act;
  }
  .mobile-cards--notifications tbody td:nth-child(5)::before {
    content: "Received";
    display: block;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-muted);
    margin-bottom: 0.125rem;
  }
  .mobile-cards--notifications tbody td:nth-child(6) .btn {
    display: flex;
    width: 100%;
    justify-content: center;
  }
  /* Generic stack: any table without a bespoke mapping. */
  .mobile-cards--stack tbody tr,
  .mobile-cards--interviews tbody tr {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .mobile-cards--stack tbody td.text-end,
  .mobile-cards--interviews tbody td.text-end {
    text-align: left;
  }
  .mobile-cards--stack tbody td.text-end .btn,
  .mobile-cards--interviews tbody td.text-end .btn {
    display: flex;
    width: 100%;
    justify-content: center;
    border: 1px solid var(--border-strong);
  }
  /* Shell-table chrome around card lists. */
  .shell-table {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .shell-table .card-title-row,
  .shell-table > h3,
  .shell-table > .h3 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .card-title-row {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
}
/* ── 4. Small phones: sheets and metrics ────────────────────────────────── */
@media (max-width: 640px) {
  /* Modals open as bottom sheets: reachable, scrollable, full width. */
  .modal-dialog {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    margin: 0;
    width: 100%;
    max-width: none;
    display: flex;
    align-items: flex-end;
  }
  .modal.fade .modal-dialog {
    transform: translateY(1.5rem);
  }
  .modal.show .modal-dialog {
    transform: none;
  }
  .modal-content {
    border-radius: var(--r-lg) var(--r-lg) 0 0;
    max-height: calc(100dvh - 2.5rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
  }
  .modal-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .modal-footer {
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
  }
  /* Dashboard metrics: two-up instead of a single tall column. */
  .dashboard-metrics,
  .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
  }
  .metric-card {
    padding: 0.875rem 1rem;
  }
}
/* ── 5. Polish pass (all sizes) ─────────────────────────────────────────── */
/* Section title rows: a long subtitle must wrap, never widen or clip the row. */
.card-title-row > div {
  min-width: 0;
}

.card-title-row h3, .card-title-row .h3,
.card-subtitle,
.chart-subtitle {
  overflow-wrap: anywhere;
}

/* Required fields showed two asterisks: simple_form's <abbr> plus Tabler's
   .required::after. Keep Tabler's red one, drop the underlined abbr. */
.form-label abbr[title] {
  display: none;
}

/* simple_form stamps .is-valid on every untouched field, painting green
   borders and check icons on forms nobody has submitted. Neutralise it —
   only error states should colour a field. */
.form-control.is-valid,
.form-select.is-valid {
  border-color: var(--border-strong);
}

.form-control.is-valid {
  background-image: none;
  padding-right: 0.75rem;
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  --tblr-form-select-bg-icon: none;
}

/* One focus ring for every field, in the brand colour. */
.form-control:focus,
.form-select:focus,
.form-control.is-valid:focus,
.form-select.is-valid:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-subtle);
}

/* Tracking numbers and other inline code render as quiet chips. */
.shell-table td code,
.detail-card code {
  background: var(--surface-inset);
  border-radius: var(--r-sm);
  padding: 0.125rem 0.375rem;
  font-size: 0.75rem;
  color: var(--ink-2);
}

/* The Email Applicants subject field carried an intrinsic width that pushed
   it out of its card on wide screens. */
.custom-email-control {
  max-width: 100%;
  min-width: 0;
}

/* ── 6. Polish pass, phones ─────────────────────────────────────────────── */
@media (max-width: 767.98px) {
  .card-title-row {
    row-gap: 0.5rem;
  }
  /* Comfortable tap targets. */
  .btn:not(.btn-sm) {
    min-height: 2.5rem;
  }
  .btn.btn-sm, .btn-group-sm > .btn {
    min-height: 2.125rem;
  }
  /* Dashboard's recent-submissions table as cards. */
  .mobile-cards--recent tbody tr {
    grid-template-areas: "app    app" "track  track" "prog   prog" "status sub" "action action";
  }
  .mobile-cards--recent tbody td:nth-child(1) {
    grid-area: app;
  }
  .mobile-cards--recent tbody td:nth-child(2) {
    grid-area: track;
  }
  .mobile-cards--recent tbody td:nth-child(3) {
    grid-area: prog;
  }
  .mobile-cards--recent tbody td:nth-child(4) {
    grid-area: status;
    align-self: center;
  }
  .mobile-cards--recent tbody td:nth-child(5) {
    grid-area: sub;
    justify-self: end;
    text-align: right;
    align-self: center;
  }
  .mobile-cards--recent tbody td:nth-child(6) {
    grid-area: action;
    text-align: left;
  }
  .mobile-cards--recent tbody td:nth-child(6) .btn {
    display: flex;
    width: 100%;
    justify-content: center;
    border: 1px solid var(--border-strong);
  }
}
/* ── 7. Polish pass, small phones ───────────────────────────────────────── */
@media (max-width: 640px) {
  /* The notification and message flyovers anchored to the bell overflowed the
     left edge. On phones they become a fixed sheet under the top bar. */
  .notification-flyover-panel {
    position: fixed;
    top: 3.6rem;
    left: 0.625rem;
    right: 0.625rem;
    width: auto;
    max-height: calc(100dvh - 4.75rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: var(--r-md);
    box-shadow: var(--shadow-md);
  }
  .notification-flyover-panel::before {
    display: none;
  }
}
/* ── 8. Metric cards & dashboard ────────────────────────────────────────── */
/* Flat, aligned stat tiles: the value leads so figures line up across a row
   even when labels wrap; tone colours the figure, not a border stripe. */
.metric-card {
  border-top: 1px solid var(--border);
  padding: 1rem 1.125rem 0.9375rem;
  display: flex;
  flex-direction: column;
  transition: box-shadow 120ms ease, border-color 120ms ease;
}

.metric-card:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-sm);
}

.metric-card--success,
.metric-card--warning,
.metric-card--danger,
.metric-card--info,
.metric-card--neutral {
  border-top-color: var(--border);
}

.metric-card .metric-value {
  margin: 0;
  order: 1;
  font-size: 1.75rem;
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.metric-card .metric-label {
  order: 2;
  margin: 0.4375rem 0 0;
  font-size: 0.66rem;
  line-height: 1.35;
}

.metric-card .metric-hint {
  order: 3;
  margin: 0.25rem 0 0;
  font-size: 0.72rem;
  line-height: 1.4;
}

.metric-card--success .metric-value {
  color: var(--success-text);
}

.metric-card--warning .metric-value {
  color: #B45309;
}

.metric-card--danger .metric-value {
  color: var(--danger-text);
}

.metric-card--info .metric-value {
  color: var(--accent);
}

/* Dashboard quick links: wayfinding chips, not competing action buttons. */
.dash-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.5rem 0.875rem;
  border: 1px solid var(--border-strong);
  border-radius: var(--r-pill);
  background: var(--surface);
  color: var(--ink-2);
  font-size: 0.8125rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.dash-link i {
  color: var(--accent);
  font-size: 0.9375rem;
}

.dash-link:hover {
  border-color: var(--accent);
  color: var(--accent-deep);
  background: var(--accent-subtle);
}

.dash-link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (max-width: 767.98px) {
  .metric-grid,
  .dashboard-metrics {
    gap: 0.625rem;
  }
  /* An odd count of tiles leaves no orphan: the last one spans the row. */
  .metric-grid > .metric-card:last-child:nth-child(odd),
  .dashboard-metrics > .metric-card:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
  /* Section headings keep their action beside the title on phones.
     (An older rule stacked the row into a column; row direction restored.) */
  .card-title-row {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .card-title-row > div {
    flex: 1 1 auto;
    min-width: 0;
  }
  .card-title-row .btn {
    flex: none;
    margin-left: auto;
  }
  /* Charts stay a sane height on small screens. */
  .chart-canvas-wrap,
  .chart-canvas-wrap--lg {
    max-height: 240px;
  }
}
/* ── 9. Dashboard work queue ────────────────────────────────────────────── */
.dash-queue {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.dash-q {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  padding: 0.9375rem 2rem 0.875rem 1.125rem;
  text-decoration: none;
  color: var(--ink);
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.dash-q::after {
  content: "›";
  position: absolute;
  top: 0.8125rem;
  right: 0.875rem;
  font-size: 1.05rem;
  line-height: 1;
  color: var(--ink-placeholder);
  transition: color 120ms ease, transform 120ms ease;
}

.dash-q:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-sm);
  color: var(--ink);
  text-decoration: none;
}

.dash-q:hover::after {
  color: var(--accent);
  transform: translateX(2px);
}

.dash-q:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.dash-q__n {
  font-size: 1.625rem;
  font-weight: 750;
  letter-spacing: -0.03em;
  line-height: 1.05;
  font-variant-numeric: tabular-nums;
  color: var(--ink-placeholder); /* zero reads as settled … */
}

.dash-q--warn .dash-q__n {
  color: #B45309;
}

.dash-q--risk .dash-q__n {
  color: var(--danger-text);
}

.dash-q--info .dash-q__n {
  color: var(--accent);
}

.dash-q__l {
  margin-top: 0.4375rem;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-2);
  line-height: 1.35;
}

.dash-q__s {
  margin-top: 0.1875rem;
  font-size: 0.72rem;
  color: var(--ink-muted);
  line-height: 1.4;
}

.dash-q__s--risk {
  color: var(--danger-text);
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .dash-queue {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
  }
  .dash-queue > .dash-q:last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
}
/* ── 10. Button normalisation ───────────────────────────────────────────── */
/* Tabler's small buttons are cramped (2px vertical padding); every button
   gets consistent weight, radius and breathing room. */
.btn {
  font-weight: 600;
  border-radius: var(--r);
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.375rem 0.75rem;
  font-size: 0.78125rem;
  line-height: 1.25;
  border-radius: var(--r-sm);
}

.btn i {
  line-height: 1;
}

/* ── 11. Register on phones: collapsed filters, on-demand bulk bar ──────── */
.filter-disclosure__toggle {
  display: none;
}

@media (max-width: 767.98px) {
  /* Search stays; everything else waits behind the Filters toggle. */
  .filter-disclosure .filter-disclosure__primary {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .filter-disclosure__primary .applications-filter-card__label {
    display: none;
  }
  .filter-disclosure__primary .form-control {
    flex: 1 1 auto;
    min-width: 0;
  }
  .filter-disclosure__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    flex: none;
    padding: 0.5rem 0.6875rem;
    border: 1px solid var(--border-strong);
    border-radius: var(--r-sm);
    background: var(--surface);
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--ink-2);
    min-height: 2.5rem;
  }
  .filter-disclosure__toggle i {
    font-size: 0.9375rem;
  }
  /* Dot marks filters currently narrowing the list. */
  .filter-disclosure__toggle--active::after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent);
  }
  .filter-disclosure.is-open .filter-disclosure__toggle {
    border-color: var(--accent);
    color: var(--accent);
    background: var(--accent-subtle);
  }
  .filter-disclosure:not(.is-open) [class*=col-]:not(.filter-disclosure__primary) {
    display: none;
  }
  /* Bulk move: off-screen until something is selected, then a bottom bar. */
  .scholarship-bulk-toolbar {
    position: fixed;
    left: 0.625rem;
    right: 0.625rem;
    bottom: calc(0.625rem + env(safe-area-inset-bottom));
    z-index: 35;
    margin: 0;
    background: var(--surface);
    border: 1px solid var(--border-strong);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-md);
    padding: 0.75rem 0.875rem;
    transform: translateY(calc(100% + 1.5rem));
    opacity: 0;
    pointer-events: none;
    transition: transform 180ms ease, opacity 180ms ease;
  }
  .scholarship-bulk-toolbar.has-selection {
    transform: none;
    opacity: 1;
    pointer-events: auto;
  }
  /* One count is enough on a phone; the register header already says it. */
  .apps-result-count {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .scholarship-bulk-toolbar {
    transition: none;
  }
}
/* ── 12. Application detail on phones ───────────────────────────────────── */
@media (max-width: 767.98px) {
  /* Sections start collapsed (via JS); their headers read as an index. */
  .show-section__header {
    padding: 0.8125rem 0.9375rem;
  }
  .show-section__heading {
    font-size: 0.875rem;
  }
  .show-section__body {
    padding: 0.9375rem;
  }
  .show-section,
  .show-status-card {
    margin-bottom: 0.625rem !important;
  }
  .show-status-card {
    padding: 0.875rem 1rem;
    gap: 0.75rem;
  }
  .show-status-card__icon {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
  }
  /* The empty-thread illustration doesn't need half a screen. */
  .msg-panel__body .msg-empty,
  .msg-panel__body [class*=empty] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
/* ── 13. Split section header (toggle + real actions side by side) ──────── */
.show-section__header--split {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.show-section__split-toggle {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  text-align: left;
  color: inherit;
  cursor: pointer;
}

.show-section__split-toggle.collapsed .show-section__chevron,
.show-section__header.collapsed .show-section__header-end .show-section__chevron {
  transform: rotate(-90deg);
}

.show-section__header-end {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

@media (max-width: 767.98px) {
  /* A collapsed documents row doesn't need its header actions. */
  .show-section__header--split:has(.show-section__split-toggle.collapsed) .doc-section__header-actions {
    display: none;
  }
}
/* ═══════════════════════════════════════════════════════════════════════════
   14. Assessment Centre polish — reports picker, pass-rate bars, AI insight
       rows, and mobile card conversions for the assessment tables.
   ═══════════════════════════════════════════════════════════════════════════ */
/* Report picker: chips can outgrow one line, so let them wrap instead of
   forcing a horizontal scroll on desktop. */
.report-picker {
  flex-wrap: wrap;
  row-gap: 0.25rem;
}

/* Pass-rate bars: one labeled bar per category — reads at a glance where a
   pie of a single slice said nothing. */
.report-passbars {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.report-passbar {
  display: grid;
  grid-template-columns: minmax(8rem, 14rem) minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.85rem;
}

.report-passbar__label {
  font-size: 0.86rem;
  font-weight: 650;
  color: var(--ink);
  min-width: 0;
}

.report-passbar__link {
  color: var(--ink);
  text-decoration: none;
}

.report-passbar__link:hover {
  color: var(--accent);
  text-decoration: underline;
}

.report-passbar__meta {
  display: block;
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--ink-muted);
}

.report-passbar__track {
  height: 0.55rem;
  border-radius: 999px;
  background: var(--surface-inset);
  overflow: hidden;
}

.report-passbar__fill {
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
  min-width: 2px;
}

.report-passbar__value {
  font-size: 0.8rem;
  font-weight: 650;
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* AI insights on the statistics page: generated analyses stack full width;
   ungenerated assessments sit in a compact list of generate rows. */
.assessment-ai-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.assessment-ai-stack:last-child {
  margin-bottom: 0;
}

.ai-gen-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ai-gen-list__heading {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-muted);
  margin: 0 0 0.6rem;
}

.ai-gen-row {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.75rem 0.9rem;
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
}

.ai-gen-row__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: var(--r);
  background: var(--accent-subtle);
  color: var(--accent);
  font-size: 1.05rem;
  flex: none;
}

.ai-gen-row__text {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  flex: 1 1 auto;
}

.ai-gen-row__text strong {
  font-size: 0.9rem;
  color: var(--ink);
}

/* Memo rationale column stays readable rather than stretching the row. */
.memo-rationale-cell {
  max-width: 34rem;
  font-size: 0.86rem;
  color: var(--ink-2);
  line-height: 1.5;
}

@media (max-width: 767.98px) {
  /* Metric tiles: two compact columns instead of a 1,000px stack of four. */
  .assessment-summary-grid,
  .assessment-report-metrics {
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
  }
  .assessment-summary-grid .metric-card,
  .assessment-report-metrics .metric-card {
    padding: 0.8rem 0.9rem;
  }
  .assessment-summary-grid .metric-card h3, .assessment-summary-grid .metric-card .h3,
  .assessment-report-metrics .metric-card h3,
  .assessment-report-metrics .metric-card .h3 {
    font-size: 1.35rem;
    margin-bottom: 0;
  }
  .assessment-summary-grid .metric-hint,
  .assessment-report-metrics .metric-hint {
    display: none;
  }
  /* Section headers with action buttons (AI Analysis card, report header)
     wrap onto a second row instead of cramping. */
  .show-section__header--no-toggle {
    flex-wrap: wrap;
    row-gap: 0.5rem;
  }
  /* Pass bars stack their label above the bar. */
  .report-passbar {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "label label" "track value";
    gap: 0.3rem 0.6rem;
  }
  .report-passbar__label {
    grid-area: label;
  }
  .report-passbar__track {
    grid-area: track;
  }
  .report-passbar__value {
    grid-area: value;
  }
  .report-passbar__meta {
    display: inline;
    margin-left: 0.4rem;
  }
  .ai-gen-row {
    flex-wrap: wrap;
  }
  .ai-gen-row .btn {
    flex: 1 1 100%;
  }
  /* ── Assessments index: rows become cards. ── */
  /* Role leads the card as an accent eyebrow, status beside it, then the
     assessment title. */
  .mobile-cards--assessments tbody tr {
    grid-template-areas: "role   status" "title  title" "subs   subs" "act    act";
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .mobile-cards--assessments tbody td:nth-child(1) {
    grid-area: title;
  }
  .mobile-cards--assessments tbody td:nth-child(2) {
    grid-area: role;
    align-self: center;
  }
  .mobile-cards--assessments tbody td:nth-child(3) {
    grid-area: status;
    justify-self: end;
    align-self: center;
  }
  .mobile-cards--assessments tbody td:nth-child(4) {
    grid-area: subs;
  }
  .mobile-cards--assessments tbody td:nth-child(5) {
    grid-area: act;
  }
  .mobile-cards--assessments .assessment-table-actions {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.25rem;
  }
  .mobile-cards--assessments .assessment-table-actions > * {
    flex: 1 1 0;
    justify-content: center;
  }
  /* ── Report / memo tables: rank + candidate lead, labeled cells follow. ── */
  .mobile-cards--report tbody tr,
  .mobile-cards--memos tbody tr {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .mobile-cards--report .report-rank-cell,
  .mobile-cards--memos .report-rank-cell {
    grid-row: 1;
    font-size: 1rem;
    align-self: center;
  }
  .mobile-cards--report .report-candidate-cell,
  .mobile-cards--memos .report-candidate-cell {
    grid-row: 1;
  }
  .mobile-cards--report tbody td:not(.report-rank-cell):not(.report-candidate-cell),
  .mobile-cards--memos tbody td:not(.report-rank-cell):not(.report-candidate-cell) {
    grid-column: 1/-1;
  }
  /* ── Statistics detailed summary: title full width, six labeled stats in
       two columns. ── */
  .mobile-cards--stats tbody tr {
    grid-template-columns: 1fr 1fr;
  }
  .mobile-cards--stats tbody td:first-child {
    grid-column: 1/-1;
  }
}
/* Column balance on the assessments register: give the title room to sit on
   one or two lines, keep numeric columns tight, numbers aligned. */
.assessment-shell-table thead th:first-child {
  width: 26%;
  min-width: 15rem;
}

.assessment-shell-table tbody td {
  font-variant-numeric: tabular-nums;
}

.assessment-shell-table .assessment-title-cell {
  min-width: 15rem;
}

/* Between the phone cards and full desktop the register tightens its
   columns so the action row still fits on one line. */
@media (min-width: 768px) and (max-width: 1339.98px) {
  .assessment-shell-table thead th:first-child,
  .assessment-shell-table .assessment-title-cell {
    min-width: 12rem;
  }
  .assessment-shell-table thead th,
  .assessment-shell-table tbody td {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
/* Narrower still — the secondary actions drop to icons so the row never
   scrolls sideways. Labels return at 1240px and stay on all the way up. */
@media (min-width: 768px) and (max-width: 1239.98px) {
  .assessment-shell-table .assessment-action-btn:not(.assessment-action-btn--primary) span {
    display: none;
  }
  .assessment-shell-table .assessment-action-btn:not(.assessment-action-btn--primary) {
    padding: 0.4rem 0.5rem;
  }
  .assessment-shell-table .assessment-action-btn:not(.assessment-action-btn--primary) i {
    font-size: 1rem;
  }
}
/* ── Assessment cards on phones: organize the card into clear bands —
   role eyebrow with status, title, the submissions band, actions. ── */
@media (max-width: 767.98px) {
  .mobile-cards--assessments tbody tr {
    gap: 0.625rem 0.75rem;
    padding: 1rem;
  }
  .mobile-cards--assessments .assessment-title-cell strong {
    font-size: 0.95rem;
    line-height: 1.35;
  }
  /* Role as the card's accent eyebrow — the post being assessed is the
     fastest way to tell the cards apart. */
  .mobile-cards--assessments .assessment-role-badge {
    border: 0;
    background: transparent !important;
    padding: 0;
    color: var(--accent) !important;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .mobile-cards--assessments .assessment-role-badge i {
    display: none;
  }
  /* A plain sentence — "3 submissions · 1 qualified" — rather than a boxed
     band, which read as a disabled form field. The count leads, the label
     follows it in running text. */
  .mobile-cards--assessments .assessment-subs-cell {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.3rem;
  }
  .mobile-cards--assessments .assessment-subs-cell strong {
    order: 0;
    font-size: 1.05rem;
    color: var(--ink);
  }
  .mobile-cards--assessments .assessment-subs-cell::before {
    order: 1;
    margin-bottom: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: lowercase;
  }
  .mobile-cards--assessments .assessment-subs-cell .table-note {
    order: 2;
    display: inline;
    margin-top: 0;
  }
  /* Comfortable touch targets; Open leads. */
  .mobile-cards--assessments .assessment-table-actions {
    border-top: 1px solid var(--border);
    padding-top: 0.75rem;
    margin-top: 0.125rem;
  }
  .mobile-cards--assessments .assessment-action-btn {
    min-height: 2.4rem;
  }
  .mobile-cards--assessments .assessment-action-btn--primary {
    flex-grow: 1.5;
    background: var(--accent-subtle);
  }
}
/* With one figure left in the register, give the count its own weight and
   keep the qualified note beside it rather than stacked. */
@media (min-width: 768px) {
  .assessment-shell-table .assessment-subs-cell strong {
    font-size: 0.95rem;
  }
  .assessment-shell-table .assessment-subs-cell .table-note {
    display: inline;
    margin: 0 0 0 0.4rem;
  }
}
/* The count and its qualified note sit on one line at every width, so keep a
   separator between the two figures. */
.assessment-shell-table .assessment-subs-cell .table-note::before {
  content: "· ";
}

/* ── Assessment show page ─────────────────────────────────────────────── */
/* Question composition, replacing four tiles that each held a single digit. */
.assess-mix {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
  margin: 0;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border);
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.assess-mix__item strong {
  color: var(--ink);
  font-size: 0.9375rem;
  margin-right: 0.15rem;
}

.assess-mix__item--zero strong {
  color: var(--ink-placeholder);
}

/* Why the editing controls are absent when the assessment is not a draft. */
.assess-lock-note {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border);
  background: var(--surface-subtle);
  font-size: 0.8125rem;
  color: var(--ink-2);
}
.assess-lock-note i {
  color: var(--ink-muted);
  margin-top: 0.1rem;
}

/* Scenarios are context, not questions: no number, and set apart from the
   numbered questions that follow them. */
.assess-qitem--scenario {
  background: var(--accent-subtle);
}

.assess-qitem__num--context {
  background: transparent;
  border: 1px dashed var(--accent-mid);
  color: var(--accent);
}

.assess-qitem__eyebrow {
  margin: 0 0 0.3rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--accent);
}

/* Question facts as a quiet line rather than outlined pills that looked
   clickable. */
.assess-qitem__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem;
  margin: 0.375rem 0 0;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.assess-qitem__meta > span + span::before {
  content: "· ";
}

.assess-qitem__type {
  font-weight: 650;
  color: var(--ink-2);
}

/* Weighting totals and configuration warnings. */
.assess-weight-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 0.875rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-2);
}

.assess-weight-total__value {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.assess-weight-total__value--off {
  color: var(--danger-text);
}

.assess-weight-warning {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  margin: 0.75rem 0 0;
  padding: 0.6rem 0.7rem;
  border: 1px solid var(--warning-border);
  border-radius: var(--r);
  background: var(--warning-bg);
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--warning-text);
}
.assess-weight-warning i {
  margin-top: 0.1rem;
  flex: none;
}

/* Whether the share link is actually live. */
.assess-access-state {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  margin: 0 0 0.875rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--ink-muted);
}
.assess-access-state i {
  margin-top: 0.1rem;
  flex: none;
}

.assess-access-state--live {
  color: var(--success-text);
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .assess-mix {
    gap: 0 0.75rem;
  }
  /* Row actions are hover-revealed on desktop; there is no hover on a
     phone, so keep them visible. */
  .assess-qitem__actions {
    opacity: 1;
  }
}
/* The correct option is the one worth finding in a list of choices. */
.assessment-choice-item--correct {
  border-color: var(--success-border);
  background: var(--success-bg);
}
.assessment-choice-item--correct strong {
  color: var(--success-text);
}

.assessment-choice-item .status-pill i {
  font-size: 0.8125rem;
  margin-right: 0.15rem;
}

/* ── Question builder ─────────────────────────────────────────────────── */
.qb {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.qb-errors {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  padding: 0.75rem 0.85rem;
  border: 1px solid var(--danger-border);
  border-radius: var(--r);
  background: var(--danger-bg);
  color: var(--danger-text);
  font-size: 0.8125rem;
}
.qb-errors i {
  margin-top: 0.1rem;
  flex: none;
}
.qb-errors p {
  margin: 0;
  font-weight: 550;
}
.qb-errors p + p {
  margin-top: 0.2rem;
}

.qb-field {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.qb-field--narrow {
  max-width: 14rem;
}

.qb-label {
  display: block;
  float: none;
  width: auto;
  margin: 0 0 0.2rem;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ink);
}

.qb-hint {
  margin: 0 0 0.5rem;
  font-size: 0.78rem;
  color: var(--ink-muted);
}

.qb-hint--warn {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  color: var(--warning-text);
  font-weight: 600;
}

/* Type picker: the four types behave differently, so show what each does
   instead of hiding them in a dropdown. */
.qb-types {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.5rem;
}

.qb-type {
  position: relative;
  display: block;
  cursor: pointer;
}

.qb-type__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.qb-type__body {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "icon name" "icon hint";
  gap: 0 0.6rem;
  height: 100%;
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  background: var(--surface);
  transition: border-color 120ms ease, background 120ms ease;
}

.qb-type__icon {
  grid-area: icon;
  align-self: center;
  font-size: 1.1rem;
  color: var(--ink-muted);
}

.qb-type__name {
  grid-area: name;
  font-size: 0.85rem;
  font-weight: 650;
  color: var(--ink);
}

.qb-type__hint {
  grid-area: hint;
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--ink-muted);
}

.qb-type:hover .qb-type__body {
  border-color: var(--border-strong);
}

.qb-type__input:checked + .qb-type__body {
  border-color: var(--accent);
  background: var(--accent-subtle);
  box-shadow: inset 0 0 0 1px var(--accent);
}
.qb-type__input:checked + .qb-type__body .qb-type__icon,
.qb-type__input:checked + .qb-type__body .qb-type__name {
  color: var(--accent-deep);
}

.qb-type__input:focus-visible + .qb-type__body {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Answer options */
.qb-choices {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.qb-choice {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.qb-choice__letter {
  flex: none;
  width: 1.5rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ink-muted);
  text-align: center;
}

.qb-choice__input {
  flex: 1 1 auto;
  min-width: 0;
}

/* "Correct" reads as a state you set, not a checkbox to tick past. */
.qb-choice__correct {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: none;
  padding: 0.35rem 0.6rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface);
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--ink-muted);
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}

.qb-choice__correct:hover {
  border-color: var(--border-strong);
}

.qb-choice__correct:has(.qb-choice__radio:checked) {
  border-color: var(--success-border);
  background: var(--success-bg);
  color: var(--success-text);
}

.qb-choice__radio {
  margin: 0;
}

.qb-choice__remove {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid transparent;
  border-radius: var(--r);
  background: transparent;
  color: var(--ink-muted);
  cursor: pointer;
  transition: background 120ms ease, color 120ms ease;
}
.qb-choice__remove:hover:not(:disabled) {
  background: var(--danger-bg);
  color: var(--danger-text);
}
.qb-choice__remove:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.qb-choices__foot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.75rem;
}

.qb-add-choice {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.7rem;
  border: 1px dashed var(--border-strong);
  border-radius: var(--r);
  background: transparent;
  color: var(--ink-2);
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 120ms ease, color 120ms ease, background 120ms ease;
}
.qb-add-choice:hover {
  border-color: var(--accent);
  background: var(--accent-subtle);
  color: var(--accent-deep);
}

.qb-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.25rem;
  border-top: 1px solid var(--border);
  margin-top: 0.25rem;
  padding-top: 1rem;
}

/* Reorder buttons sit inline with the other row actions. */
.assess-qitem__icon-form {
  display: inline-block;
  margin: 0;
}

.assess-qitem__icon-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.assess-qitem__warn {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0.375rem 0 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--warning-text);
}

@media (max-width: 575.98px) {
  .qb-types {
    grid-template-columns: 1fr;
  }
  .qb-choice {
    flex-wrap: wrap;
    padding: 0.6rem;
    border: 1px solid var(--border);
    border-radius: var(--r);
  }
  .qb-choice__input {
    order: -1;
    flex: 1 1 100%;
  }
  .qb-choice__letter {
    order: -2;
    text-align: left;
  }
  .qb-choice__remove {
    margin-left: auto;
  }
}
/* ── Submissions register ─────────────────────────────────────────────── */
/* Four figures in one band rather than four tiles. */
.subs-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  margin: 0 0 1rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
}

.subs-summary__item {
  padding: 0.9rem 1.25rem;
}

.subs-summary__item + .subs-summary__item {
  border-left: 1px solid var(--border);
}

.subs-summary dt {
  margin: 0 0 0.2rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.subs-summary dd {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.subs-summary__note {
  margin-left: 0.3rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ink-muted);
}

/* Table */
.subs-table tbody td,
.subs-table thead th {
  vertical-align: middle;
}

.subs-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.subs-table thead th.subs-num {
  white-space: normal;
  line-height: 1.3;
}

.subs-weight {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--ink-placeholder);
}

.subs-cand {
  min-width: 14rem;
}

.subs-cand__inner {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.subs-cand__text strong {
  display: block;
  font-size: 0.9rem;
  color: var(--ink);
}

.subs-rank {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  background: var(--surface-inset);
  color: var(--ink-2);
  font-size: 0.8125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.subs-overall {
  min-width: 7.5rem;
}

.subs-score {
  display: block;
  font-size: 0.95rem;
  color: var(--ink);
}

.subs-overall .status-pill {
  margin-top: 0.2rem;
}

.subs-below,
.subs-pending {
  display: block;
  font-size: 0.72rem;
  color: var(--ink-muted);
}

.subs-cat {
  color: var(--ink-2);
}

/* The pass mark as a rule across the ranking. */
.subs-threshold td {
  padding: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

.subs-threshold span {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.35rem 0;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--success-text);
}

.subs-threshold span::before,
.subs-threshold span::after {
  content: "";
  flex: 1 1 auto;
  border-top: 1px dashed var(--success-border);
}

.subs-threshold span::before {
  flex: 0 0 1rem;
}

/* Department: a plain line under the candidate's name, quiet action. */
.subs-dept {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.1rem 0.5rem;
  margin-top: 0.2rem;
}

.subs-dept__name {
  font-size: 0.8125rem;
  color: var(--ink-2);
  line-height: 1.35;
}

.subs-dept__none {
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.subs-dept__action {
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--accent);
  cursor: pointer;
}
.subs-dept__action:hover {
  color: var(--accent-deep);
  text-decoration: underline;
}

.subs-actions-cell .assessment-table-actions {
  flex-wrap: nowrap;
}

@media (max-width: 767.98px) {
  .subs-summary {
    grid-template-columns: 1fr 1fr;
  }
  .subs-summary__item + .subs-summary__item {
    border-left: 0;
  }
  .subs-summary__item:nth-child(even) {
    border-left: 1px solid var(--border);
  }
  .subs-summary__item:nth-child(n+3) {
    border-top: 1px solid var(--border);
  }
  .subs-summary dd {
    font-size: 1.15rem;
  }
  .subs-summary__note {
    display: block;
    margin: 0.1rem 0 0;
  }
  .subs-cand {
    min-width: 0;
  }
  .subs-overall .status-pill,
  .subs-below {
    margin-top: 0;
  }
}
/* Between tablet and wide desktop the sidebar is still open, so the ranking
   narrows its two widest columns to keep every action on screen. */
@media (min-width: 768px) and (max-width: 1399.98px) {
  .subs-cand {
    min-width: 11rem;
  }
  .subs-cand__inner {
    gap: 0.6rem;
  }
  .subs-overall {
    min-width: 7rem;
  }
  .subs-table .subs-actions-cell .assessment-action-btn:not(.assessment-action-btn--primary) span {
    display: none;
  }
  .subs-table .subs-actions-cell .assessment-action-btn:not(.assessment-action-btn--primary) {
    padding: 0.4rem 0.5rem;
  }
}
/* ── Submissions ranking as cards up to tablet width ──
   With the sidebar open there is no room for every score column below
   ~990px, and a sideways-scrolling table hides the actions. The base card
   rules are repeated here for 768–991px, where the shared phone block does
   not apply. */
@media (max-width: 991.98px) {
  .mobile-cards--subs,
  .mobile-cards--subs tbody {
    display: block;
    width: 100%;
  }
  .mobile-cards--subs thead {
    display: none;
  }
  .mobile-cards--subs tbody tr {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.6rem 0.75rem;
    position: relative;
    padding: 1rem;
    margin-bottom: 0.75rem;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-md);
    box-shadow: var(--shadow-xs);
  }
  .mobile-cards--subs tbody tr:hover td {
    background: transparent;
  }
  .shell-table .mobile-cards--subs tbody td {
    display: block;
    padding: 0;
    border-bottom: 0;
    min-width: 0;
  }
  .mobile-cards--subs [data-mob-label]::before {
    content: attr(data-mob-label);
    display: block;
    margin-bottom: 0.125rem;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ink-muted);
  }
  .mobile-cards--subs .subs-cand,
  .mobile-cards--subs .subs-overall,
  .mobile-cards--subs .subs-actions-cell {
    grid-column: 1/-1;
  }
  .mobile-cards--subs .subs-cand {
    min-width: 0;
  }
  /* Specificity has to beat the td { display: block } card rule above. */
  .shell-table .mobile-cards--subs tbody td.subs-overall {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--border);
    text-align: left;
  }
  .mobile-cards--subs .subs-score {
    display: inline;
    font-size: 1.1rem;
  }
  .mobile-cards--subs .subs-overall .status-pill {
    margin-top: 0;
  }
  .mobile-cards--subs .subs-cat {
    text-align: left;
  }
  .mobile-cards--subs .table-actions {
    display: flex;
    justify-content: flex-start;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border);
  }
  .mobile-cards--subs .table-actions > * {
    flex: 1 1 0;
    justify-content: center;
    min-height: 2.4rem;
  }
  /* Labels come back in card form — there is room for them. */
  .subs-table .subs-actions-cell .assessment-action-btn span {
    display: inline !important;
  }
  /* The pass-mark line stays a line, not a card. */
  .mobile-cards--subs tbody tr.subs-threshold {
    display: block;
    padding: 0;
    margin: 0.25rem 0 1rem;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
}
@media (max-width: 575.98px) {
  .mobile-cards--subs tbody tr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Just above the point where the sidebar collapses (1101–1199px) the content
   column is at its narrowest, so both row actions go to icons. */
@media (min-width: 1101px) and (max-width: 1199.98px) {
  .subs-table .subs-actions-cell .assessment-action-btn span {
    display: none;
  }
  .subs-table .subs-actions-cell .assessment-action-btn {
    padding: 0.4rem 0.5rem;
  }
  .subs-cand {
    min-width: 9.5rem;
  }
  .subs-table thead th,
  .subs-table tbody td {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
  }
}
/* Numeric headings sit over their figures. The shared
   `.shell-table thead th { text-align: left }` outranks `.subs-num`, which
   left the headings starting where the right-aligned numbers ended. */
.subs-table thead th.subs-num {
  text-align: right;
}

/* The subject of the page — for assessment pages, the role being assessed —
   carried in the heading itself so it cannot be missed. */
.page-heading__suffix {
  color: var(--accent);
  font-weight: 600;
}

.page-heading__sep {
  color: var(--ink-placeholder);
  font-weight: 400;
}

/* ── Submission detail ────────────────────────────────────────────────── */
.sub-layout {
  align-items: start;
}

.sub-num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sub-muted {
  color: var(--ink-muted);
}

.sub-empty {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.sub-subhead {
  margin: 1.25rem 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

/* Result: the overall figure beside the breakdown that produces it. */
.sub-result {
  display: grid;
  grid-template-columns: minmax(10rem, 13rem) minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
}

.sub-result--summary-only {
  grid-template-columns: 1fr;
}

.sub-result__overall {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  padding-right: 1.5rem;
  border-right: 1px solid var(--border);
}

.sub-result--summary-only .sub-result__overall {
  border-right: 0;
  padding-right: 0;
}

.sub-result__label {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.sub-result__score {
  margin: 0;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.sub-result__state {
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.sub-result__rank {
  margin: 0.35rem 0 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
.sub-result__rank strong {
  color: var(--ink);
}

.sub-breakdown {
  min-width: 0;
  overflow-x: auto;
}

.sub-breakdown__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}
.sub-breakdown__table th,
.sub-breakdown__table td {
  padding: 0.55rem 0.5rem;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.sub-breakdown__table thead th {
  padding-top: 0;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
  text-align: left;
}
.sub-breakdown__table thead th.sub-num {
  text-align: right;
}
.sub-breakdown__table tbody th {
  font-weight: 600;
  color: var(--ink);
  text-align: left;
}
.sub-breakdown__table tfoot th,
.sub-breakdown__table tfoot td {
  border-bottom: 0;
  padding-top: 0.7rem;
  font-weight: 700;
  color: var(--ink);
  text-align: left;
}
.sub-breakdown__table tfoot td.sub-num {
  text-align: right;
}

.sub-breakdown__note {
  display: block;
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--ink-muted);
}

.sub-breakdown__bar-col {
  width: 34%;
}

.sub-bar {
  display: block;
  height: 0.4rem;
  border-radius: 999px;
  background: var(--surface-inset);
  overflow: hidden;
}

.sub-bar__fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

/* Answers */
.sub-answers {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sub-answer {
  padding: 1rem 0;
  border-bottom: 1px solid var(--border);
}
.sub-answer:first-child {
  padding-top: 0;
}
.sub-answer:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.sub-answer__head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.sub-answer__num {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: var(--accent-subtle);
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 700;
}

.sub-answer__prompt {
  flex: 1 1 auto;
  min-width: 0;
}

.sub-answer__type {
  margin: 0 0 0.15rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.sub-answer__question {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--ink);
}

.sub-answer__mark {
  flex: none;
  white-space: nowrap;
}
.sub-answer__mark .status-pill i {
  font-size: 0.8rem;
  margin-right: 0.1rem;
}

.sub-answer__marks {
  font-size: 0.875rem;
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
}
.sub-answer__marks strong {
  font-size: 1rem;
  color: var(--ink);
}

.sub-answer__body {
  margin: 0.6rem 0 0 2.35rem;
}

.sub-answer__line {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem 0.6rem;
  margin: 0 0 0.25rem;
  font-size: 0.8125rem;
  color: var(--ink);
}
.sub-answer__line .sub-muted {
  min-width: 7rem;
}

.sub-answer__line--key {
  color: var(--success-text);
  font-weight: 600;
}

.sub-response {
  padding: 0.75rem 0.9rem;
  border-left: 3px solid var(--border-strong);
  background: var(--surface-subtle);
  font-size: 0.875rem;
  line-height: 1.65;
  color: var(--ink-2);
}
.sub-response > :last-child {
  margin-bottom: 0;
}

/* Interview panel */
.sub-panel {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.sub-panelist + .sub-panelist {
  padding-top: 1.25rem;
  border-top: 1px solid var(--border);
}

.sub-panelist__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.6rem;
}
.sub-panelist__head strong {
  display: block;
  font-size: 0.9rem;
  color: var(--ink);
}

.sub-panelist__score {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.sub-panel-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}
.sub-panel-table th,
.sub-panel-table td {
  padding: 0.5rem 0.5rem;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
  text-align: left;
  color: var(--ink-2);
}
.sub-panel-table thead th {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.sub-panel-table th.sub-num,
.sub-panel-table td.sub-num {
  text-align: right;
  width: 5.5rem;
}
.sub-panel-table tbody tr:last-child td {
  border-bottom: 0;
}

.sub-quote {
  margin-top: 0.75rem;
  padding: 0.6rem 0.85rem;
  border-left: 3px solid var(--accent-mid);
  background: var(--surface-subtle);
  font-size: 0.8125rem;
  line-height: 1.6;
  color: var(--ink-2);
}
.sub-quote p:last-child {
  margin-bottom: 0;
}

.sub-quote__label {
  margin: 0 0 0.2rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

/* Documents */
.sub-docs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sub-docs li {
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
  padding: 0.4rem 0;
  font-size: 0.8125rem;
}
.sub-docs li + li {
  border-top: 1px solid var(--border);
}
.sub-docs i {
  color: var(--ink-muted);
}
.sub-docs .table-note {
  margin-left: auto;
  white-space: nowrap;
}

/* Score history */
.sub-history {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sub-history li {
  padding: 0.6rem 0;
}
.sub-history li:first-child {
  padding-top: 0;
}
.sub-history li + li {
  border-top: 1px solid var(--border);
}
.sub-history .table-note {
  margin-top: 0.1rem;
}

.sub-history__change {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem 0.75rem;
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ink-2);
}
.sub-history__change strong {
  color: var(--ink);
}
.sub-history__change span {
  font-variant-numeric: tabular-nums;
}
.sub-history__change i {
  font-size: 0.75rem;
  color: var(--ink-muted);
}

@media (max-width: 767.98px) {
  .sub-result {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .sub-result__overall {
    padding-right: 0;
    padding-bottom: 1rem;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  /* Collapse the bar column rather than removing it, so the total's
     colspan still lines up with the Points column. */
  .sub-breakdown__table .sub-breakdown__bar-col {
    width: 0;
    padding: 0;
  }
  .sub-breakdown__bar-col .sub-bar {
    display: none;
  }
  .sub-answer__head {
    flex-wrap: wrap;
  }
  .sub-answer__prompt {
    flex: 1 1 0;
  }
  .sub-answer__mark {
    margin-left: 2.35rem;
    flex-basis: 100%;
  }
  .sub-answer__body {
    margin-left: 0;
  }
  .sub-answer__line .sub-muted {
    min-width: 0;
    flex-basis: 100%;
  }
  .sub-panel-table thead {
    display: none;
  }
  .sub-panel-table tr {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.25rem 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border);
  }
  .sub-panel-table tbody tr:last-child {
    border-bottom: 0;
  }
  .sub-panel-table td {
    padding: 0;
    border: 0;
  }
  .sub-panel-table td:last-child {
    grid-column: 1/-1;
    color: var(--ink-muted);
  }
}
.sub-history .table-note,
.sub-panelist__head .table-note {
  margin-bottom: 0;
}

/* ── Scoring page ─────────────────────────────────────────────────────── */
.score-sheet__fields {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.score-notice {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding: 0.8rem 1rem;
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  font-size: 0.85rem;
  line-height: 1.5;
}
.score-notice i {
  margin-top: 0.15rem;
  flex: none;
}
.score-notice ul {
  margin: 0.25rem 0 0;
  padding-left: 1.1rem;
}

.score-notice--locked {
  background: var(--surface-subtle);
  color: var(--ink-2);
}

.score-notice--error {
  border-color: var(--danger-border);
  background: var(--danger-bg);
  color: var(--danger-text);
}

.score-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.score-item {
  padding: 1.1rem 0;
  border-bottom: 1px solid var(--border);
}
.score-item:first-child {
  padding-top: 0;
}
.score-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.score-item__head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.score-item__num {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: var(--accent-subtle);
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 700;
}

.score-item__question {
  margin: 0.1rem 0 0;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--ink);
}

.score-item__body {
  margin: 0.75rem 0 0 2.35rem;
}

/* Marks entry: a short number field with its maximum beside it. */
.score-marks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.9rem;
  margin-top: 0.9rem;
}

.score-marks__label {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ink);
}

.score-marks__control {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.score-marks__input {
  width: 6.5rem;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.score-marks__max {
  font-size: 0.9rem;
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
}

.score-marks__pct {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
}

.score-marks__pct--error {
  color: var(--danger-text);
}

/* Interview scale: every allowed score visible, one click to pick. */
.score-scale {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.score-scale__legend {
  float: none;
  width: auto;
  margin: 0 0 0.45rem;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--ink-muted);
}

.score-scale__options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.score-option {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  min-height: 2.6rem;
  padding: 0.35rem 0.6rem;
  border: 1px solid var(--border-strong);
  border-radius: var(--r);
  background: var(--surface);
  cursor: pointer;
  text-align: center;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}
.score-option:hover {
  border-color: var(--accent);
}

.score-option--half {
  min-width: 2.6rem;
  background: var(--surface-subtle);
}

.score-option__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.score-option__value {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.score-option__label {
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--ink-muted);
  white-space: nowrap;
}

.score-option:has(.score-option__input:checked) {
  border-color: var(--accent);
  background: var(--accent);
}
.score-option:has(.score-option__input:checked) .score-option__value,
.score-option:has(.score-option__input:checked) .score-option__label {
  color: #fff;
}

.score-option:has(.score-option__input:focus-visible) {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.score-sheet__fields:disabled .score-option {
  cursor: not-allowed;
  opacity: 0.6;
}

.score-comment {
  margin-top: 0.85rem;
}

.score-comment__label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ink);
}

.score-total {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
}

/* Save bar stays in reach on long forms. */
.score-actions {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.5rem;
  padding: 0.85rem 1.1rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: 0 -4px 16px rgba(14, 24, 37, 0.06);
}

.score-actions__buttons {
  display: flex;
  gap: 0.5rem;
}

@media (max-width: 767.98px) {
  .score-item__body {
    margin-left: 0;
  }
  .score-option {
    min-width: 2.75rem;
    flex: 1 0 auto;
  }
  .score-actions {
    border-radius: 0;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
  }
  .score-actions__buttons {
    width: 100%;
  }
  .score-actions__buttons > * {
    flex: 1 1 0;
  }
}
/* ── Assessment create / edit form ────────────────────────────────────── */
/* One surface; sections are separated by rules, not nested cards. */
.af-card {
  padding: 1.5rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
}

.af {
  display: flex;
  flex-direction: column;
}

.af-section {
  min-width: 0;
  margin: 0;
  padding: 0 0 1.5rem;
  border: 0;
}

.af-section + .af-section {
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}

/* Floated so the legend flows inside the section instead of sitting in the
   fieldset's top border, which drew a line beside it and a gap below. */
.af-section__title {
  float: left;
  width: 100%;
  margin: 0 0 0.9rem;
  padding: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
}

.af-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 1rem 1.25rem;
}

.af-section:last-of-type .af-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.af-field {
  min-width: 0;
}

.af-label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ink);
}

.af-hint {
  margin: 0.35rem 0 0;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

.af-label + .af-hint {
  margin: -0.15rem 0 0.5rem;
}

.af-hint--lead {
  margin: -0.5rem 0 0.9rem;
  font-size: 0.8125rem;
}

/* Weights: label and purpose on the left, percentage on the right. */
.af-weights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem 1.25rem;
}

.af-weight {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--surface-subtle);
}

.af-weight__label {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 650;
  color: var(--ink);
}

.af-weight__hint {
  display: block;
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--ink-muted);
}

.af-weight__control {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: none;
}

.af-weight__input {
  width: 5rem;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.af-weight__unit {
  font-size: 0.9rem;
  color: var(--ink-muted);
}

.af-total {
  display: flex;
  align-items: baseline;
  gap: 0.6rem;
  margin-top: 0.9rem;
  padding-top: 0.75rem;
  border-top: 1px dashed var(--border-strong);
  font-size: 0.875rem;
  color: var(--warning-text);
}

.af-total__label {
  font-weight: 600;
  color: var(--ink-2);
}

.af-total__value {
  font-size: 1.05rem;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.af-total__state {
  font-weight: 600;
}

.af-total--ok {
  color: var(--success-text);
}

.af-total--over {
  color: var(--danger-text);
}

/* Files */
.af-files {
  list-style: none;
  margin: 0 0 0.6rem;
  padding: 0;
}

.af-file {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.4rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid var(--border);
  border-radius: var(--r);
  font-size: 0.8125rem;
}
.af-file i {
  color: var(--ink-muted);
}

.af-file__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ink-2);
}

.af-file__remove {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin: 0;
  flex: none;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--danger-text);
  cursor: pointer;
}

.af-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--border);
}

.assess-weight-warning__link {
  font-weight: 700;
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .af-card {
    padding: 1rem;
  }
  .af-grid,
  .af-section:last-of-type .af-grid,
  .af-weights {
    grid-template-columns: 1fr;
  }
  .af-actions > * {
    flex: 1 1 0;
  }
}
.af-section__title + * {
  clear: left;
}

/* ── Statistics ───────────────────────────────────────────────────────── */
.stat-table__lead {
  margin: -0.35rem 0 0.75rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.stat-name {
  min-width: 14rem;
}

.stat-name__link {
  display: block;
  font-weight: 650;
  color: var(--ink) !important;
  text-decoration: none;
}
.stat-name__link:hover {
  color: var(--accent) !important;
  text-decoration: underline;
}

.stat-col {
  width: 20%;
  min-width: 9rem;
}

/* In-cell bar: value first, then its magnitude on a shared 0–100 scale.
   One hue throughout — these are magnitudes, not categories. */
.stat-bar {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.stat-bar__value {
  flex: none;
  width: 3.25rem;
  font-size: 0.875rem;
  font-weight: 650;
  color: var(--ink);
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.stat-bar__track {
  flex: 1 1 auto;
  min-width: 3rem;
  height: 0.5rem;
  border-radius: 4px;
  background: var(--surface-inset);
  overflow: hidden;
}

.stat-bar__fill {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: var(--accent);
}

.stat-bar + .table-note {
  margin-left: 3.85rem;
}

.stat-empty-note {
  margin: 0 0 1rem;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
.stat-empty-note a {
  color: var(--ink-2);
}

@media (max-width: 767.98px) {
  .stat-name {
    min-width: 0;
  }
  .stat-bar__value {
    width: auto;
    text-align: left;
  }
  .stat-bar + .table-note {
    margin-left: 0;
  }
}
.stat-table > h3, .stat-table > .h3 {
  margin-bottom: 0.75rem;
}

/* Numeric headings over right-aligned figures, in every assessment table. */
.assessment-shell-table thead th.sub-num {
  text-align: right;
}

.stat-bar + .table-note {
  white-space: nowrap;
}

.report-rank-cell {
  width: 4.5rem;
}

@media (max-width: 767.98px) {
  /* In card form figures read left to right like everything else. */
  .mobile-cards--stats .sub-num,
  .mobile-cards--report .sub-num {
    text-align: left;
  }
  .mobile-cards--report .report-rank-cell {
    width: auto;
  }
}
/* AI analysis editor */
.af-grid--even {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-choice {
  display: inline-flex;
  border: 1px solid var(--border-strong);
  border-radius: var(--r);
  overflow: hidden;
}

.ai-choice__option {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.ai-choice__option span {
  display: block;
  padding: 0.45rem 1.1rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--ink-2);
}
.ai-choice__option + .ai-choice__option {
  border-left: 1px solid var(--border-strong);
}

.ai-choice__input {
  position: absolute;
  opacity: 0;
}

.ai-choice__option:has(.ai-choice__input:checked) span {
  background: var(--accent);
  color: #fff;
}

.ai-choice__option:has(.ai-choice__input:focus-visible) {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

@media (max-width: 767.98px) {
  .af-grid--even {
    grid-template-columns: 1fr;
  }
}
/* ── Statistics: one card per assessment ─────────────────────────────── */
.sa-list {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.sa-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}

.sa-card__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  padding: 1rem 1.25rem 0.9rem;
  border-bottom: 1px solid var(--border);
}

.sa-card__heading {
  min-width: 0;
  flex: 1 1 18rem;
}

.sa-card__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  text-wrap: balance;
}
.sa-card__title a {
  color: var(--ink);
  text-decoration: none;
}
.sa-card__title a:hover,
.sa-card__title a:focus-visible {
  color: var(--accent);
  text-decoration: underline;
}

.sa-card__meta {
  margin: 0.2rem 0 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.sa-card__role {
  font-weight: 650;
  color: var(--accent);
}

/* Headline figures for the assessment, then the per-category breakdown. */
.sa-card__figures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 2rem;
  padding: 1rem 1.25rem;
}

.sa-figure__label,
.sa-card__subhead,
.sa-cat__label {
  margin: 0 0 0.4rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-2);
}
.sa-figure__label .sub-muted,
.sa-card__subhead .sub-muted,
.sa-cat__label .sub-muted {
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.sa-figure .stat-bar__value {
  width: 3.75rem;
  font-size: 1.05rem;
  text-align: left;
}

.sa-figure .stat-bar__track {
  height: 0.625rem;
}

.sa-card__categories {
  padding: 0.9rem 1.25rem 1.1rem;
  background: var(--surface-subtle);
  border-top: 1px solid var(--border);
}

.sa-card__subhead {
  margin-bottom: 0.75rem;
  color: var(--ink-muted);
}

.sa-cats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem 1.5rem;
}

.sa-cat__label {
  font-size: 0.8125rem;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
}
.sa-cat__label .sub-muted {
  display: block;
  font-size: 0.75rem;
}

.sa-cat .stat-bar__value {
  width: auto;
  min-width: 2.75rem;
  text-align: left;
}

/* ── AI analysis panel (inside the card) ── */
.sa-ai {
  padding: 1rem 1.25rem 1.1rem;
  border-top: 1px solid var(--border);
}

.sa-ai__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.6rem 1rem;
}

.sa-ai__heading {
  min-width: 0;
  flex: 1 1 18rem;
}

.sa-ai__title {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--ink);
}
.sa-ai__title .ti {
  color: var(--accent);
}

.sa-ai__meta {
  margin: 0.15rem 0 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.sa-ai__stale {
  color: var(--warning-text);
  font-weight: 600;
}

.sa-ai__status,
.sa-ai__error {
  margin: 0.75rem 0 0;
  padding: 0.55rem 0.8rem;
  border-radius: var(--r-sm);
  font-size: 0.8125rem;
}

.sa-ai__status {
  background: var(--accent-subtle);
  color: var(--accent-deep);
}

.sa-ai__status.is-error,
.sa-ai__error {
  background: var(--danger-bg);
  border: 1px solid var(--danger-border);
  color: var(--danger-text);
}

.sa-ai__summary {
  margin: 0.8rem 0 0;
  max-width: 75ch;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--ink-2);
}

.sa-ai__details,
.sa-ai__nested {
  margin-top: 0.75rem;
}
.sa-ai__details > summary,
.sa-ai__nested > summary {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--accent);
  cursor: pointer;
  list-style: none;
}
.sa-ai__details > summary::-webkit-details-marker,
.sa-ai__nested > summary::-webkit-details-marker {
  display: none;
}
.sa-ai__details > summary::before,
.sa-ai__nested > summary::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.15s ease;
}
.sa-ai__details[open] > summary::before,
.sa-ai__nested[open] > summary::before {
  transform: rotate(45deg);
}
.sa-ai__details > summary:focus-visible,
.sa-ai__nested > summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 2px;
}

.sa-ai__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 2rem;
  margin-top: 0.9rem;
  font-size: 0.875rem;
  color: var(--ink-2);
}

.sa-ai__label {
  display: block;
  margin: 0 0 0.35rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.sa-ai__list,
.sa-ai__feedback {
  margin: 0;
  padding-left: 1.1rem;
}
.sa-ai__list li + li,
.sa-ai__feedback li + li {
  margin-top: 0.3rem;
}

.sa-ai__recommended {
  margin: 1rem 0 0;
  padding: 0.7rem 0.9rem;
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  font-size: 0.875rem;
  color: var(--ink-2);
}

.sa-ai__feedback {
  margin-top: 0.6rem;
  padding-left: 0;
  list-style: none;
  font-size: 0.875rem;
}
.sa-ai__feedback li {
  padding: 0.6rem 0;
  border-top: 1px solid var(--border);
}
.sa-ai__feedback p {
  margin-top: 0.2rem;
  color: var(--ink-2);
}

.sa-ai__note {
  margin: 1rem 0 0;
  font-size: 0.75rem;
  color: var(--ink-muted);
}

@media (prefers-reduced-motion: reduce) {
  .sa-ai__details > summary::before,
  .sa-ai__nested > summary::before {
    transition: none;
  }
}
/* Top scorers as a ranked list rather than a four-column table. */
.sa-top {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sa-top__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto 8.5rem;
  align-items: center;
  gap: 0.9rem;
  padding: 0.75rem 1.25rem;
}
.sa-top__row + .sa-top__row {
  border-top: 1px solid var(--border);
}

.sa-top__who {
  min-width: 0;
}
.sa-top__who .table-note {
  display: block;
}

.sa-top__score {
  font-size: 1rem;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.sa-top__result {
  font-size: 0.8125rem;
}

/* ── Saved AI results with a manual run button (Reports, Memo grading) ── */
.report-themes {
  margin-top: 1rem;
  padding: 1rem 1.25rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
}

.report-themes__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.6rem 1rem;
}
.report-themes__head > div {
  min-width: 0;
  flex: 1 1 18rem;
}

.report-themes__title {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
}
.report-themes__title .ti {
  color: var(--accent);
}

.report-themes__meta {
  margin: 0.2rem 0 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.report-themes__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 2rem;
  margin-top: 1rem;
}

.report-themes__label {
  margin: 0 0 0.4rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.report-themes__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.report-themes__list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.45rem 0;
  font-size: 0.875rem;
  color: var(--ink-2);
}
.report-themes__list li + li {
  border-top: 1px solid var(--border);
}

.report-themes__count {
  flex: none;
  min-width: 1.6rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: var(--surface-inset);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: center;
  color: var(--ink-2);
  font-variant-numeric: tabular-nums;
}

.report-themes form {
  margin: 0;
}

@media (max-width: 991.98px) {
  .sa-cats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .sa-card__head,
  .sa-card__figures,
  .sa-card__categories,
  .sa-ai,
  .report-themes {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sa-card__head .btn,
  .sa-ai__head .btn,
  .report-themes__head .btn,
  .report-themes__head form {
    width: 100%;
    justify-content: center;
  }
  .sa-card__figures,
  .sa-ai__grid,
  .report-themes__grid {
    grid-template-columns: 1fr;
  }
  .sa-card__figures {
    gap: 0.9rem;
  }
  .sa-top__row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sa-top__result {
    grid-column: 2/-1;
    margin-top: -0.5rem;
  }
}
/* ── Reports: one assessment's results report ────────────────────────── */
.rep-picker {
  margin: 0 0 1rem;
}

.rep-picker__label {
  display: block;
  margin: 0 0 0.35rem;
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--ink-2);
}

.rep-picker__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.rep-picker__select {
  flex: 0 1 38rem;
  min-width: 0;
}

.rep-picker__button {
  flex: none;
}

.rep-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}

.rep-card__title {
  font-size: 1.2rem;
}

.rep-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.rep-card .assessment-empty-state--inline {
  margin: 1.25rem;
}

.rep-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  border-bottom: 1px solid var(--border);
  background: var(--surface-subtle);
}
.rep-summary dt {
  margin: 0 0 0.2rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.rep-summary dd {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.rep-summary__item {
  display: flex;
  flex-direction: column;
  padding: 0.9rem 1.25rem;
  /* Figures share a baseline even when a label wraps to two lines. */
}
.rep-summary__item dd {
  margin-top: auto;
}
.rep-summary__item + .rep-summary__item {
  border-left: 1px solid var(--border);
}

.rep-section {
  padding: 1.1rem 1.25rem 1.25rem;
}
.rep-section + .rep-section {
  border-top: 1px solid var(--border);
}
.rep-section form {
  margin: 0;
}

.rep-section__title {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.75rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
}
.rep-section__title .ti {
  color: var(--accent);
}

.rep-section--themes .rep-section__title {
  margin-bottom: 0;
}

.rep-note {
  margin: 0.75rem 0 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
.rep-note a {
  color: var(--accent);
  font-weight: 600;
}

/* Category results: a light table built from rows so it can stack on phones. */
.rep-cats {
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
}

.rep-cats__row {
  display: grid;
  grid-template-columns: minmax(10rem, 1.2fr) minmax(12rem, 2fr) minmax(8rem, 1fr);
  align-items: center;
  gap: 1rem;
  padding: 0.7rem 1rem;
  font-size: 0.875rem;
  color: var(--ink-2);
}
.rep-cats__row + .rep-cats__row {
  border-top: 1px solid var(--border);
}

.rep-cats__row--head {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: var(--surface-subtle);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}

.rep-cats__name strong {
  display: block;
  color: var(--ink);
}
.rep-cats__name .sub-muted {
  font-size: 0.75rem;
}

.rep-cats__value {
  font-variant-numeric: tabular-nums;
}
.rep-cats__value .stat-bar__value {
  text-align: left;
}

/* The ranking reuses the Statistics top-scorer rows, inside a border, with
   the pass mark drawn between the last pass and the first fail. */
.rep-rank {
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
}
.rep-rank .sa-top__row {
  padding-left: 1rem;
  padding-right: 1rem;
}

.rep-rank__divider {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.3rem 1rem;
  border-top: 1px solid var(--border);
  background: var(--surface-subtle);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-2);
}
.rep-rank__divider::after {
  content: "";
  flex: 1;
  border-top: 1px dashed var(--border-strong);
}
.rep-rank__divider + .sa-top__row {
  border-top: 0;
}

.rep-rank > .rep-rank__divider:first-child {
  border-top: 0;
}

@media (max-width: 767.98px) {
  .rep-picker__select,
  .rep-picker__button {
    flex: 1 1 100%;
  }
  .rep-card__actions {
    width: 100%;
  }
  .rep-card__actions .btn {
    flex: 1 1 0;
    justify-content: center;
  }
  .rep-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rep-summary__item {
    padding: 0.8rem 1rem;
  }
  .rep-summary__item:nth-child(3) {
    border-left: 0;
  }
  .rep-summary__item:nth-child(n+3) {
    border-top: 1px solid var(--border);
  }
  .rep-section {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .rep-cats__row--head {
    display: none;
  }
  .rep-cats__row {
    grid-template-columns: 1fr;
    gap: 0.4rem;
  }
  .rep-cats__row:nth-child(2) {
    border-top: 0;
  }
  .rep-cats__value[data-label] {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
  }
  .rep-cats__value[data-label]::before {
    content: attr(data-label);
    font-size: 0.75rem;
    color: var(--ink-muted);
  }
  .rep-rank .sa-top__row {
    padding-left: 0.85rem;
    padding-right: 0.85rem;
  }
}
/* ── Memo grading ────────────────────────────────────────────────────── */
.memo-question {
  background: var(--surface-subtle);
}

.memo-question__label {
  margin: 0 0 0.4rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
}
.memo-question__label .sub-muted {
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.memo-question__text {
  max-width: 75ch;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--ink);
}
.memo-question__text p:last-child {
  margin-bottom: 0;
}

.rep-summary__unit {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--ink-muted);
}

.rep-summary--foot {
  border-top: 1px solid var(--border);
  border-bottom: 0;
}

.memo-list {
  display: grid;
  gap: 0.75rem;
}

.memo-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
}

.memo-card__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.9rem;
  padding: 0.9rem 1.25rem;
  border-bottom: 1px solid var(--border);
}

.subs-rank--empty {
  color: var(--ink-placeholder);
}

.memo-card__who {
  min-width: 0;
}

.memo-card__name {
  display: block;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
  text-decoration: none;
}
.memo-card__name:hover, .memo-card__name:focus-visible {
  color: var(--accent);
  text-decoration: underline;
}

.memo-card__meta {
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.memo-card__flag {
  color: var(--warning-text);
}

.memo-card__scores {
  display: flex;
  gap: 1.5rem;
  margin: 0;
  text-align: right;
}
.memo-card__scores dt {
  margin: 0 0 0.1rem;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
  white-space: nowrap;
}
.memo-card__scores dd {
  margin: 0;
  font-size: 0.875rem;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.memo-card__scores dd strong {
  font-size: 1.25rem;
  color: var(--ink);
}

.memo-card__rationale {
  max-width: 80ch;
  margin: 0;
  padding: 0.9rem 1.25rem 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--ink-2);
}

.memo-card__rationale + .memo-card__foot,
.memo-card__head + .memo-card__foot {
  padding-top: 0.15rem;
}

.memo-card__head + .memo-card__foot {
  padding-top: 0.6rem;
}

.memo-card__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0 1.25rem 0.9rem;
}

.memo-card__memo {
  flex: 1 1 20rem;
  min-width: 0;
}

.memo-card__body {
  max-width: 75ch;
  margin-top: 0.6rem;
  padding: 0.9rem 1rem;
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.memo-card__action {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.75rem;
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--accent);
  text-decoration: none;
  white-space: nowrap;
}
.memo-card__action:hover, .memo-card__action:focus-visible {
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .memo-card__head {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.85rem 1rem;
  }
  .memo-card__scores {
    grid-column: 1/-1;
    justify-content: flex-start;
    gap: 2rem;
    text-align: left;
  }
  .memo-card__rationale,
  .memo-card__foot {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* ── Assessment page: results band, status card, inline options ──────── */
.assess-results {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}
.assess-results .rep-summary {
  background: var(--surface);
}

.assess-results__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.4rem 1rem;
  padding: 0.85rem 1.25rem;
}

.assess-results__title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
}

.assess-results__links {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.assess-results__links a {
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--accent);
  text-decoration: none;
}
.assess-results__links a::after {
  content: " →";
}
.assess-results__links a:hover,
.assess-results__links a:focus-visible {
  text-decoration: underline;
}

.assess-results-empty {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8rem 1.1rem;
  background: var(--surface);
  border: 1px dashed var(--border-strong);
  border-radius: var(--r-md);
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
.assess-results-empty .ti {
  font-size: 1.1rem;
}

/* Multiple choice options, opened in place under the question. */
.assess-choices {
  margin-top: 0.5rem;
}
.assess-choices > summary {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--accent);
  cursor: pointer;
  list-style: none;
}
.assess-choices > summary::-webkit-details-marker {
  display: none;
}
.assess-choices > summary::before {
  content: "";
  width: 0.38rem;
  height: 0.38rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.15s ease;
}
.assess-choices[open] > summary::before {
  transform: rotate(45deg);
}
.assess-choices > summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 2px;
}
.assess-choices .assessment-choice-list {
  margin-top: 0.6rem;
}

/* Status: where the assessment is in draft → open → closed. */
.assess-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.assess-steps__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  text-align: center;
  /* The connecting line runs from this step's dot to the next one. */
}
.assess-steps__step + .assess-steps__step::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  right: 50%;
  width: 100%;
  height: 2px;
  background: var(--border-strong);
  z-index: 0;
}
.assess-steps__step.is-done + .assess-steps__step::before, .assess-steps__step.is-current::before {
  background: var(--accent);
}

.assess-steps__dot {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 2px solid var(--border-strong);
  background: var(--surface);
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--ink-muted);
}
.assess-steps__dot .ti {
  font-size: 0.8rem;
}

.assess-steps__label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ink-muted);
}

.assess-steps__step.is-done .assess-steps__dot {
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}

.assess-steps__step.is-current .assess-steps__dot {
  border-color: var(--accent);
  background: var(--accent-subtle);
  color: var(--accent-deep);
}
.assess-steps__step.is-current .assess-steps__label {
  color: var(--ink);
  font-weight: 700;
}

.assess-status__lead {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  margin: 0 0 0.9rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--ink-2);
}
.assess-status__lead .ti {
  margin-top: 0.15rem;
  flex: none;
  color: var(--ink-muted);
}

.assess-status__lead--live {
  font-weight: 600;
  color: var(--success-text);
}
.assess-status__lead--live .ti {
  color: currentColor;
}

.assess-ready {
  margin: 0 0 0.9rem;
  padding: 0.75rem 0.85rem;
  background: var(--surface-subtle);
  border: 1px solid var(--border);
  border-radius: var(--r);
}

.assess-ready__title {
  margin: 0 0 0.45rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--ink);
}

.assess-ready__list {
  display: grid;
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.assess-ready__item {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--ink-2);
}
.assess-ready__item .ti {
  margin-top: 0.1rem;
  flex: none;
  color: var(--success-text);
}
.assess-ready__item.is-issue {
  color: var(--warning-text);
  font-weight: 600;
}
.assess-ready__item.is-issue .ti {
  color: var(--warning-text);
}

.assess-status form {
  margin: 0;
}

.assess-status__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

.assess-status__share {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}

.assess-status__lead + .assess-status__share {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.assess-status__changes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}
.assess-status__changes form {
  flex: 1 1 8rem;
}
.assess-status__changes .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 100%;
}

.assess-status__changes + .assessment-inline-note {
  margin-top: 0.6rem;
}

@media (max-width: 767.98px) {
  .assess-results__head {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
/* ── Assessment cycles: switcher bar and the Cycles page ─────────────── */
.cycle-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  margin: 0 0 1rem;
  padding: 0.6rem 0.9rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
}

.cycle-bar__form {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  flex: 0 1 32rem;
  min-width: 0;
}

.cycle-bar__label {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-muted);
  white-space: nowrap;
}
.cycle-bar__label .ti {
  font-size: 1rem;
  color: var(--accent);
}

.cycle-bar__select {
  min-width: 0;
  font-weight: 650;
}

.cycle-bar__note {
  flex: 1 1 14rem;
  margin: 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}
.cycle-bar__note strong {
  color: var(--warning-text);
}

.cycle-bar__manage {
  margin-left: auto;
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--accent);
  text-decoration: none;
  white-space: nowrap;
}
.cycle-bar__manage:hover, .cycle-bar__manage:focus-visible {
  text-decoration: underline;
}

.cyc-list {
  display: grid;
  gap: 0.75rem;
}

.cyc-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem 1rem;
  padding: 1rem 1.25rem;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  box-shadow: var(--shadow-xs);
}

.cyc-card--active {
  border-color: var(--accent-mid);
  box-shadow: 0 0 0 1px var(--accent-mid), var(--shadow-xs);
}

.cyc-card__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.cyc-card__title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--ink);
}

.cyc-card__meta {
  margin: 0.2rem 0 0;
  font-size: 0.8125rem;
  color: var(--ink-muted);
}

.cyc-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
.cyc-card__actions form {
  margin: 0;
}

.cyc-card__edit {
  grid-column: 1/-1;
  padding-top: 0.6rem;
  border-top: 1px solid var(--border);
}
.cyc-card__edit > summary {
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--ink-2);
  cursor: pointer;
}
.cyc-card__edit > summary:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.cyc-card__delete {
  margin-top: 0.6rem;
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.8125rem;
  font-weight: 650;
  color: var(--danger-text);
  cursor: pointer;
}
.cyc-card__delete:hover, .cyc-card__delete:focus-visible {
  text-decoration: underline;
}

.cyc-card__note {
  margin: 0.6rem 0 0;
  font-size: 0.78rem;
  color: var(--ink-muted);
}

.cyc-form {
  display: grid;
  gap: 0.9rem;
  margin: 0;
}

.cyc-form--inline {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto;
  align-items: end;
  margin-top: 0.75rem;
}

.cyc-form__field {
  min-width: 0;
}
.cyc-form__field .af-label {
  display: block;
  margin-bottom: 0.3rem;
}

.cyc-form__check {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
}
.cyc-form__check .form-check-input {
  margin-top: 0.15rem;
  flex: none;
}
.cyc-form__check .af-hint {
  font-weight: 400;
}

@media (max-width: 767.98px) {
  .cycle-bar__form {
    flex: 1 1 100%;
  }
  .cycle-bar__manage {
    margin-left: 0;
  }
  .cyc-card {
    grid-template-columns: 1fr;
    padding: 0.9rem 1rem;
  }
  .cyc-card__actions {
    justify-content: flex-start;
  }
  .cyc-form--inline {
    grid-template-columns: 1fr;
  }
}