/**
 * Do not edit directly
 * Generated on Tue, 30 Jul 2024 08:24:18 GMT
 */

:root {
  --px-border-radius-none: 0;
  --px-border-radius-xxsmall: 0.5px;
  --px-border-radius-xsmall: 2px;
  --px-border-radius-small: 4px;
  --px-border-radius-medium: 8px;
  --px-border-radius-large: 16px;
  --px-border-radius-xlarge: 24px;
  --px-border-radius-full: 9999px;
  --px-color-background-default: #ffffff;
  --px-color-background-subtle: #f0f8f9;
  --px-color-base-white: #ffffff;
  --px-color-blue-200: #c3e6fe;
  --px-color-bluegray-300: #9bc4c5;
  --px-color-bluegray-700: #2f555b;
  --px-color-bluegray-900: #162327;
  --px-color-surface-default: #ffffff;
  --px-color-surface-subtle: #f0f8f9;
  --px-color-surface-moderate: #dbebeb;
  --px-color-surface-inverted: #274247;
  --px-color-surface-highlight: #ecfeed;
  --px-color-surface-action: #274247;
  --px-color-surface-action-hover: #274247;
  --px-color-surface-action-active: #162327;
  --px-color-surface-action-subtle-hover: #dbebeb;
  --px-color-surface-action-subtle-active: #c3dcdc;
  --px-color-surface-info-subtle: #d7ecfe;
  --px-color-surface-info-moderate: #c3e6fe;
  --px-color-surface-success-subtle: #dbf5dc;
  --px-color-surface-success-moderate: #b6e8b8;
  --px-color-surface-warning-subtle: #fbf1c0;
  --px-color-surface-warning-moderate: #feeb9f;
  --px-color-surface-error-subtle: #ffe4e0;
  --px-color-surface-error-moderate: #ffcec7;
  --px-color-surface-scrim: rgba(39, 66, 71, 0.5);
  --px-color-border-default: #162327;
  --px-color-border-subtle: #c3dcdc;
  --px-color-border-moderate: #62919a;
  --px-color-border-divider: #62919a;
  --px-color-border-divider-subtle: #c3dcdc;
  --px-color-border-action: #274247;
  --px-color-border-hover: #62919a;
  --px-color-border-selected: #274247;
  --px-color-border-info: #0179c8;
  --px-color-border-success: #00824d;
  --px-color-border-warning: #cb7603;
  --px-color-border-error: #e23822;
  --px-color-border-focus: #9272fc;
  --px-color-border-focus-on-inverted: #9272fc;
  --px-color-text-default: #162327;
  --px-color-text-subtle: #2d6975;
  --px-color-text-on-inverted: #ffffff;
  --px-color-text-action: #274247;
  --px-color-text-on-action: #ffffff;
  --px-color-text-on-action-subtle: #162327;
  --px-color-icon-default: #162327;
  --px-color-icon-on-inverted: #ffffff;
  --px-color-icon-action: #274247;
  --px-color-icon-on-action: #ffffff;
  --px-color-icon-on-action-subtle: #162327;
  --px-color-icon-info: #0179c8;
  --px-color-icon-success: #00824d;
  --px-color-icon-warning: #cb7603;
  --px-color-icon-error: #e23822;
}