:root {
  /** ****** COLORS ****** **/
  --accent: #567d0d;
  --accent-fg: #fff;

  --primary-100: #083865;
  --primary-100-fg: #fff;

  --secondary-100: #650853;
  --secondary-100-fg: #fff;

  --neutral-100: #666;
  --neutral-100-fg: #fff;

  /** ****** LAYOUT ****** **/
  --body-background-color: #fff;
  --body-text: var(--text-color);

  --layout-container-max-width: 80rem;

  /* ---------------------- */

  --alert-border-radius: var(--radius-sm);
  --alert-box-shadow: 0 0 .5rem 0 oklch(0% 0 0 / .5);

  --badge-background-color: var(--primary-100);
  --badge-color: var(--primary-100-fg);
  --badge-font-size: var(--font-size-xs);
  --badge-font-weight: var(--font-weight-semibold);
  --badge-lg-font-size: var(--font-size-base);
  --badge-lg-font-weight: var(--badge-font-weight);

  --box-shadow-base: 0 0 .75rem 0 rgb(0 0 0 / .25);

  --btn-border-radius: var(--form-control-border-radius);
  --btn-border-width: var(--form-control-border-width);
  --btn-close-active-background-color: var(--btn-close-background-color);
  --btn-close-active-icon-color: var(--link-active-color);
  --btn-close-background-color: var(--body-background-color);
  --btn-close-border-color: var(--btn-close-icon-color);
  --btn-close-border-radius: 50%;
  --btn-close-border-width: 2px;
  --btn-close-focus-outline-color: var(--link-focus-outline-color);
  --btn-close-focus-outline-offset: 2px;
  --btn-close-focus-outline-width: 2px;
  --btn-close-hover-background-color: var(--btn-close-icon-color);
  --btn-close-hover-border-color: var(--btn-close-icon-color);
  --btn-close-hover-icon-color: var(--btn-close-background-color);
  --btn-close-icon-bar-size: 2px;
  --btn-close-icon-color: var(--text-color);
  --btn-close-padding: 3px;
  --btn-close-size: 1.5rem;
  --btn-disabled-opacity: var(--form-control-disabled-opacity);
  --btn-focus-outline-width: var(--form-control-focus-outline-width);
  --btn-font-size: var(--form-control-font-size);
  --btn-font-style: var(--form-control-font-style);
  --btn-font-weight: var(--font-weight-semibold);
  --btn-hollow-border-width: calc(var(--btn-border-width) * 2);
  --btn-lg-focus-outline-width: 4px;
  --btn-lg-font-size: var(--font-size-lg);
  --btn-lg-padding-block: var(--size-base);
  --btn-lg-padding-inline: var(--size-md);
  --btn-link-disabled-color: var(--text-muted);
  --btn-link-disabled-font-style: italic;
  --btn-md-focus-outline-width: 3px;
  --btn-md-font-size: var(--font-size-md);
  --btn-md-padding-block: var(--size-xs);
  --btn-md-padding-inline: var(--size-sm);
  --btn-padding-block: var(--size-xs);
  --btn-padding-inline: var(--size-base);
  --btn-primary-active-background-color: color-mix(in srgb, var(--btn-primary-background-color) 60%, #000);
  --btn-primary-active-border-color: var(--btn-primary-active-background-color);
  --btn-primary-active-color: var(--btn-primary-color);
  --btn-primary-background-color: var(--primary-100);
  --btn-primary-border-color: var(--btn-primary-background-color);
  --btn-primary-color: var(--primary-100-fg);
  --btn-primary-focus-outline-color: color-mix(in srgb, var(--btn-primary-background-color) 60%, transparent);
  --btn-primary-hollow-background-color: var(--btn-primary-color);
  --btn-primary-hollow-color: var(--btn-primary-background-color);
  --btn-primary-hollow-hover-background-color: var(--btn-primary-background-color);
  --btn-primary-hollow-hover-color: var(--btn-primary-color);
  --btn-primary-hover-background-color: var(--btn-primary-color);
  --btn-primary-hover-border-color: var(--btn-primary-hover-color);
  --btn-primary-hover-color: var(--btn-primary-background-color);
  --btn-secondary-active-background-color: color-mix(in srgb, var(--btn-secondary-background-color) 60%, #000);
  --btn-secondary-active-border-color: var(--btn-secondary-active-background-color);
  --btn-secondary-active-color: var(--btn-secondary-color);
  --btn-secondary-background-color: var(--secondary-100);
  --btn-secondary-border-color: var(--btn-secondary-background-color);
  --btn-secondary-color: var(--secondary-100-fg);
  --btn-secondary-focus-outline-color: color-mix(in srgb, var(--btn-secondary-background-color) 60%, transparent);
  --btn-secondary-hollow-background-color: var(--btn-secondary-color);
  --btn-secondary-hollow-color: var(--btn-secondary-background-color);
  --btn-secondary-hollow-hover-background-color: var(--btn-secondary-background-color);
  --btn-secondary-hollow-hover-color: var(--btn-secondary-color);
  --btn-secondary-hover-background-color: var(--btn-secondary-color);
  --btn-secondary-hover-border-color: var(--btn-secondary-hover-color);
  --btn-secondary-hover-color: var(--btn-secondary-background-color);
  --btn-sm-focus-outline-width: 2px;
  --btn-sm-font-size: var(--font-size-sm);
  --btn-sm-padding-block: var(--size-xxs);
  --btn-sm-padding-inline: var(--size-xs);
  --btn-xl-focus-outline-width: 6px;
  --btn-xl-font-size: var(--font-size-xl);
  --btn-xl-padding-block: var(--size-md);
  --btn-xl-padding-inline: var(--size-xl);
  --btn-xs-focus-outline-width: 1px;
  --btn-xs-font-size: var(--font-size-xs);
  --btn-xs-padding-block: var(--size-xxs);
  --btn-xs-padding-inline: var(--size-xxs);

  --flex-grid-gap: 1.5rem;

  --font-family: sans-serif;
  --font-family-mono: 'Monaspace Neon Var', 'Monaspace Neon', 'Aptos Mono', 'Roboto Mono', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Andale Mono', 'Courier New', monospace;
  --font-size-2xl: clamp(2rem, .7692rem + 1.9231vw, 2.5rem); /* 64-90rem: https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjY0cmVtIiwibWF4V2lkdGgiOiI5MHJlbSIsIm1pbkZvbnRTaXplIjoiMnJlbSIsIm1heEZvbnRTaXplIjoiMi41cmVtIn0%3D */
  --font-size-3xl: clamp(2.2rem, .2308rem + 3.0769vw, 3rem); /* 64-90rem: https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjY0cmVtIiwibWF4V2lkdGgiOiI5MHJlbSIsIm1pbkZvbnRTaXplIjoiMi4ycmVtIiwibWF4Rm9udFNpemUiOiIzcmVtIn0%3D */
  --font-size-base: clamp(.9rem, .6538rem + .3846vw, 1rem); /* 64 to 90 rem: https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjY0cmVtIiwibWF4V2lkdGgiOiI5MHJlbSIsIm1pbkZvbnRTaXplIjoiLjlyZW0iLCJtYXhGb250U2l6ZSI6IjFyZW0ifQ%3D%3D */
  --font-size-lg: clamp(1.2rem, .7077rem + .7692vw, 1.4rem); /* 64-90rem: https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjY0cmVtIiwibWF4V2lkdGgiOiI5MHJlbSIsIm1pbkZvbnRTaXplIjoiMS4ycmVtIiwibWF4Rm9udFNpemUiOiIxLjRyZW0ifQ%3D%3D */
  --font-size-md: clamp(1.05rem, .6808rem + .5769vw, 1.2rem); /* 64-90rem: https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjY0cmVtIiwibWF4V2lkdGgiOiI5MHJlbSIsIm1pbkZvbnRTaXplIjoiMS4wNXJlbSIsIm1heEZvbnRTaXplIjoiMS4ycmVtIn0%3D */
  --font-size-sm: clamp(.8rem, .5538rem + .3846vw, .9rem); /* 64-90rem: https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjY0cmVtIiwibWF4V2lkdGgiOiI5MHJlbSIsIm1pbkZvbnRTaXplIjoiLjhyZW0iLCJtYXhGb250U2l6ZSI6Ii45cmVtIn0%3D */
  --font-size-xl: clamp(1.6rem, 1.1077rem + .7692vw, 1.8rem); /* 64-90rem: https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjY0cmVtIiwibWF4V2lkdGgiOiI5MHJlbSIsIm1pbkZvbnRTaXplIjoiMS42cmVtIiwibWF4Rm9udFNpemUiOiIxLjhyZW0ifQ%3D%3D */
  --font-size-xs: clamp(.7rem, .4538rem + .3846vw, .8rem); /* 64-90rem: https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjY0cmVtIiwibWF4V2lkdGgiOiI5MHJlbSIsIm1pbkZvbnRTaXplIjoiLjdyZW0iLCJtYXhGb250U2l6ZSI6Ii44cmVtIn0%3D */
  --font-size-xxs: clamp(.6rem, .3538rem + .3846vw, .7rem); /* 64-90rem: https://clamp.font-size.app/?config=eyJyb290IjoiMTYiLCJtaW5XaWR0aCI6IjY0cmVtIiwibWF4V2lkdGgiOiI5MHJlbSIsIm1pbkZvbnRTaXplIjoiLjZyZW0iLCJtYXhGb250U2l6ZSI6Ii43cmVtIn0%3D */
  --font-style-base: normal;
  --font-weight-bold: 700;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-xbold: 900;
  --font-weight-xlight: 200;
  --font-weight-xxlight: 100;

  --form-control-background-color: var(--body-background-color);
  --form-control-border-color: #666;
  --form-control-border-radius: var(--radius-xxs);
  --form-control-border-style: solid;
  --form-control-border-width: 1px;
  --form-control-disabled-background-color: #ddd;
  --form-control-disabled-color: #999;
  --form-control-disabled-font-style: italic;
  --form-control-disabled-opacity: .7;
  --form-control-focus-color: hsl(205 69% 45% / .508);
  --form-control-focus-outline-offset: -2px;
  --form-control-focus-outline-width: 4px;
  --form-control-font-size: var(--font-size-base);
  --form-control-font-style: normal;
  --form-control-font-weight: var(--font-weight-regular);
  --form-control-lg-font-size: var(--font-size-lg);
  --form-control-lg-padding-block: var(--size-base);
  --form-control-lg-padding-inline: var(--size-md);
  --form-control-line-height: 1.2;
  --form-control-md-font-size: var(--font-size-md);
  --form-control-md-padding-block: var(--size-xs);
  --form-control-md-padding-inline: var(--size-sm);
  --form-control-padding-block: var(--size-xs);
  --form-control-padding-inline: var(--size-sm);
  --form-control-placeholder-color: #666;
  --form-control-placeholder-font-size: var(--form-control-font-size);
  --form-control-placeholder-font-style: italic;
  --form-control-placeholder-opacity: .8;
  --form-control-readonly-background-color: var(--form-control-background-color);
  --form-control-readonly-color: #666;
  --form-control-readonly-font-style: italic;
  --form-control-readonly-opacity: 1;
  --form-control-required-flag-color: #c00;
  --form-control-required-flag-content: '\002A';
  --form-control-required-flag-font-size: 2em;
  --form-control-required-flag-left: 0em;
  --form-control-required-flag-top: -.15em;
  --form-control-required-label-padding-inline-start: var(--size-base);
  --form-control-select-trigger-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22rgb(5%2C%2048%2C%2056)%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m2%205%206%206%206-6%22%2F%3E%3C%2Fsvg%3E');
  --form-control-sm-font-size: var(--font-size-sm);
  --form-control-sm-padding-block: var(--size-xxs);
  --form-control-sm-padding-inline: var(--size-xs);
  --form-control-static-background-color: transparent;
  --form-control-static-color: var(--form-control-text-color);
  --form-control-text-color: var(--text-color);
  --form-control-xl-font-size: var(--font-size-xl);
  --form-control-xl-padding-block: var(--size-md);
  --form-control-xl-padding-inline: var(--size-xl);
  --form-control-xs-font-size: var(--font-size-xs);
  --form-control-xs-padding-block: var(--size-xxs);
  --form-control-xs-padding-inline: var(--size-xxs);
  --form-end-margin-block-end: var(--size-base);
  --form-end-margin-block-start: var(--size-base);
  --form-fieldset-border-width: 1px;
  --form-group-padding-block: 0 var(--size-base);
  --form-input-group-background-color: transparent;
  --form-label-color: var(--text-color);
  --form-label-font-size: var(--font-size-sm);
  --form-label-font-weight: var(--font-weight-semibold);
  --form-legend-background-color: transparent;
  --form-legend-color: var(--text-color);
  --form-switch-background-color: var(--neutral-100);
  --form-switch-checked-background-color: var(--primary-100);
  --form-switch-cursor-background-color: var(--body-background-color);
  --form-switch-height: 1.25em;
  --form-switch-thumb-inset: .125em;
  --form-switch-transition-duration: .2s;
  --form-switch-width: 2.25em;
  --form-user-info-color: var(--text-muted);
  --form-user-info-font-size: var(--font-size-xs);
  --form-validation-outline-offset: -3px;
  --form-validation-outline-width: 3px;

  --grid-cols: 3;
  --grid-min-col-width: 6rem;

  --headings-color: var(--text-color);
  --headings-font-family: var(--font-family);
  --headings-font-weight: var(--font-weight-semibold);
  --headings-h1-font-size: var(--font-size-2xl);
  --headings-h1-font-weight: var(--headings-font-weight);
  --headings-h2-font-size: var(--font-size-xl);
  --headings-h3-font-size: var(--font-size-lg);
  --headings-h4-font-size: var(--font-size-md);
  --headings-line-height: var(--line-height-xs);
  --headings-text-align: inherit;

  --inner-nav-gap: var(--size-lg);
  --inner-nav-margin-block: var(--size-base);

  --line-height-base: 1.5;
  --line-height-sm: 1.4;
  --line-height-xs: 1.25;

  --link-active-background-color: var(--primary-100);
  --link-active-color: var(--body-background-color);
  --link-color: #0d12ae;
  --link-focus-outline-color: color-mix(in srgb, var(--link-color) 60%, transparent);
  --link-focus-outline-offset: 2px;
  --link-focus-outline-width: 2px;
  --link-font-weight: var(--font-weight-semibold);
  --link-hover-color: var(--link-color);
  --link-hover-text-decoration: underline;
  --link-hover-text-underline-offset: 2px;
  --link-text-decoration: none;
  --link-visited-color: #ae0da3;

  --malert-backdrop: rgb(0 0 0 / .7);
  --malert-background-color: #fff;
  --malert-border-radius: var(--radius-xs);
  --malert-box-shadow: 0 .025rem .25rem 0 color-mix(in srgb, var(--malert-box-shadow-color) 15%, transparent), -.01875rem .1875rem .20625rem -.03125rem color-mix(in srgb, var(--malert-box-shadow-color) 15%, transparent), -.03125rem .38125rem .4125rem -.05625rem color-mix(in srgb, var(--malert-box-shadow-color) 14%, transparent), -.05625rem .7rem .75625rem -.0875rem color-mix(in srgb, var(--malert-box-shadow-color) 14%, transparent), -.1rem 1.21875rem 1.31875rem -.11875rem color-mix(in srgb, var(--malert-box-shadow-color) 13%, transparent), -.16875rem 2.04375rem 2.2125rem -.14375rem color-mix(in srgb, var(--malert-box-shadow-color) 13%, transparent), -.26875rem 3.25rem 3.525rem -.175rem color-mix(in srgb, var(--malert-box-shadow-color) 12%, transparent);
  --malert-box-shadow-color: #000;
  --malert-confirm-bg: hsl(277deg 72% 45%);
  --malert-confirm-btn-active-bg: color-mix(in srgb, var(--malert-confirm-bg) 60%, #000);
  --malert-confirm-btn-active-border-color: var(--malert-confirm-btn-active-bg);
  --malert-confirm-btn-active-fg: var(--malert-confirm-fg);
  --malert-confirm-btn-bg: var(--malert-confirm-bg);
  --malert-confirm-btn-border-color: var(--malert-confirm-bg);
  --malert-confirm-btn-fg: var(--malert-confirm-fg);
  --malert-confirm-btn-focus-outline-color: color-mix(in srgb, var(--malert-confirm-bg) 60%, transparent);
  --malert-confirm-btn-focus-outline-width: var(--btn-focus-outline-width);
  --malert-confirm-btn-hollow-bg: var(--malert-confirm-fg);
  --malert-confirm-btn-hollow-fg: var(--malert-confirm-bg);
  --malert-confirm-btn-hollow-hover-bg: var(--malert-confirm-bg);
  --malert-confirm-btn-hollow-hover-fg: var(--malert-confirm-fg);
  --malert-confirm-btn-hover-bg: var(--malert-confirm-fg);
  --malert-confirm-btn-hover-border-color: var(--malert-confirm-btn-hover-fg);
  --malert-confirm-btn-hover-fg: var(--malert-confirm-bg);
  --malert-confirm-fg: #fff;
  --malert-error-bg: var(--status-danger-background-color);
  --malert-error-fg: var(--status-danger-fg);
  --malert-heading-font-family: var(--headings-font-family);
  --malert-heading-font-size: var(--headings-h2-font-size);
  --malert-heading-font-weight: var(--headings-font-weight);
  --malert-heading-line-height: var(--headings-line-height);
  --malert-info-bg: var(--status-info-background-color);
  --malert-info-fg: var(--status-info-fg);
  --malert-success-bg: var(--status-success-background-color);
  --malert-success-fg: var(--status-success-fg);
  --malert-text-font-family: var(--font-family);
  --malert-text-font-size: var(--font-size-base);
  --malert-warning-bg: var(--status-warning-background-color);
  --malert-warning-fg: var(--status-warning-fg);

  --mpopup-backdrop-color: rgb(0 0 0 / .6);
  --mpopup-background-color: var(--body-background-color);
  --mpopup-border-radius: var(--size-base);
  --mpopup-btn-close-size: 1.6rem;
  --mpopup-content-padding: var(--size-base) var(--size-sm) var(--size-sm);
  --mpopup-content-scrollbar-padding-i-end: var(--size-md);
  --mpopup-drop-shadow: 0 0 .75rem .125rem rgb(0 0 0 / .25);
  --mpopup-footer-background-color: #ddd;
  --mpopup-footer-color: var(--text-color);
  --mpopup-footer-font-size: var(--font-size-base);
  --mpopup-footer-padding: var(--size-xs);
  --mpopup-header-background-color: #ddd;
  --mpopup-header-color: var(--text-color);
  --mpopup-header-font-size: var(--font-size-xl);
  --mpopup-header-padding: var(--size-xs);
  --mpopup-height: fit-content;
  --mpopup-max-height: 90dvh;
  --mpopup-max-width: 70dvw;
  --mpopup-min-height: 40dvw;
  --mpopup-min-width: 400px;
  --mpopup-width: max-content;

  --overlay-color: rgb(0 0 0 / .6);

  --radius-base: var(--size-base);
  --radius-lg: var(--size-lg);
  --radius-md: var(--size-md);
  --radius-pill: 9999rem;
  --radius-sm: var(--size-sm);
  --radius-xl: var(--size-xl);
  --radius-xs: var(--size-xs);
  --radius-xxs: var(--size-xxs);

  --sdt-hover-background-color: var(--btn-primary-background-color);
  --sdt-hover-color: var(--btn-primary-color);
  --sdt-pagination-border: var(--btn-border-width) var(--neutral-100);
  --sdt-pagination-padding-block: var(--size-xxs);
  --sdt-pagination-padding-inline: var(--size-xs);
  --sdt-thead-hover-background-color: color-mix(in srgb, var(--table-thead-background-color) 90%, var(--accent));

  --sf-macro-btn-close-background-color: var(--btn-close-background-color);
  --sf-macro-btn-close-position-bottom: auto;
  --sf-macro-btn-close-position-left: auto;
  --sf-macro-btn-close-position-right: -.5rem;
  --sf-macro-btn-close-position-top: -.5rem;
  --sf-macro-btn-close-size: var(--btn-close-size);
  --sf-macro-rows-border: 1px solid var(--neutral-100);
  --sf-macro-rows-border-radius: var(--radius-xs);
  --sf-macro-rows-even-background-color: var(--body-background-color);
  --sf-macro-rows-hover-background-color: color-mix(in srgb, var(--body-background-color) 95%, #000);
  --sf-macro-rows-margin-block-end: var(--size-base);
  --sf-macro-rows-padding: var(--size-xs);

  --size-2xl: 3rem;
  --size-3xl: 4rem;
  --size-base: 1rem;
  --size-lg: 1.5rem;
  --size-md: 1.2rem;
  --size-sm: .75rem;
  --size-xl: 2rem;
  --size-xs: .5rem;
  --size-xxs: .25rem;

  --slide-duration: 500ms;

  --snackbar-background-color: var(--secondary-100);
  --snackbar-border-radius: var(--radius-xs);
  --snackbar-btn-close-active-background-color: transparent;
  --snackbar-btn-close-active-icon-color: var(--snackbar-text-color);
  --snackbar-btn-close-background-color: transparent;
  --snackbar-btn-close-border-color: transparent;
  --snackbar-btn-close-border-radius: 50%;
  --snackbar-btn-close-border-width: var(--btn-close-border-width);
  --snackbar-btn-close-focus-outline-color: color-mix(in srgb, var(--snackbar-text-color) 50%, transparent);
  --snackbar-btn-close-focus-outline-offset: 2px;
  --snackbar-btn-close-focus-outline-width: 2px;
  --snackbar-btn-close-hover-background-color: color-mix(in srgb, var(--snackbar-text-color) 40%, transparent);
  --snackbar-btn-close-hover-border-color: transparent;
  --snackbar-btn-close-hover-icon-color: var(--snackbar-background-color);
  --snackbar-btn-close-icon-color: var(--snackbar-text-color);
  --snackbar-btn-close-size: 1rem;
  --snackbar-font-size: var(--font-size-sm);
  --snackbar-outer-background-color: var(--secondary-100);
  --snackbar-outer-border: none;
  --snackbar-outer-border-radius: var(--radius-xs);
  --snackbar-outer-drop-shadow: var(--box-shadow-base);
  --snackbar-outer-padding-block: 0;
  --snackbar-outer-padding-inline: 0;
  --snackbar-text-color: var(--secondary-100-fg);

  --spinner-color: var(--primary-100);
  --spinner-size: var(--size-lg);
  --spinner-stroke-width: 2px;

  --status-danger-background-color: var(--status-danger-color);
  --status-danger-border-color: var(--status-danger-color);
  --status-danger-color: #c00;
  --status-danger-fg: #fff;
  --status-info-background-color: var(--status-info-color);
  --status-info-border-color: var(--status-info-color);
  --status-info-color: #0665c5;
  --status-info-fg: #fff;
  --status-success-background-color: var(--status-success-color);
  --status-success-border-color: var(--status-success-color);
  --status-success-color: #046d19;
  --status-success-fg: #fff;
  --status-warning-background-color: var(--status-warning-color);
  --status-warning-border-color: var(--status-warning-color);
  --status-warning-color: #fc0;
  --status-warning-fg: #4f2900;

  --table-body-border-width: 1px;
  --table-body-tr-alt-bg-color: #efefef;
  --table-body-tr-hover-bg-color: #cbcbcb;
  --table-border-color: #333;
  --table-cell-line-height: 1.3;
  --table-cell-padding-block: .3rem;
  --table-cell-padding-inline: .6rem;
  --table-tfoot-background-color: var(--table-thead-background-color);
  --table-tfoot-border-width: var(--table-thead-border-width);
  --table-tfoot-font-weight: var(--font-weight-semibold);
  --table-thead-background-color: #ddd;
  --table-thead-border-width: 3px;

  --text-color: #000;
  --text-dim: var(--text-muted);
  --text-muted: var(--neutral-100);
  --text-negative: #fff;
  --text-selected-background-color: #ddd;
  --text-selected-color: var(--body-text);

  --uspg-bg-color: hsl(0deg 0% 0% / .7);
  --uspg-credits-font-size: var(--font-size-xs);
  --uspg-credits-font-weight: var(--font-weight-regular);
  --uspg-credits-line-height: var(--line-height-xs);
  --uspg-font-family: var(--font-family);
  --uspg-font-size: var(--font-size-base);
  --uspg-font-variation-settings: unset;
  --uspg-font-weight: var(--font-weight-regular);
  --uspg-h1-color: var(--uspg-text-color);
  --uspg-h1-font-size: var(--font-size-xl);
  --uspg-h1-font-variation-settings: unset;
  --uspg-h1-font-weight: var(--font-weight-bold);
  --uspg-h1-line-height: var(--line-height-xs);
  --uspg-icon-box-bg: var(--uspg-link-color);
  --uspg-icon-fill-color: #333;
  --uspg-icon-hover-box-bg: #fff;
  --uspg-line-height: var(--line-height-sm);
  --uspg-link-active-color: #f49c29;
  --uspg-link-color: #fc0;
  --uspg-link-decoration: none;
  --uspg-link-focus-outline-color: var(--uspg-link-color);
  --uspg-link-focus-outline-offset: 2px;
  --uspg-link-focus-outline-style: solid;
  --uspg-link-focus-outline-width: 2px;
  --uspg-link-hover-background-color: transparent;
  --uspg-link-hover-color: var(--uspg-link-color);
  --uspg-link-hover-decoration: underline;
  --uspg-link-visited-color: #ff117b;
  --uspg-loader-color: hsl(0deg 0% 100% / .6);
  --uspg-text-color: #fff;

  --z-index-overlay: 99;
  --z-index-snackbar: 100;
}