/*! UI library - the template's own component CSS (Bootstrap-compatible class names). */
/* ---------------------------------------------------------------------------------------------
   UI library - variables and base styles.
   Theme colours come from theme.css (--wt-*); everything here derives from them.
   Cascade layers keep the order predictable: base < components < utilities < page styles.
   --------------------------------------------------------------------------------------------- */
@layer theme, base, ui-base, components, utilities;

@layer ui-base {
  :root,
  [data-ui-theme="light"] {
    color-scheme: light;
    --ui-primary: var(--wt-primary);
    --ui-secondary: #556070;
    --ui-on-secondary: #fff;   /* version 8: text on the secondary colour, per mode (WCAG AA) */
    --ui-success: #15803d;
    --ui-info: #06b6d4;   /* version 10.0.1: dark ink reaches 7:1 on it (#0891b2 was 4.4:1 for .text-bg-info) */
    --ui-warning: #f59e0b;
    --ui-danger: #dc2626;
    --ui-light: #f8f9fb;
    --ui-dark: #1f2430;
    --ui-primary-rgb: var(--wt-primary-rgb);
    --ui-secondary-rgb: 85, 96, 112;
    --ui-success-rgb: 21, 128, 61;
    --ui-info-rgb: 6, 182, 212;
    --ui-warning-rgb: 245, 158, 11;
    --ui-danger-rgb: 220, 38, 38;
    --ui-light-rgb: 248, 249, 251;
    --ui-dark-rgb: 31, 36, 48;
    --ui-white-rgb: 255, 255, 255;
    --ui-black-rgb: 0, 0, 0;
    --ui-body-bg: var(--wt-bg);
    --ui-body-bg-rgb: 255, 255, 255;
    --ui-body-color: var(--wt-text);
    --ui-body-color-rgb: 30, 35, 45;
    --ui-emphasis-color: #000;
    --ui-emphasis-color-rgb: 0, 0, 0;
    --ui-secondary-color: color-mix(in srgb, var(--wt-text) 72%, transparent);
    --ui-secondary-bg: color-mix(in srgb, var(--wt-surface) 88%, var(--wt-text) 6%);
    --ui-tertiary-color: color-mix(in srgb, var(--wt-text) 66%, transparent);   /* version 10.0.1: 50% was 3.1:1 - 66% keeps a third text level at AA */
    --ui-tertiary-bg: color-mix(in srgb, var(--wt-surface) 94%, var(--wt-text) 3%);
    --ui-secondary-bg-rgb: 233, 236, 241;
    --ui-tertiary-bg-rgb: 245, 246, 249;
    --ui-surface: var(--wt-surface);
    --ui-border-width: 1px;
    --ui-border-style: solid;
    --ui-border-color: var(--wt-border);
    --ui-border-color-translucent: rgba(0, 0, 0, 0.12);
    --ui-border-radius: var(--wt-radius);
    --ui-border-radius-sm: calc(var(--wt-radius) * 0.7);
    --ui-border-radius-lg: var(--wt-radius-lg);
    --ui-border-radius-xl: calc(var(--wt-radius-lg) * 1.35);
    --ui-border-radius-xxl: calc(var(--wt-radius-lg) * 2);
    --ui-border-radius-pill: 50rem;
    --ui-link-color: var(--wt-link);
    --ui-link-color-rgb: var(--wt-link-rgb);
    --ui-link-hover-color: color-mix(in srgb, var(--wt-link) 80%, #000);
    --ui-focus-ring-width: 0.25rem;
    --ui-focus-ring-opacity: 0.25;
    --ui-focus-ring-color: rgba(var(--wt-primary-rgb), 0.25);
    --ui-box-shadow: 0 0.5rem 1rem rgba(15, 23, 42, 0.1);
    --ui-box-shadow-sm: 0 0.125rem 0.25rem rgba(15, 23, 42, 0.08);
    --ui-box-shadow-lg: 0 1rem 3rem rgba(15, 23, 42, 0.16);
    --ui-box-shadow-inset: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    --ui-font-sans-serif: var(--wt-font-body);
    --ui-font-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --ui-heading-color: inherit;
    --ui-code-color: #a3245f;   /* version 8: 4.5:1 or more on light tinted surfaces too (Bootstrap pink #d63384 is 4.4); version 10.0.1: also on grey demo boxes */
    --ui-highlight-bg: #fff3cd;
    --ui-highlight-color: inherit;
    --ui-form-valid-color: var(--ui-success);
    --ui-form-valid-border-color: var(--ui-success);
    --ui-form-invalid-color: var(--ui-danger);
    --ui-form-invalid-border-color: var(--ui-danger);
    --ui-gutter-x: 1.5rem;
    --ui-gutter-y: 0;
  }

  [data-ui-theme="dark"] {
    color-scheme: dark;
    --ui-body-bg: var(--wt-bg);
    --ui-body-bg-rgb: 17, 20, 28;
    --ui-body-color: var(--wt-text);
    --ui-body-color-rgb: 226, 232, 240;
    /* version 10.0.1: re-resolved here, so a dark section of a light page gets dark surfaces and borders
       (declared only on :root, a dark section inherited the light values under its light text) */
    --ui-surface: var(--wt-surface);
    --ui-border-color: var(--wt-border);
    --ui-tertiary-color: color-mix(in srgb, var(--wt-text) 66%, transparent);
    --ui-emphasis-color: #fff;
    --ui-emphasis-color-rgb: 255, 255, 255;
    --ui-secondary: #94a3b8;
    --ui-on-secondary: #111827;
    --ui-secondary-rgb: 148, 163, 184;
    --ui-secondary-color: color-mix(in srgb, var(--wt-text) 72%, transparent);
    --ui-secondary-bg: color-mix(in srgb, var(--wt-surface) 86%, #fff 8%);
    --ui-tertiary-bg: color-mix(in srgb, var(--wt-surface) 92%, #fff 4%);
    --ui-secondary-bg-rgb: 38, 44, 58;
    --ui-tertiary-bg-rgb: 28, 33, 45;
    --ui-border-color-translucent: rgba(255, 255, 255, 0.14);
    /* version 10.0.1: --ui-light and --ui-dark no longer swap in dark mode (as in Bootstrap) - the swap turned .bg-dark light grey
       under white text (dark navbars, image scrims) and gave .text-dark light text on yellow and cyan fills */
    --ui-link-color: var(--wt-link);   /* version 9: the readable dark link of theme.css */
    --ui-link-color-rgb: var(--wt-link-rgb);
    --ui-link-hover-color: color-mix(in srgb, var(--wt-link) 70%, #fff);
    --ui-code-color: #e685b5;
    --ui-highlight-bg: #664d03;
    /* version 10.0.1: validation messages in the light shades of green and red (the light-mode colours were 3.5:1 on dark) */
    --ui-form-valid-color: var(--ui-success-text-emphasis);
    --ui-form-invalid-color: var(--ui-danger-text-emphasis);
    --ui-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.45);
    --ui-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4);
    --ui-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.55);
  }

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

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

  body {
    margin: 0;
    font-family: var(--ui-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--ui-body-color);
    background-color: var(--ui-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
  }

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

  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: var(--wt-font-heading);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--ui-heading-color);
    text-wrap: balance;
  }
  h1, .h1 { font-size: calc(1.375rem + 1.5vw); }
  h2, .h2 { font-size: calc(1.325rem + 0.9vw); }
  h3, .h3 { font-size: calc(1.3rem + 0.6vw); }
  h4, .h4 { font-size: calc(1.275rem + 0.3vw); }
  h5, .h5 { font-size: 1.25rem; }
  h6, .h6 { font-size: 1rem; }
  @media (min-width: 1200px) {
    h1, .h1 { font-size: 2.5rem; }
    h2, .h2 { font-size: 2rem; }
    h3, .h3 { font-size: 1.75rem; }
    h4, .h4 { font-size: 1.5rem; }
  }

  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-inline-start: 2rem; }
  ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }
  ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }
  ul { list-style: disc; }
  ol { list-style: decimal; }
  ul ul { list-style: circle; }
  dt { font-weight: 700; }
  dd { margin-bottom: 0.5rem; margin-inline-start: 0; }
  blockquote { margin: 0 0 1rem; }
  b, strong { font-weight: bolder; }
  small, .small { font-size: 0.875em; }
  mark, .mark { padding: 0.1875em; color: var(--ui-highlight-color); background-color: var(--ui-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(--ui-link-color-rgb), var(--ui-link-opacity, 1)); text-decoration: underline; text-underline-offset: 0.18em; }
  a:hover { --ui-link-color-rgb: var(--ui-link-hover-color-rgb, var(--wt-link-rgb)); color: var(--ui-link-hover-color); }
  a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
  pre, code, kbd, samp { font-family: var(--ui-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(--ui-code-color); word-wrap: break-word; }
  a > code { color: inherit; }
  kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--ui-body-bg); background-color: var(--ui-body-color); border-radius: 0.25rem; }
  kbd kbd { padding: 0; font-size: 1em; }
  figure { margin: 0 0 1rem; }
  img, svg { vertical-align: middle; }
  img { max-width: 100%; height: auto; border-style: none; }
  video { max-width: 100%; height: auto; }
  table { caption-side: bottom; border-collapse: collapse; }
  caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--ui-secondary-color); text-align: start; }
  th { text-align: inherit; text-align: -webkit-match-parent; font-weight: 600; }
  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; color: inherit; }
  button, select { text-transform: none; }
  [role="button"] { cursor: pointer; }
  select { word-wrap: normal; }
  select:disabled { opacity: 1; }
  button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; 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; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
  @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; }
  ::-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; }
  ::selection { background: rgba(var(--wt-primary-rgb), 0.22); }
  :focus-visible { outline: 2px solid rgba(var(--wt-primary-rgb), 0.7); outline-offset: 2px; }
}

/* UI library - content, tables, forms, buttons */
@layer components {
  .lead { font-size: 1.25rem; font-weight: 400; }
  .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    font-family: var(--wt-font-heading); font-weight: 700; line-height: 1.1; letter-spacing: -0.02em;
  }
  .display-1 { font-size: calc(1.625rem + 4.5vw); }
  .display-2 { font-size: calc(1.575rem + 3.9vw); }
  .display-3 { font-size: calc(1.525rem + 3.3vw); }
  .display-4 { font-size: calc(1.475rem + 2.7vw); }
  .display-5 { font-size: calc(1.425rem + 2.1vw); }
  .display-6 { font-size: calc(1.375rem + 1.5vw); }
  @media (min-width: 1200px) {
    .display-1 { font-size: 5rem; } .display-2 { font-size: 4.5rem; } .display-3 { font-size: 4rem; }
    .display-4 { font-size: 3.5rem; } .display-5 { font-size: 3rem; } .display-6 { font-size: 2.5rem; }
  }
  .list-unstyled { padding-inline-start: 0; list-style: none; }
  .list-inline { padding-inline-start: 0; list-style: none; }
  .list-inline-item { display: inline-block; }
  .list-inline-item:not(:last-child) { margin-inline-end: 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: var(--ui-secondary-color); }
  .blockquote-footer::before { content: "\2014\00A0"; }
  .img-fluid { max-width: 100%; height: auto; }
  .img-thumbnail { padding: 0.25rem; background-color: var(--ui-body-bg); border: var(--ui-border-width) solid var(--ui-border-color);
    border-radius: var(--ui-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(--ui-secondary-color); }

  /* ---------------- tables */
  .table {
    --ui-table-color: var(--ui-body-color);
    --ui-table-bg: transparent;
    --ui-table-border-color: var(--ui-border-color);
    --ui-table-striped-bg: rgba(var(--ui-emphasis-color-rgb), 0.035);
    --ui-table-active-bg: rgba(var(--ui-emphasis-color-rgb), 0.08);
    --ui-table-hover-bg: rgba(var(--ui-emphasis-color-rgb), 0.05);
    width: 100%; margin-bottom: 1rem; vertical-align: top; color: var(--ui-table-color); border-color: var(--ui-table-border-color);
  }
  .table > :not(caption) > * > * {
    padding: 0.6rem 0.6rem; color: var(--ui-table-color-state, var(--ui-table-color)); background-color: var(--ui-table-bg);
    border-bottom-width: var(--ui-border-width); box-shadow: inset 0 0 0 9999px var(--ui-table-bg-state, var(--ui-table-bg-type, transparent));
  }
  .table > tbody { vertical-align: inherit; }
  .table > thead { vertical-align: bottom; }
  .table > thead th { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ui-secondary-color); }
  .table-group-divider { border-top: calc(var(--ui-border-width) * 2) solid currentcolor; }
  .caption-top { caption-side: top; }
  .table-sm > :not(caption) > * > * { padding: 0.3rem 0.4rem; }
  .table-bordered > :not(caption) > * { border-width: var(--ui-border-width) 0; }
  .table-bordered > :not(caption) > * > * { border-width: 0 var(--ui-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) > * { --ui-table-bg-type: var(--ui-table-striped-bg); }
  .table-striped-columns > :not(caption) > tr > :nth-child(even) { --ui-table-bg-type: var(--ui-table-striped-bg); }
  .table-active { --ui-table-bg-state: var(--ui-table-active-bg); }
  .table-hover > tbody > tr:hover > * { --ui-table-bg-state: var(--ui-table-hover-bg); }
  .table-primary { --ui-table-bg: color-mix(in srgb, var(--ui-primary) 14%, var(--ui-body-bg)); --ui-table-border-color: color-mix(in srgb, var(--ui-primary) 30%, var(--ui-body-bg)); }
  .table-secondary { --ui-table-bg: color-mix(in srgb, var(--ui-secondary) 14%, var(--ui-body-bg)); }
  .table-success { --ui-table-bg: color-mix(in srgb, var(--ui-success) 14%, var(--ui-body-bg)); }
  .table-info { --ui-table-bg: color-mix(in srgb, var(--ui-info) 14%, var(--ui-body-bg)); }
  .table-warning { --ui-table-bg: color-mix(in srgb, var(--ui-warning) 18%, var(--ui-body-bg)); }
  .table-danger { --ui-table-bg: color-mix(in srgb, var(--ui-danger) 14%, var(--ui-body-bg)); }
  .table-light { --ui-table-bg: var(--ui-tertiary-bg); }
  .table-dark { --ui-table-color: #fff; --ui-table-bg: #1f2430; --ui-table-border-color: #3a4152; --ui-table-striped-bg: rgba(255,255,255,.05); --ui-table-hover-bg: rgba(255,255,255,.08); }
  .table-dark > thead th { color: rgba(255,255,255,.75); }
  .table-responsive { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; } }
  @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; } }
  @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; } }
  @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; } }
  @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; } }

  /* ---------------- forms */
  .form-label { margin-bottom: 0.4rem; font-weight: 500; font-size: 0.9375rem; }
  .col-form-label { padding-top: calc(0.45rem + var(--ui-border-width)); padding-bottom: calc(0.45rem + var(--ui-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; font-weight: 500; }
  .col-form-label-lg { padding-top: calc(0.55rem + var(--ui-border-width)); padding-bottom: calc(0.55rem + var(--ui-border-width)); font-size: 1.125rem; }
  .col-form-label-sm { padding-top: calc(0.25rem + var(--ui-border-width)); padding-bottom: calc(0.25rem + var(--ui-border-width)); font-size: 0.875rem; }
  .form-text { margin-top: 0.3rem; font-size: 0.85em; color: var(--ui-secondary-color); }
  .form-control, .form-select {
    display: block; width: 100%; padding: 0.5rem 0.8rem; font-size: 1rem; font-weight: 400; line-height: 1.5;
    color: var(--ui-body-color); background-color: var(--ui-surface); background-clip: padding-box;
    border: var(--ui-border-width) solid var(--ui-border-color); border-radius: var(--ui-border-radius);
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .form-control[type="file"] { overflow: hidden; }
  .form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; }
  .form-control:focus, .form-select:focus {
    color: var(--ui-body-color); background-color: var(--ui-surface); border-color: color-mix(in srgb, var(--ui-primary) 55%, var(--ui-border-color));
    outline: 0; box-shadow: 0 0 0 var(--ui-focus-ring-width) var(--ui-focus-ring-color);
  }
  .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(--ui-secondary-color); opacity: 0.75; }
  .form-control:disabled, .form-select:disabled { background-color: var(--ui-secondary-bg); opacity: 1; cursor: not-allowed; }
  .form-control::file-selector-button {
    padding: 0.5rem 0.8rem; margin: -0.5rem -0.8rem; margin-inline-end: 0.8rem; color: var(--ui-body-color);
    background-color: var(--ui-tertiary-bg); pointer-events: none; border: 0 solid; border-color: inherit;
    border-inline-end-width: var(--ui-border-width); border-radius: 0;
  }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--ui-secondary-bg); }
  .form-control-plaintext { display: block; width: 100%; padding: 0.5rem 0; margin-bottom: 0; line-height: 1.5; color: var(--ui-body-color);
    background-color: transparent; border: solid transparent; border-width: var(--ui-border-width) 0; }
  .form-control-plaintext:focus { outline: 0; }
  .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.55rem; font-size: 0.875rem; border-radius: var(--ui-border-radius-sm); }
  .form-control-lg { min-height: calc(1.5em + 1.1rem + 2px); padding: 0.55rem 1rem; font-size: 1.125rem; border-radius: var(--ui-border-radius-lg); }
  textarea.form-control { min-height: calc(1.5em + 1rem + 2px); }
  .form-control-color { width: 3.25rem; height: calc(1.5em + 1rem + 2px); padding: 0.375rem; }
  .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; }
  .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--ui-border-radius); }
  .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--ui-border-radius); }
  .form-select {
    padding-inline-end: 2.4rem;
    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.8rem center; background-size: 16px 12px;
  }
  [dir="rtl"] .form-select { background-position: left 0.8rem center; }
  .form-select[multiple], .form-select[size]:not([size="1"]) { padding-inline-end: 0.8rem; background-image: none; }
  .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-inline-start: 0.55rem; font-size: 0.875rem; border-radius: var(--ui-border-radius-sm); }
  .form-select-lg { padding-top: 0.55rem; padding-bottom: 0.55rem; padding-inline-start: 1rem; font-size: 1.125rem; border-radius: var(--ui-border-radius-lg); }
  [data-ui-theme="dark"] .form-select { 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='%23cbd5e1' 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-inline-start: 1.6em; margin-bottom: 0.125rem; }
  .form-check .form-check-input { float: left; margin-inline-start: -1.6em; }
  [dir="rtl"] .form-check .form-check-input { float: right; }
  .form-check-reverse { padding-inline-end: 1.6em; padding-inline-start: 0; text-align: end; }
  .form-check-reverse .form-check-input { float: right; margin-inline-end: -1.6em; margin-inline-start: 0; }
  .form-check-input {
    --ui-form-check-bg: var(--ui-surface);
    flex-shrink: 0; width: 1.1em; height: 1.1em; margin-top: 0.25em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background-color: var(--ui-form-check-bg); background-image: var(--ui-form-check-bg-image); background-repeat: no-repeat; background-position: center;
    background-size: contain; border: var(--ui-border-width) solid color-mix(in srgb, var(--ui-border-color) 70%, var(--ui-body-color) 30%);
    -webkit-print-color-adjust: exact; print-color-adjust: exact; transition: background-color .15s, border-color .15s, box-shadow .15s;
  }
  .form-check-input[type="checkbox"] { border-radius: 0.3em; }
  .form-check-input[type="radio"] { border-radius: 50%; }
  .form-check-input:active { filter: brightness(90%); }
  .form-check-input:focus { border-color: color-mix(in srgb, var(--ui-primary) 55%, var(--ui-border-color)); outline: 0; box-shadow: 0 0 0 var(--ui-focus-ring-width) var(--ui-focus-ring-color); }
  .form-check-input:checked { background-color: var(--ui-primary); border-color: var(--ui-primary); }
  .form-check-input:checked[type="checkbox"] { --ui-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"] { --ui-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: var(--ui-primary); border-color: var(--ui-primary);
    --ui-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-check-label { cursor: pointer; }
  .form-switch { padding-inline-start: 2.6em; }
  .form-switch .form-check-input {
    --ui-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%28100, 116, 139, 0.6%29'/%3e%3c/svg%3e");
    width: 2.1em; margin-inline-start: -2.6em; background-image: var(--ui-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out, background-color .15s;
  }
  .form-switch .form-check-input:focus { --ui-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%28100, 116, 139, 0.8%29'/%3e%3c/svg%3e"); }
  .form-switch .form-check-input:checked { background-position: right center; --ui-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"); }
  [dir="rtl"] .form-switch .form-check-input { background-position: right center; }
  [dir="rtl"] .form-switch .form-check-input:checked { background-position: left center; }
  .form-switch.form-check-reverse { padding-inline-end: 2.6em; padding-inline-start: 0; }
  .form-switch.form-check-reverse .form-check-input { margin-inline-end: -2.6em; margin-inline-start: 0; }
  .form-check-inline { display: inline-block; margin-inline-end: 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-ui-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { --ui-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.35%29'/%3e%3c/svg%3e"); }

  .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
  .form-range:focus { outline: 0; }
  .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--ui-body-bg), 0 0 0 var(--ui-focus-ring-width) var(--ui-focus-ring-color); }
  .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px var(--ui-body-bg), 0 0 0 var(--ui-focus-ring-width) var(--ui-focus-ring-color); }
  .form-range::-moz-focus-outer { border: 0; }
  .form-range::-webkit-slider-thumb { width: 1.1rem; height: 1.1rem; margin-top: -0.35rem; -webkit-appearance: none; appearance: none;
    background-color: var(--ui-primary); border: 0; border-radius: 1rem; transition: transform .15s; }
  .form-range::-webkit-slider-thumb:active { transform: scale(1.15); }
  .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.4rem; color: transparent; cursor: pointer; background-color: var(--ui-secondary-bg); border-color: transparent; border-radius: 1rem; }
  .form-range::-moz-range-thumb { width: 1.1rem; height: 1.1rem; -moz-appearance: none; appearance: none; background-color: var(--ui-primary); border: 0; border-radius: 1rem; }
  .form-range::-moz-range-track { width: 100%; height: 0.4rem; color: transparent; cursor: pointer; background-color: var(--ui-secondary-bg); border-color: transparent; border-radius: 1rem; }
  .form-range::-moz-range-progress { height: 0.4rem; background-color: var(--ui-primary); border-radius: 1rem; }
  .form-range:disabled { pointer-events: none; opacity: 0.5; }

  .form-floating { position: relative; }
  .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--ui-border-width) * 2)); min-height: calc(3.5rem + calc(var(--ui-border-width) * 2)); line-height: 1.25; }
  .form-floating > label { position: absolute; top: 0; inset-inline-start: 0; z-index: 2; max-width: 100%; height: 100%; padding: 1rem 0.8rem; overflow: hidden;
    color: var(--ui-secondary-color); text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--ui-border-width) solid transparent;
    transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out; }
  [dir="rtl"] .form-floating > label { transform-origin: 100% 0; }
  .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.8rem; }
  .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 { padding-top: 1.625rem; padding-bottom: 0.625rem; }
  .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; padding-inline-start: 0.8rem; }
  .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.4rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--ui-surface); border-radius: var(--ui-border-radius); }
  .form-floating > textarea:disabled ~ label::after { background-color: var(--ui-secondary-bg); }
  .form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { color: var(--ui-secondary-color); }

  .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.5rem 0.8rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--ui-secondary-color);
    text-align: center; white-space: nowrap; background-color: var(--ui-tertiary-bg); border: var(--ui-border-width) solid var(--ui-border-color); border-radius: var(--ui-border-radius); }
  .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.55rem 1rem; font-size: 1.125rem; border-radius: var(--ui-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.55rem; font-size: 0.875rem; border-radius: var(--ui-border-radius-sm); }
  .input-group-lg > .form-select, .input-group-sm > .form-select { padding-inline-end: 2.4rem; }
  .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,
  .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) { border-start-end-radius: 0; border-end-end-radius: 0; }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-inline-start: calc(var(--ui-border-width) * -1); border-start-start-radius: 0; border-end-start-radius: 0; }
  .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-start-start-radius: 0; border-end-start-radius: 0; }

  .valid-feedback, .invalid-feedback { display: none; width: 100%; margin-top: 0.3rem; font-size: 0.85em; }
  .valid-feedback { color: var(--ui-form-valid-color); }
  .invalid-feedback { color: var(--ui-form-invalid-color); }
  .valid-tooltip, .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; border-radius: var(--ui-border-radius); }
  .valid-tooltip { background-color: var(--ui-success); }
  .invalid-tooltip { background-color: var(--ui-danger); }
  .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip,
  .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; }
  .was-validated .form-control:valid, .form-control.is-valid, .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--ui-form-valid-border-color); }
  .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--ui-form-invalid-border-color); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .form-select:valid:focus, .form-select.is-valid:focus { box-shadow: 0 0 0 var(--ui-focus-ring-width) rgba(var(--ui-success-rgb), .25); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { box-shadow: 0 0 0 var(--ui-focus-ring-width) rgba(var(--ui-danger-rgb), .25); }
  .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--ui-form-valid-border-color); }
  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--ui-success); }
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--ui-form-valid-color); }
  .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--ui-form-invalid-border-color); }
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--ui-form-invalid-color); }
  .form-check-inline .form-check-input ~ .valid-feedback, .form-check-inline .form-check-input ~ .invalid-feedback { margin-inline-start: 0.5em; }
  .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
  .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid { z-index: 3; }

  /* ---------------- buttons */
  .btn {
    --ui-btn-padding-x: 1rem; --ui-btn-padding-y: 0.5rem; --ui-btn-font-size: 1rem; --ui-btn-font-weight: 600; --ui-btn-line-height: 1.5;
    --ui-btn-color: var(--ui-body-color); --ui-btn-bg: transparent; --ui-btn-border-width: var(--ui-border-width); --ui-btn-border-color: transparent;
    --ui-btn-border-radius: var(--ui-border-radius); --ui-btn-hover-border-color: transparent; --ui-btn-disabled-opacity: 0.6;
    --ui-btn-focus-box-shadow: 0 0 0 var(--ui-focus-ring-width) rgba(var(--ui-btn-focus-shadow-rgb, var(--wt-primary-rgb)), .4);
    display: inline-block; padding: var(--ui-btn-padding-y) var(--ui-btn-padding-x); font-family: var(--ui-btn-font-family, inherit);
    font-size: var(--ui-btn-font-size); font-weight: var(--ui-btn-font-weight); line-height: var(--ui-btn-line-height); color: var(--ui-btn-color);
    text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none;
    border: var(--ui-btn-border-width) solid var(--ui-btn-border-color); border-radius: var(--ui-btn-border-radius); background-color: var(--ui-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, transform .15s ease;
  }
  .btn:hover { color: var(--ui-btn-hover-color); background-color: var(--ui-btn-hover-bg); border-color: var(--ui-btn-hover-border-color); }
  .btn-check + .btn:hover { color: var(--ui-btn-color); background-color: var(--ui-btn-bg); border-color: var(--ui-btn-border-color); }
  .btn:focus-visible { color: var(--ui-btn-hover-color); background-color: var(--ui-btn-hover-bg); border-color: var(--ui-btn-hover-border-color); outline: 0; box-shadow: var(--ui-btn-focus-box-shadow); }
  .btn-check:focus-visible + .btn { border-color: var(--ui-btn-hover-border-color); outline: 0; box-shadow: var(--ui-btn-focus-box-shadow); }
  .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--ui-btn-active-color); background-color: var(--ui-btn-active-bg); border-color: var(--ui-btn-active-border-color); }
  .btn:active { transform: translateY(1px); }
  .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--ui-btn-disabled-color); pointer-events: none; background-color: var(--ui-btn-disabled-bg);
    border-color: var(--ui-btn-disabled-border-color); opacity: var(--ui-btn-disabled-opacity); }
  .btn .bi, .btn > svg { vertical-align: -0.125em; }
  .btn-link { --ui-btn-font-weight: 500; --ui-btn-color: var(--ui-link-color); --ui-btn-bg: transparent; --ui-btn-hover-color: var(--ui-link-hover-color);
    --ui-btn-hover-bg: transparent; --ui-btn-active-color: var(--ui-link-hover-color); --ui-btn-active-bg: transparent; --ui-btn-disabled-color: var(--ui-secondary-color);
    --ui-btn-active-border-color: transparent; text-decoration: underline; text-underline-offset: .18em; }
  .btn-link:focus-visible { color: var(--ui-btn-color); }
  .btn-lg, .btn-group-lg > .btn { --ui-btn-padding-y: 0.65rem; --ui-btn-padding-x: 1.35rem; --ui-btn-font-size: 1.125rem; --ui-btn-border-radius: var(--ui-border-radius-lg); }
  .btn-sm, .btn-group-sm > .btn { --ui-btn-padding-y: 0.25rem; --ui-btn-padding-x: 0.65rem; --ui-btn-font-size: 0.875rem; --ui-btn-border-radius: var(--ui-border-radius-sm); }
}

/* UI library - interactive and content components */
@layer components {
  .fade { transition: opacity .15s linear; }
  @media (prefers-reduced-motion: reduce) { .fade { transition: none; } }
  .fade:not(.show) { opacity: 0; }
  .ui-collapse:not(.show) { display: none; }
  .collapsing { height: 0; overflow: hidden; transition: height .3s ease; }
  .collapsing.collapse-horizontal { width: 0; height: auto; transition: width .3s ease; }
  @media (prefers-reduced-motion: reduce) { .collapsing, .collapsing.collapse-horizontal { transition: none; } }

  /* ---------------- dropdowns */
  .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; }
  .dropdown-toggle { white-space: nowrap; }
  .dropdown-toggle::after { display: inline-block; margin-inline-start: 0.4em; vertical-align: 0.2em; content: ""; border-top: 0.3em solid; border-inline-end: 0.3em solid transparent; border-bottom: 0; border-inline-start: 0.3em solid transparent; }
  .dropdown-toggle:empty::after { margin-inline-start: 0; }
  .dropdown-menu {
    --ui-dropdown-bg: var(--ui-surface); --ui-dropdown-link-color: var(--ui-body-color); --ui-dropdown-link-hover-bg: var(--ui-tertiary-bg);
    --ui-dropdown-link-active-color: var(--wt-on-primary); --ui-dropdown-link-active-bg: var(--ui-primary);
    position: absolute; z-index: 1000; display: none; min-width: 11rem; padding: 0.4rem; margin: 0; font-size: 0.95rem; color: var(--ui-body-color); text-align: start;
    list-style: none; background-color: var(--ui-dropdown-bg); background-clip: padding-box; border: var(--ui-border-width) solid var(--ui-border-color-translucent);
    border-radius: var(--ui-border-radius-lg); box-shadow: var(--ui-box-shadow);
    top: 100%; inset-inline-start: 0; margin-top: 0.25rem;
  }
  .dropdown-menu.show { display: block; animation: ui-pop .14s ease-out; }
  @keyframes ui-pop { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: reduce) { .dropdown-menu.show { animation: none; } }
  .dropdown-menu-start { inset-inline-start: 0; inset-inline-end: auto; }
  .dropdown-menu-end { inset-inline-end: 0; inset-inline-start: auto; }
  @media (min-width: 576px) { .dropdown-menu-sm-end { inset-inline-end: 0; inset-inline-start: auto; } }
  @media (min-width: 768px) { .dropdown-menu-md-end { inset-inline-end: 0; inset-inline-start: auto; } }
  @media (min-width: 992px) { .dropdown-menu-lg-end { inset-inline-end: 0; inset-inline-start: auto; } .dropdown-menu-lg-start { inset-inline-start: 0; inset-inline-end: auto; } }
  .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.25rem; }
  .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; }
  .dropend .dropdown-menu { top: 0; inset-inline-start: 100%; margin-top: 0; margin-inline-start: 0.25rem; }
  .dropend .dropdown-toggle::after { border-top: 0.3em solid transparent; border-inline-end: 0; border-bottom: 0.3em solid transparent; border-inline-start: 0.3em solid; vertical-align: 0; }
  .dropstart .dropdown-menu { top: 0; inset-inline-start: auto; inset-inline-end: 100%; margin-top: 0; margin-inline-end: 0.25rem; }
  .dropstart .dropdown-toggle::after { display: none; }
  .dropstart .dropdown-toggle::before { display: inline-block; margin-inline-end: 0.4em; vertical-align: 0; content: ""; border-top: 0.3em solid transparent; border-inline-end: 0.3em solid; border-bottom: 0.3em solid transparent; }
  .dropdown-center .dropdown-menu, .dropup-center .dropdown-menu { inset-inline-start: 50%; transform: translateX(-50%); }
  .dropdown-center .dropdown-menu.show, .dropup-center .dropdown-menu.show { animation: none; }
  .dropup-center .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 0.25rem; }
  .dropdown-divider { height: 0; margin: 0.4rem 0; overflow: hidden; border-top: 1px solid var(--ui-border-color-translucent); opacity: 1; }
  .dropdown-item { display: block; width: 100%; padding: 0.4rem 0.75rem; clear: both; font-weight: 400; color: var(--ui-dropdown-link-color); text-align: inherit;
    white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--ui-border-radius); text-decoration: none; }
  .dropdown-item:hover, .dropdown-item:focus { color: var(--ui-dropdown-link-color); background-color: var(--ui-dropdown-link-hover-bg); }
  .dropdown-item.active, .dropdown-item:active { color: var(--ui-dropdown-link-active-color); text-decoration: none; background-color: var(--ui-dropdown-link-active-bg); }
  .dropdown-item.disabled, .dropdown-item:disabled { color: var(--ui-tertiary-color); pointer-events: none; background-color: transparent; }
  .dropdown-header { display: block; padding: 0.4rem 0.75rem; margin-bottom: 0; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--ui-secondary-color); white-space: nowrap; }
  .dropdown-item-text { display: block; padding: 0.4rem 0.75rem; color: var(--ui-dropdown-link-color); }
  .dropdown-menu-dark { --ui-dropdown-bg: #1f2430; --ui-dropdown-link-color: #e2e8f0; --ui-dropdown-link-hover-bg: rgba(255,255,255,.08); color: #e2e8f0; border-color: rgba(255,255,255,.12); }
  .dropdown-menu-dark .dropdown-header { color: #94a3b8; }
  .dropdown-menu-dark .dropdown-divider { border-color: rgba(255,255,255,.12); }

  /* ---------------- button groups */
  .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:hover, .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(--ui-border-radius); }
  .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-inline-start: calc(var(--ui-border-width) * -1); }
  .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-start-end-radius: 0; border-end-end-radius: 0; }
  .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-start-start-radius: 0; border-end-start-radius: 0; }
  .dropdown-toggle-split { padding-inline: 0.6rem; }
  .dropdown-toggle-split::after { margin-inline-start: 0; }
  .btn-sm + .dropdown-toggle-split { padding-inline: 0.4rem; }
  .btn-lg + .dropdown-toggle-split { padding-inline: 0.8rem; }
  .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(var(--ui-border-width) * -1); }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-end-start-radius: 0; border-end-end-radius: 0; }
  .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-start-start-radius: 0; border-start-end-radius: 0; }

  /* ---------------- navs */
  .nav { --ui-nav-link-padding-x: 1rem; --ui-nav-link-padding-y: 0.5rem; --ui-nav-link-color: var(--ui-link-color); --ui-nav-link-hover-color: var(--ui-link-hover-color);
    display: flex; flex-wrap: wrap; padding-inline-start: 0; margin-bottom: 0; list-style: none; }
  .nav-link { display: block; padding: var(--ui-nav-link-padding-y) var(--ui-nav-link-padding-x); font-weight: 500; color: var(--ui-nav-link-color); text-decoration: none;
    background: none; border: 0; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; }
  .nav-link:hover, .nav-link:focus { color: var(--ui-nav-link-hover-color); }
  .nav-link.disabled, .nav-link:disabled { color: var(--ui-secondary-color); pointer-events: none; cursor: default; opacity: .7; }
  .nav-tabs { --ui-nav-tabs-border-color: var(--ui-border-color); border-bottom: var(--ui-border-width) solid var(--ui-nav-tabs-border-color); }
  .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--ui-border-width)); border: var(--ui-border-width) solid transparent; border-start-start-radius: var(--ui-border-radius); border-start-end-radius: var(--ui-border-radius); }
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--ui-secondary-bg) var(--ui-secondary-bg) var(--ui-nav-tabs-border-color); }
  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--ui-body-color); background-color: var(--ui-surface); border-color: var(--ui-border-color) var(--ui-border-color) var(--ui-surface); }
  .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--ui-border-width)); border-start-start-radius: 0; border-start-end-radius: 0; }
  .nav-pills .nav-link { border-radius: var(--ui-border-radius); }
  .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--wt-on-primary); background-color: var(--ui-primary); }
  .nav-underline { --ui-nav-underline-gap: 1rem; gap: var(--ui-nav-underline-gap); }
  .nav-underline .nav-link { padding-inline: 0; border-bottom: 0.125rem 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(--ui-emphasis-color); border-bottom-color: var(--ui-primary); }
  .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; }
  .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; 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 */
  .navbar {
    --ui-navbar-padding-y: 0.6rem; --ui-navbar-color: color-mix(in srgb, var(--ui-body-color) 72%, transparent); --ui-navbar-hover-color: var(--ui-body-color);
    --ui-navbar-active-color: var(--ui-emphasis-color); --ui-navbar-brand-color: var(--ui-emphasis-color);
    --ui-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-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --ui-navbar-toggler-border-color: rgba(var(--ui-emphasis-color-rgb), 0.15);
    position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--ui-navbar-padding-y) 1rem;
  }
  .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 { display: inline-flex; align-items: center; gap: .5rem; padding-block: 0.3rem; margin-inline-end: 1rem; font-family: var(--wt-font-heading); font-size: 1.25rem; font-weight: 700;
    color: var(--ui-navbar-brand-color); text-decoration: none; white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus { color: var(--ui-navbar-brand-color); }
  .navbar-nav { --ui-nav-link-padding-x: 0; --ui-nav-link-padding-y: 0.5rem; --ui-nav-link-color: var(--ui-navbar-color); --ui-nav-link-hover-color: var(--ui-navbar-hover-color);
    display: flex; flex-direction: column; padding-inline-start: 0; margin-bottom: 0; list-style: none; }
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--ui-navbar-active-color); }
  .navbar-nav .dropdown-menu { position: static; }
  .navbar-text { padding-block: 0.5rem; color: var(--ui-navbar-color); }
  .navbar-text a { color: var(--ui-navbar-active-color); }
  .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
  .navbar-toggler { padding: 0.25rem 0.6rem; font-size: 1.15rem; line-height: 1; color: var(--ui-navbar-color); background-color: transparent;
    border: var(--ui-border-width) solid var(--ui-navbar-toggler-border-color); border-radius: var(--ui-border-radius); transition: box-shadow .15s ease-in-out; }
  .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--ui-focus-ring-width) var(--ui-focus-ring-color); }
  .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--ui-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
  .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; }
  .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-inline: 0.6rem; }
  .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; }
  @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-inline: 0.6rem; }
    .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-inline: 0.6rem; }
    .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-inline: 0.6rem; }
    .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-inline: 0.6rem; }
    .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; }
  }
  /* responsive offcanvas: a normal block from the breakpoint up, a slide-in panel below it */
  @media (min-width: 576px) {
    .offcanvas-sm { position: static; visibility: visible !important; transform: none !important; background-color: transparent !important; box-shadow: none; }
    .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: 575.98px) {
    .offcanvas-sm { position: fixed; bottom: 0; top: 0; inset-inline-start: 0; z-index: 1045; display: flex; flex-direction: column; width: var(--ui-offcanvas-width, 380px); max-width: 100%;
      visibility: hidden; background-color: var(--ui-surface); transform: translateX(-100%); transition: transform .3s ease-in-out; }
    [dir="rtl"] .offcanvas-sm { transform: translateX(100%); }
    .offcanvas-sm.offcanvas-end { inset-inline-start: auto; inset-inline-end: 0; transform: translateX(100%); }
    .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible; transform: none; }
    .offcanvas-sm .offcanvas-header { display: flex; align-items: center; padding: 1rem 1.25rem; }
    .offcanvas-sm .offcanvas-body { padding: 1rem 1.25rem; overflow-y: auto; }
  }
  @media (min-width: 768px) {
    .offcanvas-md { position: static; visibility: visible !important; transform: none !important; background-color: transparent !important; box-shadow: none; }
    .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: 767.98px) {
    .offcanvas-md { position: fixed; bottom: 0; top: 0; inset-inline-start: 0; z-index: 1045; display: flex; flex-direction: column; width: var(--ui-offcanvas-width, 380px); max-width: 100%;
      visibility: hidden; background-color: var(--ui-surface); transform: translateX(-100%); transition: transform .3s ease-in-out; }
    [dir="rtl"] .offcanvas-md { transform: translateX(100%); }
    .offcanvas-md.offcanvas-end { inset-inline-start: auto; inset-inline-end: 0; transform: translateX(100%); }
    .offcanvas-md.show, .offcanvas-md.showing { visibility: visible; transform: none; }
    .offcanvas-md .offcanvas-header { display: flex; align-items: center; padding: 1rem 1.25rem; }
    .offcanvas-md .offcanvas-body { padding: 1rem 1.25rem; overflow-y: auto; }
  }
  @media (min-width: 992px) {
    .offcanvas-lg { position: static; visibility: visible !important; transform: none !important; background-color: transparent !important; box-shadow: none; }
    .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: 991.98px) {
    .offcanvas-lg { position: fixed; bottom: 0; top: 0; inset-inline-start: 0; z-index: 1045; display: flex; flex-direction: column; width: var(--ui-offcanvas-width, 380px); max-width: 100%;
      visibility: hidden; background-color: var(--ui-surface); transform: translateX(-100%); transition: transform .3s ease-in-out; }
    [dir="rtl"] .offcanvas-lg { transform: translateX(100%); }
    .offcanvas-lg.offcanvas-end { inset-inline-start: auto; inset-inline-end: 0; transform: translateX(100%); }
    .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible; transform: none; }
    .offcanvas-lg .offcanvas-header { display: flex; align-items: center; padding: 1rem 1.25rem; }
    .offcanvas-lg .offcanvas-body { padding: 1rem 1.25rem; overflow-y: auto; }
  }
  @media (min-width: 1200px) {
    .offcanvas-xl { position: static; visibility: visible !important; transform: none !important; background-color: transparent !important; box-shadow: none; }
    .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: 1199.98px) {
    .offcanvas-xl { position: fixed; bottom: 0; top: 0; inset-inline-start: 0; z-index: 1045; display: flex; flex-direction: column; width: var(--ui-offcanvas-width, 380px); max-width: 100%;
      visibility: hidden; background-color: var(--ui-surface); transform: translateX(-100%); transition: transform .3s ease-in-out; }
    [dir="rtl"] .offcanvas-xl { transform: translateX(100%); }
    .offcanvas-xl.offcanvas-end { inset-inline-start: auto; inset-inline-end: 0; transform: translateX(100%); }
    .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible; transform: none; }
    .offcanvas-xl .offcanvas-header { display: flex; align-items: center; padding: 1rem 1.25rem; }
    .offcanvas-xl .offcanvas-body { padding: 1rem 1.25rem; overflow-y: auto; }
  }
  @media (min-width: 1400px) {
    .offcanvas-xxl { position: static; visibility: visible !important; transform: none !important; background-color: transparent !important; box-shadow: none; }
    .offcanvas-xxl .offcanvas-header { display: none; }
    .offcanvas-xxl .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; top: 0; inset-inline-start: 0; z-index: 1045; display: flex; flex-direction: column; width: var(--ui-offcanvas-width, 380px); max-width: 100%;
      visibility: hidden; background-color: var(--ui-surface); transform: translateX(-100%); transition: transform .3s ease-in-out; }
    [dir="rtl"] .offcanvas-xxl { transform: translateX(100%); }
    .offcanvas-xxl.offcanvas-end { inset-inline-start: auto; inset-inline-end: 0; transform: translateX(100%); }
    .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible; transform: none; }
    .offcanvas-xxl .offcanvas-header { display: flex; align-items: center; padding: 1rem 1.25rem; }
    .offcanvas-xxl .offcanvas-body { padding: 1rem 1.25rem; overflow-y: auto; }
  }
  .navbar-dark, .navbar[data-ui-theme="dark"] {
    --ui-navbar-color: rgba(255, 255, 255, 0.72); --ui-navbar-hover-color: #fff; --ui-navbar-active-color: #fff; --ui-navbar-brand-color: #fff;
    --ui-navbar-toggler-border-color: rgba(255, 255, 255, 0.2);
    --ui-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.8%29' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  /* version 10.0.1: on a brand-coloured bar the links use the theme's ink for that colour (72% white was 2.8:1 on mid-tone brands) */
  .navbar.bg-primary {
    --ui-navbar-color: var(--wt-on-primary); --ui-navbar-hover-color: var(--wt-on-primary); --ui-navbar-active-color: var(--wt-on-primary);
    --ui-navbar-brand-color: var(--wt-on-primary);
  }
  .navbar.bg-primary .nav-link.active { text-decoration: underline; text-underline-offset: .35em; }
  [data-ui-theme="dark"] .navbar:not(.navbar-light) {
    --ui-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.8%29' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  /* ---------------- card */
  .card {
    --ui-card-spacer-y: 1.25rem; --ui-card-spacer-x: 1.25rem; --ui-card-border-color: var(--ui-border-color-translucent); --ui-card-border-radius: var(--ui-border-radius-lg);
    --ui-card-inner-border-radius: calc(var(--ui-border-radius-lg) - var(--ui-border-width)); --ui-card-cap-bg: rgba(var(--ui-body-color-rgb), 0.03); --ui-card-bg: var(--ui-surface);
    --ui-card-cap-padding-y: 0.75rem; --ui-card-cap-padding-x: 1.25rem; --ui-card-color: inherit;
    position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--ui-card-height); color: var(--ui-body-color); word-wrap: break-word;
    background-color: var(--ui-card-bg); background-clip: border-box; border: var(--ui-border-width) solid var(--ui-card-border-color); border-radius: var(--ui-card-border-radius);
  }
  .card > hr { margin-inline: 0; }
  .card > .list-group { border-top: inherit; border-bottom: inherit; }
  .card > .list-group:first-child { border-top-width: 0; border-start-start-radius: var(--ui-card-inner-border-radius); border-start-end-radius: var(--ui-card-inner-border-radius); }
  .card > .list-group:last-child { border-bottom-width: 0; border-end-end-radius: var(--ui-card-inner-border-radius); border-end-start-radius: var(--ui-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(--ui-card-spacer-y) var(--ui-card-spacer-x); color: var(--ui-card-color); }
  .card-title { margin-bottom: 0.5rem; }
  .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; }
  .card-text:last-child { margin-bottom: 0; }
  .card-link + .card-link { margin-inline-start: 1rem; }
  .card-header { padding: var(--ui-card-cap-padding-y) var(--ui-card-cap-padding-x); margin-bottom: 0; color: var(--ui-card-cap-color); background-color: var(--ui-card-cap-bg); border-bottom: var(--ui-border-width) solid var(--ui-card-border-color); font-weight: 600; }
  .card-header:first-child { border-radius: var(--ui-card-inner-border-radius) var(--ui-card-inner-border-radius) 0 0; }
  .card-footer { padding: var(--ui-card-cap-padding-y) var(--ui-card-cap-padding-x); color: var(--ui-card-cap-color); background-color: var(--ui-card-cap-bg); border-top: var(--ui-border-width) solid var(--ui-card-border-color); }
  .card-footer:last-child { border-radius: 0 0 var(--ui-card-inner-border-radius) var(--ui-card-inner-border-radius); }
  .card-header-tabs { margin-inline: calc(-0.5 * var(--ui-card-cap-padding-x)); margin-bottom: calc(-1 * var(--ui-card-cap-padding-y)); border-bottom: 0; }
  .card-header-tabs .nav-link.active { background-color: var(--ui-card-bg); border-bottom-color: var(--ui-card-bg); }
  .card-header-pills { margin-inline: calc(-0.5 * var(--ui-card-cap-padding-x)); }
  .card-img-overlay { position: absolute; inset: 0; padding: var(--ui-card-spacer-x); border-radius: var(--ui-card-inner-border-radius); }
  .card-img, .card-img-top, .card-img-bottom { width: 100%; }
  .card-img, .card-img-top { border-start-start-radius: var(--ui-card-inner-border-radius); border-start-end-radius: var(--ui-card-inner-border-radius); }
  .card-img, .card-img-bottom { border-end-end-radius: var(--ui-card-inner-border-radius); border-end-start-radius: var(--ui-card-inner-border-radius); }
  .card-group > .card { margin-bottom: 0.75rem; }
  @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-inline-start: 0; border-inline-start: 0; }
    .card-group > .card:not(:last-child) { border-start-end-radius: 0; border-end-end-radius: 0; }
    .card-group > .card:not(:first-child) { border-start-start-radius: 0; border-end-start-radius: 0; }
    .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-start-end-radius: 0; }
    .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-start-start-radius: 0; }
  }

  /* ---------------- accordion */
  .accordion {
    --ui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --ui-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='%23334155' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --ui-accordion-border-color: var(--ui-border-color); --ui-accordion-radius: var(--ui-border-radius-lg); --ui-accordion-inner-radius: calc(var(--ui-border-radius-lg) - 1px);
    --ui-accordion-bg: var(--ui-surface); --ui-accordion-active-bg: color-mix(in srgb, var(--ui-primary) 9%, var(--ui-surface)); --ui-accordion-active-color: var(--ui-body-color);
  }
  .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; font-weight: 600; color: var(--ui-body-color);
    text-align: start; background-color: var(--ui-accordion-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: background-color .15s, box-shadow .15s; }
  .accordion-button:not(.collapsed) { color: var(--ui-accordion-active-color); background-color: var(--ui-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--ui-border-width)) 0 var(--ui-accordion-border-color); }
  .accordion-button:not(.collapsed)::after { background-image: var(--ui-accordion-btn-active-icon); transform: rotate(-180deg); }
  .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-inline-start: auto; content: ""; background-image: var(--ui-accordion-btn-icon); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out; }
  .accordion-button:hover { z-index: 2; }
  .accordion-button:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 var(--ui-focus-ring-width) var(--ui-focus-ring-color); }
  .accordion-header { margin-bottom: 0; }
  .accordion-item { color: var(--ui-body-color); background-color: var(--ui-accordion-bg); border: var(--ui-border-width) solid var(--ui-accordion-border-color); }
  .accordion-item:first-of-type { border-start-start-radius: var(--ui-accordion-radius); border-start-end-radius: var(--ui-accordion-radius); }
  .accordion-item:first-of-type > .accordion-header .accordion-button { border-start-start-radius: var(--ui-accordion-inner-radius); border-start-end-radius: var(--ui-accordion-inner-radius); }
  .accordion-item:not(:first-of-type) { border-top: 0; }
  .accordion-item:last-of-type { border-end-start-radius: var(--ui-accordion-radius); border-end-end-radius: var(--ui-accordion-radius); }
  .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-end-start-radius: var(--ui-accordion-inner-radius); border-end-end-radius: var(--ui-accordion-inner-radius); }
  .accordion-item:last-of-type > .accordion-collapse { border-end-start-radius: var(--ui-accordion-radius); border-end-end-radius: var(--ui-accordion-radius); }
  .accordion-body { padding: 1rem 1.25rem; }
  .accordion-flush > .accordion-item { border-inline: 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-header .accordion-button, .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0; }
  [data-ui-theme="dark"] .accordion {
    --ui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    --ui-accordion-btn-active-icon: var(--ui-accordion-btn-icon); }

  /* ---------------- breadcrumb */
  .breadcrumb { --ui-breadcrumb-divider: "/"; display: flex; flex-wrap: wrap; padding: 0; margin-bottom: 1rem; font-size: 0.95rem; list-style: none;
    background-color: var(--ui-breadcrumb-bg, transparent); border-radius: var(--ui-breadcrumb-border-radius, 0); }
  .breadcrumb-item + .breadcrumb-item { padding-inline-start: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before { float: left; padding-inline-end: 0.5rem; color: var(--ui-secondary-color); content: var(--ui-breadcrumb-divider, "/"); }
  [dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { float: right; }
  .breadcrumb-item.active { color: var(--ui-secondary-color); }
  .breadcrumb-item a { text-decoration: none; }
  .breadcrumb-item a:hover { text-decoration: underline; }

  /* ---------------- pagination */
  .pagination { --ui-pagination-padding-x: 0.8rem; --ui-pagination-padding-y: 0.4rem; --ui-pagination-font-size: 1rem; --ui-pagination-border-radius: var(--ui-border-radius);
    display: flex; flex-wrap: wrap; padding-inline-start: 0; list-style: none; }
  .page-link { position: relative; display: block; padding: var(--ui-pagination-padding-y) var(--ui-pagination-padding-x); font-size: var(--ui-pagination-font-size);
    color: var(--ui-link-color); text-decoration: none; background-color: var(--ui-surface); border: var(--ui-border-width) solid var(--ui-border-color); transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s; }
  .page-link:hover { z-index: 2; color: var(--ui-link-hover-color); background-color: var(--ui-tertiary-bg); }
  .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 var(--ui-focus-ring-width) var(--ui-focus-ring-color); }
  .page-link.active, .active > .page-link { z-index: 3; color: var(--wt-on-primary); background-color: var(--ui-primary); border-color: var(--ui-primary); }
  .page-link.disabled, .disabled > .page-link { color: color-mix(in srgb, var(--wt-muted) 70%, var(--wt-text)); pointer-events: none; background-color: var(--wt-surface); }   /* version 8: WCAG AA */
  .page-item:not(:first-child) .page-link { margin-inline-start: calc(var(--ui-border-width) * -1); }
  .page-item:first-child .page-link { border-start-start-radius: var(--ui-pagination-border-radius); border-end-start-radius: var(--ui-pagination-border-radius); }
  .page-item:last-child .page-link { border-start-end-radius: var(--ui-pagination-border-radius); border-end-end-radius: var(--ui-pagination-border-radius); }
  .pagination-lg { --ui-pagination-padding-x: 1.4rem; --ui-pagination-padding-y: 0.7rem; --ui-pagination-font-size: 1.15rem; --ui-pagination-border-radius: var(--ui-border-radius-lg); }
  .pagination-sm { --ui-pagination-padding-x: 0.55rem; --ui-pagination-padding-y: 0.2rem; --ui-pagination-font-size: 0.875rem; --ui-pagination-border-radius: var(--ui-border-radius-sm); }

  /* ---------------- badge, alert, progress */
  .badge { display: inline-block; padding: 0.38em 0.68em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--ui-border-radius); }
  .badge:empty { display: none; }
  .btn .badge { position: relative; top: -1px; }
  .alert { --ui-alert-bg: transparent; --ui-alert-color: inherit; --ui-alert-border-color: transparent; --ui-alert-link-color: inherit;
    position: relative; padding: 1rem 1.15rem; margin-bottom: 1rem; color: var(--ui-alert-color); background-color: var(--ui-alert-bg);
    border: var(--ui-border-width) solid var(--ui-alert-border-color); border-radius: var(--ui-border-radius-lg); }
  .alert-heading { color: inherit; }
  .alert-link { font-weight: 700; color: var(--ui-alert-link-color); }
  .alert-dismissible { padding-inline-end: 3rem; }
  .alert-dismissible .btn-close { position: absolute; top: 0; inset-inline-end: 0; z-index: 2; padding: 1.25rem 1rem; }
  .progress, .progress-stacked { --ui-progress-height: 0.75rem; --ui-progress-bar-bg: var(--ui-primary); display: flex; height: var(--ui-progress-height); overflow: hidden;
    font-size: 0.7rem; background-color: var(--ui-secondary-bg); border-radius: var(--ui-progress-border-radius, 50rem); }
  .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap;
    background-color: var(--ui-progress-bar-bg); transition: width .6s ease; }
  @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } }
  .progress-bar:not([class*="bg-"]) { color: var(--wt-on-primary); }   /* version 10.0.1: the label on the brand-coloured bar (white was 3.5:1 on light brands) */
  .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255,255,255,.18) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.18) 50%, rgba(255,255,255,.18) 75%, transparent 75%, transparent); background-size: var(--ui-progress-height) var(--ui-progress-height); }
  .progress-stacked > .progress { overflow: visible; }
  .progress-stacked > .progress > .progress-bar { width: 100%; }
  .progress-bar-animated { animation: ui-progress-bar-stripes 1s linear infinite; }
  @keyframes ui-progress-bar-stripes { 0% { background-position-x: var(--ui-progress-height); } }
  @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } }

  /* ---------------- list group */
  .list-group { --ui-list-group-color: var(--ui-body-color); --ui-list-group-bg: var(--ui-surface); --ui-list-group-border-color: var(--ui-border-color);
    --ui-list-group-border-radius: var(--ui-border-radius-lg); --ui-list-group-action-hover-bg: var(--ui-tertiary-bg);
    display: flex; flex-direction: column; padding-inline-start: 0; margin-bottom: 0; border-radius: var(--ui-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-action { width: 100%; color: var(--ui-list-group-color); text-align: inherit; text-decoration: none; }
  .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus { z-index: 1; background-color: var(--ui-list-group-action-hover-bg); }
  .list-group-item-action:not(.active):active { background-color: var(--ui-secondary-bg); }
  .list-group-item { position: relative; display: block; padding: 0.7rem 1rem; color: var(--ui-list-group-color); text-decoration: none; background-color: var(--ui-list-group-bg);
    border: var(--ui-border-width) solid var(--ui-list-group-border-color); }
  .list-group-item:first-child { border-start-start-radius: inherit; border-start-end-radius: inherit; }
  .list-group-item:last-child { border-end-start-radius: inherit; border-end-end-radius: inherit; }
  .list-group-item.disabled, .list-group-item:disabled { color: var(--ui-secondary-color); pointer-events: none; background-color: var(--ui-list-group-bg); opacity: .7; }
  .list-group-item.active { z-index: 2; color: var(--wt-on-primary); background-color: var(--ui-primary); border-color: var(--ui-primary); }
  .list-group-item + .list-group-item { border-top-width: 0; }
  .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--ui-border-width)); border-top-width: var(--ui-border-width); }
  .list-group-horizontal { flex-direction: row; }
  .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-end-start-radius: var(--ui-list-group-border-radius); border-start-end-radius: 0; }
  .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-start-end-radius: var(--ui-list-group-border-radius); border-end-start-radius: 0; }
  .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--ui-border-width); border-inline-start-width: 0; }
  @media (min-width: 768px) {
    .list-group-horizontal-md { flex-direction: row; }
    .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--ui-border-width); border-inline-start-width: 0; }
  }
  .list-group-flush { border-radius: 0; }
  .list-group-flush > .list-group-item { border-width: 0 0 var(--ui-border-width); }
  .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; }

  /* ---------------- close button */
  .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em; color: #000; border: 0; border-radius: var(--ui-border-radius); opacity: 0.5; cursor: pointer;
    background: transparent 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.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }
  .btn-close:hover { opacity: 0.8; }
  .btn-close:focus { outline: 0; box-shadow: 0 0 0 var(--ui-focus-ring-width) var(--ui-focus-ring-color); opacity: 1; }
  .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; user-select: none; opacity: 0.25; }
  .btn-close-white, [data-ui-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

  /* ---------------- toast */
  .toast { --ui-toast-max-width: 350px; width: var(--ui-toast-max-width); max-width: 100%; font-size: 0.875rem; color: var(--ui-body-color);
    background-color: color-mix(in srgb, var(--ui-surface) 92%, transparent); background-clip: padding-box; border: var(--ui-border-width) solid var(--ui-border-color-translucent);
    box-shadow: var(--ui-box-shadow); border-radius: var(--ui-border-radius-lg); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  .toast.showing { opacity: 0; }
  .toast:not(.show) { display: none; }
  .toast-container { position: absolute; z-index: 1090; width: max-content; max-width: 100%; pointer-events: none; }
  .toast-container > :not(:last-child) { margin-bottom: 0.75rem; }
  .toast-container > * { pointer-events: auto; }
  .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: var(--ui-secondary-color); background-clip: padding-box;
    border-bottom: var(--ui-border-width) solid var(--ui-border-color-translucent); border-start-start-radius: calc(var(--ui-border-radius-lg) - 1px); border-start-end-radius: calc(var(--ui-border-radius-lg) - 1px); }
  .toast-header .btn-close { margin-inline-end: -0.375rem; margin-inline-start: 0.75rem; }
  .toast-body { padding: 0.75rem; word-wrap: break-word; }

  /* ---------------- modal */
  .modal { --ui-modal-width: 500px; --ui-modal-padding: 1.25rem; --ui-modal-bg: var(--ui-surface); --ui-modal-border-radius: var(--ui-border-radius-lg);
    position: fixed; top: 0; inset-inline-start: 0; z-index: 1055; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; }
  .modal-dialog { position: relative; width: auto; margin: 0.75rem; pointer-events: none; }
  .modal.fade .modal-dialog { transition: transform .25s ease-out; transform: translate(0, -40px); }
  @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% - 1.5rem); }
  .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% - 1.5rem); }
  .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--ui-body-color); pointer-events: auto; background-color: var(--ui-modal-bg);
    background-clip: padding-box; border: var(--ui-border-width) solid var(--ui-border-color-translucent); border-radius: var(--ui-modal-border-radius); box-shadow: var(--ui-box-shadow-lg); outline: 0; }
  .modal-backdrop { position: fixed; top: 0; inset-inline-start: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #0b1020; }
  .modal-backdrop.fade { opacity: 0; }
  .modal-backdrop.show { opacity: 0.55; }
  .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--ui-modal-padding); border-bottom: var(--ui-border-width) solid var(--ui-border-color); }
  .modal-header .btn-close { padding: 0.5rem; margin: -0.5rem; margin-inline-start: auto; }
  .modal-title { margin-bottom: 0; line-height: 1.5; font-size: 1.15rem; }
  .modal-body { position: relative; flex: 1 1 auto; padding: var(--ui-modal-padding); }
  .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 0.5rem; padding: calc(var(--ui-modal-padding) - 0.25rem) var(--ui-modal-padding);
    background-color: var(--ui-modal-footer-bg, transparent); border-top: var(--ui-border-width) solid var(--ui-border-color); }
  @media (min-width: 576px) {
    .modal-dialog { max-width: var(--ui-modal-width); margin-inline: auto; margin-block: 1.75rem; }
    .modal-dialog-scrollable { height: calc(100% - 3.5rem); }
    .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
    .modal-sm { --ui-modal-width: 300px; }
  }
  @media (min-width: 992px) { .modal-lg, .modal-xl { --ui-modal-width: 800px; } }
  @media (min-width: 1200px) { .modal-xl { --ui-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-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; } }
  @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; } }
  @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; } }
  @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; } }
  body.modal-open { overflow: hidden; }

  /* ---------------- tooltip, popover */
  .tooltip { position: absolute; z-index: 1080; display: block; max-width: 240px; padding: 0.35rem 0.6rem; margin: 0; font-size: 0.8125rem; line-height: 1.4; color: #fff; text-align: center;
    word-wrap: break-word; background-color: #111827; border-radius: var(--ui-border-radius); opacity: 0; pointer-events: none; transition: opacity .12s; }
  .tooltip.show { opacity: 0.96; }
  .popover { position: absolute; z-index: 1070; display: block; max-width: 280px; font-size: 0.875rem; word-wrap: break-word; background-color: var(--ui-surface);
    background-clip: padding-box; border: var(--ui-border-width) solid var(--ui-border-color-translucent); border-radius: var(--ui-border-radius-lg); box-shadow: var(--ui-box-shadow); }
  .popover-header { padding: 0.5rem 0.9rem; margin-bottom: 0; font-size: 0.95rem; font-weight: 600; background-color: var(--ui-tertiary-bg); border-bottom: var(--ui-border-width) solid var(--ui-border-color-translucent);
    border-start-start-radius: calc(var(--ui-border-radius-lg) - 1px); border-start-end-radius: calc(var(--ui-border-radius-lg) - 1px); }
  .popover-header:empty { display: none; }
  .popover-body { padding: 0.75rem 0.9rem; color: var(--ui-body-color); }

  /* ---------------- carousel */
  .carousel { position: relative; }
  .carousel.pointer-event { touch-action: pan-y; }
  .carousel-inner { position: relative; width: 100%; overflow: hidden; border-radius: inherit; }
  .carousel-inner::after { display: block; clear: both; content: ""; }
  .carousel-item { position: relative; display: none; float: left; width: 100%; margin-inline-end: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out; }
  [dir="rtl"] .carousel-item { float: right; }
  @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 .6s; }
  .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; border: 0; opacity: 0.6; transition: opacity .15s ease; }
  .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.95; }
  .carousel-control-prev { inset-inline-start: 0; }
  .carousel-control-next { inset-inline-end: 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%; filter: drop-shadow(0 1px 2px rgba(0,0,0,.4)); }
  .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 0z'/%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-.708z'/%3e%3c/svg%3e"); }
  [dir="rtl"] .carousel-control-prev-icon, [dir="rtl"] .carousel-control-next-icon { transform: scaleX(-1); }
  .carousel-indicators { position: absolute; inset-inline: 0; bottom: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-inline: 15%; margin-bottom: 1rem; list-style: none; }
  .carousel-indicators [data-ui-target], .carousel-indicators [data-ui-target], .carousel-indicators button { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-inline: 3px;
    text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity .6s ease; }
  .carousel-indicators .active { opacity: 1; }
  .carousel-caption { position: absolute; inset-inline: 15%; bottom: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.45); }
  .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); }
  .carousel-dark .carousel-indicators [data-ui-target], .carousel-dark .carousel-indicators button { background-color: #000; }
  .carousel-dark .carousel-caption { color: #000; text-shadow: none; }

  /* ---------------- spinners */
  .spinner-grow, .spinner-border { display: inline-block; width: var(--ui-spinner-width, 2rem); height: var(--ui-spinner-height, 2rem); vertical-align: var(--ui-spinner-vertical-align, -0.125em);
    border-radius: 50%; animation: var(--ui-spinner-animation-speed, .75s) linear infinite var(--ui-spinner-animation-name); }
  @keyframes ui-spinner-border { to { transform: rotate(360deg); } }
  .spinner-border { --ui-spinner-animation-name: ui-spinner-border; border: var(--ui-spinner-border-width, 0.25em) solid currentcolor; border-right-color: transparent; }
  .spinner-border-sm { --ui-spinner-width: 1rem; --ui-spinner-height: 1rem; --ui-spinner-border-width: 0.2em; }
  @keyframes ui-spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } }
  .spinner-grow { --ui-spinner-animation-name: ui-spinner-grow; background-color: currentcolor; opacity: 0; }
  .spinner-grow-sm { --ui-spinner-width: 1rem; --ui-spinner-height: 1rem; }
  @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --ui-spinner-animation-speed: 1.5s; } }

  /* ---------------- offcanvas */
  .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --ui-offcanvas-width: 380px; --ui-offcanvas-height: 34vh; --ui-offcanvas-padding-x: 1.25rem; --ui-offcanvas-padding-y: 1rem; --ui-offcanvas-bg: var(--ui-surface); }
  .offcanvas { position: fixed; bottom: 0; z-index: 1045; display: flex; flex-direction: column; max-width: 100%; color: var(--ui-body-color); visibility: hidden;
    background-color: var(--ui-offcanvas-bg); background-clip: padding-box; outline: 0; box-shadow: var(--ui-box-shadow-lg); transition: transform .3s ease-in-out; }
  @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } }
  .offcanvas.offcanvas-start { top: 0; inset-inline-start: 0; width: var(--ui-offcanvas-width); border-inline-end: var(--ui-border-width) solid var(--ui-border-color-translucent); transform: translateX(-100%); }
  .offcanvas.offcanvas-end { top: 0; inset-inline-end: 0; width: var(--ui-offcanvas-width); border-inline-start: var(--ui-border-width) solid var(--ui-border-color-translucent); transform: translateX(100%); }
  [dir="rtl"] .offcanvas.offcanvas-start { transform: translateX(100%); }
  [dir="rtl"] .offcanvas.offcanvas-end { transform: translateX(-100%); }
  .offcanvas.offcanvas-top { top: 0; inset-inline: 0; height: var(--ui-offcanvas-height); max-height: 100%; border-bottom: var(--ui-border-width) solid var(--ui-border-color-translucent); transform: translateY(-100%); }
  .offcanvas.offcanvas-bottom { inset-inline: 0; height: var(--ui-offcanvas-height); max-height: 100%; border-top: var(--ui-border-width) solid var(--ui-border-color-translucent); 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; inset-inline-start: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #0b1020; }
  .offcanvas-backdrop.fade { opacity: 0; }
  .offcanvas-backdrop.show { opacity: 0.5; }
  .offcanvas-header { display: flex; align-items: center; padding: var(--ui-offcanvas-padding-y) var(--ui-offcanvas-padding-x); }
  .offcanvas-header .btn-close { padding: 0.5rem; margin: -0.5rem; margin-inline-start: auto; }
  .offcanvas-title { margin-bottom: 0; line-height: 1.5; font-size: 1.15rem; }
  .offcanvas-body { flex-grow: 1; padding: var(--ui-offcanvas-padding-y) var(--ui-offcanvas-padding-x); overflow-y: auto; }

  /* ---------------- placeholders */
  .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.3; border-radius: 0.2em; }
  .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: ui-placeholder-glow 2s ease-in-out infinite; }
  @keyframes ui-placeholder-glow { 50% { opacity: 0.15; } }
  .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0,0,0,.75) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0,0,0,.75) 75%, #000 95%);
    -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: ui-placeholder-wave 2s linear infinite; }
  @keyframes ui-placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } }
  @media (prefers-reduced-motion: reduce) { .placeholder-glow .placeholder, .placeholder-wave { animation: none; } }

  /* ---------------- helpers */
  .clearfix::after { display: block; clear: both; content: ""; }
  .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--ui-link-color-rgb), var(--ui-link-opacity, .5)); text-underline-offset: .25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .icon-link > .bi, .icon-link > svg { flex-shrink: 0; width: 1em; height: 1em; transition: transform .2s ease-in-out; }
  .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > svg { transform: var(--ui-icon-link-transform, translate3d(.25em, 0, 0)); }
  [dir="rtl"] .icon-link-hover:hover > .bi { transform: var(--ui-icon-link-transform, translate3d(-.25em, 0, 0)); }
  .ratio { position: relative; width: 100%; }
  .ratio::before { display: block; padding-top: var(--ui-aspect-ratio); content: ""; }
  .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .ratio-1x1 { --ui-aspect-ratio: 100%; }
  .ratio-4x3 { --ui-aspect-ratio: 75%; }
  .ratio-16x9 { --ui-aspect-ratio: 56.25%; }
  .ratio-21x9 { --ui-aspect-ratio: 42.8571428571%; }
  .fixed-top { position: fixed; top: 0; inset-inline: 0; z-index: 1030; }
  .fixed-bottom { position: fixed; bottom: 0; inset-inline: 0; z-index: 1030; }
  .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; }
  .sticky-bottom { position: -webkit-sticky; 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; }
  .stretched-link::after { position: absolute; inset: 0; z-index: 1; content: ""; }
  .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .vr { display: inline-block; align-self: stretch; width: var(--ui-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; }
  .focus-ring:focus { outline: 0; box-shadow: var(--ui-focus-ring-x, 0) var(--ui-focus-ring-y, 0) var(--ui-focus-ring-blur, 0) var(--ui-focus-ring-width) var(--ui-focus-ring-color); }
}

/* UI library - grid, colour variants and utilities (generated) */
@layer components {
.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{--ui-gutter-x:1.5rem;--ui-gutter-y:0;width:100%;padding-inline:calc(var(--ui-gutter-x)*.5);margin-inline:auto}
@media (min-width:576px){.container,.container-sm{max-width:540px}}
@media (min-width:768px){.container,.container-sm,.container-md{max-width:720px}}
@media (min-width:992px){.container,.container-sm,.container-md,.container-lg{max-width:960px}}
@media (min-width:1200px){.container,.container-sm,.container-md,.container-lg,.container-xl{max-width:1140px}}
@media (min-width:1400px){.container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{max-width:1320px}}
.row{--ui-gutter-x:1.5rem;--ui-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--ui-gutter-y));margin-inline:calc(-.5*var(--ui-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-inline:calc(var(--ui-gutter-x)*.5);margin-top:var(--ui-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.333333%}
.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.666667%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.333333%}
.col-2{flex:0 0 auto;width:16.666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.333333%}
.col-5{flex:0 0 auto;width:41.666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.333333%}
.col-8{flex:0 0 auto;width:66.666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.333333%}
.col-11{flex:0 0 auto;width:91.666667%}
.col-12{flex:0 0 auto;width:100%}
.offset-0{margin-inline-start:0}
.offset-1{margin-inline-start:8.333333%}
.offset-2{margin-inline-start:16.666667%}
.offset-3{margin-inline-start:25%}
.offset-4{margin-inline-start:33.333333%}
.offset-5{margin-inline-start:41.666667%}
.offset-6{margin-inline-start:50%}
.offset-7{margin-inline-start:58.333333%}
.offset-8{margin-inline-start:66.666667%}
.offset-9{margin-inline-start:75%}
.offset-10{margin-inline-start:83.333333%}
.offset-11{margin-inline-start:91.666667%}
.g-0,.gx-0{--ui-gutter-x:0}
.g-0,.gy-0{--ui-gutter-y:0}
.g-1,.gx-1{--ui-gutter-x:.25rem}
.g-1,.gy-1{--ui-gutter-y:.25rem}
.g-2,.gx-2{--ui-gutter-x:.5rem}
.g-2,.gy-2{--ui-gutter-y:.5rem}
.g-3,.gx-3{--ui-gutter-x:1rem}
.g-3,.gy-3{--ui-gutter-y:1rem}
.g-4,.gx-4{--ui-gutter-x:1.5rem}
.g-4,.gy-4{--ui-gutter-y:1.5rem}
.g-5,.gx-5{--ui-gutter-x:3rem}
.g-5,.gy-5{--ui-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.333333%}
.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.666667%}
.col-sm-auto{flex:0 0 auto;width:auto}
.col-sm-1{flex:0 0 auto;width:8.333333%}
.col-sm-2{flex:0 0 auto;width:16.666667%}
.col-sm-3{flex:0 0 auto;width:25%}
.col-sm-4{flex:0 0 auto;width:33.333333%}
.col-sm-5{flex:0 0 auto;width:41.666667%}
.col-sm-6{flex:0 0 auto;width:50%}
.col-sm-7{flex:0 0 auto;width:58.333333%}
.col-sm-8{flex:0 0 auto;width:66.666667%}
.col-sm-9{flex:0 0 auto;width:75%}
.col-sm-10{flex:0 0 auto;width:83.333333%}
.col-sm-11{flex:0 0 auto;width:91.666667%}
.col-sm-12{flex:0 0 auto;width:100%}
.offset-sm-0{margin-inline-start:0}
.offset-sm-1{margin-inline-start:8.333333%}
.offset-sm-2{margin-inline-start:16.666667%}
.offset-sm-3{margin-inline-start:25%}
.offset-sm-4{margin-inline-start:33.333333%}
.offset-sm-5{margin-inline-start:41.666667%}
.offset-sm-6{margin-inline-start:50%}
.offset-sm-7{margin-inline-start:58.333333%}
.offset-sm-8{margin-inline-start:66.666667%}
.offset-sm-9{margin-inline-start:75%}
.offset-sm-10{margin-inline-start:83.333333%}
.offset-sm-11{margin-inline-start:91.666667%}
.g-sm-0,.gx-sm-0{--ui-gutter-x:0}
.g-sm-0,.gy-sm-0{--ui-gutter-y:0}
.g-sm-1,.gx-sm-1{--ui-gutter-x:.25rem}
.g-sm-1,.gy-sm-1{--ui-gutter-y:.25rem}
.g-sm-2,.gx-sm-2{--ui-gutter-x:.5rem}
.g-sm-2,.gy-sm-2{--ui-gutter-y:.5rem}
.g-sm-3,.gx-sm-3{--ui-gutter-x:1rem}
.g-sm-3,.gy-sm-3{--ui-gutter-y:1rem}
.g-sm-4,.gx-sm-4{--ui-gutter-x:1.5rem}
.g-sm-4,.gy-sm-4{--ui-gutter-y:1.5rem}
.g-sm-5,.gx-sm-5{--ui-gutter-x:3rem}
.g-sm-5,.gy-sm-5{--ui-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.333333%}
.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.666667%}
.col-md-auto{flex:0 0 auto;width:auto}
.col-md-1{flex:0 0 auto;width:8.333333%}
.col-md-2{flex:0 0 auto;width:16.666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.333333%}
.col-md-5{flex:0 0 auto;width:41.666667%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-7{flex:0 0 auto;width:58.333333%}
.col-md-8{flex:0 0 auto;width:66.666667%}
.col-md-9{flex:0 0 auto;width:75%}
.col-md-10{flex:0 0 auto;width:83.333333%}
.col-md-11{flex:0 0 auto;width:91.666667%}
.col-md-12{flex:0 0 auto;width:100%}
.offset-md-0{margin-inline-start:0}
.offset-md-1{margin-inline-start:8.333333%}
.offset-md-2{margin-inline-start:16.666667%}
.offset-md-3{margin-inline-start:25%}
.offset-md-4{margin-inline-start:33.333333%}
.offset-md-5{margin-inline-start:41.666667%}
.offset-md-6{margin-inline-start:50%}
.offset-md-7{margin-inline-start:58.333333%}
.offset-md-8{margin-inline-start:66.666667%}
.offset-md-9{margin-inline-start:75%}
.offset-md-10{margin-inline-start:83.333333%}
.offset-md-11{margin-inline-start:91.666667%}
.g-md-0,.gx-md-0{--ui-gutter-x:0}
.g-md-0,.gy-md-0{--ui-gutter-y:0}
.g-md-1,.gx-md-1{--ui-gutter-x:.25rem}
.g-md-1,.gy-md-1{--ui-gutter-y:.25rem}
.g-md-2,.gx-md-2{--ui-gutter-x:.5rem}
.g-md-2,.gy-md-2{--ui-gutter-y:.5rem}
.g-md-3,.gx-md-3{--ui-gutter-x:1rem}
.g-md-3,.gy-md-3{--ui-gutter-y:1rem}
.g-md-4,.gx-md-4{--ui-gutter-x:1.5rem}
.g-md-4,.gy-md-4{--ui-gutter-y:1.5rem}
.g-md-5,.gx-md-5{--ui-gutter-x:3rem}
.g-md-5,.gy-md-5{--ui-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.333333%}
.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.666667%}
.col-lg-auto{flex:0 0 auto;width:auto}
.col-lg-1{flex:0 0 auto;width:8.333333%}
.col-lg-2{flex:0 0 auto;width:16.666667%}
.col-lg-3{flex:0 0 auto;width:25%}
.col-lg-4{flex:0 0 auto;width:33.333333%}
.col-lg-5{flex:0 0 auto;width:41.666667%}
.col-lg-6{flex:0 0 auto;width:50%}
.col-lg-7{flex:0 0 auto;width:58.333333%}
.col-lg-8{flex:0 0 auto;width:66.666667%}
.col-lg-9{flex:0 0 auto;width:75%}
.col-lg-10{flex:0 0 auto;width:83.333333%}
.col-lg-11{flex:0 0 auto;width:91.666667%}
.col-lg-12{flex:0 0 auto;width:100%}
.offset-lg-0{margin-inline-start:0}
.offset-lg-1{margin-inline-start:8.333333%}
.offset-lg-2{margin-inline-start:16.666667%}
.offset-lg-3{margin-inline-start:25%}
.offset-lg-4{margin-inline-start:33.333333%}
.offset-lg-5{margin-inline-start:41.666667%}
.offset-lg-6{margin-inline-start:50%}
.offset-lg-7{margin-inline-start:58.333333%}
.offset-lg-8{margin-inline-start:66.666667%}
.offset-lg-9{margin-inline-start:75%}
.offset-lg-10{margin-inline-start:83.333333%}
.offset-lg-11{margin-inline-start:91.666667%}
.g-lg-0,.gx-lg-0{--ui-gutter-x:0}
.g-lg-0,.gy-lg-0{--ui-gutter-y:0}
.g-lg-1,.gx-lg-1{--ui-gutter-x:.25rem}
.g-lg-1,.gy-lg-1{--ui-gutter-y:.25rem}
.g-lg-2,.gx-lg-2{--ui-gutter-x:.5rem}
.g-lg-2,.gy-lg-2{--ui-gutter-y:.5rem}
.g-lg-3,.gx-lg-3{--ui-gutter-x:1rem}
.g-lg-3,.gy-lg-3{--ui-gutter-y:1rem}
.g-lg-4,.gx-lg-4{--ui-gutter-x:1.5rem}
.g-lg-4,.gy-lg-4{--ui-gutter-y:1.5rem}
.g-lg-5,.gx-lg-5{--ui-gutter-x:3rem}
.g-lg-5,.gy-lg-5{--ui-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.333333%}
.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.666667%}
.col-xl-auto{flex:0 0 auto;width:auto}
.col-xl-1{flex:0 0 auto;width:8.333333%}
.col-xl-2{flex:0 0 auto;width:16.666667%}
.col-xl-3{flex:0 0 auto;width:25%}
.col-xl-4{flex:0 0 auto;width:33.333333%}
.col-xl-5{flex:0 0 auto;width:41.666667%}
.col-xl-6{flex:0 0 auto;width:50%}
.col-xl-7{flex:0 0 auto;width:58.333333%}
.col-xl-8{flex:0 0 auto;width:66.666667%}
.col-xl-9{flex:0 0 auto;width:75%}
.col-xl-10{flex:0 0 auto;width:83.333333%}
.col-xl-11{flex:0 0 auto;width:91.666667%}
.col-xl-12{flex:0 0 auto;width:100%}
.offset-xl-0{margin-inline-start:0}
.offset-xl-1{margin-inline-start:8.333333%}
.offset-xl-2{margin-inline-start:16.666667%}
.offset-xl-3{margin-inline-start:25%}
.offset-xl-4{margin-inline-start:33.333333%}
.offset-xl-5{margin-inline-start:41.666667%}
.offset-xl-6{margin-inline-start:50%}
.offset-xl-7{margin-inline-start:58.333333%}
.offset-xl-8{margin-inline-start:66.666667%}
.offset-xl-9{margin-inline-start:75%}
.offset-xl-10{margin-inline-start:83.333333%}
.offset-xl-11{margin-inline-start:91.666667%}
.g-xl-0,.gx-xl-0{--ui-gutter-x:0}
.g-xl-0,.gy-xl-0{--ui-gutter-y:0}
.g-xl-1,.gx-xl-1{--ui-gutter-x:.25rem}
.g-xl-1,.gy-xl-1{--ui-gutter-y:.25rem}
.g-xl-2,.gx-xl-2{--ui-gutter-x:.5rem}
.g-xl-2,.gy-xl-2{--ui-gutter-y:.5rem}
.g-xl-3,.gx-xl-3{--ui-gutter-x:1rem}
.g-xl-3,.gy-xl-3{--ui-gutter-y:1rem}
.g-xl-4,.gx-xl-4{--ui-gutter-x:1.5rem}
.g-xl-4,.gy-xl-4{--ui-gutter-y:1.5rem}
.g-xl-5,.gx-xl-5{--ui-gutter-x:3rem}
.g-xl-5,.gy-xl-5{--ui-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.333333%}
.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.666667%}
.col-xxl-auto{flex:0 0 auto;width:auto}
.col-xxl-1{flex:0 0 auto;width:8.333333%}
.col-xxl-2{flex:0 0 auto;width:16.666667%}
.col-xxl-3{flex:0 0 auto;width:25%}
.col-xxl-4{flex:0 0 auto;width:33.333333%}
.col-xxl-5{flex:0 0 auto;width:41.666667%}
.col-xxl-6{flex:0 0 auto;width:50%}
.col-xxl-7{flex:0 0 auto;width:58.333333%}
.col-xxl-8{flex:0 0 auto;width:66.666667%}
.col-xxl-9{flex:0 0 auto;width:75%}
.col-xxl-10{flex:0 0 auto;width:83.333333%}
.col-xxl-11{flex:0 0 auto;width:91.666667%}
.col-xxl-12{flex:0 0 auto;width:100%}
.offset-xxl-0{margin-inline-start:0}
.offset-xxl-1{margin-inline-start:8.333333%}
.offset-xxl-2{margin-inline-start:16.666667%}
.offset-xxl-3{margin-inline-start:25%}
.offset-xxl-4{margin-inline-start:33.333333%}
.offset-xxl-5{margin-inline-start:41.666667%}
.offset-xxl-6{margin-inline-start:50%}
.offset-xxl-7{margin-inline-start:58.333333%}
.offset-xxl-8{margin-inline-start:66.666667%}
.offset-xxl-9{margin-inline-start:75%}
.offset-xxl-10{margin-inline-start:83.333333%}
.offset-xxl-11{margin-inline-start:91.666667%}
.g-xxl-0,.gx-xxl-0{--ui-gutter-x:0}
.g-xxl-0,.gy-xxl-0{--ui-gutter-y:0}
.g-xxl-1,.gx-xxl-1{--ui-gutter-x:.25rem}
.g-xxl-1,.gy-xxl-1{--ui-gutter-y:.25rem}
.g-xxl-2,.gx-xxl-2{--ui-gutter-x:.5rem}
.g-xxl-2,.gy-xxl-2{--ui-gutter-y:.5rem}
.g-xxl-3,.gx-xxl-3{--ui-gutter-x:1rem}
.g-xxl-3,.gy-xxl-3{--ui-gutter-y:1rem}
.g-xxl-4,.gx-xxl-4{--ui-gutter-x:1.5rem}
.g-xxl-4,.gy-xxl-4{--ui-gutter-y:1.5rem}
.g-xxl-5,.gx-xxl-5{--ui-gutter-x:3rem}
.g-xxl-5,.gy-xxl-5{--ui-gutter-y:3rem}
}
:root,[data-ui-theme]{--ui-primary-bg-subtle:color-mix(in srgb,var(--ui-primary) 13%,var(--ui-body-bg));--ui-primary-border-subtle:color-mix(in srgb,var(--ui-primary) 32%,var(--ui-body-bg));--ui-primary-text-emphasis:color-mix(in srgb,var(--ui-primary) 55%,var(--ui-emphasis-color))}
.btn-primary{--ui-btn-color:var(--wt-on-primary);--ui-btn-bg:var(--ui-primary);--ui-btn-border-color:var(--ui-primary);--ui-btn-hover-color:var(--wt-on-primary);--ui-btn-hover-bg:color-mix(in srgb,var(--ui-primary) 86%,#000);--ui-btn-hover-border-color:color-mix(in srgb,var(--ui-primary) 86%,#000);--ui-btn-active-color:var(--wt-on-primary);--ui-btn-active-bg:color-mix(in srgb,var(--ui-primary) 78%,#000);--ui-btn-active-border-color:color-mix(in srgb,var(--ui-primary) 78%,#000);--ui-btn-disabled-color:var(--wt-on-primary);--ui-btn-disabled-bg:var(--ui-primary);--ui-btn-disabled-border-color:var(--ui-primary);--ui-btn-focus-shadow-rgb:var(--ui-primary-rgb)}
@supports (color: rgb(from red r g b)){.btn-primary{--wt-away:rgb(from var(--wt-on-primary) calc(255 - r) calc(255 - g) calc(255 - b));--ui-btn-hover-bg:color-mix(in srgb,var(--ui-primary) 86%,var(--wt-away));--ui-btn-hover-border-color:var(--ui-btn-hover-bg);--ui-btn-active-bg:color-mix(in srgb,var(--ui-primary) 78%,var(--wt-away));--ui-btn-active-border-color:var(--ui-btn-active-bg)}}
.btn-outline-primary{--ui-btn-color:var(--wt-primary-ink);--ui-btn-border-color:var(--ui-primary);--ui-btn-hover-color:var(--wt-on-primary);--ui-btn-hover-bg:var(--ui-primary);--ui-btn-hover-border-color:var(--ui-primary);--ui-btn-active-color:var(--wt-on-primary);--ui-btn-active-bg:var(--ui-primary);--ui-btn-active-border-color:var(--ui-primary);--ui-btn-disabled-color:var(--ui-primary);--ui-btn-disabled-bg:transparent;--ui-btn-disabled-border-color:var(--ui-primary);--ui-btn-focus-shadow-rgb:var(--ui-primary-rgb)}
.alert-primary{--ui-alert-color:var(--ui-primary-text-emphasis);--ui-alert-bg:var(--ui-primary-bg-subtle);--ui-alert-border-color:var(--ui-primary-border-subtle);--ui-alert-link-color:var(--ui-primary-text-emphasis)}
.list-group-item-primary{--ui-list-group-color:var(--ui-primary-text-emphasis);--ui-list-group-bg:var(--ui-primary-bg-subtle);--ui-list-group-border-color:var(--ui-primary-border-subtle);--ui-list-group-action-hover-bg:var(--ui-primary-border-subtle)}
.text-bg-primary{color:var(--wt-on-primary)!important;background-color:RGBA(var(--ui-primary-rgb),var(--ui-bg-opacity,1))!important}
.link-primary{color:color-mix(in srgb,var(--ui-link-color) calc(var(--ui-link-opacity,1) * 100%),transparent)!important;text-decoration-color:RGBA(var(--ui-primary-rgb),var(--ui-link-underline-opacity,1))!important}
.link-primary:hover,.link-primary:focus{color:var(--ui-link-hover-color)!important}
.focus-ring-primary{--ui-focus-ring-color:rgba(var(--ui-primary-rgb),var(--ui-focus-ring-opacity))}
:root,[data-ui-theme]{--ui-secondary-bg-subtle:color-mix(in srgb,var(--ui-secondary) 13%,var(--ui-body-bg));--ui-secondary-border-subtle:color-mix(in srgb,var(--ui-secondary) 32%,var(--ui-body-bg));--ui-secondary-text-emphasis:color-mix(in srgb,var(--ui-secondary) 55%,var(--ui-emphasis-color))}
.btn-secondary{--ui-btn-color:var(--ui-on-secondary);--ui-btn-bg:var(--ui-secondary);--ui-btn-border-color:var(--ui-secondary);--ui-btn-hover-color:var(--ui-on-secondary);--ui-btn-hover-bg:color-mix(in srgb,var(--ui-secondary) 86%,#000);--ui-btn-hover-border-color:color-mix(in srgb,var(--ui-secondary) 86%,#000);--ui-btn-active-color:var(--ui-on-secondary);--ui-btn-active-bg:color-mix(in srgb,var(--ui-secondary) 78%,#000);--ui-btn-active-border-color:color-mix(in srgb,var(--ui-secondary) 78%,#000);--ui-btn-disabled-color:var(--ui-on-secondary);--ui-btn-disabled-bg:var(--ui-secondary);--ui-btn-disabled-border-color:var(--ui-secondary);--ui-btn-focus-shadow-rgb:var(--ui-secondary-rgb)}
.btn-outline-secondary{--ui-btn-color:var(--ui-secondary-text-emphasis);--ui-btn-border-color:var(--ui-secondary);--ui-btn-hover-color:var(--ui-on-secondary);--ui-btn-hover-bg:var(--ui-secondary);--ui-btn-hover-border-color:var(--ui-secondary);--ui-btn-active-color:var(--ui-on-secondary);--ui-btn-active-bg:var(--ui-secondary);--ui-btn-active-border-color:var(--ui-secondary);--ui-btn-disabled-color:var(--ui-secondary);--ui-btn-disabled-bg:transparent;--ui-btn-disabled-border-color:var(--ui-secondary);--ui-btn-focus-shadow-rgb:var(--ui-secondary-rgb)}
.alert-secondary{--ui-alert-color:var(--ui-secondary-text-emphasis);--ui-alert-bg:var(--ui-secondary-bg-subtle);--ui-alert-border-color:var(--ui-secondary-border-subtle);--ui-alert-link-color:var(--ui-secondary-text-emphasis)}
.list-group-item-secondary{--ui-list-group-color:var(--ui-secondary-text-emphasis);--ui-list-group-bg:var(--ui-secondary-bg-subtle);--ui-list-group-border-color:var(--ui-secondary-border-subtle);--ui-list-group-action-hover-bg:var(--ui-secondary-border-subtle)}
.text-bg-secondary{color:var(--ui-on-secondary)!important;background-color:RGBA(var(--ui-secondary-rgb),var(--ui-bg-opacity,1))!important}
.link-secondary{color:RGBA(var(--ui-secondary-rgb),var(--ui-link-opacity,1))!important;text-decoration-color:RGBA(var(--ui-secondary-rgb),var(--ui-link-underline-opacity,1))!important}
.link-secondary:hover,.link-secondary:focus{color:color-mix(in srgb,var(--ui-secondary) 80%,#000)!important}
.focus-ring-secondary{--ui-focus-ring-color:rgba(var(--ui-secondary-rgb),var(--ui-focus-ring-opacity))}
:root,[data-ui-theme]{--ui-success-bg-subtle:color-mix(in srgb,var(--ui-success) 13%,var(--ui-body-bg));--ui-success-border-subtle:color-mix(in srgb,var(--ui-success) 32%,var(--ui-body-bg));--ui-success-text-emphasis:color-mix(in srgb,var(--ui-success) 55%,var(--ui-emphasis-color))}
.btn-success{--ui-btn-color:#fff;--ui-btn-bg:var(--ui-success);--ui-btn-border-color:var(--ui-success);--ui-btn-hover-color:#fff;--ui-btn-hover-bg:color-mix(in srgb,var(--ui-success) 86%,#000);--ui-btn-hover-border-color:color-mix(in srgb,var(--ui-success) 86%,#000);--ui-btn-active-color:#fff;--ui-btn-active-bg:color-mix(in srgb,var(--ui-success) 78%,#000);--ui-btn-active-border-color:color-mix(in srgb,var(--ui-success) 78%,#000);--ui-btn-disabled-color:#fff;--ui-btn-disabled-bg:var(--ui-success);--ui-btn-disabled-border-color:var(--ui-success);--ui-btn-focus-shadow-rgb:var(--ui-success-rgb)}
.btn-outline-success{--ui-btn-color:var(--ui-success-text-emphasis);--ui-btn-border-color:var(--ui-success);--ui-btn-hover-color:#fff;--ui-btn-hover-bg:var(--ui-success);--ui-btn-hover-border-color:var(--ui-success);--ui-btn-active-color:#fff;--ui-btn-active-bg:var(--ui-success);--ui-btn-active-border-color:var(--ui-success);--ui-btn-disabled-color:var(--ui-success);--ui-btn-disabled-bg:transparent;--ui-btn-disabled-border-color:var(--ui-success);--ui-btn-focus-shadow-rgb:var(--ui-success-rgb)}
.alert-success{--ui-alert-color:var(--ui-success-text-emphasis);--ui-alert-bg:var(--ui-success-bg-subtle);--ui-alert-border-color:var(--ui-success-border-subtle);--ui-alert-link-color:var(--ui-success-text-emphasis)}
.list-group-item-success{--ui-list-group-color:var(--ui-success-text-emphasis);--ui-list-group-bg:var(--ui-success-bg-subtle);--ui-list-group-border-color:var(--ui-success-border-subtle);--ui-list-group-action-hover-bg:var(--ui-success-border-subtle)}
.text-bg-success{color:#fff!important;background-color:RGBA(var(--ui-success-rgb),var(--ui-bg-opacity,1))!important}
.link-success{color:color-mix(in srgb,var(--ui-success-text-emphasis) calc(var(--ui-link-opacity,1) * 100%),transparent)!important;text-decoration-color:RGBA(var(--ui-success-rgb),var(--ui-link-underline-opacity,1))!important}
.link-success:hover,.link-success:focus{color:color-mix(in srgb,var(--ui-success-text-emphasis) 82%,var(--ui-emphasis-color))!important}
.focus-ring-success{--ui-focus-ring-color:rgba(var(--ui-success-rgb),var(--ui-focus-ring-opacity))}
:root,[data-ui-theme]{--ui-info-bg-subtle:color-mix(in srgb,var(--ui-info) 13%,var(--ui-body-bg));--ui-info-border-subtle:color-mix(in srgb,var(--ui-info) 32%,var(--ui-body-bg));--ui-info-text-emphasis:color-mix(in srgb,var(--ui-info) 55%,var(--ui-emphasis-color))}
.btn-info{--ui-btn-color:#111827;--ui-btn-bg:var(--ui-info);--ui-btn-border-color:var(--ui-info);--ui-btn-hover-color:#111827;--ui-btn-hover-bg:color-mix(in srgb,var(--ui-info) 86%,#000);--ui-btn-hover-border-color:color-mix(in srgb,var(--ui-info) 86%,#000);--ui-btn-active-color:#111827;--ui-btn-active-bg:color-mix(in srgb,var(--ui-info) 78%,#000);--ui-btn-active-border-color:color-mix(in srgb,var(--ui-info) 78%,#000);--ui-btn-disabled-color:#111827;--ui-btn-disabled-bg:var(--ui-info);--ui-btn-disabled-border-color:var(--ui-info);--ui-btn-focus-shadow-rgb:var(--ui-info-rgb)}
.btn-outline-info{--ui-btn-color:var(--ui-info-text-emphasis);--ui-btn-border-color:var(--ui-info);--ui-btn-hover-color:#111827;--ui-btn-hover-bg:var(--ui-info);--ui-btn-hover-border-color:var(--ui-info);--ui-btn-active-color:#111827;--ui-btn-active-bg:var(--ui-info);--ui-btn-active-border-color:var(--ui-info);--ui-btn-disabled-color:var(--ui-info);--ui-btn-disabled-bg:transparent;--ui-btn-disabled-border-color:var(--ui-info);--ui-btn-focus-shadow-rgb:var(--ui-info-rgb)}
.alert-info{--ui-alert-color:var(--ui-info-text-emphasis);--ui-alert-bg:var(--ui-info-bg-subtle);--ui-alert-border-color:var(--ui-info-border-subtle);--ui-alert-link-color:var(--ui-info-text-emphasis)}
.list-group-item-info{--ui-list-group-color:var(--ui-info-text-emphasis);--ui-list-group-bg:var(--ui-info-bg-subtle);--ui-list-group-border-color:var(--ui-info-border-subtle);--ui-list-group-action-hover-bg:var(--ui-info-border-subtle)}
.text-bg-info{color:#111827!important;background-color:RGBA(var(--ui-info-rgb),var(--ui-bg-opacity,1))!important}
.link-info{color:color-mix(in srgb,var(--ui-info-text-emphasis) calc(var(--ui-link-opacity,1) * 100%),transparent)!important;text-decoration-color:RGBA(var(--ui-info-rgb),var(--ui-link-underline-opacity,1))!important}
.link-info:hover,.link-info:focus{color:color-mix(in srgb,var(--ui-info-text-emphasis) 82%,var(--ui-emphasis-color))!important}
.focus-ring-info{--ui-focus-ring-color:rgba(var(--ui-info-rgb),var(--ui-focus-ring-opacity))}
:root,[data-ui-theme]{--ui-warning-bg-subtle:color-mix(in srgb,var(--ui-warning) 13%,var(--ui-body-bg));--ui-warning-border-subtle:color-mix(in srgb,var(--ui-warning) 32%,var(--ui-body-bg));--ui-warning-text-emphasis:color-mix(in srgb,var(--ui-warning) 55%,var(--ui-emphasis-color))}
.btn-warning{--ui-btn-color:#111827;--ui-btn-bg:var(--ui-warning);--ui-btn-border-color:var(--ui-warning);--ui-btn-hover-color:#111827;--ui-btn-hover-bg:color-mix(in srgb,var(--ui-warning) 86%,#000);--ui-btn-hover-border-color:color-mix(in srgb,var(--ui-warning) 86%,#000);--ui-btn-active-color:#111827;--ui-btn-active-bg:color-mix(in srgb,var(--ui-warning) 78%,#000);--ui-btn-active-border-color:color-mix(in srgb,var(--ui-warning) 78%,#000);--ui-btn-disabled-color:#111827;--ui-btn-disabled-bg:var(--ui-warning);--ui-btn-disabled-border-color:var(--ui-warning);--ui-btn-focus-shadow-rgb:var(--ui-warning-rgb)}
.btn-outline-warning{--ui-btn-color:var(--ui-warning-text-emphasis);--ui-btn-border-color:var(--ui-warning);--ui-btn-hover-color:#111827;--ui-btn-hover-bg:var(--ui-warning);--ui-btn-hover-border-color:var(--ui-warning);--ui-btn-active-color:#111827;--ui-btn-active-bg:var(--ui-warning);--ui-btn-active-border-color:var(--ui-warning);--ui-btn-disabled-color:var(--ui-warning);--ui-btn-disabled-bg:transparent;--ui-btn-disabled-border-color:var(--ui-warning);--ui-btn-focus-shadow-rgb:var(--ui-warning-rgb)}
.alert-warning{--ui-alert-color:var(--ui-warning-text-emphasis);--ui-alert-bg:var(--ui-warning-bg-subtle);--ui-alert-border-color:var(--ui-warning-border-subtle);--ui-alert-link-color:var(--ui-warning-text-emphasis)}
.list-group-item-warning{--ui-list-group-color:var(--ui-warning-text-emphasis);--ui-list-group-bg:var(--ui-warning-bg-subtle);--ui-list-group-border-color:var(--ui-warning-border-subtle);--ui-list-group-action-hover-bg:var(--ui-warning-border-subtle)}
.text-bg-warning{color:#111827!important;background-color:RGBA(var(--ui-warning-rgb),var(--ui-bg-opacity,1))!important}
.link-warning{color:color-mix(in srgb,var(--ui-warning-text-emphasis) calc(var(--ui-link-opacity,1) * 100%),transparent)!important;text-decoration-color:RGBA(var(--ui-warning-rgb),var(--ui-link-underline-opacity,1))!important}
.link-warning:hover,.link-warning:focus{color:color-mix(in srgb,var(--ui-warning-text-emphasis) 82%,var(--ui-emphasis-color))!important}
.focus-ring-warning{--ui-focus-ring-color:rgba(var(--ui-warning-rgb),var(--ui-focus-ring-opacity))}
:root,[data-ui-theme]{--ui-danger-bg-subtle:color-mix(in srgb,var(--ui-danger) 13%,var(--ui-body-bg));--ui-danger-border-subtle:color-mix(in srgb,var(--ui-danger) 32%,var(--ui-body-bg));--ui-danger-text-emphasis:color-mix(in srgb,var(--ui-danger) 55%,var(--ui-emphasis-color))}
.btn-danger{--ui-btn-color:#fff;--ui-btn-bg:var(--ui-danger);--ui-btn-border-color:var(--ui-danger);--ui-btn-hover-color:#fff;--ui-btn-hover-bg:color-mix(in srgb,var(--ui-danger) 86%,#000);--ui-btn-hover-border-color:color-mix(in srgb,var(--ui-danger) 86%,#000);--ui-btn-active-color:#fff;--ui-btn-active-bg:color-mix(in srgb,var(--ui-danger) 78%,#000);--ui-btn-active-border-color:color-mix(in srgb,var(--ui-danger) 78%,#000);--ui-btn-disabled-color:#fff;--ui-btn-disabled-bg:var(--ui-danger);--ui-btn-disabled-border-color:var(--ui-danger);--ui-btn-focus-shadow-rgb:var(--ui-danger-rgb)}
.btn-outline-danger{--ui-btn-color:var(--ui-danger-text-emphasis);--ui-btn-border-color:var(--ui-danger);--ui-btn-hover-color:#fff;--ui-btn-hover-bg:var(--ui-danger);--ui-btn-hover-border-color:var(--ui-danger);--ui-btn-active-color:#fff;--ui-btn-active-bg:var(--ui-danger);--ui-btn-active-border-color:var(--ui-danger);--ui-btn-disabled-color:var(--ui-danger);--ui-btn-disabled-bg:transparent;--ui-btn-disabled-border-color:var(--ui-danger);--ui-btn-focus-shadow-rgb:var(--ui-danger-rgb)}
.alert-danger{--ui-alert-color:var(--ui-danger-text-emphasis);--ui-alert-bg:var(--ui-danger-bg-subtle);--ui-alert-border-color:var(--ui-danger-border-subtle);--ui-alert-link-color:var(--ui-danger-text-emphasis)}
.list-group-item-danger{--ui-list-group-color:var(--ui-danger-text-emphasis);--ui-list-group-bg:var(--ui-danger-bg-subtle);--ui-list-group-border-color:var(--ui-danger-border-subtle);--ui-list-group-action-hover-bg:var(--ui-danger-border-subtle)}
.text-bg-danger{color:#fff!important;background-color:RGBA(var(--ui-danger-rgb),var(--ui-bg-opacity,1))!important}
.link-danger{color:color-mix(in srgb,var(--ui-danger-text-emphasis) calc(var(--ui-link-opacity,1) * 100%),transparent)!important;text-decoration-color:RGBA(var(--ui-danger-rgb),var(--ui-link-underline-opacity,1))!important}
.link-danger:hover,.link-danger:focus{color:color-mix(in srgb,var(--ui-danger-text-emphasis) 82%,var(--ui-emphasis-color))!important}
.focus-ring-danger{--ui-focus-ring-color:rgba(var(--ui-danger-rgb),var(--ui-focus-ring-opacity))}
:root,[data-ui-theme]{--ui-light-bg-subtle:color-mix(in srgb,var(--ui-light) 13%,var(--ui-body-bg));--ui-light-border-subtle:color-mix(in srgb,var(--ui-light) 32%,var(--ui-body-bg));--ui-light-text-emphasis:var(--ui-secondary-color)}
.btn-light{--ui-btn-color:#1f2430;--ui-btn-bg:var(--ui-light);--ui-btn-border-color:var(--ui-light);--ui-btn-hover-color:#1f2430;--ui-btn-hover-bg:color-mix(in srgb,var(--ui-light) 86%,#000);--ui-btn-hover-border-color:color-mix(in srgb,var(--ui-light) 86%,#000);--ui-btn-active-color:#1f2430;--ui-btn-active-bg:color-mix(in srgb,var(--ui-light) 78%,#000);--ui-btn-active-border-color:color-mix(in srgb,var(--ui-light) 78%,#000);--ui-btn-disabled-color:#1f2430;--ui-btn-disabled-bg:var(--ui-light);--ui-btn-disabled-border-color:var(--ui-light);--ui-btn-focus-shadow-rgb:var(--ui-light-rgb)}
.btn-outline-light{--ui-btn-color:var(--ui-body-color);--ui-btn-border-color:var(--ui-light);--ui-btn-hover-color:#1f2430;--ui-btn-hover-bg:var(--ui-light);--ui-btn-hover-border-color:var(--ui-light);--ui-btn-active-color:#1f2430;--ui-btn-active-bg:var(--ui-light);--ui-btn-active-border-color:var(--ui-light);--ui-btn-disabled-color:var(--ui-light);--ui-btn-disabled-bg:transparent;--ui-btn-disabled-border-color:var(--ui-light);--ui-btn-focus-shadow-rgb:var(--ui-light-rgb)}
.alert-light{--ui-alert-color:var(--ui-light-text-emphasis);--ui-alert-bg:var(--ui-light-bg-subtle);--ui-alert-border-color:var(--ui-light-border-subtle);--ui-alert-link-color:var(--ui-light-text-emphasis)}
.list-group-item-light{--ui-list-group-color:var(--ui-light-text-emphasis);--ui-list-group-bg:var(--ui-light-bg-subtle);--ui-list-group-border-color:var(--ui-light-border-subtle);--ui-list-group-action-hover-bg:var(--ui-light-border-subtle)}
.text-bg-light{color:#1f2430!important;background-color:RGBA(var(--ui-light-rgb),var(--ui-bg-opacity,1))!important}
.link-light{color:RGBA(var(--ui-light-rgb),var(--ui-link-opacity,1))!important;text-decoration-color:RGBA(var(--ui-light-rgb),var(--ui-link-underline-opacity,1))!important}
.link-light:hover,.link-light:focus{color:color-mix(in srgb,var(--ui-light) 80%,#000)!important}
.focus-ring-light{--ui-focus-ring-color:rgba(var(--ui-light-rgb),var(--ui-focus-ring-opacity))}
:root,[data-ui-theme]{--ui-dark-bg-subtle:color-mix(in srgb,var(--ui-dark) 13%,var(--ui-body-bg));--ui-dark-border-subtle:color-mix(in srgb,var(--ui-dark) 32%,var(--ui-body-bg));--ui-dark-text-emphasis:var(--ui-emphasis-color)}
.btn-dark{--ui-btn-color:#fff;--ui-btn-bg:var(--ui-dark);--ui-btn-border-color:var(--ui-dark);--ui-btn-hover-color:#fff;--ui-btn-hover-bg:color-mix(in srgb,var(--ui-dark) 86%,#000);--ui-btn-hover-border-color:color-mix(in srgb,var(--ui-dark) 86%,#000);--ui-btn-active-color:#fff;--ui-btn-active-bg:color-mix(in srgb,var(--ui-dark) 78%,#000);--ui-btn-active-border-color:color-mix(in srgb,var(--ui-dark) 78%,#000);--ui-btn-disabled-color:#fff;--ui-btn-disabled-bg:var(--ui-dark);--ui-btn-disabled-border-color:var(--ui-dark);--ui-btn-focus-shadow-rgb:var(--ui-dark-rgb)}
.btn-outline-dark{--ui-btn-color:var(--ui-dark-text-emphasis);--ui-btn-border-color:var(--ui-dark);--ui-btn-hover-color:#fff;--ui-btn-hover-bg:var(--ui-dark);--ui-btn-hover-border-color:var(--ui-dark);--ui-btn-active-color:#fff;--ui-btn-active-bg:var(--ui-dark);--ui-btn-active-border-color:var(--ui-dark);--ui-btn-disabled-color:var(--ui-dark);--ui-btn-disabled-bg:transparent;--ui-btn-disabled-border-color:var(--ui-dark);--ui-btn-focus-shadow-rgb:var(--ui-dark-rgb)}
.alert-dark{--ui-alert-color:var(--ui-dark-text-emphasis);--ui-alert-bg:var(--ui-dark-bg-subtle);--ui-alert-border-color:var(--ui-dark-border-subtle);--ui-alert-link-color:var(--ui-dark-text-emphasis)}
.list-group-item-dark{--ui-list-group-color:var(--ui-dark-text-emphasis);--ui-list-group-bg:var(--ui-dark-bg-subtle);--ui-list-group-border-color:var(--ui-dark-border-subtle);--ui-list-group-action-hover-bg:var(--ui-dark-border-subtle)}
.text-bg-dark{color:#fff!important;background-color:RGBA(var(--ui-dark-rgb),var(--ui-bg-opacity,1))!important}
.link-dark{color:RGBA(var(--ui-dark-rgb),var(--ui-link-opacity,1))!important;text-decoration-color:RGBA(var(--ui-dark-rgb),var(--ui-link-underline-opacity,1))!important}
.link-dark:hover,.link-dark:focus{color:color-mix(in srgb,var(--ui-dark) 80%,#000)!important}
.focus-ring-dark{--ui-focus-ring-color:rgba(var(--ui-dark-rgb),var(--ui-focus-ring-opacity))}
[data-ui-theme="dark"] .link-secondary,.link-secondary[data-ui-theme="dark"]{color:color-mix(in srgb,var(--wt-text) 82%,transparent)!important;text-decoration-color:color-mix(in srgb,var(--wt-text) 50%,transparent)!important}
.link-body-emphasis{color:RGBA(var(--ui-emphasis-color-rgb),var(--ui-link-opacity,1))!important;text-decoration-color:RGBA(var(--ui-emphasis-color-rgb),var(--ui-link-underline-opacity,1))!important}
.link-body-emphasis:hover{color:RGBA(var(--ui-emphasis-color-rgb),var(--ui-link-opacity,.75))!important}
.text-bg-primary .btn-close,.text-bg-dark .btn-close,.text-bg-danger .btn-close,.text-bg-success .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}
[data-ui-theme="dark"] .link-dark{color:RGBA(var(--ui-emphasis-color-rgb),var(--ui-link-opacity,1))!important}
.card[class*="text-bg-"]{--ui-card-cap-bg:transparent}
}
@layer utilities {























































.text-opacity-25{--ui-text-opacity:.25}.text-opacity-50{--ui-text-opacity:.5}.text-opacity-75{--ui-text-opacity:.75}.text-opacity-100{--ui-text-opacity:1}


.bg-transparent{background-color:transparent!important}

.bg-opacity-10{--ui-bg-opacity:.1}.bg-opacity-25{--ui-bg-opacity:.25}.bg-opacity-50{--ui-bg-opacity:.5}.bg-opacity-75{--ui-bg-opacity:.75}.bg-opacity-100{--ui-bg-opacity:1}
.bg-gradient{background-image:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,0))!important}

.border-opacity-10{--ui-border-opacity:.1}.border-opacity-25{--ui-border-opacity:.25}.border-opacity-50{--ui-border-opacity:.5}.border-opacity-75{--ui-border-opacity:.75}.border-opacity-100{--ui-border-opacity:1}





.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}













.rounded-start-3{border-start-start-radius:var(--ui-border-radius-lg)!important;border-end-start-radius:var(--ui-border-radius-lg)!important}.rounded-end-3{border-start-end-radius:var(--ui-border-radius-lg)!important;border-end-end-radius:var(--ui-border-radius-lg)!important}
.rounded-start-4{border-start-start-radius:var(--ui-border-radius-xl)!important;border-end-start-radius:var(--ui-border-radius-xl)!important}.rounded-end-4{border-start-end-radius:var(--ui-border-radius-xl)!important;border-end-end-radius:var(--ui-border-radius-xl)!important}
.min-w-0{min-width:0!important}
@media print{.d-print-none{display:none!important}.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-flex{display:flex!important}.d-print-table{display:table!important}}




























@media (min-width:1200px){}







.link-opacity-10{--ui-link-opacity:.1}.link-opacity-25{--ui-link-opacity:.25}.link-opacity-50{--ui-link-opacity:.5}.link-opacity-75{--ui-link-opacity:.75}.link-opacity-100{--ui-link-opacity:1}
.link-opacity-10-hover:hover{--ui-link-opacity:.1}.link-opacity-25-hover:hover{--ui-link-opacity:.25}.link-opacity-50-hover:hover{--ui-link-opacity:.5}.link-opacity-75-hover:hover{--ui-link-opacity:.75}.link-opacity-100-hover:hover{--ui-link-opacity:1}
.link-offset-1{text-underline-offset:.125em!important}.link-offset-2{text-underline-offset:.25em!important}.link-offset-3{text-underline-offset:.375em!important}
.link-offset-1-hover:hover{text-underline-offset:.125em!important}.link-offset-2-hover:hover{text-underline-offset:.25em!important}.link-offset-3-hover:hover{text-underline-offset:.375em!important}
.link-underline{--ui-link-underline-opacity:1;text-decoration-color:rgba(var(--ui-link-color-rgb),var(--ui-link-underline-opacity,1))!important}
.link-underline-opacity-0{--ui-link-underline-opacity:0}.link-underline-opacity-10{--ui-link-underline-opacity:.1}.link-underline-opacity-25{--ui-link-underline-opacity:.25}
.link-underline-opacity-50{--ui-link-underline-opacity:.5}.link-underline-opacity-75{--ui-link-underline-opacity:.75}.link-underline-opacity-100{--ui-link-underline-opacity:1}
.link-underline-opacity-0-hover:hover{--ui-link-underline-opacity:0}.link-underline-opacity-25-hover:hover{--ui-link-underline-opacity:.25}
.link-underline-opacity-50-hover:hover{--ui-link-underline-opacity:.5}.link-underline-opacity-75-hover:hover{--ui-link-underline-opacity:.75}.link-underline-opacity-100-hover:hover{--ui-link-underline-opacity:1}
.link-underline-primary{--ui-link-underline-opacity:1;text-decoration-color:rgba(var(--ui-primary-rgb),var(--ui-link-underline-opacity))!important}
.link-underline-secondary{--ui-link-underline-opacity:1;text-decoration-color:rgba(var(--ui-secondary-rgb),var(--ui-link-underline-opacity))!important}
.link-underline-success{--ui-link-underline-opacity:1;text-decoration-color:rgba(var(--ui-success-rgb),var(--ui-link-underline-opacity))!important}
.link-underline-info{--ui-link-underline-opacity:1;text-decoration-color:rgba(var(--ui-info-rgb),var(--ui-link-underline-opacity))!important}
.link-underline-warning{--ui-link-underline-opacity:1;text-decoration-color:rgba(var(--ui-warning-rgb),var(--ui-link-underline-opacity))!important}
.link-underline-danger{--ui-link-underline-opacity:1;text-decoration-color:rgba(var(--ui-danger-rgb),var(--ui-link-underline-opacity))!important}
.link-underline-light{--ui-link-underline-opacity:1;text-decoration-color:rgba(var(--ui-light-rgb),var(--ui-link-underline-opacity))!important}
.link-underline-dark{--ui-link-underline-opacity:1;text-decoration-color:rgba(var(--ui-dark-rgb),var(--ui-link-underline-opacity))!important}
















































































































































































































@media (min-width:576px){
.d-sm-none{display: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}
.float-sm-start{float:left!important}
.float-sm-end{float:right!important}
.float-sm-none{float:none!important}
[dir=rtl] .float-sm-start{float:right!important}
[dir=rtl] .float-sm-end{float:left!important}
.text-sm-start{text-align:start!important}
.text-sm-end{text-align:end!important}
.text-sm-center{text-align:center!important}
.object-fit-sm-cover{object-fit:cover!important}
.object-fit-sm-contain{object-fit:contain!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}

















.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-first{order:-1!important}
.order-sm-last{order:6!important}
.m-sm-0{margin:0!important}
.m-sm-1{margin:.25rem!important}
.m-sm-2{margin:.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}
.m-sm-n1{margin:-.25rem!important}
.m-sm-n2{margin:-.5rem!important}
.m-sm-n3{margin:-1rem!important}
.m-sm-n4{margin:-1.5rem!important}
.m-sm-n5{margin:-3rem!important}
.mt-sm-0{margin-top:0!important}
.mt-sm-1{margin-top:.25rem!important}
.mt-sm-2{margin-top:.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}
.mt-sm-n1{margin-top:-.25rem!important}
.mt-sm-n2{margin-top:-.5rem!important}
.mt-sm-n3{margin-top:-1rem!important}
.mt-sm-n4{margin-top:-1.5rem!important}
.mt-sm-n5{margin-top:-3rem!important}
.mb-sm-0{margin-bottom:0!important}
.mb-sm-1{margin-bottom:.25rem!important}
.mb-sm-2{margin-bottom:.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}
.mb-sm-n1{margin-bottom:-.25rem!important}
.mb-sm-n2{margin-bottom:-.5rem!important}
.mb-sm-n3{margin-bottom:-1rem!important}
.mb-sm-n4{margin-bottom:-1.5rem!important}
.mb-sm-n5{margin-bottom:-3rem!important}
.ms-sm-0{margin-inline-start:0!important}
.ms-sm-1{margin-inline-start:.25rem!important}
.ms-sm-2{margin-inline-start:.5rem!important}
.ms-sm-3{margin-inline-start:1rem!important}
.ms-sm-4{margin-inline-start:1.5rem!important}
.ms-sm-5{margin-inline-start:3rem!important}
.ms-sm-auto{margin-inline-start:auto!important}
.me-sm-0{margin-inline-end:0!important}
.me-sm-1{margin-inline-end:.25rem!important}
.me-sm-2{margin-inline-end:.5rem!important}
.me-sm-3{margin-inline-end:1rem!important}
.me-sm-4{margin-inline-end:1.5rem!important}
.me-sm-5{margin-inline-end:3rem!important}
.me-sm-auto{margin-inline-end:auto!important}
.mx-sm-0{margin-inline:0!important}
.mx-sm-1{margin-inline:.25rem!important}
.mx-sm-2{margin-inline:.5rem!important}
.mx-sm-3{margin-inline:1rem!important}
.mx-sm-4{margin-inline:1.5rem!important}
.mx-sm-5{margin-inline:3rem!important}
.mx-sm-auto{margin-inline:auto!important}
.my-sm-0{margin-block:0!important}
.my-sm-1{margin-block:.25rem!important}
.my-sm-2{margin-block:.5rem!important}
.my-sm-3{margin-block:1rem!important}
.my-sm-4{margin-block:1.5rem!important}
.my-sm-5{margin-block:3rem!important}
.my-sm-auto{margin-block:auto!important}
.my-sm-n1{margin-block:-.25rem!important}
.my-sm-n2{margin-block:-.5rem!important}
.my-sm-n3{margin-block:-1rem!important}
.my-sm-n4{margin-block:-1.5rem!important}
.my-sm-n5{margin-block:-3rem!important}
.p-sm-0{padding:0!important}
.p-sm-1{padding:.25rem!important}
.p-sm-2{padding:.5rem!important}
.p-sm-3{padding:1rem!important}
.p-sm-4{padding:1.5rem!important}
.p-sm-5{padding:3rem!important}
.pt-sm-0{padding-top:0!important}
.pt-sm-1{padding-top:.25rem!important}
.pt-sm-2{padding-top:.5rem!important}
.pt-sm-3{padding-top:1rem!important}
.pt-sm-4{padding-top:1.5rem!important}
.pt-sm-5{padding-top:3rem!important}
.pb-sm-0{padding-bottom:0!important}
.pb-sm-1{padding-bottom:.25rem!important}
.pb-sm-2{padding-bottom:.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-inline-start:0!important}
.ps-sm-1{padding-inline-start:.25rem!important}
.ps-sm-2{padding-inline-start:.5rem!important}
.ps-sm-3{padding-inline-start:1rem!important}
.ps-sm-4{padding-inline-start:1.5rem!important}
.ps-sm-5{padding-inline-start:3rem!important}
.pe-sm-0{padding-inline-end:0!important}
.pe-sm-1{padding-inline-end:.25rem!important}
.pe-sm-2{padding-inline-end:.5rem!important}
.pe-sm-3{padding-inline-end:1rem!important}
.pe-sm-4{padding-inline-end:1.5rem!important}
.pe-sm-5{padding-inline-end:3rem!important}
.px-sm-0{padding-inline:0!important}
.px-sm-1{padding-inline:.25rem!important}
.px-sm-2{padding-inline:.5rem!important}
.px-sm-3{padding-inline:1rem!important}
.px-sm-4{padding-inline:1.5rem!important}
.px-sm-5{padding-inline:3rem!important}
.py-sm-0{padding-block:0!important}
.py-sm-1{padding-block:.25rem!important}
.py-sm-2{padding-block:.5rem!important}
.py-sm-3{padding-block:1rem!important}
.py-sm-4{padding-block:1.5rem!important}
.py-sm-5{padding-block:3rem!important}
.ms-sm-n1{margin-inline-start:-.25rem!important}
.me-sm-n1{margin-inline-end:-.25rem!important}
.mx-sm-n1{margin-inline:-.25rem!important}
.ms-sm-n2{margin-inline-start:-.5rem!important}
.me-sm-n2{margin-inline-end:-.5rem!important}
.mx-sm-n2{margin-inline:-.5rem!important}
.ms-sm-n3{margin-inline-start:-1rem!important}
.me-sm-n3{margin-inline-end:-1rem!important}
.mx-sm-n3{margin-inline:-1rem!important}
.ms-sm-n4{margin-inline-start:-1.5rem!important}
.me-sm-n4{margin-inline-end:-1.5rem!important}
.mx-sm-n4{margin-inline:-1.5rem!important}
.ms-sm-n5{margin-inline-start:-3rem!important}
.me-sm-n5{margin-inline-end:-3rem!important}
.mx-sm-n5{margin-inline:-3rem!important}
.gap-sm-0{gap:0!important}
.row-gap-sm-0{row-gap:0!important}
.column-gap-sm-0{column-gap:0!important}
.gap-sm-1{gap:.25rem!important}
.row-gap-sm-1{row-gap:.25rem!important}
.column-gap-sm-1{column-gap:.25rem!important}
.gap-sm-2{gap:.5rem!important}
.row-gap-sm-2{row-gap:.5rem!important}
.column-gap-sm-2{column-gap:.5rem!important}
.gap-sm-3{gap:1rem!important}
.row-gap-sm-3{row-gap:1rem!important}
.column-gap-sm-3{column-gap:1rem!important}
.gap-sm-4{gap:1.5rem!important}
.row-gap-sm-4{row-gap:1.5rem!important}
.column-gap-sm-4{column-gap:1.5rem!important}
.gap-sm-5{gap:3rem!important}
.row-gap-sm-5{row-gap:3rem!important}
.column-gap-sm-5{column-gap:3rem!important}
}
@media (min-width:768px){
.d-md-none{display: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}
.float-md-start{float:left!important}
.float-md-end{float:right!important}
.float-md-none{float:none!important}
[dir=rtl] .float-md-start{float:right!important}
[dir=rtl] .float-md-end{float:left!important}
.text-md-start{text-align:start!important}
.text-md-end{text-align:end!important}
.text-md-center{text-align:center!important}
.object-fit-md-cover{object-fit:cover!important}
.object-fit-md-contain{object-fit:contain!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}

















.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-first{order:-1!important}
.order-md-last{order:6!important}
.m-md-0{margin:0!important}
.m-md-1{margin:.25rem!important}
.m-md-2{margin:.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}
.m-md-n1{margin:-.25rem!important}
.m-md-n2{margin:-.5rem!important}
.m-md-n3{margin:-1rem!important}
.m-md-n4{margin:-1.5rem!important}
.m-md-n5{margin:-3rem!important}
.mt-md-0{margin-top:0!important}
.mt-md-1{margin-top:.25rem!important}
.mt-md-2{margin-top:.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}
.mt-md-n1{margin-top:-.25rem!important}
.mt-md-n2{margin-top:-.5rem!important}
.mt-md-n3{margin-top:-1rem!important}
.mt-md-n4{margin-top:-1.5rem!important}
.mt-md-n5{margin-top:-3rem!important}
.mb-md-0{margin-bottom:0!important}
.mb-md-1{margin-bottom:.25rem!important}
.mb-md-2{margin-bottom:.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}
.mb-md-n1{margin-bottom:-.25rem!important}
.mb-md-n2{margin-bottom:-.5rem!important}
.mb-md-n3{margin-bottom:-1rem!important}
.mb-md-n4{margin-bottom:-1.5rem!important}
.mb-md-n5{margin-bottom:-3rem!important}
.ms-md-0{margin-inline-start:0!important}
.ms-md-1{margin-inline-start:.25rem!important}
.ms-md-2{margin-inline-start:.5rem!important}
.ms-md-3{margin-inline-start:1rem!important}
.ms-md-4{margin-inline-start:1.5rem!important}
.ms-md-5{margin-inline-start:3rem!important}
.ms-md-auto{margin-inline-start:auto!important}
.me-md-0{margin-inline-end:0!important}
.me-md-1{margin-inline-end:.25rem!important}
.me-md-2{margin-inline-end:.5rem!important}
.me-md-3{margin-inline-end:1rem!important}
.me-md-4{margin-inline-end:1.5rem!important}
.me-md-5{margin-inline-end:3rem!important}
.me-md-auto{margin-inline-end:auto!important}
.mx-md-0{margin-inline:0!important}
.mx-md-1{margin-inline:.25rem!important}
.mx-md-2{margin-inline:.5rem!important}
.mx-md-3{margin-inline:1rem!important}
.mx-md-4{margin-inline:1.5rem!important}
.mx-md-5{margin-inline:3rem!important}
.mx-md-auto{margin-inline:auto!important}
.my-md-0{margin-block:0!important}
.my-md-1{margin-block:.25rem!important}
.my-md-2{margin-block:.5rem!important}
.my-md-3{margin-block:1rem!important}
.my-md-4{margin-block:1.5rem!important}
.my-md-5{margin-block:3rem!important}
.my-md-auto{margin-block:auto!important}
.my-md-n1{margin-block:-.25rem!important}
.my-md-n2{margin-block:-.5rem!important}
.my-md-n3{margin-block:-1rem!important}
.my-md-n4{margin-block:-1.5rem!important}
.my-md-n5{margin-block:-3rem!important}
.p-md-0{padding:0!important}
.p-md-1{padding:.25rem!important}
.p-md-2{padding:.5rem!important}
.p-md-3{padding:1rem!important}
.p-md-4{padding:1.5rem!important}
.p-md-5{padding:3rem!important}
.pt-md-0{padding-top:0!important}
.pt-md-1{padding-top:.25rem!important}
.pt-md-2{padding-top:.5rem!important}
.pt-md-3{padding-top:1rem!important}
.pt-md-4{padding-top:1.5rem!important}
.pt-md-5{padding-top:3rem!important}
.pb-md-0{padding-bottom:0!important}
.pb-md-1{padding-bottom:.25rem!important}
.pb-md-2{padding-bottom:.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-inline-start:0!important}
.ps-md-1{padding-inline-start:.25rem!important}
.ps-md-2{padding-inline-start:.5rem!important}
.ps-md-3{padding-inline-start:1rem!important}
.ps-md-4{padding-inline-start:1.5rem!important}
.ps-md-5{padding-inline-start:3rem!important}
.pe-md-0{padding-inline-end:0!important}
.pe-md-1{padding-inline-end:.25rem!important}
.pe-md-2{padding-inline-end:.5rem!important}
.pe-md-3{padding-inline-end:1rem!important}
.pe-md-4{padding-inline-end:1.5rem!important}
.pe-md-5{padding-inline-end:3rem!important}
.px-md-0{padding-inline:0!important}
.px-md-1{padding-inline:.25rem!important}
.px-md-2{padding-inline:.5rem!important}
.px-md-3{padding-inline:1rem!important}
.px-md-4{padding-inline:1.5rem!important}
.px-md-5{padding-inline:3rem!important}
.py-md-0{padding-block:0!important}
.py-md-1{padding-block:.25rem!important}
.py-md-2{padding-block:.5rem!important}
.py-md-3{padding-block:1rem!important}
.py-md-4{padding-block:1.5rem!important}
.py-md-5{padding-block:3rem!important}
.ms-md-n1{margin-inline-start:-.25rem!important}
.me-md-n1{margin-inline-end:-.25rem!important}
.mx-md-n1{margin-inline:-.25rem!important}
.ms-md-n2{margin-inline-start:-.5rem!important}
.me-md-n2{margin-inline-end:-.5rem!important}
.mx-md-n2{margin-inline:-.5rem!important}
.ms-md-n3{margin-inline-start:-1rem!important}
.me-md-n3{margin-inline-end:-1rem!important}
.mx-md-n3{margin-inline:-1rem!important}
.ms-md-n4{margin-inline-start:-1.5rem!important}
.me-md-n4{margin-inline-end:-1.5rem!important}
.mx-md-n4{margin-inline:-1.5rem!important}
.ms-md-n5{margin-inline-start:-3rem!important}
.me-md-n5{margin-inline-end:-3rem!important}
.mx-md-n5{margin-inline:-3rem!important}
.gap-md-0{gap:0!important}
.row-gap-md-0{row-gap:0!important}
.column-gap-md-0{column-gap:0!important}
.gap-md-1{gap:.25rem!important}
.row-gap-md-1{row-gap:.25rem!important}
.column-gap-md-1{column-gap:.25rem!important}
.gap-md-2{gap:.5rem!important}
.row-gap-md-2{row-gap:.5rem!important}
.column-gap-md-2{column-gap:.5rem!important}
.gap-md-3{gap:1rem!important}
.row-gap-md-3{row-gap:1rem!important}
.column-gap-md-3{column-gap:1rem!important}
.gap-md-4{gap:1.5rem!important}
.row-gap-md-4{row-gap:1.5rem!important}
.column-gap-md-4{column-gap:1.5rem!important}
.gap-md-5{gap:3rem!important}
.row-gap-md-5{row-gap:3rem!important}
.column-gap-md-5{column-gap:3rem!important}
}
@media (min-width:992px){
.d-lg-none{display: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}
.float-lg-start{float:left!important}
.float-lg-end{float:right!important}
.float-lg-none{float:none!important}
[dir=rtl] .float-lg-start{float:right!important}
[dir=rtl] .float-lg-end{float:left!important}
.text-lg-start{text-align:start!important}
.text-lg-end{text-align:end!important}
.text-lg-center{text-align:center!important}
.object-fit-lg-cover{object-fit:cover!important}
.object-fit-lg-contain{object-fit:contain!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}

















.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-first{order:-1!important}
.order-lg-last{order:6!important}
.m-lg-0{margin:0!important}
.m-lg-1{margin:.25rem!important}
.m-lg-2{margin:.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}
.m-lg-n1{margin:-.25rem!important}
.m-lg-n2{margin:-.5rem!important}
.m-lg-n3{margin:-1rem!important}
.m-lg-n4{margin:-1.5rem!important}
.m-lg-n5{margin:-3rem!important}
.mt-lg-0{margin-top:0!important}
.mt-lg-1{margin-top:.25rem!important}
.mt-lg-2{margin-top:.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}
.mt-lg-n1{margin-top:-.25rem!important}
.mt-lg-n2{margin-top:-.5rem!important}
.mt-lg-n3{margin-top:-1rem!important}
.mt-lg-n4{margin-top:-1.5rem!important}
.mt-lg-n5{margin-top:-3rem!important}
.mb-lg-0{margin-bottom:0!important}
.mb-lg-1{margin-bottom:.25rem!important}
.mb-lg-2{margin-bottom:.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}
.mb-lg-n1{margin-bottom:-.25rem!important}
.mb-lg-n2{margin-bottom:-.5rem!important}
.mb-lg-n3{margin-bottom:-1rem!important}
.mb-lg-n4{margin-bottom:-1.5rem!important}
.mb-lg-n5{margin-bottom:-3rem!important}
.ms-lg-0{margin-inline-start:0!important}
.ms-lg-1{margin-inline-start:.25rem!important}
.ms-lg-2{margin-inline-start:.5rem!important}
.ms-lg-3{margin-inline-start:1rem!important}
.ms-lg-4{margin-inline-start:1.5rem!important}
.ms-lg-5{margin-inline-start:3rem!important}
.ms-lg-auto{margin-inline-start:auto!important}
.me-lg-0{margin-inline-end:0!important}
.me-lg-1{margin-inline-end:.25rem!important}
.me-lg-2{margin-inline-end:.5rem!important}
.me-lg-3{margin-inline-end:1rem!important}
.me-lg-4{margin-inline-end:1.5rem!important}
.me-lg-5{margin-inline-end:3rem!important}
.me-lg-auto{margin-inline-end:auto!important}
.mx-lg-0{margin-inline:0!important}
.mx-lg-1{margin-inline:.25rem!important}
.mx-lg-2{margin-inline:.5rem!important}
.mx-lg-3{margin-inline:1rem!important}
.mx-lg-4{margin-inline:1.5rem!important}
.mx-lg-5{margin-inline:3rem!important}
.mx-lg-auto{margin-inline:auto!important}
.my-lg-0{margin-block:0!important}
.my-lg-1{margin-block:.25rem!important}
.my-lg-2{margin-block:.5rem!important}
.my-lg-3{margin-block:1rem!important}
.my-lg-4{margin-block:1.5rem!important}
.my-lg-5{margin-block:3rem!important}
.my-lg-auto{margin-block:auto!important}
.my-lg-n1{margin-block:-.25rem!important}
.my-lg-n2{margin-block:-.5rem!important}
.my-lg-n3{margin-block:-1rem!important}
.my-lg-n4{margin-block:-1.5rem!important}
.my-lg-n5{margin-block:-3rem!important}
.p-lg-0{padding:0!important}
.p-lg-1{padding:.25rem!important}
.p-lg-2{padding:.5rem!important}
.p-lg-3{padding:1rem!important}
.p-lg-4{padding:1.5rem!important}
.p-lg-5{padding:3rem!important}
.pt-lg-0{padding-top:0!important}
.pt-lg-1{padding-top:.25rem!important}
.pt-lg-2{padding-top:.5rem!important}
.pt-lg-3{padding-top:1rem!important}
.pt-lg-4{padding-top:1.5rem!important}
.pt-lg-5{padding-top:3rem!important}
.pb-lg-0{padding-bottom:0!important}
.pb-lg-1{padding-bottom:.25rem!important}
.pb-lg-2{padding-bottom:.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-inline-start:0!important}
.ps-lg-1{padding-inline-start:.25rem!important}
.ps-lg-2{padding-inline-start:.5rem!important}
.ps-lg-3{padding-inline-start:1rem!important}
.ps-lg-4{padding-inline-start:1.5rem!important}
.ps-lg-5{padding-inline-start:3rem!important}
.pe-lg-0{padding-inline-end:0!important}
.pe-lg-1{padding-inline-end:.25rem!important}
.pe-lg-2{padding-inline-end:.5rem!important}
.pe-lg-3{padding-inline-end:1rem!important}
.pe-lg-4{padding-inline-end:1.5rem!important}
.pe-lg-5{padding-inline-end:3rem!important}
.px-lg-0{padding-inline:0!important}
.px-lg-1{padding-inline:.25rem!important}
.px-lg-2{padding-inline:.5rem!important}
.px-lg-3{padding-inline:1rem!important}
.px-lg-4{padding-inline:1.5rem!important}
.px-lg-5{padding-inline:3rem!important}
.py-lg-0{padding-block:0!important}
.py-lg-1{padding-block:.25rem!important}
.py-lg-2{padding-block:.5rem!important}
.py-lg-3{padding-block:1rem!important}
.py-lg-4{padding-block:1.5rem!important}
.py-lg-5{padding-block:3rem!important}
.ms-lg-n1{margin-inline-start:-.25rem!important}
.me-lg-n1{margin-inline-end:-.25rem!important}
.mx-lg-n1{margin-inline:-.25rem!important}
.ms-lg-n2{margin-inline-start:-.5rem!important}
.me-lg-n2{margin-inline-end:-.5rem!important}
.mx-lg-n2{margin-inline:-.5rem!important}
.ms-lg-n3{margin-inline-start:-1rem!important}
.me-lg-n3{margin-inline-end:-1rem!important}
.mx-lg-n3{margin-inline:-1rem!important}
.ms-lg-n4{margin-inline-start:-1.5rem!important}
.me-lg-n4{margin-inline-end:-1.5rem!important}
.mx-lg-n4{margin-inline:-1.5rem!important}
.ms-lg-n5{margin-inline-start:-3rem!important}
.me-lg-n5{margin-inline-end:-3rem!important}
.mx-lg-n5{margin-inline:-3rem!important}
.gap-lg-0{gap:0!important}
.row-gap-lg-0{row-gap:0!important}
.column-gap-lg-0{column-gap:0!important}
.gap-lg-1{gap:.25rem!important}
.row-gap-lg-1{row-gap:.25rem!important}
.column-gap-lg-1{column-gap:.25rem!important}
.gap-lg-2{gap:.5rem!important}
.row-gap-lg-2{row-gap:.5rem!important}
.column-gap-lg-2{column-gap:.5rem!important}
.gap-lg-3{gap:1rem!important}
.row-gap-lg-3{row-gap:1rem!important}
.column-gap-lg-3{column-gap:1rem!important}
.gap-lg-4{gap:1.5rem!important}
.row-gap-lg-4{row-gap:1.5rem!important}
.column-gap-lg-4{column-gap:1.5rem!important}
.gap-lg-5{gap:3rem!important}
.row-gap-lg-5{row-gap:3rem!important}
.column-gap-lg-5{column-gap:3rem!important}
}
@media (min-width:1200px){
.d-xl-none{display: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}
.float-xl-start{float:left!important}
.float-xl-end{float:right!important}
.float-xl-none{float:none!important}
[dir=rtl] .float-xl-start{float:right!important}
[dir=rtl] .float-xl-end{float:left!important}
.text-xl-start{text-align:start!important}
.text-xl-end{text-align:end!important}
.text-xl-center{text-align:center!important}
.object-fit-xl-cover{object-fit:cover!important}
.object-fit-xl-contain{object-fit:contain!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}

















.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-first{order:-1!important}
.order-xl-last{order:6!important}
.m-xl-0{margin:0!important}
.m-xl-1{margin:.25rem!important}
.m-xl-2{margin:.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}
.m-xl-n1{margin:-.25rem!important}
.m-xl-n2{margin:-.5rem!important}
.m-xl-n3{margin:-1rem!important}
.m-xl-n4{margin:-1.5rem!important}
.m-xl-n5{margin:-3rem!important}
.mt-xl-0{margin-top:0!important}
.mt-xl-1{margin-top:.25rem!important}
.mt-xl-2{margin-top:.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}
.mt-xl-n1{margin-top:-.25rem!important}
.mt-xl-n2{margin-top:-.5rem!important}
.mt-xl-n3{margin-top:-1rem!important}
.mt-xl-n4{margin-top:-1.5rem!important}
.mt-xl-n5{margin-top:-3rem!important}
.mb-xl-0{margin-bottom:0!important}
.mb-xl-1{margin-bottom:.25rem!important}
.mb-xl-2{margin-bottom:.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}
.mb-xl-n1{margin-bottom:-.25rem!important}
.mb-xl-n2{margin-bottom:-.5rem!important}
.mb-xl-n3{margin-bottom:-1rem!important}
.mb-xl-n4{margin-bottom:-1.5rem!important}
.mb-xl-n5{margin-bottom:-3rem!important}
.ms-xl-0{margin-inline-start:0!important}
.ms-xl-1{margin-inline-start:.25rem!important}
.ms-xl-2{margin-inline-start:.5rem!important}
.ms-xl-3{margin-inline-start:1rem!important}
.ms-xl-4{margin-inline-start:1.5rem!important}
.ms-xl-5{margin-inline-start:3rem!important}
.ms-xl-auto{margin-inline-start:auto!important}
.me-xl-0{margin-inline-end:0!important}
.me-xl-1{margin-inline-end:.25rem!important}
.me-xl-2{margin-inline-end:.5rem!important}
.me-xl-3{margin-inline-end:1rem!important}
.me-xl-4{margin-inline-end:1.5rem!important}
.me-xl-5{margin-inline-end:3rem!important}
.me-xl-auto{margin-inline-end:auto!important}
.mx-xl-0{margin-inline:0!important}
.mx-xl-1{margin-inline:.25rem!important}
.mx-xl-2{margin-inline:.5rem!important}
.mx-xl-3{margin-inline:1rem!important}
.mx-xl-4{margin-inline:1.5rem!important}
.mx-xl-5{margin-inline:3rem!important}
.mx-xl-auto{margin-inline:auto!important}
.my-xl-0{margin-block:0!important}
.my-xl-1{margin-block:.25rem!important}
.my-xl-2{margin-block:.5rem!important}
.my-xl-3{margin-block:1rem!important}
.my-xl-4{margin-block:1.5rem!important}
.my-xl-5{margin-block:3rem!important}
.my-xl-auto{margin-block:auto!important}
.my-xl-n1{margin-block:-.25rem!important}
.my-xl-n2{margin-block:-.5rem!important}
.my-xl-n3{margin-block:-1rem!important}
.my-xl-n4{margin-block:-1.5rem!important}
.my-xl-n5{margin-block:-3rem!important}
.p-xl-0{padding:0!important}
.p-xl-1{padding:.25rem!important}
.p-xl-2{padding:.5rem!important}
.p-xl-3{padding:1rem!important}
.p-xl-4{padding:1.5rem!important}
.p-xl-5{padding:3rem!important}
.pt-xl-0{padding-top:0!important}
.pt-xl-1{padding-top:.25rem!important}
.pt-xl-2{padding-top:.5rem!important}
.pt-xl-3{padding-top:1rem!important}
.pt-xl-4{padding-top:1.5rem!important}
.pt-xl-5{padding-top:3rem!important}
.pb-xl-0{padding-bottom:0!important}
.pb-xl-1{padding-bottom:.25rem!important}
.pb-xl-2{padding-bottom:.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-inline-start:0!important}
.ps-xl-1{padding-inline-start:.25rem!important}
.ps-xl-2{padding-inline-start:.5rem!important}
.ps-xl-3{padding-inline-start:1rem!important}
.ps-xl-4{padding-inline-start:1.5rem!important}
.ps-xl-5{padding-inline-start:3rem!important}
.pe-xl-0{padding-inline-end:0!important}
.pe-xl-1{padding-inline-end:.25rem!important}
.pe-xl-2{padding-inline-end:.5rem!important}
.pe-xl-3{padding-inline-end:1rem!important}
.pe-xl-4{padding-inline-end:1.5rem!important}
.pe-xl-5{padding-inline-end:3rem!important}
.px-xl-0{padding-inline:0!important}
.px-xl-1{padding-inline:.25rem!important}
.px-xl-2{padding-inline:.5rem!important}
.px-xl-3{padding-inline:1rem!important}
.px-xl-4{padding-inline:1.5rem!important}
.px-xl-5{padding-inline:3rem!important}
.py-xl-0{padding-block:0!important}
.py-xl-1{padding-block:.25rem!important}
.py-xl-2{padding-block:.5rem!important}
.py-xl-3{padding-block:1rem!important}
.py-xl-4{padding-block:1.5rem!important}
.py-xl-5{padding-block:3rem!important}
.ms-xl-n1{margin-inline-start:-.25rem!important}
.me-xl-n1{margin-inline-end:-.25rem!important}
.mx-xl-n1{margin-inline:-.25rem!important}
.ms-xl-n2{margin-inline-start:-.5rem!important}
.me-xl-n2{margin-inline-end:-.5rem!important}
.mx-xl-n2{margin-inline:-.5rem!important}
.ms-xl-n3{margin-inline-start:-1rem!important}
.me-xl-n3{margin-inline-end:-1rem!important}
.mx-xl-n3{margin-inline:-1rem!important}
.ms-xl-n4{margin-inline-start:-1.5rem!important}
.me-xl-n4{margin-inline-end:-1.5rem!important}
.mx-xl-n4{margin-inline:-1.5rem!important}
.ms-xl-n5{margin-inline-start:-3rem!important}
.me-xl-n5{margin-inline-end:-3rem!important}
.mx-xl-n5{margin-inline:-3rem!important}
.gap-xl-0{gap:0!important}
.row-gap-xl-0{row-gap:0!important}
.column-gap-xl-0{column-gap:0!important}
.gap-xl-1{gap:.25rem!important}
.row-gap-xl-1{row-gap:.25rem!important}
.column-gap-xl-1{column-gap:.25rem!important}
.gap-xl-2{gap:.5rem!important}
.row-gap-xl-2{row-gap:.5rem!important}
.column-gap-xl-2{column-gap:.5rem!important}
.gap-xl-3{gap:1rem!important}
.row-gap-xl-3{row-gap:1rem!important}
.column-gap-xl-3{column-gap:1rem!important}
.gap-xl-4{gap:1.5rem!important}
.row-gap-xl-4{row-gap:1.5rem!important}
.column-gap-xl-4{column-gap:1.5rem!important}
.gap-xl-5{gap:3rem!important}
.row-gap-xl-5{row-gap:3rem!important}
.column-gap-xl-5{column-gap:3rem!important}
}
@media (min-width:1400px){
.d-xxl-none{display: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}
.float-xxl-start{float:left!important}
.float-xxl-end{float:right!important}
.float-xxl-none{float:none!important}
[dir=rtl] .float-xxl-start{float:right!important}
[dir=rtl] .float-xxl-end{float:left!important}
.text-xxl-start{text-align:start!important}
.text-xxl-end{text-align:end!important}
.text-xxl-center{text-align:center!important}
.object-fit-xxl-cover{object-fit:cover!important}
.object-fit-xxl-contain{object-fit:contain!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}

















.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-first{order:-1!important}
.order-xxl-last{order:6!important}
.m-xxl-0{margin:0!important}
.m-xxl-1{margin:.25rem!important}
.m-xxl-2{margin:.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}
.m-xxl-n1{margin:-.25rem!important}
.m-xxl-n2{margin:-.5rem!important}
.m-xxl-n3{margin:-1rem!important}
.m-xxl-n4{margin:-1.5rem!important}
.m-xxl-n5{margin:-3rem!important}
.mt-xxl-0{margin-top:0!important}
.mt-xxl-1{margin-top:.25rem!important}
.mt-xxl-2{margin-top:.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}
.mt-xxl-n1{margin-top:-.25rem!important}
.mt-xxl-n2{margin-top:-.5rem!important}
.mt-xxl-n3{margin-top:-1rem!important}
.mt-xxl-n4{margin-top:-1.5rem!important}
.mt-xxl-n5{margin-top:-3rem!important}
.mb-xxl-0{margin-bottom:0!important}
.mb-xxl-1{margin-bottom:.25rem!important}
.mb-xxl-2{margin-bottom:.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}
.mb-xxl-n1{margin-bottom:-.25rem!important}
.mb-xxl-n2{margin-bottom:-.5rem!important}
.mb-xxl-n3{margin-bottom:-1rem!important}
.mb-xxl-n4{margin-bottom:-1.5rem!important}
.mb-xxl-n5{margin-bottom:-3rem!important}
.ms-xxl-0{margin-inline-start:0!important}
.ms-xxl-1{margin-inline-start:.25rem!important}
.ms-xxl-2{margin-inline-start:.5rem!important}
.ms-xxl-3{margin-inline-start:1rem!important}
.ms-xxl-4{margin-inline-start:1.5rem!important}
.ms-xxl-5{margin-inline-start:3rem!important}
.ms-xxl-auto{margin-inline-start:auto!important}
.me-xxl-0{margin-inline-end:0!important}
.me-xxl-1{margin-inline-end:.25rem!important}
.me-xxl-2{margin-inline-end:.5rem!important}
.me-xxl-3{margin-inline-end:1rem!important}
.me-xxl-4{margin-inline-end:1.5rem!important}
.me-xxl-5{margin-inline-end:3rem!important}
.me-xxl-auto{margin-inline-end:auto!important}
.mx-xxl-0{margin-inline:0!important}
.mx-xxl-1{margin-inline:.25rem!important}
.mx-xxl-2{margin-inline:.5rem!important}
.mx-xxl-3{margin-inline:1rem!important}
.mx-xxl-4{margin-inline:1.5rem!important}
.mx-xxl-5{margin-inline:3rem!important}
.mx-xxl-auto{margin-inline:auto!important}
.my-xxl-0{margin-block:0!important}
.my-xxl-1{margin-block:.25rem!important}
.my-xxl-2{margin-block:.5rem!important}
.my-xxl-3{margin-block:1rem!important}
.my-xxl-4{margin-block:1.5rem!important}
.my-xxl-5{margin-block:3rem!important}
.my-xxl-auto{margin-block:auto!important}
.my-xxl-n1{margin-block:-.25rem!important}
.my-xxl-n2{margin-block:-.5rem!important}
.my-xxl-n3{margin-block:-1rem!important}
.my-xxl-n4{margin-block:-1.5rem!important}
.my-xxl-n5{margin-block:-3rem!important}
.p-xxl-0{padding:0!important}
.p-xxl-1{padding:.25rem!important}
.p-xxl-2{padding:.5rem!important}
.p-xxl-3{padding:1rem!important}
.p-xxl-4{padding:1.5rem!important}
.p-xxl-5{padding:3rem!important}
.pt-xxl-0{padding-top:0!important}
.pt-xxl-1{padding-top:.25rem!important}
.pt-xxl-2{padding-top:.5rem!important}
.pt-xxl-3{padding-top:1rem!important}
.pt-xxl-4{padding-top:1.5rem!important}
.pt-xxl-5{padding-top:3rem!important}
.pb-xxl-0{padding-bottom:0!important}
.pb-xxl-1{padding-bottom:.25rem!important}
.pb-xxl-2{padding-bottom:.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-inline-start:0!important}
.ps-xxl-1{padding-inline-start:.25rem!important}
.ps-xxl-2{padding-inline-start:.5rem!important}
.ps-xxl-3{padding-inline-start:1rem!important}
.ps-xxl-4{padding-inline-start:1.5rem!important}
.ps-xxl-5{padding-inline-start:3rem!important}
.pe-xxl-0{padding-inline-end:0!important}
.pe-xxl-1{padding-inline-end:.25rem!important}
.pe-xxl-2{padding-inline-end:.5rem!important}
.pe-xxl-3{padding-inline-end:1rem!important}
.pe-xxl-4{padding-inline-end:1.5rem!important}
.pe-xxl-5{padding-inline-end:3rem!important}
.px-xxl-0{padding-inline:0!important}
.px-xxl-1{padding-inline:.25rem!important}
.px-xxl-2{padding-inline:.5rem!important}
.px-xxl-3{padding-inline:1rem!important}
.px-xxl-4{padding-inline:1.5rem!important}
.px-xxl-5{padding-inline:3rem!important}
.py-xxl-0{padding-block:0!important}
.py-xxl-1{padding-block:.25rem!important}
.py-xxl-2{padding-block:.5rem!important}
.py-xxl-3{padding-block:1rem!important}
.py-xxl-4{padding-block:1.5rem!important}
.py-xxl-5{padding-block:3rem!important}
.ms-xxl-n1{margin-inline-start:-.25rem!important}
.me-xxl-n1{margin-inline-end:-.25rem!important}
.mx-xxl-n1{margin-inline:-.25rem!important}
.ms-xxl-n2{margin-inline-start:-.5rem!important}
.me-xxl-n2{margin-inline-end:-.5rem!important}
.mx-xxl-n2{margin-inline:-.5rem!important}
.ms-xxl-n3{margin-inline-start:-1rem!important}
.me-xxl-n3{margin-inline-end:-1rem!important}
.mx-xxl-n3{margin-inline:-1rem!important}
.ms-xxl-n4{margin-inline-start:-1.5rem!important}
.me-xxl-n4{margin-inline-end:-1.5rem!important}
.mx-xxl-n4{margin-inline:-1.5rem!important}
.ms-xxl-n5{margin-inline-start:-3rem!important}
.me-xxl-n5{margin-inline-end:-3rem!important}
.mx-xxl-n5{margin-inline:-3rem!important}
.gap-xxl-0{gap:0!important}
.row-gap-xxl-0{row-gap:0!important}
.column-gap-xxl-0{column-gap:0!important}
.gap-xxl-1{gap:.25rem!important}
.row-gap-xxl-1{row-gap:.25rem!important}
.column-gap-xxl-1{column-gap:.25rem!important}
.gap-xxl-2{gap:.5rem!important}
.row-gap-xxl-2{row-gap:.5rem!important}
.column-gap-xxl-2{column-gap:.5rem!important}
.gap-xxl-3{gap:1rem!important}
.row-gap-xxl-3{row-gap:1rem!important}
.column-gap-xxl-3{column-gap:1rem!important}
.gap-xxl-4{gap:1.5rem!important}
.row-gap-xxl-4{row-gap:1.5rem!important}
.column-gap-xxl-4{column-gap:1.5rem!important}
.gap-xxl-5{gap:3rem!important}
.row-gap-xxl-5{row-gap:3rem!important}
.column-gap-xxl-5{column-gap:3rem!important}
}
}

@layer ui-base { *, ::before, ::after { border-color: var(--ui-border-color); } }