@import 'https://unpkg.com/sanitize.css';
/**
 * Do not edit directly
 * Generated on Sat, 30 Sep 2023 02:39:32 GMT
 */
html[data-theme=light], .tocino-light {
  --tocino-sys-color-primary: #6750A4;
  --tocino-sys-color-primary-container: #EADDFF;
  --tocino-sys-color-on-primary: #FFFFFF;
  --tocino-sys-color-on-primary-container: #21005D;
  --tocino-sys-color-primary-fixed: #EADDFF;
  --tocino-sys-color-primary-fixed-dim: #D0BCFF;
  --tocino-sys-color-on-primary-fixed: #21005D;
  --tocino-sys-color-on-primary-fixed-variant: #4F378B;
  --tocino-sys-color-secondary: #625B71;
  --tocino-sys-color-secondary-container: #E8DEF8;
  --tocino-sys-color-on-secondary: #FFFFFF;
  --tocino-sys-color-on-secondary-container: #1D192B;
  --tocino-sys-color-secondary-fixed: #E8DEF8;
  --tocino-sys-color-secondary-fixed-dim: #CCC2DC;
  --tocino-sys-color-on-secondary-fixed: #1D192B;
  --tocino-sys-color-on-secondary-fixed-variant: #4A4458;
  --tocino-sys-color-tertiary: #7D5260;
  --tocino-sys-color-tertiary-container: #FFD8E4;
  --tocino-sys-color-on-tertiary: #FFFFFF;
  --tocino-sys-color-on-tertiary-container: #31111D;
  --tocino-sys-color-tertiary-fixed: #FFD8E4;
  --tocino-sys-color-tertiary-fixed-dim: #EFB8C8;
  --tocino-sys-color-on-tertiary-fixed: #31111D;
  --tocino-sys-color-on-tertiary-fixed-variant: #633B48;
  --tocino-sys-color-surface: #FEF7FF;
  --tocino-sys-color-surface-variant: #E7E0EC;
  --tocino-sys-color-on-surface: #1D1B20;
  --tocino-sys-color-on-surface-variant: #49454F;
  --tocino-sys-color-inverse-surface: #313033;
  --tocino-sys-color-inverse-on-surface: #F5EFF7;
  --tocino-sys-color-surface-tint: #6750A4;
  --tocino-sys-color-surface-dim: #DED8E1;
  --tocino-sys-color-surface-bright: #FEF7FF;
  --tocino-sys-color-surface-container-lowest: #FFFFFF;
  --tocino-sys-color-surface-container-low: #F7F2FA;
  --tocino-sys-color-surface-container: #F3EDF7;
  --tocino-sys-color-surface-height: #ECE6F0;
  --tocino-sys-color-surface-heightest: #E6E0E9;
  --tocino-sys-color-background: #FEF7FF;
  --tocino-sys-color-on-background: #1D1B20;
  --tocino-sys-color-outline: #79767D;
  --tocino-sys-color-on-outline: #CAC5CD;
  --tocino-sys-color-error: #B3261E;
  --tocino-sys-color-error-container: #F9DEDC;
  --tocino-sys-color-on-error: #FFFFFF;
  --tocino-sys-color-on-error-container: #410E0B;
  --tocino-sys-color-shadow: #1D1B20;
  --tocino-sys-elevation-level-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
  --tocino-sys-elevation-level-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
  --tocino-sys-elevation-level-3: 0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  --tocino-sys-elevation-level-4: 0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
  --tocino-sys-elevation-level-5: 0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);
}

/**
 * Do not edit directly
 * Generated on Sat, 30 Sep 2023 02:39:32 GMT
 */
:root {
  --tocino-sys-color-primary: #D0BCFF;
  --tocino-sys-color-primary-container: #4F378B;
  --tocino-sys-color-on-primary: #381E72;
  --tocino-sys-color-on-primary-container: #EADDFF;
  --tocino-sys-color-primary-fixed: #EADDFF;
  --tocino-sys-color-primary-fixed-dim: #D0BCFF;
  --tocino-sys-color-on-primary-fixed: #21005D;
  --tocino-sys-color-on-primary-fixed-variant: #4F378B;
  --tocino-sys-color-secondary: #CCC2DC;
  --tocino-sys-color-secondary-container: #4A4458;
  --tocino-sys-color-on-secondary: #332D41;
  --tocino-sys-color-on-secondary-container: #E8DEF8;
  --tocino-sys-color-secondary-fixed: #E8DEF8;
  --tocino-sys-color-secondary-fixed-dim: #CCC2DC;
  --tocino-sys-color-on-secondary-fixed: #1D192B;
  --tocino-sys-color-on-secondary-fixed-variant: #4A4458;
  --tocino-sys-color-tertiary: #EFB8C8;
  --tocino-sys-color-tertiary-container: #633B48;
  --tocino-sys-color-on-tertiary: #492532;
  --tocino-sys-color-on-tertiary-container: #FFD8E4;
  --tocino-sys-color-tertiary-fixed: #FFD8E4;
  --tocino-sys-color-tertiary-fixed-dim: #EFB8C8;
  --tocino-sys-color-on-tertiary-fixed: #31111D;
  --tocino-sys-color-on-tertiary-fixed-variant: #633B48;
  --tocino-sys-color-surface: #141218;
  --tocino-sys-color-surface-variant: #49454F;
  --tocino-sys-color-on-surface: #E6E0E9;
  --tocino-sys-color-on-surface-variant: #CAC4D0;
  --tocino-sys-color-inverse-surface: #E6E0E9;
  --tocino-sys-color-inverse-on-surface: #313033;
  --tocino-sys-color-surface-tint: #D0BCFF;
  --tocino-sys-color-surface-dim: #141218;
  --tocino-sys-color-surface-bright: #3B383E;
  --tocino-sys-color-surface-container-lowest: #0F0D13;
  --tocino-sys-color-surface-container-low: #1D1B20;
  --tocino-sys-color-surface-container: #211F26;
  --tocino-sys-color-surface-height: #2B2930;
  --tocino-sys-color-surface-heightest: #36343B;
  --tocino-sys-color-background: #141218;
  --tocino-sys-color-on-background: #E6E0E9;
  --tocino-sys-color-outline: #938F96;
  --tocino-sys-color-on-outline: #48464C;
  --tocino-sys-color-error: #F2B8B5;
  --tocino-sys-color-error-container: #8C1D18;
  --tocino-sys-color-on-error: #601410;
  --tocino-sys-color-on-error-container: #F9DEDC;
  --tocino-sys-color-shadow: #1D1B20;
  --tocino-sys-elevation-level-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  --tocino-sys-elevation-level-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.30), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  --tocino-sys-elevation-level-3: 0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  --tocino-sys-elevation-level-4: 0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
  --tocino-sys-elevation-level-5: 0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre {
  margin: 0;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

img[width],
img[height] {
  max-width: none;
}

/**
 * Do not edit directly
 * Generated on Sat, 30 Sep 2023 02:39:32 GMT
 */
:root {
  --tocino-sys-typescale-display-large-font: Roboto;
  --tocino-sys-typescale-display-large-size: 57px;
  --tocino-sys-typescale-display-large-line-height: 64px;
  --tocino-sys-typescale-display-large-weight: 400;
  --tocino-sys-typescale-display-medium-font: Roboto;
  --tocino-sys-typescale-display-medium-size: 45px;
  --tocino-sys-typescale-display-medium-line-height: 52px;
  --tocino-sys-typescale-display-medium-weight: 400;
  --tocino-sys-typescale-display-small-size: 36px;
  --tocino-sys-typescale-display-small-line-height: 44px;
  --tocino-sys-typescale-display-small-weight: 400;
  --tocino-sys-typescale-headline-large-font: Roboto;
  --tocino-sys-typescale-headline-large-size: 32px;
  --tocino-sys-typescale-headline-large-line-height: 40px;
  --tocino-sys-typescale-headline-large-weight: 400;
  --tocino-sys-typescale-headline-medium-font: Roboto;
  --tocino-sys-typescale-headline-medium-size: 28px;
  --tocino-sys-typescale-headline-medium-line-height: 36px;
  --tocino-sys-typescale-headline-medium-weight: 400;
  --tocino-sys-typescale-headline-small-font: Roboto;
  --tocino-sys-typescale-headline-small-size: 24px;
  --tocino-sys-typescale-headline-small-line-height: 32px;
  --tocino-sys-typescale-headline-small-weight: 400;
  --tocino-sys-typescale-title-large-font: Roboto;
  --tocino-sys-typescale-title-large-size: 22px;
  --tocino-sys-typescale-title-large-line-height: 28px;
  --tocino-sys-typescale-title-large-weight: 400;
  --tocino-sys-typescale-title-medium-font: Roboto;
  --tocino-sys-typescale-title-medium-size: 16px;
  --tocino-sys-typescale-title-medium-line-height: 24px;
  --tocino-sys-typescale-title-medium-weight: 500;
  --tocino-sys-typescale-title-small-font: Roboto;
  --tocino-sys-typescale-title-small-size: 14px;
  --tocino-sys-typescale-title-small-line-height: 20px;
  --tocino-sys-typescale-title-small-weight: 500;
  --tocino-sys-typescale-label-large-font: Roboto;
  --tocino-sys-typescale-label-large-size: 14px;
  --tocino-sys-typescale-label-large-line-height: 20px;
  --tocino-sys-typescale-label-large-weight: 500;
  --tocino-sys-typescale-label-medium-font: Roboto;
  --tocino-sys-typescale-label-medium-size: 12px;
  --tocino-sys-typescale-label-medium-line-height: 16px;
  --tocino-sys-typescale-label-medium-weight: 500;
  --tocino-sys-typescale-label-small-font: Roboto;
  --tocino-sys-typescale-label-small-size: 11px;
  --tocino-sys-typescale-label-small-line-height: 16px;
  --tocino-sys-typescale-label-small-weight: 500;
  --tocino-sys-typescale-body-large-font: Roboto;
  --tocino-sys-typescale-body-large-size: 16px;
  --tocino-sys-typescale-body-large-line-height: 24px;
  --tocino-sys-typescale-body-large-weight: 400;
  --tocino-sys-typescale-body-medium-font: Roboto;
  --tocino-sys-typescale-body-medium-size: 14px;
  --tocino-sys-typescale-body-medium-line-height: 20px;
  --tocino-sys-typescale-body-medium-weight: 400;
  --tocino-sys-typescale-body-small-font: Roboto;
  --tocino-sys-typescale-body-small-size: 12px;
  --tocino-sys-typescale-body-small-line-height: 16px;
  --tocino-sys-typescale-body-small-weight: 400;
  --tocino-sys-shape-cornor-extra-large: 28px;
  --tocino-sys-shape-cornor-large: 16px;
  --tocino-sys-shape-cornor-medium: 12px;
  --tocino-sys-shape-cornor-small: 8px;
  --tocino-sys-shape-cornor-extra-small: 4px;
  --tocino-sys-space-0: 0;
  --tocino-sys-space-10: 40px;
  --tocino-sys-space-11: 44px;
  --tocino-sys-space-12: 48px;
  --tocino-sys-space-16: 64px;
  --tocino-sys-space-01: 4px;
  --tocino-sys-space-02: 8px;
  --tocino-sys-space-03: 12px;
  --tocino-sys-space-04: 16px;
  --tocino-sys-space-05: 20px;
  --tocino-sys-space-06: 24px;
  --tocino-sys-space-07: 28px;
  --tocino-sys-space-08: 32px;
  --tocino-sys-space-09: 36px;
  --tocino-sys-space-negative-10: -40px;
  --tocino-sys-space-negative-11: -44px;
  --tocino-sys-space-negative-12: -48px;
  --tocino-sys-space-negative-16: -64px;
  --tocino-sys-space-negative-01: -4px;
  --tocino-sys-space-negative-02: -8px;
  --tocino-sys-space-negative-03: -12px;
  --tocino-sys-space-negative-04: -16px;
  --tocino-sys-space-negative-05: -20px;
  --tocino-sys-space-negative-06: -24px;
  --tocino-sys-space-negative-07: -28px;
  --tocino-sys-space-negative-08: -32px;
  --tocino-sys-space-negative-09: -36px;
}

/*# sourceMappingURL=normalize.css.map */