.casa.theme-light,
.casa.theme-dark {
  --space-small: 0.25rem;
  --space-medium-s: 0.375rem;
  --space-medium: 0.5rem;
  --space-medium-l: 0.75rem;
  --space-large: 1rem;
  --space-xlarge: 1.5rem;
  --radius-xsmall: 2px;
  --radius-small: 4px;
  --radius-medium: 8px;
  --radius-large: 12px;
  --radius-xlarge: 16px;
  --radius-2xlarge: 24px;
  --shadow-none: inset 0 0 0 0 #00000000;
  --shadow-out-small: 0 1px 2px 0 #0000000d;
  --shadow-out-medium: 0 1px 2px 0 #0000000f, 0 1px 3px 0 #0000001a;
  --shadow-out-large: 0 2px 4px -1px #0000000f, 0 4px 6px -1px #0000001a;
  --shadow-out-xlarge: 0 4px 6px -2px #0000000d, 0 10px 15px -3px #0000001a;
  --shadow-out-2xlarge: 0 10px 10px -5px #0000000a, 0 20px 25px -5px #0000001a;
  --shadow-out-3xlarge: 20px 20px 60px 0 #bdbdbd, -20px -20px 60px 0 #fff;
  --shadow-in-small: inset 0 1px 4px 0 #00000033;
  --line-height-micro: 0.875rem;
  --line-height-xsmall: 1rem;
  --line-height-small: 1.25rem;
  --line-height-medium: 1.375rem;
  --line-height-medium-copy: 1.625rem;
  --line-height-large: 1.75rem;
  --line-height-large-copy: 1.875rem;
  --line-height-xlarge: 2.125rem;
  --line-height-2xlarge: 2.75rem;
  --line-height-3xlarge: 3.25rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-micro: 0.625rem;
  --font-size-xsmall: 0.75rem;
  --font-size-small: 0.875rem;
  --font-size-medium: 1rem;
  --font-size-medium-copy: 1.125rem;
  --font-size-large: 1.25rem;
  --font-size-large-copy: 1.375rem;
  --font-size-xlarge: 1.5rem;
  --font-size-2xlarge: 2rem;
  --font-size-3xlarge: 3rem;
  --letter-spacing-condensed: -0.01em;
  --letter-spacing-none: 0em;
  --letter-spacing-small: 0.005em;
  --letter-spacing-medium: 0.01em;
  --letter-spacing-large: 0.02em;
  --letter-spacing-xlarge: 0.04em;
  --letter-spacing-2xlarge: 0.08em;
  --letter-spacing-3xlarge: 0.1em;
  --typography-title: 700 normal 1.5rem/2.125rem Roboto;
  --typography-heading: 500 normal 1.25rem/1.75rem Roboto;
  --typography-title-body: 700 normal 1rem/1.375rem Roboto;
  --typography-body: 400 normal 1rem/1.375rem Roboto;
  --typography-body-highlighted: 500 normal 0.875rem/1.25rem Roboto;
  --typography-body-secondary: 400 normal 0.875rem/1.25rem Roboto;
  --typography-body-secondary-highlighted: 500 normal 0.75rem/1rem Roboto;
  --typography-button-small: 700 normal 0.75rem/1rem Roboto;
  --typography-button-regular: 700 normal 0.875rem/1.25rem Roboto;
  --typography-form-label: 500 normal 0.75rem/1rem Roboto;
  --typography-overline: 700 normal 0.625rem/0.875rem Roboto;
  --typography-helper-text: 400 normal 0.75rem/1rem Roboto;
  --border-width-none: 0;
  --border-width-1px: 1px;
  --border-width-2px: 2px;
  --opacity-scrim: 0.65;
  --opacity-glass: 0.8;
  --base-space: 0.5rem;
  --base-border: 8px;
  --base-font-size: 1rem;
  --scale-space: 0.5px;
  --scale-border: 0.5px;
  --scale-line-height-for-title: 1.1;
  --scale-line-height-for-body: 1.4;
  --scale-font-size: 0.125rem;
}

*,:before,:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia:
}