@charset "UTF-8";._gate_111wv_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  padding: 1rem;
  text-align: center;
}
/* PulsingDots.module.css */
._container_4p85e_2 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

._dotsContainer_4p85e_8 {
  padding-top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._small_4p85e_15 ._dotsContainer_4p85e_8 {
  column-gap: 2px;
}

._medium_4p85e_19 ._dotsContainer_4p85e_8 {
  column-gap: 5px;
  padding-bottom: 2px;
}

._large_4p85e_24 ._dotsContainer_4p85e_8 {
  column-gap: 6px;
  padding-bottom: 3px;
  padding-left: 2px;
}

._dot_4p85e_8 {
  border-radius: 50%;
  display: inline-block;
  animation: _pulse_4p85e_1 1.5s ease-in-out infinite;
}

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

._primary_4p85e_40 {
  background-color: var(--bs-secondary);
}

._small_4p85e_15 ._dot_4p85e_8 {
  width: 3px;
  height: 3px;
}

._medium_4p85e_19 ._dot_4p85e_8 {
  width: 8px;
  height: 8px;
}

._large_4p85e_24 ._dot_4p85e_8 {
  width: 12px;
  height: 12px;
}

._visuallyHidden_4p85e_59 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

@keyframes _pulse_4p85e_1 {
  0%,
  100% {
    transform: scale(0.7);
    opacity: 0.4;
  }
  50% {
    transform: scale(1);
    opacity: 0.8;
  }
}
._container_uf0p9_1 {
  position: relative;
  width: 100%;
}

._input_uf0p9_6 {
  display: block;
  width: 100%;
  font-size: 12px;
  padding: 4px 6px;
  border-radius: 4px;
  border: 1px solid var(--bs-border-color);
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
}

._input_uf0p9_6:disabled {
  background: var(--bs-light);
  color: var(--bs-secondary);
}

._inputWithToggle_uf0p9_22 {
  padding-right: 24px;
}

._toggleButton_uf0p9_26 {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 2px 4px;
  cursor: pointer;
  color: var(--bs-body-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}

._toggleButton_uf0p9_26:hover:not(:disabled) {
  color: var(--bs-body-color);
}

._toggleButton_uf0p9_26:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

._suggestionsList_uf0p9_51 {
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-height: 200px;
  overflow-y: auto;
  z-index: 10000;
}

._suggestionItem_uf0p9_64 {
  padding: 6px 8px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._suggestionItem_uf0p9_64:hover,
._suggestionItem_uf0p9_64._highlighted_uf0p9_74 {
  background: var(--bs-primary);
  color: white;
}
/* A bidi island: strong RTL/LTR characters in untrusted text can't reorder
   the UI text around it, and each line takes its direction from its own
   content (as a terminal would) instead of the page's. */
._untrustedText_tpj36_4 {
  unicode-bidi: plaintext;
  white-space: pre-wrap;
}

/* Inline untrusted text inherits its container's wrapping, so single-line
   labels and grid cells still truncate. */
._untrustedInlineText_tpj36_11 {
  unicode-bidi: plaintext;
}

._placeholder_tpj36_15 {
  font-style: italic;
  color: var(--bs-secondary-color);
  margin-inline-end: 0.5em;
}
._errorPanel_13pj6_1 {
  flex-direction: column;
  min-height: 10rem;
  margin-top: 4rem;
  margin-bottom: 4em;
  width: 100%;
}

._heading_13pj6_9 {
  font-size: var(--inspect-font-size-larger);
}

._body_13pj6_13 {
  display: inline-block;
  font-size: var(--inspect-font-size-smaller);
  margin-top: 1rem;
  border: solid 1px var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  padding: 1em;
  max-width: 80%;
}

._stack_13pj6_23 {
  font-size: var(--inspect-font-size-smaller);
  white-space: prewrap;
}

._centeredFlex_13pj6_28 {
  display: flex;
  flex: 0 0 content;
  align-items: center;
  justify-content: start;
}

._errorIcon_13pj6_35 {
  margin-right: 0.5rem;
  color: var(--bs-red);
}
._headerContainer_19525_1 {
  /* Flex (not grid) so an optional `children` action node sits inline
     beside the label rather than wrapping onto a new row. The previous
     2-column grid (`max-content auto`) treated icon / label-text /
     children as three grid items in two columns, forcing the third
     onto its own row. With flex, icon + label sit at the start and
     any actions trailing in `children` flow inline (and can push
     themselves to the far edge with `margin-left: auto`). */
  display: flex;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  font-size: var(--inspect-font-size-small);
  font-weight: 600;
  border-bottom: solid 1px var(--bs-light-border-subtle);
}

._headerContainer_19525_1._headerModern_19525_17 {
  color: var(--bs-secondary);
  padding: 0.25rem 0.5rem 0rem 0.5rem;
  border-bottom: none;
  background-color: var(--bs-body-bg);
}

._headerIcon_19525_24:not(._headerIconEmpty_19525_24) {
  padding-right: 0.2rem;
}

._body_19525_28 {
  background-color: var(--bs-body-bg);
  padding: 0.5rem !important;
}

._card_19525_33 {
  background-color: var(--bs-body-bg);
  border: solid 1px var(--bs-light-border-subtle);
  border-radius: var(--bs-border-radius);
  overflow: hidden;
}

._body_19525_28._noPadding_19525_40 {
  padding: 0;
}
._copyButton_1goi8_1 {
  border: none;
  background-color: inherit;
  opacity: 0.5;
  padding-top: 0;
  transition: opacity 0.2s;
}

._copyButton_1goi8_1:hover {
  opacity: 0.75;
}
._backdrop_1hn8l_1 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.36);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 15vh;
  /* Above app chrome: Bootstrap's sticky-top navbar is 1020 and fixed
     elements are 1030, so a modal must clear those (matches the standard
     Bootstrap modal layer). */
  z-index: 1050;
}

._modal_1hn8l_15 {
  background: var(--vscode-editor-background);
  border: 1px solid
    var(--vscode-widget-border, var(--vscode-editorWidget-border));
  border-radius: 4px;
  box-shadow: 0 4px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36));
  max-width: 450px;
  width: 90%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

._header_1hn8l_28 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid
    var(--vscode-widget-border, var(--vscode-editorWidget-border));
}

._title_1hn8l_37 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--vscode-foreground);
}

._closeButton_1hn8l_44 {
  background: none;
  border: none;
  color: var(--vscode-foreground);
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._closeButton_1hn8l_44:hover {
  background: var(--vscode-toolbar-hoverBackground);
  border-radius: 4px;
}

._body_1hn8l_60 {
  padding: 16px;
  color: var(--vscode-foreground);
  font-size: 13px;
}

._overflowAuto_1hn8l_66 {
  overflow-y: auto;
}

._overflowHidden_1hn8l_70 {
  overflow: hidden;
}

._overflowScroll_1hn8l_74 {
  overflow: scroll;
}

._overflowVisible_1hn8l_78 {
  overflow: visible;
}

._noPadding_1hn8l_82 {
  padding: 0;
}

._footer_1hn8l_86 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid
    var(--vscode-widget-border, var(--vscode-editorWidget-border));
}
._jsonPanel_1ssvw_1 {
  width: 100%;
  padding: 0.5em;
}

._jsonPanel_1ssvw_1:not(._simple_1ssvw_6) {
  background: var(--bs-light);
  border-radius: var(--bs-border-radius);
}

/* `source-code` is a repo-wide convention class (see packages/theme base.css
   and SourceCodePanel/ToolInput), so it stays global here. */
._jsonPanel_1ssvw_1 .source-code {
  font-size: var(--inspect-font-size-small);
  white-space: pre-wrap !important;
  word-wrap: anywhere !important;
}

/* Prism.js convention class on highlighted code — must stay global. */
.language-javascript {
  background: transparent !important;
}
._labeledValue_6obbb_1 {
  display: flex;
  justify-content: flex-start;
}

._labeledValue_6obbb_1._row_6obbb_6 {
  flex-direction: row;
}

._labeledValue_6obbb_1._column_6obbb_10 {
  flex-direction: column;
}

._labeledValue_6obbb_1._row_6obbb_6 ._labeledValueLabel_6obbb_14 {
  margin-right: 0.5em;
}
._wrapper_1tajk_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 0;
  overflow-y: visible;
  overflow-x: visible;
  text-align: center;
}

._container_1tajk_12 {
  width: 100%;
  height: 1px;
  background-color: transparent;
  position: sticky;
  overflow: hidden;
  z-index: 1200;
}

._animate_1tajk_21 {
  width: 5%;
  height: 1px;
  animation: _leftToRight_1tajk_1 2s linear infinite;
  background-color: #3b82f6;
  position: absolute;
  left: 0;
  top: 0;
}

@keyframes _leftToRight_1tajk_1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(2000%);
  }
}
/* Rendered markdown defines its own whitespace semantics, so neutralize any
   `white-space: pre-wrap` inherited from an ancestor container. Without this,
   markdown-it-mathjax3's pretty-printed math output (newlines/indentation
   around each `<span id="mjx-…">` wrapper) is preserved as real line breaks,
   stacking every inline formula onto its own line. Block elements that need
   preserved whitespace (`pre`/`code`) carry their own directly-matching
   white-space rules, which override this inherited value. */
.markdown-content {
  white-space: normal;
}

/* Inline data-URI images have arbitrary intrinsic width; cap them at the
   typed ContentImage path's 800px and never wider than the container. */
.markdown-content img {
  max-width: min(100%, 800px);
}

.markdown-ordered-list-item {
  margin-bottom: 0.2em;
}

.markdown-content p:last-child {
  margin-bottom: 0;
}

/* Untrusted content is shown as its literal source text. */
.untrusted-content {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
._panel_tison_1 {
  width: 100%;
  display: flex;
  justify-content: center;
}

._container_tison_7 {
  margin-top: 3em;
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 0.3em;
}

._ellipsis_tison_14 {
  display: inline-flex;
}

._ellipsis_tison_14 i {
  font-style: normal;
  animation: _ncp-ellipsis_tison_1 1.5s ease-in-out infinite both;
}

._ellipsis_tison_14 i:nth-child(2) {
  animation-delay: 0.18s;
}

._ellipsis_tison_14 i:nth-child(3) {
  animation-delay: 0.36s;
}

@keyframes _ncp-ellipsis_tison_1 {
  0%,
  80%,
  100% {
    opacity: 0.22;
  }
  40% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._ellipsis_tison_14 i {
    animation: none;
    opacity: 0.55;
  }
}
._content_13ihw_1 {
  white-space: pre-wrap;
}
._container_1n7pm_1 {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
}

._label_1n7pm_7 {
  margin-left: 0.3em;
}

._outer_1n7pm_11 {
  display: flex;
  height: 1em;
  border-radius: var(--bs-border-radius);
  border: solid var(--bs-border-color) 1px;
  overflow: hidden;
  background-color: var(--bs-body-bg);
}

._inner_1n7pm_20 {
  background-color: var(--bs-primary);
  position: sticky;
  opacity: 0.7;
}
._separator_ts678_1 {
  flex: 0 0 1px;
  background-color: var(--bs-border-color);
}

._rail_ts678_6 {
  align-self: stretch;
  background-color: var(--bs-body-bg);
}

._railSticky_ts678_11 {
  position: sticky;
}
/* 1px divider to the panel's left, stretched to the full row height so the
   resizer it hosts spans the whole panel edge. */
._divider_1538e_3 {
  position: relative;
  flex: 0 0 1px;
  align-self: stretch;
  background-color: var(--bs-border-color);
}

._resizer_1538e_10 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3px;
  width: 7px;
  cursor: col-resize;
  touch-action: none;
  user-select: none;
  /* Above the panel and content headers so the hover highlight is one
     continuous line, but below sticky swimlanes (z-index 500) and the sample
     header so it never paints over them when scrolled. */
  z-index: 200;
  background-color: transparent;
}

/* Crisp highlight centered on the 1px divider, so hover reads as a clean line
   instead of a fat bar bleeding over the neighboring header bars. */
._resizer_1538e_10::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
  background-color: transparent;
  transition: background-color 120ms ease;
}

._resizer_1538e_10:hover::after,
._resizer_1538e_10:active::after {
  background-color: var(--bs-primary);
}

/* No padding: hosted panels (Search / Scans) own their internal padding and
   render full-width header bars, so the column must be flush. */
._panel_1538e_47 {
  position: sticky;
  padding: 0;
  align-self: start;
  background-color: var(--bs-body-bg);
  overflow-y: auto;
  scrollbar-width: thin;
}
._rail_1llfi_1 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 0.25rem;
}

._item_1llfi_9 {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.5rem 0.25rem;
  color: var(--bs-secondary-color);
  border-left: 2px solid transparent;
  transition:
    color 120ms ease,
    background-color 120ms ease;
}

._item_1llfi_9:hover:not(:disabled) {
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
}

._item_1llfi_9:disabled {
  cursor: default;
  opacity: 0.45;
}

._itemActive_1llfi_35 {
  color: var(--bs-body-color);
  border-left-color: var(--bs-primary);
  background-color: var(--bs-tertiary-bg);
}

._icon_1llfi_41 {
  font-size: 1.1rem;
  line-height: 1;
}

._label_1llfi_46 {
  text-align: center;
  line-height: 1.1;
}
._rootControl_116ql_1 {
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  display: flex;
  flex-direction: row;
  align-items: center;
  border: solid 1px var(--bs-border-color);
}

._segment_116ql_10._selected_116ql_10 {
  background-color: var(--bs-secondary-bg);
  border-radius: var(--bs-border-radius);
  color: var(--bs-emphasis-color);
}

/* Segments with an href render as <a>; they share the button styling. */
:is(button, a)._segment_116ql_10 {
  margin: 1px;
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  border: none;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  height: calc(100% - 2px);
}

a._segment_116ql_10 {
  /* Centre the label vertically like a <button> does, and match its focus
     ring. */
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  outline-offset: 0;
}

._segment_116ql_10 i {
  margin-right: 0.2em;
}

:is(button, a)._segment_116ql_10._compact_116ql_42 {
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}

:is(button, a)._segment_116ql_10._compact_116ql_42 i {
  margin-right: 0;
}

button._segment_116ql_10._disabled_116ql_51,
button._segment_116ql_10._disabled_116ql_51:hover {
  opacity: 0.5;
  cursor: not-allowed;
}
._header_2b98m_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  flex-shrink: 0;
  height: 39px;
  border-bottom: 1px solid var(--bs-border-color);
  background-color: var(--bs-light);
}

._headerTitle_2b98m_12 {
  margin: 0;
  font-size: var(--inspect-font-size-smallest);
  color: var(--bs-body-color);
  text-transform: uppercase;
  font-weight: 400;
}

._headerIcon_2b98m_20 {
  margin-right: 0.5em;
}

._headerSecondary_2b98m_24 {
  font-size: var(--inspect-font-size-smallest);
  color: var(--bs-secondary-color);
}

._headerActions_2b98m_29 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._closeButton_2b98m_35 {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

._closeButton_2b98m_35:focus-visible {
  outline: 1px solid var(--bs-primary);
  outline-offset: 1px;
}
._sourcePanel_bat6y_1 {
  width: 100%;
  padding: 0.5em;
}

._sourcePanel_bat6y_1:not(._simple_bat6y_6) {
  background: var(--bs-light);
  border-radius: var(--bs-border-radius);
}

._sourcePanel_bat6y_1 ._code_bat6y_11 {
  font-size: var(--inspect-font-size-small);
  white-space: pre-wrap !important;
  word-wrap: anywhere !important;
  background: transparent !important;
}
._container_hqi3c_1 {
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 0.3em;
  border: solid var(--bs-border-color) 1px;
  border-radius: var(--bs-border-radius);
  background-color: var(--inspect-input-background);
  align-items: center;
  overflow: hidden;
}

._container_hqi3c_1:focus-within {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

._input_hqi3c_17 {
  border: none;
  outline: none;
  background: transparent;
  color: var(--bs-body-color);
  min-width: 0;
}

._withIcon_hqi3c_25 {
  grid-template-columns: max-content 1fr max-content;
}

._icon_hqi3c_29 {
  margin-left: 0.3em;
}

._clearText_hqi3c_33 {
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  opacity: 0.6;
  margin-right: 0.3em;
}

._clearText_hqi3c_33:hover {
  cursor: pointer;
}

._clearText_hqi3c_33._hidden_hqi3c_47:hover {
  cursor: default !important;
}
._hidden_hqi3c_47 {
  opacity: 0 !important;
}
.btn._toolButton_1nbeo_1 {
  background-color: var(--bs-light-border-subtle);
}

.btn._toolButton_1nbeo_1._bodyColor_1nbeo_5 {
  background-color: var(--bs-light);
}

._toolButton_1nbeo_1 {
  white-space: nowrap;
}

._toolButton_1nbeo_1 i {
  margin-right: 0.5em;
}

._toolButton_1nbeo_1 ._chevron_1nbeo_17 {
  margin-left: 0.5em;
  margin-right: 0;
  font-size: 0.75em;
}

._toolButton_1nbeo_1:focus {
  outline: none;
  box-shadow:
    0 0 0 2px rgba(var(--bs-primary-rgb), 0.5),
    inset 0 2px 4px rgba(0, 0, 0, 0.15),
    inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

._backdrop_1nbeo_31 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* Above Bootstrap's sticky-top (1020) so sticky bars don't occlude the menu. */
  z-index: 1049;
}

._dropdownMenu_1nbeo_41 {
  position: fixed;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  /* Above Bootstrap's sticky-top (1020) so sticky bars don't occlude the menu. */
  z-index: 1050;
  overflow: hidden;
}

._dropdownItem_1nbeo_52 {
  display: block;
  width: 100%;
  padding: 0.25rem 0.75rem;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  color: var(--bs-body-color);
  white-space: nowrap;
  transition: background-color 0.15s ease-in-out;
}

._dropdownItem_1nbeo_52:hover {
  background-color: var(--bs-tertiary-bg);
}

._dropdownItem_1nbeo_52:active {
  background-color: var(--bs-secondary-bg);
}

._dropdownItemSelected_1nbeo_73,
._dropdownItemSelected_1nbeo_73:hover {
  background-color: var(--bs-primary-bg-subtle);
}

._dropdownHeading_1nbeo_78 {
  padding: 0.15rem 0.75rem 0.1rem;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

._dropdownDivider_1nbeo_87 {
  border-top: 1px solid var(--bs-border-color);
  margin: 0.25rem 0;
}

._dropdownFooter_1nbeo_92 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--bs-secondary-color);
}

._dropdownFooter_1nbeo_92 i {
  font-size: 0.85em;
}

._toolButton_1nbeo_1 ._noMargin_1nbeo_103 {
  margin-right: 0;
}

._collapsibleLabel_1nbeo_107 {
  margin-left: 0.5em;
}

/* Below this width the label is visually hidden but stays the accessible name. */
@media (max-width: 1300px) {
  ._collapsibleLabel_1nbeo_107 {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
._visible_tm52u_1 {
  display: block;
}

._hidden_tm52u_5 {
  display: none;
}

._pills_tm52u_9 {
  margin-right: 0;
}

._pill_tm52u_9 {
  min-width: 4rem;
  font-size: var(--inspect-font-size-small);
  padding: 0.1rem 0.6rem;
  border-radius: var(--bs-border-radius);
}
._tabs_mmxoy_1 {
  align-items: center;
}

._tabContents_mmxoy_5 {
  flex: 1;
  /* clip instead of hidden to ensure scroll container for position: sticky; children is higher in the hierarchy */
  overflow-y: clip;
  /* As a flex item, min-width defaults to auto = the pane's content
   * min-width — wide content (e.g. a data grid's fixed-width table) would
   * force the pane past the tabset and make an ancestor scroll
   * horizontally. Let the pane shrink so wide content scrolls inside it
   * (the vertical twin of .scrollable's min-height: 0). */
  min-width: 0;
}

._tabContents_mmxoy_5._scrollable_mmxoy_13 {
  min-height: 0;
  overflow-y: auto;
  height: 100%;
}

._tab_mmxoy_1 {
  color: "var(--bs-body-color)";
  padding: 0.25rem 0.5rem;
  border-top-left-radius: var(--bs-border-radius);
  border-top-right-radius: var(--bs-border-radius);
  font-weight: 500;
  margin-top: 2px;
  margin-bottom: -1px;
}

/* A tab rendered as <a> (href set): match the <button> tab's centred label
   when a caller gives tabs a fixed width. */
._linkTab_mmxoy_35 {
  text-align: center;
}

._tabItem_mmxoy_39 {
  align-self: end;
}

._pillSmallContainer_mmxoy_43 {
  gap: 0.125rem;
}

._pillSmall_mmxoy_43 {
  padding: 0.3rem 0.3rem;
}

._tabIcon_mmxoy_51 {
  margin-right: 0.5em;
}

._tabSpacer_mmxoy_55 {
  flex: 1 1 0;
  min-width: 0;
  list-style: none;
}

._tabTools_mmxoy_61 {
  /* Grow alongside the spacer so flex children inside (e.g. a filter
     input) can claim leftover horizontal space rather than being
     content-sized. `justify-content: end` keeps non-growing tools
     pinned to the right edge as before. */
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  row-gap: 0.3rem;
  column-gap: 0.5rem;
}

._tabStyle_mmxoy_75 {
  padding-left: 0.7em;
  padding-right: 0.7em;
}

._tabTools_mmxoy_61 > * {
  flex: 0 1 auto;
}

._tabTools_mmxoy_61 input {
  font-size: var(--inspect-font-size-smallest);
}

._tabTools_mmxoy_61 .btn {
  font-size: var(--inspect-font-size-smallest);
  padding: 0.1em 0.5em;
}
._outer_i2ek3_1 {
  /* Positioned so the block-left sticky toggle's containing block is this
     wrapper — keeps sticky behavior scoped to the panel instead of leaking
     to some arbitrary positioned ancestor up the tree. */
  position: relative;
  /* Fill the row when the panel is a flex item: event-panel tab panes are
     row flex containers (`.tab-content > .active { display: flex }` in the
     theme), so without this the panel shrink-wraps to narrow content (e.g. a
     column of images) and the inline-right "more…" toggle lands on top of
     that content instead of at the card's right edge. `flex-grow` rather
     than `width: 100%` because it is inert in block flow — callers that pass
     horizontal margins via `className` (e.g. RetryAttemptCard's errorPanel)
     would overflow their container under an explicit 100% width. */
  flex-grow: 1;
}

._expandablePanel_i2ek3_17 {
  position: relative;
}

._expandableBordered_i2ek3_21 {
  border: solid var(--bs-light-border-subtle) 1px;
  padding: 0.5em;
}

/* Fade-out at the bottom of truncated content to signal "more below".
   Applied only when collapsed AND the content overflows.

   The wrapper carries `overflow: hidden` + `max-height` (set inline), so its
   box matches the visible region — the mask gradient's "bottom" lands on the
   last visible line rather than on the bottom of the natural-height content
   (which would sit off-screen).

   We mask the content itself (rather than overlaying a background-color
   gradient) so the affordance works on any surface, regardless of the
   panel's bg. The inline-right toggle is a sibling of this wrapper, so it
   stays fully opaque. */
._expandableTruncated_i2ek3_38 {
  -webkit-mask-image: linear-gradient(
    to bottom,
    black calc(100% - 3rem),
    transparent
  );
  mask-image: linear-gradient(to bottom, black calc(100% - 3rem), transparent);
}

._moreToggle_i2ek3_47 {
  display: flex;
  margin-top: 0;
  height: 20px;
  background-color: var(--bs-tertiary-bg);
  border-radius: 5px;
  border: solid var(--bs-light-border-subtle) 1px;
  color: var(--bs-link-color);
}

._moreToggle_i2ek3_47._bordered_i2ek3_57 {
  border-top: solid var(--bs-light-border-subtle) 1px;
}

/* Double class beats Bootstrap's `.btn` regardless of stylesheet order —
   in scout, Bootstrap loads after this module and its 6px 12px padding
   overflowed the fixed-height toggle bar. */
._moreToggle_i2ek3_47 ._moreToggleButton_i2ek3_64 {
  font-size: var(--inspect-font-size-smaller);
  border: none;
  padding: 0rem 0.5rem;
  background-color: transparent;
  color: var(--bs-body-color);
}

/* Fills the panel so its sticky child is bounded by the panel's rect.
   pointer-events: none lets clicks pass through to the content behind;
   the sticky child re-enables pointer events on itself. */
._inlineToggleHolder_i2ek3_75 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0.25em;
  pointer-events: none;
  z-index: 2;
}

/* Sticky tracks the *nearest scroll container*. Any ancestor between the
   panel and the real scroller with `overflow` other than `visible`/`clip`
   becomes that container and pins the toggle to the panel's bottom edge —
   off screen for a panel taller than the viewport. Consumers that round a
   frame's corners must use `overflow: clip`, not `hidden`. */
._inlineToggleSticky_i2ek3_92 {
  position: sticky;
  bottom: 0.25em;
  pointer-events: auto;
}

._moreToggle_i2ek3_47._blockLeft_i2ek3_98 {
  width: fit-content;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  position: sticky;
  bottom: 0.25em;
  z-index: 2;
}

/* Inside a collapsed panel, nested inline toggles stay at their own corners.
   The collapsed wrapper's `overflow: hidden` makes it their scroll container,
   so a sticky nested toggle would pin to the clipped edge, on top of this
   panel's own toggle; static, a clipped-away toggle stays out of sight.
   Block-left toggles stay sticky: they sit on the other side.
   `static` (not `relative`) so the stacking `bottom` doesn't shift it. */
._collapsedContent_i2ek3_113 ._inlineToggleSticky_i2ek3_92 {
  position: static;
}
._carouselThumbs_1dfia_1 {
  display: grid;
  grid-template-columns: auto auto auto auto;
}

._carouselThumb_1dfia_1 {
  display: block;
  background: black;
  color: white;
  padding: 4em 0;
  border: 0;
  margin: 5px;
  cursor: pointer;
  font: inherit;
  text-align: center;
}

._carouselPlayIcon_1dfia_18 {
  font-size: 4em;
}

._lightboxOverlay_1dfia_22 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
}

._lightboxContent_1dfia_35._open_1dfia_35,
._lightboxOverlay_1dfia_22._open_1dfia_35 {
  opacity: 1;
  visibility: visible;
}

._lightboxContent_1dfia_35._closed_1dfia_41,
._lightboxOverlay_1dfia_22._closed_1dfia_41 {
  opacity: 0;
  visibility: hidden;
}

._lightboxButtonCloseWrapper_1dfia_47 {
  position: absolute;
  top: 10px;
  right: 10px;
}

._lightboxButtonClose_1dfia_47 {
  border: none;
  background: none;
  color: #fff;
  font-size: 3em;
  font-weight: 500;
  cursor: pointer;
  padding-left: 1em;
  padding-bottom: 1em;
  z-index: 10000;
}

._lightboxPreviewButton_1dfia_65 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  color: #fff;
  border: none;
  padding: 0.5em;
  font-size: 3em;
  cursor: pointer;
  z-index: 9999;
}

._lightboxPreviewButton_1dfia_65._next_1dfia_78 {
  right: 10px;
}

._lightboxPreviewButton_1dfia_65._prev_1dfia_82 {
  left: 10px;
}

._lightboxContent_1dfia_35 {
  max-width: 90vw !important;
  max-height: 90vh !important;
  display: flex;
  position: relative;
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  z-index: 9999;
  overflow: hidden;
}

._lightboxContent_1dfia_35 > * {
  max-height: 90vh !important;
  max-width: 90vw !important;
}
._asciinemaPlayerStatus_1doob_1 {
  margin-right: 0.5em;
}

._asciinemaWrapper_1doob_5 {
  display: flex;
  justify-content: center;
}

._asciinemaContainer_1doob_10 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  width: 100%;
}

._asciinemaHeaderLeft_1doob_17 {
  justify-self: start;
  font-size: var(--inspect-font-size-small);
}

._asciinemaHeaderCenter_1doob_22 {
  justify-self: center;
  font-size: var(--inspect-font-size-small);
}

._asciinemaHeaderRight_1doob_27 {
  justify-self: start;
  font-size: var(--inspect-font-size-small);
}

._asciinemaBody_1doob_32 {
  border-top: 1px solid var(--bs-light-border-subtle);
  grid-column: span 3;
  width: 100%;
}
._findBand_oh7be_1 {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 20%;
  z-index: 1060;
  color: var(--inspect-find-foreground);
  background-color: var(--inspect-find-background);
  font-size: 0.9rem;
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  column-gap: 0.2em;
  padding: 0.2rem;
  border-bottom: solid 1px var(--bs-light-border-subtle);
  border-left: solid 1px var(--bs-light-border-subtle);
  border-right: solid 1px var(--bs-light-border-subtle);
  box-shadow: var(--bs-box-shadow);
}

._findBand_oh7be_1 input {
  height: 2em;
  font-size: 0.9em;
  margin: 0.1rem;
  outline: none;
  border: solid 1px var(--inspect-input-border);
  color: var(--inspect-input-foreground);
  background: var(--inspect-input-background);
}

._matchCount_oh7be_30 {
  font-size: 0.85em;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0.5em;
  white-space: nowrap;
  color: var(--inspect-find-foreground);
  opacity: 0.7;
}

._noResults_oh7be_40 {
  opacity: 1;
  color: var(--bs-danger, #dc3545);
}

/* `.btn` stays global (bootstrap); keep it in the compound selector so
   specificity still beats bootstrap's `.btn:hover` etc. regardless of
   stylesheet order. */
._findBand_oh7be_1 ._next_oh7be_48.btn,
._findBand_oh7be_1 ._prev_oh7be_49.btn {
  padding: 0;
  border: none;
  background: none;
}

._findBand_oh7be_1 ._close_oh7be_55.btn {
  padding: 0;
  border: none;
  background: none;
  font-size: var(--inspect-font-size-title-secondary);
  margin-top: -0.1rem;
  margin-bottom: -0.1rem;
}
._cite_1t1bm_1 {
  color: var(--bs-primary-text-emphasis);
  text-decoration: underline;
  text-decoration-style: dashed;
  cursor: pointer;
}

._cite_1t1bm_1:hover {
  text-decoration-style: solid;
  background-color: var(--bs-primary-bg-subtle);
}
._container_f9jlf_1 {
  display: grid;
  grid-template-columns: max-content auto max-content;
  align-items: center;
  gap: 0.5rem;
  margin-right: 1em;
}

._nav_f9jlf_9 {
  /* Renders as <a> when it has an href; keep the icon colour and focus ring
     of the div version. */
  color: inherit;
  text-decoration: none;
  outline-offset: 0;
}

._nav_f9jlf_9:hover:not(._disabled_f9jlf_17) {
  cursor: pointer;
  /* Outrank the global a:hover link colour. */
  color: inherit;
}

._disabled_f9jlf_17 {
  opacity: 0.5;
  pointer-events: none;
}

._center_f9jlf_28 {
  text-align: center;
}
._gate_fvpnz_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  padding: 1rem;
}

._card_fvpnz_10 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 32rem;
  color: var(--vscode-foreground);
}

._title_fvpnz_18 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}

._body_fvpnz_25 {
  margin: 0;
  color: var(--vscode-descriptionForeground);
}

._location_fvpnz_30 {
  display: block;
  padding: 0.5rem 0.75rem;
  background: var(--vscode-textCodeBlock-background);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  font-size: 0.85em;
  overflow-wrap: anywhere;
}

._actions_fvpnz_40 {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

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

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

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

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

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

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

textarea {
  resize: vertical;
}

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

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

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.figure {
  display: inline-block;
}

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

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

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

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

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

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.alert-heading {
  color: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

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

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap.css.map *//**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	/* This background color was intended by the author of this theme. */
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function,
.token.class-name {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}
:root {
  --bs-border-radius: 3px;
  --bs-border-radius-lg: 4px;
  --bs-popover-max-width: 50%;
  --bs-code-color: #8b0000;
  /* Secondary/italic guidance text (e.g. "optional" next to the Reason
     label in the edit dialogs). Bootstrap's --bs-secondary-color is
     readable on a light surface; in VS Code dark themes it disappears
     against the dialog background, so this variable is re-pointed at
     --vscode-descriptionForeground below. */
  --inspect-hint-foreground: var(--bs-secondary-color);
  --inspect-find-background: var(--bs-body-bg);
  --inspect-find-foreground: var(--bs-body-color);
  --inspect-input-background: var(--bs-body-bg);
  --inspect-input-foreground: var(--bs-body-color);
  --inspect-input-border: var(--bs-light-border-subtle);
  --inspect-diff-add-color: #dafbe1;
  --inspect-diff-remove-color: #ffebe9;
  --inspect-inactive-selection-background: var(
    --vscode-editor-inactiveSelectionBackground,
    #d9d9d9
  );
  --inspect-active-selection-background: var(
    --vscode-editor-selectionBackground,
    #d7d4f0
  );
  --inspect-focus-border-color: #86b7fe;
  --inspect-focus-border-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  /* Ring marking the event card a go-to-turn jump landed on (timeline blue). */
  --inspect-jump-target-ring-color: #4d7ebf;
  --inspect-focus-border-gray-color: #808080;
  --inspect-focus-border-gray-shadow: 0 0 0 0.25rem rgba(48, 48, 48, 0.25);

  /* Inspect Font Sizes */
  --inspect-font-size-title: 1.5rem;
  --inspect-font-size-title-secondary: 1.3rem;
  --inspect-font-size-largest: 1.2rem;
  --inspect-font-size-larger: 1.1rem;
  --inspect-font-size-large: 1rem;
  --inspect-font-size-base: 0.9rem;
  --inspect-font-size-small: 0.8rem;
  --inspect-font-size-smaller: 0.8rem;
  --inspect-font-size-smallest: 0.7rem;
  --inspect-font-size-smallestest: 0.6rem;

  /* Inspect Glass */
  --inspect-glass-color: #000000;
  --inspect-glass-opacity: 0.3;

  /* Terminal session bodies stay dark in every theme (the recordings' ANSI
     colors assume a dark background). */
  --inspect-terminal-background: #2d2d2d;
  --inspect-terminal-foreground: #cccccc;
  /* The largest terminal text: the transcript's tool output size (0.9em of
     the smaller size). Narrower rows fit their columns below it. */
  --inspect-terminal-font-size: calc(var(--inspect-font-size-smaller) * 0.9);

  /* Tool messages — dedicated tokens so apps (and the vscode bridge) can
     re-skin tool calls/outputs/errors without patching component CSS.
     Defaults reproduce the previous hard-coded appearance. */
  --inspect-tool-description-color: var(--bs-secondary-color);
  --inspect-tool-output-bg: #f8f8f8;
  --inspect-tool-output-color: inherit;
  --inspect-tool-output-border: var(--bs-border-color);
  --inspect-tool-error-color: var(--bs-danger);
  --inspect-tool-error-bg: rgba(var(--bs-danger-rgb), 0.06);

  /* Readable-variant role bands (light base). These tokens are DEFINED
     always but only APPLIED under [data-theme-variant="readable"], so the
     default design-consistent look is untouched — this is the "one small
     override block per base mode" instead of a duplicated stylesheet. */
  --inspect-readable-user-bg: #f1eeea;
  --inspect-readable-user-border: #857f78;
  --inspect-readable-assistant-bg: #f6f1fe;
  --inspect-readable-assistant-border: #694a8a;
  --inspect-readable-thinking-bg: #f7f2ff;
  --inspect-readable-thinking-border: #8a74c4;
  --inspect-readable-tool-call-bg: #edf4fb;
  --inspect-readable-tool-call-border: #415e79;
  --inspect-readable-system-bg: #fdfdfd;
  --inspect-readable-system-border: #a9abaf;
  --inspect-readable-body-color: #11181f;

  /* Message-label chip. */
  --inspect-msg-label-bg: #f3f3f6;
  --inspect-msg-label-bg-hover: #ebebef;
  --inspect-msg-label-border: #e4e4e9;
  --inspect-msg-label-text: #5f5f68;

  /* Tool block (header/edge/zones) tokens: neutral by default so the
     design-consistent look holds when Event Colors is off; the readable
     variant points them at the colored tool tokens below. The left edges
     are plain 1px card borders uncolored, 3px accent bands colorized. */
  --inspect-tool-block-edge: 1px solid var(--bs-light-border-subtle);
  --inspect-tool-block-header-bg: var(--bs-tertiary-bg);
  /* The input continues the header surface; the output is lighter (plain
     page background) so the call and its result read as distinct zones. */
  --inspect-tool-block-input-bg: var(--inspect-tool-block-header-bg);
  --inspect-tool-block-output-bg: var(--bs-body-bg);
  --inspect-tool-block-ink: var(--bs-secondary-color);
  --inspect-turn-prose-edge: 1px solid var(--bs-light-border-subtle);

  /* Tool call checks (approval and sentinel insets inside a tool block). The
     input-region tokens follow the tool block: neutral by default, tinted
     under the readable variant. */
  --inspect-check-input-border: var(--bs-light-border-subtle);
  --inspect-check-input-pill-bg: var(--bs-body-bg);
  --inspect-check-result-border: #e3e5e8;
  --inspect-check-result-pill-bg: var(--bs-tertiary-bg);
  --inspect-check-result-pill-text: #495057;
  --inspect-check-tree-guide: #ced4da;
  --inspect-check-kind-icon: rgba(var(--bs-body-color-rgb), 0.5);
  --inspect-check-open-row-bg: #e7f0f9;
  --inspect-check-detail-before-bg: #f8fafc;
  --inspect-check-detail-after-bg: var(--bs-tertiary-bg);
  --inspect-check-chip-bg: #f1f3f5;
  --inspect-check-reject-icon: var(--bs-danger);
  --inspect-check-reject-text: #b02a37;
  --inspect-check-reject-reason: var(--bs-danger-text-emphasis);
  --inspect-check-reject-bg: #fdf3f4;
  --inspect-check-reject-border: #f1c6cb;
  --inspect-check-reject-tree-border: #f1e1e3;
  --inspect-check-reject-detail-bg: #fdf6f7;
  --inspect-check-modify-icon: #997404;
  --inspect-check-modify-text: var(--bs-warning-text-emphasis);
  --inspect-check-modify-bg: #fffbeb;
  --inspect-check-modify-border: var(--bs-warning-border-subtle);
  --inspect-check-modify-tree-border: #efe3bd;
  --inspect-check-modify-detail-bg: #fffcf2;
  --inspect-check-modify-box-border: #f3e3a6;
  --inspect-check-flag-bg: var(--bs-warning-bg-subtle);
  --inspect-check-approve-icon: var(--bs-success);
  --inspect-check-approve-text: var(--bs-success-text-emphasis);
}

:root[data-bs-theme="dark"] {
  --inspect-tool-output-bg: #14171c;

  --inspect-msg-label-bg: #2a2a2e;
  --inspect-msg-label-bg-hover: #33333a;
  --inspect-msg-label-border: #3a3a40;
  --inspect-msg-label-text: #b4b4bd;

  --inspect-readable-user-bg: #262421;
  --inspect-readable-user-border: #8e8881;
  --inspect-readable-assistant-bg: #251f2c;
  --inspect-readable-assistant-border: #9575b9;
  --inspect-readable-thinking-bg: #241f31;
  --inspect-readable-thinking-border: #8c7fbf;
  --inspect-readable-tool-call-bg: #1c232a;
  --inspect-readable-tool-call-border: #6c8aa7;
  --inspect-readable-system-bg: #0a0b0d;
  --inspect-readable-system-border: #67696f;
  --inspect-readable-body-color: #e6e8ea;

  --inspect-check-result-border: #3a3f45;
  --inspect-check-result-pill-text: var(--bs-secondary-color);
  --inspect-check-tree-guide: #495057;
  --inspect-check-open-row-bg: #1f2c3a;
  --inspect-check-detail-before-bg: #1a1f25;
  --inspect-check-chip-bg: #2b3035;
  --inspect-check-reject-text: #ea868f;
  --inspect-check-reject-bg: #2c1a1d;
  --inspect-check-reject-border: #6a2a31;
  --inspect-check-reject-tree-border: #4a2a2e;
  --inspect-check-reject-detail-bg: #251a1c;
  --inspect-check-modify-icon: #e0b341;
  --inspect-check-modify-bg: #2a2412;
  --inspect-check-modify-tree-border: #4d4222;
  --inspect-check-modify-detail-bg: #242012;
  --inspect-check-modify-box-border: #5c4e1f;
}

/* Readable variant: trade design consistency for transcript scannability —
   each turn gets a distinct tinted band + accent rule, and the tool tokens
   are pointed at the higher-contrast role colors. Roles are read off the
   `data-message-role` / `data-content-kind` attributes the chat components
   already emit (no per-role classes, no duplicated styles). */
:root[data-theme-variant="readable"] {
  --bs-body-color: var(--inspect-readable-body-color);
  --inspect-tool-block-edge: 3px solid var(--inspect-readable-tool-call-border);
  --inspect-tool-block-header-bg: var(--inspect-readable-tool-call-bg);
  --inspect-tool-block-input-bg: var(--inspect-readable-tool-call-bg);
  --inspect-tool-block-output-bg: var(--inspect-tool-output-bg);
  --inspect-tool-block-ink: var(--inspect-readable-tool-call-border);
  --inspect-turn-prose-edge: 3px solid var(--inspect-readable-assistant-border);
  --inspect-check-input-border: #d5e1ec;
  --inspect-check-input-pill-bg: #f5f9fd;
}

:root[data-theme-variant="readable"][data-bs-theme="dark"] {
  --inspect-check-input-border: #34465a;
  --inspect-check-input-pill-bg: #1c232a;
}

:root[data-theme-variant="readable"] [data-message-role] {
  border-left: 3px solid transparent;
}

:root[data-theme-variant="readable"] [data-message-role="user"] {
  background-color: var(--inspect-readable-user-bg);
  border-left-color: var(--inspect-readable-user-border);
}

:root[data-theme-variant="readable"] [data-message-role="assistant"] {
  background-color: var(--inspect-readable-assistant-bg);
  border-left-color: var(--inspect-readable-assistant-border);
}

/* The boxed "surface" of a tool call is the raw-content pre
   (pre.tool-call-input) or the eval-provided view container
   (div.tool-call-input). Box the surface itself — a tinted call-out with a
   colored left accent (standalone transcript) — so free-form custom views get
   the same treatment as code views. */
:root[data-theme-variant="readable"] pre.tool-call-input,
:root[data-theme-variant="readable"] div.tool-call-input {
  background-color: var(--inspect-readable-tool-call-bg);
  border: 1px solid var(--bs-light-border-subtle);
  border-left: 3px solid var(--inspect-readable-tool-call-border);
  border-radius: var(--bs-border-radius);
  padding: 0.5em !important;
}

/* Flatten a fenced code block inside a view — the surface carries the box. */
:root[data-theme-variant="readable"] .tool-call-input pre[class*="language-"] {
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0;
  margin: 0 !important;
  padding: 0 !important;
}

/* Nested in a message band: neutral surface with a subtle (not colored) left,
   since the surrounding band already frames the turn. The un-embedded tool box
   and standalone transcript tool events keep the colored call surface. */
:root[data-theme-variant="readable"] [data-message-role] pre.tool-call-input,
:root[data-theme-variant="readable"] [data-message-role] div.tool-call-input {
  background-color: var(--inspect-tool-output-bg);
  border-left: 1px solid var(--bs-light-border-subtle);
}

/* Light subtle box around tool output (standalone transcript tool events). */
:root[data-theme-variant="readable"] .tool-output {
  border: 1px solid var(--bs-light-border-subtle);
  border-radius: var(--bs-border-radius);
}

:root[data-theme-variant="readable"] [data-message-role="system"] {
  background-color: var(--inspect-readable-system-bg);
  border-left-color: var(--inspect-readable-system-border);
}

/* Agent thinking, nested inside an assistant turn, gets a subtle tint so
   reasoning is visually separable from the model's actual response. No left
   accent — nested inside the assistant band it reads as a strong double gutter.*/
:root[data-theme-variant="readable"] [data-content-kind="reasoning"] {
  background-color: var(--inspect-readable-thinking-bg);
}

/* Tabs that navigate render as links (TabSet's href); style them like the
   button tabs. */
body:not([class^="vscode-"]) button,
body:not([class^="vscode-"]) a[role="tab"] {
  --bs-nav-pills-link-active-bg: #e3eaf1;
  --bs-nav-pills-link-active-color: black;
  --bs-nav-link-color: black;
}

#app {
  height: 100vh;
  overflow-y: hidden;
}

.app-main-grid {
  display: grid;
  height: 100vh;
  overflow-y: hidden;
  grid-template-rows: max-content max-content 1fr;
}

a {
  color: var(--bs-link-color);
}

a:hover {
  color: var(--bs-link-hover-color);
}

.modal {
  --bs-modal-margin: 0.25rem;
}

.modal-backdrop {
  --bs-backdrop-opacity: 0.4;
}

.app-main-grid.single-file-mode {
  grid-template-rows: max-content max-content 1fr;
}

/* Inspect Text Styles */
.text-style-label {
  text-transform: uppercase !important;
}

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

.text-style-tertiary {
  color: var(--bs-tertiary-color) !important;
}

/* Inspect Font Size Styles */
.text-size-title {
  font-size: var(--inspect-font-size-title) !important;
}

.text-size-title-secondary {
  font-size: var(--inspect-font-size-title-secondary) !important;
}

.text-size-largest {
  font-size: var(--inspect-font-size-largest) !important;
}

.text-size-larger {
  font-size: var(--inspect-font-size-larger) !important;
}

.text-size-large {
  font-size: var(--inspect-font-size-large) !important;
}

.text-size-base {
  font-size: var(--inspect-font-size-base) !important;
}

.text-size-small {
  font-size: var(--inspect-font-size-small) !important;
}

.text-size-smaller {
  font-size: var(--inspect-font-size-smaller) !important;
}

.text-size-smallest {
  font-size: var(--inspect-font-size-smallest) !important;
}

.text-size-smallestest {
  font-size: var(--inspect-font-size-smallestest) !important;
}

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

.three-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(3em * var(--bs-body-line-height));
}

body[class^="vscode-"] {
  /* Tool message tokens bridged to VS Code's editor widget palette so tool
     calls read as embedded editor panels inside the IDE. */
  --inspect-tool-description-color: var(--vscode-descriptionForeground);
  --inspect-tool-output-bg: var(--vscode-textCodeBlock-background);
  --inspect-tool-output-color: var(--vscode-editor-foreground);
  --inspect-tool-output-border: var(--vscode-editorWidget-border);
  --inspect-tool-error-color: var(--vscode-errorForeground);
  --inspect-tool-error-bg: var(--vscode-inputValidation-errorBackground);

  --bs-body-bg: var(--vscode-editor-background);
  --bs-secondary-bg-subtle: var(--vscode-editorHoverWidget-background);
  --bs-tertiary-bg: var(--vscode-list-hoverBackground);
  --bs-primary-text-emphasis: var(--vscode-editorLink-activeForeground);
  --bs-card-bg: var(--vscode-editor-background);
  --bs-table-bg: var(--vscode-editor-background);
  --bs-light-bg-subtle: var(--vscode-sideBar-background);
  --bs-light-border-subtle: var(--vscode-sideBarSectionHeader-border);
  --bs-body-color: var(--vscode-editor-foreground);
  --bs-table-color: var(--vscode-editor-foreground);
  --bs-accordion-btn-color: var(--vscode-editor-foreground);
  --bs-emphasis-color: var(--vscode-editor-foreground);
  --bs-navbar-brand-color: var(--vscode-editor-foreground);
  --bs-navbar-brand-hover-color: var(--vscode-editor-foreground);
  --bs-code-color: var(--vscode-editorInfo-foreground);
  --bs-light: var(--vscode-sideBar-background);
  --bs-btn-bg: var(--vscode-peekViewTitle-background);
  --bs-primary: var(--vscode-banner-iconForeground);
  --bs-primary-bg-subtle: var(--vscode-editor-selectionHighlightBackground);
  --bs-nav-pills-link-active-bg: var(--vscode-banner-iconForeground);
  --bs-link-color: var(--vscode-textLink-foreground);
  --bs-link-hover-color: var(--vscode-textLink-activeForeground);
  --bs-secondary: var(--vscode-breadcrumb-foreground);
  --bs-secondary-bg: var(--vscode-list-inactiveSelectionBackground);
  --bs-tertiary-bg: var(--vscode-list-hoverBackground);
  --bs-border-color: var(--vscode-editorGroup-border);
  --bs-card-border-color: var(--vscode-editorGroup-border);
  --bs-warning-bg-subtle: var(--vscode-inputValidation-warningBackground);
  --bs-warning-text-emphasis: var(--vscode-input-foreground);
  --bs-success-bg-subtle: var(--vscode-diffEditor-insertedTextBackground);
  --bs-danger-bg-subtle: var(--vscode-diffEditor-removedTextBackground);
  --bs-info-bg-subtle: var(--vscode-inputValidation-infoBackground);
  --bs-breadcrumb-divider-color: var(--vscode-foreground);
  --inspect-find-background: var(--vscode-editorWidget-background);
  --inspect-find-foreground: var(--vscode-editorWidget-foreground);
  --inspect-input-background: var(--vscode-input-background);
  --inspect-input-foreground: var(--vscode-input-foreground);
  --inspect-input-border: var(--vscode-input-border);
  /* descriptionForeground is the muted-but-readable text VS Code uses
     for inline guidance (e.g. quick-pick descriptions). Matches the
     editor's contrast tuning in both light and dark themes. */
  --inspect-hint-foreground: var(--vscode-descriptionForeground);
  --inspect-diff-add-color: var(--vscode-diffEditor-insertedTextBackground);
  --inspect-diff-remove-color: var(--vscode-diffEditor-removedTextBackground);
  --inspect-glass-color: var(--vscode-editor-foreground);
  --inspect-glass-opacity: 0.15;
}

html.vscode {
  font-size: 13px;
}

html.vscode .sample-input {
  line-height: 1.3em;
  -webkit-line-clamp: 4 !important;
}

body[class^="vscode-"] .modal-backdrop {
  --bs-backdrop-opacity: 0.15;
  --bs-backdrop-bg: var(--vscode-editor-foreground);
}

body[class^="vscode-"] code {
  background-color: transparent;
}

body[class^="vscode-"] .popover.rendered-content,
body[class^="vscode-"] .modal-dialog {
  border: solid 1px var(--bs-border-color);
}

body[class^="vscode-"] .popover-arrow::before {
  border-left-color: var(--bs-border-color) !important;
}

body[class^="vscode-"]
  [data-popper-placement^="bottom"]
  > .popper-arrow-container
  > div,
body[class^="vscode-"]
  [data-popper-placement^="left"]
  > .popper-arrow-container
  > div,
body[class^="vscode-"]
  [data-popper-placement^="right"]
  > .popper-arrow-container
  > div {
  border-color: transparent transparent var(--bs-card-border-color) !important;
}

body[class^="vscode-"] .modal-content {
  background-clip: unset;
}

body[class^="vscode-"] .multi-score-label {
  margin-bottom: 5px;
}

body[class^="vscode-"] {
  min-width: 400px;
}

body[class^="vscode-"] .navbar-brand {
  font-size: 1.1em;
}
body[class^="vscode-"] .navbar-brand > div {
  margin-top: -0.2rem !important;
}

body[class^="vscode-"] .task-title {
  margin-top: 0.4em;
}

body[class^="vscode-"] .task-model {
  margin-top: 0.2rem;
  font-size: 0.9rem;
}

body[class^="vscode-"] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background: white;
  mask-image: var(--bs-accordion-btn-icon);
}

.copy-button i.bi,
.download-scan-button i.bi,
body[class^="vscode-"] .navbar-text i.bi {
  color: var(--vscode-editor-foreground);
}

body[class^="vscode-"] .btn-tools {
  --bs-btn-hover-bg: var(--vscode-peekViewTitle-background);
  --bs-btn-bg: var(--vscode-peekViewTitle-background);
  --bs-btn-border-color: var(--vscode-peekViewTitle-background);
  --bs-btn-hover-border-color: var(--vscode-peekViewTitle-background);
  --bs-btn-color: var(--vscode-peekViewTitleDescription-foreground);
  --bs-btn-hover-color: var(--vscode-peekViewTitleDescription-foreground);
}

body[class^="vscode-"] .btn-primary {
  --bs-btn-bg: var(--vscode-button-background);
  --bs-btn-border-color: var(--vscode-button-background);
  --bs-btn-hover-bg: var(--vscode-button-hoverBackground);
  --bs-btn-hover-border-color: var(--vscode-button-hoverBackground);
  --bs-btn-color: var(--vscode-button-foreground);
  --bs-btn-hover-color: var(--vscode-button-foreground);
  --bs-btn-disabled-color: var(--vscode-button-foreground);
  --bs-btn-disabled-bg: var(--vscode-button-background);
  --bs-btn-disabled-border-color: var(--vscode-button-background);
  --bs-btn-disabled-opacity: 0.8;
}

/* Inside modal dialogs (edit tags / edit metadata / scoring detail)
   the editor-tuned `--vscode-editorGroup-border` reads as nearly
   invisible against dark themes — chip strips, the metadata grid,
   and form-control inputs all lose their visual containers. Re-point
   `--bs-border-color` to a widget-grade border so anything Bootstrap
   styles with the border-color token (chip outlines, input borders,
   table dividers, etc.) becomes legible. The fallback chain prefers
   widget/editorWidget borders (typically tuned by themes for popups)
   and only drops back to editorGroup-border if nothing else is set. */
body[class^="vscode-"] .modal {
  --bs-border-color: var(
    --vscode-widget-border,
    var(--vscode-editorWidget-border, var(--vscode-editorGroup-border))
  );
  /* Error banner inside dialogs: the global vscode block only re-points
     `--bs-danger-bg-subtle` (at the diff-editor red wash), leaving
     `--bs-danger-text-emphasis` and `--bs-danger-border-subtle` at
     Bootstrap's light-mode dark-red values — unreadable on a VS Code
     dark dialog. Use the editor's input-validation tokens (designed
     for exactly this purpose: a tinted background with readable
     foreground and a visible border) with a fallback to
     `errorForeground` for themes that only define the foreground.
     Also re-point `--bs-danger` so the required-field asterisk picks
     up the same readable red. */
  --bs-danger: var(--vscode-errorForeground);
  --bs-danger-bg-subtle: var(
    --vscode-inputValidation-errorBackground,
    var(--vscode-diffEditor-removedTextBackground)
  );
  --bs-danger-text-emphasis: var(
    --vscode-inputValidation-errorForeground,
    var(--vscode-errorForeground)
  );
  --bs-danger-border-subtle: var(
    --vscode-inputValidation-errorBorder,
    var(--vscode-errorForeground)
  );
  /* Change-tracking summary in the dialog footer uses these tokens
     for the italic body, the "Adding" / "Editing" lines, and the
     "No tags yet —" placeholder inside the chip box. Bootstrap's
     light-mode values are unreadable on a dark VS Code modal; remap
     to descriptionForeground (matches the hint label) plus the
     editor's source-control accent colors so the categories stay
     distinguishable. (Removing already inherits the readable red
     from `--bs-danger` re-pointed above.) */
  --bs-secondary-color: var(--vscode-descriptionForeground);
  --bs-success-text-emphasis: var(
    --vscode-gitDecoration-addedResourceForeground,
    var(--vscode-charts-green)
  );
  --bs-warning-text-emphasis: var(
    --vscode-gitDecoration-modifiedResourceForeground,
    var(--vscode-charts-yellow)
  );
}

/* Form-control inputs inside dialogs (Author, Reason, "Add a tag…",
   "Add a key…") should look like native VS Code inputs rather than
   editor-background panes: surface the input background/foreground
   tokens, and use the input placeholder token so the placeholder
   text stays readable in dark themes. */
body[class^="vscode-"] .modal .form-control {
  background-color: var(--vscode-input-background);
  color: var(--vscode-input-foreground);
  border-color: var(
    --vscode-input-border,
    var(--vscode-widget-border, var(--vscode-editorGroup-border))
  );
}

body[class^="vscode-"] .modal .form-control::placeholder {
  color: var(--vscode-input-placeholderForeground);
  opacity: 1;
}

/* Mirror .btn-primary for .btn-secondary so Cancel buttons and the
   "+ Add" pill (both rendered with Bootstrap's btn-secondary) read as
   native VS Code secondary buttons rather than the washed-out
   Bootstrap gray that has poor contrast in dark themes. */
body[class^="vscode-"] .btn-secondary {
  --bs-btn-bg: var(--vscode-button-secondaryBackground);
  --bs-btn-border-color: var(--vscode-button-secondaryBackground);
  --bs-btn-hover-bg: var(--vscode-button-secondaryHoverBackground);
  --bs-btn-hover-border-color: var(--vscode-button-secondaryHoverBackground);
  --bs-btn-color: var(--vscode-button-secondaryForeground);
  --bs-btn-hover-color: var(--vscode-button-secondaryForeground);
  --bs-btn-disabled-color: var(--vscode-button-secondaryForeground);
  --bs-btn-disabled-bg: var(--vscode-button-secondaryBackground);
  --bs-btn-disabled-border-color: var(--vscode-button-secondaryBackground);
  --bs-btn-disabled-opacity: 0.8;
}

body[class^="vscode-"] .navbar-brand {
  --bs-navbar-brand-color: var(--vscode-sideBarSectionHeader-foreground);
  --bs-navbar-brand-hover-color: var(--vscode-sideBarSectionHeader-foreground);
}

body[class^="vscode-"] .navbar-text {
  --bs-navbar-color: var(--vscode-sideBarSectionHeader-foreground);
}

body[class^="vscode-"] .accordion-item {
  --bs-accordion-active-bg: var(--vscode-list-inactiveSelectionBackground);
}

body[class^="vscode-"] .card-header {
  --bs-border-color: var(--vscode-editorGroup-border);
  --bs-card-border-color: var(--vscode-editorGroup-border);
}

body[class^="vscode-"] .card {
  --bs-border-color: var(--vscode-editorGroup-border);
  --bs-card-border-color: var(--vscode-editorGroup-border);
}

body[class^="vscode-"] .nav-pills {
  --bs-nav-pills-link-active-bg: var(--vscode-notifications-background);
  --bs-nav-pills-link-active-color: var(--vscode-notifications-foreground);
}

body[class^="vscode-"] .nav-link {
  --bs-nav-link-color: var(--vscode-notificationLink-foreground);
  --bs-link-hover-color: var(--vscode-notificationLink-foreground);
}

body[class^="vscode-"] .nav-link:hover {
  --bs-nav-link-color: var(--vscode-notificationLink-foreground);
  --bs-nav-link-hover-color: var(--vscode-notificationLink-foreground);
  --bs-nav-tabs-link-hover-border-color: var(
    --vscode-notificationLink-foreground
  );
}

body[class^="vscode-"] .ansi-display {
  --ansiBlack: var(--vscode-terminal-ansiBlack);
  --ansiRed: var(--vscode-terminal-ansiRed);
  --ansiGreen: var(--vscode-terminal-ansiGreen);
  --ansiYellow: var(--vscode-terminal-ansiYellow);
  --ansiBlue: var(--vscode-terminal-ansiBlue);
  --ansiMagenta: var(--vscode-terminal-ansiMagenta);
  --ansiCyan: var(--vscode-terminal-ansiCyan);
  --ansiWhite: var(--vscode-terminal-ansiWhite);
  --ansiBrightBlack: var(--vscode-terminal-ansiBrightBlack);
  --ansiBrightRed: var(--vscode-terminal-ansiBrightRed);
  --ansiBrightGreen: var(--vscode-terminal-ansiBrightGreen);
  --ansiBrightYellow: var(--vscode-terminal-ansiBrightYellow);
  --ansiBrightBlue: var(--vscode-terminal-ansiBrightBlue);
  --ansiBrightMagenta: var(--vscode-terminal-ansiBrightMagenta);
  --ansiBrightCyan: var(--vscode-terminal-ansiBrightCyan);
  --ansiBrightWhite: var(--vscode-terminal-ansiBrightWhite);
}

body[class^="vscode-"] .breadcrumb-item {
  --bs-breadcrumb-divider-color: var(--vscode-foreground);
}

body[class^="vscode-"] div.ap-control-bar .ap-fullscreen-button {
  display: none;
}

:root {
  --bs-navbar-padding-y: 0;
  --bs-navbar-brand-padding-y: 0;
}

body {
  margin: 0;
  padding: 0;
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--bs-light);
  top: 0;
}

.navbar-title-grid {
  display: grid;
  grid-template-columns: minmax(350px, 1fr) 1fr;
  width: 100%;
}

@media (max-width: 575px) {
  .navbar .vertical-metric-label {
    font-size: 0.7rem !important;
  }
}

@media (max-width: 575px) {
  .tab-tools select {
    width: 50px;
  }
}

@media (max-width: 575px) {
  .navbar .vertical-metric-value {
    margin-top: 0.2rem !important;
    font-size: 0.9rem !important;
  }
}

@media (max-width: 575px) {
  .navbar-title-grid {
    grid-template-columns: 1fr auto-fill;
  }
}

[data-bs-theme="dark"] .navbar {
  background-color: unset;
}

.navbar-brand {
  font-weight: 400;
  font-size: 1.4em;
}

.navbar-text {
  padding-top: 0px;
  padding-bottom: 0px;
}

.nav-link.active {
  border-bottom-width: 0 !important;
}

.workspace {
  display: flex;
  flex-direction: column;
}

.no-last-para-padding > p:last-of-type {
  margin-bottom: 0;
}

.btn-tools {
  --bs-btn-bg: var(--bs-secondary-bg-subtle);
  --bs-btn-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-btn-border-color: var(--bs-secondary-bg-subtle);
  --bs-btn-hover-border-color: var(--bs-secondary-bg-subtle);
}

.markdown-content pre > code,
.markdown-content pre {
  white-space: pre-wrap !important;
  word-wrap: anywhere !important;
}

.log pre code {
  white-space: pre-wrap;
  font-size: 0.9em;
}

.log pre[class*="language-"] {
  margin: 0;
  padding: 0.3em;
}

.log :not(pre) > code[class*="language-"],
.log pre[class*="language-"] {
  background-color: var(--bs-body-background);
}

.workspace pre[class*="language-"] {
  margin: 0;
  padding: 0.3em;
}

.workspace :not(pre) > code[class*="language-"],
.workspace pre[class*="language-"] {
  background-color: var(--bs-body-background);
}

.tbd {
  font-weight: 300;
  opacity: 0.9;
  width: 100%;
  text-align: center;
  padding-top: 10em;
}

code:not(.sourceCode):not(.source-code):not([class^="language-"]) {
  color: var(--bs-code-color);
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
  color: var(--bs-body-color);
}

.token.operator {
  background: inherit;
}

pre[class*="language-"] {
  border: unset;
  border-radius: unset;
  box-shadow: unset;
}

.font-title {
  font-size: 1.5rem;
  font-weight: 600;
}

.font-subtitle {
  font-size: 1.1rem;
  font-weight: 200;
}

.tight-paragraphs p {
  margin-bottom: 0;
}

.tight-last-paragraph p:last-of-type {
  margin-bottom: 0;
}

.card {
  margin-bottom: 0.5em;
}

.card-header {
  padding: 0.1em 1em 0.1em 1em;
  font-size: 0.8rem;
  font-weight: 500;
}

.btn .btn-link {
  cursor: pointer;
}

[aria-expanded="false"] .hide-when-collapsed {
  display: none;
}

[aria-expanded="true"] .hide-when-expanded {
  opacity: 0 !important;
}

[aria-expanded="true"] .no-bottom-padding-when-expanded {
  padding-bottom: 0 !important;
}

[aria-expanded="true"] .zerowidth-when-expanded {
  height: 0px !important;
  width: 0px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[aria-expanded="true"] .zeroheight-when-expanded {
  height: 0px !important;
}

.accordion-item:not(.no-highlight) .accordion-button:not(.collapsed) {
  border-left: solid var(--bs-accordion-active-bg) 2px;
  border-right: solid var(--bs-accordion-active-bg) 2px;
  border-top: solid var(--bs-accordion-active-bg) 2px;
  background-color: var(--bs-body-background);
  color: var(--bs-body-color);
}

.accordion-item .accordion-button {
  border-left: solid var(--bs-body-bg) 2px;
  border-right: solid var(--bs-body-bg) 2px;
  border-top: solid var(--bs-body-bg) 2px;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

.accordion-button[aria-expanded="true"] .giant-text-when-expanded {
  font-weight: 500;
  font-size: 0.9rem !important;
  flex-grow: 40;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.accordion-button[aria-expanded="true"] .full-flex-basis-when-expanded {
  flex-basis: content !important;
  flex-shrink: 1;
}

.markdown-content h1,
.markdown-content h2,
.markdown-content h3,
.markdown-content h4,
.markdown-content h5,
.markdown-content h6 {
  font-size: 0.9em;
  font-weight: 600;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.sample-answer .markdown-content h1,
.sample-answer .markdown-content h2,
.sample-answer .markdown-content h3,
.sample-answer .markdown-content h4,
.sample-answer .markdown-content h5,
.sample-answer .markdown-content h6 {
  font-size: 1em;
  font-weight: 400;
  margin-top: 0em;
  margin-bottom: 0em;
}

.accordion-item:not(.no-highlight) .collapse.show.highlight-when-expanded,
.accordion-item:not(.no-highlight) .collapsing.highlight-when-expanded,
.accordion-item:not(.no-highlight)
  .accordion-button[aria-expanded="true"].highlight-when-expanded {
  border-left: solid var(--bs-accordion-active-bg) 2px;
  border-right: solid var(--bs-accordion-active-bg) 2px;
  border-bottom: solid var(--bs-accordion-active-bg) 2px;
}

.accordion-item.no-highlight .accordion-button {
  background-color: var(--bs-body-bg);
}

.accordion-button.toggle-rotated:after {
  background-size: 0.8em;
  height: 0.8em;
  width: 0.8em;
}

.accordion-header > :last-child::after,
.accordion-button:last-child:after {
  color: white !important;
}

.card .accordion-button.toggle-rotated:after {
  margin-right: 1rem;
}

.no-highlight,
.no-highlight:hover,
.no-highlight:active {
  color: inherit;
}

.toggle-rotated:before {
  transition: transform 0.3s linear;
}

[aria-expanded="false"] .toggle-rotated:before {
  transform: none;
}

[aria-expanded="true"] .toggle-rotated:before {
  transform: rotate(90deg);
}

.fadeout-when-not-collapsed:not(.collapsed) {
  opacity: 0 !important;
}

table.table {
  width: unset;
}

.table > :not(caption) > * > * {
  background-color: unset;
}

table.table.table-sm td {
  padding: 0.1em;
}

.popover.rendered-content {
  display: flex;
  flex-direction: column;
  max-height: 80%;
  max-width: 80%;
  /** Do not define an overflow on the wrapper or your arrow to the element will disapear */
}

.popover.rendered-content .popover-header {
  font-size: 0.8em;
  font-weight: 400;
}

.popover.rendered-content .popover-body {
  overflow: auto;
}

.modal-footer button {
  padding: 0.2rem 0.5rem;
  font-size: 0.8em;
}

.do-not-collapse-self {
  display: block;
  height: auto !important;
}

[data-tooltip] {
  position: relative;
}
[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  line-height: 1.25;
  background: var(--bs-light);
  color: var(--bs-body-color);
  opacity: 1;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid var(--bs-border-color);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  white-space: pre-wrap;
  width: max-content;
  max-width: 400px;
  z-index: 1000;
}
[data-tooltip][data-tooltip-position="bottom-left"]:hover::after {
  right: 0%;
  top: 100%;
}

/* ANSI Coloring */
.ansi-display {
  font-family: monospace;
  white-space: pre-wrap;
  --ansiBlack: #000000;
  --ansiRed: #cd3131;
  --ansiGreen: #00bc00;
  --ansiYellow: #949800;
  --ansiBlue: #0451a5;
  --ansiMagenta: #bc05bc;
  --ansiCyan: #0598bc;
  --ansiWhite: #555555;
  --ansiBrightBlack: #666666;
  --ansiBrightRed: #cd3131;
  --ansiBrightGreen: #14ce14;
  --ansiBrightYellow: #b5ba00;
  --ansiBrightBlue: #0451a5;
  --ansiBrightMagenta: #bc05bc;
  --ansiBrightCyan: #0598bc;
  --ansiBrightWhite: #a5a5a5;
}

@keyframes ansi-display-run-blink {
  50% {
    opacity: 0;
  }
}

.tab-tools .form-select {
  background-position: right 0.3rem center;
  background-size: 10px 10px;
  padding: 0.1rem 20px 0.1rem 10px;
}

.tab-content > .active {
  display: flex;
}

.left-to-right-animate {
  position: absolute;
  animation: moveLeftToRight 2s linear infinite;
}

@keyframes moveLeftToRight {
  from {
    margin-left: 0;
  }
  to {
    margin-left: 95%;
  }
}

.expandable-panel pre {
  overflow: unset;
}

pre[class*="language-"],
.markdown-content pre[class*="language-"] {
  background-color: #f8f8f8;
}

/* The `.tool-output` family is the canonical styling hook for tool message
   output (the CSS-module `.textOutput` also carries this class). Drive it
   off the tokens so the vscode bridge / apps can re-skin it; defaults below
   reproduce the previous #f8f8f8 / #333333 appearance. This rule must own
   the color so the higher-specificity `.vscode-dark .tool-output` rule
   that used to hard-code #333333 no longer shadows the token. */
pre[class*="language-"].tool-output,
.tool-output {
  background-color: var(--inspect-tool-output-bg);
  color: var(--inspect-tool-output-color);
}

.vscode-dark pre[class*="language-"],
.vscode-dark .model-call pre[class*="language-"],
.vscode-dark .markdown-content pre[class*="language-"] {
  background-color: #333333;
}

/* PrismJS's stock theme (prismjs/themes/prism.css) hardcodes a light-blue
   `#b3d4fc` selection on code blocks, which is washed out on the dark code
   background above. Override it in dark with the editor selection token (same
   as CodeMirror's selection) so highlighted code matches. Scoped to .vscode-dark
   and mirroring Prism's selector set so it wins on specificity regardless of
   stylesheet order; light mode keeps Prism's default. */
.vscode-dark code[class*="language-"]::selection,
.vscode-dark code[class*="language-"] ::selection,
.vscode-dark pre[class*="language-"]::selection,
.vscode-dark pre[class*="language-"] ::selection {
  background: var(--vscode-editor-selectionBackground);
}

.model-call pre[class*="language-"],
.markdown-content pre[class*="language-"],
pre[class*="language-"].tool-output {
  border: none !important;
  box-shadow: none !important;
  border-radius: var(--bs-border-radius) !important;
}

.vscode-dark pre.jsonPanel {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: var(--bs-border-radius) !important;
}

/* lightbox styles */

.lightbox-overlay .close-button,
.lightbox-overlay .nav-button {
  /* Hide by default */
  opacity: 0;
  pointer-events: none; /* so it doesn't register clicks when hidden */
  transition: opacity 0.3s ease;
}

.lightbox-overlay:hover .close-button,
.lightbox-overlay .nav-button {
  /* Show on hover */
  opacity: 1;
  pointer-events: auto;
}

/* jsondiffpatch */

.jsondiffpatch-delta {
  padding: 1em;
  background: var(--bs-light);
  font-family: var(--bs-font-monospace);
  font-size: 0.9em;
}
.jsondiffpatch-delta pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  margin-bottom: 0;
}
ul.jsondiffpatch-delta {
  list-style-type: none;
  padding: 0 0 0 1.5em;
  margin: 0;
}
.jsondiffpatch-delta ul {
  list-style-type: none;
  padding: 0 0 0 1.5em;
  margin: 0;
}
.jsondiffpatch-added,
.jsondiffpatch-modified .jsondiffpatch-right-value pre,
.jsondiffpatch-textdiff-added {
  background: var(--inspect-diff-add-color);
}

.jsondiffpatch-deleted .jsondiffpatch-property-name,
.jsondiffpatch-deleted pre,
.jsondiffpatch-modified .jsondiffpatch-left-value pre,
.jsondiffpatch-textdiff-deleted {
  background: var(--inspect-diff-remove-color);
  text-decoration: line-through;
}
.jsondiffpatch-unchanged,
.jsondiffpatch-movedestination {
  color: gray;
}
.jsondiffpatch-unchanged,
.jsondiffpatch-movedestination > .jsondiffpatch-value {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  overflow-y: hidden;
}
.jsondiffpatch-unchanged-showing .jsondiffpatch-unchanged,
.jsondiffpatch-unchanged-showing
  .jsondiffpatch-movedestination
  > .jsondiffpatch-value {
  max-height: 100px;
}
.jsondiffpatch-unchanged-hidden .jsondiffpatch-unchanged,
.jsondiffpatch-unchanged-hidden
  .jsondiffpatch-movedestination
  > .jsondiffpatch-value {
  max-height: 0;
}
.jsondiffpatch-unchanged-hiding
  .jsondiffpatch-movedestination
  > .jsondiffpatch-value,
.jsondiffpatch-unchanged-hidden
  .jsondiffpatch-movedestination
  > .jsondiffpatch-value {
  display: block;
}
.jsondiffpatch-unchanged-visible .jsondiffpatch-unchanged,
.jsondiffpatch-unchanged-visible
  .jsondiffpatch-movedestination
  > .jsondiffpatch-value {
  max-height: 100px;
}
.jsondiffpatch-unchanged-hiding .jsondiffpatch-unchanged,
.jsondiffpatch-unchanged-hiding
  .jsondiffpatch-movedestination
  > .jsondiffpatch-value {
  max-height: 0;
}
.jsondiffpatch-unchanged-showing .jsondiffpatch-arrow,
.jsondiffpatch-unchanged-hiding .jsondiffpatch-arrow {
  display: none;
}
.jsondiffpatch-value {
  display: inline-block;
}
.jsondiffpatch-property-name {
  display: inline-block;
  padding-right: 5px;
  vertical-align: top;
}
.jsondiffpatch-property-name:after {
  content: ": ";
}
.jsondiffpatch-child-node-type-array > .jsondiffpatch-property-name:after {
  content: ": [";
}
.jsondiffpatch-child-node-type-array:after {
  content: "],";
}
div.jsondiffpatch-child-node-type-array:before {
  content: "[";
}
div.jsondiffpatch-child-node-type-array:after {
  content: "]";
}
.jsondiffpatch-child-node-type-object > .jsondiffpatch-property-name:after {
  content: ": {";
}
.jsondiffpatch-child-node-type-object:after {
  content: "},";
}
div.jsondiffpatch-child-node-type-object:before {
  content: "{";
}
div.jsondiffpatch-child-node-type-object:after {
  content: "}";
}
.jsondiffpatch-value pre:after {
  content: ",";
}
li:last-child > .jsondiffpatch-value pre:after,
.jsondiffpatch-modified > .jsondiffpatch-left-value pre:after {
  content: "";
}
.jsondiffpatch-modified .jsondiffpatch-value {
  display: inline-block;
}
.jsondiffpatch-modified .jsondiffpatch-right-value {
  margin-left: 0;
}
.jsondiffpatch-moved .jsondiffpatch-value {
  display: none;
}
.jsondiffpatch-moved .jsondiffpatch-moved-destination {
  display: inline-block;
  background: #ffffbb;
  color: #888;
}
.jsondiffpatch-moved .jsondiffpatch-moved-destination:before {
  content: " => ";
}
ul.jsondiffpatch-textdiff {
  padding: 0;
}
.jsondiffpatch-textdiff-location {
  color: #bbb;
  display: inline-block;
  min-width: 60px;
}
.jsondiffpatch-textdiff-line {
  display: inline-block;
}
.jsondiffpatch-textdiff-line-number:after {
  content: ",";
}
.jsondiffpatch-error {
  background: red;
  color: white;
  font-weight: bold;
}

/* prism-custom.css */
code[class*="language-"],
pre[class*="language-"] {
  font-size: 0.7rem !important;
}

.token {
  font-size: 0.7rem !important;
}

/* PrismJS 1.29.0 https://prismjs.com/download.html#themes=prism-dark&languages=markup+css+clike+javascript+bash+python */
/* This has been generated from the URL above, then scoped within the
 * .vscode-dark class. If it needs to be regenerated, be sure to add that back in. */
.vscode-dark code[class*="language-"],
.vscode-dark pre[class*="language-"] {
  color: #fff;
  background: 0 0;
  text-shadow: 0 -0.1em 0.2em #000;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
@media print {
  .vscode-dark code[class*="language-"],
  .vscode-dark pre[class*="language-"] {
    text-shadow: none;
  }
}
.vscode-dark :not(pre) > code[class*="language-"],
.vscode-dark pre[class*="language-"] {
  background: #4c3f33;
}
.vscode-dark pre[class*="language-"] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.5em;
}
.vscode-dark :not(pre) > code[class*="language-"] {
  padding: 0.15em 0.2em 0.05em;
  border-radius: 0.3em;
  white-space: normal;
}
.vscode-dark .token.cdata,
.vscode-dark .token.comment,
.vscode-dark .token.doctype,
.vscode-dark .token.prolog {
  color: #997f66;
}
.vscode-dark .token.punctuation {
  opacity: 0.7;
}
.vscode-dark .token.namespace {
  opacity: 0.7;
}
.vscode-dark .token.boolean,
.vscode-dark .token.constant,
.vscode-dark .token.number,
.vscode-dark .token.property,
.vscode-dark .token.symbol,
.vscode-dark .token.tag {
  color: #d1939e;
}
.vscode-dark .token.attr-name,
.vscode-dark .token.builtin,
.vscode-dark .token.char,
.vscode-dark .token.inserted,
.vscode-dark .token.selector,
.vscode-dark .token.string {
  color: #bce051;
}
.vscode-dark .language-css .token.string,
.vscode-dark .style .token.string,
.vscode-dark .token.entity,
.vscode-dark .token.operator,
.vscode-dark .token.url,
.vscode-dark .token.variable {
  color: #f4b73d;
}
.vscode-dark .token.atrule,
.vscode-dark .token.attr-value,
.vscode-dark .token.keyword {
  color: #d1939e;
}
.vscode-dark .token.important,
.vscode-dark .token.regex {
  color: #e90;
}
.vscode-dark .token.bold,
.vscode-dark .token.important {
  font-weight: 700;
}
.vscode-dark .token.italic {
  font-style: italic;
}
.vscode-dark .token.entity {
  cursor: help;
}
.vscode-dark .token.deleted {
  color: red;
}
/* END PrismJS */

/* Use this very carefully, find relies upon checking the
document selection to determine if it should skip a find match
so disabling selection can break that functionality */
.hideSelection {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
/* VS Code theme defaults (for non-VS Code context) */
/* Complete set of variables used by @vscode-elements/elements */
/* These are overridden by actual VS Code theme variables when running in VS Code */

:root {
  color-scheme: light;

  /* Core colors */
  --vscode-foreground: #3b3b3b;
  --vscode-descriptionForeground: #717171;
  --vscode-disabledForeground: rgba(0, 0, 0, 0.4);
  --vscode-errorForeground: #f14c4c;
  --vscode-icon-foreground: #424242;
  --vscode-focusBorder: #0090f1;
  --vscode-contrastBorder: transparent;

  /* Font settings */
  --vscode-font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --vscode-font-size: 13px;
  --vscode-font-weight: normal;
  --vscode-editor-font-family: Menlo, Monaco, "Courier New", monospace;
  --vscode-editor-font-size: 12px;
  --vscode-editor-font-weight: normal;

  /* Editor colors */
  --vscode-editor-background: #ffffff;
  --vscode-editor-foreground: #3b3b3b;
  --vscode-editor-inlineValuesForeground: rgba(0, 0, 0, 0.5);
  --vscode-editor-inactiveSelectionBackground: #e5ebf1;
  --vscode-editor-selectionBackground: #add6ff;
  --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.45);
  --vscode-editorGroup-border: #e7e7e7;
  --vscode-editorHoverWidget-background: #f3f3f3;
  --vscode-editorInfo-foreground: #316bcd;
  --vscode-editorLink-activeForeground: #006ab1;
  --vscode-editorWarning-foreground: #bf8803;
  --vscode-editorWidget-background: #f3f3f3;
  --vscode-editorWidget-border: #d4d4d4;
  --vscode-editorWidget-foreground: #3b3b3b;

  /* Input colors */
  --vscode-input-background: #ffffff;
  --vscode-input-foreground: #3b3b3b;
  --vscode-input-border: #cecece;
  --vscode-input-placeholderForeground: #767676;
  --vscode-inputOption-activeBackground: rgba(0, 144, 241, 0.2);
  --vscode-inputOption-activeBorder: #0090f1;
  --vscode-inputOption-activeForeground: #000000;

  /* Input validation */
  --vscode-inputValidation-warningBackground: #f2dede;
  --vscode-inputValidation-warningBorder: #be8800;
  --vscode-inputValidation-errorBackground: #f2dede;
  --vscode-inputValidation-errorBorder: #be1100;

  /* Dropdown colors */
  --vscode-dropdown-background: #ffffff;
  --vscode-dropdown-foreground: #3b3b3b;
  --vscode-dropdown-border: #cecece;

  /* Settings controls (used by vscode-elements textfield, checkbox, dropdown) */
  --vscode-settings-textInputBackground: #ffffff;
  --vscode-settings-textInputForeground: #3b3b3b;
  --vscode-settings-textInputBorder: #cecece;
  --vscode-settings-checkboxBackground: #ffffff;
  --vscode-settings-checkboxForeground: #3b3b3b;
  --vscode-settings-checkboxBorder: #919191;
  --vscode-settings-dropdownBackground: #ffffff;
  --vscode-settings-dropdownForeground: #3b3b3b;
  --vscode-settings-dropdownBorder: #cecece;
  --vscode-settings-dropdownListBorder: #c8c8c8;
  --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35);

  /* Checkbox colors */
  --vscode-checkbox-background: #ffffff;
  --vscode-checkbox-foreground: #3b3b3b;
  --vscode-checkbox-border: #919191;

  /* Button colors */
  --vscode-button-background: #007acc;
  --vscode-button-foreground: #ffffff;
  --vscode-button-hoverBackground: #0062a3;
  --vscode-button-border: transparent;
  --vscode-button-separator: rgba(255, 255, 255, 0.4);
  --vscode-button-secondaryBackground: #5f6a79;
  --vscode-button-secondaryForeground: #ffffff;
  --vscode-button-secondaryHoverBackground: #4c5561;

  /* Widget/shadow colors */
  --vscode-widget-shadow: rgba(0, 0, 0, 0.16);
  --vscode-widget-border: #d4d4d4;

  /* Toolbar */
  --vscode-toolbar-hoverBackground: rgba(184, 184, 184, 0.31);
  --vscode-toolbar-activeBackground: rgba(166, 166, 166, 0.31);
  --vscode-toolbar-hoverOutline: transparent;

  /* List colors (used by select/dropdown components) */
  --vscode-list-hoverBackground: #e8e8e8;
  --vscode-list-hoverForeground: #3b3b3b;
  --vscode-list-activeSelectionBackground: #0060c0;
  --vscode-list-activeSelectionForeground: #ffffff;
  --vscode-list-activeSelectionIconForeground: #ffffff;
  --vscode-list-inactiveSelectionBackground: #e4e6f1;
  --vscode-list-focusOutline: #0090f1;
  --vscode-list-focusAndSelectionOutline: #0090f1;
  --vscode-list-focusHighlightForeground: #0066bf;
  --vscode-list-highlightForeground: #0066bf;

  /* Menu colors */
  --vscode-menu-background: #ffffff;
  --vscode-menu-foreground: #3b3b3b;
  --vscode-menu-border: #d4d4d4;
  --vscode-menu-selectionBackground: #0060c0;
  --vscode-menu-selectionForeground: #ffffff;
  --vscode-menu-selectionBorder: transparent;
  --vscode-menu-separatorBackground: #d4d4d4;

  /* Badge colors */
  --vscode-badge-background: #007acc;
  --vscode-badge-foreground: #ffffff;
  --vscode-activityBarBadge-background: #007acc;
  --vscode-activityBarBadge-foreground: #ffffff;

  /* Banner, breadcrumb, notifications, links */
  --vscode-banner-iconForeground: #007acc;
  --vscode-breadcrumb-foreground: #616161;
  --vscode-notificationLink-foreground: #006ab1;
  --vscode-notifications-background: #ffffff;
  --vscode-notifications-foreground: #3b3b3b;
  --vscode-textLink-foreground: #006ab1;
  --vscode-textLink-activeForeground: #005a9e;

  /* Panel colors */
  --vscode-panel-background: #ffffff;
  --vscode-panel-border: #e7e7e7;
  --vscode-panelTitle-activeBorder: #007acc;
  --vscode-panelTitle-activeForeground: #3b3b3b;
  --vscode-panelTitle-inactiveForeground: #717171;

  /* Sidebar colors */
  --vscode-sideBar-background: #f3f3f3;
  --vscode-sideBarSectionHeader-background: #f3f3f3;
  --vscode-sideBarSectionHeader-border: #e7e7e7;
  --vscode-sideBarSectionHeader-foreground: #3b3b3b;
  --vscode-sideBarTitle-foreground: #3b3b3b;

  /* Peek view */
  --vscode-peekViewTitle-background: #f3f3f3;
  --vscode-peekViewTitleDescription-foreground: #616161;

  /* Diff colors */
  --vscode-diffEditor-insertedTextBackground: #dafbe1;
  --vscode-diffEditor-removedTextBackground: #ffebe9;

  /* Progress bar */
  --vscode-progressBar-background: #007acc;

  /* Scrollbar colors */
  --vscode-scrollbar-shadow: rgba(0, 0, 0, 0.16);
  --vscode-scrollbarSlider-background: rgba(100, 100, 100, 0.4);
  --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);
  --vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6);

  /* Sash (resizable borders) */
  --vscode-sash-hoverBorder: #0090f1;

  /* Tree colors */
  --vscode-tree-indentGuidesStroke: #d4d4d4;
  --vscode-tree-inactiveIndentGuidesStroke: rgba(212, 212, 212, 0.5);

  /* Terminal ANSI colors */
  --vscode-terminal-ansiBlack: #000000;
  --vscode-terminal-ansiRed: #cd3131;
  --vscode-terminal-ansiGreen: #00bc00;
  --vscode-terminal-ansiYellow: #949800;
  --vscode-terminal-ansiBlue: #0451a5;
  --vscode-terminal-ansiMagenta: #bc05bc;
  --vscode-terminal-ansiCyan: #0598bc;
  --vscode-terminal-ansiWhite: #555555;
  --vscode-terminal-ansiBrightBlack: #666666;
  --vscode-terminal-ansiBrightRed: #cd3131;
  --vscode-terminal-ansiBrightGreen: #14ce14;
  --vscode-terminal-ansiBrightYellow: #b5ba00;
  --vscode-terminal-ansiBrightBlue: #0451a5;
  --vscode-terminal-ansiBrightMagenta: #bc05bc;
  --vscode-terminal-ansiBrightCyan: #0598bc;
  --vscode-terminal-ansiBrightWhite: #a5a5a5;

  /* Keybinding table */
  --vscode-keybindingTable-headerBackground: rgba(128, 128, 128, 0.1);
  --vscode-keybindingTable-rowsBackground: rgba(128, 128, 128, 0.04);
}

:root[data-bs-theme="dark"] {
  color-scheme: dark;

  /* Core colors */
  --vscode-foreground: #bfbfbf;
  --vscode-descriptionForeground: #8c8c8c;
  --vscode-disabledForeground: #555555;
  --vscode-errorForeground: #f48771;
  --vscode-icon-foreground: #8c8c8c;
  --vscode-focusBorder: #3994bcb3;
  --vscode-contrastBorder: transparent;

  /* Text colors */
  --vscode-textBlockQuote-background: #242526;
  --vscode-textBlockQuote-border: #2a2b2cff;
  --vscode-textCodeBlock-background: #242526;
  --vscode-textPreformat-background: #262626;
  --vscode-textPreformat-foreground: #8c8c8c;
  --vscode-textSeparator-foreground: #2a2a2aff;

  /* Font settings */
  --vscode-font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --vscode-font-size: 13px;
  --vscode-font-weight: normal;
  --vscode-editor-font-family: Menlo, Monaco, "Courier New", monospace;
  --vscode-editor-font-size: 12px;
  --vscode-editor-font-weight: normal;

  /* Editor colors */
  --vscode-editor-background: #121314;
  --vscode-editor-foreground: #bbbebf;
  --vscode-editor-inlineValuesForeground: #8c8c8c;
  --vscode-editor-inactiveSelectionBackground: #27678260;
  --vscode-editor-selectionBackground: #276782dd;
  --vscode-editor-selectionHighlightBackground: #27678260;
  --vscode-editorGroup-border: #2a2b2cff;
  --vscode-editorHoverWidget-background: #202122;
  --vscode-editorInfo-foreground: #3a94bc;
  --vscode-editorLink-activeForeground: #3a94bc;
  --vscode-editorWarning-foreground: #e5ba7d;
  --vscode-editorWidget-background: #202122;
  --vscode-editorWidget-border: #2a2b2cff;
  --vscode-editorWidget-foreground: #bfbfbf;

  /* Input colors */
  --vscode-input-background: #191a1b;
  --vscode-input-foreground: #bfbfbf;
  --vscode-input-border: #333536ff;
  --vscode-input-placeholderForeground: #555555;
  --vscode-inputOption-activeBackground: #3994bc33;
  --vscode-inputOption-activeBorder: #2a2b2cff;
  --vscode-inputOption-activeForeground: #bfbfbf;

  /* Input validation */
  --vscode-inputValidation-warningBackground: #352a05;
  --vscode-inputValidation-warningBorder: #b89500;
  --vscode-inputValidation-warningForeground: #bfbfbf;
  --vscode-inputValidation-errorBackground: #3a1d1d;
  --vscode-inputValidation-errorBorder: #be1100;
  --vscode-inputValidation-errorForeground: #bfbfbf;

  /* Dropdown colors */
  --vscode-dropdown-background: #191a1b;
  --vscode-dropdown-foreground: #bfbfbf;
  --vscode-dropdown-border: #333536;
  --vscode-dropdown-listBackground: #191a1b;

  /* Settings controls (used by vscode-elements textfield, checkbox, dropdown) */
  --vscode-settings-textInputBackground: #191a1b;
  --vscode-settings-textInputForeground: #bfbfbf;
  --vscode-settings-textInputBorder: #333536ff;
  --vscode-settings-checkboxBackground: #242526;
  --vscode-settings-checkboxForeground: #8c8c8c;
  --vscode-settings-checkboxBorder: #333536;
  --vscode-settings-dropdownBackground: #191a1b;
  --vscode-settings-dropdownForeground: #bfbfbf;
  --vscode-settings-dropdownBorder: #333536;
  --vscode-settings-dropdownListBorder: #333536;
  --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35);

  /* Checkbox colors */
  --vscode-checkbox-background: #242526;
  --vscode-checkbox-foreground: #8c8c8c;
  --vscode-checkbox-border: #333536;

  /* Button colors */
  --vscode-button-background: #297aa0;
  --vscode-button-foreground: #ffffff;
  --vscode-button-hoverBackground: #2b7da3;
  --vscode-button-border: #333536ff;
  --vscode-button-separator: rgba(255, 255, 255, 0.4);
  --vscode-button-secondaryBackground: #00000000;
  --vscode-button-secondaryForeground: #cccccc;
  --vscode-button-secondaryHoverBackground: #ffffff10;

  /* Widget/shadow colors */
  --vscode-widget-shadow: rgba(0, 0, 0, 0.36);
  --vscode-widget-border: #2a2b2cff;

  /* Toolbar */
  --vscode-toolbar-hoverBackground: #ffffff18;
  --vscode-toolbar-activeBackground: #ffffff18;
  --vscode-toolbar-hoverOutline: transparent;

  /* List colors (used by select/dropdown components) */
  --vscode-list-hoverBackground: #ffffff0d;
  --vscode-list-hoverForeground: #bfbfbf;
  --vscode-list-activeSelectionBackground: #3994bc26;
  --vscode-list-activeSelectionForeground: #ededed;
  --vscode-list-activeSelectionIconForeground: #ededed;
  --vscode-list-inactiveSelectionBackground: #2c2d2e;
  --vscode-list-inactiveSelectionForeground: #ededed;
  --vscode-list-focusBackground: #3994bc26;
  --vscode-list-focusForeground: #bfbfbf;
  --vscode-list-focusOutline: #3994bcb3;
  --vscode-list-focusAndSelectionOutline: #3994bcb3;
  --vscode-list-focusHighlightForeground: #48a0c7;
  --vscode-list-highlightForeground: #48a0c7;
  --vscode-list-invalidItemForeground: #444444;
  --vscode-list-errorForeground: #f48771;
  --vscode-list-warningForeground: #e5ba7d;

  /* Menu colors */
  --vscode-menu-background: #202122;
  --vscode-menu-foreground: #bfbfbf;
  --vscode-menu-border: #2a2b2cff;
  --vscode-menu-selectionBackground: #3994bc26;
  --vscode-menu-selectionForeground: #bfbfbf;
  --vscode-menu-selectionBorder: transparent;
  --vscode-menu-separatorBackground: #2a2b2c;

  /* Badge colors */
  --vscode-badge-background: #3994bcf0;
  --vscode-badge-foreground: #ffffff;
  --vscode-activityBarBadge-background: #3994bc;
  --vscode-activityBarBadge-foreground: #ffffff;

  /* Banner, breadcrumb, notifications, links */
  --vscode-banner-iconForeground: #48a0c7;
  --vscode-breadcrumb-foreground: #8c8c8c;
  --vscode-notificationLink-foreground: #3a94bc;
  --vscode-notifications-background: #202122;
  --vscode-notifications-foreground: #bfbfbf;
  --vscode-textLink-foreground: #48a0c7;
  --vscode-textLink-activeForeground: #53a5ca;

  /* Panel colors */
  --vscode-panel-background: #191a1b;
  --vscode-panel-border: #2a2b2cff;
  --vscode-panelTitle-activeBorder: #3994bc;
  --vscode-panelTitle-activeForeground: #bfbfbf;
  --vscode-panelTitle-inactiveForeground: #8c8c8c;

  /* Sidebar colors */
  --vscode-sideBar-background: #191a1b;
  --vscode-sideBar-foreground: #bfbfbf;
  --vscode-sideBar-border: #2a2b2cff;
  --vscode-sideBarSectionHeader-background: #191a1b;
  --vscode-sideBarSectionHeader-border: #2a2b2cff;
  --vscode-sideBarSectionHeader-foreground: #bfbfbf;
  --vscode-sideBarTitle-foreground: #bfbfbf;

  /* Peek view */
  --vscode-peekViewTitle-background: #242526;
  --vscode-peekViewTitleDescription-foreground: #8c8c8c;

  /* Diff colors */
  --vscode-diffEditor-insertedTextBackground: #57ab5a4d;
  --vscode-diffEditor-removedTextBackground: #f470674d;

  /* Progress bar */
  --vscode-progressBar-background: #878889;

  /* Scrollbar colors */
  --vscode-scrollbar-shadow: #191b1d4d;
  --vscode-scrollbarSlider-background: #83848533;
  --vscode-scrollbarSlider-hoverBackground: #83848566;
  --vscode-scrollbarSlider-activeBackground: #83848599;

  /* Sash (resizable borders) */
  --vscode-sash-hoverBorder: #3994bcb3;

  /* Tree colors */
  --vscode-tree-indentGuidesStroke: #8384854d;
  --vscode-tree-inactiveIndentGuidesStroke: #83848533;

  /* Terminal ANSI colors */
  --vscode-terminal-ansiBlack: #000000;
  --vscode-terminal-ansiRed: #cd3131;
  --vscode-terminal-ansiGreen: #0dbc79;
  --vscode-terminal-ansiYellow: #e5e510;
  --vscode-terminal-ansiBlue: #2472c8;
  --vscode-terminal-ansiMagenta: #bc3fbc;
  --vscode-terminal-ansiCyan: #11a8cd;
  --vscode-terminal-ansiWhite: #e5e5e5;
  --vscode-terminal-ansiBrightBlack: #666666;
  --vscode-terminal-ansiBrightRed: #f14c4c;
  --vscode-terminal-ansiBrightGreen: #23d18b;
  --vscode-terminal-ansiBrightYellow: #f5f543;
  --vscode-terminal-ansiBrightBlue: #3b8eea;
  --vscode-terminal-ansiBrightMagenta: #d670d6;
  --vscode-terminal-ansiBrightCyan: #29b8db;
  --vscode-terminal-ansiBrightWhite: #e5e5e5;

  /* Keybinding table */
  --vscode-keybindingTable-headerBackground: rgba(128, 128, 128, 0.1);
  --vscode-keybindingTable-rowsBackground: rgba(128, 128, 128, 0.04);
}

/* vscode-elements form component adjustments */
vscode-label {
  margin-bottom: 0;
}

vscode-form-helper {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 6px;
}
/* Inspect-specific overlay on top of @tsmono/theme/base + @tsmono/theme/vscode.
   Rules here are unique to inspect. Shared rules live in the theme package. */

/* VS Code webview: clicking any non-interactive spot focuses the nearest
   container tabstop (e.g. .app-main-grid[tabindex="0"], 100vh — so its UA
   ring wraps the whole viewer), and Chromium's focus-modality upgrade makes
   it sprout the :focus-visible UA outline at the next keypress and keep it.
   Suppress the ring on those containers; links, buttons (native or
   role="button") and form controls keep their rings for keyboard users. */
body[class^="vscode-"]
  :focus-visible:not(
    a,
    button,
    input,
    textarea,
    select,
    summary,
    [role="button"]
  ) {
  outline: none;
}

li > p {
  margin-bottom: 0;
}

li > ol,
li > ul {
  margin-bottom: 0.5rem;
}

.tab-tools > * {
  flex: 0 1 auto;
  height: 1.5rem;
}

.tab-tools > input {
  font-size: 0.7rem;
}

.tab-tools .btn {
  font-size: 0.7rem;
  padding: 0.2em 0.8em;
}

.tab-tools {
  font-size: 0.7rem;
}

/* Extra print rules (the minimal @media print inside the Prism block lives
   in theme/base.css). */
@media print {
  html {
    font-size: 9pt;
  }

  body {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    orphans: 3;
    widows: 3;
  }

  #app,
  .app-main-grid {
    height: auto !important;
    overflow: visible !important;
  }

  pre,
  code {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    break-inside: auto;
  }
}
/* The --zsd-* palette variables are defined by the .dark/.light theme
   classes in ZustandDevtoolsPanel.module.css and inherit to tree rows. */

._children_1xt2m_4 {
  margin-left: 5px;
  padding-left: 12px;
  border-left: 1px solid var(--zsd-border);
}

._row_1xt2m_10 {
  display: flex;
  align-items: baseline;
  gap: 4px;
  padding: 1px 4px;
  border-radius: 3px;
}

._row_1xt2m_10:hover {
  background: var(--zsd-hover);
}

._keyToggle_1xt2m_22 {
  display: flex;
  flex-shrink: 0;
  align-items: baseline;
  gap: 4px;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
}

._caret_1xt2m_34 {
  flex-shrink: 0;
  width: 14px;
  color: var(--zsd-key);
  font-size: 9px;
}

._caretSpacer_1xt2m_41 {
  flex-shrink: 0;
  width: 14px;
}

._key_1xt2m_22 {
  color: var(--zsd-key);
  white-space: nowrap;
}

._value_1xt2m_51 {
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._string_1xt2m_57 {
  color: var(--zsd-string);
}

._number_1xt2m_61 {
  color: var(--zsd-number);
}

._boolean_1xt2m_65 {
  color: var(--zsd-boolean);
}

._null_1xt2m_69 {
  color: var(--zsd-null);
  font-style: italic;
}

._function_1xt2m_74 {
  color: var(--zsd-function);
}

._collection_1xt2m_78 {
  color: var(--zsd-collection);
}

._other_1xt2m_82 {
  color: var(--zsd-fg);
}

._copy_1xt2m_86 {
  visibility: hidden;
  padding: 0 4px;
  border: none;
  background: none;
  color: var(--zsd-muted);
  font-size: 11px;
  cursor: pointer;
}

._row_1xt2m_10:hover ._copy_1xt2m_86 {
  visibility: visible;
}

._copy_1xt2m_86:hover {
  color: var(--zsd-fg);
}

._showMore_1xt2m_104 {
  padding: 2px 4px;
  border: none;
  background: none;
  color: var(--zsd-key);
  font: inherit;
  cursor: pointer;
}

._empty_1xt2m_113 {
  padding: 1px 4px;
  color: var(--zsd-muted);
  font-style: italic;
}

._flash_1xt2m_119 {
  animation: _flash_1xt2m_119 0.7s ease-out;
}

@keyframes _flash_1xt2m_119 {
  from {
    background-color: var(--zsd-flash);
  }
  to {
    background-color: transparent;
  }
}
._notice_mpxkz_1 {
  margin-top: 0.25rem;
  font-size: var(--inspect-font-size-smaller);
  color: var(--bs-secondary-color);
  font-style: italic;
}
._reference_7p4hu_1 {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
._scroller_1uwiu_1 {
  position: relative;
  /* One scroll owner: native anchoring must not fight the virtualizer's own resize compensation. */
  overflow-anchor: none;
}
._keyPairContainer_1u1d5_1 {
  display: grid;
  grid-template-columns: max-content auto;
  column-gap: 0.5em;
  padding-top: 4px;
  padding-bottom: 4px;
}

._keyPairBordered_1u1d5_9 {
  border-bottom: solid 1px var(--bs-border-color);
}

/* Copy button column (opt-in via copyButton prop) */

._keyPairCopy_1u1d5_15 {
  grid-template-columns: max-content auto max-content;
}

/* Wrapper carries the hover reveal so CopyButton's own opacity
   styles still apply unchanged inside it. */
._copyCell_1u1d5_21 {
  opacity: 0;
  justify-self: end;
  transition: opacity 0.2s;
}

._copyCell_1u1d5_21 button {
  padding: 0;
  line-height: 1;
}

._keyPairContainer_1u1d5_1:hover ._copyCell_1u1d5_21,
._copyCell_1u1d5_21:focus-within {
  opacity: 1;
}

._key_1u1d5_1 {
  display: grid;
  grid-template-columns: 1em auto;
  cursor: pointer;
}

._pre_1u1d5_43 {
  margin-bottom: 0;
}

._treeIcon_1u1d5_47 {
  margin-top: -3px;
}
/* MetadataGrid — Section Cards
   Compact density, mono labels, striped rows, rule-style section headers.
   Colors mapped to existing theme variables for light/dark support. */

._grid_17hbv_5 {
  font-family: var(--bs-body-font-family);
  font-size: var(--inspect-font-size-small);
  color: var(--bs-body-color);
  line-height: 1.5;
}

/* ── Rows ─────────────────────────────────────────────────────── */

._rows_17hbv_14 {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1em;
}

._row_17hbv_14 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  padding-block: 3px;
  border-bottom: 1px dotted var(--bs-light-border-subtle);
  align-items: baseline;
}

._rows_17hbv_14 > ._row_17hbv_14:last-child {
  border-bottom: none;
}

/* ── Striped variant (opt-in via striped prop) ───────────────── */

._striped_17hbv_35 ._row_17hbv_14 {
  padding-inline: 0.5rem;
}

._striped_17hbv_35 ._rows_17hbv_14 > ._row_17hbv_14:nth-child(even) {
  background: var(--bs-light-bg-subtle);
}

._key_17hbv_43 {
  font-family: var(--bs-font-monospace);
  font-size: var(--inspect-font-size-smallest);
  color: var(--bs-secondary);
  font-feature-settings: "calt" 0;
  letter-spacing: 0;
  word-break: break-all;
}

._val_17hbv_52 {
  color: var(--bs-body-color);
  overflow-wrap: anywhere;
  font-feature-settings: "tnum";
}

._val_17hbv_52 pre {
  margin: 0;
  padding: 0;
}

/* ── Copy button (opt-in via copyButton option) ──────────────── */

._rowsCopy_17hbv_65 {
  grid-template-columns: auto 1fr max-content;
}

/* Wrapper carries the hover reveal so CopyButton's own opacity
   styles still apply unchanged inside it. */
._copyCell_17hbv_71 {
  opacity: 0;
  justify-self: end;
  align-self: center;
  transition: opacity 0.2s;
}

._copyCell_17hbv_71 button {
  padding: 0;
  line-height: 1;
}

._row_17hbv_14:hover ._copyCell_17hbv_71,
._copyCell_17hbv_71:focus-within {
  opacity: 1;
}

/* ── Sections (nested objects promoted to titled groups) ──────── */

._group_17hbv_90 {
  margin-top: 14px;
}

._rows_17hbv_14 + ._group_17hbv_90 {
  margin-top: 14px;
}

._group_17hbv_90 + ._group_17hbv_90 {
  margin-top: 12px;
}

._groupHeader_17hbv_102 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
  padding-bottom: 2px;
}

._groupKey_17hbv_110 {
  font-family: var(--bs-font-monospace);
  font-size: var(--inspect-font-size-smallest);
  font-weight: 500;
  color: var(--bs-body-color);
  letter-spacing: 0;
}

._groupRule_17hbv_118 {
  flex: 1;
  height: 1px;
  background: var(--bs-light-border-subtle);
}

/* ── Depth 1 — tighter, lighter ──────────────────────────────── */

._depth1_17hbv_126 {
  font-size: calc(var(--inspect-font-size-small) - 0.05rem);
}

._depth1_17hbv_126 ._row_17hbv_14 {
  padding-block: 2px;
}

._depth1_17hbv_126 ._key_17hbv_43 {
  color: var(--bs-tertiary-color);
  font-size: var(--inspect-font-size-smallestest);
}

._depth1Group_17hbv_139 {
  margin-top: 10px;
}

._depth1Group_17hbv_139 ._groupHeader_17hbv_102 {
  margin-bottom: 2px;
}

._depth1Group_17hbv_139 ._groupKey_17hbv_110 {
  color: var(--bs-secondary);
  font-size: var(--inspect-font-size-smallestest);
}

/* ── Depth 2+ — yet tighter ──────────────────────────────────── */

._depth2_17hbv_154 {
  font-size: calc(var(--inspect-font-size-small) - 0.1rem);
}

._depth2_17hbv_154 ._row_17hbv_14 {
  padding-block: 2px;
}

/* ── Toggle (maxRows collapse) ───────────────────────────────── */

._toggleContainer_17hbv_164 {
  display: flex;
  height: 20px;
  margin-top: 8px;
  margin-left: 0.5rem;
  background-color: var(--bs-body-bg);
  border-radius: 5px;
  border: solid var(--bs-light-border-subtle) 1px;
  width: fit-content;
}

._toggleButton_17hbv_175 {
  font-size: var(--inspect-font-size-smallest);
  border: none;
  padding: 0 0.5rem;
  background-color: transparent;
  color: var(--bs-body-color);
  cursor: pointer;
}
._query_seqs2_1 {
  margin-bottom: 0.5rem;
  font-weight: 500;
}

._summary_seqs2_6 {
  margin-bottom: 0.5rem;
}

._preWrap_seqs2_10 {
  white-space: pre-wrap;
  word-break: break-word;
}

._preCompact_seqs2_15 {
  margin-bottom: 0;
}
._title_1pwo3_1 {
  margin-bottom: 0.25em;
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 0.3em;
  align-items: baseline;
  color: var(--bs-secondary) !important;
  font-weight: var(--bs-body-font-weight) !important;
}

._content_1pwo3_11 {
  margin-bottom: 0.5em;
  overflow-wrap: anywhere;
}

._grid_1pwo3_16 {
  border: solid var(--bs-border-color) 1px;
  border-radius: var(--bs-border-radius);
  padding: 0.5em;
}

._content_1pwo3_11 ._grid_1pwo3_16 .text-style-label {
  text-transform: none !important;
}
._contentData_1lrx1_1 {
  margin-bottom: 0.5em;
}
._webSearch_1376z_1 {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 0.5em;
  align-items: baseline;
}

._query_1376z_8 {
  font-family: var(--bs-font-monospace);
}
._result_svtwi_1 a:hover {
  text-decoration: underline;
}

._result_svtwi_1 a {
  opacity: 0.8;
  text-decoration: none;
}
._documentFrame_66um0_1 {
  display: grid;
  grid-template-rows: auto 1fr;
  row-gap: 0.5em;
  padding-top: 1em;
  padding-bottom: 1em;
}

._documentFrameTitle_66um0_9 {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.3em;
  align-items: center;
}

._downloadLink_66um0_16 {
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
}

._downloadLink_66um0_16:hover {
  text-decoration: underline;
  cursor: pointer;
}

._imageDocument_66um0_30 {
  max-width: 100%;
  max-height: 200px;
  object-fit: cover;
}
._jsonMessage_oxf8d_1 {
}
._citations_1gzkd_1 {
  margin-top: 1em;
  margin-bottom: 1em;
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 0.5em;
}

._citationLink_1gzkd_9 {
  display: block;
  color: var(--bs-body-color);
  text-decoration: none;
}
a._citationLink_1gzkd_9:hover {
  text-decoration: underline;
}
._contentImage_a1z7v_1 {
  max-width: 800px;
  border: solid var(--bs-border-color) 1px;
}

._reasoning_a1z7v_6 {
  border: solid var(--bs-light-border-subtle) 1px;
  padding: 1em;
  margin-bottom: 0.5em;
  background-color: var(--bs-light-bg-subtle);
  border-radius: var(--bs-border-radius);
  overflow-wrap: anywhere;
}

._breakable_a1z7v_15 {
  overflow-wrap: break-word;
  min-width: 0;
}

._codePanel_a1z7v_20 {
  margin: 0rem;
  overflow-y: scroll;
  overflow-x: auto;
}

._codePanelPre_a1z7v_26 {
  padding: 0;
}

._codePanelPre_a1z7v_26 code {
  white-space: pre-wrap !important;
  overflow-wrap: break-word !important;
  word-break: break-all !important;
}
/* Shared tool-call block grammar. Colors come from the tool-block tokens,
   which are neutral by default and only colorized under the readable
   variant (the Event Colors toggle); the output well is the tool-output
   fill, hairlines/border are the subtle border token. */
._block_1ib8l_5 {
  border-left: var(--inspect-tool-block-edge);
}

/* `clip`, not `hidden`: both round the corners, but `hidden` makes this
   frame a scroll container, which traps the sticky "less…" toggle of the
   ExpandablePanels inside at the block's bottom edge — off screen for any
   output taller than the viewport. */
._standalone_1ib8l_13 {
  border-top: 1px solid var(--bs-light-border-subtle);
  border-right: 1px solid var(--bs-light-border-subtle);
  border-bottom: 1px solid var(--bs-light-border-subtle);
  border-radius: var(--bs-border-radius);
  overflow: clip;
}

._header_1ib8l_21 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.8rem 0 0.8rem;
  background-color: var(--inspect-tool-block-header-bg);
}

/* The zero bottom padding above assumes an input/output zone follows; a
   header-only block (no input, no output yet) otherwise sits flush against
   the container's bottom edge. */
._header_1ib8l_21:last-child {
  padding-bottom: 0.5rem;
}

._icon_1ib8l_36 {
  flex: none;
  font-size: 13px;
  color: var(--inspect-tool-block-ink);
}

._title_1ib8l_42 {
  flex: none;
  font-family: var(--bs-font-monospace);
  font-size: var(--inspect-font-size-smaller);
  font-weight: 600;
  color: var(--inspect-tool-block-ink);
}

._summary_1ib8l_50 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--bs-font-monospace);
  font-size: var(--inspect-font-size-smaller);
  color: var(--bs-secondary-color);
}

._pill_1ib8l_61 {
  flex: none;
  /* Right-aligned even when there is no args summary to push it over. */
  margin-left: auto;
  font-size: var(--inspect-font-size-smallestest);
  font-weight: 500;
  line-height: 1.5;
  color: var(--bs-secondary-color);
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-light-border-subtle);
  border-radius: 999px;
  padding: 1px 7px;
}

._inputZone_1ib8l_75 {
  background-color: var(--inspect-tool-block-input-bg);
  padding: 0 0.5rem 0.2rem 0.5rem;
}

/* Horizontal scrolling for wide input lives on the rendered input itself,
   inside the ExpandablePanel's content — a scroll container on the zone
   would sit between the panel and the transcript scroller and trap its
   sticky toggle (see `.standalone`). */
._inputZone_1ib8l_75 .tool-call-input {
  overflow-x: auto;
}

._outputWell_1ib8l_88 {
  border-top: 1px solid var(--bs-light-border-subtle);
  background-color: var(--inspect-tool-block-output-bg);
  padding: 12px 15px;
  font-size: var(--inspect-font-size-smaller);
  line-height: 1.6;
}

/* The zones own their padding/fill; flatten the boxed surfaces that nested
   renderers (prism code blocks, tool-call-input call-outs, tool output wells)
   would otherwise stack inside them. !important outranks the readable
   variant's higher-specificity :root[data-theme-variant] surface rules. */
._inputZone_1ib8l_75 pre.tool-call-input,
._inputZone_1ib8l_75 div.tool-call-input {
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

._inputZone_1ib8l_75 .tool-call-input pre[class*="language-"] {
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}

._outputWell_1ib8l_88 .tool-output {
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

._inputInsetZone_1ib8l_123,
._outputInsetZone_1ib8l_124 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 10px 10px;
}

._inputInsetZone_1ib8l_123 {
  background-color: var(--inspect-tool-block-input-bg);
}

._header_1ib8l_21 + ._inputInsetZone_1ib8l_123 {
  padding-top: 6px;
}

._inputZone_1ib8l_75 + ._inputInsetZone_1ib8l_123 {
  padding-top: 5px;
}

._outputInsetZone_1ib8l_124 {
  border-top: 1px solid var(--bs-light-border-subtle);
  background-color: var(--inspect-tool-block-output-bg);
  padding-top: 10px;
}

._outputWell_1ib8l_88 + ._outputInsetZone_1ib8l_124 {
  border-top: 0;
  padding-top: 0;
}
._error_wtrgp_1 {
  color: var(--inspect-tool-error-color);
  background-color: var(--inspect-tool-error-bg);
  padding: 0.5em 0.7em;
  border-radius: var(--bs-border-radius);
  font-family: var(--bs-font-monospace);
  overflow-wrap: anywhere;
  margin: 0.5em 0;
}

._message_wtrgp_11 {
  white-space: pre-wrap;
}
._todoList_1t8rx_1 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.3em;
}

._inProgress_1t8rx_9 {
  font-weight: bold;
}
._outputPre_7phrr_1 {
  padding: 0.5em;
  margin-top: 0.25em;
  margin-bottom: 0;
}

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

._toolView_7phrr_7 pre {
  margin-bottom: 0;
}

._toolView_7phrr_7 p > code {
  font-size: var(--inspect-text-size-small) !important;
  color: var(--bs-body-color) !important;
}

._outputCode_7phrr_20 {
  font-size: var(--inspect-text-size-small) !important;
  overflow-wrap: anywhere !important;
  white-space: pre-wrap !important;
}
._tool_13xcg_1 {
  margin-bottom: 0.5em;
}

._execOutput_13xcg_5 {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: var(--inspect-font-size-smaller);
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._execError_13xcg_16 {
  color: var(--inspect-tool-error-color);
}
._toolImage_1cvly_1 {
  max-width: 800px;
  border: solid var(--inspect-tool-output-border) 1px;
}

._output_1cvly_6 {
  display: grid;
}

._textOutput_1cvly_10 {
  padding-left: 2px;
  padding: 0.5em 0.5em 0.5em 0.5em;
  white-space: pre-wrap;
  margin-bottom: 0;
  font-size: 0.9em !important;
  border-radius: var(--bs-border-radius);
}

._textCode_1cvly_19 {
  word-wrap: anywhere;
  color: inherit;
}
._container_nfqzf_1 {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

/* Match MessageContent's contentImage so the Action tab image renders like
   the Result tab image. display: block avoids an inline baseline gap that
   would offset the overlay from the image box. */
._screenshot_nfqzf_10 {
  display: block;
  max-width: 800px;
  border: solid var(--bs-border-color) 1px;
}

._overlay_nfqzf_16 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

._badge_nfqzf_24 {
  position: absolute;
  bottom: 16px;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: monospace;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  white-space: pre-wrap;
  max-width: 80%;
  word-break: break-word;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

._type_nfqzf_39 {
  color: #4ade80;
  left: 50%;
  transform: translateX(-50%);
}

._key_nfqzf_45 {
  color: #fbbf24;
  right: 16px;
}
._submitView_1ru17_1 {
  display: grid;
  row-gap: 0.5em;
}
._catalog_gx8eg_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._namespace_gx8eg_7 {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

._namespaceName_gx8eg_13 {
  font-weight: 600;
}

._namespaceDescription_gx8eg_17 {
  opacity: 0.8;
}

._tool_gx8eg_21 {
  margin-left: 0.25rem;
}

._summary_gx8eg_25 {
  cursor: pointer;
}

._summary_gx8eg_25::marker {
  color: var(--bs-secondary, #6c757d);
  font-size: 0.8em;
}

._summary_gx8eg_25::-webkit-details-marker {
  color: var(--bs-secondary, #6c757d);
}

._toolNoDetails_gx8eg_38 {
  margin-left: 0.25rem;
}

._description_gx8eg_42 {
  margin: 0.25rem 0 0.25rem 1rem;
}
._image_1evla_1 {
  margin-right: 0.2rem;
  opacity: 0.4;
}

._toolTitle_1evla_6 {
  color: unset !important;
  overflow-wrap: anywhere;
}

._description_1evla_11 {
  margin-left: 0.3em;
  color: var(--inspect-tool-description-color);
}
._toolCallView_x6cus_1 {
  display: grid;
  row-gap: 0.5em;
}
/* Custom tool views (answer, submit, todo lists) own their full rendering —
   they get the block frame (accent edge + container border) without the
   header row. */
._custom_wwbdp_4 {
  border: 1px solid var(--bs-light-border-subtle);
  border-left: var(--inspect-tool-block-edge);
  border-radius: var(--bs-border-radius);
  /* `clip` rounds the corners without becoming a scroll container, which
     would trap the sticky "less…" toggle of the panels inside. */
  overflow: clip;
  padding: 0.7rem;
}
._message_a3ae9_1 {
  font-weight: 300;
  margin-left: 0;
  margin-right: 0;
  white-space: normal;
  min-width: 0;
}

._systemRole_a3ae9_9 {
  opacity: 0.7;
}

/* Segmented assistant turn: prose bands and flush tool rows stack with
   hairline separators inside the turn container. */
._turnSegments_a3ae9_15 > * + * {
  border-top: 1px solid var(--bs-light-border-subtle);
}

/* The prose row keeps the assistant band; the left accent token is neutral
   by default and colorized under the readable variant (where the
   [data-message-role] rules re-apply the identical color). Extra vertical
   padding gives the prose rows more weight between the tool rows. */
._proseSegment_a3ae9_23 {
  padding: 0.9rem 0.7rem;
  border-left: var(--inspect-turn-prose-edge);
}

._timestamp_a3ae9_28 {
  opacity: 0.5;
  font-size: var(--inspect-font-size-smaller);
  font-weight: normal;
}

._messageGrid_a3ae9_34 {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 0.5em;
  font-weight: 500;
  margin-bottom: 0.3em;
  justify-content: space-between;
  align-items: flex-start;
}

._toolMessageGrid_a3ae9_44 {
  border-bottom: solid 1px var(--bs-border-color);
}

/* Matches the transcript header's spacing after its selection checkbox. */
._headerLeading_a3ae9_49 {
  display: inline-flex;
  vertical-align: middle;
  margin-right: 0.3em;
}

._headerEnd_a3ae9_55 {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  flex: none;
}

._messageContents_a3ae9_62 {
  margin-left: 0;
  padding-bottom: 0;
}

._messageContents_a3ae9_62._indented_a3ae9_67 {
  margin-left: 0rem;
}

._copyLink_a3ae9_71 {
  opacity: 0;
  padding-left: 0;
  padding-right: 2em;
  margin-left: 0.2rem;
}

._copyLink_a3ae9_71:hover {
  opacity: 0.75;
}

._metadataLabel_a3ae9_82 {
  padding-top: 1em;
}

._hover_a3ae9_86 ._copyLink_a3ae9_71 {
  opacity: 0.75;
}
._selectBox_19rqv_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  padding: 0;
  margin-right: 0.15em;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.25em;
  background-color: var(--bs-body-bg);
  color: #fff;
  font-size: 0.9rem;
  line-height: 1;
  opacity: 0.85;
  cursor: pointer;
}

._selectBox_19rqv_1._selectBoxChecked_19rqv_19 {
  opacity: 1;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

._selectBox_19rqv_1:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 1px;
}

._selectBox_19rqv_1 i {
  font-size: 0.75em;
  line-height: 1;
}
._grid_1qord_1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  /* row-gap spaces blocks within a turn (message → tool box); margin-bottom
     spaces turns. Keep them equal so every gap reads the same. */
  row-gap: 0.75rem;
  margin-bottom: 0.75rem;
}

._user_1qord_10 {
  background-color: var(--bs-secondary-bg);
  border-radius: var(--bs-border-radius);
  border: solid 1px var(--bs-light-border-subtle);
}

._container_1qord_16 {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  padding-top: 0.5rem;
  border-left: solid 1px var(--bs-light-border-subtle);
  border-right: solid 1px var(--bs-light-border-subtle);
}

._first_1qord_24 {
  border-top-left-radius: var(--bs-border-radius);
  border-top-right-radius: var(--bs-border-radius);
  border-top: solid 1px var(--bs-light-border-subtle);
  padding-top: 0.7rem;
}

._last_1qord_31 {
  border-bottom-left-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
  border-bottom: solid 1px var(--bs-light-border-subtle);
  padding-bottom: 0.7rem;
}

._highlight_1qord_38 {
  background-color: rgba(var(--bs-info-rgb), 0.12);
}

/* Assistant turn with server-side tool calls: one seamless container — the
   prose band and flush tool rows inside supply their own left edges, so the
   frame itself has no left border. */
._turnContainer_1qord_45 {
  border: 1px solid var(--bs-light-border-subtle);
  border-left: none;
  border-radius: var(--bs-border-radius);
  /* `clip` rounds the corners without becoming a scroll container, which
     would trap the sticky "less…" toggle of the panels inside. */
  overflow: clip;
}

/* Self-contained box (used when tool calls are un-embedded) so the assistant
   message and each tool call read as separate cards rather than one connected
   band. */
._box_1qord_57 {
  position: relative;
  border: solid 1px var(--bs-light-border-subtle);
  border-radius: var(--bs-border-radius);
  padding: 0.7rem;
}

/* Tool blocks carry their own frame; the wrapper only anchors the chip. */
._toolPart_1qord_65 {
  position: relative;
}

/* Tool-call number chip, pinned to the top-right of its box to mirror the
   position chip on a message's role line. */
._toolLabel_1qord_71 {
  position: absolute;
  top: 0.45rem;
  right: 0.7rem;
  z-index: 1;
}

._bottomMargin_1qord_78 {
  margin-bottom: 0.75rem;
}

._codeCompact_1qord_82 {
  /* styles for compact code display */
}

._simple_1qord_86 {
  /* styles for simple display mode */
}

/* Selected for export — same edge + tint as selected transcript events. The
   row has no border of its own, so the margin absorbs all 3px and the
   content doesn't move. */
._selected_1qord_93 {
  border-left: 3px solid var(--inspect-jump-target-ring-color);
  margin-left: -3px;
  background-color: rgba(77, 126, 191, 0.05);
}
._badge_1c7cn_1,
._inline_1c7cn_2 {
  display: inline-flex;
  align-items: center;
  margin: 0;
  font-family: var(
    --bs-font-monospace,
    ui-monospace,
    "SF Mono",
    "JetBrains Mono",
    Menlo,
    Consolas,
    monospace
  );
  font-size: 11.5px;
  line-height: 1;
  font-weight: 400;
  background: var(--inspect-msg-label-bg);
  border: 1px solid var(--inspect-msg-label-border);
  color: var(--inspect-msg-label-text);
  transition: background 0.12s ease;
}

/* Pointer + hover only when the chip actually activates something. */
._interactive_1c7cn_25 {
  cursor: pointer;
}

._badge_1c7cn_1 {
  flex: none;
  padding: 3px 8px;
  border-radius: 6px;
  user-select: none;
}

._inline_1c7cn_2 {
  padding: 1px 6px;
  border-radius: 5px;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
}

._interactive_1c7cn_25:hover {
  background: var(--inspect-msg-label-bg-hover);
}
._bar_pg4l8_1 {
  --glint: rgba(64, 72, 104, 0.1);
  --label: #5c5c63;

  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  padding: 11px 15px;
  border-radius: var(--bs-border-radius);
  overflow: hidden;
  border: 1px solid var(--bs-light-border-subtle);
  background: var(--bs-body-bg);
}

._bar_pg4l8_1::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    100deg,
    transparent 38%,
    var(--glint) 50%,
    transparent 62%
  );
  background-size: 220% 100%;
  background-repeat: no-repeat;
  animation: _gen-sweep_pg4l8_1 2.8s linear infinite;
}

._barLabelOnly_pg4l8_34 {
  justify-content: flex-start;
}

._label_pg4l8_38 {
  position: relative;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1;
  letter-spacing: 0.005em;
  color: var(--label);
}

._ell_pg4l8_47 {
  display: inline-flex;
}

._ell_pg4l8_47 i {
  font-style: normal;
  animation: _gen-ell_pg4l8_1 1.5s ease-in-out infinite both;
}

._ell_pg4l8_47 i:nth-child(2) {
  animation-delay: 0.18s;
}

._ell_pg4l8_47 i:nth-child(3) {
  animation-delay: 0.36s;
}

._attempt_pg4l8_64 {
  position: relative;
  font-family: var(--bs-font-monospace);
  font-size: 11px;
  color: var(--bs-secondary-color);
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in oklab, var(--bs-secondary-color) 15%, transparent);
}

@keyframes _gen-sweep_pg4l8_1 {
  0% {
    background-position: 180% 0;
  }
  100% {
    background-position: -80% 0;
  }
}

@keyframes _gen-ell_pg4l8_1 {
  0%,
  80%,
  100% {
    opacity: 0.22;
  }
  40% {
    opacity: 1;
  }
}

@media (prefers-color-scheme: dark) {
  ._bar_pg4l8_1 {
    --glint: rgba(255, 255, 255, 0.08);
    --label: #c2c2c9;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._bar_pg4l8_1::before,
  ._ell_pg4l8_47 i {
    animation: none;
  }
  ._ell_pg4l8_47 i {
    opacity: 0.55;
  }
}
._bar_q6epo_1 {
  --glint: rgba(64, 72, 104, 0.1);
  --label: #5c5c63;

  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 15px;
  border-radius: var(--bs-border-radius);
  overflow: hidden;
  border: 1px solid var(--bs-light-border-subtle);
  background: var(--bs-body-bg);
}

._bar_q6epo_1::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    100deg,
    transparent 38%,
    var(--glint) 50%,
    transparent 62%
  );
  background-size: 220% 100%;
  background-repeat: no-repeat;
  animation: _le-sweep_q6epo_1 2.8s linear infinite;
}

._compact_q6epo_33 {
  border: none;
  background: transparent;
  padding: 8px;
  gap: 8px;
}

._compact_q6epo_33::before {
  display: none;
}

._spinner_q6epo_44 {
  position: relative;
  flex: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid color-mix(in oklab, var(--label) 25%, transparent);
  border-top-color: var(--label);
  animation: _le-spin_q6epo_1 0.8s linear infinite;
}

._label_q6epo_55 {
  position: relative;
  font-weight: 400;
  font-size: 13.5px;
  line-height: 1;
  letter-spacing: 0.005em;
  color: var(--label);
}

._compact_q6epo_33 ._label_q6epo_55 {
  font-size: 11.5px;
}

._ell_q6epo_68 {
  display: inline-flex;
}

._ell_q6epo_68 i {
  font-style: normal;
  animation: _le-ell_q6epo_1 1.5s ease-in-out infinite both;
}

._ell_q6epo_68 i:nth-child(2) {
  animation-delay: 0.18s;
}

._ell_q6epo_68 i:nth-child(3) {
  animation-delay: 0.36s;
}

@keyframes _le-sweep_q6epo_1 {
  0% {
    background-position: 180% 0;
  }
  100% {
    background-position: -80% 0;
  }
}

@keyframes _le-spin_q6epo_1 {
  to {
    transform: rotate(360deg);
  }
}

@keyframes _le-ell_q6epo_1 {
  0%,
  80%,
  100% {
    opacity: 0.22;
  }
  40% {
    opacity: 1;
  }
}

@media (prefers-color-scheme: dark) {
  ._bar_q6epo_1 {
    --glint: rgba(255, 255, 255, 0.08);
    --label: #c2c2c9;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._bar_q6epo_1::before,
  ._spinner_q6epo_44,
  ._ell_q6epo_68 i {
    animation: none;
  }
  ._ell_q6epo_68 i {
    opacity: 0.55;
  }
}
._list_zuqui_1 {
  width: 100%;
  margin-top: 1em;
  padding-bottom: 0.5rem;
}

._generatingRow_zuqui_7 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-bottom: 0.75rem;
}
._container_1sdtt_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

._body_1sdtt_8 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

._searchArea_1sdtt_15 {
  padding: 0.5rem;
  border-bottom: 1px solid var(--bs-border-color);
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

._inputShell_1sdtt_23 {
  display: flex;
  min-width: 0;
}

._inputShell_1sdtt_23 vscode-textarea {
  display: block;
  width: 100%;
}

._controlsRow_1sdtt_33 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}

._topRow_1sdtt_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

._typeToggle_1sdtt_47 {
  display: flex;
  flex: 0 0 auto;
}

._topActions_1sdtt_52 {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}

._textarea_1sdtt_58 {
  width: 100%;
  font-family: inherit;
  font-size: var(--inspect-font-size-small);
  color: var(--bs-body-color);
}

._modeRow_1sdtt_65 {
  flex: 1 1 16rem;
  min-width: 0;
  min-height: 0;
}

._modeControls_1sdtt_71 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

._modeToggle_1sdtt_77 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: var(--bs-body-bg);
  color: var(--bs-secondary-color);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  transition:
    border-color 0.12s ease,
    background-color 0.12s ease,
    color 0.12s ease;
}

._modeToggle_1sdtt_77:hover {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

._modeToggleActive_1sdtt_100 {
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

._modelPill_1sdtt_105 {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  min-width: 0;
  padding: 0.15rem 0.45rem;
  padding-right: 0;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-body-bg);
  transition: border-color 0.12s ease;
}

._modelPill_1sdtt_105:focus-within {
  border-color: var(--vscode-focusBorder);
}

._modelInputShell_1sdtt_123 {
  flex: 1;
  min-width: 0;
}

._modelInput_1sdtt_123 {
  flex: 1;
  min-width: 0;
  font-family: inherit;
  font-size: var(--inspect-font-size-small);
  line-height: 1.4;
  padding: 0.05rem 0;
  border: 0;
  background: transparent;
  color: var(--bs-body-color);
}

._modelInput_1sdtt_123:focus {
  outline: none;
}

._iconAction_1sdtt_144 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--bs-primary-color);
  cursor: pointer;
  transition:
    background-color 0.12s ease,
    color 0.12s ease;
}

._iconAction_1sdtt_144:hover {
  background: var(--vscode-toolbar-hoverBackground);
  color: var(--bs-body-color);
}

._iconActionActive_1sdtt_166 {
  background: var(--vscode-toolbar-hoverBackground);
  color: var(--bs-body-color);
}

._runButton_1sdtt_171 {
  flex: 0 0 auto;
  padding: 0.24rem 0.65rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-secondary-bg);
  color: var(--bs-body-color);
  font-size: var(--inspect-font-size-small);
  font-weight: 600;
  cursor: pointer;
}

._runButton_1sdtt_171:hover:not(:disabled) {
  background-color: var(--bs-tertiary-bg);
}

._runButton_1sdtt_171:disabled {
  opacity: 0.55;
  cursor: default;
}

._results_1sdtt_192 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._sectionHeader_1sdtt_202 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: var(--inspect-font-size-smallest);
  color: var(--bs-primary-color);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._resultCard_1sdtt_214 {
  background-color: var(--bs-body-bg);
  font-size: var(--inspect-font-size-small);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._matchCount_1sdtt_222 {
  font-weight: 600;
  color: var(--bs-primary-color);
  font-size: var(--inspect-font-size-smallest);
}

._recentList_1sdtt_228 {
  margin: 0;
  padding: 0;
  list-style: none;
}

._recentItem_1sdtt_234 {
  padding: 6px 10px;
  font-size: var(--inspect-font-size-small);
  color: var(--bs-body-color);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._recentItem_1sdtt_234:hover {
  background: var(--bs-primary);
  color: white;
}

._recentEmpty_1sdtt_249 {
  padding: 0.6rem 0.5rem;
  color: var(--bs-primary-color);
  font-size: var(--inspect-font-size-small);
  text-align: center;
}

._emptyState_1sdtt_256 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 8rem;
  color: var(--bs-primary-color);
  font-size: var(--inspect-font-size-small);
  text-align: center;
}

._searchingText_1sdtt_267 {
  margin: 0;
}

._searchingElapsed_1sdtt_271 {
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
}
._circle_17gxn_1 {
  width: 36px;
  height: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 11px;
}

._green_17gxn_10 {
  background-color: var(--bs-success);
  border-color: var(--bs-success);
  color: var(--bs-body-bg);
}

._red_17gxn_16 {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
  color: var(--bs-body-bg);
}
._container_7a6bv_1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-auto-rows: auto;
  column-gap: 1rem;
}

._key_7a6bv_8 {
  font-weight: 300;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._value_7a6bv_16 {
  font-weight: 600;
}
._circle_1seo2_1 {
  width: 18px;
  height: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

._green_1seo2_10 {
  background-color: var(--bs-success);
  border-color: var(--bs-success);
  color: var(--bs-body-bg);
}

._red_1seo2_16 {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
  color: var(--bs-body-bg);
}

._orange_1seo2_22 {
  background-color: var(--bs-orange);
  border-color: var(--bs-orange);
  color: var(--bs-body-bg);
}
._button_mrm1o_1 {
  border: none;
  padding: 0;
  background-color: inherit;
  /* Renders as <a> outside VS Code; match the <button> box and focus ring. */
  display: inline-block;
  color: inherit;
  text-decoration: none;
  outline-offset: 0;
}

._viewerOptions_mrm1o_12 {
  color: var(--bs-body-color);
}
._root_1jsd7_1 {
  position: relative;
  display: inline-flex;
}

._button_1jsd7_6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0.25rem 0.4rem;
  color: inherit;
  cursor: pointer;
  border-radius: var(--bs-border-radius);
  line-height: 1;
}

._button_1jsd7_6:hover {
  background-color: var(--bs-secondary-bg);
}

._icon_1jsd7_23 {
  font-size: var(--inspect-font-size-base, 0.9rem);
}

._menu_1jsd7_27 {
  padding: 0.4rem 0.55rem;
  min-width: 11rem;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  color: var(--bs-body-color);
}

._headerRow_1jsd7_37 {
  display: flex;
  column-gap: 1.25rem;
  border-bottom: 1px solid var(--bs-border-color);
  margin-bottom: 0.35rem;
  padding-bottom: 0.25rem;
  justify-content: space-between;
  align-items: center;
  font-size: var(--inspect-font-size-small, 0.8rem);
}

._srOnly_1jsd7_48 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

._group_1jsd7_60 {
  margin: 0 0 0.35rem;
  padding: 0 0 0.35rem;
  border: none;
  border-bottom: 1px solid var(--bs-border-color);
}

._resetButton_1jsd7_67 {
  padding: 0;
  background: none;
  border: none;
  color: var(--bs-link-color);
  font-size: var(--inspect-font-size-small, 0.8rem);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

._resetButton_1jsd7_67:hover {
  text-decoration: underline;
}

._option_1jsd7_82 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.2rem 0;
  font-size: var(--inspect-font-size-small, 0.8rem);
  cursor: pointer;
}

._option_1jsd7_82 input {
  margin: 0;
  cursor: pointer;
}
._button_v9bc5_1 {
  border: none;
  padding: 0;
  background-color: inherit;
  position: relative;
}

._viewerOptions_v9bc5_8 {
  color: var(--bs-body-color);
}

._errorAdornment_v9bc5_12 {
  position: absolute;
  right: -0.45em;
  top: -0.35em;
  color: var(--bs-danger);
  font-size: 0.65em;
  line-height: 1;
  background: var(--bs-body-bg);
  border-radius: 50%;
}
._container_1udqz_1 {
  min-width: 500px;
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 1em;
  row-gap: 0.25em;
}

._fullWidth_1udqz_9 {
  grid-column: -1 / 1;
}

._fullWidthPadded_1udqz_13 {
  grid-column: -1 / 1;
  padding-bottom: 0.5em;
}

._spacer_1udqz_18 {
  grid-column: -1 / 1;
  height: 1px;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  background-color: var(--bs-light-border-subtle);
}

._logDir_1udqz_26 {
  font-family: monospace;
  font-size: 11px;
}

._clearButton_1udqz_31 {
  padding: 0.1em 0.5em;
}

._message_1udqz_35 {
  margin-top: 8px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
}

._messageSuccess_1udqz_43 {
  background-color: #d4edda;
  color: #155724;
}

._messageError_1udqz_48 {
  background-color: #f8d7da;
  color: #721c24;
}

._syncErrorIcon_1udqz_53 {
  color: var(--bs-danger);
  margin-right: 0.4em;
}

._syncErrorDetail_1udqz_58 {
  margin-top: 0.25em;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 11px;
  color: var(--bs-secondary-color);
  background-color: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-light-border-subtle);
  overflow-wrap: anywhere;
}
._header_1u3sd_1 {
  background: var(--bs-light);
  display: grid;
  grid-template-columns: 1fr max-content;
  justify-content: space-between;
  padding: 0.2em 0.5em;
  --bs-breadcrumb-divider: ">";
  overflow: hidden;
}

._header_1u3sd_1._bordered_1u3sd_11 {
  border-bottom: solid var(--bs-border-color) 1px;
}

._breadcrumbs_1u3sd_15 {
  border-left: solid var(--bs-border-color) 1px;
  padding-left: 0.5em;
  margin-bottom: 0;
  min-width: 0;
  overflow: hidden;
  width: max-content;
  display: flex;
  flex-wrap: nowrap;
}

._ellipsis_1u3sd_26 {
  color: var(--bs-secondary);
  font-weight: normal;
}

._left_1u3sd_31 {
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  align-items: center;
  column-gap: 0.75em;
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
}

._right_1u3sd_41 {
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: end;
  align-items: center;
  column-gap: 0.5em;
}

._toolbarButton_1u3sd_50 {
  color: var(--bs-body-color);
}

._toolbarButton_1u3sd_50:hover {
  color: var(--bs-link-hover-color);
}

._pathContainer_1u3sd_58 {
  overflow-x: hidden;
}
._navbarButton_i4zyi_1 {
  font-size: 0.7rem;
  /* Match the height of the navbar's `ViewSegmentedControl` outer
   * container (20.8px): font 0.7rem * 1.5 = 16.8 line-height + 1px
   * padding-y * 2 + 1px border * 2. */
  padding: 1px 5px;
}

._dropdownChevron_i4zyi_9 {
  margin-left: 0.35rem;
  /* Inherit the button's font-size so the chevron never creates a taller
     line-box than the button's text. Hard-coding a smaller font-size token
     can easily exceed the button's own 0.6rem and stretch button height. */
  font-size: inherit;
  line-height: 1;
}
._checkboxWrapper_cdanu_1 {
  margin-bottom: 0.1rem;
}

._label_cdanu_5 {
  display: flex;
  align-items: center;
  cursor: pointer;
}

._checkbox_cdanu_1 {
  margin-right: 0.5rem;
  cursor: pointer;
}

._filterIcon_cdanu_16 {
  margin-left: 0.5rem;
  color: var(--bs-primary);
}

._scrollableContainer_cdanu_21 {
  /* The popper is positioned below the trigger, so its actual visible room
     is less than full viewport height. Cap conservatively so the scrollbar
     kicks in before the popover extends past the viewport. */
  max-height: min(70vh, calc(100vh - 10rem));
  overflow-y: auto;
  /* Reserve scrollbar space up-front so switching between view modes doesn't
     reflow content width when a scrollbar appears/disappears — that reflow
     would otherwise chain through ResizeObserver → popper.update(). */
  scrollbar-gutter: stable;
}

._section_cdanu_33 {
  margin-bottom: 0.75rem;
}

._headerRow_cdanu_37 {
  display: flex;
  column-gap: 2rem;
  row-gap: 1rem;
  border-bottom: solid 1px var(--bs-border-color);
  margin-bottom: 0.5rem;
  justify-content: space-between;
  align-items: center;
}

._scoresHeadingGroup_cdanu_47 {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

._scoresViewModeControl_cdanu_53 {
  margin-bottom: 2px;
}

._buttonContainer_cdanu_57 {
  display: flex;
  gap: 0.5rem;
}

._button_cdanu_57 {
  padding: 0;
  border: none;
  background: none;
  color: var(--bs-link-color);
  font: inherit;
  text-decoration: none;
}

._button_cdanu_57:hover {
  text-decoration: underline;
  cursor: pointer;
}

._columnsLayout_cdanu_76 {
  columns: 2;
  column-gap: 2rem;
}
._gridWrapper_nawgx_1 {
  height: 100%;
  width: 100%;
  position: relative;
}

._gridContainer_nawgx_7 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

._iconCell_nawgx_15 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 100%;
  font-size: 0.95rem;
  color: var(--bs-gray-600);
}

._iconCell_nawgx_15 .ii:before {
  background-color: var(--bs-gray-600);
}

._numberCell_nawgx_29 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 4px;
  font-variant-numeric: tabular-nums;
  overflow: visible;
}

._taskText_nawgx_39 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

._folder_nawgx_46,
._taskText_nawgx_39 {
  color: var(--bs-link-color);
  font-size: 12.8px;
}

._fullWidthHeight_nawgx_52 {
  width: inherit;
  height: inherit;
}
._nameCell_8fyml_1 {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
}

._modelCell_8fyml_8 {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
}

._modelCellPrimary_8fyml_15 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

._scoreCell_8fyml_22 {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: var(--bs-gray-600);
}

._multiScorerBadge_8fyml_29 {
  margin-left: 0.35rem;
  padding: 2px 0.45rem;
  border-radius: 0.5rem;
  background: var(--bs-secondary-bg);
  color: var(--bs-secondary-color);
  font-size: var(--inspect-font-size-smallest);
  line-height: 1;
  cursor: help;
  white-space: nowrap;
}

._error_8fyml_41 {
  color: var(--bs-danger);
}

._started_8fyml_45 {
  color: var(--bs-secondary);
}

._success_8fyml_49 {
  color: var(--bs-success);
}

._cancelled_8fyml_53 {
  color: var(--bs-secondary);
}

._statusCell_8fyml_57 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  /* Fill the grid cell so the icon centers within the column (the DataGrid
   * cell is a flex box that would otherwise leave this content-sized box
   * flush-left). Matches the AG grid, where the block cell filled the width. */
  width: 100%;
}

._dateCell_8fyml_68 {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
}
._filterButton_b38ko_1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  border: none;
  background: transparent;
  color: var(--bs-secondary);
  cursor: pointer;
}

._filterButtonActive_b38ko_13 {
  color: var(--bs-primary);
}

/* Active-filter dot — small affordance at the upper-right of the
 * funnel, matching ag-grid's convention of indicating active filters. */
._filterButtonActive_b38ko_13::after {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--bs-primary);
}
._headerActions_uh0qk_1 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 6px;
}

._filterPopover_uh0qk_8 {
  min-width: 180px;
}
._filterContent_19h4j_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._filterRow_19h4j_7 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._filterSelect_19h4j_13,
._filterInput_19h4j_14 {
  flex: 1;
  font-size: 12px;
  padding: 4px 6px;
  border-radius: 4px;
  border: 1px solid var(--bs-border-color);
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
}

._filterInput_19h4j_14:disabled,
._filterSelect_19h4j_13:disabled {
  background: var(--bs-light);
  color: var(--bs-secondary);
}

.btn._filterButton_19h4j_30 {
  width: 100%;
  padding: 0.2rem;
}

._rangeLabel_19h4j_35 {
  font-size: 11px;
  color: var(--bs-secondary);
  padding-left: 2px;
}

._joinRow_19h4j_41 {
  gap: 12px;
  padding: 2px 0;
}

._joinOption_19h4j_46 {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
._durationInputWrapper_tdbd6_1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

._durationHelper_tdbd6_8 {
  font-size: 11px;
  color: var(--bs-secondary);
  padding-left: 2px;
}
._container_1k6n1_1 {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: auto;
  outline: none;
}

/* Visually-hidden live region: read by screen readers, absent from layout and
 * from pointer/scroll hit-testing. */
._srStatus_1k6n1_11 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  pointer-events: none;
}

/* Keyboard focus ring for the sortable header control (mouse clicks don't
 * trigger :focus-visible, so this stays out of the way for pointer users). */
._headerContent_1k6n1_27:focus-visible,
._rotatedLabel_1k6n1_28:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: -2px;
  border-radius: 2px;
}

/* The table, tbody, and rows carry explicit JS-computed widths (total column
 * width); min-width stretches each to its parent when the columns underfill
 * the viewport, so row borders and hover highlights span the full grid width
 * (AG parity) instead of stopping at the last column. */
._table_1k6n1_38 {
  position: relative;
  min-width: 100%;
}

._thead_1k6n1_43 {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--bs-light-bg-subtle);
  border-bottom: 1px solid var(--bs-border-color);
}

._headerRow_1k6n1_51 {
  display: flex;
  /* Fill the thead height so cells stretch — rotated labels anchor to the
   * header's bottom edge, and bottom-aligned normal headers sit at the base
   * of the angled labels. */
  height: 100%;
}

._headerCell_1k6n1_59 {
  display: flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  gap: 4px;
  padding: 4px 0px 4px 8px;
  text-align: left;
  font-weight: 400;
  color: var(--bs-secondary);
  font-size: var(--inspect-font-size-smallestest) !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Short vertical separator between column headers (matches the prior grid). */
._headerCell_1k6n1_59::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 60%;
  width: 1px;
  background: var(--bs-border-color);
}

._headerCell_1k6n1_59:first-child::before {
  display: none;
}

._headerContent_1k6n1_27 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  user-select: none;
  min-width: 0;
}

/* The whole cell is the sort target (so empty-label columns like the icon
 * column are still clickable) — so the pointer cursor lives on the cell. */
._headerCellSortable_1k6n1_102 {
  cursor: pointer;
}

._sortIcon_1k6n1_106 {
  font-size: 9px;
  flex: 0 0 auto;
}

._sortIndicator_1k6n1_111 {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

/* Multi-sort position badge, tight against the arrow that follows it
 * (matching the AG grid's `1↑`). */
._sortOrder_1k6n1_119 {
  font-size: var(--inspect-font-size-smallestest);
}

/* Filter funnel: hidden until the header is hovered, but stays visible when
 * the column has an active filter (matches the prior grid). */
._headerFilter_1k6n1_125 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 120ms ease;
}

._headerCell_1k6n1_59:hover ._headerFilter_1k6n1_125,
._headerFilterActive_1k6n1_134 {
  opacity: 1;
}

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

._headerCellCenter_1k6n1_144 {
  justify-content: center;
}

/* Normal headers share the tall header row when score columns are rotated;
 * bottom-align their content so the labels line up with the base of the
 * angled labels. */
._headerCellTall_1k6n1_151 {
  align-items: flex-end;
  padding-bottom: 6px;
}

/* In tall (rotated) mode the vertically-centered 60%-height separator becomes
 * a ~69px line floating in the middle of the cell — it reaches up into the
 * band where the previous column's angled label fans out and clashes with it.
 * Drop it to the bottom and shorten it so it sits beside the bottom-aligned
 * label, matching the AG grid. */
._headerCellTall_1k6n1_151::before {
  top: auto;
  bottom: 0;
  transform: none;
  height: 22px;
}

/* Rotated (compact score) header cell: let the angled label overflow the
 * narrow cell, and drop the vertical separator — the label's diagonal
 * bottom border serves as the column divider instead. The cell box itself
 * is pointer-transparent so its full-height rectangle (which tiles the
 * header and stacks over neighbours' overflowing labels) doesn't intercept
 * hover/clicks meant for the diagonal labels; only the labels are
 * interactive. */
._headerCellRotated_1k6n1_175 {
  overflow: visible;
  padding: 0;
  pointer-events: none;
}

._headerCellRotated_1k6n1_175::before {
  display: none;
}

/* ...except the first rotated header after a normal one: there's no preceding
 * angled label whose diagonal could act as the divider (that's the job it does
 * between adjacent rotated headers), so keep the vertical separator at the
 * boundary — matching the prior grid. Use the bottom-aligned 22px form so it
 * sits beside the rotated label, like the separator between two tall headers. */
._headerCellTall_1k6n1_151 + ._headerCellRotated_1k6n1_175::before {
  display: block;
  top: auto;
  bottom: 0;
  transform: none;
  height: 22px;
}

/* The 45° label, anchored flush to the column's right edge and rotated up
 * from its bottom-left corner so it fans up-and-to-the-right. */
._rotatedLabel_1k6n1_28 {
  position: absolute;
  bottom: 0;
  left: 100%;
  /* A bit taller than the text needs so the diagonal hover/click band is an
   * easier target to land on and travel along to the funnel. */
  height: 22px;
  width: 130px;
  padding: 0 0.35rem;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  /* Re-enable pointer events the cell box opts out of (see .headerCellRotated)
   * so the whole diagonal label — text, sort caret, and funnel — is
   * hoverable and clickable along its full length. */
  pointer-events: auto;
  /* The bottom border lies along the label's lower diagonal edge after
   * rotation, acting as the divider between adjacent rotated headers. */
  border-bottom: 1px solid var(--bs-border-color);
  transform: rotate(-45deg);
  transform-origin: bottom left;
}

._rotatedLabel_1k6n1_28:hover {
  /* Lift above neighbouring labels so the hovered text is fully readable. */
  background: var(--bs-tertiary-bg);
  z-index: 2;
}

._rotatedText_1k6n1_232 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--inspect-font-size-smallestest);
  letter-spacing: 0.05em;
}

/* Filter funnel at the end of the label: hidden until the label is hovered,
 * but kept visible while the column has an active filter. */
._rotatedFilter_1k6n1_243 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 120ms ease;
}

._rotatedLabel_1k6n1_28:hover ._rotatedFilter_1k6n1_243,
._rotatedLabelFiltered_1k6n1_252 ._rotatedFilter_1k6n1_243 {
  opacity: 1;
}

/* Hidden, non-rotated positioning anchor at the cell's bottom edge. The
 * filter popover anchors here (not the funnel up in the rotated label) so it
 * opens below the header, under the column, instead of over the headers. */
._rotatedFilterAnchor_1k6n1_259 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* --- Drag-to-reorder columns --- */

/* While a header drag is in flight, rotated cells must catch dragover/drop
 * themselves (they're pointer-transparent for hover/clicks — see
 * .headerCellRotated), and their overflowing diagonal labels must NOT steal
 * those events from the columns they fan across. Hit-testing for drag
 * events follows pointer-events, so flip both for the drag's duration. */
._theadDragging_1k6n1_275 ._headerCellRotated_1k6n1_175 {
  pointer-events: auto;
}

._theadDragging_1k6n1_275 ._rotatedLabel_1k6n1_28 {
  pointer-events: none;
}

._headerCellDragSource_1k6n1_283 {
  opacity: 0.35;
}

/* Cursor-attached drag image (setDragImage). Parked offscreen — the browser
 * snapshots it at dragstart; it never renders in place. */
._dragGhost_1k6n1_289 {
  position: absolute;
  top: -1000px;
  left: -1000px;
  padding: 4px 10px;
  font-size: var(--inspect-font-size-small);
  text-transform: uppercase;
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 3px;
  box-shadow: 0 2px 6px rgb(0 0 0 / 0.2);
  white-space: nowrap;
}

/* Insertion indicator on the drop target's edge. An absolutely-positioned
 * overlay rather than a border so the cell's layout doesn't shift while
 * dragging. */
._headerCellDropLeft_1k6n1_307::after,
._headerCellDropRight_1k6n1_308::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--bs-primary);
  z-index: 3;
}

._headerCellDropLeft_1k6n1_307::after {
  left: -1px;
}

._headerCellDropRight_1k6n1_308::after {
  right: -2px;
}

._tbody_1k6n1_326 {
  position: relative;
  min-width: 100%;
}

._row_1k6n1_331 {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  border-bottom: 1px solid var(--bs-border-color);
  background: var(--bs-body-bg);
  cursor: pointer;
  user-select: none;
  /* Rows with an href render as <a>; keep them looking like plain rows. */
  color: inherit;
  text-decoration: none;
}

._row_1k6n1_331:hover {
  background: var(--bs-light);
  color: inherit;
}

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

._cell_1k6n1_355 {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding: 4px 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px !important;
  /* Re-enable text selection the row-level `user-select: none` suppresses, so
   * cell contents can be selected and copied (parity with the AG grids'
   * `enableCellTextSelection`). A click-drag selects text without firing the
   * row's click handler, so this doesn't interfere with row activation. */
  user-select: text;
}

/* Truncate a cell's content with an ellipsis (parity with the AG grid, whose
 * `.ag-cell-value` wrapper carried these rules). `.cell` is a flex container,
 * so `text-overflow` on it never reaches a block child's text — the child
 * itself must clip. `min-width: 0` lets the single child shrink below its
 * content width so the ellipsis appears; without `flex: 1` the child stays
 * content-sized when it fits, so `justify-content` (center columns) still
 * positions it. `white-space: nowrap` is inherited from `.cell`. */
._cell_1k6n1_355 > * {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

._cellCenter_1k6n1_385 {
  justify-content: center;
}

/* Multiline (list) mode: rows are tall enough to host wrapped, line-clamped
 * cells, so top-align content — a single-line cell then sits at the first line
 * of its multiline neighbours instead of floating in the vertical centre of
 * the tall row (matches the AG grid this replaced). */
._multiline_1k6n1_393 ._cell_1k6n1_355 {
  align-items: flex-start;
}

/* Left-pinned cells (position/left/z-index are inline — the sticky offset
 * comes from the table's pinned-column geometry). They need an opaque
 * background so unpinned cells sliding underneath don't show through, which
 * must track the row's hover/selected state since the row's own background
 * no longer reaches the viewer. The right border marks the pinned edge. */
._headerCellPinned_1k6n1_402 {
  background: var(--bs-light-bg-subtle);
  border-right: 1px solid var(--bs-border-color);
}

._cellPinned_1k6n1_407 {
  background: var(--bs-body-bg);
  border-right: 1px solid var(--bs-border-color);
}

._row_1k6n1_331:hover ._cellPinned_1k6n1_407 {
  background: var(--bs-light);
}

._rowSelected_1k6n1_351 ._cellPinned_1k6n1_407 {
  background: var(--bs-primary-bg-subtle);
}

/* First normal column after a rotated block. The preceding angled label's
 * bottom-border diagonal rises from the shared column edge at 45° (1px up
 * per 1px right), so content flush at the default 8px inset collides with
 * it — the label's text/line cut through the header text (~22px tall at
 * the cell bottom). Indenting by the gap (kAfterRotatedGap + the default
 * 8px) puts the diagonal safely above where the text starts; the cell is
 * rendered kAfterRotatedGap wider to compensate, so the content box is
 * unchanged. Applied to the header cell only — the diagonal overlaps just
 * the header, so body cells keep the default inset (they still carry the
 * matching extra render width, so the column edges stay aligned). */
._afterRotatedGap_1k6n1_430 {
  padding-left: 32px;
}

/* Drop the vertical separator at the gap column's left edge — it rises
 * straight through the anchor of the preceding angled label, whose diagonal
 * bottom border already marks the boundary (same treatment as
 * .headerCellRotated::before). */
._afterRotatedGap_1k6n1_430::before {
  display: none;
}

._empty_1k6n1_442 {
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  text-align: center;
  color: var(--bs-secondary);
}

/* Column resize handle. A wide, invisible hit-strip straddling the column's
 * right edge; a subtle accent line shows on hover / while dragging. The strip
 * sits above cell content (z-index) and never triggers a sort (it is a sibling
 * of .headerContent, so its clicks don't reach the sort handler). */
._resizeHandle_1k6n1_455 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -3px;
  width: 7px;
  cursor: col-resize;
  z-index: 2;
  touch-action: none;
  user-select: none;
}

._resizeHandle_1k6n1_455::after {
  content: "";
  position: absolute;
  top: 25%;
  bottom: 25%;
  left: 3px;
  width: 1px;
  background: var(--bs-primary);
  opacity: 0;
  transition: opacity 120ms ease;
}

._resizeHandle_1k6n1_455:hover::after,
._resizeHandleActive_1k6n1_480::after {
  opacity: 1;
}

/* Tall (rotated) mode: confine the hit-zone + accent line to the bottom
 * divider band so it stays off the angled labels above. */
._resizeHandleTall_1k6n1_486 {
  top: auto;
  height: 24px;
}
._resizeHandleTall_1k6n1_486::after {
  top: 2px;
  bottom: 2px;
}

/* Rotated header cells are pointer-events: none; re-enable it on the handle
 * and pin it to the cell's bottom-right corner (below the diagonal label), so
 * resizing lives in the divider band and the angled label stays clickable. */
._resizeHandleRotated_1k6n1_498 {
  top: auto;
  bottom: 0;
  height: 24px;
  pointer-events: auto;
}
._resizeHandleRotated_1k6n1_498::after {
  top: 2px;
  bottom: 2px;
}
._footer_14uod_1 {
  border-top: solid var(--bs-light-border-subtle) 1px;
  background: var(--bs-light-bg-subtle);
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  justify-content: space-between;

  padding: 0.2em 1em;
}

._spinnerContainer_14uod_11 {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 0.3em;
  padding-top: 0.2em;
}

._spinner_14uod_11 {
  height: 11px;
  width: 11px;
  color: var(--bs-secondary);
  border-width: 1px;
}

._label_14uod_25 {
  margin-left: 0.1em;
  margin-top: -3px;
}

._right_14uod_30 {
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: end;
  align-items: center;
  column-gap: 0.5em;
}

._left_14uod_39 {
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 0.5em;
}

._center_14uod_48 {
  display: grid;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  column-gap: 0.5em;
}
._panel_16dj8_1 {
  height: 100vh;
  width: 100vw;
  display: grid;
  grid-template-rows: max-content 1fr max-content;
}

._list_16dj8_8 {
  overflow: hidden;
  height: 100%;
  min-height: 0;
}
._container_ly812_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

._scroller_ly812_7 {
  overflow-y: auto;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Colour roles (handoff decision 4): hue says WHO (agent rows), red says
   STATUS, and these two say WHAT. The tool teal is saturated and lifted
   well off the model grey (≥ 1.8 : 1 light, ≥ 2.4 : 1 dark) so a tool
   tick reads next to a model span in either theme (design owner
   2026-09-15). */
._chart_md8fn_6 {
  position: relative;
  width: 100%;
  --sa-model-color: #64748b;
  --sa-tool-color: #14b8a6;
  --sa-tool-label-color: #0f766e;
}

._svg_md8fn_14 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

/* Uppercase 9px band labels, letter-spacing set inline (SVG attr). */
._bandLabel_md8fn_22 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
}

._bandHeadline_md8fn_27 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
  font-family: var(--bs-font-monospace);
}

._axisLine_md8fn_33 {
  stroke: var(--bs-border-color);
}

._axisLabel_md8fn_37 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
}

._yTickLabel_md8fn_42 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
}

/* ── working time ── */

._workingBlock_md8fn_49 {
  fill: #5b8ec4;
}

._stallBracket_md8fn_53 {
  stroke: #adb5bd;
  stroke-width: 1;
  fill: none;
}

._stallBracketRetry_md8fn_59 {
  stroke: #b04a3c;
  stroke-width: 1;
  fill: none;
}

._stallLabel_md8fn_65 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
}

._stallLabelRetry_md8fn_70 {
  font-size: 9px;
  fill: #b04a3c;
}

/* ── curves ── */

/* Painted geometry only: the full-plot hit surface beneath reads the
   curves, so a stroke or fill must never catch the pointer — a hover
   landing on a context vertex, or a travelling pointer crossing the line,
   would otherwise reach nothing (review pass 15). */
._tokenSeries_md8fn_81 {
  fill: none;
  stroke: #495057;
  stroke-width: 1.2;
  pointer-events: none;
}

._contextSeries_md8fn_88 {
  fill: none;
  stroke: #3a7bd5;
  stroke-width: 1.2;
  pointer-events: none;
}

._contextDot_md8fn_95 {
  fill: #3a7bd5;
  pointer-events: none;
}

._compactionDrop_md8fn_100 {
  stroke: #2b6a94;
  stroke-dasharray: 3 2;
}

._compactionLabel_md8fn_105 {
  font-size: 9px;
  fill: #2b6a94;
}

/* ── shared cursor (handoff 11a) ── */

/* One hairline through every band at the anchor time. */
._cursorLine_md8fn_113 {
  stroke: #adb5bd;
  stroke-width: 1;
  pointer-events: none;
}

/* Dark pill on the axis pinning the exact time (or turn). */
._cursorPill_md8fn_120 {
  fill: #212529;
  pointer-events: none;
}

._cursorPillText_md8fn_125 {
  fill: #fff;
  font-family: var(--bs-font-monospace);
  font-size: 9px;
  pointer-events: none;
}

/* Read-out dot per visible row on the curve bands (stroke = row hue). */
._readoutDot_md8fn_133 {
  fill: var(--bs-body-bg);
  stroke-width: 1.5;
  pointer-events: none;
}

/* Full-plot hit surface — sits under every span/marker so they still
   receive their own hovers. */
._plotHit_md8fn_141 {
  fill: transparent;
}

/* Stall regions on the working band carry their own hover target. */
._stallHit_md8fn_146 {
  fill: transparent;
}

/* Token burn stacked by conversation (handoff 10a): each layer fills in
   its row hue at 0.28 with a 1px top edge in the same hue (both inline). */
._tokenLayer_md8fn_152 {
  opacity: 0.28;
  stroke: none;
  pointer-events: none;
}

._tokenLayerEdge_md8fn_158 {
  fill: none;
  stroke-width: 1;
  pointer-events: none;
}

/* Gutter legend under a curve band's label: swatch · name. */
._legendName_md8fn_165 {
  font-size: 9px;
  fill: var(--bs-body-color);
}

/* ── model & tool activity ── */

._rowLabel_md8fn_172 {
  font-size: 9px;
  fill: var(--bs-body-color);
}

._rowLabelMuted_md8fn_177 {
  fill: #adb5bd;
}

._modelSpan_md8fn_181 {
  fill: var(--sa-model-color);
}

._toolSpan_md8fn_185 {
  fill: var(--sa-tool-color);
}

/* Failed tool call: red-outlined span (handoff decision 4). */
._failedSpan_md8fn_190 {
  fill: #fdf1ef;
  stroke: #b04a3c;
}

._pendingSpan_md8fn_195 {
  opacity: 0.55;
}

/* Span hover (handoff 11a): the hovered rect outlines. Its turn-mates no
   longer dim (design owner, 2026-09-15). */
._spanHovered_md8fn_201 {
  stroke: #212529;
  stroke-width: 1;
}

/* ── Turns axis (handoff 8b) ── */

/* Column rects: no rounding, a 1.5px body-bg seam between columns. */
._turnRect_md8fn_209 {
  stroke: var(--bs-body-bg);
  stroke-width: 1.5;
}

/* The seam rule above shares `.failedSpan` / `.spanHovered`'s specificity
   and comes later, so on a Turns rect it would win: the failed outline and
   the hover outline are restated at higher specificity. */
._turnRect_md8fn_209._failedSpan_md8fn_190 {
  stroke: #b04a3c;
  stroke-width: 1;
}

._turnRect_md8fn_209._spanHovered_md8fn_201 {
  stroke: #212529;
  stroke-width: 1;
}

/* Faint full-height column separators behind every band. */
._turnSeparator_md8fn_228 {
  stroke: #f1f3f5;
  stroke-width: 1;
  pointer-events: none;
}

/* A rejected call's slot: the tool never ran. */
._ghostSpan_md8fn_235 {
  fill: #f7f3fc;
  stroke: #6b4fa8;
  stroke-dasharray: 2 2;
  pointer-events: none;
}

._ghostLabel_md8fn_242 {
  font-size: 8px;
  fill: #6b4fa8;
}

/* A crowded half whose slots are all rejected calls: one ghost that,
   unlike the per-slot ghosts, takes the aggregate's hover and click. Its
   dashed stroke is declared after `.spanHovered`, so the hover outline is
   restated at higher specificity. */
._ghostAggregate_md8fn_251 {
  pointer-events: auto;
}

._ghostAggregate_md8fn_251._spanHovered_md8fn_201 {
  stroke: #212529;
}

._axisLabelMuted_md8fn_259 {
  fill: var(--bs-secondary-color);
  opacity: 0.8;
}

/* Grader / secondary-role rows render muted (handoff decision 4). */
._roleRow_md8fn_265 {
  opacity: 0.7;
}

/* "+N more" fold row: a grey summary of the conversations past the cap. */
._foldRow_md8fn_270 {
  opacity: 0.6;
}

/* Parent conversation waiting on a spawned child — the only idle ever
   drawn on the activity band (handoff 10a). */
._blockedThread_md8fn_276 {
  stroke: #adb5bd;
  stroke-width: 1;
  stroke-dasharray: 2 3;
}

._blockedLabel_md8fn_282 {
  font-size: 8px;
  fill: #adb5bd;
}

/* ── agent gutter (handoff 10a) ── */

._gutterCheckbox_md8fn_289 {
  fill: none;
  stroke: #212529;
  stroke-width: 1;
}

._gutterCheckboxOn_md8fn_295 {
  fill: #212529;
}

._gutterCheck_md8fn_289 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

._gutterExpand_md8fn_307 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
}

._gutterName_md8fn_312 {
  font-size: 9px;
  fill: #212529;
}

._gutterModel_md8fn_317 {
  font-size: 8px;
  fill: var(--bs-secondary-color);
}

._gutterHit_md8fn_322 {
  fill: transparent;
  cursor: pointer;
  outline: none;
}

._burstLabel_md8fn_328 {
  font-size: 8px;
  fill: var(--sa-tool-label-color);
}

._retryBadge_md8fn_333 {
  font-size: 9px;
  fill: #b04a3c;
}

/* Density strip columns: the majority kind's colour, opacity by count. */
._densityModel_md8fn_339 {
  fill: var(--sa-model-color);
}

._densityTool_md8fn_343 {
  fill: var(--sa-tool-color);
}

._densityFailure_md8fn_347 {
  fill: #b04a3c;
  pointer-events: none;
}

/* Hover-only: the strip has no click action, so no pointer cursor. */
._densityHit_md8fn_353 {
  fill: transparent;
}

/* ── marker rail ── */

/* Only the hit rect is interactive — the group's stem line would
   otherwise capture hovers meant for the bands beneath it. */
._marker_md8fn_361 {
  pointer-events: none;
}

/* Focusable for keyboard access to the card, but click-inert. Bootstrap's
   reboot gives every [role="button"] a pointer; the descendant selector
   outranks it. */
._marker_md8fn_361 ._markerHit_md8fn_368 {
  fill: transparent;
  pointer-events: all;
  cursor: default;
  outline: none;
}

/* Bordered count box above a clustered glyph (stroke/text take the
   category hue inline) — the task timeline's ordinal-box token. */
._clusterBoxRect_md8fn_377 {
  fill: var(--bs-body-bg);
  stroke-opacity: 0.55;
  pointer-events: none;
}

._clusterBoxText_md8fn_383 {
  font-family: var(--bs-font-monospace);
  font-size: 9px;
  pointer-events: none;
}

/* ── dark theme ── */

[data-bs-theme="dark"] ._chart_md8fn_6 {
  --sa-tool-color: #2dd4bf;
  --sa-tool-label-color: #5eead4;
}

[data-bs-theme="dark"] ._tokenSeries_md8fn_81 {
  stroke: #adb5bd;
}

[data-bs-theme="dark"] ._contextSeries_md8fn_88 {
  stroke: #6ea0dc;
}

[data-bs-theme="dark"] ._contextDot_md8fn_95 {
  fill: #6ea0dc;
}

[data-bs-theme="dark"] ._compactionDrop_md8fn_100 {
  stroke: #6ba3c9;
}

[data-bs-theme="dark"] ._compactionLabel_md8fn_105 {
  fill: #8fbcd9;
}

[data-bs-theme="dark"] ._stallBracket_md8fn_53 {
  stroke: #6c757d;
}

[data-bs-theme="dark"] ._stallBracketRetry_md8fn_59 {
  stroke: #d98b7f;
}

[data-bs-theme="dark"] ._stallLabelRetry_md8fn_70 {
  fill: #d98b7f;
}

[data-bs-theme="dark"] ._failedSpan_md8fn_190 {
  fill: #322019;
  stroke: #d98b7f;
}

[data-bs-theme="dark"] ._turnRect_md8fn_209._failedSpan_md8fn_190 {
  stroke: #d98b7f;
}

[data-bs-theme="dark"] ._retryBadge_md8fn_333 {
  fill: #d98b7f;
}

[data-bs-theme="dark"] ._densityFailure_md8fn_347 {
  fill: #d98b7f;
}

[data-bs-theme="dark"] ._rowLabelMuted_md8fn_177 {
  fill: #6c757d;
}

[data-bs-theme="dark"] ._blockedThread_md8fn_276 {
  stroke: #6c757d;
}

[data-bs-theme="dark"] ._blockedLabel_md8fn_282 {
  fill: #868e96;
}

[data-bs-theme="dark"] ._gutterCheckbox_md8fn_289 {
  stroke: #dee2e6;
}

[data-bs-theme="dark"] ._gutterCheckboxOn_md8fn_295 {
  fill: #dee2e6;
}

[data-bs-theme="dark"] ._gutterCheck_md8fn_289 {
  stroke: #212529;
}

[data-bs-theme="dark"] ._gutterName_md8fn_312 {
  fill: #dee2e6;
}

[data-bs-theme="dark"] ._cursorLine_md8fn_113 {
  stroke: #6c757d;
}

[data-bs-theme="dark"] ._cursorPill_md8fn_120 {
  fill: #dee2e6;
}

[data-bs-theme="dark"] ._cursorPillText_md8fn_125 {
  fill: #212529;
}

[data-bs-theme="dark"] ._spanHovered_md8fn_201 {
  stroke: #f8f9fa;
}

[data-bs-theme="dark"] ._turnRect_md8fn_209._spanHovered_md8fn_201 {
  stroke: #f8f9fa;
}

[data-bs-theme="dark"] ._turnSeparator_md8fn_228 {
  stroke: #2b3035;
}

[data-bs-theme="dark"] ._ghostSpan_md8fn_235 {
  fill: #2a2436;
  stroke: #b39ddb;
}

[data-bs-theme="dark"] ._ghostLabel_md8fn_242 {
  fill: #b39ddb;
}

[data-bs-theme="dark"] ._ghostAggregate_md8fn_251._spanHovered_md8fn_201 {
  stroke: #f8f9fa;
}
/* One tooltip card for every hovered thing (handoff 11a/11b): reuses the
   .lineTooltip chrome — white, 1px border, r3, soft shadow, 0.72rem,
   tabular numerals — at a fixed 262px width. */
._tooltip_1y9z1_4 {
  position: absolute;
  width: 262px;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 3px;
  padding: 6px 8px 4px 8px;
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--bs-body-color);
}

._header_1y9z1_21 {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  white-space: nowrap;
}

._subject_1y9z1_28 {
  font-weight: 600;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

._statusFailed_1y9z1_36 {
  color: #a13b2c;
}

._statusRejected_1y9z1_40 {
  color: #6b4fa8;
}

._timeLine_1y9z1_44 {
  font-family: var(--bs-font-monospace);
  font-size: 0.68rem;
  color: var(--bs-secondary-color);
}

._who_1y9z1_50 {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
}

._swatch_1y9z1_58 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

._dot_1y9z1_65 {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 0.3rem;
  vertical-align: middle;
}

._glyph_1y9z1_74 {
  font-size: 0.65rem;
}

._grid_1y9z1_78 {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 0.75rem;
  row-gap: 1px;
  align-items: baseline;
}

._key_1y9z1_86 {
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

._value_1y9z1_91 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._mono_1y9z1_98 {
  font-family: var(--bs-font-monospace);
  font-size: 0.68rem;
}

._muted_1y9z1_103 {
  color: var(--bs-secondary-color);
}

._ellipsis_1y9z1_107 {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}

._list_1y9z1_116 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

._listRow_1y9z1_122 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

._listRow_1y9z1_122 > :nth-child(2) {
  flex: 1;
  min-width: 0;
}

._listRowHovered_1y9z1_134 {
  font-weight: 600;
}

._note_1y9z1_138 {
  color: var(--bs-body-color);
}

._footer_1y9z1_142 {
  margin-top: 2px;
  padding: 3px 0 0 0;
  border: none;
  border-top: 1px dotted var(--bs-border-color);
  background: none;
  color: #2a78d6;
  font-size: 0.7rem;
  text-align: left;
  cursor: pointer;
}

._footer_1y9z1_142:hover {
  text-decoration: underline;
}

/* ── dark theme ── */

[data-bs-theme="dark"] ._statusFailed_1y9z1_36 {
  color: #d98b7f;
}

[data-bs-theme="dark"] ._statusRejected_1y9z1_40 {
  color: #b39ddb;
}

[data-bs-theme="dark"] ._footer_1y9z1_142 {
  color: #6ea0dc;
}
._wrapper_14pl5_1 {
  font-variant-numeric: tabular-nums;
  font-size: 0.8125rem;
  color: var(--bs-body-color);
}

._table_14pl5_7 {
  width: 100%;
  border-collapse: collapse;
}

._table_14pl5_7 thead th {
  text-align: left;
  font-weight: 600;
  color: var(--bs-secondary);
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0 0.75rem 0.5rem 0;
  border-bottom: 1px solid var(--bs-light-border-subtle);
  white-space: nowrap;
}

._table_14pl5_7 thead th._num_14pl5_24 {
  text-align: right;
}

._table_14pl5_7 tbody tr._modelRow_14pl5_28 td {
  padding-top: 22px;
  padding-bottom: 18px;
  border-top: 1px solid var(--bs-light-border-subtle);
  vertical-align: top;
}

._table_14pl5_7 tbody tr._modelRow_14pl5_28:first-child td {
  border-top: 0;
  padding-top: 6px;
}

._table_14pl5_7 tbody td {
  padding: 0.25rem 0.75rem 0.25rem 0;
  vertical-align: top;
}

._table_14pl5_7 tbody td._num_14pl5_24 {
  text-align: right;
}

._modelCell_14pl5_49 {
  font-weight: 500;
  padding-right: 1.5rem;
  min-width: 14rem;
}

._modelName_14pl5_55 {
  display: block;
  word-break: break-word;
}

._modelAlias_14pl5_60 {
  display: block;
  font-size: 0.7rem;
  font-weight: 400;
  color: var(--bs-secondary);
  margin-top: 0.1rem;
  word-break: break-word;
}

._modelTotal_14pl5_69 {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--bs-body-color);
  margin-top: 0.4rem;
}

._modelCost_14pl5_77 {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--bs-secondary);
  margin-top: 0.15rem;
}

._configSection_14pl5_85 {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed var(--bs-light-border-subtle);
  max-width: 240px;
}

._configSectionLabel_14pl5_92 {
  font-family: var(--bs-font-monospace);
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--bs-secondary);
  margin-top: 10px;
}

._configSectionLabel_14pl5_92:first-child {
  margin-top: 0;
}

._configTable_14pl5_106 {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 2px 14px;
  align-items: baseline;
  margin: 2px 0 0;
  font-family: var(--bs-font-monospace);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  color: var(--bs-body-color);
}

._configKey_14pl5_118 {
  color: var(--bs-secondary);
  font-weight: 400;
  white-space: nowrap;
}

._configVal_14pl5_124 {
  margin: 0;
  color: var(--bs-body-color);
  font-weight: 400;
}

._modelTotal_14pl5_69 small {
  font-size: 0.7rem;
  font-weight: 400;
  color: var(--bs-secondary);
  margin-left: 0.25rem;
  text-transform: none;
  letter-spacing: 0;
}

._composeCell_14pl5_139 {
  min-width: 200px;
}

._table_14pl5_7 tbody td._composeCell_14pl5_139 {
  padding-right: 3rem;
}

._stack_14pl5_147 {
  display: flex;
  height: 8px;
  width: 100%;
  border-radius: 999px;
  overflow: hidden;
  background: var(--bs-light-border-subtle);
  margin-top: 7px;
}

._stack_14pl5_147 > span {
  display: block;
  height: 100%;
}

._pcts_14pl5_162 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem;
  font-size: 0.7rem;
  color: var(--bs-secondary);
}

._breakdown_14pl5_170 {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  gap: 0.25rem 0.75rem;
  align-items: baseline;
  margin: 0;
}

._breakdownLabel_14pl5_178 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.7rem;
  color: var(--bs-secondary);
}

._breakdownLeader_14pl5_186 {
  border-bottom: 1px dotted var(--bs-tertiary-color);
  height: 0.6em;
  transform: translateY(-2px);
  margin: 0;
}

._breakdownValue_14pl5_193 {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--bs-body-color);
  text-align: right;
}

._perSampleCell_14pl5_200 {
  vertical-align: top;
  color: var(--bs-secondary);
}

._perSampleSub_14pl5_205 {
  display: block;
  font-size: 0.65rem;
  color: var(--bs-secondary);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-top: 0.15rem;
}

._perSampleCost_14pl5_214 {
  display: block;
  margin-top: 0.5rem;
  color: var(--bs-body-color);
}

._swatchSmall_14pl5_220 {
  width: 7px;
  height: 7px;
  border-radius: 2px;
}

._catInput_14pl5_226 {
  background: #cfdcef;
}

._catCacheRead_14pl5_230 {
  background: #a8c4ec;
}

._catCacheWrite_14pl5_234 {
  background: #6ea0dc;
}

._catOutput_14pl5_238 {
  background: #3a7bd5;
}

._catReasoning_14pl5_242 {
  background: #1f4e8c;
}
._strip_c99qp_1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  align-items: stretch;
  border-top: 1px solid var(--bs-light-border-subtle);
  border-bottom: 1px solid var(--bs-light-border-subtle);
  font-variant-numeric: tabular-nums;
}

/* 4 tracks: [total] [compose x2] [working time] */
._stripTimed_c99qp_11 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

._cell_c99qp_15 {
  padding: 0.75rem 1rem 0.75rem 0;
  border-right: 1px solid var(--bs-light-border-subtle);
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

._cell_c99qp_15:not(:first-child) {
  padding-left: 1rem;
}

._cell_c99qp_15:last-child {
  border-right: 0;
  padding-right: 0;
}

._span2_c99qp_33 {
  grid-column: span 2;
}

._lab_c99qp_37 {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bs-secondary);
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

._lab_c99qp_37 svg {
  width: 11px;
  height: 11px;
  color: #3a7bd5;
  flex-shrink: 0;
}

._val_c99qp_55 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--bs-body-color);
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  line-height: 1.1;
}

._val_c99qp_55 small {
  font-size: 0.75rem;
  color: var(--bs-secondary);
  font-weight: 400;
}

._sub_c99qp_71 {
  font-size: 0.75rem;
  color: var(--bs-secondary);
}

._stack_c99qp_76 {
  display: flex;
  height: 8px;
  width: 100%;
  border-radius: 999px;
  overflow: hidden;
  background: var(--bs-light-border-subtle);
}

._stack_c99qp_76 > span {
  display: block;
  height: 100%;
}

._breakdown_c99qp_90 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.9rem;
  font-size: 0.75rem;
  color: var(--bs-secondary);
}

._breakdown_c99qp_90 > span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

._breakdown_c99qp_90 b {
  color: var(--bs-body-color);
  font-weight: 600;
}

._swatch_c99qp_109 {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 2px;
  flex-shrink: 0;
}

/* Working time — duration + clock times on one row */
._workingRow_c99qp_118 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  flex-wrap: wrap;
}

._clockRow_c99qp_125 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  color: var(--bs-secondary);
}

._clockVal_c99qp_133 {
  font-weight: 600;
  color: var(--bs-body-color);
}

._clockArrow_c99qp_138 {
  color: var(--bs-secondary);
}

/* Category colours — single blue-family hue */
._catInput_c99qp_143 {
  background: #cfdcef;
}
._catCacheRead_c99qp_146 {
  background: #a8c4ec;
}
._catCacheWrite_c99qp_149 {
  background: #6ea0dc;
}
._catOutput_c99qp_152 {
  background: #3a7bd5;
}
._catReasoning_c99qp_155 {
  background: #1f4e8c;
}
._cell_1etak_1 {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._effectiveValue_1etak_8 {
  font-weight: 600;
}

._clearedValue_1etak_12 {
  font-weight: 400;
}

._noneValue_1etak_16 {
  font-style: italic;
}

._priorValue_1etak_20 {
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
}

._chip_1etak_25 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border: 1px solid #d9cfe8;
  background: #f7f3fc;
  color: #4a2e73;
  border-radius: 999px;
  padding: 0.05rem 0.45rem;
  font-size: 0.68rem;
  white-space: nowrap;
  cursor: help;
}

._chipCleared_1etak_39 {
  border-color: #d3d9df;
  background: #f6f7f8;
  color: var(--bs-secondary-color);
}

._diamond_1etak_45 {
  width: 6px;
  height: 6px;
  background: #8f6fd0;
  border: 1px solid #5d3f9e;
  transform: rotate(45deg);
  display: inline-block;
  flex-shrink: 0;
}

._popover_1etak_55 {
  width: 330px;
  padding: 0;
}

._popoverHeader_1etak_60 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid var(--bs-border-color);
  background: var(--bs-light-bg-subtle);
  font-size: 0.75rem;
  border-radius: 4px 4px 0 0;
}

._popoverHeader_1etak_60 ._diamond_1etak_45 {
  width: 7px;
  height: 7px;
}

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

._popoverHeaderNote_1etak_80 {
  color: var(--bs-secondary-color);
}

._popoverBody_1etak_84 {
  padding: 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  font-size: 0.78rem;
}

._popoverTransition_1etak_92 {
  font-family: var(--bs-font-monospace);
  font-size: 0.85rem;
  overflow-wrap: anywhere;
}

._popoverTransition_1etak_92 ._from_1etak_98 {
  color: var(--bs-secondary-color);
}

._popoverTransition_1etak_92 ._to_1etak_102 {
  font-weight: 600;
}

._popoverGrid_1etak_106 {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 1em;
  row-gap: 0.2rem;
}

._popoverGrid_1etak_106 > div {
  min-width: 0;
  overflow-wrap: anywhere;
}

._popoverLabel_1etak_118 {
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  font-size: 0.68rem;
}

._scopePill_1etak_124 {
  display: inline-flex;
  border: 1px solid #d3d9df;
  color: var(--bs-secondary-color);
  border-radius: 999px;
  padding: 0.05rem 0.4rem;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

._timelineLink_1etak_135 {
  /* Renders as <a> when it has an href; keep the <button>'s focus ring. */
  outline-offset: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.72rem;
  color: var(--bs-secondary-color);
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

._timelineLink_1etak_135:hover {
  color: var(--bs-body-color);
}

._timelineLink_1etak_135 i {
  font-size: 0.8rem;
}

._changeList_1etak_158 {
  font-family: var(--bs-font-monospace);
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

._changeList_1etak_158 ._from_1etak_98 {
  color: var(--bs-secondary-color);
}

._changeList_1etak_158 ._to_1etak_102 {
  font-weight: 600;
}

[data-bs-theme="dark"] ._chip_1etak_25 {
  border-color: #4a3d63;
  background: #2a2333;
  color: #cbb8ec;
}

[data-bs-theme="dark"] ._chipCleared_1etak_39 {
  border-color: #464c52;
  background: #24272a;
  color: var(--bs-secondary-color);
}

[data-bs-theme="dark"] ._diamond_1etak_45 {
  background: #8f6fd0;
  border-color: #b49ae0;
}

[data-bs-theme="dark"] ._scopePill_1etak_124 {
  border-color: #464c52;
}
._transition_1sx4b_1 {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

._oldLimit_1sx4b_6 {
  color: var(--bs-secondary);
}

._arrowUp_1sx4b_10,
._arrowDown_1sx4b_11 {
  margin: 0 5px;
}

._arrowUp_1sx4b_10 {
  color: var(--bs-secondary);
}

._arrowDown_1sx4b_11 {
  color: #b04a3c;
}

._newLimit_1sx4b_23 {
  font-weight: 600;
}

._badge_1sx4b_27 {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
}

._badgeSlowStart_1sx4b_36 {
  background: #e7eef8;
  color: #3a6ea8;
}

._badgeSteadyUp_1sx4b_41 {
  background: #e9f1eb;
  color: #4a7a55;
}

._badgeRateLimit_1sx4b_46 {
  background: #f8e9e7;
  color: #b04a3c;
}

._badgeManual_1sx4b_51 {
  background: #eceef0;
  color: #5f6771;
}

/* Dark mode — dark tinted fills with light text (the light fills above are
   near-white and glare on a dark surface). */
[data-bs-theme="dark"] ._arrowDown_1sx4b_11 {
  color: #d98d7d;
}

[data-bs-theme="dark"] ._badgeSlowStart_1sx4b_36 {
  background: #253850;
  color: #9dc0ea;
}

[data-bs-theme="dark"] ._badgeSteadyUp_1sx4b_41 {
  background: #253b2c;
  color: #9ccaa8;
}

[data-bs-theme="dark"] ._badgeRateLimit_1sx4b_46 {
  background: #472a24;
  color: #e39a8a;
}

[data-bs-theme="dark"] ._badgeManual_1sx4b_51 {
  background: #31353b;
  color: #aeb6bf;
}
._table_136xr_1 {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
  color: var(--bs-body-color);
}

._table_136xr_1 thead th {
  position: sticky;
  top: 0;
  background: var(--bs-body-bg);
  text-align: left;
  font-weight: 600;
  color: var(--bs-secondary);
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 10px 16px 8px;
  border-bottom: 1px solid var(--bs-light-border-subtle);
}

._table_136xr_1 tbody td {
  padding: 7px 16px;
  border-bottom: 1px solid var(--bs-light-border-subtle);
  vertical-align: baseline;
}

._table_136xr_1 tbody tr:last-child td {
  border-bottom: 0;
}

._time_136xr_33 {
  color: var(--bs-secondary);
  white-space: nowrap;
}

._limitHead_136xr_38 {
  text-align: right;
}

._limit_136xr_38 {
  text-align: right;
  white-space: nowrap;
}

._noLimit_136xr_47 {
  color: var(--bs-secondary);
}

._badge_136xr_51 {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  white-space: nowrap;
}

._badgeConfig_136xr_60 {
  border: 1px solid #d9cfe8;
  background: var(--bs-body-bg);
  color: #4a2e73;
}

._configRow_136xr_66 {
  background: #f7f3fc;
}

._rateLimitRow_136xr_70 {
  background: #fdf6f5;
}

._configDetail_136xr_74 {
  color: #4a2e73;
  margin-left: 0.4rem;
  font-size: 0.75rem;
}

._subheader_136xr_80 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--bs-light-border-subtle);
  font-size: 0.7rem;
  color: var(--bs-secondary);
}

._sharedBy_136xr_90 {
  white-space: nowrap;
}

._filters_136xr_94 {
  margin-left: auto;
  display: inline-flex;
  gap: 0.35rem;
}

._filterChip_136xr_100 {
  display: inline-flex;
  padding: 0.1rem 0.45rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background: none;
  color: var(--bs-secondary);
  font-size: 0.7rem;
  cursor: pointer;
}

._filterChipActive_136xr_111 {
  border-color: var(--bs-secondary);
  background: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

/* Push the shared TimelineLink to the footer's left edge. */
._footerLink_136xr_118 {
  margin-right: auto;
}

[data-bs-theme="dark"] ._badgeConfig_136xr_60 {
  border-color: #4a3d63;
  color: #cbb8ec;
}

[data-bs-theme="dark"] ._configRow_136xr_66 {
  background: #241f2e;
}

[data-bs-theme="dark"] ._rateLimitRow_136xr_70 {
  background: #2e211e;
}

[data-bs-theme="dark"] ._configDetail_136xr_74 {
  color: #cbb8ec;
}
._grid_13lh4_1 {
  display: grid;
  grid-template-columns: minmax(13rem, 1fr) max-content 1.2fr max-content;
  column-gap: 1.25rem;
  font-variant-numeric: tabular-nums;
  font-size: 0.8125rem;
}

._headCell_13lh4_9 {
  font-weight: 600;
  color: var(--bs-secondary-color);
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--bs-border-color);
}

._cell_13lh4_19 {
  padding-top: 8px;
  padding-bottom: 12px;
  border-bottom: 1px dotted var(--bs-border-color);
}

._lastRow_13lh4_25 {
  border-bottom: none;
}

._modelCell_13lh4_29 {
  padding-right: 1.5rem;
}

._modelName_13lh4_33 {
  display: block;
  font-weight: 500;
  word-break: break-word;
}

._roles_13lh4_39 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.3rem;
  font-size: 0.7rem;
  color: var(--bs-secondary-color);
  flex-wrap: wrap;
}

._roleChip_13lh4_49 {
  display: inline-flex;
  padding: 0.05rem 0.4rem;
  border: 1px solid #cfe0f1;
  background: #f2f7fc;
  color: #1d4f7c;
  border-radius: 999px;
}

._avgCell_13lh4_58 {
  padding-right: 0.5rem;
}

._avgValue_13lh4_62 {
  display: block;
  font-size: 1rem;
  font-weight: 600;
}

._avgValue_13lh4_62 small {
  font-size: 0.7rem;
  font-weight: 400;
  color: var(--bs-secondary-color);
  margin-left: 0.25rem;
}

._rateLimits_13lh4_75 {
  display: block;
  font-size: 0.7rem;
  color: #b04a3c;
  font-weight: 600;
  margin-top: 0.15rem;
}

._actionsCell_13lh4_83 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}

._actionLink_13lh4_90 {
  /* Renders as <a> when it has an href; keep the <button>'s look and focus
     ring. */
  outline-offset: 0;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.68rem;
  color: var(--bs-secondary-color);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

._actionLink_13lh4_90:hover {
  color: var(--bs-body-color);
}

._actionLink_13lh4_90 i {
  font-size: 0.8rem;
}

._chart_13lh4_114 {
  position: relative;
  width: 100%;
}

._svg_13lh4_119 {
  display: block;
}

._series_13lh4_123 {
  fill: none;
  stroke: #3a7bd5;
  stroke-width: 1.5;
}

._baseline_13lh4_129 {
  stroke: var(--bs-border-color);
}

._capGuide_13lh4_133 {
  stroke: #9d84d1;
  stroke-dasharray: 3 3;
  opacity: 0.8;
}

._rateLimitLine_13lh4_139 {
  stroke: #b04a3c;
  stroke-width: 1;
  opacity: 0.55;
  cursor: pointer;
}

._retuneLine_13lh4_146 {
  stroke: #9d84d1;
}

._retuneMarker_13lh4_150 {
  fill: #8f6fd0;
  stroke: #5d3f9e;
  cursor: pointer;
}

._chartLabel_13lh4_156 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
}

._legend_13lh4_161 {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 0.7rem;
  color: var(--bs-secondary-color);
}

._legendItem_13lh4_169 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

._legendDiamond_13lh4_175 {
  width: 7px;
  height: 7px;
  background: #8f6fd0;
  border: 1px solid #5d3f9e;
  transform: rotate(45deg);
  display: inline-block;
}

._legendRateLimit_13lh4_184 {
  width: 1px;
  height: 10px;
  background: #b04a3c;
  display: inline-block;
}

._legendGuide_13lh4_191 {
  width: 12px;
  height: 0;
  border-top: 1px dashed #9d84d1;
  display: inline-block;
}

[data-bs-theme="dark"] ._roleChip_13lh4_49 {
  border-color: #2c4a66;
  background: #16222e;
  color: #8db8dd;
}

[data-bs-theme="dark"] ._series_13lh4_123 {
  stroke: #6ea0dc;
}

[data-bs-theme="dark"] ._rateLimits_13lh4_75 {
  color: #d98b7f;
}

[data-bs-theme="dark"] ._legendRateLimit_13lh4_184 {
  background: #d98b7f;
}

[data-bs-theme="dark"] ._rateLimitLine_13lh4_139 {
  stroke: #d98b7f;
}
._panel_ald9k_1 {
  display: block;
}

._head_ald9k_5 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--bs-light-border-subtle);
  margin-bottom: 14px;
}

._headLeft_ald9k_16 {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

._title_ald9k_23 {
  margin: 0;
  font-size: var(--inspect-font-size-small);
  font-weight: 600;
}

._meta_ald9k_29 {
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
  color: var(--bs-body-color);
}

._metaItem_ald9k_37 {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

._metaLabel_ald9k_43 {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bs-secondary);
}

._metaValue_ald9k_51 {
  font-size: 13px;
  color: var(--bs-body-color);
  font-variant-numeric: tabular-nums;
}

._metaSep_ald9k_57 {
  width: 1px;
  align-self: stretch;
  background: var(--bs-light-border-subtle);
  margin: 2px 4px;
}

._tableNoTop_ald9k_64 {
  margin-top: 0;
}
._container_143e5_1 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._filterRow_143e5_7 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.72rem;
  flex-wrap: wrap;
  padding-top: 0.25rem;
}

._caption_143e5_16 {
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-right: 0.25rem;
}

/* Filled colour pills: fill + border + text in one hue per category — the
   same hue the category's glyph uses on the rail, so the filter row doubles
   as the rail's legend. */
._filterPill_143e5_28 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  line-height: 1.2;
  background: none;
  font-size: 0.72rem;
  font-weight: 500;
  cursor: pointer;
}

._pillCount_143e5_42 {
  font-weight: 400;
}

._pillEmpty_143e5_46 {
  opacity: 0.6;
  cursor: default;
}

._pillAll_143e5_51 {
  color: var(--bs-body-color);
}

._pillAll_143e5_51._pillSelected_143e5_55 {
  background: #212529;
  border-color: #212529;
  color: #fff;
}

._pillError_143e5_61 {
  background: #fdf1ef;
  border-color: #ecc8c1;
  color: #a13b2c;
}

._pillLimit_143e5_67 {
  background: #fffaeb;
  border-color: #e8d8a0;
  color: #8a6d1a;
}

._pillApproval_143e5_73 {
  background: #f7f3fc;
  border-color: #d9cfe8;
  color: #4a2e73;
}

._pillInput_143e5_79 {
  background: #f2f7fc;
  border-color: #cfe0f1;
  color: #1d4f7c;
}

._pillInterrupt_143e5_85 {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #6c757d;
}

._pillCompaction_143e5_91 {
  background: #eef6fb;
  border-color: #c3dcea;
  color: #2b6a94;
}

/* The one palette addition (handoff): a green Scores hue. */
._pillScore_143e5_98 {
  background: #f0f7f2;
  border-color: #d3e3d8;
  color: #2f8a52;
}

/* Selected = solid fill with white text; unselected pills stay tinted. */
._pillError_143e5_61._pillSelected_143e5_55 {
  background: #b04a3c;
  border-color: #b04a3c;
  color: #fff;
}

._pillLimit_143e5_67._pillSelected_143e5_55 {
  background: #8a6d1a;
  border-color: #8a6d1a;
  color: #fff;
}

._pillApproval_143e5_73._pillSelected_143e5_55 {
  background: #6b4fa8;
  border-color: #6b4fa8;
  color: #fff;
}

._pillInput_143e5_79._pillSelected_143e5_55 {
  background: #1d4f7c;
  border-color: #1d4f7c;
  color: #fff;
}

._pillInterrupt_143e5_85._pillSelected_143e5_55 {
  background: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

._pillCompaction_143e5_91._pillSelected_143e5_55 {
  background: #2b6a94;
  border-color: #2b6a94;
  color: #fff;
}

._pillScore_143e5_98._pillSelected_143e5_55 {
  background: #2f8a52;
  border-color: #2f8a52;
  color: #fff;
}

._pillSelected_143e5_55 ._pillCount_143e5_42 {
  color: inherit;
}

._search_143e5_151 {
  margin-left: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: 3px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-size: 0.72rem;
  padding: 0.125rem 0.5rem;
  width: 220px;
}

._search_143e5_151::placeholder {
  color: var(--bs-secondary-color);
}

._list_143e5_166 {
  border: 1px solid var(--bs-border-color);
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0.25rem 0.5rem;
}

._empty_143e5_175 {
  padding: 0.75rem;
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
}

/* Four fixed columns — Time / Kind / Event / By (task-timeline parity). */
._headerRow_143e5_182,
._row_143e5_183 {
  display: grid;
  grid-template-columns: 110px 64px minmax(0, 1fr) minmax(56px, max-content);
  /* rem, not em — the header row's smaller font would shrink an em gap,
     shifting its Kind/Event labels left of the row cells. */
  column-gap: 1rem;
  align-items: start;
  padding: 0.4rem 0.25rem;
}

._headerRow_143e5_182 {
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--bs-border-color);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

._timeSort_143e5_204 {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-transform: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-align: left;
}

._byHeader_143e5_220 {
  text-align: right;
}

._row_143e5_183 {
  border-bottom: 1px dotted var(--bs-border-color);
  cursor: pointer;
}

/* Rows are virtualized (absolutely positioned), so :last-child would match
   whatever row happens to render last — the bottom row is flagged by index. */
._row_143e5_183._rowLast_143e5_231 {
  border-bottom: none;
}

._rowSelected_143e5_235 {
  background: var(--bs-secondary-bg);
  outline: 1px solid var(--bs-border-color);
  border-radius: 3px;
}

/* Hover-linked wash while the row's glyph is hovered on the rail — the
   inset bar carries the category hue. */
._rowWash_143e5_243 {
  background: #faf8fd;
}

._washError_143e5_247 {
  box-shadow: inset 2px 0 0 #b04a3c;
  background: #fdf6f5;
}

._washLimit_143e5_252 {
  box-shadow: inset 2px 0 0 #8a6d1a;
  background: #fffaeb;
}

._washApproval_143e5_257 {
  box-shadow: inset 2px 0 0 #6b4fa8;
}

._washInput_143e5_261 {
  box-shadow: inset 2px 0 0 #1d4f7c;
  background: #f7fafd;
}

._washInterrupt_143e5_266 {
  box-shadow: inset 2px 0 0 #6c757d;
  background: #f8f9fa;
}

._washCompaction_143e5_271 {
  box-shadow: inset 2px 0 0 #2b6a94;
  background: #f4f9fc;
}

._washScore_143e5_276 {
  box-shadow: inset 2px 0 0 #2f8a52;
  background: #f4faf6;
}

._time_143e5_204 {
  font-family: var(--bs-font-monospace);
  font-size: 0.72rem;
  color: var(--bs-secondary-color);
  padding-top: 2px;
}

/* Centers the pill on the row's first text line. */
._kindCell_143e5_289 {
  display: flex;
  align-items: center;
  height: calc(0.8rem * 1.5);
}

/* Same filled pill as the filter row at 0.65rem uppercase, so a row's Kind
   cell and its filter pill are visibly one object. */
._kindPill_143e5_297 {
  display: inline-flex;
  align-items: center;
  border: 1px solid;
  border-radius: 999px;
  padding: 0.05rem 0.4rem;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

/* Body: one size, one weight, two colours — mono separates values from
   prose; no bold and no status colour anywhere in the cell. */
._event_143e5_311 {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--bs-body-color);
  line-height: 1.5;
}

._muted_143e5_318 {
  color: var(--bs-secondary-color);
}

._mono_143e5_322 {
  font-family: var(--bs-font-monospace);
  font-size: 0.75rem;
}

/* Author demoted to a right-aligned channel — user vs system at a glance. */
._by_143e5_220 {
  font-size: 0.72rem;
  font-weight: 400;
  color: var(--bs-secondary-color);
  text-align: right;
  padding-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._openEvent_143e5_339 {
  font-size: 0.72rem;
  color: var(--bs-link-color);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

._openEvent_143e5_339:hover {
  text-decoration: underline;
}

/* ── dark theme (mirrors the task timeline's pill overrides; Scores gets
      its new dark variant per the handoff) ── */

[data-bs-theme="dark"] ._pillAll_143e5_51._pillSelected_143e5_55 {
  background: #dee2e6;
  border-color: #dee2e6;
  color: #212529;
}

[data-bs-theme="dark"] ._pillError_143e5_61 {
  background: #322019;
  border-color: #6b3a30;
  color: #d98b7f;
}

[data-bs-theme="dark"] ._pillLimit_143e5_67 {
  background: #3a3220;
  border-color: #5c512f;
  color: #e8d8a0;
}

[data-bs-theme="dark"] ._pillApproval_143e5_73 {
  background: #2a2333;
  border-color: #4a3d63;
  color: #cbb8ec;
}

[data-bs-theme="dark"] ._pillInput_143e5_79 {
  background: #16222e;
  border-color: #2c4a66;
  color: #8db8dd;
}

[data-bs-theme="dark"] ._pillInterrupt_143e5_85 {
  background: #26282b;
  border-color: #4a5056;
  color: #9aa3ab;
}

[data-bs-theme="dark"] ._pillCompaction_143e5_91 {
  background: #16242e;
  border-color: #2b4c66;
  color: #8fbcd9;
}

[data-bs-theme="dark"] ._pillScore_143e5_98 {
  background: #1d2b22;
  border-color: #2f4a3a;
  color: #7fc79b;
}

[data-bs-theme="dark"] ._pillError_143e5_61._pillSelected_143e5_55,
[data-bs-theme="dark"] ._pillLimit_143e5_67._pillSelected_143e5_55,
[data-bs-theme="dark"] ._pillApproval_143e5_73._pillSelected_143e5_55,
[data-bs-theme="dark"] ._pillInput_143e5_79._pillSelected_143e5_55,
[data-bs-theme="dark"] ._pillInterrupt_143e5_85._pillSelected_143e5_55,
[data-bs-theme="dark"] ._pillCompaction_143e5_91._pillSelected_143e5_55,
[data-bs-theme="dark"] ._pillScore_143e5_98._pillSelected_143e5_55 {
  color: #fff;
}

[data-bs-theme="dark"] ._pillError_143e5_61._pillSelected_143e5_55 {
  background: #b04a3c;
  border-color: #b04a3c;
}

[data-bs-theme="dark"] ._pillLimit_143e5_67._pillSelected_143e5_55 {
  background: #8a6d1a;
  border-color: #8a6d1a;
}

[data-bs-theme="dark"] ._pillApproval_143e5_73._pillSelected_143e5_55 {
  background: #6b4fa8;
  border-color: #6b4fa8;
}

[data-bs-theme="dark"] ._pillInput_143e5_79._pillSelected_143e5_55 {
  background: #1d4f7c;
  border-color: #1d4f7c;
}

[data-bs-theme="dark"] ._pillInterrupt_143e5_85._pillSelected_143e5_55 {
  background: #6c757d;
  border-color: #6c757d;
}

[data-bs-theme="dark"] ._pillCompaction_143e5_91._pillSelected_143e5_55 {
  background: #2b6a94;
  border-color: #2b6a94;
}

[data-bs-theme="dark"] ._pillScore_143e5_98._pillSelected_143e5_55 {
  background: #2f8a52;
  border-color: #2f8a52;
}

[data-bs-theme="dark"] ._rowWash_143e5_243 {
  background: #221d2b;
}

[data-bs-theme="dark"] ._washError_143e5_247 {
  background: #2b1f1b;
}

[data-bs-theme="dark"] ._washLimit_143e5_252 {
  background: #2b2619;
}

[data-bs-theme="dark"] ._washApproval_143e5_257 {
  background: #221d2b;
}

[data-bs-theme="dark"] ._washInput_143e5_261 {
  background: #1a222b;
}

[data-bs-theme="dark"] ._washInterrupt_143e5_266 {
  background: #222528;
}

[data-bs-theme="dark"] ._washCompaction_143e5_271 {
  background: #19242c;
}

[data-bs-theme="dark"] ._washScore_143e5_276 {
  background: #1c2620;
}
._container_pqeak_1 {
  padding: 0.5em 1em 1em 1em;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

._pickerRow_pqeak_9 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.72rem;
  flex-wrap: wrap;
}

._caption_pqeak_17 {
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-right: 0.25rem;
}

._bandChip_pqeak_26 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid var(--bs-border-color);
  color: var(--bs-secondary-color);
  border-radius: 999px;
  line-height: 1.2;
  background: none;
  font-size: 0.72rem;
  cursor: pointer;
  white-space: nowrap;
}

._bandChipOn_pqeak_41 {
  border-color: var(--bs-secondary);
  background: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

._bandChip_pqeak_26 i {
  font-size: 0.7rem;
}

/* Wall clock | Turns (shared SegmentedControl) at the right end of the picker. */
._axisToggle_pqeak_52 {
  margin-left: auto;
  display: inline-flex;
}
._group_1cexi_1 {
  display: inline-flex;
  align-items: stretch;
}

.btn._splitMain_1cexi_6 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Icon-only segment: flex-centre the glyph and stretch to the text segment's
   height so the two segments read as one split button. */
.btn._splitClear_1cexi_13 {
  display: inline-flex;
  align-items: center;
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.1em 0.45em;
}

._splitClear_1cexi_13 i {
  font-size: 0.85em;
}
._toolsGrid_1qqm2_1 {
  display: grid;
  row-gap: 0em;
}

._tools_1qqm2_1 {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 1rem;
  margin: 0;
  align-items: baseline;
}

._tool_1qqm2_1 {
  padding: 0;
  color: inherit !important;
}
._root_ugt1x_1 {
  /* A var, not a plain 100vh, so a host whose chrome sits above the page
     (scout's ProjectBar) can shrink the root via its className without a
     cascade-order fight — an overflowing root gets its header clipped once
     mount-time scrolling nudges the overflow-hidden ancestor. */
  height: var(--focus-turn-view-height, 100vh);
  display: flex;
  flex-direction: column;
}

/* Fixed secondary header under the app chrome: agent-path breadcrumb on the
   left; turn label + turn/lane navigation + exit-focus on the right. A
   non-scrolling sibling of the scroll container (the column layout pins it). */
._focusBar_ugt1x_14 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  padding: 0.3rem 0.5rem;
  background-color: var(--bs-body-bg);
  border-bottom: 1px solid var(--bs-border-color);
}

._crumbs_ugt1x_25 {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  white-space: nowrap;
  color: var(--bs-secondary);
}

._laneName_ugt1x_33 {
  font-weight: 500;
}

/* Breadcrumb segments that act (ancestor links, lane picker) render as plain
   text in the bar's muted color; hover matches the bar's icon buttons. */
._crumbButton_ugt1x_39 {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
}

._crumbButton_ugt1x_39:hover {
  color: var(--bs-body-color);
  text-decoration: underline;
}

._crumbButton_ugt1x_39:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

._crumbSeparator_ugt1x_62 {
  font-size: 0.7em;
  opacity: 0.6;
}

._laneMenu_ugt1x_67 {
  display: flex;
  flex-direction: column;
  row-gap: 0.15em;
}

._laneMenuItem_ugt1x_73 {
  display: block;
  border: none;
  background: none;
  color: var(--bs-body-color);
  font-family: inherit;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  border-radius: var(--bs-border-radius);
  padding: 0.1em 0.4em;
}

._laneMenuItem_ugt1x_73:hover {
  background-color: var(--bs-secondary-bg);
}

._laneMenuItemCurrent_ugt1x_90 {
  font-weight: 600;
}

._controls_ugt1x_94 {
  display: inline-flex;
  align-items: center;
  gap: 0.15em;
  color: var(--bs-secondary);
}

._turnLabel_ugt1x_101 {
  white-space: nowrap;
  margin-right: 0.35em;
}

._divider_ugt1x_106 {
  display: inline-block;
  width: 1px;
  align-self: stretch;
  background-color: var(--bs-border-color);
  margin: 2px 0.5em;
  opacity: 0.5;
}

._button_ugt1x_115 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.3em;
  border: none;
  background: none;
  color: var(--bs-secondary);
  cursor: pointer;
  line-height: 1.6;
  text-decoration: none;
}

._button_ugt1x_115:hover:not(:disabled) {
  color: var(--bs-body-color);
}

._button_ugt1x_115:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

._button_ugt1x_115:disabled {
  opacity: 0.3;
  cursor: default;
}

/* Only the scroll container flexes. Host-provided header chrome must not
   shrink: an overflow:hidden header (scout's navbar) has no automatic
   min-height, so with the scroller's content-sized flex basis it would get
   crushed whenever the focused turn is taller than the viewport. */
._root_ugt1x_1 > :not(._container_ugt1x_146) {
  flex-shrink: 0;
}

._container_ugt1x_146 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0 0.5rem 1rem;
}

/* A single focused event isn't a transcript list — drop the per-card box and
   the expanded-boundary gutter (both are transcript-row chrome). Keep the
   background so the model's sticky header stays opaque as content scrolls. */
._container_ugt1x_146 [id^="event-panel-"] {
  border: none !important;
  box-shadow: none !important;
  padding: 0;
}

/* Sample/transcript-level error strip: persistent on every focused turn
   (only the last turn's slice carries the actual error card). */
._errorStrip_ugt1x_168 {
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  width: 100%;
  border: none;
  border-bottom: solid 1px var(--bs-border-color);
  background: var(--bs-danger-bg-subtle);
  color: var(--bs-danger-text-emphasis);
  font-size: 0.8rem;
  padding: 0.25rem 1rem;
  text-align: left;
  cursor: pointer;
}

._errorStripLabel_ugt1x_183 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

._errorStripMessage_ugt1x_191 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Zero-height sticky dock so mounting the bar never shifts the event list;
   it centers the bar over the events column. Sits above the sticky card
   headers (z-index 1) and the swimlanes (500). `top` is set inline to the
   chrome offset. */
._dock_1hs1n_5 {
  position: sticky;
  z-index: 600;
  height: 0;
  display: flex;
  justify-content: center;
  /* The zero-height dock would otherwise stretch the bar to its own height,
     collapsing the bar's vertical padding. */
  align-items: flex-start;
  pointer-events: none;
}

._bar_1hs1n_17 {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  padding: 12px 16px;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

._title_1hs1n_30 {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

/* Width is set inline (fits the placeholder range / prefilled value). */
._input_1hs1n_39 {
  padding: 2px 6px;
  font-size: 12.5px;
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
  border: 1px solid var(--inspect-focus-border-color);
  border-radius: var(--bs-border-radius);
  outline: none;
}

._input_1hs1n_39:focus {
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.18);
}

._input_1hs1n_39::placeholder {
  color: var(--bs-tertiary-color);
}

._range_1hs1n_57 {
  font-size: 13px;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

._divider_1hs1n_63 {
  width: 1px;
  height: 18px;
  background: var(--bs-border-color);
}

._hint_1hs1n_69 {
  font-size: 11.5px;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

._hintKey_1hs1n_75 {
  font-weight: 600;
}

._close_1hs1n_79 {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: none;
  background: none;
  font-size: 15px;
  color: var(--bs-secondary-color);
  cursor: pointer;
  line-height: 1;
}

._close_1hs1n_79:hover {
  color: var(--bs-body-color);
}
._selectorContainer_djjmp_1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-right: 2px;
}

._selectorButton_djjmp_8 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-pill, 999px);
  padding: 0 8px;
  font-size: var(--inspect-font-size-smallest);
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.5;
}

._selectorButton_djjmp_8:hover {
  background-color: var(--bs-tertiary-bg);
}

._chevron_djjmp_28 {
  font-size: 0.6em;
  margin-left: 1px;
}

._backdrop_djjmp_33 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 998;
}

._dropdownMenu_djjmp_42 {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 2px;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
  z-index: 999;
  min-width: 100%;
  overflow: hidden;
  padding: 2px 0;
}

._dropdownItem_djjmp_57 {
  display: block;
  width: 100%;
  padding: 2px 10px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  color: var(--bs-body-color);
  font-size: var(--inspect-font-size-smallest);
  white-space: nowrap;
}

._dropdownItem_djjmp_57:hover {
  background-color: var(--bs-tertiary-bg);
}

._dropdownItemActive_djjmp_74 {
  font-weight: 600;
}
._title_9b4ex_1 {
  display: grid;
  grid-template-columns: max-content max-content minmax(0, 1fr);
  column-gap: 0.3em;
}

._title_9b4ex_1._selectable_9b4ex_7 {
  grid-template-columns: max-content max-content max-content minmax(0, 1fr);
  align-items: center;
}

/* Selected for export — EventPanel's edge + tint; margin absorbs the border. */
._contents_9b4ex_13._selected_9b4ex_13 {
  border-left: 3px solid var(--inspect-jump-target-ring-color);
  margin-left: -2px;
  background-color: rgba(77, 126, 191, 0.05);
}

._contents_9b4ex_13 {
  padding: 0.4em;
  margin-bottom: 0;
  border: solid 1px var(--bs-light-border-subtle);
  border-radius: var(--bs-border-radius);
}

._below_9b4ex_26 {
  margin-top: 0.4em;
}
._headline_etmzh_1 {
  display: block;
  min-width: 0;
}

._inlineExplanation_etmzh_6 {
  margin-left: 0.3em;
}

._rejected_etmzh_10 {
  color: var(--bs-danger);
}

._chain_etmzh_14 {
  display: grid;
  grid-template-columns: 18px max-content max-content minmax(0, 1fr);
  align-items: baseline;
  column-gap: 10px;
  row-gap: 2px;
  padding-top: 8px;
  border-top: 1px solid var(--bs-light-border-subtle);
  line-height: 1.7;
}

._chainIndex_etmzh_25 {
  font-family: var(--bs-font-monospace);
  font-size: 0.72rem;
  text-align: right;
  color: rgba(var(--bs-body-color-rgb), 0.5);
}

._chainApprover_etmzh_32 {
  font-family: var(--bs-font-monospace);
  font-size: 0.78rem;
  font-weight: 600;
}

._chainDecision_etmzh_38 {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  font-weight: 600;
}

._chainExplanation_etmzh_45 {
  min-width: 0;
  margin: 0;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}

._chainExplanation_etmzh_45 p,
._chainExplanation_etmzh_45 > :last-child {
  margin-bottom: 0;
}
._inset_1g4dt_1 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 6px 10px;
  border: 1px solid var(--inspect-check-input-border);
  border-radius: 3px;
  background-color: var(--bs-body-bg);
  font-size: var(--inspect-font-size-small);
  color: var(--bs-body-color);
}

._output_1g4dt_14 {
  border-color: var(--inspect-check-result-border);
}

._inset_1g4dt_1._reject_1g4dt_18 {
  border-color: var(--inspect-check-reject-border);
  background-color: var(--inspect-check-reject-bg);
}

._inset_1g4dt_1._modify_1g4dt_23 {
  border-color: var(--inspect-check-modify-border);
  background-color: var(--inspect-check-modify-bg);
}

._summary_1g4dt_28 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

._icon_1g4dt_36 {
  color: rgba(var(--bs-body-color-rgb), 0.6);
}

._verdict_1g4dt_40 {
  font-weight: 600;
}

._who_1g4dt_44 {
  color: var(--bs-secondary-color);
}

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

._reasonWrap_1g4dt_52,
._error_1g4dt_53 {
  flex: 1 1 200px;
  min-width: 0;
}

._reasonWrap_1g4dt_52 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._reason_1g4dt_52 {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

._error_1g4dt_53 {
  margin: 0;
  font-family: var(--bs-font-monospace);
  font-size: 0.75rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._more_1g4dt_78 {
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.72rem;
  color: var(--bs-link-color);
  cursor: pointer;
}

._reason_1g4dt_52 p,
._reason_1g4dt_52 > :last-child {
  margin-bottom: 0;
}

/* With the checks expandable, the full explanation is in the tree detail;
   "more" shows it in place. */
._clamped_1g4dt_94 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

._scores_1g4dt_102 {
  font-family: var(--bs-font-monospace);
  font-size: 0.78rem;
  color: var(--bs-secondary-color);
  white-space: nowrap;
}

._approveIcon_1g4dt_109 {
  color: var(--inspect-check-approve-icon);
}

._approveText_1g4dt_113 {
  color: var(--inspect-check-approve-text);
}

._rejectIcon_1g4dt_117 {
  color: var(--inspect-check-reject-icon);
}

._rejectText_1g4dt_121 {
  color: var(--inspect-check-reject-text);
}

._rejectReason_1g4dt_125 {
  color: var(--inspect-check-reject-reason);
}

._modifyIcon_1g4dt_129 {
  color: var(--inspect-check-modify-icon);
}

._modifyText_1g4dt_133 {
  color: var(--inspect-check-modify-text);
}

._chip_1g4dt_137,
._pill_1g4dt_138 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border: 1px solid;
  border-radius: 999px;
  font-size: 0.72rem;
  line-height: 1.3;
  white-space: nowrap;
}

._chip_1g4dt_137 {
  color: var(--inspect-check-modify-text);
  background-color: var(--inspect-check-flag-bg);
  border-color: var(--inspect-check-modify-border);
}

._pill_1g4dt_138 {
  cursor: pointer;
  font-family: inherit;
  color: var(--inspect-tool-block-ink);
  background-color: var(--inspect-check-input-pill-bg);
  border-color: var(--inspect-check-input-border);
}

._trailing_1g4dt_164 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

._output_1g4dt_14 ._pill_1g4dt_138 {
  color: var(--inspect-check-result-pill-text);
  background-color: var(--inspect-check-result-pill-bg);
  border-color: var(--inspect-check-result-border);
}

._reject_1g4dt_18 ._pill_1g4dt_138 {
  color: var(--inspect-check-reject-reason);
  background-color: var(--bs-body-bg);
  border-color: var(--inspect-check-reject-border);
}

._modify_1g4dt_23 ._pill_1g4dt_138 {
  color: var(--inspect-check-modify-text);
  background-color: var(--bs-body-bg);
  border-color: var(--inspect-check-modify-border);
}

._pillChevron_1g4dt_189 {
  font-size: 0.8em;
}

._label_1g4dt_193 {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

._replaced_1g4dt_200 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid var(--inspect-check-modify-box-border);
  border-radius: 3px;
  background-color: var(--bs-body-bg);
}

._code_1g4dt_211 {
  font-family: var(--bs-font-monospace);
  font-size: 0.78rem;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* The proposal renders through the tool input view; flatten the boxed
   surface the readable variant gives it. */
._replaced_1g4dt_200 ._code_1g4dt_211 pre.tool-call-input,
._replaced_1g4dt_200 ._code_1g4dt_211 div.tool-call-input,
._replaced_1g4dt_200 ._code_1g4dt_211 .tool-call-input pre[class*="language-"] {
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: inherit;
}

/* Struck through and without syntax colors, so the tool input reads as what ran. */
._struck_1g4dt_233,
._struck_1g4dt_233 * {
  color: rgba(var(--bs-body-color-rgb), 0.6) !important;
  text-decoration: line-through;
  text-decoration-color: rgba(var(--bs-body-color-rgb), 0.35);
}

._notRun_1g4dt_240 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 9px 15px;
  border-top: 1px solid var(--bs-light-border-subtle);
  background-color: var(--inspect-tool-block-output-bg);
  font-size: var(--inspect-font-size-small);
  color: var(--bs-secondary-color);
}

._notRunBody_1g4dt_251 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

._message_1g4dt_259 {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: baseline;
  column-gap: 10px;
  padding: 5px 8px;
  border: 1px solid var(--inspect-check-result-border);
  border-radius: 3px;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

._message_1g4dt_259 ._label_1g4dt_193 {
  color: var(--inspect-check-reject-text);
}

._messageText_1g4dt_275 {
  font-family: var(--bs-font-monospace);
  font-size: 0.75rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
._panel_8zdtn_1 {
  margin: 0.5em 0;
}
._tab_1je38_1 {
  min-width: 4rem;
  padding: 0.1rem 0.6rem;
  border-radius: var(--bs-border-radius);
}
._wrapper_og902_1 {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  min-width: 0;
  flex: 1;
}

._navs_og902_10 {
  margin-right: 0;
  flex-wrap: nowrap;
}

/* Off-screen single-line copy of the pills used to measure the natural
   width that determines whether to render tabs or the picker. */
._probe_og902_17 {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none;
  width: max-content;
  flex-wrap: nowrap;
}

._probeItem_og902_27 {
  min-width: 4rem;
  padding: 0.1rem 0.6rem;
  white-space: nowrap;
}
._trigger_nqyxq_1 {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.6rem;
  border: none;
  border-radius: var(--bs-border-radius);
  white-space: nowrap;
  max-width: 100%;
  min-width: 0;
  cursor: pointer;
  /* `.nav-link.active` colors only apply inside a `.nav-pills` parent;
     the picker button isn't nested in one, so apply them directly. */
  background-color: var(--bs-nav-pills-link-active-bg, var(--bs-primary));
  color: var(--bs-nav-pills-link-active-color, #fff);
}

._trigger_nqyxq_1:hover {
  filter: brightness(1.05);
}

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

._chevron_nqyxq_27 {
  margin-left: 0.4em;
  font-size: 0.75em;
  flex-shrink: 0;
}

._backdrop_nqyxq_33 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* Above Bootstrap's sticky-top (1020) so sticky bars don't occlude the menu. */
  z-index: 1049;
}

._menu_nqyxq_43 {
  position: fixed;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  z-index: 1050;
  overflow: hidden;
  max-height: 60vh;
  overflow-y: auto;
}

._item_nqyxq_55 {
  display: block;
  width: 100%;
  padding: 0.25rem 0.75rem;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  color: var(--bs-body-color);
  white-space: nowrap;
  transition: background-color 0.15s ease-in-out;
}

._item_nqyxq_55:hover {
  background-color: var(--bs-tertiary-bg);
}

._item_nqyxq_55:active {
  background-color: var(--bs-secondary-bg);
}

._item_nqyxq_55._selected_nqyxq_76 {
  background-color: var(--bs-primary);
  color: var(--bs-light);
}

._item_nqyxq_55._selected_nqyxq_76:hover {
  background-color: var(--bs-primary);
  filter: brightness(1.05);
}
._stickyWrapper_loteg_1 {
  position: sticky;
  /* `top` is set inline from StickyScrollContext (the chrome offset). */
  /* Full-bleed: cancel the parent card's padding so the sticky bar
     spans the entire card width, then re-apply padding internally. */
  margin: -5px -0.625rem -5px -0.625rem;
  padding: 5px 0.625rem;
  /* Opaque (matches the host card) even when unstuck so colored message bands
     don't bleed through the header as it scrolls off during the push-off. */
  background-color: inherit;
  z-index: 1;
  border-bottom: solid 1px transparent;
}

/* Header pinned at its sticky offset (attribute toggled by useStickyStuck). */
._stickyWrapper_loteg_1[data-sticky-stuck] {
  background-color: var(--bs-light);
  border-bottom-color: var(--bs-light-border-subtle);
}

._label_loteg_21 {
  margin-right: 0.2em;
  justify-self: end;
}

/* Single line, truncated with an ellipsis rather than wrapping: the header's
   grid track shrinks this cell (via `minmax(0, max-content)`) whenever the
   turnNav cluster and/or tab picker need the room, and a wrapped second line
   would grow the sticky header's height instead of just losing title text. */
._title_loteg_30 {
  min-width: 0;
  line-height: 1.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._titleExtra_loteg_38 {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 0.5em;
}

._navs_loteg_45 {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  min-width: 0;
}

._turnLabel_loteg_52 {
  margin-left: 1rem;
  margin-top: 0.2rem;
  opacity: 0.5;
  font-size: var(--inspect-font-size-smallest);
  white-space: nowrap;
}

._turnNav_loteg_60 {
  display: inline-flex;
  align-items: center;
  margin-left: 1rem;
  cursor: default;
}

._turnNav_loteg_60 ._turnLabel_loteg_52 {
  margin-left: 0;
  margin-top: 0;
}

/* Non-capstone headers of a turn hide their cluster while the capstone is on
   screen, revealing it only when this header is pinned. `visibility` (not
   `display`) so the grid column keeps its width and nothing reflows. */
._turnNavFollower_loteg_75 {
  visibility: hidden;
}

._stickyWrapper_loteg_1[data-sticky-stuck] ._turnNavFollower_loteg_75 {
  visibility: visible;
}

._turnLabelButton_loteg_83 {
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  padding: 2px 8px;
  border-radius: var(--bs-border-radius);
  cursor: pointer;
}

/* Link-like text highlight, matching the sibling chevron/focus buttons —
   deliberately no pill hover; no other header button has a pill treatment. */
._turnLabelButton_loteg_83:hover {
  color: var(--bs-body-color);
  opacity: 1;
}

._turnButton_loteg_100 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.25em;
  border: none;
  background: none;
  color: var(--bs-secondary);
  cursor: pointer;
  line-height: 1;
  text-decoration: none;
  font-size: var(--inspect-font-size-smallest);
}

._turnButton_loteg_100:hover:not(:disabled) {
  color: var(--bs-body-color);
}

._turnButton_loteg_100:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

._turnButton_loteg_100:disabled {
  opacity: 0.3;
  cursor: default;
}

a._turnButton_loteg_100 {
  padding: 0 0.4em;
}

._card_loteg_132 {
  position: relative;
  background-color: var(--bs-body-bg);
  padding: 0.625rem;
  border: solid 1px var(--bs-light-border-subtle);
  border-radius: var(--bs-border-radius);
}

/* Landing target of the latest go-to-turn jump — persistent selection ring. */
._card_loteg_132._jumpTarget_loteg_141 {
  outline: 2px solid var(--inspect-jump-target-ring-color);
  outline-offset: 2px;
}

/* Selected for export; compounded to outrank .depthRoot, margin absorbs the border like .expanded. */
._card_loteg_132._selected_loteg_147 {
  border-left: 3px solid var(--inspect-jump-target-ring-color);
  margin-left: -2px;
  background-color: rgba(77, 126, 191, 0.05);
}

._cardContent_loteg_153 {
  padding: 0;
  display: inherit;
}

._cardContent_loteg_153._hidden_loteg_158 {
  display: none;
}

._hidden_loteg_158 {
  display: none;
}

._copyLink_loteg_166 {
  font-size: 1.2em;
  opacity: 0;
  padding-left: 0.2em;
  padding-right: 0;
  vertical-align: middle;
  line-height: 1;
  margin-left: 0.25em;
}

._hover_loteg_176 ._copyLink_loteg_166 {
  opacity: 0.75;
}

/* Extra air between the turn label and the event-number pill. */
._eventLabel_loteg_181 {
  margin-left: 0.5em;
}

._root_loteg_185 {
  background-color: var(--bs-light-bg-subtle);
  border-radius: unset;
}

/* A panel showing non-summary detail gets a contrasting gray right gutter (same
   3px width as the colorful message/tool edges, --bs-secondary so it reads in
   both light and dark). The negative margin offsets the extra 2px over the
   default 1px border so widening it doesn't shift the card. Compounded with
   .card so it outranks .depthRoot's `border-right: none`, keeping the gutter on
   depth-0 / lane-scoped events. */
._card_loteg_132._expanded_loteg_146 {
  border-right: 3px solid var(--bs-secondary);
  margin-right: -2px;
}

/* The chevron button is styled down to the bare glyph — the surrounding
   header cells supply the visual affordance. */
._collapseToggle_loteg_203 {
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

._bottomDongle_loteg_214 {
  display: block;
  font-family: inherit;
  font-weight: inherit;
  position: absolute;
  margin: 0 auto;
  width: fit-content;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--bs-body-bg);
  border: solid 1px var(--bs-light-border-subtle);
  color: var(--bs-secondary);
  border-radius: var(--bs-border-radius);
  padding: 0em 0.4em;
  cursor: pointer;
}

._dongleIcon_loteg_232 {
  padding-right: 0.3em;
}

@media print {
  ._card_loteg_132 {
    break-inside: avoid;
  }
}
._branchPoint_w0zdg_1 {
  --bp-bg: var(--bs-tertiary-bg, #fafbfd);
  --bp-hairline: var(--bs-border-color, #e5e7eb);
  --bp-segmented-border: var(--bs-border-color, #d1d5db);
  --bp-segmented-bg: var(--bs-body-bg, #ffffff);
  --bp-label: var(--bs-secondary-color, #6b7280);
  --bp-active-bg: var(--bs-secondary-bg, #e5e7eb);

  background: var(--bp-bg);
  border-top: 1px solid var(--bp-hairline);
  border-bottom: 1px solid var(--bp-hairline);
  padding: 6px 18px;

  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

._label_w0zdg_20 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
}

._glyph_w0zdg_27 {
  display: inline-flex;
  align-items: center;
  color: var(--bp-label);
  font-size: 14px;
  line-height: 1;
  flex: none;
}

._labelText_w0zdg_36 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--bp-label);
}

._segmented_w0zdg_44 {
  display: inline-flex;
  border: 1px solid var(--bp-segmented-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--bp-segmented-bg);
}

._segment_w0zdg_44 {
  all: unset;
  padding: 3px 12px;
  background: var(--bp-segmented-bg);
  color: var(--bp-label);
  font-size: 11.5px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-left: 1px solid var(--bp-segmented-border);
  user-select: none;
}
._segment_w0zdg_44:first-of-type {
  border-left: 0;
}
._segment_w0zdg_44:hover:not([aria-checked="true"]):not(:disabled) {
  background: var(--bp-active-bg);
  color: var(--bs-body-color, inherit);
}
._segment_w0zdg_44[aria-checked="true"] {
  background: var(--bp-active-bg);
  color: var(--bs-body-color, inherit);
  font-weight: 600;
  cursor: default;
}
._segment_w0zdg_44:disabled:not([aria-checked="true"]) {
  cursor: default;
}
._segment_w0zdg_44:focus-visible {
  outline: 2px solid var(--bp-segmented-border);
  outline-offset: 2px;
}

._continuesGlyph_w0zdg_87 {
  width: 9px;
  height: 9px;
  fill: currentColor;
  flex: none;
  opacity: 0.85;
}
._panel_1us8t_1 {
  margin: 0.2em 0;
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 1em;
  row-gap: 0.3em;
  align-items: baseline;
}

._rowValue_1us8t_10 {
  display: flex;
  flex-direction: column;
  gap: 0.1em;
}

._files_1us8t_16 {
  display: flex;
  flex-direction: column;
  gap: 0.1em;
  font-family: var(--bs-font-monospace);
}

._file_1us8t_16 {
  overflow-wrap: anywhere;
}

._fileOverflow_1us8t_27 {
  font-style: italic;
  opacity: 0.7;
}
._panel_8zdtn_1 {
  margin: 0.5em 0;
}
._empty_f9al6_1 {
  padding: 0 18px 14px;
  color: var(--bs-secondary-color, #6b7280);
}

._headline_f9al6_6 {
  font-size: 13px;
  font-weight: 600;
  color: var(--bs-emphasis-color, var(--bs-body-color, #1a1a1a));
}

._detail_f9al6_12 {
  font-size: 12.5px;
  margin-top: 4px;
}

._detail_f9al6_12 code {
  background: var(--bs-body-bg, #ffffff);
  border: 1px solid var(--bs-border-color, #e5e7eb);
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 11.5px;
  color: var(--bs-emphasis-color, var(--bs-body-color, #1a1a1a));
}
._panel_vz394_1 {
  margin: 0.2em 0;
}
._grid_1pgwi_1 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 1em;
}
._container_1ww70_1 {
  margin: 1em 0 0 0;
}

._titleRow_1ww70_5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._title_1ww70_5 {
  font-weight: 600;
  padding-bottom: 0.3em;
}
._wrap_fjhll_1 {
  position: relative;
  display: inline-flex;
}

._chip_fjhll_6 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 7px 2px 6px;
  background: var(--bs-secondary-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 3px;
  font-family: inherit;
  font-size: 10.5px;
  letter-spacing: 0.04em;
  font-weight: 500;
  cursor: pointer;
  color: var(--bs-secondary-color);
  text-transform: none;
  line-height: 1;
}

._chip_fjhll_6:hover,
._chipOpen_fjhll_25 {
  background: var(--bs-tertiary-bg);
  color: var(--bs-body-color);
}

._chipText_fjhll_30 {
  font-weight: 500;
  padding-right: 0.5rem;
}

._chipIcon_fjhll_35 {
  font-size: 11px;
  line-height: 1;
}

._chipChevron_fjhll_40 {
  font-size: 9px;
  line-height: 1;
}

._backdrop_fjhll_45 {
  position: fixed;
  inset: 0;
  z-index: 10;
}

._menu_fjhll_51 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 280px;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 4px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  padding: 4px;
  z-index: 11;
  font-size: 12px;
}

._item_fjhll_65 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 7px 10px;
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: 12px;
  color: var(--bs-body-color);
  text-align: left;
  cursor: pointer;
  border-radius: 3px;
}

._item_fjhll_65:hover {
  background: var(--bs-tertiary-bg);
}

._itemActive_fjhll_85 {
  background: var(--bs-secondary-bg);
}

._itemNum_fjhll_89 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--bs-secondary-bg);
  color: var(--bs-secondary-color);
  font-size: 10.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}

._itemLabel_fjhll_104 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._itemStatus_fjhll_112 {
  margin-left: auto;
  font-size: 10.5px;
  color: var(--bs-secondary-color);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
._section_8yqw9_1 {
  margin: 1em 0 0 0;
}

._header_8yqw9_5 {
  display: flex;
  align-items: center;
  gap: 0.6em;
  padding-bottom: 0.3em;
}

._label_8yqw9_12 {
  font-weight: 600;
}

._badge_8yqw9_16 {
  display: inline-flex;
  align-items: center;
  font-family: var(--bs-font-monospace);
  font-size: var(--inspect-font-size-smallestest);
  font-weight: 600;
  padding: 4px 11px;
  border-radius: 999px;
  border: 1px solid;
  color: var(--srb-fg);
  background: var(--srb-bg);
  border-color: var(--srb-bd);
}

/* Shared chroma/lightness, hue varies — keeps the set harmonious. */
._neutral_8yqw9_31 {
  --srb-fg: oklch(0.5 0.05 155);
  --srb-bg: oklch(0.972 0.018 155);
  --srb-bd: oklch(0.86 0.055 155);
}
._amber_8yqw9_36 {
  --srb-fg: oklch(0.52 0.09 64);
  --srb-bg: oklch(0.972 0.034 75);
  --srb-bd: oklch(0.85 0.065 75);
}
._blue_8yqw9_41 {
  --srb-fg: oklch(0.5 0.11 256);
  --srb-bg: oklch(0.972 0.026 256);
  --srb-bd: oklch(0.86 0.055 256);
}
._rose_8yqw9_46 {
  --srb-fg: oklch(0.52 0.14 22);
  --srb-bg: oklch(0.972 0.032 22);
  --srb-bd: oklch(0.87 0.06 22);
}
._gray_8yqw9_51 {
  --srb-fg: oklch(0.48 0.006 260);
  --srb-bg: oklch(0.972 0.003 260);
  --srb-bd: oklch(0.88 0.005 260);
}

/* Dark mode — dark tinted fills with light text (the light fills above are
   near-white and glare on a dark surface). */
[data-bs-theme="dark"] ._neutral_8yqw9_31 {
  --srb-fg: oklch(0.82 0.06 155);
  --srb-bg: oklch(0.28 0.03 155);
  --srb-bd: oklch(0.42 0.04 155);
}
[data-bs-theme="dark"] ._amber_8yqw9_36 {
  --srb-fg: oklch(0.83 0.09 75);
  --srb-bg: oklch(0.3 0.04 64);
  --srb-bd: oklch(0.45 0.05 70);
}
[data-bs-theme="dark"] ._blue_8yqw9_41 {
  --srb-fg: oklch(0.82 0.09 256);
  --srb-bg: oklch(0.3 0.04 256);
  --srb-bd: oklch(0.45 0.06 256);
}
[data-bs-theme="dark"] ._rose_8yqw9_46 {
  --srb-fg: oklch(0.82 0.1 22);
  --srb-bg: oklch(0.3 0.05 22);
  --srb-bd: oklch(0.46 0.08 22);
}
[data-bs-theme="dark"] ._gray_8yqw9_51 {
  --srb-fg: oklch(0.8 0.01 260);
  --srb-bg: oklch(0.29 0.005 260);
  --srb-bd: oklch(0.42 0.008 260);
}
._container_17lir_1 {
  margin: 0.5em 0 0 0;
  width: 100%;
}

._all_17lir_6 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

._tableSelection_17lir_12 {
  width: fit-content;
  align-self: start;
  justify-self: start;
}

._config_17lir_18 {
  margin-top: 0;
}

._codePre_17lir_22 {
  background: var(--bs-light);
  width: 100%;
  padding: 0.5em;
  border-radius: var(--bs-border-radius);
}

._code_17lir_22 {
  white-space: pre-wrap !important;
  word-wrap: anywhere !important;
}

._progress_17lir_34 {
  margin-left: 0;
}

._error_17lir_38 {
  color: var(--bs-danger);
  padding: 0.5em;
  border: 1px solid var(--bs-danger);
  border-radius: var(--bs-border-radius);
  white-space: pre-wrap;
  font-size: clamp(0.3rem, 1.1vw, 0.8rem);
  font-family: var(--bs-font-monospace);
  margin: 0.5em 0;
}

._cancelled_17lir_49 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--bs-secondary-color);
  padding: 0.5em;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  white-space: pre-wrap;
  font-size: var(--inspect-font-size-smaller);
  margin: 0.5em 0;
}

._showAllLink_17lir_62 {
  text-align: center;
  padding: 0.5em 0 0.7em;
}

._showAllLink_17lir_62 button {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
  color: var(--bs-secondary-color);
  text-decoration: none;
}

._showAllIcon_17lir_77 {
  margin-right: 0.35em;
}

._showAllLink_17lir_62 button:hover {
  color: var(--bs-body-color);
  text-decoration: underline;
}

._toolConfig_17lir_86 {
  padding-top: 0.5em;
}

._toolChoice_17lir_90 {
  border-top: solid var(--bs-light-border-subtle) 1px;
  display: grid;
  grid-template-columns: max-content minmax(0, auto);
  column-gap: 1em;
  margin-top: 0.5em;
  padding-top: 0.5em;
  overflow-wrap: anywhere;
}

._fallbackBadge_17lir_100 {
  font-style: italic;
}

._providerIds_17lir_104 {
  display: grid;
  grid-template-columns: auto auto auto max-content;
  column-gap: 1em;
}

._providerIdRow_17lir_110 {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  align-items: baseline;
  padding-block: 3px;
  border-bottom: 1px dotted var(--bs-light-border-subtle);
}

._providerIdRow_17lir_110:last-child {
  border-bottom: none;
}

._providerIdRow_17lir_110 button {
  padding: 0;
  line-height: 1;
  align-self: center;
}

._providerIdLabel_17lir_129 {
  font-family: var(--bs-font-monospace);
  font-size: var(--inspect-font-size-smallest);
  color: var(--bs-secondary);
}

._providerIdValue_17lir_135 {
  font-family: var(--bs-font-monospace);
  color: var(--bs-body-color);
  overflow-wrap: anywhere;
}

._providerIdStatus_17lir_141 {
  color: var(--bs-secondary);
  font-feature-settings: "tnum";
}

._providerIdFailed_17lir_146 {
  color: var(--bs-danger);
}
._noMargin_1a3fk_1 {
  margin-bottom: 0;
}

._code_1a3fk_5 {
  background: var(--bs-light);
  border-radius: var(--bs-border-radius);
}

._sample_1a3fk_10 {
  margin: 1em 0em;
}

._section_1a3fk_14 {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  overflow-wrap: break-word;
}

._metadata_1a3fk_21 {
  margin: 0.5em 0;
}
._twoColumn_ufsua_1 {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1.5em;
}

._exec_ufsua_7 {
  margin-top: 0;
}

._result_ufsua_11 {
  margin-top: 0.5em;
}

._fileLabel_ufsua_15 {
  margin-top: 0;
  margin-bottom: 0;
}

._wrapPre_ufsua_20 {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 0;
}
._container_io1r0_1 {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 1em;
  margin: 0;
}

._wrappingContent_io1r0_8 {
  word-break: break-word;
  overflow-wrap: anywhere;
}

._separator_io1r0_13 {
  grid-column: 1 / -1;
  border-bottom: solid 1px var(--bs-light-border-subtle);
}

._metadata_io1r0_18 {
  margin: 0.5em 0;
}

._unchanged_io1r0_22 {
  margin-top: 0.2em;
  margin-bottom: 0;
}

._section_io1r0_27 {
  font-weight: 600;
}

._spacer_io1r0_31 {
  height: 2em;
}

._section_io1r0_27 {
  margin-top: 1em;
}
._explanation_1k2k0_1 {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 1em;
  margin: 0.5em 0;
}

._wrappingContent_1k2k0_8 {
  word-break: break-word;
  overflow-wrap: anywhere;
}

._separator_1k2k0_13 {
  grid-column: 1 / -1;
  border-bottom: solid 1px var(--bs-light-border-subtle);
}

._metadata_1k2k0_18 {
  margin: 0.5em 0;
}
._tree_74x1p_1 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-top: 2px;
  padding: 4px;
  border: 1px solid var(--bs-light-border-subtle);
  border-radius: 3px;
  background-color: var(--bs-body-bg);
  font-family: var(--bs-font-monospace);
  font-size: 0.78rem;
  line-height: 1.7;
}

._tree_74x1p_1._reject_74x1p_15 {
  border-color: var(--inspect-check-reject-tree-border);
}

._tree_74x1p_1._modify_74x1p_19 {
  border-color: var(--inspect-check-modify-tree-border);
}

._row_74x1p_23 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  column-gap: 14px;
  width: 100%;
  padding: 0 8px;
  border: none;
  border-radius: 3px;
  background: none;
  font: inherit;
  text-align: left;
  color: var(--bs-body-color);
  cursor: pointer;
}

._row_74x1p_23:hover {
  background-color: var(--bs-tertiary-bg);
}

._row_74x1p_23._open_74x1p_42 {
  background-color: var(--inspect-check-open-row-bg);
}

._row_74x1p_23._inactive_74x1p_46 {
  color: rgba(var(--bs-body-color-rgb), 0.55);
}

._rowLabel_74x1p_50 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

._guides_74x1p_56 {
  color: var(--inspect-check-tree-guide);
}

._name_74x1p_60 {
  color: rgba(var(--bs-body-color-rgb), 0.6);
}

._inactive_74x1p_46 ._name_74x1p_60 {
  color: inherit;
}

._result_74x1p_68 {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}

._proceed_74x1p_74 {
  color: var(--bs-secondary-color);
}

._inactive_74x1p_46 ._proceed_74x1p_74 {
  color: inherit;
}

._failed_74x1p_82 {
  color: var(--inspect-check-modify-text);
}

._kindIcon_74x1p_86 {
  margin-right: 6px;
  font-size: 0.9em;
  color: var(--inspect-check-kind-icon);
}

._inactive_74x1p_46 ._kindIcon_74x1p_86 {
  opacity: 0.55;
}

._rowChevron_74x1p_96 {
  font-size: 0.75em;
  color: rgba(var(--bs-body-color-rgb), 0.45);
}

._flag_74x1p_101 {
  font-size: 11px;
  color: var(--inspect-check-modify-icon);
}

._moreScores_74x1p_106 {
  padding: 0 7px;
  border: 1px solid var(--inspect-check-result-border);
  border-radius: 999px;
  background-color: var(--inspect-check-chip-bg);
  font-family: var(--bs-body-font-family);
  font-size: 0.6875rem;
  line-height: 1.6;
  color: rgba(var(--bs-body-color-rgb), 0.65);
}

._detailWrap_74x1p_117 {
  padding: 2px 8px 6px;
}

._detail_74x1p_117 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 6px 10px;
  border-radius: 3px;
  background-color: var(--inspect-check-detail-before-bg);
  font-family: var(--bs-body-font-family);
  font-size: var(--inspect-font-size-small);
  line-height: 1.6;
}

._afterDetail_74x1p_133 {
  background-color: var(--inspect-check-detail-after-bg);
}

._rejectDetail_74x1p_137 {
  background-color: var(--inspect-check-reject-detail-bg);
}

._modifyDetail_74x1p_141 {
  background-color: var(--inspect-check-modify-detail-bg);
}

._meta_74x1p_145 {
  font-size: 0.72rem;
  color: rgba(var(--bs-body-color-rgb), 0.6);
}

._scoreGrid_74x1p_150 {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 16px;
  font-family: var(--bs-font-monospace);
  font-size: 0.78rem;
  line-height: 1.65;
}

._scoreName_74x1p_159 {
  color: rgba(var(--bs-body-color-rgb), 0.7);
}

._explanation_74x1p_163 {
  color: rgba(var(--bs-body-color-rgb), 0.85);
  overflow-wrap: anywhere;
}

._explanation_74x1p_163 .markdown-content > :last-child,
._explanation_74x1p_163 > :last-child {
  margin-bottom: 0;
}

._errorText_74x1p_173 {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._noExplanation_74x1p_178 {
  font-style: italic;
  color: rgba(var(--bs-body-color-rgb), 0.55);
}

._labelled_74x1p_183 {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: baseline;
  column-gap: 10px;
  font-size: 0.78rem;
}

._labelled_74x1p_183 > :last-child {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

._foldedToggle_74x1p_196 {
  display: inline-flex;
  align-items: center;
  column-gap: 0.35em;
  padding: 0;
  border: none;
  background: none;
  font-size: inherit;
  cursor: pointer;
}

._foldedToggle_74x1p_196:hover {
  color: var(--bs-body-color);
}

._chevron_74x1p_211 {
  font-size: 0.8em;
}

._modelCalls_74x1p_215 {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
  margin-top: 0.35em;
  font-size: var(--inspect-font-size-base);
}
._diff_eobja_1 {
  margin: 1em 0em;
  width: 100%;
}

._summary_eobja_6 {
  margin: 1em 0em;
  width: 100%;
}
._summary_ac4z2_1 {
  width: 100%;
  margin: 0.5em 0em;
}

._summaryRendered_ac4z2_6 {
  margin-bottom: 1em;
}

._subtaskSummary_ac4z2_10 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  column-gap: 1em;
  margin: 0.5em 0;
}

._subtaskLabel_ac4z2_17 {
  padding: 0 2em;
}
._summary_ddafu_1 {
  margin: 0.5em 0;
  width: 100%;
}

._labeledToolCall_ddafu_6 {
  display: grid;
  grid-template-columns: auto max-content;
  row-gap: 0;
}

._label_ddafu_6 {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.7rem;
  margin-left: 0.4em;
}

._labeledToolContent_ddafu_19 {
  min-width: 0;
}

._progress_ddafu_23 {
  margin-left: 0;
}
._node_t3xlr_1 {
  padding-top: 0.8rem;
}

._attached_t3xlr_5 {
  padding-top: 0rem;
}

._attachedParent_t3xlr_9 {
  padding-bottom: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

._attachedChild_t3xlr_16 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

._depthRoot_t3xlr_21 {
  border-left: none;
  border-right: none;
  border-radius: 0;
}

._last_t3xlr_27 {
  padding-bottom: 0.8rem;
}

._runningTool_t3xlr_31 {
  padding: 0 0.7em;
}

@media print {
  ._node_t3xlr_1 {
    break-inside: avoid;
  }
}
._card_fxgye_1 {
  position: relative;
  background-color: var(--bs-secondary-bg);
  padding: 0.625rem;
  border: solid 1px var(--bs-border-color);
  cursor: pointer;
}

._card_fxgye_1:hover {
  background-color: var(--bs-secondary-bg-subtle);
}

._branchCard_fxgye_13 {
  cursor: default;
}

._branchCard_fxgye_13:hover {
  background-color: var(--bs-secondary-bg);
}

._utilityCard_fxgye_21 {
  background-color: var(--bs-body-bg);
  border-style: dashed;
}

._utilityCard_fxgye_21:hover {
  background-color: var(--bs-secondary-bg);
}

._header_fxgye_30 {
  display: grid;
  grid-template-columns:
    max-content minmax(0, max-content) auto minmax(0, max-content)
    max-content;
  column-gap: 0.3em;
  align-items: baseline;
}

._icon_fxgye_39 {
  font-size: 0.9em;
}

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

._meta_fxgye_49 {
  white-space: nowrap;
  justify-self: end;
}

._disclosure_fxgye_54 {
  font-size: 0.8em;
  margin-left: 0.3em;
}

._description_fxgye_59 {
  margin-top: 0.25em;
  font-size: 0.85em;
}

._resultPanel_fxgye_64 {
  margin: 0.5em -0.625rem -0.625rem;
  padding: 0.5em 0.625rem 0.625rem;
  border-top: solid 1px var(--bs-border-color);
  background-color: var(--bs-body-bg);
  font-size: var(--inspect-font-size-base);
}
/* Self-contained minimap — flex row: mode label + bar area */

._container_19ndv_3 {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  flex: 1;
  min-width: 120px;
  max-width: 50%;
}

/*
 * Stable-width label — renders both time/token values in a CSS grid stack.
 * The cell sizes to the wider value; only the active one is visible.
 */
._stableLabel_19ndv_17 {
  display: grid;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  font-size: 0.6rem;
  line-height: 1.4;
  color: var(--vscode-descriptionForeground, #717171);
  opacity: 0.6;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
}

._stableLabel_19ndv_17 > * {
  grid-area: 1 / 1;
}

._alignRight_19ndv_36 {
  justify-items: end;
}

._alignLeft_19ndv_40 {
  justify-items: start;
}

._hidden_19ndv_44 {
  visibility: hidden;
}

._minimap_19ndv_48 {
  position: relative;
  z-index: 3;
  height: 24px;
  flex: 1;
  overflow: visible;
}

/* Full-width track — thin rounded rail, vertically centered */
._track_19ndv_57 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  border-radius: 1px;
  background-color: var(--bs-primary);
  opacity: 0.25;
}

/* Fill line — spans the full selection region (absolute inside it) */
._regionFill_19ndv_70 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  border-radius: 1px;
  background-color: var(--bs-primary);
  opacity: 0.45;
}

/* Vertical bar markers — flex items inside selectionRegion */
._marker_19ndv_83 {
  width: 1px;
  height: 9px;
  flex-shrink: 0;
  background-color: var(--bs-primary);
  opacity: 0.7;
  position: relative;
  z-index: 1;
}

/*
 * Selection region — anchored at bar.left (the span's start time).
 * min-width (set inline as bar.width%) ensures markers span the proportional
 * range; flex content sizing expands beyond that when the text is wider.
 * Gap keeps the fill line visible between the markers and text pill.
 * Contains: regionFill (absolute), marker, text pill, marker (flex items).
 */
._selectionRegion_19ndv_100 {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  cursor: pointer;
  touch-action: none;
}

._selectionRegion_19ndv_100:active {
  cursor: grabbing;
}

/* Section duration pill — normal flow child that sizes the label region.
 * Shifted up so the pill sits just above the track line. */
._sectionTime_19ndv_118 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  user-select: none;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  padding-top: 4px;
}

._sectionTimePill_19ndv_130 {
  font-size: 0.6rem;
  color: var(--vscode-descriptionForeground, #717171);
  background-color: transparent;
  border: none;
  border-radius: 3px;
  padding: 0 3px;
  line-height: 1.4;
  white-space: nowrap;
  pointer-events: auto;
  cursor: pointer;
}

/* Scroll position scrubber — vertical line on top with upward caret below.
 * Wrapper is positioned absolutely within .selectionRegion; translateX(-50%)
 * centers the assembly on the computed left percentage. */
._scrubber_19ndv_146 {
  position: absolute;
  bottom: 1px;
  height: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
  transform: translateX(-50%);
}

._scrubberLine_19ndv_157 {
  width: 1px;
  flex: 1;
  margin-bottom: 1px;
  background-color: var(--vscode-descriptionForeground, #717171);
  opacity: 0.7;
}

._scrubberCaretUp_19ndv_165 {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5px solid var(--vscode-descriptionForeground, #717171);
  opacity: 0.7;
}
._title_1f23l_1 {
  font-weight: 600;
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
  border-bottom: solid 1px var(--bs-border-color);
}

._rows_1f23l_8 {
  display: flex;
  flex-direction: column;
  row-gap: 0.15em;
}

._row_1f23l_8 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
  border-radius: var(--bs-border-radius);
  padding: 0.1em 0.4em;
  margin: 0 -0.4em;
  white-space: nowrap;
}

._row_1f23l_8:hover {
  background-color: var(--bs-secondary-bg);
}

._groupHeader_1f23l_29 {
  font-weight: 600;
  margin-top: 0.9em;
  padding-bottom: 0.1em;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.85em;
}

._groupHeader_1f23l_29:first-child {
  margin-top: 0;
}
._swimlane_1lr7w_1 {
  --swimlane-row-height: 18px;
  --swimlane-minimap-height: 24px;
  --swimlane-grid-columns: auto 1fr auto;

  display: grid;
  grid-template-columns: var(--swimlane-grid-columns);
  padding: 0rem 0 0rem;
  outline: none;
  flex-shrink: 0;
  position: relative;
  border-bottom: 1px solid var(--bs-border-color);
  margin-bottom: 0px;
}

/* Pinned section: minimap + parent row — always visible */
._pinnedSection_1lr7w_17 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
}

/* Scrollable section: child rows */
._scrollSection_1lr7w_25 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  max-height: calc(10 * var(--swimlane-row-height));
  overflow-y: auto;
}

._swimlane_1lr7w_1:focus-visible {
  box-shadow: inset 0 0 0 1px var(--vscode-focusBorder);
}

/* Collapsible rows — fade + slide animation */

._collapsibleSection_1lr7w_40 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: 1fr;
  transition:
    grid-template-rows 0.2s ease,
    opacity 0.3s ease;
  padding-top: 0.2rem;
  padding-bottom: 0.5rem;
  opacity: 1;
}

._collapsibleCollapsed_1lr7w_53 {
  grid-template-rows: 0fr;
  padding-bottom: 0;
  opacity: 0;
}

/* Sticky state — opaque background so it covers scrolled content.
   Note: avoid margin-top:-1px here — it causes the content to overflow
   the StickyScroll wrapper, inflating stickySwimLaneHeight by 1px and
   leaving a gap between the swimlane and the event card headers. */
._swimlaneSticky_1lr7w_63 {
  background-color: var(--bs-body-bg);
}

._collapsibleInner_1lr7w_67 {
  grid-column: 1 / -1;
  overflow: hidden;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
}

/* Collapse toggle — hangs below the bottom border, centered */

._collapseToggle_1lr7w_77 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 2;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-top: none;
  border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
  cursor: pointer;
  padding: 1px 0;
  color: var(--vscode-descriptionForeground);
  font-size: 0.55rem;
  line-height: 1;
}

._collapseToggle_1lr7w_77:hover {
  color: var(--vscode-foreground);
  background-color: var(--bs-secondary-bg);
}

/* Row — display:contents so all rows share the parent grid columns */

._row_1lr7w_105 {
  display: contents;
}

/* Label cell */

._label_1lr7w_111 {
  padding: 0 0.5rem 0 1.45rem;
  white-space: nowrap;
  font-size: var(--inspect-font-size-smallest);
  line-height: var(--swimlane-row-height);
  color: var(--vscode-foreground);
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 2px;
  cursor: pointer;
}

._label_1lr7w_111:hover {
  color: var(--vscode-textLink-foreground);
}

._labelSelected_1lr7w_129 {
  color: var(--vscode-textLink-foreground);
}

/* Ancestor rows of the selected branch — subtler than selected */
._labelHighlighted_1lr7w_134 {
  color: var(--vscode-textLink-foreground);
  opacity: 0.6;
}

/* Expand/collapse chevron in label */

._chevron_1lr7w_141 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--vscode-descriptionForeground);
  font-size: 8px;
}

._chevron_1lr7w_141:hover {
  color: var(--vscode-foreground);
}

._chevronSpacer_1lr7w_159 {
  display: inline-block;
  width: 12px;
  flex-shrink: 0;
}

._punchDownBtn_1lr7w_165 {
  margin-left: auto;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  border: none;
  background: none;
  font-size: 9px;
  cursor: pointer;
  color: var(--vscode-descriptionForeground);
  opacity: 0;
}

._label_1lr7w_111:hover ._punchDownBtn_1lr7w_165,
._labelSelected_1lr7w_129 ._punchDownBtn_1lr7w_165 {
  opacity: 1;
}

._punchDownBtn_1lr7w_165:hover {
  color: var(--vscode-foreground);
}

._viewStackBack_1lr7w_187 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 6px;
  border: 1px solid var(--bs-border-color);
  border-radius: 3px;
  background: transparent;
  font-size: var(--inspect-font-size-smallest);
  color: var(--vscode-foreground);
  cursor: pointer;
}

._viewStackBack_1lr7w_187:hover {
  background: var(--vscode-list-hoverBackground, rgba(0, 0, 0, 0.05));
}

/* Bar area */

._barArea_1lr7w_206 {
  height: var(--swimlane-row-height);
  border-left: 1px solid var(--bs-border-color);
  border-right: 1px solid var(--bs-border-color);
}

._barInner_1lr7w_212 {
  position: relative;
  height: 100%;
  margin: 0 4px;
}

._fill_1lr7w_218 {
  position: absolute;
  top: 1px;
  bottom: 1px;
  border-radius: 2px;
  background-color: var(--bs-primary);
  opacity: 0.3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 4px;
  cursor: pointer;
}

._fill_1lr7w_218:hover {
  opacity: 0.5;
}

._fillParent_1lr7w_236 {
  opacity: 0.2;
}

._fillSelected_1lr7w_240 {
  opacity: 0.7;
  box-shadow: inset 0 0 0 1px var(--bs-primary);
}

/* Partial highlight overlay — sibling of .fill in barInner.
   Shows the "active" portion of a bar (e.g. parent bar up to fork point
   when a branch is selected). Independent opacity, not stacked with .fill. */
._fillHighlight_1lr7w_248 {
  position: absolute;
  top: 1px;
  bottom: 1px;
  border-radius: 2px;
  background-color: var(--bs-primary);
  opacity: 0.45;
  pointer-events: none;
}

/* Row is selected but a different span within the row is focused */
._fillDimmed_1lr7w_259 {
  opacity: 0.15;
}

/* Region segment — same as .fill but without :hover (hover is managed via JS).
   Does NOT set opacity here — opacity comes from .fill-style state classes
   (.fillParent, .fillSelected, .fillDimmed) or from .regionHover/.regionDefault. */
._regionSegment_1lr7w_266 {
  position: absolute;
  top: 1px;
  bottom: 1px;
  background-color: var(--bs-primary);
  cursor: pointer;
}

/* Default opacity for region segments — slightly dimmed vs hover
   to give a subtle highlight without making unhovered segments look faded. */
._regionDefault_1lr7w_265 {
  opacity: 0.25;
}

/* Applied via React state when the segment (or whole bar) should show hover */
._regionHover_1lr7w_265 {
  opacity: 0.45;
}

/* Region segments — partial border-radius for segmented bars */
._regionFirst_1lr7w_286 {
  border-radius: 2px 0 0 2px;
}

._regionLast_1lr7w_290 {
  border-radius: 0 2px 2px 0;
}

._regionMiddle_1lr7w_294 {
  border-radius: 0;
}

/* Markers */

._marker_1lr7w_300 {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-size: 9px;
  z-index: 1;
  pointer-events: auto;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* White disc behind branch icon so transparent cutouts don't bleed bar color */
._markerBranch_1lr7w_318::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--bs-body-bg);
  z-index: -1;
}

._marker_1lr7w_300 > * {
  pointer-events: none;
}

._markerError_1lr7w_332 {
  top: 1px;
  bottom: 1px;
  height: auto;
  width: 7px;
  transform: translateX(-50%);
  background-color: transparent;
  filter: none;
  cursor: pointer;
}

._markerError_1lr7w_332::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 1px;
  background-color: var(--vscode-errorForeground);
}

._markerCompaction_1lr7w_353 {
  color: var(--bs-body-bg);
  rotate: none;
  font-size: 16px;
  top: 0;
  bottom: 0;
  height: auto;
  width: 10px;
  overflow: visible;
  transform: translateX(-50%);
  filter: none;
  cursor: pointer;
}

._markerBranch_1lr7w_318 {
  color: var(--vscode-foreground);
  cursor: pointer;
}

/* Branch connector line from parent marker to branch bar */
._branchConnector_1lr7w_373 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

/* Right-pointing arrowhead for branch connectors (CSS border triangle) */
._connectorArrow_1lr7w_384 {
  position: absolute;
  top: 50%;
  transform: translate(-1px, -50%);
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 4px solid var(--vscode-descriptionForeground);
  pointer-events: none;
}

/* Horizontal line extending back from arrowhead to the SVG horizontal endpoint */
._connectorArrow_1lr7w_384::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 3px;
  width: 5px;
  height: 1px;
  background: var(--vscode-descriptionForeground);
  transform: translateY(-50%);
}

/* Branch popover */

/* Breadcrumb row */

._breadcrumbRow_1lr7w_412 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 4px 0.5rem 2px 0.5rem;
  min-width: 0;
}

._optionsButton_1lr7w_421 {
  background: none;
  border: 1px solid var(--vscode-widget-border, var(--bs-border-color));
  border-radius: 50%;
  cursor: pointer;
  color: var(--vscode-descriptionForeground);
  font-size: 7px;
  width: 12px;
  height: 12px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 3px;
  opacity: 0.6;
}

._optionsButton_1lr7w_421:hover {
  color: var(--vscode-foreground);
  background: var(--vscode-toolbar-hoverBackground);
  opacity: 1;
}

._hiddenUtility_1lr7w_445 {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--vscode-descriptionForeground, #717171);
  font-size: 9px;
  padding: 0;
  margin-left: 4px;
  white-space: nowrap;
  flex-shrink: 0;
  opacity: 0.7;
}

._hiddenUtility_1lr7w_445:hover {
  color: var(--vscode-foreground);
  opacity: 1;
  text-decoration: underline;
}

._breadcrumbTrail_1lr7w_464 {
  display: flex;
  align-items: center;
  gap: 0;
  min-width: 0;
  overflow: hidden;
}

._breadcrumbSegment_1lr7w_472 {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

._breadcrumbDivider_1lr7w_478 {
  color: var(--vscode-descriptionForeground);
  font-size: var(--inspect-font-size-smallest);
  padding: 0 2px;
  -webkit-user-select: none;
  user-select: none;
}

._breadcrumbLink_1lr7w_486 {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--vscode-descriptionForeground);
  font-size: var(--inspect-font-size-smallest);
  padding: 0 2px;
}

._breadcrumbLink_1lr7w_486:hover {
  color: var(--vscode-foreground);
  text-decoration: underline;
}

._breadcrumbCurrent_1lr7w_500 {
  background: none;
  border: none;
  color: var(--vscode-foreground);
  font-weight: 600;
  font-size: var(--inspect-font-size-smallest);
  padding: 0 2px 0 0;
}

/* Token cell */

._tokens_1lr7w_511 {
  padding: 0 0.75rem 0 0.5rem;
  font-size: var(--inspect-font-size-smallest);
  line-height: var(--swimlane-row-height);
  color: var(--vscode-descriptionForeground);
  white-space: nowrap;
  text-align: right;
  -webkit-user-select: none;
  user-select: none;
}
._eventRow_dssp9_1 {
  display: grid;
  grid-template-columns: 0.7em 1fr;
  column-gap: 0.25em;
  cursor: pointer;
  padding-left: 0.7em;
}

._eventRow_dssp9_1._selected_dssp9_9 {
  font-weight: 800;
}

._eventRow_dssp9_1 ._toggle_dssp9_13 {
  font-size: 0.7em;
  margin-top: 4px;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

._eventLink_dssp9_25,
._eventLink_dssp9_25 a {
  color: var(--bs-body-color);
  text-decoration: none;
  cursor: pointer;
}

._eventLink_dssp9_25:hover,
._eventLink_dssp9_25 a:hover {
  text-decoration: underline;
  color: var(--bs-link-hover-color);
}

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

._iconSlot_dssp9_44 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.5;
  margin-right: 0.3em;
}

._eventRow_dssp9_1._selected_dssp9_9 ._iconSlot_dssp9_44 {
  opacity: 1;
}

._progress_dssp9_56 {
  margin-left: 0.3em !important;
}

._loadingRow_dssp9_60 {
  cursor: default;
}

._spinner_dssp9_64 {
  width: 0.85em;
  height: 0.85em;
  border-radius: 50%;
  border: 1.5px solid color-mix(in oklab, currentColor 30%, transparent);
  border-top-color: currentColor;
  animation: _outline-spin_dssp9_1 0.8s linear infinite;
}

@keyframes _outline-spin_dssp9_1 {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  ._spinner_dssp9_64 {
    animation: none;
  }
}

._popover_dssp9_85 {
  min-width: 300px;
  max-width: 80%;
}
._rootHeader_g5gla_1 {
  padding: 0 1.5em 0.25em 0;
  background-color: var(--bs-body-bg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: sticky;
  top: 0;
  z-index: 2;
}
._outline_1dbcw_1 {
  padding-left: 0.6rem;
  /* Prevent stretching to the full grid-row height so that
     position:sticky has room to travel within the cell. */
  align-self: start;
}

/* Cap height to the visible area below the sticky offset and
   scroll internally when the outline is taller.
   Only when expanded — overflow clips the toggle button when collapsed. */
._outline_1dbcw_1._expanded_1dbcw_11 {
  max-height: calc(var(--scroller-height, 100vh) - var(--outline-top, 0px));
  overflow-y: auto;
  scrollbar-width: thin;
}

._outlineToggle_1dbcw_17 {
  all: unset;
  cursor: pointer;
  font-size: 0.8em;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
}

._outlineToggle_1dbcw_17[aria-disabled="true"] {
  cursor: default;
  opacity: 0.4;
}

._separator_1dbcw_31 {
  background-color: var(--bs-border-color);
}

._sidebarHeader_1dbcw_35 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4em;
  margin-bottom: 0.3rem;
}

._sidebarHeaderTitle_1dbcw_43 {
  flex: 1;
  min-width: 0;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  top: 1px;
}

/* 0-height sticky anchor that keeps the close button glued to the top of
   the visible scroll area. The button itself is absolutely positioned
   inside the anchor so it doesn't push surrounding content. z-index sits
   above sibling sticky headers (e.g. SampleScansSidebar's scanner picker
   at z-index: 2) so the close button paints on top. */
._sidebarHeaderCloseAnchor_1dbcw_59 {
  position: sticky;
  top: 0;
  height: 0;
  z-index: 3;
}

/* Center the close icon vertically with the rootHeader title that follows
   in the scroll content. The title (text-size-smaller) sits at the top of
   that content; this offset aligns the icon's visual center with the title's. */
._sidebarHeaderClose_1dbcw_59 {
  all: unset;
  cursor: pointer;
  font-size: 0.9em;
  padding: 0.2rem 0.4rem;
  position: absolute;
  top: -0.25em;
  right: 0;
  background-color: var(--bs-body-bg);
}

._sidebarHeaderClose_1dbcw_59:hover {
  opacity: 0.7;
}
._root_sou2s_1 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  flex: 1;
  min-height: 0;
}

/* Timeline + content column. The rail/panel sit to its right as siblings, so
   they run full height from below the toolbar rather than below the swimlanes. */
._main_sou2s_12 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

._container_sou2s_19 {
  display: grid;
  width: 100%;
  grid-template-columns: var(--outline-width, 180px) 1px 1fr;
  min-height: 100vh;
}

/* Embedded in another scroll container (e.g. a retry card): size to content
   instead of reserving a full viewport. */
._container_sou2s_19._embedded_sou2s_28 {
  min-height: 0;
}

._container_sou2s_19 > * {
  min-width: 0;
  padding-bottom: 1rem;
}

._container_sou2s_19._outlineCollapsed_sou2s_37 {
  grid-template-columns: 22px 1px 1fr;
}

._container_sou2s_19._noOutline_sou2s_41 {
  grid-template-columns: 1fr;
}

._eventsList_sou2s_45 {
  padding-bottom: 1rem;
}
._tabControls_6sqvk_1 {
  position: sticky;
  z-index: 1001;
  top: var(--inspect-sample-header-height, 0);
  padding: 0.25rem 0.5rem;
  border-bottom: solid 1px var(--bs-border-color);
  background-color: var(--bs-body-bg);
}

._fullWidth_6sqvk_10 {
  width: 100%;
}

._metadataPanel_6sqvk_14 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._padded_6sqvk_20 {
  padding-left: 0.8em;
  margin-top: 0.4em;
}

._error_6sqvk_25 {
  padding-top: 0.5em;
}

._ansi_6sqvk_29 {
  margin: 1em 0;
}

._noTop_6sqvk_33 {
  margin-top: 0;
}

._chat_6sqvk_37 {
  padding: 0.5rem;
}

._railHost_6sqvk_41 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

._tabContent_6sqvk_49 {
  flex: 1;
  width: 100%;
  min-width: 0;
  min-height: 0;
}

._padded_6sqvk_20 {
  padding: 1em;
}

._overflowVisible_6sqvk_60 {
  overflow-y: visible;
}

/* Thin vertical divider used between groups in the sample toolbar. The
   inline-block ensures it lays out alongside ToolButtons in TabSet's
   flex/wrap tools row, and the negative margin tightens the column-gap
   on either side so it reads as a separator rather than another tool. */
._toolSeparator_6sqvk_68 {
  display: inline-block;
  width: 1px;
  align-self: center;
  height: 1.1em;
  background-color: var(--bs-border-color);
  margin: 0 0.3rem;
}

._retriedErrors_6sqvk_77 {
  /* Full-bleed (no card), with a small uniform inset from the tab edges. */
  margin: 0;
  padding: 0.5rem;
  min-width: 0;
  overflow: hidden;
  align-self: stretch;
  flex: 1;
}

/* The Terminals tab's fullscreen control: the icon reads at a glance. */
._fullscreenTool_6sqvk_88 i {
  font-size: 1.05em;
}
._card_1bwn0_1 {
  flex: 1;
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  /* `clip` rounds the corners without becoming a scroll container, which
     would trap the sticky "less…" toggle of the error panel inside. */
  overflow: clip;
  transition:
    background-color 0.12s ease,
    border-color 0.12s ease;
}

._cardCollapsed_1bwn0_13 {
  background: var(--bs-tertiary-bg);
}

._cardOpen_1bwn0_17 {
  background: var(--bs-body-bg);
}

._header_1bwn0_21 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px;
  cursor: pointer;
}

._attemptLabel_1bwn0_29 {
  flex: none;
  font-weight: 700;
  font-size: 13.5px;
  color: var(--bs-body-color);
  white-space: nowrap;
}

/* Right-aligned per-attempt metadata; tabular-nums keeps the timestamps from
   jittering as digits change. */
._timestamp_1bwn0_39 {
  margin-left: auto;
  flex: none;
  font-family: var(--bs-font-monospace);
  font-size: 12px;
  color: var(--bs-tertiary-color);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

._errorChip_1bwn0_49 {
  display: inline-flex;
  align-items: center;
  flex: none;
  font-family: var(--bs-font-monospace);
  font-size: 12px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 5px;
  background: var(--bs-danger-bg-subtle);
  color: var(--bs-danger-text-emphasis);
  border: 1px solid var(--bs-danger-border-subtle);
  white-space: nowrap;
}

._message_1bwn0_64 {
  font-size: 12.5px;
  color: var(--bs-secondary-color);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._chevron_1bwn0_73 {
  flex: none;
  color: var(--bs-tertiary-color);
  font-size: 14px;
}

/* No horizontal padding: the Events transcript goes edge-to-edge so its row
   borders meet the card edges. The divider band and error panel re-add their
   own inset. */
._body_1bwn0_82 {
  padding: 2px 0 16px;
}

/* Centered Error/Events control on a hairline that extends to both card edges,
   reading as a labeled section divider between the header and the content. */
._dividerBand_1bwn0_88 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 14px;
}

._hairline_1bwn0_95 {
  flex: 1;
  height: 1px;
  background: var(--bs-border-color);
}

._toggle_1bwn0_101 {
  flex: none;
  display: flex;
}

._content_1bwn0_106 {
  padding-top: 14px;
}

._errorPanel_1bwn0_110 {
  margin: 0 14px;
}

._ansi_1bwn0_114 {
  margin: 0.5em 0;
  font-size: clamp(0.3rem, 1.1vw, 0.8rem) !important;
}
._statusCell_4ypz5_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  /* Fill the grid cell so the icon centers within the column (the DataGrid
   * cell is a flex box that would otherwise leave this content-sized box
   * flush-left). Matches the AG grid, where the block cell filled the width. */
  width: 100%;
}

._error_4ypz5_11 {
  color: var(--bs-danger);
}

._success_4ypz5_15 {
  color: var(--bs-success);
}

._cancelled_4ypz5_19 {
  color: var(--bs-secondary);
}
._row_5mttp_1 {
  display: flex;
  gap: 16px;
  align-items: center;
}

._marker_5mttp_7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  color: #fff;
  flex: none;
  font-size: 10px;
  position: relative;
  /* Sits above the container's absolutely-positioned timeline rail. */
  z-index: 1;
}

._markerSuccess_5mttp_22 {
  background: var(--bs-success);
}

._markerError_5mttp_26 {
  background: var(--bs-danger);
}

._markerCancelled_5mttp_30 {
  background: var(--bs-secondary);
}

._markerLimit_5mttp_34 {
  background: var(--bs-warning);
  /* White on Bootstrap's yellow fails contrast, and the theme bridge remaps
     --bs-warning-text-emphasis to a light grey in dark themes while the amber
     background never changes — so hardcode the dark emphasis tone. */
  color: #664d03;
}

._copy_5mttp_42 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 4px;
  margin-top: 2px;
  border-top: 1px solid var(--bs-border-color);
}

._headline_5mttp_52 {
  font-weight: 700;
  font-size: 13.5px;
  white-space: nowrap;
}

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

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

._headlineCancelled_5mttp_66 {
  color: var(--bs-secondary-color);
}

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

._detail_5mttp_74 {
  font-size: 12.5px;
  color: var(--bs-secondary-color);
}
._panel_1n9ws_1 {
  width: 100%;
}

._sectionLabel_1n9ws_5 {
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

._timeline_1n9ws_14 {
  position: relative;
  margin-top: 18px;
}

._rail_1n9ws_19 {
  position: absolute;
  left: 6px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  background: var(--bs-border-color);
}

._items_1n9ws_28 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._row_1n9ws_34 {
  display: flex;
  gap: 16px;
}

/* Offsets the dot to align with the card header text; relative + z-index so it
   paints above the absolutely-positioned rail. */
._dotGutter_1n9ws_41 {
  position: relative;
  z-index: 1;
  padding-top: 14px;
}

/* Failed-attempt marker: the viewer's standard error icon. The body-bg backdrop
   punches it out over the rail so the line doesn't show through the glyph. */
._statusIcon_1n9ws_49 {
  display: block;
  font-size: 14px;
  line-height: 1;
  color: var(--bs-danger);
  background: var(--bs-body-bg);
  border-radius: 50%;
}
._body_x9ww7_1 {
  color: var(--bs-danger);
  display: grid;
  grid-template-columns: 1fr;
  align-content: baseline;
  justify-items: center;
}

._body_x9ww7_1._safe_x9ww7_9 {
  color: var(--bs-secondary);
}

._iconSmall_x9ww7_13 {
  font-size: var(--inspect-font-size-small);
  line-height: var(--inspect-font-size-small);
  height: var(--inspect-font-size-small);
}

._message_x9ww7_19 {
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Cell helpers exposed for column renderers. */
._cell_8nkqa_2 {
  line-height: var(--bs-body-line-height);
}

._wrapAnywhere_8nkqa_6 {
  overflow-wrap: break-word;
}

._noLeft_8nkqa_10 {
  padding-left: 0;
}

._score_8nkqa_14 {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._panel_h02oy_1 {
  background: transparent;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}

._panelHeader_h02oy_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  /* Match body left/right padding so the label/controls align with
   * the rows/chips below. */
  padding: 2px 12px;
}

._scoresHeader_h02oy_19 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

._scoresCount_h02oy_27 {
  font-size: var(--inspect-font-size-smallest, 0.7rem);
  color: var(--bs-tertiary-color, var(--bs-secondary));
  font-variant-numeric: tabular-nums;
}

._columnLabel_h02oy_33 {
  font-size: var(--inspect-font-size-smallest, 0.7rem);
  font-weight: 400;
  color: var(--bs-secondary);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

._headerControls_h02oy_41 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Wrap the sort dropdown in the same outer chrome as the
 * SegmentedControl so its border / body-bg / border-radius match the
 * segments next to it. The inner ToolDropdownButton is then stripped
 * back to a flat, transparent trigger. */
._sortWrapper_h02oy_51 {
  display: inline-flex;
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  border: solid 1px var(--bs-border-color);
}

.btn._sortButton_h02oy_58 {
  background: transparent;
  border: none;
  border-radius: var(--bs-border-radius);
  color: var(--bs-secondary);
  margin: 1px;
  padding: 0 5px;
  height: calc(100% - 2px);
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  font-size: var(--inspect-font-size-smallest, 0.7rem);
}

.btn._sortButton_h02oy_58:hover {
  color: var(--bs-body-color);
}

.btn._sortButton_h02oy_58 i {
  margin-right: 0;
}

._panelBody_h02oy_80 {
  min-height: 0;
}

._bodyGrid_h02oy_84 {
  padding: 4px 12px;
}

._panel_h02oy_1._tight_h02oy_88 ._bodyGrid_h02oy_84 {
  padding: 3px 12px;
}

._bodyChips_h02oy_92 {
  padding: 6px 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

._panel_h02oy_1._tight_h02oy_88 ._bodyChips_h02oy_92 {
  padding: 5px 12px;
}

/* Cap the body at ~5 grid rows. Anything larger scrolls inside the
 * panel so the rest of the header layout stays put. The cap is
 * shared across grid and chips so the panel can't suddenly grow
 * vertically when the user toggles views. */
._dense_h02oy_107 {
  max-height: 125px;
  overflow-y: auto;
}

/* ── Grid rows ─────────────────────────────────────────────────────── */
._row_h02oy_113 {
  display: grid;
  grid-template-columns: minmax(60px, 1fr) auto;
  align-items: center;
  column-gap: 12px;
  padding: 2px 0;
  min-width: 0;
}

._rowTight_h02oy_122 {
  padding-top: 1px;
  padding-bottom: 1px;
}

._rowName_h02oy_127 {
  font-size: var(--inspect-font-size-small, 0.8rem);
  color: var(--bs-body-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-variant-numeric: tabular-nums;
  min-width: 0;
}

/* ── Chips ─────────────────────────────────────────────────────────── */
._chip_h02oy_138 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px 2px 4px;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  font-size: var(--inspect-font-size-small, 0.8rem);
  line-height: 1.3;
  max-width: 220px;
  min-width: 0;
}

._chipFail_h02oy_152 {
  border-color: var(--bs-danger);
}

._chipWarn_h02oy_156 {
  border-color: var(--bs-orange);
}

._chipName_h02oy_160 {
  color: var(--bs-body-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
._circle_kcau9_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  line-height: 1;
}

._circlePass_kcau9_13 {
  background: var(--bs-success);
}

._circleFail_kcau9_17 {
  background: var(--bs-danger);
}

._circleWarn_kcau9_21 {
  background: var(--bs-orange);
}

._circleNeutral_kcau9_25 {
  background: var(--bs-secondary);
}

._text_kcau9_29 {
  font-size: var(--inspect-font-size-small, 0.8rem);
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  display: inline-block;
  max-width: 12em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

._textPass_kcau9_41 {
  color: var(--bs-success);
}

._textFail_kcau9_45 {
  color: var(--bs-danger);
}

._textWarn_kcau9_49 {
  color: var(--bs-orange);
}

._textNeutral_kcau9_53 {
  color: var(--bs-body-color);
}

/* Smaller pill used inside ScoreChip. The mini pill has a fixed-ish
 * height and gets a colored background for tone scores; neutral
 * scores stay subtle. */
._miniPill_kcau9_60 {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  min-width: 18px;
  max-width: 8em;
  height: 16px;
  line-height: 16px;
  padding: 0 6px;
  box-sizing: border-box;
  border-radius: 999px;
  font-size: var(--inspect-font-size-smallestest, 0.6rem);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._miniPillPass_kcau9_80 {
  background: var(--bs-success);
  color: #fff;
}

._miniPillFail_kcau9_85 {
  background: var(--bs-danger);
  color: #fff;
}

._miniPillWarn_kcau9_90 {
  background: var(--bs-orange);
  color: #fff;
}

._miniPillNeutral_kcau9_95 {
  background: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary);
}
._root_rr9mf_1 {
  background: var(--bs-light);
  color: var(--bs-body-color);
  border-bottom: 1px solid var(--bs-border-color);
}

/* Outer two-column layout. The right column gets a clamped range so
 * its width adapts to viewport but stays in a band that yields
 * roughly 2–3 chips per row regardless of chip set. The body fields
 * (1fr) keep the rest. The 1-2 score case uses `noRight` instead and
 * inlines the score cells into the field grid. */
._layout_rr9mf_12 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
}

._layout_rr9mf_12._wideRight_rr9mf_17 {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 440px);
}

._layout_rr9mf_12._noRight_rr9mf_21 {
  grid-template-columns: minmax(0, 1fr);
}

._left_rr9mf_25 {
  padding: 8px 0.5rem;
  min-width: 0;
}

._layout_rr9mf_12._noRight_rr9mf_21 ._left_rr9mf_25 {
  border-right: none;
}

._right_rr9mf_34 {
  padding: 0;
  background: var(--bs-light);
  min-width: 0;
  display: flex;
  flex-direction: column;
}

._metaLine_rr9mf_42 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 2px;
  margin-bottom: 8px;
  color: var(--bs-secondary);
}

._metaSep_rr9mf_52 {
  color: var(--bs-tertiary-color, var(--bs-secondary));
}

._metaId_rr9mf_56 {
  font-family: var(--bs-font-monospace);
  color: var(--bs-body-color);
  font-size: var(--inspect-font-size-base);
  font-weight: 500;
}

/* Field row: Input | Target | Answer in a single row. Target gets a
 * fixed-ish middle slot, Input and Answer flex. */
._fields_rr9mf_65 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(60px, auto) minmax(0, 1fr);
  gap: 8px 24px;
}

._field_rr9mf_65 {
  min-width: 0;
}

._fieldTarget_rr9mf_75 {
  max-width: 200px;
}

._fieldLabel_rr9mf_79 {
  font-size: var(--inspect-font-size-smallest, 0.7rem);
  font-weight: 400;
  color: var(--bs-secondary);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

._fieldValue_rr9mf_87 {
  font-size: var(--inspect-font-size-smaller, 0.9rem);
  color: var(--bs-body-color);
  line-height: 1.5;
  margin-top: 4px;
}

._clamp_rr9mf_94 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Score "field" cell — used in compact (1-2 scores) mode when scores
 * are inlined into the same fields grid as Input/Target/Answer. The
 * label gets the same FieldLabel chrome; the value sits directly
 * beneath it, vertically aligned with the body field values. */
._scoreField_rr9mf_106 {
  max-width: 140px;
}

._scoreFieldValue_rr9mf_110 {
  margin-top: 4px;
  display: flex;
  align-items: center;
  min-width: 0;
}

._errorBlock_rr9mf_117 {
  padding: 10px 18px;
  border-top: 1px dashed var(--bs-border-color);
}

/* Collapsed state — meta line only. Used both as a standalone band
 * inside SampleSummaryView and (more usefully) as the content of the
 * sticky overlay rendered by `SampleDisplay` when the user has
 * scrolled past the full header. Positioning lives at the call-site
 * because the parent owns the scroll context. */
._collapsedMeta_rr9mf_127 {
  padding: 2px 0.5rem;
  display: flex;
  align-items: center;
}

/* In the collapsed band there's no fields row beneath the meta line,
 * so suppress the bottom margin that the expanded layout uses. */
._collapsedMeta_rr9mf_127 ._metaLine_rr9mf_42 {
  margin-bottom: 0;
}

/* Invalidation banner styles */
._invalidationBanner_rr9mf_140 {
  display: flex;
  align-items: flex-start;
  gap: 0.75em;
  padding: 0.75em 1em;
  background-color: var(--bs-warning-bg-subtle);
  border-bottom: 1px solid var(--bs-warning-border-subtle);
  color: var(--bs-warning-text-emphasis);
}

._invalidationIcon_rr9mf_150 {
  font-size: 1.25em;
  line-height: 1;
  flex-shrink: 0;
}

._invalidationContent_rr9mf_156 {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  min-width: 0;
}

._invalidationTitle_rr9mf_163 {
  font-weight: 600;
  font-size: 0.9em;
}

._invalidationDetails_rr9mf_168 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 1.5em;
  font-size: 0.85em;
  opacity: 0.9;
}

._invalidationReason_rr9mf_176 {
  flex-basis: 100%;
}
._entry_a2fxh_1 {
  margin-bottom: 1rem;
}
._container_1c6v2_1 {
  display: flex;
  flex-direction: column;
  align-self: start;
  gap: 0.25rem;
}

._header_1c6v2_8 {
  margin-bottom: 0.25rem;
}

._section_1c6v2_12 {
  --vscode-sideBar-background: var(--bs-body-bg);
  --vscode-sideBarSectionHeader-background: var(--bs-tertiary-bg);
  --vscode-sideBarTitle-foreground: var(--bs-body-color);
  --vscode-icon-foreground: var(--bs-body-color);
}

._section_1c6v2_12::part(body) {
  padding: 0.5rem;
}
._result_1202h_1 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 8px 4px;
  height: 1rem;
  font-size: 0.7rem;
}

._true_1202h_11 {
  border: solid var(--bs-success) 1px;
  color: var(--bs-success);
}

._false_1202h_16 {
  border: solid var(--bs-danger) 1px;
  color: var(--bs-danger);
}

._targetValue_1202h_21 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  margin-left: 0.4rem;
}

._validationTable_1202h_29 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
._boolean_8citi_1 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 1px;
  width: 2.5rem;
  height: 1rem;
  font-size: var(--inspect-font-size-smallest);
}

._true_8citi_13 {
  background-color: var(--bs-success);
  border: solid var(--bs-success) 1px;
  color: var(--bs-body-bg);
}

._false_8citi_19 {
  background-color: var(--bs-danger);
  border: solid var(--bs-danger) 1px;
  color: var(--bs-body-bg);
}

._valueTable_8citi_25 {
  display: grid;
  grid-template-columns: minmax(auto, max-content) auto;
  column-gap: 1rem;
  row-gap: 0rem;
}

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

._inline_8citi_38 ._valueValue_8citi_38 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: end;
}

._inline_8citi_38 ._valueValue_8citi_38 p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

pre._value_8citi_25 {
  margin: 0;
}
._picker_zkjwy_1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;

  padding: 0.2rem 0rem;
}

._picker_zkjwy_1 > ._select_zkjwy_9 {
  /* Fit content rather than the host's fixed 320px default. */
  width: auto;
  max-width: 100%;
}
._header_1ge26_1 {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--bs-body-bg);
  margin-right: 1.2rem;
  padding: 0.2rem 0.5rem 0.2rem 0.3rem;
}

._singleScanner_1ge26_10 {
  color: var(--bs-secondary);
}
._container_t8xq0_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

._body_t8xq0_8 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
._container_eou6j_1 {
  display: grid;
  grid-template-columns:
    minmax(0, max-content) fit-content(20em) minmax(0, max-content)
    minmax(0, 1fr);
  column-gap: 0.75em;
}

._container_eou6j_1 ._cell_eou6j_9 {
  margin-bottom: 0.5em;
  overflow-wrap: anywhere;
  min-width: 0;
}

._fullWidth_eou6j_15 {
  grid-column: 1 / -1;
}

._separator_eou6j_19 {
  height: 1px;
  background-color: var(--bs-light-border-subtle);
}

._separatorPadded_eou6j_24 {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

._headerSep_eou6j_29 {
  margin-top: 0.1em;
  margin-bottom: 0.2em;
}
._wordBreak_148cv_1 {
  word-break: break-word;
}

._scoreCard_148cv_5 {
  padding-top: 0.5em;
}

._scores_148cv_9 {
  padding-top: 1em;
}
._view_1mnpl_1 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  outline: none;
  background-color: var(--vscode-sideBar-background);
}

/* Filling the window: over the sample's sticky header (1002), under dropdown
   menus (1050; the agent picker's menu opens from the fill header) and the
   expanded terminal (1060). */
._viewFill_1mnpl_14 {
  position: fixed;
  inset: 0;
  z-index: 1030;
  height: 100vh;
}

/* Sized to its rows, so the controls sit right under them; once the rows
   need the view's whole height the stage shrinks and the controls stay at
   the bottom. */
._stage_1mnpl_24 {
  flex: 0 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 14px;
  overflow: hidden;
}

._stageScrolls_1mnpl_34 {
  overflow-y: auto;
}

/* Rows */

._row_1mnpl_40 {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--vscode-editor-background);
  box-shadow: 0 0 0 1px var(--vscode-widget-border);
  transition: box-shadow 120ms ease;
}

._rowFocused_1mnpl_51 {
  box-shadow:
    0 0 0 2px var(--vscode-focusBorder),
    0 2px 10px rgba(0, 0, 0, 0.18);
}

._bar_1mnpl_57 {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 26px;
  flex-shrink: 0;
  color: var(--vscode-descriptionForeground);
  background-color: var(--vscode-sideBar-background);
  font-size: 12px;
  transition:
    background-color 120ms ease,
    color 120ms ease;
}

/* An accent tint over the bar that fades: a session opening, or a command
   landing in a row the user isn't watching. */
._barFlash_1mnpl_73 {
  position: absolute;
  inset: 0;
  background-color: var(--vscode-focusBorder);
  opacity: 0;
  pointer-events: none;
  animation: _barFlash_1mnpl_73 600ms ease-out;
}

@keyframes _barFlash_1mnpl_73 {
  0% {
    opacity: 0;
  }
  17% {
    opacity: 0.35;
  }
  100% {
    opacity: 0;
  }
}

._newCommand_1mnpl_94 {
  color: var(--vscode-textLink-foreground);
  font-weight: 700;
  animation: _newCommand_1mnpl_94 600ms ease-out forwards;
}

@keyframes _newCommand_1mnpl_94 {
  0%,
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

._rowFocused_1mnpl_51 ._bar_1mnpl_57 {
  color: var(--vscode-foreground);
  background-color: var(--vscode-list-inactiveSelectionBackground);
}

._rowFolded_1mnpl_115 ._bar_1mnpl_57 {
  background-color: var(--vscode-editor-background);
}

._rowClosed_1mnpl_119 ._bar_1mnpl_57 {
  background-color: var(--bs-secondary-bg);
}

._barButton_1mnpl_123 {
  display: flex;
  align-items: center;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

/* Layered over the bar's own background, so a focused or folded bar keeps
   its tint under the hover. */
._bar_1mnpl_57:hover:has(._barMain_1mnpl_136:enabled) {
  background-image: linear-gradient(
    var(--vscode-toolbar-hoverBackground),
    var(--vscode-toolbar-hoverBackground)
  );
}

._barButton_1mnpl_123:focus-visible {
  outline: 2px solid var(--vscode-focusBorder);
  outline-offset: -2px;
}

._chevron_1mnpl_148 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  flex-shrink: 0;
  font-size: 12px;
}

._rowFocused_1mnpl_51 ._chevron_1mnpl_148,
._rowFocused_1mnpl_51 ._sessionName_1mnpl_158 {
  color: var(--vscode-textLink-foreground);
}

._barMain_1mnpl_136 {
  flex: 1;
  min-width: 0;
  gap: 10px;
  padding-right: 10px;
  text-align: left;
}

._sessionName_1mnpl_158 {
  flex-shrink: 0;
  font-family: var(--bs-font-monospace);
  font-size: 13px;
  font-weight: 700;
}

._rowFolded_1mnpl_115 ._sessionName_1mnpl_158 {
  color: var(--vscode-foreground);
}

._lastCommand_1mnpl_181 {
  align-self: center;
  flex: 0 1 auto;
  min-width: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--bs-font-monospace);
}

._snippet_1mnpl_191 {
  flex: 0 100 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--bs-font-monospace);
}

._barMeta_1mnpl_200 {
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  white-space: nowrap;
}

._fullscreenButton_1mnpl_210 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--vscode-descriptionForeground);
  font-size: 13px;
  cursor: pointer;
}

._fullscreenButton_1mnpl_210:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
  color: var(--vscode-foreground);
}

._bodyFrame_1mnpl_229 {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  transition: height 200ms cubic-bezier(0.2, 0, 0, 1);
  background-color: var(--inspect-terminal-background);
}

._body_1mnpl_229 {
  height: 100%;
  padding: 8px 8px 6px;
  overflow-y: auto;
  overflow-x: hidden;
  /* PlayerSync owns the scroll position; the browser's anchoring would move
     it again when the player rewrites its lines. */
  overflow-anchor: none;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
  cursor: pointer;
}

/* Unfocused bodies keep full-contrast text; the inset shadow under the bar
   is what quiets them. */
._rowOpen_1mnpl_253 ._bodyFrame_1mnpl_229::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 16px 14px -14px rgba(0, 0, 0, 0.7);
  pointer-events: none;
}

/* The player fits its columns to this box's width, so capping the width at
   the columns in the terminal font at --inspect-terminal-font-size (plus the
   player's 0.75em border each side) caps the text at that size. */
._playerCap_1mnpl_264 {
  overflow: hidden;
  max-width: calc(var(--terminal-cols) * 1ch + 1.5em);
  font-family: var(--term-font-family, monospace);
  font-size: var(--inspect-terminal-font-size);
}

._body_1mnpl_229 .asciinema-player-theme-asciinema {
  --term-color-background: var(--inspect-terminal-background);
  --term-color-foreground: var(--inspect-terminal-foreground);
}

._body_1mnpl_229 .ap-player {
  background-color: var(--inspect-terminal-background);
}

._body_1mnpl_229 .ap-player .ap-overlay-start {
  display: none;
}

._body_1mnpl_229 .ap-term {
  cursor: text;
  user-select: text;
}

._latest_1mnpl_289 {
  position: absolute;
  right: 18px;
  bottom: 8px;
  z-index: 1;
  padding: 2px 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--inspect-terminal-foreground);
  font-size: 12px;
  cursor: pointer;
}

._latest_1mnpl_289:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Control strip and timeline */

._controls_1mnpl_309 {
  position: relative;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: 4px 8px 4px 14px;
  border-top: 1px solid var(--vscode-widget-border);
  background-color: var(--vscode-editor-background);
  color: var(--vscode-foreground);
}

._controlRow_1mnpl_320 {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 28px;
}

._controlTools_1mnpl_327 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

._playButton_1mnpl_334 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background-color: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
  font-size: 16px;
  cursor: pointer;
}

._playButton_1mnpl_334:focus-visible {
  outline: 2px solid var(--vscode-focusBorder);
  outline-offset: 2px;
}

._readout_1mnpl_354 {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-shrink: 0;
  font-family: var(--bs-font-monospace);
  font-variant-numeric: tabular-nums;
}

._readoutElapsed_1mnpl_363 {
  font-size: 13px;
  font-weight: 700;
}

._readoutTotal_1mnpl_368 {
  font-size: 12px;
  color: var(--vscode-descriptionForeground);
}

._readoutNote_1mnpl_373 {
  flex-shrink: 2;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
}

._chip_1mnpl_383 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 2px 10px;
  border: 1px solid var(--vscode-widget-border);
  border-radius: 999px;
  background-color: var(--vscode-editor-background);
  color: var(--vscode-textLink-foreground);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

._chip_1mnpl_383:hover {
  background-color: var(--vscode-list-hoverBackground);
}

._controlSpacer_1mnpl_404 {
  flex: 1;
  min-width: 0;
}

._speedGroup_1mnpl_409 {
  display: inline-flex;
  flex-shrink: 0;
  border: 1px solid var(--vscode-widget-border);
  border-radius: 6px;
  overflow: hidden;
}

._speedButton_1mnpl_417 {
  height: 22px;
  padding: 0 7px;
  border: 0;
  background: transparent;
  color: var(--vscode-descriptionForeground);
  font-size: 11px;
  cursor: pointer;
}

._speedButton_1mnpl_417 + ._speedButton_1mnpl_417 {
  border-left: 1px solid var(--vscode-widget-border);
}

._speedButtonActive_1mnpl_431 {
  background-color: var(--vscode-list-inactiveSelectionBackground);
  color: var(--vscode-textLink-foreground);
  font-weight: 700;
}

._speedButton_1mnpl_417:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}

._timelineToggle_1mnpl_441 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--vscode-descriptionForeground);
  cursor: pointer;
}

._timelineToggle_1mnpl_441:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
  color: var(--vscode-foreground);
}

._timelineChevron_1mnpl_460 {
  display: inline-flex;
  font-size: 12px;
  transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
}

._timelineChevronFolded_1mnpl_466 {
  transform: rotate(180deg);
}

._timeline_1mnpl_441 {
  display: grid;
  grid-template-columns: 92px 1fr;
  user-select: none;
}

._laneLabels_1mnpl_476 {
  display: flex;
  flex-direction: column;
  padding-top: 22px;
}

._laneLabel_1mnpl_476 {
  height: 18px;
  padding: 0 6px 0 0;
  border: 0;
  background: transparent;
  color: var(--vscode-descriptionForeground);
  font-family: var(--bs-font-monospace);
  font-size: 11px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

._laneLabelFocused_1mnpl_497 {
  color: var(--vscode-textLink-foreground);
  font-weight: 700;
}

._track_1mnpl_502 {
  position: relative;
  cursor: pointer;
  touch-action: none;
}

._ruler_1mnpl_508 {
  position: relative;
  height: 16px;
  border-bottom: 1px solid var(--vscode-widget-border);
  font-family: var(--bs-font-monospace);
  font-size: 11px;
  color: var(--vscode-descriptionForeground);
}

._rulerLabel_1mnpl_517 {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

._rulerLabel_1mnpl_517:first-child {
  transform: none;
}

._rulerLabelEnd_1mnpl_528 {
  transform: translateX(-100%);
}

._lane_1mnpl_476 {
  position: absolute;
  left: 0;
  right: 0;
  height: 13px;
}

._lifetime_1mnpl_539 {
  position: absolute;
  top: 4px;
  height: 5px;
  border-radius: 3px;
  background-color: var(--vscode-widget-border);
}

._focusSegment_1mnpl_547 {
  position: absolute;
  top: 3px;
  height: 7px;
  border-radius: 2px;
  background-color: var(--vscode-focusBorder);
  opacity: 0.55;
}

/* A 7 px target around a 1 px line. */
._tick_1mnpl_557 {
  position: absolute;
  top: 1px;
  width: 7px;
  height: 11px;
  margin-left: -3px;
  cursor: pointer;
}

._tick_1mnpl_557::before {
  content: "";
  position: absolute;
  left: 3px;
  width: 1px;
  height: 100%;
  background-color: var(--vscode-foreground);
  opacity: 0.7;
}

._tick_1mnpl_557:hover::before {
  opacity: 1;
  width: 2px;
  left: 2.5px;
}

._tickChip_1mnpl_582 {
  position: absolute;
  z-index: 2;
  transform: translate(-6px, -110%);
  padding: 2px 8px;
  border-radius: 999px;
  background-color: var(--vscode-editorHoverWidget-background);
  color: var(--vscode-editor-foreground);
  box-shadow: 0 0 0 1px var(--vscode-widget-border);
  font-family: var(--bs-font-monospace);
  font-size: 11px;
  white-space: nowrap;
  pointer-events: none;
}

._tickChipLeft_1mnpl_597 {
  transform: translate(calc(-100% + 6px), -110%);
}

._playhead_1mnpl_601 {
  position: absolute;
  top: 17px;
  bottom: 0;
  width: 2px;
  margin-left: -1px;
  background-color: var(--vscode-editor-foreground);
  pointer-events: none;
}

._foldedTrack_1mnpl_611 {
  position: relative;
  flex: 1;
  min-width: 60px;
  height: 16px;
  cursor: pointer;
  touch-action: none;
}

._foldedTrack_1mnpl_611 ._lane_1mnpl_476 {
  top: 2px;
}

._foldedTrack_1mnpl_611 ._playhead_1mnpl_601 {
  top: 0;
}

._foldedFocus_1mnpl_628 {
  flex-shrink: 0;
  font-family: var(--bs-font-monospace);
  font-size: 12px;
  font-weight: 700;
  color: var(--vscode-textLink-foreground);
}

._holdChip_1mnpl_636 {
  flex-shrink: 1;
}

._scrubChip_1mnpl_640 {
  flex-shrink: 1;
  border-color: transparent;
  background-color: var(--vscode-editor-foreground);
  color: var(--vscode-editor-background);
  font-family: var(--bs-font-monospace);
  cursor: default;
}

._scrubChip_1mnpl_640:hover {
  background-color: var(--vscode-editor-foreground);
}

@keyframes _chipIn_1mnpl_1 {
  from {
    opacity: 0;
  }
}

._foldedTimeline_1mnpl_659 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* The full lanes slide up over the stage while the folded bar is hovered. */
._peek_1mnpl_668 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  z-index: 3;
  padding: 6px 8px 4px 14px;
  border-top: 1px solid var(--vscode-widget-border);
  background-color: var(--vscode-editor-background);
  box-shadow: 0 -6px 16px rgba(0, 0, 0, 0.18);
  animation: _peekIn_1mnpl_1 150ms ease-out;
}

@keyframes _peekIn_1mnpl_1 {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._row_1mnpl_40,
  ._bar_1mnpl_57,
  ._bodyFrame_1mnpl_229 {
    transition: none;
  }

  ._peek_1mnpl_668 {
    animation: none;
  }

  ._timelineChevron_1mnpl_460 {
    transition: none;
  }

  /* The pulse becomes a steady tint for the same time. */
  ._barFlash_1mnpl_73 {
    animation: _barFlashSteady_1mnpl_1 600ms steps(1, end);
  }
}

@keyframes _barFlashSteady_1mnpl_1 {
  0% {
    opacity: 0.25;
  }
  100% {
    opacity: 0;
  }
}

/* Agent picker (brief §9), rendered in the sample's tab toolbar. */
._agentPickerLabel_1mnpl_719 {
  display: inline-flex;
  gap: 0.35em;
}

._agentItem_1mnpl_724 {
  display: flex;
  align-items: baseline;
  gap: 0.4em;
  min-width: 12em;
}

._agentSpawn_1mnpl_731 {
  color: var(--vscode-descriptionForeground);
}

._agentName_1mnpl_735 {
  flex: 1;
}

._agentCount_1mnpl_739 {
  color: var(--vscode-descriptionForeground);
}
._layout_6xi98_1 {
  display: flex;
  gap: 1em;
  align-items: flex-start;
}

._swimlanes_6xi98_7 {
  position: sticky;
  z-index: 500;
  background: var(--bs-body-bg);
}

._outline_6xi98_13 {
  position: sticky;
  flex: 0 0 220px;
  overflow-y: auto;
  font-size: var(--inspect-font-size-small, 0.9rem);
  padding: 0.5em 0;
}

._list_6xi98_21 {
  flex: 1 1 auto;
  position: relative;
  min-width: 0;
}

._row_6xi98_27 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 0.5em;
}

._placeholder_6xi98_35 {
  height: 56px;
  border-radius: 4px;
  background: linear-gradient(
    90deg,
    var(--bs-secondary-bg, #eee) 25%,
    var(--bs-tertiary-bg, #f6f6f6) 50%,
    var(--bs-secondary-bg, #eee) 75%
  );
  background-size: 200% 100%;
  animation: _shimmer_6xi98_1 1.2s infinite linear;
}

@keyframes _shimmer_6xi98_1 {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
._container_15sk8_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

._body_15sk8_8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 8rem;
  padding: 0.5rem;
  color: var(--bs-primary-color);
  font-size: var(--inspect-font-size-small);
  text-align: center;
}

._body_15sk8_8 p {
  margin: 0 0 0.5rem;
}
._grid_1wuct_1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2em;
  row-gap: 0.15em;
}

._row_1wuct_8 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
  border-radius: var(--bs-border-radius);
  padding: 0.1em 0.4em;
  margin: 0 -0.4em;
}

._row_1wuct_8:hover {
  background-color: var(--bs-secondary-bg);
}

._links_1wuct_22 {
  display: flex;
  padding-bottom: 0.2em;
  margin-bottom: 0.4em;
  column-gap: 0.3em;
  border-bottom: solid 1px var(--bs-border-color);
}

._links_1wuct_22 button {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
  color: var(--bs-link-color);
}

._links_1wuct_22 button:hover {
  color: var(--bs-link-hover-color);
}

._selected_1wuct_44 {
  font-weight: 600;
}
._detail_s5t7t_1 {
  display: grid;
  grid-template-rows: max-content 1fr;
  height: 100vh;
}

._panel_s5t7t_7 {
  overflow-y: auto;
}
._sampleInfo_a1yqs_1 {
  display: inline-flex;
  align-items: center;
  padding: 0 0.25rem;
}
._workspace_rc1vz_1 {
  padding-top: 0rem;
  overflow-y: hidden;
}

._tabContainer_rc1vz_6 {
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

._tabSet_rc1vz_14 {
  flex-wrap: nowrap;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  border-bottom: solid 1px var(--bs-border-color);
  background: var(--bs-light-bg-subtle);
}

._tabs_rc1vz_21 {
  padding: 0.3rem 0.3rem 0.3rem 0.3rem;
  width: 5rem;
  text-transform: uppercase;
  border-radius: var(--bs-border-radius);
  font-weight: 600;
}

._tabPanels_rc1vz_29 {
  flex: 1;
  overflow-y: hidden;
  display: flex;
}
._task-error-display_1gb2h_1 {
  font-size: clamp(0.2rem, calc(0.2em + 0.93vw), 0.9rem);
}

._message_1gb2h_5 {
  margin-bottom: 1em;
}
._messageBand_1qdgc_1 {
  grid-template-columns: max-content auto max-content;
  align-items: center;
  column-gap: 0.5em;
  font-size: var(--inspect-font-size-small);
  border-bottom: solid 1px var(--bs-light-border-subtle);
  padding: 0.3em 1em;
  display: grid;
}

._messageBand_1qdgc_1._hidden_1qdgc_11 {
  display: none;
}

._messageBand_1qdgc_1._info_1qdgc_15 {
  background-color: var(--bs-light);
}

._messageBand_1qdgc_1._warning_1qdgc_19 {
  background-color: var(--bs-warning-bg-subtle);
  color: var(--bs-warning-text-emphasis);
}

._messageBand_1qdgc_1._error_1qdgc_24 {
  background-color: var(--bs-error-bg-subtle);
  color: var(--bs-error-text-emphasis);
}

._messageBandBtn_1qdgc_29 {
  font-size: var(--inspect-font-size-title-secondary);
  margin: 0;
  padding: 0;
  height: var(--inspect-font-size-title-secondary);
  line-height: var(--inspect-font-size-title-secondary);
}

._messageBandBtn_1qdgc_29._error_1qdgc_24 {
  color: var(--bs-error-text-emphasis);
}

._messageBandBtn_1qdgc_29._warning_1qdgc_19 {
  color: var(--bs-warning-text-emphasis);
}
/* Shared chrome — variant-specific look in `.link` and `.pill` below. */
._button_u0dz8_2 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  text-transform: none;
  /* Matches TagChip's line-height so chips and pills auto-size to the
     same height and descenders aren't clipped. Keep in sync with
     TagChip.module.css `.chip`. */
  line-height: 1.1;
  /* When the button sits in a flex row (the PrimaryBar tag strip),
     prevent it from being shrunk past its content width. */
  flex-shrink: 0;
}

/* Link variant — used in card headers (e.g. the Metadata card header)
   where the action belongs next to the section title. Body-color text
   so it reads as part of the header rather than a link, with a hover
   tint to convey clickability. */
._link_u0dz8_1 {
  border: none;
  color: var(--bs-body-color);
  padding: 0.125rem 0.35rem;
  border-radius: 4px;
  /* Matches the pill variant's regular weight so the two Edit
     affordances (metadata card header, tag-strip pill) read at the
     same visual weight. */
  font-weight: 400;
  letter-spacing: 0;
}

._link_u0dz8_1:hover {
  background: var(--bs-secondary-bg);
}

._link_u0dz8_1:focus-visible {
  outline: 2px solid var(--bs-border-color);
  outline-offset: 1px;
}

/* Pill variant — matches TagChip's outline-only style so the Edit
   button can sit at the end of a chip strip without competing for
   attention. Values here mirror TagChip.module.css `.chip`; keep
   them in sync if either changes. (Height auto-sizes from
   line-height + padding — no fixed height, so chip and pill stay
   visually aligned without drift if font-size changes.) */
._pill_u0dz8_1 {
  color: var(--bs-body-color);
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  padding: 0.125rem 0.35rem;
  font-weight: 400;
  letter-spacing: 0.01em;
}

._pill_u0dz8_1:hover {
  background: var(--bs-secondary-bg);
}

._pill_u0dz8_1:focus-visible {
  outline: 2px solid var(--bs-border-color);
  outline-offset: 1px;
}
._textarea_8mbr9_1 {
  font-family: var(--bs-font-monospace);
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 0.4rem 0.625rem;
  resize: none;
  /* No inner scrollbar — the surrounding container (e.g. the metadata
     table scroll wrapper) handles overflow. The height is matched to
     scrollHeight, so a scrollbar would only appear from a transient
     measurement glitch. */
  overflow: hidden;
  /* Borderless, transparent flat-cell look so the textarea reads as
     part of the surrounding grid (and `rowNew` highlights bleed
     through unbroken). Overrides Bootstrap `form-control`'s border,
     border-radius, and focus box-shadow. */
  background: transparent;
  border: none;
  border-radius: 0;
}

._textarea_8mbr9_1:focus {
  outline: none;
  box-shadow: none;
  /* Subtle tinted background as the focus indicator — replaces the
     form-control blue ring with something that doesn't visually
     interrupt the grid. */
  background: var(--bs-tertiary-bg);
}
._container_13ofn_1 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  color: var(--bs-secondary-color);
  font-style: italic;
  /* When placed in the dialog footer next to the action buttons, the
     summary needs to absorb the leftover horizontal space and shrink
     below its content width so individual lines can ellipsize rather
     than push the buttons off the right edge. `min-width: 0` is
     required because a flex item's default `min-width: auto` resolves
     to the intrinsic min-content width — which would defeat the
     ellipsis on long add/edit/remove lists. */
  flex: 1 1 0;
  min-width: 0;
}

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

._label_13ofn_24 {
  font-weight: 600;
  font-style: normal;
}

._items_13ofn_29 {
  color: var(--bs-secondary-color);
}

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

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

._accentRemoving_13ofn_41 {
  color: var(--bs-danger);
}
/* Shared chrome for EditTagsDialog and EditMetadataDialog. */

._body_13gwg_3 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._section_13gwg_9 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

._labelRow_13gwg_15 {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}

._label_13gwg_15 {
  font-weight: 600;
  color: var(--bs-body-color);
  margin: 0;
}

._hint_13gwg_27 {
  /* `--inspect-hint-foreground` defaults to --bs-secondary-color but
     resolves to --vscode-descriptionForeground inside VS Code so the
     italic "optional" stays readable against dark editor themes. */
  color: var(--inspect-hint-foreground);
  font-weight: 400;
  font-style: italic;
}

._required_13gwg_36 {
  color: var(--bs-danger);
  margin-left: 0.15rem;
}

._divider_13gwg_41 {
  border: none;
  border-top: 1px solid var(--bs-border-color);
  margin: 0.15rem 0;
}

._provenance_13gwg_47 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._error_13gwg_53 {
  padding: 0.4rem 0.6rem;
  background: var(--bs-danger-bg-subtle);
  color: var(--bs-danger-text-emphasis);
  border: 1px solid var(--bs-danger-border-subtle);
  border-radius: var(--bs-border-radius);
}

/* Footer layout: optional change-summary on the left, action buttons
   pinned to the right via `margin-left: auto` on `.footerActions` so
   the buttons stay flush right whether or not the summary is showing
   (it returns null when there are no pending changes). */
._footer_13gwg_62 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

._footerActions_13gwg_62 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}
/* The scroll wrapper bounds the table's vertical reach so the add-key
   row, provenance fields, and footer stay on-screen no matter how many
   keys the user has. The chrome (border, rounded corners) moves to
   this element since the inner table now overflows scrollwise. */
._tableScroll_1i84k_5 {
  max-height: 40vh;
  overflow-y: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: 6px;
  background: var(--bs-body-bg);
}

/* Single grid spanning every row so columns line up uniformly across
   the whole table. Each row is a subgrid inheriting the parent track
   layout, which keeps row-level styling (divider, "new" highlight)
   attached to a single wrapper element rather than every cell. */
._table_1i84k_5 {
  display: grid;
  grid-template-columns: minmax(140px, 220px) 1fr auto;
  column-gap: 0.625rem;
}

._empty_1i84k_23 {
  padding: 0.75rem 0.875rem;
  color: var(--bs-secondary-color);
  /* Span all columns when the table is otherwise empty. */
  grid-column: 1 / -1;
}

._row_1i84k_30 {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  align-items: flex-start;
}

._rowDivider_1i84k_37 {
  border-top: 1px solid var(--bs-border-color);
}

._rowNew_1i84k_41 {
  background: var(--bs-success-bg-subtle);
}

/* Padding lives on the individual cells (not the .row wrapper) so the
   subgrid tracks stay aligned to the parent's column lines — putting
   padding on the wrapper would shift its content inward and break the
   subgrid alignment. The first and last cells absorb the horizontal
   inset that previously came from `.row { padding-inline: 0.75rem }`.

   No vertical padding on `.value`: the textarea's own internal padding
   (0.4rem top/bottom from AutogrowText) already provides breathing
   room within the edit box, and an outer pad makes the row feel
   over-stuffed. `.key` and `.remove` use a top inset that lines them
   up with the textarea's first text baseline. */
._key_1i84k_54 {
  font-family: var(--bs-font-monospace);
  word-break: break-all;
  padding: 0.4rem 0 0 0.75rem;
}

._value_1i84k_51 {
  min-width: 0;
  padding: 0;
}

._remove_1i84k_54 {
  background: transparent;
  border: none;
  padding: 0.4rem 0.75rem 0 0.4rem;
  color: var(--bs-secondary-color);
  cursor: pointer;
  border-radius: 4px;
  line-height: 1;
}

._remove_1i84k_54:hover {
  color: var(--bs-danger);
  background: var(--bs-tertiary-bg);
}

._remove_1i84k_54:disabled {
  cursor: default;
  opacity: 0.5;
}

._addRow_1i84k_87 {
  margin-top: 0.625rem;
  display: grid;
  grid-template-columns: 1fr 7.5rem auto;
  gap: 0.5rem;
}

._addKeyInput_1i84k_94 {
  min-width: 0;
}

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

._addButton_1i84k_102 {
  white-space: nowrap;
}
._headerActions_1fn25_1 {
  /* CardHeader is a flex row (icon → label → children); pushing this
     wrapper with margin-left:auto sends the Edit affordance to the
     right edge of the header. */
  margin-left: auto;
  display: inline-flex;
  align-items: center;
}

._emptyMetadata_1fn25_10 {
  color: var(--bs-secondary-color);
  font-style: italic;
  padding: 0.25rem 0.5rem;
}
._item_1uzhd_1 {
  margin-bottom: 0em;
}
._floatingCol_b77t2_1 {
  flex: 0 1 1;
  width: unset;
  text-align: left;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

._wideCol_b77t2_9 {
  flex: 1 1 1;
  width: unset;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

._planCol_b77t2_16 {
  margin-top: 0;
  margin-bottom: 0.5em;
}

._container_b77t2_21 {
  padding-top: 0;
  padding-bottom: 1em;
  margin-left: 0;
}

._grid_b77t2_27 {
  display: grid;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 1em;
  margin-bottom: 0.5em;
}
._icon_59zaz_1 {
  margin-right: 0.3rem;
}

._container_59zaz_5 {
  margin-left: 1.3rem;
  margin-top: 0.2rem;
  margin-bottom: 0.3rem;
}

._metadata_59zaz_11 {
  margin-bottom: 0.75em;
}
._item_leq25_1 {
  margin-bottom: 0;
}
._container_12j2k_1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

._item_12j2k_7 {
  margin-bottom: 0;
}

._separator_12j2k_11 {
  margin-left: 0.3em;
  margin-right: 0.3em;
  margin-top: 0;
  margin-bottom: -0.1em;
}
._downloadButton_skjjg_1 {
  margin-top: 3em;
  font-size: var(--inspect-font-size-small);
}
._downloadPanel_1ggsq_1 {
  display: grid;
  grid-template-rows: content content;
  padding-top: 3em;
  justify-items: center;
}

._downloadPanelMessage_1ggsq_8 {
  font-size: var(--inspect-font-size-small);
}
._jsonTab_6pq03_1 {
  padding: 0.5rem;
  font-size: var(--inspect-font-size-small);
  width: 100%;
}
._footer_vkofn_1 {
  border-top: solid var(--bs-light-border-subtle) 1px;
  background: var(--bs-light-bg-subtle);
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: space-between;

  padding: 0.2em 1em;
}

._spinnerContainer_vkofn_11 {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 0.3em;
  padding-top: 0.2em;
}

._spinner_vkofn_11 {
  height: 11px;
  width: 11px;
  color: var(--bs-secondary);
  border-width: 1px;
}

._label_vkofn_25 {
  margin-left: 0.1em;
  margin-top: -3px;
}
._mainLayout_xvd5i_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* Flex item of the (row-flex) tab pane: without this, the grid's
   * fixed-width table sets the layout's min-width and pushes the footer's
   * sample count past the viewport. Shrinking to the pane makes the grid
   * the horizontal scroller and keeps the footer pinned in view. */
  min-width: 0;
}
._bar_q9p89_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25em 0.75em;
  padding: 0.3em 1em;
  border-bottom: solid 1px var(--bs-light-border-subtle);
  background-color: var(--bs-primary-bg-subtle);
}

._count_q9p89_11 {
  font-weight: 600;
}

._saveForm_q9p89_15 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

._fileName_q9p89_21 {
  width: 28em;
  max-width: 60vw;
  padding: 0.1em 0.4em;
  font-size: inherit;
}

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

._saved_q9p89_32 {
  color: var(--bs-secondary-color);
}

._action_q9p89_36 {
  font-size: inherit;
  padding: 0.1rem 0.5rem;
}
._checkbox_1lhas_1 {
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
}
._container_qizdw_1 {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  min-width: 10rem;
  max-width: 24rem;
}

._row_qizdw_9 {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
}

._checkbox_qizdw_16 {
  margin-right: 0.5rem;
  cursor: pointer;
}

._heading_qizdw_21 {
  font-size: var(--inspect-font-size-smallest);
  font-weight: 600;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

._divider_qizdw_28 {
  border-top: solid 1px var(--bs-border-color);
  margin: 0.25rem 0;
}

._empty_qizdw_33 {
  color: var(--bs-secondary-color);
  max-width: 16rem;
}

._viewList_qizdw_38 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
  max-height: 16rem;
  overflow-y: auto;
}

._viewRow_qizdw_49 {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
  border-radius: var(--bs-border-radius);
}

._viewRow_qizdw_49:hover {
  background-color: var(--bs-tertiary-bg);
}

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

._viewApply_qizdw_64 {
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: 1rem auto;
  column-gap: 0.25rem;
  text-align: left;
  border: none;
  background: none;
  padding: 0.15rem 0.25rem;
  color: inherit;
  cursor: pointer;
}

._check_qizdw_16 {
  grid-row: 1;
  color: var(--bs-primary);
}

._hidden_qizdw_83 {
  visibility: hidden;
}

._viewName_qizdw_87 {
  grid-column: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._viewFilter_qizdw_94 {
  grid-column: 2;
  font-family: var(--bs-font-monospace);
  font-size: var(--inspect-font-size-smallest);
  color: var(--bs-secondary-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._iconButton_qizdw_104 {
  border: none;
  background: none;
  padding: 0.15rem 0.3rem;
  color: var(--bs-secondary-color);
  cursor: pointer;
}

._iconButton_qizdw_104:hover:not(:disabled) {
  color: var(--bs-body-color);
}

._iconButton_qizdw_104:disabled {
  opacity: 0.35;
  cursor: default;
}

._saveForm_qizdw_121 {
  display: flex;
  column-gap: 0.25rem;
}

._nameInput_qizdw_126 {
  flex: 1;
  min-width: 0;
  padding: 0.1rem 0.4rem;
  font-size: inherit;
}

._saveButton_qizdw_133 {
  padding: 0.1rem 0.6rem;
  font-size: inherit;
}

._renameForm_qizdw_138 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
  padding: 0.1rem 0;
}

._nameInput_qizdw_126[aria-invalid="true"] {
  border-color: var(--bs-danger);
}

._headingFolder_qizdw_151 {
  font-weight: normal;
  text-transform: none;
}
._root_1dunz_1 {
  display: flex;
  /* Pin the inherited font-size so the CodeMirror editor (which uses
     `font-size: inherit`) matches the navbar's 0.7rem instead of
     picking up whatever the surrounding container computes to. */
  font-size: var(--inspect-font-size-smallest);
  /* Claim leftover horizontal space (basis 0) but keep enough room for
     the editor to be usable. min-width covers label + ~100px input +
     help + their margins; below that the tab-tools row wraps. */
  flex: 1 1 0;
  min-width: 170px;
  max-width: 500px;
}

._label_1dunz_15 {
  align-self: center;
  margin-right: 0.3em;
  margin-left: 0.2em;
}

._input_1dunz_21 {
  flex: 1 1 0;
  min-width: 0;
}

._help_1dunz_26 {
  position: relative;
  margin-left: 0.5em;
  cursor: help;
  align-self: center;
}
._container_e52xb_1 {
  padding: 0.2em 0.3em;
}

._grid_e52xb_5 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0;
  min-width: 9em;
}

._row_e52xb_12 {
  display: flex;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
  border-radius: var(--bs-border-radius);
  padding: 0.15em 0.4em;
  margin: 0 -0.4em;
}

._row_e52xb_12:hover {
  background-color: var(--bs-secondary-bg);
}

._label_e52xb_26 {
  align-self: center;
  margin-right: 0.3em;
  margin-left: 0.2em;
}

._links_e52xb_32 {
  display: flex;
  padding-bottom: 0.2em;
  margin-bottom: 0.4em;
  column-gap: 0.3em;
  border-bottom: solid 1px var(--bs-border-color);
}

._links_e52xb_32 button {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  cursor: pointer;
  text-decoration: none;
  color: var(--bs-link-color);
}

._links_e52xb_32 button:hover {
  color: var(--bs-link-hover-color);
}

._selected_e52xb_54 {
  font-weight: 600;
}

._bodyColorButton_e52xb_58 {
  background-color: var(--bs-body-bg);
}
._panel_1yknn_1 {
  width: 100%;
  display: flex;
  justify-content: center;
}

._container_1yknn_7 {
  margin-top: 3em;
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: 0.3em;
}

._spinner_1yknn_14 {
  border-width: 1px;
  height: 15px;
  width: 15px;
}

._text_1yknn_20 {
  margin-top: -2px;
}
._chipBox_yxwie_1 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  min-height: 2.25rem;
  padding: 0.375rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background: var(--bs-body-bg);
}

._empty_yxwie_12 {
  color: var(--bs-secondary-color);
  padding: 0.2rem 0.25rem;
}

._addRow_yxwie_17 {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

._input_yxwie_23 {
  flex: 1;
}

._addButton_yxwie_27 {
  white-space: nowrap;
}
._chip_17zs5_1 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.35rem;
  /* Cap chip width so one giant tag can't push the inline Edit button
     off the right edge of the header. The label inside ellipsizes. */
  max-width: 18rem;
  min-width: 0;
  /* Outline-only look — transparent fill, body weight text. Keeps
     the chips from competing with the task title for visual weight. */
  background: transparent;
  color: var(--bs-body-color);
  border-radius: 999px;
  border: 1px solid var(--bs-border-color);
  letter-spacing: 0.01em;
  white-space: nowrap;
  /* When the chip is rendered as a <button> (clickable header chip),
     inherit the surrounding font so the user-agent button styling
     doesn't switch the text to system fonts at the wrong size. */
  font: inherit;
  /* line-height > 1 so the label's `overflow: hidden` box (used for
     ellipsis on long tags) contains the full glyph extent, including
     descenders on g/p/q/y/j. With line-height: 1 the box was exactly
     the font size and the bottom of descenders was clipped. The chip
     auto-sizes from this + padding instead of using a fixed height,
     so any future font-size change stays in proportion. */
  line-height: 1.1;
}

._chipLabel_17zs5_31 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

/* Pending-add variant inside the editor: keep the green outline so it
   still reads as "new", but no fill (matches the saved-chip style). */
._chipNew_17zs5_40 {
  border-color: var(--bs-success-border-subtle);
  color: var(--bs-success-text-emphasis);
}

/* Applied when the chip is rendered as a clickable <button> (header
   context). Mirrors the Edit/overflow pills' hover + focus treatment
   so the whole strip behaves consistently. */
._chipClickable_17zs5_48 {
  cursor: pointer;
}

._chipClickable_17zs5_48:hover {
  background: var(--bs-secondary-bg);
}

._chipClickable_17zs5_48:focus-visible {
  outline: 2px solid var(--bs-border-color);
  outline-offset: 1px;
}

._chipRemove_17zs5_61 {
  background: none;
  border: none;
  padding: 0;
  margin-left: 0.125rem;
  cursor: pointer;
  color: inherit;
  opacity: 0.7;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

._chipRemove_17zs5_61:hover {
  opacity: 1;
  color: var(--bs-danger);
}
/* Base rules for the tag chip strip. Layout primitives only — context
   (alignment, margins, shrink behavior) is supplied by the consumer via
   the `className` prop. */
._tagRow_pg3wd_4 {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
._headerMeta_j84v5_1 {
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 0.6rem;
}

._effectiveNote_j84v5_8 {
  font-weight: 400;
  text-transform: none;
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  letter-spacing: normal;
}

._headerRight_j84v5_16 {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
}

._changeCount_j84v5_26 {
  font-size: 0.68rem;
  color: var(--bs-secondary-color);
}

._headerSep_j84v5_31 {
  width: 1px;
  align-self: stretch;
  background: var(--bs-border-color);
  margin: 1px 0;
}
._grid_q7chi_1 {
  display: grid;
  grid-template-columns: fit-content(50%) fit-content(50%);
  column-gap: 3em;
  align-items: flex-start;
}

/* TaskTab-context override for <TagStrip>. Centers chips vertically
   inside the MetaDataGrid value cell so they line up with the "tags"
   label on the left. Base flex rules come from TagStrip.module.css. */
._tagPillAlign_q7chi_11 {
  align-items: center;
}
._container_1y1ui_1 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

._filterRow_1y1ui_7 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.72rem;
  flex-wrap: wrap;
  padding-top: 0.25rem;
}

._caption_1y1ui_16 {
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-right: 0.25rem;
}

/* Filled colour pills: fill + border + text in one hue per category — the
   same hue the category's mark uses on the rail, so the filter row doubles
   as the rail's legend. */
._filterPill_1y1ui_28 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  line-height: 1.2;
  background: none;
  font-size: 0.72rem;
  font-weight: 500;
  cursor: pointer;
}

._pillCount_1y1ui_42 {
  font-weight: 400;
}

._pillEmpty_1y1ui_46 {
  opacity: 0.6;
  cursor: default;
}

._pillAll_1y1ui_51 {
  color: var(--bs-body-color);
}

._pillAll_1y1ui_51._pillSelected_1y1ui_55 {
  background: #212529;
  border-color: #212529;
  color: #fff;
}

._pillConfig_1y1ui_61 {
  background: #f7f3fc;
  border-color: #d9cfe8;
  color: #4a2e73;
}

._pillConnections_1y1ui_67 {
  background: #eef6fb;
  border-color: #c3dcea;
  color: #2b6a94;
}

._pillLimits_1y1ui_73 {
  background: #fffaeb;
  border-color: #e8d8a0;
  color: #8a6d1a;
}

._pillErrors_1y1ui_79 {
  background: #fdf1ef;
  border-color: #ecc8c1;
  color: #a13b2c;
}

/* Light grey — the rail's cancelled-dot hue, one step lighter than Run. */
._pillCancels_1y1ui_86 {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #6c757d;
}

._pillTags_1y1ui_92 {
  background: #f2f7fc;
  border-color: #cfe0f1;
  color: #1d4f7c;
}

._pillRun_1y1ui_98 {
  background: #f6f7f8;
  border-color: #d3d9df;
  color: #495057;
}

/* Selected = solid dark fill with white text; unselected pills stay tinted. */
._pillConfig_1y1ui_61._pillSelected_1y1ui_55 {
  background: #6b4fa8;
  border-color: #6b4fa8;
  color: #fff;
}

._pillConnections_1y1ui_67._pillSelected_1y1ui_55 {
  background: #2b6a94;
  border-color: #2b6a94;
  color: #fff;
}

._pillLimits_1y1ui_73._pillSelected_1y1ui_55 {
  background: #8a6d1a;
  border-color: #8a6d1a;
  color: #fff;
}

._pillErrors_1y1ui_79._pillSelected_1y1ui_55 {
  background: #b04a3c;
  border-color: #b04a3c;
  color: #fff;
}

._pillCancels_1y1ui_86._pillSelected_1y1ui_55 {
  background: #6c757d;
  border-color: #6c757d;
  color: #fff;
}

._pillTags_1y1ui_92._pillSelected_1y1ui_55 {
  background: #1d4f7c;
  border-color: #1d4f7c;
  color: #fff;
}

._pillRun_1y1ui_98._pillSelected_1y1ui_55 {
  background: #495057;
  border-color: #495057;
  color: #fff;
}

._pillSelected_1y1ui_55 ._pillCount_1y1ui_42 {
  color: inherit;
}

._search_1y1ui_151 {
  margin-left: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: 3px;
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-size: 0.72rem;
  padding: 0.125rem 0.5rem;
  width: 220px;
}

._search_1y1ui_151::placeholder {
  color: var(--bs-secondary-color);
}

._list_1y1ui_166 {
  border: 1px solid var(--bs-border-color);
  border-radius: 3px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0.25rem 0.5rem;
}

._empty_1y1ui_175 {
  padding: 0.75rem;
  color: var(--bs-secondary-color);
  font-size: 0.8rem;
}

/* Four fixed columns — Time / Kind / Event / By (canvas 37a). */
._headerRow_1y1ui_182,
._row_1y1ui_183 {
  display: grid;
  grid-template-columns: 110px 64px minmax(0, 1fr) minmax(56px, max-content);
  /* rem, not em — the header row's smaller font would shrink an em gap,
     shifting its Kind/Event labels left of the row cells. */
  column-gap: 1rem;
  align-items: start;
  padding: 0.4rem 0.25rem;
}

._headerRow_1y1ui_182 {
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--bs-border-color);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

._timeSort_1y1ui_204 {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-transform: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-align: left;
}

._byHeader_1y1ui_220 {
  text-align: right;
}

._row_1y1ui_183 {
  border-bottom: 1px dotted var(--bs-border-color);
}

/* Rows are virtualized (absolutely positioned), so :last-child would match
   whatever row happens to render last — the bottom row is flagged by index. */
._row_1y1ui_183._rowLast_1y1ui_230 {
  border-bottom: none;
}

._rowClickable_1y1ui_234 {
  cursor: pointer;
}

._rowSelected_1y1ui_238 {
  background: #f7f3fc;
  outline: 1px solid #d9cfe8;
  border-radius: 3px;
}

/* Hover-linked wash while the row's ◆ is hovered on the rail. */
._rowWash_1y1ui_245 {
  background: #faf8fd;
  box-shadow: inset 2px 0 0 #9d84d1;
}

._time_1y1ui_204 {
  font-family: var(--bs-font-monospace);
  font-size: 0.72rem;
  color: var(--bs-secondary-color);
  padding-top: 2px;
}

/* Centers the pill on the row's first text line. */
._kindCell_1y1ui_258 {
  display: flex;
  align-items: center;
  height: calc(0.8rem * 1.5);
}

/* Same filled pill as the filter row at 0.65rem uppercase, so a row's Kind
   cell and its filter pill are visibly one object. */
._kindPill_1y1ui_266 {
  display: inline-flex;
  align-items: center;
  border: 1px solid;
  border-radius: 999px;
  padding: 0.05rem 0.4rem;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

/* Body: one size, one weight, two colours — mono separates values from
   prose; no bold and no status colour anywhere in the cell. */
._event_1y1ui_280 {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--bs-body-color);
  line-height: 1.5;
}

._muted_1y1ui_287 {
  color: var(--bs-secondary-color);
}

._mono_1y1ui_291 {
  font-family: var(--bs-font-monospace);
  font-size: 0.75rem;
}

/* Author demoted to a right-aligned channel — user vs system at a glance. */
._by_1y1ui_220 {
  font-size: 0.72rem;
  font-weight: 400;
  color: var(--bs-secondary-color);
  text-align: right;
  padding-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* The identical 13px bordered mono box as the rail marker — one shared
   token, not two coincidentally-similar numbers. */
._ordinalBox_1y1ui_310 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 13px;
  height: 13px;
  padding: 0 2px;
  border: 1px solid #b9a5e0;
  border-radius: 2px;
  color: #5d3f9e;
  font-family: var(--bs-font-monospace);
  font-size: 9px;
  line-height: 1;
  margin-right: 0.35rem;
  vertical-align: 1px;
}

._openSample_1y1ui_327 {
  font-size: 0.72rem;
  color: var(--bs-link-color);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  /* Renders as <a> outside VS Code; match the <button> box and focus ring. */
  display: inline-block;
  text-decoration: none;
  outline-offset: 0;
}

._openSample_1y1ui_327:hover {
  text-decoration: underline;
  /* Outrank the global a:hover link colour. */
  color: var(--bs-link-color);
}

[data-bs-theme="dark"] ._pillAll_1y1ui_51._pillSelected_1y1ui_55 {
  background: #dee2e6;
  border-color: #dee2e6;
  color: #212529;
}

[data-bs-theme="dark"] ._pillConfig_1y1ui_61 {
  background: #2a2333;
  border-color: #4a3d63;
  color: #cbb8ec;
}

[data-bs-theme="dark"] ._pillConnections_1y1ui_67 {
  background: #16242e;
  border-color: #2b4c66;
  color: #8fbcd9;
}

[data-bs-theme="dark"] ._pillLimits_1y1ui_73 {
  background: #3a3220;
  border-color: #5c512f;
  color: #e8d8a0;
}

[data-bs-theme="dark"] ._pillErrors_1y1ui_79 {
  background: #322019;
  border-color: #6b3a30;
  color: #d98b7f;
}

[data-bs-theme="dark"] ._pillCancels_1y1ui_86 {
  background: #26282b;
  border-color: #4a5056;
  color: #9aa3ab;
}

[data-bs-theme="dark"] ._pillTags_1y1ui_92 {
  background: #16222e;
  border-color: #2c4a66;
  color: #8db8dd;
}

[data-bs-theme="dark"] ._pillRun_1y1ui_98 {
  background: #24272a;
  border-color: #464c52;
  color: #aeb6bf;
}

[data-bs-theme="dark"] ._pillConfig_1y1ui_61._pillSelected_1y1ui_55,
[data-bs-theme="dark"] ._pillConnections_1y1ui_67._pillSelected_1y1ui_55,
[data-bs-theme="dark"] ._pillLimits_1y1ui_73._pillSelected_1y1ui_55,
[data-bs-theme="dark"] ._pillErrors_1y1ui_79._pillSelected_1y1ui_55,
[data-bs-theme="dark"] ._pillCancels_1y1ui_86._pillSelected_1y1ui_55,
[data-bs-theme="dark"] ._pillTags_1y1ui_92._pillSelected_1y1ui_55,
[data-bs-theme="dark"] ._pillRun_1y1ui_98._pillSelected_1y1ui_55 {
  color: #fff;
}

[data-bs-theme="dark"] ._pillConfig_1y1ui_61._pillSelected_1y1ui_55 {
  background: #6b4fa8;
  border-color: #6b4fa8;
}

[data-bs-theme="dark"] ._pillConnections_1y1ui_67._pillSelected_1y1ui_55 {
  background: #2b6a94;
  border-color: #2b6a94;
}

[data-bs-theme="dark"] ._pillLimits_1y1ui_73._pillSelected_1y1ui_55 {
  background: #8a6d1a;
  border-color: #8a6d1a;
}

[data-bs-theme="dark"] ._pillErrors_1y1ui_79._pillSelected_1y1ui_55 {
  background: #b04a3c;
  border-color: #b04a3c;
}

[data-bs-theme="dark"] ._pillCancels_1y1ui_86._pillSelected_1y1ui_55 {
  background: #6c757d;
  border-color: #6c757d;
}

[data-bs-theme="dark"] ._pillTags_1y1ui_92._pillSelected_1y1ui_55 {
  background: #1d4f7c;
  border-color: #1d4f7c;
}

[data-bs-theme="dark"] ._pillRun_1y1ui_98._pillSelected_1y1ui_55 {
  background: #495057;
  border-color: #495057;
}

[data-bs-theme="dark"] ._rowSelected_1y1ui_238 {
  background: #241f2e;
  outline-color: #4a3d63;
}

[data-bs-theme="dark"] ._rowWash_1y1ui_245 {
  background: #221d2b;
  box-shadow: inset 2px 0 0 #6b4fa8;
}

[data-bs-theme="dark"] ._ordinalBox_1y1ui_310 {
  border-color: #4a3d63;
  color: #cbb8ec;
}
._chart_1we23_1 {
  position: relative;
  width: 100%;
}

._svg_1we23_6 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

._bandLabel_1we23_13 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
}

._bandLabelModel_1we23_18 {
  fill: var(--bs-body-color);
}

._activeSeries_1we23_22 {
  fill: none;
  stroke: #495057;
  stroke-width: 1.2;
}

._connectionsSeries_1we23_28 {
  fill: none;
  stroke: #3a7bd5;
  stroke-width: 1.2;
}

._limitGuide_1we23_34 {
  stroke: #9d84d1;
  stroke-dasharray: 3 3;
  opacity: 0.8;
}

._guideLabel_1we23_40 {
  font-size: 9px;
  fill: #5d3f9e;
}

._rateLimitLine_1we23_45 {
  stroke: #b04a3c;
  stroke-width: 1;
  opacity: 0.55;
}

/* Hover lives on the hit columns — dots stay visual-only so tiny radii
   never fight the pointer. */
._terminationDot_1we23_53 {
  pointer-events: none;
}

._termHitColumn_1we23_57 {
  fill: transparent;
  cursor: pointer;
}

._lineHit_1we23_62 {
  fill: transparent;
}

._crosshair_1we23_66 {
  stroke: var(--bs-secondary-color);
  stroke-dasharray: 3 3;
  opacity: 0.6;
  pointer-events: none;
}

._hoverDotActive_1we23_73 {
  fill: #495057;
  pointer-events: none;
}

._hoverDotConnections_1we23_78 {
  fill: #3a7bd5;
  pointer-events: none;
}

._lineTooltip_1we23_83 {
  position: absolute;
  pointer-events: none;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 0.72rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  z-index: 9;
}

._axisLine_1we23_97 {
  stroke: var(--bs-border-color);
}

._axisLabel_1we23_101 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
}

._yTickLabel_1we23_106 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
}

._axisBreak_1we23_111 {
  stroke: var(--bs-secondary-color);
  stroke-width: 1;
  fill: none;
}

._postRunLabel_1we23_117 {
  font-size: 9px;
  fill: var(--bs-secondary-color);
  opacity: 0.8;
}

._marker_1we23_123 {
  cursor: pointer;
  outline: none;
}

._markerLine_1we23_128 {
  stroke: #9d84d1;
}

._markerLineLog_1we23_132 {
  stroke: #7fa8d0;
}

/* Row-hover / selection: the guide line thickens (canvas 36c). */
._markerLineActive_1we23_137 {
  stroke: #6b4fa8;
  stroke-width: 1.75;
}

._markerLineLogActive_1we23_142 {
  stroke: #1d4f7c;
  stroke-width: 1.75;
}

._markerDiamond_1we23_147 {
  fill: #8f6fd0;
  stroke: #5d3f9e;
  cursor: pointer;
}

._markerDiamondLog_1we23_153 {
  fill: #5b8ec4;
  stroke: #1d4f7c;
}

/* Deep lavender solid — the ordinal reverses out in white on top. */
._markerDiamondActive_1we23_159 {
  fill: #6b4fa8;
  stroke: #6b4fa8;
}

._markerDiamondLogActive_1we23_164 {
  fill: #1d4f7c;
  stroke: #1d4f7c;
}

._markerDiamondText_1we23_169 {
  fill: #fff;
  font-family: var(--bs-font-monospace);
  font-size: 7px;
  pointer-events: none;
}

/* The 13px bordered mono box — the same token the History row renders. */
._ordinalBoxRect_1we23_177 {
  fill: var(--bs-body-bg);
  stroke: #b9a5e0;
}

._ordinalBoxText_1we23_182 {
  fill: #5d3f9e;
  font-family: var(--bs-font-monospace);
  font-size: 9px;
  pointer-events: none;
}

._markerPostRun_1we23_189 {
  opacity: 0.45;
}

._markerPostRun_1we23_189:hover,
._markerPostRun_1we23_189:focus,
._markerPostRun_1we23_189._markerActive_1we23_195 {
  opacity: 1;
}

._markerPopover_1we23_199 {
  position: absolute;
  width: 300px;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 4px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
  z-index: 10;
  font-size: 0.75rem;
  pointer-events: none;
}

._markerPopoverHeader_1we23_211 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.6rem;
  border-bottom: 1px solid var(--bs-border-color);
  background: var(--bs-light-bg-subtle);
  border-radius: 4px 4px 0 0;
}

._markerPopoverOrdinal_1we23_221 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 13px;
  height: 13px;
  padding: 0 2px;
  border: 1px solid #b9a5e0;
  border-radius: 2px;
  color: #5d3f9e;
  font-family: var(--bs-font-monospace);
  font-size: 9px;
  line-height: 1;
  flex-shrink: 0;
}

._markerPopoverTime_1we23_237 {
  margin-left: auto;
  color: var(--bs-secondary-color);
  font-family: var(--bs-font-monospace);
  font-size: 0.7rem;
}

._markerPopoverBody_1we23_244 {
  padding: 0.45rem 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

._markerPopoverEntry_1we23_251 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

._markerPopoverChange_1we23_257 {
  font-family: var(--bs-font-monospace);
  font-size: 0.72rem;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

._markerPopoverMuted_1we23_266 {
  color: var(--bs-secondary-color);
}

._markerPopoverMeta_1we23_270 {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 0.8em;
  row-gap: 0.1rem;
  align-items: baseline;
}

._markerPopoverMeta_1we23_270 > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

._markerPopoverLabel_1we23_283 {
  color: var(--bs-secondary-color);
  font-size: 0.68rem;
}

._markerPopoverByline_1we23_288 {
  color: var(--bs-secondary-color);
  font-size: 0.7rem;
  overflow-wrap: anywhere;
}

._samplePopover_1we23_294 {
  position: absolute;
  width: 330px;
  background: var(--bs-body-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: 4px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
  z-index: 10;
  font-size: 0.78rem;
}

._popoverHeader_1we23_305 {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid var(--bs-border-color);
  background: var(--bs-light-bg-subtle);
  font-size: 0.75rem;
  border-radius: 4px 4px 0 0;
}

._popoverStatusDot_1we23_316 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  align-self: center;
  flex-shrink: 0;
}

._popoverSampleId_1we23_324 {
  font-weight: 600;
}

._popoverEpoch_1we23_328 {
  color: var(--bs-secondary-color);
}

._popoverStatusWord_1we23_332 {
  margin-left: auto;
  font-weight: 600;
}

._popoverBody_1we23_337 {
  padding: 0.5rem 0.6rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

._popoverInput_1we23_344 {
  color: var(--bs-body-color);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._popoverGrid_1we23_353 {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 1em;
  row-gap: 0.2rem;
  align-items: baseline;
}

._popoverGrid_1we23_353 > div {
  min-width: 0;
  overflow-wrap: anywhere;
}

._popoverLabel_1we23_366 {
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  font-size: 0.68rem;
}

._popoverMore_1we23_372 {
  color: var(--bs-secondary-color);
  font-size: 0.72rem;
}

._popoverError_1we23_377 {
  color: #b04a3c;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

._popoverCallout_1we23_385 {
  font-size: 0.72rem;
  color: #664d03;
  background: #fffaeb;
  border: 1px solid #e8d8a0;
  border-radius: 3px;
  padding: 0.3rem 0.45rem;
  overflow-wrap: anywhere;
}

._popoverOpen_1we23_395 {
  font-size: 0.72rem;
  color: var(--bs-link-color);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  /* Renders as <a> outside VS Code; match the <button> box and focus ring. */
  display: inline-block;
  text-decoration: none;
  outline-offset: 0;
  text-align: left;
}

._popoverOpen_1we23_395:hover {
  text-decoration: underline;
  /* Outrank the global a:hover link colour. */
  color: var(--bs-link-color);
}

[data-bs-theme="dark"] ._activeSeries_1we23_22 {
  stroke: #adb5bd;
}

[data-bs-theme="dark"] ._connectionsSeries_1we23_28 {
  stroke: #6ea0dc;
}

[data-bs-theme="dark"] ._hoverDotActive_1we23_73 {
  fill: #adb5bd;
}

[data-bs-theme="dark"] ._hoverDotConnections_1we23_78 {
  fill: #6ea0dc;
}

[data-bs-theme="dark"] ._guideLabel_1we23_40 {
  fill: #b49ae0;
}

[data-bs-theme="dark"] ._ordinalBoxRect_1we23_177 {
  stroke: #4a3d63;
}

[data-bs-theme="dark"] ._ordinalBoxText_1we23_182 {
  fill: #cbb8ec;
}

[data-bs-theme="dark"] ._markerPopoverOrdinal_1we23_221 {
  border-color: #4a3d63;
  color: #cbb8ec;
}

[data-bs-theme="dark"] ._markerLineLog_1we23_132 {
  stroke: #4d7aa8;
}

[data-bs-theme="dark"] ._rateLimitLine_1we23_45 {
  stroke: #d98b7f;
}

[data-bs-theme="dark"] ._popoverCallout_1we23_385 {
  color: #e8d8a0;
  background: #3a3220;
  border-color: #5c512f;
}
._container_fne0n_1 {
  padding: 0.5em 1em 1em 1em;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

._pickerRow_fne0n_9 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.72rem;
  flex-wrap: wrap;
}

._caption_fne0n_17 {
  text-transform: uppercase;
  color: var(--bs-secondary-color);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  margin-right: 0.25rem;
}

._bandChip_fne0n_26 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid var(--bs-border-color);
  color: var(--bs-secondary-color);
  border-radius: 999px;
  line-height: 1.2;
  background: none;
  font-size: 0.72rem;
  cursor: pointer;
}

._bandChipOn_fne0n_40 {
  border-color: var(--bs-secondary);
  background: var(--bs-secondary-bg);
  color: var(--bs-body-color);
}

._bandChip_fne0n_26 i {
  font-size: 0.7rem;
}

._bandChipNote_fne0n_50 {
  color: var(--bs-secondary-color);
  font-size: 0.66rem;
}

._legend_fne0n_55 {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 0.7rem;
  color: var(--bs-secondary-color);
}

._legendItem_fne0n_64 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  white-space: nowrap;
}

._legendDot_fne0n_71 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}

._legendRateLimit_fne0n_78 {
  width: 1px;
  height: 10px;
  background: #b04a3c;
  display: inline-block;
}

[data-bs-theme="dark"] ._legendRateLimit_fne0n_78 {
  background: #d98b7f;
}
._button_12472_1 {
  display: flex;
  border: none;
  flex-direction: row;
  background-color: unset;
  color: var(--bs-link-color);
}

._button_12472_1:hover {
  color: var(--bs-link-hover-color);
  cursor: pointer;
}

._label_12472_14 {
  margin-left: 0.4em;
}
._container_1jo7v_1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 0.25rem 0.5rem;
  min-height: 1.75rem;
}

._left_1jo7v_11 {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  min-width: 0;
  overflow: hidden;
}

._task_1jo7v_19 {
  font-weight: 600;
  flex: 0 0 auto;
}

._model_1jo7v_24 {
  opacity: 0.75;
  min-width: 0;
  flex: 1 1 auto;
}

._right_1jo7v_30 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  white-space: nowrap;
}

._inlineMetrics_1jo7v_38 {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
}

._inlineMetric_1jo7v_38 {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
}

._inlineMetricLabel_1jo7v_50 {
  opacity: 0.7;
}

._inlineMetricValue_1jo7v_54 {
  font-weight: 600;
}

._statusBadge_1jo7v_58 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

._statusIcon_1jo7v_64 {
  font-size: 1em;
}

._statusCount_1jo7v_68 {
  opacity: 0.7;
}

/* Shrink the dialog to the grid's natural width, capped by the modal's
   `width` prop (the grid scrolls internally beyond that). */
._scoringDetailModal_1jo7v_74 {
  width: fit-content;
}
._simpleMetricsRows_bth2f_1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: end;
  height: 100%;
  align-items: center;
  max-height: 15em;
  overflow: scroll;
}

._verticalMetricReducer_bth2f_12 {
  font-size: var(--inspect-font-size-smaller);
  text-align: center;
  padding-top: 0.3rem;
  margin-bottom: -0.3rem;
}

._verticalMetricName_bth2f_19 {
  font-size: var(--inspect-font-size-smaller);
  text-align: center;
  padding-top: 0.3rem;
  margin-bottom: -0.2rem;
  border-bottom: solid var(--bs-border-color) 1px;
}

._verticalMetricValue_bth2f_27 {
  font-weight: 500;
  text-align: center;
}

._moreButton_bth2f_32 {
  margin-top: 0.25em;
  padding-right: 0;
  padding-bottom: 0;
}

._metricsSummary_bth2f_38 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 0.35em;
}

/* Let the dialog shrink to the grid's natural width instead of always
   stretching to the max-width (set via the modal's `width` prop). The grid
   container sizes itself from the sum of column widths; the dialog honours
   that and caps at the prop's max-width. */
._scoringDetailModal_bth2f_49 {
  width: fit-content;
}
/* "Refined Classic" look: hairline rows, no wrapper/column chrome, muted
   headers, Bootstrap-variable colors so it tracks light/dark mode. */

._gridContainer_1o53x_4 {
  max-width: 100%;
  max-height: 60vh;
  overflow: auto;
  padding: 0;
}

/* Title-region summary card: size to content, no inner scroll/padding. */
._cardContainer_1o53x_12 {
  max-width: 100%;
  overflow: visible;
}

._groupGrid_1o53x_17 + ._groupGrid_1o53x_17 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: solid 1px var(--bs-light-border-subtle);
}

._table_1o53x_23 {
  border-collapse: separate;
  border-spacing: 0;
  background-color: transparent;
  color: var(--bs-body-color);
  font-size: 12px;
}

._table_1o53x_23 th,
._table_1o53x_23 td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 12px;
}

._table_1o53x_23 td {
  height: 32px;
  border-bottom: 1px solid var(--bs-border-color-translucent);
  font-variant-numeric: tabular-nums;
  /* Cells aren't interactive — clicking does nothing — so don't imply
     otherwise with a pointer cursor. */
  cursor: default;
}

/* Header surface matches the DataGrid's (subtle bg + muted text) so all
   grids read consistently. */
/* 0.8rem / 500 matches what the AG grid actually rendered (its theme's
   headerFontSize param never took effect; headers inherited the app's
   0.8rem with AG's default 500 header weight). */
._table_1o53x_23 th {
  height: 28px;
  border-bottom: 1px solid var(--bs-border-color);
  background-color: var(--bs-light-bg-subtle);
  color: var(--bs-secondary);
  font-size: 0.8rem;
  font-weight: 500;
  text-align: left;
}

/* Group header row: unlabeled cells (placeholders over ungrouped columns)
   drop their bottom border so the column reads as one tall header cell. */
._groupRow_1o53x_65 th {
  height: 24px;
  border-bottom-color: transparent;
}

._groupRow_1o53x_65 th._groupLabel_1o53x_70 {
  border-bottom-color: var(--bs-border-color);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

/* `.table th`/`.table td` outrank single-class selectors, so these
   per-column overrides repeat the element for equal-or-higher specificity. */
._table_1o53x_23 th._numericHeader_1o53x_79,
._table_1o53x_23 td._numericCell_1o53x_80 {
  text-align: right;
}

/* Scorer column reads as the row label — a touch heavier + higher contrast. */
._scorerCell_1o53x_85 {
  font-weight: 500;
  color: var(--bs-emphasis-color);
}

/* Breathing room at the edges so values don't sit flush with the modal
   border (and so the last column doesn't get overlapped by the vertical
   scroll bar). */
._table_1o53x_23 th._scorerHeader_1o53x_93,
._table_1o53x_23 td._scorerCell_1o53x_85 {
  padding-left: 1rem;
}

._table_1o53x_23 th._lastHeader_1o53x_98,
._table_1o53x_23 td._lastCell_1o53x_99 {
  padding-right: 0.5rem;
}

._sortable_1o53x_103 {
  cursor: pointer;
  user-select: none;
}

._headerLabel_1o53x_108 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
}

._sortIcon_1o53x_115 {
  font-size: 10px;
}

._sortIconIdle_1o53x_119 {
  visibility: hidden;
}

/* The full view auto-sizes columns so names read in full (only the compact
   card truncates). Full width lets stacked group tables line up: the scorer
   column absorbs the slack, keeping metric columns flush right. */
._table_1o53x_23:not(._compact_1o53x_126) {
  width: 100%;
}

/* A scorer name too long for the capped dialog wraps, not ellipsizes. */
._table_1o53x_23:not(._compact_1o53x_126) td._scorerCell_1o53x_85 {
  min-width: 180px;
  white-space: normal;
  overflow-wrap: anywhere;
  padding-top: 4px;
  padding-bottom: 4px;
}

._compact_1o53x_126 {
  table-layout: fixed;
}

._compact_1o53x_126 th,
._compact_1o53x_126 td {
  padding: 0 8px;
}

._compact_1o53x_126 td {
  height: 26px;
}

/* Inline card sits on the title-bar surface — let it show through rather
   than painting its own header chrome, and don't leave a floating rule
   under the last row. */
._compact_1o53x_126 th {
  height: 24px;
  background-color: transparent;
}

._compact_1o53x_126 tbody tr:last-child td {
  border-bottom: none;
}

._compact_1o53x_126 ._groupRow_1o53x_65 th {
  height: 20px;
}
._unscoredSamples_1h85z_1 {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  cursor: pointer;
}
._downloadLogButton_fi3zx_1 {
  border: none;
  background-color: inherit;
  opacity: 0.75;
  padding-top: 0;
  padding-left: 0;
  transition: opacity 0.2s;
}

._downloadLogButton_fi3zx_1:hover {
  opacity: 0.75;
}
._container_q17yq_1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0;
  margin-top: -0.2rem;
  margin-bottom: 0.2rem;
}

._grid_q17yq_10 {
  display: grid;
  grid-template-rows: repeat(auto-fill, minmax(10px, 1fr));
  grid-template-columns: 1fr;
  gap: 0.1em;
  padding-right: 1em;
}
._container_16j9y_1 {
  display: flex;
  padding-top: 0;
  margin-left: 0.5rem;
  min-width: 250px;
}

/* Body column expands to fill whatever space the right-hand results
   panel doesn't claim. Previously the right column was a fixed `1fr`
   share, so even on wide windows the title block was capped at ~half
   the wrapper — which forced the inline tag strip to wrap chips long
   before there was any real space pressure (large empty gap between
   the Edit button and the right column). With `auto` the results
   panel takes its natural width and the body absorbs the rest. */
._wrapper_16j9y_15 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%;
}

._body_16j9y_21 {
  display: flex;
  flex-direction: column;
  margin-left: 0.2rem;
}

/* Single-line flex row: title + model + tag chips. Items align by
   text baseline so the eval name, model name, and first row of chips
   all sit on the same line. (Subsequent wrapped chip rows fall below,
   inside the tag row's own box.) A small bottom margin reserves
   breathing room between the chip block and the secondary row
   (filename / copy / download). */
._bodyContainer_16j9y_33 {
  margin-top: 0.1rem;
  margin-bottom: 0.4rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  column-gap: 0.5rem;
  min-width: 0;
}

/* Header-context overrides for <TagStrip>. The base flex rules
   (display/wrap/gap) live in TagStrip.module.css; this class adds the
   bits that only make sense inside the title+chips flex contention:
     - flex-shrink: 1 + min-width: 0 — the chip strip must shrink below
       its content width so chips wrap instead of pushing the trailing
       Edit pill past the right edge. (Default `min-width: auto`
       resolves to the content's intrinsic min and would prevent
       shrinking even with flex-shrink: 1.)
   Vertical alignment to the title/model baseline is handled by the
   parent `.bodyContainer`'s `align-items: baseline` — no margin or
   internal `align-items` is needed here. */
._tagRowHeader_16j9y_54 {
  flex-shrink: 1;
  min-width: 0;
}

._taskTitle_16j9y_59 {
  font-weight: 600;
  /* The eval name always renders in full — no ellipsis. The tag row
     wraps to additional lines instead of squeezing the title. */
  flex-shrink: 0;
}

._taskModel_16j9y_66 {
  flex-shrink: 0;
}

._taskStatus_16j9y_70 {
  display: flex;
  justify-content: end;
  margin-right: 1em;
  margin-bottom: 0;
}

._secondaryContainer_16j9y_77 {
  opacity: 0.7;
  margin-top: -0.1rem;
  padding-bottom: 0;
  display: grid;
  grid-template-columns: minmax(0, max-content) max-content;
  gap: 0.5rem;
}

._buttonGroup_16j9y_86 {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}
._statusContainer_1nntt_1 {
  display: inline-block;
  margin-top: 0.3em;
}

._status_1nntt_1 {
  display: grid;
  grid-template-columns: auto auto;
}

._statusText_1nntt_11 {
  margin-top: 0.2em;
}

._icon_1nntt_15 {
  font-size: var(--inspect-font-size-large);
  margin-right: 0.3em;
  margin-top: -0.1em;
}
._statusPanel_1o5l7_1 {
  padding: 1em;
  margin-top: 0em;
  text-transform: uppercase;
  font-size: var(--inspect-font-size-smaller);
  display: grid;
  grid-template-columns: auto auto;
  justify-content: end;
}

._statusIcon_1o5l7_11 {
  font-size: var(--inspect-font-size-large);
  margin-right: 0.3em;
  margin-top: -0.1em;
}
._staticCol_pjkwm_1 {
  flex-shrink: 0;
}

._justifyLeft_pjkwm_5 {
  justify-self: left;
}

._justifyCenter_pjkwm_9 {
  justify-self: center;
}

._justifyRight_pjkwm_13 {
  justify-self: right;
}

._valueGrid_pjkwm_17 {
  margin: 0;
  padding: 0.2em 1em 0.2em 1em;
  display: grid;
  grid-column-gap: 1em;
  border-top: 1px solid var(--bs-border-color);
}

._container_pjkwm_25 {
  margin: 0;
  width: 100%;
}

._invalidationStatus_pjkwm_30 {
  color: var(--bs-warning-text-emphasis, #664d03);
  cursor: help;
}

._paramsWithChanges_pjkwm_35 {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4rem;
}
._navbarWrapper_ujt11_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  position: sticky;
  overflow: hidden;
  background-color: var(--bs-light-bg-subtle);
}

/* Expanded / collapsed slot animation
 *
 * Both slots are rendered into a CSS grid with an animated row size:
 * the active slot's container gets `grid-template-rows: 1fr` and the
 * inactive slot collapses to `0fr`. Combined with `overflow: hidden`,
 * this produces a smooth height transition.
 */
._expandedSlot_ujt11_18,
._collapsedSlot_ujt11_19 {
  width: 100%;
  display: grid;
  overflow: hidden;
  transition: opacity 120ms linear;
}

._expandedSlot_ujt11_18 {
  grid-template-rows: 1fr;
}

._collapsedSlot_ujt11_19 {
  grid-template-rows: 0fr;
  opacity: 0;
  pointer-events: none;
}

._collapsed_ujt11_19 ._expandedSlot_ujt11_18 {
  grid-template-rows: 0fr;
  opacity: 0;
  pointer-events: none;
}

._collapsed_ujt11_19 ._collapsedSlot_ujt11_19 {
  grid-template-rows: 1fr;
  opacity: 1;
  pointer-events: auto;
}

._expandedSlot_ujt11_18 > ._expandedInner_ujt11_48,
._collapsedSlot_ujt11_19 > * {
  min-height: 0;
  overflow: hidden;
}
._root_1hhbn_1 {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

._loading_1hhbn_7 {
  padding: 2rem;
  text-align: center;
  font-size: 0.85rem;
  color: var(--bs-secondary);
}

._ellipsis_1hhbn_14::after {
  display: inline-block;
  width: 1.2em;
  text-align: left;
  content: "";
  animation: _loading-ellipsis_1hhbn_1 1.2s steps(1, end) infinite;
}

@keyframes _loading-ellipsis_1hhbn_1 {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
}
._container_ovp9s_1 {
  display: grid;
  grid-template-rows: max-content 1fr;
  height: 100vh;
}

._panel_ovp9s_7 {
  margin: 0.5rem;
  overflow-y: scroll;
}

._code_ovp9s_12 {
  background: transparent !important;
}
._heading_1trs5_1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0.5em;
  margin-bottom: 2em;
  justify-content: space-between;
  border-bottom: solid 1px silver;
}

._headingTask_1trs5_10 {
  font-weight: 600;
}

._headingModel_1trs5_14 {
  text-align: center;
}

._headingTime_1trs5_18 {
  text-align: right;
}
._container_15zex_1 {
  padding: 1em;
}

._loading_15zex_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  font-size: 1.2em;
  color: var(--bs-secondary);
}

._header_15zex_14 {
  margin-bottom: 1em;
}

._sampleInfo_15zex_18 {
  font-size: 1.1em;
  font-weight: 600;
  margin-top: 0.25em;
}

@media print {
  ._loading_15zex_5 {
    display: none;
  }

  ._container_15zex_1 {
    padding: 0;
  }

  html {
    font-size: 9pt;
  }
}
._panel_18nhs_1 {
  height: 100vh;
  width: 100vw;
  display: grid;
  grid-template-rows: max-content max-content 1fr max-content;
}

._list_18nhs_8 {
  overflow: hidden;
  height: 100%;
  min-height: 0;
}