:root {
  --mdui-breakpoint-md: 0;
  --mdui-color-primary-light: 160, 120, 60;
  --mdui-color-on-primary-light: 255, 255, 255;
  --mdui-color-primary-container-light: 255, 240, 220;
  --mdui-color-on-primary-container-light: 60, 40, 10;
  --mdui-color-secondary-light: 140, 100, 60;
  --mdui-color-on-secondary-light: 255, 255, 255;
  --mdui-color-secondary-container-light: 255, 235, 210;
  --mdui-color-on-secondary-container-light: 50, 30, 10;
  --mdui-color-tertiary-light: 120, 90, 50;
  --mdui-color-on-tertiary-light: 255, 255, 255;
  --mdui-color-tertiary-container-light: 255, 230, 200;
  --mdui-color-on-tertiary-container-light: 40, 20, 0;
  --mdui-color-error-light: 186, 26, 26;
  --mdui-color-on-error-light: 255, 255, 255;
  --mdui-color-error-container-light: 255, 218, 214;
  --mdui-color-on-error-container-light: 65, 0, 2;
  --mdui-color-background-light: 255, 255, 255;
  --mdui-color-on-background-light: 30, 20, 10;
  --mdui-color-surface-light: 255, 250, 245;
  --mdui-color-on-surface-light: 30, 20, 10;
  --mdui-color-surface-variant-light: 240, 230, 220;
  --mdui-color-on-surface-variant-light: 80, 60, 40;
  --mdui-color-outline-light: 160, 140, 120;
  --mdui-color-outline-variant-light: 220, 210, 200;
  --mdui-color-shadow-light: 0, 0, 0;
  --mdui-color-scrim-light: 0, 0, 0;
  --mdui-color-inverse-surface-light: 50, 30, 10;
  --mdui-color-inverse-on-surface-light: 255, 250, 245;
  --mdui-color-inverse-primary-light: 255, 220, 180;
  --mdui-color-surface-dim-light: 235, 225, 215;
  --mdui-color-surface-bright-light: 255, 255, 255;
  --mdui-color-surface-container-lowest-light: 255, 255, 255;
  --mdui-color-surface-container-low-light: 250, 245, 240;
  --mdui-color-surface-container-light: 255, 250, 245;
  --mdui-color-surface-container-high-light: 245, 235, 225;
  --mdui-color-surface-container-highest-light: 235, 225, 215;
  --mdui-color-surface-tint-color-light: 160, 120, 60;
  --mdui-color-primary-dark: 255, 220, 180;
  --mdui-color-on-primary-dark: 80, 50, 20;
  --mdui-color-primary-container-dark: 100, 70, 30;
  --mdui-color-on-primary-container-dark: 255, 240, 220;
  --mdui-color-secondary-dark: 255, 210, 170;
  --mdui-color-on-secondary-dark: 60, 40, 20;
  --mdui-color-secondary-container-dark: 80, 50, 20;
  --mdui-color-on-secondary-container-dark: 255, 235, 210;
  --mdui-color-tertiary-dark: 255, 200, 160;
  --mdui-color-on-tertiary-dark: 50, 30, 10;
  --mdui-color-tertiary-container-dark: 70, 40, 10;
  --mdui-color-on-tertiary-container-dark: 255, 230, 200;
  --mdui-color-error-dark: 255, 180, 171;
  --mdui-color-on-error-dark: 105, 0, 5;
  --mdui-color-error-container-dark: 147, 0, 10;
  --mdui-color-on-error-container-dark: 255, 180, 171;
  --mdui-color-background-dark: 30, 20, 10;
  --mdui-color-on-background-dark: 245, 235, 225;
  --mdui-color-surface-dark: 40, 30, 15;
  --mdui-color-on-surface-dark: 245, 235, 225;
  --mdui-color-surface-variant-dark: 80, 60, 40;
  --mdui-color-on-surface-variant-dark: 220, 210, 200;
  --mdui-color-outline-dark: 140, 120, 100;
  --mdui-color-outline-variant-dark: 60, 40, 20;
  --mdui-color-shadow-dark: 0, 0, 0;
  --mdui-color-scrim-dark: 0, 0, 0;
  --mdui-color-inverse-surface-dark: 245, 235, 225;
  --mdui-color-inverse-on-surface-dark: 30, 20, 10;
  --mdui-color-inverse-primary-dark: 120, 90, 40;
  --mdui-color-surface-dim-dark: 50, 40, 25;
  --mdui-color-surface-bright-dark: 70, 50, 35;
  --mdui-color-surface-container-lowest-dark: 20, 15, 5;
  --mdui-color-surface-container-low-dark: 30, 25, 15;
  --mdui-color-surface-container-dark: 40, 30, 20;
  --mdui-color-surface-container-high-dark: 50, 40, 30;
  --mdui-color-surface-container-highest-dark: 70, 55, 40;
  --mdui-color-surface-tint-color-dark: 255, 220, 180;
}

html {
  height: 100%;
  display: flex;
}

body {
  flex-grow: 1;
}

.simpleTextField::part(container) {
  margin: 10px;
  background-color: transparent;
}

.simpleText {
  font-size: 12px;
  font-weight: 365;
  color: var(--mdui-color-on-surface);
}

.simpleTextField::part(label) {
  font-size: var(--mdui-typescale-body-small-size);
  font-weight: var(--mdui-typescale-body-small-weight);
  letter-spacing: var(--mdui-typescale-body-small-tracking);
  line-height: var(--mdui-typescale-body-small-line-height);
  top: .25rem;
}