dvn-theme-provider {
  display: block;
  color: var(--color-text);
  font-family: var(--font-family);
  --font-family: 0;
  --font-family-title: 0;
  --font-family-src: 0;
  --font-size-small: 0;
  --font-size-medium: 0;
  --font-size-large: 0;
  --color-primary: 0;
  --color-primary-light: 0;
  --color-primary-lightest: 0;
  --color-secondary: 0;
  --color-secondary-light: 0;
  --color-secondary-lightest: 0;
  --color-danger: 0;
  --color-danger-light: 0;
  --color-danger-lightest: 0;
  --color-warning: 0;
  --color-warning-light: 0;
  --color-warning-lightest: 0;
  --color-neutral: 0;
  --color-neutral-light: 0;
  --color-neutral-lightest: 0;
  --color-disabled: 0;
  --color-link: 0;
  --color-link-hover: 0;
  --color-text: 0;
  --color-text-title: 0;
  --color-text-secondary: 0;
  --color-border: 0;
  --color-border-secondary: 0;
  --color-background-primary: 0;
  --color-background-secondary: 0;
  --color-elevated-item-background: 0;
  --color-elevated-item-shadow: 0;
  --color-input-background: 0;
  --color-tooltip-background: 0;
  --color-tooltip-text: 0;
  --color-highlighted-code-background: 0;
  --corner-radius: 0;
  --spacing-unit: 0;
  --line-height: 0;
  --date-picker-body-height: 0;
}
dvn-theme-provider.fit-flex-height {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
dvn-theme-provider.with-background {
  background: var(--color-background-primary);
}