@turquoisehealth/pit-viper 2.0.0-alpha.13 → 2.0.0-alpha.15

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);
@@ -634,22 +624,22 @@
 }
 
 .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-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,11 +654,15 @@
   transition-property: box-shadow;
 }
 
+.pv-button-xsmall {
+  padding: var(--button-xsmall-padding, calc(0.125rem - 1px) 0.25rem);
+}
+
 .pv-button-small {
-  padding: 0.5rem 1rem;
+  padding: var(--button-small-padding, calc(0.25rem - 1px) 0.5rem);
 }
 .pv-button-small.pv-button-primary-outline {
-  padding: calc(0.5rem - 2px) calc(1rem - 2px);
+  padding: calc(0.25rem - 1px) 0.5rem;
 }
 
 .pv-button-large {
@@ -691,6 +685,10 @@
 [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;
 }
@@ -702,10 +700,10 @@
 }
 
 .pv-button-link-destructive {
-  color: #A2191F;
+  color: #801A00;
 }
 .pv-button-link-destructive:not(:disabled):hover, .pv-button-link-destructive:not(:disabled):focus-visible {
-  color: #750E13;
+  color: #801A00;
 }
 
 [class*=pv-segmented-control] {
@@ -841,6 +839,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 +903,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 +915,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:invalid,
 .pv-input-search[data-invalid],
+.pv-input-search:invalid,
 .pv-input-date[data-invalid],
+.pv-input-date:invalid,
 .pv-textarea[data-invalid],
+.pv-textarea:invalid,
 .pv-select[data-invalid],
-.pv-select-multiple[data-invalid] {
-  border-color: #A2191F;
+.pv-select:invalid,
+.pv-select-multiple[data-invalid],
+.pv-select-multiple: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:invalid,
+.pv-input-search[data-invalid].pv-text-right,
+.pv-input-search.pv-text-right:invalid,
+.pv-input-date[data-invalid].pv-text-right,
+.pv-input-date.pv-text-right:invalid,
+.pv-textarea[data-invalid].pv-text-right,
+.pv-textarea.pv-text-right:invalid,
+.pv-select[data-invalid].pv-text-right,
+.pv-select.pv-text-right:invalid,
+.pv-select-multiple[data-invalid].pv-text-right,
+.pv-select-multiple.pv-text-right: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 +976,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 +1025,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 +1143,7 @@
 }
 
 .pv-input-file {
-  background-color: #F8F8FA;
+  background-color: #F7F8F8;
   padding: 0.75rem;
   border-radius: 4px;
   display: flex;
@@ -1081,22 +1166,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 +1220,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 +1230,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 +1285,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 +1350,46 @@
   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-nav-container {
   padding: 20px 9px 20px 20px;
   overflow-y: auto;
@@ -1478,7 +1603,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 +1721,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 +1805,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 +1817,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 +1837,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 +1861,7 @@
   right: -2px;
 }
 .pv-notification[data-border=accent] {
-  --bg-color: #F8F8FA;
+  --bg-color: #F7F8F8;
 }
 
 [class*=pv-toast] {
@@ -1912,8 +2043,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 +2053,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 +2128,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 +2223,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,8 +2413,8 @@ 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;
@@ -2295,13 +2426,13 @@ td:not([rowspan]) > .pv-responsive-cell {
 }
 
 .pv-tag-sm {
-  font-size: 0.875rem;
-  line-height: 1rem;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
 }
 
 .pv-tag-lg {
-  font-size: 1rem;
-  line-height: 1.5;
+  font-size: 0.6875rem;
+  line-height: 1.45454545;
   border-radius: 3px;
 }
 
@@ -2374,14 +2505,14 @@ td:not([rowspan]) > .pv-responsive-cell {
   display: inline-block;
   padding: 3px 6px;
   border: var(--border-width-sm, 1px) solid currentColor;
-  font-size: 0.875rem;
+  font-size: 0.6875rem;
 }
 
 [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 +2679,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 +2878,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 +2938,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 +2997,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;
@@ -2928,7 +3066,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,7 +3077,7 @@ 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;
@@ -2961,8 +3099,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;
@@ -3185,8 +3323,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 +3364,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 +3543,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 +3622,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 +3633,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;
@@ -3734,7 +3872,7 @@ pv-data-grid.ag-theme-pv {
 .pv-layout-primary[data-collapsed] {
   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 +3891,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 +3907,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;
 }
@@ -3798,27 +3932,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;
 }
@@ -3827,6 +3940,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%;
@@ -3845,7 +3968,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] {
@@ -3938,7 +4061,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 {
@@ -3991,11 +4114,11 @@ body:has(.pv-layout-primary) {
 }
 
 .pv-text-red {
-  color: #DA1E28;
+  color: #FF471A;
 }
 
 .pv-text-critical {
-  color: #DA1E28;
+  color: #FF471A;
 }
 
 .pv-text-warning {
@@ -4804,12 +4927,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;
 }
 
@@ -4863,7 +4986,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 {