@turquoisehealth/pit-viper 2.244.2 → 2.244.4

package/_site/assets/css/pit-viper-a11y.css

@@ -251,19 +251,19 @@
   letter-spacing: 0.14px;
 }
 
-.pv-text-body-lg {
+.pv-text-body-lg, .pv-chart-chip-value {
   font-size: var(--font-size-l, 1rem);
   line-height: var(--line-height-l, 1.375);
   letter-spacing: 0.14px;
 }
 
-.pv-text-body-md {
+.pv-text-body-md, .pv-chart-chip-label, .pv-chart-chip-section-label {
   font-size: var(--font-size-m, 0.875rem);
   line-height: var(--line-height-m, 1.2857142857);
   letter-spacing: 0.12px;
 }
 
-.pv-text-body-sm {
+.pv-text-body-sm, .pv-chart-tooltip-value, .pv-chart-tooltip-label {
   font-size: var(--font-size-s, 0.8125rem);
   line-height: var(--line-height-s, 1.3846153846);
   letter-spacing: 0.11px;
@@ -287,7 +287,7 @@
   letter-spacing: 0.11px;
 }
 
-.pv-text-medium {
+.pv-text-medium, .pv-chart-chip-value, .pv-chart-chip-label, .pv-chart-chip-section-label, .pv-chart-tooltip-value {
   font-weight: 500;
 }
 
@@ -1501,7 +1501,7 @@ label:has(input:not(:disabled)).pv-label-hover:hover {
   color: var(--selectable-label-hover-color, #121313);
   background-color: var(--selectable-label-hover-background-color, #E8F2F4);
 }
-[class*=pv-label-selectable]:hover .pv-text-subdued, [class*=pv-label-selectable]:focus-within .pv-text-subdued {
+[class*=pv-label-selectable]:hover .pv-text-subdued, [class*=pv-label-selectable]:hover .pv-chart-chip-label, [class*=pv-label-selectable]:focus-within .pv-text-subdued, [class*=pv-label-selectable]:focus-within .pv-chart-chip-label {
   color: var(--selectable-label-subdued-color, #176F6F);
 }
 [class*=pv-label-selectable]:active {
@@ -1576,6 +1576,14 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-ghost-input {
   display: flex;
   align-items: center;
+  border: 1px solid transparent;
+  border-radius: var(--ghost-input-radius, 4px);
+}
+.pv-ghost-input:focus-within {
+  border-color: var(--ghost-input-focus-border-color, #36C5BA);
+}
+.pv-ghost-input[data-invalid] {
+  border-color: var(--ghost-input-error-border-color, #801A00);
 }
 .pv-ghost-input input {
   padding: 0.25rem 0.125rem;
@@ -3314,13 +3322,35 @@ button.pv-tag-secondary:active {
   padding-block-start: var(--tab-list-padding-top, 0);
   border-block-end: var(--tab-list-border-width, 2px) solid var(--tab-list-border-color, #8F939E);
 }
-[class*=pv-tab-list] :where(li) {
+[class*=pv-tab-list] > :where(li) {
   position: relative;
+  display: flex;
+  align-items: center;
   white-space: nowrap;
   transition-duration: 0.125s;
   transition-property: color;
 }
-[class*=pv-tab-list] :where(li) a, [class*=pv-tab-list] :where(li) button {
+[class*=pv-tab-list] > :where(li) .pv-tab-options {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: var(--tab-list-hover-background-color, #E8F2F4);
+  opacity: 0;
+  pointer-events: none;
+  transition-duration: 0.125s;
+  transition-property: opacity;
+}
+[class*=pv-tab-list] > :where(li) .pv-tab-options .pv-button-ghost {
+  color: var(--tab-list-hover-text-color, #121313);
+}
+[class*=pv-tab-list] > :where(li):hover .pv-tab-options,
+[class*=pv-tab-list] > :where(li) .pv-tab-options:focus-within,
+[class*=pv-tab-list] > :where(li) .pv-tab-options:has(.pv-floating:popover-open) {
+  opacity: 1;
+  pointer-events: auto;
+}
+[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3335,15 +3365,32 @@ button.pv-tag-secondary:active {
   background-color: transparent;
   cursor: pointer;
 }
-[class*=pv-tab-list] :where(li) a:hover, [class*=pv-tab-list] :where(li) a:focus-visible, [class*=pv-tab-list] :where(li) button:hover, [class*=pv-tab-list] :where(li) button:focus-visible {
+[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible {
   text-decoration: none;
   color: var(--tab-list-hover-text-color, #121313);
   background-color: var(--tab-list-hover-background-color, #E8F2F4);
 }
-[class*=pv-tab-list] :where(li) a:active, [class*=pv-tab-list] :where(li) button:active {
+[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
-[class*=pv-tab-list] :where(li) a:after, [class*=pv-tab-list] :where(li) button:after {
+[class*=pv-tab-list] > :where(li) > .pv-tab-input {
+  align-items: center;
+  padding: 7px 8px;
+  border-radius: var(--tab-list-item-radius, 4px) var(--tab-list-item-radius, 4px) 0 0;
+  background-color: var(--tab-list-hover-background-color, #E8F2F4);
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input {
+  height: 16px;
+  padding: 3px 2px;
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input input {
+  color: var(--tab-list-text-color, #4B595C);
+  font-weight: var(--tab-list-font-weight, 500);
+  font-size: var(--tab-list-font-size, 0.875rem);
+  line-height: var(--tab-list-line-height, 1.2857142857);
+  background-color: transparent;
+}
+[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3354,22 +3401,31 @@ button.pv-tag-secondary:active {
   right: 0;
   background-color: var(--tab-list-indicator-inactive-color, #8F939E);
 }
-[class*=pv-tab-list] :where(li)[data-active] a, [class*=pv-tab-list] :where(li)[data-active] button {
+[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
   color: var(--tab-list-active-text-color, #13595D);
 }
-[class*=pv-tab-list] :where(li)[data-active] a:after, [class*=pv-tab-list] :where(li)[data-active] button:after {
+[class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
+  color: var(--tab-list-active-text-color, #13595D);
+}
+[class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
+  color: var(--tab-list-active-text-color, #13595D);
+}
+[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after {
   border-radius: var(--tab-list-indicator-radius, 2px);
   background-color: var(--tab-list-indicator-color, #13595D);
 }
 
-.pv-tab-list-small :where(li) a, .pv-tab-list-small :where(li) button {
+.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
+.pv-tab-list-small > :where(li) > .pv-tab-input {
+  padding: 3px 8px;
+}
 
 :where(ol.pv-tab-list) {
   counter-reset: item;
 }
-:where(ol.pv-tab-list) :where(li) > a:before {
+:where(ol.pv-tab-list) > :where(li) > a:before {
   counter-increment: item;
   content: counter(item);
   display: inline-block;
@@ -3724,7 +3780,7 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 .pv-org-switch:hover svg {
   opacity: 1;
 }
-.pv-org-switch .pv-text-subdued {
+.pv-org-switch .pv-text-subdued, .pv-org-switch .pv-chart-chip-label {
   color: var(--layout-primary-subdued-color, #4B595C);
 }
 
@@ -4207,6 +4263,26 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   color: var(--action-bar-white-color, #121313);
 }
 
+pv-header [slot=left],
+pv-header [slot=right],
+#header-title,
+#header-actions {
+  --button-padding: var(--button-large-padding, calc(0.5rem - 1px) 0.75rem);
+  --button-gap: var(--button-large-gap, 0.5rem);
+  --button-small-padding: var(--button-large-padding, calc(0.5rem - 1px) 0.75rem);
+  --button-small-font-size: var(--button-font-size, 0.875rem);
+  --button-small-line-height: var(--button-line-height, 1.2857142857);
+  --button-icon-only-padding: var(--button-large-icon-only-padding, calc(0.5rem - 1px));
+  --toggle-small-padding: var(--toggle-padding, calc(0.5rem - 1px) 0.75rem);
+  --button-small-icon-only-padding: var(--button-large-icon-only-padding, calc(0.5rem - 1px));
+}
+
+pv-header h3[slot=left].pv-heading-3,
+pv-header [slot=left] h3.pv-heading-3 {
+  font-size: var(--font-size-heading-2, 1.125rem);
+  line-height: var(--line-height-heading-2, 1.4444444444);
+}
+
 .pv-card {
   position: relative;
   border: 1px solid var(--card-border-color, #8F939E);
@@ -4269,9 +4345,11 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
   color: var(--card-hover-text-color, unset);
   text-decoration: none;
 }
-.pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued, .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued,
+.pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued, .pv-card:is(a, button):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-chart-chip-label, .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued, .pv-card:is(a, button):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-chart-chip-label,
 .pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-text-subdued,
-.pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued {
+.pv-card:has(.pv-overlay-link):hover:not(:has(button:hover, a:hover, [role=button]:hover)) .pv-chart-chip-label,
+.pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-text-subdued,
+.pv-card:has(.pv-overlay-link):focus-visible:not(:has(button:focus-visible, a:focus-visible, [role=button]:focus-visible)) .pv-chart-chip-label {
   color: var(--card-hover-text-color, unset);
 }
 .pv-card:is(a, button):active:not(:has(button:active, a:active, [role=button]:active)),
@@ -5341,6 +5419,41 @@ pv-data-grid.ag-theme-pv {
   --shimmer-rgb: var(--step-list-shimmer-rgb, 247, 248, 248);
 }
 
+.pv-chart-chip-value {
+  line-height: 20px;
+}
+
+.pv-chart-benchmark-chips {
+  --flex-gap: 0.5rem;
+  flex-shrink: 0;
+}
+
+.pv-chart-benchmark-chip-section-label {
+  align-self: stretch;
+  text-align: left;
+}
+
+.pv-chart-benchmark-chip {
+  --flex-gap: 0.5rem;
+  position: relative;
+  width: 245px;
+  flex-shrink: 0;
+}
+
+.pv-chart-benchmark-chip:not([data-loading]):hover {
+  border-color: var(--color-border, #e3e7ea);
+  background: var(--surface-card-hover, #ece8e2);
+}
+
+.pv-chart-benchmark-chip-accent {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 4px;
+  border-radius: 4px 0 0 4px;
+}
+
 .pv-layout-primary,
 .pv-layout-primary[data-collapsed] {
   font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
@@ -5622,6 +5735,287 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
   --stroke-accordion-border-left: #8F939E;
 }
 
+.sidebar-layout-new {
+  --nav-list-font-weight: 500;
+  --nav-list-active-font-weight: 600;
+}
+.sidebar-layout-new .pv-sidebar-popover-portal {
+  display: contents;
+}
+.sidebar-layout-new .pv-floating:has(> .pv-sidebar-hover-panel) {
+  position: fixed !important;
+  position-anchor: auto !important;
+  position-area: none !important;
+  position-visibility: always !important;
+  inset: auto !important;
+  top: var(--pv-sidebar-hover-panel-top) !important;
+  left: var(--pv-sidebar-hover-panel-left) !important;
+  width: max-content !important;
+  height: var(--pv-sidebar-hover-panel-height) !important;
+  max-width: none;
+  max-height: none;
+  margin: 0 !important;
+  padding: 0;
+  transform: none !important;
+  overflow: visible;
+  z-index: 50;
+}
+.sidebar-layout-new .pv-sidebar-hover-panel {
+  width: max-content;
+  height: 100%;
+  overflow: auto;
+  color: #121313;
+  background-color: #FFFFFF;
+  box-shadow: 8px 0px 32px -8px rgba(0, 0, 0, 0.24);
+  clip-path: inset(-100px -100px -100px 0px);
+  transition: opacity 0.125s, transform 0.125s;
+}
+@starting-style {
+  .sidebar-layout-new .pv-sidebar-hover-panel {
+    opacity: 0;
+    transform: translateX(-0.5rem);
+  }
+}
+.sidebar-layout-new .pv-sidebar-hover-panel > :not(slot),
+.sidebar-layout-new .pv-sidebar-hover-panel > slot::slotted(*) {
+  box-sizing: border-box;
+  width: var(--pv-sidebar-hover-panel-width, 360px);
+  min-height: 100%;
+}
+.sidebar-layout-new .pv-sidebar-nav-header .pv-nav-list-item[aria-expanded=true],
+.sidebar-layout-new .pv-sidebar-nav-footer .pv-nav-list-item[aria-expanded=true] {
+  --sidebar-nav-icon-color: var(--sidebar-nav-hover-text);
+  background-color: var(--sidebar-nav-hover-bg);
+  color: var(--sidebar-nav-hover-text);
+}
+.sidebar-layout-new .pv-nav-list [aria-current=page] {
+  font-weight: var(--nav-list-active-font-weight);
+}
+.sidebar-layout-new .sidebar-header {
+  padding: 0.5rem;
+}
+.sidebar-layout-new .pv-sidebar-nav-header .pv-nav-list-item {
+  padding: 0.25rem;
+}
+.sidebar-layout-new .sidebar-toggle {
+  opacity: 1;
+  pointer-events: auto;
+  margin: 0px 0.25rem;
+}
+.sidebar-layout-new.is-expanded.is-transitioning .pv-sidebar-nav-header [data-sidebar-expanded-content] {
+  visibility: hidden;
+}
+.sidebar-layout-new.is-expanded.is-transitioning .sidebar-toggle {
+  visibility: hidden;
+  opacity: 0;
+  pointer-events: none;
+}
+.sidebar-layout-new .pv-sidebar-nav .pv-accordion > summary {
+  padding-inline-end: 0.75rem;
+  background-image: none;
+}
+.sidebar-layout-new.is-collapsed .sidebar-header {
+  flex-direction: column;
+  align-items: center;
+}
+.sidebar-layout-new.is-collapsed .pv-sidebar-nav-header button.pv-nav-list-item,
+.sidebar-layout-new.is-collapsed .sidebar-toggle {
+  margin-inline: auto;
+}
+.sidebar-layout-new.is-collapsed .pv-sidebar-nav li:has(.pv-floating:popover-open) summary:not([aria-current=page]) {
+  background-color: var(--sidebar-nav-hover-bg);
+  color: var(--sidebar-nav-hover-text);
+}
+
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav a:not(.pv-popover a, .pv-sidebar-hover-panel a),
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav-header button.pv-nav-list-item,
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav button.pv-nav-list-item,
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav summary {
+  width: 2.5rem !important;
+  padding-inline: 0;
+  justify-content: center;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav-nested {
+  display: none;
+}
+.sidebar-layout.is-collapsed:not(.is-floating) .pv-sidebar-nav summary > [data-testid=pv-icon] {
+  display: none;
+}
+
+.sidebar-layout-primary .pv-sidebar-nav-header,
+.sidebar-layout-primary .pv-sidebar-nav,
+.sidebar-layout-primary .pv-sidebar-popover-portal {
+  --sidebar-nav-text-color: #FFFFFF;
+  --sidebar-nav-hover-bg: #0D5256;
+  --sidebar-nav-hover-text: #FFFFFF;
+  --sidebar-nav-active-bg: #02363D;
+  --sidebar-nav-active-text: #FFFFFF;
+  --sidebar-nav-pressed-bg: #02363D;
+  --sidebar-nav-nested-border: rgba(227, 231, 234, 0.20);
+  --popover-list-item-hover-background-color: #E8F2F4;
+  --sidebar-nav-icon-color: #6E8081;
+  --sidebar-nav-active-icon-color: #FFFFFF;
+}
+.sidebar-layout-primary .pv-sidebar-nav a:not([aria-current=page]) [class*=pv-icon],
+.sidebar-layout-primary .pv-sidebar-nav button:not([aria-current=page]) [class*=pv-icon],
+.sidebar-layout-primary .pv-sidebar-nav summary:not([aria-current=page]) [class*=pv-icon],
+.sidebar-layout-primary .pv-sidebar-popover-portal a:not([aria-current=page]) [class*=pv-icon] {
+  color: var(--sidebar-nav-icon-color);
+}
+.sidebar-layout-primary .pv-sidebar-nav a[aria-current=page] [class*=pv-icon],
+.sidebar-layout-primary .pv-sidebar-nav summary[aria-current=page] [class*=pv-icon],
+.sidebar-layout-primary .pv-sidebar-popover-portal a[aria-current=page] [class*=pv-icon] {
+  color: var(--sidebar-nav-active-icon-color);
+}
+
+.sidebar-layout-secondary .pv-sidebar-nav-header,
+.sidebar-layout-secondary .pv-sidebar-nav,
+.sidebar-layout-secondary .pv-sidebar-popover-portal {
+  --sidebar-nav-text-color: #121313;
+  --sidebar-nav-hover-bg: #ECE8E2;
+  --sidebar-nav-hover-text: #121313;
+  --sidebar-nav-active-bg: #ECE8E2;
+  --sidebar-nav-active-text: #121313;
+  --sidebar-nav-pressed-bg: #D8D2CA;
+  --sidebar-nav-nested-border: #E7E2D9;
+  --popover-list-item-hover-background-color: #F3F1EB;
+  --sidebar-nav-icon-color: #928C84;
+  --sidebar-nav-active-icon-color: #121313;
+}
+.sidebar-layout-secondary .pv-sidebar-nav a:not([aria-current=page]) [class*=pv-icon],
+.sidebar-layout-secondary .pv-sidebar-nav button:not([aria-current=page]) [class*=pv-icon],
+.sidebar-layout-secondary .pv-sidebar-nav summary:not([aria-current=page]) [class*=pv-icon],
+.sidebar-layout-secondary .pv-sidebar-popover-portal a:not([aria-current=page]) [class*=pv-icon] {
+  color: var(--sidebar-nav-icon-color);
+}
+.sidebar-layout-secondary .pv-sidebar-nav a[aria-current=page] [class*=pv-icon],
+.sidebar-layout-secondary .pv-sidebar-nav summary[aria-current=page] [class*=pv-icon],
+.sidebar-layout-secondary .pv-sidebar-popover-portal a[aria-current=page] [class*=pv-icon] {
+  color: var(--sidebar-nav-active-icon-color);
+}
+.sidebar-layout-secondary .pv-popover .pv-popover-list {
+  background-color: #FDFDFC;
+}
+
+.pv-sidebar-nav-header {
+  --sidebar-nav-text-color: #121313;
+  --sidebar-nav-hover-bg: #E8F2F4;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  width: 100%;
+  color: var(--sidebar-nav-text-color);
+}
+
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) a,
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) button.pv-nav-list-item,
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) summary {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: var(--nav-list-padding, 0.5rem 0.75rem);
+  border-radius: 8px;
+  color: inherit;
+  text-decoration: none;
+  font-size: var(--nav-list-font-size, 1rem);
+  font-weight: var(--nav-list-font-weight, 500);
+  line-height: var(--nav-list-line-height, 1.71428571);
+  white-space: nowrap;
+  list-style: none;
+  cursor: pointer;
+  user-select: none;
+  transition-duration: 0.125s;
+  transition-property: background-color;
+}
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) a:where(button),
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) button.pv-nav-list-item:where(button),
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) summary:where(button) {
+  width: 100%;
+  border: 0;
+  background-color: transparent;
+  font-family: inherit;
+  text-align: start;
+}
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) a:hover:not([aria-current=page]), :is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) a:focus-visible:not([aria-current=page]),
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) button.pv-nav-list-item:hover:not([aria-current=page]),
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) button.pv-nav-list-item:focus-visible:not([aria-current=page]),
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) summary:hover:not([aria-current=page]),
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) summary:focus-visible:not([aria-current=page]) {
+  background-color: var(--sidebar-nav-hover-bg);
+  color: var(--sidebar-nav-hover-text);
+}
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) a:active:not([aria-current=page]),
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) button.pv-nav-list-item:active:not([aria-current=page]),
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) summary:active:not([aria-current=page]) {
+  background-color: var(--sidebar-nav-pressed-bg);
+}
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) a[aria-current=page],
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) button.pv-nav-list-item[aria-current=page],
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) summary[aria-current=page] {
+  background-color: var(--sidebar-nav-active-bg);
+  color: var(--sidebar-nav-active-text);
+  font-weight: var(--nav-list-active-font-weight, 600);
+}
+
+:is(.pv-sidebar-nav, .pv-sidebar-popover-portal) {
+  --sidebar-nav-text-color: #121313;
+  --sidebar-nav-hover-bg: #E8F2F4;
+  --sidebar-nav-hover-text: #121313;
+  --sidebar-nav-active-bg: #C7D8DB;
+  --sidebar-nav-active-text: #121313;
+  --sidebar-nav-pressed-bg: #C7D8DB;
+  --sidebar-nav-nested-border: #8F939E;
+  color: var(--sidebar-nav-text-color);
+}
+
+.pv-sidebar-nav {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding-inline: 0.75rem;
+  overflow-y: auto;
+  overflow-x: hidden;
+  gap: var(--nav-list-gap, 0.25rem);
+}
+.pv-sidebar-nav details {
+  position: relative;
+}
+.pv-sidebar-nav .pv-sidebar-nav-nested {
+  margin-inline-start: 1.25rem;
+  border-inline-start: 1px solid var(--sidebar-nav-nested-border);
+  padding-inline-start: 0.25rem;
+}
+.pv-sidebar-nav .pv-sidebar-nav-nested a {
+  border-radius: 8px;
+}
+.pv-sidebar-nav .pv-sidebar-nav-footer {
+  margin-block-start: auto;
+  padding-block: 0.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: var(--nav-list-gap, 0.25rem);
+  background-color: var(--layout-primary-sidebar-background-color);
+}
+.pv-sidebar-nav .pv-sidebar-nav-footer details {
+  position: relative;
+}
+
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list a,
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list label {
+  color: #121313;
+  font-weight: 400;
+}
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list a:hover, :is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list a:focus-visible,
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list label:hover,
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list label:focus-visible {
+  background-color: var(--popover-list-item-hover-background-color, #E8F2F4);
+  color: #121313;
+}
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list a:active:not([aria-current=page]),
+:is(.pv-sidebar-nav, .pv-sidebar-nav-header, .pv-sidebar-popover-portal) .pv-popover .pv-popover-list label:active:not([aria-current=page]) {
+  background-color: var(--sidebar-nav-pressed-bg);
+}
+
 .pv-layout-sidebar {
   --sidebar-width: 300px;
   min-height: 100%;
@@ -5825,15 +6219,15 @@ pv-sidebar-v-2 .content-panel [data-grid-area=content] > [data-grid-area=main] {
   background: var(--color-background-brand-gradient, linear-gradient(109deg, #176F6F 0%, #02363D 100%));
 }
 
-.pv-text-default {
+.pv-text-default, .pv-chart-tooltip-value, .pv-chart-chip-section-label, .pv-chart-chip-value {
   color: var(--color-text-body, #121313);
 }
 
-.pv-text-subdued {
+.pv-text-subdued, .pv-chart-chip-label {
   color: var(--color-text-subdued, #4B595C);
 }
 
-.pv-text-tertiary {
+.pv-text-tertiary, .pv-chart-tooltip-label {
   color: var(--color-text-tertiary, #4B595C);
 }
 
@@ -6631,7 +7025,7 @@ svg.pv-text-inherit {
   font-weight: var(--font-weight-regular, 400);
 }
 
-.pv-text-medium {
+.pv-text-medium, .pv-chart-tooltip-value, .pv-chart-chip-section-label, .pv-chart-chip-label, .pv-chart-chip-value {
   font-weight: var(--font-weight-medium, 500);
 }
 

package/_site/assets/css/pit-viper-consumer.css

@@ -1582,6 +1582,14 @@ div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
 .pv-ghost-input {
   display: flex;
   align-items: center;
+  border: 1px solid transparent;
+  border-radius: var(--ghost-input-radius, 6px);
+}
+.pv-ghost-input:focus-within {
+  border-color: var(--ghost-input-focus-border-color, #36C5BA);
+}
+.pv-ghost-input[data-invalid] {
+  border-color: var(--ghost-input-error-border-color, #FF471A);
 }
 .pv-ghost-input input {
   padding: 0.25rem 0.125rem;
@@ -3320,13 +3328,35 @@ button.pv-tag-secondary:active {
   padding-block-start: var(--tab-list-padding-top, 0);
   border-block-end: var(--tab-list-border-width, 2px) solid var(--tab-list-border-color, #E8EBEB);
 }
-[class*=pv-tab-list] :where(li) {
+[class*=pv-tab-list] > :where(li) {
   position: relative;
+  display: flex;
+  align-items: center;
   white-space: nowrap;
   transition-duration: 0.125s;
   transition-property: color;
 }
-[class*=pv-tab-list] :where(li) a, [class*=pv-tab-list] :where(li) button {
+[class*=pv-tab-list] > :where(li) .pv-tab-options {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  background-color: var(--tab-list-hover-background-color, #F8F7F1);
+  opacity: 0;
+  pointer-events: none;
+  transition-duration: 0.125s;
+  transition-property: opacity;
+}
+[class*=pv-tab-list] > :where(li) .pv-tab-options .pv-button-ghost {
+  color: var(--tab-list-hover-text-color, #1A3A39);
+}
+[class*=pv-tab-list] > :where(li):hover .pv-tab-options,
+[class*=pv-tab-list] > :where(li) .pv-tab-options:focus-within,
+[class*=pv-tab-list] > :where(li) .pv-tab-options:has(.pv-floating:popover-open) {
+  opacity: 1;
+  pointer-events: auto;
+}
+[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3341,15 +3371,32 @@ button.pv-tag-secondary:active {
   background-color: transparent;
   cursor: pointer;
 }
-[class*=pv-tab-list] :where(li) a:hover, [class*=pv-tab-list] :where(li) a:focus-visible, [class*=pv-tab-list] :where(li) button:hover, [class*=pv-tab-list] :where(li) button:focus-visible {
+[class*=pv-tab-list] > :where(li) > a:hover, [class*=pv-tab-list] > :where(li) > a:focus-visible, [class*=pv-tab-list] > :where(li) > button:hover, [class*=pv-tab-list] > :where(li) > button:focus-visible {
   text-decoration: none;
   color: var(--tab-list-hover-text-color, #1A3A39);
   background-color: var(--tab-list-hover-background-color, #F8F7F1);
 }
-[class*=pv-tab-list] :where(li) a:active, [class*=pv-tab-list] :where(li) button:active {
+[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active {
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
-[class*=pv-tab-list] :where(li) a:after, [class*=pv-tab-list] :where(li) button:after {
+[class*=pv-tab-list] > :where(li) > .pv-tab-input {
+  align-items: center;
+  padding: 7px 8px;
+  border-radius: var(--tab-list-item-radius, 6px) var(--tab-list-item-radius, 6px) 0 0;
+  background-color: var(--tab-list-hover-background-color, #F8F7F1);
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input {
+  height: 16px;
+  padding: 3px 2px;
+}
+[class*=pv-tab-list] > :where(li) > .pv-tab-input .pv-ghost-input input {
+  color: var(--tab-list-text-color, #768988);
+  font-weight: var(--tab-list-font-weight, 500);
+  font-size: var(--tab-list-font-size, 1rem);
+  line-height: var(--tab-list-line-height, 1.5);
+  background-color: transparent;
+}
+[class*=pv-tab-list] > :where(li) > a:after, [class*=pv-tab-list] > :where(li) > button:after, [class*=pv-tab-list] > :where(li) > .pv-tab-input:after {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3360,22 +3407,31 @@ button.pv-tag-secondary:active {
   right: 0;
   background-color: var(--tab-list-indicator-inactive-color, #E8EBEB);
 }
-[class*=pv-tab-list] :where(li)[data-active] a, [class*=pv-tab-list] :where(li)[data-active] button {
+[class*=pv-tab-list] > :where(li)[data-active] > a, [class*=pv-tab-list] > :where(li)[data-active] > button {
   color: var(--tab-list-active-text-color, #147F85);
 }
-[class*=pv-tab-list] :where(li)[data-active] a:after, [class*=pv-tab-list] :where(li)[data-active] button:after {
+[class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
+  color: var(--tab-list-active-text-color, #147F85);
+}
+[class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
+  color: var(--tab-list-active-text-color, #147F85);
+}
+[class*=pv-tab-list] > :where(li)[data-active] > a:after, [class*=pv-tab-list] > :where(li)[data-active] > button:after, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after {
   border-radius: var(--tab-list-indicator-radius, 2px);
   background-color: var(--tab-list-indicator-color, #147F85);
 }
 
-.pv-tab-list-small :where(li) a, .pv-tab-list-small :where(li) button {
+.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
+.pv-tab-list-small > :where(li) > .pv-tab-input {
+  padding: 3px 8px;
+}
 
 :where(ol.pv-tab-list) {
   counter-reset: item;
 }
-:where(ol.pv-tab-list) :where(li) > a:before {
+:where(ol.pv-tab-list) > :where(li) > a:before {
   counter-increment: item;
   content: counter(item);
   display: inline-block;