@turquoisehealth/pit-viper 2.0.0-alpha.9 → 2.1.0

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

@@ -175,58 +175,58 @@
 }
 
 .pv-heading-1 {
-  font-size: var(--font-size-heading-1, 2.75rem);
-  line-height: var(--line-height-heading-1, 1.18181818);
+  font-size: var(--font-size-heading-1, 1.25rem);
+  line-height: var(--line-height-heading-1, 1.2);
 }
 
 .pv-heading-2 {
-  font-size: var(--font-size-heading-2, 2.25rem);
-  line-height: var(--line-height-heading-2, 1.2222222);
+  font-size: var(--font-size-heading-2, 1rem);
+  line-height: var(--line-height-heading-2, 1.5);
 }
 
 .pv-heading-3 {
-  font-size: var(--font-size-heading-3, 1.75rem);
+  font-size: var(--font-size-heading-3, 0.875rem);
   line-height: var(--line-height-heading-3, 1.1428571);
 }
 
 .pv-heading-4 {
-  font-size: var(--font-size-heading-4, 1.5rem);
-  line-height: var(--line-height-heading-4, 1.16666666);
+  font-size: var(--font-size-heading-4, 0.75rem);
+  line-height: var(--line-height-heading-4, 1.3333333);
 }
 
 .pv-heading-5 {
-  font-size: var(--font-size-heading-5, 1.25rem);
-  line-height: var(--line-height-heading-5, 1.2);
+  font-size: var(--font-size-heading-5, 0.75rem);
+  line-height: var(--line-height-heading-5, 1.3333333);
 }
 
 .pv-text-body-xl {
-  font-size: var(--font-size-xl, 1.375rem);
-  line-height: var(--line-height-xl, 1.45454545);
+  font-size: var(--font-size-xl, 0.875rem);
+  line-height: var(--line-height-xl, 1.1428571);
 }
 
 .pv-text-body-lg {
-  font-size: var(--font-size-l, 1.25rem);
-  line-height: var(--line-height-l, 1.6);
+  font-size: var(--font-size-l, 0.875rem);
+  line-height: var(--line-height-l, 1.1428571);
 }
 
 .pv-text-body-md {
-  font-size: var(--font-size-m, 1.125rem);
-  line-height: var(--line-height-m, 1.55555555);
+  font-size: var(--font-size-m, 0.75rem);
+  line-height: var(--line-height-m, 1.33333333);
 }
 
 .pv-text-body-sm {
-  font-size: var(--font-size-s, 1rem);
-  line-height: var(--line-height-s, 1.5);
+  font-size: var(--font-size-s, 0.6875rem);
+  line-height: var(--line-height-s, 1.45454545);
 }
 
 .pv-text-body-xs {
-  font-size: var(--font-size-xs, 0.875rem);
-  line-height: var(--line-height-xs, 1.42857143);
+  font-size: var(--font-size-xs, 0.6875rem);
+  line-height: var(--line-height-xs, 1.45454545);
 }
 
 .pv-text-body-xxs {
-  font-size: var(--font-size-xxs, 0.75rem);
-  line-height: var(--line-height-xxs, 1rem);
+  font-size: var(--font-size-xxs, 0.6875rem);
+  line-height: var(--line-height-xxs, 1.45454545);
   letter-spacing: 0.12px;
 }
 
@@ -235,44 +235,44 @@
 }
 
 .pv-text-title-xl {
-  font-size: var(--font-size-title-xl, 1.375rem);
-  line-height: var(--line-height-title-xl, 1.27272727);
+  font-size: var(--font-size-title-xl, 0.875rem);
+  line-height: var(--line-height-title-xl, 1.1428571);
 }
 
 .pv-text-title-lg {
-  font-size: var(--font-size-title-l, 1.25rem);
-  line-height: var(--line-height-title-l, 1.2);
+  font-size: var(--font-size-title-l, 0.875rem);
+  line-height: var(--line-height-title-l, 1.1428571);
 }
 
 .pv-text-title-md {
-  font-size: var(--font-size-title-m, 1.125rem);
+  font-size: var(--font-size-title-m, 0.75rem);
   line-height: var(--line-height-title-m, 1.33333333);
 }
 
 .pv-text-title-sm {
-  font-size: var(--font-size-title-s, 1rem);
-  line-height: var(--line-height-title-s, 1.25);
+  font-size: var(--font-size-title-s, 0.6875rem);
+  line-height: var(--line-height-title-s, 1.45454545);
 }
 
 .pv-text-title-xs {
-  font-size: var(--font-size-title-xs, 0.875rem);
-  line-height: var(--line-height-title-xs, 1.66666666);
+  font-size: var(--font-size-title-xs, 0.6875rem);
+  line-height: var(--line-height-title-xs, 1.45454545);
 }
 
 .pv-text-eyebrow-lg {
   font-weight: var(--font-weight-bold, 700);
   letter-spacing: 0.0375rem;
   text-transform: uppercase;
-  font-size: var(--font-size-xs, 0.875rem);
-  line-height: var(--line-height-xs, 1.42857143);
+  font-size: var(--font-size-xs, 0.6875rem);
+  line-height: var(--line-height-xs, 1.45454545);
 }
 
 .pv-text-eyebrow-sm {
   font-weight: var(--font-weight-bold, 700);
   letter-spacing: 0.0375rem;
   text-transform: uppercase;
-  font-size: var(--font-size-xxs, 0.75rem);
-  line-height: var(--line-height-xxs, 1rem);
+  font-size: var(--font-size-xxs, 0.6875rem);
+  line-height: var(--line-height-xxs, 1.45454545);
 }
 
 .pv-text-center {
@@ -385,7 +385,7 @@
 }
 .pv-kbd {
   display: inline-block;
-  font-size: 0.75rem;
+  font-size: 0.6875rem;
   color: #4B595C;
   border: 1px solid #DCDFE4;
   border-radius: 4px;
@@ -426,7 +426,7 @@
 :where([class*=pv-button]),
 :where([class*=pv-segmented-control] button) {
   background-color: transparent;
-  border: 0;
+  border: 1px solid transparent;
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -434,15 +434,16 @@
   gap: 0.5rem;
   white-space: nowrap;
   font-weight: var(--button-font-weight, 500);
-  line-height: var(--button-line-height, 1rem);
+  line-height: var(--button-line-height, 1.45454545);
   border-radius: var(--button-radius, 4px);
-  font-size: var(--button-font-size, 0.75rem);
+  font-size: var(--button-font-size, 0.6875rem);
   transition-duration: 0.125s;
   transition-property: background-color, color;
 }
 :where([class*=pv-button]):disabled,
 :where([class*=pv-segmented-control] button):disabled {
-  color: #4B595C;
+  color: var(--button-disabled-color, #4B595C);
+  background-color: var(--button-disabled-background-color, #ECECEC);
   cursor: unset;
 }
 :where([class*=pv-button]):hover,
@@ -456,7 +457,7 @@
 .pv-button-ghost,
 .pv-button-destructive,
 .pv-button-ghost-destructive {
-  padding: var(--button-padding, 0.5rem 0.75rem);
+  padding: var(--button-padding, calc(0.5rem - 1px) 0.75rem);
 }
 .pv-button-primary:not(:disabled):hover, .pv-button-primary:not(:disabled):focus-visible,
 .pv-button-secondary:not(:disabled):hover,
@@ -477,40 +478,20 @@
 .pv-button-ghost:disabled,
 .pv-button-destructive:disabled,
 .pv-button-ghost-destructive:disabled {
-  color: #4B595C;
-  background-color: #DCDFE4;
-}
-
-.pv-button-primary-outline:disabled,
-.pv-button-secondary-outline:disabled,
-.pv-button-link:disabled,
-.pv-button-link-destructive:disabled {
-  color: #4B595C;
-}
-
-.pv-button-primary,
-.pv-button-secondary,
-.pv-button-destructive {
-  color: #FFFFFF;
-}
-.pv-button-primary:not(:disabled):hover, .pv-button-primary:not(:disabled):focus-visible,
-.pv-button-secondary:not(:disabled):hover,
-.pv-button-secondary:not(:disabled):focus-visible,
-.pv-button-destructive:not(:disabled):hover,
-.pv-button-destructive:not(:disabled):focus-visible {
-  color: #FFFFFF;
+  color: var(--button-disabled-color, #4B595C);
+  background-color: var(--button-disabled-background-color, #ECECEC);
 }
 
 .pv-button-primary {
-  color: var(--color-button-text, #FFFFFF);
-  background-color: var(--color-button-primary-background, #16696D);
+  color: var(--button-primary-color, #FFFFFF);
+  background-color: var(--button-primary-background-color, #16696D);
 }
 .pv-button-primary:not(:disabled):hover, .pv-button-primary:not(:disabled):focus-visible {
-  color: var(--color-button-text-hover, #FFFFFF);
-  background-color: var(--color-button-primary-background-hover, #0D5256);
+  color: var(--button-primary-hover-color, #FFFFFF);
+  background-color: var(--button-primary-hover-background-color, #0D5256);
 }
 .pv-button-primary:not(:disabled):active {
-  background-color: var(--color-button-primary-background-active, #02363D);
+  background-color: var(--button-primary-pressed-background-color, #02363D);
 }
 
 .pv-button-primary.pv-button-inverse {
@@ -523,15 +504,16 @@
 }
 
 .pv-button-secondary {
-  color: var(--color-button-secondary-text, #FFFFFF);
-  background-color: var(--color-button-secondary-background, #02363D);
+  color: var(--button-secondary-color, #121313);
+  background-color: var(--button-secondary-background-color, transparent);
+  border-color: var(--button-secondary-border-color, #E3E7EA);
 }
 .pv-button-secondary:not(:disabled):hover, .pv-button-secondary:not(:disabled):focus-visible {
-  color: var(--color-button-secondary-text-hover, #FFFFFF);
-  background-color: var(--color-button-secondary-background-hover, #011214);
+  color: var(--button-secondary-hover-color, #121313);
+  background-color: var(--button-secondary-hover-background-color, #E8F2F4);
 }
 .pv-button-secondary:not(:disabled):active {
-  background-color: var(--color-button-secondary-background-active, #0D5256);
+  background-color: var(--button-secondary-pressed-background-color, #C7D8DB);
 }
 .pv-button-secondary.pv-button-inverse {
   color: var(--color-text-body, #121313);
@@ -546,34 +528,38 @@
 }
 
 .pv-button-tertiary {
-  background-color: #A8E6E1;
+  background-color: transparent;
+  border-color: transparent;
 }
 .pv-button-tertiary:not(:disabled) {
   color: #121313;
 }
 .pv-button-tertiary:not(:disabled):hover, .pv-button-tertiary:not(:disabled):focus-visible {
-  background-color: #6FD6CE;
+  background-color: #E8F2F4;
 }
 .pv-button-tertiary:not(:disabled):active {
-  background-color: #36C5BA;
+  background-color: #C7D8DB;
 }
 
 .pv-button-destructive {
-  background-color: #DA1E28;
+  color: var(--button-destructive-color, #801A00);
+  background-color: var(--button-destructive-background-color, #FFEFEB);
 }
 .pv-button-destructive:not(:disabled):hover, .pv-button-destructive:not(:disabled):focus-visible {
-  background-color: #A2191F;
+  background-color: var(--button-destructive-hover-background-color, #FEE0D8);
 }
 .pv-button-destructive:not(:disabled):active {
-  background-color: #FA4D56;
+  background-color: var(--button-destructive-pressed-background-color, #FFAD99);
 }
 
 .pv-button-ghost {
-  color: inherit;
+  color: var(--button-ghost-color, #121313);
 }
 .pv-button-ghost:not(:disabled):hover, .pv-button-ghost:not(:disabled):focus-visible {
-  color: #0D5256;
-  background-color: #A8E6E1;
+  background-color: var(--button-ghost-hover-background-color, #E8F2F4);
+}
+.pv-button-ghost:not(:disabled):active {
+  background-color: var(--button-ghost-pressed-background-color, #C7D8DB);
 }
 
 .pv-button-ghost.pv-button-inverse {
@@ -585,41 +571,45 @@
 }
 
 .pv-button-ghost-destructive {
-  color: #A2191F;
+  color: #801A00;
 }
 .pv-button-ghost-destructive:not(:disabled):hover, .pv-button-ghost-destructive:not(:disabled):focus-visible {
-  color: #750E13;
-  background-color: #FFD7D9;
+  color: #801A00;
+  background-color: #FEE0D8;
+}
+.pv-button-ghost-destructive:not(:disabled):active {
+  background-color: #FFAD99;
 }
 
 .pv-button-primary-outline {
-  border: 2px solid var(--color-border-brand, #176F6F);
-  color: var(--color-text-brand, #176F6F);
-  padding: calc(0.75rem - 2px) calc(1.25rem - 2px);
+  border: 1px solid var(--button-primary-outline-border-color, #E3E7EA);
+  color: var(--button-primary-outline-color, #121313);
+  padding: calc(0.5rem - 1px) 0.75rem;
 }
 .pv-button-primary-outline:not(:disabled):hover, .pv-button-primary-outline:not(:disabled):focus-visible {
-  background-color: var(--color-background-brand, #176F6F);
-  color: var(--color-text-accent, #FFFFFF);
+  background-color: var(--button-primary-outline-hover-background-color, #E8F2F4);
+  color: var(--button-primary-outline-hover-color, #121313);
 }
 .pv-button-primary-outline:disabled {
-  border-color: #6E7784;
+  border-color: #E3E7EA;
+  color: #4B595C;
 }
 
 .pv-button-secondary-outline {
-  border: 2px solid currentColor;
-  color: var(--color-text-body, #121313);
-  padding: calc(0.75rem - 2px) calc(1.25rem - 2px);
+  border: 1px solid var(--button-secondary-outline-border-color, #E3E7EA);
+  color: var(--button-secondary-outline-color, #121313);
+  padding: calc(0.5rem - 1px) 0.75rem;
 }
 .pv-button-secondary-outline:not(:disabled):hover, .pv-button-secondary-outline:not(:disabled):focus-visible {
-  background-color: var(--color-background-brand, #02363D);
-  color: var(--color-text-inverse, #FFFFFF);
+  background-color: var(--button-secondary-outline-hover-background-color, #E8F2F4);
+  color: var(--button-secondary-outline-hover-color, #121313);
 }
 .pv-button-secondary-outline:active {
-  color: var(--color-text-inverse, #FFFFFF);
-  background-color: var(--color-background-secondary-hover, #0D5256);
+  background-color: var(--button-secondary-outline-pressed-background-color, #C7D8DB);
 }
 .pv-button-secondary-outline:disabled {
-  border-color: #6E7784;
+  border-color: #E3E7EA;
+  color: #4B595C;
 }
 .pv-button-secondary-outline.pv-button-inverse {
   color: var(--color-text-inverse, #FFFFFF);
@@ -633,23 +623,45 @@
   background-color: var(--color-background-interactive, #A8E6E1);
 }
 
+.pv-button-xsmall {
+  padding: var(--button-xsmall-padding, calc(0.125rem - 1px) 0.25rem);
+}
+
+.pv-button-small {
+  padding: var(--button-small-padding, calc(0.25rem - 1px) 0.5rem);
+}
+.pv-button-small.pv-button-primary-outline {
+  padding: calc(0.25rem - 1px) 0.5rem;
+}
+
+.pv-button-large {
+  font-size: 1.125rem;
+  line-height: 1.3333333;
+}
+
 .pv-button-icon {
-  padding: 0;
-  border-radius: 0;
-  width: 1.5rem;
-  height: 1.5rem;
+  padding: 0.5rem;
+  border-radius: 4px;
   display: grid;
   place-items: center;
   color: currentColor;
-  opacity: 0.7;
-  transition-property: opacity;
+  background-color: transparent;
 }
 .pv-button-icon:hover, .pv-button-icon:focus-visible {
-  opacity: 1;
+  background-color: #E8F2F4;
+}
+.pv-button-icon:active {
+  background-color: #C7D8DB;
+}
+.pv-button-icon.pv-button-small {
+  padding: 0.25rem;
+}
+.pv-button-icon.pv-button-xsmall {
+  padding: 0.125rem;
 }
 
 .pv-button-icon-outline {
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
   border: 1px solid #DCDFE4;
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
   color: #121313;
@@ -664,20 +676,8 @@
   transition-property: box-shadow;
 }
 
-.pv-button-small {
-  padding: 0.5rem 1rem;
-}
-.pv-button-small.pv-button-primary-outline {
-  padding: calc(0.5rem - 2px) calc(1rem - 2px);
-}
-
-.pv-button-large {
-  font-size: 1.125rem;
-  line-height: 1.3333333;
-}
-
 [class*=pv-button-link] {
-  color: #121313;
+  color: var(--button-link-color, #16696D);
   padding: 0;
   border-radius: 0;
   font-weight: var(--button-font-weight, 500);
@@ -686,26 +686,30 @@
   border-bottom: 2px solid currentColor;
 }
 [class*=pv-button-link]:hover:not(:disabled), [class*=pv-button-link]:focus-visible:not(:disabled) {
-  color: inherit;
+  color: var(--button-link-hover-color, #0D5256);
 }
 [class*=pv-button-link]:hover, [class*=pv-button-link]:focus-visible {
   text-decoration: none;
 }
+[class*=pv-button-link]:disabled {
+  color: #4B595C;
+  background-color: transparent;
+}
 [class*=pv-button-link].pv-button-inverse {
-  color: #FFFFFF;
+  color: var(--button-link-inverse-color, #FFFFFF);
 }
 [class*=pv-button-link].pv-button-inverse:hover:not(:disabled), [class*=pv-button-link].pv-button-inverse:focus-visible:not(:disabled) {
-  color: #A8E6E1;
+  color: var(--button-link-inverse-hover-color, #A8E6E1);
 }
 [class*=pv-button-link].pv-button-inverse:disabled {
-  color: #4B595C;
+  color: var(--button-link-inverse-disabled-color, #6E7784);
 }
 
 .pv-button-link-destructive {
-  color: #A2191F;
+  color: var(--button-link-destructive-color, #801A00);
 }
 .pv-button-link-destructive:not(:disabled):hover, .pv-button-link-destructive:not(:disabled):focus-visible {
-  color: #750E13;
+  color: var(--button-link-destructive-hover-color, #801A00);
 }
 
 [class*=pv-segmented-control] {
@@ -841,6 +845,63 @@
   background-color: #DCDFE4;
 }
 
+.pv-alpha-button,
+[data-collapsed] .pv-alpha-button {
+  width: min-content;
+  background-color: #FFFFFF;
+  border-radius: 4px;
+  border: 0;
+  padding: 0.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+}
+.pv-alpha-button span:first-child,
+[data-collapsed] .pv-alpha-button span:first-child {
+  display: none;
+  font-size: 0.9375rem;
+  font-weight: 600;
+}
+.pv-alpha-button span:last-child,
+[data-collapsed] .pv-alpha-button span:last-child {
+  display: inline-block;
+  background-color: #EAB333;
+  border-radius: 4px;
+  padding: 0.125rem;
+  font-size: 0.6875rem;
+  line-height: 1rem;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+.pv-alpha-button:hover, .pv-alpha-button:focus-visible, .pv-alpha-button:active,
+[data-collapsed] .pv-alpha-button:hover,
+[data-collapsed] .pv-alpha-button:focus-visible,
+[data-collapsed] .pv-alpha-button:active {
+  background-color: #176F6F;
+}
+.pv-alpha-button:hover span:first-child, .pv-alpha-button:focus-visible span:first-child, .pv-alpha-button:active span:first-child,
+[data-collapsed] .pv-alpha-button:hover span:first-child,
+[data-collapsed] .pv-alpha-button:focus-visible span:first-child,
+[data-collapsed] .pv-alpha-button:active span:first-child {
+  color: #FFFFFF;
+}
+.pv-alpha-button:active,
+[data-collapsed] .pv-alpha-button:active {
+  background-color: #0D5256;
+}
+
+@media (width >= 768px) {
+  .pv-alpha-button {
+    width: 100%;
+  }
+  .pv-alpha-button span:first-child {
+    display: inline-block;
+  }
+  .pv-alpha-button span:last-child {
+    padding: 0.125rem 0.5rem;
+  }
+}
 .pv-input-text,
 .pv-input-search,
 .pv-input-date,
@@ -848,9 +909,9 @@
 .pv-select,
 .pv-select-multiple {
   color: #121313;
-  padding: var(--text-input-padding, calc(0.5rem - 5px) 0.75rem);
-  font-size: var(--text-input-font-size, 1rem);
-  line-height: var(--text-input-line-height, 1.5);
+  padding: var(--text-input-padding, 0.5rem 0.75rem);
+  font-size: var(--text-input-font-size, 0.75rem);
+  line-height: var(--text-input-line-height, 1.33333333);
   border: var(--text-input-border-width, 1px) solid var(--text-input-border-color, #E3E7EA);
   border-radius: var(--text-input-radius, 4px);
   appearance: none;
@@ -860,27 +921,55 @@
   transition-duration: 0.125s;
   transition-property: background-color, border-color, color;
 }
-.pv-input-text:not(:disabled, [data-invalid]):focus-visible, .pv-input-text:not(:disabled, [data-invalid]):hover,
-.pv-input-search:not(:disabled, [data-invalid]):focus-visible,
+.pv-input-text:not(:disabled, [data-invalid]):hover,
 .pv-input-search:not(:disabled, [data-invalid]):hover,
-.pv-input-date:not(:disabled, [data-invalid]):focus-visible,
 .pv-input-date:not(:disabled, [data-invalid]):hover,
-.pv-textarea:not(:disabled, [data-invalid]):focus-visible,
 .pv-textarea:not(:disabled, [data-invalid]):hover,
-.pv-select:not(:disabled, [data-invalid]):focus-visible,
 .pv-select:not(:disabled, [data-invalid]):hover,
-.pv-select-multiple:not(:disabled, [data-invalid]):focus-visible,
 .pv-select-multiple:not(:disabled, [data-invalid]):hover {
-  border-color: var(--color-border-accent, #176F6F);
+  border-color: var(--text-input-hover-border-color, #D2D8DC);
+}
+.pv-input-text:not(:disabled, [data-invalid]):focus-visible,
+.pv-input-search:not(:disabled, [data-invalid]):focus-visible,
+.pv-input-date:not(:disabled, [data-invalid]):focus-visible,
+.pv-textarea:not(:disabled, [data-invalid]):focus-visible,
+.pv-select:not(:disabled, [data-invalid]):focus-visible,
+.pv-select-multiple:not(:disabled, [data-invalid]):focus-visible {
+  border-color: var(--text-input-focus-border-color, #36C5BA);
   outline: none;
 }
-.pv-input-text[data-invalid],
+.pv-input-text[data-invalid], .pv-input-text:user-invalid,
 .pv-input-search[data-invalid],
+.pv-input-search:user-invalid,
 .pv-input-date[data-invalid],
+.pv-input-date:user-invalid,
 .pv-textarea[data-invalid],
+.pv-textarea:user-invalid,
 .pv-select[data-invalid],
-.pv-select-multiple[data-invalid] {
-  border-color: #A2191F;
+.pv-select:user-invalid,
+.pv-select-multiple[data-invalid],
+.pv-select-multiple:user-invalid {
+  border-color: var(--text-input-error-border-color, #FF471A);
+  background-image: var(--text-input-error-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1c6.071 0 11 4.929 11 11s-4.929 11-11 11S1 18.071 1 12 5.929 1 12 1Zm0 2c-4.967 0-9 4.033-9 9s4.033 9 9 9 9-4.033 9-9-4.033-9-9-9Zm0 12.042a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM11 8a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0V8Z' fill='%23FF471A'/%3E%3C/svg%3E"));
+  background-repeat: no-repeat;
+  background-size: 1rem 1rem;
+  background-position: right 0.5rem center;
+  padding-inline-end: 2rem;
+}
+.pv-input-text[data-invalid].pv-text-right, .pv-input-text.pv-text-right:user-invalid,
+.pv-input-search[data-invalid].pv-text-right,
+.pv-input-search.pv-text-right:user-invalid,
+.pv-input-date[data-invalid].pv-text-right,
+.pv-input-date.pv-text-right:user-invalid,
+.pv-textarea[data-invalid].pv-text-right,
+.pv-textarea.pv-text-right:user-invalid,
+.pv-select[data-invalid].pv-text-right,
+.pv-select.pv-text-right:user-invalid,
+.pv-select-multiple[data-invalid].pv-text-right,
+.pv-select-multiple.pv-text-right:user-invalid {
+  background-position: left 0.5rem center;
+  padding-inline-end: 0.75rem;
+  padding-inline-start: 2rem;
 }
 .pv-input-text:disabled, .pv-input-text[readonly],
 .pv-input-search:disabled,
@@ -893,11 +982,12 @@
 .pv-select[readonly],
 .pv-select-multiple:disabled,
 .pv-select-multiple[readonly] {
-  background-color: #F3F4F6;
+  color: var(--text-input-disabled-text-color, #7D898D);
+  background-color: var(--text-input-disabled-background-color, #ECECEC);
 }
 
 .pv-input-search::placeholder {
-  color: #4B595C;
+  color: var(--text-input-placeholder-color, #89989B);
 }
 
 .pv-input-search {
@@ -941,13 +1031,14 @@
   resize: var(--resize);
 }
 
-.pv-label {
-  font-size: var(--label-font-size, 0.875rem);
+.pv-label,
+.pv-input-group > label {
+  font-size: var(--label-font-size, 0.6875rem);
   font-weight: var(--label-font-weight, 400);
   letter-spacing: 0.12px;
 }
 
-.pv-label-hover:hover {
+label:has(input:not(:disabled)).pv-label-hover:hover {
   cursor: pointer;
 }
 
@@ -1058,7 +1149,7 @@
 }
 
 .pv-input-file {
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
   padding: 0.75rem;
   border-radius: 4px;
   display: flex;
@@ -1081,22 +1172,49 @@
 }
 .pv-switch input[type=checkbox] {
   appearance: none;
-  background-color: #6E7784;
+  background-color: #D9DEDE;
   border-color: transparent;
   border-radius: 1rem;
   display: flex;
   align-items: center;
-  gap: 0.5rem;
-  flex-wrap: nowrap;
   padding: 0;
   position: relative;
   height: 24px;
   width: 48px;
 }
-.pv-switch input[type=checkbox]:not(:disabled):hover {
-  border-color: #176F6F;
+.pv-switch input[type=checkbox]:not(:disabled):hover,
+.pv-switch input[type=checkbox]:not(:disabled):focus-visible {
+  background-color: #E8F2F4;
   cursor: pointer;
 }
+.pv-switch input[type=checkbox]:not(:disabled):active {
+  background-color: #C7D8DB;
+}
+.pv-switch input[type=checkbox]:checked:not(:disabled):hover,
+.pv-switch input[type=checkbox]:checked:not(:disabled):focus-visible {
+  background-color: #0D5256;
+}
+.pv-switch input[type=checkbox]:checked:not(:disabled):hover:after,
+.pv-switch input[type=checkbox]:checked:not(:disabled):focus-visible:after {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.293 5.293a1 1 0 0 1 1.414 1.414l-11 11a.999.999 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L9 15.586 19.293 5.293Z' fill='%230D5256'/%3E%3C/svg%3E");
+}
+.pv-switch input[type=checkbox]:checked:not(:disabled):active {
+  background-color: #02363D;
+}
+.pv-switch input[type=checkbox]:checked:not(:disabled):active:after {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.293 5.293a1 1 0 0 1 1.414 1.414l-11 11a.999.999 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L9 15.586 19.293 5.293Z' fill='%2302363D'/%3E%3C/svg%3E");
+}
+.pv-switch input[type=checkbox]:disabled,
+.pv-switch input[type=checkbox]:checked:disabled {
+  background-color: #ECECEC;
+}
+.pv-switch input[type=checkbox]:disabled:after,
+.pv-switch input[type=checkbox]:checked:disabled:after {
+  background-color: #C9D1D0;
+}
+.pv-switch input[type=checkbox]:checked:disabled:after {
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.293 5.293a1 1 0 0 1 1.414 1.414l-11 11a.999.999 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L9 15.586 19.293 5.293Z' fill='%237D898D'/%3E%3C/svg%3E");
+}
 .pv-switch input[type=checkbox]:after {
   background-color: #FFFFFF;
   border-radius: 50%;
@@ -1108,43 +1226,9 @@
   transition-duration: 0.3s;
   height: 20px;
   width: 20px;
-}
-.pv-switch input[type=checkbox]:hover:not(:disabled):after {
-  transform: translateX(1px);
-}
-.pv-switch input[type=checkbox]:disabled {
-  background-color: #8A95A5;
-}
-.pv-switch input[type=checkbox]:disabled:after {
-  background-color: #DCDFE4;
-}
-.pv-switch > span {
-  font-weight: normal;
-  position: relative;
-}
-.pv-switch > span:first-of-type:after {
-  border-right: 1px solid #DCDFE4;
-  content: "";
-  display: block;
-  position: absolute;
-  top: calc(50% - 3px - 3px);
-  right: -0.55rem;
-  height: 0.75rem;
-  width: 1px;
-}
-.pv-switch > span:last-of-type:before {
-  border: 1px solid #535963;
-  border-radius: 0.375rem;
-  content: "";
-  display: block;
-  position: absolute;
-  top: calc(50% - 3px - 1px);
-  height: 6px;
-  width: 6px;
-}
-.pv-switch > span:last-of-type:before {
-  border-color: #C5CAD2;
-  left: -12px;
+  background-repeat: no-repeat;
+  background-size: 1rem 1rem;
+  background-position: center center;
 }
 .pv-switch input[type=checkbox]:checked {
   background-color: #16696D;
@@ -1152,16 +1236,23 @@
 .pv-switch input[type=checkbox]:checked:after {
   background-color: #FFFFFF;
   right: 2px;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.293 5.293a1 1 0 0 1 1.414 1.414l-11 11a.999.999 0 0 1-1.414 0l-5-5a1 1 0 0 1 1.414-1.414L9 15.586 19.293 5.293Z' fill='%2316696D'/%3E%3C/svg%3E");
 }
-.pv-switch input[type=checkbox]:checked:hover:not(:disabled):after {
-  transform: translateX(-1px);
+
+.pv-switch.pv-input-small {
+  padding: 0;
 }
-.pv-switch input[type=checkbox]:checked + span:last-of-type {
-  color: inherit;
+.pv-switch.pv-input-small input[type=checkbox] {
+  height: 20px;
+  width: 40px;
 }
-.pv-switch input[type=checkbox]:checked + span:last-of-type:before {
-  background-color: #176F6F;
-  border-color: #176F6F;
+.pv-switch.pv-input-small input[type=checkbox]:after {
+  right: calc(100% - 16px - 2px);
+  height: 16px;
+  width: 16px;
+}
+.pv-switch.pv-input-small input[type=checkbox]:checked:after {
+  right: 2px;
 }
 
 [class*=pv-label-selectable] {
@@ -1200,7 +1291,7 @@
   border: 2px solid #DCDFE4;
   border-radius: var(--button-radius, 4px);
   color: #121313;
-  font-size: var(--button-font-size, 0.75rem);
+  font-size: var(--button-font-size, 0.6875rem);
   font-weight: var(--button-font-weight, 500);
   padding: 0.25rem 0.5rem;
   transition-duration: 0.125s;
@@ -1265,6 +1356,114 @@
   padding-inline-start: 2rem;
 }
 
+.pv-input-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.pv-input-group p {
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
+  padding-inline-start: calc(0.75rem + 1px);
+}
+
+div:has(> .pv-input-text[data-prefix]),
+div:has(> .pv-input-text[data-suffix]) {
+  position: relative;
+}
+div:has(> .pv-input-text[data-prefix]):after,
+div:has(> .pv-input-text[data-suffix]):after {
+  position: absolute;
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+div:has(> .pv-input-text[data-prefix="$"]):after {
+  content: "$";
+  left: 0.75rem;
+}
+div:has(> .pv-input-text[data-prefix="$"]) .pv-input-text {
+  padding-inline-start: calc(0.75rem + 1.5ch);
+}
+
+div:has(> .pv-input-text[data-suffix="%"]):after {
+  content: "%";
+  right: 0.75rem;
+}
+div:has(> .pv-input-text[data-suffix="%"]) .pv-input-text {
+  padding-inline-end: calc(0.75rem + 1.5ch);
+}
+
+.pv-ghost-input {
+  display: flex;
+  align-items: center;
+}
+.pv-ghost-input input {
+  padding: 0.25rem 0.125rem;
+  border: 0;
+  background-color: transparent;
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+}
+.pv-ghost-input input::placeholder, .pv-ghost-input input::-webkit-input-placeholder {
+  color: #B8C1C4;
+}
+.pv-ghost-input button {
+  opacity: 0;
+}
+.pv-ghost-input:hover button, .pv-ghost-input:focus-visible button, .pv-ghost-input:focus-within button {
+  opacity: 1;
+}
+.pv-ghost-input:hover input, .pv-ghost-input:focus-visible input, .pv-ghost-input:focus-within input {
+  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: #89989B;
+}
+.pv-ghost-input[data-style=h1] input {
+  font-weight: 600;
+  font-size: 1.25rem;
+  line-height: 1.2;
+}
+.pv-ghost-input[data-style=h2] input {
+  font-weight: 600;
+  font-size: 1rem;
+  line-height: 1.5;
+}
+.pv-ghost-input[data-style=h3] input {
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 1.1428571;
+}
+.pv-ghost-input[data-style=h4] input {
+  font-weight: 600;
+  font-size: 0.75rem;
+  line-height: 1.3333333;
+}
+.pv-ghost-input[data-style=text-large] input {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.1428571;
+}
+.pv-ghost-input[data-style=text-medium] input {
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+}
+.pv-ghost-input[data-style=text-small] input {
+  font-weight: 400;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
+}
+.pv-ghost-input[data-style=caption] input {
+  font-weight: 400;
+  font-size: 0.6875rem;
+  line-height: 1.09090909;
+}
+
 .pv-nav-container {
   padding: 20px 9px 20px 20px;
   overflow-y: auto;
@@ -1295,6 +1494,35 @@
   margin-block-end: 48px;
 }
 
+.pv-toc {
+  padding: 0.5rem;
+}
+.pv-toc > li a {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  border-inline-start: 1px solid #E3E7EA;
+  padding: 0.5rem;
+  font-size: 0.75rem;
+  line-height: 1.33333333;
+  font-weight: 500;
+}
+.pv-toc > li a:hover, .pv-toc > li a:focus-visible {
+  color: #0D5256;
+  background-color: #E8F2F4;
+  border-color: #02363D;
+  text-decoration: none;
+}
+.pv-toc > li a:active {
+  color: #02363D;
+  background-color: #C7D8DB;
+  border-color: #02363D;
+}
+.pv-toc > li[aria-current] a {
+  border-color: #02363D;
+  color: #16696D;
+}
+
 [class*=pv-container] {
   --margin-inline: auto;
   margin-inline: var(--margin-inline);
@@ -1478,7 +1706,7 @@
   align-items: center;
   gap: 8px;
   text-decoration: none;
-  padding: var(--nav-list-padding, 0.5rem 1rem);
+  padding: var(--nav-list-padding, 0.5rem 0.75rem);
   white-space: nowrap;
   font-weight: var(--nav-list-font-weight, 500);
   font-size: var(--nav-list-font-size, 0.875rem);
@@ -1596,7 +1824,7 @@
 [data-collapsed] .pv-nav-list-inverse summary:focus-visible:not([aria-current=page]),
 [data-collapsed] .pv-nav-list-inverse summary:hover:not([aria-current=page]) {
   color: #121313;
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
 }
 .pv-nav-list-inverse summary,
 [data-collapsed] .pv-nav-list-inverse summary {
@@ -1680,6 +1908,7 @@
   .pv-nav-list a {
     max-width: none;
     display: flex;
+    padding: var(--nav-list-padding, 0.5rem 0.75rem);
   }
 }
 [data-floating] .pv-nav-list {
@@ -1691,7 +1920,7 @@
 [data-floating] .pv-nav-list a {
   max-width: none;
   display: flex;
-  padding: var(--nav-list-padding, 0.5rem 1rem);
+  padding: var(--nav-list-padding, 0.5rem 0.75rem);
 }
 
 [data-collapsed] .pv-nav-list:not(.pv-nav-list-inverse) ul {
@@ -1711,6 +1940,11 @@
     background-color: var(--nav-list-hover-background-color, #E8F2F4);
     color: var(--nav-list-hover-text-color, #0D5256);
   }
+  .pv-layout-primary:not([data-floating]) .pv-nav-list,
+  .pv-layout-primary:not([data-floating]) .pv-nav-list li,
+  .pv-layout-primary:not([data-floating]) .pv-nav-list summary {
+    width: 40px;
+  }
 }
 .pv-notification {
   --bg-color: white;
@@ -1730,7 +1964,7 @@
   right: -2px;
 }
 .pv-notification[data-border=accent] {
-  --bg-color: #F8F8FA;
+  --bg-color: #F7F8F8;
 }
 
 [class*=pv-toast] {
@@ -1912,8 +2146,8 @@
 .pv-table th {
   font-weight: 700;
   text-transform: uppercase;
-  font-size: 0.75rem;
-  line-height: 1rem;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
   letter-spacing: 0.15em;
 }
 
@@ -1922,8 +2156,8 @@
 }
 .pv-table-compressed :where(th) {
   background-color: #F3F4F6;
-  font-size: 1rem;
-  line-height: 1.5;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
   font-weight: 600;
 }
 .pv-table-compressed :where(th) a {
@@ -1997,11 +2231,11 @@
   font-size: 1rem;
   line-height: 1.25;
   min-height: 69px;
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
 }
 .pv-table-matrix :where(thead td),
 .pv-table-matrix-compressed :where(thead td) {
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
   text-align: center;
 }
 .pv-table-matrix :where(thead td):not(:last-of-type),
@@ -2092,7 +2326,7 @@
 .pv-table-matrix-compressed td .pv-table-button:where(:hover, :focus-visible),
 [class*=pv-table]:has(td .pv-table-button) td button:where(:hover, :focus-visible),
 [class*=pv-table]:has(td .pv-table-button) td .pv-table-button:where(:hover, :focus-visible) {
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
 }
 .pv-table-matrix td button:where(:hover, :focus-visible) > div:last-of-type,
 .pv-table-matrix td .pv-table-button:where(:hover, :focus-visible) > div:last-of-type,
@@ -2282,27 +2516,50 @@ td:not([rowspan]) > .pv-responsive-cell {
 }
 
 [class*=pv-tag] {
-  font-size: 0.875rem;
-  line-height: 1.42857143;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
   font-weight: 400;
   color: #121313;
-  display: inline-block;
-  background-color: #F3F4F6;
-  border: 1px solid #DCDFE4;
-  border-radius: 2px;
-  padding: 0.125rem 0.5rem;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  background-color: #E8EBEB;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  padding: calc(0.125rem - 1px) 0.5rem;
   white-space: nowrap;
 }
+[class*=pv-tag][data-style=rounded] {
+  border-radius: 2rem;
+}
+
+button[class*=pv-tag] {
+  cursor: pointer;
+}
+button[class*=pv-tag]:hover, button[class*=pv-tag]:focus-visible {
+  background-color: #E8F2F4;
+}
+button[class*=pv-tag]:active {
+  background-color: #C7D8DB;
+}
+
+strong[class*=pv-tag] {
+  font-weight: 600;
+  text-transform: uppercase;
+}
 
 .pv-tag-sm {
-  font-size: 0.875rem;
-  line-height: 1rem;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
+  padding: 0 0.5rem;
+  border-width: 0;
 }
 
 .pv-tag-lg {
-  font-size: 1rem;
-  line-height: 1.5;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
   border-radius: 3px;
+  padding: calc(0.25rem - 1px) 0.5rem;
 }
 
 .pv-tag-inverse,
@@ -2321,7 +2578,7 @@ td:not([rowspan]) > .pv-responsive-cell {
 
 .pv-tag-red {
   background-color: #FFF1F1;
-  border-color: #FFD7D9;
+  border-color: transparent;
   color: #A2191F;
 }
 
@@ -2330,9 +2587,9 @@ td:not([rowspan]) > .pv-responsive-cell {
 }
 
 .pv-tag-yellow {
-  background-color: #FAECCC;
-  border-color: #F5D999;
-  color: #896000;
+  background-color: #FFEB99;
+  border-color: transparent;
+  color: #121313;
 }
 
 .pv-tag-yellow-inverse {
@@ -2342,7 +2599,7 @@ td:not([rowspan]) > .pv-responsive-cell {
 
 .pv-tag-green {
   background-color: #DEFBE6;
-  border-color: #A7F0BA;
+  border-color: transparent;
   color: #0E6027;
 }
 
@@ -2352,7 +2609,7 @@ td:not([rowspan]) > .pv-responsive-cell {
 
 .pv-tag-orange {
   background-color: #FAEAE4;
-  border-color: #EEC0AE;
+  border-color: transparent;
   color: #BA4E01;
 }
 
@@ -2362,7 +2619,7 @@ td:not([rowspan]) > .pv-responsive-cell {
 
 .pv-tag-turquoise {
   background-color: #E2F7F5;
-  border-color: #A8E6E1;
+  border-color: transparent;
   color: #176F6F;
 }
 
@@ -2370,18 +2627,25 @@ td:not([rowspan]) > .pv-responsive-cell {
   background-color: #176F6F;
 }
 
+.pv-tag-purple {
+  background-color: #E8DAFF;
+  border-color: transparent;
+  color: #121313;
+}
+
 .pv-pill {
   display: inline-block;
   padding: 3px 6px;
-  border: var(--border-width-sm, 1px) solid currentColor;
-  font-size: 0.875rem;
+  border: 1px solid currentColor;
+  font-size: 0.6875rem;
+  line-height: inherit;
 }
 
 [class*=pv-highlight] {
   display: inline-block;
   position: relative;
   padding: 4px 8px 4px 22px;
-  font-size: 0.75rem;
+  font-size: 0.6875rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.72px;
@@ -2548,8 +2812,8 @@ td:not([rowspan]) > .pv-responsive-cell {
 }
 
 .pv-breadcrumbs {
-  font-size: 0.75rem;
-  line-height: 1rem;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
   font-weight: 700;
   display: flex;
   flex-wrap: wrap;
@@ -2747,11 +3011,18 @@ td:not([rowspan]) > .pv-responsive-cell {
   color: var(--layout-primary-subdued-color, #4B595C);
 }
 
+[data-collapsed] .pv-org-switch {
+  width: 80px;
+  justify-content: center;
+}
 [data-collapsed] .pv-org-switch :not(:first-child) {
   display: none;
 }
 
 @media (width <= 768px) {
+  .pv-layout-primary:not([data-floating]) .pv-org-switch {
+    justify-content: center;
+  }
   .pv-layout-primary:not([data-floating]) .pv-org-switch :not(:first-child) {
     display: none;
   }
@@ -2800,8 +3071,8 @@ td:not([rowspan]) > .pv-responsive-cell {
   color: #FFFFFF;
   padding: 0.5rem 0.75rem;
   border-radius: 0.25rem;
-  font-size: 0.875rem;
-  line-height: 1.42857143;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
   box-shadow: 0px 12px 16px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px -4px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
   z-index: 50;
 }
@@ -2859,8 +3130,8 @@ td:not([rowspan]) > .pv-responsive-cell {
 }
 :where([class*=pv-accordion]) > summary {
   padding: 0.5rem 3.25rem 0.5rem 1rem;
-  font-size: 1rem;
-  line-height: 1.5;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
   background-image: var(--summary-background-image-closed, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.455 7.83c.439-.44 1.151-.44 1.59 0L12 13.784l5.954-5.955a1.125 1.125 0 0 1 1.591 1.592l-6.75 6.75c-.439.439-1.151.439-1.59 0l-6.75-6.75a1.125 1.125 0 0 1 0-1.591Z' fill='%2302363D'/%3E%3C/svg%3E"));
   background-size: 1.25rem 1.25rem;
   background-position: right 1rem center;
@@ -2873,13 +3144,13 @@ td:not([rowspan]) > .pv-responsive-cell {
   display: none;
 }
 :where([class*=pv-accordion]) > summary:hover, :where([class*=pv-accordion]) > summary:focus-within {
-  color: #176F6F;
+  color: var(--color-text-brand, #176F6F);
 }
 :where([class*=pv-accordion]) > :where(:not(summary)) {
   padding: 0 1rem 1rem 1rem;
 }
 :where([class*=pv-accordion]):not(:last-of-type) {
-  border-bottom: 1px solid #DCDFE4;
+  border-bottom: 1px solid var(--color-border, #DCDFE4);
 }
 :where([class*=pv-accordion])::details-content {
   height: 0;
@@ -2907,14 +3178,14 @@ td:not([rowspan]) > .pv-responsive-cell {
 }
 
 .pv-accordion-dark > summary {
-  color: #FFFFFF;
-  background-color: #02363D;
+  color: var(--color-text-inverse, #FFFFFF);
+  background-color: var(--color-background-brand, #02363D);
 }
 .pv-accordion-dark > summary:hover, .pv-accordion-dark > summary:focus-within {
-  color: #A8E6E1;
+  color: var(--color-text-brand-inverse, #A8E6E1);
 }
 .pv-accordion-dark:not(:last-of-type) {
-  border-bottom: 1px solid #176F6F;
+  border-bottom: 1px solid var(--color-brand-secondary, #176F6F);
 }
 .pv-accordion-dark > :where(:not(summary)) {
   padding: 1rem;
@@ -2928,7 +3199,7 @@ td:not([rowspan]) > .pv-responsive-cell {
 }
 .pv-accordion-transparent > summary {
   font-weight: 400;
-  font-size: 0.875rem;
+  font-size: 0.6875rem;
   padding-inline-start: 0;
   padding-inline-end: 1.25rem;
   background-position: right center;
@@ -2939,11 +3210,11 @@ td:not([rowspan]) > .pv-responsive-cell {
 .pv-accordion-transparent dl > div {
   display: flex;
   gap: 1rem;
-  font-size: 0.875rem;
+  font-size: 0.6875rem;
 }
 .pv-accordion-transparent dt {
   --min-width: 72px;
-  color: #A8E6E1;
+  color: var(--color-text-brand-inverse, #A8E6E1);
   font-weight: 600;
   min-width: var(--min-width);
 }
@@ -2961,8 +3232,8 @@ td:not([rowspan]) > .pv-responsive-cell {
 
 :where(.pv-details) > summary {
   padding: 0 1.25rem;
-  font-size: 1.125rem;
-  line-height: 1rem;
+  font-size: 0.75rem;
+  line-height: 1.45454545;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.8 19.5c-.4-.4-.4-1.2 0-1.6l6-6-6-6c-.4-.4-.4-1.2 0-1.6S9 4 9.4 4.5l6.8 6.8c.4.4.4 1.2 0 1.6l-6.8 6.7c-.4.4-1.1.4-1.6-.1z' fill='%2302363D'/%3E%3C/svg%3E");
   background-size: 1rem 1rem;
   background-position: left center;
@@ -2971,7 +3242,7 @@ td:not([rowspan]) > .pv-responsive-cell {
   transition-timing-function: ease-in;
 }
 :where(.pv-details) > summary:hover, :where(.pv-details) > summary:focus-within {
-  color: #176F6F;
+  color: var(--color-text-brand, #176F6F);
 }
 :where(.pv-details) > summary::-webkit-details-marker {
   display: none;
@@ -3185,8 +3456,8 @@ pv-figure-details details[open] summary {
 }
 pv-figure-details details > div {
   padding: 0 0.75rem 1.5rem 0.75rem;
-  font-size: 1.125rem;
-  line-height: 1rem;
+  font-size: 0.75rem;
+  line-height: 1.45454545;
 }
 pv-figure-details details {
   max-width: 520px;
@@ -3226,7 +3497,7 @@ div:has(> pv-figure-details) {
 [class*=pv-alert] {
   padding: 0.75rem 0.75rem 0.75rem 2.75rem;
   border: 1px solid var(--color-border, #DCDFE4);
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2302363D' d='M12 23.001c6.075 0 11-4.925 11-11s-4.925-11-11-11-11 4.925-11 11 4.925 11 11 11Zm1.2-5.8a1.2 1.2 0 0 1-2.4 0v-6.4a1.2 1.2 0 1 1 2.4 0v6.4Zm-1.2-9.2a1.2 1.2 0 1 1 0-2.4h.01a1.2 1.2 0 0 1 0 2.4H12Z'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-size: 1.5rem 1.5rem;
@@ -3405,14 +3676,14 @@ body:has(.pv-drawer) {
   color: #FFFFFF;
   display: grid;
   place-items: center;
-  font-size: 1.125rem;
+  font-size: 0.75rem;
   font-weight: 600;
   border-radius: 50%;
   flex-shrink: 0;
 }
 
 .ag-theme-pv .ag-header-cell {
-  font-size: 0.875rem !important;
+  font-size: 0.6875rem !important;
   font-weight: 600 !important;
   color: #121313 !important;
 }
@@ -3484,7 +3755,7 @@ body:has(.pv-drawer) {
 }
 
 .ag-theme-pv .ag-tooltip {
-  font-size: 0.875rem !important;
+  font-size: 0.6875rem !important;
   color: #FFFFFF !important;
   background-color: black;
   padding: 5px;
@@ -3495,14 +3766,14 @@ body:has(.pv-drawer) {
 pv-data-grid.ag-theme-pv {
   display: block;
   --ag-font-family: Inter, sans-serif !important;
-  --ag-font-size: 0.875rem !important;
+  --ag-font-size: 0.6875rem !important;
   --ag-foreground-color: #121313 !important;
   --ag-border-color: #DCDFE4 !important;
   --ag-background-color: #FFFFFF !important;
   --ag-odd-row-background-color: #FFFFFF !important;
   --ag-row-grid-size: 0.25rem !important;
-  --ag-header-height: 1.875rem !important;
-  --ag-row-height: 1.875rem !important;
+  --ag-header-height: 1.6875rem !important;
+  --ag-row-height: 1.6875rem !important;
   --ag-cell-horizontal-padding: 9px !important;
   --ag-cell-horizontal-border: solid #DCDFE4 !important;
   --ag-column-border: solid 1px #DCDFE4 !important;
@@ -3732,9 +4003,9 @@ pv-data-grid.ag-theme-pv {
 
 .pv-layout-primary,
 .pv-layout-primary[data-collapsed] {
-  font-family: var(--layout-primary-sidebar-font-family, inherit);
+  font-family: var(--layout-primary-sidebar-font-family, Inter, sans-serif);
   display: grid;
-  grid-template-columns: 80px 1fr;
+  grid-template-columns: 81px 1fr;
   grid-template-areas: "sidebar content";
   height: 100%;
   max-height: 100dvh;
@@ -3753,10 +4024,6 @@ pv-data-grid.ag-theme-pv {
   z-index: 10;
   border-inline-end: 1px solid var(--layout-primary-sidebar-border-color, #E3E7EA);
 }
-.pv-layout-primary > [data-grid-area=sidebar] > footer,
-.pv-layout-primary[data-collapsed] > [data-grid-area=sidebar] > footer {
-  padding: 16px 20px;
-}
 .pv-layout-primary > [data-grid-area=sidebar] .pv-avatar + div,
 .pv-layout-primary[data-collapsed] > [data-grid-area=sidebar] .pv-avatar + div {
   display: none;
@@ -3773,7 +4040,7 @@ pv-data-grid.ag-theme-pv {
 }
 .pv-layout-primary > [data-grid-area=content] > [data-grid-area=header],
 .pv-layout-primary[data-collapsed] > [data-grid-area=content] > [data-grid-area=header] {
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
   padding-inline: 1.5rem;
   border-block-end: 1px solid #DCDFE4;
 }
@@ -3786,6 +4053,10 @@ pv-data-grid.ag-theme-pv {
   margin-inline: auto;
 }
 
+.pv-layout-primary[data-floating] > [data-grid-area=sidebar] {
+  z-index: 15;
+}
+
 @media (width >= 768px) {
   .pv-layout-primary {
     grid-template-columns: 260px 1fr;
@@ -3794,27 +4065,6 @@ pv-data-grid.ag-theme-pv {
     display: block;
   }
 }
-.pv-layout-primary[data-theme=og],
-.pv-layout-primary[data-theme=og][data-collapsed] {
-  grid-template-columns: 100px 1fr;
-}
-.pv-layout-primary[data-theme=og] > [data-grid-area=sidebar],
-.pv-layout-primary[data-theme=og][data-collapsed] > [data-grid-area=sidebar] {
-  grid-template-rows: 1fr auto;
-}
-.pv-layout-primary[data-theme=og] .pv-icon-24.pv-aspect-3-4,
-.pv-layout-primary[data-theme=og][data-collapsed] .pv-icon-24.pv-aspect-3-4 {
-  margin-inline: auto;
-}
-
-@media (width >= 768px) {
-  .pv-layout-primary[data-theme=og] {
-    grid-template-columns: 280px 1fr;
-  }
-  .pv-layout-primary[data-theme=og] .pv-icon-24.pv-aspect-3-4 {
-    margin-inline: 21px;
-  }
-}
 .pv-layout-primary:has([data-grid-area=title]) > [data-grid-area=content] {
   grid-template-rows: auto auto 1fr;
 }
@@ -3823,6 +4073,16 @@ body:has(.pv-layout-primary) {
   overflow-y: clip;
 }
 
+[data-grid-area=sidebar] > footer {
+  display: grid;
+  place-items: center;
+  padding: 1.25rem;
+}
+
+.pv-layout-primary[data-collapsed] [data-grid-area=sidebar] > footer {
+  padding: 1rem 0.5rem;
+}
+
 .pv-layout-sidebar {
   --sidebar-width: 300px;
   min-height: 100%;
@@ -3841,7 +4101,7 @@ body:has(.pv-layout-primary) {
 }
 .pv-layout-sidebar > [data-grid-area=main] > :nth-child(2) {
   grid-row: 2/2;
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
   border-top: 1px solid #DCDFE4;
 }
 .pv-layout-sidebar > [data-grid-area=sidebar] {
@@ -3934,7 +4194,7 @@ body:has(.pv-layout-primary) {
 }
 
 .pv-surface-accent, .ag-theme-pv .ag-header-cell {
-  background-color: var(--color-background-accent, #F8F8FA);
+  background-color: var(--color-background-accent, #F7F8F8);
 }
 
 .pv-surface {
@@ -3942,7 +4202,7 @@ body:has(.pv-layout-primary) {
 }
 
 .pv-surface-brand-inverse {
-  background-color: #176F6F;
+  background-color: var(--color-background-brand-inverse, #176F6F);
 }
 
 .pv-surface-brand-accent {
@@ -3958,7 +4218,7 @@ body:has(.pv-layout-primary) {
 }
 
 .pv-surface-brand-gradient {
-  background: linear-gradient(109deg, #176F6F 0%, #02363D 100%);
+  background: var(--color-background-brand-gradient, linear-gradient(109deg, #176F6F 0%, #02363D 100%));
 }
 
 .pv-text-default {
@@ -3970,7 +4230,7 @@ body:has(.pv-layout-primary) {
 }
 
 .pv-text-subdued-inverse {
-  color: #FFFFFF;
+  color: var(--color-text-inverse, #FFFFFF);
   opacity: 0.7;
 }
 
@@ -3979,19 +4239,19 @@ body:has(.pv-layout-primary) {
 }
 
 .pv-text-brand {
-  color: #176F6F;
+  color: var(--color-text-brand, #176F6F);
 }
 
 .pv-text-brand-inverse {
-  color: #A8E6E1;
+  color: var(--color-text-brand-inverse, #A8E6E1);
 }
 
 .pv-text-red {
-  color: #DA1E28;
+  color: #FF471A;
 }
 
 .pv-text-critical {
-  color: #DA1E28;
+  color: #FF471A;
 }
 
 .pv-text-warning {
@@ -4800,12 +5060,12 @@ svg.pv-text-inherit {
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
   border: 1px solid #DCDFE4;
   border-radius: 2px;
   padding: 0.125rem 0.5rem;
-  font-size: 0.875rem;
-  line-height: 1.42857143;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
   cursor: default;
 }
 
@@ -4859,7 +5119,7 @@ svg.pv-text-inherit {
 
 .select2-results__option[aria-selected=true],
 .select2-results__option--highlighted {
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
 }
 
 .select2-container--default .select2-results__group {