@turquoisehealth/pit-viper 2.258.1 → 2.260.0

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

@@ -51,6 +51,21 @@
   interpolate-size: allow-keywords;
 }
 
+:root {
+  --color-text-body: #1A3A39;
+  --color-text-brand: #147F85;
+  --color-text-tertiary: #768988;
+  --color-text-quaternary: #A3B0B0;
+  --color-border: #E8EBEB;
+  --color-border-brand: #147F85;
+  --color-background-body: #FFFFFF;
+  --color-background-accent: #F7F8F8;
+  --color-background-table-hover: #F7F8F8;
+  --color-background-brand: #147F85;
+  --color-background-highlight: #E4F8F6;
+  --color-background-disabled: #ECECEC;
+}
+
 :where(html) {
   scroll-behavior: smooth;
   scroll-padding: 1rem;
@@ -139,6 +154,10 @@
   width: 0.75rem;
 }
 
+.pv-icon-16 {
+  width: 1rem;
+}
+
 .pv-icon-20 {
   width: 1.25rem;
 }
@@ -890,14 +909,15 @@
 [class*=pv-segmented-control] button:hover:not(:disabled) {
   box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
 }
-[class*=pv-segmented-control] button[data-active] {
+[class*=pv-segmented-control] button[data-active],
+[class*=pv-segmented-control] button[data-active]:is(:hover, :focus-visible, :active):not(:disabled) {
   background-color: var(--segmented-control-button-selected-background, #FFFFFF);
 }
-[class*=pv-segmented-control] button:hover:not(:disabled),
+[class*=pv-segmented-control] button:hover:not(:disabled, [data-active]),
 [class*=pv-segmented-control] button:focus-visible:not(:disabled) {
   background-color: var(--segmented-control-button-hover-background, #F8F7F1);
 }
-[class*=pv-segmented-control] button:active:not(:disabled) {
+[class*=pv-segmented-control] button:active:not(:disabled, [data-active]) {
   background-color: var(--segmented-control-button-active-background, #C7D8DB);
 }
 [class*=pv-segmented-control] button:has(svg:is(:only-child)) {
@@ -1644,7 +1664,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
   line-height: 1.5;
 }
 .pv-ghost-input input::placeholder, .pv-ghost-input input::-webkit-input-placeholder {
-  color: var(--color-text-quaternary, #A3B0B0);
+  color: #A3B0B0;
 }
 .pv-ghost-input button {
   opacity: 0;
@@ -1656,7 +1676,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
   outline: 0;
 }
 .pv-ghost-input:hover input::placeholder, .pv-ghost-input:hover input::-webkit-input-placeholder, .pv-ghost-input:focus-visible input::placeholder, .pv-ghost-input:focus-visible input::-webkit-input-placeholder, .pv-ghost-input:focus-within input::placeholder, .pv-ghost-input:focus-within input::-webkit-input-placeholder {
-  color: var(--color-text-tertiary, #768988);
+  color: #768988;
 }
 .pv-ghost-input[data-style=h1] input {
   font-weight: 600;
@@ -1703,7 +1723,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
   --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
   --range-thumb-border-width: 3px;
   --range-thumb-size: 20px;
-  --range-track-color: var(--color-border, #E3E7EA);
+  --range-track-color: #E3E7EA;
   --range-track-height: 6px;
   --value: 0%;
   -webkit-appearance: none;
@@ -1733,11 +1753,11 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
   outline: none;
 }
 .pv-range:focus-visible::-webkit-slider-thumb {
-  outline: 2px solid var(--color-border-brand, #36C5BA);
+  outline: 2px solid #36C5BA;
   outline-offset: 2px;
 }
 .pv-range:focus-visible::-moz-range-thumb {
-  outline: 2px solid var(--color-border-brand, #36C5BA);
+  outline: 2px solid #36C5BA;
   outline-offset: 2px;
 }
 
@@ -1769,7 +1789,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
   --range-dual-thumb-size: 1.25rem;
   --range-dual-track-height: 0.375rem;
   --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
-  --range-track-color: var(--color-border, #E3E7EA);
+  --range-track-color: #E3E7EA;
   align-items: center;
   cursor: pointer;
   display: flex;
@@ -1874,12 +1894,12 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
 }
 
 .pv-range-dual-native:focus-visible::-webkit-slider-thumb {
-  outline: 2px solid var(--color-border-brand, #36C5BA);
+  outline: 2px solid #36C5BA;
   outline-offset: 2px;
 }
 
 .pv-range-dual-native:focus-visible::-moz-range-thumb {
-  outline: 2px solid var(--color-border-brand, #36C5BA);
+  outline: 2px solid #36C5BA;
   outline-offset: 2px;
 }
 
@@ -2207,7 +2227,7 @@ div > .pv-input-text.pv-input-text[data-suffix="%"] {
 }
 .pv-avatar-group > li, .pv-avatar-group[data-more]:after {
   margin-inline-start: -0.5rem;
-  outline: 2px solid var(--color-background-body, white);
+  outline: 2px solid var(--color-background-body, #FFFFFF);
 }
 .pv-avatar-group[data-more]:after {
   content: "+" attr(data-more);
@@ -3282,6 +3302,13 @@ strong[class*=pv-tag] {
   border-radius: var(--tag-large-radius, 3px);
 }
 
+.pv-tag-xl {
+  font-size: var(--tag-xlarge-font-size, 0.75rem);
+  line-height: var(--tag-xlarge-line-height, 1rem);
+  padding: var(--tag-xlarge-padding, calc(0.25rem - 1px) 0.5rem);
+  border-radius: var(--tag-xlarge-radius, 3px);
+}
+
 [class*=pv-tag]:has(.pv-company-xs, .pv-company-sm) {
   padding: 1px 4px;
   gap: 4px;
@@ -3501,7 +3528,7 @@ button.pv-tag-secondary:active {
   opacity: 1;
   pointer-events: auto;
 }
-[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
+[class*=pv-tab-list] > :where(li) > a, [class*=pv-tab-list] > :where(li) > button, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3516,15 +3543,15 @@ 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) > .pv-tab-overflow button:hover, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow 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, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:hover, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) 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) > .pv-tab-overflow button:active {
+[class*=pv-tab-list] > :where(li) > a:active, [class*=pv-tab-list] > :where(li) > button:active, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:active {
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
-[class*=pv-tab-list] > :where(li) > a:disabled, [class*=pv-tab-list] > :where(li) > button:disabled, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:disabled {
+[class*=pv-tab-list] > :where(li) > a:disabled, [class*=pv-tab-list] > :where(li) > button:disabled, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:disabled {
   color: var(--tab-list-disabled-text-color, #A3B0B0);
   background-color: transparent;
   cursor: unset;
@@ -3550,7 +3577,7 @@ button.pv-tag-secondary:active {
   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, [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:after {
+[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, [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:after {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3561,7 +3588,7 @@ 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] > .pv-tab-overflow 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] > .pv-tab-input .pv-ghost-input input {
@@ -3570,7 +3597,7 @@ button.pv-tag-secondary:active {
 [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, [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button:after {
+[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);
 }
@@ -3601,13 +3628,36 @@ button.pv-tag-secondary:active {
   min-width: 0;
 }
 
-.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
+.pv-tab-list-small > :where(li) > a, .pv-tab-list-small > :where(li) > button, .pv-tab-list-small > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
 .pv-tab-list-small > :where(li) > .pv-tab-input {
   padding: 3px 8px;
 }
 
+ol.pv-tab-list {
+  gap: 0.25rem;
+  border-block-end: 0;
+}
+ol.pv-tab-list > li > a {
+  border-radius: var(--stepper-button-radius, 8px);
+  color: var(--stepper-button-inactive-text-color, #768988);
+}
+ol.pv-tab-list > li > a:hover, ol.pv-tab-list > li > a:focus-visible {
+  color: var(--stepper-button-inactive-text-color, #768988);
+  background-color: var(--stepper-button-inactive-background-color, #F8F7F1);
+}
+ol.pv-tab-list > li > a:active {
+  background-color: var(--stepper-button-inactive-active-background-color, #C7D8DB);
+}
+ol.pv-tab-list > li > a:after {
+  display: none;
+}
+ol.pv-tab-list > li[data-active] > a, ol.pv-tab-list > li[data-active] > a:hover, ol.pv-tab-list > li[data-active] > a:focus-visible, ol.pv-tab-list > li[data-active] > a:active {
+  color: var(--stepper-button-active-text-color, #1A3A39);
+  background-color: var(--stepper-button-active-background-color, #F3F1EB);
+}
+
 :where(ol.pv-tab-list) {
   counter-reset: item;
 }
@@ -3617,8 +3667,8 @@ button.pv-tag-secondary:active {
   display: inline-block;
   width: 1.5rem;
   height: 1.5rem;
-  color: var(--color-text-inverse, #FFFFFF);
-  background-color: var(--tab-list-counter-background-color, #ADB5C0);
+  color: var(--tab-list-counter-color, #486161);
+  background-color: var(--tab-list-counter-background-color, #E0E5E4);
   margin-inline-end: 0.5rem;
   text-align: center;
   border-radius: 50%;
@@ -3626,6 +3676,7 @@ button.pv-tag-secondary:active {
   line-height: 2;
 }
 :where(ol.pv-tab-list) [data-active] > a:before {
+  color: var(--color-text-inverse, #FFFFFF);
   background-color: var(--tab-list-indicator-color, #147F85);
 }
 :where(ol.pv-tab-list) [data-complete] {
@@ -3751,6 +3802,13 @@ button.pv-tag-secondary:active {
 .pv-select-multiple {
   font-weight: 600;
 }
+.pv-select-multiple:not(:disabled, [data-invalid], [data-dropdown]):hover {
+  color: var(--select-multiple-hover-color, #1A3A39);
+  background-color: var(--select-multiple-hover-background-color, #E8EBEB);
+}
+.pv-select-multiple:disabled {
+  color: var(--select-multiple-disabled-color, #486161);
+}
 .pv-select-multiple[data-dropdown] {
   background-image: var(--select-multiple-open-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.151 15.848a1.2 1.2 0 0 0 1.698 0L12 10.698l5.151 5.15a1.2 1.2 0 1 0 1.698-1.697l-6-6a1.2 1.2 0 0 0-1.697 0l-6 6a1.2 1.2 0 0 0 0 1.697Z' fill='%234B595C'/%3E%3C/svg%3E"));
   background-color: #ECECEC;
@@ -3921,15 +3979,15 @@ pv-dropdown-auto-close.pv-dropdown > [class*=pv-button][data-dropdown] {
 }
 
 .pv-tree-item.pv-drop-indicator-top {
-  border-top: 1px solid var(--color-border, #1A3A39);
+  border-top: 1px solid #1A3A39;
 }
 
 .pv-tree-item.pv-drop-indicator-bottom {
-  border-bottom: 1px solid var(--color-border, #1A3A39);
+  border-bottom: 1px solid #1A3A39;
 }
 
 .pv-drop-indicator-parent {
-  border: 1px solid var(--color-border, #36C5BA);
+  border: 1px solid #36C5BA;
 }
 
 .pv-tree-empty-accordion {
@@ -5530,7 +5588,7 @@ div.pv-drawer[open] {
   padding: 0.5rem;
   font-size: 16px;
   line-height: 1.5;
-  border: 2px solid var(--color-border, #DCDFE4);
+  border: 2px solid #DCDFE4;
   border-radius: 2px;
   appearance: none;
   background-color: var(--color-background-body, #FFFFFF);
@@ -5712,7 +5770,7 @@ pv-data-grid.ag-theme-pv {
   appearance: none;
   width: 1rem !important;
   height: 1rem !important;
-  background-color: var(--color-background-body, white);
+  background-color: var(--color-background-body, #FFFFFF);
   border: 2px solid var(--checkbox-border, #DCDFE4);
   flex-shrink: 0;
   border-radius: 2px !important;
@@ -7541,7 +7599,7 @@ svg.pv-text-inherit {
   }
 }
 .pv-scrollbar-visible {
-  scrollbar-color: var(--color-border, #C1C1C1) transparent;
+  scrollbar-color: #C1C1C1 transparent;
   scrollbar-gutter: stable;
   scrollbar-width: thin;
 }
@@ -7558,7 +7616,7 @@ svg.pv-text-inherit {
 }
 .pv-scrollbar-visible::-webkit-scrollbar-thumb {
   border-radius: 8px;
-  background-color: var(--color-border, #C1C1C1);
+  background-color: #C1C1C1;
 }
 .pv-scrollbar-visible::-webkit-scrollbar-thumb:hover {
   background-color: var(--color-text-subdued, #7C7C7C);
@@ -7815,7 +7873,7 @@ svg.pv-text-inherit {
 }
 
 .select2-selection--multiple {
-  background-color: var(--color-background-body, white);
+  background-color: var(--color-background-body, #FFFFFF);
   border: var(--select2-border, 1px solid #E8EBEB);
   border-radius: 6px;
   cursor: text;
@@ -7846,7 +7904,7 @@ svg.pv-text-inherit {
 }
 
 .select2-dropdown {
-  background-color: var(--color-background-body, white);
+  background-color: var(--color-background-body, #FFFFFF);
   border-radius: 6px;
   padding-block: 0.5rem;
   display: block;
@@ -7871,7 +7929,7 @@ svg.pv-text-inherit {
   position: absolute;
   top: -33px;
   left: 0;
-  background-color: var(--color-background-body, white);
+  background-color: var(--color-background-body, #FFFFFF);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.151 15.848a1.2 1.2 0 0 0 1.698 0L12 10.698l5.151 5.15a1.2 1.2 0 1 0 1.698-1.697l-6-6a1.2 1.2 0 0 0-1.697 0l-6 6a1.2 1.2 0 0 0 0 1.697Z' fill='%2302363D'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: 1rem 1rem;

package/_site/assets/css/pit-viper-v2-scoped.css

@@ -26,6 +26,18 @@
   background-color: var(--color-background-body, #FFFFFF);
   -webkit-font-smoothing: antialiased;
   /* Remove all animations and transitions for people that prefer not to see them */
+  --color-text-body: #121313;
+  --color-text-brand: #16696D;
+  --color-text-tertiary: #6E8081;
+  --color-text-quaternary: #89989B;
+  --color-border: #E3E7EA;
+  --color-border-brand: #16696D;
+  --color-background-body: #FFFFFF;
+  --color-background-accent: #F7F8F8;
+  --color-background-table-hover: #F7F8F8;
+  --color-background-brand: #16696D;
+  --color-background-highlight: #E4F8F6;
+  --color-background-disabled: #ECECEC;
   /* Tooltips mount on body, outside .pv-data-table. Skip AG Grid's 1s fade-out so a hidden tooltip disappears at once. */
   /*
    * Reasoning is an aside in a transcript, not a card, so it paints no surface of
@@ -141,6 +153,9 @@
 .pv-v2 .pv-icon-12 {
   width: 0.75rem;
 }
+.pv-v2 .pv-icon-16 {
+  width: 1rem;
+}
 .pv-v2 .pv-icon-20 {
   width: 1.25rem;
 }
@@ -813,14 +828,15 @@
 .pv-v2 [class*=pv-segmented-control] button:hover:not(:disabled) {
   box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
 }
-.pv-v2 [class*=pv-segmented-control] button[data-active] {
+.pv-v2 [class*=pv-segmented-control] button[data-active],
+.pv-v2 [class*=pv-segmented-control] button[data-active]:is(:hover, :focus-visible, :active):not(:disabled) {
   background-color: var(--segmented-control-button-selected-background, #FFFFFF);
 }
-.pv-v2 [class*=pv-segmented-control] button:hover:not(:disabled),
+.pv-v2 [class*=pv-segmented-control] button:hover:not(:disabled, [data-active]),
 .pv-v2 [class*=pv-segmented-control] button:focus-visible:not(:disabled) {
   background-color: var(--segmented-control-button-hover-background, #E8F2F4);
 }
-.pv-v2 [class*=pv-segmented-control] button:active:not(:disabled) {
+.pv-v2 [class*=pv-segmented-control] button:active:not(:disabled, [data-active]) {
   background-color: var(--segmented-control-button-active-background, #C7D8DB);
 }
 .pv-v2 [class*=pv-segmented-control] button:has(svg:is(:only-child)) {
@@ -1524,7 +1540,7 @@
   line-height: 1.33333333;
 }
 .pv-v2 .pv-ghost-input input::placeholder, .pv-v2 .pv-ghost-input input::-webkit-input-placeholder {
-  color: var(--color-text-quaternary, #89989B);
+  color: #89989B;
 }
 .pv-v2 .pv-ghost-input button {
   opacity: 0;
@@ -1536,7 +1552,7 @@
   outline: 0;
 }
 .pv-v2 .pv-ghost-input:hover input::placeholder, .pv-v2 .pv-ghost-input:hover input::-webkit-input-placeholder, .pv-v2 .pv-ghost-input:focus-visible input::placeholder, .pv-v2 .pv-ghost-input:focus-visible input::-webkit-input-placeholder, .pv-v2 .pv-ghost-input:focus-within input::placeholder, .pv-v2 .pv-ghost-input:focus-within input::-webkit-input-placeholder {
-  color: var(--color-text-tertiary, #6E8081);
+  color: #6E8081;
 }
 .pv-v2 .pv-ghost-input[data-style=h1] input {
   font-weight: 600;
@@ -1582,7 +1598,7 @@
   --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
   --range-thumb-border-width: 3px;
   --range-thumb-size: 20px;
-  --range-track-color: var(--color-border, #E3E7EA);
+  --range-track-color: #E3E7EA;
   --range-track-height: 6px;
   --value: 0%;
   -webkit-appearance: none;
@@ -1612,11 +1628,11 @@
   outline: none;
 }
 .pv-v2 .pv-range:focus-visible::-webkit-slider-thumb {
-  outline: 2px solid var(--color-border-brand, #36C5BA);
+  outline: 2px solid #36C5BA;
   outline-offset: 2px;
 }
 .pv-v2 .pv-range:focus-visible::-moz-range-thumb {
-  outline: 2px solid var(--color-border-brand, #36C5BA);
+  outline: 2px solid #36C5BA;
   outline-offset: 2px;
 }
 .pv-v2 .pv-range-sm {
@@ -1643,7 +1659,7 @@
   --range-dual-thumb-size: 1.25rem;
   --range-dual-track-height: 0.375rem;
   --range-fill-color: var(--color-background-brand-inverse, #36C5BA);
-  --range-track-color: var(--color-border, #E3E7EA);
+  --range-track-color: #E3E7EA;
   align-items: center;
   cursor: pointer;
   display: flex;
@@ -1736,11 +1752,11 @@
   outline: none;
 }
 .pv-v2 .pv-range-dual-native:focus-visible::-webkit-slider-thumb {
-  outline: 2px solid var(--color-border-brand, #36C5BA);
+  outline: 2px solid #36C5BA;
   outline-offset: 2px;
 }
 .pv-v2 .pv-range-dual-native:focus-visible::-moz-range-thumb {
-  outline: 2px solid var(--color-border-brand, #36C5BA);
+  outline: 2px solid #36C5BA;
   outline-offset: 2px;
 }
 .pv-v2 .pv-range-dual-native-min {
@@ -2029,7 +2045,7 @@
 }
 .pv-v2 .pv-avatar-group > li, .pv-v2 .pv-avatar-group[data-more]:after {
   margin-inline-start: -0.5rem;
-  outline: 2px solid var(--color-background-body, white);
+  outline: 2px solid var(--color-background-body, #FFFFFF);
 }
 .pv-v2 .pv-avatar-group[data-more]:after {
   content: "+" attr(data-more);
@@ -3007,6 +3023,12 @@
   padding: var(--tag-large-padding, calc(0.25rem - 1px) 0.5rem);
   border-radius: var(--tag-large-radius, 3px);
 }
+.pv-v2 .pv-tag-xl {
+  font-size: var(--tag-xlarge-font-size, 0.75rem);
+  line-height: var(--tag-xlarge-line-height, 1rem);
+  padding: var(--tag-xlarge-padding, calc(0.25rem - 1px) 0.5rem);
+  border-radius: var(--tag-xlarge-radius, 3px);
+}
 .pv-v2 [class*=pv-tag]:has(.pv-company-xs, .pv-company-sm) {
   padding: 1px 4px;
   gap: 4px;
@@ -3197,7 +3219,7 @@
   opacity: 1;
   pointer-events: auto;
 }
-.pv-v2 [class*=pv-tab-list] > :where(li) > a, .pv-v2 [class*=pv-tab-list] > :where(li) > button, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button {
+.pv-v2 [class*=pv-tab-list] > :where(li) > a, .pv-v2 [class*=pv-tab-list] > :where(li) > button, .pv-v2 [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button {
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3212,15 +3234,15 @@
   background-color: transparent;
   cursor: pointer;
 }
-.pv-v2 [class*=pv-tab-list] > :where(li) > a:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > a:focus-visible, .pv-v2 [class*=pv-tab-list] > :where(li) > button:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > button:focus-visible, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:focus-visible {
+.pv-v2 [class*=pv-tab-list] > :where(li) > a:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > a:focus-visible, .pv-v2 [class*=pv-tab-list] > :where(li) > button:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > button:focus-visible, .pv-v2 [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:hover, .pv-v2 [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:focus-visible {
   text-decoration: none;
   color: var(--tab-list-hover-text-color, #121313);
   background-color: var(--tab-list-hover-background-color, #E8F2F4);
 }
-.pv-v2 [class*=pv-tab-list] > :where(li) > a:active, .pv-v2 [class*=pv-tab-list] > :where(li) > button:active, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:active {
+.pv-v2 [class*=pv-tab-list] > :where(li) > a:active, .pv-v2 [class*=pv-tab-list] > :where(li) > button:active, .pv-v2 [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:active {
   background-color: var(--tab-list-pressed-background-color, #C7D8DB);
 }
-.pv-v2 [class*=pv-tab-list] > :where(li) > a:disabled, .pv-v2 [class*=pv-tab-list] > :where(li) > button:disabled, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:disabled {
+.pv-v2 [class*=pv-tab-list] > :where(li) > a:disabled, .pv-v2 [class*=pv-tab-list] > :where(li) > button:disabled, .pv-v2 [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:disabled {
   color: var(--tab-list-disabled-text-color, #7D898D);
   background-color: transparent;
   cursor: unset;
@@ -3246,7 +3268,7 @@
   line-height: var(--tab-list-line-height, 1.33333333);
   background-color: transparent;
 }
-.pv-v2 [class*=pv-tab-list] > :where(li) > a:after, .pv-v2 [class*=pv-tab-list] > :where(li) > button:after, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-input:after, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-overflow button:after {
+.pv-v2 [class*=pv-tab-list] > :where(li) > a:after, .pv-v2 [class*=pv-tab-list] > :where(li) > button:after, .pv-v2 [class*=pv-tab-list] > :where(li) > .pv-tab-input:after, .pv-v2 [class*=pv-tab-list] > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button:after {
   content: "";
   display: block;
   height: var(--tab-list-indicator-size, 2px);
@@ -3257,7 +3279,7 @@
   right: 0;
   background-color: var(--tab-list-indicator-inactive-color, #E3E7EA);
 }
-.pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > a, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > button, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button {
+.pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > a, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > button {
   color: var(--tab-list-active-text-color, #16696D);
 }
 .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input .pv-ghost-input input {
@@ -3266,7 +3288,7 @@
 .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] .pv-tab-options .pv-button-ghost {
   color: var(--tab-list-active-text-color, #16696D);
 }
-.pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > a:after, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > button:after, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-input:after, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > .pv-tab-overflow button:after {
+.pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > a:after, .pv-v2 [class*=pv-tab-list] > :where(li)[data-active] > button:after, .pv-v2 [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, #16696D);
 }
@@ -3293,12 +3315,34 @@
   width: 100%;
   min-width: 0;
 }
-.pv-v2 .pv-tab-list-small > :where(li) > a, .pv-v2 .pv-tab-list-small > :where(li) > button, .pv-v2 .pv-tab-list-small > :where(li) > .pv-tab-overflow button {
+.pv-v2 .pv-tab-list-small > :where(li) > a, .pv-v2 .pv-tab-list-small > :where(li) > button, .pv-v2 .pv-tab-list-small > :where(li) > :is(.pv-tab-overflow, .pv-tab-add-menu) button {
   padding: var(--tab-list-small-item-padding, 0.1875rem 0.5rem);
 }
 .pv-v2 .pv-tab-list-small > :where(li) > .pv-tab-input {
   padding: 3px 8px;
 }
+.pv-v2 ol.pv-tab-list {
+  gap: 0.25rem;
+  border-block-end: 0;
+}
+.pv-v2 ol.pv-tab-list > li > a {
+  border-radius: var(--stepper-button-radius, 8px);
+  color: var(--stepper-button-inactive-text-color, #6E8081);
+}
+.pv-v2 ol.pv-tab-list > li > a:hover, .pv-v2 ol.pv-tab-list > li > a:focus-visible {
+  color: var(--stepper-button-inactive-text-color, #6E8081);
+  background-color: var(--stepper-button-inactive-background-color, #E8F2F4);
+}
+.pv-v2 ol.pv-tab-list > li > a:active {
+  background-color: var(--stepper-button-inactive-active-background-color, #C7D8DB);
+}
+.pv-v2 ol.pv-tab-list > li > a:after {
+  display: none;
+}
+.pv-v2 ol.pv-tab-list > li[data-active] > a, .pv-v2 ol.pv-tab-list > li[data-active] > a:hover, .pv-v2 ol.pv-tab-list > li[data-active] > a:focus-visible, .pv-v2 ol.pv-tab-list > li[data-active] > a:active {
+  color: var(--stepper-button-active-text-color, #121313);
+  background-color: var(--stepper-button-active-background-color, #F3F1EB);
+}
 .pv-v2 :where(ol.pv-tab-list) {
   counter-reset: item;
 }
@@ -3308,8 +3352,8 @@
   display: inline-block;
   width: 1.5rem;
   height: 1.5rem;
-  color: var(--color-text-inverse, #FFFFFF);
-  background-color: var(--tab-list-counter-background-color, #ADB5C0);
+  color: var(--tab-list-counter-color, #4B595C);
+  background-color: var(--tab-list-counter-background-color, #E0E5E4);
   margin-inline-end: 0.5rem;
   text-align: center;
   border-radius: 50%;
@@ -3317,6 +3361,7 @@
   line-height: 2;
 }
 .pv-v2 :where(ol.pv-tab-list) [data-active] > a:before {
+  color: var(--color-text-inverse, #FFFFFF);
   background-color: var(--tab-list-indicator-color, #16696D);
 }
 .pv-v2 :where(ol.pv-tab-list) [data-complete] {
@@ -3435,6 +3480,13 @@
 .pv-v2 .pv-select-multiple {
   font-weight: 600;
 }
+.pv-v2 .pv-select-multiple:not(:disabled, [data-invalid], [data-dropdown]):hover {
+  color: var(--select-multiple-hover-color, #121313);
+  background-color: var(--select-multiple-hover-background-color, #E8F2F4);
+}
+.pv-v2 .pv-select-multiple:disabled {
+  color: var(--select-multiple-disabled-color, #4B595C);
+}
 .pv-v2 .pv-select-multiple[data-dropdown] {
   background-image: var(--select-multiple-open-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.151 15.848a1.2 1.2 0 0 0 1.698 0L12 10.698l5.151 5.15a1.2 1.2 0 1 0 1.698-1.697l-6-6a1.2 1.2 0 0 0-1.697 0l-6 6a1.2 1.2 0 0 0 0 1.697Z' fill='%234B595C'/%3E%3C/svg%3E"));
   background-color: #ECECEC;
@@ -3581,13 +3633,13 @@
   cursor: default !important;
 }
 .pv-v2 .pv-tree-item.pv-drop-indicator-top {
-  border-top: 1px solid var(--color-border, #121313);
+  border-top: 1px solid #121313;
 }
 .pv-v2 .pv-tree-item.pv-drop-indicator-bottom {
-  border-bottom: 1px solid var(--color-border, #121313);
+  border-bottom: 1px solid #121313;
 }
 .pv-v2 .pv-drop-indicator-parent {
-  border: 1px solid var(--color-border, #36C5BA);
+  border: 1px solid #36C5BA;
 }
 .pv-v2 .pv-tree-empty-accordion {
   padding-block: 0.1875rem;
@@ -5027,7 +5079,7 @@
   padding: 0.5rem;
   font-size: 16px;
   line-height: 1.5;
-  border: 2px solid var(--color-border, #DCDFE4);
+  border: 2px solid #DCDFE4;
   border-radius: 2px;
   appearance: none;
   background-color: var(--color-background-body, #FFFFFF);
@@ -5198,7 +5250,7 @@
   appearance: none;
   width: 1rem !important;
   height: 1rem !important;
-  background-color: var(--color-background-body, white);
+  background-color: var(--color-background-body, #FFFFFF);
   border: 2px solid var(--checkbox-border, #DCDFE4);
   flex-shrink: 0;
   border-radius: 2px !important;
@@ -6716,7 +6768,7 @@
   }
 }
 .pv-v2 .pv-scrollbar-visible {
-  scrollbar-color: var(--color-border, #C1C1C1) transparent;
+  scrollbar-color: #C1C1C1 transparent;
   scrollbar-gutter: stable;
   scrollbar-width: thin;
 }
@@ -6733,7 +6785,7 @@
 }
 .pv-v2 .pv-scrollbar-visible::-webkit-scrollbar-thumb {
   border-radius: 8px;
-  background-color: var(--color-border, #C1C1C1);
+  background-color: #C1C1C1;
 }
 .pv-v2 .pv-scrollbar-visible::-webkit-scrollbar-thumb:hover {
   background-color: var(--color-text-subdued, #7C7C7C);
@@ -6967,7 +7019,7 @@
   display: none;
 }
 .pv-v2 .select2-selection--multiple {
-  background-color: var(--color-background-body, white);
+  background-color: var(--color-background-body, #FFFFFF);
   border: var(--select2-border, 1px solid #E3E7EA);
   border-radius: 4px;
   cursor: text;
@@ -6994,7 +7046,7 @@
   -webkit-appearance: none;
 }
 .pv-v2 .select2-dropdown {
-  background-color: var(--color-background-body, white);
+  background-color: var(--color-background-body, #FFFFFF);
   border-radius: 4px;
   padding-block: 0.5rem;
   display: block;
@@ -7017,7 +7069,7 @@
   position: absolute;
   top: -33px;
   left: 0;
-  background-color: var(--color-background-body, white);
+  background-color: var(--color-background-body, #FFFFFF);
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.151 15.848a1.2 1.2 0 0 0 1.698 0L12 10.698l5.151 5.15a1.2 1.2 0 1 0 1.698-1.697l-6-6a1.2 1.2 0 0 0-1.697 0l-6 6a1.2 1.2 0 0 0 0 1.697Z' fill='%2302363D'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: 1rem 1rem;