:root {
  --hortitime-color-primary-light: 103, 80, 164;
  --hortitime-color-primary-dark: 208, 188, 255;
  --hortitime-color-primary-container-light: 234, 221, 255;
  --hortitime-color-primary-container-dark: 79, 55, 139;
  --hortitime-color-on-primary-light: 255, 255, 255;
  --hortitime-color-on-primary-dark: 55, 30, 115;
  --hortitime-color-on-primary-container-light: 33, 0, 94;
  --hortitime-color-on-primary-container-dark: 234, 221, 255;
  --hortitime-color-inverse-primary-light: 208, 188, 255;
  --hortitime-color-inverse-primary-dark: 103, 80, 164;
  --hortitime-color-secondary-light: 98, 91, 113;
  --hortitime-color-secondary-dark: 204, 194, 220;
  --hortitime-color-secondary-container-light: 232, 222, 248;
  --hortitime-color-secondary-container-dark: 74, 68, 88;
  --hortitime-color-on-secondary-light: 255, 255, 255;
  --hortitime-color-on-secondary-dark: 51, 45, 65;
  --hortitime-color-on-secondary-container-light: 30, 25, 43;
  --hortitime-color-on-secondary-container-dark: 232, 222, 248;
  --hortitime-color-tertiary-light: 125, 82, 96;
  --hortitime-color-tertiary-dark: 239, 184, 200;
  --hortitime-color-tertiary-container-light: 255, 216, 228;
  --hortitime-color-tertiary-container-dark: 99, 59, 72;
  --hortitime-color-on-tertiary-light: 255, 255, 255;
  --hortitime-color-on-tertiary-dark: 73, 37, 50;
  --hortitime-color-on-tertiary-container-light: 55, 11, 30;
  --hortitime-color-on-tertiary-container-dark: 255, 216, 228;
  --hortitime-color-surface-light: 254, 247, 255;
  --hortitime-color-surface-dark: 20, 18, 24;
  --hortitime-color-surface-dim-light: 222, 216, 225;
  --hortitime-color-surface-dim-dark: 20, 18, 24;
  --hortitime-color-surface-bright-light: 254, 247, 255;
  --hortitime-color-surface-bright-dark: 59, 56, 62;
  --hortitime-color-surface-container-lowest-light: 255, 255, 255;
  --hortitime-color-surface-container-lowest-dark: 15, 13, 19;
  --hortitime-color-surface-container-low-light: 247, 242, 250;
  --hortitime-color-surface-container-low-dark: 29, 27, 32;
  --hortitime-color-surface-container-light: 243, 237, 247;
  --hortitime-color-surface-container-dark: 33, 31, 38;
  --hortitime-color-surface-container-high-light: 236, 230, 240;
  --hortitime-color-surface-container-high-dark: 43, 41, 48;
  --hortitime-color-surface-container-highest-light: 230, 224, 233;
  --hortitime-color-surface-container-highest-dark: 54, 52, 59;
  --hortitime-color-surface-variant-light: 231, 224, 236;
  --hortitime-color-surface-variant-dark: 73, 69, 79;
  --hortitime-color-on-surface-light: 28, 27, 31;
  --hortitime-color-on-surface-dark: 230, 225, 229;
  --hortitime-color-on-surface-variant-light: 73, 69, 78;
  --hortitime-color-on-surface-variant-dark: 202, 196, 208;
  --hortitime-color-inverse-surface-light: 49, 48, 51;
  --hortitime-color-inverse-surface-dark: 230, 225, 229;
  --hortitime-color-inverse-on-surface-light: 244, 239, 244;
  --hortitime-color-inverse-on-surface-dark: 49, 48, 51;
  --hortitime-color-surface-tint-light: 103, 80, 164;
  --hortitime-color-surface-tint-dark: 208, 188, 255;
  --hortitime-color-background-light: 254, 247, 255;
  --hortitime-color-background-dark: 20, 18, 24;
  --hortitime-color-on-background-light: 28, 27, 31;
  --hortitime-color-on-background-dark: 230, 225, 229;
  --hortitime-color-error-light: 179, 38, 30;
  --hortitime-color-error-dark: 242, 184, 181;
  --hortitime-color-error-container-light: 249, 222, 220;
  --hortitime-color-error-container-dark: 140, 29, 24;
  --hortitime-color-on-error-light: 255, 255, 255;
  --hortitime-color-on-error-dark: 96, 20, 16;
  --hortitime-color-on-error-container-light: 65, 14, 11;
  --hortitime-color-on-error-container-dark: 249, 222, 220;
  --hortitime-color-outline-light: 121, 116, 126;
  --hortitime-color-outline-dark: 147, 143, 153;
  --hortitime-color-outline-variant-light: 196, 199, 197;
  --hortitime-color-outline-variant-dark: 68, 71, 70;
  --hortitime-color-shadow-light: 0, 0, 0;
  --hortitime-color-shadow-dark: 0, 0, 0;
  --hortitime-color-scrim-light: 0, 0, 0;
  --hortitime-color-scrim-dark: 0, 0, 0;
}

.theme-light, .mdui-theme-light, :root {
  color-scheme: light;
  --hortitime-color-primary: var(--hortitime-color-primary-light);
  --hortitime-color-primary-container: var(--hortitime-color-primary-container-light);
  --hortitime-color-on-primary: var(--hortitime-color-on-primary-light);
  --hortitime-color-on-primary-container: var(--hortitime-color-on-primary-container-light);
  --hortitime-color-inverse-primary: var(--hortitime-color-inverse-primary-light);
  --hortitime-color-secondary: var(--hortitime-color-secondary-light);
  --hortitime-color-secondary-container: var(--hortitime-color-secondary-container-light);
  --hortitime-color-on-secondary: var(--hortitime-color-on-secondary-light);
  --hortitime-color-on-secondary-container: var(--hortitime-color-on-secondary-container-light);
  --hortitime-color-tertiary: var(--hortitime-color-tertiary-light);
  --hortitime-color-tertiary-container: var(--hortitime-color-tertiary-container-light);
  --hortitime-color-on-tertiary: var(--hortitime-color-on-tertiary-light);
  --hortitime-color-on-tertiary-container: var(--hortitime-color-on-tertiary-container-light);
  --hortitime-color-surface: var(--hortitime-color-surface-light);
  --hortitime-color-surface-dim: var(--hortitime-color-surface-dim-light);
  --hortitime-color-surface-bright: var(--hortitime-color-surface-bright-light);
  --hortitime-color-surface-container-lowest: var(--hortitime-color-surface-container-lowest-light);
  --hortitime-color-surface-container-low: var(--hortitime-color-surface-container-low-light);
  --hortitime-color-surface-container: var(--hortitime-color-surface-container-light);
  --hortitime-color-surface-container-high: var(--hortitime-color-surface-container-high-light);
  --hortitime-color-surface-container-highest: var(--hortitime-color-surface-container-highest-light);
  --hortitime-color-surface-variant: var(--hortitime-color-surface-variant-light);
  --hortitime-color-on-surface: var(--hortitime-color-on-surface-light);
  --hortitime-color-on-surface-variant: var(--hortitime-color-on-surface-variant-light);
  --hortitime-color-inverse-surface: var(--hortitime-color-inverse-surface-light);
  --hortitime-color-inverse-on-surface: var(--hortitime-color-inverse-on-surface-light);
  --hortitime-color-surface-tint: var(--hortitime-color-surface-tint-light);
  --hortitime-color-background: var(--hortitime-color-background-light);
  --hortitime-color-on-background: var(--hortitime-color-on-background-light);
  --hortitime-color-error: var(--hortitime-color-error-light);
  --hortitime-color-error-container: var(--hortitime-color-error-container-light);
  --hortitime-color-on-error: var(--hortitime-color-on-error-light);
  --hortitime-color-on-error-container: var(--hortitime-color-on-error-container-light);
  --hortitime-color-outline: var(--hortitime-color-outline-light);
  --hortitime-color-outline-variant: var(--hortitime-color-outline-variant-light);
  --hortitime-color-shadow: var(--hortitime-color-shadow-light);
  --hortitime-color-scrim: var(--hortitime-color-scrim-light);
}

.theme-dark, .mdui-theme-dark {
  color-scheme: dark;
  --hortitime-color-primary: var(--hortitime-color-primary-dark);
  --hortitime-color-primary-container: var(--hortitime-color-primary-container-dark);
  --hortitime-color-on-primary: var(--hortitime-color-on-primary-dark);
  --hortitime-color-on-primary-container: var(--hortitime-color-on-primary-container-dark);
  --hortitime-color-inverse-primary: var(--hortitime-color-inverse-primary-dark);
  --hortitime-color-secondary: var(--hortitime-color-secondary-dark);
  --hortitime-color-secondary-container: var(--hortitime-color-secondary-container-dark);
  --hortitime-color-on-secondary: var(--hortitime-color-on-secondary-dark);
  --hortitime-color-on-secondary-container: var(--hortitime-color-on-secondary-container-dark);
  --hortitime-color-tertiary: var(--hortitime-color-tertiary-dark);
  --hortitime-color-tertiary-container: var(--hortitime-color-tertiary-container-dark);
  --hortitime-color-on-tertiary: var(--hortitime-color-on-tertiary-dark);
  --hortitime-color-on-tertiary-container: var(--hortitime-color-on-tertiary-container-dark);
  --hortitime-color-surface: var(--hortitime-color-surface-dark);
  --hortitime-color-surface-dim: var(--hortitime-color-surface-dim-dark);
  --hortitime-color-surface-bright: var(--hortitime-color-surface-bright-dark);
  --hortitime-color-surface-container-lowest: var(--hortitime-color-surface-container-lowest-dark);
  --hortitime-color-surface-container-low: var(--hortitime-color-surface-container-low-dark);
  --hortitime-color-surface-container: var(--hortitime-color-surface-container-dark);
  --hortitime-color-surface-container-high: var(--hortitime-color-surface-container-high-dark);
  --hortitime-color-surface-container-highest: var(--hortitime-color-surface-container-highest-dark);
  --hortitime-color-surface-variant: var(--hortitime-color-surface-variant-dark);
  --hortitime-color-on-surface: var(--hortitime-color-on-surface-dark);
  --hortitime-color-on-surface-variant: var(--hortitime-color-on-surface-variant-dark);
  --hortitime-color-inverse-surface: var(--hortitime-color-inverse-surface-dark);
  --hortitime-color-inverse-on-surface: var(--hortitime-color-inverse-on-surface-dark);
  --hortitime-color-surface-tint: var(--hortitime-color-surface-tint-dark);
  --hortitime-color-background: var(--hortitime-color-background-dark);
  --hortitime-color-on-background: var(--hortitime-color-on-background-dark);
  --hortitime-color-error: var(--hortitime-color-error-dark);
  --hortitime-color-error-container: var(--hortitime-color-error-container-dark);
  --hortitime-color-on-error: var(--hortitime-color-on-error-dark);
  --hortitime-color-on-error-container: var(--hortitime-color-on-error-container-dark);
  --hortitime-color-outline: var(--hortitime-color-outline-dark);
  --hortitime-color-outline-variant: var(--hortitime-color-outline-variant-dark);
  --hortitime-color-shadow: var(--hortitime-color-shadow-dark);
  --hortitime-color-scrim: var(--hortitime-color-scrim-dark);
}

:root {
  --hortitime-padding-xs: .15rem;
  --hortitime-padding-sm: .375rem;
  --hortitime-padding-md: .75rem;
  --hortitime-padding-lg: 1.5rem;
  --hortitime-margin-xs: .15rem;
  --hortitime-margin-sm: .375rem;
  --hortitime-margin-md: .75rem;
  --hortitime-margin-lg: 1.5rem;
  --hortitime-typescale-font-family: "Roboto", sans-serif;
  --hortitime-typescale-display-large-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-display-large-line-height: 4rem;
  --hortitime-typescale-display-large-size: 3.5625rem;
  --hortitime-typescale-display-large-tracking: 0;
  --hortitime-typescale-display-large-weight: 400;
  --hortitime-typescale-display-medium-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-display-medium-line-height: 3.25rem;
  --hortitime-typescale-display-medium-size: 2.8125rem;
  --hortitime-typescale-display-medium-tracking: 0;
  --hortitime-typescale-display-medium-weight: 400;
  --hortitime-typescale-display-small-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-display-small-line-height: 2.75rem;
  --hortitime-typescale-display-small-size: 2.25rem;
  --hortitime-typescale-display-small-tracking: 0;
  --hortitime-typescale-display-small-weight: 400;
  --hortitime-typescale-headline-large-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-headline-large-line-height: 2.5rem;
  --hortitime-typescale-headline-large-size: 2rem;
  --hortitime-typescale-headline-large-tracking: 0;
  --hortitime-typescale-headline-large-weight: 400;
  --hortitime-typescale-headline-medium-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-headline-medium-line-height: 2.25rem;
  --hortitime-typescale-headline-medium-size: 1.75rem;
  --hortitime-typescale-headline-medium-tracking: 0;
  --hortitime-typescale-headline-medium-weight: 400;
  --hortitime-typescale-headline-small-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-headline-small-line-height: 2rem;
  --hortitime-typescale-headline-small-size: 1.5rem;
  --hortitime-typescale-headline-small-tracking: 0;
  --hortitime-typescale-headline-small-weight: 400;
  --hortitime-typescale-title-large-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-title-large-line-height: 1.75rem;
  --hortitime-typescale-title-large-size: 1.375rem;
  --hortitime-typescale-title-large-tracking: 0;
  --hortitime-typescale-title-large-weight: 400;
  --hortitime-typescale-title-medium-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-title-medium-line-height: 1.5rem;
  --hortitime-typescale-title-medium-size: 1rem;
  --hortitime-typescale-title-medium-tracking: 0.009375rem;
  --hortitime-typescale-title-medium-weight: 500;
  --hortitime-typescale-title-small-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-title-small-line-height: 1.25rem;
  --hortitime-typescale-title-small-size: 0.875rem;
  --hortitime-typescale-title-small-tracking: 0.00625rem;
  --hortitime-typescale-title-small-weight: 500;
  --hortitime-typescale-label-large-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-label-large-line-height: 1.25rem;
  --hortitime-typescale-label-large-size: 0.875rem;
  --hortitime-typescale-label-large-tracking: 0.00625rem;
  --hortitime-typescale-label-large-weight: 500;
  --hortitime-typescale-label-medium-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-label-medium-line-height: 1rem;
  --hortitime-typescale-label-medium-size: 0.75rem;
  --hortitime-typescale-label-medium-tracking: 0.03125rem;
  --hortitime-typescale-label-medium-weight: 500;
  --hortitime-typescale-label-small-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-label-small-line-height: 0.375rem;
  --hortitime-typescale-label-small-size: 0.6875rem;
  --hortitime-typescale-label-small-tracking: 0.03125rem;
  --hortitime-typescale-label-small-weight: 500;
  --hortitime-typescale-body-large-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-body-large-line-height: 1.5rem;
  --hortitime-typescale-body-large-size: 1rem;
  --hortitime-typescale-body-large-tracking: 0.009375rem;
  --hortitime-typescale-body-large-weight: 400;
  --hortitime-typescale-body-medium-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-body-medium-line-height: 1.25rem;
  --hortitime-typescale-body-medium-size: 0.875rem;
  --hortitime-typescale-body-medium-tracking: 0.015625rem;
  --hortitime-typescale-body-medium-weight: 400;
  --hortitime-typescale-body-small-font-family: var(--hortitime-typescale-font-family);
  --hortitime-typescale-body-small-line-height: 1rem;
  --hortitime-typescale-body-small-size: 0.75rem;
  --hortitime-typescale-body-small-tracking: 0.025rem;
  --hortitime-typescale-body-small-weight: 400;
  --hortitime-shape-corner-none: 0;
  --hortitime-shape-corner-extra-small: 0.25rem;
  --hortitime-shape-corner-small: 0.5rem;
  --hortitime-shape-corner-medium: 0.75rem;
  --hortitime-shape-corner-large: 1rem;
  --hortitime-shape-corner-extra-large: 1.75rem;
  --hortitime-shape-corner-full: 1000rem;
  --hortitime-breakpoint-xs: 0px;
  --hortitime-breakpoint-sm: 600px;
  --hortitime-breakpoint-md: 840px;
  --hortitime-breakpoint-lg: 1080px;
  --hortitime-breakpoint-xl: 1440px;
  --hortitime-breakpoint-xxl: 1920px;
}

@font-face {
  font-family: "Roboto";
  src: url("../Fonts/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
}
html *:not(mdui-icon) {
  font-family: var(--hortitime-typescale-font-family);
  font-variation-settings: "wdth" 100;
}

* {
  box-sizing: border-box;
}