:root {
  --ui-sys-base-rem: 1rem;
  --ui-sys-unit: calc(var(--ui-sys-base-rem) / 16 * 1.6);
  --ui-sys-typescale-font-family-alt: "Roboto Condensed";
  --ui-sys-typescale-font-family: "Roboto";
  --ui-sys-typescale-line-height-small: 1.5;
  --ui-sys-typescale-line-height-large: 1.2;
  --ui-sys-typescale-display-large-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-display-large-font-family-style: Regular;
  --ui-sys-typescale-display-large-font-weight: 400;
  --ui-sys-typescale-display-large-font-size: calc(var(--ui-sys-unit) * 57);
  --ui-sys-typescale-display-large-line-height: calc(var(--ui-sys-unit) * 64);
  --ui-sys-typescale-display-large-letter-spacing: calc(var(--ui-sys-unit) * -.25);
  --ui-sys-typescale-display-medium-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-display-medium-font-family-style: Regular;
  --ui-sys-typescale-display-medium-font-weight: 400;
  --ui-sys-typescale-display-medium-font-size: calc(var(--ui-sys-unit) * 45);
  --ui-sys-typescale-display-medium-line-height: calc(var(--ui-sys-unit) * 52);
  --ui-sys-typescale-display-medium-letter-spacing: 0;
  --ui-sys-typescale-display-small-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-display-small-font-family-style: Regular;
  --ui-sys-typescale-display-small-font-weight: 400;
  --ui-sys-typescale-display-small-font-size: calc(var(--ui-sys-unit) * 36);
  --ui-sys-typescale-display-small-line-height: calc(var(--ui-sys-unit) * 44);
  --ui-sys-typescale-display-small-letter-spacing: 0;
  --ui-sys-typescale-headline-large-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-headline-large-font-family-style: Regular;
  --ui-sys-typescale-headline-large-font-weight: 400;
  --ui-sys-typescale-headline-large-font-size: calc(var(--ui-sys-unit) * 32);
  --ui-sys-typescale-headline-large-line-height: calc(var(--ui-sys-unit) * 40);
  --ui-sys-typescale-headline-large-letter-spacing: 0;
  --ui-sys-typescale-headline-medium-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-headline-medium-font-family-style: Regular;
  --ui-sys-typescale-headline-medium-font-weight: 400;
  --ui-sys-typescale-headline-medium-font-size: calc(var(--ui-sys-unit) * 28);
  --ui-sys-typescale-headline-medium-line-height: calc(var(--ui-sys-unit) * 36);
  --ui-sys-typescale-headline-medium-letter-spacing: 0;
  --ui-sys-typescale-headline-small-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-headline-small-font-family-style: Regular;
  --ui-sys-typescale-headline-small-font-weight: 400;
  --ui-sys-typescale-headline-small-font-size: calc(var(--ui-sys-unit) * 24);
  --ui-sys-typescale-headline-small-line-height: calc(var(--ui-sys-unit) * 32);
  --ui-sys-typescale-headline-small-letter-spacing: 0;
  --ui-sys-typescale-title-large-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-title-large-font-family-style: Regular;
  --ui-sys-typescale-title-large-font-weight: 400;
  --ui-sys-typescale-title-large-font-size: calc(var(--ui-sys-unit) * 22);
  --ui-sys-typescale-title-large-line-height: calc(var(--ui-sys-unit) * 28);
  --ui-sys-typescale-title-large-letter-spacing: 0;
  --ui-sys-typescale-title-medium-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-title-medium-font-family-style: Medium;
  --ui-sys-typescale-title-medium-font-weight: 500;
  --ui-sys-typescale-title-medium-font-size: calc(var(--ui-sys-unit) * 16);
  --ui-sys-typescale-title-medium-line-height: calc(var(--ui-sys-unit) * 24);
  --ui-sys-typescale-title-medium-letter-spacing: calc(var(--ui-sys-unit) * .15);
  --ui-sys-typescale-title-small-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-title-small-font-family-style: Medium;
  --ui-sys-typescale-title-small-font-weight: 500;
  --ui-sys-typescale-title-small-font-size: calc(var(--ui-sys-unit) * 14);
  --ui-sys-typescale-title-small-line-height: calc(var(--ui-sys-unit) * 20);
  --ui-sys-typescale-title-small-letter-spacing: calc(var(--ui-sys-unit) * .1);
  --ui-sys-typescale-body-large-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-body-large-font-family-style: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-body-large-font-weight: 400;
  --ui-sys-typescale-body-large-font-size: calc(var(--ui-sys-unit) * 16);
  --ui-sys-typescale-body-large-line-height: calc(var(--ui-sys-unit) * 24);
  --ui-sys-typescale-body-large-letter-spacing: calc(var(--ui-sys-unit) * .5);
  --ui-sys-typescale-body-medium-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-body-medium-font-family-style: Regular;
  --ui-sys-typescale-body-medium-font-weight: 400;
  --ui-sys-typescale-body-medium-font-size: calc(var(--ui-sys-unit) * 14);
  --ui-sys-typescale-body-medium-line-height: calc(var(--ui-sys-unit) * 20);
  --ui-sys-typescale-body-medium-letter-spacing: calc(var(--ui-sys-unit) * .25);
  --ui-sys-typescale-body-small-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-body-small-font-family-style: Regular;
  --ui-sys-typescale-body-small-font-weight: 400;
  --ui-sys-typescale-body-small-font-size: calc(var(--ui-sys-unit) * 12);
  --ui-sys-typescale-body-small-line-height: calc(var(--ui-sys-unit) * 16);
  --ui-sys-typescale-body-small-letter-spacing: calc(var(--ui-sys-unit) * .4);
  --ui-sys-typescale-label-large-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-label-large-font-family-style: Medium;
  --ui-sys-typescale-label-large-font-weight: 500;
  --ui-sys-typescale-label-large-font-size: calc(var(--ui-sys-unit) * 14);
  --ui-sys-typescale-label-large-line-height: calc(var(--ui-sys-unit) * 20);
  --ui-sys-typescale-label-large-letter-spacing: calc(var(--ui-sys-unit) * .1);
  --ui-sys-typescale-label-medium-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-label-medium-font-family-style: Medium;
  --ui-sys-typescale-label-medium-font-weight: 500;
  --ui-sys-typescale-label-medium-font-weight-prominent: 700;
  --ui-sys-typescale-label-medium-font-size: calc(var(--ui-sys-unit) * 12);
  --ui-sys-typescale-label-medium-line-height: calc(var(--ui-sys-unit) * 16);
  --ui-sys-typescale-label-medium-letter-spacing: calc(var(--ui-sys-unit) * .5);
  --ui-sys-typescale-label-small-font-family-name: var(--ui-sys-typescale-font-family-alt);
  --ui-sys-typescale-label-small-font-family-style: Medium;
  --ui-sys-typescale-label-small-font-weight: 500;
  --ui-sys-typescale-label-small-font-size: calc(var(--ui-sys-unit) * 11);
  --ui-sys-typescale-label-small-line-height: calc(var(--ui-sys-unit) * 16);
  --ui-sys-typescale-label-small-letter-spacing: calc(var(--ui-sys-unit) * .5);
  --ui-elevation-shadow-color: var(--ui-sys-shadow-color);
  --ui-sys-elevation-level5-distance: calc(var(--ui-sys-unit) * 12);
  --ui-sys-elevation-level5-opacity: 14%;
  --ui-sys-elevation-level5-shadow: 0px 1px 2px 0px hsl(var(--ui-elevation-shadow-color), 30%), 0px 16px 12px 5px hsl(var(--ui-elevation-shadow-color), 15%);
  --ui-sys-elevation-level4-distance: calc(var(--ui-sys-unit) * 8);
  --ui-sys-elevation-level4-opacity: 12%;
  --ui-sys-elevation-level4-shadow: 0px 1px 2px 0px hsl(var(--ui-elevation-shadow-color), 30%), 0px 8px 10px 4px hsl(var(--ui-elevation-shadow-color), 15%);
  --ui-sys-elevation-level3-distance: calc(var(--ui-sys-unit) * 6);
  --ui-sys-elevation-level3-opacity: 11%;
  --ui-sys-elevation-level3-shadow: 0px 1px 2px 0px hsl(var(--ui-elevation-shadow-color), 30%), 0px 4px 8px 3px hsl(var(--ui-elevation-shadow-color), 15%);
  --ui-sys-elevation-level2-distance: calc(var(--ui-sys-unit) * 3);
  --ui-sys-elevation-level2-opacity: 8%;
  --ui-sys-elevation-level2-shadow: 0px 1px 2px 0px hsl(var(--ui-elevation-shadow-color), 30%), 0px 2px 6px 2px hsl(var(--ui-elevation-shadow-color), 15%);
  --ui-sys-elevation-level1-distance: calc(var(--ui-sys-unit) * 1);
  --ui-sys-elevation-level1-opacity: 5%;
  --ui-sys-elevation-level1-shadow: 0px 1px 2px 0px hsl(var(--ui-elevation-shadow-color), 30%), 0px 1px 3px 1px hsl(var(--ui-elevation-shadow-color), 15%);
  --ui-sys-elevation-level0-distance: 0;
  --ui-sys-elevation-level0-opacity: 0%;
  --ui-sys-elevation-level0-shadow: none;
  font-size: 62.5%;
}

.ui-sys-elevation-layer:after {
  --ui-sys-elevation-layer-shadow: var(--ui-sys-elevation-level0-shadow);
  content: "";
  z-index: -1;
  pointer-events: none;
  width: 100%;
  height: 100%;
  box-shadow: var(--ui-sys-elevation-layer-shadow);
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

:root {
  --ui-sys-shape-corner-none: 0;
  --ui-sys-shape-corner-extra-small: calc(var(--ui-sys-unit) * 4);
  --ui-sys-shape-corner-extra-small-top: var(--ui-sys-shape-corner-extra-small) var(--ui-sys-shape-corner-extra-small) 0 0;
  --ui-sys-shape-corner-small: calc(var(--ui-sys-unit) * 8);
  --ui-sys-shape-corner-medium: calc(var(--ui-sys-unit) * 12);
  --ui-sys-shape-corner-large: calc(var(--ui-sys-unit) * 16);
  --ui-sys-shape-corner-large-end: 0 var(--ui-sys-shape-corner-large) var(--ui-sys-shape-corner-large) 0;
  --ui-sys-shape-corner-large-top: var(--ui-sys-shape-corner-large) var(--ui-sys-shape-corner-large) 0 0;
  --ui-sys-shape-corner-extra-large: calc(var(--ui-sys-unit) * 28);
  --ui-sys-shape-corner-extra-large-top: var(--ui-sys-shape-corner-extra-large) var(--ui-sys-shape-corner-extra-large) 0 0;
  --ui-sys-shape-corner-full: calc(var(--ui-sys-unit) * 9999);
  --ui-sys-state-hover-state-layer-opacity: .08;
  --sys-state-focus-state-layer-opacity: .12;
  --ui-sys-state-pressed-state-layer-opacity: .12;
  --ui-sys-state-dragged-state-layer-opacity: .16;
  --ui-sys-state-focus-indicator-thickness: calc(var(--ui-sys-unit) * 3);
  --ui-sys-state-focus-indicator-outer-offset: calc(var(--ui-sys-unit) * 2);
}

.ui-sys-state-layer:before {
  --ui-sys-state-layer-color: var(--ui-sys-color-on-primary);
  --ui-sys-state-layer-opacity: 0;
  content: "";
  z-index: 0;
  background-color: hsl(var(--ui-sys-state-layer-color), var(--ui-sys-state-layer-opacity));
  pointer-events: none;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

:root {
  --ui-ref-palette-tonal-low-1: 1;
  --ui-ref-palette-tonal-low-1-2: 1.2;
  --ui-ref-palette-tonal-low-1-7: 1.7;
  --ui-ref-palette-tonal-low-2: 2;
  --ui-ref-palette-tonal-low-2-4: 2.4;
  --ui-ref-palette-tonal-low-3: 3;
  --ui-ref-palette-tonal-low-4: 4;
  --ui-ref-palette-tonal-high-1: 1;
  --ui-ref-palette-tonal-high-2: 2;
  --ui-ref-palette-tonal-high-3: 3;
  --ui-ref-palette-tonal-high-4: 4;
  --ui-ref-palette-tonal-high-5: 5;
  --ui-ref-palette-tonal-high-5-2: 5.2;
  --ui-ref-palette-tonal-high-5-4: 5.4;
  --ui-ref-palette-tonal-high-5-5: 5.5;
  --ui-ref-palette-tonal-high-5-6: 5.6;
  --ui-ref-palette-tonal-high-5-8: 5.8;
  --ui-ref-palette-tonal-high-5-9: 5.9;
  --ui-ref-palette-tonal-high-6: 6;
  --ui-ref-palette-primary: #32217d;
  --ui-ref-int-palette-primary-h: var(--ui-ref-palette-primary-h, 251);
  --ui-ref-int-palette-primary-s: var(--ui-ref-palette-primary-s, 58%);
  --ui-ref-int-palette-primary-l: var(--ui-ref-palette-primary-l, 31%);
  --ui-ref-palette-primary-low-tones-l: calc(var(--ui-ref-int-palette-primary-l) / var(--ui-ref-palette-tonal-low-4));
  --ui-ref-palette-primary-high-tones-l: calc((100% - var(--ui-ref-int-palette-primary-l)) / var(--ui-ref-palette-tonal-high-6));
  --ui-ref-palette-primary0: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), 0%;
  --ui-ref-palette-primary10-l: calc(var(--ui-ref-palette-primary-low-tones-l) * var(--ui-ref-palette-tonal-low-1));
  --ui-ref-palette-primary10: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), var(--ui-ref-palette-primary10-l);
  --ui-ref-palette-primary20: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), calc(var(--ui-ref-palette-primary-low-tones-l) * var(--ui-ref-palette-tonal-low-2));
  --ui-ref-palette-primary30: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), calc(var(--ui-ref-palette-primary-low-tones-l) * var(--ui-ref-palette-tonal-low-3));
  --ui-ref-palette-primary40: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), var(--ui-ref-int-palette-primary-l);
  --ui-ref-palette-primary50: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), calc(var(--ui-ref-int-palette-primary-l)  + var(--ui-ref-palette-primary-high-tones-l) * var(--ui-ref-palette-tonal-high-1));
  --ui-ref-palette-primary60: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), calc(var(--ui-ref-int-palette-primary-l)  + var(--ui-ref-palette-primary-high-tones-l) * var(--ui-ref-palette-tonal-high-2));
  --ui-ref-palette-primary70: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), calc(var(--ui-ref-int-palette-primary-l)  + var(--ui-ref-palette-primary-high-tones-l) * var(--ui-ref-palette-tonal-high-3));
  --ui-ref-palette-primary80-l: calc(var(--ui-ref-int-palette-primary-l)  + var(--ui-ref-palette-primary-high-tones-l) * var(--ui-ref-palette-tonal-high-4));
  --ui-ref-palette-primary80: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), var(--ui-ref-palette-primary80-l);
  --ui-ref-palette-primary90: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), calc(var(--ui-ref-int-palette-primary-l)  + var(--ui-ref-palette-primary-high-tones-l) * var(--ui-ref-palette-tonal-high-5));
  --ui-ref-palette-primary95: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), calc(var(--ui-ref-int-palette-primary-l)  + var(--ui-ref-palette-primary-high-tones-l) * var(--ui-ref-palette-tonal-high-5-5));
  --ui-ref-palette-primary99-l: calc(var(--ui-ref-int-palette-primary-l)  + var(--ui-ref-palette-primary-high-tones-l) * var(--ui-ref-palette-tonal-high-5-9));
  --ui-ref-palette-primary99: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), var(--ui-ref-palette-primary99-l);
  --ui-ref-palette-primary100: var(--ui-ref-int-palette-primary-h), var(--ui-ref-int-palette-primary-s), 100%;
  --ui-ref-palette-secondary: #605b80;
  --ui-ref-int-palette-secondary-h: var(--ui-ref-palette-secondary-h, 248);
  --ui-ref-int-palette-secondary-s: var(--ui-ref-palette-secondary-s, 17%);
  --ui-ref-int-palette-secondary-l: var(--ui-ref-palette-secondary-l, 43%);
  --ui-ref-palette-secondary-low-tones-l: calc(var(--ui-ref-int-palette-secondary-l) / var(--ui-ref-palette-tonal-low-4));
  --ui-ref-palette-secondary-high-tones-l: calc((100% - var(--ui-ref-int-palette-secondary-l)) / var(--ui-ref-palette-tonal-high-6));
  --ui-ref-palette-secondary0: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), 0%;
  --ui-ref-palette-secondary10: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-palette-secondary-low-tones-l) * var(--ui-ref-palette-tonal-low-1));
  --ui-ref-palette-secondary20: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-palette-secondary-low-tones-l) * var(--ui-ref-palette-tonal-low-2));
  --ui-ref-palette-secondary30: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-palette-secondary-low-tones-l) * var(--ui-ref-palette-tonal-low-3));
  --ui-ref-palette-secondary40: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), var(--ui-ref-int-palette-secondary-l);
  --ui-ref-palette-secondary50: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-int-palette-secondary-l)  + var(--ui-ref-palette-secondary-high-tones-l) * var(--ui-ref-palette-tonal-high-1));
  --ui-ref-palette-secondary60: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-int-palette-secondary-l)  + var(--ui-ref-palette-secondary-high-tones-l) * var(--ui-ref-palette-tonal-high-2));
  --ui-ref-palette-secondary70: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-int-palette-secondary-l)  + var(--ui-ref-palette-secondary-high-tones-l) * var(--ui-ref-palette-tonal-high-3));
  --ui-ref-palette-secondary80: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-int-palette-secondary-l)  + var(--ui-ref-palette-secondary-high-tones-l) * var(--ui-ref-palette-tonal-high-4));
  --ui-ref-palette-secondary90: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-int-palette-secondary-l)  + var(--ui-ref-palette-secondary-high-tones-l) * var(--ui-ref-palette-tonal-high-5));
  --ui-ref-palette-secondary95: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-int-palette-secondary-l)  + var(--ui-ref-palette-secondary-high-tones-l) * var(--ui-ref-palette-tonal-high-5-5));
  --ui-ref-palette-secondary99: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), calc(var(--ui-ref-int-palette-secondary-l)  + var(--ui-ref-palette-secondary-high-tones-l) * var(--ui-ref-palette-tonal-high-5-9));
  --ui-ref-palette-secondary100: var(--ui-ref-int-palette-secondary-h), var(--ui-ref-int-palette-secondary-s), 100%;
  --ui-ref-palette-tertiary: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), 0%;
  --ui-ref-int-palette-tertiary-h: var(--ui-ref-palette-tertiary-h, 308);
  --ui-ref-int-palette-tertiary-s: var(--ui-ref-palette-tertiary-s, 68%);
  --ui-ref-int-palette-tertiary-l: var(--ui-ref-palette-tertiary-l, 22%);
  --ui-ref-palette-tertiary-low-tones-l: calc(var(--ui-ref-int-palette-tertiary-l) / var(--ui-ref-palette-tonal-low-4));
  --ui-ref-palette-tertiary-high-tones-l: calc((100% - var(--ui-ref-int-palette-tertiary-l)) / var(--ui-ref-palette-tonal-high-6));
  --ui-ref-palette-tertiary10: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-palette-tertiary-low-tones-l) * var(--ui-ref-palette-tonal-low-1));
  --ui-ref-palette-tertiary20: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-palette-tertiary-low-tones-l) * var(--ui-ref-palette-tonal-low-2));
  --ui-ref-palette-tertiary30: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-palette-tertiary-low-tones-l) * var(--ui-ref-palette-tonal-low-3));
  --ui-ref-palette-tertiary40: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), var(--ui-ref-int-palette-tertiary-l);
  --ui-ref-palette-tertiary50: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-int-palette-tertiary-l)  + var(--ui-ref-palette-tertiary-high-tones-l) * var(--ui-ref-palette-tonal-high-1));
  --ui-ref-palette-tertiary60: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-int-palette-tertiary-l)  + var(--ui-ref-palette-tertiary-high-tones-l) * var(--ui-ref-palette-tonal-high-2));
  --ui-ref-palette-tertiary70: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-int-palette-tertiary-l)  + var(--ui-ref-palette-tertiary-high-tones-l) * var(--ui-ref-palette-tonal-high-3));
  --ui-ref-palette-tertiary80: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-int-palette-tertiary-l)  + var(--ui-ref-palette-tertiary-high-tones-l) * var(--ui-ref-palette-tonal-high-4));
  --ui-ref-palette-tertiary90: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-int-palette-tertiary-l)  + var(--ui-ref-palette-tertiary-high-tones-l) * var(--ui-ref-palette-tonal-high-5));
  --ui-ref-palette-tertiary95: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-int-palette-tertiary-l)  + var(--ui-ref-palette-tertiary-high-tones-l) * var(--ui-ref-palette-tonal-high-5-5));
  --ui-ref-palette-tertiary99: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), calc(var(--ui-ref-int-palette-tertiary-l)  + var(--ui-ref-palette-tertiary-high-tones-l) * var(--ui-ref-palette-tonal-high-5-9));
  --ui-ref-palette-tertiary100: var(--ui-ref-int-palette-tertiary-h), var(--ui-ref-int-palette-tertiary-s), 100%;
  --ui-ref-int-palette-neutral-h: var(--ui-ref-palette-neutral-h, 300);
  --ui-ref-int-palette-neutral-s: var(--ui-ref-palette-neutral-s, 2%);
  --ui-ref-int-palette-neutral-l: var(--ui-ref-palette-neutral-l, 37%);
  --ui-ref-palette-neutral-low-tones-l: calc(var(--ui-ref-int-palette-neutral-l) / var(--ui-ref-palette-tonal-low-4));
  --ui-ref-palette-neutral-high-tones-l: calc((100% - var(--ui-ref-int-palette-neutral-l)) / var(--ui-ref-palette-tonal-high-6));
  --ui-ref-palette-neutral0: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), 0%;
  --ui-ref-palette-neutral10-l: calc(var(--ui-ref-palette-neutral-low-tones-l) * var(--ui-ref-palette-tonal-low-1));
  --ui-ref-palette-neutral10: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), var(--ui-ref-palette-neutral10-l);
  --ui-ref-palette-neutral12: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-palette-neutral-low-tones-l) * var(--ui-ref-palette-tonal-low-1-2));
  --ui-ref-palette-neutral17: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-palette-neutral-low-tones-l) * var(--ui-ref-palette-tonal-low-1-7));
  --ui-ref-palette-neutral20: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-palette-neutral-low-tones-l) * var(--ui-ref-palette-tonal-low-2));
  --ui-ref-palette-neutral24: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-palette-neutral-low-tones-l) * var(--ui-ref-palette-tonal-low-2-4));
  --ui-ref-palette-neutral30: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-palette-neutral-low-tones-l) * var(--ui-ref-palette-tonal-low-3));
  --ui-ref-palette-neutral40: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), var(--ui-ref-int-palette-neutral-l);
  --ui-ref-palette-neutral50: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-1));
  --ui-ref-palette-neutral60: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-2));
  --ui-ref-palette-neutral70: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-3));
  --ui-ref-palette-neutral80: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-4));
  --ui-ref-palette-neutral90: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-5));
  --ui-ref-palette-neutral92: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-5-2));
  --ui-ref-palette-neutral94: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-5-4));
  --ui-ref-palette-neutral95: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-5-5));
  --ui-ref-palette-neutral96: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-5-6));
  --ui-ref-palette-neutral98: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-5-8));
  --ui-ref-palette-neutral99-l: calc(var(--ui-ref-int-palette-neutral-l)  + var(--ui-ref-palette-neutral-high-tones-l) * var(--ui-ref-palette-tonal-high-5-9));
  --ui-ref-palette-neutral99: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), var(--ui-ref-palette-neutral99-l);
  --ui-ref-palette-neutral100: var(--ui-ref-int-palette-neutral-h), var(--ui-ref-int-palette-neutral-s), 100%;
  --ui-ref-int-palette-neutral-variant-h: var(--ui-ref-palette-neutral-variant-h, 287);
  --ui-ref-int-palette-neutral-variant-s: var(--ui-ref-palette-neutral-variant-s, 7%);
  --ui-ref-int-palette-neutral-variant-l: var(--ui-ref-palette-neutral-variant-l, 38%);
  --ui-ref-palette-neutral-variant-low-tones-l: calc(var(--ui-ref-int-palette-neutral-variant-l) / var(--ui-ref-palette-tonal-low-4));
  --ui-ref-palette-neutral-variant-high-tones-l: calc((100% - var(--ui-ref-int-palette-neutral-variant-l)) / var(--ui-ref-palette-tonal-high-6));
  --ui-ref-palette-neutral-variant0: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), 0%;
  --ui-ref-palette-neutral-variant10: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-palette-neutral-variant-low-tones-l) * var(--ui-ref-palette-tonal-low-1));
  --ui-ref-palette-neutral-variant20: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-palette-neutral-variant-low-tones-l) * var(--ui-ref-palette-tonal-low-2));
  --ui-ref-palette-neutral-variant30: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-palette-neutral-variant-low-tones-l) * var(--ui-ref-palette-tonal-low-3));
  --ui-ref-palette-neutral-variant40: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), var(--ui-ref-int-palette-neutral-variant-l);
  --ui-ref-palette-neutral-variant50: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-int-palette-neutral-variant-l)  + var(--ui-ref-palette-neutral-variant-high-tones-l) * var(--ui-ref-palette-tonal-high-1));
  --ui-ref-palette-neutral-variant60: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-int-palette-neutral-variant-l)  + var(--ui-ref-palette-neutral-variant-high-tones-l) * var(--ui-ref-palette-tonal-high-2));
  --ui-ref-palette-neutral-variant70: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-int-palette-neutral-variant-l)  + var(--ui-ref-palette-neutral-variant-high-tones-l) * var(--ui-ref-palette-tonal-high-3));
  --ui-ref-palette-neutral-variant80: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-int-palette-neutral-variant-l)  + var(--ui-ref-palette-neutral-variant-high-tones-l) * var(--ui-ref-palette-tonal-high-4));
  --ui-ref-palette-neutral-variant90: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-int-palette-neutral-variant-l)  + var(--ui-ref-palette-neutral-variant-high-tones-l) * var(--ui-ref-palette-tonal-high-5));
  --ui-ref-palette-neutral-variant95: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-int-palette-neutral-variant-l)  + var(--ui-ref-palette-neutral-variant-high-tones-l) * var(--ui-ref-palette-tonal-high-5-5));
  --ui-ref-palette-neutral-variant99: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), calc(var(--ui-ref-int-palette-neutral-variant-l)  + var(--ui-ref-palette-neutral-variant-high-tones-l) * var(--ui-ref-palette-tonal-high-5-9));
  --ui-ref-palette-neutral-variant100: var(--ui-ref-int-palette-neutral-variant-h), var(--ui-ref-int-palette-neutral-variant-s), 100%;
  --ui-ref-int-palette-error-h: var(--ui-ref-palette-error-h, 3);
  --ui-ref-int-palette-error-s: var(--ui-ref-palette-error-s, 71%);
  --ui-ref-int-palette-error-l: var(--ui-ref-palette-error-l, 41%);
  --ui-ref-palette-error-low-tones-l: calc(var(--ui-ref-int-palette-error-l) / var(--ui-ref-palette-tonal-low-4));
  --ui-ref-palette-error-high-tones-l: calc((100% - var(--ui-ref-int-palette-error-l)) / var(--ui-ref-palette-tonal-high-6));
  --ui-ref-palette-error20: var(--ui-ref-int-palette-error-h), var(--ui-ref-int-palette-error-s), calc(var(--ui-ref-palette-error-low-tones-l) * var(--ui-ref-palette-tonal-low-2));
  --ui-ref-palette-error40: var(--ui-ref-int-palette-error-h), var(--ui-ref-int-palette-error-s), var(--ui-ref-int-palette-error-l);
  --ui-ref-palette-error80: var(--ui-ref-int-palette-error-h), var(--ui-ref-int-palette-error-s), calc(var(--ui-ref-int-palette-error-l)  + var(--ui-ref-palette-error-high-tones-l) * var(--ui-ref-palette-tonal-high-4));
  --ui-ref-palette-error100: var(--ui-ref-int-palette-error-h), var(--ui-ref-int-palette-error-s), 100%;
  --ui-sys-motion-duration-short1: 50ms;
  --ui-sys-motion-duration-short2: .1s;
  --ui-sys-motion-duration-short3: .15s;
  --ui-sys-motion-duration-short4: .2s;
  --ui-sys-motion-duration-medium1: .25s;
  --ui-sys-motion-duration-medium2: .3s;
  --ui-sys-motion-duration-medium3: .35s;
  --ui-sys-motion-duration-medium4: .4s;
  --ui-sys-motion-duration-long1: .45s;
  --ui-sys-motion-duration-long2: .5s;
  --ui-sys-motion-duration-long3: .55s;
  --ui-sys-motion-duration-long4: .6s;
  --ui-sys-motion-duration-extra-long1: .7s;
  --ui-sys-motion-duration-extra-long2: .8s;
  --ui-sys-motion-duration-extra-long3: .9s;
  --ui-sys-motion-duration-extra-long4: .9s;
  --ui-sys-motion-easing-linear: 0, 0, 1, 1;
  --ui-sys-motion-easing-standard: .2, 0, 0, 1;
  --ui-sys-motion-easing-standard-accelerate: .3, 0, 1, 1;
  --ui-sys-motion-easing-standard-decelerate: 0, 0, 0, 1;
  --ui-sys-motion-easing-emphasized: none;
  --ui-sys-motion-easing-emphasized-decelerate: .05, .7, .1, 1;
  --ui-sys-motion-easing-emphasized-accelerate: .3, 0, .8, .15;
  --ui-sys-motion-easing-legacy: .4, 0, .2, 1;
  --ui-sys-motion-easing-legacy-decelerate: 0, 0, .2, 1;
  --ui-sys-motion-easing-legacy-accelerate: .4, 0, 1, 1;
  --ui-sys-spacing-none: 0;
  --ui-sys-spacing-1: calc(var(--ui-sys-unit) * 8);
  --ui-sys-spacing-2: calc(var(--ui-sys-unit) * 16);
  --ui-sys-spacing-3: calc(var(--ui-sys-unit) * 24);
  --ui-sys-spacing-4: calc(var(--ui-sys-unit) * 32);
}

.ui-sys-spacing-none {
  margin: var(--ui-sys-spacing-none);
}

.ui-sys-spacing-1 {
  margin: var(--ui-sys-spacing-1);
}

.ui-sys-spacing-2 {
  margin: var(--ui-sys-spacing-2);
}

.ui-sys-spacing-3 {
  margin: var(--ui-sys-spacing-3);
}

.ui-sys-spacing-4 {
  margin: var(--ui-sys-spacing-4);
}

.ui-sys-spacing-inset-none {
  padding: var(--ui-sys-spacing-none);
}

.ui-sys-spacing-inset-1 {
  padding: var(--ui-sys-spacing-1);
}

.ui-sys-spacing-inset-2 {
  padding: var(--ui-sys-spacing-2);
}

.ui-sys-spacing-inset-3 {
  padding: var(--ui-sys-spacing-3);
}

.ui-sys-spacing-inset-4 {
  padding: var(--ui-sys-spacing-4);
}

[data-mode="light"] {
  --ui-sys-color-primary: var(--ui-ref-palette-primary40);
  --ui-sys-color-primary-container: var(--ui-ref-palette-primary90);
  --ui-sys-color-secondary: var(--ui-ref-palette-secondary40);
  --ui-sys-color-secondary-container: var(--ui-ref-palette-secondary90);
  --ui-sys-color-tertiary: var(--ui-ref-palette-tertiary40);
  --ui-sys-color-tertiary-container: var(--ui-ref-palette-tertiary90);
  --ui-sys-color-surface: var(--ui-ref-palette-neutral98);
  --ui-sys-color-surface-bright: var(--ui-ref-palette-neutral98);
  --ui-sys-color-surface-dim: var(--ui-ref-palette-neutral87);
  --ui-sys-color-surface-container-lowest: var(--ui-ref-palette-neutral100);
  --ui-sys-color-surface-container-low: var(--ui-ref-palette-neutral96);
  --ui-sys-color-surface-container: var(--ui-ref-palette-neutral94);
  --ui-sys-color-surface-container-high: var(--ui-ref-palette-neutral92);
  --ui-sys-color-surface-container-highest: var(--ui-ref-palette-neutral90);
  --ui-sys-color-surface-variant: var(--ui-ref-palette-neutral-variant90);
  --ui-sys-color-surface-tint: var(--ui-sys-color-primary);
  --ui-sys-color-surface-tint-transparent: var(--ui-ref-palette-neutral40), .9;
  --ui-sys-color-surface-transparent: var(--ui-ref-palette-neutral99), .9;
  --ui-sys-color-background: var(--ui-ref-palette-neutral99);
  --ui-sys-color-background-transparent: var(--ui-ref-palette-neutral99), .9;
  --ui-sys-color-outline: var(--ui-ref-palette-neutral50);
  --ui-sys-color-outline-variant: var(--ui-ref-palette-neutral80);
  --ui-sys-color-scrim: 0, 0%, 0%, .32;
  --ui-sys-color-skeleton: var(--ui-sys-color-surface-variant), .8;
  --ui-sys-color-error: var(--ui-ref-palette-error40);
  --ui-sys-color-on-primary: var(--ui-ref-palette-primary100);
  --ui-sys-color-on-primary-container: var(--ui-ref-palette-primary10);
  --ui-sys-color-on-secondary: var(--ui-ref-palette-secondary100);
  --ui-sys-color-on-secondary-container: var(--ui-ref-palette-secondary10);
  --ui-sys-color-on-tertiary: var(--ui-ref-palette-tertiary100);
  --ui-sys-color-on-tertiary-container: var(--ui-ref-palette-tertiary10);
  --ui-sys-color-on-surface: var(--ui-ref-palette-neutral10);
  --ui-sys-color-on-surface-variant: var(--ui-ref-palette-neutral-variant30);
  --ui-sys-color-on-background: var(--ui-ref-palette-neutral10);
  --ui-sys-color-on-error: var(--ui-ref-palette-error100);
  --ui-sys-color-inverse-surface: var(--ui-ref-palette-neutral20);
  --ui-sys-color-inverse-on-surface: var(--ui-ref-palette-neutral95);
  --ui-sys-color-inverse-primary: var(--ui-ref-palette-primary80);
  --ui-sys-shadow-color: 0, 0%, 0%;
}

[data-mode="dark"] {
  --ui-sys-color-primary: var(--ui-ref-palette-primary80);
  --ui-sys-color-primary-container: var(--ui-ref-palette-primary30);
  --ui-sys-color-secondary: var(--ui-ref-palette-secondary80);
  --ui-sys-color-secondary-container: var(--ui-ref-palette-secondary30);
  --ui-sys-color-tertiary: var(--ui-ref-palette-tertiary80);
  --ui-sys-color-tertiary-container: var(--ui-ref-palette-tertiary30);
  --ui-sys-color-surface-dim: var(--ui-ref-palette-neutral6);
  --ui-sys-color-surface: var(--ui-ref-palette-neutral10);
  --ui-sys-color-surface-bright: var(--ui-ref-palette-neutral24);
  --ui-sys-color-surface-container-lowest: var(--ui-ref-palette-neutral4);
  --ui-sys-color-surface-container-low: var(--ui-ref-palette-neutral10);
  --ui-sys-color-surface-container: var(--ui-ref-palette-neutral12);
  --ui-sys-color-surface-container-high: var(--ui-ref-palette-neutral17);
  --ui-sys-color-surface-container-highest: var(--ui-ref-palette-neutral24);
  --ui-sys-color-surface-variant: var(--ui-ref-palette-neutral-variant30);
  --ui-sys-color-surface-tint: var(--ui-sys-color-primary);
  --ui-sys-color-surface-tint-transparent: var(--ui-ref-palette-primary80), .9;
  --ui-sys-color-surface-transparent: var(--ui-ref-palette-neutral10), .9;
  --ui-sys-color-background: var(--ui-ref-palette-neutral10);
  --ui-sys-color-background-transparent: var(--ui-ref-palette-neutral10), .9;
  --ui-sys-color-outline: var(--ui-ref-palette-neutral60);
  --ui-sys-color-outline-variant: var(--ui-ref-palette-neutral30);
  --ui-sys-color-scrim: 0, 0%, 0%, .32;
  --ui-sys-color-skeleton: var(--ui-sys-color-surface-variant), .8;
  --ui-sys-color-error: var(--ui-ref-palette-error80);
  --ui-sys-color-on-primary: var(--ui-ref-palette-primary20);
  --ui-sys-color-on-primary-container: var(--ui-ref-palette-primary90);
  --ui-sys-color-on-secondary: var(--ui-ref-palette-secondary20);
  --ui-sys-color-on-secondary-container: var(--ui-ref-palette-secondary90);
  --ui-sys-color-on-tertiary: var(--ui-ref-palette-tertiary20);
  --ui-sys-color-on-tertiary-container: var(--ui-ref-palette-tertiary90);
  --ui-sys-color-on-surface: var(--ui-ref-palette-neutral90);
  --ui-sys-color-on-surface-variant: var(--ui-ref-palette-neutral-variant80);
  --ui-sys-color-on-background: var(--ui-ref-palette-neutral90);
  --ui-sys-color-on-error: var(--ui-ref-palette-error20);
  --ui-sys-color-inverse-surface: var(--ui-ref-palette-neutral90);
  --ui-sys-color-inverse-on-surface: var(--ui-ref-palette-neutral20);
  --ui-sys-color-inverse-primary: var(--ui-ref-palette-primary40);
  --ui-sys-shadow-color: 0, 0%, 0%;
}
/*# sourceMappingURL=docs.0a5dba7c.css.map */