@charset "UTF-8";

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* src/styles.scss */
.kite-theme,
.kite-theme--white {
  --kite-border-style-solid: solid;
  --kite-border-style-dashed: dashed;
  --kite-border-width-none: 0;
  --kite-color-dark-blue-10: #003561;
  --kite-color-dark-blue-20: #002747;
  --kite-color-dark-blue-30: #001221;
  --kite-color-blue-10: #31a2ff;
  --kite-color-blue-20: #0073d1;
  --kite-color-blue-30: #0062b2;
  --kite-color-light-blue-10: #b7cee5;
  --kite-color-light-blue-20: #5db8fc;
  --kite-color-light-blue-00: #e8f8ff;
  --kite-color-green-10: #00bf1f;
  --kite-color-green-20: #008516;
  --kite-color-green-00: #e8ffe8;
  --kite-color-yellow-10: #ffd400;
  --kite-color-yellow-20: #faa41a;
  --kite-color-yellow-00: #fff3e0;
  --kite-color-red-10: #ff4d4a;
  --kite-color-red-20: #d6312b;
  --kite-color-red-00: #ffefef;
  --kite-color-gray-10: #f8f8f8;
  --kite-color-gray-20: #d8dde6;
  --kite-color-gray-25: #9ba9bd;
  --kite-color-gray-30: #63738a;
  --kite-color-white: #ffffff;
  --kite-color-black: #000000;
  --kite-color-life-unlimited-accent-electric-blue: #0271eb;
  --kite-color-life-unlimited-accent-green: #03c252;
  --kite-color-life-unlimited-accent-orange: #ff8331;
  --kite-color-life-unlimited-accent-purple: #887dff;
  --kite-color-life-unlimited-accent-yellow: #ffcb3e;
  --kite-color-life-unlimited-primary-midnight-blue: #002139;
  --kite-color-life-unlimited-primary-white: #ffffff;
  --kite-color-life-unlimited-support-light-gray: #d5d5d5;
  --kite-color-negative-focus: #b00300;
  --kite-color-negative-hover: #b00300;
  --kite-color-negative-press: #b00300;
  --kite-cubic-bezier-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --kite-cubic-bezier-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --kite-cubic-bezier-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --kite-duration-200: 200ms;
  --kite-duration-400: 400ms;
  --kite-duration-750: 750ms;
  --kite-font-family-spectrum-sans:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --kite-font-family-monospace:
    Menlo,
    Monaco,
    "Andale Mono",
    "lucida console",
    "Courier New",
    monospace;
  --kite-font-family-rutledge:
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --kite-font-size-base: 16;
  --kite-font-size-px: 16px;
  --kite-font-size-rem: 1rem;
  --kite-font-style-normal: normal;
  --kite-font-style-italic: italic;
  --kite-font-weight-light: 300;
  --kite-font-weight-book: 350;
  --kite-font-weight-regular: 400;
  --kite-font-weight-medium: 500;
  --kite-font-weight-semi-bold: 600;
  --kite-font-weight-bold: 700;
  --kite-font-weight-extra-bold: 800;
  --kite-font-weight-normal: 400;
  --kite-letter-spacing-normal: normal;
  --kite-letter-spacing-sm: -0.0625rem;
  --kite-tracking-sm: -0.0625rem;
  --kite-tracking-normal: normal;
  --kite-tracking-md: normal;
  --kite-size-1: 0.0625rem;
  --kite-size-2: 0.125rem;
  --kite-size-4: 0.25rem;
  --kite-size-8: 0.5rem;
  --kite-size-12: 0.75rem;
  --kite-size-14: 0.875rem;
  --kite-size-16: 1rem;
  --kite-size-20: 1.25rem;
  --kite-size-24: 1.5rem;
  --kite-size-32: 2rem;
  --kite-size-40: 2.5rem;
  --kite-size-48: 3rem;
  --kite-size-percent-50: 50%;
  --kite-size-radius-pill: 624.9375rem;
  --kite-size-touch-target: 2.75rem;
  --kite-focus-ring-inset: -0.125rem;
  --kite-motion-duration-fast: 300ms;
  --kite-motion-duration-faster: 225ms;
  --kite-motion-duration-fastest: 195ms;
  --kite-motion-curve-default: cubic-bezier(0.4, 0, 0.2, 1);
  --kite-motion-curve-deceleration: cubic-bezier(0, 0, 0.2, 1);
  --kite-motion-curve-acceleration: cubic-bezier(0.4, 0, 1, 1);
  --kite-motion-curve-sharp: cubic-bezier(0.4, 0, 0.6, 1);
  --kite-layout-sm: 4rem;
  --kite-layout-md: 6rem;
  --kite-layout-lg: 8rem;
  --kite-layout-xl: 10rem;
  --kite-layout-2xl: 12rem;
  --kite-spacing-section-sm: 4rem;
  --kite-spacing-section-md: 5rem;
  --kite-spacing-section-lg: 6.25rem;
  --kite-spacing-section-xl: 7.5rem;
  --kite-my-component-margin-top: 0;
  --kite-my-component-margin-right: 0;
  --kite-my-component-margin-bottom: 0;
  --kite-my-component-margin-left: 0;
  --kite-my-component-disabled-cursor: not-allowed;
  --kite-my-component-cursor: pointer;
  --kite-my-component-my-deprecated-token-name: "deprecatedValue";
  --kite-breakpoint-xs-min: 0;
  --kite-breakpoint-xs-max: 479px;
  --kite-breakpoint-sm-min: 480px;
  --kite-breakpoint-sm-max: 599px;
  --kite-breakpoint-md-min: 600px;
  --kite-breakpoint-md-max: 839px;
  --kite-breakpoint-lg-min: 840px;
  --kite-breakpoint-lg-max: 959px;
  --kite-breakpoint-xl-min: 960px;
  --kite-breakpoint-xl-max: 1279px;
  --kite-breakpoint-2xl-min: 1280px;
  --kite-zindex-deepdive: -99999;
  --kite-zindex-default: 1;
  --kite-zindex-sticky: 1000;
  --kite-zindex-dropdown: 1100;
  --kite-zindex-dialog-backdrop: 1200;
  --kite-zindex-dialog: 1300;
  --kite-zindex-notification: 1600;
  --kite-zindex-moonshot: 99999;
  --kite-cursor-action: pointer;
  --kite-cursor-disabled: not-allowed;
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.1);
  --kite-form-control-text-line-height: 1.25;
  --kite-form-control-text-overflow: clip;
  --kite-form-control-border-radius: 0;
  --kite-form-control-margin-top: 0;
  --kite-form-control-margin-right: 0;
  --kite-form-control-margin-bottom: 0;
  --kite-form-control-margin-left: 0;
  --kite-form-control-max-width: 18rem;
  --kite-form-control-addon-padding-top: 0;
  --kite-form-control-addon-padding-bottom: 0;
  --kite-form-control-helper-text-size: 0.75rem;
  --kite-form-control-helper-text-line-height: 1.333;
  --kite-form-control-picker-transition-target-property: opacity;
  --kite-form-control-picker-min-width: 18rem;
  --kite-form-control-picker-backdrop-opacity: 0.8;
  --kite-form-control-picker-list-item-padding-top: 0.625rem;
  --kite-form-control-picker-list-item-padding-bottom: 0.625rem;
  --kite-form-control-picker-list-item-padding-left: 0;
  --kite-form-control-input-max-width: 18rem;
  --kite-grid-xs-columns: 4;
  --kite-grid-sm-columns: 4;
  --kite-grid-md-columns: 4;
  --kite-grid-lg-columns: 12;
  --kite-grid-xl-columns: 12;
  --kite-grid-2xl-columns: 12;
  --kite-grid-xxl-columns: 12;
  --kite-typography-sm-display-size: 3rem;
  --kite-typography-sm-display-line-height: 1.25;
  --kite-typography-sm-title-1-size: 2.625rem;
  --kite-typography-sm-title-1-line-height: 1.238;
  --kite-typography-sm-title-2-size: 2rem;
  --kite-typography-sm-title-2-line-height: 1.25;
  --kite-typography-sm-title-3-size: 1.75rem;
  --kite-typography-sm-title-3-line-height: 1.286;
  --kite-typography-sm-title-4-size: 1.5rem;
  --kite-typography-sm-title-4-line-height: 1.333;
  --kite-typography-sm-title-5-size: 1.25rem;
  --kite-typography-sm-title-5-line-height: 1.4;
  --kite-typography-sm-title-6-size: 1.125rem;
  --kite-typography-sm-title-6-line-height: 1.333;
  --kite-typography-sm-body-display-size: 1.25rem;
  --kite-typography-sm-body-display-line-height: 1.6;
  --kite-typography-sm-body-size: 1rem;
  --kite-typography-sm-body-line-height: 1.5;
  --kite-typography-sm-eyebrow-size: 0.875rem;
  --kite-typography-sm-eyebrow-line-height: 1.429;
  --kite-typography-sm-eyebrow-text-transform: uppercase;
  --kite-typography-sm-caption-1-size: 0.875rem;
  --kite-typography-sm-caption-1-line-height: 1.429;
  --kite-typography-sm-caption-2-size: 0.75rem;
  --kite-typography-sm-caption-2-line-height: 1.333;
  --kite-typography-lg-display-size: 4rem;
  --kite-typography-lg-display-line-height: 1.125;
  --kite-typography-lg-title-1-size: 3rem;
  --kite-typography-lg-title-1-line-height: 1.167;
  --kite-typography-lg-title-2-size: 2.625rem;
  --kite-typography-lg-title-2-line-height: 1.238;
  --kite-typography-lg-title-3-size: 2.25rem;
  --kite-typography-lg-title-3-line-height: 1.111;
  --kite-typography-lg-title-4-size: 1.75rem;
  --kite-typography-lg-title-4-line-height: 1.286;
  --kite-typography-lg-title-5-size: 1.5rem;
  --kite-typography-lg-title-5-line-height: 1.333;
  --kite-typography-lg-title-6-size: 1.25rem;
  --kite-typography-lg-title-6-line-height: 1.4;
  --kite-typography-lg-body-display-size: 1.25rem;
  --kite-typography-lg-body-display-line-height: 1.6;
  --kite-typography-lg-body-size: 1rem;
  --kite-typography-lg-body-line-height: 1.5;
  --kite-typography-lg-eyebrow-size: 1rem;
  --kite-typography-lg-eyebrow-line-height: 1.5;
  --kite-typography-lg-eyebrow-text-transform: uppercase;
  --kite-typography-lg-caption-1-size: 0.875rem;
  --kite-typography-lg-caption-1-line-height: 1.429;
  --kite-typography-lg-caption-2-size: 0.75rem;
  --kite-typography-lg-caption-2-line-height: 1.333;
  --kite-typography-sm-caption-size: 0.875rem;
  --kite-typography-sm-caption-line-height: 1.429;
  --kite-typography-lg-caption-size: 0.875rem;
  --kite-typography-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-sm-display-size: 3rem;
  --kite-typography-rutledge-sm-display-line-height: 1.25;
  --kite-typography-rutledge-sm-title-1-size: 2.5rem;
  --kite-typography-rutledge-sm-title-1-line-height: 1.3;
  --kite-typography-rutledge-sm-title-2-size: 2.25rem;
  --kite-typography-rutledge-sm-title-2-line-height: 1.222;
  --kite-typography-rutledge-sm-title-3-size: 2rem;
  --kite-typography-rutledge-sm-title-3-line-height: 1.25;
  --kite-typography-rutledge-sm-title-4-size: 1.75rem;
  --kite-typography-rutledge-sm-title-4-line-height: 1.286;
  --kite-typography-rutledge-sm-title-5-size: 1.5rem;
  --kite-typography-rutledge-sm-title-5-line-height: 1.25;
  --kite-typography-rutledge-sm-title-6-size: 1.25rem;
  --kite-typography-rutledge-sm-title-6-line-height: 1.3;
  --kite-typography-rutledge-sm-body-display-size: 1.25rem;
  --kite-typography-rutledge-sm-body-display-line-height: 1.3;
  --kite-typography-rutledge-sm-body-size: 1rem;
  --kite-typography-rutledge-sm-body-line-height: 1.5;
  --kite-typography-rutledge-sm-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-sm-eyebrow-style: uppercase;
  --kite-typography-rutledge-sm-eyebrow-line-height: 1.571;
  --kite-typography-rutledge-sm-caption-size: 0.875rem;
  --kite-typography-rutledge-sm-caption-line-height: 1.571;
  --kite-typography-rutledge-lg-display-size: 4rem;
  --kite-typography-rutledge-lg-display-line-height: 1.125;
  --kite-typography-rutledge-lg-title-1-size: 3rem;
  --kite-typography-rutledge-lg-title-1-line-height: 1.25;
  --kite-typography-rutledge-lg-title-2-size: 2.5rem;
  --kite-typography-rutledge-lg-title-2-line-height: 1.25;
  --kite-typography-rutledge-lg-title-3-size: 2.25rem;
  --kite-typography-rutledge-lg-title-3-line-height: 1.222;
  --kite-typography-rutledge-lg-title-4-size: 2rem;
  --kite-typography-rutledge-lg-title-4-line-height: 1.25;
  --kite-typography-rutledge-lg-title-5-size: 1.5rem;
  --kite-typography-rutledge-lg-title-5-line-height: 1.25;
  --kite-typography-rutledge-lg-title-6-size: 1.25rem;
  --kite-typography-rutledge-lg-title-6-line-height: 1.3;
  --kite-typography-rutledge-lg-body-display-size: 1.25rem;
  --kite-typography-rutledge-lg-body-display-line-height: 1.3;
  --kite-typography-rutledge-lg-body-size: 1rem;
  --kite-typography-rutledge-lg-body-line-height: 1.5;
  --kite-typography-rutledge-lg-eyebrow-size: 1rem;
  --kite-typography-rutledge-lg-eyebrow-style: uppercase;
  --kite-typography-rutledge-lg-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-lg-caption-size: 0.875rem;
  --kite-typography-rutledge-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-xxs-title-1-size: 1.3125rem;
  --kite-typography-rutledge-xxs-title-1-line-height: 1.333;
  --kite-typography-rutledge-xxs-title-2-size: 1.125rem;
  --kite-typography-rutledge-xxs-title-2-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-3-size: 1rem;
  --kite-typography-rutledge-xxs-title-3-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-4-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-4-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-5-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-5-line-height: 1.5;
  --kite-typography-rutledge-xxs-body-size: 0.875rem;
  --kite-typography-rutledge-xxs-body-line-height: 1.5;
  --kite-typography-rutledge-xxs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xxs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xxs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xxs-caption-size: 0.75rem;
  --kite-typography-rutledge-xxs-caption-line-height: 1.5;
  --kite-typography-rutledge-xs-title-1-size: 1.4375rem;
  --kite-typography-rutledge-xs-title-1-line-height: 1.304;
  --kite-typography-rutledge-xs-title-2-size: 1.1875rem;
  --kite-typography-rutledge-xs-title-2-line-height: 1.421;
  --kite-typography-rutledge-xs-title-3-size: 1.0625rem;
  --kite-typography-rutledge-xs-title-3-line-height: 1.471;
  --kite-typography-rutledge-xs-title-4-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-4-line-height: 1.533;
  --kite-typography-rutledge-xs-title-5-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-5-line-height: 1.533;
  --kite-typography-rutledge-xs-body-size: 0.9375rem;
  --kite-typography-rutledge-xs-body-line-height: 1.533;
  --kite-typography-rutledge-xs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xs-caption-size: 0.75rem;
  --kite-typography-rutledge-xs-caption-line-height: 1.5;
  --kite-typography-rutledge-md-title-1-size: 2.25rem;
  --kite-typography-rutledge-md-title-1-line-height: 1.25;
  --kite-typography-rutledge-md-title-2-size: 1.75rem;
  --kite-typography-rutledge-md-title-2-line-height: 1.286;
  --kite-typography-rutledge-md-title-3-size: 1.5rem;
  --kite-typography-rutledge-md-title-3-line-height: 1.292;
  --kite-typography-rutledge-md-title-4-size: 1.25rem;
  --kite-typography-rutledge-md-title-4-line-height: 1.05;
  --kite-typography-rutledge-md-title-5-size: 1rem;
  --kite-typography-rutledge-md-title-5-line-height: 1.5;
  --kite-typography-rutledge-md-body-size: 1rem;
  --kite-typography-rutledge-md-body-line-height: 1.5;
  --kite-typography-rutledge-md-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-md-eyebrow-style: uppercase;
  --kite-typography-rutledge-md-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-md-caption-size: 0.75rem;
  --kite-typography-rutledge-md-caption-line-height: 1.75;
  --kite-typography-rutledge-xl-title-1-size: 3.5rem;
  --kite-typography-rutledge-xl-title-1-line-height: 1.393;
  --kite-typography-rutledge-xl-title-2-size: 2.625rem;
  --kite-typography-rutledge-xl-title-2-line-height: 1.429;
  --kite-typography-rutledge-xl-title-3-size: 2.25rem;
  --kite-typography-rutledge-xl-title-3-line-height: 1.056;
  --kite-typography-rutledge-xl-title-4-size: 1.75rem;
  --kite-typography-rutledge-xl-title-4-line-height: 0.964;
  --kite-typography-rutledge-xl-title-5-size: 1.5rem;
  --kite-typography-rutledge-xl-title-5-line-height: 1;
  --kite-typography-rutledge-xl-body-size: 1.5rem;
  --kite-typography-rutledge-xl-body-line-height: 1.333;
  --kite-typography-rutledge-xl-eyebrow-size: 1.375rem;
  --kite-typography-rutledge-xl-eyebrow-style: uppercase;
  --kite-typography-rutledge-xl-eyebrow-line-height: 1.091;
  --kite-typography-rutledge-xl-caption-size: 1.25rem;
  --kite-typography-rutledge-xl-caption-line-height: 1.2;
  --kite-accordion-background-color: rgba(0, 0, 0, 0);
  --kite-accordion-border-radius: 0;
  --kite-accordion-margin-top: 0;
  --kite-accordion-margin-right: 0;
  --kite-accordion-margin-bottom: 0;
  --kite-accordion-margin-left: 0;
  --kite-accordion-hover-background-color: rgba(0, 18, 33, 0.02);
  --kite-accordion-trigger-width: 100%;
  --kite-accordion-expanded-padding-top: 0;
  --kite-accordion-hover-background-opacity: 0.02;
  --kite-accordion-hover-background-opacity-dark: 0.05;
  --kite-alert-text-align: left;
  --kite-alert-margin-top: 0;
  --kite-alert-margin-right: 0;
  --kite-alert-margin-bottom: 0;
  --kite-alert-margin-left: 0;
  --kite-alert-border-left-style: solid;
  --kite-alert-dismiss-icon-margin-right: 0;
  --kite-alert-passive-margin-top: 0;
  --kite-alert-passive-min-width: 17.5rem;
  --kite-alert-passive-breakpoint-lg-margin-bottom: 0;
  --kite-alert-passive-breakpoint-lg-margin-left: 0;
  --kite-alert-passive-breakpoint-lg-max-width: 31.25rem;
  --kite-alert-passive-breakpoint-lg-offset-x: 0;
  --kite-alert-passive-breakpoint-lg-offset-y: 0;
  --kite-alert-passive-offset-x: 0;
  --kite-alert-passive-offset-y: 0;
  --kite-alert-passive-timeout: 0;
  --kite-alert-page-border-style: solid;
  --kite-alert-page-border-left-style: solid;
  --kite-badge-border-color: rgba(0, 0, 0, 0);
  --kite-badge-margin-top: 0;
  --kite-badge-margin-bottom: 0;
  --kite-blockquote-background-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-radius: 0;
  --kite-blockquote-border-width: 0;
  --kite-blockquote-cite-punctuation: "\2014\a0";
  --kite-blockquote-cite-text-size: 80%;
  --kite-button-text-align: left;
  --kite-button-text-line-height: 1.5;
  --kite-button-border-color: rgba(0, 0, 0, 0);
  --kite-button-margin-top: 0;
  --kite-button-margin-right: 0;
  --kite-button-margin-bottom: 0;
  --kite-button-margin-left: 0;
  --kite-button-padding-top: 0.625rem;
  --kite-button-padding-bottom: 0.625rem;
  --kite-button-width: 100%;
  --kite-button-secondary-background-color: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color: rgba(0, 0, 0, 0);
  --kite-button-shrinkwrap-width: auto;
  --kite-button-shrinkwrap-min-width-sm: 5.625rem;
  --kite-button-shrinkwrap-min-width-md: 8.125rem;
  --kite-button-shrinkwrap-min-width-lg: 13.125rem;
  --kite-button-shrinkwrap-min-width-xl: 18rem;
  --kite-button-primary-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-disabled-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-disabled-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-active-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-disabled-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-disabled-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-focus-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-hover-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-calendar-margin-top: 0;
  --kite-calendar-margin-right: 0;
  --kite-calendar-margin-bottom: 0;
  --kite-calendar-margin-left: 0;
  --kite-calendar-day-text-align: center;
  --kite-calendar-day-due-text-size: 0.625rem;
  --kite-calendar-day-due-text-line-height: 1.3;
  --kite-calendar-day-due-text-transform: uppercase;
  --kite-calendar-day-due-offset: 0.3125rem;
  --kite-calendar-month-year-margin-right: 0;
  --kite-calendar-month-year-margin-left: 0;
  --kite-calendar-standalone-padding-top: 0;
  --kite-calendar-standalone-padding-right: 0;
  --kite-calendar-standalone-padding-left: 0;
  --kite-calendar-standalone-min-width: 18rem;
  --kite-calendar-standalone-min-height: 18.625rem;
  --kite-calendar-day-disabled-text-decoration-line: line-through;
  --kite-card-margin-top: 0;
  --kite-card-margin-right: 0;
  --kite-card-margin-bottom: 0;
  --kite-card-margin-left: 0;
  --kite-checkbox-background-color: rgba(0, 0, 0, 0);
  --kite-checkbox-margin-top: 0;
  --kite-checkbox-margin-right: 0;
  --kite-checkbox-margin-left: 0;
  --kite-checkbox-hover-background: rgba(0, 0, 0, 0);
  --kite-checkbox-label-margin-bottom: 0;
  --kite-checkbox-background-color-dark: rgba(0, 0, 0, 0);
  --kite-chip-margin-top: 0;
  --kite-chip-margin-left: 0;
  --kite-chip-focus-ring-offset: 0.375rem;
  --kite-chip-selected-padding-right: 1.1875rem;
  --kite-chip-selected-padding-left: 1.1875rem;
  --kite-chip-icon-width: 1.125rem;
  --kite-chip-icon-height: 1.125rem;
  --kite-chip-multiline-height: auto;
  --kite-combobox-margin-top: 0;
  --kite-combobox-margin-right: 0;
  --kite-combobox-margin-bottom: 0;
  --kite-combobox-margin-left: 0;
  --kite-combobox-picker-offset-x: 0;
  --kite-data-table-text-align: left;
  --kite-data-table-text-line-height: 1.571;
  --kite-data-table-border-radius: 0;
  --kite-data-table-margin-top: 0;
  --kite-data-table-margin-right: 0;
  --kite-data-table-margin-bottom: 0;
  --kite-data-table-margin-left: 0;
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.2);
  --kite-data-table-scroll-shadow-width: 5px;
  --kite-data-table-menu-cell-padding-right: 0;
  --kite-data-table-menu-cell-padding-left: 0;
  --kite-data-table-menu-column-padding-top: 0;
  --kite-data-table-menu-column-padding-right: 0;
  --kite-data-table-menu-column-padding-bottom: 0;
  --kite-data-table-menu-column-padding-left: 0;
  --kite-data-table-menu-column-width: 2.75rem;
  --kite-data-table-title-row-border-bottom-style: solid;
  --kite-date-input-margin-top: 0;
  --kite-date-input-margin-right: 0;
  --kite-date-input-margin-bottom: 0;
  --kite-date-input-margin-left: 0;
  --kite-date-input-picker-padding-top: 0;
  --kite-date-input-label-height: 1.5rem;
  --kite-dialog-text-align: left;
  --kite-dialog-text-line-height: 1.625;
  --kite-dialog-border-radius: 0;
  --kite-dialog-margin-top: 0;
  --kite-dialog-margin-right: 0;
  --kite-dialog-margin-bottom: 0;
  --kite-dialog-margin-left: 0;
  --kite-dialog-max-width: 42.5rem;
  --kite-dialog-breakpoint-md-width: 75%;
  --kite-dialog-breakpoint-md-max-height: 72%;
  --kite-dialog-breakpoint-lg-width: 66.66%;
  --kite-dialog-breakpoint-lg-max-height: 72%;
  --kite-dialog-breakpoint-xl-width: 66.66%;
  --kite-dialog-breakpoint-xl-max-height: 84%;
  --kite-dialog-breakpoint-2xl-width: 50%;
  --kite-dialog-breakpoint-2xl-max-height: 84%;
  --kite-dialog-position-x: center;
  --kite-dialog-position-y: center;
  --kite-dialog-transition-duration: 0;
  --kite-dialog-overlay-opacity: 0.8;
  --kite-dialog-content-padding-top: 0;
  --kite-dialog-button-min-width: 15.25rem;
  --kite-dialog-full-size-width: 100%;
  --kite-dialog-full-size-height: 100%;
  --kite-dialog-default-size-md-max-height: 72%;
  --kite-dialog-default-size-lg-max-height: 72%;
  --kite-dialog-default-size-xl-max-height: 84%;
  --kite-dialog-default-size-xxl-max-height: 84%;
  --kite-dropdown-text-overflow: ellipsis;
  --kite-dropdown-margin-top: 0;
  --kite-dropdown-margin-right: 0;
  --kite-dropdown-margin-left: 0;
  --kite-dropdown-list-min-width: 10.5rem;
  --kite-dropdown-list-activated-opacity: 1;
  --kite-dropdown-list-opacity: 0;
  --kite-dropdown-list-transition-target-property: opacity;
  --kite-dropdown-list-item-padding-left: 0;
  --kite-dropdown-inline-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-margin-top: 0;
  --kite-dropdown-inline-margin-right: 0;
  --kite-dropdown-inline-margin-bottom: 0;
  --kite-dropdown-inline-margin-left: 0;
  --kite-dropdown-inline-padding-top: 0;
  --kite-dropdown-inline-padding-right: 0;
  --kite-dropdown-inline-padding-bottom: 0;
  --kite-dropdown-inline-padding-left: 0;
  --kite-dropdown-inline-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-dropdown-list-hidden-opacity: 0;
  --kite-dropdown-list-visible-opacity: 1;
  --kite-dropdown-inline-background-color-dark: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color-dark: rgba(0, 0, 0, 0);
  --kite-dynamic-hint-border-color-dark: rgba(0, 0, 0, 0);
  --kite-dynamic-hint-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-arrow-border-color-dark: rgba(0, 0, 0, 0);
  --kite-interactive-list-background-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-border-radius: 0;
  --kite-interactive-list-margin-top: 0;
  --kite-interactive-list-margin-right: 0;
  --kite-interactive-list-margin-bottom: 0;
  --kite-interactive-list-margin-left: 0;
  --kite-interactive-list-padding-top: 0;
  --kite-interactive-list-padding-right: 0;
  --kite-interactive-list-padding-bottom: 0;
  --kite-interactive-list-padding-left: 0;
  --kite-interactive-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-margin-top: 0;
  --kite-interactive-list-item-margin-right: 0;
  --kite-interactive-list-item-margin-bottom: 0;
  --kite-interactive-list-item-margin-left: 0;
  --kite-interactive-list-item-title-text-line-height: 1.2;
  --kite-interactive-list-item-hover-background-color: rgba(0, 18, 33, 0.02);
  --kite-interactive-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-interactive-list-image-max-width: 5rem;
  --kite-interactive-list-image-max-height: 5rem;
  --kite-interactive-list-start-max-width: 5rem;
  --kite-interactive-list-item-hover-background-color-dark:
    255,
    255,
    255;
  --kite-interactive-list-item-hover-background-opacity-dark: 0.05;
  --kite-interactive-list-md-padding-top: 0;
  --kite-interactive-list-md-padding-bottom: 0;
  --kite-interactive-list-xl-padding-top: 0;
  --kite-interactive-list-xl-padding-bottom: 0;
  --kite-interactive-list-xxl-padding-top: 0;
  --kite-interactive-list-xxl-padding-bottom: 0;
  --kite-interactive-list-item-hover-background-opacity: 0.02;
  --kite-link-background-color: rgba(0, 0, 0, 0);
  --kite-link-text-decoration-line: underline;
  --kite-link-border-radius: 0;
  --kite-link-border-width: 0;
  --kite-link-margin-top: 0;
  --kite-link-margin-right: 0;
  --kite-link-margin-bottom: 0;
  --kite-link-margin-left: 0;
  --kite-link-padding-top: 0;
  --kite-link-padding-right: 0;
  --kite-link-padding-bottom: 0;
  --kite-link-padding-left: 0;
  --kite-link-standalone-text-decoration-line: none;
  --kite-link-standalone-hover-text-decoration: underline;
  --kite-link-standalone-press-text-decoration: underline;
  --kite-list-background-color: rgba(0, 0, 0, 0);
  --kite-list-border-radius: 0;
  --kite-list-margin-top: 0;
  --kite-list-margin-right: 0;
  --kite-list-margin-bottom: 0;
  --kite-list-margin-left: 0;
  --kite-list-padding-top: 0;
  --kite-list-padding-right: 0;
  --kite-list-padding-bottom: 0;
  --kite-list-padding-left: 0;
  --kite-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-list-item-margin-top: 0;
  --kite-list-item-margin-right: 0;
  --kite-list-item-margin-bottom: 0;
  --kite-list-item-margin-left: 0;
  --kite-list-item-image-md-max-width: 3.75rem;
  --kite-list-item-image-md-max-height: 3.75rem;
  --kite-list-item-image-lg-max-width: 5rem;
  --kite-list-item-image-lg-max-height: 5rem;
  --kite-list-item-payment-logo-border-radius: 0;
  --kite-list-item-payment-logo-margin-top: 0;
  --kite-list-item-hover-background-color: rgba(0, 18, 33, 0.02);
  --kite-list-item-expandable-content-padding-top: 0;
  --kite-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-list-item-payment-logo-margin: 0;
  --kite-list-start-max-width: 5rem;
  --kite-menu-list-min-width: 10.5rem;
  --kite-menu-list-activated-opacity: 1;
  --kite-menu-list-opacity: 0;
  --kite-menu-list-transition-target-property: opacity;
  --kite-menu-list-item-padding-top: 0.625rem;
  --kite-menu-list-item-padding-bottom: 0.625rem;
  --kite-menu-trigger-background-color: rgba(0, 0, 0, 0);
  --kite-menu-trigger-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-menu-contextual-label-trigger-padding-top: 0.625rem;
  --kite-menu-contextual-label-trigger-padding-bottom: 0.625rem;
  --kite-menu-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-menu-list-hidden-opacity: 0;
  --kite-menu-list-visible-opacity: 1;
  --kite-menu-list-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1);
  --kite-meter-circular-width: 5.5rem;
  --kite-meter-circular-width-px: 88px;
  --kite-meter-circular-track-height-px: 8px;
  --kite-meter-circular-sm-width-px: 24px;
  --kite-meter-circular-sm-track-height: 0.125rem;
  --kite-meter-circular-sm-track-height-px: 2px;
  --kite-meter-circular-sm-tick-width: 0.125rem;
  --kite-meter-circular-sm-icon-margin: 0.375rem;
  --kite-meter-circular-lg-width: 9.25rem;
  --kite-meter-circular-lg-width-px: 148px;
  --kite-meter-linear-label-text-size: 0.875rem;
  --kite-meter-linear-value-label-text-size: 0.875rem;
  --kite-meter-linear-small-label-text-size: 0.875rem;
  --kite-meter-linear-small-value-label-text-size: 0.875rem;
  --kite-meter-linear-large-label-text-size: 1rem;
  --kite-meter-linear-large-value-label-text-size: 1rem;
  --kite-meter-circular-small-height: 5.5rem;
  --kite-meter-circular-small-width: 5.5rem;
  --kite-meter-circular-small-status-icon-margin: 0.375rem;
  --kite-meter-circular-small-track-height: 0.125rem;
  --kite-meter-circular-small-label-text-size: 0.875rem;
  --kite-meter-circular-large-height: 9.25rem;
  --kite-meter-circular-large-width: 9.25rem;
  --kite-meter-circular-large-label-text-size: 0.875rem;
  --kite-pagination-controls-margin-top: 0;
  --kite-pagination-controls-breakpoint-lg-margin-bottom: 0;
  --kite-pagination-controls-button-background-color: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-border-radius: 0;
  --kite-pagination-controls-button-width: 4rem;
  --kite-pagination-controls-button-height: 3.25rem;
  --kite-pagination-page-select-current-label-padding-top: 0.625rem;
  --kite-pagination-page-select-current-label-padding-right: 0.625rem;
  --kite-pagination-page-select-current-label-padding-bottom: 0.625rem;
  --kite-pagination-page-select-current-label-padding-left: 0.625rem;
  --kite-pagination-dropdown-margin-top: 0;
  --kite-pagination-dropdown-margin-bottom: 0;
  --kite-pagination-controls-background-color-dark: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-background-color-dark: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-previous-border-radius: 0;
  --kite-payment-logo-border-color: rgba(0, 0, 0, 0);
  --kite-payment-logo-margin-top: 0;
  --kite-payment-logo-margin-right: 0;
  --kite-payment-logo-margin-bottom: 0;
  --kite-payment-logo-margin-left: 0;
  --kite-payment-logo-padding-top: 0;
  --kite-payment-logo-padding-right: 0;
  --kite-payment-logo-padding-bottom: 0;
  --kite-payment-logo-padding-left: 0;
  --kite-popover-text-align: left;
  --kite-popover-max-width: 100%;
  --kite-popover-max-height: 37.5rem;
  --kite-popover-trigger-margin-top: 0;
  --kite-popover-trigger-margin-right: 0;
  --kite-popover-trigger-margin-bottom: 0;
  --kite-popover-trigger-focus-ring-offset: 0.0625rem;
  --kite-popover-dismiss-icon-margin-top: 0;
  --kite-popover-dismiss-icon-margin-right: 0;
  --kite-popover-dismiss-icon-margin-left: 0;
  --kite-popover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-popover-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-popover-arrow-border-color-dark: rgba(0, 0, 0, 0);
  --kite-progress-indicator-background-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-radius: 0;
  --kite-progress-indicator-margin-top: 0;
  --kite-progress-indicator-margin-right: 0;
  --kite-progress-indicator-margin-bottom: 0;
  --kite-progress-indicator-margin-left: 0;
  --kite-progress-indicator-padding-top: 0;
  --kite-progress-indicator-padding-right: 0;
  --kite-progress-indicator-padding-bottom: 0;
  --kite-progress-indicator-padding-left: 0;
  --kite-progress-indicator-transition-delay: 500ms;
  --kite-progress-indicator-label-text-align: left;
  --kite-progress-indicator-track-size-px: 4px;
  --kite-progress-indicator-backdrop-opacity: 0.95;
  --kite-progress-indicator-circular-width: 2.5rem;
  --kite-progress-indicator-circular-width-px: 40px;
  --kite-progress-indicator-circular-track-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-circular-label-text-line-height: 1.4;
  --kite-progress-indicator-circular-label-text-align: center;
  --kite-progress-indicator-circular-icon-width: 2.75rem;
  --kite-progress-indicator-circular-sm-track-size-px: 2px;
  --kite-progress-indicator-circular-sm-width-px: 24px;
  --kite-progress-indicator-circular-sm-icon-width: 1.625rem;
  --kite-progress-indicator-circular-lg-track-size-px: 4px;
  --kite-progress-indicator-circular-lg-width: 5rem;
  --kite-progress-indicator-circular-lg-width-px: 80px;
  --kite-progress-indicator-circular-lg-icon-width: 5rem;
  --kite-progress-indicator-border-color-dark: rgba(0, 0, 0, 0);
  --kite-progress-indicator-lg-height: 5rem;
  --kite-progress-indicator-lg-width: 5rem;
  --kite-progress-indicator-md-height: 2.5rem;
  --kite-progress-indicator-md-width: 2.5rem;
  --kite-radio-background-color: rgba(0, 0, 0, 0);
  --kite-radio-margin-top: 0;
  --kite-radio-margin-right: 0;
  --kite-radio-margin-left: 0;
  --kite-radio-padding-top: 0;
  --kite-radio-padding-right: 0;
  --kite-radio-padding-bottom: 0;
  --kite-radio-padding-left: 0;
  --kite-radio-label-margin-bottom: 0;
  --kite-radio-input-margin-left: 0;
  --kite-search-input-margin-top: 0;
  --kite-search-input-margin-right: 0;
  --kite-search-input-margin-bottom: 0;
  --kite-search-input-margin-left: 0;
  --kite-select-text-overflow: ellipsis;
  --kite-select-margin-top: 0;
  --kite-select-margin-right: 0;
  --kite-select-margin-left: 0;
  --kite-skip-link-text-line-height: 1;
  --kite-skip-link-margin-top: 0;
  --kite-skip-link-margin-right: 0;
  --kite-skip-link-margin-bottom: 0;
  --kite-skip-link-margin-left: 0;
  --kite-skip-link-position: absolute;
  --kite-switch-background-color: rgba(0, 0, 0, 0);
  --kite-switch-border-radius: 0;
  --kite-switch-border-width: 0;
  --kite-switch-margin-top: 0;
  --kite-switch-margin-right: 0;
  --kite-switch-margin-left: 0;
  --kite-switch-padding-top: 0;
  --kite-switch-padding-right: 0;
  --kite-switch-padding-bottom: 0;
  --kite-switch-padding-left: 0;
  --kite-switch-disabled-track-opacity: 1;
  --kite-switch-track-opacity: 1;
  --kite-switch-on-track-opacity: 1;
  --kite-switch-on-disabled-track-opacity: 1;
  --kite-tabs-background-color: rgba(0, 0, 0, 0);
  --kite-tabs-border-radius: 0;
  --kite-tabs-border-width: 0;
  --kite-tabs-margin-top: 0;
  --kite-tabs-margin-right: 0;
  --kite-tabs-margin-bottom: 0;
  --kite-tabs-margin-left: 0;
  --kite-tabs-padding-top: 0;
  --kite-tabs-padding-right: 0;
  --kite-tabs-padding-bottom: 0;
  --kite-tabs-padding-left: 0;
  --kite-tabs-tab-background: rgba(0, 0, 0, 0);
  --kite-tabs-tab-text-align: center;
  --kite-tabs-tab-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-tab-min-width: 5.625rem;
  --kite-tabs-panel-padding-right: 0;
  --kite-tabs-panel-padding-bottom: 0;
  --kite-tabs-panel-padding-left: 0;
  --kite-tabs-item-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-item-border-bottom-color-dark: rgba(0, 0, 0, 0);
  --kite-tabs-item-min-width: 5.625rem;
  --kite-tag-text-line-height: 1.714;
  --kite-tag-margin-top: 0;
  --kite-tag-margin-right: 0;
  --kite-tag-margin-bottom: 0;
  --kite-tag-margin-left: 0;
  --kite-tag-padding-top: 0;
  --kite-tag-padding-bottom: 0;
  --kite-tag-solid-border-color: rgba(0, 0, 0, 0);
  --kite-text-area-margin-top: 0;
  --kite-text-area-margin-right: 0;
  --kite-text-area-margin-left: 0;
  --kite-text-area-min-height: 7.375rem;
  --kite-text-input-margin-top: 0;
  --kite-text-input-margin-right: 0;
  --kite-text-input-margin-left: 0;
  --kite-time-input-margin-top: 0;
  --kite-time-input-margin-right: 0;
  --kite-time-input-margin-bottom: 0;
  --kite-time-input-margin-left: 0;
  --kite-time-input-icon-margin-right: 0;
  --kite-time-input-placeholder-margin-left: 0;
  --kite-toast-border-color: rgba(0, 0, 0, 0);
  --kite-toast-border-width: 0;
  --kite-toast-margin-right: 0;
  --kite-toast-margin-left: 0;
  --kite-toast-max-width: 20rem;
  --kite-toast-icon-height: 1.125rem;
  --kite-toast-icon-width: 1.125rem;
  --kite-toast-line-height: 1.25;
  --kite-toast-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1);
  --kite-tooltip-border-color: rgba(0, 0, 0, 0);
  --kite-tooltip-border-width: 0;
  --kite-tooltip-margin-top: 0;
  --kite-tooltip-margin-right: 0;
  --kite-tooltip-margin-bottom: 0;
  --kite-tooltip-margin-left: 0;
  --kite-tooltip-max-width: 90%;
  --kite-tooltip-max-height: 4.25rem;
  --kite-tooltip-offset: 0;
  --kite-tooltip-breakpoint-sm-max-width: 20.3125rem;
  --kite-tooltip-arrow-directional-offset: 0;
  --kite-border-width-thin: var(--kite-size-1, 0.0625rem);
  --kite-border-width-thick: var(--kite-size-2, 0.125rem);
  --kite-color-background: var(--kite-color-white, #ffffff);
  --kite-color-background-secondary: var(--kite-color-gray-10, #f8f8f8);
  --kite-color-text: var(--kite-color-black, #000000);
  --kite-color-text-secondary: var(--kite-color-gray-30, #63738a);
  --kite-color-primary: var(--kite-color-blue-20, #0073d1);
  --kite-color-primary-focus: var(--kite-color-blue-30, #0062b2);
  --kite-color-primary-hover: var(--kite-color-blue-30, #0062b2);
  --kite-color-primary-press: var(--kite-color-blue-30, #0062b2);
  --kite-color-on-primary: var(--kite-color-white, #ffffff);
  --kite-color-caution: var(--kite-color-yellow-20, #faa41a);
  --kite-color-caution-muted: var(--kite-color-yellow-00, #fff3e0);
  --kite-color-on-caution: var(--kite-color-black, #000000);
  --kite-color-negative: var(--kite-color-red-20, #d6312b);
  --kite-color-negative-muted: var(--kite-color-red-00, #ffefef);
  --kite-color-on-negative: var(--kite-color-white, #ffffff);
  --kite-color-neutral: var(--kite-color-light-blue-20, #5db8fc);
  --kite-color-neutral-muted: var(--kite-color-light-blue-00, #e8f8ff);
  --kite-color-on-neutral: var(--kite-color-black, #000000);
  --kite-color-positive: var(--kite-color-green-20, #008516);
  --kite-color-positive-muted: var(--kite-color-green-00, #e8ffe8);
  --kite-color-on-positive: var(--kite-color-white, #ffffff);
  --kite-color-disabled: var(--kite-color-gray-25, #9ba9bd);
  --kite-color-on-disabled: var(--kite-color-gray-20, #d8dde6);
  --kite-color-error: var(--kite-color-red-20, #d6312b);
  --kite-color-info: var(--kite-color-light-blue-20, #5db8fc);
  --kite-color-success: var(--kite-color-green-20, #008516);
  --kite-color-focus: var(--kite-color-blue-30, #0062b2);
  --kite-font-family-sans-serif: var(--kite-font-family-spectrum-sans, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-letter-spacing-lg: var(--kite-size-2, 0.125rem);
  --kite-tracking-lg: var(--kite-size-2, 0.125rem);
  --kite-size-radius-sm: var(--kite-size-2, 0.125rem);
  --kite-size-radius-md: var(--kite-size-4, 0.25rem);
  --kite-size-radius-lg: var(--kite-size-8, 0.5rem);
  --kite-size-radius-circle: var(--kite-size-percent-50, 50%);
  --kite-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-border-radius-pill: var(--kite-size-radius-pill, 624.9375rem);
  --kite-border-style: var(--kite-border-style-solid, solid);
  --kite-container-background-color: var(--kite-color-white, #ffffff);
  --kite-container-hover-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-focus-ring-offset: var(--kite-size-2, 0.125rem);
  --kite-focus-ring-style: var(--kite-border-style-solid, solid);
  --kite-focus-ring-width: var(--kite-size-2, 0.125rem);
  --kite-font-weight: var(--kite-font-weight-regular, 400);
  --kite-font-size: var(--kite-font-size-px, 16px);
  --kite-font-style: var(--kite-font-style-normal, normal);
  --kite-motion-fast: var(--kite-duration-750, 750ms);
  --kite-motion-faster: var(--kite-duration-400, 400ms);
  --kite-motion-fastest: var(--kite-duration-200, 200ms);
  --kite-motion-standard: var(--kite-cubic-bezier-ease, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-motion-entry: var(--kite-cubic-bezier-ease-out, cubic-bezier(0, 0, 0.58, 1));
  --kite-motion-exit: var(--kite-cubic-bezier-ease-in, cubic-bezier(0.42, 0, 1, 1));
  --kite-layout-2xs: var(--kite-size-40, 2.5rem);
  --kite-layout-xs: var(--kite-size-48, 3rem);
  --kite-spacing-2xs: var(--kite-size-4, 0.25rem);
  --kite-spacing-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-md: var(--kite-size-16, 1rem);
  --kite-spacing-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-2xl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxs: var(--kite-size-4, 0.25rem);
  --kite-spacing-element-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-element-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-element-md: var(--kite-size-16, 1rem);
  --kite-spacing-element-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-element-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-element-xxl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxxl: var(--kite-size-40, 2.5rem);
  --kite-spacing-section-xs: var(--kite-size-48, 3rem);
  --kite-my-component-background-color: var(--kite-color-white, #ffffff);
  --kite-my-component-min-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-list-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-height: var(--kite-size-touch-target, 2.75rem);
  --kite-form-control-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-addon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-addon-icon-width: var(--kite-size-24, 1.5rem);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-placeholder-text-style: var(--kite-font-style-normal, normal);
  --kite-form-control-picker-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-picker-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-form-control-picker-zindex: var(--kite-zindex-dialog, 1300);
  --kite-form-control-picker-backdrop-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-picker-list-item-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-form-control-picker-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-picker-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-form-control-picker-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-picker-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-form-control-picker-list-item-check-icon-width: var(--kite-size-16, 1rem);
  --kite-form-control-input-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-input-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-border-style: var(--kite-border-style-solid, solid);
  --kite-form-control-input-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-input-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-input-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-form-control-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-form-control-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-input-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-input-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-form-control-input-placeholder-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-input-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-grid-xxl-gutters: var(--kite-size-16, 1rem);
  --kite-grid-xxl-margins: var(--kite-size-24, 1.5rem);
  --kite-typography-display-size: var(--kite-typography-sm-display-size, 3rem);
  --kite-typography-display-line-height: var(--kite-typography-sm-display-line-height, 1.25);
  --kite-typography-title-1-size: var(--kite-typography-sm-title-1-size, 2.625rem);
  --kite-typography-title-1-line-height: var(--kite-typography-sm-title-1-line-height, 1.238);
  --kite-typography-title-2-size: var(--kite-typography-sm-title-2-size, 2rem);
  --kite-typography-title-2-line-height: var(--kite-typography-sm-title-2-line-height, 1.25);
  --kite-typography-title-3-size: var(--kite-typography-sm-title-3-size, 1.75rem);
  --kite-typography-title-3-line-height: var(--kite-typography-sm-title-3-line-height, 1.286);
  --kite-typography-title-4-size: var(--kite-typography-sm-title-4-size, 1.5rem);
  --kite-typography-title-4-line-height: var(--kite-typography-sm-title-4-line-height, 1.333);
  --kite-typography-title-5-size: var(--kite-typography-sm-title-5-size, 1.25rem);
  --kite-typography-title-5-line-height: var(--kite-typography-sm-title-5-line-height, 1.4);
  --kite-typography-title-6-size: var(--kite-typography-sm-title-6-size, 1.125rem);
  --kite-typography-title-6-line-height: var(--kite-typography-sm-title-6-line-height, 1.333);
  --kite-typography-body-display-size: var(--kite-typography-sm-body-display-size, 1.25rem);
  --kite-typography-body-display-line-height: var(--kite-typography-sm-body-display-line-height, 1.6);
  --kite-typography-body-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-typography-body-line-height: var(--kite-typography-sm-body-line-height, 1.5);
  --kite-typography-eyebrow-size: var(--kite-typography-sm-eyebrow-size, 0.875rem);
  --kite-typography-eyebrow-line-height: var(--kite-typography-sm-eyebrow-line-height, 1.429);
  --kite-typography-eyebrow-text-transform: var(--kite-typography-sm-eyebrow-text-transform, uppercase);
  --kite-typography-caption-1-size: var(--kite-typography-sm-caption-1-size, 0.875rem);
  --kite-typography-caption-1-line-height: var(--kite-typography-sm-caption-1-line-height, 1.429);
  --kite-typography-caption-2-size: var(--kite-typography-sm-caption-2-size, 0.75rem);
  --kite-typography-caption-2-line-height: var(--kite-typography-sm-caption-2-line-height, 1.333);
  --kite-typography-sm-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-6-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-3-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-4-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xl-caption-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-accordion-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-accordion-cursor: var(--kite-cursor-action, pointer);
  --kite-accordion-icon-height: var(--kite-size-16, 1rem);
  --kite-accordion-icon-width: var(--kite-size-16, 1rem);
  --kite-accordion-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-accordion-border-bottom-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-accordion-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-title-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-hover-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-disabled-title-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-alert-label-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-accordion-success-label-text-color: var(--kite-color-green-10, #00bf1f);
  --kite-accordion-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-accordion-icon-fill: var(--kite-color-gray-30, #63738a);
  --kite-alert-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-alert-focus-ring-color: var(--kite-color-blue-20, #0073d1);
  --kite-alert-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-alert-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-alert-dismiss-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-dismiss-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-link-icon-height: var(--kite-size-12, 0.75rem);
  --kite-alert-link-icon-width: var(--kite-size-12, 0.75rem);
  --kite-alert-global-focus-ring-color: var(--kite-color-black, #000000);
  --kite-alert-passive-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-passive-zindex: var(--kite-zindex-notification, 1600);
  --kite-alert-passive-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-alert-passive-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-alert-passive-neutral-border-color: var(--kite-color-blue-10, #31a2ff);
  --kite-alert-passive-neutral-status-icon-color: var(--kite-color-blue-10, #31a2ff);
  --kite-alert-passive-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-alert-passive-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-alert-dismiss-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-indicator-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-indicator-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-page-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-page-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-page-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-page-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-page-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-alert-global-caution-indicator-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-caution-indicator-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-caution-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-error-dismiss-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-indicator-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-indicator-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-text-color: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-text-color: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-info-indicator-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-info-indicator-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-info-link-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-info-link-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-negative-status-icon-fill: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-status-icon-fill: var(--kite-color-green-20, #008516);
  --kite-badge-background-color: var(--kite-color-red-20, #d6312b);
  --kite-badge-text-color: var(--kite-color-white, #ffffff);
  --kite-badge-text-size: var(--kite-size-12, 0.75rem);
  --kite-badge-text-weight: var(--kite-font-weight-bold, 700);
  --kite-badge-height: var(--kite-size-20, 1.25rem);
  --kite-badge-min-width: var(--kite-size-20, 1.25rem);
  --kite-badge-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-badge-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-badge-sm-height: var(--kite-size-8, 0.5rem);
  --kite-badge-sm-width: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-height: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-width: var(--kite-size-8, 0.5rem);
  --kite-badge-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-badge-disabled-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-blockquote-border-left-width: var(--kite-size-4, 0.25rem);
  --kite-blockquote-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-blockquote-cite-text-color: var(--kite-color-gray-30, #63738a);
  --kite-button-text-weight: var(--kite-font-weight-medium, 500);
  --kite-button-height: var(--kite-size-touch-target, 2.75rem);
  --kite-button-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-button-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-button-disabled-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-cursor: var(--kite-cursor-action, pointer);
  --kite-button-icon-height: var(--kite-size-20, 1.25rem);
  --kite-button-icon-width: var(--kite-size-20, 1.25rem);
  --kite-button-destructive-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-focus-background-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-destructive-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-hover-background-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-destructive-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-press-background-color: var(--kite-color-negative-press, #b00300);
  --kite-button-destructive-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-disabled-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-negative-press, #b00300);
  --kite-button-primary-background-color-dark: var(--kite-color-blue-20, #0073d1);
  --kite-button-primary-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-active-background-color-dark: var(--kite-color-blue-30, #0062b2);
  --kite-button-primary-active-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-active-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-disabled-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-button-primary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-primary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-primary-focus-background-color-dark: var(--kite-color-blue-30, #0062b2);
  --kite-button-primary-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-hover-background-color-dark: var(--kite-color-blue-30, #0062b2);
  --kite-button-primary-hover-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-hover-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-disabled-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-button-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-active-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-active-text-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-active-icon-fill-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-focus-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-focus-icon-fill-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-hover-text-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-icon-fill-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-borderless-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-active-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-active-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-borderless-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-borderless-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-active-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-focus-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-hover-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-borderless-active-icon-fill: var(--kite-color-blue-30, #0062b2);
  --kite-button-borderless-hover-icon-fill: var(--kite-color-blue-30, #0062b2);
  --kite-calendar-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-calendar-action-cursor: var(--kite-cursor-action, pointer);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-width: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-height: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-today-indicator-width: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-today-indicator-height: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-due-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-calendar-day-due-padding-top: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-padding-bottom: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-out-range-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-day-unavailable-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-month-year-text-weight: var(--kite-font-weight-bold, 700);
  --kite-calendar-day-disabled-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-card-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-card-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-card-border-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-checkbox-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-selected-icon-height: var(--kite-size-16, 1rem);
  --kite-checkbox-selected-icon-width: var(--kite-size-16, 1rem);
  --kite-checkbox-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-checkbox-error-feedback-icon-height: var(--kite-size-20, 1.25rem);
  --kite-checkbox-error-feedback-icon-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-selected-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-indeterminate-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-indeterminate-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-indeterminate-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-chip-text-color: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-text-weight: var(--kite-font-weight-medium, 500);
  --kite-chip-border-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-height: var(--kite-size-32, 2rem);
  --kite-chip-focus-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-background-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-chip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-chip-cursor: var(--kite-cursor-action, pointer);
  --kite-chip-background-color-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-text-color-dark: var(--kite-color-light-blue-10, #b7cee5);
  --kite-chip-hover-background-color-dark: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-chip-disabled-background-color-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-combobox-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-combobox-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-combobox-height: var(--kite-size-touch-target, 2.75rem);
  --kite-combobox-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-combobox-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-combobox-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-combobox-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-combobox-overflow-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-combobox-picker-results-text-color: var(--kite-color-gray-30, #63738a);
  --kite-data-table-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-data-table-breakpoint-md-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-breakpoint-md-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-data-table-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-header-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-header-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-cell-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-row-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.2);
  --kite-data-table-striped-row-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-white, #ffffff);
  --kite-data-table-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-title-row-border-bottom-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-title-row-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-cell-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-cell-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-row-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-row-striped-background-color-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-data-table-row-hover-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-row-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-title-row-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-title-row-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-row-striped-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-lg-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-sm-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-hover-row-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-date-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-date-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-date-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-date-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-date-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-date-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-date-input-feedback-margin-top: var(--kite-form-control-margin-top, 0);
  --kite-date-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-date-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-date-input-picker-min-width: var(--kite-form-control-picker-min-width, 18rem);
  --kite-dialog-border-width: var(--kite-border-width-none, 0);
  --kite-dialog-width: var(--kite-dialog-full-size-width, 100%);
  --kite-dialog-height: var(--kite-dialog-full-size-height, 100%);
  --kite-dialog-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dialog-icon-height: var(--kite-size-24, 1.5rem);
  --kite-dialog-icon-width: var(--kite-size-24, 1.5rem);
  --kite-dialog-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-zindex: var(--kite-zindex-dialog, 1300);
  --kite-dialog-breakpoint-md-title-text-size: var(--kite-typography-lg-title-5-size, 1.5rem);
  --kite-dialog-breakpoint-md-title-text-line-height: var(--kite-typography-lg-title-5-line-height, 1.333);
  --kite-dialog-overlay-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-dialog-overlay-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-dialog-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-dialog-dismiss-icon-height: var(--kite-size-20, 1.25rem);
  --kite-dialog-dismiss-icon-width: var(--kite-size-20, 1.25rem);
  --kite-dialog-scrolled-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-dialog-overlay-background-color-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-dialog-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-dialog-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dialog-box-shadow: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-dialog-z-index: var(--kite-zindex-dialog, 1300);
  --kite-dropdown-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-dropdown-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-dropdown-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-dropdown-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-dropdown-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-dropdown-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-margin-right: var(--kite-size-8, 0.5rem);
  --kite-dropdown-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-dropdown-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-dropdown-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-dropdown-list-cursor: var(--kite-cursor-action, pointer);
  --kite-dropdown-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dropdown-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-dropdown-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-padding-top: var(--kite-menu-list-item-padding-top, 0.625rem);
  --kite-dropdown-list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom, 0.625rem);
  --kite-dropdown-list-item-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-dropdown-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dropdown-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-inline-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-inline-border-width: var(--kite-border-width-none, 0);
  --kite-dropdown-inline-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-list-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-dropdown-list-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-destructive-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-list-item-destructive-icon-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-dropdown-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-icon-fill: var(--kite-color-dark-blue-30, #001221);
  --kite-dropdown-inline-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-inline-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dynamic-hint-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dynamic-hint-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dynamic-hint-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dynamic-hint-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dynamic-hint-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-dynamic-hint-arrow-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dynamic-hint-criteria-icon-height: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-criteria-icon-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-dynamic-hint-arrow-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-dynamic-hint-criteria-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dynamic-hint-criteria-success-icon-fill-dark: var(--kite-color-green-10, #00bf1f);
  --kite-dynamic-hint-criteria-error-icon-fill-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-interactive-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-interactive-list-item-border-radius: var(--kite-interactive-list-border-radius, 0);
  --kite-interactive-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-interactive-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-interactive-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-interactive-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-interactive-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-interactive-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-interactive-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-interactive-list-image-border-radius: var(--kite-size-4, 0.25rem);
  --kite-interactive-list-item-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-danger-label-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-interactive-list-item-info-label-text-color-dark: var(--kite-color-blue-10, #31a2ff);
  --kite-interactive-list-item-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-interactive-list-item-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-interactive-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-action-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-disabled-action-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-text-decoration: var(--kite-link-text-decoration-line, underline);
  --kite-link-text-decoration-offset: var(--kite-size-2, 0.125rem);
  --kite-link-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-link-hover-text-color: var(--kite-color-dark-blue-10, #003561);
  --kite-link-press-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-link-cursor: var(--kite-cursor-action, pointer);
  --kite-link-icon-height: var(--kite-size-14, 0.875rem);
  --kite-link-icon-width: var(--kite-size-14, 0.875rem);
  --kite-link-standalone-text-decoration: var(--kite-link-standalone-text-decoration-line, none);
  --kite-link-standalone-text-weight: var(--kite-font-weight-medium, 500);
  --kite-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-active-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-link-visited-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-active-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-link-standalone-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-standalone-visited-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-standalone-active-icon-fill: var(--kite-color-dark-blue-20, #002747);
  --kite-link-standalone-hover-icon-fill: var(--kite-color-dark-blue-10, #003561);
  --kite-link-standalone-visited-icon-fill: var(--kite-color-dark-blue-10, #003561);
  --kite-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-border-radius: var(--kite-list-border-radius, 0);
  --kite-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-list-item-slot-start-max-width: var(--kite-list-start-max-width, 5rem);
  --kite-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-list-item-image-sm-max-width: var(--kite-size-48, 3rem);
  --kite-list-item-image-sm-max-height: var(--kite-size-48, 3rem);
  --kite-list-item-action-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-action-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-list-item-breakpoint-md-title-body-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-list-item-breakpoint-md-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-breakpoint-md-title-body-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-list-image-border-radius: var(--kite-size-4, 0.25rem);
  --kite-list-image-max-width: var(--kite-list-item-image-lg-max-width, 5rem);
  --kite-list-image-max-height: var(--kite-list-item-image-lg-max-height, 5rem);
  --kite-menu-list-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-menu-list-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-menu-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-menu-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-color: var(--kite-color-dark-blue-30, #001221);
  --kite-menu-list-item-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-width: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-height: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-trigger-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-trigger-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-trigger-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-contextual-label-trigger-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-menu-sm-trigger-padding-top: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-right: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-left: var(--kite-size-2, 0.125rem);
  --kite-menu-list-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-menu-list-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-negative-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-menu-list-item-negative-icon-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-menu-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-menu-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-fill: var(--kite-color-dark-blue-30, #001221);
  --kite-meter-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-tick-color: var(--kite-color-black, #000000);
  --kite-meter-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-value-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-lg-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-lg-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-lg-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-lg-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-lg-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-lg-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-height: var(--kite-meter-circular-width, 5.5rem);
  --kite-meter-circular-height-px: var(--kite-meter-circular-width-px, 88px);
  --kite-meter-circular-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-meter-circular-sm-height-px: var(--kite-meter-circular-sm-width-px, 24px);
  --kite-meter-circular-sm-tick-height: var(--kite-meter-circular-sm-track-height, 0.125rem);
  --kite-meter-circular-lg-height: var(--kite-meter-circular-lg-width, 9.25rem);
  --kite-meter-circular-lg-height-px: var(--kite-meter-circular-lg-width-px, 148px);
  --kite-meter-circular-lg-track-height-px: var(--kite-meter-circular-track-height-px, 8px);
  --kite-meter-circular-lg-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-circular-lg-value-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-accessibility-tick-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-progress-fill-background-color-dark: var(--kite-color-light-blue-20, #5db8fc);
  --kite-meter-track-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-meter-positive-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-positive-status-icon-fill-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-caution-progress-fill-background-color-dark: var(--kite-color-yellow-10, #ffd400);
  --kite-meter-caution-status-icon-fill-dark: var(--kite-color-yellow-10, #ffd400);
  --kite-meter-alert-progress-fill-background-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-meter-alert-status-icon-fill-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-meter-success-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-accessibility-tick-background-color: var(--kite-color-black, #000000);
  --kite-meter-progress-fill-background-color: var(--kite-color-light-blue-20, #5db8fc);
  --kite-meter-track-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-value-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-status-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-status-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-linear-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-linear-small-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-linear-large-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-small-accessibility-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-circular-small-accessibility-tick-height: var(--kite-size-4, 0.25rem);
  --kite-meter-circular-large-status-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-large-status-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-large-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-circular-large-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-pagination-controls-button-cursor: var(--kite-cursor-action, pointer);
  --kite-pagination-controls-button-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-controls-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-pagination-controls-button-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-controls-button-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-page-select-current-label-margin-top: var(--kite-pagination-dropdown-margin-top, 0);
  --kite-pagination-page-select-current-label-margin-bottom: var(--kite-pagination-dropdown-margin-bottom, 0);
  --kite-pagination-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-dropdown-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-placeholder-text-weight: var(--kite-font-weight-bold, 700);
  --kite-pagination-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-icon-fill: var(--kite-color-blue-20, #0073d1);
  --kite-pagination-controls-button-icon-fill-dark: var(--kite-color-blue-20, #0073d1);
  --kite-pagination-controls-button-previous-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-button-hover-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-pagination-per-page-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-pagination-item-count-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-item-count-label-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-payment-logo-border-width: var(--kite-border-width-none, 0);
  --kite-payment-logo-width: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-height: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-payment-logo-elevation: var(--kite-elevation-0, none);
  --kite-popover-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-popover-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-popover-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-popover-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-popover-breakpoint-md-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-popover-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-popover-arrow-width: var(--kite-size-16, 1rem);
  --kite-popover-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-trigger-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-trigger-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-dismiss-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-popover-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-popover-trigger-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-active-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-hover-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-arrow-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-popover-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-popover-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-border-width: var(--kite-border-width-none, 0);
  --kite-progress-indicator-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-progress-indicator-zindex: var(--kite-zindex-dialog, 1300);
  --kite-progress-indicator-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-progress-indicator-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-value-label-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-icon-width: var(--kite-size-20, 1.25rem);
  --kite-progress-indicator-button-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-circular-height: var(--kite-progress-indicator-circular-width, 2.5rem);
  --kite-progress-indicator-circular-height-px: var(--kite-progress-indicator-circular-width-px, 40px);
  --kite-progress-indicator-circular-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-circular-icon-height: var(--kite-progress-indicator-circular-icon-width, 2.75rem);
  --kite-progress-indicator-circular-sm-track-size: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-circular-sm-height-px: var(--kite-progress-indicator-circular-sm-width-px, 24px);
  --kite-progress-indicator-circular-sm-icon-height: var(--kite-progress-indicator-circular-sm-icon-width, 1.625rem);
  --kite-progress-indicator-circular-lg-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-circular-lg-height: var(--kite-progress-indicator-circular-lg-width, 5rem);
  --kite-progress-indicator-circular-lg-height-px: var(--kite-progress-indicator-circular-lg-width-px, 80px);
  --kite-progress-indicator-circular-lg-icon-height: var(--kite-progress-indicator-circular-lg-icon-width, 5rem);
  --kite-progress-indicator-lg-border-width: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-lg-status-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-lg-status-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-lg-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-lg-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-lg-sub-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-lg-sub-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-md-border-width: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-sm-border-width: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-sm-height: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-sm-width: var(--kite-size-24, 1.5rem);
  --kite-radio-border-offset: var(--kite-size-2, 0.125rem);
  --kite-radio-height: var(--kite-size-20, 1.25rem);
  --kite-radio-focus-ring-width: var(--kite-size-4, 0.25rem);
  --kite-radio-focus-ring-offset: var(--kite-size-4, 0.25rem);
  --kite-radio-selected-indicator-height: var(--kite-size-12, 0.75rem);
  --kite-radio-input-margin-top: var(--kite-size-2, 0.125rem);
  --kite-radio-input-margin-bottom: var(--kite-size-2, 0.125rem);
  --kite-radio-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color-dark: var(--kite-color-blue-20, #0073d1);
  --kite-radio-selected-indicator-background-color-dark: var(--kite-color-blue-20, #0073d1);
  --kite-radio-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-selected-disabled-center-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-selected-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-search-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-search-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-search-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-search-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-search-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-search-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-search-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-select-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-select-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-select-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-select-height: var(--kite-size-touch-target, 2.75rem);
  --kite-select-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-select-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-select-icon-height: var(--kite-size-24, 1.5rem);
  --kite-select-icon-width: var(--kite-size-24, 1.5rem);
  --kite-select-icon-color: var(--kite-color-dark-blue-30, #001221);
  --kite-select-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-select-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-select-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-select-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-select-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-skip-link-text-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-text-weight: var(--kite-font-weight-medium, 500);
  --kite-skip-link-border-color: var(--kite-color-blue-20, #0073d1);
  --kite-skip-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-skip-link-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-skip-link-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-skip-link-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-skip-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-focus-ring-radius: var(--kite-size-16, 1rem);
  --kite-switch-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-switch-cursor: var(--kite-cursor-action, pointer);
  --kite-switch-thumb-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-thumb-height: var(--kite-size-20, 1.25rem);
  --kite-switch-thumb-transform-x: var(--kite-size-24, 1.5rem);
  --kite-switch-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-track-border-radius: var(--kite-size-32, 2rem);
  --kite-switch-track-padding-top: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-right: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-left: var(--kite-size-2, 0.125rem);
  --kite-switch-track-height: var(--kite-size-24, 1.5rem);
  --kite-switch-track-width: var(--kite-size-48, 3rem);
  --kite-switch-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-on-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-height: var(--kite-size-20, 1.25rem);
  --kite-switch-indicator-width: var(--kite-size-20, 1.25rem);
  --kite-switch-disabled-indicator-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-switch-disabled-indicator-background-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-switch-off-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-track-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-focus-ring-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-gray-30, #63738a);
  --kite-tabs-tab-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-tab-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-panel-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-item-active-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-active-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-item-hover-border-bottom: var(--kite-color-gray-30, #63738a);
  --kite-tabs-item-hover-border-bottom-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-tabs-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-tag-text-size: var(--kite-size-14, 0.875rem);
  --kite-tag-text-weight: var(--kite-font-weight-medium, 500);
  --kite-tag-border-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-icon-size: var(--kite-size-16, 1rem);
  --kite-tag-caution-text-color: var(--kite-color-black, #000000);
  --kite-tag-negative-text-color: var(--kite-color-black, #000000);
  --kite-tag-neutral-text-color: var(--kite-color-black, #000000);
  --kite-tag-positive-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-caution-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-negative-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-neutral-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-positive-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-text-area-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-area-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-area-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-area-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-area-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-area-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-text-area-hint-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-hint-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-area-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-area-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-text-area-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-area-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-area-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-text-area-focus-ring-color-dark: var(--kite-color-blue-10, #31a2ff);
  --kite-text-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-input-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-text-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-text-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-input-secure-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-secure-icon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-text-input-secure-confirm-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-text-input-hint-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-hint-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-input-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-text-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-input-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-input-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-text-input-focus-ring-color-dark: var(--kite-color-blue-10, #31a2ff);
  --kite-text-input-secure-show-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-show-icon-width: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-show-icon-focus-ring-color-dark: var(--kite-color-blue-10, #31a2ff);
  --kite-text-input-secure-hide-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-hide-icon-width: var(--kite-size-24, 1.5rem);
  --kite-time-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-time-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-time-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-time-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-time-input-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-time-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-time-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-time-input-icon-color: var(--kite-color-blue-20, #0073d1);
  --kite-toast-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-toast-text-color: var(--kite-color-white, #ffffff);
  --kite-toast-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-toast-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-toast-transition-timing-function: var(--kite-toast-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-toast-zindex: var(--kite-zindex-notification, 1600);
  --kite-toast-icon-color: var(--kite-color-green-10, #00bf1f);
  --kite-toast-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-toast-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-toast-z-index: var(--kite-zindex-notification, 1600);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-tooltip-text-color: var(--kite-color-white, #ffffff);
  --kite-tooltip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tooltip-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-tooltip-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-tooltip-arrow-width: var(--kite-size-12, 0.75rem);
  --kite-tooltip-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-tooltip-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tooltip-arrow-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-border-radius-circle: var(--kite-size-radius-circle, 50%);
  --kite-border-radius-sm: var(--kite-size-radius-sm, 0.125rem);
  --kite-border-radius-md: var(--kite-size-radius-md, 0.25rem);
  --kite-border-radius-lg: var(--kite-size-radius-lg, 0.5rem);
  --kite-color-caution-focus: var(--kite-color-caution, #faa41a);
  --kite-color-caution-hover: var(--kite-color-caution, #faa41a);
  --kite-color-caution-press: var(--kite-color-caution, #faa41a);
  --kite-color-neutral-focus: var(--kite-color-neutral, #5db8fc);
  --kite-color-neutral-hover: var(--kite-color-neutral, #5db8fc);
  --kite-color-neutral-press: var(--kite-color-neutral, #5db8fc);
  --kite-color-positive-focus: var(--kite-color-positive, #008516);
  --kite-color-positive-hover: var(--kite-color-positive, #008516);
  --kite-color-positive-press: var(--kite-color-positive, #008516);
  --kite-color-disabled-focus: var(--kite-color-disabled, #9ba9bd);
  --kite-color-disabled-hover: var(--kite-color-disabled, #9ba9bd);
  --kite-color-disabled-press: var(--kite-color-disabled, #9ba9bd);
  --kite-font-family-default: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-font-family-heading: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-font-family-text: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-container-border-color: var(--kite-border-color, #d8dde6);
  --kite-container-border-style: var(--kite-border-style, solid);
  --kite-container-padding-top: var(--kite-spacing-md, 1rem);
  --kite-container-padding-right: var(--kite-spacing-md, 1rem);
  --kite-container-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-container-padding-left: var(--kite-spacing-md, 1rem);
  --kite-focus-ring-color: var(--kite-color-focus, #0062b2);
  --kite-focus-color: var(--kite-color-focus, #0062b2);
  --kite-font-family: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-my-component-text-color: var(--kite-color-text, #000000);
  --kite-my-component-border-color: var(--kite-border-color, #d8dde6);
  --kite-my-component-border-style: var(--kite-border-style, solid);
  --kite-my-component-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-my-component-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-my-component-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-my-component-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-my-component-list-text-color: var(--kite-color-text, #000000);
  --kite-my-component-list-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-list-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-error-background-color: var(--kite-color-error, #d6312b);
  --kite-my-component-variant-name-background-color: var(--kite-color-primary, #0073d1);
  --kite-my-component-variant-name-text-color: var(--kite-color-success, #008516);
  --kite-my-component-variant-name-margin-left: var(--kite-spacing-lg, 1.25rem);
  --kite-my-component-variant-name-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-form-control-text-color: var(--kite-color-text, #000000);
  --kite-form-control-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-border-style: var(--kite-border-style, solid);
  --kite-form-control-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-focus-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-hover-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-disabled-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-form-control-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-helper-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-addon-icon-color: var(--kite-color-primary, #0073d1);
  --kite-form-control-addon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-addon-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-helper-text-color: var(--kite-color-text-secondary, #63738a);
  --kite-form-control-label-text-color: var(--kite-color-text, #000000);
  --kite-form-control-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-feedback-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-error-border-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-error-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-form-control-error-feedback-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-background-color: var(--kite-container-background-color, #ffffff);
  --kite-form-control-picker-border-style: var(--kite-border-style, solid);
  --kite-form-control-picker-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-form-control-picker-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-form-control-picker-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-text-color: var(--kite-color-text, #000000);
  --kite-form-control-picker-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-picker-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-picker-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-picker-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-picker-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-picker-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-primary, #0073d1);
  --kite-form-control-picker-list-item-check-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-check-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-label-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-form-control-input-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-input-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-input-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-input-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-input-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-error-border-color: var(--kite-color-error, #d6312b);
  --kite-form-control-input-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-input-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-error-text-color: var(--kite-color-error, #d6312b);
  --kite-form-control-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-spacing-inline: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-md: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-xl: var(--kite-spacing-xl, 1.5rem);
  --kite-form-spacing-stack-2xl: var(--kite-spacing-2xl, 2rem);
  --kite-grid-xs-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xs-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-md-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-md-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-2xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-2xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-display-weight: var(--kite-typography-sm-display-weight, 800);
  --kite-typography-display-style: var(--kite-typography-sm-display-style, normal);
  --kite-typography-title-1-weight: var(--kite-typography-sm-title-1-weight, 800);
  --kite-typography-title-1-style: var(--kite-typography-sm-title-1-style, normal);
  --kite-typography-title-1-letter-spacing: var(--kite-typography-sm-title-1-letter-spacing, normal);
  --kite-typography-title-2-weight: var(--kite-typography-sm-title-2-weight, 700);
  --kite-typography-title-2-style: var(--kite-typography-sm-title-2-style, normal);
  --kite-typography-title-2-letter-spacing: var(--kite-typography-sm-title-2-letter-spacing, normal);
  --kite-typography-title-3-weight: var(--kite-typography-sm-title-3-weight, 700);
  --kite-typography-title-3-style: var(--kite-typography-sm-title-3-style, normal);
  --kite-typography-title-3-letter-spacing: var(--kite-typography-sm-title-3-letter-spacing, normal);
  --kite-typography-title-4-weight: var(--kite-typography-sm-title-4-weight, 500);
  --kite-typography-title-4-style: var(--kite-typography-sm-title-4-style, normal);
  --kite-typography-title-4-letter-spacing: var(--kite-typography-sm-title-4-letter-spacing, normal);
  --kite-typography-title-5-weight: var(--kite-typography-sm-title-5-weight, 500);
  --kite-typography-title-5-style: var(--kite-typography-sm-title-5-style, normal);
  --kite-typography-title-5-letter-spacing: var(--kite-typography-sm-title-5-letter-spacing, normal);
  --kite-typography-title-6-weight: var(--kite-typography-sm-title-6-weight, 500);
  --kite-typography-title-6-style: var(--kite-typography-sm-title-6-style, normal);
  --kite-typography-title-6-letter-spacing: var(--kite-typography-sm-title-6-letter-spacing, normal);
  --kite-typography-body-display-weight: var(--kite-typography-sm-body-display-weight, 400);
  --kite-typography-body-display-style: var(--kite-typography-sm-body-display-style, normal);
  --kite-typography-body-display-letter-spacing: var(--kite-typography-sm-body-display-letter-spacing, normal);
  --kite-typography-body-weight: var(--kite-typography-sm-body-weight, 400);
  --kite-typography-body-style: var(--kite-typography-sm-body-style, normal);
  --kite-typography-body-letter-spacing: var(--kite-typography-sm-body-letter-spacing, normal);
  --kite-typography-eyebrow-weight: var(--kite-typography-sm-eyebrow-weight, 700);
  --kite-typography-eyebrow-style: var(--kite-typography-sm-eyebrow-style, normal);
  --kite-typography-caption-1-weight: var(--kite-typography-sm-caption-1-weight, 400);
  --kite-typography-caption-1-style: var(--kite-typography-sm-caption-1-style, normal);
  --kite-typography-caption-1-letter-spacing: var(--kite-typography-sm-caption-1-letter-spacing, normal);
  --kite-typography-caption-2-weight: var(--kite-typography-sm-caption-2-weight, 400);
  --kite-typography-caption-2-style: var(--kite-typography-sm-caption-2-style, normal);
  --kite-typography-caption-2-letter-spacing: var(--kite-typography-sm-caption-2-letter-spacing, normal);
  --kite-typography-sm-display-letter-spacing: var(--kite-letter-spacing, normal);
  --kite-typography-sm-display-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-sm-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-display-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-caption-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-typography-caption-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-typography-sm-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-6-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-sm-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-lg-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-6-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-lg-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xxs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xxs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xxs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-md-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-md-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-md-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-1-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-title-2-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-3-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-4-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xl-body-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xl-eyebrow-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-caption-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-text-color: var(--kite-color-text, #000000);
  --kite-accordion-border-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-style: var(--kite-border-style, solid);
  --kite-accordion-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-accordion-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-accordion-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-title-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-icon-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-top-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-bottom-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-top-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-padding-bottom-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-label-text-color: var(--kite-color-text, #000000);
  --kite-accordion-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-label-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-title-text-color: var(--kite-color-text, #000000);
  --kite-accordion-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-title-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-expanded-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-expanded-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-accordion-sm-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-right: var(--kite-spacing-element-xl, 1.5rem);
  --kite-accordion-md-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-left: var(--kite-spacing-element-xl, 1.5rem);
  --kite-accordion-lg-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-lg-padding-right: var(--kite-spacing-element-xxl, 2rem);
  --kite-accordion-lg-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-lg-padding-left: var(--kite-spacing-element-xxl, 2rem);
  --kite-accordion-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-bottom-style: var(--kite-border-style, solid);
  --kite-accordion-alert-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-expanded-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-alert-text-color: var(--kite-color-text, #000000);
  --kite-alert-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-border-style: var(--kite-border-style, solid);
  --kite-alert-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-alert-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-alert-dismiss-icon-margin-left: var(--kite-spacing-md, 1rem);
  --kite-alert-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-link-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-text-color: var(--kite-color-primary, #0073d1);
  --kite-alert-link-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-icon-color: var(--kite-color-primary, #0073d1);
  --kite-alert-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-caution-status-icon-color: var(--kite-color-caution, #faa41a);
  --kite-alert-negative-border-left-color: var(--kite-color-negative, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-negative, #d6312b);
  --kite-alert-neutral-border-left-color: var(--kite-color-neutral, #5db8fc);
  --kite-alert-neutral-status-icon-color: var(--kite-color-neutral, #5db8fc);
  --kite-alert-positive-border-left-color: var(--kite-color-positive, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-positive, #008516);
  --kite-alert-global-status-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-global-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-status-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-alert-global-negative-dismiss-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-background-color: var(--kite-color-neutral, #5db8fc);
  --kite-alert-global-neutral-status-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-passive-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-breakpoint-lg-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-breakpoint-lg-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-alert-passive-entry-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-alert-passive-exit-transition-timing-function: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-alert-passive-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-passive-title-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-alert-passive-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-passive-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-alert-passive-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-alert-passive-dismiss-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-neutral-background-color: var(--kite-color-neutral-muted, #e8f8ff);
  --kite-alert-passive-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-alert-stacked-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-page-border-color: var(--kite-border-color, #d8dde6);
  --kite-alert-page-border-color-dark: var(--kite-border-color, #d8dde6);
  --kite-alert-page-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-alert-page-indicator-icon-margin-right: var(--kite-spacing-element-xs, 0.5rem);
  --kite-alert-page-link-text-color: var(--kite-color-primary, #0073d1);
  --kite-alert-page-link-text-color-dark: var(--kite-color-primary, #0073d1);
  --kite-alert-page-link-text-margin-top: var(--kite-spacing-element-xxs, 0.25rem);
  --kite-alert-page-link-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-alert-page-link-icon-fill-dark: var(--kite-color-primary, #0073d1);
  --kite-alert-page-margin-bottom: var(--kite-spacing-element-xxs, 0.25rem);
  --kite-alert-page-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-left: var(--kite-spacing-element-xs, 0.5rem);
  --kite-alert-page-text-color: var(--kite-color-text, #000000);
  --kite-alert-page-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-page-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-border-left-color-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-indicator-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-indicator-icon-fill-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-page-error-border-left-color: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-border-left-color-dark: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-indicator-icon-fill: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-indicator-icon-fill-dark: var(--kite-color-error, #d6312b);
  --kite-alert-page-info-border-left-color: var(--kite-color-info, #5db8fc);
  --kite-alert-page-info-border-left-color-dark: var(--kite-color-info, #5db8fc);
  --kite-alert-page-info-indicator-icon-fill: var(--kite-color-info, #5db8fc);
  --kite-alert-page-info-indicator-icon-fill-dark: var(--kite-color-info, #5db8fc);
  --kite-alert-page-success-border-left-color: var(--kite-color-success, #008516);
  --kite-alert-page-success-border-left-color-dark: var(--kite-color-success, #008516);
  --kite-alert-page-success-indicator-icon-fill: var(--kite-color-success, #008516);
  --kite-alert-page-success-indicator-icon-fill-dark: var(--kite-color-success, #008516);
  --kite-alert-global-indicator-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-caution-background-color-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-link-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-caution-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-error-background-color: var(--kite-color-error, #d6312b);
  --kite-alert-global-error-background-color-dark: var(--kite-color-error, #d6312b);
  --kite-alert-global-info-text-color: var(--kite-color-text, #000000);
  --kite-alert-global-info-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-info-background-color: var(--kite-color-info, #5db8fc);
  --kite-alert-global-info-background-color-dark: var(--kite-color-info, #5db8fc);
  --kite-alert-global-info-link-text-color: var(--kite-color-text, #000000);
  --kite-alert-global-info-link-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-link-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-alert-caution-status-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-alert-neutral-status-icon-fill: var(--kite-color-neutral, #5db8fc);
  --kite-alert-global-caution-status-icon-fill: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-fill: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-dismiss-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-status-icon-fill: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-fill: var(--kite-color-on-neutral, #000000);
  --kite-badge-border-radius: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-border-style: var(--kite-border-style, solid);
  --kite-badge-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-min-height: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-badge-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-badge-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-badge-tab-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-background-color-dark: var(--kite-color-negative, #d6312b);
  --kite-blockquote-text-color: var(--kite-color-text, #000000);
  --kite-blockquote-border-left-color: var(--kite-color-primary, #0073d1);
  --kite-blockquote-border-left-style: var(--kite-border-style, solid);
  --kite-blockquote-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-right: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-left: var(--kite-spacing-md, 1rem);
  --kite-blockquote-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-blockquote-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-group-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-button-group-button-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-button-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-button-background-color: var(--kite-color-primary, #0073d1);
  --kite-button-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-text-size: var(--kite-typography-body-size, 1rem);
  --kite-button-border-style: var(--kite-border-style, solid);
  --kite-button-padding-right: var(--kite-spacing-md, 1rem);
  --kite-button-padding-left: var(--kite-spacing-md, 1rem);
  --kite-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-button-focus-background-color: var(--kite-color-primary-focus, #0062b2);
  --kite-button-focus-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-hover-background-color: var(--kite-color-primary-hover, #0062b2);
  --kite-button-hover-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-press-background-color: var(--kite-color-primary-press, #0062b2);
  --kite-button-press-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-button-destructive-background-color: var(--kite-color-negative, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-button-destructive-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-destructive-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-primary-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-border-color: var(--kite-button-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-primary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-primary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-primary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-text-color: var(--kite-color-primary, #0073d1);
  --kite-button-secondary-border-color: var(--kite-color-primary, #0073d1);
  --kite-button-secondary-focus-background-color: var(--kite-color-focus, #0062b2);
  --kite-button-secondary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-hover-background-color: var(--kite-color-focus, #0062b2);
  --kite-button-secondary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-press-background-color: var(--kite-color-focus, #0062b2);
  --kite-button-secondary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-destructive-border-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-secondary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-secondary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-secondary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-borderless-text-color: var(--kite-color-primary, #0073d1);
  --kite-button-borderless-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-text-color: var(--kite-color-primary-focus, #0062b2);
  --kite-button-borderless-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-text-color: var(--kite-color-primary-hover, #0062b2);
  --kite-button-borderless-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-text-color: var(--kite-color-primary-press, #0062b2);
  --kite-button-borderless-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-border-color: var(--kite-button-borderless-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-borderless-destructive-focus-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-icon-color: var(--kite-button-borderless-destructive-focus-text-color, #b00300);
  --kite-button-borderless-destructive-hover-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-icon-color: var(--kite-button-borderless-destructive-hover-text-color, #b00300);
  --kite-button-borderless-destructive-press-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-icon-color: var(--kite-button-borderless-destructive-press-text-color, #b00300);
  --kite-button-borderless-destructive-disabled-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-icon-only-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-only-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-fill: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-button-borderless-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-button-borderless-focus-icon-fill: var(--kite-color-focus, #0062b2);
  --kite-calendar-background-color: var(--kite-container-background-color, #ffffff);
  --kite-calendar-text-color: var(--kite-color-text, #000000);
  --kite-calendar-border-color: var(--kite-border-color, #d8dde6);
  --kite-calendar-border-style: var(--kite-border-style, solid);
  --kite-calendar-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-right: var(--kite-spacing-md, 1rem);
  --kite-calendar-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-left: var(--kite-spacing-md, 1rem);
  --kite-calendar-controls-focus-text-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-controls-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-day-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-calendar-day-focus-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-selected-background-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-selected-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-day-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-calendar-day-today-text-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-today-indicator-background-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-today-indicator-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-out-range-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-day-unavailable-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-month-year-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-month-year-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-standalone-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-card-background-color: var(--kite-container-background-color, #ffffff);
  --kite-card-text-color: var(--kite-color-text, #000000);
  --kite-card-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-top-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-bottom-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-top-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-bottom-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-card-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-card-sm-min-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-margin-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-card-md-min-padding-top: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-right: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-bottom: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-left: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-card-lg-min-padding-top: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-right: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-bottom: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-left: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-margin-bottom: var(--kite-spacing-element-xl, 1.5rem);
  --kite-checkbox-text-color: var(--kite-color-text, #000000);
  --kite-checkbox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-checkbox-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-checkbox-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-right: var(--kite-spacing-md, 1rem);
  --kite-checkbox-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-left: var(--kite-spacing-md, 1rem);
  --kite-checkbox-height: var(--kite-checkbox-width, 1.25rem);
  --kite-checkbox-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-checkbox-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-checkbox-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-checkbox-selected-background-color: var(--kite-color-primary, #0073d1);
  --kite-checkbox-selected-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-disabled-icon-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-checkbox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-checkbox-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-checkbox-error-feedback-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-checkbox-error-selected-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-checkbox-group-list-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-indeterminate-icon-height: var(--kite-checkbox-selected-icon-height, 1rem);
  --kite-checkbox-indeterminate-icon-width: var(--kite-checkbox-selected-icon-width, 1rem);
  --kite-checkbox-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-selected-background-color-dark: var(--kite-color-primary, #0073d1);
  --kite-checkbox-selected-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-indeterminate-background-color-dark: var(--kite-color-primary, #0073d1);
  --kite-checkbox-indeterminate-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-group-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-chip-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-text-size: var(--kite-typography-body-size, 1rem);
  --kite-chip-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-chip-border-radius: var(--kite-border-radius-pill, 624.9375rem);
  --kite-chip-border-style: var(--kite-border-style, solid);
  --kite-chip-margin-right: var(--kite-spacing-md, 1rem);
  --kite-chip-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-chip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-chip-min-height: var(--kite-chip-height, 2rem);
  --kite-chip-focus-ring-color: var(--kite-chip-border-color, #63738a);
  --kite-chip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-chip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-chip-hover-background-color: var(--kite-chip-focus-background-color, #d8dde6);
  --kite-chip-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-selected-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-chip-disabled-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-chip-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-border-color-dark: var(--kite-chip-text-color-dark, #b7cee5);
  --kite-chip-focus-ring-color-dark: var(--kite-chip-text-color-dark, #b7cee5);
  --kite-chip-selected-background-color-dark: var(--kite-chip-text-color-dark, #b7cee5);
  --kite-chip-selected-text-color-dark: var(--kite-chip-text-color, #001221);
  --kite-chip-selected-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-combobox-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-combobox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-combobox-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-combobox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-combobox-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-results-padding-top: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-picker-results-padding-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-combobox-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-combobox-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-data-table-background-color: var(--kite-color-background, #ffffff);
  --kite-data-table-text-color: var(--kite-color-text, #000000);
  --kite-data-table-border-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-border-style: var(--kite-border-style, solid);
  --kite-data-table-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-data-table-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-data-table-breakpoint-md-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-breakpoint-md-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-icon-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-compact-cell-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-comfortable-cell-padding-top: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-right: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-left: var(--kite-spacing-md, 1rem);
  --kite-data-table-menu-cell-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-menu-cell-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-title-row-border-bottom-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-data-table-title-row-text-color: var(--kite-color-text, #000000);
  --kite-data-table-cell-compact-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-default-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-comfortable-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-date-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-date-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-date-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-date-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-date-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-date-input-picker-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-picker-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-date-input-picker-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-date-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dialog-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dialog-text-color: var(--kite-color-text, #000000);
  --kite-dialog-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dialog-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dialog-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dialog-icon-color: var(--kite-color-text, #000000);
  --kite-dialog-breakpoint-md-title-text-weight: var(--kite-typography-lg-title-5-weight, 500);
  --kite-dialog-breakpoint-md-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-dialog-title-text-size: var(--kite-typography-title-5-size, 1.25rem);
  --kite-dialog-title-text-line-height: var(--kite-typography-title-5-line-height, 1.4);
  --kite-dialog-title-icon-height: var(--kite-dialog-icon-height, 1.5rem);
  --kite-dialog-title-icon-width: var(--kite-dialog-icon-width, 1.5rem);
  --kite-dialog-title-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dialog-content-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-group-margin-top: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-alert-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-alert-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-scrolled-border-top-color: var(--kite-border-color, #d8dde6);
  --kite-dialog-scrolled-border-top-style: var(--kite-border-style, solid);
  --kite-dialog-title-text-margin-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-dialog-full-size-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-full-size-padding-right: var(--kite-spacing-md, 1rem);
  --kite-dialog-full-size-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-full-size-padding-left: var(--kite-spacing-md, 1rem);
  --kite-dialog-default-size-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dropdown-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-dropdown-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-dropdown-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-cursor: var(--kite-form-control-cursor, pointer);
  --kite-dropdown-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dropdown-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-max-width: var(--kite-dropdown-max-width, 18rem);
  --kite-dropdown-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-dropdown-list-item-text-color: var(--kite-color-text, #000000);
  --kite-dropdown-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dropdown-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-dropdown-list-item-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-item-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dropdown-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-list-item-icon-color: var(--kite-color-primary, #0073d1);
  --kite-dropdown-list-item-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-dropdown-inline-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-dropdown-inline-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-inline-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-inline-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-inline-placeholder-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dropdown-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-offset-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-list-item-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-dropdown-inline-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-inline-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-dynamic-hint-text-color: var(--kite-color-text, #000000);
  --kite-dynamic-hint-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dynamic-hint-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dynamic-hint-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dynamic-hint-arrow-offset: var(--kite-spacing-2xl, 2rem);
  --kite-dynamic-hint-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dynamic-hint-criteria-positive-icon-color: var(--kite-color-positive, #008516);
  --kite-dynamic-hint-criteria-negative-icon-color: var(--kite-color-negative, #d6312b);
  --kite-dynamic-hint-entry-transition-duration: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-dynamic-hint-exit-transition-duration: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-dynamic-hint-criteria-success-icon-fill: var(--kite-color-success, #008516);
  --kite-dynamic-hint-criteria-error-icon-fill: var(--kite-color-error, #d6312b);
  --kite-interactive-list-text-color: var(--kite-color-text, #000000);
  --kite-interactive-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-interactive-list-border-style: var(--kite-border-style, solid);
  --kite-interactive-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-interactive-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-interactive-list-item-text-color: var(--kite-color-text, #000000);
  --kite-interactive-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-interactive-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-interactive-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-action-icon-height: var(--kite-interactive-list-item-icon-height, 1.5rem);
  --kite-interactive-list-item-action-icon-width: var(--kite-interactive-list-item-icon-width, 1.5rem);
  --kite-interactive-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-interactive-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-interactive-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-interactive-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-primary, #0073d1);
  --kite-interactive-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-interactive-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-interactive-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-start-margin-right: var(--kite-spacing-element-md, 1rem);
  --kite-interactive-list-end-margin-left: var(--kite-spacing-element-md, 1rem);
  --kite-interactive-list-item-danger-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-interactive-list-item-info-label-text-color: var(--kite-color-primary, #0073d1);
  --kite-interactive-list-item-success-label-text-color: var(--kite-color-success, #008516);
  --kite-interactive-list-md-padding-right: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-md-padding-left: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-xl-padding-right: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-xl-padding-left: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-xxl-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-xxl-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-icon-margin: var(--kite-spacing-md, 1rem);
  --kite-link-text-color: var(--kite-color-primary, #0073d1);
  --kite-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-link-hover-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-focus-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-press-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-icon-margin: var(--kite-spacing-2xs, 0.25rem);
  --kite-link-visited-text-color: var(--kite-link-hover-text-color, #003561);
  --kite-link-visited-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-standalone-text-decoration-offset: var(--kite-link-text-decoration-offset, 0.125rem);
  --kite-link-standalone-text-decoration-thickness: var(--kite-link-text-decoration-thickness, 0.125rem);
  --kite-link-standalone-hover-icon-color: var(--kite-link-hover-text-color, #003561);
  --kite-link-standalone-focus-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-press-icon-color: var(--kite-link-press-text-color, #002747);
  --kite-link-standalone-visited-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-link-standalone-focus-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-link-standalone-icon-height: var(--kite-link-icon-height, 0.875rem);
  --kite-link-standalone-icon-width: var(--kite-link-icon-width, 0.875rem);
  --kite-list-text-color: var(--kite-color-text, #000000);
  --kite-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-list-border-style: var(--kite-border-style, solid);
  --kite-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-caution-label-icon-color: var(--kite-color-caution, #faa41a);
  --kite-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-text-color: var(--kite-color-text, #000000);
  --kite-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-image-border-radius: var(--kite-list-image-border-radius, 0.25rem);
  --kite-list-item-image-max-width: var(--kite-list-image-max-width, 5rem);
  --kite-list-item-image-max-height: var(--kite-list-image-max-height, 5rem);
  --kite-list-item-label-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-list-item-title-text-line-height: var(--kite-typography-title-6-line-height, 1.333);
  --kite-list-item-title-body-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-title-body-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-list-item-payment-logo-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-width: var(--kite-payment-logo-width, 1.5rem);
  --kite-list-item-payment-logo-height: var(--kite-payment-logo-height, 1.5rem);
  --kite-list-item-payment-logo-shadow: var(--kite-payment-logo-elevation, none);
  --kite-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-list-item-expanded-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-list-item-expanded-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-list-item-neutral-label-text-color: var(--kite-color-primary, #0073d1);
  --kite-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-multiline-subtitle-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-list-start-margin-right: var(--kite-spacing-element-xs, 0.5rem);
  --kite-list-end-margin-left: var(--kite-spacing-element-xs, 0.5rem);
  --kite-menu-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-menu-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-border-style: var(--kite-border-style, solid);
  --kite-menu-list-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-list-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-menu-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-menu-list-item-text-color: var(--kite-color-text, #000000);
  --kite-menu-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-list-item-border-style: var(--kite-border-style, solid);
  --kite-menu-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-padding-left: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-menu-trigger-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-trigger-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-trigger-activated-background-color: var(--kite-color-primary, #0073d1);
  --kite-menu-trigger-activated-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-menu-trigger-icon-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-contextual-label-trigger-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-contextual-label-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-contextual-label-trigger-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6);
  --kite-menu-list-offset-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-meter-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-label-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-fill-color: var(--kite-color-neutral, #5db8fc);
  --kite-meter-tick-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-value-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-meter-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-meter-caution-fill-color: var(--kite-color-caution, #faa41a);
  --kite-meter-sm-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-sm-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-lg-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-lg-status-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-lg-status-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-track-color: var(--kite-meter-track-color, #d8dde6);
  --kite-meter-circular-track-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-circular-tick-color: var(--kite-meter-tick-color, #000000);
  --kite-meter-circular-tick-width: var(--kite-meter-tick-width, 0.25rem);
  --kite-meter-circular-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-sm-height: var(--kite-meter-circular-sm-width, 1.5rem);
  --kite-meter-circular-sm-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-sm-icon-width: var(--kite-meter-sm-icon-width, 0.75rem);
  --kite-meter-circular-sm-icon-height: var(--kite-meter-sm-icon-height, 0.75rem);
  --kite-meter-circular-lg-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-circular-lg-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-circular-lg-value-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-lg-icon-width: var(--kite-meter-lg-icon-width, 1rem);
  --kite-meter-circular-lg-icon-height: var(--kite-meter-lg-icon-height, 1rem);
  --kite-meter-circular-lg-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-positive-progress-fill-background-color: var(--kite-color-positive, #008516);
  --kite-meter-caution-progress-fill-background-color: var(--kite-color-caution, #faa41a);
  --kite-meter-alert-progress-fill-background-color: var(--kite-color-negative, #d6312b);
  --kite-meter-success-progress-fill-background-color: var(--kite-color-positive, #008516);
  --kite-meter-positive-status-icon-fill: var(--kite-color-positive, #008516);
  --kite-meter-caution-status-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-meter-alert-status-icon-fill: var(--kite-color-negative, #d6312b);
  --kite-meter-linear-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-linear-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-small-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-large-status-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-large-value-label-text-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-background-color: var(--kite-container-background-color, #ffffff);
  --kite-pagination-controls-border-color: var(--kite-border-color, #d8dde6);
  --kite-pagination-controls-border-style: var(--kite-border-style, solid);
  --kite-pagination-controls-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-controls-margin-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-text-size: var(--kite-typography-body-size, 1rem);
  --kite-pagination-controls-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-pagination-controls-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-pagination-controls-button-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-controls-button-icon-color: var(--kite-color-primary, #0073d1);
  --kite-pagination-page-select-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-select-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-current-label-text-weight: var(--kite-pagination-dropdown-placeholder-text-weight, 700);
  --kite-pagination-dropdown-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-pagination-count-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-size-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-size-label-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-per-page-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-per-page-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-item-count-label-margin-right: var(--kite-spacing-md, 1rem);
  --kite-payment-logo-background-color: var(--kite-container-background-color, #ffffff);
  --kite-payment-logo-text-color: var(--kite-color-text, #000000);
  --kite-payment-logo-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-payment-logo-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-text-color: var(--kite-color-text, #000000);
  --kite-popover-text-size: var(--kite-typography-body-size, 1rem);
  --kite-popover-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-arrow-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-popover-arrow-offset: var(--kite-spacing-md, 1rem);
  --kite-popover-trigger-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-color: var(--kite-color-primary, #0073d1);
  --kite-popover-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-popover-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-popover-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-link-margin-top: var(--kite-spacing-sm, 0.75rem);
  --kite-popover-dismiss-icon-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-popover-trigger-active-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-popover-trigger-focus-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-popover-trigger-hover-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-progress-indicator-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-progress-indicator-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-progress-indicator-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-label-text-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-fill-color: var(--kite-color-primary, #0073d1);
  --kite-progress-indicator-backdrop-background-color: var(--kite-color-background, #ffffff);
  --kite-progress-indicator-value-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-icon-height: var(--kite-progress-indicator-icon-width, 1.25rem);
  --kite-progress-indicator-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-progress-indicator-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-progress-indicator-button-margin-top: var(--kite-spacing-md, 1rem);
  --kite-progress-indicator-circular-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-circular-label-text-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-sm-height: var(--kite-progress-indicator-circular-sm-width, 1.5rem);
  --kite-progress-indicator-lg-status-text-color: var(--kite-color-primary, #0073d1);
  --kite-progress-indicator-lg-status-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-lg-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-lg-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-lg-sub-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-text-color: var(--kite-color-text, #000000);
  --kite-radio-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-radio-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-radio-width: var(--kite-radio-height, 1.25rem);
  --kite-radio-selected-border-color: var(--kite-color-primary, #0073d1);
  --kite-radio-selected-focus-ring-width: var(--kite-radio-focus-ring-width, 0.25rem);
  --kite-radio-selected-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-radio-selected-indicator-width: var(--kite-radio-selected-indicator-height, 0.75rem);
  --kite-radio-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-radio-cursor: var(--kite-form-control-cursor, pointer);
  --kite-radio-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-radio-group-legend-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-group-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-radio-selected-disabled-center-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-search-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-search-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-search-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-search-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-search-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-search-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-search-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-select-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-select-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-select-cursor: var(--kite-form-control-cursor, pointer);
  --kite-select-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-select-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-skip-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-skip-link-border-style: var(--kite-border-style, solid);
  --kite-skip-link-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-skip-link-padding-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-right: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-left: var(--kite-spacing-md, 1rem);
  --kite-skip-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-skip-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-skip-link-stacked-margin-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-spacing-stack: var(--kite-spacing-md, 1rem);
  --kite-switch-text-color: var(--kite-color-text, #000000);
  --kite-switch-focus-ring-color: var(--kite-switch-track-background-color, #63738a);
  --kite-switch-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-switch-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-switch-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-switch-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-switch-thumb-width: var(--kite-switch-thumb-height, 1.25rem);
  --kite-switch-label-text-color: var(--kite-color-text, #000000);
  --kite-switch-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-switch-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-switch-label-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-switch-on-track-background-color: var(--kite-color-primary, #0073d1);
  --kite-switch-on-thumb-background-color: var(--kite-color-on-primary, #ffffff);
  --kite-switch-on-track-background-color-dark: var(--kite-color-primary, #0073d1);
  --kite-switch-disabled-label-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-group-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-switch-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-switch-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-text-color: var(--kite-color-text, #000000);
  --kite-tabs-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tabs-tab-text-color: var(--kite-color-text, #000000);
  --kite-tabs-tab-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-tab-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-tabs-tab-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-tab-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-tab-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-tab-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-tab-selected-text-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-tab-selected-border-bottom-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-tab-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-panel-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-panel-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-panel-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-item-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-item-min-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-item-min-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-item-min-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-item-min-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-item-text-color: var(--kite-color-text, #000000);
  --kite-tabs-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-item-active-text-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-item-active-border-bottom-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-item-active-border-bottom-color-dark: var(--kite-color-primary, #0073d1);
  --kite-tabs-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tag-group-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-tag-text-color: var(--kite-color-text, #000000);
  --kite-tag-border-style: var(--kite-border-style, solid);
  --kite-tag-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tag-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tag-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-tag-caution-border-color: var(--kite-color-caution, #faa41a);
  --kite-tag-caution-icon-color: var(--kite-tag-caution-text-color, #000000);
  --kite-tag-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-tag-negative-border-color: var(--kite-color-negative, #d6312b);
  --kite-tag-neutral-background-color: var(--kite-color-neutral-muted, #e8f8ff);
  --kite-tag-neutral-border-color: var(--kite-color-neutral, #5db8fc);
  --kite-tag-neutral-icon-color: var(--kite-tag-neutral-text-color, #000000);
  --kite-tag-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-tag-positive-border-color: var(--kite-color-positive, #008516);
  --kite-tag-positive-icon-color: var(--kite-tag-positive-text-color, #000000);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-text-color, #000000);
  --kite-tag-solid-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-tag-solid-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-tag-solid-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-tag-solid-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-tag-solid-neutral-background-color: var(--kite-color-neutral, #5db8fc);
  --kite-tag-solid-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-tag-solid-positive-background-color: var(--kite-color-positive, #008516);
  --kite-tag-solid-positive-text-color: var(--kite-color-on-positive, #ffffff);
  --kite-text-area-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-area-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-area-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-area-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-area-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-area-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-area-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-area-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-area-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-area-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-area-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-area-border-color-dark: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-text-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-text-input-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-input-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-input-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-input-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-input-secure-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-secure-confirm-icon-color: var(--kite-color-positive, #008516);
  --kite-text-input-border-color-dark: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-secure-confirm-icon-color-dark: var(--kite-color-success, #008516);
  --kite-text-input-secure-show-icon-color: var(--kite-color-primary, #0073d1);
  --kite-text-input-secure-show-icon-color-dark: var(--kite-color-primary, #0073d1);
  --kite-text-input-secure-show-icon-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-text-input-secure-show-icon-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-text-input-secure-hide-icon-color: var(--kite-color-primary, #0073d1);
  --kite-text-input-secure-hide-icon-color-dark: var(--kite-color-primary, #0073d1);
  --kite-time-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-time-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-time-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-time-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-time-input-icon-size: var(--kite-spacing-xl, 1.5rem);
  --kite-time-input-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-time-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-time-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-toast-text-size: var(--kite-typography-body-size, 1rem);
  --kite-toast-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-toast-border-style: var(--kite-border-style, solid);
  --kite-toast-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-toast-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-toast-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-toast-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-toast-offset: var(--kite-spacing-2xl, 2rem);
  --kite-toast-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-toast-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-tooltip-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-tooltip-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-tooltip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-right: var(--kite-spacing-md, 1rem);
  --kite-tooltip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-left: var(--kite-spacing-md, 1rem);
  --kite-tooltip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tooltip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tooltip-arrow-background-color: var(--kite-tooltip-background-color, #001221);
  --kite-tooltip-entry-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-exit-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-entry-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-curve: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-border-radius: var(--kite-border-radius-sm, 0.125rem);
  --kite-container-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-my-component-icon-color: var(--kite-my-component-text-color, #000000);
  --kite-form-control-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-control-focus-border-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-control-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-form-control-picker-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-form-control-picker-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-picker-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-form-control-picker-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-form-control-picker-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-form-control-picker-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-form-control-picker-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-form-control-picker-list-item-border-style: var(--kite-form-control-picker-border-style, solid);
  --kite-form-control-picker-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-control-picker-list-item-negative-icon-color: var(--kite-form-control-picker-list-item-negative-text-color, #d6312b);
  --kite-form-control-input-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-spacing-stack: var(--kite-form-spacing-stack-xl, 1.5rem);
  --kite-typography-display-letter-spacing: var(--kite-typography-sm-display-letter-spacing, normal);
  --kite-typography-display-margin-bottom: var(--kite-typography-sm-display-margin-bottom, 1rem);
  --kite-typography-title-1-margin-bottom: var(--kite-typography-sm-title-1-margin-bottom, 0.75rem);
  --kite-typography-title-2-margin-bottom: var(--kite-typography-sm-title-2-margin-bottom, 0.5rem);
  --kite-typography-title-3-margin-bottom: var(--kite-typography-sm-title-3-margin-bottom, 0.5rem);
  --kite-typography-title-4-margin-bottom: var(--kite-typography-sm-title-4-margin-bottom, 0.5rem);
  --kite-typography-title-5-margin-bottom: var(--kite-typography-sm-title-5-margin-bottom, 0.25rem);
  --kite-typography-title-6-margin-bottom: var(--kite-typography-sm-title-6-margin-bottom, 0.25rem);
  --kite-typography-body-display-margin-bottom: var(--kite-typography-sm-body-display-margin-bottom, 1.5rem);
  --kite-typography-body-margin-bottom: var(--kite-typography-sm-body-margin-bottom, 1rem);
  --kite-typography-eyebrow-letter-spacing: var(--kite-typography-sm-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-eyebrow-margin-bottom: var(--kite-typography-sm-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-caption-1-margin-bottom: var(--kite-typography-sm-caption-1-margin-bottom, 0.75rem);
  --kite-typography-caption-2-margin-bottom: var(--kite-typography-sm-caption-2-margin-bottom, 0.75rem);
  --kite-typography-caption-weight: var(--kite-typography-caption-1-weight, 400);
  --kite-typography-caption-style: var(--kite-typography-caption-1-style, normal);
  --kite-typography-caption-letter-spacing: var(--kite-typography-caption-1-letter-spacing, normal);
  --kite-accordion-border-width: var(--kite-border-width, 0.0625rem);
  --kite-accordion-padding-top: var(--kite-accordion-padding-top-sm, 1rem);
  --kite-accordion-padding-right: var(--kite-accordion-padding-right-sm, 1rem);
  --kite-accordion-padding-bottom: var(--kite-accordion-padding-bottom-sm, 1rem);
  --kite-accordion-padding-left: var(--kite-accordion-padding-left-sm, 1rem);
  --kite-accordion-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-accordion-icon-color: var(--kite-accordion-title-text-color, #000000);
  --kite-accordion-icon-transition-timing-function: var(--kite-accordion-icon-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-accordion-expanded-transition-timing-function: var(--kite-accordion-expanded-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-text-weight: var(--kite-typography-body-weight, 400);
  --kite-alert-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-alert-border-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-dismiss-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-link-text-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-title-letter-spacing: var(--kite-typography-body-letter-spacing, normal);
  --kite-alert-passive-caution-status-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-page-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-badge-border-width: var(--kite-border-width, 0.0625rem);
  --kite-badge-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-blockquote-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-button-group-item-margin-right: var(--kite-button-group-button-margin-right, 1.5rem);
  --kite-button-group-item-margin-bottom: var(--kite-button-group-button-margin-bottom, 1rem);
  --kite-button-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-button-border-width: var(--kite-border-width, 0.0625rem);
  --kite-button-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-button-focus-ring-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-button-focus-icon-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-hover-icon-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-press-icon-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-disabled-icon-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-icon-color: var(--kite-button-text-color, #ffffff);
  --kite-button-destructive-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-button-destructive-icon-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-background-color: var(--kite-button-background-color, #0073d1);
  --kite-button-primary-border-style: var(--kite-button-border-style, solid);
  --kite-button-primary-text-color: var(--kite-button-text-color, #ffffff);
  --kite-button-primary-press-background-color: var(--kite-button-press-background-color, #0062b2);
  --kite-button-primary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-primary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-background-color: var(--kite-button-focus-background-color, #0062b2);
  --kite-button-primary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-primary-hover-background-color: var(--kite-button-hover-background-color, #0062b2);
  --kite-button-primary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-primary-destructive-background-color: var(--kite-button-destructive-background-color, #d6312b);
  --kite-button-primary-destructive-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-background-color: var(--kite-button-destructive-disabled-background-color, #d8dde6);
  --kite-button-primary-destructive-disabled-border-color: var(--kite-button-destructive-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-icon-color: var(--kite-button-secondary-text-color, #0073d1);
  --kite-button-secondary-border-style: var(--kite-button-border-style, solid);
  --kite-button-secondary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-secondary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-secondary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-icon-color: var(--kite-button-secondary-destructive-text-color, #d6312b);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-style: var(--kite-button-border-style, solid);
  --kite-button-borderless-icon-color: var(--kite-button-borderless-text-color, #0073d1);
  --kite-button-borderless-focus-icon-color: var(--kite-button-borderless-focus-text-color, #0062b2);
  --kite-button-borderless-hover-icon-color: var(--kite-button-borderless-hover-text-color, #0062b2);
  --kite-button-borderless-press-icon-color: var(--kite-button-borderless-press-text-color, #0062b2);
  --kite-button-borderless-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-icon-color: var(--kite-button-borderless-destructive-text-color, #d6312b);
  --kite-button-borderless-destructive-focus-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-calendar-border-width: var(--kite-border-width, 0.0625rem);
  --kite-calendar-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-calendar-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-calendar-controls-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-due-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-calendar-day-out-month-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-out-range-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-standalone-background-color: var(--kite-card-background-color, #ffffff);
  --kite-card-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-card-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-card-border-style: var(--kite-container-border-style, solid);
  --kite-card-padding-top: var(--kite-card-padding-top-sm, 1rem);
  --kite-card-padding-right: var(--kite-card-padding-right-sm, 1rem);
  --kite-card-padding-bottom: var(--kite-card-padding-bottom-sm, 1rem);
  --kite-card-padding-left: var(--kite-card-padding-left-sm, 1rem);
  --kite-card-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-checkbox-border-style: var(--kite-form-control-border-style, solid);
  --kite-checkbox-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-checkbox-focus-ring-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-checkbox-selected-disabled-icon-color: var(--kite-checkbox-disabled-icon-color, #d8dde6);
  --kite-checkbox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-checkbox-disabled-label-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-checkbox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-checkbox-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-checkbox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-checkbox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-checkbox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-checkbox-group-checkbox-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-checkbox-indeterminate-background-color: var(--kite-checkbox-selected-background-color, #0073d1);
  --kite-checkbox-indeterminate-icon-color: var(--kite-checkbox-selected-icon-color, #ffffff);
  --kite-checkbox-indeterminate-disabled-background-color: var(--kite-checkbox-selected-disabled-background-color, #9ba9bd);
  --kite-chip-border-width: var(--kite-border-width, 0.0625rem);
  --kite-chip-selected-padding-top: var(--kite-chip-padding-top, 0.25rem);
  --kite-chip-selected-padding-bottom: var(--kite-chip-padding-bottom, 0.25rem);
  --kite-combobox-text-color: var(--kite-form-control-text-color, #000000);
  --kite-combobox-border-style: var(--kite-form-control-border-style, solid);
  --kite-combobox-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-combobox-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-combobox-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-combobox-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-combobox-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-combobox-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-combobox-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-combobox-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-combobox-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-combobox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-combobox-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-combobox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-combobox-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-combobox-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-combobox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-combobox-picker-offset-y: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-combobox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-combobox-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-combobox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-data-table-border-width: var(--kite-border-width, 0.0625rem);
  --kite-data-table-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-data-table-header-text-color: var(--kite-data-table-text-color, #000000);
  --kite-data-table-header-border-bottom-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-header-border-bottom-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-cell-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-padding-top: var(--kite-data-table-padding-top, 0.75rem);
  --kite-data-table-cell-padding-right: var(--kite-data-table-padding-right, 0.75rem);
  --kite-data-table-cell-padding-bottom: var(--kite-data-table-padding-bottom, 0.75rem);
  --kite-data-table-cell-padding-left: var(--kite-data-table-padding-left, 0.75rem);
  --kite-data-table-cell-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-cell-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-data-table-row-background-color: var(--kite-data-table-background-color, #ffffff);
  --kite-data-table-row-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-row-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-row-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-row-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-date-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-date-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-date-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-date-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-date-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-date-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-date-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-date-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-date-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-date-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-date-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-date-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-date-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-date-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0073d1);
  --kite-date-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-date-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-date-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-date-input-picker-offset: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-date-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-date-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-date-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-date-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-date-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dialog-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-dialog-border-style: var(--kite-container-border-style, solid);
  --kite-dialog-padding-top: var(--kite-dialog-full-size-padding-top, 3rem);
  --kite-dialog-padding-right: var(--kite-dialog-full-size-padding-right, 1rem);
  --kite-dialog-padding-bottom: var(--kite-dialog-full-size-padding-bottom, 1.25rem);
  --kite-dialog-padding-left: var(--kite-dialog-full-size-padding-left, 1rem);
  --kite-dialog-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dialog-breakpoint-md-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dialog-title-text-weight: var(--kite-typography-title-5-weight, 500);
  --kite-dialog-dismiss-icon-color: var(--kite-dialog-icon-color, #000000);
  --kite-dialog-scrolled-border-top-width: var(--kite-border-width, 0.0625rem);
  --kite-dialog-default-size-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-dropdown-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-dropdown-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-dropdown-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-dropdown-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-dropdown-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-dropdown-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-dropdown-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-dropdown-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-dropdown-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-dropdown-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-dropdown-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-dropdown-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-dropdown-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-dropdown-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-dropdown-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-dropdown-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dropdown-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-dropdown-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-dropdown-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dropdown-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-dropdown-inline-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-inline-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-inline-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dropdown-inline-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-dynamic-hint-background-color: var(--kite-card-background-color, #ffffff);
  --kite-dynamic-hint-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dynamic-hint-criteria-text-size: var(--kite-dynamic-hint-text-size, 1rem);
  --kite-dynamic-hint-criteria-text-color: var(--kite-dynamic-hint-text-color, #000000);
  --kite-interactive-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-interactive-list-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-interactive-list-item-border-color: var(--kite-interactive-list-border-color, #d8dde6);
  --kite-interactive-list-item-border-style: var(--kite-interactive-list-border-style, solid);
  --kite-interactive-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-interactive-list-item-padding-top-sm: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-sm: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-padding-top-md: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-md: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-padding-top-lg: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-lg: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-icon-color: var(--kite-interactive-list-item-text-color, #000000);
  --kite-interactive-list-item-label-text-color: var(--kite-interactive-list-item-text-color, #000000);
  --kite-interactive-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-interactive-list-item-disabled-icon-color: var(--kite-interactive-list-item-disabled-text-color, #9ba9bd);
  --kite-interactive-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-link-text-weight: var(--kite-typography-body-weight, 400);
  --kite-link-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-link-focus-text-color: var(--kite-link-text-color, #0073d1);
  --kite-link-icon-color: var(--kite-link-text-color, #0073d1);
  --kite-link-standalone-visited-icon-color: var(--kite-link-visited-text-color, #003561);
  --kite-link-standalone-icon-margin-left: var(--kite-link-icon-margin, 0.25rem);
  --kite-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-list-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-list-item-border-color: var(--kite-list-border-color, #d8dde6);
  --kite-list-item-border-style: var(--kite-list-border-style, solid);
  --kite-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-list-item-padding-top-sm: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-sm: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-md: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-md: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-lg: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-lg: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-slot-start-margin-right: var(--kite-list-start-margin-right, 0.5rem);
  --kite-list-item-slot-end-margin-left: var(--kite-list-end-margin-left, 0.5rem);
  --kite-list-item-icon-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-label-text-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-list-item-disabled-icon-color: var(--kite-list-item-disabled-text-color, #9ba9bd);
  --kite-list-item-expandable-content-padding-right: var(--kite-list-item-padding-right, 0.5rem);
  --kite-list-item-expandable-content-padding-bottom: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-expandable-content-padding-left: var(--kite-list-item-padding-left, 0.5rem);
  --kite-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-menu-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-menu-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-menu-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-menu-trigger-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-trigger-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-menu-contextual-label-trigger-padding-right: var(--kite-menu-trigger-padding-right, 0.75rem);
  --kite-menu-contextual-label-trigger-padding-left: var(--kite-menu-trigger-padding-left, 0.75rem);
  --kite-menu-contextual-label-trigger-activated-label-text-color: var(--kite-menu-trigger-activated-icon-color, #ffffff);
  --kite-menu-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-meter-icon-color: var(--kite-meter-fill-color, #5db8fc);
  --kite-meter-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-positive-icon-color: var(--kite-meter-positive-fill-color, #008516);
  --kite-meter-negative-icon-color: var(--kite-meter-negative-fill-color, #d6312b);
  --kite-meter-caution-icon-color: var(--kite-meter-caution-fill-color, #faa41a);
  --kite-meter-sm-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-lg-track-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-meter-circular-track-margin-bottom: var(--kite-meter-track-margin-bottom, 0.25rem);
  --kite-meter-circular-fill-color: var(--kite-meter-fill-color, #5db8fc);
  --kite-meter-circular-tick-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-sm-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-sm-value-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-value-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-lg-track-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-lg-tick-width: var(--kite-meter-circular-tick-width, 0.25rem);
  --kite-meter-linear-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-linear-small-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-linear-large-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-pagination-controls-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-border-width: var(--kite-border-width, 0.0625rem);
  --kite-pagination-controls-button-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-pagination-controls-button-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-pagination-page-select-current-label-margin-right: var(--kite-pagination-dropdown-margin-right, 0.25rem);
  --kite-pagination-page-select-current-label-margin-left: var(--kite-pagination-dropdown-margin-left, 0.25rem);
  --kite-pagination-dropdown-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-button-previous-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-previous-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-payment-logo-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-popover-background-color: var(--kite-card-background-color, #ffffff);
  --kite-popover-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-popover-trigger-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-popover-trigger-focus-ring-radius: var(--kite-border-radius-circle, 50%);
  --kite-popover-trigger-hover-icon-color: var(--kite-popover-trigger-icon-color, #0073d1);
  --kite-popover-dismiss-icon-color: var(--kite-popover-text-color, #000000);
  --kite-progress-indicator-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-progress-indicator-value-label-color: var(--kite-progress-indicator-fill-color, #0073d1);
  --kite-progress-indicator-secondary-label-weight: var(--kite-typography-body-weight, 400);
  --kite-progress-indicator-positive-icon-color: var(--kite-progress-indicator-positive-fill-color, #008516);
  --kite-progress-indicator-negative-icon-color: var(--kite-progress-indicator-negative-fill-color, #d6312b);
  --kite-progress-indicator-circular-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-progress-indicator-lg-sub-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-radio-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-radio-border-style: var(--kite-form-control-border-style, solid);
  --kite-radio-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-radio-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-radio-selected-border-width: var(--kite-radio-border-width, 0.125rem);
  --kite-radio-selected-disabled-indicator-background-color: var(--kite-radio-selected-disabled-border-color, #9ba9bd);
  --kite-radio-selected-indicator-background-color: var(--kite-radio-selected-border-color, #0073d1);
  --kite-radio-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-radio-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-radio-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-radio-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-radio-group-margin-top: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-radio-group-margin-bottom: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-search-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-search-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-search-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-search-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-search-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-search-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-search-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-search-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-search-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-search-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-search-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0073d1);
  --kite-search-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-search-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-search-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-search-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-search-input-placeholder-margin-right: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-placeholder-margin-left: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-search-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-text-color: var(--kite-form-control-text-color, #000000);
  --kite-select-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-select-border-style: var(--kite-form-control-border-style, solid);
  --kite-select-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-select-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-select-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-select-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-select-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-select-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-select-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-select-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-select-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-select-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-select-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-select-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-select-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-select-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-select-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-select-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-select-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-select-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-skip-link-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-skip-link-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-switch-transition-timing-function: var(--kite-switch-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-switch-thumb-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-switch-on-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-switch-indicator-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-tabs-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tabs-transition-timing-function: var(--kite-tabs-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-tab-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-tab-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tabs-panel-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tabs-item-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tag-border-width: var(--kite-border-width, 0.0625rem);
  --kite-tag-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tag-icon-color: var(--kite-tag-text-color, #000000);
  --kite-tag-negative-icon-color: var(--kite-tag-negative-border-color, #d6312b);
  --kite-tag-solid-caution-icon-color: var(--kite-tag-solid-caution-text-color, #000000);
  --kite-tag-solid-negative-icon-color: var(--kite-tag-solid-negative-text-color, #ffffff);
  --kite-tag-solid-neutral-icon-color: var(--kite-tag-solid-neutral-text-color, #000000);
  --kite-tag-solid-positive-icon-color: var(--kite-tag-solid-positive-text-color, #ffffff);
  --kite-text-area-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-area-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-area-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-area-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-area-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-area-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-area-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-area-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-area-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-area-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-area-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-area-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-area-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-area-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-area-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-area-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-area-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-area-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-area-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-area-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-area-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-area-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-area-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-input-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0073d1);
  --kite-text-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-text-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-text-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-input-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-secure-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-icon-height: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-confirm-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-secure-show-icon-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-time-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-time-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-time-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-time-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-time-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-time-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-time-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-time-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-time-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-time-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-time-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-time-input-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-time-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-time-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-time-input-label-color: var(--kite-form-control-label-text-color, #000000);
  --kite-time-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-time-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-time-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-time-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-toast-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-toast-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tooltip-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tooltip-entry-transition-timing-function: var(--kite-tooltip-entry-transition-curve, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-timing-function: var(--kite-tooltip-exit-transition-curve, cubic-bezier(0.42, 0, 1, 1));
  --kite-container-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-my-component-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-form-control-picker-list-item-border-color: var(--kite-form-control-picker-border-color, #d8dde6);
  --kite-form-control-picker-list-item-border-width: var(--kite-form-control-picker-border-width, 0.0625rem);
  --kite-typography-caption-margin-bottom: var(--kite-typography-caption-1-margin-bottom, 0.75rem);
  --kite-alert-passive-border-radius: var(--kite-alert-border-radius, 0.25rem);
  --kite-button-destructive-focus-icon-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-destructive-hover-icon-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-destructive-press-icon-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-destructive-disabled-icon-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-primary-icon-color: var(--kite-button-primary-text-color, #ffffff);
  --kite-button-primary-press-icon-color: var(--kite-button-primary-press-text-color, #ffffff);
  --kite-button-primary-disabled-icon-color: var(--kite-button-primary-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-icon-color: var(--kite-button-primary-focus-text-color, #ffffff);
  --kite-button-primary-hover-icon-color: var(--kite-button-primary-hover-text-color, #ffffff);
  --kite-button-primary-destructive-icon-color: var(--kite-button-primary-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-text-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-secondary-focus-icon-color: var(--kite-button-secondary-focus-text-color, #ffffff);
  --kite-button-secondary-hover-icon-color: var(--kite-button-secondary-hover-text-color, #ffffff);
  --kite-button-secondary-press-icon-color: var(--kite-button-secondary-press-text-color, #ffffff);
  --kite-button-secondary-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-secondary-destructive-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-borderless-disabled-icon-color: var(--kite-button-borderless-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-disabled-icon-color: var(--kite-button-borderless-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-icon-fill: var(--kite-button-icon-color, #ffffff);
  --kite-button-primary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff);
  --kite-button-primary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-button-primary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff);
  --kite-button-primary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff);
  --kite-button-secondary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff);
  --kite-button-secondary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-button-secondary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff);
  --kite-button-secondary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff);
  --kite-button-borderless-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-calendar-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-calendar-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-calendar-standalone-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-calendar-standalone-border-style: var(--kite-card-border-style, solid);
  --kite-calendar-standalone-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-card-border-width: var(--kite-container-border-width, 0.0625rem);
  --kite-checkbox-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-checkbox-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-checkbox-selected-disabled-border-color: var(--kite-checkbox-disabled-border-color, #9ba9bd);
  --kite-checkbox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-checkbox-error-feedback-icon-color: var(--kite-checkbox-error-feedback-text-color, #d6312b);
  --kite-checkbox-error-selected-background-color: var(--kite-checkbox-error-border-color, #d6312b);
  --kite-checkbox-indeterminate-disabled-icon-color: var(--kite-checkbox-selected-disabled-icon-color, #d8dde6);
  --kite-combobox-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-combobox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-data-table-header-border-bottom-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-focus-ring-color: var(--kite-data-table-focus-ring-color, #0062b2);
  --kite-data-table-row-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-row-focus-ring-color: var(--kite-data-table-focus-ring-color, #0062b2);
  --kite-data-table-sticky-column-background-color: var(--kite-data-table-row-background-color, #ffffff);
  --kite-date-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-date-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-dropdown-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-dropdown-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-dropdown-focus-ring-style: var(--kite-select-focus-ring-style, solid);
  --kite-dropdown-focus-ring-width: var(--kite-select-focus-ring-width, 0.125rem);
  --kite-dropdown-icon-color: var(--kite-dropdown-text-color, #000000);
  --kite-dropdown-inline-disabled-icon-color: var(--kite-dropdown-inline-disabled-text-color, #9ba9bd);
  --kite-dropdown-inline-placeholder-text-color: var(--kite-dropdown-inline-text-color, #000000);
  --kite-dynamic-hint-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-dynamic-hint-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-dynamic-hint-border-style: var(--kite-card-border-style, solid);
  --kite-dynamic-hint-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-dynamic-hint-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-dynamic-hint-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-dynamic-hint-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-dynamic-hint-arrow-background-color: var(--kite-dynamic-hint-background-color, #ffffff);
  --kite-interactive-list-item-border-width: var(--kite-interactive-list-border-width, 0.0625rem);
  --kite-interactive-list-item-action-icon-color: var(--kite-interactive-list-item-icon-color, #000000);
  --kite-interactive-list-item-disabled-action-icon-color: var(--kite-interactive-list-item-disabled-icon-color, #9ba9bd);
  --kite-link-standalone-focus-icon-color: var(--kite-link-focus-text-color, #0073d1);
  --kite-link-standalone-icon-color: var(--kite-link-icon-color, #0073d1);
  --kite-list-item-border-width: var(--kite-list-border-width, 0.0625rem);
  --kite-list-item-caution-label-text-color: var(--kite-list-item-label-text-color, #000000);
  --kite-list-item-action-icon-color: var(--kite-list-item-icon-color, #000000);
  --kite-list-item-disabled-action-icon-color: var(--kite-list-item-disabled-icon-color, #9ba9bd);
  --kite-meter-circular-icon-color: var(--kite-meter-circular-fill-color, #5db8fc);
  --kite-meter-circular-lg-tick-height: var(--kite-meter-circular-lg-track-height, 0.5rem);
  --kite-pagination-controls-button-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-pagination-controls-button-previous-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-popover-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-popover-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-popover-border-style: var(--kite-card-border-style, solid);
  --kite-popover-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-popover-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-popover-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-popover-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-popover-arrow-background-color: var(--kite-popover-background-color, #ffffff);
  --kite-popover-trigger-focus-icon-color: var(--kite-popover-trigger-hover-icon-color, #0073d1);
  --kite-popover-trigger-expanded-icon-color: var(--kite-popover-trigger-hover-icon-color, #0073d1);
  --kite-radio-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-radio-focus-ring-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-selected-border-style: var(--kite-radio-border-style, solid);
  --kite-radio-selected-focus-ring-style: var(--kite-radio-focus-ring-style, solid);
  --kite-radio-selected-indicator-border-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-search-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-search-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-select-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-select-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-select-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-switch-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-tag-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-text-area-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-area-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-area-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-text-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-input-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-text-input-secure-icon-color: var(--kite-text-input-addon-icon-color, #0073d1);
  --kite-text-input-secure-icon-focus-ring-style: var(--kite-text-input-focus-ring-style, solid);
  --kite-text-input-secure-icon-focus-ring-width: var(--kite-text-input-focus-ring-width, 0.125rem);
  --kite-text-input-secure-confirm-icon-margin-right: var(--kite-text-input-addon-padding-right, 0.5rem);
  --kite-text-input-secure-visible-icon-height: var(--kite-text-input-secure-icon-height, 1.5rem);
  --kite-text-input-secure-visible-icon-width: var(--kite-text-input-secure-icon-width, 1.5rem);
  --kite-time-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-time-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-time-input-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-tooltip-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-tooltip-border-style: var(--kite-card-border-style, solid);
  --kite-button-primary-destructive-focus-icon-color: var(--kite-button-primary-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-icon-color: var(--kite-button-primary-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-icon-color: var(--kite-button-primary-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-icon-color: var(--kite-button-primary-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-icon-color: var(--kite-button-secondary-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-icon-color: var(--kite-button-secondary-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-icon-color: var(--kite-button-secondary-destructive-press-text-color, #ffffff);
  --kite-calendar-standalone-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-checkbox-indeterminate-disabled-border-color: var(--kite-checkbox-selected-disabled-border-color, #9ba9bd);
  --kite-dropdown-focus-ring-color: var(--kite-select-focus-ring-color, #0062b2);
  --kite-dynamic-hint-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-dynamic-hint-arrow-border-color: var(--kite-dynamic-hint-border-color, #d8dde6);
  --kite-dynamic-hint-arrow-border-style: var(--kite-dynamic-hint-border-style, solid);
  --kite-popover-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-popover-arrow-border-color: var(--kite-popover-border-color, #d8dde6);
  --kite-popover-arrow-border-style: var(--kite-popover-border-style, solid);
  --kite-radio-selected-focus-ring-color: var(--kite-radio-focus-ring-color, #0062b2);
  --kite-text-input-secure-icon-focus-ring-color: var(--kite-text-input-focus-ring-color, #0062b2);
  --kite-text-input-secure-unmasked-icon-height: var(--kite-text-input-secure-visible-icon-height, 1.5rem);
  --kite-text-input-secure-unmasked-icon-width: var(--kite-text-input-secure-visible-icon-width, 1.5rem);
  --kite-text-input-secure-visible-icon-color: var(--kite-text-input-secure-icon-color, #0073d1);
  --kite-dynamic-hint-arrow-border-width: var(--kite-dynamic-hint-border-width, 0.0625rem);
  --kite-text-input-secure-unmasked-icon-color: var(--kite-text-input-secure-visible-icon-color, #0073d1);
}
.kite-theme--life-unltd-white {
  --kite-border-style-solid: solid;
  --kite-border-style-dashed: dashed;
  --kite-border-width-none: 0;
  --kite-color-dark-blue-10: #002e52;
  --kite-color-dark-blue-20: #002139;
  --kite-color-dark-blue-30: #000f1a;
  --kite-color-blue-10: #4da4ff;
  --kite-color-blue-20: #0271eb;
  --kite-color-blue-30: #0257b2;
  --kite-color-light-blue-10: #b8d4f2;
  --kite-color-light-blue-20: #73b7ff;
  --kite-color-light-blue-00: #e5f2ff;
  --kite-color-green-10: #00bf1f;
  --kite-color-green-20: #008516;
  --kite-color-green-00: #e8ffe8;
  --kite-color-yellow-10: #ffd400;
  --kite-color-yellow-20: #faa41a;
  --kite-color-yellow-00: #fff3e0;
  --kite-color-red-10: #ff4d4a;
  --kite-color-red-20: #d6312b;
  --kite-color-red-00: #ffefef;
  --kite-color-gray-10: #f8f8f8;
  --kite-color-gray-20: #d8dde6;
  --kite-color-gray-25: #9ba9bd;
  --kite-color-gray-30: #63738a;
  --kite-color-white: #ffffff;
  --kite-color-black: #000000;
  --kite-color-life-unlimited-accent-electric-blue: #0271eb;
  --kite-color-life-unlimited-accent-green: #03c252;
  --kite-color-life-unlimited-accent-orange: #ff8331;
  --kite-color-life-unlimited-accent-purple: #887dff;
  --kite-color-life-unlimited-accent-yellow: #ffcb3e;
  --kite-color-life-unlimited-primary-midnight-blue: #002139;
  --kite-color-life-unlimited-primary-white: #ffffff;
  --kite-color-life-unlimited-support-light-gray: #d5d5d5;
  --kite-color-negative-focus: #b00300;
  --kite-color-negative-hover: #b00300;
  --kite-color-negative-press: #b00300;
  --kite-cubic-bezier-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --kite-cubic-bezier-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --kite-cubic-bezier-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --kite-duration-200: 200ms;
  --kite-duration-400: 400ms;
  --kite-duration-750: 750ms;
  --kite-font-family-spectrum-sans:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --kite-font-family-monospace:
    Menlo,
    Monaco,
    "Andale Mono",
    "lucida console",
    "Courier New",
    monospace;
  --kite-font-family-rutledge:
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --kite-font-size-base: 16;
  --kite-font-size-px: 16px;
  --kite-font-size-rem: 1rem;
  --kite-font-style-normal: normal;
  --kite-font-style-italic: italic;
  --kite-font-weight-light: 300;
  --kite-font-weight-book: 350;
  --kite-font-weight-regular: 400;
  --kite-font-weight-medium: 500;
  --kite-font-weight-semi-bold: 600;
  --kite-font-weight-bold: 700;
  --kite-font-weight-extra-bold: 800;
  --kite-font-weight-normal: 400;
  --kite-letter-spacing-normal: normal;
  --kite-letter-spacing-sm: -0.0625rem;
  --kite-tracking-sm: -0.0625rem;
  --kite-tracking-normal: normal;
  --kite-tracking-md: normal;
  --kite-size-1: 0.0625rem;
  --kite-size-2: 0.125rem;
  --kite-size-4: 0.25rem;
  --kite-size-8: 0.5rem;
  --kite-size-12: 0.75rem;
  --kite-size-14: 0.875rem;
  --kite-size-16: 1rem;
  --kite-size-20: 1.25rem;
  --kite-size-24: 1.5rem;
  --kite-size-32: 2rem;
  --kite-size-40: 2.5rem;
  --kite-size-48: 3rem;
  --kite-size-percent-50: 50%;
  --kite-size-radius-pill: 624.9375rem;
  --kite-size-touch-target: 2.75rem;
  --kite-focus-ring-inset: -0.125rem;
  --kite-motion-duration-fast: 300ms;
  --kite-motion-duration-faster: 225ms;
  --kite-motion-duration-fastest: 195ms;
  --kite-motion-curve-default: cubic-bezier(0.4, 0, 0.2, 1);
  --kite-motion-curve-deceleration: cubic-bezier(0, 0, 0.2, 1);
  --kite-motion-curve-acceleration: cubic-bezier(0.4, 0, 1, 1);
  --kite-motion-curve-sharp: cubic-bezier(0.4, 0, 0.6, 1);
  --kite-layout-sm: 4rem;
  --kite-layout-md: 6rem;
  --kite-layout-lg: 8rem;
  --kite-layout-xl: 10rem;
  --kite-layout-2xl: 12rem;
  --kite-spacing-section-sm: 4rem;
  --kite-spacing-section-md: 5rem;
  --kite-spacing-section-lg: 6.25rem;
  --kite-spacing-section-xl: 7.5rem;
  --kite-my-component-margin-top: 0;
  --kite-my-component-margin-right: 0;
  --kite-my-component-margin-bottom: 0;
  --kite-my-component-margin-left: 0;
  --kite-my-component-disabled-cursor: not-allowed;
  --kite-my-component-cursor: pointer;
  --kite-my-component-my-deprecated-token-name: "deprecatedValue";
  --kite-breakpoint-xs-min: 0;
  --kite-breakpoint-xs-max: 479px;
  --kite-breakpoint-sm-min: 480px;
  --kite-breakpoint-sm-max: 599px;
  --kite-breakpoint-md-min: 600px;
  --kite-breakpoint-md-max: 839px;
  --kite-breakpoint-lg-min: 840px;
  --kite-breakpoint-lg-max: 959px;
  --kite-breakpoint-xl-min: 960px;
  --kite-breakpoint-xl-max: 1279px;
  --kite-breakpoint-2xl-min: 1280px;
  --kite-zindex-deepdive: -99999;
  --kite-zindex-default: 1;
  --kite-zindex-sticky: 1000;
  --kite-zindex-dropdown: 1100;
  --kite-zindex-dialog-backdrop: 1200;
  --kite-zindex-dialog: 1300;
  --kite-zindex-notification: 1600;
  --kite-zindex-moonshot: 99999;
  --kite-cursor-action: pointer;
  --kite-cursor-disabled: not-allowed;
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.1);
  --kite-form-control-text-line-height: 1.25;
  --kite-form-control-text-overflow: clip;
  --kite-form-control-border-radius: 0;
  --kite-form-control-margin-top: 0;
  --kite-form-control-margin-right: 0;
  --kite-form-control-margin-bottom: 0;
  --kite-form-control-margin-left: 0;
  --kite-form-control-max-width: 18rem;
  --kite-form-control-addon-padding-top: 0;
  --kite-form-control-addon-padding-bottom: 0;
  --kite-form-control-helper-text-size: 0.75rem;
  --kite-form-control-helper-text-line-height: 1.333;
  --kite-form-control-picker-transition-target-property: opacity;
  --kite-form-control-picker-min-width: 18rem;
  --kite-form-control-picker-backdrop-opacity: 0.8;
  --kite-form-control-picker-list-item-padding-top: 0.625rem;
  --kite-form-control-picker-list-item-padding-bottom: 0.625rem;
  --kite-form-control-picker-list-item-padding-left: 0;
  --kite-form-control-input-max-width: 18rem;
  --kite-grid-xs-columns: 4;
  --kite-grid-sm-columns: 4;
  --kite-grid-md-columns: 4;
  --kite-grid-lg-columns: 12;
  --kite-grid-xl-columns: 12;
  --kite-grid-2xl-columns: 12;
  --kite-grid-xxl-columns: 12;
  --kite-typography-sm-display-size: 3rem;
  --kite-typography-sm-display-line-height: 1.25;
  --kite-typography-sm-title-1-size: 2.625rem;
  --kite-typography-sm-title-1-line-height: 1.238;
  --kite-typography-sm-title-2-size: 2rem;
  --kite-typography-sm-title-2-line-height: 1.25;
  --kite-typography-sm-title-3-size: 1.75rem;
  --kite-typography-sm-title-3-line-height: 1.286;
  --kite-typography-sm-title-4-size: 1.5rem;
  --kite-typography-sm-title-4-line-height: 1.333;
  --kite-typography-sm-title-5-size: 1.25rem;
  --kite-typography-sm-title-5-line-height: 1.4;
  --kite-typography-sm-title-6-size: 1.125rem;
  --kite-typography-sm-title-6-line-height: 1.333;
  --kite-typography-sm-body-display-size: 1.25rem;
  --kite-typography-sm-body-display-line-height: 1.6;
  --kite-typography-sm-body-size: 1rem;
  --kite-typography-sm-body-line-height: 1.5;
  --kite-typography-sm-eyebrow-size: 0.875rem;
  --kite-typography-sm-eyebrow-line-height: 1.429;
  --kite-typography-sm-eyebrow-text-transform: uppercase;
  --kite-typography-sm-caption-1-size: 0.875rem;
  --kite-typography-sm-caption-1-line-height: 1.429;
  --kite-typography-sm-caption-2-size: 0.75rem;
  --kite-typography-sm-caption-2-line-height: 1.333;
  --kite-typography-lg-display-size: 4rem;
  --kite-typography-lg-display-line-height: 1.125;
  --kite-typography-lg-title-1-size: 3rem;
  --kite-typography-lg-title-1-line-height: 1.167;
  --kite-typography-lg-title-2-size: 2.625rem;
  --kite-typography-lg-title-2-line-height: 1.238;
  --kite-typography-lg-title-3-size: 2.25rem;
  --kite-typography-lg-title-3-line-height: 1.111;
  --kite-typography-lg-title-4-size: 1.75rem;
  --kite-typography-lg-title-4-line-height: 1.286;
  --kite-typography-lg-title-5-size: 1.5rem;
  --kite-typography-lg-title-5-line-height: 1.333;
  --kite-typography-lg-title-6-size: 1.25rem;
  --kite-typography-lg-title-6-line-height: 1.4;
  --kite-typography-lg-body-display-size: 1.25rem;
  --kite-typography-lg-body-display-line-height: 1.6;
  --kite-typography-lg-body-size: 1rem;
  --kite-typography-lg-body-line-height: 1.5;
  --kite-typography-lg-eyebrow-size: 1rem;
  --kite-typography-lg-eyebrow-line-height: 1.5;
  --kite-typography-lg-eyebrow-text-transform: uppercase;
  --kite-typography-lg-caption-1-size: 0.875rem;
  --kite-typography-lg-caption-1-line-height: 1.429;
  --kite-typography-lg-caption-2-size: 0.75rem;
  --kite-typography-lg-caption-2-line-height: 1.333;
  --kite-typography-sm-caption-size: 0.875rem;
  --kite-typography-sm-caption-line-height: 1.429;
  --kite-typography-lg-caption-size: 0.875rem;
  --kite-typography-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-sm-display-size: 3rem;
  --kite-typography-rutledge-sm-display-line-height: 1.25;
  --kite-typography-rutledge-sm-title-1-size: 2.5rem;
  --kite-typography-rutledge-sm-title-1-line-height: 1.3;
  --kite-typography-rutledge-sm-title-2-size: 2.25rem;
  --kite-typography-rutledge-sm-title-2-line-height: 1.222;
  --kite-typography-rutledge-sm-title-3-size: 2rem;
  --kite-typography-rutledge-sm-title-3-line-height: 1.25;
  --kite-typography-rutledge-sm-title-4-size: 1.75rem;
  --kite-typography-rutledge-sm-title-4-line-height: 1.286;
  --kite-typography-rutledge-sm-title-5-size: 1.5rem;
  --kite-typography-rutledge-sm-title-5-line-height: 1.25;
  --kite-typography-rutledge-sm-title-6-size: 1.25rem;
  --kite-typography-rutledge-sm-title-6-line-height: 1.3;
  --kite-typography-rutledge-sm-body-display-size: 1.25rem;
  --kite-typography-rutledge-sm-body-display-line-height: 1.3;
  --kite-typography-rutledge-sm-body-size: 1rem;
  --kite-typography-rutledge-sm-body-line-height: 1.5;
  --kite-typography-rutledge-sm-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-sm-eyebrow-style: uppercase;
  --kite-typography-rutledge-sm-eyebrow-line-height: 1.571;
  --kite-typography-rutledge-sm-caption-size: 0.875rem;
  --kite-typography-rutledge-sm-caption-line-height: 1.571;
  --kite-typography-rutledge-lg-display-size: 4rem;
  --kite-typography-rutledge-lg-display-line-height: 1.125;
  --kite-typography-rutledge-lg-title-1-size: 3rem;
  --kite-typography-rutledge-lg-title-1-line-height: 1.25;
  --kite-typography-rutledge-lg-title-2-size: 2.5rem;
  --kite-typography-rutledge-lg-title-2-line-height: 1.25;
  --kite-typography-rutledge-lg-title-3-size: 2.25rem;
  --kite-typography-rutledge-lg-title-3-line-height: 1.222;
  --kite-typography-rutledge-lg-title-4-size: 2rem;
  --kite-typography-rutledge-lg-title-4-line-height: 1.25;
  --kite-typography-rutledge-lg-title-5-size: 1.5rem;
  --kite-typography-rutledge-lg-title-5-line-height: 1.25;
  --kite-typography-rutledge-lg-title-6-size: 1.25rem;
  --kite-typography-rutledge-lg-title-6-line-height: 1.3;
  --kite-typography-rutledge-lg-body-display-size: 1.25rem;
  --kite-typography-rutledge-lg-body-display-line-height: 1.3;
  --kite-typography-rutledge-lg-body-size: 1rem;
  --kite-typography-rutledge-lg-body-line-height: 1.5;
  --kite-typography-rutledge-lg-eyebrow-size: 1rem;
  --kite-typography-rutledge-lg-eyebrow-style: uppercase;
  --kite-typography-rutledge-lg-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-lg-caption-size: 0.875rem;
  --kite-typography-rutledge-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-xxs-title-1-size: 1.3125rem;
  --kite-typography-rutledge-xxs-title-1-line-height: 1.333;
  --kite-typography-rutledge-xxs-title-2-size: 1.125rem;
  --kite-typography-rutledge-xxs-title-2-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-3-size: 1rem;
  --kite-typography-rutledge-xxs-title-3-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-4-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-4-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-5-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-5-line-height: 1.5;
  --kite-typography-rutledge-xxs-body-size: 0.875rem;
  --kite-typography-rutledge-xxs-body-line-height: 1.5;
  --kite-typography-rutledge-xxs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xxs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xxs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xxs-caption-size: 0.75rem;
  --kite-typography-rutledge-xxs-caption-line-height: 1.5;
  --kite-typography-rutledge-xs-title-1-size: 1.4375rem;
  --kite-typography-rutledge-xs-title-1-line-height: 1.304;
  --kite-typography-rutledge-xs-title-2-size: 1.1875rem;
  --kite-typography-rutledge-xs-title-2-line-height: 1.421;
  --kite-typography-rutledge-xs-title-3-size: 1.0625rem;
  --kite-typography-rutledge-xs-title-3-line-height: 1.471;
  --kite-typography-rutledge-xs-title-4-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-4-line-height: 1.533;
  --kite-typography-rutledge-xs-title-5-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-5-line-height: 1.533;
  --kite-typography-rutledge-xs-body-size: 0.9375rem;
  --kite-typography-rutledge-xs-body-line-height: 1.533;
  --kite-typography-rutledge-xs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xs-caption-size: 0.75rem;
  --kite-typography-rutledge-xs-caption-line-height: 1.5;
  --kite-typography-rutledge-md-title-1-size: 2.25rem;
  --kite-typography-rutledge-md-title-1-line-height: 1.25;
  --kite-typography-rutledge-md-title-2-size: 1.75rem;
  --kite-typography-rutledge-md-title-2-line-height: 1.286;
  --kite-typography-rutledge-md-title-3-size: 1.5rem;
  --kite-typography-rutledge-md-title-3-line-height: 1.292;
  --kite-typography-rutledge-md-title-4-size: 1.25rem;
  --kite-typography-rutledge-md-title-4-line-height: 1.05;
  --kite-typography-rutledge-md-title-5-size: 1rem;
  --kite-typography-rutledge-md-title-5-line-height: 1.5;
  --kite-typography-rutledge-md-body-size: 1rem;
  --kite-typography-rutledge-md-body-line-height: 1.5;
  --kite-typography-rutledge-md-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-md-eyebrow-style: uppercase;
  --kite-typography-rutledge-md-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-md-caption-size: 0.75rem;
  --kite-typography-rutledge-md-caption-line-height: 1.75;
  --kite-typography-rutledge-xl-title-1-size: 3.5rem;
  --kite-typography-rutledge-xl-title-1-line-height: 1.393;
  --kite-typography-rutledge-xl-title-2-size: 2.625rem;
  --kite-typography-rutledge-xl-title-2-line-height: 1.429;
  --kite-typography-rutledge-xl-title-3-size: 2.25rem;
  --kite-typography-rutledge-xl-title-3-line-height: 1.056;
  --kite-typography-rutledge-xl-title-4-size: 1.75rem;
  --kite-typography-rutledge-xl-title-4-line-height: 0.964;
  --kite-typography-rutledge-xl-title-5-size: 1.5rem;
  --kite-typography-rutledge-xl-title-5-line-height: 1;
  --kite-typography-rutledge-xl-body-size: 1.5rem;
  --kite-typography-rutledge-xl-body-line-height: 1.333;
  --kite-typography-rutledge-xl-eyebrow-size: 1.375rem;
  --kite-typography-rutledge-xl-eyebrow-style: uppercase;
  --kite-typography-rutledge-xl-eyebrow-line-height: 1.091;
  --kite-typography-rutledge-xl-caption-size: 1.25rem;
  --kite-typography-rutledge-xl-caption-line-height: 1.2;
  --kite-accordion-background-color: rgba(0, 0, 0, 0);
  --kite-accordion-border-radius: 0;
  --kite-accordion-margin-top: 0;
  --kite-accordion-margin-right: 0;
  --kite-accordion-margin-bottom: 0;
  --kite-accordion-margin-left: 0;
  --kite-accordion-trigger-width: 100%;
  --kite-accordion-expanded-padding-top: 0;
  --kite-accordion-hover-background-opacity: 0.02;
  --kite-accordion-hover-background-opacity-dark: 0.05;
  --kite-alert-text-align: left;
  --kite-alert-margin-top: 0;
  --kite-alert-margin-right: 0;
  --kite-alert-margin-bottom: 0;
  --kite-alert-margin-left: 0;
  --kite-alert-border-left-style: solid;
  --kite-alert-dismiss-icon-margin-right: 0;
  --kite-alert-passive-margin-top: 0;
  --kite-alert-passive-min-width: 17.5rem;
  --kite-alert-passive-breakpoint-lg-margin-bottom: 0;
  --kite-alert-passive-breakpoint-lg-margin-left: 0;
  --kite-alert-passive-breakpoint-lg-max-width: 31.25rem;
  --kite-alert-passive-breakpoint-lg-offset-x: 0;
  --kite-alert-passive-breakpoint-lg-offset-y: 0;
  --kite-alert-passive-offset-x: 0;
  --kite-alert-passive-offset-y: 0;
  --kite-alert-passive-timeout: 0;
  --kite-alert-page-border-style: solid;
  --kite-alert-page-border-left-style: solid;
  --kite-badge-border-color: rgba(0, 0, 0, 0);
  --kite-badge-margin-top: 0;
  --kite-badge-margin-bottom: 0;
  --kite-blockquote-background-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-radius: 0;
  --kite-blockquote-border-width: 0;
  --kite-blockquote-cite-punctuation: "\2014\a0";
  --kite-blockquote-cite-text-size: 80%;
  --kite-button-text-align: left;
  --kite-button-text-line-height: 1.5;
  --kite-button-border-color: rgba(0, 0, 0, 0);
  --kite-button-margin-top: 0;
  --kite-button-margin-right: 0;
  --kite-button-margin-bottom: 0;
  --kite-button-margin-left: 0;
  --kite-button-padding-top: 0.625rem;
  --kite-button-padding-bottom: 0.625rem;
  --kite-button-width: 100%;
  --kite-button-secondary-background-color: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color: rgba(0, 0, 0, 0);
  --kite-button-shrinkwrap-width: auto;
  --kite-button-shrinkwrap-min-width-sm: 5.625rem;
  --kite-button-shrinkwrap-min-width-md: 8.125rem;
  --kite-button-shrinkwrap-min-width-lg: 13.125rem;
  --kite-button-shrinkwrap-min-width-xl: 18rem;
  --kite-button-primary-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-disabled-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-disabled-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-active-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-disabled-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-disabled-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-focus-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-hover-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-calendar-margin-top: 0;
  --kite-calendar-margin-right: 0;
  --kite-calendar-margin-bottom: 0;
  --kite-calendar-margin-left: 0;
  --kite-calendar-day-text-align: center;
  --kite-calendar-day-due-text-size: 0.625rem;
  --kite-calendar-day-due-text-line-height: 1.3;
  --kite-calendar-day-due-text-transform: uppercase;
  --kite-calendar-day-due-offset: 0.3125rem;
  --kite-calendar-month-year-margin-right: 0;
  --kite-calendar-month-year-margin-left: 0;
  --kite-calendar-standalone-padding-top: 0;
  --kite-calendar-standalone-padding-right: 0;
  --kite-calendar-standalone-padding-left: 0;
  --kite-calendar-standalone-min-width: 18rem;
  --kite-calendar-standalone-min-height: 18.625rem;
  --kite-calendar-day-disabled-text-decoration-line: line-through;
  --kite-card-margin-top: 0;
  --kite-card-margin-right: 0;
  --kite-card-margin-bottom: 0;
  --kite-card-margin-left: 0;
  --kite-checkbox-background-color: rgba(0, 0, 0, 0);
  --kite-checkbox-margin-top: 0;
  --kite-checkbox-margin-right: 0;
  --kite-checkbox-margin-left: 0;
  --kite-checkbox-hover-background: rgba(0, 0, 0, 0);
  --kite-checkbox-label-margin-bottom: 0;
  --kite-checkbox-background-color-dark: rgba(0, 0, 0, 0);
  --kite-chip-margin-top: 0;
  --kite-chip-margin-left: 0;
  --kite-chip-focus-ring-offset: 0.375rem;
  --kite-chip-selected-padding-right: 1.1875rem;
  --kite-chip-selected-padding-left: 1.1875rem;
  --kite-chip-icon-width: 1.125rem;
  --kite-chip-icon-height: 1.125rem;
  --kite-chip-multiline-height: auto;
  --kite-combobox-margin-top: 0;
  --kite-combobox-margin-right: 0;
  --kite-combobox-margin-bottom: 0;
  --kite-combobox-margin-left: 0;
  --kite-combobox-picker-offset-x: 0;
  --kite-data-table-text-align: left;
  --kite-data-table-text-line-height: 1.571;
  --kite-data-table-border-radius: 0;
  --kite-data-table-margin-top: 0;
  --kite-data-table-margin-right: 0;
  --kite-data-table-margin-bottom: 0;
  --kite-data-table-margin-left: 0;
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.2);
  --kite-data-table-scroll-shadow-width: 5px;
  --kite-data-table-menu-cell-padding-right: 0;
  --kite-data-table-menu-cell-padding-left: 0;
  --kite-data-table-menu-column-padding-top: 0;
  --kite-data-table-menu-column-padding-right: 0;
  --kite-data-table-menu-column-padding-bottom: 0;
  --kite-data-table-menu-column-padding-left: 0;
  --kite-data-table-menu-column-width: 2.75rem;
  --kite-data-table-title-row-border-bottom-style: solid;
  --kite-date-input-margin-top: 0;
  --kite-date-input-margin-right: 0;
  --kite-date-input-margin-bottom: 0;
  --kite-date-input-margin-left: 0;
  --kite-date-input-picker-padding-top: 0;
  --kite-date-input-label-height: 1.5rem;
  --kite-dialog-text-align: left;
  --kite-dialog-text-line-height: 1.625;
  --kite-dialog-border-radius: 0;
  --kite-dialog-margin-top: 0;
  --kite-dialog-margin-right: 0;
  --kite-dialog-margin-bottom: 0;
  --kite-dialog-margin-left: 0;
  --kite-dialog-max-width: 42.5rem;
  --kite-dialog-breakpoint-md-width: 75%;
  --kite-dialog-breakpoint-md-max-height: 72%;
  --kite-dialog-breakpoint-lg-width: 66.66%;
  --kite-dialog-breakpoint-lg-max-height: 72%;
  --kite-dialog-breakpoint-xl-width: 66.66%;
  --kite-dialog-breakpoint-xl-max-height: 84%;
  --kite-dialog-breakpoint-2xl-width: 50%;
  --kite-dialog-breakpoint-2xl-max-height: 84%;
  --kite-dialog-position-x: center;
  --kite-dialog-position-y: center;
  --kite-dialog-transition-duration: 0;
  --kite-dialog-overlay-opacity: 0.8;
  --kite-dialog-content-padding-top: 0;
  --kite-dialog-button-min-width: 15.25rem;
  --kite-dialog-full-size-width: 100%;
  --kite-dialog-full-size-height: 100%;
  --kite-dialog-default-size-md-max-height: 72%;
  --kite-dialog-default-size-lg-max-height: 72%;
  --kite-dialog-default-size-xl-max-height: 84%;
  --kite-dialog-default-size-xxl-max-height: 84%;
  --kite-dropdown-text-overflow: ellipsis;
  --kite-dropdown-margin-top: 0;
  --kite-dropdown-margin-right: 0;
  --kite-dropdown-margin-left: 0;
  --kite-dropdown-list-min-width: 10.5rem;
  --kite-dropdown-list-activated-opacity: 1;
  --kite-dropdown-list-opacity: 0;
  --kite-dropdown-list-transition-target-property: opacity;
  --kite-dropdown-list-item-padding-left: 0;
  --kite-dropdown-inline-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-margin-top: 0;
  --kite-dropdown-inline-margin-right: 0;
  --kite-dropdown-inline-margin-bottom: 0;
  --kite-dropdown-inline-margin-left: 0;
  --kite-dropdown-inline-padding-top: 0;
  --kite-dropdown-inline-padding-right: 0;
  --kite-dropdown-inline-padding-bottom: 0;
  --kite-dropdown-inline-padding-left: 0;
  --kite-dropdown-inline-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-dropdown-list-hidden-opacity: 0;
  --kite-dropdown-list-visible-opacity: 1;
  --kite-dropdown-inline-background-color-dark: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color-dark: rgba(0, 0, 0, 0);
  --kite-dynamic-hint-border-color-dark: rgba(0, 0, 0, 0);
  --kite-dynamic-hint-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-arrow-border-color-dark: rgba(0, 0, 0, 0);
  --kite-interactive-list-background-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-border-radius: 0;
  --kite-interactive-list-margin-top: 0;
  --kite-interactive-list-margin-right: 0;
  --kite-interactive-list-margin-bottom: 0;
  --kite-interactive-list-margin-left: 0;
  --kite-interactive-list-padding-top: 0;
  --kite-interactive-list-padding-right: 0;
  --kite-interactive-list-padding-bottom: 0;
  --kite-interactive-list-padding-left: 0;
  --kite-interactive-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-margin-top: 0;
  --kite-interactive-list-item-margin-right: 0;
  --kite-interactive-list-item-margin-bottom: 0;
  --kite-interactive-list-item-margin-left: 0;
  --kite-interactive-list-item-title-text-line-height: 1.2;
  --kite-interactive-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-interactive-list-image-max-width: 5rem;
  --kite-interactive-list-image-max-height: 5rem;
  --kite-interactive-list-start-max-width: 5rem;
  --kite-interactive-list-item-hover-background-color-dark:
    255,
    255,
    255;
  --kite-interactive-list-item-hover-background-opacity-dark: 0.05;
  --kite-interactive-list-md-padding-top: 0;
  --kite-interactive-list-md-padding-bottom: 0;
  --kite-interactive-list-xl-padding-top: 0;
  --kite-interactive-list-xl-padding-bottom: 0;
  --kite-interactive-list-xxl-padding-top: 0;
  --kite-interactive-list-xxl-padding-bottom: 0;
  --kite-interactive-list-item-hover-background-opacity: 0.02;
  --kite-link-background-color: rgba(0, 0, 0, 0);
  --kite-link-text-decoration-line: underline;
  --kite-link-border-radius: 0;
  --kite-link-border-width: 0;
  --kite-link-margin-top: 0;
  --kite-link-margin-right: 0;
  --kite-link-margin-bottom: 0;
  --kite-link-margin-left: 0;
  --kite-link-padding-top: 0;
  --kite-link-padding-right: 0;
  --kite-link-padding-bottom: 0;
  --kite-link-padding-left: 0;
  --kite-link-standalone-text-decoration-line: none;
  --kite-link-standalone-hover-text-decoration: underline;
  --kite-link-standalone-press-text-decoration: underline;
  --kite-list-background-color: rgba(0, 0, 0, 0);
  --kite-list-border-radius: 0;
  --kite-list-margin-top: 0;
  --kite-list-margin-right: 0;
  --kite-list-margin-bottom: 0;
  --kite-list-margin-left: 0;
  --kite-list-padding-top: 0;
  --kite-list-padding-right: 0;
  --kite-list-padding-bottom: 0;
  --kite-list-padding-left: 0;
  --kite-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-list-item-margin-top: 0;
  --kite-list-item-margin-right: 0;
  --kite-list-item-margin-bottom: 0;
  --kite-list-item-margin-left: 0;
  --kite-list-item-image-md-max-width: 3.75rem;
  --kite-list-item-image-md-max-height: 3.75rem;
  --kite-list-item-image-lg-max-width: 5rem;
  --kite-list-item-image-lg-max-height: 5rem;
  --kite-list-item-payment-logo-border-radius: 0;
  --kite-list-item-payment-logo-margin-top: 0;
  --kite-list-item-expandable-content-padding-top: 0;
  --kite-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-list-item-payment-logo-margin: 0;
  --kite-list-start-max-width: 5rem;
  --kite-menu-list-min-width: 10.5rem;
  --kite-menu-list-activated-opacity: 1;
  --kite-menu-list-opacity: 0;
  --kite-menu-list-transition-target-property: opacity;
  --kite-menu-list-item-padding-top: 0.625rem;
  --kite-menu-list-item-padding-bottom: 0.625rem;
  --kite-menu-trigger-background-color: rgba(0, 0, 0, 0);
  --kite-menu-trigger-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-menu-contextual-label-trigger-padding-top: 0.625rem;
  --kite-menu-contextual-label-trigger-padding-bottom: 0.625rem;
  --kite-menu-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-menu-list-hidden-opacity: 0;
  --kite-menu-list-visible-opacity: 1;
  --kite-menu-list-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1);
  --kite-meter-circular-width: 5.5rem;
  --kite-meter-circular-width-px: 88px;
  --kite-meter-circular-track-height-px: 8px;
  --kite-meter-circular-sm-width-px: 24px;
  --kite-meter-circular-sm-track-height: 0.125rem;
  --kite-meter-circular-sm-track-height-px: 2px;
  --kite-meter-circular-sm-tick-width: 0.125rem;
  --kite-meter-circular-sm-icon-margin: 0.375rem;
  --kite-meter-circular-lg-width: 9.25rem;
  --kite-meter-circular-lg-width-px: 148px;
  --kite-meter-linear-label-text-size: 0.875rem;
  --kite-meter-linear-value-label-text-size: 0.875rem;
  --kite-meter-linear-small-label-text-size: 0.875rem;
  --kite-meter-linear-small-value-label-text-size: 0.875rem;
  --kite-meter-linear-large-label-text-size: 1rem;
  --kite-meter-linear-large-value-label-text-size: 1rem;
  --kite-meter-circular-small-height: 5.5rem;
  --kite-meter-circular-small-width: 5.5rem;
  --kite-meter-circular-small-status-icon-margin: 0.375rem;
  --kite-meter-circular-small-track-height: 0.125rem;
  --kite-meter-circular-small-label-text-size: 0.875rem;
  --kite-meter-circular-large-height: 9.25rem;
  --kite-meter-circular-large-width: 9.25rem;
  --kite-meter-circular-large-label-text-size: 0.875rem;
  --kite-pagination-controls-margin-top: 0;
  --kite-pagination-controls-breakpoint-lg-margin-bottom: 0;
  --kite-pagination-controls-button-background-color: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-border-radius: 0;
  --kite-pagination-controls-button-width: 4rem;
  --kite-pagination-controls-button-height: 3.25rem;
  --kite-pagination-page-select-current-label-padding-top: 0.625rem;
  --kite-pagination-page-select-current-label-padding-right: 0.625rem;
  --kite-pagination-page-select-current-label-padding-bottom: 0.625rem;
  --kite-pagination-page-select-current-label-padding-left: 0.625rem;
  --kite-pagination-dropdown-margin-top: 0;
  --kite-pagination-dropdown-margin-bottom: 0;
  --kite-pagination-controls-background-color-dark: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-background-color-dark: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-previous-border-radius: 0;
  --kite-payment-logo-border-color: rgba(0, 0, 0, 0);
  --kite-payment-logo-margin-top: 0;
  --kite-payment-logo-margin-right: 0;
  --kite-payment-logo-margin-bottom: 0;
  --kite-payment-logo-margin-left: 0;
  --kite-payment-logo-padding-top: 0;
  --kite-payment-logo-padding-right: 0;
  --kite-payment-logo-padding-bottom: 0;
  --kite-payment-logo-padding-left: 0;
  --kite-popover-text-align: left;
  --kite-popover-max-width: 100%;
  --kite-popover-max-height: 37.5rem;
  --kite-popover-trigger-margin-top: 0;
  --kite-popover-trigger-margin-right: 0;
  --kite-popover-trigger-margin-bottom: 0;
  --kite-popover-trigger-focus-ring-offset: 0.0625rem;
  --kite-popover-dismiss-icon-margin-top: 0;
  --kite-popover-dismiss-icon-margin-right: 0;
  --kite-popover-dismiss-icon-margin-left: 0;
  --kite-popover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-popover-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-popover-arrow-border-color-dark: rgba(0, 0, 0, 0);
  --kite-progress-indicator-background-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-radius: 0;
  --kite-progress-indicator-margin-top: 0;
  --kite-progress-indicator-margin-right: 0;
  --kite-progress-indicator-margin-bottom: 0;
  --kite-progress-indicator-margin-left: 0;
  --kite-progress-indicator-padding-top: 0;
  --kite-progress-indicator-padding-right: 0;
  --kite-progress-indicator-padding-bottom: 0;
  --kite-progress-indicator-padding-left: 0;
  --kite-progress-indicator-transition-delay: 500ms;
  --kite-progress-indicator-label-text-align: left;
  --kite-progress-indicator-track-size-px: 4px;
  --kite-progress-indicator-backdrop-opacity: 0.95;
  --kite-progress-indicator-circular-width: 2.5rem;
  --kite-progress-indicator-circular-width-px: 40px;
  --kite-progress-indicator-circular-track-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-circular-label-text-line-height: 1.4;
  --kite-progress-indicator-circular-label-text-align: center;
  --kite-progress-indicator-circular-icon-width: 2.75rem;
  --kite-progress-indicator-circular-sm-track-size-px: 2px;
  --kite-progress-indicator-circular-sm-width-px: 24px;
  --kite-progress-indicator-circular-sm-icon-width: 1.625rem;
  --kite-progress-indicator-circular-lg-track-size-px: 4px;
  --kite-progress-indicator-circular-lg-width: 5rem;
  --kite-progress-indicator-circular-lg-width-px: 80px;
  --kite-progress-indicator-circular-lg-icon-width: 5rem;
  --kite-progress-indicator-border-color-dark: rgba(0, 0, 0, 0);
  --kite-progress-indicator-lg-height: 5rem;
  --kite-progress-indicator-lg-width: 5rem;
  --kite-progress-indicator-md-height: 2.5rem;
  --kite-progress-indicator-md-width: 2.5rem;
  --kite-radio-background-color: rgba(0, 0, 0, 0);
  --kite-radio-margin-top: 0;
  --kite-radio-margin-right: 0;
  --kite-radio-margin-left: 0;
  --kite-radio-padding-top: 0;
  --kite-radio-padding-right: 0;
  --kite-radio-padding-bottom: 0;
  --kite-radio-padding-left: 0;
  --kite-radio-label-margin-bottom: 0;
  --kite-radio-input-margin-left: 0;
  --kite-search-input-margin-top: 0;
  --kite-search-input-margin-right: 0;
  --kite-search-input-margin-bottom: 0;
  --kite-search-input-margin-left: 0;
  --kite-select-text-overflow: ellipsis;
  --kite-select-margin-top: 0;
  --kite-select-margin-right: 0;
  --kite-select-margin-left: 0;
  --kite-skip-link-text-line-height: 1;
  --kite-skip-link-margin-top: 0;
  --kite-skip-link-margin-right: 0;
  --kite-skip-link-margin-bottom: 0;
  --kite-skip-link-margin-left: 0;
  --kite-skip-link-position: absolute;
  --kite-switch-background-color: rgba(0, 0, 0, 0);
  --kite-switch-border-radius: 0;
  --kite-switch-border-width: 0;
  --kite-switch-margin-top: 0;
  --kite-switch-margin-right: 0;
  --kite-switch-margin-left: 0;
  --kite-switch-padding-top: 0;
  --kite-switch-padding-right: 0;
  --kite-switch-padding-bottom: 0;
  --kite-switch-padding-left: 0;
  --kite-switch-disabled-track-opacity: 1;
  --kite-switch-track-opacity: 1;
  --kite-switch-on-track-opacity: 1;
  --kite-switch-on-disabled-track-opacity: 1;
  --kite-tabs-background-color: rgba(0, 0, 0, 0);
  --kite-tabs-border-radius: 0;
  --kite-tabs-border-width: 0;
  --kite-tabs-margin-top: 0;
  --kite-tabs-margin-right: 0;
  --kite-tabs-margin-bottom: 0;
  --kite-tabs-margin-left: 0;
  --kite-tabs-padding-top: 0;
  --kite-tabs-padding-right: 0;
  --kite-tabs-padding-bottom: 0;
  --kite-tabs-padding-left: 0;
  --kite-tabs-tab-background: rgba(0, 0, 0, 0);
  --kite-tabs-tab-text-align: center;
  --kite-tabs-tab-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-tab-min-width: 5.625rem;
  --kite-tabs-panel-padding-right: 0;
  --kite-tabs-panel-padding-bottom: 0;
  --kite-tabs-panel-padding-left: 0;
  --kite-tabs-item-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-item-border-bottom-color-dark: rgba(0, 0, 0, 0);
  --kite-tabs-item-min-width: 5.625rem;
  --kite-tag-text-line-height: 1.714;
  --kite-tag-margin-top: 0;
  --kite-tag-margin-right: 0;
  --kite-tag-margin-bottom: 0;
  --kite-tag-margin-left: 0;
  --kite-tag-padding-top: 0;
  --kite-tag-padding-bottom: 0;
  --kite-tag-solid-border-color: rgba(0, 0, 0, 0);
  --kite-text-area-margin-top: 0;
  --kite-text-area-margin-right: 0;
  --kite-text-area-margin-left: 0;
  --kite-text-area-min-height: 7.375rem;
  --kite-text-input-margin-top: 0;
  --kite-text-input-margin-right: 0;
  --kite-text-input-margin-left: 0;
  --kite-time-input-margin-top: 0;
  --kite-time-input-margin-right: 0;
  --kite-time-input-margin-bottom: 0;
  --kite-time-input-margin-left: 0;
  --kite-time-input-icon-margin-right: 0;
  --kite-time-input-placeholder-margin-left: 0;
  --kite-toast-border-color: rgba(0, 0, 0, 0);
  --kite-toast-border-width: 0;
  --kite-toast-margin-right: 0;
  --kite-toast-margin-left: 0;
  --kite-toast-max-width: 20rem;
  --kite-toast-icon-height: 1.125rem;
  --kite-toast-icon-width: 1.125rem;
  --kite-toast-line-height: 1.25;
  --kite-toast-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1);
  --kite-tooltip-border-color: rgba(0, 0, 0, 0);
  --kite-tooltip-border-width: 0;
  --kite-tooltip-margin-top: 0;
  --kite-tooltip-margin-right: 0;
  --kite-tooltip-margin-bottom: 0;
  --kite-tooltip-margin-left: 0;
  --kite-tooltip-max-width: 90%;
  --kite-tooltip-max-height: 4.25rem;
  --kite-tooltip-offset: 0;
  --kite-tooltip-breakpoint-sm-max-width: 20.3125rem;
  --kite-tooltip-arrow-directional-offset: 0;
  --kite-border-width-thin: var(--kite-size-1, 0.0625rem);
  --kite-border-width-thick: var(--kite-size-2, 0.125rem);
  --kite-color-background: var(--kite-color-white, #ffffff);
  --kite-color-background-secondary: var(--kite-color-gray-10, #f8f8f8);
  --kite-color-text: var(--kite-color-black, #000000);
  --kite-color-text-secondary: var(--kite-color-gray-30, #63738a);
  --kite-color-primary: var(--kite-color-blue-20, #0271eb);
  --kite-color-primary-focus: var(--kite-color-blue-30, #0257b2);
  --kite-color-primary-hover: var(--kite-color-blue-30, #0257b2);
  --kite-color-primary-press: var(--kite-color-blue-30, #0257b2);
  --kite-color-on-primary: var(--kite-color-white, #ffffff);
  --kite-color-caution: var(--kite-color-yellow-20, #faa41a);
  --kite-color-caution-muted: var(--kite-color-yellow-00, #fff3e0);
  --kite-color-on-caution: var(--kite-color-black, #000000);
  --kite-color-negative: var(--kite-color-red-20, #d6312b);
  --kite-color-negative-muted: var(--kite-color-red-00, #ffefef);
  --kite-color-on-negative: var(--kite-color-white, #ffffff);
  --kite-color-neutral: var(--kite-color-light-blue-20, #73b7ff);
  --kite-color-neutral-muted: var(--kite-color-light-blue-00, #e5f2ff);
  --kite-color-on-neutral: var(--kite-color-black, #000000);
  --kite-color-positive: var(--kite-color-green-20, #008516);
  --kite-color-positive-muted: var(--kite-color-green-00, #e8ffe8);
  --kite-color-on-positive: var(--kite-color-white, #ffffff);
  --kite-color-disabled: var(--kite-color-gray-25, #9ba9bd);
  --kite-color-on-disabled: var(--kite-color-gray-20, #d8dde6);
  --kite-color-error: var(--kite-color-red-20, #d6312b);
  --kite-color-info: var(--kite-color-light-blue-20, #73b7ff);
  --kite-color-success: var(--kite-color-green-20, #008516);
  --kite-color-focus: var(--kite-color-blue-30, #0257b2);
  --kite-font-family-sans-serif: var(--kite-font-family-spectrum-sans, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-letter-spacing-lg: var(--kite-size-2, 0.125rem);
  --kite-tracking-lg: var(--kite-size-2, 0.125rem);
  --kite-size-radius-sm: var(--kite-size-2, 0.125rem);
  --kite-size-radius-md: var(--kite-size-4, 0.25rem);
  --kite-size-radius-lg: var(--kite-size-8, 0.5rem);
  --kite-size-radius-circle: var(--kite-size-percent-50, 50%);
  --kite-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-border-radius-pill: var(--kite-size-radius-pill, 624.9375rem);
  --kite-border-style: var(--kite-border-style-solid, solid);
  --kite-container-background-color: var(--kite-color-white, #ffffff);
  --kite-container-hover-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-focus-ring-offset: var(--kite-size-2, 0.125rem);
  --kite-focus-ring-style: var(--kite-border-style-solid, solid);
  --kite-focus-ring-width: var(--kite-size-2, 0.125rem);
  --kite-font-weight: var(--kite-font-weight-regular, 400);
  --kite-font-size: var(--kite-font-size-px, 16px);
  --kite-font-style: var(--kite-font-style-normal, normal);
  --kite-motion-fast: var(--kite-duration-750, 750ms);
  --kite-motion-faster: var(--kite-duration-400, 400ms);
  --kite-motion-fastest: var(--kite-duration-200, 200ms);
  --kite-motion-standard: var(--kite-cubic-bezier-ease, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-motion-entry: var(--kite-cubic-bezier-ease-out, cubic-bezier(0, 0, 0.58, 1));
  --kite-motion-exit: var(--kite-cubic-bezier-ease-in, cubic-bezier(0.42, 0, 1, 1));
  --kite-layout-2xs: var(--kite-size-40, 2.5rem);
  --kite-layout-xs: var(--kite-size-48, 3rem);
  --kite-spacing-2xs: var(--kite-size-4, 0.25rem);
  --kite-spacing-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-md: var(--kite-size-16, 1rem);
  --kite-spacing-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-2xl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxs: var(--kite-size-4, 0.25rem);
  --kite-spacing-element-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-element-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-element-md: var(--kite-size-16, 1rem);
  --kite-spacing-element-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-element-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-element-xxl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxxl: var(--kite-size-40, 2.5rem);
  --kite-spacing-section-xs: var(--kite-size-48, 3rem);
  --kite-my-component-background-color: var(--kite-color-white, #ffffff);
  --kite-my-component-min-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-list-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-height: var(--kite-size-touch-target, 2.75rem);
  --kite-form-control-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-addon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-addon-icon-width: var(--kite-size-24, 1.5rem);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-placeholder-text-style: var(--kite-font-style-normal, normal);
  --kite-form-control-picker-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-picker-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-form-control-picker-zindex: var(--kite-zindex-dialog, 1300);
  --kite-form-control-picker-backdrop-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-picker-list-item-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-form-control-picker-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-picker-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-form-control-picker-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-picker-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-form-control-picker-list-item-check-icon-width: var(--kite-size-16, 1rem);
  --kite-form-control-input-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-input-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-border-style: var(--kite-border-style-solid, solid);
  --kite-form-control-input-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-input-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-input-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-form-control-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-form-control-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-input-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-input-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-form-control-input-placeholder-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-input-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-grid-xxl-gutters: var(--kite-size-16, 1rem);
  --kite-grid-xxl-margins: var(--kite-size-24, 1.5rem);
  --kite-typography-display-size: var(--kite-typography-sm-display-size, 3rem);
  --kite-typography-display-line-height: var(--kite-typography-sm-display-line-height, 1.25);
  --kite-typography-title-1-size: var(--kite-typography-sm-title-1-size, 2.625rem);
  --kite-typography-title-1-line-height: var(--kite-typography-sm-title-1-line-height, 1.238);
  --kite-typography-title-2-size: var(--kite-typography-sm-title-2-size, 2rem);
  --kite-typography-title-2-line-height: var(--kite-typography-sm-title-2-line-height, 1.25);
  --kite-typography-title-3-size: var(--kite-typography-sm-title-3-size, 1.75rem);
  --kite-typography-title-3-line-height: var(--kite-typography-sm-title-3-line-height, 1.286);
  --kite-typography-title-4-size: var(--kite-typography-sm-title-4-size, 1.5rem);
  --kite-typography-title-4-line-height: var(--kite-typography-sm-title-4-line-height, 1.333);
  --kite-typography-title-5-size: var(--kite-typography-sm-title-5-size, 1.25rem);
  --kite-typography-title-5-line-height: var(--kite-typography-sm-title-5-line-height, 1.4);
  --kite-typography-title-6-size: var(--kite-typography-sm-title-6-size, 1.125rem);
  --kite-typography-title-6-line-height: var(--kite-typography-sm-title-6-line-height, 1.333);
  --kite-typography-body-display-size: var(--kite-typography-sm-body-display-size, 1.25rem);
  --kite-typography-body-display-line-height: var(--kite-typography-sm-body-display-line-height, 1.6);
  --kite-typography-body-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-typography-body-line-height: var(--kite-typography-sm-body-line-height, 1.5);
  --kite-typography-eyebrow-size: var(--kite-typography-sm-eyebrow-size, 0.875rem);
  --kite-typography-eyebrow-line-height: var(--kite-typography-sm-eyebrow-line-height, 1.429);
  --kite-typography-eyebrow-text-transform: var(--kite-typography-sm-eyebrow-text-transform, uppercase);
  --kite-typography-caption-1-size: var(--kite-typography-sm-caption-1-size, 0.875rem);
  --kite-typography-caption-1-line-height: var(--kite-typography-sm-caption-1-line-height, 1.429);
  --kite-typography-caption-2-size: var(--kite-typography-sm-caption-2-size, 0.75rem);
  --kite-typography-caption-2-line-height: var(--kite-typography-sm-caption-2-line-height, 1.333);
  --kite-typography-sm-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-6-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-3-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-4-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xl-caption-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-accordion-hover-background-color: rgba(0, 15, 26, 0.02);
  --kite-accordion-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-accordion-cursor: var(--kite-cursor-action, pointer);
  --kite-accordion-icon-height: var(--kite-size-16, 1rem);
  --kite-accordion-icon-width: var(--kite-size-16, 1rem);
  --kite-accordion-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-accordion-border-bottom-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-accordion-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-title-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-hover-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-disabled-title-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-alert-label-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-accordion-success-label-text-color: var(--kite-color-green-10, #00bf1f);
  --kite-accordion-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-accordion-icon-fill: var(--kite-color-gray-30, #63738a);
  --kite-alert-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-alert-focus-ring-color: var(--kite-color-blue-20, #0271eb);
  --kite-alert-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-alert-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-alert-dismiss-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-dismiss-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-link-icon-height: var(--kite-size-12, 0.75rem);
  --kite-alert-link-icon-width: var(--kite-size-12, 0.75rem);
  --kite-alert-global-focus-ring-color: var(--kite-color-black, #000000);
  --kite-alert-passive-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-passive-zindex: var(--kite-zindex-notification, 1600);
  --kite-alert-passive-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-alert-passive-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-alert-passive-neutral-border-color: var(--kite-color-blue-10, #4da4ff);
  --kite-alert-passive-neutral-status-icon-color: var(--kite-color-blue-10, #4da4ff);
  --kite-alert-passive-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-alert-passive-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-alert-dismiss-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-indicator-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-indicator-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-page-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-page-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-page-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-page-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-page-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-alert-global-caution-indicator-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-caution-indicator-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-caution-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-error-dismiss-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-indicator-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-indicator-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-text-color: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-text-color: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-info-indicator-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-info-indicator-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-info-link-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-info-link-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-negative-status-icon-fill: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-status-icon-fill: var(--kite-color-green-20, #008516);
  --kite-badge-background-color: var(--kite-color-red-20, #d6312b);
  --kite-badge-text-color: var(--kite-color-white, #ffffff);
  --kite-badge-text-size: var(--kite-size-12, 0.75rem);
  --kite-badge-text-weight: var(--kite-font-weight-bold, 700);
  --kite-badge-height: var(--kite-size-20, 1.25rem);
  --kite-badge-min-width: var(--kite-size-20, 1.25rem);
  --kite-badge-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-badge-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-badge-sm-height: var(--kite-size-8, 0.5rem);
  --kite-badge-sm-width: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-height: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-width: var(--kite-size-8, 0.5rem);
  --kite-badge-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-badge-disabled-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-blockquote-border-left-width: var(--kite-size-4, 0.25rem);
  --kite-blockquote-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-blockquote-cite-text-color: var(--kite-color-gray-30, #63738a);
  --kite-button-text-weight: var(--kite-font-weight-medium, 500);
  --kite-button-height: var(--kite-size-touch-target, 2.75rem);
  --kite-button-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-button-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-button-disabled-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-cursor: var(--kite-cursor-action, pointer);
  --kite-button-icon-height: var(--kite-size-20, 1.25rem);
  --kite-button-icon-width: var(--kite-size-20, 1.25rem);
  --kite-button-destructive-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-focus-background-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-destructive-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-hover-background-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-destructive-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-press-background-color: var(--kite-color-negative-press, #b00300);
  --kite-button-destructive-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-disabled-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-negative-press, #b00300);
  --kite-button-primary-background-color-dark: var(--kite-color-blue-20, #0271eb);
  --kite-button-primary-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-active-background-color-dark: var(--kite-color-blue-30, #0257b2);
  --kite-button-primary-active-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-active-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-disabled-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-button-primary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-primary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-primary-focus-background-color-dark: var(--kite-color-blue-30, #0257b2);
  --kite-button-primary-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-hover-background-color-dark: var(--kite-color-blue-30, #0257b2);
  --kite-button-primary-hover-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-hover-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-disabled-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-button-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-active-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-active-text-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-active-icon-fill-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-focus-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-focus-icon-fill-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-hover-text-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-icon-fill-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-borderless-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-active-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-active-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-borderless-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-borderless-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-active-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-focus-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-hover-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-borderless-active-icon-fill: var(--kite-color-blue-30, #0257b2);
  --kite-button-borderless-hover-icon-fill: var(--kite-color-blue-30, #0257b2);
  --kite-calendar-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-calendar-action-cursor: var(--kite-cursor-action, pointer);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-width: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-height: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-today-indicator-width: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-today-indicator-height: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-due-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-calendar-day-due-padding-top: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-padding-bottom: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-out-range-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-day-unavailable-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-month-year-text-weight: var(--kite-font-weight-bold, 700);
  --kite-calendar-day-disabled-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-card-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-card-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-card-border-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-checkbox-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-selected-icon-height: var(--kite-size-16, 1rem);
  --kite-checkbox-selected-icon-width: var(--kite-size-16, 1rem);
  --kite-checkbox-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-checkbox-error-feedback-icon-height: var(--kite-size-20, 1.25rem);
  --kite-checkbox-error-feedback-icon-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-selected-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-indeterminate-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-indeterminate-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-indeterminate-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-chip-text-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-text-weight: var(--kite-font-weight-medium, 500);
  --kite-chip-border-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-height: var(--kite-size-32, 2rem);
  --kite-chip-focus-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-background-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-chip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-chip-cursor: var(--kite-cursor-action, pointer);
  --kite-chip-background-color-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-text-color-dark: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-chip-hover-background-color-dark: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-chip-disabled-background-color-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-combobox-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-combobox-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-combobox-height: var(--kite-size-touch-target, 2.75rem);
  --kite-combobox-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-combobox-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-combobox-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-combobox-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-combobox-overflow-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-combobox-picker-results-text-color: var(--kite-color-gray-30, #63738a);
  --kite-data-table-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-data-table-breakpoint-md-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-breakpoint-md-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-data-table-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-header-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-header-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-cell-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-row-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.2);
  --kite-data-table-striped-row-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-white, #ffffff);
  --kite-data-table-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-title-row-border-bottom-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-title-row-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-cell-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-cell-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-row-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-row-striped-background-color-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-data-table-row-hover-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-row-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-title-row-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-title-row-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-row-striped-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-lg-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-sm-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-hover-row-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-date-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-date-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-date-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-date-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-date-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-date-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-date-input-feedback-margin-top: var(--kite-form-control-margin-top, 0);
  --kite-date-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-date-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-date-input-picker-min-width: var(--kite-form-control-picker-min-width, 18rem);
  --kite-dialog-border-width: var(--kite-border-width-none, 0);
  --kite-dialog-width: var(--kite-dialog-full-size-width, 100%);
  --kite-dialog-height: var(--kite-dialog-full-size-height, 100%);
  --kite-dialog-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dialog-icon-height: var(--kite-size-24, 1.5rem);
  --kite-dialog-icon-width: var(--kite-size-24, 1.5rem);
  --kite-dialog-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-zindex: var(--kite-zindex-dialog, 1300);
  --kite-dialog-breakpoint-md-title-text-size: var(--kite-typography-lg-title-5-size, 1.5rem);
  --kite-dialog-breakpoint-md-title-text-line-height: var(--kite-typography-lg-title-5-line-height, 1.333);
  --kite-dialog-overlay-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-dialog-overlay-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-dialog-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-dialog-dismiss-icon-height: var(--kite-size-20, 1.25rem);
  --kite-dialog-dismiss-icon-width: var(--kite-size-20, 1.25rem);
  --kite-dialog-scrolled-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-dialog-overlay-background-color-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-dialog-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-dialog-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dialog-box-shadow: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-dialog-z-index: var(--kite-zindex-dialog, 1300);
  --kite-dropdown-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-dropdown-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-dropdown-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-dropdown-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-dropdown-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-dropdown-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-margin-right: var(--kite-size-8, 0.5rem);
  --kite-dropdown-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-dropdown-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-dropdown-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-dropdown-list-cursor: var(--kite-cursor-action, pointer);
  --kite-dropdown-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dropdown-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-dropdown-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-padding-top: var(--kite-menu-list-item-padding-top, 0.625rem);
  --kite-dropdown-list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom, 0.625rem);
  --kite-dropdown-list-item-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-dropdown-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dropdown-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-inline-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-inline-border-width: var(--kite-border-width-none, 0);
  --kite-dropdown-inline-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-list-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-dropdown-list-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-destructive-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-list-item-destructive-icon-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-dropdown-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-icon-fill: var(--kite-color-dark-blue-30, #000f1a);
  --kite-dropdown-inline-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-inline-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dynamic-hint-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dynamic-hint-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dynamic-hint-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dynamic-hint-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dynamic-hint-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-dynamic-hint-arrow-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dynamic-hint-criteria-icon-height: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-criteria-icon-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-dynamic-hint-arrow-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-dynamic-hint-criteria-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dynamic-hint-criteria-success-icon-fill-dark: var(--kite-color-green-10, #00bf1f);
  --kite-dynamic-hint-criteria-error-icon-fill-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-interactive-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-interactive-list-item-border-radius: var(--kite-interactive-list-border-radius, 0);
  --kite-interactive-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-interactive-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-interactive-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-interactive-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-interactive-list-item-hover-background-color: rgba(0, 15, 26, 0.02);
  --kite-interactive-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-interactive-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-interactive-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-interactive-list-image-border-radius: var(--kite-size-4, 0.25rem);
  --kite-interactive-list-item-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-danger-label-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-interactive-list-item-info-label-text-color-dark: var(--kite-color-blue-10, #4da4ff);
  --kite-interactive-list-item-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-interactive-list-item-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-interactive-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-action-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-disabled-action-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-text-decoration: var(--kite-link-text-decoration-line, underline);
  --kite-link-text-decoration-offset: var(--kite-size-2, 0.125rem);
  --kite-link-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-link-hover-text-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-link-press-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-link-cursor: var(--kite-cursor-action, pointer);
  --kite-link-icon-height: var(--kite-size-14, 0.875rem);
  --kite-link-icon-width: var(--kite-size-14, 0.875rem);
  --kite-link-standalone-text-decoration: var(--kite-link-standalone-text-decoration-line, none);
  --kite-link-standalone-text-weight: var(--kite-font-weight-medium, 500);
  --kite-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-active-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-link-visited-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-active-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-link-standalone-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-standalone-visited-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-standalone-active-icon-fill: var(--kite-color-dark-blue-20, #002139);
  --kite-link-standalone-hover-icon-fill: var(--kite-color-dark-blue-10, #002e52);
  --kite-link-standalone-visited-icon-fill: var(--kite-color-dark-blue-10, #002e52);
  --kite-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-border-radius: var(--kite-list-border-radius, 0);
  --kite-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-list-item-slot-start-max-width: var(--kite-list-start-max-width, 5rem);
  --kite-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-list-item-image-sm-max-width: var(--kite-size-48, 3rem);
  --kite-list-item-image-sm-max-height: var(--kite-size-48, 3rem);
  --kite-list-item-action-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-action-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-hover-background-color: rgba(0, 15, 26, 0.02);
  --kite-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-list-item-breakpoint-md-title-body-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-list-item-breakpoint-md-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-breakpoint-md-title-body-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-list-image-border-radius: var(--kite-size-4, 0.25rem);
  --kite-list-image-max-width: var(--kite-list-item-image-lg-max-width, 5rem);
  --kite-list-image-max-height: var(--kite-list-item-image-lg-max-height, 5rem);
  --kite-menu-list-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-menu-list-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-menu-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-menu-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-menu-list-item-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-width: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-height: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-trigger-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-trigger-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-trigger-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-contextual-label-trigger-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-menu-sm-trigger-padding-top: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-right: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-left: var(--kite-size-2, 0.125rem);
  --kite-menu-list-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-menu-list-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-negative-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-menu-list-item-negative-icon-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-menu-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-menu-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-fill: var(--kite-color-dark-blue-30, #000f1a);
  --kite-meter-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-tick-color: var(--kite-color-black, #000000);
  --kite-meter-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-value-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-lg-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-lg-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-lg-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-lg-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-lg-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-lg-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-height: var(--kite-meter-circular-width, 5.5rem);
  --kite-meter-circular-height-px: var(--kite-meter-circular-width-px, 88px);
  --kite-meter-circular-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-meter-circular-sm-height-px: var(--kite-meter-circular-sm-width-px, 24px);
  --kite-meter-circular-sm-tick-height: var(--kite-meter-circular-sm-track-height, 0.125rem);
  --kite-meter-circular-lg-height: var(--kite-meter-circular-lg-width, 9.25rem);
  --kite-meter-circular-lg-height-px: var(--kite-meter-circular-lg-width-px, 148px);
  --kite-meter-circular-lg-track-height-px: var(--kite-meter-circular-track-height-px, 8px);
  --kite-meter-circular-lg-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-circular-lg-value-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-accessibility-tick-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-progress-fill-background-color-dark: var(--kite-color-light-blue-20, #73b7ff);
  --kite-meter-track-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-meter-positive-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-positive-status-icon-fill-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-caution-progress-fill-background-color-dark: var(--kite-color-yellow-10, #ffd400);
  --kite-meter-caution-status-icon-fill-dark: var(--kite-color-yellow-10, #ffd400);
  --kite-meter-alert-progress-fill-background-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-meter-alert-status-icon-fill-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-meter-success-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-accessibility-tick-background-color: var(--kite-color-black, #000000);
  --kite-meter-progress-fill-background-color: var(--kite-color-light-blue-20, #73b7ff);
  --kite-meter-track-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-value-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-status-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-status-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-linear-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-linear-small-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-linear-large-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-small-accessibility-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-circular-small-accessibility-tick-height: var(--kite-size-4, 0.25rem);
  --kite-meter-circular-large-status-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-large-status-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-large-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-circular-large-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-pagination-controls-button-cursor: var(--kite-cursor-action, pointer);
  --kite-pagination-controls-button-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-controls-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-pagination-controls-button-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-controls-button-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-page-select-current-label-margin-top: var(--kite-pagination-dropdown-margin-top, 0);
  --kite-pagination-page-select-current-label-margin-bottom: var(--kite-pagination-dropdown-margin-bottom, 0);
  --kite-pagination-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-dropdown-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-placeholder-text-weight: var(--kite-font-weight-bold, 700);
  --kite-pagination-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-icon-fill: var(--kite-color-blue-20, #0271eb);
  --kite-pagination-controls-button-icon-fill-dark: var(--kite-color-blue-20, #0271eb);
  --kite-pagination-controls-button-previous-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-button-hover-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-pagination-per-page-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-pagination-item-count-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-item-count-label-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-payment-logo-border-width: var(--kite-border-width-none, 0);
  --kite-payment-logo-width: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-height: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-payment-logo-elevation: var(--kite-elevation-0, none);
  --kite-popover-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-popover-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-popover-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-popover-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-popover-breakpoint-md-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-popover-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-popover-arrow-width: var(--kite-size-16, 1rem);
  --kite-popover-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-trigger-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-trigger-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-dismiss-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-popover-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-popover-trigger-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-active-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-hover-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-arrow-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-popover-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-popover-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-border-width: var(--kite-border-width-none, 0);
  --kite-progress-indicator-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-progress-indicator-zindex: var(--kite-zindex-dialog, 1300);
  --kite-progress-indicator-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-progress-indicator-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-value-label-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-icon-width: var(--kite-size-20, 1.25rem);
  --kite-progress-indicator-button-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-circular-height: var(--kite-progress-indicator-circular-width, 2.5rem);
  --kite-progress-indicator-circular-height-px: var(--kite-progress-indicator-circular-width-px, 40px);
  --kite-progress-indicator-circular-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-circular-icon-height: var(--kite-progress-indicator-circular-icon-width, 2.75rem);
  --kite-progress-indicator-circular-sm-track-size: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-circular-sm-height-px: var(--kite-progress-indicator-circular-sm-width-px, 24px);
  --kite-progress-indicator-circular-sm-icon-height: var(--kite-progress-indicator-circular-sm-icon-width, 1.625rem);
  --kite-progress-indicator-circular-lg-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-circular-lg-height: var(--kite-progress-indicator-circular-lg-width, 5rem);
  --kite-progress-indicator-circular-lg-height-px: var(--kite-progress-indicator-circular-lg-width-px, 80px);
  --kite-progress-indicator-circular-lg-icon-height: var(--kite-progress-indicator-circular-lg-icon-width, 5rem);
  --kite-progress-indicator-lg-border-width: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-lg-status-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-lg-status-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-lg-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-lg-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-lg-sub-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-lg-sub-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-md-border-width: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-sm-border-width: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-sm-height: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-sm-width: var(--kite-size-24, 1.5rem);
  --kite-radio-border-offset: var(--kite-size-2, 0.125rem);
  --kite-radio-height: var(--kite-size-20, 1.25rem);
  --kite-radio-focus-ring-width: var(--kite-size-4, 0.25rem);
  --kite-radio-focus-ring-offset: var(--kite-size-4, 0.25rem);
  --kite-radio-selected-indicator-height: var(--kite-size-12, 0.75rem);
  --kite-radio-input-margin-top: var(--kite-size-2, 0.125rem);
  --kite-radio-input-margin-bottom: var(--kite-size-2, 0.125rem);
  --kite-radio-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color-dark: var(--kite-color-blue-20, #0271eb);
  --kite-radio-selected-indicator-background-color-dark: var(--kite-color-blue-20, #0271eb);
  --kite-radio-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-selected-disabled-center-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-selected-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-search-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-search-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-search-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-search-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-search-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-search-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-search-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-select-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-select-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-select-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-select-height: var(--kite-size-touch-target, 2.75rem);
  --kite-select-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-select-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-select-icon-height: var(--kite-size-24, 1.5rem);
  --kite-select-icon-width: var(--kite-size-24, 1.5rem);
  --kite-select-icon-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-select-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-select-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-select-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-select-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-select-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-skip-link-text-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-text-weight: var(--kite-font-weight-medium, 500);
  --kite-skip-link-border-color: var(--kite-color-blue-20, #0271eb);
  --kite-skip-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-skip-link-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-skip-link-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-skip-link-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-skip-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-focus-ring-radius: var(--kite-size-16, 1rem);
  --kite-switch-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-switch-cursor: var(--kite-cursor-action, pointer);
  --kite-switch-thumb-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-thumb-height: var(--kite-size-20, 1.25rem);
  --kite-switch-thumb-transform-x: var(--kite-size-24, 1.5rem);
  --kite-switch-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-track-border-radius: var(--kite-size-32, 2rem);
  --kite-switch-track-padding-top: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-right: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-left: var(--kite-size-2, 0.125rem);
  --kite-switch-track-height: var(--kite-size-24, 1.5rem);
  --kite-switch-track-width: var(--kite-size-48, 3rem);
  --kite-switch-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-on-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-height: var(--kite-size-20, 1.25rem);
  --kite-switch-indicator-width: var(--kite-size-20, 1.25rem);
  --kite-switch-disabled-indicator-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-switch-disabled-indicator-background-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-switch-off-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-track-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-focus-ring-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-gray-30, #63738a);
  --kite-tabs-tab-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-tab-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-panel-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-item-active-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-active-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-item-hover-border-bottom: var(--kite-color-gray-30, #63738a);
  --kite-tabs-item-hover-border-bottom-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-tabs-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-tag-text-size: var(--kite-size-14, 0.875rem);
  --kite-tag-text-weight: var(--kite-font-weight-medium, 500);
  --kite-tag-border-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-icon-size: var(--kite-size-16, 1rem);
  --kite-tag-caution-text-color: var(--kite-color-black, #000000);
  --kite-tag-negative-text-color: var(--kite-color-black, #000000);
  --kite-tag-neutral-text-color: var(--kite-color-black, #000000);
  --kite-tag-positive-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-caution-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-negative-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-neutral-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-positive-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-text-area-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-area-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-area-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-area-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-area-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-area-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-text-area-hint-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-hint-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-area-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-area-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-text-area-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-area-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-area-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-text-area-focus-ring-color-dark: var(--kite-color-blue-10, #4da4ff);
  --kite-text-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-input-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-text-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-text-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-input-secure-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-secure-icon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-text-input-secure-confirm-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-text-input-hint-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-hint-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-input-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-text-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-input-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-input-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-text-input-focus-ring-color-dark: var(--kite-color-blue-10, #4da4ff);
  --kite-text-input-secure-show-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-show-icon-width: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-show-icon-focus-ring-color-dark: var(--kite-color-blue-10, #4da4ff);
  --kite-text-input-secure-hide-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-hide-icon-width: var(--kite-size-24, 1.5rem);
  --kite-time-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-time-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-time-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-time-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-time-input-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-time-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-time-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-time-input-icon-color: var(--kite-color-blue-20, #0271eb);
  --kite-toast-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-toast-text-color: var(--kite-color-white, #ffffff);
  --kite-toast-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-toast-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-toast-transition-timing-function: var(--kite-toast-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-toast-zindex: var(--kite-zindex-notification, 1600);
  --kite-toast-icon-color: var(--kite-color-green-10, #00bf1f);
  --kite-toast-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-toast-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-toast-z-index: var(--kite-zindex-notification, 1600);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-tooltip-text-color: var(--kite-color-white, #ffffff);
  --kite-tooltip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tooltip-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-tooltip-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-tooltip-arrow-width: var(--kite-size-12, 0.75rem);
  --kite-tooltip-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-tooltip-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tooltip-arrow-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-border-radius-circle: var(--kite-size-radius-circle, 50%);
  --kite-border-radius-sm: var(--kite-size-radius-sm, 0.125rem);
  --kite-border-radius-md: var(--kite-size-radius-md, 0.25rem);
  --kite-border-radius-lg: var(--kite-size-radius-lg, 0.5rem);
  --kite-color-caution-focus: var(--kite-color-caution, #faa41a);
  --kite-color-caution-hover: var(--kite-color-caution, #faa41a);
  --kite-color-caution-press: var(--kite-color-caution, #faa41a);
  --kite-color-neutral-focus: var(--kite-color-neutral, #73b7ff);
  --kite-color-neutral-hover: var(--kite-color-neutral, #73b7ff);
  --kite-color-neutral-press: var(--kite-color-neutral, #73b7ff);
  --kite-color-positive-focus: var(--kite-color-positive, #008516);
  --kite-color-positive-hover: var(--kite-color-positive, #008516);
  --kite-color-positive-press: var(--kite-color-positive, #008516);
  --kite-color-disabled-focus: var(--kite-color-disabled, #9ba9bd);
  --kite-color-disabled-hover: var(--kite-color-disabled, #9ba9bd);
  --kite-color-disabled-press: var(--kite-color-disabled, #9ba9bd);
  --kite-font-family-default: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-font-family-heading: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-font-family-text: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-container-border-color: var(--kite-border-color, #d8dde6);
  --kite-container-border-style: var(--kite-border-style, solid);
  --kite-container-padding-top: var(--kite-spacing-md, 1rem);
  --kite-container-padding-right: var(--kite-spacing-md, 1rem);
  --kite-container-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-container-padding-left: var(--kite-spacing-md, 1rem);
  --kite-focus-ring-color: var(--kite-color-focus, #0257b2);
  --kite-focus-color: var(--kite-color-focus, #0257b2);
  --kite-font-family: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-my-component-text-color: var(--kite-color-text, #000000);
  --kite-my-component-border-color: var(--kite-border-color, #d8dde6);
  --kite-my-component-border-style: var(--kite-border-style, solid);
  --kite-my-component-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-my-component-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-my-component-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-my-component-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-my-component-list-text-color: var(--kite-color-text, #000000);
  --kite-my-component-list-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-list-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-error-background-color: var(--kite-color-error, #d6312b);
  --kite-my-component-variant-name-background-color: var(--kite-color-primary, #0271eb);
  --kite-my-component-variant-name-text-color: var(--kite-color-success, #008516);
  --kite-my-component-variant-name-margin-left: var(--kite-spacing-lg, 1.25rem);
  --kite-my-component-variant-name-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-form-control-text-color: var(--kite-color-text, #000000);
  --kite-form-control-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-border-style: var(--kite-border-style, solid);
  --kite-form-control-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-focus-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-hover-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-disabled-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-form-control-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-helper-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-addon-icon-color: var(--kite-color-primary, #0271eb);
  --kite-form-control-addon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-addon-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-helper-text-color: var(--kite-color-text-secondary, #63738a);
  --kite-form-control-label-text-color: var(--kite-color-text, #000000);
  --kite-form-control-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-feedback-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-error-border-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-error-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-form-control-error-feedback-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-background-color: var(--kite-container-background-color, #ffffff);
  --kite-form-control-picker-border-style: var(--kite-border-style, solid);
  --kite-form-control-picker-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-form-control-picker-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-form-control-picker-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-text-color: var(--kite-color-text, #000000);
  --kite-form-control-picker-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-picker-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-picker-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-picker-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-picker-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-picker-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-primary, #0271eb);
  --kite-form-control-picker-list-item-check-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-check-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-label-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-form-control-input-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-input-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-input-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-input-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-input-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-error-border-color: var(--kite-color-error, #d6312b);
  --kite-form-control-input-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-input-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-error-text-color: var(--kite-color-error, #d6312b);
  --kite-form-control-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-spacing-inline: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-md: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-xl: var(--kite-spacing-xl, 1.5rem);
  --kite-form-spacing-stack-2xl: var(--kite-spacing-2xl, 2rem);
  --kite-grid-xs-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xs-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-md-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-md-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-2xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-2xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-display-weight: var(--kite-typography-sm-display-weight, 800);
  --kite-typography-display-style: var(--kite-typography-sm-display-style, normal);
  --kite-typography-title-1-weight: var(--kite-typography-sm-title-1-weight, 800);
  --kite-typography-title-1-style: var(--kite-typography-sm-title-1-style, normal);
  --kite-typography-title-1-letter-spacing: var(--kite-typography-sm-title-1-letter-spacing, normal);
  --kite-typography-title-2-weight: var(--kite-typography-sm-title-2-weight, 700);
  --kite-typography-title-2-style: var(--kite-typography-sm-title-2-style, normal);
  --kite-typography-title-2-letter-spacing: var(--kite-typography-sm-title-2-letter-spacing, normal);
  --kite-typography-title-3-weight: var(--kite-typography-sm-title-3-weight, 700);
  --kite-typography-title-3-style: var(--kite-typography-sm-title-3-style, normal);
  --kite-typography-title-3-letter-spacing: var(--kite-typography-sm-title-3-letter-spacing, normal);
  --kite-typography-title-4-weight: var(--kite-typography-sm-title-4-weight, 500);
  --kite-typography-title-4-style: var(--kite-typography-sm-title-4-style, normal);
  --kite-typography-title-4-letter-spacing: var(--kite-typography-sm-title-4-letter-spacing, normal);
  --kite-typography-title-5-weight: var(--kite-typography-sm-title-5-weight, 500);
  --kite-typography-title-5-style: var(--kite-typography-sm-title-5-style, normal);
  --kite-typography-title-5-letter-spacing: var(--kite-typography-sm-title-5-letter-spacing, normal);
  --kite-typography-title-6-weight: var(--kite-typography-sm-title-6-weight, 500);
  --kite-typography-title-6-style: var(--kite-typography-sm-title-6-style, normal);
  --kite-typography-title-6-letter-spacing: var(--kite-typography-sm-title-6-letter-spacing, normal);
  --kite-typography-body-display-weight: var(--kite-typography-sm-body-display-weight, 400);
  --kite-typography-body-display-style: var(--kite-typography-sm-body-display-style, normal);
  --kite-typography-body-display-letter-spacing: var(--kite-typography-sm-body-display-letter-spacing, normal);
  --kite-typography-body-weight: var(--kite-typography-sm-body-weight, 400);
  --kite-typography-body-style: var(--kite-typography-sm-body-style, normal);
  --kite-typography-body-letter-spacing: var(--kite-typography-sm-body-letter-spacing, normal);
  --kite-typography-eyebrow-weight: var(--kite-typography-sm-eyebrow-weight, 700);
  --kite-typography-eyebrow-style: var(--kite-typography-sm-eyebrow-style, normal);
  --kite-typography-caption-1-weight: var(--kite-typography-sm-caption-1-weight, 400);
  --kite-typography-caption-1-style: var(--kite-typography-sm-caption-1-style, normal);
  --kite-typography-caption-1-letter-spacing: var(--kite-typography-sm-caption-1-letter-spacing, normal);
  --kite-typography-caption-2-weight: var(--kite-typography-sm-caption-2-weight, 400);
  --kite-typography-caption-2-style: var(--kite-typography-sm-caption-2-style, normal);
  --kite-typography-caption-2-letter-spacing: var(--kite-typography-sm-caption-2-letter-spacing, normal);
  --kite-typography-sm-display-letter-spacing: var(--kite-letter-spacing, normal);
  --kite-typography-sm-display-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-sm-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-display-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-caption-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-typography-caption-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-typography-sm-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-6-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-sm-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-lg-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-6-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-lg-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xxs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xxs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xxs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-md-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-md-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-md-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-1-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-title-2-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-3-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-4-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xl-body-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xl-eyebrow-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-caption-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-text-color: var(--kite-color-text, #000000);
  --kite-accordion-border-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-style: var(--kite-border-style, solid);
  --kite-accordion-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-accordion-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-accordion-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-title-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-icon-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-top-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-bottom-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-top-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-padding-bottom-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-label-text-color: var(--kite-color-text, #000000);
  --kite-accordion-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-label-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-title-text-color: var(--kite-color-text, #000000);
  --kite-accordion-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-title-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-expanded-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-expanded-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-accordion-sm-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-right: var(--kite-spacing-element-xl, 1.5rem);
  --kite-accordion-md-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-left: var(--kite-spacing-element-xl, 1.5rem);
  --kite-accordion-lg-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-lg-padding-right: var(--kite-spacing-element-xxl, 2rem);
  --kite-accordion-lg-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-lg-padding-left: var(--kite-spacing-element-xxl, 2rem);
  --kite-accordion-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-bottom-style: var(--kite-border-style, solid);
  --kite-accordion-alert-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-expanded-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-alert-text-color: var(--kite-color-text, #000000);
  --kite-alert-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-border-style: var(--kite-border-style, solid);
  --kite-alert-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-alert-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-alert-dismiss-icon-margin-left: var(--kite-spacing-md, 1rem);
  --kite-alert-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-link-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-text-color: var(--kite-color-primary, #0271eb);
  --kite-alert-link-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-icon-color: var(--kite-color-primary, #0271eb);
  --kite-alert-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-caution-status-icon-color: var(--kite-color-caution, #faa41a);
  --kite-alert-negative-border-left-color: var(--kite-color-negative, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-negative, #d6312b);
  --kite-alert-neutral-border-left-color: var(--kite-color-neutral, #73b7ff);
  --kite-alert-neutral-status-icon-color: var(--kite-color-neutral, #73b7ff);
  --kite-alert-positive-border-left-color: var(--kite-color-positive, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-positive, #008516);
  --kite-alert-global-status-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-global-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-status-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-alert-global-negative-dismiss-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-background-color: var(--kite-color-neutral, #73b7ff);
  --kite-alert-global-neutral-status-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-passive-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-breakpoint-lg-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-breakpoint-lg-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-alert-passive-entry-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-alert-passive-exit-transition-timing-function: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-alert-passive-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-passive-title-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-alert-passive-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-passive-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-alert-passive-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-alert-passive-dismiss-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-neutral-background-color: var(--kite-color-neutral-muted, #e5f2ff);
  --kite-alert-passive-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-alert-stacked-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-page-border-color: var(--kite-border-color, #d8dde6);
  --kite-alert-page-border-color-dark: var(--kite-border-color, #d8dde6);
  --kite-alert-page-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-alert-page-indicator-icon-margin-right: var(--kite-spacing-element-xs, 0.5rem);
  --kite-alert-page-link-text-color: var(--kite-color-primary, #0271eb);
  --kite-alert-page-link-text-color-dark: var(--kite-color-primary, #0271eb);
  --kite-alert-page-link-text-margin-top: var(--kite-spacing-element-xxs, 0.25rem);
  --kite-alert-page-link-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-alert-page-link-icon-fill-dark: var(--kite-color-primary, #0271eb);
  --kite-alert-page-margin-bottom: var(--kite-spacing-element-xxs, 0.25rem);
  --kite-alert-page-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-left: var(--kite-spacing-element-xs, 0.5rem);
  --kite-alert-page-text-color: var(--kite-color-text, #000000);
  --kite-alert-page-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-page-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-border-left-color-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-indicator-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-indicator-icon-fill-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-page-error-border-left-color: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-border-left-color-dark: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-indicator-icon-fill: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-indicator-icon-fill-dark: var(--kite-color-error, #d6312b);
  --kite-alert-page-info-border-left-color: var(--kite-color-info, #73b7ff);
  --kite-alert-page-info-border-left-color-dark: var(--kite-color-info, #73b7ff);
  --kite-alert-page-info-indicator-icon-fill: var(--kite-color-info, #73b7ff);
  --kite-alert-page-info-indicator-icon-fill-dark: var(--kite-color-info, #73b7ff);
  --kite-alert-page-success-border-left-color: var(--kite-color-success, #008516);
  --kite-alert-page-success-border-left-color-dark: var(--kite-color-success, #008516);
  --kite-alert-page-success-indicator-icon-fill: var(--kite-color-success, #008516);
  --kite-alert-page-success-indicator-icon-fill-dark: var(--kite-color-success, #008516);
  --kite-alert-global-indicator-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-caution-background-color-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-link-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-caution-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-error-background-color: var(--kite-color-error, #d6312b);
  --kite-alert-global-error-background-color-dark: var(--kite-color-error, #d6312b);
  --kite-alert-global-info-text-color: var(--kite-color-text, #000000);
  --kite-alert-global-info-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-info-background-color: var(--kite-color-info, #73b7ff);
  --kite-alert-global-info-background-color-dark: var(--kite-color-info, #73b7ff);
  --kite-alert-global-info-link-text-color: var(--kite-color-text, #000000);
  --kite-alert-global-info-link-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-link-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-alert-caution-status-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-alert-neutral-status-icon-fill: var(--kite-color-neutral, #73b7ff);
  --kite-alert-global-caution-status-icon-fill: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-fill: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-dismiss-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-status-icon-fill: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-fill: var(--kite-color-on-neutral, #000000);
  --kite-badge-border-radius: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-border-style: var(--kite-border-style, solid);
  --kite-badge-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-min-height: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-badge-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-badge-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-badge-tab-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-background-color-dark: var(--kite-color-negative, #d6312b);
  --kite-blockquote-text-color: var(--kite-color-text, #000000);
  --kite-blockquote-border-left-color: var(--kite-color-primary, #0271eb);
  --kite-blockquote-border-left-style: var(--kite-border-style, solid);
  --kite-blockquote-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-right: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-left: var(--kite-spacing-md, 1rem);
  --kite-blockquote-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-blockquote-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-group-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-button-group-button-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-button-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-button-background-color: var(--kite-color-primary, #0271eb);
  --kite-button-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-text-size: var(--kite-typography-body-size, 1rem);
  --kite-button-border-style: var(--kite-border-style, solid);
  --kite-button-padding-right: var(--kite-spacing-md, 1rem);
  --kite-button-padding-left: var(--kite-spacing-md, 1rem);
  --kite-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-button-focus-background-color: var(--kite-color-primary-focus, #0257b2);
  --kite-button-focus-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-hover-background-color: var(--kite-color-primary-hover, #0257b2);
  --kite-button-hover-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-press-background-color: var(--kite-color-primary-press, #0257b2);
  --kite-button-press-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-button-destructive-background-color: var(--kite-color-negative, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-button-destructive-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-destructive-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-primary-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-border-color: var(--kite-button-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-primary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-primary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-primary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-text-color: var(--kite-color-primary, #0271eb);
  --kite-button-secondary-border-color: var(--kite-color-primary, #0271eb);
  --kite-button-secondary-focus-background-color: var(--kite-color-focus, #0257b2);
  --kite-button-secondary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-hover-background-color: var(--kite-color-focus, #0257b2);
  --kite-button-secondary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-press-background-color: var(--kite-color-focus, #0257b2);
  --kite-button-secondary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-destructive-border-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-secondary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-secondary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-secondary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-borderless-text-color: var(--kite-color-primary, #0271eb);
  --kite-button-borderless-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-text-color: var(--kite-color-primary-focus, #0257b2);
  --kite-button-borderless-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-text-color: var(--kite-color-primary-hover, #0257b2);
  --kite-button-borderless-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-text-color: var(--kite-color-primary-press, #0257b2);
  --kite-button-borderless-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-border-color: var(--kite-button-borderless-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-borderless-destructive-focus-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-icon-color: var(--kite-button-borderless-destructive-focus-text-color, #b00300);
  --kite-button-borderless-destructive-hover-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-icon-color: var(--kite-button-borderless-destructive-hover-text-color, #b00300);
  --kite-button-borderless-destructive-press-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-icon-color: var(--kite-button-borderless-destructive-press-text-color, #b00300);
  --kite-button-borderless-destructive-disabled-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-icon-only-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-only-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-fill: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-button-borderless-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-button-borderless-focus-icon-fill: var(--kite-color-focus, #0257b2);
  --kite-calendar-background-color: var(--kite-container-background-color, #ffffff);
  --kite-calendar-text-color: var(--kite-color-text, #000000);
  --kite-calendar-border-color: var(--kite-border-color, #d8dde6);
  --kite-calendar-border-style: var(--kite-border-style, solid);
  --kite-calendar-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-right: var(--kite-spacing-md, 1rem);
  --kite-calendar-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-left: var(--kite-spacing-md, 1rem);
  --kite-calendar-controls-focus-text-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-controls-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-day-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-calendar-day-focus-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-selected-background-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-selected-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-day-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-calendar-day-today-text-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-today-indicator-background-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-today-indicator-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-out-range-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-day-unavailable-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-month-year-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-month-year-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-standalone-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-card-background-color: var(--kite-container-background-color, #ffffff);
  --kite-card-text-color: var(--kite-color-text, #000000);
  --kite-card-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-top-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-bottom-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-top-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-bottom-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-card-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-card-sm-min-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-margin-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-card-md-min-padding-top: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-right: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-bottom: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-left: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-card-lg-min-padding-top: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-right: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-bottom: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-left: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-margin-bottom: var(--kite-spacing-element-xl, 1.5rem);
  --kite-checkbox-text-color: var(--kite-color-text, #000000);
  --kite-checkbox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-checkbox-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-checkbox-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-right: var(--kite-spacing-md, 1rem);
  --kite-checkbox-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-left: var(--kite-spacing-md, 1rem);
  --kite-checkbox-height: var(--kite-checkbox-width, 1.25rem);
  --kite-checkbox-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-checkbox-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-checkbox-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-checkbox-selected-background-color: var(--kite-color-primary, #0271eb);
  --kite-checkbox-selected-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-disabled-icon-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-checkbox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-checkbox-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-checkbox-error-feedback-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-checkbox-error-selected-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-checkbox-group-list-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-indeterminate-icon-height: var(--kite-checkbox-selected-icon-height, 1rem);
  --kite-checkbox-indeterminate-icon-width: var(--kite-checkbox-selected-icon-width, 1rem);
  --kite-checkbox-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-selected-background-color-dark: var(--kite-color-primary, #0271eb);
  --kite-checkbox-selected-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-indeterminate-background-color-dark: var(--kite-color-primary, #0271eb);
  --kite-checkbox-indeterminate-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-group-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-chip-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-text-size: var(--kite-typography-body-size, 1rem);
  --kite-chip-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-chip-border-radius: var(--kite-border-radius-pill, 624.9375rem);
  --kite-chip-border-style: var(--kite-border-style, solid);
  --kite-chip-margin-right: var(--kite-spacing-md, 1rem);
  --kite-chip-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-chip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-chip-min-height: var(--kite-chip-height, 2rem);
  --kite-chip-focus-ring-color: var(--kite-chip-border-color, #63738a);
  --kite-chip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-chip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-chip-hover-background-color: var(--kite-chip-focus-background-color, #d8dde6);
  --kite-chip-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-selected-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-chip-disabled-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-chip-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-border-color-dark: var(--kite-chip-text-color-dark, #b8d4f2);
  --kite-chip-focus-ring-color-dark: var(--kite-chip-text-color-dark, #b8d4f2);
  --kite-chip-selected-background-color-dark: var(--kite-chip-text-color-dark, #b8d4f2);
  --kite-chip-selected-text-color-dark: var(--kite-chip-text-color, #000f1a);
  --kite-chip-selected-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-combobox-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-combobox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-combobox-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-combobox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-combobox-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-results-padding-top: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-picker-results-padding-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-combobox-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-combobox-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-data-table-background-color: var(--kite-color-background, #ffffff);
  --kite-data-table-text-color: var(--kite-color-text, #000000);
  --kite-data-table-border-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-border-style: var(--kite-border-style, solid);
  --kite-data-table-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-data-table-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-data-table-breakpoint-md-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-breakpoint-md-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-icon-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-compact-cell-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-comfortable-cell-padding-top: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-right: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-left: var(--kite-spacing-md, 1rem);
  --kite-data-table-menu-cell-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-menu-cell-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-title-row-border-bottom-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-data-table-title-row-text-color: var(--kite-color-text, #000000);
  --kite-data-table-cell-compact-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-default-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-comfortable-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-date-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-date-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-date-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-date-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-date-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-date-input-picker-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-picker-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-date-input-picker-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-date-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dialog-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dialog-text-color: var(--kite-color-text, #000000);
  --kite-dialog-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dialog-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dialog-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dialog-icon-color: var(--kite-color-text, #000000);
  --kite-dialog-breakpoint-md-title-text-weight: var(--kite-typography-lg-title-5-weight, 500);
  --kite-dialog-breakpoint-md-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-dialog-title-text-size: var(--kite-typography-title-5-size, 1.25rem);
  --kite-dialog-title-text-line-height: var(--kite-typography-title-5-line-height, 1.4);
  --kite-dialog-title-icon-height: var(--kite-dialog-icon-height, 1.5rem);
  --kite-dialog-title-icon-width: var(--kite-dialog-icon-width, 1.5rem);
  --kite-dialog-title-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dialog-content-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-group-margin-top: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-alert-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-alert-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-scrolled-border-top-color: var(--kite-border-color, #d8dde6);
  --kite-dialog-scrolled-border-top-style: var(--kite-border-style, solid);
  --kite-dialog-title-text-margin-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-dialog-full-size-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-full-size-padding-right: var(--kite-spacing-md, 1rem);
  --kite-dialog-full-size-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-full-size-padding-left: var(--kite-spacing-md, 1rem);
  --kite-dialog-default-size-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dropdown-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-dropdown-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-dropdown-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-cursor: var(--kite-form-control-cursor, pointer);
  --kite-dropdown-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dropdown-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-max-width: var(--kite-dropdown-max-width, 18rem);
  --kite-dropdown-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-dropdown-list-item-text-color: var(--kite-color-text, #000000);
  --kite-dropdown-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dropdown-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-dropdown-list-item-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-item-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dropdown-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-list-item-icon-color: var(--kite-color-primary, #0271eb);
  --kite-dropdown-list-item-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-dropdown-inline-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-dropdown-inline-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-inline-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-inline-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-inline-placeholder-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dropdown-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-offset-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-list-item-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-dropdown-inline-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-inline-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-dynamic-hint-text-color: var(--kite-color-text, #000000);
  --kite-dynamic-hint-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dynamic-hint-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dynamic-hint-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dynamic-hint-arrow-offset: var(--kite-spacing-2xl, 2rem);
  --kite-dynamic-hint-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dynamic-hint-criteria-positive-icon-color: var(--kite-color-positive, #008516);
  --kite-dynamic-hint-criteria-negative-icon-color: var(--kite-color-negative, #d6312b);
  --kite-dynamic-hint-entry-transition-duration: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-dynamic-hint-exit-transition-duration: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-dynamic-hint-criteria-success-icon-fill: var(--kite-color-success, #008516);
  --kite-dynamic-hint-criteria-error-icon-fill: var(--kite-color-error, #d6312b);
  --kite-interactive-list-text-color: var(--kite-color-text, #000000);
  --kite-interactive-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-interactive-list-border-style: var(--kite-border-style, solid);
  --kite-interactive-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-interactive-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-interactive-list-item-text-color: var(--kite-color-text, #000000);
  --kite-interactive-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-interactive-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-interactive-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-action-icon-height: var(--kite-interactive-list-item-icon-height, 1.5rem);
  --kite-interactive-list-item-action-icon-width: var(--kite-interactive-list-item-icon-width, 1.5rem);
  --kite-interactive-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-interactive-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-interactive-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-interactive-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-primary, #0271eb);
  --kite-interactive-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-interactive-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-interactive-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-start-margin-right: var(--kite-spacing-element-md, 1rem);
  --kite-interactive-list-end-margin-left: var(--kite-spacing-element-md, 1rem);
  --kite-interactive-list-item-danger-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-interactive-list-item-info-label-text-color: var(--kite-color-primary, #0271eb);
  --kite-interactive-list-item-success-label-text-color: var(--kite-color-success, #008516);
  --kite-interactive-list-md-padding-right: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-md-padding-left: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-xl-padding-right: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-xl-padding-left: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-xxl-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-xxl-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-icon-margin: var(--kite-spacing-md, 1rem);
  --kite-link-text-color: var(--kite-color-primary, #0271eb);
  --kite-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-link-hover-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-focus-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-press-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-icon-margin: var(--kite-spacing-2xs, 0.25rem);
  --kite-link-visited-text-color: var(--kite-link-hover-text-color, #002e52);
  --kite-link-visited-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-standalone-text-decoration-offset: var(--kite-link-text-decoration-offset, 0.125rem);
  --kite-link-standalone-text-decoration-thickness: var(--kite-link-text-decoration-thickness, 0.125rem);
  --kite-link-standalone-hover-icon-color: var(--kite-link-hover-text-color, #002e52);
  --kite-link-standalone-focus-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-press-icon-color: var(--kite-link-press-text-color, #002139);
  --kite-link-standalone-visited-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-link-standalone-focus-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-link-standalone-icon-height: var(--kite-link-icon-height, 0.875rem);
  --kite-link-standalone-icon-width: var(--kite-link-icon-width, 0.875rem);
  --kite-list-text-color: var(--kite-color-text, #000000);
  --kite-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-list-border-style: var(--kite-border-style, solid);
  --kite-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-caution-label-icon-color: var(--kite-color-caution, #faa41a);
  --kite-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-text-color: var(--kite-color-text, #000000);
  --kite-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-image-border-radius: var(--kite-list-image-border-radius, 0.25rem);
  --kite-list-item-image-max-width: var(--kite-list-image-max-width, 5rem);
  --kite-list-item-image-max-height: var(--kite-list-image-max-height, 5rem);
  --kite-list-item-label-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-list-item-title-text-line-height: var(--kite-typography-title-6-line-height, 1.333);
  --kite-list-item-title-body-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-title-body-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-list-item-payment-logo-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-width: var(--kite-payment-logo-width, 1.5rem);
  --kite-list-item-payment-logo-height: var(--kite-payment-logo-height, 1.5rem);
  --kite-list-item-payment-logo-shadow: var(--kite-payment-logo-elevation, none);
  --kite-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-list-item-expanded-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-list-item-expanded-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-list-item-neutral-label-text-color: var(--kite-color-primary, #0271eb);
  --kite-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-multiline-subtitle-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-list-start-margin-right: var(--kite-spacing-element-xs, 0.5rem);
  --kite-list-end-margin-left: var(--kite-spacing-element-xs, 0.5rem);
  --kite-menu-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-menu-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-border-style: var(--kite-border-style, solid);
  --kite-menu-list-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-list-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-menu-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-menu-list-item-text-color: var(--kite-color-text, #000000);
  --kite-menu-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-list-item-border-style: var(--kite-border-style, solid);
  --kite-menu-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-padding-left: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-menu-trigger-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-trigger-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-trigger-activated-background-color: var(--kite-color-primary, #0271eb);
  --kite-menu-trigger-activated-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-menu-trigger-icon-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-contextual-label-trigger-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-contextual-label-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-contextual-label-trigger-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6);
  --kite-menu-list-offset-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-meter-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-label-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-fill-color: var(--kite-color-neutral, #73b7ff);
  --kite-meter-tick-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-value-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-meter-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-meter-caution-fill-color: var(--kite-color-caution, #faa41a);
  --kite-meter-sm-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-sm-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-lg-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-lg-status-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-lg-status-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-track-color: var(--kite-meter-track-color, #d8dde6);
  --kite-meter-circular-track-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-circular-tick-color: var(--kite-meter-tick-color, #000000);
  --kite-meter-circular-tick-width: var(--kite-meter-tick-width, 0.25rem);
  --kite-meter-circular-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-sm-height: var(--kite-meter-circular-sm-width, 1.5rem);
  --kite-meter-circular-sm-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-sm-icon-width: var(--kite-meter-sm-icon-width, 0.75rem);
  --kite-meter-circular-sm-icon-height: var(--kite-meter-sm-icon-height, 0.75rem);
  --kite-meter-circular-lg-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-circular-lg-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-circular-lg-value-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-lg-icon-width: var(--kite-meter-lg-icon-width, 1rem);
  --kite-meter-circular-lg-icon-height: var(--kite-meter-lg-icon-height, 1rem);
  --kite-meter-circular-lg-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-positive-progress-fill-background-color: var(--kite-color-positive, #008516);
  --kite-meter-caution-progress-fill-background-color: var(--kite-color-caution, #faa41a);
  --kite-meter-alert-progress-fill-background-color: var(--kite-color-negative, #d6312b);
  --kite-meter-success-progress-fill-background-color: var(--kite-color-positive, #008516);
  --kite-meter-positive-status-icon-fill: var(--kite-color-positive, #008516);
  --kite-meter-caution-status-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-meter-alert-status-icon-fill: var(--kite-color-negative, #d6312b);
  --kite-meter-linear-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-linear-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-small-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-large-status-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-large-value-label-text-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-background-color: var(--kite-container-background-color, #ffffff);
  --kite-pagination-controls-border-color: var(--kite-border-color, #d8dde6);
  --kite-pagination-controls-border-style: var(--kite-border-style, solid);
  --kite-pagination-controls-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-controls-margin-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-text-size: var(--kite-typography-body-size, 1rem);
  --kite-pagination-controls-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-pagination-controls-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-pagination-controls-button-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-controls-button-icon-color: var(--kite-color-primary, #0271eb);
  --kite-pagination-page-select-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-select-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-current-label-text-weight: var(--kite-pagination-dropdown-placeholder-text-weight, 700);
  --kite-pagination-dropdown-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-pagination-count-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-size-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-size-label-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-per-page-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-per-page-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-item-count-label-margin-right: var(--kite-spacing-md, 1rem);
  --kite-payment-logo-background-color: var(--kite-container-background-color, #ffffff);
  --kite-payment-logo-text-color: var(--kite-color-text, #000000);
  --kite-payment-logo-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-payment-logo-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-text-color: var(--kite-color-text, #000000);
  --kite-popover-text-size: var(--kite-typography-body-size, 1rem);
  --kite-popover-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-arrow-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-popover-arrow-offset: var(--kite-spacing-md, 1rem);
  --kite-popover-trigger-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-color: var(--kite-color-primary, #0271eb);
  --kite-popover-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-popover-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-popover-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-link-margin-top: var(--kite-spacing-sm, 0.75rem);
  --kite-popover-dismiss-icon-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-popover-trigger-active-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-popover-trigger-focus-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-popover-trigger-hover-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-progress-indicator-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-progress-indicator-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-progress-indicator-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-label-text-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-fill-color: var(--kite-color-primary, #0271eb);
  --kite-progress-indicator-backdrop-background-color: var(--kite-color-background, #ffffff);
  --kite-progress-indicator-value-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-icon-height: var(--kite-progress-indicator-icon-width, 1.25rem);
  --kite-progress-indicator-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-progress-indicator-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-progress-indicator-button-margin-top: var(--kite-spacing-md, 1rem);
  --kite-progress-indicator-circular-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-circular-label-text-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-sm-height: var(--kite-progress-indicator-circular-sm-width, 1.5rem);
  --kite-progress-indicator-lg-status-text-color: var(--kite-color-primary, #0271eb);
  --kite-progress-indicator-lg-status-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-lg-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-lg-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-lg-sub-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-text-color: var(--kite-color-text, #000000);
  --kite-radio-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-radio-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-radio-width: var(--kite-radio-height, 1.25rem);
  --kite-radio-selected-border-color: var(--kite-color-primary, #0271eb);
  --kite-radio-selected-focus-ring-width: var(--kite-radio-focus-ring-width, 0.25rem);
  --kite-radio-selected-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-radio-selected-indicator-width: var(--kite-radio-selected-indicator-height, 0.75rem);
  --kite-radio-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-radio-cursor: var(--kite-form-control-cursor, pointer);
  --kite-radio-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-radio-group-legend-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-group-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-radio-selected-disabled-center-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-search-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-search-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-search-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-search-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-search-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-search-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-search-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-select-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-select-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-select-cursor: var(--kite-form-control-cursor, pointer);
  --kite-select-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-select-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-skip-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-skip-link-border-style: var(--kite-border-style, solid);
  --kite-skip-link-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-skip-link-padding-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-right: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-left: var(--kite-spacing-md, 1rem);
  --kite-skip-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-skip-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-skip-link-stacked-margin-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-spacing-stack: var(--kite-spacing-md, 1rem);
  --kite-switch-text-color: var(--kite-color-text, #000000);
  --kite-switch-focus-ring-color: var(--kite-switch-track-background-color, #63738a);
  --kite-switch-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-switch-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-switch-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-switch-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-switch-thumb-width: var(--kite-switch-thumb-height, 1.25rem);
  --kite-switch-label-text-color: var(--kite-color-text, #000000);
  --kite-switch-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-switch-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-switch-label-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-switch-on-track-background-color: var(--kite-color-primary, #0271eb);
  --kite-switch-on-thumb-background-color: var(--kite-color-on-primary, #ffffff);
  --kite-switch-on-track-background-color-dark: var(--kite-color-primary, #0271eb);
  --kite-switch-disabled-label-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-group-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-switch-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-switch-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-text-color: var(--kite-color-text, #000000);
  --kite-tabs-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tabs-tab-text-color: var(--kite-color-text, #000000);
  --kite-tabs-tab-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-tab-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-tabs-tab-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-tab-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-tab-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-tab-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-tab-selected-text-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-tab-selected-border-bottom-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-tab-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-panel-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-panel-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-panel-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-item-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-item-min-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-item-min-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-item-min-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-item-min-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-item-text-color: var(--kite-color-text, #000000);
  --kite-tabs-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-item-active-text-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-item-active-border-bottom-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-item-active-border-bottom-color-dark: var(--kite-color-primary, #0271eb);
  --kite-tabs-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tag-group-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-tag-text-color: var(--kite-color-text, #000000);
  --kite-tag-border-style: var(--kite-border-style, solid);
  --kite-tag-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tag-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tag-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-tag-caution-border-color: var(--kite-color-caution, #faa41a);
  --kite-tag-caution-icon-color: var(--kite-tag-caution-text-color, #000000);
  --kite-tag-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-tag-negative-border-color: var(--kite-color-negative, #d6312b);
  --kite-tag-neutral-background-color: var(--kite-color-neutral-muted, #e5f2ff);
  --kite-tag-neutral-border-color: var(--kite-color-neutral, #73b7ff);
  --kite-tag-neutral-icon-color: var(--kite-tag-neutral-text-color, #000000);
  --kite-tag-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-tag-positive-border-color: var(--kite-color-positive, #008516);
  --kite-tag-positive-icon-color: var(--kite-tag-positive-text-color, #000000);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-text-color, #000000);
  --kite-tag-solid-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-tag-solid-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-tag-solid-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-tag-solid-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-tag-solid-neutral-background-color: var(--kite-color-neutral, #73b7ff);
  --kite-tag-solid-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-tag-solid-positive-background-color: var(--kite-color-positive, #008516);
  --kite-tag-solid-positive-text-color: var(--kite-color-on-positive, #ffffff);
  --kite-text-area-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-area-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-area-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-area-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-area-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-area-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-area-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-area-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-area-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-area-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-area-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-area-border-color-dark: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-text-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-text-input-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-input-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-input-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-input-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-input-secure-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-secure-confirm-icon-color: var(--kite-color-positive, #008516);
  --kite-text-input-border-color-dark: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-secure-confirm-icon-color-dark: var(--kite-color-success, #008516);
  --kite-text-input-secure-show-icon-color: var(--kite-color-primary, #0271eb);
  --kite-text-input-secure-show-icon-color-dark: var(--kite-color-primary, #0271eb);
  --kite-text-input-secure-show-icon-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-text-input-secure-show-icon-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-text-input-secure-hide-icon-color: var(--kite-color-primary, #0271eb);
  --kite-text-input-secure-hide-icon-color-dark: var(--kite-color-primary, #0271eb);
  --kite-time-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-time-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-time-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-time-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-time-input-icon-size: var(--kite-spacing-xl, 1.5rem);
  --kite-time-input-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-time-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-time-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-toast-text-size: var(--kite-typography-body-size, 1rem);
  --kite-toast-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-toast-border-style: var(--kite-border-style, solid);
  --kite-toast-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-toast-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-toast-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-toast-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-toast-offset: var(--kite-spacing-2xl, 2rem);
  --kite-toast-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-toast-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-tooltip-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-tooltip-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-tooltip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-right: var(--kite-spacing-md, 1rem);
  --kite-tooltip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-left: var(--kite-spacing-md, 1rem);
  --kite-tooltip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tooltip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tooltip-arrow-background-color: var(--kite-tooltip-background-color, #000f1a);
  --kite-tooltip-entry-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-exit-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-entry-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-curve: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-border-radius: var(--kite-border-radius-sm, 0.125rem);
  --kite-container-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-my-component-icon-color: var(--kite-my-component-text-color, #000000);
  --kite-form-control-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-control-focus-border-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-control-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-form-control-picker-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-form-control-picker-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-picker-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-form-control-picker-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-form-control-picker-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-form-control-picker-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-form-control-picker-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-form-control-picker-list-item-border-style: var(--kite-form-control-picker-border-style, solid);
  --kite-form-control-picker-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-control-picker-list-item-negative-icon-color: var(--kite-form-control-picker-list-item-negative-text-color, #d6312b);
  --kite-form-control-input-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-spacing-stack: var(--kite-form-spacing-stack-xl, 1.5rem);
  --kite-typography-display-letter-spacing: var(--kite-typography-sm-display-letter-spacing, normal);
  --kite-typography-display-margin-bottom: var(--kite-typography-sm-display-margin-bottom, 1rem);
  --kite-typography-title-1-margin-bottom: var(--kite-typography-sm-title-1-margin-bottom, 0.75rem);
  --kite-typography-title-2-margin-bottom: var(--kite-typography-sm-title-2-margin-bottom, 0.5rem);
  --kite-typography-title-3-margin-bottom: var(--kite-typography-sm-title-3-margin-bottom, 0.5rem);
  --kite-typography-title-4-margin-bottom: var(--kite-typography-sm-title-4-margin-bottom, 0.5rem);
  --kite-typography-title-5-margin-bottom: var(--kite-typography-sm-title-5-margin-bottom, 0.25rem);
  --kite-typography-title-6-margin-bottom: var(--kite-typography-sm-title-6-margin-bottom, 0.25rem);
  --kite-typography-body-display-margin-bottom: var(--kite-typography-sm-body-display-margin-bottom, 1.5rem);
  --kite-typography-body-margin-bottom: var(--kite-typography-sm-body-margin-bottom, 1rem);
  --kite-typography-eyebrow-letter-spacing: var(--kite-typography-sm-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-eyebrow-margin-bottom: var(--kite-typography-sm-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-caption-1-margin-bottom: var(--kite-typography-sm-caption-1-margin-bottom, 0.75rem);
  --kite-typography-caption-2-margin-bottom: var(--kite-typography-sm-caption-2-margin-bottom, 0.75rem);
  --kite-typography-caption-weight: var(--kite-typography-caption-1-weight, 400);
  --kite-typography-caption-style: var(--kite-typography-caption-1-style, normal);
  --kite-typography-caption-letter-spacing: var(--kite-typography-caption-1-letter-spacing, normal);
  --kite-accordion-border-width: var(--kite-border-width, 0.0625rem);
  --kite-accordion-padding-top: var(--kite-accordion-padding-top-sm, 1rem);
  --kite-accordion-padding-right: var(--kite-accordion-padding-right-sm, 1rem);
  --kite-accordion-padding-bottom: var(--kite-accordion-padding-bottom-sm, 1rem);
  --kite-accordion-padding-left: var(--kite-accordion-padding-left-sm, 1rem);
  --kite-accordion-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-accordion-icon-color: var(--kite-accordion-title-text-color, #000000);
  --kite-accordion-icon-transition-timing-function: var(--kite-accordion-icon-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-accordion-expanded-transition-timing-function: var(--kite-accordion-expanded-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-text-weight: var(--kite-typography-body-weight, 400);
  --kite-alert-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-alert-border-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-dismiss-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-link-text-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-title-letter-spacing: var(--kite-typography-body-letter-spacing, normal);
  --kite-alert-passive-caution-status-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-page-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-badge-border-width: var(--kite-border-width, 0.0625rem);
  --kite-badge-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-blockquote-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-button-group-item-margin-right: var(--kite-button-group-button-margin-right, 1.5rem);
  --kite-button-group-item-margin-bottom: var(--kite-button-group-button-margin-bottom, 1rem);
  --kite-button-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-button-border-width: var(--kite-border-width, 0.0625rem);
  --kite-button-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-button-focus-ring-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-button-focus-icon-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-hover-icon-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-press-icon-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-disabled-icon-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-icon-color: var(--kite-button-text-color, #ffffff);
  --kite-button-destructive-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-button-destructive-icon-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-background-color: var(--kite-button-background-color, #0271eb);
  --kite-button-primary-border-style: var(--kite-button-border-style, solid);
  --kite-button-primary-text-color: var(--kite-button-text-color, #ffffff);
  --kite-button-primary-press-background-color: var(--kite-button-press-background-color, #0257b2);
  --kite-button-primary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-primary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-background-color: var(--kite-button-focus-background-color, #0257b2);
  --kite-button-primary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-primary-hover-background-color: var(--kite-button-hover-background-color, #0257b2);
  --kite-button-primary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-primary-destructive-background-color: var(--kite-button-destructive-background-color, #d6312b);
  --kite-button-primary-destructive-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-background-color: var(--kite-button-destructive-disabled-background-color, #d8dde6);
  --kite-button-primary-destructive-disabled-border-color: var(--kite-button-destructive-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-icon-color: var(--kite-button-secondary-text-color, #0271eb);
  --kite-button-secondary-border-style: var(--kite-button-border-style, solid);
  --kite-button-secondary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-secondary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-secondary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-icon-color: var(--kite-button-secondary-destructive-text-color, #d6312b);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-style: var(--kite-button-border-style, solid);
  --kite-button-borderless-icon-color: var(--kite-button-borderless-text-color, #0271eb);
  --kite-button-borderless-focus-icon-color: var(--kite-button-borderless-focus-text-color, #0257b2);
  --kite-button-borderless-hover-icon-color: var(--kite-button-borderless-hover-text-color, #0257b2);
  --kite-button-borderless-press-icon-color: var(--kite-button-borderless-press-text-color, #0257b2);
  --kite-button-borderless-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-icon-color: var(--kite-button-borderless-destructive-text-color, #d6312b);
  --kite-button-borderless-destructive-focus-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-calendar-border-width: var(--kite-border-width, 0.0625rem);
  --kite-calendar-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-calendar-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-calendar-controls-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-due-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-calendar-day-out-month-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-out-range-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-standalone-background-color: var(--kite-card-background-color, #ffffff);
  --kite-card-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-card-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-card-border-style: var(--kite-container-border-style, solid);
  --kite-card-padding-top: var(--kite-card-padding-top-sm, 1rem);
  --kite-card-padding-right: var(--kite-card-padding-right-sm, 1rem);
  --kite-card-padding-bottom: var(--kite-card-padding-bottom-sm, 1rem);
  --kite-card-padding-left: var(--kite-card-padding-left-sm, 1rem);
  --kite-card-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-checkbox-border-style: var(--kite-form-control-border-style, solid);
  --kite-checkbox-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-checkbox-focus-ring-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-checkbox-selected-disabled-icon-color: var(--kite-checkbox-disabled-icon-color, #d8dde6);
  --kite-checkbox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-checkbox-disabled-label-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-checkbox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-checkbox-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-checkbox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-checkbox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-checkbox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-checkbox-group-checkbox-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-checkbox-indeterminate-background-color: var(--kite-checkbox-selected-background-color, #0271eb);
  --kite-checkbox-indeterminate-icon-color: var(--kite-checkbox-selected-icon-color, #ffffff);
  --kite-checkbox-indeterminate-disabled-background-color: var(--kite-checkbox-selected-disabled-background-color, #9ba9bd);
  --kite-chip-border-width: var(--kite-border-width, 0.0625rem);
  --kite-chip-selected-padding-top: var(--kite-chip-padding-top, 0.25rem);
  --kite-chip-selected-padding-bottom: var(--kite-chip-padding-bottom, 0.25rem);
  --kite-combobox-text-color: var(--kite-form-control-text-color, #000000);
  --kite-combobox-border-style: var(--kite-form-control-border-style, solid);
  --kite-combobox-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-combobox-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-combobox-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-combobox-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-combobox-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-combobox-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-combobox-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-combobox-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-combobox-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-combobox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-combobox-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-combobox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-combobox-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-combobox-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-combobox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-combobox-picker-offset-y: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-combobox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-combobox-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-combobox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-data-table-border-width: var(--kite-border-width, 0.0625rem);
  --kite-data-table-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-data-table-header-text-color: var(--kite-data-table-text-color, #000000);
  --kite-data-table-header-border-bottom-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-header-border-bottom-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-cell-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-padding-top: var(--kite-data-table-padding-top, 0.75rem);
  --kite-data-table-cell-padding-right: var(--kite-data-table-padding-right, 0.75rem);
  --kite-data-table-cell-padding-bottom: var(--kite-data-table-padding-bottom, 0.75rem);
  --kite-data-table-cell-padding-left: var(--kite-data-table-padding-left, 0.75rem);
  --kite-data-table-cell-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-cell-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-data-table-row-background-color: var(--kite-data-table-background-color, #ffffff);
  --kite-data-table-row-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-row-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-row-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-row-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-date-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-date-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-date-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-date-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-date-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-date-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-date-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-date-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-date-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-date-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-date-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-date-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-date-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-date-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0271eb);
  --kite-date-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-date-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-date-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-date-input-picker-offset: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-date-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-date-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-date-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-date-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-date-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dialog-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-dialog-border-style: var(--kite-container-border-style, solid);
  --kite-dialog-padding-top: var(--kite-dialog-full-size-padding-top, 3rem);
  --kite-dialog-padding-right: var(--kite-dialog-full-size-padding-right, 1rem);
  --kite-dialog-padding-bottom: var(--kite-dialog-full-size-padding-bottom, 1.25rem);
  --kite-dialog-padding-left: var(--kite-dialog-full-size-padding-left, 1rem);
  --kite-dialog-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dialog-breakpoint-md-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dialog-title-text-weight: var(--kite-typography-title-5-weight, 500);
  --kite-dialog-dismiss-icon-color: var(--kite-dialog-icon-color, #000000);
  --kite-dialog-scrolled-border-top-width: var(--kite-border-width, 0.0625rem);
  --kite-dialog-default-size-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-dropdown-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-dropdown-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-dropdown-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-dropdown-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-dropdown-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-dropdown-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-dropdown-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-dropdown-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-dropdown-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-dropdown-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-dropdown-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-dropdown-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-dropdown-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-dropdown-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-dropdown-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-dropdown-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dropdown-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-dropdown-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-dropdown-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dropdown-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-dropdown-inline-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-inline-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-inline-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dropdown-inline-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-dynamic-hint-background-color: var(--kite-card-background-color, #ffffff);
  --kite-dynamic-hint-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dynamic-hint-criteria-text-size: var(--kite-dynamic-hint-text-size, 1rem);
  --kite-dynamic-hint-criteria-text-color: var(--kite-dynamic-hint-text-color, #000000);
  --kite-interactive-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-interactive-list-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-interactive-list-item-border-color: var(--kite-interactive-list-border-color, #d8dde6);
  --kite-interactive-list-item-border-style: var(--kite-interactive-list-border-style, solid);
  --kite-interactive-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-interactive-list-item-padding-top-sm: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-sm: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-padding-top-md: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-md: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-padding-top-lg: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-lg: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-icon-color: var(--kite-interactive-list-item-text-color, #000000);
  --kite-interactive-list-item-label-text-color: var(--kite-interactive-list-item-text-color, #000000);
  --kite-interactive-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-interactive-list-item-disabled-icon-color: var(--kite-interactive-list-item-disabled-text-color, #9ba9bd);
  --kite-interactive-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-link-text-weight: var(--kite-typography-body-weight, 400);
  --kite-link-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-link-focus-text-color: var(--kite-link-text-color, #0271eb);
  --kite-link-icon-color: var(--kite-link-text-color, #0271eb);
  --kite-link-standalone-visited-icon-color: var(--kite-link-visited-text-color, #002e52);
  --kite-link-standalone-icon-margin-left: var(--kite-link-icon-margin, 0.25rem);
  --kite-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-list-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-list-item-border-color: var(--kite-list-border-color, #d8dde6);
  --kite-list-item-border-style: var(--kite-list-border-style, solid);
  --kite-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-list-item-padding-top-sm: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-sm: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-md: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-md: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-lg: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-lg: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-slot-start-margin-right: var(--kite-list-start-margin-right, 0.5rem);
  --kite-list-item-slot-end-margin-left: var(--kite-list-end-margin-left, 0.5rem);
  --kite-list-item-icon-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-label-text-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-list-item-disabled-icon-color: var(--kite-list-item-disabled-text-color, #9ba9bd);
  --kite-list-item-expandable-content-padding-right: var(--kite-list-item-padding-right, 0.5rem);
  --kite-list-item-expandable-content-padding-bottom: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-expandable-content-padding-left: var(--kite-list-item-padding-left, 0.5rem);
  --kite-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-menu-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-menu-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-menu-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-menu-trigger-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-trigger-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-menu-contextual-label-trigger-padding-right: var(--kite-menu-trigger-padding-right, 0.75rem);
  --kite-menu-contextual-label-trigger-padding-left: var(--kite-menu-trigger-padding-left, 0.75rem);
  --kite-menu-contextual-label-trigger-activated-label-text-color: var(--kite-menu-trigger-activated-icon-color, #ffffff);
  --kite-menu-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-meter-icon-color: var(--kite-meter-fill-color, #73b7ff);
  --kite-meter-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-positive-icon-color: var(--kite-meter-positive-fill-color, #008516);
  --kite-meter-negative-icon-color: var(--kite-meter-negative-fill-color, #d6312b);
  --kite-meter-caution-icon-color: var(--kite-meter-caution-fill-color, #faa41a);
  --kite-meter-sm-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-lg-track-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-meter-circular-track-margin-bottom: var(--kite-meter-track-margin-bottom, 0.25rem);
  --kite-meter-circular-fill-color: var(--kite-meter-fill-color, #73b7ff);
  --kite-meter-circular-tick-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-sm-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-sm-value-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-value-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-lg-track-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-lg-tick-width: var(--kite-meter-circular-tick-width, 0.25rem);
  --kite-meter-linear-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-linear-small-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-linear-large-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-pagination-controls-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-border-width: var(--kite-border-width, 0.0625rem);
  --kite-pagination-controls-button-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-pagination-controls-button-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-pagination-page-select-current-label-margin-right: var(--kite-pagination-dropdown-margin-right, 0.25rem);
  --kite-pagination-page-select-current-label-margin-left: var(--kite-pagination-dropdown-margin-left, 0.25rem);
  --kite-pagination-dropdown-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-button-previous-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-previous-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-payment-logo-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-popover-background-color: var(--kite-card-background-color, #ffffff);
  --kite-popover-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-popover-trigger-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-popover-trigger-focus-ring-radius: var(--kite-border-radius-circle, 50%);
  --kite-popover-trigger-hover-icon-color: var(--kite-popover-trigger-icon-color, #0271eb);
  --kite-popover-dismiss-icon-color: var(--kite-popover-text-color, #000000);
  --kite-progress-indicator-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-progress-indicator-value-label-color: var(--kite-progress-indicator-fill-color, #0271eb);
  --kite-progress-indicator-secondary-label-weight: var(--kite-typography-body-weight, 400);
  --kite-progress-indicator-positive-icon-color: var(--kite-progress-indicator-positive-fill-color, #008516);
  --kite-progress-indicator-negative-icon-color: var(--kite-progress-indicator-negative-fill-color, #d6312b);
  --kite-progress-indicator-circular-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-progress-indicator-lg-sub-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-radio-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-radio-border-style: var(--kite-form-control-border-style, solid);
  --kite-radio-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-radio-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-radio-selected-border-width: var(--kite-radio-border-width, 0.125rem);
  --kite-radio-selected-disabled-indicator-background-color: var(--kite-radio-selected-disabled-border-color, #9ba9bd);
  --kite-radio-selected-indicator-background-color: var(--kite-radio-selected-border-color, #0271eb);
  --kite-radio-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-radio-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-radio-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-radio-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-radio-group-margin-top: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-radio-group-margin-bottom: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-search-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-search-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-search-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-search-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-search-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-search-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-search-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-search-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-search-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-search-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-search-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0271eb);
  --kite-search-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-search-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-search-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-search-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-search-input-placeholder-margin-right: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-placeholder-margin-left: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-search-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-text-color: var(--kite-form-control-text-color, #000000);
  --kite-select-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-select-border-style: var(--kite-form-control-border-style, solid);
  --kite-select-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-select-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-select-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-select-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-select-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-select-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-select-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-select-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-select-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-select-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-select-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-select-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-select-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-select-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-select-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-select-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-select-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-select-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-skip-link-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-skip-link-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-switch-transition-timing-function: var(--kite-switch-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-switch-thumb-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-switch-on-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-switch-indicator-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-tabs-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tabs-transition-timing-function: var(--kite-tabs-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-tab-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-tab-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tabs-panel-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tabs-item-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tag-border-width: var(--kite-border-width, 0.0625rem);
  --kite-tag-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tag-icon-color: var(--kite-tag-text-color, #000000);
  --kite-tag-negative-icon-color: var(--kite-tag-negative-border-color, #d6312b);
  --kite-tag-solid-caution-icon-color: var(--kite-tag-solid-caution-text-color, #000000);
  --kite-tag-solid-negative-icon-color: var(--kite-tag-solid-negative-text-color, #ffffff);
  --kite-tag-solid-neutral-icon-color: var(--kite-tag-solid-neutral-text-color, #000000);
  --kite-tag-solid-positive-icon-color: var(--kite-tag-solid-positive-text-color, #ffffff);
  --kite-text-area-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-area-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-area-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-area-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-area-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-area-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-area-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-area-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-area-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-area-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-area-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-area-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-area-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-area-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-area-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-area-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-area-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-area-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-area-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-area-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-area-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-area-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-area-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-input-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0271eb);
  --kite-text-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-text-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-text-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-input-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-secure-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-icon-height: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-confirm-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-secure-show-icon-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-time-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-time-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-time-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-time-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-time-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-time-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-time-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-time-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-time-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-time-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-time-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-time-input-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-time-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-time-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-time-input-label-color: var(--kite-form-control-label-text-color, #000000);
  --kite-time-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-time-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-time-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-time-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-toast-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-toast-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tooltip-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tooltip-entry-transition-timing-function: var(--kite-tooltip-entry-transition-curve, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-timing-function: var(--kite-tooltip-exit-transition-curve, cubic-bezier(0.42, 0, 1, 1));
  --kite-container-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-my-component-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-form-control-picker-list-item-border-color: var(--kite-form-control-picker-border-color, #d8dde6);
  --kite-form-control-picker-list-item-border-width: var(--kite-form-control-picker-border-width, 0.0625rem);
  --kite-typography-caption-margin-bottom: var(--kite-typography-caption-1-margin-bottom, 0.75rem);
  --kite-alert-passive-border-radius: var(--kite-alert-border-radius, 0.25rem);
  --kite-button-destructive-focus-icon-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-destructive-hover-icon-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-destructive-press-icon-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-destructive-disabled-icon-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-primary-icon-color: var(--kite-button-primary-text-color, #ffffff);
  --kite-button-primary-press-icon-color: var(--kite-button-primary-press-text-color, #ffffff);
  --kite-button-primary-disabled-icon-color: var(--kite-button-primary-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-icon-color: var(--kite-button-primary-focus-text-color, #ffffff);
  --kite-button-primary-hover-icon-color: var(--kite-button-primary-hover-text-color, #ffffff);
  --kite-button-primary-destructive-icon-color: var(--kite-button-primary-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-text-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-secondary-focus-icon-color: var(--kite-button-secondary-focus-text-color, #ffffff);
  --kite-button-secondary-hover-icon-color: var(--kite-button-secondary-hover-text-color, #ffffff);
  --kite-button-secondary-press-icon-color: var(--kite-button-secondary-press-text-color, #ffffff);
  --kite-button-secondary-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-secondary-destructive-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-borderless-disabled-icon-color: var(--kite-button-borderless-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-disabled-icon-color: var(--kite-button-borderless-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-icon-fill: var(--kite-button-icon-color, #ffffff);
  --kite-button-primary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff);
  --kite-button-primary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-button-primary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff);
  --kite-button-primary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff);
  --kite-button-secondary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff);
  --kite-button-secondary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-button-secondary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff);
  --kite-button-secondary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff);
  --kite-button-borderless-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-calendar-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-calendar-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-calendar-standalone-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-calendar-standalone-border-style: var(--kite-card-border-style, solid);
  --kite-calendar-standalone-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-card-border-width: var(--kite-container-border-width, 0.0625rem);
  --kite-checkbox-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-checkbox-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-checkbox-selected-disabled-border-color: var(--kite-checkbox-disabled-border-color, #9ba9bd);
  --kite-checkbox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-checkbox-error-feedback-icon-color: var(--kite-checkbox-error-feedback-text-color, #d6312b);
  --kite-checkbox-error-selected-background-color: var(--kite-checkbox-error-border-color, #d6312b);
  --kite-checkbox-indeterminate-disabled-icon-color: var(--kite-checkbox-selected-disabled-icon-color, #d8dde6);
  --kite-combobox-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-combobox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-data-table-header-border-bottom-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-focus-ring-color: var(--kite-data-table-focus-ring-color, #0257b2);
  --kite-data-table-row-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-row-focus-ring-color: var(--kite-data-table-focus-ring-color, #0257b2);
  --kite-data-table-sticky-column-background-color: var(--kite-data-table-row-background-color, #ffffff);
  --kite-date-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-date-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-dropdown-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-dropdown-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-dropdown-focus-ring-style: var(--kite-select-focus-ring-style, solid);
  --kite-dropdown-focus-ring-width: var(--kite-select-focus-ring-width, 0.125rem);
  --kite-dropdown-icon-color: var(--kite-dropdown-text-color, #000000);
  --kite-dropdown-inline-disabled-icon-color: var(--kite-dropdown-inline-disabled-text-color, #9ba9bd);
  --kite-dropdown-inline-placeholder-text-color: var(--kite-dropdown-inline-text-color, #000000);
  --kite-dynamic-hint-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-dynamic-hint-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-dynamic-hint-border-style: var(--kite-card-border-style, solid);
  --kite-dynamic-hint-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-dynamic-hint-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-dynamic-hint-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-dynamic-hint-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-dynamic-hint-arrow-background-color: var(--kite-dynamic-hint-background-color, #ffffff);
  --kite-interactive-list-item-border-width: var(--kite-interactive-list-border-width, 0.0625rem);
  --kite-interactive-list-item-action-icon-color: var(--kite-interactive-list-item-icon-color, #000000);
  --kite-interactive-list-item-disabled-action-icon-color: var(--kite-interactive-list-item-disabled-icon-color, #9ba9bd);
  --kite-link-standalone-focus-icon-color: var(--kite-link-focus-text-color, #0271eb);
  --kite-link-standalone-icon-color: var(--kite-link-icon-color, #0271eb);
  --kite-list-item-border-width: var(--kite-list-border-width, 0.0625rem);
  --kite-list-item-caution-label-text-color: var(--kite-list-item-label-text-color, #000000);
  --kite-list-item-action-icon-color: var(--kite-list-item-icon-color, #000000);
  --kite-list-item-disabled-action-icon-color: var(--kite-list-item-disabled-icon-color, #9ba9bd);
  --kite-meter-circular-icon-color: var(--kite-meter-circular-fill-color, #73b7ff);
  --kite-meter-circular-lg-tick-height: var(--kite-meter-circular-lg-track-height, 0.5rem);
  --kite-pagination-controls-button-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-pagination-controls-button-previous-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-popover-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-popover-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-popover-border-style: var(--kite-card-border-style, solid);
  --kite-popover-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-popover-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-popover-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-popover-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-popover-arrow-background-color: var(--kite-popover-background-color, #ffffff);
  --kite-popover-trigger-focus-icon-color: var(--kite-popover-trigger-hover-icon-color, #0271eb);
  --kite-popover-trigger-expanded-icon-color: var(--kite-popover-trigger-hover-icon-color, #0271eb);
  --kite-radio-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-radio-focus-ring-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-selected-border-style: var(--kite-radio-border-style, solid);
  --kite-radio-selected-focus-ring-style: var(--kite-radio-focus-ring-style, solid);
  --kite-radio-selected-indicator-border-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-search-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-search-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-select-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-select-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-select-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-switch-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-tag-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-text-area-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-area-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-area-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-text-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-input-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-text-input-secure-icon-color: var(--kite-text-input-addon-icon-color, #0271eb);
  --kite-text-input-secure-icon-focus-ring-style: var(--kite-text-input-focus-ring-style, solid);
  --kite-text-input-secure-icon-focus-ring-width: var(--kite-text-input-focus-ring-width, 0.125rem);
  --kite-text-input-secure-confirm-icon-margin-right: var(--kite-text-input-addon-padding-right, 0.5rem);
  --kite-text-input-secure-visible-icon-height: var(--kite-text-input-secure-icon-height, 1.5rem);
  --kite-text-input-secure-visible-icon-width: var(--kite-text-input-secure-icon-width, 1.5rem);
  --kite-time-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-time-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-time-input-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-tooltip-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-tooltip-border-style: var(--kite-card-border-style, solid);
  --kite-button-primary-destructive-focus-icon-color: var(--kite-button-primary-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-icon-color: var(--kite-button-primary-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-icon-color: var(--kite-button-primary-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-icon-color: var(--kite-button-primary-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-icon-color: var(--kite-button-secondary-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-icon-color: var(--kite-button-secondary-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-icon-color: var(--kite-button-secondary-destructive-press-text-color, #ffffff);
  --kite-calendar-standalone-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-checkbox-indeterminate-disabled-border-color: var(--kite-checkbox-selected-disabled-border-color, #9ba9bd);
  --kite-dropdown-focus-ring-color: var(--kite-select-focus-ring-color, #0257b2);
  --kite-dynamic-hint-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-dynamic-hint-arrow-border-color: var(--kite-dynamic-hint-border-color, #d8dde6);
  --kite-dynamic-hint-arrow-border-style: var(--kite-dynamic-hint-border-style, solid);
  --kite-popover-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-popover-arrow-border-color: var(--kite-popover-border-color, #d8dde6);
  --kite-popover-arrow-border-style: var(--kite-popover-border-style, solid);
  --kite-radio-selected-focus-ring-color: var(--kite-radio-focus-ring-color, #0257b2);
  --kite-text-input-secure-icon-focus-ring-color: var(--kite-text-input-focus-ring-color, #0257b2);
  --kite-text-input-secure-unmasked-icon-height: var(--kite-text-input-secure-visible-icon-height, 1.5rem);
  --kite-text-input-secure-unmasked-icon-width: var(--kite-text-input-secure-visible-icon-width, 1.5rem);
  --kite-text-input-secure-visible-icon-color: var(--kite-text-input-secure-icon-color, #0271eb);
  --kite-dynamic-hint-arrow-border-width: var(--kite-dynamic-hint-border-width, 0.0625rem);
  --kite-text-input-secure-unmasked-icon-color: var(--kite-text-input-secure-visible-icon-color, #0271eb);
}
.kite-theme--mode-compact {
  --kite-layout-sm: 3rem;
  --kite-layout-md: 4rem;
  --kite-layout-lg: 6rem;
  --kite-layout-xl: 8rem;
  --kite-layout-2xl: 10rem;
  --kite-layout-2xs: var(--kite-size-32, 2rem);
  --kite-layout-xs: var(--kite-size-40, 2.5rem);
  --kite-spacing-2xs: var(--kite-size-2, 0.125rem);
  --kite-spacing-xs: var(--kite-size-4, 0.25rem);
  --kite-spacing-sm: var(--kite-size-8, 0.5rem);
  --kite-spacing-md: var(--kite-size-12, 0.75rem);
  --kite-spacing-lg: var(--kite-size-16, 1rem);
  --kite-spacing-xl: var(--kite-size-20, 1.25rem);
  --kite-spacing-2xl: var(--kite-size-24, 1.5rem);
}
.kite-theme--mode-rutledge {
  --kite-font-weight-light: 200;
  --kite-font-family-sans-serif: var(--kite-font-family-rutledge, Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-typography-sm-display-size: var(--kite-typography-rutledge-sm-display-size, 3rem);
  --kite-typography-sm-display-line-height: var(--kite-typography-rutledge-sm-display-line-height, 1.25);
  --kite-typography-sm-title-1-size: var(--kite-typography-rutledge-sm-title-1-size, 2.5rem);
  --kite-typography-sm-title-1-line-height: var(--kite-typography-rutledge-sm-title-1-line-height, 1.3);
  --kite-typography-sm-title-2-size: var(--kite-typography-rutledge-sm-title-2-size, 2.25rem);
  --kite-typography-sm-title-2-line-height: var(--kite-typography-rutledge-sm-title-2-line-height, 1.222);
  --kite-typography-sm-title-3-size: var(--kite-typography-rutledge-sm-title-3-size, 2rem);
  --kite-typography-sm-title-4-size: var(--kite-typography-rutledge-sm-title-4-size, 1.75rem);
  --kite-typography-sm-title-4-line-height: var(--kite-typography-rutledge-sm-title-4-line-height, 1.286);
  --kite-typography-sm-title-5-size: var(--kite-typography-rutledge-sm-title-5-size, 1.5rem);
  --kite-typography-sm-title-5-line-height: var(--kite-typography-rutledge-sm-title-5-line-height, 1.25);
  --kite-typography-sm-title-6-size: var(--kite-typography-rutledge-sm-title-6-size, 1.25rem);
  --kite-typography-sm-title-6-line-height: var(--kite-typography-rutledge-sm-title-6-line-height, 1.3);
  --kite-typography-sm-body-display-size: var(--kite-typography-rutledge-sm-body-display-size, 1.25rem);
  --kite-typography-sm-body-display-line-height: var(--kite-typography-rutledge-sm-body-display-line-height, 1.3);
  --kite-typography-sm-body-size: var(--kite-typography-rutledge-sm-body-size, 1rem);
  --kite-typography-sm-body-line-height: var(--kite-typography-rutledge-sm-body-line-height, 1.5);
  --kite-typography-sm-eyebrow-size: var(--kite-typography-rutledge-sm-eyebrow-size, 0.875rem);
  --kite-typography-sm-eyebrow-style: var(--kite-typography-rutledge-sm-eyebrow-style, uppercase);
  --kite-typography-sm-eyebrow-line-height: var(--kite-typography-rutledge-sm-eyebrow-line-height, 1.571);
  --kite-typography-lg-display-size: var(--kite-typography-rutledge-lg-display-size, 4rem);
  --kite-typography-lg-display-line-height: var(--kite-typography-rutledge-lg-display-line-height, 1.125);
  --kite-typography-lg-title-1-size: var(--kite-typography-rutledge-lg-title-1-size, 3rem);
  --kite-typography-lg-title-1-line-height: var(--kite-typography-rutledge-lg-title-1-line-height, 1.25);
  --kite-typography-lg-title-2-size: var(--kite-typography-rutledge-lg-title-2-size, 2.5rem);
  --kite-typography-lg-title-2-line-height: var(--kite-typography-rutledge-lg-title-2-line-height, 1.25);
  --kite-typography-lg-title-3-size: var(--kite-typography-rutledge-lg-title-3-size, 2.25rem);
  --kite-typography-lg-title-3-line-height: var(--kite-typography-rutledge-lg-title-3-line-height, 1.222);
  --kite-typography-lg-title-4-size: var(--kite-typography-rutledge-lg-title-4-size, 2rem);
  --kite-typography-lg-title-4-line-height: var(--kite-typography-rutledge-lg-title-4-line-height, 1.25);
  --kite-typography-lg-title-5-size: var(--kite-typography-rutledge-lg-title-5-size, 1.5rem);
  --kite-typography-lg-title-5-line-height: var(--kite-typography-rutledge-lg-title-5-line-height, 1.25);
  --kite-typography-lg-title-6-size: var(--kite-typography-rutledge-lg-title-6-size, 1.25rem);
  --kite-typography-lg-title-6-line-height: var(--kite-typography-rutledge-lg-title-6-line-height, 1.3);
  --kite-typography-lg-body-display-size: var(--kite-typography-rutledge-lg-body-display-size, 1.25rem);
  --kite-typography-lg-body-display-line-height: var(--kite-typography-rutledge-lg-body-display-line-height, 1.3);
  --kite-typography-lg-body-size: var(--kite-typography-rutledge-lg-body-size, 1rem);
  --kite-typography-lg-body-line-height: var(--kite-typography-rutledge-lg-body-line-height, 1.5);
  --kite-typography-lg-eyebrow-size: var(--kite-typography-rutledge-lg-eyebrow-size, 1rem);
  --kite-typography-lg-eyebrow-style: var(--kite-typography-rutledge-lg-eyebrow-style, uppercase);
  --kite-typography-lg-eyebrow-line-height: var(--kite-typography-rutledge-lg-eyebrow-line-height, 1.5);
  --kite-typography-xxs-title-1-size: var(--kite-typography-rutledge-xxs-title-1-size, 1.3125rem);
  --kite-typography-xxs-title-1-line-height: var(--kite-typography-rutledge-xxs-title-1-line-height, 1.333);
  --kite-typography-xxs-title-2-size: var(--kite-typography-rutledge-xxs-title-2-size, 1.125rem);
  --kite-typography-xxs-title-2-line-height: var(--kite-typography-rutledge-xxs-title-2-line-height, 1.5);
  --kite-typography-xxs-title-3-size: var(--kite-typography-rutledge-xxs-title-3-size, 1rem);
  --kite-typography-xxs-title-3-line-height: var(--kite-typography-rutledge-xxs-title-3-line-height, 1.5);
  --kite-typography-xxs-title-4-size: var(--kite-typography-rutledge-xxs-title-4-size, 0.875rem);
  --kite-typography-xxs-title-4-line-height: var(--kite-typography-rutledge-xxs-title-4-line-height, 1.5);
  --kite-typography-xxs-title-5-size: var(--kite-typography-rutledge-xxs-title-5-size, 0.875rem);
  --kite-typography-xxs-title-5-line-height: var(--kite-typography-rutledge-xxs-title-5-line-height, 1.5);
  --kite-typography-xxs-body-size: var(--kite-typography-rutledge-xxs-body-size, 0.875rem);
  --kite-typography-xxs-body-line-height: var(--kite-typography-rutledge-xxs-body-line-height, 1.5);
  --kite-typography-xxs-eyebrow-size: var(--kite-typography-rutledge-xxs-eyebrow-size, 0.8125rem);
  --kite-typography-xxs-eyebrow-style: var(--kite-typography-rutledge-xxs-eyebrow-style, uppercase);
  --kite-typography-xxs-eyebrow-line-height: var(--kite-typography-rutledge-xxs-eyebrow-line-height, 1.538);
  --kite-typography-xxs-caption-size: var(--kite-typography-rutledge-xxs-caption-size, 0.75rem);
  --kite-typography-xxs-caption-line-height: var(--kite-typography-rutledge-xxs-caption-line-height, 1.5);
  --kite-typography-xs-title-1-size: var(--kite-typography-rutledge-xs-title-1-size, 1.4375rem);
  --kite-typography-xs-title-1-line-height: var(--kite-typography-rutledge-xs-title-1-line-height, 1.304);
  --kite-typography-xs-title-2-size: var(--kite-typography-rutledge-xs-title-2-size, 1.1875rem);
  --kite-typography-xs-title-2-line-height: var(--kite-typography-rutledge-xs-title-2-line-height, 1.421);
  --kite-typography-xs-title-3-size: var(--kite-typography-rutledge-xs-title-3-size, 1.0625rem);
  --kite-typography-xs-title-3-line-height: var(--kite-typography-rutledge-xs-title-3-line-height, 1.471);
  --kite-typography-xs-title-4-size: var(--kite-typography-rutledge-xs-title-4-size, 0.9375rem);
  --kite-typography-xs-title-4-line-height: var(--kite-typography-rutledge-xs-title-4-line-height, 1.533);
  --kite-typography-xs-title-5-size: var(--kite-typography-rutledge-xs-title-5-size, 0.9375rem);
  --kite-typography-xs-title-5-line-height: var(--kite-typography-rutledge-xs-title-5-line-height, 1.533);
  --kite-typography-xs-body-size: var(--kite-typography-rutledge-xs-body-size, 0.9375rem);
  --kite-typography-xs-body-line-height: var(--kite-typography-rutledge-xs-body-line-height, 1.533);
  --kite-typography-xs-eyebrow-size: var(--kite-typography-rutledge-xs-eyebrow-size, 0.8125rem);
  --kite-typography-xs-eyebrow-style: var(--kite-typography-rutledge-xs-eyebrow-style, uppercase);
  --kite-typography-xs-eyebrow-line-height: var(--kite-typography-rutledge-xs-eyebrow-line-height, 1.538);
  --kite-typography-xs-caption-size: var(--kite-typography-rutledge-xs-caption-size, 0.75rem);
  --kite-typography-xs-caption-line-height: var(--kite-typography-rutledge-xs-caption-line-height, 1.5);
  --kite-typography-md-title-1-size: var(--kite-typography-rutledge-md-title-1-size, 2.25rem);
  --kite-typography-md-title-1-line-height: var(--kite-typography-rutledge-md-title-1-line-height, 1.25);
  --kite-typography-md-title-2-size: var(--kite-typography-rutledge-md-title-2-size, 1.75rem);
  --kite-typography-md-title-2-line-height: var(--kite-typography-rutledge-md-title-2-line-height, 1.286);
  --kite-typography-md-title-3-size: var(--kite-typography-rutledge-md-title-3-size, 1.5rem);
  --kite-typography-md-title-3-line-height: var(--kite-typography-rutledge-md-title-3-line-height, 1.292);
  --kite-typography-md-title-4-size: var(--kite-typography-rutledge-md-title-4-size, 1.25rem);
  --kite-typography-md-title-4-line-height: var(--kite-typography-rutledge-md-title-4-line-height, 1.05);
  --kite-typography-md-title-5-size: var(--kite-typography-rutledge-md-title-5-size, 1rem);
  --kite-typography-md-title-5-line-height: var(--kite-typography-rutledge-md-title-5-line-height, 1.5);
  --kite-typography-md-body-size: var(--kite-typography-rutledge-md-body-size, 1rem);
  --kite-typography-md-body-line-height: var(--kite-typography-rutledge-md-body-line-height, 1.5);
  --kite-typography-md-eyebrow-size: var(--kite-typography-rutledge-md-eyebrow-size, 0.875rem);
  --kite-typography-md-eyebrow-style: var(--kite-typography-rutledge-md-eyebrow-style, uppercase);
  --kite-typography-md-eyebrow-line-height: var(--kite-typography-rutledge-md-eyebrow-line-height, 1.5);
  --kite-typography-md-caption-size: var(--kite-typography-rutledge-md-caption-size, 0.75rem);
  --kite-typography-md-caption-line-height: var(--kite-typography-rutledge-md-caption-line-height, 1.75);
  --kite-typography-xl-title-1-size: var(--kite-typography-rutledge-xl-title-1-size, 3.5rem);
  --kite-typography-xl-title-1-line-height: var(--kite-typography-rutledge-xl-title-1-line-height, 1.393);
  --kite-typography-xl-title-2-size: var(--kite-typography-rutledge-xl-title-2-size, 2.625rem);
  --kite-typography-xl-title-2-line-height: var(--kite-typography-rutledge-xl-title-2-line-height, 1.429);
  --kite-typography-xl-title-3-size: var(--kite-typography-rutledge-xl-title-3-size, 2.25rem);
  --kite-typography-xl-title-3-line-height: var(--kite-typography-rutledge-xl-title-3-line-height, 1.056);
  --kite-typography-xl-title-4-size: var(--kite-typography-rutledge-xl-title-4-size, 1.75rem);
  --kite-typography-xl-title-4-line-height: var(--kite-typography-rutledge-xl-title-4-line-height, 0.964);
  --kite-typography-xl-title-5-size: var(--kite-typography-rutledge-xl-title-5-size, 1.5rem);
  --kite-typography-xl-title-5-line-height: var(--kite-typography-rutledge-xl-title-5-line-height, 1);
  --kite-typography-xl-body-size: var(--kite-typography-rutledge-xl-body-size, 1.5rem);
  --kite-typography-xl-body-line-height: var(--kite-typography-rutledge-xl-body-line-height, 1.333);
  --kite-typography-xl-eyebrow-size: var(--kite-typography-rutledge-xl-eyebrow-size, 1.375rem);
  --kite-typography-xl-eyebrow-style: var(--kite-typography-rutledge-xl-eyebrow-style, uppercase);
  --kite-typography-xl-eyebrow-line-height: var(--kite-typography-rutledge-xl-eyebrow-line-height, 1.091);
  --kite-typography-xl-caption-size: var(--kite-typography-rutledge-xl-caption-size, 1.25rem);
  --kite-typography-xl-caption-line-height: var(--kite-typography-rutledge-xl-caption-line-height, 1.2);
  --kite-typography-sm-display-weight: var(--kite-typography-rutledge-sm-display-weight, 700);
  --kite-typography-sm-display-letter-spacing: var(--kite-typography-rutledge-sm-display-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-1-weight: var(--kite-typography-rutledge-sm-title-1-weight, 700);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-typography-rutledge-sm-title-1-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-2-weight: var(--kite-typography-rutledge-sm-title-2-weight, 700);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-typography-rutledge-sm-title-2-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-3-weight: var(--kite-typography-rutledge-sm-title-3-weight, 700);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-typography-rutledge-sm-title-3-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-4-weight: var(--kite-typography-rutledge-sm-title-4-weight, 700);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-typography-rutledge-sm-title-4-letter-spacing, normal);
  --kite-typography-sm-title-5-weight: var(--kite-typography-rutledge-sm-title-5-weight, 700);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-typography-rutledge-sm-title-5-letter-spacing, normal);
  --kite-typography-sm-title-6-weight: var(--kite-typography-rutledge-sm-title-6-weight, 700);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-typography-rutledge-sm-title-6-letter-spacing, normal);
  --kite-typography-sm-body-display-weight: var(--kite-typography-rutledge-sm-body-display-weight, 400);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-typography-rutledge-sm-body-display-letter-spacing, normal);
  --kite-typography-sm-body-weight: var(--kite-typography-rutledge-sm-body-weight, 400);
  --kite-typography-sm-body-letter-spacing: var(--kite-typography-rutledge-sm-body-letter-spacing, normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-typography-rutledge-sm-eyebrow-weight, 700);
  --kite-typography-lg-display-weight: var(--kite-typography-rutledge-lg-display-weight, 700);
  --kite-typography-lg-display-letter-spacing: var(--kite-typography-rutledge-lg-display-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-1-weight: var(--kite-typography-rutledge-lg-title-1-weight, 700);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-typography-rutledge-lg-title-1-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-2-weight: var(--kite-typography-rutledge-lg-title-2-weight, 700);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-typography-rutledge-lg-title-2-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-3-weight: var(--kite-typography-rutledge-lg-title-3-weight, 700);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-typography-rutledge-lg-title-3-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-4-weight: var(--kite-typography-rutledge-lg-title-4-weight, 700);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-typography-rutledge-lg-title-4-letter-spacing, normal);
  --kite-typography-lg-title-5-weight: var(--kite-typography-rutledge-lg-title-5-weight, 700);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-typography-rutledge-lg-title-5-letter-spacing, normal);
  --kite-typography-lg-title-6-weight: var(--kite-typography-rutledge-lg-title-6-weight, 500);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-typography-rutledge-lg-title-6-letter-spacing, normal);
  --kite-typography-lg-body-display-weight: var(--kite-typography-rutledge-lg-body-display-weight, 400);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-typography-rutledge-lg-body-display-letter-spacing, normal);
  --kite-typography-lg-body-weight: var(--kite-typography-rutledge-lg-body-weight, 400);
  --kite-typography-lg-body-letter-spacing: var(--kite-typography-rutledge-lg-body-letter-spacing, normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-typography-rutledge-lg-eyebrow-weight, 700);
  --kite-typography-xxs-title-1-weight: var(--kite-typography-rutledge-xxs-title-1-weight, 500);
  --kite-typography-xxs-title-1-letter-spacing: var(--kite-typography-rutledge-xxs-title-1-letter-spacing, normal);
  --kite-typography-xxs-title-2-weight: var(--kite-typography-rutledge-xxs-title-2-weight, 500);
  --kite-typography-xxs-title-2-letter-spacing: var(--kite-typography-rutledge-xxs-title-2-letter-spacing, normal);
  --kite-typography-xxs-title-3-weight: var(--kite-typography-rutledge-xxs-title-3-weight, 500);
  --kite-typography-xxs-title-3-letter-spacing: var(--kite-typography-rutledge-xxs-title-3-letter-spacing, normal);
  --kite-typography-xxs-title-4-weight: var(--kite-typography-rutledge-xxs-title-4-weight, 700);
  --kite-typography-xxs-title-4-letter-spacing: var(--kite-typography-rutledge-xxs-title-4-letter-spacing, normal);
  --kite-typography-xxs-title-5-weight: var(--kite-typography-rutledge-xxs-title-5-weight, 500);
  --kite-typography-xxs-title-5-letter-spacing: var(--kite-typography-rutledge-xxs-title-5-letter-spacing, normal);
  --kite-typography-xxs-body-weight: var(--kite-typography-rutledge-xxs-body-weight, 400);
  --kite-typography-xxs-body-letter-spacing: var(--kite-typography-rutledge-xxs-body-letter-spacing, normal);
  --kite-typography-xxs-eyebrow-weight: var(--kite-typography-rutledge-xxs-eyebrow-weight, 700);
  --kite-typography-xxs-caption-weight: var(--kite-typography-rutledge-xxs-caption-weight, 400);
  --kite-typography-xxs-caption-letter-spacing: var(--kite-typography-rutledge-xxs-caption-letter-spacing, normal);
  --kite-typography-xs-title-1-weight: var(--kite-typography-rutledge-xs-title-1-weight, 500);
  --kite-typography-xs-title-1-letter-spacing: var(--kite-typography-rutledge-xs-title-1-letter-spacing, normal);
  --kite-typography-xs-title-2-weight: var(--kite-typography-rutledge-xs-title-2-weight, 500);
  --kite-typography-xs-title-2-letter-spacing: var(--kite-typography-rutledge-xs-title-2-letter-spacing, normal);
  --kite-typography-xs-title-3-weight: var(--kite-typography-rutledge-xs-title-3-weight, 500);
  --kite-typography-xs-title-3-letter-spacing: var(--kite-typography-rutledge-xs-title-3-letter-spacing, normal);
  --kite-typography-xs-title-4-weight: var(--kite-typography-rutledge-xs-title-4-weight, 700);
  --kite-typography-xs-title-4-letter-spacing: var(--kite-typography-rutledge-xs-title-4-letter-spacing, normal);
  --kite-typography-xs-title-5-weight: var(--kite-typography-rutledge-xs-title-5-weight, 500);
  --kite-typography-xs-title-5-letter-spacing: var(--kite-typography-rutledge-xs-title-5-letter-spacing, normal);
  --kite-typography-xs-body-weight: var(--kite-typography-rutledge-xs-body-weight, 400);
  --kite-typography-xs-body-letter-spacing: var(--kite-typography-rutledge-xs-body-letter-spacing, normal);
  --kite-typography-xs-eyebrow-weight: var(--kite-typography-rutledge-xs-eyebrow-weight, 700);
  --kite-typography-xs-caption-weight: var(--kite-typography-rutledge-xs-caption-weight, 400);
  --kite-typography-xs-caption-letter-spacing: var(--kite-typography-rutledge-xs-caption-letter-spacing, normal);
  --kite-typography-md-title-1-weight: var(--kite-typography-rutledge-md-title-1-weight, 700);
  --kite-typography-md-title-1-letter-spacing: var(--kite-typography-rutledge-md-title-1-letter-spacing, -0.0625rem);
  --kite-typography-md-title-2-weight: var(--kite-typography-rutledge-md-title-2-weight, 700);
  --kite-typography-md-title-2-letter-spacing: var(--kite-typography-rutledge-md-title-2-letter-spacing, -0.0625rem);
  --kite-typography-md-title-3-weight: var(--kite-typography-rutledge-md-title-3-weight, 700);
  --kite-typography-md-title-3-letter-spacing: var(--kite-typography-rutledge-md-title-3-letter-spacing, -0.0625rem);
  --kite-typography-md-title-4-weight: var(--kite-typography-rutledge-md-title-4-weight, 700);
  --kite-typography-md-title-4-letter-spacing: var(--kite-typography-rutledge-md-title-4-letter-spacing, normal);
  --kite-typography-md-title-5-weight: var(--kite-typography-rutledge-md-title-5-weight, 700);
  --kite-typography-md-title-5-letter-spacing: var(--kite-typography-rutledge-md-title-5-letter-spacing, normal);
  --kite-typography-md-body-weight: var(--kite-typography-rutledge-md-body-weight, 400);
  --kite-typography-md-body-letter-spacing: var(--kite-typography-rutledge-md-body-letter-spacing, normal);
  --kite-typography-md-eyebrow-weight: var(--kite-typography-rutledge-md-eyebrow-weight, 700);
  --kite-typography-md-caption-weight: var(--kite-typography-rutledge-md-caption-weight, 400);
  --kite-typography-md-caption-letter-spacing: var(--kite-typography-rutledge-md-caption-letter-spacing, normal);
  --kite-typography-xl-title-1-weight: var(--kite-typography-rutledge-xl-title-1-weight, 500);
  --kite-typography-xl-title-1-letter-spacing: var(--kite-typography-rutledge-xl-title-1-letter-spacing, normal);
  --kite-typography-xl-title-2-weight: var(--kite-typography-rutledge-xl-title-2-weight, 500);
  --kite-typography-xl-title-2-letter-spacing: var(--kite-typography-rutledge-xl-title-2-letter-spacing, -0.0625rem);
  --kite-typography-xl-title-3-weight: var(--kite-typography-rutledge-xl-title-3-weight, 400);
  --kite-typography-xl-title-3-letter-spacing: var(--kite-typography-rutledge-xl-title-3-letter-spacing, -0.0625rem);
  --kite-typography-xl-title-4-weight: var(--kite-typography-rutledge-xl-title-4-weight, 400);
  --kite-typography-xl-title-4-letter-spacing: var(--kite-typography-rutledge-xl-title-4-letter-spacing, normal);
  --kite-typography-xl-title-5-weight: var(--kite-typography-rutledge-xl-title-5-weight, 500);
  --kite-typography-xl-title-5-letter-spacing: var(--kite-typography-rutledge-xl-title-5-letter-spacing, normal);
  --kite-typography-xl-body-weight: var(--kite-typography-rutledge-xl-body-weight, 400);
  --kite-typography-xl-body-letter-spacing: var(--kite-typography-rutledge-xl-body-letter-spacing, normal);
  --kite-typography-xl-eyebrow-weight: var(--kite-typography-rutledge-xl-eyebrow-weight, 700);
  --kite-typography-xl-caption-weight: var(--kite-typography-rutledge-xl-caption-weight, 500);
  --kite-typography-xl-caption-letter-spacing: var(--kite-typography-rutledge-xl-caption-letter-spacing, normal);
  --kite-typography-sm-display-margin-bottom: var(--kite-typography-rutledge-sm-display-margin-bottom, 1.5rem);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-typography-rutledge-sm-title-1-margin-bottom, 1rem);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-typography-rutledge-sm-title-2-margin-bottom, 1rem);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-typography-rutledge-sm-title-3-margin-bottom, 1rem);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-typography-rutledge-sm-title-4-margin-bottom, 1rem);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-typography-rutledge-sm-title-5-margin-bottom, 1rem);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-typography-rutledge-sm-title-6-margin-bottom, 0.75rem);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-typography-rutledge-sm-body-display-margin-bottom, 1.5rem);
  --kite-typography-sm-body-margin-bottom: var(--kite-typography-rutledge-sm-body-margin-bottom, 1.5rem);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-typography-rutledge-sm-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-typography-rutledge-sm-eyebrow-margin-bottom, 1rem);
  --kite-typography-lg-display-margin-bottom: var(--kite-typography-rutledge-lg-display-margin-bottom, 1.5rem);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-typography-rutledge-lg-title-1-margin-bottom, 1rem);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-typography-rutledge-lg-title-2-margin-bottom, 1rem);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-typography-rutledge-lg-title-3-margin-bottom, 1rem);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-typography-rutledge-lg-title-4-margin-bottom, 1rem);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-typography-rutledge-lg-title-5-margin-bottom, 1rem);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-typography-rutledge-lg-title-6-margin-bottom, 1rem);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-typography-rutledge-lg-body-display-margin-bottom, 1.5rem);
  --kite-typography-lg-body-margin-bottom: var(--kite-typography-rutledge-lg-body-margin-bottom, 1rem);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-typography-rutledge-lg-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-typography-rutledge-lg-eyebrow-margin-bottom, 1rem);
  --kite-typography-xxs-title-1-margin-bottom: var(--kite-typography-rutledge-xxs-title-1-margin-bottom, 1.5rem);
  --kite-typography-xxs-title-2-margin-bottom: var(--kite-typography-rutledge-xxs-title-2-margin-bottom, 1rem);
  --kite-typography-xxs-title-3-margin-bottom: var(--kite-typography-rutledge-xxs-title-3-margin-bottom, 1rem);
  --kite-typography-xxs-title-4-margin-bottom: var(--kite-typography-rutledge-xxs-title-4-margin-bottom, 0.5rem);
  --kite-typography-xxs-title-5-margin-bottom: var(--kite-typography-rutledge-xxs-title-5-margin-bottom, 0.25rem);
  --kite-typography-xxs-body-margin-bottom: var(--kite-typography-rutledge-xxs-body-margin-bottom, 1.5rem);
  --kite-typography-xxs-eyebrow-letter-spacing: var(--kite-typography-rutledge-xxs-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-xxs-eyebrow-margin-bottom: var(--kite-typography-rutledge-xxs-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-xxs-caption-margin-bottom: var(--kite-typography-rutledge-xxs-caption-margin-bottom, 1.25rem);
  --kite-typography-xs-title-1-margin-bottom: var(--kite-typography-rutledge-xs-title-1-margin-bottom, 1.5rem);
  --kite-typography-xs-title-2-margin-bottom: var(--kite-typography-rutledge-xs-title-2-margin-bottom, 1rem);
  --kite-typography-xs-title-3-margin-bottom: var(--kite-typography-rutledge-xs-title-3-margin-bottom, 1rem);
  --kite-typography-xs-title-4-margin-bottom: var(--kite-typography-rutledge-xs-title-4-margin-bottom, 0.5rem);
  --kite-typography-xs-title-5-margin-bottom: var(--kite-typography-rutledge-xs-title-5-margin-bottom, 0.25rem);
  --kite-typography-xs-body-margin-bottom: var(--kite-typography-rutledge-xs-body-margin-bottom, 1.5rem);
  --kite-typography-xs-eyebrow-letter-spacing: var(--kite-typography-rutledge-xs-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-xs-eyebrow-margin-bottom: var(--kite-typography-rutledge-xs-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-xs-caption-margin-bottom: var(--kite-typography-rutledge-xs-caption-margin-bottom, 1.25rem);
  --kite-typography-md-title-1-margin-bottom: var(--kite-typography-rutledge-md-title-1-margin-bottom, 1.5rem);
  --kite-typography-md-title-2-margin-bottom: var(--kite-typography-rutledge-md-title-2-margin-bottom, 1rem);
  --kite-typography-md-title-3-margin-bottom: var(--kite-typography-rutledge-md-title-3-margin-bottom, 1rem);
  --kite-typography-md-title-4-margin-bottom: var(--kite-typography-rutledge-md-title-4-margin-bottom, 0.5rem);
  --kite-typography-md-title-5-margin-bottom: var(--kite-typography-rutledge-md-title-5-margin-bottom, 0.25rem);
  --kite-typography-md-body-margin-bottom: var(--kite-typography-rutledge-md-body-margin-bottom, 1.5rem);
  --kite-typography-md-eyebrow-letter-spacing: var(--kite-typography-rutledge-md-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-md-eyebrow-margin-bottom: var(--kite-typography-rutledge-md-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-md-caption-margin-bottom: var(--kite-typography-rutledge-md-caption-margin-bottom, 1.25rem);
  --kite-typography-xl-title-1-margin-bottom: var(--kite-typography-rutledge-xl-title-1-margin-bottom, 2rem);
  --kite-typography-xl-title-2-margin-bottom: var(--kite-typography-rutledge-xl-title-2-margin-bottom, 1.25rem);
  --kite-typography-xl-title-3-margin-bottom: var(--kite-typography-rutledge-xl-title-3-margin-bottom, 1.25rem);
  --kite-typography-xl-title-4-margin-bottom: var(--kite-typography-rutledge-xl-title-4-margin-bottom, 0.75rem);
  --kite-typography-xl-title-5-margin-bottom: var(--kite-typography-rutledge-xl-title-5-margin-bottom, 0.5rem);
  --kite-typography-xl-body-margin-bottom: var(--kite-typography-rutledge-xl-body-margin-bottom, 2rem);
  --kite-typography-xl-eyebrow-letter-spacing: var(--kite-typography-rutledge-xl-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-xl-eyebrow-margin-bottom: var(--kite-typography-rutledge-xl-eyebrow-margin-bottom, 0.75rem);
  --kite-typography-xl-caption-margin-bottom: var(--kite-typography-rutledge-xl-caption-margin-bottom, 1.5rem);
}
.kite-theme--mode-dark {
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.5);
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-border-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-popover-border-color: rgba(0, 0, 0, 0);
  --kite-color-background: var(--kite-color-dark-blue-30, #001221);
  --kite-color-background-secondary: var(--kite-color-dark-blue-20, #002747);
  --kite-color-text: var(--kite-color-white, #ffffff);
  --kite-color-text-secondary: var(--kite-color-gray-10, #f8f8f8);
  --kite-color-caution: var(--kite-color-yellow-10, #ffd400);
  --kite-color-negative: var(--kite-color-red-10, #ff4d4a);
  --kite-color-on-negative: var(--kite-color-black, #000000);
  --kite-color-neutral: var(--kite-color-light-blue-20, #5db8fc);
  --kite-color-positive: var(--kite-color-green-10, #00bf1f);
  --kite-color-on-positive: var(--kite-color-black, #000000);
  --kite-color-disabled: var(--kite-color-gray-30, #63738a);
  --kite-color-error: var(--kite-color-red-10, #ff4d4a);
  --kite-color-success: var(--kite-color-green-10, #00bf1f);
  --kite-color-focus: var(--kite-color-white, #ffffff);
  --kite-border-color: var(--kite-color-white, #ffffff);
  --kite-container-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-container-border-color: var(--kite-color-dark-blue-20, #002747);
  --kite-container-hover-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-my-component-background-color: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-disabled-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-white, #ffffff);
  --kite-accordion-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-accordion-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-alert-text-color: var(--kite-color-black, #000000);
  --kite-alert-negative-border-left-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-border-left-color: var(--kite-color-green-20, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-badge-disabled-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-button-destructive-background-color: var(--kite-color-red-20, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-focus-icon-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-icon-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-press-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-press-icon-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-borderless-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-focus-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-due-background-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-due-text-color: var(--kite-color-black, #000000);
  --kite-calendar-standalone-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-chip-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-text-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-chip-focus-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-chip-selected-background-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-chip-selected-text-color: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-selected-disabled-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-chip-disabled-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-combobox-picker-results-text-color: var(--kite-color-white, #ffffff);
  --kite-data-table-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-row-hover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.5);
  --kite-data-table-striped-row-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-date-input-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-date-input-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-dropdown-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-dynamic-hint-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-interactive-list-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-blue-10, #31a2ff);
  --kite-link-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-press-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-list-item-neutral-label-text-color: var(--kite-color-blue-10, #31a2ff);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-menu-list-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-menu-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-meter-track-color: var(--kite-color-dark-blue-10, #003561);
  --kite-meter-tick-color: var(--kite-color-white, #ffffff);
  --kite-meter-caution-fill-color: var(--kite-color-yellow-10, #ffd400);
  --kite-pagination-controls-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-pagination-controls-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-icon-color: var(--kite-color-white, #ffffff);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-popover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-popover-trigger-icon-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-track-color: var(--kite-color-dark-blue-10, #003561);
  --kite-progress-indicator-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-white, #ffffff);
  --kite-radio-border-color: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color: var(--kite-color-blue-20, #0073d1);
  --kite-select-icon-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-skip-link-border-color: var(--kite-color-blue-10, #31a2ff);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-white, #ffffff);
  --kite-tabs-tab-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-tag-border-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-tag-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-tag-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-tag-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-tag-solid-background-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-secure-icon-color: var(--kite-color-blue-10, #31a2ff);
  --kite-time-input-icon-color: var(--kite-color-white, #ffffff);
  --kite-toast-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-form-control-picker-background-color: var(--kite-form-control-background-color, #002747);
  --kite-form-control-picker-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-button-disabled-background-color: var(--kite-color-disabled, #63738a);
  --kite-button-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative, #ff4d4a);
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-calendar-controls-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-controls-focus-text-color: var(--kite-color-text, #ffffff);
  --kite-calendar-day-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-border-color: var(--kite-border-color, #ffffff);
  --kite-chip-border-color: var(--kite-chip-text-color, #b7cee5);
  --kite-dialog-overlay-background-color: var(--kite-color-background, #001221);
  --kite-link-text-color: var(--kite-color-text, #ffffff);
  --kite-tag-text-color: var(--kite-tag-border-color, #b7cee5);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #ffffff);
  --kite-switch-focus-ring-color: var(--kite-focus-ring-color, #ffffff);
}
.kite-theme--life-unltd-white.kite-theme--mode-dark {
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.5);
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-border-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-popover-border-color: rgba(0, 0, 0, 0);
  --kite-color-background: var(--kite-color-dark-blue-30, #000f1a);
  --kite-color-background-secondary: var(--kite-color-dark-blue-20, #002139);
  --kite-color-text: var(--kite-color-white, #ffffff);
  --kite-color-text-secondary: var(--kite-color-gray-10, #f8f8f8);
  --kite-color-caution: var(--kite-color-yellow-10, #ffd400);
  --kite-color-negative: var(--kite-color-red-10, #ff4d4a);
  --kite-color-on-negative: var(--kite-color-black, #000000);
  --kite-color-neutral: var(--kite-color-light-blue-20, #73b7ff);
  --kite-color-positive: var(--kite-color-green-10, #00bf1f);
  --kite-color-on-positive: var(--kite-color-black, #000000);
  --kite-color-disabled: var(--kite-color-gray-30, #63738a);
  --kite-color-error: var(--kite-color-red-10, #ff4d4a);
  --kite-color-success: var(--kite-color-green-10, #00bf1f);
  --kite-color-focus: var(--kite-color-white, #ffffff);
  --kite-border-color: var(--kite-color-white, #ffffff);
  --kite-container-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-container-border-color: var(--kite-color-dark-blue-20, #002139);
  --kite-container-hover-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-my-component-background-color: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-disabled-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-white, #ffffff);
  --kite-accordion-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-accordion-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-alert-text-color: var(--kite-color-black, #000000);
  --kite-alert-negative-border-left-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-border-left-color: var(--kite-color-green-20, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-badge-disabled-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-button-destructive-background-color: var(--kite-color-red-20, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-focus-icon-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-icon-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-press-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-press-icon-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-borderless-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-focus-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-due-background-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-due-text-color: var(--kite-color-black, #000000);
  --kite-calendar-standalone-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-chip-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-text-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-chip-focus-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-chip-selected-background-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-chip-selected-text-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-selected-disabled-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-chip-disabled-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-combobox-picker-results-text-color: var(--kite-color-white, #ffffff);
  --kite-data-table-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-row-hover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.5);
  --kite-data-table-striped-row-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-date-input-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-date-input-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-dropdown-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-dynamic-hint-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-interactive-list-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-blue-10, #4da4ff);
  --kite-link-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-press-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-list-item-neutral-label-text-color: var(--kite-color-blue-10, #4da4ff);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-menu-list-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-menu-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-meter-track-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-meter-tick-color: var(--kite-color-white, #ffffff);
  --kite-meter-caution-fill-color: var(--kite-color-yellow-10, #ffd400);
  --kite-pagination-controls-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-pagination-controls-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-icon-color: var(--kite-color-white, #ffffff);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-popover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-popover-trigger-icon-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-track-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-progress-indicator-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-white, #ffffff);
  --kite-radio-border-color: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color: var(--kite-color-blue-20, #0271eb);
  --kite-select-icon-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-skip-link-border-color: var(--kite-color-blue-10, #4da4ff);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-white, #ffffff);
  --kite-tabs-tab-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-tag-border-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-tag-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-tag-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-tag-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-tag-solid-background-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-secure-icon-color: var(--kite-color-blue-10, #4da4ff);
  --kite-time-input-icon-color: var(--kite-color-white, #ffffff);
  --kite-toast-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-form-control-picker-background-color: var(--kite-form-control-background-color, #002139);
  --kite-form-control-picker-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-button-disabled-background-color: var(--kite-color-disabled, #63738a);
  --kite-button-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative, #ff4d4a);
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-calendar-controls-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-controls-focus-text-color: var(--kite-color-text, #ffffff);
  --kite-calendar-day-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-border-color: var(--kite-border-color, #ffffff);
  --kite-chip-border-color: var(--kite-chip-text-color, #b8d4f2);
  --kite-dialog-overlay-background-color: var(--kite-color-background, #000f1a);
  --kite-link-text-color: var(--kite-color-text, #ffffff);
  --kite-tag-text-color: var(--kite-tag-border-color, #b8d4f2);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #ffffff);
  --kite-switch-focus-ring-color: var(--kite-focus-ring-color, #ffffff);
}
.kite-theme,
.kite-theme--white {
  --kite-popover-trigger-disabled-cursor: var(--kite-cursor-disabled);
  --kite-popover-trigger-disabled-icon-color: var(--kite-color-disabled);
}
@media print {
  *,
  *::before,
  *::after,
  p::first-letter,
  div::first-letter,
  blockquote::first-letter,
  li::first-letter,
  p::first-line,
  div::first-line,
  blockquote::first-line,
  li::first-line {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src:
    local("Spectrum Sans Light"),
    local("SpectrumSans-Light"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Lt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Lt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 300;
  font-display: auto;
  src:
    local("Spectrum Sans Light Italic"),
    local("SpectrumSans-LightItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_LtIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_LtIt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 350;
  font-display: auto;
  src:
    local("Spectrum Sans Book"),
    local("SpectrumSans-Book"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bk.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bk.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 350;
  font-display: auto;
  src:
    local("Spectrum Sans Book Italic"),
    local("SpectrumSans-BookItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BkIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BkIt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src:
    local("Spectrum Sans Regular"),
    local("SpectrumSans-Regular"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Rg.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Rg.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src:
    local("Spectrum Sans Italic"),
    local("SpectrumSans-Italic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_It.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_It.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 500;
  font-display: auto;
  src:
    local("Spectrum Sans Medium"),
    local("SpectrumSans-Medium"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Md.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Md.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 500;
  font-display: auto;
  src:
    local("Spectrum Sans Medium Italic"),
    local("SpectrumSans-MediumItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_MdIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_MdIt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src:
    local("Spectrum Sans Bold"),
    local("SpectrumSans-Bold"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bd.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bd.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src:
    local("Spectrum Sans Bold Italic"),
    local("SpectrumSans-BoldItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BdIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BdIt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 800;
  font-display: auto;
  src:
    local("Spectrum Sans ExtraBold"),
    local("SpectrumSans-ExtraBold"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBd.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBd.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 800;
  src:
    local("Spectrum Sans ExtraBold Italic"),
    local("SpectrumSans-ExtraBoldItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBdIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBdIt.woff) format("woff");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: var(--kite-font-size-px);
}
code,
kbd,
samp {
  font-family: var(--kite-font-family-monospace);
}
details,
summary {
  margin-bottom: var(--kite-spacing-sm);
}
.kite-focus,
:focus {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
}
.kite-focus:not(.kite-focus-visible),
:focus:not(:focus-visible) {
  outline: 0;
}
.kite-focus-visible,
.focus-visible,
:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
}
.kite-focus--always :focus {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
}
h1,
.kite-type-style--title-1 {
  font-size: var(--kite-typography-title-1-size);
  font-weight: var(--kite-typography-title-1-weight);
  font-style: var(--kite-typography-title-1-style);
  letter-spacing: var(--kite-typography-title-1-letter-spacing);
  line-height: var(--kite-typography-title-1-line-height);
  margin: 0 0 var(--kite-typography-title-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h1,
  .kite-type-style--title-1 {
    font-size: var(--kite-typography-lg-title-1-size);
    font-weight: var(--kite-typography-lg-title-1-weight);
    letter-spacing: var(--kite-typography-lg-title-1-letter-spacing);
    line-height: var(--kite-typography-lg-title-1-line-height);
    margin: 0 0 var(--kite-typography-lg-title-1-margin-bottom);
  }
}
h2,
.kite-type-style--title-2 {
  font-size: var(--kite-typography-title-2-size);
  font-weight: var(--kite-typography-title-2-weight);
  font-style: var(--kite-typography-title-2-style);
  letter-spacing: var(--kite-typography-title-2-letter-spacing);
  line-height: var(--kite-typography-title-2-line-height);
  margin: 0 0 var(--kite-typography-title-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h2,
  .kite-type-style--title-2 {
    font-size: var(--kite-typography-lg-title-2-size);
    font-weight: var(--kite-typography-lg-title-2-weight);
    letter-spacing: var(--kite-typography-lg-title-2-letter-spacing);
    line-height: var(--kite-typography-lg-title-2-line-height);
    margin: 0 0 var(--kite-typography-lg-title-2-margin-bottom);
  }
}
h3,
.kite-type-style--title-3 {
  font-size: var(--kite-typography-title-3-size);
  font-weight: var(--kite-typography-title-3-weight);
  font-style: var(--kite-typography-title-3-style);
  letter-spacing: var(--kite-typography-title-3-letter-spacing);
  line-height: var(--kite-typography-title-3-line-height);
  margin: 0 0 var(--kite-typography-title-3-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h3,
  .kite-type-style--title-3 {
    font-size: var(--kite-typography-lg-title-3-size);
    font-weight: var(--kite-typography-lg-title-3-weight);
    letter-spacing: var(--kite-typography-lg-title-3-letter-spacing);
    line-height: var(--kite-typography-lg-title-3-line-height);
    margin: 0 0 var(--kite-typography-lg-title-3-margin-bottom);
  }
}
h4,
.kite-type-style--title-4 {
  font-size: var(--kite-typography-title-4-size);
  font-weight: var(--kite-typography-title-4-weight);
  font-style: var(--kite-typography-title-4-style);
  letter-spacing: var(--kite-typography-title-4-letter-spacing);
  line-height: var(--kite-typography-title-4-line-height);
  margin: 0 0 var(--kite-typography-title-4-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h4,
  .kite-type-style--title-4 {
    font-size: var(--kite-typography-lg-title-4-size);
    font-weight: var(--kite-typography-lg-title-4-weight);
    letter-spacing: var(--kite-typography-lg-title-4-letter-spacing);
    line-height: var(--kite-typography-lg-title-4-line-height);
    margin: 0 0 var(--kite-typography-lg-title-4-margin-bottom);
  }
}
h5,
.kite-type-style--title-5 {
  font-size: var(--kite-typography-title-5-size);
  font-weight: var(--kite-typography-title-5-weight);
  font-style: var(--kite-typography-title-5-style);
  letter-spacing: var(--kite-typography-title-5-letter-spacing);
  line-height: var(--kite-typography-title-5-line-height);
  margin: 0 0 var(--kite-typography-title-5-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h5,
  .kite-type-style--title-5 {
    font-size: var(--kite-typography-lg-title-5-size);
    font-weight: var(--kite-typography-lg-title-5-weight);
    letter-spacing: var(--kite-typography-lg-title-5-letter-spacing);
    line-height: var(--kite-typography-lg-title-5-line-height);
    margin: 0 0 var(--kite-typography-lg-title-5-margin-bottom);
  }
}
h6,
.kite-type-style--title-6 {
  font-size: var(--kite-typography-title-6-size);
  font-weight: var(--kite-typography-title-6-weight);
  font-style: var(--kite-typography-title-6-style);
  letter-spacing: var(--kite-typography-title-6-letter-spacing);
  line-height: var(--kite-typography-title-6-line-height);
  margin: 0 0 var(--kite-typography-title-6-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h6,
  .kite-type-style--title-6 {
    font-size: var(--kite-typography-lg-title-6-size);
    font-weight: var(--kite-typography-lg-title-6-weight);
    letter-spacing: var(--kite-typography-lg-title-6-letter-spacing);
    line-height: var(--kite-typography-lg-title-6-line-height);
    margin: 0 0 var(--kite-typography-lg-title-6-margin-bottom);
  }
}
.kite-type-style--eyebrow {
  font-size: var(--kite-typography-eyebrow-size);
  font-weight: var(--kite-typography-eyebrow-weight);
  font-style: var(--kite-typography-eyebrow-style);
  letter-spacing: var(--kite-typography-eyebrow-letter-spacing);
  line-height: var(--kite-typography-eyebrow-line-height);
  margin: 0 0 var(--kite-typography-eyebrow-margin-bottom);
  text-transform: var(--kite-typography-eyebrow-text-transform);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--eyebrow {
    font-size: var(--kite-typography-lg-eyebrow-size);
    font-weight: var(--kite-typography-lg-eyebrow-weight);
    letter-spacing: var(--kite-typography-lg-eyebrow-letter-spacing);
    line-height: var(--kite-typography-lg-eyebrow-line-height);
    margin: 0 0 var(--kite-typography-lg-eyebrow-margin-bottom);
    text-transform: var(--kite-typography-sm-eyebrow-text-transform);
  }
}
h1,
.kite-type-style--title-1,
h2,
.kite-type-style--title-2,
h3,
.kite-type-style--title-3,
h4,
.kite-type-style--title-4,
h5,
.kite-type-style--title-5,
h6,
.kite-type-style--title-6,
.kite-type-style--eyebrow {
  font-family:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
.kite-type-style--body {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
p {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  p {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
.kite-type-style--caption,
.kite-type-style--caption-1,
figcaption {
  font-size: var(--kite-typography-caption-1-size);
  font-weight: var(--kite-typography-caption-1-weight);
  font-style: var(--kite-typography-caption-1-style);
  letter-spacing: var(--kite-typography-caption-1-letter-spacing);
  line-height: var(--kite-typography-caption-1-line-height);
  margin: 0 0 var(--kite-typography-caption-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption,
  .kite-type-style--caption-1,
  figcaption {
    font-size: var(--kite-typography-lg-caption-1-size);
    font-weight: var(--kite-typography-lg-caption-1-weight);
    letter-spacing: var(--kite-typography-lg-caption-1-letter-spacing);
    line-height: var(--kite-typography-lg-caption-1-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-1-margin-bottom);
  }
}
.kite-type-style--caption-2 {
  font-size: var(--kite-typography-caption-2-size);
  font-weight: var(--kite-typography-caption-2-weight);
  font-style: var(--kite-typography-caption-2-style);
  letter-spacing: var(--kite-typography-caption-2-letter-spacing);
  line-height: var(--kite-typography-caption-2-line-height);
  margin: 0 0 var(--kite-typography-caption-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption-2 {
    font-size: var(--kite-typography-lg-caption-2-size);
    font-weight: var(--kite-typography-lg-caption-2-weight);
    letter-spacing: var(--kite-typography-lg-caption-2-letter-spacing);
    line-height: var(--kite-typography-lg-caption-2-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-2-margin-bottom);
  }
}
.kite-type-style--display {
  font-size: var(--kite-typography-display-size);
  font-weight: var(--kite-typography-display-weight);
  font-style: var(--kite-typography-display-style);
  letter-spacing: var(--kite-typography-display-letter-spacing);
  line-height: var(--kite-typography-display-line-height);
  margin: 0 0 var(--kite-typography-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--display {
    font-size: var(--kite-typography-lg-display-size);
    font-weight: var(--kite-typography-lg-display-weight);
    letter-spacing: var(--kite-typography-lg-display-letter-spacing);
    line-height: var(--kite-typography-lg-display-line-height);
    margin: 0 0 var(--kite-typography-lg-display-margin-bottom);
  }
}
.kite-type-style--body-display {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body-display {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
a {
  --text-decoration: var(--kite-link-text-decoration);
  --color: var(--kite-link-text-color);
  --focus-ring-color: var(--kite-link-focus-ring-color);
  --focus-text-color: var(--kite-link-focus-text-color);
  --hover-text-color: var(--kite-link-hover-text-color);
  --press-text-color: var(--kite-link-press-text-color);
  --visited-text-color: var(--kite-link-visited-text-color);
  color: var(--color);
  font-weight: var(--kite-link-text-weight);
  text-decoration: var(--text-decoration);
  text-decoration-thickness: var(--kite-link-text-decoration-thickness);
  text-underline-offset: var(--kite-link-text-decoration-offset);
}
a.kite-hover,
a:hover {
  --text-decoration: var(--kite-link-hover-text-decoration);
  color: var(--hover-text-color);
}
a.kite-focus-visible,
a:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
  --text-decoration: var(--kite-link-focus-text-decoration);
  color: var(--focus-text-color);
  outline-color: var(--focus-ring-color);
}
a.kite-active,
a:active {
  --text-decoration: var(--kite-link-press-text-decoration);
  color: var(--press-text-color);
}
a.kite-visited,
a:visited {
  --text-decoration: var(--kite-link-visited-text-decoration);
  color: var(--visited-text-color);
}
a.kite-disabled,
a:disabled {
  pointer-events: none;
}
a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: inherit;
}
ol,
ul,
.kite-text-list {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0 0 0 var(--kite-spacing-xl);
}
ol.kite-list--alpha,
ol.kite-text-list--alpha,
ul.kite-list--alpha,
ul.kite-text-list--alpha,
.kite-text-list.kite-list--alpha,
.kite-text-list.kite-text-list--alpha {
  list-style: lower-alpha;
}
ol.kite-list--unstyled,
ol.kite-text-list--unstyled,
ul.kite-list--unstyled,
ul.kite-text-list--unstyled,
.kite-text-list.kite-list--unstyled,
.kite-text-list.kite-text-list--unstyled {
  list-style: none;
  padding-left: 0;
}
ol.kite-list--unstyled > li,
ol.kite-text-list--unstyled > li,
ul.kite-list--unstyled > li,
ul.kite-text-list--unstyled > li,
.kite-text-list.kite-list--unstyled > li,
.kite-text-list.kite-text-list--unstyled > li {
  padding-left: 0;
}
ol.kite-reset,
ul.kite-reset,
.kite-text-list.kite-reset {
  border: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ol.kite-reset *,
ol.kite-reset *::before,
ol.kite-reset *::after,
ul.kite-reset *,
ul.kite-reset *::before,
ul.kite-reset *::after,
.kite-text-list.kite-reset *,
.kite-text-list.kite-reset *::before,
.kite-text-list.kite-reset *::after {
  box-sizing: inherit;
}
ol.kite-reset > li,
ul.kite-reset > li,
.kite-text-list.kite-reset > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
ol > li,
ul > li,
.kite-text-list > li {
  line-height: 1.5;
  margin-bottom: var(--kite-spacing-sm);
  padding-left: var(--kite-spacing-xs);
}
dl {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0;
}
dt {
  font-weight: var(--kite-font-weight-bold);
}
dd {
  margin: 0 0 var(--kite-spacing-xs) 0;
}
hr {
  border: 0;
  border-top: var(--kite-border-width-thin) var(--kite-border-style) var(--kite-border-color);
  margin-top: var(--kite-spacing-xl);
  margin-bottom: var(--kite-spacing-xl);
}
blockquote,
.kite-blockquote {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  blockquote,
  .kite-blockquote {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
blockquote,
.kite-blockquote {
  border-left: var(--kite-blockquote-border-left-color) var(--kite-blockquote-border-left-style) var(--kite-blockquote-border-left-width);
  margin-bottom: var(--kite-blockquote-margin-bottom);
  padding: var(--kite-blockquote-padding-top) var(--kite-blockquote-padding-right) var(--kite-blockquote-padding-bottom) var(--kite-blockquote-padding-left);
}
.kite-blockquote__footer {
  color: var(--kite-blockquote-cite-color);
  display: block;
  font-size: var(--kite-blockquote-cite-text-size);
}
.kite-blockquote__footer::before {
  content: var(--kite-blockquote-cite-punctuation);
}
mark,
.kite-mark {
  background-color: var(--kite-color-yellow-10);
}
abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  text-decoration: underline dotted;
}
h1,
.kite-type-style--title-1 {
  font-size: var(--kite-typography-title-1-size);
  font-weight: var(--kite-typography-title-1-weight);
  font-style: var(--kite-typography-title-1-style);
  letter-spacing: var(--kite-typography-title-1-letter-spacing);
  line-height: var(--kite-typography-title-1-line-height);
  margin: 0 0 var(--kite-typography-title-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h1,
  .kite-type-style--title-1 {
    font-size: var(--kite-typography-lg-title-1-size);
    font-weight: var(--kite-typography-lg-title-1-weight);
    letter-spacing: var(--kite-typography-lg-title-1-letter-spacing);
    line-height: var(--kite-typography-lg-title-1-line-height);
    margin: 0 0 var(--kite-typography-lg-title-1-margin-bottom);
  }
}
h2,
.kite-type-style--title-2 {
  font-size: var(--kite-typography-title-2-size);
  font-weight: var(--kite-typography-title-2-weight);
  font-style: var(--kite-typography-title-2-style);
  letter-spacing: var(--kite-typography-title-2-letter-spacing);
  line-height: var(--kite-typography-title-2-line-height);
  margin: 0 0 var(--kite-typography-title-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h2,
  .kite-type-style--title-2 {
    font-size: var(--kite-typography-lg-title-2-size);
    font-weight: var(--kite-typography-lg-title-2-weight);
    letter-spacing: var(--kite-typography-lg-title-2-letter-spacing);
    line-height: var(--kite-typography-lg-title-2-line-height);
    margin: 0 0 var(--kite-typography-lg-title-2-margin-bottom);
  }
}
h3,
.kite-type-style--title-3 {
  font-size: var(--kite-typography-title-3-size);
  font-weight: var(--kite-typography-title-3-weight);
  font-style: var(--kite-typography-title-3-style);
  letter-spacing: var(--kite-typography-title-3-letter-spacing);
  line-height: var(--kite-typography-title-3-line-height);
  margin: 0 0 var(--kite-typography-title-3-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h3,
  .kite-type-style--title-3 {
    font-size: var(--kite-typography-lg-title-3-size);
    font-weight: var(--kite-typography-lg-title-3-weight);
    letter-spacing: var(--kite-typography-lg-title-3-letter-spacing);
    line-height: var(--kite-typography-lg-title-3-line-height);
    margin: 0 0 var(--kite-typography-lg-title-3-margin-bottom);
  }
}
h4,
.kite-type-style--title-4 {
  font-size: var(--kite-typography-title-4-size);
  font-weight: var(--kite-typography-title-4-weight);
  font-style: var(--kite-typography-title-4-style);
  letter-spacing: var(--kite-typography-title-4-letter-spacing);
  line-height: var(--kite-typography-title-4-line-height);
  margin: 0 0 var(--kite-typography-title-4-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h4,
  .kite-type-style--title-4 {
    font-size: var(--kite-typography-lg-title-4-size);
    font-weight: var(--kite-typography-lg-title-4-weight);
    letter-spacing: var(--kite-typography-lg-title-4-letter-spacing);
    line-height: var(--kite-typography-lg-title-4-line-height);
    margin: 0 0 var(--kite-typography-lg-title-4-margin-bottom);
  }
}
h5,
.kite-type-style--title-5 {
  font-size: var(--kite-typography-title-5-size);
  font-weight: var(--kite-typography-title-5-weight);
  font-style: var(--kite-typography-title-5-style);
  letter-spacing: var(--kite-typography-title-5-letter-spacing);
  line-height: var(--kite-typography-title-5-line-height);
  margin: 0 0 var(--kite-typography-title-5-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h5,
  .kite-type-style--title-5 {
    font-size: var(--kite-typography-lg-title-5-size);
    font-weight: var(--kite-typography-lg-title-5-weight);
    letter-spacing: var(--kite-typography-lg-title-5-letter-spacing);
    line-height: var(--kite-typography-lg-title-5-line-height);
    margin: 0 0 var(--kite-typography-lg-title-5-margin-bottom);
  }
}
h6,
.kite-type-style--title-6 {
  font-size: var(--kite-typography-title-6-size);
  font-weight: var(--kite-typography-title-6-weight);
  font-style: var(--kite-typography-title-6-style);
  letter-spacing: var(--kite-typography-title-6-letter-spacing);
  line-height: var(--kite-typography-title-6-line-height);
  margin: 0 0 var(--kite-typography-title-6-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h6,
  .kite-type-style--title-6 {
    font-size: var(--kite-typography-lg-title-6-size);
    font-weight: var(--kite-typography-lg-title-6-weight);
    letter-spacing: var(--kite-typography-lg-title-6-letter-spacing);
    line-height: var(--kite-typography-lg-title-6-line-height);
    margin: 0 0 var(--kite-typography-lg-title-6-margin-bottom);
  }
}
.kite-type-style--eyebrow {
  font-size: var(--kite-typography-eyebrow-size);
  font-weight: var(--kite-typography-eyebrow-weight);
  font-style: var(--kite-typography-eyebrow-style);
  letter-spacing: var(--kite-typography-eyebrow-letter-spacing);
  line-height: var(--kite-typography-eyebrow-line-height);
  margin: 0 0 var(--kite-typography-eyebrow-margin-bottom);
  text-transform: var(--kite-typography-eyebrow-text-transform);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--eyebrow {
    font-size: var(--kite-typography-lg-eyebrow-size);
    font-weight: var(--kite-typography-lg-eyebrow-weight);
    letter-spacing: var(--kite-typography-lg-eyebrow-letter-spacing);
    line-height: var(--kite-typography-lg-eyebrow-line-height);
    margin: 0 0 var(--kite-typography-lg-eyebrow-margin-bottom);
    text-transform: var(--kite-typography-sm-eyebrow-text-transform);
  }
}
h1,
.kite-type-style--title-1,
h2,
.kite-type-style--title-2,
h3,
.kite-type-style--title-3,
h4,
.kite-type-style--title-4,
h5,
.kite-type-style--title-5,
h6,
.kite-type-style--title-6,
.kite-type-style--eyebrow {
  font-family:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
.kite-type-style--body {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
p {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  p {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
.kite-type-style--caption,
.kite-type-style--caption-1,
figcaption {
  font-size: var(--kite-typography-caption-1-size);
  font-weight: var(--kite-typography-caption-1-weight);
  font-style: var(--kite-typography-caption-1-style);
  letter-spacing: var(--kite-typography-caption-1-letter-spacing);
  line-height: var(--kite-typography-caption-1-line-height);
  margin: 0 0 var(--kite-typography-caption-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption,
  .kite-type-style--caption-1,
  figcaption {
    font-size: var(--kite-typography-lg-caption-1-size);
    font-weight: var(--kite-typography-lg-caption-1-weight);
    letter-spacing: var(--kite-typography-lg-caption-1-letter-spacing);
    line-height: var(--kite-typography-lg-caption-1-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-1-margin-bottom);
  }
}
.kite-type-style--caption-2 {
  font-size: var(--kite-typography-caption-2-size);
  font-weight: var(--kite-typography-caption-2-weight);
  font-style: var(--kite-typography-caption-2-style);
  letter-spacing: var(--kite-typography-caption-2-letter-spacing);
  line-height: var(--kite-typography-caption-2-line-height);
  margin: 0 0 var(--kite-typography-caption-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption-2 {
    font-size: var(--kite-typography-lg-caption-2-size);
    font-weight: var(--kite-typography-lg-caption-2-weight);
    letter-spacing: var(--kite-typography-lg-caption-2-letter-spacing);
    line-height: var(--kite-typography-lg-caption-2-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-2-margin-bottom);
  }
}
.kite-type-style--display {
  font-size: var(--kite-typography-display-size);
  font-weight: var(--kite-typography-display-weight);
  font-style: var(--kite-typography-display-style);
  letter-spacing: var(--kite-typography-display-letter-spacing);
  line-height: var(--kite-typography-display-line-height);
  margin: 0 0 var(--kite-typography-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--display {
    font-size: var(--kite-typography-lg-display-size);
    font-weight: var(--kite-typography-lg-display-weight);
    letter-spacing: var(--kite-typography-lg-display-letter-spacing);
    line-height: var(--kite-typography-lg-display-line-height);
    margin: 0 0 var(--kite-typography-lg-display-margin-bottom);
  }
}
.kite-type-style--body-display {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body-display {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
a {
  --text-decoration: var(--kite-link-text-decoration);
  --color: var(--kite-link-text-color);
  --focus-ring-color: var(--kite-link-focus-ring-color);
  --focus-text-color: var(--kite-link-focus-text-color);
  --hover-text-color: var(--kite-link-hover-text-color);
  --press-text-color: var(--kite-link-press-text-color);
  --visited-text-color: var(--kite-link-visited-text-color);
  color: var(--color);
  font-weight: var(--kite-link-text-weight);
  text-decoration: var(--text-decoration);
  text-decoration-thickness: var(--kite-link-text-decoration-thickness);
  text-underline-offset: var(--kite-link-text-decoration-offset);
}
a.kite-hover,
a:hover {
  --text-decoration: var(--kite-link-hover-text-decoration);
  color: var(--hover-text-color);
}
a.kite-focus-visible,
a:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
  --text-decoration: var(--kite-link-focus-text-decoration);
  color: var(--focus-text-color);
  outline-color: var(--focus-ring-color);
}
a.kite-active,
a:active {
  --text-decoration: var(--kite-link-press-text-decoration);
  color: var(--press-text-color);
}
a.kite-visited,
a:visited {
  --text-decoration: var(--kite-link-visited-text-decoration);
  color: var(--visited-text-color);
}
a.kite-disabled,
a:disabled {
  pointer-events: none;
}
a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: inherit;
}
ol,
ul,
.kite-text-list {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0 0 0 var(--kite-spacing-xl);
}
ol.kite-list--alpha,
ol.kite-text-list--alpha,
ul.kite-list--alpha,
ul.kite-text-list--alpha,
.kite-text-list.kite-list--alpha,
.kite-text-list.kite-text-list--alpha {
  list-style: lower-alpha;
}
ol.kite-list--unstyled,
ol.kite-text-list--unstyled,
ul.kite-list--unstyled,
ul.kite-text-list--unstyled,
.kite-text-list.kite-list--unstyled,
.kite-text-list.kite-text-list--unstyled {
  list-style: none;
  padding-left: 0;
}
ol.kite-list--unstyled > li,
ol.kite-text-list--unstyled > li,
ul.kite-list--unstyled > li,
ul.kite-text-list--unstyled > li,
.kite-text-list.kite-list--unstyled > li,
.kite-text-list.kite-text-list--unstyled > li {
  padding-left: 0;
}
ol.kite-reset,
ul.kite-reset,
.kite-text-list.kite-reset {
  border: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ol.kite-reset *,
ol.kite-reset *::before,
ol.kite-reset *::after,
ul.kite-reset *,
ul.kite-reset *::before,
ul.kite-reset *::after,
.kite-text-list.kite-reset *,
.kite-text-list.kite-reset *::before,
.kite-text-list.kite-reset *::after {
  box-sizing: inherit;
}
ol.kite-reset > li,
ul.kite-reset > li,
.kite-text-list.kite-reset > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
ol > li,
ul > li,
.kite-text-list > li {
  line-height: 1.5;
  margin-bottom: var(--kite-spacing-sm);
  padding-left: var(--kite-spacing-xs);
}
dl {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0;
}
dt {
  font-weight: var(--kite-font-weight-bold);
}
dd {
  margin: 0 0 var(--kite-spacing-xs) 0;
}
hr {
  border: 0;
  border-top: var(--kite-border-width-thin) var(--kite-border-style) var(--kite-border-color);
  margin-top: var(--kite-spacing-xl);
  margin-bottom: var(--kite-spacing-xl);
}
blockquote,
.kite-blockquote {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  blockquote,
  .kite-blockquote {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
blockquote,
.kite-blockquote {
  border-left: var(--kite-blockquote-border-left-color) var(--kite-blockquote-border-left-style) var(--kite-blockquote-border-left-width);
  margin-bottom: var(--kite-blockquote-margin-bottom);
  padding: var(--kite-blockquote-padding-top) var(--kite-blockquote-padding-right) var(--kite-blockquote-padding-bottom) var(--kite-blockquote-padding-left);
}
.kite-blockquote__footer {
  color: var(--kite-blockquote-cite-color);
  display: block;
  font-size: var(--kite-blockquote-cite-text-size);
}
.kite-blockquote__footer::before {
  content: var(--kite-blockquote-cite-punctuation);
}
mark,
.kite-mark {
  background-color: var(--kite-color-yellow-10);
}
abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  text-decoration: underline dotted;
}
body,
.kite-body {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  body,
  .kite-body {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
body,
.kite-body {
  background-color: var(--kite-color-background);
  color: var(--kite-color-text);
  font-family:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body:focus,
.kite-body:focus {
  outline: none;
}
body {
  margin: 0;
}
.kite-container,
.kite-container--fluid,
.kite-container--full-overflow {
  margin-right: auto;
  margin-left: auto;
  padding: 0 var(--kite-grid-xs-margins);
  width: 100%;
}
@media only screen and (min-width: 52.5rem) {
  .kite-container,
  .kite-container--fluid,
  .kite-container--full-overflow {
    padding: 0 var(--kite-grid-lg-margins);
  }
}
.kite-container {
  max-width: 80rem;
}
.kite-container--full-overflow {
  margin-right: -50vw;
  margin-left: -50vw;
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
}
.kite-grid {
  display: flex;
  flex-wrap: wrap;
}
.kite-cell {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
.kite-cell > .kite-card {
  height: 100%;
}
.kite-grid {
  margin: 0 calc(var(--kite-grid-xs-gutters) / -2);
}
@media only screen and (min-width: 30rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-sm-gutters) / -2);
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-md-gutters) / -2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-lg-gutters) / -2);
  }
}
@media only screen and (min-width: 60rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-xl-gutters) / -2);
  }
}
@media only screen and (min-width: 80rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-xxl-gutters) / -2);
  }
}
.kite-grid > .kite-cell {
  padding: calc(var(--kite-grid-xs-gutters) / 2);
}
@media only screen and (min-width: 30rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-sm-gutters) / 2);
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-md-gutters) / 2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-lg-gutters) / 2);
  }
}
@media only screen and (min-width: 60rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-xl-gutters) / 2);
  }
}
@media only screen and (min-width: 80rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-xxl-gutters) / 2);
  }
}
.kite-grid.kite-grid--no-gutters {
  margin: 0;
}
.kite-grid.kite-grid--no-gutters > .kite-cell {
  padding: 0;
}
.kite-cell-1,
.kite-cell-1-xs.kite-cell-1-xs {
  flex: 0 0 25%;
}
.kite-cell-2,
.kite-cell-2-xs.kite-cell-2-xs {
  flex: 0 0 50%;
}
.kite-cell-3,
.kite-cell-3-xs.kite-cell-3-xs {
  flex: 0 0 75%;
}
.kite-cell-4,
.kite-cell-4-xs {
  flex: 0 0 100%;
}
.kite-cell-5,
.kite-cell-5-xs {
  flex: 0 0 100%;
}
.kite-cell-6,
.kite-cell-6-xs {
  flex: 0 0 100%;
}
.kite-cell-7,
.kite-cell-7-xs {
  flex: 0 0 100%;
}
.kite-cell-8,
.kite-cell-8-xs {
  flex: 0 0 100%;
}
.kite-cell-9,
.kite-cell-9-xs {
  flex: 0 0 100%;
}
.kite-cell-10,
.kite-cell-10-xs {
  flex: 0 0 100%;
}
.kite-cell-11,
.kite-cell-11-xs {
  flex: 0 0 100%;
}
.kite-cell-12,
.kite-cell-12-xs {
  flex: 0 0 100%;
}
.kite-cell-flex {
  flex: 1;
}
@media only screen and (min-width: 30rem) {
  .kite-cell-1,
  .kite-cell-1-gt-xs.kite-cell-1-gt-xs {
    flex: 0 0 25%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-xs.kite-cell-2-gt-xs {
    flex: 0 0 50%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-xs.kite-cell-3-gt-xs {
    flex: 0 0 75%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-xs.kite-cell-flex-gt-xs {
    flex: 1;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-cell-1,
  .kite-cell-1-gt-sm.kite-cell-1-gt-sm {
    flex: 0 0 25%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-sm.kite-cell-2-gt-sm {
    flex: 0 0 50%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-sm.kite-cell-3-gt-sm {
    flex: 0 0 75%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-sm.kite-cell-flex-gt-sm {
    flex: 1;
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-cell-1,
  .kite-cell-1-gt-md.kite-cell-1-gt-md {
    flex: 0 0 8.3333333333%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-md.kite-cell-2-gt-md {
    flex: 0 0 16.6666666667%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-md.kite-cell-3-gt-md {
    flex: 0 0 25%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-md.kite-cell-4-gt-md {
    flex: 0 0 33.3333333333%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-md.kite-cell-5-gt-md {
    flex: 0 0 41.6666666667%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-md.kite-cell-6-gt-md {
    flex: 0 0 50%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-md.kite-cell-7-gt-md {
    flex: 0 0 58.3333333333%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-md.kite-cell-8-gt-md {
    flex: 0 0 66.6666666667%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-md.kite-cell-9-gt-md {
    flex: 0 0 75%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-md.kite-cell-10-gt-md {
    flex: 0 0 83.3333333333%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-md.kite-cell-11-gt-md {
    flex: 0 0 91.6666666667%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-md {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-md.kite-cell-flex-gt-md {
    flex: 1;
  }
}
@media only screen and (min-width: 60rem) {
  .kite-cell-1,
  .kite-cell-1-gt-lg.kite-cell-1-gt-lg {
    flex: 0 0 8.3333333333%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-lg.kite-cell-2-gt-lg {
    flex: 0 0 16.6666666667%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-lg.kite-cell-3-gt-lg {
    flex: 0 0 25%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-lg.kite-cell-4-gt-lg {
    flex: 0 0 33.3333333333%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-lg.kite-cell-5-gt-lg {
    flex: 0 0 41.6666666667%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-lg.kite-cell-6-gt-lg {
    flex: 0 0 50%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-lg.kite-cell-7-gt-lg {
    flex: 0 0 58.3333333333%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-lg.kite-cell-8-gt-lg {
    flex: 0 0 66.6666666667%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-lg.kite-cell-9-gt-lg {
    flex: 0 0 75%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-lg.kite-cell-10-gt-lg {
    flex: 0 0 83.3333333333%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-lg.kite-cell-11-gt-lg {
    flex: 0 0 91.6666666667%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-lg {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-lg.kite-cell-flex-gt-lg {
    flex: 1;
  }
}
@media only screen and (min-width: 80rem) {
  .kite-cell-1,
  .kite-cell-1-gt-xl.kite-cell-1-gt-xl {
    flex: 0 0 8.3333333333%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-xl.kite-cell-2-gt-xl {
    flex: 0 0 16.6666666667%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-xl.kite-cell-3-gt-xl {
    flex: 0 0 25%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-xl.kite-cell-4-gt-xl {
    flex: 0 0 33.3333333333%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-xl.kite-cell-5-gt-xl {
    flex: 0 0 41.6666666667%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-xl.kite-cell-6-gt-xl {
    flex: 0 0 50%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-xl.kite-cell-7-gt-xl {
    flex: 0 0 58.3333333333%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-xl.kite-cell-8-gt-xl {
    flex: 0 0 66.6666666667%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-xl.kite-cell-9-gt-xl {
    flex: 0 0 75%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-xl.kite-cell-10-gt-xl {
    flex: 0 0 83.3333333333%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-xl.kite-cell-11-gt-xl {
    flex: 0 0 91.6666666667%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-xl {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-xl.kite-cell-flex-gt-xl {
    flex: 1;
  }
}
.kite-container-grid {
  display: flex;
  flex-wrap: wrap;
  container-type: inline-size;
  container-name: kite-grid-container;
}
.kite-container-cell {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
.kite-container-cell > .kite-card {
  height: 100%;
}
.kite-container-grid {
  margin: 0 calc(var(--kite-grid-xs-gutters) / -2);
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 30rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-sm-gutters) / -2);
    }
  }
}
@container (min-width: 30rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-sm-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 37.5rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-md-gutters) / -2);
    }
  }
}
@container (min-width: 37.5rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-md-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 52.5rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-lg-gutters) / -2);
    }
  }
}
@container (min-width: 52.5rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-lg-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 60rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-xl-gutters) / -2);
    }
  }
}
@container (min-width: 60rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-xl-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 80rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-xxl-gutters) / -2);
    }
  }
}
@container (min-width: 80rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-xxl-gutters) / -2);
  }
}
.kite-container-grid > .kite-container-cell {
  padding: calc(var(--kite-grid-xs-gutters) / 2);
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 30rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-sm-gutters) / 2);
    }
  }
}
@container (min-width: 30rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-sm-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 37.5rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-md-gutters) / 2);
    }
  }
}
@container (min-width: 37.5rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-md-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 52.5rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-lg-gutters) / 2);
    }
  }
}
@container (min-width: 52.5rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-lg-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 60rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-xl-gutters) / 2);
    }
  }
}
@container (min-width: 60rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-xl-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 80rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-xxl-gutters) / 2);
    }
  }
}
@container (min-width: 80rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-xxl-gutters) / 2);
  }
}
.kite-container-grid.kite-container-grid--no-gutters {
  margin: 0;
}
.kite-container-grid.kite-container-grid--no-gutters > .kite-container-cell {
  padding: 0;
}
.kite-container-cell-1,
.kite-container-cell-1-xs.kite-container-cell-1-xs {
  flex: 0 0 25cqw;
}
.kite-container-cell-2,
.kite-container-cell-2-xs.kite-container-cell-2-xs {
  flex: 0 0 50cqw;
}
.kite-container-cell-3,
.kite-container-cell-3-xs.kite-container-cell-3-xs {
  flex: 0 0 75cqw;
}
.kite-container-cell-4,
.kite-container-cell-4-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-5,
.kite-container-cell-5-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-6,
.kite-container-cell-6-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-7,
.kite-container-cell-7-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-8,
.kite-container-cell-8-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-9,
.kite-container-cell-9-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-10,
.kite-container-cell-10-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-11,
.kite-container-cell-11-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-12,
.kite-container-cell-12-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-flex {
  flex: 1;
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 30rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-xs.kite-container-cell-1-gt-xs {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-xs.kite-container-cell-2-gt-xs {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-xs.kite-container-cell-3-gt-xs {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-xs.kite-container-cell-flex-gt-xs {
      flex: 1;
    }
  }
}
@container (min-width: 30rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-xs.kite-container-cell-1-gt-xs {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-xs.kite-container-cell-2-gt-xs {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-xs.kite-container-cell-3-gt-xs {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-xs.kite-container-cell-flex-gt-xs {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 37.5rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-sm.kite-container-cell-1-gt-sm {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-sm.kite-container-cell-2-gt-sm {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-sm.kite-container-cell-3-gt-sm {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-sm.kite-container-cell-flex-gt-sm {
      flex: 1;
    }
  }
}
@container (min-width: 37.5rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-sm.kite-container-cell-1-gt-sm {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-sm.kite-container-cell-2-gt-sm {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-sm.kite-container-cell-3-gt-sm {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-sm.kite-container-cell-flex-gt-sm {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 52.5rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-md.kite-container-cell-1-gt-md {
      flex: 0 0 8.3333333333cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-md.kite-container-cell-2-gt-md {
      flex: 0 0 16.6666666667cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-md.kite-container-cell-3-gt-md {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-md.kite-container-cell-4-gt-md {
      flex: 0 0 33.3333333333cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-md.kite-container-cell-5-gt-md {
      flex: 0 0 41.6666666667cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-md.kite-container-cell-6-gt-md {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-md.kite-container-cell-7-gt-md {
      flex: 0 0 58.3333333333cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-md.kite-container-cell-8-gt-md {
      flex: 0 0 66.6666666667cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-md.kite-container-cell-9-gt-md {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-md.kite-container-cell-10-gt-md {
      flex: 0 0 83.3333333333cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-md.kite-container-cell-11-gt-md {
      flex: 0 0 91.6666666667cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-md {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-md.kite-container-cell-flex-gt-md {
      flex: 1;
    }
  }
}
@container (min-width: 52.5rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-md.kite-container-cell-1-gt-md {
    flex: 0 0 8.3333333333cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-md.kite-container-cell-2-gt-md {
    flex: 0 0 16.6666666667cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-md.kite-container-cell-3-gt-md {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-md.kite-container-cell-4-gt-md {
    flex: 0 0 33.3333333333cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-md.kite-container-cell-5-gt-md {
    flex: 0 0 41.6666666667cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-md.kite-container-cell-6-gt-md {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-md.kite-container-cell-7-gt-md {
    flex: 0 0 58.3333333333cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-md.kite-container-cell-8-gt-md {
    flex: 0 0 66.6666666667cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-md.kite-container-cell-9-gt-md {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-md.kite-container-cell-10-gt-md {
    flex: 0 0 83.3333333333cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-md.kite-container-cell-11-gt-md {
    flex: 0 0 91.6666666667cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-md {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-md.kite-container-cell-flex-gt-md {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 60rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-lg.kite-container-cell-1-gt-lg {
      flex: 0 0 8.3333333333cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-lg.kite-container-cell-2-gt-lg {
      flex: 0 0 16.6666666667cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-lg.kite-container-cell-3-gt-lg {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-lg.kite-container-cell-4-gt-lg {
      flex: 0 0 33.3333333333cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-lg.kite-container-cell-5-gt-lg {
      flex: 0 0 41.6666666667cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-lg.kite-container-cell-6-gt-lg {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-lg.kite-container-cell-7-gt-lg {
      flex: 0 0 58.3333333333cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-lg.kite-container-cell-8-gt-lg {
      flex: 0 0 66.6666666667cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-lg.kite-container-cell-9-gt-lg {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-lg.kite-container-cell-10-gt-lg {
      flex: 0 0 83.3333333333cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-lg.kite-container-cell-11-gt-lg {
      flex: 0 0 91.6666666667cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-lg {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-lg.kite-container-cell-flex-gt-lg {
      flex: 1;
    }
  }
}
@container (min-width: 60rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-lg.kite-container-cell-1-gt-lg {
    flex: 0 0 8.3333333333cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-lg.kite-container-cell-2-gt-lg {
    flex: 0 0 16.6666666667cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-lg.kite-container-cell-3-gt-lg {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-lg.kite-container-cell-4-gt-lg {
    flex: 0 0 33.3333333333cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-lg.kite-container-cell-5-gt-lg {
    flex: 0 0 41.6666666667cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-lg.kite-container-cell-6-gt-lg {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-lg.kite-container-cell-7-gt-lg {
    flex: 0 0 58.3333333333cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-lg.kite-container-cell-8-gt-lg {
    flex: 0 0 66.6666666667cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-lg.kite-container-cell-9-gt-lg {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-lg.kite-container-cell-10-gt-lg {
    flex: 0 0 83.3333333333cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-lg.kite-container-cell-11-gt-lg {
    flex: 0 0 91.6666666667cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-lg {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-lg.kite-container-cell-flex-gt-lg {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 80rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-xl.kite-container-cell-1-gt-xl {
      flex: 0 0 8.3333333333cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-xl.kite-container-cell-2-gt-xl {
      flex: 0 0 16.6666666667cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-xl.kite-container-cell-3-gt-xl {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-xl.kite-container-cell-4-gt-xl {
      flex: 0 0 33.3333333333cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-xl.kite-container-cell-5-gt-xl {
      flex: 0 0 41.6666666667cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-xl.kite-container-cell-6-gt-xl {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-xl.kite-container-cell-7-gt-xl {
      flex: 0 0 58.3333333333cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-xl.kite-container-cell-8-gt-xl {
      flex: 0 0 66.6666666667cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-xl.kite-container-cell-9-gt-xl {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-xl.kite-container-cell-10-gt-xl {
      flex: 0 0 83.3333333333cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-xl.kite-container-cell-11-gt-xl {
      flex: 0 0 91.6666666667cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-xl {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-xl.kite-container-cell-flex-gt-xl {
      flex: 1;
    }
  }
}
@container (min-width: 80rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-xl.kite-container-cell-1-gt-xl {
    flex: 0 0 8.3333333333cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-xl.kite-container-cell-2-gt-xl {
    flex: 0 0 16.6666666667cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-xl.kite-container-cell-3-gt-xl {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-xl.kite-container-cell-4-gt-xl {
    flex: 0 0 33.3333333333cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-xl.kite-container-cell-5-gt-xl {
    flex: 0 0 41.6666666667cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-xl.kite-container-cell-6-gt-xl {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-xl.kite-container-cell-7-gt-xl {
    flex: 0 0 58.3333333333cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-xl.kite-container-cell-8-gt-xl {
    flex: 0 0 66.6666666667cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-xl.kite-container-cell-9-gt-xl {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-xl.kite-container-cell-10-gt-xl {
    flex: 0 0 83.3333333333cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-xl.kite-container-cell-11-gt-xl {
    flex: 0 0 91.6666666667cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-xl {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-xl.kite-container-cell-flex-gt-xl {
    flex: 1;
  }
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
.kite-icon {
  --fill: currentColor;
  --color: var(--fill, currentColor);
  --size: 1em;
  --offset: 0;
  contain: strict;
  display: inline-block;
  position: relative;
  bottom: calc(var(--offset) * 0.1em);
  width: var(--size);
  height: var(--size);
}
.kite-icon--inline {
  --offset: 1;
  vertical-align: middle;
}
.kite-icon__inner {
  width: 100%;
  height: 100%;
}
.kite-icon__inner svg {
  display: block;
  fill: var(--color);
  width: 100%;
  height: 100%;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-icon__inner svg {
    fill: currentColor;
  }
}
.kite-payment-logo {
  contain: strict;
  display: inline-block;
  position: relative;
  width: var(--kite-payment-logo-width);
  height: var(--kite-payment-logo-height);
}
.kite-payment-logo--inline {
  vertical-align: middle;
}
.kite-payment-logo__inner {
  width: 100%;
  height: 100%;
}
.kite-payment-logo__inner img,
.kite-payment-logo__inner svg {
  display: block;
  width: 100%;
  height: 100%;
}
:root {
  --pi: 3.1415926536;
}
.kite-assistive-text,
.kite-visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
.kite-assistive-text--focusable:active,
.kite-assistive-text--focusable:focus,
.kite-visually-hidden--focusable:active,
.kite-visually-hidden--focusable:focus {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
}
.kite-display-none {
  display: none;
}
.kite-display-inline {
  display: inline;
}
.kite-display-inline-block {
  display: inline-block;
}
.kite-display-block {
  display: block;
}
.kite-display-table {
  display: table;
}
.kite-display-table-cell {
  display: table-cell;
}
.kite-display-flex {
  display: flex;
}
.kite-display-inline-flex {
  display: inline-flex;
}
@media only screen and (min-width: 30rem) {
  .kite-display-none-gt-sm {
    display: none;
  }
  .kite-display-inline-gt-sm {
    display: inline;
  }
  .kite-display-inline-block-gt-sm {
    display: inline-block;
  }
  .kite-display-block-gt-sm {
    display: block;
  }
  .kite-display-table-gt-sm {
    display: table;
  }
  .kite-display-table-cell-gt-sm {
    display: table-cell;
  }
  .kite-display-flex-gt-sm {
    display: flex;
  }
  .kite-display-inline-flex-gt-sm {
    display: inline-flex;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-display-none-gt-md {
    display: none;
  }
  .kite-display-inline-gt-md {
    display: inline;
  }
  .kite-display-inline-block-gt-md {
    display: inline-block;
  }
  .kite-display-block-gt-md {
    display: block;
  }
  .kite-display-table-gt-md {
    display: table;
  }
  .kite-display-table-cell-gt-md {
    display: table-cell;
  }
  .kite-display-flex-gt-md {
    display: flex;
  }
  .kite-display-inline-flex-gt-md {
    display: inline-flex;
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-display-none-gt-lg {
    display: none;
  }
  .kite-display-inline-gt-lg {
    display: inline;
  }
  .kite-display-inline-block-gt-lg {
    display: inline-block;
  }
  .kite-display-block-gt-lg {
    display: block;
  }
  .kite-display-table-gt-lg {
    display: table;
  }
  .kite-display-table-cell-gt-lg {
    display: table-cell;
  }
  .kite-display-flex-gt-lg {
    display: flex;
  }
  .kite-display-inline-flex-gt-lg {
    display: inline-flex;
  }
}
@media only screen and (min-width: 60rem) {
  .kite-display-none-gt-xl {
    display: none;
  }
  .kite-display-inline-gt-xl {
    display: inline;
  }
  .kite-display-inline-block-gt-xl {
    display: inline-block;
  }
  .kite-display-block-gt-xl {
    display: block;
  }
  .kite-display-table-gt-xl {
    display: table;
  }
  .kite-display-table-cell-gt-xl {
    display: table-cell;
  }
  .kite-display-flex-gt-xl {
    display: flex;
  }
  .kite-display-inline-flex-gt-xl {
    display: inline-flex;
  }
}
.kite-accordion {
  --background-color-hover: var(--kite-accordion-hover-background-color);
  --border-color: var(--kite-accordion-border-color);
  --icon-color: var(--kite-accordion-icon-color);
  --icon-color-disabled: var(--kite-accordion-disabled-icon-color);
  --title-color: var(--kite-accordion-title-text-color);
  --title-color-disabled: var(--kite-accordion-disabled-title-text-color);
  --label-color: var(--kite-accordion-label-text-color);
  --label-color-disabled: var(--kite-accordion-disabled-label-text-color);
}
ul.kite-accordion {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-accordion > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
.kite-accordion-row {
  border-bottom: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  width: 100%;
  overflow: hidden;
}
.kite-accordion-row > h1,
.kite-accordion-row > h2,
.kite-accordion-row > h3,
.kite-accordion-row > h4,
.kite-accordion-row > h5,
.kite-accordion-row > h6 {
  font-size: unset;
  margin: 0;
}
.kite-accordion-row > h1,
.kite-accordion-row > h2,
.kite-accordion-row > h3,
.kite-accordion-row > h4,
.kite-accordion-row > h5,
.kite-accordion-row > h6 {
  font-size: unset;
  margin: 0;
}
.kite-accordion-row:first-of-type {
  border-top: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
}
.kite-accordion-row__button {
  background-color: transparent;
  border: 0;
  cursor: var(--kite-accordion-cursor);
  font-size: var(--kite-accordion-title-text-size);
  line-height: var(--kite-accordion-title-text-line-height);
  padding: var(--kite-accordion-padding-top) 0 var(--kite-accordion-padding-bottom) 0;
  position: relative;
  width: var(--kite-accordion-trigger-width);
  height: 100%;
}
.kite-accordion-row__button.kite-hover:enabled,
.kite-accordion-row__button:hover:enabled {
  background-color: var(--background-color-hover);
}
.kite-accordion-row__button.kite-focus-visible,
.kite-accordion-row__button:focus-visible {
  outline: none;
}
.kite-accordion-row__button.kite-focus-visible::after,
.kite-accordion-row__button:focus-visible::after {
  border: var(--kite-accordion-focus-ring-width) var(--kite-accordion-focus-ring-style) var(--kite-accordion-focus-ring-color);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kite-accordion-row__button:disabled {
  cursor: var(--kite-accordion-disabled-cursor);
}
.kite-accordion-row__button:disabled .kite-title {
  color: var(--title-color-disabled);
}
.kite-accordion-row__button:disabled .kite-accordion-row__label {
  color: var(--label-color-disabled);
}
.kite-accordion-row__button:disabled .kite-accordion-row__icon .kite-icon {
  --color: var(--icon-color-disabled);
}
.kite-accordion-row__button-inner {
  align-items: center;
  display: flex;
  padding: 0 var(--kite-accordion-icon-padding-right) 0 var(--kite-accordion-title-padding-left);
  height: 100%;
}
.kite-accordion-row .kite-title {
  color: var(--title-color);
  font-weight: var(--kite-accordion-title-text-weight);
  flex-grow: 1;
  text-align: left;
}
.kite-accordion-row__label {
  color: var(--label-color);
  font-weight: var(--kite-accordion-label-text-weight);
  margin-right: var(--kite-accordion-label-margin-right);
  margin-left: var(--kite-accordion-label-margin-left);
}
.kite-accordion-row__label--alert,
.kite-accordion-row__label--negative {
  color: var(--kite-accordion-negative-label-text-color);
}
.kite-accordion-row__label--success,
.kite-accordion-row__label--positive {
  color: var(--kite-accordion-positive-label-text-color);
}
.kite-accordion-row__icon {
  --icon-size: var(--kite-accordion-icon-width);
  transition: transform var(--kite-accordion-icon-transition-duration) var(--kite-accordion-icon-transition-timing-function);
  width: var(--icon-size);
  height: var(--icon-size);
}
.kite-accordion-row__icon .kite-icon {
  --color: var(--icon-color);
}
@media (prefers-reduced-motion) {
  .kite-accordion-row__icon {
    transition-property: none;
  }
}
.kite-accordion-row__content-window {
  --max-height: 0;
  max-height: var(--max-height);
  overflow: hidden;
}
.kite-accordion-row__content {
  --opacity: 0;
  opacity: var(--opacity);
  display: none;
  text-align: left;
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-expanded-padding-right) var(--kite-accordion-expanded-padding-bottom) var(--kite-accordion-expanded-padding-left);
}
.kite-accordion-row__content > :last-child {
  margin-bottom: 0;
}
.kite-accordion-row__content-window--transitioning {
  transition: all var(--kite-accordion-expanded-transition-duration) var(--kite-accordion-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-accordion-row__content-window--transitioning {
    transition-property: none;
  }
}
.kite-accordion-row__content-window--transitioning .kite-accordion-row__content {
  transition: all var(--kite-accordion-expanded-transition-duration) var(--kite-accordion-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-accordion-row__content-window--transitioning .kite-accordion-row__content {
    transition-property: none;
  }
}
.kite-accordion-row--active .kite-accordion-row__content,
.kite-accordion-row--expanded .kite-accordion-row__content {
  display: block;
}
.kite-accordion-row--active .kite-accordion-row__icon,
.kite-accordion-row--expanded .kite-accordion-row__icon {
  transform: rotate(-180deg);
}
.kite-accordion--rules-top .kite-accordion-row {
  border-top: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  border-bottom: 0;
}
.kite-accordion--rules-bottom .kite-accordion-row:first-of-type {
  border-top: 0;
}
.kite-accordion--rules-none .kite-accordion-row {
  border-bottom: 0;
}
.kite-accordion--rules-none .kite-accordion-row:first-of-type {
  border-top: 0;
}
.kite-accordion--in-card {
  padding-left: 0;
}
.kite-accordion--in-card .kite-accordion-row {
  border-bottom: 0;
  border-top: 0;
  position: relative;
}
.kite-accordion--in-card .kite-accordion-row::before {
  border-bottom: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  content: "";
  overflow: visible;
  position: absolute;
  bottom: 0;
  left: 0;
}
.kite-accordion--in-card .kite-accordion-row:last-child::before {
  border-bottom: 0;
}
.kite-accordion--in-card .kite-accordion-row__button--padding-sm {
  padding: var(--kite-accordion-padding-top-sm) var(--kite-accordion-padding-right-sm) var(--kite-accordion-padding-bottom-sm) var(--kite-accordion-padding-left-sm);
}
.kite-accordion--in-card .kite-accordion-row__button--padding-md {
  padding: var(--kite-accordion-padding-top-md) var(--kite-accordion-padding-right-md) var(--kite-accordion-padding-bottom-md) var(--kite-accordion-padding-left-md);
}
.kite-accordion--in-card .kite-accordion-row__button--padding-lg {
  padding: var(--kite-accordion-padding-top-lg) var(--kite-accordion-padding-right-lg) var(--kite-accordion-padding-bottom-lg) var(--kite-accordion-padding-left-lg);
}
.kite-accordion--in-card .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-sm);
  margin-left: var(--kite-accordion-padding-left-sm);
  width: calc(100% - var(--kite-accordion-padding-left-sm) - var(--kite-accordion-padding-right-sm));
}
.kite-accordion--in-card .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-sm) var(--kite-accordion-padding-right-sm) var(--kite-accordion-padding-bottom-sm) var(--kite-accordion-padding-left-sm);
}
.kite-accordion--in-card .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-sm) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-sm) + var(--kite-accordion-title-padding-left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-accordion--in-card .kite-accordion-row::before {
    margin-right: var(--kite-accordion-padding-right-md);
    margin-left: var(--kite-accordion-padding-left-md);
    width: calc(100% - var(--kite-accordion-padding-left-md) - var(--kite-accordion-padding-right-md));
  }
  .kite-accordion--in-card .kite-accordion-row__button {
    padding: var(--kite-accordion-padding-top-md) var(--kite-accordion-padding-right-md) var(--kite-accordion-padding-bottom-md) var(--kite-accordion-padding-left-md);
  }
  .kite-accordion--in-card .kite-accordion-row__content {
    padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-md) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-md) + var(--kite-accordion-title-padding-left));
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-accordion--in-card .kite-accordion-row::before {
    margin-right: var(--kite-accordion-padding-right-lg);
    margin-left: var(--kite-accordion-padding-left-lg);
    width: calc(100% - var(--kite-accordion-padding-left-lg) - var(--kite-accordion-padding-right-lg));
  }
  .kite-accordion--in-card .kite-accordion-row__button {
    padding: var(--kite-accordion-padding-top-lg) var(--kite-accordion-padding-right-lg) var(--kite-accordion-padding-bottom-lg) var(--kite-accordion-padding-left-lg);
  }
  .kite-accordion--in-card .kite-accordion-row__content {
    padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-lg) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-lg) + var(--kite-accordion-title-padding-left));
  }
}
.kite-accordion--in-card.kite-accordion--padding-sm .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-sm);
  margin-left: var(--kite-accordion-padding-left-sm);
  width: calc(100% - var(--kite-accordion-padding-left-sm) - var(--kite-accordion-padding-right-sm));
}
.kite-accordion--in-card.kite-accordion--padding-sm .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-sm) var(--kite-accordion-padding-right-sm) var(--kite-accordion-padding-bottom-sm) var(--kite-accordion-padding-left-sm);
}
.kite-accordion--in-card.kite-accordion--padding-sm .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-sm) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-sm) + var(--kite-accordion-title-padding-left));
}
.kite-accordion--in-card.kite-accordion--padding-md .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-md);
  margin-left: var(--kite-accordion-padding-left-md);
  width: calc(100% - var(--kite-accordion-padding-left-md) - var(--kite-accordion-padding-right-md));
}
.kite-accordion--in-card.kite-accordion--padding-md .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-md) var(--kite-accordion-padding-right-md) var(--kite-accordion-padding-bottom-md) var(--kite-accordion-padding-left-md);
}
.kite-accordion--in-card.kite-accordion--padding-md .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-md) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-md) + var(--kite-accordion-title-padding-left));
}
.kite-accordion--in-card.kite-accordion--padding-lg .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-lg);
  margin-left: var(--kite-accordion-padding-left-lg);
  width: calc(100% - var(--kite-accordion-padding-left-lg) - var(--kite-accordion-padding-right-lg));
}
.kite-accordion--in-card.kite-accordion--padding-lg .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-lg) var(--kite-accordion-padding-right-lg) var(--kite-accordion-padding-bottom-lg) var(--kite-accordion-padding-left-lg);
}
.kite-accordion--in-card.kite-accordion--padding-lg .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-lg) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-lg) + var(--kite-accordion-title-padding-left));
}
.kite-alert {
  --dismiss-icon-color: var(--kite-alert-dismiss-icon-color);
  --global-caution-background-color: var(--kite-alert-global-caution-background-color);
  --global-caution-status-icon-color: var(--kite-alert-global-caution-status-icon-color);
  --global-caution-link-text-color: var(--kite-alert-global-caution-link-text-color);
  --global-caution-text-color: var(--kite-alert-global-caution-text-color);
  --global-negative-background-color: var(--kite-alert-global-negative-background-color);
  --global-negative-status-icon-color: var(--kite-alert-global-negative-status-icon-color);
  --global-negative-link-text-color: var(--kite-alert-global-negative-link-text-color);
  --global-negative-text-color: var(--kite-alert-global-negative-text-color);
  --global-neutral-text-color: var(--kite-alert-global-neutral-text-color);
  --global-neutral-background-color: var(--kite-alert-global-neutral-background-color);
  --global-neutral-status-icon-color: var(--kite-alert-global-neutral-status-icon-color);
  --global-neutral-link-text-color: var(--kite-alert-global-neutral-link-text-color);
  --page-background-color: var(--kite-alert-background-color);
  --page-border-color: var(--kite-alert-border-color);
  --page-link-text-color: var(--kite-alert-link-text-color);
  --page-text-color: var(--kite-alert-text-color);
  --page-caution-border-left-color: var(--kite-alert-caution-border-left-color);
  --page-caution-status-icon-color: var(--kite-alert-caution-status-icon-color);
  --page-negative-border-left-color: var(--kite-alert-negative-border-left-color);
  --page-negative-status-icon-color: var(--kite-alert-negative-status-icon-color);
  --page-info-border-left-color: var(--kite-alert-neutral-border-left-color);
  --page-neutral-border-left-color: var(--page-info-border-left-color, --kite-alert-neutral-border-left-color);
  --page-info-status-icon-color: var(--kite-alert-neutral-status-icon-color);
  --page-neutral-status-icon-color: var(--page-info-status-icon-color, var(--kite-alert-neutral-status-icon-color));
  --page-positive-border-left-color: var(--kite-alert-positive-border-left-color);
  --page-positive-status-icon-color: var(--kite-alert-positive-status-icon-color);
}
.kite-alert {
  --global-background-color: var(--global-neutral-background-color);
  --global-icon-color: var(--global-neutral-status-icon-color);
  --global-link-text-color: var(--global-neutral-link-text-color);
  --global-link-icon-color: var(--kite-alert-global-neutral-link-icon-color);
  --global-text-color: var(--global-neutral-text-color);
  --page-icon-color: var(--page-neutral-status-icon-color);
  --page-border-left-color: var(--page-neutral-border-left-color);
  --passive-background-color: var(--kite-alert-passive-neutral-background-color);
  --passive-border-color: var(--kite-alert-passive-neutral-border-color);
  --passive-icon-color: var(--kite-alert-passive-neutral-status-icon-color);
  --kite-button-margin-top: var(--kite-spacing-xs);
  --kite-button-focus-ring-color: var(--kite-alert-focus-ring-color);
  --kite-button-secondary-text-color: var(--kite-color-primary);
  --kite-button-secondary-border-color: var(--kite-color-primary);
  --kite-button-secondary-hover-background-color: var(--kite-color-blue-30);
  --kite-button-secondary-hover-text-color: var(--kite-color-white);
  --kite-button-secondary-press-background-color: var(--kite-color-blue-30);
  --kite-button-secondary-press-text-color: var(--kite-color-white);
  --kite-button-secondary-focus-background-color: var(--kite-color-blue-30);
  --kite-button-secondary-focus-text-color: var(--kite-color-white);
  --kite-button-secondary-disabled-text-color: var(--kite-color-gray-25);
  --kite-button-secondary-disabled-border-color: var(--kite-color-gray-25);
  --kite-link-text-color: var(--page-link-text-color);
  --kite-link-hover-text-color: var(--kite-color-dark-blue-10);
  --kite-link-focus-text-color: var(--page-link-text-color);
  --kite-link-press-text-color: var(--kite-color-dark-blue-20);
  --kite-link-visited-text-color: var(--kite-color-dark-blue-10);
  --kite-link-standalone-icon-color: var(--kite-alert-link-icon-color);
  --kite-link-standalone-hover-icon-color: var(--kite-color-dark-blue-10);
  --kite-link-standalone-focus-icon-color: var(--kite-alert-link-icon-color);
  --kite-link-standalone-press-icon-color: var(--kite-color-dark-blue-20);
  --kite-link-standalone-visited-icon-color: var(--kite-color-dark-blue-10);
  border-width: var(--kite-alert-border-width);
}
.kite-alert--caution {
  --global-background-color: var(--global-caution-background-color);
  --global-icon-color: var(--global-caution-status-icon-color);
  --global-link-text-color: var(--global-caution-link-text-color);
  --global-link-icon-color: var(--kite-alert-global-caution-link-icon-color);
  --global-text-color: var(--global-caution-text-color);
  --page-icon-color: var(--page-caution-status-icon-color);
  --page-border-left-color: var(--page-caution-border-left-color);
  --passive-background-color: var(--kite-alert-passive-caution-background-color);
  --passive-border-color: var(--kite-alert-passive-caution-border-color);
  --passive-icon-color: var(--kite-alert-passive-caution-status-icon-color);
}
.kite-alert--error,
.kite-alert--negative {
  --global-background-color: var(--global-negative-background-color);
  --global-icon-color: var(--global-negative-status-icon-color);
  --global-link-text-color: var(--global-negative-link-text-color);
  --global-link-icon-color: var(--kite-alert-global-negative-link-icon-color);
  --global-text-color: var(--global-negative-text-color);
  --page-icon-color: var(--page-negative-status-icon-color);
  --page-border-left-color: var(--page-negative-border-left-color);
  --passive-background-color: var(--kite-alert-passive-negative-background-color);
  --passive-border-color: var(--kite-alert-passive-negative-border-color);
  --passive-icon-color: var(--kite-alert-passive-negative-status-icon-color);
}
.kite-alert--error.kite-alert--global,
.kite-alert--negative.kite-alert--global {
  --kite-button-secondary-hover-text-color: var(--kite-color-black);
  --kite-button-secondary-press-text-color: var(--kite-color-black);
  --kite-button-secondary-focus-text-color: var(--kite-color-black);
}
.kite-alert--success,
.kite-alert--positive {
  --page-icon-color: var(--page-positive-status-icon-color);
  --page-border-left-color: var(--page-positive-border-left-color);
  --passive-background-color: var(--kite-alert-passive-positive-background-color);
  --passive-border-color: var(--kite-alert-passive-positive-border-color);
  --passive-icon-color: var(--kite-alert-passive-positive-status-icon-color);
}
.kite-alert--global {
  --kite-button-focus-ring-color: var(--kite-alert-global-focus-ring-color);
  --kite-button-secondary-text-color: var(--global-text-color);
}
.kite-alert--passive {
  --kite-button-secondary-text-color: var(--kite-alert-text-color);
}
.kite-alert--global,
.kite-alert--passive {
  --kite-button-secondary-border-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-hover-background-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-hover-text-color: var(--kite-color-white);
  --kite-button-secondary-press-background-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-press-text-color: var(--kite-color-white);
  --kite-button-secondary-focus-background-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-focus-text-color: var(--kite-color-white);
  --kite-button-secondary-disabled-text-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-disabled-border-color: var(--kite-button-secondary-border-color);
}
.kite-alert {
  background-color: var(--page-background-color);
  border-color: var(--page-border-color);
  border-radius: var(--kite-alert-border-radius);
  border-style: var(--kite-alert-border-style);
  box-shadow: var(--kite-alert-elevation);
  color: var(--page-text-color);
  display: none;
  flex-direction: column;
  font-size: var(--kite-alert-text-size);
  font-weight: var(--kite-alert-text-weight);
  padding: var(--kite-alert-padding-top) var(--kite-alert-padding-right) var(--kite-alert-padding-bottom) calc(var(--kite-alert-padding-left) + var(--kite-alert-border-left-width));
  text-align: var(--kite-alert-text-align);
  position: relative;
}
.kite-alert:not(:first-child) {
  margin-top: var(--kite-alert-stacked-margin-top);
}
.kite-alert::before {
  background-color: var(--page-border-left-color);
  border-radius: var(--kite-alert-border-radius) 0 0 var(--kite-alert-border-radius);
  content: "";
  position: absolute;
  top: calc(var(--kite-alert-border-width) * -1);
  bottom: calc(var(--kite-alert-border-width) * -1);
  left: calc(var(--kite-alert-border-width) * -1);
  width: var(--kite-alert-border-left-width);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-alert::before {
    background-color: CanvasText;
  }
}
.kite-alert--active,
.kite-alert--activated {
  display: flex;
}
.kite-alert__inner {
  display: flex;
  flex-grow: 1;
}
.kite-alert__message {
  flex-grow: 1;
}
.kite-alert__link,
.kite-alert__action {
  display: block;
  margin-top: var(--kite-alert-link-margin-top);
  margin-left: calc(var(--kite-alert-status-icon-width) + var(--kite-alert-status-icon-margin-right));
}
.kite-alert .kite-link.kite-focus-visible,
.kite-alert .kite-link:focus-visible {
  outline-color: var(--kite-alert-focus-ring-color);
}
.kite-alert__dismiss-button {
  background-color: transparent;
  border: 0;
  cursor: var(--kite-alert-dismiss-icon-cursor);
  flex-shrink: 0;
  font-size: 0;
  margin-right: var(--kite-alert-dismiss-icon-margin-right);
  margin-left: var(--kite-alert-dismiss-icon-margin-left);
  padding: 0;
  width: var(--kite-alert-dismiss-icon-width);
  height: var(--kite-alert-dismiss-icon-height);
}
.kite-alert__dismiss-button.kite-focus-visible,
.kite-alert__dismiss-button:focus-visible {
  outline-color: var(--kite-alert-focus-ring-color);
}
.kite-alert__dismiss-button .kite-alert__icon {
  width: var(--kite-alert-dismiss-icon-width);
}
.kite-alert__dismiss-button .kite-alert__icon .kite-icon {
  --color: var(--dismiss-icon-color);
}
.kite-alert__icon {
  color: var(--page-icon-color);
  flex-shrink: 0;
  margin-right: var(--kite-alert-status-icon-margin-right);
  width: var(--kite-alert-status-icon-width);
  height: var(--kite-alert-status-icon-height);
}
.kite-alert__icon .kite-icon {
  --size: var(--kite-alert-status-icon-height);
}
.kite-alert--global::before {
  content: none;
}
.kite-alert--global.kite-alert--error .kite-alert__dismiss-button .kite-icon,
.kite-alert--global.kite-alert--negative .kite-alert__dismiss-button .kite-icon {
  --color: var(--global-negative-status-icon-color);
}
.kite-alert--global {
  background-color: var(--global-background-color);
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: none;
  color: var(--global-text-color);
  font-size: var(--kite-alert-text-size);
  margin-bottom: 0;
  padding: var(--kite-alert-global-padding-top) var(--kite-alert-global-padding-right) var(--kite-alert-global-padding-bottom) var(--kite-alert-global-padding-left);
  width: 100%;
}
.kite-alert--global .kite-alert__icon {
  color: var(--global-icon-color);
  margin-right: var(--kite-alert-global-status-icon-margin-right);
}
.kite-alert--global .kite-alert__link,
.kite-alert--global .kite-alert__action {
  margin-left: calc(var(--kite-alert-status-icon-width) + var(--kite-alert-global-status-icon-margin-right));
}
.kite-alert--global .kite-alert__link .kite-link,
.kite-alert--global .kite-alert__action .kite-link {
  color: var(--global-link-text-color);
  --icon-color: var(--global-link-icon-color);
}
.kite-alert--global .kite-link.kite-focus-visible,
.kite-alert--global .kite-link:focus-visible,
.kite-alert--global .kite-alert__dismiss-button.kite-focus-visible,
.kite-alert--global .kite-alert__dismiss-button:focus-visible {
  outline-color: var(--kite-alert-global-focus-ring-color);
}
.kite-alert--passive {
  --translate: 0px, 0px;
  background-color: var(--passive-background-color);
  border-color: var(--passive-border-color);
  border-radius: var(--kite-alert-passive-border-radius);
  box-shadow: var(--kite-alert-passive-elevation);
  padding: var(--kite-alert-passive-padding-top) var(--kite-alert-passive-padding-right) var(--kite-alert-passive-padding-bottom) var(--kite-alert-passive-padding-left);
  transform: translate(var(--translate));
  transition: transform var(--kite-alert-passive-transition-duration) var(--kite-alert-passive-entry-transition-timing-function), visibility var(--kite-alert-passive-transition-duration) var(--kite-alert-passive-entry-transition-timing-function);
  min-width: var(--kite-alert-passive-min-width);
}
@media only screen and (min-width: 52.5rem) {
  .kite-alert--passive {
    max-width: var(--kite-alert-passive-breakpoint-lg-max-width);
    width: fit-content;
  }
}
.kite-alert--passive::before {
  content: none;
}
.kite-alert--passive .kite-alert__icon {
  color: var(--passive-icon-color);
  margin-right: var(--kite-alert-passive-status-icon-margin-right);
}
.kite-alert--passive .kite-alert__dismiss-button {
  margin-left: var(--kite-alert-passive-dismiss-icon-margin-left);
}
.kite-alert--passive .kite-alert__title {
  display: block;
  font-size: var(--kite-alert-passive-title-text-size);
  font-weight: var(--kite-alert-passive-title-text-weight);
  letter-spacing: var(--kite-alert-passive-title-letter-spacing);
  line-height: var(--kite-alert-passive-title-line-height);
  margin-bottom: var(--kite-alert-passive-title-margin-bottom);
}
.kite-alert--passive .kite-alert__link,
.kite-alert--passive .kite-alert__action {
  margin-left: calc(var(--kite-alert-status-icon-width) + var(--kite-alert-passive-status-icon-margin-right));
}
.kite-alert--passive .kite-alert__link .kite-link,
.kite-alert--passive .kite-alert__action .kite-link {
  color: var(--kite-alert-passive-link-text-color);
  --icon-color: var(--kite-alert-passive-link-text-color);
}
.kite-alert--passive:not(.kite-alert-region *),
.kite-alert-region--passive {
  margin: var(--kite-alert-passive-margin-top) var(--kite-alert-passive-margin-right) var(--kite-alert-passive-margin-bottom) var(--kite-alert-passive-margin-left);
  position: fixed;
  top: auto;
  right: var(--kite-alert-passive-offset-x);
  bottom: var(--kite-alert-passive-offset-y);
  left: var(--kite-alert-passive-offset-x);
  z-index: var(--kite-alert-passive-zindex);
}
@media only screen and (min-width: 52.5rem) {
  .kite-alert--passive:not(.kite-alert-region *),
  .kite-alert-region--passive {
    margin: var(--kite-alert-passive-breakpoint-lg-margin-top) var(--kite-alert-passive-breakpoint-lg-margin-right) var(--kite-alert-passive-breakpoint-lg-margin-bottom) var(--kite-alert-passive-breakpoint-lg-margin-left);
    top: var(--kite-alert-passive-breakpoint-lg-offset-y);
    right: var(--kite-alert-passive-breakpoint-lg-offset-x);
    bottom: auto;
    left: auto;
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-alert-region--passive {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
.kite-badge {
  --badge-offset-horizontal: -1em;
  --badge-offset-vertical: -1em;
  --badge-offset-baseline: 0.08em;
  --badge-size-sm: var(--kite-badge-sm-width);
  --badge-radius: var(--kite-badge-border-radius);
  --badge-border-width: var(--kite-badge-border-width);
  --badge-border-style: var(--kite-badge-border-style);
  --badge-border-color: var(--kite-badge-border-color);
  --badge-background: var(--kite-badge-background-color);
  --badge-color: var(--kite-badge-text-color);
  --badge-background-disabled: var(--kite-badge-disabled-background-color);
  --badge-color-disabled: var(--kite-badge-disabled-text-color);
}
.kite-badge {
  align-items: center;
  background-color: var(--badge-background);
  border: var(--badge-border-width) var(--badge-border-style) var(--badge-border-color);
  border-radius: var(--badge-radius);
  color: var(--badge-color);
  display: inline-flex;
  font-size: var(--kite-badge-text-size);
  font-weight: var(--kite-badge-text-weight);
  justify-content: center;
  line-height: 1;
  margin: var(--kite-badge-margin-top) var(--kite-badge-margin-right) var(--kite-badge-margin-bottom) var(--kite-badge-margin-left);
  height: var(--kite-badge-height);
  min-width: var(--kite-badge-min-width);
  overflow: hidden;
  padding: var(--kite-badge-padding-top) var(--kite-badge-padding-right) var(--kite-badge-padding-bottom) var(--kite-badge-padding-left);
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.kite-badge:empty,
.kite-badge--sm {
  --badge-offset-horizontal: calc((var(--badge-size-sm) / 2) * -1);
  --badge-offset-vertical: calc(var(--badge-border-width) + 1px);
  min-width: auto;
  padding: 0;
  width: var(--badge-size-sm);
  height: var(--badge-size-sm);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-badge:empty,
  .kite-badge--sm {
    border-width: calc(var(--badge-size-sm) / 2);
  }
}
.kite-badge--top,
.kite-badge--right,
.kite-badge--bottom,
.kite-badge--left {
  margin: 0;
  position: absolute;
}
.kite-badge--top {
  top: var(--badge-offset-vertical);
}
.kite-badge--right {
  right: var(--badge-offset-horizontal);
}
.kite-badge--bottom {
  bottom: var(--badge-offset-vertical);
}
.kite-badge--left {
  left: var(--badge-offset-horizontal);
}
.kite-badge--disabled {
  background-color: var(--badge-background-disabled);
  color: var(--badge-color-disabled);
}
.kite-badge--inline {
  margin: 0;
  position: relative;
  bottom: var(--badge-offset-baseline);
}
.kite-badge__container {
  display: inline-flex;
  align-items: center;
  gap: var(--kite-badge-margin-left);
}
.kite-badge__container .kite-badge {
  margin: 0;
}
.kite-button.kite-button--fullwidth-to-shrinkwrap {
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-button.kite-button--fullwidth-to-shrinkwrap {
    width: auto;
  }
}
.kite-button {
  --background: var(--kite-button-primary-background-color);
  --background-press: var(--kite-button-primary-press-background-color);
  --background-disabled: var(--kite-button-primary-disabled-background-color);
  --background-focused: var(--kite-button-primary-focus-background-color);
  --background-focus: var(--background-focused, var(--kite-button-primary-focus-background-color));
  --background-hover: var(--kite-button-primary-hover-background-color);
  --border-color: var(--kite-button-primary-border-color);
  --border-color-press: var(--kite-button-primary-press-border-color);
  --border-color-disabled: var(--kite-button-primary-disabled-border-color);
  --border-color-focused: var(--kite-button-primary-focus-border-color);
  --border-color-focus: var(--border-color-focused, var(--kite-button-primary-focus-border-color));
  --border-color-hover: var(--kite-button-primary-hover-border-color);
  --border-radius: var(--kite-button-border-radius);
  --border-style: var(--kite-button-primary-border-style);
  --border-width: var(--kite-button-primary-border-width);
  --color: var(--kite-button-primary-text-color);
  --color-press: var(--kite-button-primary-press-text-color);
  --color-disabled: var(--kite-button-primary-disabled-text-color);
  --color-focused: var(--kite-button-primary-focus-text-color);
  --color-focus: var(--color-focused, var(--kite-button-primary-focus-text-color));
  --color-hover: var(--kite-button-primary-hover-text-color);
  --cursor: var(--kite-button-cursor);
  --cursor-disabled: var(--kite-button-disabled-cursor);
  --font-family: inherit;
  --font-size: var(--kite-button-text-size);
  --font-weight: var(--kite-button-text-weight);
  --height: var(--kite-button-height);
  --icon-margin: var(--kite-button-icon-margin);
  --icon-size: var(--kite-button-icon-width);
  --icon-color: var(--kite-button-icon-color);
  --icon-color-press: var(--kite-button-press-icon-color);
  --icon-color-disabled: var(--kite-button-disabled-icon-color);
  --icon-color-focus: var(--kite-button-focus-icon-color);
  --icon-color-hover: var(--kite-button-hover-icon-color);
  --line-height: var(--kite-button-text-line-height);
  --margin-top: var(--kite-button-margin-top);
  --margin-right: var(--kite-button-margin-right);
  --margin-bottom: var(--kite-button-margin-bottom);
  --margin-left: var(--kite-button-margin-left);
  --padding-top: var(--kite-button-padding-top);
  --padding-start: var(--kite-button-padding-left, 20px);
  --padding-end: var(--kite-button-padding-right, 20px);
  --padding-bottom: var(--kite-button-padding-bottom);
  --transition: background-color var(--kite-motion-duration-fastest) var(--kite-motion-standard), border-color var(--kite-motion-duration-fastest) var(--kite-motion-standard);
  --width: var(--kite-button-width);
  --width-breakpoint-sm: 100%;
  --focus-ring-color: var(--kite-button-focus-ring-color);
  --focus-ring-offset: calc((var(--border-width) + var(--focus-ring-width) + var(--kite-button-focus-ring-offset)) * -1);
  --focus-ring-radius: var(--kite-button-focus-ring-radius);
  --focus-ring-style: var(--kite-button-focus-ring-style);
  --focus-ring-width: var(--kite-button-focus-ring-width);
  --kite-progress-indicator-button-fill-color: var(--color);
}
.kite-button--secondary {
  --background: var(--kite-button-secondary-background-color);
  --background-press: var(--kite-button-secondary-press-background-color);
  --background-disabled: var(--kite-button-secondary-disabled-background-color);
  --background-focus: var(--kite-button-secondary-focus-background-color);
  --background-hover: var(--kite-button-secondary-hover-background-color);
  --border-color: var(--kite-button-secondary-border-color);
  --border-color-press: var(--kite-button-secondary-press-border-color);
  --border-color-disabled: var(--kite-button-secondary-disabled-border-color);
  --border-color-focus: var(--kite-button-secondary-focus-border-color);
  --border-color-hover: var(--kite-button-secondary-hover-border-color);
  --color: var(--kite-button-secondary-text-color);
  --color-press: var(--kite-button-secondary-press-text-color);
  --color-disabled: var(--kite-button-secondary-disabled-text-color);
  --color-focus: var(--kite-button-secondary-focus-text-color);
  --color-hover: var(--kite-button-secondary-hover-text-color);
  --icon-color: var(--kite-button-secondary-icon-color);
  --icon-color-press: var(--kite-button-secondary-press-icon-color);
  --icon-color-disabled: var(--kite-button-secondary-disabled-icon-color);
  --icon-color-focus: var(--kite-button-secondary-focus-icon-color);
  --icon-color-hover: var(--kite-button-secondary-hover-icon-color);
}
.kite-button--borderless {
  --background: var(--kite-button-borderless-background-color);
  --background-press: var(--kite-button-borderless-press-background-color);
  --background-disabled: var(--kite-button-borderless-disabled-background-color);
  --background-focus: var(--kite-button-borderless-focus-background-color);
  --background-hover: var(--kite-button-borderless-hover-background-color);
  --border-color: var(--kite-button-borderless-border-color);
  --border-color-press: var(--kite-button-borderless-press-border-color);
  --border-color-disabled: var(--kite-button-borderless-disabled-border-color);
  --border-color-focus: var(--kite-button-borderless-focus-border-color);
  --border-color-hover: var(--kite-button-borderless-hover-border-color);
  --color: var(--kite-button-borderless-text-color);
  --color-press: var(--kite-button-borderless-press-text-color);
  --color-disabled: var(--kite-button-borderless-disabled-text-color);
  --color-focus: var(--kite-button-borderless-focus-text-color);
  --color-hover: var(--kite-button-borderless-hover-text-color);
  --icon-color: var(--kite-button-borderless-icon-color);
  --icon-color-press: var(--kite-button-borderless-press-icon-color);
  --icon-color-disabled: var(--kite-button-borderless-disabled-icon-color);
  --icon-color-focus: var(--kite-button-borderless-focus-icon-color);
  --icon-color-hover: var(--kite-button-borderless-hover-icon-color);
}
.kite-button--destructive {
  --focus-ring-color: var(--kite-button-destructive-focus-ring-color);
  --background: var(--kite-button-primary-destructive-background-color);
  --background-press: var(--kite-button-primary-destructive-press-background-color);
  --background-disabled: var(--kite-button-primary-destructive-disabled-background-color);
  --background-focus: var(--kite-button-primary-destructive-focus-background-color);
  --background-hover: var(--kite-button-primary-destructive-hover-background-color);
  --border-color: var(--kite-button-primary-destructive-border-color);
  --border-color-press: var(--kite-button-primary-destructive-press-border-color);
  --border-color-disabled: var(--kite-button-primary-destructive-disabled-border-color);
  --border-color-focus: var(--kite-button-primary-destructive-focus-border-color);
  --border-color-hover: var(--kite-button-primary-destructive-hover-border-color);
  --color: var(--kite-button-primary-destructive-text-color);
  --color-press: var(--kite-button-primary-destructive-press-text-color);
  --color-disabled: var(--kite-button-primary-destructive-disabled-text-color);
  --color-focus: var(--kite-button-primary-destructive-focus-text-color);
  --color-hover: var(--kite-button-primary-destructive-hover-text-color);
  --icon-color: var(--kite-button-primary-destructive-icon-color);
  --icon-color-press: var(--kite-button-primary-destructive-press-icon-color);
  --icon-color-disabled: var(--kite-button-primary-destructive-disabled-icon-color);
  --icon-color-focus: var(--kite-button-primary-destructive-focus-icon-color);
  --icon-color-hover: var(--kite-button-primary-destructive-hover-icon-color);
}
.kite-button--destructive.kite-button--secondary {
  --background: var(--kite-button-secondary-destructive-background-color);
  --background-press: var(--kite-button-secondary-destructive-press-background-color);
  --background-disabled: var(--kite-button-secondary-destructive-disabled-background-color);
  --background-focus: var(--kite-button-secondary-destructive-focus-background-color);
  --background-hover: var(--kite-button-secondary-destructive-hover-background-color);
  --border-color: var(--kite-button-secondary-destructive-border-color);
  --border-color-press: var(--kite-button-secondary-destructive-press-border-color);
  --border-color-disabled: var(--kite-button-secondary-destructive-disabled-border-color);
  --border-color-focus: var(--kite-button-secondary-destructive-focus-border-color);
  --border-color-hover: var(--kite-button-secondary-destructive-hover-border-color);
  --color: var(--kite-button-secondary-destructive-text-color);
  --color-press: var(--kite-button-secondary-destructive-press-text-color);
  --color-disabled: var(--kite-button-secondary-destructive-disabled-text-color);
  --color-focus: var(--kite-button-secondary-destructive-focus-text-color);
  --color-hover: var(--kite-button-secondary-destructive-hover-text-color);
  --icon-color: var(--kite-button-secondary-destructive-icon-color);
  --icon-color-press: var(--kite-button-secondary-destructive-press-icon-color);
  --icon-color-disabled: var(--kite-button-secondary-destructive-disabled-icon-color);
  --icon-color-focus: var(--kite-button-secondary-destructive-focus-icon-color);
  --icon-color-hover: var(--kite-button-secondary-destructive-hover-icon-color);
}
.kite-button--destructive.kite-button--borderless {
  --background: var(--kite-button-borderless-destructive-background-color);
  --background-press: var(--kite-button-borderless-destructive-press-background-color);
  --background-disabled: var(--kite-button-borderless-destructive-disabled-background-color);
  --background-focus: var(--kite-button-borderless-destructive-focus-background-color);
  --background-hover: var(--kite-button-borderless-destructive-hover-background-color);
  --border-color: var(--kite-button-borderless-destructive-border-color);
  --border-color-press: var(--kite-button-borderless-destructive-press-border-color);
  --border-color-disabled: var(--kite-button-borderless-destructive-disabled-border-color);
  --border-color-focus: var(--kite-button-borderless-destructive-focus-border-color);
  --border-color-hover: var(--kite-button-borderless-destructive-hover-border-color);
  --color: var(--kite-button-borderless-destructive-text-color);
  --color-press: var(--kite-button-borderless-destructive-press-text-color);
  --color-disabled: var(--kite-button-borderless-destructive-disabled-text-color);
  --color-focus: var(--kite-button-borderless-destructive-focus-text-color);
  --color-hover: var(--kite-button-borderless-destructive-hover-text-color);
  --icon-color: var(--kite-button-borderless-destructive-icon-color);
  --icon-color-press: var(--kite-button-borderless-destructive-press-icon-color);
  --icon-color-disabled: var(--kite-button-borderless-destructive-disabled-icon-color);
  --icon-color-focus: var(--kite-button-borderless-destructive-focus-icon-color);
  --icon-color-hover: var(--kite-button-borderless-destructive-hover-icon-color);
}
.kite-button {
  background: var(--background);
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
  color: var(--color);
  cursor: var(--cursor);
  display: block;
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
  padding: calc(var(--padding-top) - var(--border-width)) var(--padding-end) calc(var(--padding-bottom) - var(--border-width)) var(--padding-start);
  position: relative;
  text-align: var(--kite-button-text-align);
  text-decoration: none;
  transition: var(--transition);
  -webkit-user-select: none;
  user-select: none;
  width: var(--width);
  height: auto;
  min-height: var(--height);
}
@media only screen and (min-width: 30rem) {
  .kite-button {
    display: inline-block;
    vertical-align: middle;
    width: var(--width-breakpoint-sm);
  }
}
.kite-button--shrinkwrap {
  width: var(--kite-button-shrinkwrap-width);
}
.kite-button--sm {
  min-width: var(--kite-button-shrinkwrap-min-width-sm);
}
.kite-button--md {
  min-width: var(--kite-button-shrinkwrap-min-width-md);
}
.kite-button--lg {
  min-width: var(--kite-button-shrinkwrap-min-width-lg);
}
.kite-button--xl {
  min-width: var(--kite-button-shrinkwrap-min-width-xl);
}
.kite-button::before {
  border: 0 var(--focus-ring-style) transparent;
  border-radius: var(--focus-ring-radius);
  content: "";
  position: absolute;
  top: var(--focus-ring-offset);
  right: var(--focus-ring-offset);
  bottom: var(--focus-ring-offset);
  left: var(--focus-ring-offset);
  transition: var(--transition);
}
.kite-button.kite-focus-visible,
.kite-button:focus-visible {
  background-color: var(--background-focus);
  border-color: var(--border-color-focus);
  --color: var(--color-focus);
  outline: 0;
}
.kite-button.kite-focus-visible::before,
.kite-button:focus-visible::before {
  border-color: var(--focus-ring-color);
  border-width: var(--focus-ring-width);
}
.kite-button.kite-focus-visible .kite-icon,
.kite-button:focus-visible .kite-icon {
  --color: var(--icon-color-focus);
}
.kite-button.kite-hover,
.kite-button:hover {
  background-color: var(--background-hover);
  border-color: var(--border-color-hover);
  --color: var(--color-hover);
}
.kite-button.kite-hover .kite-icon,
.kite-button:hover .kite-icon {
  --color: var(--icon-color-hover);
}
.kite-button.kite-active,
.kite-button:active {
  background-color: var(--background-press);
  border-color: var(--border-color-press);
  --color: var(--color-press);
}
.kite-button.kite-active .kite-icon,
.kite-button:active .kite-icon {
  --color: var(--icon-color-press);
}
.kite-button.kite-disabled,
.kite-button:disabled {
  background-color: var(--background-disabled);
  border-color: var(--border-color-disabled);
  --color: var(--color-disabled);
  cursor: var(--cursor-disabled);
}
@media screen and (-ms-high-contrast: active) {
  .kite-button.kite-disabled,
  .kite-button:disabled {
    background-color: transparent;
  }
}
.kite-button.kite-disabled .kite-icon,
.kite-button:disabled .kite-icon {
  --color: var(--icon-color-disabled);
}
.kite-button__inner {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  flex-shrink: 0;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  gap: var(--icon-margin);
}
.kite-button .kite-icon {
  --color: var(--icon-color);
  font-size: var(--icon-size);
  pointer-events: none;
}
.kite-button--icon-only {
  padding-left: var(--kite-button-icon-only-padding-left);
  padding-right: var(--kite-button-icon-only-padding-right);
}
a.kite-button:hover,
.kite-button--anchor:hover {
  text-decoration: none;
}
a.kite-button.kite-button--disabled,
.kite-button--anchor.kite-button--disabled {
  background-color: var(--background-disabled);
  border-color: var(--border-color-disabled);
  --color: var(--color-disabled);
}
.kite-button-group {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: var(--kite-button-group-margin-top) 0 var(--kite-button-group-margin-bottom);
  margin-right: 0;
  padding: unset;
  list-style: none;
}
.kite-button-group__item {
  margin-bottom: var(--kite-button-group-item-margin-bottom);
  padding: unset;
}
@media only screen and (min-width: 30rem) {
  .kite-button-group__item {
    display: inline-block;
    margin-right: var(--kite-button-group-item-margin-right);
  }
}
.kite-button-group--full .kite-button-group__item {
  width: 100%;
}
form .kite-button-group,
.kite-button-group--form {
  flex-direction: column;
}
@media only screen and (min-width: 37.5rem) {
  form .kite-button-group,
  .kite-button-group--form {
    display: block;
  }
  form .kite-button-group__item:nth-child(3),
  .kite-button-group--form__item:nth-child(3) {
    display: block;
  }
  form .kite-button-group__item:only-child,
  .kite-button-group--form__item:only-child {
    margin: 0;
  }
}
@media only screen and (min-width: 52.5rem) {
  form .kite-button-group,
  .kite-button-group--form {
    display: flex;
    flex-direction: row;
  }
}
.kite-card {
  --background: var(--kite-card-background-color);
  --border: var(--kite-card-border-width) var(--kite-card-border-style) var(--border-color);
  --border-color: var(--kite-card-border-color);
  --border-radius: var(--kite-card-border-radius);
  --padding-top-sm: var(--kite-card-padding-top-sm);
  --padding-right-sm: var(--kite-card-padding-right-sm);
  --padding-bottom-sm: var(--kite-card-padding-bottom-sm);
  --padding-left-sm: var(--kite-card-padding-left-sm);
  --padding-top-md: var(--kite-card-padding-top-md);
  --padding-right-md: var(--kite-card-padding-right-md);
  --padding-bottom-md: var(--kite-card-padding-bottom-md);
  --padding-left-md: var(--kite-card-padding-left-md);
  --padding-top-lg: var(--kite-card-padding-top-lg);
  --padding-right-lg: var(--kite-card-padding-right-lg);
  --padding-bottom-lg: var(--kite-card-padding-bottom-lg);
  --padding-left-lg: var(--kite-card-padding-left-lg);
}
.kite-card {
  background-color: var(--background);
  border: var(--border);
  border-radius: var(--border-radius);
  padding: var(--padding-top-sm) var(--padding-right-sm) var(--padding-bottom-sm) var(--padding-left-sm);
  text-align: left;
}
@media only screen and (min-width: 37.5rem) {
  .kite-card {
    padding: var(--padding-top-md) var(--padding-right-md) var(--padding-bottom-md) var(--padding-left-md);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card {
    padding: var(--padding-top-lg) var(--padding-right-lg) var(--padding-bottom-lg) var(--padding-left-lg);
  }
}
.kite-card--elevation-1 {
  box-shadow: var(--kite-elevation-1);
}
.kite-card--elevation-2 {
  box-shadow: var(--kite-elevation-2);
}
.kite-card--elevation-3 {
  box-shadow: var(--kite-elevation-3);
}
.kite-card--elevation-4 {
  box-shadow: var(--kite-elevation-4);
}
.kite-card--reset-padding {
  padding: 0;
}
.kite-cell > .kite-card--reset-height {
  height: auto;
}
.kite-checkbox {
  --focus-ring-offset: calc(((var(--kite-checkbox-focus-ring-width) * 2) + var(--kite-checkbox-focus-ring-offset)) * -1);
  --background-color: var(--kite-checkbox-background-color);
  --hover-background-color: var(--kite-checkbox-hover-background-color);
  --border-color: var(--kite-checkbox-border-color);
  --label-text-color: var(--kite-checkbox-label-text-color);
  --icon-color: var(--kite-checkbox-selected-icon-color);
  --focus-ring-color: var(--kite-checkbox-focus-ring-color);
  --selected-background-color: var(--kite-checkbox-selected-background-color);
  --selected-disabled-background-color: var(--kite-checkbox-selected-disabled-background-color);
  --indeterminate-background-color: var(--kite-checkbox-indeterminate-background-color);
  --indeterminate-disabled-background-color: var(--kite-checkbox-indeterminate-disabled-background-color);
  --disabled-border-color: var(--kite-checkbox-disabled-border-color);
  --disabled-label-text-color: var(--kite-checkbox-disabled-label-text-color);
  --disabled-icon-color: var(--kite-checkbox-disabled-icon-color);
}
.kite-checkbox {
  display: flex;
  flex-direction: column;
  margin: var(--kite-checkbox-margin-top) var(--kite-checkbox-margin-right) var(--kite-checkbox-margin-bottom) var(--kite-checkbox-margin-left);
}
.kite-checkbox__label {
  display: flex;
  align-items: flex-start;
  position: relative;
  font-size: var(--kite-checkbox-label-text-size);
  font-weight: var(--kite-checkbox-label-text-weight);
  -webkit-user-select: none;
  user-select: none;
}
.kite-checkbox__control {
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.kite-checkbox__control.kite-focus-visible ~ .kite-checkbox__indicator::before,
.kite-checkbox__control:focus-visible ~ .kite-checkbox__indicator::before {
  border: var(--kite-checkbox-focus-ring-width) var(--kite-checkbox-focus-ring-style) var(--focus-ring-color);
  border-radius: var(--kite-checkbox-focus-ring-radius);
  content: "";
  position: absolute;
  top: var(--focus-ring-offset);
  right: var(--focus-ring-offset);
  bottom: var(--focus-ring-offset);
  left: var(--focus-ring-offset);
}
.kite-checkbox__indicator {
  background-color: var(--background-color);
  border: var(--kite-checkbox-border-width) var(--kite-checkbox-border-style) var(--border-color);
  border-radius: var(--kite-checkbox-border-radius);
  cursor: pointer;
  flex: 0 0 auto;
  margin-top: 2px;
  margin-right: var(--kite-checkbox-input-margin-right);
  position: relative;
  transition-property:
    background-color,
    border-color,
    box-shadow;
  transition-duration: var(--kite-motion-fastest);
  transition-timing-function: var(--kite-motion-standard);
  width: var(--kite-checkbox-width);
  height: var(--kite-checkbox-height);
}
.kite-checkbox__indicator .kite-icon {
  --size: 100%;
  --color: transparent;
  display: block;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-checkbox__indicator .kite-icon__inner svg {
    fill: var(--color);
  }
}
.kite-checkbox__feedback {
  color: var(--kite-checkbox-error-feedback-text-color);
  display: block;
  margin-top: var(--kite-checkbox-feedback-margin-top);
}
.kite-checkbox__feedback .kite-icon {
  --size: var(--kite-checkbox-error-feedback-icon-width);
  --color: var(--kite-checkbox-error-feedback-icon-color);
  margin-right: var(--kite-checkbox-error-feedback-icon-margin-right);
}
.kite-checkbox__control:checked ~ .kite-checkbox__indicator,
.kite-checkbox--checked .kite-checkbox__indicator {
  --border-color: var(--selected-background-color);
  --background-color: var(--selected-background-color);
}
.kite-checkbox__control:checked ~ .kite-checkbox__indicator .kite-checkbox__checked-icon,
.kite-checkbox--checked .kite-checkbox__indicator .kite-checkbox__checked-icon {
  --color: var(--icon-color);
}
.kite-checkbox__control:checked ~ .kite-checkbox__indicator .kite-checkbox__mixed-icon,
.kite-checkbox--checked .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  display: none;
}
.kite-checkbox__control:indeterminate ~ .kite-checkbox__indicator,
.kite-checkbox--mixed .kite-checkbox__indicator {
  --background-color: var(--indeterminate-background-color);
  --border-color: var(--indeterminate-background-color);
}
.kite-checkbox__control:indeterminate ~ .kite-checkbox__indicator .kite-checkbox__checked-icon,
.kite-checkbox--mixed .kite-checkbox__indicator .kite-checkbox__checked-icon {
  display: none;
}
.kite-checkbox__control:indeterminate ~ .kite-checkbox__indicator .kite-checkbox__mixed-icon,
.kite-checkbox--mixed .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  --color: var(--icon-color);
}
.kite-checkbox__control:not(:disabled):not(:checked):not(:indeterminate):hover ~ .kite-checkbox__indicator {
  --background-color: var(--hover-background-color);
}
.kite-checkbox__control:disabled ~ .kite-checkbox__indicator {
  --border-color: var(--disabled-border-color);
  cursor: var(--kite-checkbox-disabled-cursor);
}
.kite-checkbox__control:disabled ~ .kite-checkbox__description {
  color: var(--disabled-label-text-color);
  cursor: var(--kite-checkbox-disabled-cursor);
}
.kite-checkbox__control:disabled ~ .kite-checkbox__indicator,
.kite-checkbox--disabled .kite-checkbox__indicator {
  --border-color: var(--disabled-border-color);
  cursor: var(--kite-checkbox-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-checkbox__control:disabled ~ .kite-checkbox__indicator,
  .kite-checkbox--disabled .kite-checkbox__indicator {
    --border-color: GrayText;
  }
}
.kite-checkbox__control:disabled ~ .kite-checkbox__description,
.kite-checkbox--disabled .kite-checkbox__description {
  color: var(--disabled-label-text-color);
  cursor: var(--kite-checkbox-disabled-cursor);
}
.kite-checkbox__control:checked:disabled ~ .kite-checkbox__indicator,
.kite-checkbox--checked.kite-checkbox--disabled .kite-checkbox__indicator {
  --background-color: var(--selected-disabled-background-color);
}
.kite-checkbox__control:checked:disabled ~ .kite-checkbox__indicator .kite-checkbox__checked-icon,
.kite-checkbox--checked.kite-checkbox--disabled .kite-checkbox__indicator .kite-checkbox__checked-icon {
  --color: var(--disabled-icon-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-checkbox__control:checked:disabled ~ .kite-checkbox__indicator .kite-checkbox__checked-icon,
  .kite-checkbox--checked.kite-checkbox--disabled .kite-checkbox__indicator .kite-checkbox__checked-icon {
    --color: GrayText;
  }
}
.kite-checkbox__control:indeterminate:disabled ~ .kite-checkbox__indicator,
.kite-checkbox--mixed.kite-checkbox--disabled .kite-checkbox__indicator {
  --background-color: var(--indeterminate-disabled-background-color);
}
.kite-checkbox__control:indeterminate:disabled ~ .kite-checkbox__indicator .kite-checkbox__mixed-icon,
.kite-checkbox--mixed.kite-checkbox--disabled .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  --color: var(--disabled-icon-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-checkbox__control:indeterminate:disabled ~ .kite-checkbox__indicator .kite-checkbox__mixed-icon,
  .kite-checkbox--mixed.kite-checkbox--disabled .kite-checkbox__indicator .kite-checkbox__mixed-icon {
    --color: GrayText;
  }
}
.kite-checkbox--error .kite-checkbox__indicator {
  --border-color: var(--kite-checkbox-error-border-color);
}
.kite-checkbox--error .kite-checkbox__control:not(:disabled):checked ~ .kite-checkbox__indicator,
.kite-checkbox--error.kite-checkbox--checked .kite-checkbox__indicator,
.kite-checkbox--error .kite-checkbox__control:not(:disabled):indeterminate ~ .kite-checkbox__indicator,
.kite-checkbox--error.kite-checkbox--mixed .kite-checkbox__indicator {
  --border-color: var(--kite-checkbox-error-selected-background-color);
  --background-color: var(--kite-checkbox-error-selected-background-color);
}
.kite-checkbox-group__list {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 var(--kite-checkbox-group-list-padding-left);
}
.kite-checkbox-group__item {
  margin: 0;
  padding: 0;
}
.kite-checkbox-group .kite-checkbox {
  margin-bottom: var(--kite-checkbox-group-checkbox-margin-bottom);
}
.kite-checkbox-group--error .kite-checkbox__indicator {
  --border-color: var(--kite-checkbox-error-border-color);
}
.kite-checkbox-group--error .kite-checkbox__control:not(:disabled):checked ~ .kite-checkbox__indicator,
.kite-checkbox-group--error.kite-checkbox--checked .kite-checkbox__indicator,
.kite-checkbox-group--error .kite-checkbox__control:not(:disabled):indeterminate ~ .kite-checkbox__indicator,
.kite-checkbox-group--error.kite-checkbox--mixed .kite-checkbox__indicator {
  --border-color: var(--kite-checkbox-error-selected-background-color);
  --background-color: var(--kite-checkbox-error-selected-background-color);
}
.kite-chip {
  --text-color: var(--kite-chip-text-color);
  --border-color: var(--kite-chip-border-color);
  --background-color: var(--kite-chip-background-color);
  --focus-ring-color: var(--kite-chip-focus-ring-color);
  --focus-background-color: var(--kite-chip-focus-background-color);
  --hover-background-color: var(--kite-chip-hover-background-color);
  --selected-background-color: var(--kite-chip-selected-background-color);
  --selected-text-color: var(--kite-chip-selected-text-color);
  --selected-disabled-color: var(--kite-chip-selected-disabled-text-color);
  --selected-disabled-background-color: var(--kite-chip-selected-disabled-background-color);
  --disabled-color: var(--kite-chip-disabled-text-color);
  --disabled-border-color: var(--kite-chip-disabled-border-color);
  --disabled-background-color: var(--kite-chip-disabled-background-color);
}
.kite-chip-group {
  display: inline-block;
  width: 100%;
}
.kite-chip-group > legend {
  margin-bottom: var(--kite-chip-legend-margin-bottom);
}
.kite-chip {
  background: transparent;
  border: 0;
  border-radius: var(--kite-chip-border-radius);
  color: var(--text-color);
  cursor: var(--kite-chip-cursor);
  display: block;
  float: left;
  font-weight: var(--kite-chip-text-weight);
  line-height: var(--kite-chip-text-line-height);
  margin: var(--kite-chip-margin-top) var(--kite-chip-margin-right) var(--kite-chip-margin-bottom) var(--kite-chip-margin-left);
  min-height: var(--kite-chip-min-height);
  padding: var(--kite-chip-padding-top) var(--kite-chip-padding-right) var(--kite-chip-padding-bottom) var(--kite-chip-padding-left);
  position: relative;
  height: var(--kite-chip-height);
}
.kite-chip .kite-chip__inner {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.kite-chip__indicator {
  display: none;
  margin: 0 var(--kite-chip-icon-margin) 0 0;
  width: var(--kite-chip-icon-width);
  height: var(--kite-chip-icon-height);
}
.kite-chip__dismiss {
  margin: 0 0 0 var(--kite-chip-icon-margin);
  width: var(--kite-chip-icon-width);
  height: var(--kite-chip-icon-height);
}
.kite-chip__text {
  z-index: 0;
  width: max-content;
}
.kite-chip__background {
  background: var(--background-color);
  border: var(--kite-chip-border-width) var(--kite-chip-border-style) var(--border-color);
  border-radius: var(--kite-chip-border-radius);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kite-chip input[type=checkbox],
.kite-chip input[type=radio] {
  opacity: 0;
  width: 0;
  appearance: none;
}
.kite-chip[aria-pressed=true],
.kite-chip[aria-pressed=true].kite-focus-visible,
.kite-chip[aria-pressed=true]:focus-visible,
.kite-chip--selected.kite-focus-visible,
.kite-chip--selected:focus-visible,
.kite-chip--selected {
  background: var(--selected-background-color);
  color: var(--selected-text-color);
  padding: var(--kite-chip-selected-padding-top) var(--kite-chip-selected-padding-right) var(--kite-chip-selected-padding-bottom) var(--kite-chip-selected-padding-left);
}
.kite-chip[aria-pressed=true] .kite-chip__background,
.kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__background,
.kite-chip[aria-pressed=true]:focus-visible .kite-chip__background,
.kite-chip--selected.kite-focus-visible .kite-chip__background,
.kite-chip--selected:focus-visible .kite-chip__background,
.kite-chip--selected .kite-chip__background {
  background: var(--selected-background-color);
}
.kite-chip[aria-pressed=true] .kite-chip__indicator,
.kite-chip[aria-pressed=true] .kite-chip__dismiss,
.kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__indicator,
.kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__dismiss,
.kite-chip[aria-pressed=true]:focus-visible .kite-chip__indicator,
.kite-chip[aria-pressed=true]:focus-visible .kite-chip__dismiss,
.kite-chip--selected.kite-focus-visible .kite-chip__indicator,
.kite-chip--selected.kite-focus-visible .kite-chip__dismiss,
.kite-chip--selected:focus-visible .kite-chip__indicator,
.kite-chip--selected:focus-visible .kite-chip__dismiss,
.kite-chip--selected .kite-chip__indicator,
.kite-chip--selected .kite-chip__dismiss {
  display: block;
  position: relative;
}
.kite-chip[aria-pressed=true] .kite-chip__indicator .kite-icon,
.kite-chip[aria-pressed=true] .kite-chip__dismiss .kite-icon,
.kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__indicator .kite-icon,
.kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__dismiss .kite-icon,
.kite-chip[aria-pressed=true]:focus-visible .kite-chip__indicator .kite-icon,
.kite-chip[aria-pressed=true]:focus-visible .kite-chip__dismiss .kite-icon,
.kite-chip--selected.kite-focus-visible .kite-chip__indicator .kite-icon,
.kite-chip--selected.kite-focus-visible .kite-chip__dismiss .kite-icon,
.kite-chip--selected:focus-visible .kite-chip__indicator .kite-icon,
.kite-chip--selected:focus-visible .kite-chip__dismiss .kite-icon,
.kite-chip--selected .kite-chip__indicator .kite-icon,
.kite-chip--selected .kite-chip__dismiss .kite-icon {
  --color: var(--selected-text-color);
}
.kite-chip[aria-pressed=true] .kite-chip__text,
.kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__text,
.kite-chip[aria-pressed=true]:focus-visible .kite-chip__text,
.kite-chip--selected.kite-focus-visible .kite-chip__text,
.kite-chip--selected:focus-visible .kite-chip__text,
.kite-chip--selected .kite-chip__text {
  color: var(--selected-text-color);
  margin: 0;
}
.kite-chip.kite-hover .kite-chip__background,
.kite-chip:hover .kite-chip__background {
  background: var(--hover-background-color);
}
.kite-chip.kite-hover .kite-chip__text,
.kite-chip:hover .kite-chip__text {
  color: var(--text-color);
}
.kite-chip.kite-hover .kite-chip__indicator .kite-icon,
.kite-chip.kite-hover .kite-chip__dismiss .kite-icon,
.kite-chip:hover .kite-chip__indicator .kite-icon,
.kite-chip:hover .kite-chip__dismiss .kite-icon {
  --color: var(--text-color);
}
.kite-chip.kite-focus-visible,
.kite-chip:focus-visible {
  outline: 0;
}
.kite-chip.kite-focus-visible .kite-chip__background,
.kite-chip:focus-visible .kite-chip__background {
  background: var(--focus-background-color);
}
.kite-chip.kite-focus-visible .kite-chip__text,
.kite-chip:focus-visible .kite-chip__text {
  color: var(--text-color);
}
.kite-chip.kite-focus-visible .kite-chip__indicator .kite-icon,
.kite-chip.kite-focus-visible .kite-chip__dismiss .kite-icon,
.kite-chip:focus-visible .kite-chip__indicator .kite-icon,
.kite-chip:focus-visible .kite-chip__dismiss .kite-icon {
  --color: var(--text-color);
}
.kite-chip.kite-focus-visible::after,
.kite-chip:focus-visible::after {
  border: var(--kite-chip-focus-ring-width) var(--kite-chip-focus-ring-style) var(--focus-ring-color);
  border-radius: var(--kite-chip-border-radius);
  content: "";
  position: absolute;
  top: calc(-1 * var(--kite-chip-focus-ring-offset));
  left: calc(-1 * var(--kite-chip-focus-ring-offset));
  width: calc(100% + 2 * var(--kite-chip-focus-ring-offset));
  height: calc(100% + 2 * var(--kite-chip-focus-ring-offset));
}
.kite-chip .kite-chip__input:focus-visible ~ .kite-chip__background {
  background: var(--focus-background-color);
}
.kite-chip .kite-chip__input:focus-visible ~ .kite-chip__text {
  color: var(--text-color);
}
.kite-chip .kite-chip__input:focus-visible ~ .kite-chip__indicator .kite-icon {
  --color: var(--text-color);
}
.kite-chip .kite-chip__input:focus-visible ~ .kite-chip__focus-ring {
  border: var(--kite-chip-focus-ring-width) var(--kite-chip-focus-ring-style) var(--focus-ring-color);
  border-radius: var(--kite-chip-border-radius);
  outline: 0;
  position: absolute;
  top: calc(-1 * (var(--kite-chip-focus-ring-offset)));
  left: calc(-1 * (var(--kite-chip-focus-ring-offset)));
  width: calc(100% + 2 * (var(--kite-chip-focus-ring-offset)));
  height: calc(100% + 2 * (var(--kite-chip-focus-ring-offset)));
}
.kite-chip--selected input:focus-visible ~ .kite-chip__background {
  background: var(--selected-background-color);
}
.kite-chip--selected input:focus-visible ~ .kite-chip__text {
  color: var(--selected-text-color);
  margin: 0;
}
.kite-chip--selected input:focus-visible ~ .kite-chip__indicator .kite-icon {
  --color: var(--selected-text-color);
}
.kite-chip.kite-disabled,
.kite-chip:disabled {
  cursor: var(--kite-chip-disabled-cursor);
}
.kite-chip.kite-disabled .kite-chip__background,
.kite-chip:disabled .kite-chip__background {
  background-color: var(--disabled-background-color);
  border-color: var(--disabled-border-color);
}
.kite-chip.kite-disabled .kite-chip__text,
.kite-chip:disabled .kite-chip__text {
  color: var(--disabled-color);
}
.kite-chip.kite-disabled .kite-icon,
.kite-chip:disabled .kite-icon {
  --color: var(--disabled-color);
}
.kite-chip.kite-disabled.kite-chip--selected,
.kite-chip[aria-pressed=true]:disabled {
  background: var(--selected-disabled-background-color);
  color: var(--selected-disabled-color);
}
.kite-chip.kite-disabled.kite-chip--selected .kite-chip__background,
.kite-chip[aria-pressed=true]:disabled .kite-chip__background {
  background: var(--selected-disabled-background-color);
}
.kite-chip.kite-disabled.kite-chip--selected .kite-chip__text,
.kite-chip[aria-pressed=true]:disabled .kite-chip__text {
  color: var(--selected-disabled-color);
}
.kite-chip.kite-disabled.kite-chip--selected .kite-chip__indicator .kite-icon,
.kite-chip.kite-disabled.kite-chip--selected .kite-chip__dismiss .kite-icon,
.kite-chip[aria-pressed=true]:disabled .kite-chip__indicator .kite-icon,
.kite-chip[aria-pressed=true]:disabled .kite-chip__dismiss .kite-icon {
  --color: var(--selected-disabled-color);
}
.kite-chip--wrap {
  height: auto;
}
.kite-chip--wrap .kite-chip__text {
  width: fit-content;
}
.kite-chip-group--scroll {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  overflow: auto;
}
.kite-chip-group--scroll .kite-chip-group__list {
  flex-wrap: nowrap;
}
.kite-chip-group--scroll legend {
  margin-bottom: calc(var(--kite-chip-legend-margin-bottom) - var(--kite-chip-focus-ring-offset) + var(--kite-chip-focus-ring-width));
}
ul.kite-chip-group__list {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: var(--kite-chip-focus-ring-offset);
}
ul.kite-chip-group__list > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
.kite-chip-group__list {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
}
.kite-chip {
  margin-top: calc(var(--kite-chip-focus-ring-offset) + var(--kite-chip-focus-ring-width) + var(--kite-chip-margin-top) * 1rem);
}
.kite-chip-group--wrap .kite-chip {
  height: var(--kite-chip-multiline-height);
}
.kite-chip-group--wrap .kite-chip__text {
  width: fit-content;
}
.kite-combobox {
  --trigger-border-width: var(--kite-combobox-border-width);
  --trigger-border-style: var(--kite-combobox-border-style);
  --trigger-border-color: var(--kite-combobox-border-color);
}
.kite-combobox {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-combobox {
    max-width: var(--kite-combobox-max-width);
  }
}
.kite-combobox__label-group {
  margin-bottom: var(--kite-combobox-label-margin-bottom);
}
.kite-combobox__label {
  color: var(--kite-combobox-label-text-color);
  display: inline-block;
  font-weight: var(--kite-combobox-label-text-weight);
}
.kite-combobox__helper-text {
  display: block;
  color: var(--kite-combobox-helper-text-color);
  font-size: var(--kite-combobox-helper-text-size);
  line-height: var(--kite-combobox-helper-text-line-height);
}
.kite-combobox__trigger {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  background-color: var(--kite-combobox-background-color);
  border: var(--trigger-border-width) var(--trigger-border-style) var(--trigger-border-color);
  border-radius: var(--kite-combobox-border-radius);
  color: var(--kite-combobox-text-color);
  cursor: var(--kite-combobox-cursor);
  display: flex;
  justify-content: space-between;
  line-height: var(--kite-combobox-text-line-height);
  margin: var(--kite-combobox-margin-top) var(--kite-combobox-margin-right) var(--kite-combobox-margin-bottom) var(--kite-combobox-margin-left);
  width: 100%;
  padding: calc(var(--kite-combobox-padding-top) - var(--trigger-border-width)) calc(var(--kite-combobox-padding-right) - var(--trigger-border-width)) calc(var(--kite-combobox-padding-bottom) - var(--trigger-border-width)) calc(var(--kite-combobox-padding-left) - var(--trigger-border-width));
  text-align: left;
  height: var(--kite-combobox-height);
}
.kite-combobox__trigger .kite-icon {
  --color: var(--kite-combobox-text-color);
  flex-shrink: 0;
  margin-right: var(--kite-combobox-icon-margin-right);
  margin-left: var(--kite-combobox-icon-margin-left);
}
.kite-combobox__trigger.kite-focus-visible,
.kite-combobox__trigger:focus-visible {
  outline: var(--kite-combobox-focus-ring-width) var(--kite-combobox-focus-ring-style) var(--kite-combobox-focus-ring-color);
  outline-offset: var(--kite-combobox-focus-ring-offset);
}
.kite-combobox__trigger:disabled,
.kite-combobox__trigger[aria-disabled=true] {
  --trigger-border-color: var(--kite-combobox-disabled-border-color);
  background-color: var(--kite-combobox-disabled-background-color);
  color: var(--kite-combobox-disabled-text-color);
  cursor: var(--kite-combobox-disabled-cursor);
}
.kite-combobox__trigger:disabled .kite-icon,
.kite-combobox__trigger[aria-disabled=true] .kite-icon {
  --color: var(--kite-combobox-disabled-icon-color);
}
.kite-combobox__trigger:not([disabled]):hover,
.kite-combobox__trigger.kite-hover:not([disabled]) {
  --trigger-border-width: var(--kite-combobox-hover-border-width);
}
.kite-combobox__value {
  display: flex;
  text-align: left;
  overflow: hidden;
}
.kite-combobox__value--placeholder {
  color: var(--kite-combobox-placeholder-text-color);
  font-style: var(--kite-combobox-placeholder-text-style);
}
.kite-combobox__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: var(--kite-combobox-placeholder-margin-right);
}
.kite-combobox__overflow-label {
  font-weight: var(--kite-combobox-overflow-label-text-weight);
}
.kite-combobox__feedback {
  margin-top: var(--kite-combobox-feedback-margin-top);
  display: block;
  color: var(--kite-combobox-error-feedback-text-color);
}
.kite-combobox .kite-picker__list {
  --max-item-count: 5;
}
.kite-combobox .kite-picker__action {
  align-items: flex-start;
  padding-left: var(--kite-combobox-picker-list-item-padding-left);
}
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check .kite-checkbox__indicator,
.kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check .kite-checkbox__indicator {
  cursor: var(--kite-combobox-disabled-cursor);
  border-color: var(--kite-checkbox-selected-disabled-background-color);
}
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check--mixed .kite-checkbox__indicator,
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check--selected .kite-checkbox__indicator,
.kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check--mixed .kite-checkbox__indicator,
.kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check--selected .kite-checkbox__indicator {
  background-color: var(--kite-checkbox-selected-disabled-background-color);
}
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check--mixed .kite-checkbox__indicator .kite-checkbox__checked-icon,
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check--selected .kite-checkbox__indicator .kite-checkbox__checked-icon,
.kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check--mixed .kite-checkbox__indicator .kite-checkbox__checked-icon,
.kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check--selected .kite-checkbox__indicator .kite-checkbox__checked-icon {
  --color: var(--kite-checkbox-disabled-icon-color);
}
.kite-combobox .kite-picker__action-check .kite-checkbox {
  margin: 0;
}
.kite-combobox .kite-picker__action-check .kite-checkbox .kite-icon {
  --size: 100%;
  margin: 0;
}
.kite-combobox .kite-picker__action-check .kite-checkbox__indicator {
  transition: none;
}
.kite-combobox .kite-picker__action-check--mixed .kite-checkbox__indicator {
  background-color: var(--kite-checkbox-selected-background-color);
  border-color: var(--kite-checkbox-selected-background-color);
}
.kite-combobox .kite-picker__action-check--mixed .kite-checkbox__indicator .kite-checkbox__checked-icon {
  display: none;
}
.kite-combobox .kite-picker__action-check--mixed .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  --color: var(--kite-checkbox-selected-icon-color);
}
.kite-combobox .kite-picker__action-check--selected .kite-checkbox__indicator {
  background-color: var(--kite-checkbox-selected-background-color);
  border-color: var(--kite-checkbox-selected-background-color);
}
.kite-combobox .kite-picker__action-check--selected .kite-checkbox__indicator .kite-checkbox__checked-icon {
  --color: var(--kite-checkbox-selected-icon-color);
}
.kite-combobox .kite-picker__action-check--selected .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  display: none;
}
.kite-combobox .kite-picker__results {
  color: var(--kite-combobox-picker-results-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--kite-combobox-picker-results-padding-top);
  padding-bottom: var(--kite-combobox-picker-results-padding-bottom);
}
.kite-combobox .kite-picker__results .kite-progress {
  position: relative;
}
.kite-combobox .kite-search-input__input:has(~ .kite-search-input__input-addon--clear) {
  padding-right: calc(var(--kite-combobox-icon-margin-right) + var(--input-addon-total-width) - var(--input-border-width));
}
.kite-combobox .kite-search-input__input--focus-visible ~ .kite-search-input__appearance,
.kite-combobox .kite-search-input__input.kite-focus-visible ~ .kite-search-input__appearance,
.kite-combobox .kite-search-input__input:focus-visible:not(.kite-search-input__input--listbox-focused) ~ .kite-search-input__appearance {
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
}
.kite-combobox .kite-search-input__input-addon--clear .kite-icon {
  margin-right: var(--kite-combobox-icon-margin-right);
}
.kite-combobox .kite-search-input__appearance {
  border-radius: var(--kite-form-control-picker-border-radius) var(--kite-form-control-picker-border-radius) 0 0;
  border: none;
  border-bottom: var(--kite-form-control-picker-list-item-border-width) var(--kite-form-control-picker-list-item-border-style) var(--kite-form-control-picker-list-item-border-color);
}
.kite-combobox--open .kite-combobox__trigger .kite-icon {
  transform: rotate(-180deg);
}
.kite-combobox--disabled .kite-combobox__trigger,
.kite-combobox--readonly .kite-combobox__trigger {
  --trigger-border-color: var(--kite-combobox-disabled-border-color);
  outline-color: var(--kite-combobox-disabled-border-color);
}
.kite-combobox--disabled .kite-combobox__trigger .kite-icon,
.kite-combobox--readonly .kite-combobox__trigger .kite-icon {
  --color: var(--kite-combobox-disabled-icon-color);
}
.kite-combobox--disabled .kite-search-input,
.kite-combobox--readonly .kite-search-input {
  display: none;
}
.kite-combobox--disabled .kite-picker__list,
.kite-combobox--readonly .kite-picker__list {
  cursor: var(--kite-combobox-disabled-cursor);
}
.kite-combobox--disabled .kite-combobox__label,
.kite-combobox--disabled .kite-combobox__value,
.kite-combobox--disabled .kite-picker__action,
.kite-combobox--readonly .kite-combobox__label,
.kite-combobox--readonly .kite-combobox__value,
.kite-combobox--readonly .kite-picker__action {
  color: var(--kite-combobox-disabled-text-color);
}
.kite-combobox--disabled .kite-combobox__helper-text,
.kite-combobox--readonly .kite-combobox__helper-text {
  color: var(--kite-combobox-disabled-helper-text-color);
}
.kite-combobox--error .kite-combobox__trigger {
  --trigger-border-color: var(--kite-combobox-error-border-color);
  --trigger-border-width: var(--kite-combobox-error-border-width);
}
.kite-combobox--single-select .kite-picker__action {
  padding-left: var(--kite-form-control-picker-list-item-padding-left);
}
.kite-data-table {
  --cell-padding-top: var(--kite-data-table-padding-top);
  --cell-padding-right: var(--kite-data-table-padding-right);
  --cell-padding-bottom: var(--kite-data-table-padding-bottom);
  --cell-padding-left: var(--kite-data-table-padding-left);
  --text-color: var(--kite-data-table-text-color);
  --header-color: var(--kite-data-table-header-text-color);
  --background-color: var(--kite-data-table-background-color);
  --cell-focus-ring-color: var(--kite-data-table-cell-focus-ring-color);
  --row-focus-ring-color: var(--kite-data-table-row-focus-ring-color);
  --header-border-bottom-color: var(--kite-data-table-header-border-bottom-color);
  --row-border-color: var(--kite-data-table-row-border-color);
  --cell-border-color: var(--kite-data-table-cell-border-color);
  --striped-background: var(--kite-data-table-striped-row-background-color);
  --striped-inverse-background: var(--kite-data-table-striped-inverse-row-background-color);
  --hover-background: var(--kite-data-table-row-hover-background-color);
  --scroll-shadow: var(--kite-data-table-scroll-shadow);
  --data-table-sticky-header-top: 0;
}
@media only screen and (min-width: 37.5rem) {
  .kite-data-table {
    --cell-padding-right: var(--kite-data-table-breakpoint-md-padding-right);
    --cell-padding-left: var(--kite-data-table-breakpoint-md-padding-left);
  }
}
.kite-data-table--compact {
  --cell-padding-top: var(--kite-data-table-compact-cell-padding-top);
  --cell-padding-right: var(--kite-data-table-compact-cell-padding-right);
  --cell-padding-bottom: var(--kite-data-table-compact-cell-padding-bottom);
  --cell-padding-left: var(--kite-data-table-compact-cell-padding-left);
}
.kite-data-table--comfortable {
  --cell-padding-top: var(--kite-data-table-cell-comfortable-padding-top);
  --cell-padding-right: var(--kite-data-table-cell-comfortable-padding-right);
  --cell-padding-bottom: var(--kite-data-table-cell-comfortable-padding-bottom);
  --cell-padding-left: var(--kite-data-table-cell-comfortable-padding-left);
}
.kite-data-table {
  color: var(--text-color);
  font-size: var(--kite-data-table-text-size);
  line-height: var(--kite-data-table-text-line-height);
  position: relative;
}
@media only screen and (min-width: 37.5rem) {
  .kite-data-table {
    font-size: var(--kite-data-table-breakpoint-md-text-size);
    line-height: var(--kite-data-table-breakpoint-md-text-line-height);
  }
}
.kite-data-table--last-col-right tr th:last-child,
.kite-data-table--last-col-right tr td:last-child {
  --kite-data-table-header-text-align: right;
  --kite-data-table-cell-text-align: right;
}
.kite-data-table--last-col-right tr th:last-child .kite-data-table__header-action,
.kite-data-table--last-col-right tr td:last-child .kite-data-table__header-action {
  justify-content: flex-end;
}
.kite-data-table--scroll {
  display: flex;
  flex-wrap: nowrap;
}
.kite-data-table--scroll .kite-data-table__scroll-wrap {
  overflow-x: scroll;
  flex-grow: 1;
}
.kite-data-table--scroll .kite-data-table__shadow {
  box-shadow: var(--scroll-shadow);
  margin-left: calc(-1 * var(--kite-data-table-scroll-shadow-width));
  width: var(--kite-data-table-scroll-shadow-width);
}
.kite-data-table--sticky-col-start .kite-data-table__scroll-wrap,
.kite-data-table--sticky-col-end .kite-data-table__scroll-wrap {
  overflow-x: scroll;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-start.kite-data-table table,
  .kite-data-table--sticky-col-end.kite-data-table table {
    border-collapse: separate;
    border-spacing: 0;
  }
}
.kite-data-table--sticky-col-start th:first-of-type,
.kite-data-table--sticky-col-start td:first-of-type {
  position: sticky;
  left: 0;
  z-index: var(--kite-zindex-sticky);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-start th:first-of-type,
  .kite-data-table--sticky-col-start td:first-of-type {
    border-right: 1px solid transparent;
  }
}
.kite-data-table--sticky-col-start.kite-data-table--sticky-shadow th:first-of-type,
.kite-data-table--sticky-col-start.kite-data-table--sticky-shadow td:first-of-type {
  background:
    linear-gradient(
      to left,
      transparent,
      var(--kite-data-table-sticky-shadow-color) var(--kite-data-table-scroll-shadow-width),
      var(--kite-data-table-sticky-column-background-color) var(--kite-data-table-scroll-shadow-width),
      var(--kite-data-table-sticky-column-background-color));
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-start.kite-data-table--sticky-shadow th:first-of-type,
  .kite-data-table--sticky-col-start.kite-data-table--sticky-shadow td:first-of-type {
    background-color: Canvas;
  }
}
.kite-data-table--sticky-col-end th:last-of-type,
.kite-data-table--sticky-col-end td:last-of-type {
  position: sticky;
  right: 0;
  z-index: var(--kite-zindex-sticky);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-end th:last-of-type,
  .kite-data-table--sticky-col-end td:last-of-type {
    border-left: 1px solid transparent;
  }
}
.kite-data-table--sticky-col-end.kite-data-table--sticky-shadow th:last-of-type,
.kite-data-table--sticky-col-end.kite-data-table--sticky-shadow td:last-of-type {
  background:
    linear-gradient(
      to right,
      transparent,
      var(--kite-data-table-sticky-shadow-color) var(--kite-data-table-scroll-shadow-width),
      var(--kite-data-table-sticky-column-background-color) var(--kite-data-table-scroll-shadow-width),
      var(--kite-data-table-sticky-column-background-color));
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-end.kite-data-table--sticky-shadow th:last-of-type,
  .kite-data-table--sticky-col-end.kite-data-table--sticky-shadow td:last-of-type {
    background-color: Canvas;
  }
}
.kite-data-table table {
  background-color: var(--background-color);
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
}
.kite-data-table th {
  border-bottom: var(--kite-data-table-header-border-bottom-width) var(--kite-data-table-header-border-bottom-style) var(--header-border-bottom-color);
}
.kite-data-table th,
.kite-data-table th a,
.kite-data-table th span,
.kite-data-table th button {
  color: var(--header-color);
  font-weight: var(--kite-data-table-header-text-weight);
  text-align: var(--kite-data-table-header-text-align);
}
.kite-data-table tbody tr {
  background-color: var(--kite-data-table-row-background-color);
}
.kite-data-table tbody tr.kite-hover,
.kite-data-table tbody tr:hover {
  --kite-data-table-row-background-color: var(--hover-background);
  --kite-data-table-sticky-column-background-color: var(--hover-background);
}
.kite-data-table tr.kite-focus-visible,
.kite-data-table tr:focus-visible {
  outline: var(--kite-data-table-row-focus-ring-width) var(--kite-data-table-row-focus-ring-style) var(--row-focus-ring-color);
  outline-offset: calc(-1 * var(--kite-data-table-cell-focus-ring-width));
}
.kite-data-table tr:last-child td {
  border-bottom: var(--kite-data-table-row-border-width) var(--kite-data-table-row-border-style) var(--row-border-color);
}
.kite-data-table td {
  text-align: var(--kite-data-table-cell-text-align);
}
.kite-data-table th,
.kite-data-table td {
  padding: var(--cell-padding-top) var(--cell-padding-right) var(--cell-padding-bottom) var(--cell-padding-left);
}
.kite-data-table th.kite-focus-visible,
.kite-data-table th:focus-visible,
.kite-data-table td.kite-focus-visible,
.kite-data-table td:focus-visible {
  outline: var(--kite-data-table-cell-focus-ring-width) var(--kite-data-table-cell-focus-ring-style) var(--cell-focus-ring-color);
  outline-offset: calc(-1 * var(--kite-data-table-cell-focus-ring-width));
}
.kite-data-table__header--actionable.kite-data-table__header--actionable {
  padding: 0;
}
.kite-data-table__header--actionable.kite-data-table__header--actionable.kite-hover,
.kite-data-table__header--actionable.kite-data-table__header--actionable:hover {
  background-color: var(--hover-background);
  --kite-data-table-sticky-column-background-color: var(--hover-background);
  cursor: pointer;
}
.kite-data-table__header-action {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: var(--cell-padding-top) var(--cell-padding-right) var(--cell-padding-bottom) var(--cell-padding-left);
  text-align: var(--kite-data-table-header-text-align);
  width: 100%;
  appearance: none;
}
.kite-data-table__header-action.kite-focus-visible,
.kite-data-table__header-action:focus-visible {
  outline: var(--kite-data-table-cell-focus-ring-width) var(--kite-data-table-cell-focus-ring-style) var(--cell-focus-ring-color);
  outline-offset: calc(-1 * var(--kite-data-table-cell-focus-ring-width));
}
.kite-data-table__sort {
  align-self: center;
  display: inline-flex;
  flex-direction: column;
  padding-left: var(--kite-data-table-icon-padding-left);
  vertical-align: middle;
}
.kite-data-table__sort-icon-up,
.kite-data-table__sort-icon-down {
  display: none;
}
.kite-data-table__sort--asc .kite-data-table__sort-icon-up {
  display: inline;
}
.kite-data-table__sort--asc .kite-data-table__sort-icon-down,
.kite-data-table__sort--asc .kite-data-table__sort-icon-up-down {
  display: none;
}
.kite-data-table__sort--desc .kite-data-table__sort-icon-down {
  display: inline;
}
.kite-data-table__sort--desc .kite-data-table__sort-icon-up,
.kite-data-table__sort--desc .kite-data-table__sort-icon-up-down {
  display: none;
}
.kite-data-table--cell-border td,
.kite-data-table--cell-border th {
  border: var(--kite-data-table-cell-border-width) var(--kite-data-table-cell-border-style) var(--cell-border-color);
}
.kite-data-table--cell-border th {
  border-bottom-width: 0;
}
.kite-data-table--row-border td {
  border-bottom: var(--kite-data-table-row-border-width) var(--kite-data-table-row-border-style) var(--row-border-color);
  border-top: var(--kite-data-table-row-border-width) var(--kite-data-table-row-border-style) var(--row-border-color);
}
.kite-data-table--row-border thead th {
  border: none;
}
.kite-data-table--menu th:last-child {
  width: var(--kite-data-table-menu-column-width);
  padding: var(--kite-data-table-menu-column-padding-top) var(--kite-data-table-menu-column-padding-right) var(--kite-data-table-menu-column-padding-bottom) var(--kite-data-table-menu-column-padding-left);
}
.kite-data-table--menu td:last-child {
  padding-left: var(--kite-data-table-menu-cell-padding-left);
  padding-right: var(--kite-data-table-menu-cell-padding-right);
  padding-top: var(--kite-data-table-menu-cell-padding-top);
  padding-bottom: var(--kite-data-table-menu-cell-padding-bottom);
}
.kite-data-table--menu .kite-menu .kite-picker--overlay {
  --translateX: var(--list-translate-x);
  --translateY: var(--list-translate-y);
}
.kite-data-table--responsive {
  overflow-x: auto;
}
.kite-data-table--right {
  --kite-data-table-header-text-align: right;
  --kite-data-table-cell-text-align: right;
}
.kite-data-table--right .kite-data-table__header-action {
  justify-content: flex-end;
}
.kite-data-table--striped tbody tr:nth-child(2n+1):not(.kite-hover, :hover) {
  --kite-data-table-row-background-color: var(--striped-inverse-background);
  --kite-data-table-sticky-column-background-color: var(--striped-inverse-background);
}
.kite-data-table--striped tbody tr:nth-child(2n):not(.kite-hover, :hover) {
  --kite-data-table-row-background-color: var(--striped-background);
  --kite-data-table-sticky-column-background-color: var(--striped-background);
}
.kite-data-table--striped-inverse tbody tr:nth-child(2n+1):not(.kite-hover, :hover) {
  --kite-data-table-row-background-color: var(--striped-background);
  --kite-data-table-sticky-column-background-color: var(--striped-background);
}
.kite-data-table--striped-inverse tbody tr:nth-child(2n):not(.kite-hover, :hover) {
  --kite-data-table-row-background-color: var(--striped-inverse-background);
  --kite-data-table-sticky-column-background-color: var(--striped-inverse-background);
}
.kite-data-table--sticky-header th {
  background-color: var(--kite-data-table-row-background-color);
  border-bottom: none;
  position: sticky;
  top: var(--data-table-sticky-header-top);
  z-index: var(--kite-zindex-sticky);
}
.kite-data-table--sticky-header th::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--kite-data-table-header-border-bottom-width);
  background-color: var(--kite-data-table-header-border-bottom-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-header th::after {
    border-bottom: 1px solid transparent;
  }
}
.kite-data-table--sticky-header.kite-data-table--sticky-shadow th {
  background:
    linear-gradient(
      to top,
      transparent,
      var(--kite-data-table-sticky-shadow-color) var(--kite-data-table-scroll-shadow-width),
      var(--kite-data-table-row-background-color) var(--kite-data-table-scroll-shadow-width),
      var(--kite-data-table-row-background-color));
}
.kite-data-table--sticky-header.kite-data-table--sticky-shadow th::after {
  background-color: transparent;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-header.kite-data-table--sticky-shadow th {
    background-color: Canvas;
  }
}
.kite-data-table .kite-checkbox {
  margin: 0;
}
.kite-data-table .kite-checkbox__label {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.kite-date-input {
  --input-border-color: var(--kite-date-input-border-color);
  --input-border-width: var(--kite-date-input-border-width);
  --input-border-style: var(--kite-date-input-border-style);
  --input-addon-total-width: calc(var(--kite-date-input-addon-padding-left) + var(--kite-date-input-addon-icon-width) + var(--kite-date-input-addon-padding-right));
}
:has(.kite-date-input__input-group--hover),
.kite-date-input:has(.kite-date-input__input-group.kite-hover .kite-date-input__input:not([disabled]), .kite-date-input__input-group:hover .kite-date-input__input:not([disabled])) {
  --input-border-width: var(--kite-date-input-hover-border-width);
}
.kite-date-input:has(.kite-date-input__input--focus-visible),
.kite-date-input:has(.kite-date-input__input.kite-focus-visible, .kite-date-input__input:focus-visible) {
  --input-border-width: var(--kite-date-input-focus-ring-width);
  --input-border-color: var(--kite-date-input-focus-ring-style);
  --input-border-style: var(--kite-date-input-focus-ring-color);
}
.kite-date-input--disabled {
  --input-border-color: var(--kite-date-input-disabled-border-color);
  --input-border-width: var(--kite-date-input-border-width);
}
.kite-date-input.kite-form-control--error,
.kite-date-input--error {
  --input-border-color: var(--kite-date-input-error-border-color);
  --input-border-width: var(--kite-date-input-error-border-width);
}
.kite-date-input {
  position: relative;
  width: 100%;
}
.kite-date-input__label-group {
  margin-bottom: var(--kite-date-input-label-margin-bottom);
}
.kite-date-input__label {
  color: var(--kite-date-input-label-text-color);
  display: block;
}
.kite-date-input__helper-text {
  display: block;
  color: var(--kite-date-input-helper-text-color);
  font-size: var(--kite-date-input-helper-text-size);
  line-height: var(--kite-date-input-helper-text-line-height);
}
.kite-date-input__input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: var(--kite-date-input-height);
}
.kite-date-input__input-addon {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  padding-top: var(--kite-date-input-addon-padding-top, var(--kite-form-control-addon-padding-top));
  padding-right: var(--kite-date-input-addon-padding-right, var(--kite-form-control-addon-padding-right));
  padding-bottom: var(--kite-date-input-addon-padding-bottom, var(--kite-form-control-addon-padding-bottom));
  padding-left: var(--kite-date-input-addon-padding-left, var(--kite-form-control-addon-padding-left));
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.kite-date-input__input-addon:first-child {
  right: auto;
  left: 0;
}
.kite-date-input__input-addon .kite-icon {
  --color: var(--kite-date-input-addon-icon-color, var(--kite-form-control-addon-icon-color));
  --size: var(--kite-date-input-addon-icon-width, var(--kite-form-control-addon-icon-width));
}
.kite-date-input__input-addon--button {
  cursor: var(--kite-cursor-action);
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
.kite-date-input__input-addon--button:focus-visible {
  outline-offset: var(--kite-date-input-addon-focus-ring-offset, var(--kite-form-control-addon-focus-ring-offset));
}
.kite-date-input__input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--kite-date-input-text-color);
  line-height: var(--kite-date-input-text-line-height);
  outline: none;
  padding-top: calc(var(--kite-date-input-padding-top) - var(--input-border-width));
  padding-right: calc(var(--input-addon-total-width) - var(--input-border-width));
  padding-bottom: calc(var(--kite-date-input-padding-bottom) - var(--input-border-width));
  padding-left: calc(var(--kite-date-input-padding-left) - var(--input-border-width));
  position: absolute;
  top: var(--input-border-width);
  left: var(--input-border-width);
  width: calc(100% - var(--input-border-width) * 2);
  height: calc(var(--kite-date-input-height) * var(--input-border-width) * 2);
  z-index: 1;
}
.kite-date-input__input::placeholder {
  color: var(--kite-date-input-placeholder-text-color);
  font-style: var(--kite-date-input-placeholder-text-style);
}
.kite-date-input__input:disabled::placeholder {
  color: var(--kite-date-input-disabled-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-date-input__input:disabled ~ .kite-date-input__appearance {
    border-color: GrayText;
  }
}
.kite-date-input__input::-webkit-calendar-picker-indicator {
  display: none;
}
.kite-date-input__input--focus-visible,
.kite-date-input__input.kite-focus-visible,
.kite-date-input__input:focus-visible {
  outline: none;
}
.kite-date-input__appearance {
  background-color: var(--kite-date-input-background-color);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--kite-date-input-border-radius);
  color: var(--kite-date-input-text-color);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.kite-date-input .kite-form-control__error,
.kite-date-input__feedback {
  color: var(--kite-date-input-error-feedback-text-color);
  display: none;
  margin-top: var(--kite-date-input-feedback-margin-top);
}
.kite-date-input .kite-picker--overlay {
  --translateY: calc(var(--kite-date-input-label-height) + var(--kite-date-input-label-margin-bottom) + var(--kite-date-input-height) + var(--kite-date-input-picker-offset));
}
.kite-date-input .kite-picker__content {
  padding: var(--kite-date-input-picker-padding-top) var(--kite-date-input-picker-padding-right) var(--kite-date-input-picker-padding-bottom) var(--kite-date-input-picker-padding-left);
}
.kite-date-input.kite-form-control--error .kite-form-control__error,
.kite-date-input.kite-form-control--error .kite-date-input__feedback,
.kite-date-input--error .kite-form-control__error,
.kite-date-input--error .kite-date-input__feedback {
  display: block;
}
.kite-date-input--disabled .kite-date-input__label {
  color: var(--kite-date-input-disabled-label-text-color);
}
.kite-date-input--disabled .kite-date-input__helper-text {
  color: var(--kite-date-input-disabled-helper-text-color);
}
.kite-date-input--disabled .kite-date-input__input {
  color: var(--kite-date-input-disabled-text-color);
  cursor: var(--kite-date-input-disabled-cursor);
}
.kite-date-input--disabled .kite-date-input__input-addon {
  cursor: var(--kite-date-input-disabled-cursor, var(--kite-form-control-disabled-cursor));
}
.kite-date-input--disabled .kite-date-input__input-addon .kite-icon {
  --color: var(--kite-date-input-disabled-text-color, var(--kite-form-control-disabled-text-color));
}
.kite-calendar__header {
  width: calc(100% + var(--kite-date-input-picker-padding-right) + var(--kite-date-input-picker-padding-left));
  margin-left: calc(var(--kite-date-input-picker-padding-right) * -1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kite-calendar__month-year {
  font-weight: var(--kite-calendar-month-year-text-weight);
  margin: var(--kite-calendar-month-year-margin-top) var(--kite-calendar-month-year-margin-right) var(--kite-calendar-month-year-margin-bottom) var(--kite-calendar-month-year-margin-left);
}
.kite-calendar__prev,
.kite-calendar__next {
  border: 0;
  background: transparent;
  cursor: var(--kite-calendar-action-cursor);
  padding: var(--kite-calendar-controls-padding-top) var(--kite-calendar-controls-padding-right) var(--kite-calendar-controls-padding-bottom) var(--kite-calendar-controls-padding-left);
  color: var(--kite-calendar-controls-text-color);
}
.kite-calendar__prev--hidden,
.kite-calendar__next--hidden {
  visibility: hidden;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__prev--hover,
  .kite-calendar__prev.kite-hover,
  .kite-calendar__prev:hover,
  .kite-calendar__next--hover,
  .kite-calendar__next.kite-hover,
  .kite-calendar__next:hover {
    background-color: var(--kite-calendar-controls-hover-background-color);
  }
}
.kite-calendar__prev.kite-focus-visible,
.kite-calendar__prev:focus-visible,
.kite-calendar__next.kite-focus-visible,
.kite-calendar__next:focus-visible {
  color: var(--kite-calendar-controls-focus-text-color);
  outline-offset: 0;
}
.kite-calendar__prev {
  border-radius: var(--kite-form-control-picker-border-radius) 0 0 0;
}
.kite-calendar__next {
  border-radius: 0 var(--kite-form-control-picker-border-radius) 0 0;
}
.kite-calendar__table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  width: 100%;
}
.kite-calendar__table-header,
.kite-calendar__cell {
  height: var(--kite-calendar-day-height);
  width: var(--kite-calendar-day-width);
  text-align: var(--kite-calendar-day-text-align);
}
.kite-calendar__day {
  color: var(--kite-calendar-day-text-color);
  border: 1px solid transparent;
  background: transparent;
  cursor: var(--kite-calendar-action-cursor);
  position: relative;
  padding: 0;
}
.kite-calendar__day,
.kite-calendar__day .kite-calendar__day-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__day--hover,
  .kite-calendar__day.kite-hover,
  .kite-calendar__day:hover {
    background-color: var(--kite-calendar-day-hover-background-color);
  }
}
.kite-calendar__day:focus-visible {
  outline: var(--kite-calendar-focus-ring-width) var(--kite-calendar-focus-ring-style) var(--kite-calendar-focus-ring-color);
  outline-offset: var(--kite-calendar-day-focus-ring-offset);
}
.kite-calendar__day--disabled {
  color: var(--kite-calendar-day-disabled-text-color);
}
.kite-calendar__day--unavailable {
  text-decoration: var(--kite-calendar-day-unavailable-text-decoration-line);
  text-decoration-thickness: var(--kite-calendar-day-unavailable-text-decoration-thickness);
}
.kite-calendar__day--out-range {
  color: var(--kite-calendar-day-out-range-text-color);
  text-decoration: var(--kite-calendar-day-out-range-text-decoration-line);
  text-decoration-thickness: var(--kite-calendar-day-out-range-text-decoration-thickness);
}
.kite-calendar__day--out-range,
.kite-calendar__day--disabled {
  cursor: var(--kite-calendar-day-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-calendar__day--out-range,
  .kite-calendar__day--disabled {
    color: GrayText;
    border-color: GrayText;
  }
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__day--out-range--hover,
  .kite-calendar__day--out-range.kite-hover,
  .kite-calendar__day--out-range:hover,
  .kite-calendar__day--disabled--hover,
  .kite-calendar__day--disabled.kite-hover,
  .kite-calendar__day--disabled:hover {
    background-color: transparent;
  }
}
.kite-calendar__day[aria-current=date] {
  color: var(--kite-calendar-day-today-text-color);
  position: relative;
}
.kite-calendar__day[aria-current=date]::after {
  content: "";
  position: absolute;
  bottom: var(--kite-calendar-day-today-indicator-offset);
  width: var(--kite-calendar-day-today-indicator-width);
  height: var(--kite-calendar-day-today-indicator-height);
  background-color: var(--kite-calendar-day-today-indicator-background-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-calendar__day[aria-current=date] {
    color: Highlight;
  }
}
.kite-calendar__day--selected {
  background-color: var(--kite-calendar-day-selected-background-color);
  color: var(--kite-calendar-day-selected-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-calendar__day--selected {
    background-color: SelectedItem;
  }
}
.kite-calendar__day--selected[aria-disabled=true] {
  cursor: default;
}
.kite-calendar__day--prev-month:not(.kite-calendar__day--selected),
.kite-calendar__day--next-month:not(.kite-calendar__day--selected) {
  color: var(--kite-calendar-day-out-month-text-color);
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__day--prev-month--hover:not(.kite-calendar__day--disabled),
  .kite-calendar__day--prev-month.kite-hover:not(.kite-calendar__day--disabled),
  .kite-calendar__day--prev-month:hover:not(.kite-calendar__day--disabled),
  .kite-calendar__day--next-month--hover:not(.kite-calendar__day--disabled),
  .kite-calendar__day--next-month.kite-hover:not(.kite-calendar__day--disabled),
  .kite-calendar__day--next-month:hover:not(.kite-calendar__day--disabled) {
    color: var(--kite-calendar-day-out-month-hover-text-color);
  }
}
.kite-calendar__day-due {
  position: absolute;
  bottom: calc(var(--kite-calendar-day-due-offset) * -1);
  text-transform: var(--kite-calendar-day-due-text-transform);
  background-color: var(--kite-calendar-day-due-background-color);
  color: var(--kite-calendar-day-due-text-color);
  font-size: var(--kite-calendar-day-due-text-size);
  line-height: var(--kite-calendar-day-due-text-line-height);
  border-radius: var(--kite-calendar-day-due-border-radius);
  border: 1px solid transparent;
  padding: calc(var(--kite-calendar-day-due-padding-top) - 1px) calc(var(--kite-calendar-day-due-padding-right) - 1px) calc(var(--kite-calendar-day-due-padding-bottom) - 1px) calc(var(--kite-calendar-day-due-padding-left) - 1px);
  z-index: 1;
}
.kite-calendar--standalone {
  background-color: var(--kite-calendar-standalone-background-color);
  border: var(--kite-calendar-standalone-border-width) var(--kite-calendar-standalone-border-style) var(--kite-calendar-standalone-border-color);
  border-radius: var(--kite-calendar-standalone-border-radius);
  padding: var(--kite-calendar-standalone-padding-top) var(--kite-calendar-standalone-padding-right) var(--kite-calendar-standalone-padding-bottom) var(--kite-calendar-standalone-padding-left);
  min-width: var(--kite-calendar-standalone-min-width);
  min-height: var(--kite-calendar-standalone-min-height);
}
.kite-calendar--standalone .kite-calendar__header {
  width: 100%;
  margin-left: 0;
}
.kite-calendar--standalone .kite-calendar__table-header span:not(.kite-assistive-text),
.kite-calendar--standalone .kite-calendar__day {
  aspect-ratio: 1/1;
}
.kite-calendar--standalone .kite-calendar__table-header span:not(.kite-assistive-text) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.kite-time-input {
  --selection-border-width: var(--kite-time-input-border-width);
  --selection-border-style: var(--kite-time-input-border-style);
  --selection-border-color: var(--kite-time-input-border-color);
}
.kite-time-input {
  position: relative;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-time-input {
    max-width: var(--kite-time-input-max-width);
  }
}
.kite-time-input__label-group {
  margin-bottom: var(--kite-time-input-label-margin-bottom);
}
.kite-time-input__label {
  color: var(--kite-time-input-label-color);
  display: inline-block;
  font-weight: var(--kite-time-input-label-text-weight);
}
.kite-time-input__helper-text {
  display: block;
  color: var(--kite-time-input-helper-text-color);
  font-size: var(--kite-time-input-helper-text-size);
  line-height: var(--kite-time-input-helper-text-line-height);
}
.kite-time-input__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  background-color: var(--kite-time-input-background-color);
  border: var(--selection-border-width) var(--selection-border-style) var(--selection-border-color);
  border-radius: var(--kite-time-input-border-radius);
  color: var(--kite-time-input-text-color);
  cursor: var(--kite-time-input-cursor);
  display: flex;
  justify-content: space-between;
  line-height: var(--kite-time-input-text-line-height);
  margin: var(--kite-time-input-margin-top) var(--kite-time-input-margin-right) var(--kite-time-input-margin-bottom) var(--kite-time-input-margin-left);
  padding: calc(var(--kite-time-input-padding-top) - var(--selection-border-width)) calc(var(--kite-time-input-padding-right) - var(--selection-border-width)) calc(var(--kite-time-input-padding-bottom) - var(--selection-border-width)) calc(var(--kite-time-input-padding-left) - var(--selection-border-width));
  width: 100%;
  text-align: left;
  height: var(--kite-time-input-height);
  -webkit-user-select: none;
  user-select: none;
}
.kite-time-input__selection .kite-icon {
  --color: var(--kite-time-input-icon-color);
  --size: var(--kite-time-input-icon-size);
  flex-shrink: 0;
  margin-right: var(--kite-time-input-icon-margin-right);
}
.kite-time-input__selection.kite-focus-visible,
.kite-time-input__selection:focus-visible {
  outline: var(--kite-time-input-focus-ring-width) var(--kite-time-input-focus-ring-style) var(--kite-time-input-focus-ring-color);
  outline-offset: var(--kite-time-input-focus-ring-offset);
}
.kite-time-input__selection:disabled,
.kite-time-input__selection[aria-disabled=true] {
  --selection-border-color: var(--kite-time-input-disabled-border-color);
  background-color: var(--kite-time-input-disabled-background-color);
  color: var(--kite-time-input-disabled-text-color);
  cursor: var(--kite-time-input-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-time-input__selection:disabled,
  .kite-time-input__selection[aria-disabled=true] {
    border-color: GrayText;
    color: GrayText;
  }
}
.kite-time-input__selection:disabled .kite-icon,
.kite-time-input__selection[aria-disabled=true] .kite-icon {
  --color: var(--kite-time-input-disabled-icon-color);
}
.kite-time-input__selection.kite-hover:not([aria-disabled=true], [disabled]),
.kite-time-input__selection:hover:not([aria-disabled=true], [disabled]) {
  --selection-border-width: var(--kite-time-input-hover-border-width);
}
.kite-time-input__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: var(--kite-time-input-placeholder-margin-right);
  margin-left: var(--kite-time-input-placeholder-margin-left);
  text-align: left;
}
.kite-time-input__value--placeholder {
  color: var(--kite-time-input-placeholder-text-color);
  font-style: var(--kite-time-input-placeholder-text-style);
}
.kite-time-input__feedback {
  display: none;
  color: var(--kite-time-input-error-feedback-text-color);
  margin-top: var(--kite-time-input-feedback-margin-top);
}
.kite-time-input--error .kite-time-input__selection {
  --selection-border-color: var(--kite-time-input-error-border-color);
  --selection-border-width: var(--kite-time-input-error-border-width);
}
.kite-time-input--error .kite-time-input__feedback {
  display: block;
}
.kite-time-input--disabled .kite-time-input__label,
.kite-time-input--disabled .kite-time-input__value {
  color: var(--kite-time-input-disabled-text-color);
}
.kite-time-input--disabled .kite-time-input__helper-text {
  color: var(--kite-time-input-disabled-helper-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-time-input--disabled .kite-time-input__value {
    color: GrayText;
  }
}
.kite-dialog {
  --backdrop-background-color: var(--kite-dialog-overlay-background-color);
  --dismiss-icon-color: var(--kite-dialog-dismiss-icon-color);
}
.kite-dialog {
  align-items: var(--kite-dialog-position-y);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--kite-dialog-overlay-zindex);
  display: flex;
  justify-content: space-around;
  visibility: hidden;
}
.kite-dialog__container {
  --translate: 0px, 0px;
  box-shadow: var(--kite-dialog-elevation);
  display: inline-flex;
  max-width: var(--kite-dialog-max-width);
  padding: var(--kite-dialog-padding-top) var(--kite-dialog-padding-right) var(--kite-dialog-padding-bottom) var(--kite-dialog-padding-left);
  position: relative;
  vertical-align: middle;
  width: var(--kite-dialog-width);
  height: var(--kite-dialog-height);
  border-width: var(--kite-dialog-border-width);
  transform: translate(var(--translate));
  transition: transform var(--kite-dialog-transition-duration) var(--kite-dialog-transition-timing-function), visibility var(--kite-dialog-transition-duration) var(--kite-dialog-transition-timing-function);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-dialog__container {
    border: 1px solid CanvasText;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-dialog__container {
    border-radius: var(--kite-dialog-breakpoint-md-border-radius);
    max-height: var(--kite-dialog-breakpoint-md-max-height);
    padding: var(--kite-dialog-breakpoint-md-padding-top) var(--kite-dialog-breakpoint-md-padding-right) var(--kite-dialog-breakpoint-md-padding-bottom) var(--kite-dialog-breakpoint-md-padding-left);
    width: var(--kite-dialog-breakpoint-md-width);
    height: auto;
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-dialog__container {
    width: var(--kite-dialog-breakpoint-lg-width);
  }
}
@media only screen and (min-width: 60rem) {
  .kite-dialog__container {
    max-height: var(--kite-dialog-breakpoint-xl-max-height);
  }
}
@media only screen and (min-width: 80rem) {
  .kite-dialog__container {
    width: var(--kite-dialog-breakpoint-2xl-width);
  }
}
.kite-dialog__container-document {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kite-dialog__content {
  margin-right: calc(var(--kite-dialog-content-padding-right) * -1);
  margin-bottom: calc(var(--kite-dialog-content-padding-bottom) * -1);
  margin-left: calc(var(--kite-dialog-content-padding-left) * -1);
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--kite-dialog-content-padding-top) var(--kite-dialog-content-padding-right) var(--kite-dialog-content-padding-bottom) var(--kite-dialog-content-padding-left);
}
@media only screen and (min-width: 37.5rem) {
  .kite-dialog__content {
    margin-right: calc(var(--kite-dialog-breakpoint-md-padding-right) * -1);
    margin-bottom: calc(var(--kite-dialog-breakpoint-md-padding-bottom) * -1);
    margin-left: calc(var(--kite-dialog-breakpoint-md-padding-left) * -1);
    padding-right: var(--kite-dialog-breakpoint-md-padding-right);
    padding-bottom: var(--kite-dialog-breakpoint-md-padding-bottom);
    padding-left: var(--kite-dialog-breakpoint-md-padding-left);
  }
}
.kite-dialog__content--scrolled {
  border-top: var(--kite-dialog-scrolled-border-top-width) var(--kite-dialog-scrolled-border-top-style) var(--kite-dialog-scrolled-border-top-color);
  box-shadow: inset var(--kite-dialog-scrolled-elevation);
}
.kite-dialog__content-group + .kite-dialog__content-group {
  margin-top: var(--kite-dialog-content-group-margin-top);
}
.kite-dialog__backdrop {
  background-color: var(--backdrop-background-color);
  opacity: var(--kite-dialog-overlay-opacity);
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.kite-dialog__dismiss-button {
  background-color: transparent;
  border: 0;
  cursor: var(--kite-dialog-dismiss-icon-cursor);
  font-size: 0;
  padding: 0;
  position: absolute;
  top: var(--kite-size-20);
  right: var(--kite-size-16);
  width: var(--kite-dialog-dismiss-icon-width);
  height: var(--kite-dialog-dismiss-icon-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-dialog__dismiss-button {
    top: var(--kite-size-24);
    right: var(--kite-size-24);
  }
}
.kite-dialog__dismiss-button .kite-icon {
  --color: var(--dismiss-icon-color);
  --size: var(--kite-dialog-dismiss-icon-height);
}
.kite-dialog__title {
  align-items: center;
  display: flex;
  font-size: var(--kite-dialog-title-text-size);
  font-weight: var(--kite-dialog-title-text-weight);
  line-height: var(--kite-dialog-title-text-line-height);
  margin-bottom: var(--kite-dialog-title-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-dialog__title {
    font-size: var(--kite-dialog-breakpoint-md-title-text-size);
    font-weight: var(--kite-dialog-breakpoint-md-title-text-weight);
    line-height: var(--kite-dialog-breakpoint-md-title-text-line-height);
  }
}
.kite-dialog__title .kite-icon {
  align-self: flex-start;
  flex-shrink: 0;
  margin-top: calc((var(--kite-dialog-title-text-line-height) - 1) * var(--kite-dialog-title-text-size) / 2);
  margin-right: var(--kite-dialog-title-icon-margin-right);
}
.kite-dialog .kite-button-group {
  flex-basis: 0;
  margin-bottom: 0;
  gap: var(--kite-button-group-item-margin-right);
  display: flex;
  flex-direction: column;
}
.kite-dialog .kite-button-group .kite-button {
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-dialog .kite-button-group {
    flex-direction: row;
  }
  .kite-dialog .kite-button-group .kite-button {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.5 * var(--kite-button-group-item-margin-right));
    margin-right: 0;
    width: auto;
  }
  .kite-dialog .kite-button-group .kite-button:only-child {
    flex-grow: 0;
    flex-basis: content;
    min-width: calc(50% - 0.5 * var(--kite-button-group-item-margin-right));
  }
  .kite-dialog .kite-button-group .kite-button:nth-of-type(3) {
    flex-grow: 0;
    margin-right: auto;
    margin-left: auto;
  }
}
.kite-dialog .kite-alert {
  margin-top: var(--kite-dialog-alert-margin-top);
  margin-bottom: var(--kite-dialog-alert-margin-bottom);
}
.kite-dynamic-hint {
  --arrow-background-color: var(--kite-dynamic-hint-arrow-background-color);
  --arrow-border-color: var(--kite-dynamic-hint-arrow-border-color);
  --arrow-border-width: var(--kite-dynamic-hint-arrow-border-width);
  --background-color: var(--kite-dynamic-hint-background-color);
  --border-color: var(--kite-dynamic-hint-border-color);
  --color: var(--kite-dynamic-hint-text-color);
  --elevation: var(--kite-dynamic-hint-elevation);
  --error-color: var(--kite-dynamic-hint-criteria-negative-icon-color);
  --success-color: var(--kite-dynamic-hint-criteria-positive-icon-color);
  --icon-inline-offset: -0.1em;
}
.kite-dynamic-hint-container {
  position: relative;
}
.kite-dynamic-hint {
  background-color: var(--background-color);
  border: var(--kite-dynamic-hint-border-width) var(--kite-dynamic-hint-border-style) var(--border-color);
  border-radius: var(--kite-dynamic-hint-border-radius);
  box-shadow: var(--elevation);
  color: var(--color);
  display: none;
  margin: calc(var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-top)) 0 var(--kite-dynamic-hint-margin-bottom) 0;
  max-width: var(--kite-dynamic-hint-max-width);
  padding: var(--kite-dynamic-hint-padding-top) var(--kite-dynamic-hint-padding-right) var(--kite-dynamic-hint-padding-bottom) var(--kite-dynamic-hint-padding-left);
  position: relative;
  z-index: var(--kite-dynamic-hint-zindex);
  font-size: var(--kite-dynamic-hint-text-size);
  text-align: left;
  font-family: var(--kite-font-family);
  font-style: var(--kite-typography-body-style);
  font-weight: var(--kite-typography-body-weight);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  text-transform: none;
}
.kite-dynamic-hint::after,
.kite-dynamic-hint::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  z-index: var(--kite-dynamic-hint-zindex);
  border-style: solid;
  border-color: transparent;
  border-bottom-width: var(--kite-dynamic-hint-arrow-height);
  border-left-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
  border-right-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
  border-top-width: var(--kite-dynamic-hint-arrow-height);
  --arrow-translate-x: calc(1 * var(--kite-dynamic-hint-arrow-offset));
  --arrow-translate-y: calc(-2 * var(--kite-dynamic-hint-arrow-height));
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translate(var(--arrow-translate-x), var(--arrow-translate-y));
}
.kite-dynamic-hint::before {
  z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  border-bottom-color: var(--arrow-background-color);
  top: calc(2 * var(--arrow-border-width));
}
.kite-dynamic-hint::after {
  border-bottom-color: var(--arrow-border-color);
}
@media only screen and (min-width: 52.5rem) {
  .kite-dynamic-hint {
    --offset-x: 0;
    --offset-y: 0;
    --transform-y: calc(var(--offset-y) - (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
    --transform-x: calc(var(--offset-x) + var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-left));
    display: block;
    margin: 0;
    margin-right: -100%;
    position: absolute;
    transform: translate(var(--transform-x), var(--transform-y));
    visibility: hidden;
  }
  .kite-dynamic-hint::after,
  .kite-dynamic-hint::before {
    --arrow-translate-x: calc(-2 * (var(--kite-dynamic-hint-arrow-height)));
    border-bottom-color: transparent;
    border-bottom-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    border-left-width: var(--kite-dynamic-hint-arrow-height);
    border-right-width: var(--kite-dynamic-hint-arrow-height);
    border-top-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    left: 0;
    right: auto;
    --arrow-translate-y: -50%;
    top: 50%;
    bottom: auto;
    transform: translate(var(--arrow-translate-x), var(--arrow-translate-y));
  }
  .kite-dynamic-hint::before {
    border-right-color: var(--arrow-background-color);
    left: calc(2 * var(--arrow-border-width));
  }
  .kite-dynamic-hint::after {
    border-right-color: var(--arrow-border-color);
  }
  .kite-dynamic-hint--show {
    visibility: visible;
  }
  .kite-dynamic-hint--left {
    --transform-x: calc(var(--offset-x) - var(--kite-dynamic-hint-arrow-height) - var(--kite-dynamic-hint-margin-top));
  }
  .kite-dynamic-hint--left::after,
  .kite-dynamic-hint--left::before {
    --arrow-translate-x: calc(2 * (var(--kite-dynamic-hint-arrow-height)));
    border-color: transparent;
    border-bottom-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    border-left-width: var(--kite-dynamic-hint-arrow-height);
    border-right-width: var(--kite-dynamic-hint-arrow-height);
    border-top-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    left: auto;
    right: 0;
  }
  .kite-dynamic-hint--left::before {
    border-left-color: var(--arrow-background-color);
    right: calc(2 * var(--arrow-border-width));
  }
  .kite-dynamic-hint--left::after {
    border-left-color: var(--arrow-border-color);
  }
  .kite-dynamic-hint--right {
    --transform-x: calc(var(--offset-x) + var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-left));
  }
  .kite-dynamic-hint--right::after,
  .kite-dynamic-hint--right::before {
    --arrow-translate-x: calc(-2 * (var(--kite-dynamic-hint-arrow-height)));
    border-bottom-color: transparent;
    border-bottom-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    border-left-width: var(--kite-dynamic-hint-arrow-height);
    border-right-width: var(--kite-dynamic-hint-arrow-height);
    border-top-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    left: 0;
    right: auto;
  }
  .kite-dynamic-hint--right::before {
    border-right-color: var(--arrow-background-color);
    left: calc(2 * var(--arrow-border-width));
  }
  .kite-dynamic-hint--right::after {
    border-right-color: var(--arrow-border-color);
  }
  .kite-dynamic-hint--align-start {
    --transform-y: calc(var(--offset-y) - (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
  }
  .kite-dynamic-hint--align-start::after,
  .kite-dynamic-hint--align-start::before {
    --arrow-translate-y: calc(1 * var(--kite-dynamic-hint-arrow-offset));
    top: 0;
    bottom: auto;
  }
  .kite-dynamic-hint--align-end {
    --transform-y: calc(var(--offset-y) + (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
  }
  .kite-dynamic-hint--align-end::after,
  .kite-dynamic-hint--align-end::before {
    --arrow-translate-y: calc(-1 * var(--kite-dynamic-hint-arrow-offset));
    top: auto;
    bottom: 0;
  }
  .kite-dynamic-hint--top-right {
    --transform-x: calc(var(--offset-x) + var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-left));
    --transform-y: calc(var(--offset-y) + (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
    position: absolute;
  }
  .kite-dynamic-hint--top-right::after,
  .kite-dynamic-hint--top-right::before {
    border-bottom: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-left: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-right: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-top: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    transform: translate(calc(-2 * (var(--kite-dynamic-hint-arrow-height))), calc(-1 * var(--kite-dynamic-hint-arrow-offset)));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--top-right::before {
    border-right-color: var(--arrow-background-color);
    left: calc(2 * var(--arrow-border-width));
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--top-right::after {
    border-right-color: var(--arrow-border-color);
    left: 0;
    z-index: var(--kite-dynamic-hint-zindex);
  }
  .kite-dynamic-hint--bottom-left {
    --transform-x: calc(var(--offset-x) - var(--kite-dynamic-hint-arrow-height) - var(--kite-dynamic-hint-margin-top));
    --transform-y: calc(var(--offset-y) - (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
    position: absolute;
  }
  .kite-dynamic-hint--bottom-left::after,
  .kite-dynamic-hint--bottom-left::before {
    border-bottom: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-left: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-right: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-top: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    transform: translate(calc(2 * (var(--kite-dynamic-hint-arrow-height))), var(--kite-dynamic-hint-arrow-offset));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--bottom-left::before {
    border-left-color: var(--arrow-background-color);
    right: calc(2 * var(--arrow-border-width));
    left: auto;
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--bottom-left::after {
    border-left-color: var(--arrow-border-color);
    right: 0;
    left: auto;
    z-index: var(--kite-dynamic-hint-zindex);
  }
  .kite-dynamic-hint--top-left {
    --transform-x: calc(var(--offset-x) - var(--kite-dynamic-hint-arrow-height) - var(--kite-dynamic-hint-margin-top));
    --transform-y: calc(var(--offset-y) + (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
    position: absolute;
  }
  .kite-dynamic-hint--top-left::after,
  .kite-dynamic-hint--top-left::before {
    border-bottom: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-left: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-right: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-top: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    transform: translate(calc(2 * (var(--kite-dynamic-hint-arrow-height))), calc(-1 * var(--kite-dynamic-hint-arrow-offset)));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--top-left::before {
    border-left-color: var(--arrow-background-color);
    right: calc(2 * var(--arrow-border-width));
    left: auto;
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--top-left::after {
    border-left-color: var(--arrow-border-color);
    right: 0;
    left: auto;
    z-index: var(--kite-dynamic-hint-zindex);
  }
  .kite-dynamic-hint--bottom-right {
    --transform-x: calc(var(--offset-x) + var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-left));
    --transform-y: calc(var(--offset-y) - (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
  }
  .kite-dynamic-hint--bottom-right::after,
  .kite-dynamic-hint--bottom-right::before {
    border-bottom: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-left: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-right: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-top: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    transform: translate(calc(-2 * (var(--kite-dynamic-hint-arrow-height))), var(--kite-dynamic-hint-arrow-offset));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--bottom-right::before {
    border-right-color: var(--arrow-background-color);
    left: calc(2 * var(--arrow-border-width));
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--bottom-right::after {
    border-right-color: var(--arrow-border-color);
    left: 0;
    z-index: var(--kite-dynamic-hint-zindex);
  }
  .kite-dynamic-hint--mobile,
  .kite-dynamic-hint--inline {
    margin: calc(var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-top)) 0 var(--kite-dynamic-hint-margin-bottom) 0;
    position: relative;
  }
  .kite-dynamic-hint--mobile::after,
  .kite-dynamic-hint--mobile::before,
  .kite-dynamic-hint--inline::after,
  .kite-dynamic-hint--inline::before {
    border-bottom: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-left: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-right: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-top: var(--kite-dynamic-hint-arrow-height) solid transparent;
    content: "";
    position: absolute;
    right: auto;
    left: 0;
    transform: translate(var(--kite-dynamic-hint-arrow-offset), calc(-2 * (var(--kite-dynamic-hint-arrow-height))));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--mobile::before,
  .kite-dynamic-hint--inline::before {
    border-bottom-color: var(--arrow-background-color);
    top: calc(2 * var(--arrow-border-width));
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--mobile::after,
  .kite-dynamic-hint--inline::after {
    border-bottom-color: var(--arrow-border-color);
    top: 0;
    z-index: var(--kite-dynamic-hint-zindex);
  }
}
.kite-dynamic-hint--show {
  display: block;
}
.kite-dynamic-hint__criteria-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kite-dynamic-hint__title {
  font-weight: var(--kite-dynamic-hint-title-text-weight);
  margin-bottom: var(--kite-dynamic-hint-title-margin-bottom);
}
.kite-dynamic-hint__error-icon,
.kite-dynamic-hint__success-icon {
  margin-top: var(--kite-icon-inline-offset);
}
.kite-dynamic-hint__criteria-item {
  display: flex;
  font-size: var(--kite-dynamic-hint-criteria-text-size);
  margin-bottom: var(--kite-dynamic-hint-criteria-margin-bottom);
  padding-left: 0;
}
.kite-dynamic-hint__criteria-item:last-of-type {
  margin-bottom: 0;
}
.kite-dynamic-hint__criteria-item--success .kite-dynamic-hint__error-icon {
  display: none;
}
.kite-dynamic-hint__criteria-item--success .kite-icon {
  --color: var(--success-color);
}
.kite-dynamic-hint__criteria-item--error .kite-dynamic-hint__success-icon {
  display: none;
}
.kite-dynamic-hint__criteria-item--error .kite-icon {
  --color: var(--error-color);
}
.kite-dynamic-hint__criteria-item .kite-icon {
  --size: var(--kite-dynamic-hint-criteria-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-dynamic-hint-criteria-icon-margin-right);
  vertical-align: middle;
}
.kite-image {
  --max-size: 100%;
  --max-width: var(--max-size);
  --max-height: var(--max-size);
  --border-radius: var(--kite-border-radius);
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: var(--max-width);
  height: var(--max-height);
}
.kite-image--start {
  align-items: flex-start;
}
.kite-image--circle {
  border-radius: 100%;
}
.kite-image--circle .kite-image__container,
.kite-image--cover .kite-image__container {
  width: 100%;
  height: 100%;
}
.kite-image--circle .kite-image__container img,
.kite-image--cover .kite-image__container img {
  object-fit: cover;
}
.kite-image__container {
  border-radius: var(--border-radius);
  overflow: hidden;
}
.kite-image img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kite-list {
  --multiline-title-height: calc(var(--kite-list-item-multiline-title-text-size) * var(--kite-typography-lg-body-line-height, 1.5));
  --border-color: var(--kite-list-border-color);
  --label-text-color: var(--kite-list-item-label-text-color);
  --negative-label-text-color: var(--kite-list-item-negative-label-text-color);
  --neutral-label-text-color: var(--kite-list-item-neutral-label-text-color);
  --muted-label-text-color: var(--kite-list-item-muted-label-text-color);
  --positive-label-text-color: var(--kite-list-item-positive-label-text-color);
  --caution-label-text-color: var(--kite-list-item-caution-label-text-color);
  --text-color: var(--kite-list-item-text-color);
  --icon-color: var(--kite-list-item-icon-color);
  --action-icon-color: var(--kite-list-item-action-icon-color);
  --disabled-icon-color: var(--kite-list-item-disabled-icon-color);
  --hover-background-color: var(--kite-list-item-hover-background-color);
}
ul.kite-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-list > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
.kite-list {
  border-top: var(--kite-list-border-width) var(--kite-list-border-style) var(--border-color);
}
.kite-list--align-items {
  --start-area: max-content;
  --center-area: 1fr;
  --end-area: min-content;
  display: grid;
  grid-template-columns: var(--start-area) var(--center-area) var(--end-area);
  grid-template-areas: "start center end";
}
@media only screen and (min-width: 30rem) {
  .kite-list--align-items {
    --end-area: max-content;
  }
}
.kite-list--align-items .kite-list-item__start {
  grid-area: start;
}
.kite-list--align-items .kite-list-item__center {
  grid-area: center;
}
.kite-list--align-items .kite-list-item__end {
  grid-area: end;
}
.kite-list--align-items.kite-list *:not([hidden], .kite-list-item__inner *, .kite-list-item__expandable-container, .kite-list-item__expandable-container *) {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  grid-auto-flow: column;
}
.kite-list--align-items .kite-list-item__expandable-container {
  grid-column: 1/-1;
}
.kite-list-item {
  --start-align-offset: 0;
  display: block;
  position: relative;
}
.kite-list-item--disabled {
  --icon-color: var(--kite-list-item-disabled-icon-color);
  --text-color: var(--kite-list-item-disabled-text-color);
  --label-text-color: var(--text-color);
  --negative-label-text-color: var(--label-text-color);
  --neutral-label-text-color: var(--label-text-color);
  --muted-label-text-color: var(--label-text-color);
  --positive-label-text-color: var(--label-text-color);
  color: var(--text-color);
}
.kite-list-item--disabled .kite-list-item__action,
.kite-list-item--disabled .kite-list-item__content {
  cursor: var(--kite-list-item-disabled-cursor);
}
.kite-list-item--disabled .kite-list-item__action:hover,
.kite-list-item--disabled .kite-list-item__content:hover {
  background-color: transparent;
}
.kite-list-item--danger .kite-list-item__label,
.kite-list-item--negative .kite-list-item__label {
  color: var(--negative-label-text-color);
}
.kite-list-item--info .kite-list-item__label,
.kite-list-item--neutral .kite-list-item__label {
  color: var(--neutral-label-text-color);
}
.kite-list-item--success .kite-list-item__label,
.kite-list-item--positive .kite-list-item__label {
  color: var(--positive-label-text-color);
}
.kite-list-item--align-to-icon {
  --start-align-offset: calc( var(--kite-list-item-icon-width) + var(--kite-list-item-slot-start-margin-right) );
}
.kite-list-item--align-to-thumbnail-sm {
  --start-align-offset: calc(var(--kite-list-item-image-sm-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-thumbnail-md {
  --start-align-offset: calc(var(--kite-list-item-image-md-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-thumbnail,
.kite-list-item--align-to-thumbnail-lg {
  --start-align-offset: calc(var(--kite-list-item-image-lg-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-payment-logo {
  --start-align-offset: calc( var(--kite-payment-logo-width) + var(--kite-list-item-slot-start-margin-right) );
}
.kite-list-item--popover .kite-list-item__center {
  flex-direction: unset;
}
.kite-list-item--popover .kite-popover {
  margin-top: 2px;
}
.kite-list-item--expanded .kite-list-item__expandable-content {
  display: block;
}
.kite-list-item--expanded .kite-list-item__end > .kite-icon {
  transform: rotate(-180deg);
}
.kite-list-item::before {
  border-bottom: var(--kite-list-item-border-width) var(--kite-list-item-border-style) var(--kite-list-item-border-color);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.kite-list-item__action,
.kite-list-item__content {
  background-color: var(--kite-list-item-background-color);
  border: 0;
  color: var(--text-color);
  display: block;
  line-height: inherit;
  padding: var(--kite-list-item-padding-top) var(--kite-list-item-padding-right) var(--kite-list-item-padding-bottom) var(--kite-list-item-padding-left);
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.kite-list-item__action {
  cursor: var(--kite-list-item-cursor);
}
.kite-list-item__action.kite-hover,
.kite-list-item__action:hover,
.kite-list-item__action.kite-visited,
.kite-list-item__action:visited {
  color: var(--text-color);
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .kite-list-item__action.kite-hover,
  .kite-list-item__action:hover {
    background-color: var(--hover-background-color);
  }
}
.kite-list-item__action.kite-focus-visible,
.kite-list-item__action:focus-visible {
  color: var(--text-color);
  outline-offset: var(--kite-list-item-focus-ring-offset);
}
.kite-list-item__inner {
  display: flex;
  flex-direction: row;
}
.kite-list-item__start > .kite-icon,
.kite-list-item__end > .kite-icon {
  --color: var(--icon-color);
  --offset: 0;
}
.kite-list-item__start {
  display: flex;
  flex-direction: column;
  margin-right: var(--kite-list-item-slot-start-margin-right);
  max-width: var(--kite-list-item-slot-start-max-width);
}
.kite-list-item__start .kite-payment-logo {
  width: var(--kite-list-item-payment-logo-width);
  height: var(--kite-list-item-payment-logo-height);
  margin-top: var(--kite-list-item-payment-logo-margin-top);
  box-shadow: var(--kite-list-item-payment-logo-shadow);
  border-radius: var(--kite-list-item-payment-logo-border-radius);
}
.kite-list-item__start > .kite-icon {
  --size: var(--kite-list-item-icon-width);
}
.kite-list-item__center {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: var(--start-align-offset);
}
.kite-list-item__center .kite-list-item__label {
  margin-top: var(--kite-list-item-multiline-subtitle-margin-bottom);
}
.kite-list-item__end {
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-self: flex-end;
  margin-left: var(--kite-list-item-slot-end-margin-left);
}
.kite-list-item__end--centered {
  align-self: center;
}
.kite-list-item__end > .kite-icon {
  --size: var(--kite-list-item-action-icon-width);
  min-height: calc(var(--size) * var(--kite-typography-body-line-height, 1.5));
  margin-left: var(--kite-list-item-label-margin-right);
  flex-shrink: 0;
  transition: transform var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
.kite-list-item__end .kite-switch {
  margin-bottom: 0px;
}
.kite-list-item__label {
  color: var(--label-text-color);
  font-size: var(--kite-list-item-label-text-size);
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item__label {
    white-space: nowrap;
  }
}
.kite-list-item__label .kite-icon {
  --size: var(--kite-list-item-label-icon-width);
  margin-right: var(--kite-list-item-label-icon-margin-right);
}
.kite-list-item__label--negative {
  color: var(--negative-label-text-color);
}
.kite-list-item__label--positive {
  color: var(--positive-label-text-color);
}
.kite-list-item__label--neutral {
  color: var(--neutral-label-text-color);
}
.kite-list-item__label--muted {
  color: var(--muted-label-text-color);
}
.kite-list-item__label--caution {
  color: var(--caution-label-text-color);
}
.kite-list-item__label--caution .kite-icon {
  --color: var(--kite-list-item-caution-label-icon-color);
}
.kite-list-item__image .kite-image {
  --max-width: var(--kite-list-item-image-max-width);
  --max-height: var(--kite-list-item-image-max-height);
  --border-radius: var(--kite-list-item-image-border-radius);
  justify-content: flex-start;
}
.kite-list-item__image--sm .kite-image {
  --max-width: var(--kite-list-item-image-sm-max-width);
  --max-height: var(--kite-list-item-image-sm-max-height);
}
.kite-list-item__image--md .kite-image {
  --max-width: var(--kite-list-item-image-md-max-width);
  --max-height: var(--kite-list-item-image-md-max-height);
}
.kite-list-item__image--lg .kite-image {
  --max-width: var(--kite-list-item-image-lg-max-width);
  --max-height: var(--kite-list-item-image-lg-max-height);
}
.kite-list-item .kite-title {
  font-size: var(--kite-list-item-title-text-size);
  font-weight: var(--kite-list-item-title-text-weight);
  line-height: var(--kite-list-item-title-text-line-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-title {
    font-size: var(--kite-list-item-breakpoint-md-title-text-size);
    font-weight: var(--kite-list-item-breakpoint-md-title-text-weight);
    line-height: var(--kite-list-item-breakpoint-md-title-text-line-height);
  }
}
.kite-list-item .kite-title--body {
  font-size: var(--kite-list-item-title-body-text-size);
  font-weight: var(--kite-list-item-title-body-text-weight);
  line-height: var(--kite-list-item-title-body-text-line-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-title--body {
    font-size: var(--kite-list-item-breakpoint-md-title-body-text-size);
    font-weight: var(--kite-list-item-breakpoint-md-title-body-text-weight);
    line-height: var(--kite-list-item-breakpoint-md-title-body-text-line-height);
  }
}
.kite-list-item .kite-subtitle {
  font-size: var(--kite-list-item-multiline-subtitle-text-size);
  margin-top: var(--kite-list-item-multiline-title-margin-bottom);
}
.kite-list-item .kite-menu--block .kite-picker--overlay {
  left: auto;
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-menu--block .kite-picker--overlay {
    left: 0;
  }
}
.kite-list-item__expandable-container {
  --max-height: 0;
  max-height: var(--max-height);
  overflow: hidden;
}
.kite-list-item__expandable-container--transitioning {
  transition: all var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-list-item__expandable-container--transitioning {
    transition-property: none;
  }
}
.kite-list-item__expandable-container--transitioning .kite-list-item__expandable-content {
  transition: all var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-list-item__expandable-container--transitioning .kite-list-item__expandable-content {
    transition-property: none;
  }
}
.kite-list-item__expandable-content {
  --opacity: 0;
  opacity: var(--opacity);
  display: none;
  text-align: left;
  padding: var(--kite-list-item-expandable-content-padding-top) var(--kite-list-item-expandable-content-padding-right) var(--kite-list-item-expandable-content-padding-bottom) var(--kite-list-item-expandable-content-padding-left);
}
.kite-list-item__expandable-content > :last-child {
  margin-bottom: 0;
}
.kite-card .kite-list {
  border-top: 0;
}
.kite-card .kite-list-item:last-child::before {
  border-bottom: 0;
}
.kite-card .kite-list-item::before {
  left: var(--kite-list-item-padding-left-sm);
  width: calc(100% - var(--kite-list-item-padding-left-sm) * 2);
}
@media only screen and (min-width: 37.5rem) {
  .kite-card .kite-list-item::before {
    left: var(--kite-list-item-padding-left-md);
    width: calc(100% - var(--kite-list-item-padding-left-md) * 2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card .kite-list-item::before {
    left: var(--kite-list-item-padding-left-lg);
    width: calc(100% - var(--kite-list-item-padding-left-lg) * 2);
  }
}
.kite-card .kite-list-item__action,
.kite-card .kite-list-item__content,
.kite-card .kite-list-item__expandable-content {
  padding-right: calc(var(--kite-list-item-padding-right-sm) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-sm) + var(--kite-list-item-padding-left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-card .kite-list-item__action,
  .kite-card .kite-list-item__content,
  .kite-card .kite-list-item__expandable-content {
    padding-right: calc(var(--kite-list-item-padding-right-md) + var(--kite-list-item-padding-right));
    padding-left: calc(var(--kite-list-item-padding-left-md) + var(--kite-list-item-padding-left));
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card .kite-list-item__action,
  .kite-card .kite-list-item__content,
  .kite-card .kite-list-item__expandable-content {
    padding-right: calc(var(--kite-list-item-padding-right-lg) + var(--kite-list-item-padding-right));
    padding-left: calc(var(--kite-list-item-padding-left-lg) + var(--kite-list-item-padding-left));
  }
}
.kite-card .kite-list-item--sm::before {
  left: var(--kite-list-item-padding-left-sm);
  width: calc(100% - var(--kite-list-item-padding-left-sm) * 2);
}
.kite-card .kite-list-item--sm .kite-list-item__action,
.kite-card .kite-list-item--sm .kite-list-item__content,
.kite-card .kite-list-item--sm .kite-list-item__expandable-content {
  padding-right: calc(var(--kite-list-item-padding-right-sm) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-sm) + var(--kite-list-item-padding-left));
}
.kite-card .kite-list-item--md::before {
  left: var(--kite-list-item-padding-left-md);
  width: calc(100% - var(--kite-list-item-padding-left-md) * 2);
}
.kite-card .kite-list-item--md .kite-list-item__action,
.kite-card .kite-list-item--md .kite-list-item__content,
.kite-card .kite-list-item--md .kite-list-item__expandable-content {
  padding-right: calc(var(--kite-list-item-padding-right-md) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-md) + var(--kite-list-item-padding-left));
}
.kite-card .kite-list-item--lg::before {
  left: var(--kite-list-item-padding-left-lg);
  width: calc(100% - var(--kite-list-item-padding-left-lg) * 2);
}
.kite-card .kite-list-item--lg .kite-list-item__action,
.kite-card .kite-list-item--lg .kite-list-item__content,
.kite-card .kite-list-item--lg .kite-list-item__expandable-content {
  padding-right: calc(var(--kite-list-item-padding-right-lg) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-lg) + var(--kite-list-item-padding-left));
}
.kite-link {
  --text-decoration: var(--kite-link-text-decoration);
  --color: var(--kite-link-text-color);
  --focus-ring-color: var(--kite-link-focus-ring-color);
  --focus-text-color: var(--kite-link-focus-text-color);
  --hover-text-color: var(--kite-link-hover-text-color);
  --press-text-color: var(--kite-link-press-text-color);
  --visited-text-color: var(--kite-link-visited-text-color);
  color: var(--color);
  font-weight: var(--kite-link-text-weight);
  text-decoration: var(--text-decoration);
  text-decoration-thickness: var(--kite-link-text-decoration-thickness);
  text-underline-offset: var(--kite-link-text-decoration-offset);
}
.kite-link.kite-hover,
.kite-link:hover {
  --text-decoration: var(--kite-link-hover-text-decoration);
  color: var(--hover-text-color);
}
.kite-link.kite-focus-visible,
.kite-link:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
  --text-decoration: var(--kite-link-focus-text-decoration);
  color: var(--focus-text-color);
  outline-color: var(--focus-ring-color);
}
.kite-link.kite-active,
.kite-link:active {
  --text-decoration: var(--kite-link-press-text-decoration);
  color: var(--press-text-color);
}
.kite-link.kite-visited,
.kite-link:visited {
  --text-decoration: var(--kite-link-visited-text-decoration);
  color: var(--visited-text-color);
}
.kite-link.kite-disabled,
.kite-link:disabled {
  pointer-events: none;
}
.kite-link {
  --icon-size: var(--kite-link-icon-height);
  --icon-color: var(--kite-link-icon-color);
}
.kite-link:is(a:not([href])) {
  --icon-color: currentColor;
}
.kite-link:has(.kite-icon) {
  display: inline-flex;
  align-items: center;
  gap: var(--kite-link-icon-margin);
}
.kite-link__icon {
  display: inline;
}
.kite-link__icon .kite-icon {
  --color: var(--icon-color);
  object-fit: contain;
  width: var(--icon-size);
  height: var(--icon-size);
}
.kite-link--standalone {
  --text-decoration: var(--kite-link-standalone-text-decoration);
  --icon-color: var(--kite-link-standalone-icon-color);
  font-weight: var(--kite-link-standalone-text-weight);
  text-decoration-thickness: var(--kite-link-standalone-text-decoration-thickness);
  text-underline-offset: var(--kite-link-standalone-text-decoration-offset);
}
.kite-link--standalone.kite-hover,
.kite-link--standalone:hover {
  --text-decoration: var(--kite-link-standalone-hover-text-decoration);
  --icon-color: var(--kite-link-standalone-hover-icon-color);
}
.kite-link--standalone.kite-focus-visible,
.kite-link--standalone:focus-visible {
  --text-decoration: var(--kite-link-standalone-focus-text-decoration);
  --icon-color: var(--kite-link-standalone-focus-icon-color);
}
.kite-link--standalone.kite-active,
.kite-link--standalone:active {
  --text-decoration: var(--kite-link-standalone-press-text-decoration);
  --icon-color: var(--kite-link-standalone-press-icon-color);
}
.kite-link--standalone.kite-visited,
.kite-link--standalone:visited {
  --text-decoration: var(--kite-link-standalone-visited-text-decoration);
  --icon-color: var(--kite-link-standalone-visited-icon-color);
}
.kite-menu {
  --top: var(--kite-spacing-xl);
  --right: var(--kite-spacing-xl);
  --bottom: var(--kite-spacing-xl);
  --left: var(--kite-spacing-xl);
  --min-height: var(--kite-menu-trigger-icon-height);
  --min-width: var(--kite-menu-trigger-icon-width);
  --visible-opacity: var(--kite-menu-list-activated-opacity);
  --hidden-opacity: var(--kite-menu-list-opacity);
  --list-border-width: var(--kite-menu-list-border-width);
  --list-border-style: var(--kite-menu-list-border-style);
  --list-border-radius: var(--kite-menu-list-border-radius);
  --list-cursor: var(--kite-menu-list-cursor);
  --list-max-width: calc(var(--kite-menu-list-max-width) - var(--right));
  --list-min-width: var(--kite-menu-list-min-width);
  --list-z-index: var(--kite-menu-list-zindex);
  --list-translate-x: calc(-1 * (100% + var(--kite-menu-list-margin-right)));
  --list-translate-y: calc(-1 * (var(--trigger-height)));
  --list-transition-duration: var(--kite-menu-list-transition-duration);
  --list-transition-timing-function: var(--kite-menu-list-transition-timing-function);
  --list-transition-target: var(--kite-menu-list-transition-target-property);
  --list-item-border-width: var(--kite-menu-list-item-border-width);
  --list-item-border-style: var(--kite-menu-list-item-border-style);
  --cursor: var(--kite-menu-trigger-cursor);
  --list-item-focus-ring-width: var(--kite-menu-list-item-focus-ring-width);
  --list-item-focus-ring-style: var(--kite-menu-list-item-focus-ring-style);
  --list-item-text-size: var(--kite-menu-list-item-text-size);
  --list-item-text-line-height: var(--kite-menu-list-item-text-line-height);
  --list-item-padding-top: var(--kite-menu-list-item-padding-top);
  --list-item-padding-right: var(--kite-menu-list-item-padding-right);
  --list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom);
  --list-item-padding-left: var(--kite-menu-list-item-padding-left);
  --trigger-border-radius: var(--kite-menu-trigger-border-radius);
  --trigger-width: calc(var(--kite-menu-trigger-padding-left) + var(--kite-menu-trigger-icon-width) + var(--kite-menu-trigger-padding-right));
  --trigger-height: calc(var(--kite-menu-trigger-padding-top) + var(--kite-menu-trigger-icon-height) + var(--kite-menu-trigger-padding-bottom));
  --width: var(--trigger-width);
  --height: var(--trigger-height);
  --hcm-border-width: 1px;
  --trigger-background-color: var(--kite-menu-trigger-background-color);
  --trigger-hover-background-color: var(--kite-menu-trigger-hover-background-color);
  --trigger-activated-background-color: var(--kite-menu-trigger-activated-background-color);
  --trigger-disabled-background-color: var(--kite-menu-trigger-disabled-background-color);
  --trigger-icon-color: var(--kite-menu-trigger-icon-color);
  --trigger-activated-icon-color: var(--kite-menu-trigger-activated-icon-color);
  --trigger-disabled-icon-color: var(--kite-menu-trigger-disabled-icon-color);
  --trigger-label-text-size: var(--kite-menu-contextual-label-trigger-label-text-size);
  --trigger-label-text-line-height: var(--kite-menu-contextual-label-trigger-label-text-line-height);
  --trigger-label-color: var(--kite-menu-contextual-label-trigger-label-text-color);
  --trigger-activated-label-color: var(--kite-menu-contextual-label-trigger-activated-label-text-color);
  --trigger-disabled-label-color: var(--kite-menu-contextual-label-trigger-disabled-label-text-color);
  --list-item-focus-ring-color: var(--kite-menu-list-item-focus-ring-color);
  --trigger-focus-ring-color: var(--kite-menu-trigger-focus-ring-color);
  --trigger-disabled-cursor: var(--kite-menu-trigger-disabled-cursor);
  --list-background-color: var(--kite-menu-list-background-color);
  --list-border-color: var(--kite-menu-list-border-color);
  --list-elevation: var(--kite-menu-list-elevation);
  --list-item-border-color: var(--kite-menu-list-item-border-color);
  --list-item-destructive-text-color: var(--kite-menu-list-item-negative-text-color);
  --list-item-negative-text-color: var(--list-item-destructive-text-color, var(--kite-menu-list-item-negative-text-color));
  --list-item-destructive-icon-color: var(--kite-menu-list-item-negative-icon-color);
  --list-item-negative-icon-color: var(--list-item-destructive-icon-color, var(--kite-menu-list-item-negative-icon-color));
  --list-item-hover-background-color: var(--kite-menu-list-item-hover-background-color);
  --list-item-text-color: var(--kite-menu-list-item-text-color);
  --list-item-icon-color: var(--kite-menu-list-item-icon-color);
  --list-item-disabled-text-color: var(--kite-menu-list-item-disabled-text-color);
  --list-item-disabled-cursor: var(--kite-menu-list-item-disabled-cursor);
  --label-text-size: var(--kite-form-control-label-text-size);
  --label-line-height: var(--kite-form-control-label-text-line-height);
  --label-height: calc(var(--label-line-height) * var(--label-text-size));
}
.kite-menu--bottom {
  --list-translate-y: -100%;
}
.kite-menu--left {
  --list-translate-x: calc(var(--trigger-width) + var(--kite-menu-list-margin-right));
  --list-max-width: calc(var(--kite-menu-list-max-width) - var(--left));
}
.kite-menu--block {
  --width: auto;
  --list-max-width: 100%;
}
.kite-menu--sm {
  --kite-menu-trigger-padding-top: var(--kite-menu-sm-trigger-padding-top);
  --kite-menu-trigger-padding-left: var(--kite-menu-sm-trigger-padding-left);
  --kite-menu-trigger-padding-bottom: var(--kite-menu-sm-trigger-padding-bottom);
  --kite-menu-trigger-padding-right: var(--kite-menu-sm-trigger-padding-right);
}
.kite-menu--contextual-label {
  --width: auto;
  --list-translate-x: 0;
  --list-translate-y: 0;
  --list-margin-top: var(--kite-dropdown-list-margin-top);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu {
    --list-max-width: var(--kite-menu-list-max-width);
  }
}
.kite-menu--dropdown {
  --cursor: var(--kite-dropdown-cursor);
  --width: auto;
  --disabled-cursor: var(--kite-dropdown-disabled-cursor);
  --max-width: calc(100% - var(--right));
  --min-width: auto;
  --height: var(--kite-dropdown-height);
  --padding-top: var(--kite-dropdown-padding-top);
  --padding-right: var(--kite-dropdown-padding-right);
  --padding-bottom: var(--kite-dropdown-padding-bottom);
  --padding-left: var(--kite-dropdown-padding-left);
  --icon-margin-right: var(--kite-dropdown-icon-margin-right);
  --label-margin-bottom: var(--kite-dropdown-label-margin-bottom);
  --visible-opacity: var(--kite-dropdown-list-activated-opacity);
  --hidden-opacity: var(--kite-dropdown-list-opacity);
  --border-width: var(--kite-dropdown-border-width);
  --border-style: var(--kite-dropdown-border-style);
  --hover-border-width: var(--kite-dropdown-hover-border-width);
  --focus-ring-width: var(--kite-dropdown-focus-ring-width);
  --focus-ring-style: var(--kite-dropdown-focus-ring-style);
  --focus-ring-offset: var(--kite-dropdown-focus-ring-offset);
  --value-margin-left: 0;
  --value-margin-right: var(--kite-dropdown-placeholder-margin-right);
  --list-translate-x: 0;
  --list-translate-y: 0;
  --list-border-width: var(--kite-dropdown-list-border-width);
  --list-border-style: var(--kite-dropdown-list-border-style);
  --list-border-radius: var(--kite-dropdown-list-border-radius);
  --list-cursor: var(--kite-dropdown-list-cursor);
  --list-max-width: calc(var(--kite-dropdown-list-max-width) - var(--right));
  --list-min-width: var(--kite-dropdown-list-min-width);
  --list-margin-top: var(--kite-dropdown-list-margin-top);
  --list-z-index: var(--kite-dropdown-list-zindex);
  --list-transition-duration: var(--kite-dropdown-list-transition-duration);
  --list-transition-timing-function: var(--kite-dropdown-list-transition-timing-function);
  --list-transition-target: var(--kite-dropdown-list-transition-target-property);
  --list-item-disabled-cursor: var(--kite-dropdown-list-item-disabled-cursor);
  --list-item-border-width: var(--kite-dropdown-list-item-border-width);
  --list-item-border-style: var(--kite-dropdown-list-item-border-style);
  --list-item-icon-margin-right: var(--kite-dropdown-list-item-icon-margin-right);
  --list-item-icon-margin-left: var(--kite-dropdown-list-item-icon-margin-left);
  --list-item-icon-width: var(--kite-dropdown-list-item-icon-width);
  --list-item-icon-height: var(--kite-dropdown-list-item-icon-height);
  --list-item-text-size: var(--kite-dropdown-list-item-text-size);
  --list-item-text-line-height: var(--kite-dropdown-action-line-height);
  --list-item-padding-top: var(--kite-dropdown-list-item-padding-top);
  --list-item-padding-right: var(--kite-dropdown-list-item-padding-right);
  --list-item-padding-bottom: var(--kite-dropdown-list-item-padding-bottom);
  --list-item-padding-left: var(--kite-dropdown-list-item-padding-left);
  --list-item-focus-ring-width: var(--kite-dropdown-list-item-focus-ring-width);
  --list-item-focus-ring-style: var(--kite-dropdown-list-item-focus-ring-style);
  --selection-background-color: var(--kite-dropdown-background-color);
  --selection-color: var(--kite-dropdown-text-color);
  --selection-icon-color: var(--kite-dropdown-icon-color);
  --selection-border-color: var(--kite-dropdown-border-color);
  --selection-fill: var(--kite-dropdown-list-item-icon-color);
  --label-color: var(--kite-dropdown-label-text-color);
  --selection-focus-ring-color: var(--kite-menu-trigger-focus-ring-color);
  --list-background-color: var(--kite-menu-list-background-color);
  --list-border-color: var(--kite-menu-list-border-color);
  --list-elevation: var(--kite-menu-list-elevation);
  --list-item-border-color: var(--kite-menu-list-item-border-color);
  --list-item-text-color: var(--kite-menu-list-item-text-color);
  --list-item-hover-background-color: var(--kite-menu-list-item-hover-background-color);
  --list-item-disabled-text-color: var(--kite-menu-list-item-disabled-text-color);
  --list-item-focus-ring-color: var(--kite-menu-list-item-focus-ring-color);
  --disabled-selection-background-color: var(--kite-dropdown-disabled-background-color);
  --disabled-selection-border-color: var(--kite-dropdown-disabled-border-color);
  --disabled-selection-color: var(--kite-dropdown-disabled-text-color);
  --disabled-selection-icon-color: var(--kite-dropdown-disabled-icon-color);
}
.kite-menu--dropdown.kite-menu--left {
  --max-width: calc(100% - var(--left));
  --list-max-width: calc(var(--kite-dropdown-list-max-width) - var(--left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown.kite-menu--left {
    --list-max-width: var(--kite-dropdown-list-max-width);
  }
}
.kite-menu--dropdown.kite-menu--block {
  --max-width: 100%;
  --list-max-width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown.kite-menu--block {
    --list-max-width: var(--kite-dropdown-list-max-width);
  }
}
.kite-menu--dropdown.kite-menu--full {
  --width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-menu--dropdown.kite-menu--full {
    --max-width: var(--kite-dropdown-max-width);
    --list-max-width: none;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown {
    --list-max-width: var(--kite-dropdown-list-max-width);
  }
}
.kite-menu--inline {
  --disabled-cursor: var(--kite-dropdown-inline-disabled-cursor);
  --cursor: var(--kite-dropdown-cursor);
  --border-width: var(--kite-dropdown-inline-border-width);
  --border-style: var(--kite-dropdown-inline-border-style);
  --padding-top: var(--kite-dropdown-inline-padding-top);
  --padding-right: var(--kite-dropdown-inline-padding-right);
  --padding-bottom: var(--kite-dropdown-inline-padding-bottom);
  --padding-left: var(--kite-dropdown-inline-padding-left);
  --label-text-weight: var(--kite-dropdown-inline-label-text-weight);
  --focus-ring-width: var(--kite-dropdown-inline-focus-ring-width);
  --focus-ring-style: var(--kite-dropdown-inline-focus-ring-style);
  --focus-ring-offset: var(--kite-dropdown-inline-focus-ring-offset);
  --value-margin-left: var(--kite-dropdown-inline-placeholder-margin-right);
  --value-margin-right: var(--kite-dropdown-inline-placeholder-margin-left);
  --list-translate-x: 0;
  --list-translate-y: 0;
  --list-margin-top: var(--kite-dropdown-list-margin-top);
  --list-min-width: var(--kite-dropdown-list-min-width);
  --list-item-disabled-cursor: var(--kite-dropdown-list-item-disabled-cursor);
  --list-item-icon-margin-right: var(--kite-dropdown-list-item-icon-margin-right);
  --list-item-icon-width: var(--kite-dropdown-list-item-icon-width);
  --list-item-icon-height: var(--kite-dropdown-list-item-icon-height);
  --list-item-padding-top: var(--kite-dropdown-list-item-padding-top);
  --list-item-padding-right: var(--kite-dropdown-list-item-padding-right);
  --list-item-padding-bottom: var(--kite-dropdown-list-item-padding-bottom);
  --list-item-padding-left: var(--kite-dropdown-list-item-padding-left);
  --height: unset;
  --max-width: calc(100% - var(--right));
  --min-width: min-content;
  --width: auto;
  --selection-background-color: var(--kite-dropdown-inline-background-color);
  --selection-focus-ring-color: var(--kite-menu-trigger-focus-ring-color);
  --selection-color: var(--kite-dropdown-inline-text-color);
  --selection-border-color: transparent;
  --label-color: var(--kite-dropdown-label-text-color);
  --list-item-disabled-text-color: var(--kite-menu-list-item-disabled-text-color);
  --selection-fill: var(--kite-dropdown-list-item-icon-color);
  --disabled-selection-background-color: var(--kite-dropdown-inline-disabled-background-color);
  --disabled-selection-color: var(--kite-dropdown-disabled-text-color);
  --disabled-selection-icon-color: var(--kite-dropdown-disabled-icon-color);
}
.kite-menu--inline.kite-menu--left {
  --max-width: calc(100% - var(--left));
}
.kite-menu--inline.kite-menu--block {
  --max-width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--inline {
    --width: fit-content;
  }
}
.kite-menu {
  min-height: var(--min-height);
  min-width: var(--min-width);
  position: absolute;
  top: var(--top);
  right: var(--right);
  width: var(--width);
}
.kite-menu__trigger {
  background-color: var(--trigger-background-color);
  background-repeat: no-repeat;
  background-size: calc(var(--kite-menu-trigger-icon-height) * 2);
  border: var(--hcm-border-width) solid transparent;
  border-radius: var(--trigger-border-radius);
  cursor: var(--cursor);
  padding-top: calc(var(--kite-menu-trigger-padding-top) - var(--hcm-border-width));
  padding-right: calc(var(--kite-menu-trigger-padding-right) - var(--hcm-border-width));
  padding-bottom: calc(var(--kite-menu-trigger-padding-bottom) - var(--hcm-border-width));
  padding-left: calc(var(--kite-menu-trigger-padding-left) - var(--hcm-border-width));
  width: var(--trigger-width);
  height: var(--trigger-height);
}
.kite-menu__trigger.kite-hover,
.kite-menu__trigger:hover {
  background-color: var(--trigger-hover-background-color);
}
.kite-menu__trigger.kite-focus-visible,
.kite-menu__trigger:focus-visible {
  border-radius: 0;
  outline-color: var(--trigger-focus-ring-color);
  outline-offset: 0;
}
.kite-menu__trigger.kite-disabled,
.kite-menu__trigger:disabled {
  background-color: var(--trigger-disabled-background-color);
  cursor: var(--trigger-disabled-cursor);
}
.kite-menu__trigger.kite-disabled .kite-menu__trigger-label,
.kite-menu__trigger:disabled .kite-menu__trigger-label {
  color: var(--trigger-disabled-label-color);
}
.kite-menu__trigger.kite-disabled .kite-icon,
.kite-menu__trigger:disabled .kite-icon {
  --color: var(--trigger-disabled-icon-color);
}
.kite-menu__trigger .kite-icon {
  --size: var(--kite-menu-trigger-icon-width);
  --color: var(--trigger-icon-color);
}
.kite-menu__trigger-label {
  color: var(--trigger-label-color);
  font-size: var(--trigger-label-text-size);
  font-weight: var(--kite-menu-contextual-label-trigger-label-text-weight);
  line-height: var(--trigger-label-text-line-height);
}
.kite-menu__label-group {
  margin-bottom: var(--label-margin-bottom);
}
.kite-menu__label {
  color: var(--label-color);
  display: inline-block;
  font-size: var(--label-text-size);
  font-weight: var(--label-text-weight);
  line-height: var(--label-line-height);
}
.kite-menu__helper-text {
  display: block;
  color: var(--kite-dropdown-helper-text-color);
  font-size: var(--kite-dropdown-helper-text-size);
  line-height: var(--kite-dropdown-helper-text-line-height);
}
.kite-menu__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  background-color: var(--selection-background-color);
  border: var(--border-width) var(--border-style) var(--selection-border-color);
  border-radius: var(--kite-dropdown-border-radius);
  color: var(--selection-color);
  cursor: var(--cursor);
  display: flex;
  justify-content: space-between;
  line-height: var(--kite-dropdown-text-line-height);
  margin: var(--kite-dropdown-inline-margin-top) var(--kite-dropdown-inline-margin-right) var(--kite-dropdown-inline-margin-bottom) var(--kite-dropdown-inline-margin-left);
  max-width: 100%;
  min-width: var(--min-width);
  width: fit-content;
  padding: calc(var(--padding-top) - var(--border-width)) calc(var(--padding-right) - var(--border-width)) calc(var(--padding-bottom) - var(--border-width)) calc(var(--padding-left) - var(--border-width));
  text-align: left;
  height: var(--height);
  -webkit-user-select: none;
  user-select: none;
}
.kite-menu__selection .kite-icon {
  --color: var(--selection-color);
  flex-shrink: 0;
  margin-right: var(--icon-margin-right);
}
.kite-menu__selection.kite-focus-visible,
.kite-menu__selection:focus-visible {
  outline: var(--focus-ring-width) var(--focus-ring-style) var(--selection-focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}
.kite-menu__selection:disabled,
.kite-menu__selection[aria-disabled=true] {
  --selection-border-color: var(--disabled-selection-border-color);
  background-color: var(--disabled-selection-background-color);
  color: var(--disabled-selection-color);
  cursor: var(--disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-menu__selection:disabled,
  .kite-menu__selection[aria-disabled=true] {
    border-color: GrayText;
    color: GrayText;
  }
}
.kite-menu__selection:disabled .kite-icon,
.kite-menu__selection[aria-disabled=true] .kite-icon {
  --color: var(--disabled-selection-icon-color);
}
.kite-menu__selection.kite-hover:not([aria-disabled=true], [disabled]),
.kite-menu__selection:hover:not([aria-disabled=true], [disabled]) {
  --border-width: var(--hover-border-width);
}
.kite-menu__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: var(--value-margin-right);
  margin-left: var(--value-margin-left);
  text-align: left;
}
.kite-menu a.kite-menu__action,
.kite-menu__action {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--list-item-text-color);
  cursor: var(--list-cursor);
  display: inline-flex;
  font-size: var(--list-item-text-size);
  line-height: var(--list-item-text-line-height);
  padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-bottom) var(--list-item-padding-left);
  text-align: left;
  text-decoration: unset;
  width: 100%;
}
.kite-menu a.kite-menu__action.kite-focus-visible,
.kite-menu a.kite-menu__action:focus-visible,
.kite-menu__action.kite-focus-visible,
.kite-menu__action:focus-visible {
  margin-left: calc(-1 * var(--list-border-width));
  outline: var(--kite-menu-list-item-focus-ring-width) var(--kite-menu-list-item-focus-ring-style) var(--list-item-focus-ring-color);
  outline-offset: calc(var(--kite-menu-list-item-focus-ring-width) * -1);
  width: calc(100% + 2 * var(--list-border-width));
}
.kite-menu a.kite-menu__action-icon,
.kite-menu__action-icon {
  display: inline;
}
.kite-menu a.kite-menu__action-icon .kite-icon,
.kite-menu__action-icon .kite-icon {
  --size: var(--kite-menu-list-item-icon-width);
  margin-right: var(--kite-menu-list-item-icon-margin-right);
  vertical-align: text-bottom;
}
.kite-menu a.kite-menu__action-check .kite-icon,
.kite-menu__action-check .kite-icon {
  --color: none;
  --size: var(--list-item-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-dropdown-list-item-icon-margin-right);
  margin-left: var(--kite-dropdown-list-item-icon-margin-left);
  vertical-align: text-bottom;
}
.kite-menu a.kite-menu__action-check--selected .kite-icon,
.kite-menu__action-check--selected .kite-icon {
  --color: var(--selection-fill);
}
.kite-menu a.kite-menu__action.kite-hover,
.kite-menu a.kite-menu__action:hover,
.kite-menu__action.kite-hover,
.kite-menu__action:hover {
  background-color: var(--list-item-hover-background-color);
  text-decoration: unset;
}
.kite-menu a.kite-menu__action[aria-selected=true],
.kite-menu a.kite-menu__action[aria-current],
.kite-menu__action[aria-selected=true],
.kite-menu__action[aria-current] {
  font-weight: var(--kite-dropdown-list-item-selected-text-weight);
}
.kite-menu a.kite-menu__action:disabled,
.kite-menu a.kite-menu__action[aria-disabled=true],
.kite-menu__action:disabled,
.kite-menu__action[aria-disabled=true] {
  color: var(--list-item-disabled-text-color);
  cursor: var(--list-item-disabled-cursor);
}
.kite-menu a.kite-menu__action:disabled:hover,
.kite-menu a.kite-menu__action[aria-disabled=true]:hover,
.kite-menu__action:disabled:hover,
.kite-menu__action[aria-disabled=true]:hover {
  background-color: transparent;
}
.kite-menu .kite-picker--overlay {
  --picker-trigger-width: var(--trigger-width);
  --picker-trigger-height: var(--trigger-height);
  --translateY: var(--kite-form-control-picker-offset);
  left: auto;
  top: auto;
  z-index: var(--list-z-index);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu .kite-picker--overlay {
    --translateX: var(--list-translate-x);
    --translateY: var(--list-translate-y);
    left: 0;
  }
}
.kite-menu .kite-picker__content,
.kite-menu .kite-picker--overlay {
  max-width: var(--list-max-width);
  min-width: var(--list-min-width);
  width: max-content;
}
.kite-menu .kite-picker a.kite-picker__action,
.kite-menu .kite-picker__action {
  padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-bottom) var(--list-item-padding-left);
}
.kite-menu--left {
  right: auto;
  left: var(--left);
}
.kite-menu--left .kite-picker--overlay {
  left: 0;
}
.kite-menu--bottom {
  top: auto;
  bottom: var(--bottom);
}
.kite-menu--bottom .kite-picker--overlay {
  --translateY: calc(-100% - var(--trigger-height) - var(--kite-form-control-picker-offset));
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--bottom .kite-picker--overlay {
    --translateY: var(--list-translate-y);
  }
}
.kite-menu--bottom.kite-menu--dropdown .kite-menu__list,
.kite-menu--bottom.kite-menu--inline .kite-menu__list {
  margin-top: 0;
  transform: translateY(calc(-100% - var(--height) - var(--list-margin-top)));
}
.kite-menu--bottom.kite-menu--dropdown .kite-picker--overlay {
  --translateY: calc(-100% + (var(--label-height) + var(--kite-form-control-label-margin-bottom)) - var(--kite-form-control-picker-offset));
}
.kite-menu--block {
  display: block;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.kite-menu--block .kite-menu__list {
  right: 0;
  left: 0;
  width: fit-content;
}
.kite-menu--block .kite-picker--overlay {
  left: 0;
}
.kite-menu--sm {
  line-height: 1;
}
.kite-menu--dropdown {
  max-width: var(--max-width);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown {
    max-width: var(--kite-dropdown-max-width);
  }
}
.kite-menu--dropdown .kite-picker--overlay {
  --translateY: calc(var(--label-height) + var(--kite-form-control-label-margin-bottom) + var(--kite-form-control-height) + var(--kite-form-control-picker-offset));
  top: 0;
  left: auto;
}
.kite-menu--dropdown.kite-menu--full .kite-menu__selection {
  width: 100%;
  max-width: none;
}
.kite-menu--dropdown.kite-menu--full .kite-menu__list,
.kite-menu--dropdown.kite-menu--full .kite-picker__content,
.kite-menu--dropdown.kite-menu--full .kite-picker--overlay {
  width: 100%;
}
.kite-menu--dropdown.kite-menu--block .kite-picker--overlay,
.kite-menu--dropdown.kite-menu--left .kite-picker--overlay {
  left: 0;
}
.kite-menu--inline {
  max-width: var(--max-width);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--inline {
    max-width: none;
  }
}
.kite-menu--inline .kite-menu__selection {
  display: inline-flex;
  border-radius: var(--kite-dropdown-inline-border-radius);
}
.kite-menu--inline .kite-picker--overlay {
  --translateY: calc(var(--label-height) + var(--kite-form-control-picker-offset));
  top: 0;
  left: auto;
}
.kite-menu--inline.kite-menu--block .kite-picker--overlay,
.kite-menu--inline.kite-menu--left .kite-picker--overlay {
  left: 0;
}
.kite-menu--contextual-label .kite-menu__trigger {
  align-items: center;
  display: flex;
  gap: var(--kite-menu-contextual-label-trigger-label-margin-right);
  padding-top: var(--kite-menu-contextual-label-trigger-padding-top);
  padding-bottom: var(--kite-menu-contextual-label-trigger-padding-bottom);
  width: unset;
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--contextual-label .kite-picker--overlay:not(.kite-picker--top, .kite-picker--bottom, .kite-picker--right, .kite-picker--left) {
    --translateY: var(--kite-form-control-picker-offset);
    left: auto;
  }
  .kite-menu--contextual-label.kite-menu--bottom .kite-picker--overlay:not(.kite-picker--top, .kite-picker--bottom, .kite-picker--right, .kite-picker--left) {
    --translateY: calc(-100% - var(--trigger-height) - var(--kite-form-control-picker-offset));
  }
  .kite-menu--contextual-label.kite-menu--block .kite-picker--overlay,
  .kite-menu--contextual-label.kite-menu--left .kite-picker--overlay {
    left: 0;
  }
}
.kite-menu--expand-above {
  --pagination-height: 56px;
}
.kite-menu--expand-above .kite-menu__list,
.kite-menu--expand-above .kite-picker__content {
  transform: translateY(calc(-100% - var(--pagination-height)));
}
.kite-menu--scrollable {
  --menu-item-height: calc((var(--list-item-text-size) * var(--list-item-text-line-height)) + var(--list-item-padding-top) + var(--list-item-padding-bottom) + var(--list-item-border-width));
  --max-height: calc((var(--max-item-count) * var(--menu-item-height)) + (var(--menu-item-height) * 0.5));
}
.kite-menu--scrollable .kite-menu__list,
.kite-menu--scrollable .kite-picker__content {
  max-height: var(--max-height);
  overflow-x: auto;
}
.kite-menu--disabled .kite-menu__label,
.kite-menu--disabled .kite-menu__value {
  color: var(--disabled-selection-color);
}
.kite-menu--disabled .kite-menu__helper-text {
  color: var(--kite-dropdown-disabled-helper-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-menu--disabled .kite-menu__value {
    color: GrayText;
  }
}
.kite-menu--open .kite-menu__trigger {
  background-color: var(--trigger-activated-background-color);
}
.kite-menu--open .kite-menu__trigger .kite-icon {
  --color: var(--trigger-activated-icon-color);
}
.kite-menu--open .kite-menu__trigger-label {
  color: var(--trigger-activated-label-color);
}
.kite-menu--open .kite-menu__selection .kite-icon {
  transform: rotate(-180deg);
}
.kite-menu--open.kite-menu--dropdown .kite-menu__selection {
  outline: var(--focus-ring-width) var(--focus-ring-style) var(--selection-focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}
.kite-menu--open .kite-menu__list {
  display: block;
  opacity: var(--visible-opacity);
}
.kite-menu__list {
  background-color: var(--list-background-color);
  border: var(--list-border-width) var(--list-border-style) var(--list-border-color);
  border-radius: var(--list-border-radius);
  box-shadow: var(--list-elevation);
  cursor: var(--list-cursor);
  display: none;
  list-style-type: none;
  margin-top: var(--list-margin-top);
  margin-right: calc(-1 * var(--list-max-width));
  min-width: var(--list-min-width);
  max-width: var(--list-max-width);
  opacity: var(--hidden-opacity);
  padding: 0;
  position: absolute;
  z-index: var(--list-z-index);
  transform: translate(var(--list-translate-x), var(--list-translate-y));
  transition: var(--list-transition-duration) var(--list-transition-timing-function) var(--list-transition-target-property);
}
.kite-menu__item {
  margin: 0;
  max-width: var(--list-max-width);
  min-width: 100%;
  padding: 0;
}
.kite-menu__item:not(:last-child) .kite-menu__action {
  border-bottom: var(--list-item-border-width) var(--list-item-border-style) var(--list-item-border-color);
}
.kite-menu__item.kite-menu__item--destructive .kite-menu__action,
.kite-menu__item.kite-menu__item--destructive a.kite-menu__action,
.kite-menu__item.kite-menu__item--negative .kite-menu__action,
.kite-menu__item.kite-menu__item--negative a.kite-menu__action {
  color: var(--list-item-negative-text-color);
}
.kite-menu__item.kite-menu__item--destructive .kite-menu__action .kite-icon,
.kite-menu__item.kite-menu__item--destructive a.kite-menu__action .kite-icon,
.kite-menu__item.kite-menu__item--negative .kite-menu__action .kite-icon,
.kite-menu__item.kite-menu__item--negative a.kite-menu__action .kite-icon {
  --color: var(--list-item-negative-icon-color);
}
.kite-meter {
  --percent: 0;
  --color: var(--kite-meter-fill-color);
  --icon-color: var(--kite-meter-icon-color);
  --label-text-weight: var(--kite-meter-label-text-weight);
  --tick-width: var(--kite-meter-tick-width);
  --tick-height: var(--kite-meter-tick-height);
  --status-icon-height: var(--kite-meter-icon-height);
  --status-icon-width: var(--kite-meter-icon-width);
  --value-label-text-weight: var(--kite-meter-value-label-text-weight);
  --label-text-color: var(--kite-meter-label-text-color);
  --label-text-size: var(--kite-meter-label-text-size);
  --label-text-line-height: var(--kite-meter-label-text-line-height);
  --label-text-margin-bottom: var(--kite-meter-label-margin-bottom);
  --track-border-radius: var(--kite-meter-track-border-radius);
  --track-height: var(--kite-meter-track-height);
  --track-margin-bottom: var(--kite-meter-track-margin-bottom);
  --value-label-text-color: var(--kite-meter-value-label-text-color);
  --value-label-text-size: var(--kite-meter-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-value-label-text-line-height);
  --tick-color: var(--kite-meter-tick-color);
  --track-color: var(--kite-meter-track-color);
  --status-label-text-size: var(--kite-meter-status-label-text-size);
  --status-label-text-line-height: var(--kite-meter-status-label-text-line-height);
  --status-label-text-weight: var(--kite-meter-status-label-text-weight);
}
.kite-meter--success,
.kite-meter--positive {
  --color: var(--kite-meter-positive-fill-color);
  --icon-color: var(--kite-meter-positive-icon-color);
}
.kite-meter--caution {
  --color: var(--kite-meter-caution-fill-color);
  --icon-color: var(--kite-meter-caution-icon-color);
}
.kite-meter--alert,
.kite-meter--negative {
  --color: var(--kite-meter-negative-fill-color);
  --icon-color: var(--kite-meter-negative-icon-color);
}
.kite-meter--lg {
  --status-icon-height: var(--kite-meter-lg-icon-height);
  --status-icon-width: var(--kite-meter-lg-icon-width);
  --track-height: var(--kite-meter-lg-track-height);
  --label-text-size: var(--kite-meter-lg-label-text-size);
  --label-text-line-height: var(--kite-meter-lg-label-text-line-height);
  --value-label-text-size: var(--kite-meter-lg-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-lg-value-label-text-line-height);
  --track-border-radius: var(--kite-meter-lg-track-border-radius);
  --status-label-text-size: var(--kite-meter-lg-status-label-text-size);
  --status-label-text-line-height: var(--kite-meter-lg-status-label-text-line-height);
  --status-label-text-weight: var(--kite-meter-lg-status-label-text-weight);
}
.kite-meter--sm {
  --status-icon-height: var(--kite-meter-sm-icon-height);
  --status-icon-width: var(--kite-meter-sm-icon-width);
  --track-height: var(--kite-meter-sm-track-height);
  --label-text-size: var(--kite-meter-sm-label-text-size);
  --label-text-line-height: var(--kite-meter-sm-label-text-line-height);
  --value-label-text-size: var(--kite-meter-sm-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-sm-value-label-text-line-height);
  --track-border-radius: var(--kite-meter-sm-track-border-radius);
  --status-label-text-size: var(--kite-meter-sm-status-label-text-size);
  --status-label-text-line-height: var(--kite-meter-sm-status-label-text-line-height);
  --status-label-text-weight: var(--kite-meter-sm-status-label-text-weight);
}
.kite-meter--circular {
  --circle-height: var(--kite-meter-circular-height);
  --circle-width: var(--kite-meter-circular-width);
  --track-height: var(--kite-meter-circular-track-height);
  --track-margin-right: 0;
  --track-margin-bottom: var(--kite-meter-circular-track-margin-bottom);
  --label-text-size: var(--kite-meter-circular-label-text-size);
  --label-text-line-height: var(--kite-meter-circular-label-text-line-height);
  --value-label-text-size: var(--kite-meter-circular-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-circular-value-label-text-line-height);
  --tick-width: var(--kite-meter-circular-tick-width);
  --tick-height: var(--kite-meter-circular-tick-height);
  --label-margin-top: var(--kite-meter-circular-label-margin-top);
  --status-icon-height: var(--kite-meter-circular-icon-height);
  --status-icon-width: var(--kite-meter-circular-icon-width);
  --circle-height-px: var(--kite-meter-circular-height-px);
  --track-height-px: var(--kite-meter-circular-track-height-px);
  --circle-diameter: calc(var(--circle-height-px) - var(--track-height-px));
  --circle-circumference: calc(var(--pi) * var(--circle-diameter));
}
.kite-meter--circular.kite-meter--sm {
  --circle-height: var(--kite-meter-circular-sm-height);
  --circle-width: var(--kite-meter-circular-sm-width);
  --track-height: var(--kite-meter-circular-sm-track-height);
  --circle-height-px: var(--kite-meter-circular-sm-height-px);
  --track-height-px: var(--kite-meter-circular-sm-track-height-px);
  --track-margin-right: var(--kite-meter-circular-sm-track-margin-right);
  --value-label-text-size: var(--kite-meter-circular-sm-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-circular-sm-value-label-text-line-height);
  --tick-width: var(--kite-meter-circular-sm-tick-width);
  --tick-height: var(--kite-meter-circular-sm-tick-height);
  --status-icon-margin: var(--kite-meter-circular-sm-icon-margin);
  --status-icon-height: var(--kite-meter-circular-sm-icon-height);
  --status-icon-width: var(--kite-meter-circular-sm-icon-width);
  --label-margin-top: auto;
}
.kite-meter--circular.kite-meter--lg {
  --circle-height: var(--kite-meter-circular-lg-height);
  --circle-width: var(--kite-meter-circular-lg-width);
  --track-height: var(--kite-meter-circular-lg-track-height);
  --circle-height-px: var(--kite-meter-circular-lg-height-px);
  --track-height-px: var(--kite-meter-circular-lg-track-height-px);
  --label-text-size: var(--kite-meter-circular-lg-label-text-size);
  --label-text-line-height: var(--kite-meter-circular-lg-label-text-line-height);
  --value-label-text-size: var(--kite-meter-circular-lg-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-circular-lg-value-label-text-line-height);
  --value-label-margin-bottom: var(--kite-meter-circular-lg-value-label-margin-bottom);
  --tick-width: var(--kite-meter-circular-lg-tick-width);
  --tick-height: var(--kite-meter-circular-lg-tick-height);
  --status-icon-margin: var(--kite-meter-circular-lg-icon-margin);
  --status-icon-height: var(--kite-meter-circular-lg-icon-height);
  --status-icon-width: var(--kite-meter-circular-lg-icon-width);
  --label-margin-top: auto;
}
.kite-meter {
  contain: content;
  width: 100%;
}
.kite-meter__label {
  color: var(--label-text-color);
  display: block;
  font-size: var(--label-text-size);
  line-height: var(--label-text-line-height);
  font-weight: var(--label-text-weight);
  margin-bottom: var(--label-text-margin-bottom);
}
.kite-meter__track {
  background-color: var(--track-color);
  border-color: var(--tick-color);
  border-radius: var(--track-border-radius) 0 0 var(--track-border-radius);
  border-style: solid;
  border-width: 0 var(--tick-width) 0 0;
  margin-bottom: var(--track-margin-bottom);
  width: 100%;
  height: var(--track-height);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-meter__track {
    border: 1px solid CanvasText;
  }
}
.kite-meter__progress-fill {
  background-color: var(--color);
  border-bottom-left-radius: var(--track-border-radius);
  border-top-left-radius: var(--track-border-radius);
  width: calc(var(--percent) * 100 * 1%);
  height: 100%;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-meter__progress-fill {
    --color: CanvasText;
  }
}
.kite-meter__value-group {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.kite-meter__value-label {
  color: var(--value-label-text-color);
  font-size: var(--value-label-text-size);
  line-height: var(--value-label-text-line-height);
  font-weight: var(--value-label-text-weight);
}
.kite-meter__status-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--kite-meter-icon-margin);
}
.kite-meter__status-icon {
  width: var(--status-icon-width);
  height: var(--status-icon-height);
}
.kite-meter__status-icon .kite-icon {
  --color: var(--icon-color);
  --size: var(--status-icon-width);
  display: inline;
}
.kite-meter__status-label {
  color: var(--kite-meter-status-label-text-color);
  font-size: var(--status-label-text-size);
  line-height: var(--status-label-text-line-height);
  font-weight: var(--status-label-text-weight);
}
.kite-meter--circular {
  display: flex;
  flex-direction: column;
}
.kite-meter--circular .kite-meter__value-group {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.kite-meter--circular .kite-meter__progress-group {
  align-self: center;
  position: relative;
  width: var(--circle-width);
  height: var(--circle-height);
}
.kite-meter--circular .kite-meter__label {
  font-size: var(--label-text-size);
  margin: var(--label-margin-top) auto 0;
  order: 3;
}
.kite-meter--circular .kite-meter__value-label {
  text-align: center;
}
.kite-meter--circular .kite-meter__progress {
  margin: 0 auto;
  margin-bottom: var(--track-margin-bottom);
  width: var(--circle-width);
  height: var(--circle-height);
}
.kite-meter--circular .kite-meter__track {
  fill: none;
  margin-right: var(--track-margin-right);
  stroke: var(--track-color);
  stroke-width: var(--track-height);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-meter--circular .kite-meter__track {
    --track-color: none;
  }
}
.kite-meter--circular .kite-meter__progress-fill {
  --dash-length: calc(var(--circle-circumference) * var(--percent));
  --dash-full: calc(var(--circle-circumference) - var(--dash-length));
  fill: none;
  stroke-dasharray: var(--dash-length), var(--dash-full);
  stroke-dashoffset: calc(var(--circle-circumference) * 0.25);
  stroke-width: var(--track-height);
  stroke: var(--color);
}
.kite-meter--circular .kite-meter__tick {
  fill: var(--tick-color);
  width: var(--tick-width);
  height: var(--tick-height);
}
.kite-meter--circular.kite-meter--sm {
  display: flex;
  justify-content: center;
}
.kite-meter--circular.kite-meter--sm .kite-meter__progress-group {
  align-items: center;
  display: flex;
  width: auto;
  height: 100%;
}
.kite-meter--circular.kite-meter--sm .kite-meter__status-icon {
  margin: var(--status-icon-margin) calc(var(--track-margin-right) + var(--status-icon-margin)) var(--status-icon-margin) var(--status-icon-margin);
}
.kite-meter--circular.kite-meter--sm .kite-meter__value-group {
  align-items: center;
  flex-direction: row;
  font-size: var(--value-label-text-size);
  line-height: var(--value-label-text-line-height);
  margin: 0;
  order: 2;
  position: relative;
  transform: none;
  width: auto;
}
.kite-meter--circular.kite-meter--sm .kite-meter__progress {
  margin: 0 var(--track-margin-right) 0 0;
  order: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.kite-meter--circular.kite-meter--lg {
  --label-width: 75%;
}
.kite-meter--circular.kite-meter--lg .kite-meter__value-label {
  margin-bottom: var(--value-label-margin-bottom);
  text-align: center;
}
.kite-meter--circular.kite-meter--lg .kite-meter__label {
  margin: 0 auto;
  text-align: center;
  width: var(--label-width);
}
.kite-meter--circular.kite-meter--lg .kite-meter__status-icon {
  margin-bottom: var(--status-icon-margin);
}
.kite-pagination {
  --cursor: var(--kite-pagination-controls-button-cursor);
  --cursor-disabled: var(--kite-pagination-controls-button-disabled-cursor);
  --background: var(--kite-pagination-controls-background-color);
  --border-color: var(--kite-pagination-controls-border-color);
  --count-color: var(--kite-pagination-count-text-color);
  --prevnext-background: var(--kite-pagination-controls-button-background-color);
  --prevnext-background-hover: var(--kite-pagination-controls-button-hover-background-color);
  --prevnext-color: var(--kite-pagination-controls-button-icon-color);
  --prevnext-color-disabled: var(--kite-pagination-controls-button-disabled-icon-color);
  --dropdown-hover-background-color: var(--kite-pagination-dropdown-hover-background-color);
}
.kite-pagination {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media only screen and (min-width: 52.5rem) {
  .kite-pagination {
    flex-direction: row;
    justify-content: center;
  }
}
.kite-pagination .kite-menu--inline {
  display: inline-block;
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  height: auto;
}
.kite-pagination .kite-menu--inline .kite-menu__selection {
  border-radius: var(--kite-pagination-dropdown-border-radius);
  padding-top: var(--kite-pagination-dropdown-padding-top);
  padding-right: var(--kite-pagination-dropdown-padding-right);
  padding-bottom: var(--kite-pagination-dropdown-padding-bottom);
  padding-left: var(--kite-pagination-dropdown-padding-left);
  height: var(--kite-pagination-dropdown-height);
}
.kite-pagination .kite-menu--inline .kite-menu__selection.kite-hover,
.kite-pagination .kite-menu--inline .kite-menu__selection:hover {
  background-color: var(--dropdown-hover-background-color);
}
.kite-pagination .kite-menu--inline .kite-menu__selection .kite-icon {
  margin-right: var(--kite-pagination-dropdown-icon-margin-right);
  margin-left: var(--kite-pagination-dropdown-icon-margin-left);
}
.kite-pagination .kite-menu--inline .kite-menu__value {
  font-weight: var(--kite-pagination-dropdown-placeholder-text-weight);
  font-style: var(--kite-pagination-dropdown-placeholder-text-style);
}
.kite-pagination .kite-menu--inline .kite-picker--overlay {
  --translateY: calc(var(--kite-pagination-dropdown-height) + var(--kite-pagination-page-select-padding-bottom));
  left: 0;
}
.kite-pagination .kite-menu--inline .kite-menu__list,
.kite-pagination .kite-menu--inline .kite-picker--overlay,
.kite-pagination .kite-menu--inline .kite-picker__content {
  min-width: auto;
  width: fit-content;
}
.kite-pagination__left {
  align-items: center;
  background: var(--background);
  border: var(--kite-pagination-controls-border-width) var(--kite-pagination-controls-border-style) var(--border-color);
  border-radius: var(--kite-pagination-controls-border-radius);
  display: flex;
  margin: var(--kite-pagination-controls-margin-top) var(--kite-pagination-controls-margin-right) var(--kite-pagination-controls-margin-bottom) var(--kite-pagination-controls-margin-left);
}
@media only screen and (min-width: 52.5rem) {
  .kite-pagination__left {
    margin-bottom: var(--kite-pagination-controls-breakpoint-lg-margin-bottom);
  }
}
.kite-pagination__prevnext {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  justify-content: center;
}
.kite-pagination__prevnext button,
.kite-pagination__prevnext a {
  align-items: center;
  background: var(--prevnext-background);
  border: 0;
  border-right: var(--kite-pagination-controls-button-border-width) var(--kite-pagination-controls-button-border-style) var(--border-color);
  color: var(--prevnext-color);
  cursor: var(--cursor);
  display: inline-flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: var(--kite-pagination-controls-button-width);
  height: 100%;
}
.kite-pagination__prevnext button.kite-focus-visible,
.kite-pagination__prevnext button:focus-visible,
.kite-pagination__prevnext a.kite-focus-visible,
.kite-pagination__prevnext a:focus-visible {
  outline-offset: var(--kite-pagination-controls-button-focus-ring-offset);
  border-radius: var(--kite-pagination-controls-border-radius);
}
.kite-pagination__prevnext button.kite-hover:enabled,
.kite-pagination__prevnext button:hover:enabled,
.kite-pagination__prevnext a.kite-hover:enabled,
.kite-pagination__prevnext a:hover:enabled {
  background-color: var(--prevnext-background-hover);
}
.kite-pagination__prevnext button.kite-disabled,
.kite-pagination__prevnext button[disabled],
.kite-pagination__prevnext button:disabled,
.kite-pagination__prevnext a.kite-disabled,
.kite-pagination__prevnext a[disabled],
.kite-pagination__prevnext a:disabled {
  color: var(--prevnext-color-disabled);
  cursor: var(--cursor-disabled);
}
.kite-pagination__page-select {
  align-items: center;
  display: flex;
  padding: var(--kite-pagination-page-select-padding-top) var(--kite-pagination-page-select-padding-right) var(--kite-pagination-page-select-padding-bottom) var(--kite-pagination-page-select-padding-left);
}
.kite-pagination__page-select .kite-menu--inline {
  margin: var(--kite-pagination-dropdown-margin-top) var(--kite-pagination-dropdown-margin-right) var(--kite-pagination-dropdown-margin-bottom) var(--kite-pagination-dropdown-margin-left);
}
.kite-pagination__page-current {
  font-weight: var(--kite-pagination-page-select-current-label-text-weight);
  margin: var(--kite-pagination-page-select-current-label-margin-top) var(--kite-pagination-page-select-current-label-margin-right) var(--kite-pagination-page-select-current-label-margin-bottom) var(--kite-pagination-page-select-current-label-margin-left);
  padding: var(--kite-pagination-page-select-current-label-padding-top) var(--kite-pagination-page-select-current-label-padding-right) var(--kite-pagination-page-select-current-label-padding-bottom) var(--kite-pagination-page-select-current-label-padding-left);
}
.kite-pagination__page-total {
  display: none;
}
@media only screen and (min-width: 37.5rem) {
  .kite-pagination__page-total {
    display: unset;
    white-space: nowrap;
  }
}
.kite-pagination__right,
.kite-pagination__page-size {
  align-items: center;
  display: flex;
}
.kite-pagination__right .kite-menu,
.kite-pagination__page-size .kite-menu {
  background: transparent;
}
.kite-pagination__right {
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: var(--kite-pagination-count-margin-right);
}
@media only screen and (min-width: 37.5rem) {
  .kite-pagination__right {
    flex-direction: row;
  }
}
.kite-pagination__count {
  color: var(--count-color);
}
.kite-pagination__page-size-label {
  margin-right: var(--kite-pagination-page-size-label-margin-right);
}
.kite-pagination--up .kite-menu__list {
  top: initial;
  bottom: calc(50% + var(--kite-pagination-page-select-padding-top) + var(--kite-pagination-controls-border-width));
}
.kite-pagination--up .kite-menu .kite-picker--overlay {
  --translateY: calc(-100% - var(--kite-pagination-page-select-padding-top) - var(--kite-pagination-controls-border-width));
}
.kite-picker {
  position: relative;
}
.kite-picker--list .kite-picker__content {
  padding: 0;
}
.kite-picker--open.kite-picker--overlay,
.kite-picker--open .kite-picker__content {
  opacity: 1;
  visibility: visible;
}
.kite-picker--overlay {
  --translateX: 0;
  --label-height: calc(var(--kite-form-control-label-text-line-height) * var(--kite-form-control-label-text-size));
  --translateY: calc(var(--label-height) + var(--kite-form-control-label-margin-bottom) + var(--kite-form-control-height) + var(--kite-form-control-picker-offset));
  --picker-trigger-width: 0;
  --picker-trigger-height: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(var(--translateX), var(--translateY));
  z-index: var(--kite-form-control-picker-zindex);
  visibility: hidden;
  opacity: 0;
}
.kite-picker--overlay.kite-picker--top {
  --translateY: calc(-100% - var(--picker-trigger-height) - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--bottom {
  --translateY: var(--kite-form-control-picker-offset);
}
.kite-picker--overlay.kite-picker--right {
  --translateX: calc(var(--picker-trigger-width) + var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--left {
  --translateX: calc(-100% - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--top,
.kite-picker--overlay.kite-picker--bottom {
  --translateX: calc(-50% + (var(--picker-trigger-width) / 2));
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-start,
.kite-picker--overlay.kite-picker--bottom.kite-picker--align-start {
  --translateX: 0;
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-end,
.kite-picker--overlay.kite-picker--bottom.kite-picker--align-end {
  --translateX: calc(-100% + var(--picker-trigger-width));
}
.kite-picker--overlay.kite-picker--right,
.kite-picker--overlay.kite-picker--left {
  --translateY: -50%;
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-start,
.kite-picker--overlay.kite-picker--left.kite-picker--align-start {
  --translateY: calc(-1 * var(--picker-trigger-height));
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-end,
.kite-picker--overlay.kite-picker--left.kite-picker--align-end {
  --translateY: -100%;
}
.kite-picker__content {
  background-color: var(--kite-form-control-picker-background-color);
  border: var(--kite-form-control-picker-border-width) var(--kite-form-control-picker-border-style) var(--kite-form-control-picker-border-color);
  border-radius: var(--kite-form-control-picker-border-radius);
  box-shadow: var(--kite-form-control-picker-elevation);
  display: block;
  padding: var(--kite-form-control-picker-padding-top) var(--kite-form-control-picker-padding-right) var(--kite-form-control-picker-padding-bottom) var(--kite-form-control-picker-padding-left);
  opacity: 0;
  visibility: hidden;
  min-width: var(--kite-form-control-picker-min-width);
  width: 100%;
}
.kite-picker__list {
  cursor: var(--kite-form-control-picker-cursor);
  list-style-type: none;
  margin: 0;
  padding: 0;
  --max-item-count: ;
  --picker-list-item-height: calc(((var(--kite-form-control-picker-list-item-line-height) * 1rem) + var(--kite-form-control-picker-list-item-padding-top) + var(--kite-form-control-picker-list-item-padding-bottom) + var(--kite-form-control-picker-list-item-border-width)));
  --picker-list-max-height: calc(var(--picker-list-item-height) * var(--max-item-count));
  max-height: calc(var(--picker-list-max-height) + 0.5 * var(--picker-list-item-height));
  overflow-y: auto;
}
.kite-picker__item {
  margin: 0;
  padding: 0;
  min-width: 100%;
  max-width: var(--kite-form-control-picker-list-item-max-width);
}
.kite-picker__item:not(:last-child) .kite-picker__action {
  border-bottom: var(--kite-form-control-picker-list-item-border-width) var(--kite-form-control-picker-list-item-border-style) var(--kite-form-control-picker-list-item-border-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action,
.kite-picker__item.kite-picker__item--negative a.kite-picker__action {
  color: var(--kite-form-control-picker-list-item-negative-text-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action .kite-icon,
.kite-picker__item.kite-picker__item--negative a.kite-picker__action .kite-icon {
  --color: var(--kite-form-control-picker-list-item-negative-icon-color);
}
.kite-picker a.kite-picker__action,
.kite-picker__action {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--kite-form-control-picker-list-item-text-color);
  cursor: var(--kite-form-control-picker-cursor);
  display: inline-flex;
  font-size: var(--kite-form-control-picker-list-item-text-size);
  line-height: var(--kite-form-control-picker-list-item-line-height);
  padding: var(--kite-form-control-picker-list-item-padding-top) var(--kite-form-control-picker-list-item-padding-right) var(--kite-form-control-picker-list-item-padding-bottom) var(--kite-form-control-picker-list-item-padding-left);
  text-align: left;
  text-decoration: unset;
  width: 100%;
}
.kite-picker a.kite-picker__action:focus-visible,
.kite-picker a.kite-picker__action.kite-focus-visible,
.kite-picker__action:focus-visible,
.kite-picker__action.kite-focus-visible {
  outline: var(--kite-form-control-picker-list-item-focus-ring-width) var(--kite-form-control-picker-list-item-focus-ring-style) var(--kite-form-control-picker-list-item-focus-ring-color);
  outline-offset: var(--kite-form-control-picker-list-item-focus-ring-offset);
}
.kite-picker a.kite-picker__action-icon,
.kite-picker__action-icon {
  display: inline;
}
.kite-picker a.kite-picker__action-icon .kite-icon,
.kite-picker__action-icon .kite-icon {
  --size: var(--kite-form-control-picker-list-item-icon-width);
  margin-right: var(--kite-form-control-picker-list-item-icon-margin-right);
  vertical-align: text-bottom;
}
.kite-picker a.kite-picker__action-check .kite-icon,
.kite-picker__action-check .kite-icon {
  --color: none;
  --size: var(--kite-form-control-picker-list-item-check-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-form-control-picker-list-item-check-icon-margin-right);
  margin-left: var(--kite-form-control-picker-list-item-check-icon-margin-left);
  vertical-align: text-bottom;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg,
  .kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg {
    fill: none;
  }
}
.kite-picker a.kite-picker__action-check--selected .kite-icon,
.kite-picker__action-check--selected .kite-icon {
  --color: var(--kite-form-control-picker-list-item-check-icon-color);
}
.kite-picker a.kite-picker__action--hover,
.kite-picker a.kite-picker__action.kite-hover,
.kite-picker a.kite-picker__action:hover,
.kite-picker__action--hover,
.kite-picker__action.kite-hover,
.kite-picker__action:hover {
  background-color: var(--kite-form-control-picker-list-item-hover-background-color);
  text-decoration: unset;
}
.kite-picker a.kite-picker__action[aria-selected=true],
.kite-picker a.kite-picker__action[aria-checked=true],
.kite-picker a.kite-picker__action[aria-current],
.kite-picker__action[aria-selected=true],
.kite-picker__action[aria-checked=true],
.kite-picker__action[aria-current] {
  font-weight: var(--kite-form-control-picker-list-item-selected-text-weight);
}
.kite-picker a.kite-picker__action:disabled,
.kite-picker a.kite-picker__action[aria-disabled=true],
.kite-picker__action:disabled,
.kite-picker__action[aria-disabled=true] {
  color: var(--kite-form-control-picker-list-item-disabled-text-color);
  cursor: var(--kite-form-control-picker-list-item-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action:disabled,
  .kite-picker a.kite-picker__action[aria-disabled=true],
  .kite-picker__action:disabled,
  .kite-picker__action[aria-disabled=true] {
    color: GrayText;
  }
}
.kite-picker a.kite-picker__action:disabled:hover,
.kite-picker a.kite-picker__action[aria-disabled=true]:hover,
.kite-picker__action:disabled:hover,
.kite-picker__action[aria-disabled=true]:hover {
  background-color: transparent;
}
.kite-picker__backdrop {
  background-color: var(--kite-form-control-picker-backdrop-background-color);
  opacity: var(--kite-form-control-picker-backdrop-opacity);
  pointer-events: auto;
  touch-action: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--kite-form-control-picker-backdrop-zindex);
}
.kite-picker__backdrop--hidden {
  opacity: 0;
  visibility: hidden;
}
.kite-popover {
  --icon-size: var(--kite-popover-trigger-icon-height);
  --arrow-offset: var(--kite-popover-arrow-offset);
  --offset-x: 0;
  --offset-y: 0;
  --transform-x: 0;
  --transform-y: 0;
  --width: auto;
  --height: auto;
  --icon-height: var(--icon-size, --kite-popover-trigger-icon-height);
  --icon-width: var(--icon-size, --kite-popover-trigger-icon-width);
  --icon-total-width: calc(var(--icon-width) + calc(var(--kite-popover-trigger-focus-ring-offset) * 2 + calc(var(--kite-popover-trigger-focus-ring-width) * 2)));
  --icon-total-height: calc(var(--icon-height) + calc(var(--kite-popover-trigger-focus-ring-offset) * 2 + calc(var(--kite-popover-trigger-focus-ring-width) * 2)));
  --total-trigger-width: calc(var(--kite-popover-trigger-margin-left) + var(--icon-total-width) + var(--kite-popover-trigger-margin-right) * 1px);
  --arrow-width: var(--kite-popover-arrow-width);
  --content-offset: var(--kite-popover-offset);
  --max-height: var(--kite-popover-max-height);
  --max-width: var(--kite-popover-max-width);
  --border-color: var(--kite-popover-border-color);
  --background-color: var(--kite-popover-background-color);
  --elevation: var(--kite-popover-elevation);
  --dismiss-color: var(--kite-popover-dismiss-icon-color);
  --arrow-color: var(--kite-popover-background-color);
  --arrow-border: var(--kite-popover-arrow-border-color);
  --icon-color: var(--kite-popover-trigger-icon-color);
  --active-icon-color: var(--kite-popover-trigger-expanded-icon-color);
  --expanded-icon-color: var(--active-icon-color, --kite-popover-trigger-expanded-icon-color);
  --focus-icon-color: var(--kite-popover-trigger-focus-icon-color);
  --trigger-label-color: var(--kite-popover-trigger-label-text-color);
  --ring-color: var(--kite-popover-trigger-focus-ring-color);
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover {
    --kite-popover-max-width: var(--kite-popover-breakpoint-md-max-width);
  }
}
.kite-popover {
  display: flex;
  color: var(--kite-popover-text-color);
  font-size: var(--kite-popover-text-size);
  text-align: var(--kite-popover-text-align);
  font-family: var(--kite-font-family);
  font-style: var(--kite-typography-body-style);
  font-weight: var(--kite-typography-body-weight);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  text-transform: none;
}
.kite-popover__group {
  display: flex;
  align-self: center;
}
.kite-popover.kite-popover--inline .kite-popover__group {
  display: inline-flex;
  align-items: baseline;
}
.kite-popover__trigger {
  background-color: transparent;
  border: none;
  cursor: var(--kite-popover-trigger-cursor);
  display: flex;
  margin: var(--kite-popover-trigger-margin-top) var(--kite-popover-trigger-margin-right) var(--kite-popover-trigger-margin-bottom) var(--kite-popover-trigger-margin-left);
  padding: 0;
}
.kite-popover__trigger--hidden {
  display: none;
}
.kite-popover__trigger .kite-icon {
  --color: var(--icon-color);
  --size: var(--icon-total-width);
}
.kite-popover__trigger .kite-icon__inner {
  align-items: center;
  align-self: center;
  display: flex;
  justify-content: center;
}
.kite-popover__trigger .kite-icon__inner::before {
  border: 0 var(--kite-popover-trigger-focus-ring-style) transparent;
  border-radius: var(--kite-popover-trigger-focus-ring-radius);
  content: "";
  width: var(--icon-total-width);
  height: var(--icon-total-height);
}
.kite-popover__trigger .kite-popover__icon-default {
  display: inherit;
}
.kite-popover__trigger .kite-popover__icon-emphasized {
  display: none;
}
.kite-popover__trigger svg {
  position: absolute;
  width: var(--icon-width);
  height: var(--icon-height);
}
.kite-popover__trigger.kite-focus-visible,
.kite-popover__trigger:focus-visible {
  outline: 0;
}
.kite-popover__trigger.kite-focus-visible .kite-icon__inner::before,
.kite-popover__trigger:focus-visible .kite-icon__inner::before {
  border: var(--kite-popover-trigger-focus-ring-width) var(--kite-popover-trigger-focus-ring-style) var(--ring-color);
}
.kite-popover__trigger.kite-active .kite-icon,
.kite-popover__trigger:active .kite-icon {
  --color: var(--expanded-icon-color);
}
.kite-popover__trigger.kite-active .kite-popover__icon-default,
.kite-popover__trigger:active .kite-popover__icon-default {
  display: none;
}
.kite-popover__trigger.kite-active .kite-popover__icon-emphasized,
.kite-popover__trigger:active .kite-popover__icon-emphasized {
  display: inherit;
}
.kite-popover__trigger.kite-hover .kite-icon,
.kite-popover__trigger:hover .kite-icon,
.kite-popover__trigger.kite-focus-visible .kite-icon,
.kite-popover__trigger:focus-visible .kite-icon {
  --color: var(--focus-icon-color);
}
.kite-popover__trigger.kite-hover .kite-popover__icon-default,
.kite-popover__trigger:hover .kite-popover__icon-default,
.kite-popover__trigger.kite-focus-visible .kite-popover__icon-default,
.kite-popover__trigger:focus-visible .kite-popover__icon-default {
  display: none;
}
.kite-popover__trigger.kite-hover .kite-popover__icon-emphasized,
.kite-popover__trigger:hover .kite-popover__icon-emphasized,
.kite-popover__trigger.kite-focus-visible .kite-popover__icon-emphasized,
.kite-popover__trigger:focus-visible .kite-popover__icon-emphasized {
  display: inherit;
}
.kite-popover__assistive-text {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
.kite-popover__dismiss-button {
  align-self: flex-end;
  background-color: transparent;
  border: none;
  display: block;
  margin: var(--kite-popover-dismiss-icon-margin-top) var(--kite-popover-dismiss-icon-margin-right) var(--kite-popover-dismiss-icon-margin-bottom) var(--kite-popover-dismiss-icon-margin-left);
  padding: 0;
  width: var(--kite-popover-dismiss-icon-width);
  height: var(--kite-popover-dismiss-icon-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__dismiss-button {
    display: none;
  }
}
.kite-popover__dismiss-button svg {
  cursor: var(--kite-popover-dismiss-icon-cursor);
  fill: var(--dismiss-color);
  width: var(--kite-popover-dismiss-icon-width);
  height: var(--kite-popover-dismiss-icon-height);
}
.kite-popover__content {
  --transform-y: calc(var(--content-offset) + var(--offset-y));
  background-color: var(--background-color);
  border-color: var(--border-color);
  border-radius: var(--kite-popover-border-radius);
  border-style: var(--kite-popover-border-style);
  border-width: var(--kite-popover-border-width);
  box-shadow: var(--elevation);
  display: flex;
  flex-direction: column;
  margin: var(--kite-popover-margin) calc(-1 * var(--kite-popover-max-width)) 0 0;
  max-height: var(--kite-popover-max-height);
  max-width: var(--kite-popover-max-width);
  opacity: 0;
  padding: var(--kite-popover-padding-top) var(--kite-popover-padding-right) var(--kite-popover-padding-bottom) var(--kite-popover-padding-left);
  position: absolute;
  top: 0;
  z-index: var(--kite-popover-zindex);
  transform: translate(var(--transform-x), var(--transform-y));
  visibility: hidden;
  width: var(--width);
  height: var(--height);
}
.kite-popover__content::after,
.kite-popover__content::before {
  --arrow-transform-x: calc(var(--arrow-offset) - (var(--arrow-width) / 2) - var(--kite-popover-border-width));
  --arrow-transform-y: 0;
  --arrow-rotate-angle: 0;
  border-left: calc(var(--arrow-width) / 2) solid transparent;
  border-right: calc(var(--arrow-width) / 2) solid transparent;
  content: "";
  position: absolute;
  left: 0;
  transform: translate(var(--arrow-transform-x), var(--arrow-transform-y)) rotate(var(--arrow-rotate-angle));
  width: 0;
  height: 0;
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content::after,
  .kite-popover__content::before {
    --arrow-transform-x: calc((var(--kite-popover-max-width) / 2) - (var(--arrow-width) / 2) + var(--kite-popover-border-width));
  }
}
.kite-popover__content::after {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-color);
  top: calc(-1 * (var(--kite-popover-arrow-height) - var(--kite-popover-arrow-border-width) + var(--kite-popover-border-width)));
}
.kite-popover__content::before {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-border);
  top: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content {
    --content-midpoint: calc((var(--kite-popover-max-width) / 2));
    --trigger-midpoint: calc((var(--kite-popover-trigger-margin-left) + var(--icon-total-width)) / 2);
    --transform-x: calc((var(--content-midpoint) - var(--trigger-midpoint)) * -1);
  }
  .kite-popover__content::after,
  .kite-popover__content::before {
    left: 0;
  }
}
.kite-popover__content-title {
  margin-bottom: var(--kite-popover-title-margin-bottom);
}
.kite-popover__content-text {
  margin: 0;
}
.kite-popover__content .kite-link {
  margin-top: var(--kite-popover-link-margin-top);
}
.kite-popover__content--active,
.kite-popover__content--expanded {
  opacity: 1;
  visibility: visible;
}
.kite-popover__content--top {
  --transform-y: calc(-100% - var(--kite-popover-arrow-height) + var(--offset-y) - var(--content-offset));
  margin: 0 calc(-1 * var(--kite-popover-max-width)) var(--kite-popover-margin) 0;
}
.kite-popover__content--top::after,
.kite-popover__content--top::before {
  border-bottom: 0;
  top: auto;
}
.kite-popover__content--top::after {
  border-top: var(--kite-popover-arrow-height) solid var(--arrow-color);
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
}
.kite-popover__content--top::before {
  border-top: var(--kite-popover-arrow-height) solid var(--arrow-border);
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--top.kite-popover__content--align-start,
  .kite-popover__content--bottom.kite-popover__content--align-start {
    --transform-x: calc(var(--offset-x) - (var(--arrow-offset) + (var(--arrow-width) / 2)) - var(--kite-popover-border-width));
  }
  .kite-popover__content--top.kite-popover__content--align-start::after,
  .kite-popover__content--top.kite-popover__content--align-start::before,
  .kite-popover__content--bottom.kite-popover__content--align-start::after,
  .kite-popover__content--bottom.kite-popover__content--align-start::before {
    --arrow-transform-x: var(--arrow-offset);
    right: auto;
    left: 0;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--top.kite-popover__content--align-end,
  .kite-popover__content--bottom.kite-popover__content--align-end {
    --transform-x: calc(var(--offset-x) + (var(--arrow-offset) + (var(--arrow-width) / 2)) + var(--kite-popover-border-width));
    left: 0;
  }
  .kite-popover__content--top.kite-popover__content--align-end::after,
  .kite-popover__content--top.kite-popover__content--align-end::before,
  .kite-popover__content--bottom.kite-popover__content--align-end::after,
  .kite-popover__content--bottom.kite-popover__content--align-end::before {
    --arrow-transform-x: calc(var(--arrow-offset) * -1);
    right: 0;
    left: auto;
  }
}
.kite-popover__content--left,
.kite-popover__content--right {
  --transform-y: calc(-100% - var(--kite-popover-arrow-height) + var(--offset-y) - var(--content-offset));
  margin: 0 calc(-1 * var(--kite-popover-max-width)) var(--kite-popover-margin) 0;
}
.kite-popover__content--left::after,
.kite-popover__content--left::before,
.kite-popover__content--right::after,
.kite-popover__content--right::before {
  border-bottom: 0;
  top: auto;
}
.kite-popover__content--left::after,
.kite-popover__content--right::after {
  border-top: var(--kite-popover-arrow-height) solid var(--arrow-color);
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
}
.kite-popover__content--left::before,
.kite-popover__content--right::before {
  border-top: var(--kite-popover-arrow-height) solid var(--arrow-border);
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--left,
  .kite-popover__content--right {
    --transform-y: calc(50% + (var(--icon-total-height) / 2));
  }
  .kite-popover__content--left::before,
  .kite-popover__content--left::after,
  .kite-popover__content--right::before,
  .kite-popover__content--right::after {
    --arrow-transform-x: 0;
    --arrow-transform-y: -50%;
    top: 50%;
    border-top: calc(var(--arrow-width) / 2) solid transparent;
    border-bottom: calc(var(--arrow-width) / 2) solid transparent;
  }
  .kite-popover__content--left.kite-popover__content--align-start,
  .kite-popover__content--right.kite-popover__content--align-start {
    --transform-y: calc(var(--offset-y) - (var(--arrow-offset) + (var(--arrow-width) / 2)) - var(--kite-popover-border-width));
    top: 0;
  }
  .kite-popover__content--left.kite-popover__content--align-start::after,
  .kite-popover__content--left.kite-popover__content--align-start::before,
  .kite-popover__content--right.kite-popover__content--align-start::after,
  .kite-popover__content--right.kite-popover__content--align-start::before {
    --arrow-transform-y: var(--arrow-offset);
    top: 0;
    bottom: auto;
  }
  .kite-popover__content--left.kite-popover__content--align-end,
  .kite-popover__content--right.kite-popover__content--align-end {
    --transform-y: calc(var(--offset-y) + (var(--arrow-offset) + (var(--arrow-width) / 2)) + var(--kite-popover-border-width));
  }
  .kite-popover__content--left.kite-popover__content--align-end::after,
  .kite-popover__content--left.kite-popover__content--align-end::before,
  .kite-popover__content--right.kite-popover__content--align-end::after,
  .kite-popover__content--right.kite-popover__content--align-end::before {
    --arrow-transform-y: calc(var(--arrow-offset) * -1);
    top: auto;
    bottom: 0;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--left {
    --transform-x: calc((-100% + var(--kite-popover-trigger-margin-left)) - (var(--kite-popover-arrow-height) + var(--content-offset)));
    margin: 0 calc(var(--kite-popover-margin) + -1 * var(--kite-popover-max-width)) 0 0;
  }
  .kite-popover__content--left::after,
  .kite-popover__content--left::before {
    border-right: 0;
    left: auto;
  }
  .kite-popover__content--left::after {
    border-left: var(--kite-popover-arrow-height) solid var(--arrow-color);
    right: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
  }
  .kite-popover__content--left::before {
    border-left: var(--kite-popover-arrow-height) solid var(--arrow-border);
    right: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--right {
    --transform-x: calc(0% + var(--total-trigger-width) + var(--content-offset));
    margin: 0 calc(-1 * var(--kite-popover-max-width)) 0 var(--kite-popover-margin);
  }
  .kite-popover__content--right::after,
  .kite-popover__content--right::before {
    border-left: 0;
    right: auto;
  }
  .kite-popover__content--right::after {
    border-right: var(--kite-popover-arrow-height) solid var(--arrow-color);
    left: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
  }
  .kite-popover__content--right::before {
    border-right: var(--kite-popover-arrow-height) solid var(--arrow-border);
    left: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
  }
}
.kite-popover__content--dismiss .kite-popover__dismiss-button {
  display: block;
}
.kite-popover__content--hide-dismiss .kite-popover__dismiss-button {
  display: none;
}
.kite-popover--disabled .kite-popover__trigger {
  cursor: var(--kite-popover-trigger-disabled-cursor);
}
.kite-popover--disabled .kite-popover__trigger .kite-icon {
  --color: var(--kite-popover-trigger-disabled-icon-color);
}
.kite-popover--disabled .kite-popover__trigger.kite-hover .kite-popover__icon-default,
.kite-popover--disabled .kite-popover__trigger:hover .kite-popover__icon-default {
  display: inherit;
}
.kite-popover--disabled .kite-popover__trigger.kite-hover .kite-popover__icon-emphasized,
.kite-popover--disabled .kite-popover__trigger:hover .kite-popover__icon-emphasized {
  display: none;
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--bottom-right {
    --transform-x: calc(var(--offset-x) - (var(--arrow-offset) + (var(--arrow-width) / 2)) - var(--kite-popover-border-width));
  }
  .kite-popover__content--bottom-right::after,
  .kite-popover__content--bottom-right::before {
    --arrow-transform-x: var(--arrow-offset);
    left: 0;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--bottom-left {
    --transform-x: calc(var(--offset-x) + (var(--arrow-offset) + (var(--arrow-width) / 2)) + var(--kite-popover-border-width));
    left: 0;
  }
  .kite-popover__content--bottom-left::after,
  .kite-popover__content--bottom-left::before {
    --arrow-transform-x: calc(var(--arrow-offset) * -1);
    right: 0;
    left: auto;
  }
}
.kite-popover__content--top-right {
  --transform-y: calc((-1 * 100%) - var(--kite-popover-arrow-height) + var(--offset-y) - var(--content-offset));
  margin: 0 calc(-1 * var(--kite-popover-max-width)) var(--kite-popover-margin) 0;
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--top-right::after,
  .kite-popover__content--top-right::before {
    transform: translate(var(--arrow-offset), 0) rotate(180deg);
  }
}
.kite-popover__content--top-right::after,
.kite-popover__content--top-right::before {
  transform: translate(var(--arrow-transform-x), 0) rotate(180deg);
}
.kite-popover__content--top-right::after {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-color);
  top: auto;
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
}
.kite-popover__content--top-right::before {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-border);
  top: auto;
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}
.kite-popover__content--top-left {
  --transform-y: calc((-1 * 100%) - var(--kite-popover-arrow-height) + var(--offset-y) - var(--content-offset));
  margin: 0 calc(-1 * var(--kite-popover-max-width)) var(--kite-popover-margin) 0;
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--top-left {
    --transform-x: calc(var(--offset-x) + (var(--arrow-offset) + (var(--arrow-width) / 2)) + var(--kite-popover-border-width));
    left: 0;
  }
  .kite-popover__content--top-left::after,
  .kite-popover__content--top-left::before {
    --arrow-transform-x: calc(var(--arrow-offset) * -1);
    right: 0;
    left: auto;
  }
}
.kite-popover__content--top-left::after,
.kite-popover__content--top-left::before {
  transform: translate(var(--arrow-transform-x), 0) rotate(180deg);
}
.kite-popover__content--top-left::after {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-color);
  top: auto;
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
}
.kite-popover__content--top-left::before {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-border);
  top: auto;
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}
.kite-progress {
  --pi: 3.1415926536;
  --percent: 1;
  --backdrop-radius: 0;
  --size: var(--kite-progress-indicator-icon-width);
  --track-size: var(--kite-progress-indicator-track-size);
  --backdrop-color: var(--kite-progress-indicator-backdrop-background-color);
  --backdrop-opacity: var(--kite-progress-indicator-backdrop-opacity);
  --indicator-width: 100%;
  --track-color: var(--kite-progress-indicator-track-color);
  --fill-color: var(--kite-progress-indicator-fill-color);
  --secondary-label-color: var(--kite-progress-indicator-secondary-label-color);
  --progress-transition-delay: var(--kite-progress-indicator-transition-delay);
  --progress-text-align: var(--kite-progress-indicator-label-text-align);
  --label-text-color: var(--kite-progress-indicator-label-text-color);
  --label-text-size: var(--kite-progress-indicator-label-text-size);
  --label-text-weight: var(--kite-progress-indicator-label-text-weight);
}
.kite-progress--circular {
  --percent: 0;
  --size: var(--kite-progress-indicator-circular-width);
  --indicator-width: auto;
  --progress-text-align: var(--kite-progress-indicator-circular-label-text-align);
  --label-text-size: var(--kite-progress-indicator-circular-label-text-size);
  --label-text-weight: var(--kite-progress-indicator-circular-label-text-weight);
  --size-px: var(--kite-progress-indicator-circular-width-px);
  --track-size-px: var(--kite-progress-indicator-track-size-px);
  --progress-circle-diameter: calc(var(--size-px) - var(--track-size-px));
  --progress-circle-circumference: calc(var(--pi) * var(--progress-circle-diameter));
}
.kite-progress {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  text-align: var(--progress-text-align);
  width: 100%;
  height: 100%;
  z-index: var(--kite-progress-indicator-zindex);
}
.kite-progress__backdrop {
  background-color: var(--backdrop-color);
  display: none;
  opacity: var(--backdrop-opacity);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.kite-progress__indicator {
  color: var(--fill-color);
  position: relative;
  width: var(--indicator-width);
}
.kite-progress__label-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--kite-progress-indicator-label-text-margin-right);
  margin-bottom: var(--kite-progress-indicator-label-margin-bottom);
}
.kite-progress__label {
  color: var(--label-text-color);
  font-size: var(--label-text-size);
  font-weight: var(--label-text-weight);
}
.kite-progress__icons {
  position: relative;
  width: var(--size);
  height: var(--size);
  margin: 0 0 0 auto;
}
.kite-progress .kite-progress__success,
.kite-progress .kite-progress__error {
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}
.kite-progress__value-label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
@media (prefers-reduced-motion) {
  .kite-progress__value-label {
    clip: auto;
    clip-path: unset;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
  }
}
.kite-progress--reduce-motion .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
}
.kite-progress progress {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kite-progress progress:indeterminate {
  appearance: none;
}
.kite-progress__secondary-label {
  color: var(--secondary-label-color);
  margin-top: var(--kite-progress-indicator-secondary-label-margin-top);
}
.kite-progress__button {
  margin-top: var(--kite-progress-indicator-button-margin-top);
}
.kite-progress__track {
  height: var(--track-size);
  background-color: var(--track-color);
  overflow: hidden;
}
@media (prefers-reduced-motion) {
  .kite-progress__track {
    display: none;
  }
}
.kite-progress--reduce-motion .kite-progress__track {
  display: none;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-progress__track {
    border: 1px solid CanvasText;
  }
}
.kite-progress__progress-fill {
  background-color: var(--fill-color);
  height: var(--track-size);
  transform: scaleX(var(--percent));
  transform-origin: left;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: kite-progress-linear-indeterminate;
  animation-timing-function: var(--kite-motion-standard);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-progress__progress-fill {
    --fill-color: CanvasText;
  }
}
.kite-progress--btn,
.kite-progress--sm {
  --size: var(--kite-progress-indicator-circular-sm-width);
  --track-size: var(--kite-progress-indicator-circular-sm-track-size);
  --size-px: var(--kite-progress-indicator-circular-sm-width-px);
  --track-size-px: var(--kite-progress-indicator-circular-sm-track-size-px);
}
.kite-progress--lg {
  --size: var(--kite-progress-indicator-circular-lg-width);
  --size-px: var(--kite-progress-indicator-circular-lg-width-px);
}
.kite-progress--lg .kite-progress__success,
.kite-progress--lg .kite-progress__error {
  transform: rotate(-8deg) scale(1.05);
}
.kite-progress--overlay .kite-progress__backdrop {
  display: block;
}
.kite-progress--overlay .kite-progress__label,
.kite-progress--overlay .kite-progress__secondary-label {
  position: relative;
}
.kite-progress--btn {
  --kite-progress-indicator-zindex: auto;
  position: relative;
  width: var(--size);
  height: var(--size);
}
.kite-progress--btn .kite-progress__indicator {
  --fill-color: var(--kite-progress-indicator-button-fill-color);
}
.kite-progress--btn .kite-progress__icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.kite-progress--btn progress {
  width: 100%;
  height: 100%;
}
.kite-progress--btn .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  opacity: 0;
}
@media (prefers-reduced-motion) {
  .kite-progress--btn .kite-progress__value-label {
    clip: auto;
    clip-path: unset;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
    opacity: 1;
  }
}
.kite-progress--reduce-motion .kite-progress--btn .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  opacity: 1;
}
.kite-progress--determinate {
  --percent: 0;
}
.kite-progress--determinate .kite-progress__assistive-text {
  display: none;
}
.kite-progress--determinate progress {
  display: block;
}
.kite-progress--determinate .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  color: var(--fill-color);
  display: block;
  font-size: calc(var(--kite-progress-indicator-value-label-size) * 0.5);
  font-size: var(--kite-progress-indicator-value-label-size);
  font-weight: var(--kite-progress-indicator-value-label-weight);
  margin: 0 0 0 auto;
}
@media (prefers-reduced-motion) {
  .kite-progress--determinate .kite-progress__value-label {
    position: relative;
    top: auto;
  }
}
.kite-progress--determinate.kite-progress--reduce-motion .kite-progress__value-label {
  position: relative;
  top: auto;
}
.kite-progress--determinate.kite-progress--success .kite-progress__value-label,
.kite-progress--determinate.kite-progress--error .kite-progress__value-label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
@media (prefers-reduced-motion) {
  .kite-progress--determinate.kite-progress--success .kite-progress__value-label,
  .kite-progress--determinate.kite-progress--error .kite-progress__value-label {
    clip: auto;
    clip-path: unset;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
  }
}
.kite-progress--determinate.kite-progress--success.kite-progress--reduce-motion .kite-progress__value-label,
.kite-progress--determinate.kite-progress--error.kite-progress--reduce-motion .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
}
.kite-progress--determinate .kite-progress__progress-fill {
  animation: none;
  transition-duration: var(--kite-motion-fastest);
  transition-property: transform;
  transition-timing-function: linear;
}
.kite-progress--success,
.kite-progress--error {
  --percent: 1;
}
.kite-progress--success .kite-progress__progress-fill,
.kite-progress--error .kite-progress__progress-fill {
  animation: none;
}
.kite-progress--success {
  --fill-color: var(--kite-progress-indicator-positive-fill-color);
}
.kite-progress--success .kite-progress__success {
  opacity: 1;
  visibility: visible;
}
.kite-progress--error {
  --fill-color: var(--kite-progress-indicator-negative-fill-color);
}
.kite-progress--error .kite-progress__error {
  opacity: 1;
  visibility: visible;
}
.kite-progress--circular {
  align-items: center;
  border-radius: var(--backdrop-radius);
}
.kite-progress--circular .kite-progress__icons {
  margin: 0;
}
@media (prefers-reduced-motion) {
  .kite-progress--circular .kite-progress__icons {
    display: none;
  }
}
.kite-progress--circular.kite-progress--reduce-motion .kite-progress__icons {
  display: none;
}
.kite-progress--circular .kite-progress__success,
.kite-progress--circular .kite-progress__error {
  transform: rotate(-8deg) scale(0.925);
  transition-delay: var(--progress-transition-delay);
  transition-duration: var(--kite-motion-fast);
  transition-property: opacity, transform;
  transition-timing-function: linear, ease-in-out;
}
.kite-progress--circular .kite-progress__spinner {
  animation: kite-progress-rotate 1.5s linear infinite;
  display: block;
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: opacity var(--kite-motion-faster) linear var(--progress-transition-delay);
}
@keyframes kite-progress-rotate {
  100% {
    transform: rotate(270deg);
  }
}
.kite-progress--circular .kite-progress__spinner .kite-progress__circle {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: kite-progress-dash-rotate, kite-progress-dash-offset;
  animation-timing-function: ease-in-out;
  fill: none;
  stroke: var(--fill-color);
  stroke-dasharray: var(--progress-circle-circumference);
  stroke-dashoffset: var(--progress-circle-circumference);
  stroke-linecap: butt;
  stroke-width: var(--track-size);
  transform: rotate(0deg);
  transform-origin: center center;
  transition-delay:
    0s,
    var(--progress-transition-delay),
    var(--progress-transition-delay);
  transition-duration:
    var(--kite-motion-fastest),
    var(--kite-motion-fast),
    var(--kite-motion-fast);
  transition-property:
    stroke,
    opacity,
    stroke-width;
  transition-timing-function:
    linear,
    linear,
    ease-in-out;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-progress--circular .kite-progress__spinner .kite-progress__circle {
    --fill-color: CanvasText;
  }
}
.kite-progress--circular .kite-progress__label {
  line-height: var(--kite-progress-indicator-circular-label-text-line-height);
  margin: var(--kite-progress-indicator-circular-label-text-margin-top) 0 var(--kite-progress-indicator-circular-label-text-margin-bottom) 0;
}
.kite-progress--circular .kite-progress__secondary-label {
  margin-top: var(--kite-progress-indicator-circular-secondary-label-margin-top);
}
.kite-progress--circular.kite-progress--determinate .kite-progress__success,
.kite-progress--circular.kite-progress--determinate .kite-progress__error {
  transition-delay: 0s;
}
.kite-progress--circular.kite-progress--determinate .kite-progress__spinner {
  animation: none;
  transform: rotate(270deg);
}
.kite-progress--circular.kite-progress--determinate .kite-progress__spinner .kite-progress__circle {
  --dash-length: calc(var(--progress-circle-circumference) * var(--percent));
  --dash-full: calc(var(--progress-circle-circumference) + 1px);
  animation: none;
  stroke-dasharray: var(--dash-length), var(--dash-full);
  stroke-dashoffset: 0;
  transition-delay: 0s;
  transition-duration: var(--kite-motion-fastest);
  transition-property: stroke-dasharray, stroke-width;
  transition-timing-function: linear;
}
.kite-progress--circular.kite-progress--determinate .kite-progress__value-label {
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  width: 100%;
  margin: 0;
}
@media (prefers-reduced-motion) {
  .kite-progress--circular.kite-progress--determinate .kite-progress__value-label {
    position: relative;
    top: auto;
    transform: none;
  }
}
.kite-progress--circular.kite-progress--determinate.kite-progress--reduce-motion .kite-progress__value-label {
  position: relative;
  top: auto;
  transform: none;
}
.kite-progress--circular.kite-progress--determinate.kite-progress--sm .kite-progress__value-label {
  font-size: calc(var(--kite-progress-indicator-value-label-size) * 0.3333);
}
.kite-progress--circular.kite-progress--determinate.kite-progress--lg .kite-progress__value-label {
  font-size: var(--kite-progress-indicator-value-label-size);
}
.kite-progress--circular.kite-progress--success > .kite-progress__indicator .kite-progress__spinner,
.kite-progress--circular.kite-progress--error > .kite-progress__indicator .kite-progress__spinner {
  opacity: 0;
}
.kite-progress--circular.kite-progress--success > .kite-progress__indicator .kite-progress__circle,
.kite-progress--circular.kite-progress--error > .kite-progress__indicator .kite-progress__circle {
  stroke-width: 0;
}
.kite-progress--circular.kite-progress--success > .kite-progress__indicator .kite-progress__success,
.kite-progress--circular.kite-progress--success > .kite-progress__indicator .kite-progress__error,
.kite-progress--circular.kite-progress--error > .kite-progress__indicator .kite-progress__success,
.kite-progress--circular.kite-progress--error > .kite-progress__indicator .kite-progress__error {
  transform: rotate(0deg) scale(1.05);
}
.kite-progress--hidden .kite-progress__backdrop,
.kite-progress--hidden .kite-progress__icons,
.kite-progress--hidden .kite-progress__track,
.kite-progress--hidden .kite-progress__assistive-text,
.kite-progress--hidden progress,
.kite-progress--hidden .kite-progress__label,
.kite-progress--hidden .kite-progress__secondary-label {
  display: none;
}
.kite-progress--hidden.kite-progress--determinate .kite-progress__value-label {
  display: none;
}
@keyframes kite-progress-linear-indeterminate {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes kite-progress-dash-rotate {
  50% {
    transform: rotate(135deg);
  }
  100% {
    transform: rotate(450deg);
  }
}
@keyframes kite-progress-dash-offset {
  50% {
    stroke-dashoffset: calc(var(--progress-circle-circumference) * 0.25);
  }
  100% {
    stroke-dashoffset: var(--progress-circle-circumference);
  }
}
.kite-radio {
  --focus-ring-color: var(--kite-radio-focus-ring-color);
  --background-color: var(--kite-radio-background-color);
  --border-color: var(--kite-radio-border-color);
  --label-text-color: var(--kite-radio-label-text-color);
  --disabled-border-color: var(--kite-radio-disabled-border-color);
  --disabled-label-text-color: var(--kite-radio-disabled-label-text-color);
  --selected-indicator-background-color: var(--kite-radio-selected-indicator-background-color);
  --selected-focus-ring-color: var(--kite-radio-selected-focus-ring-color);
  --selected-disabled-center-background-color: var(--kite-radio-selected-disabled-indicator-background-color);
  --selected-disabled-border-color: var(--kite-radio-selected-disabled-border-color);
  --selected-border-color: var(--kite-radio-selected-border-color);
}
.kite-radio {
  align-items: center;
  display: flex;
  margin-bottom: var(--kite-radio-margin-bottom);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.kite-radio .kite-radio__input,
.kite-radio input {
  color: var(--label-text-color);
  margin: var(--kite-radio-input-margin-top) var(--kite-radio-input-margin-right) var(--kite-radio-input-margin-bottom) var(--kite-radio-input-margin-left);
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: var(--kite-radio-width);
  height: var(--kite-radio-height);
}
.kite-radio .kite-radio__input.kite-focus-visible ~ .kite-radio__indicator::before,
.kite-radio .kite-radio__input:focus-visible ~ .kite-radio__indicator::before,
.kite-radio input.kite-focus-visible ~ .kite-radio__indicator::before,
.kite-radio input:focus-visible ~ .kite-radio__indicator::before {
  border: var(--kite-radio-focus-ring-width) var(--kite-radio-focus-ring-style) var(--focus-ring-color);
  border-radius: var(--kite-radio-focus-ring-radius);
  content: "";
  position: absolute;
  top: calc(var(--kite-radio-focus-ring-offset) * -1);
  right: calc(var(--kite-radio-focus-ring-offset) * -1);
  bottom: calc(var(--kite-radio-focus-ring-offset) * -1);
  left: calc(var(--kite-radio-focus-ring-offset) * -1);
}
.kite-radio__indicator {
  background-color: var(--background-color);
  border: var(--kite-radio-border-width) var(--kite-radio-border-style) var(--border-color);
  border-radius: var(--kite-radio-border-radius);
  cursor: var(--kite-radio-cursor);
  flex: 0 0 auto;
  margin: var(--kite-radio-input-margin-top) var(--kite-radio-input-margin-right) var(--kite-radio-input-margin-bottom) var(--kite-radio-input-margin-left);
  position: relative;
  transition-property:
    background-color,
    border-color,
    box-shadow;
  transition-duration: var(--kite-motion-fastest);
  transition-timing-function: var(--kite-motion-standard);
  width: var(--kite-radio-width);
  height: var(--kite-radio-height);
}
.kite-radio input:checked ~ .kite-radio__indicator {
  border: var(--kite-radio-selected-border-width) var(--kite-radio-selected-border-style) var(--selected-border-color);
}
.kite-radio input:checked ~ .kite-radio__indicator::after {
  border: calc(var(--kite-radio-selected-indicator-width) / 2) var(--kite-radio-selected-border-style) var(--selected-border-color);
  border-radius: var(--kite-radio-selected-indicator-border-radius);
  content: "";
  position: absolute;
  top: var(--kite-radio-border-offset);
  right: var(--kite-radio-border-offset);
  bottom: var(--kite-radio-border-offset);
  left: var(--kite-radio-border-offset);
}
.kite-radio input:disabled ~ .kite-radio__indicator {
  border-color: var(--disabled-border-color);
  cursor: var(--kite-radio-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-radio input:disabled ~ .kite-radio__indicator {
    border-color: GrayText;
  }
}
.kite-radio input:disabled ~ .kite-radio__description {
  color: var(--disabled-label-text-color);
  cursor: var(--kite-radio-disabled-cursor);
}
.kite-radio input:checked:disabled ~ .kite-radio__indicator {
  border-color: var(--selected-disabled-border-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-radio input:checked:disabled ~ .kite-radio__indicator {
    border-color: GrayText;
  }
}
.kite-radio input:checked:disabled ~ .kite-radio__indicator::after {
  border-color: var(--selected-disabled-center-background-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-radio input:checked:disabled ~ .kite-radio__indicator::after {
    border-color: GrayText;
  }
}
.kite-radio-group {
  border: 0;
  display: block;
  margin-bottom: var(--kite-radio-group-margin-bottom);
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding: 0;
}
.kite-radio-group__legend {
  font-size: var(--kite-radio-group-legend-text-size);
  margin-bottom: var(--kite-radio-group-legend-margin-bottom);
  padding: 0;
}
.kite-radio-group .kite-radio {
  margin-bottom: var(--kite-radio-margin-bottom);
}
.kite-radio-group .kite-radio:last-child {
  margin-bottom: 0;
}
.kite-search-input {
  --input-border-color: var(--kite-search-input-border-color);
  --input-border-style: var(--kite-search-input-border-style);
  --input-border-width: var(--kite-search-input-border-width);
  --input-addon-total-width: calc(var(--kite-search-input-addon-padding-left) + var(--kite-search-input-addon-icon-width) + var(--kite-search-input-addon-padding-right));
}
.kite-search-input:has(.kite-search-input__input-group.kite-hover .kite-search-input__input:not([disabled]), .kite-search-input__input-group:hover .kite-search-input__input:not([disabled])) {
  --input-border-width: var(--kite-search-input-hover-border-width);
}
.kite-search-input:has(.kite-search-input__input--focus-visible),
.kite-search-input:has(.kite-search-input__input.kite-focus-visible, .kite-search-input__input:focus-visible) {
  --input-border-width: var(--kite-search-input-focus-ring-width);
  --input-border-color: var(--kite-search-input-focus-ring-style);
  --input-border-style: var(--kite-search-input-focus-ring-color);
}
.kite-search-input--disabled {
  --input-border-color: var(--kite-search-input-disabled-border-color);
  --input-border-width: var(--kite-search-input-border-width);
}
.kite-search-input--error {
  --input-border-color: var(--kite-search-input-error-border-color);
  --input-border-width: var(--kite-search-input-error-border-width);
}
.kite-search-input {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 30rem) {
  .kite-search-input {
    max-width: var(--kite-search-input-max-width);
  }
}
.kite-search-input__label {
  color: var(--kite-search-input-label-text-color);
  display: block;
  margin-bottom: var(--kite-search-input-label-margin-bottom);
}
.kite-search-input__input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: var(--kite-search-input-height);
}
@media only screen and (min-width: 30rem) {
  .kite-search-input__input-group {
    max-width: var(--kite-search-input-max-width);
  }
}
.kite-search-input__input-addon {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  padding-top: var(--kite-search-input-addon-padding-top, var(--kite-form-control-addon-padding-top));
  padding-right: var(--kite-search-input-addon-padding-right, var(--kite-form-control-addon-padding-right));
  padding-bottom: var(--kite-search-input-addon-padding-bottom, var(--kite-form-control-addon-padding-bottom));
  padding-left: var(--kite-search-input-addon-padding-left, var(--kite-form-control-addon-padding-left));
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.kite-search-input__input-addon:first-child {
  right: auto;
  left: 0;
}
.kite-search-input__input-addon .kite-icon {
  --color: var(--kite-search-input-addon-icon-color, var(--kite-form-control-addon-icon-color));
  --size: var(--kite-search-input-addon-icon-width, var(--kite-form-control-addon-icon-width));
}
.kite-search-input__input-addon--button {
  cursor: var(--kite-cursor-action);
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
.kite-search-input__input-addon--button:focus-visible {
  outline-offset: var(--kite-search-input-addon-focus-ring-offset, var(--kite-form-control-addon-focus-ring-offset));
}
.kite-search-input__input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--kite-search-input-text-color);
  line-height: var(--kite-search-input-text-line-height);
  outline: none;
  padding-top: calc(var(--kite-search-input-padding-top) - var(--input-border-width));
  padding-right: calc(var(--kite-search-input-padding-right) - var(--input-border-width));
  padding-bottom: calc(var(--kite-search-input-padding-bottom) - var(--input-border-width));
  padding-left: calc(var(--input-addon-total-width) - var(--input-border-width));
  position: absolute;
  top: var(--input-border-width);
  left: var(--input-border-width);
  width: calc(100% - var(--input-border-width) * 2);
  height: calc(var(--kite-search-input-height) * var(--input-border-width) * 2);
  z-index: 1;
}
.kite-search-input__input:has(~ .kite-search-input__input-addon) {
  padding-right: calc(var(--input-addon-total-width) - var(--input-border-width));
}
.kite-search-input__input::placeholder {
  color: var(--kite-search-input-placeholder-text-color);
  font-style: var(--kite-search-input-placeholder-text-style);
}
.kite-search-input__input:disabled::placeholder {
  color: var(--kite-search-input-disabled-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-search-input__input:disabled ~ .kite-search-input__appearance {
    border-color: GrayText;
  }
}
.kite-search-input__input::-webkit-search-cancel-button {
  display: none;
}
.kite-search-input__input--focus-visible,
.kite-search-input__input.kite-focus-visible,
.kite-search-input__input:focus-visible:not(.kite-search-input__input--listbox-focused) {
  outline: none;
}
.kite-search-input__appearance {
  background-color: var(--kite-search-input-background-color);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--kite-search-input-border-radius);
  color: var(--kite-search-input-text-color);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.kite-search-input--disabled .kite-search-input__label {
  color: var(--kite-search-input-disabled-label-text-color);
}
.kite-search-input--disabled .kite-search-input__input {
  color: var(--kite-search-input-disabled-text-color);
  cursor: var(--kite-search-input-disabled-cursor);
}
.kite-search-input--disabled .kite-search-input__input-addon {
  cursor: var(--kite-search-input-disabled-cursor, var(--kite-form-control-disabled-cursor));
}
.kite-search-input--disabled .kite-search-input__input-addon .kite-icon {
  --color: var(--kite-search-input-disabled-text-color, var(--kite-form-control-disabled-text-color));
}
.kite-select {
  --select-line-height: var(--kite-select-text-line-height);
  --select-max-width: var(--kite-select-max-width);
  --background-color: var(--kite-select-background-color);
  --icon-color: var(--kite-select-icon-color);
  --select-border-color: var(--kite-select-border-color);
  --select-border-width: var(--kite-select-border-width);
  --select-border-style: var(--kite-select-border-style);
}
.kite-select select:disabled ~ .kite-icon {
  --icon-color: var(--kite-select-disabled-icon-color);
}
.kite-select {
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-select {
    max-width: var(--select-max-width);
  }
}
.kite-select__label-group {
  margin-bottom: var(--kite-select-label-margin-bottom);
}
.kite-select__label {
  color: var(--kite-select-label-text-color);
  display: block;
}
.kite-select__label--disabled {
  color: var(--kite-select-disabled-label-text-color);
}
.kite-select__helper-text {
  display: block;
  color: var(--kite-select-helper-text-color);
  font-size: var(--kite-select-helper-text-size);
  line-height: var(--kite-select-helper-text-line-height);
}
.kite-select__select-group {
  display: flex;
}
.kite-select__select {
  background-color: var(--kite-select-background-color);
  border: var(--select-border-width) var(--select-border-style) var(--select-border-color);
  border-radius: var(--kite-select-border-radius);
  color: var(--kite-select-text-color);
  cursor: var(--kite-select-cursor);
  line-height: var(--select-line-height);
  outline: none;
  padding-top: calc(var(--kite-select-padding-top) - var(--select-border-width));
  padding-right: calc(var(--kite-select-padding-right) - var(--select-border-width) + var(--kite-select-icon-width));
  padding-bottom: calc(var(--kite-select-padding-bottom) - var(--select-border-width));
  padding-left: calc(var(--kite-select-padding-left) - var(--select-border-width));
  width: 100%;
  height: var(--kite-select-height);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  overflow: hidden;
  text-overflow: var(--kite-select-text-overflow);
  white-space: nowrap;
}
.kite-select__select.kite-focus-visible,
.kite-select__select:focus-visible {
  --select-border-width: var(--kite-select-focus-ring-width);
  --select-border-color: var(--kite-select-focus-ring-color);
  --select-border-style: var(--kite-select-focus-ring-style);
  outline: none;
}
.kite-select__select:disabled {
  --select-border-color: var(--kite-select-disabled-border-color);
  background-color: var(--kite-select-disabled-background-color);
  cursor: var(--kite-select-disabled-cursor);
  opacity: 1;
  color: var(--kite-select-disabled-text-color);
}
.kite-select__select--placeholder {
  color: var(--kite-select-placeholder-text-color);
  font-style: var(--kite-select-placeholder-text-style);
}
.kite-select__select option:not(:disabled) {
  color: var(--kite-select-text-color);
}
.kite-select.kite-hover .kite-select__select,
.kite-select .kite-select__select:hover:not(:disabled) {
  --select-border-width: var(--kite-select-hover-border-width);
}
.kite-select .kite-select__icon {
  --color: var(--icon-color);
  --size: var(--kite-select-icon-width);
  align-self: center;
  margin-left: calc(-1 * (var(--kite-select-padding-right) + var(--kite-select-icon-width)));
  pointer-events: none;
}
.kite-select--disabled .kite-select__label {
  color: var(--kite-select-disabled-label-text-color);
}
.kite-select--disabled .kite-select__helper-text {
  color: var(--kite-select-disabled-helper-text-color);
}
.kite-select__error,
.kite-select__feedback {
  color: var(--kite-select-error-feedback-text-color);
  display: block;
  margin-top: var(--kite-select-feedback-margin-top);
}
.kite-select--error {
  --select-border-color: var(--kite-select-error-border-color);
  --select-border-width: var(--kite-select-error-border-width);
}
.kite-skip-link {
  --border-radius: var(--kite-skip-link-border-radius);
  --padding-top: var(--kite-skip-link-padding-top);
  --padding-right: var(--kite-skip-link-padding-right);
  --padding-bottom: var(--kite-skip-link-padding-bottom);
  --padding-left: var(--kite-skip-link-padding-left);
  --background-color: var(--kite-skip-link-background-color);
  --border-color: var(--kite-skip-link-border-color);
  --text-color: var(--kite-skip-link-text-color);
}
.kite-skip-link {
  background-color: var(--background-color);
  border: var(--kite-skip-link-border-width) var(--kite-skip-link-border-style) var(--border-color);
  border-radius: var(--border-radius);
  clip: rect(0, 0, 0, 0);
  display: flex;
  flex-direction: column;
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  position: absolute;
  top: 0;
  left: 0;
  line-height: var(--kite-skip-link-text-line-height);
  z-index: var(--kite-skip-link-zindex);
  width: -moz-fit-content;
  width: fit-content;
}
.kite-skip-link--show {
  clip: auto;
  position: relative;
}
.kite-skip-link ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kite-skip-link ul > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
.kite-skip-link li:not(:first-child) {
  margin-top: var(--kite-skip-link-stacked-margin-top);
}
.kite-skip-link a {
  color: var(--text-color);
  font-weight: var(--kite-skip-link-text-weight);
}
.kite-skip-link:focus-within {
  clip: auto;
}
.kite-switch {
  --focus-ring-color-on: var(--kite-switch-on-focus-ring-color);
  --focus-ring-color-off: var(--kite-switch-focus-ring-color);
  --label-color: var(--kite-switch-label-text-color);
  --label-color-disabled: var(--kite-switch-disabled-label-text-color);
  --switch-thumb-transform: translateX(var(--kite-switch-thumb-transform-x));
  --thumb-color: var(--kite-switch-thumb-background-color);
  --thumb-color-disabled: var(--kite-switch-disabled-thumb-background-color);
  --track-background-disabled: var(--kite-switch-disabled-track-background-color);
  --track-background-off: var(--kite-switch-track-background-color);
  --track-background-on: var(--kite-switch-on-track-background-color);
}
.kite-switch {
  background-color: var(--kite-switch-background-color);
  border: var(--kite-switch-border-width);
  cursor: var(--kite-switch-cursor);
  margin-bottom: var(--kite-switch-margin-bottom);
  padding: 0;
  position: relative;
}
.kite-switch.kite-focus-visible,
.kite-switch:focus-visible {
  outline: 0;
}
.kite-switch.kite-focus-visible .kite-switch__track::after,
.kite-switch:focus-visible .kite-switch__track::after {
  --focus-ring-offset: calc(var(--kite-switch-focus-ring-width) + var(--kite-switch-focus-ring-offset));
  border: var(--kite-switch-focus-ring-width) var(--kite-switch-focus-ring-style) var(--focus-ring-color-off);
  border-radius: var(--kite-switch-focus-ring-radius);
  content: "";
  position: absolute;
  top: calc(var(--focus-ring-offset) * -1);
  left: calc(var(--focus-ring-offset) * -1);
  width: calc(100% + var(--focus-ring-offset) * 2);
  height: calc(100% + var(--focus-ring-offset) * 2);
}
.kite-switch__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.kite-switch--on .kite-switch__track {
  background-color: var(--track-background-on);
}
.kite-switch--on .kite-switch__thumb {
  transform: var(--switch-thumb-transform);
}
.kite-switch__label {
  color: var(--label-color);
  line-height: var(--kite-switch-label-text-line-height);
  margin-right: var(--kite-switch-label-margin-right);
}
.kite-switch__track {
  background-color: var(--track-background-off);
  border-radius: var(--kite-switch-track-border-radius);
  display: inline-block;
  flex-shrink: 0;
  padding: var(--kite-switch-track-padding-top) var(--kite-switch-track-padding-right) var(--kite-switch-track-padding-bottom) var(--kite-switch-track-padding-left);
  position: relative;
  transition: all var(--kite-switch-transition-duration);
  width: var(--kite-switch-track-width);
}
.kite-switch__track::before {
  --border-width-hcm: 2px;
  border: var(--border-width-hcm) solid transparent;
  border-radius: var(--kite-switch-track-border-radius);
  content: "";
  position: absolute;
  top: calc(var(--border-width-hcm) * -1);
  left: calc(var(--border-width-hcm) * -1);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
.kite-switch__thumb {
  border: calc(var(--kite-switch-thumb-width) / 2) solid var(--thumb-color);
  border-radius: var(--kite-switch-track-border-radius);
  display: block;
  transition: all var(--kite-switch-transition-duration);
  width: var(--kite-switch-thumb-width);
  height: var(--kite-switch-thumb-height);
}
.kite-switch:disabled {
  cursor: var(--kite-switch-disabled-cursor);
}
.kite-switch:disabled .kite-switch__label {
  color: var(--label-color-disabled);
}
.kite-switch:disabled .kite-switch__track {
  background-color: var(--track-background-disabled);
}
.kite-switch:disabled .kite-switch__thumb {
  border-color: var(--thumb-color-disabled);
}
.kite-switch--on.kite-focus-visible .kite-switch__track::after,
.kite-switch--on:focus-visible .kite-switch__track::after {
  border-color: var(--focus-ring-color-on);
}
.kite-tabs--center .kite-tabs__tab:first-of-type {
  margin-left: auto;
}
.kite-tabs--center .kite-tabs__tab:last-of-type {
  margin-right: auto;
}
.kite-tabs__tablist {
  display: flex;
  justify-content: left;
  overflow-x: auto;
  position: relative;
  transition: transform var(--kite-tabs-transition-duration) var(--kite-tabs-transition-timing-function);
}
.kite-tabs__tab {
  --tab-border-bottom-color: var(--kite-tabs-tab-border-bottom-color);
  --tab-text-color: var(--kite-tabs-tab-text-color);
  --tab-activated-text-color: var(--kite-tabs-tab-selected-text-color);
  --tab-selected-text-color: var(--tab-activated-text-color, --kite-tabs-tab-selected-text-color);
  --tab-selected-border-bottom-color: var(--kite-tabs-tab-selected-border-bottom-color);
  --tab-hover-border-bottom-color: var(--kite-tabs-tab-hover-border-bottom-color);
  --tab-disabled-text-color: var(--kite-tabs-tab-disabled-text-color);
  --tab-focus-ring-color: var(--kite-tabs-tab-focus-ring-color);
  background: var(--kite-tabs-tab-background);
  border: 0;
  border-bottom: var(--kite-tabs-tab-border-bottom-width) var(--kite-tabs-tab-border-bottom-style) var(--tab-border-bottom-color);
  color: var(--tab-text-color);
  flex-shrink: 0;
  font-size: var(--kite-tabs-tab-text-size);
  line-height: var(--kite-tabs-tab-text-line-height);
  font-weight: var(--kite-tabs-tab-text-weight);
  min-width: var(--kite-tabs-tab-min-width);
  outline-offset: var(--kite-tabs-tab-focus-ring-offset);
  padding: var(--kite-tabs-tab-padding-top) var(--kite-tabs-tab-padding-right) var(--kite-tabs-tab-padding-bottom) var(--kite-tabs-tab-padding-left);
  text-align: var(--kite-tabs-tab-text-align);
}
.kite-tabs__tab.kite-focus-visible,
.kite-tabs__tab:focus-visible {
  outline: var(--kite-tabs-tab-focus-ring-width) var(--kite-tabs-tab-focus-ring-style) var(--tab-focus-ring-color);
  outline-offset: var(--kite-tabs-tab-focus-ring-offset);
}
.kite-tabs__tab--active,
.kite-tabs__tab--selected {
  color: var(--kite-tabs-tab-selected-text-color);
  font-weight: var(--kite-tabs-tab-selected-text-weight);
}
.kite-tabs__tab:disabled {
  color: var(--tab-disabled-text-color);
  cursor: var(--kite-tabs-tab-disabled-cursor);
}
@media (hover: hover) and (pointer: fine) {
  .kite-tabs__tab.kite-hover,
  .kite-tabs__tab:hover:not(:disabled) {
    border-bottom-color: var(--tab-hover-border-bottom-color);
    cursor: var(--kite-tabs-tab-cursor);
  }
}
.kite-tabs__ink-bar {
  background-color: var(--kite-tabs-tab-selected-border-bottom-color);
  position: absolute;
  bottom: 0;
  transition: var(--kite-tabs-transition-duration) var(--kite-tabs-transition-timing-function);
  height: var(--kite-tabs-tab-border-bottom-width);
}
.kite-tabs__panels {
  overflow: hidden;
  padding: var(--kite-tabs-panel-padding-top) var(--kite-tabs-panel-padding-right) var(--kite-tabs-panel-padding-bottom) var(--kite-tabs-panel-padding-left);
  position: relative;
}
.kite-tabs__panel {
  display: none;
  flex-basis: 100%;
  overflow: hidden;
}
.kite-tabs__panel.kite-focus-visible,
.kite-tabs__panel:focus-visible {
  outline-offset: var(--kite-tabs-panel-focus-ring-offset);
}
.kite-tabs__panel--active,
.kite-tabs__panel--selected {
  display: block;
  flex-grow: 1;
  position: relative;
}
.kite-tag {
  display: inline-flex;
  align-items: baseline;
  gap: var(--kite-tag-icon-margin-right);
  background-color: var(--kite-tag-background-color);
  border: var(--kite-tag-border-width) var(--kite-tag-border-style) var(--kite-tag-border-color);
  border-radius: var(--kite-tag-border-radius);
  padding: var(--kite-tag-padding-top) var(--kite-tag-padding-right) var(--kite-tag-padding-bottom) var(--kite-tag-padding-left);
  color: var(--kite-tag-text-color);
  font-size: var(--kite-tag-text-size);
  line-height: var(--kite-tag-text-line-height);
  font-weight: var(--kite-tag-text-weight);
}
.kite-tag__icon {
  display: flex;
  align-self: center;
  flex-shrink: 0;
}
.kite-tag__icon .kite-icon {
  --size: var(--kite-tag-icon-size);
  --color: var(--kite-tag-icon-color);
}
.kite-tag--positive {
  --kite-tag-background-color: var(--kite-tag-positive-background-color);
  --kite-tag-border-color: var(--kite-tag-positive-border-color);
  --kite-tag-text-color: var(--kite-tag-positive-text-color);
  --kite-tag-icon-color: var(--kite-tag-positive-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-positive-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-positive-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-positive-text-color);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-positive-icon-color);
}
.kite-tag--negative {
  --kite-tag-background-color: var(--kite-tag-negative-background-color);
  --kite-tag-border-color: var(--kite-tag-negative-border-color);
  --kite-tag-text-color: var(--kite-tag-negative-text-color);
  --kite-tag-icon-color: var(--kite-tag-negative-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-negative-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-negative-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-negative-text-color);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-negative-icon-color);
}
.kite-tag--caution {
  --kite-tag-background-color: var(--kite-tag-caution-background-color);
  --kite-tag-border-color: var(--kite-tag-caution-border-color);
  --kite-tag-text-color: var(--kite-tag-caution-text-color);
  --kite-tag-icon-color: var(--kite-tag-caution-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-caution-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-caution-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-caution-text-color);
}
.kite-tag--neutral {
  --kite-tag-background-color: var(--kite-tag-neutral-background-color);
  --kite-tag-border-color: var(--kite-tag-neutral-border-color);
  --kite-tag-text-color: var(--kite-tag-neutral-text-color);
  --kite-tag-icon-color: var(--kite-tag-neutral-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-neutral-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-neutral-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-neutral-text-color);
}
.kite-tag--solid {
  --kite-tag-background-color: var(--kite-tag-solid-background-color);
  --kite-tag-border-color: var(--kite-tag-solid-border-color);
  --kite-tag-text-color: var(--kite-tag-solid-text-color);
  --kite-tag-icon-color: var(--kite-tag-solid-icon-color);
}
.kite-tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kite-tag-group-margin);
}
ul.kite-tag-group {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-tag-group > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
.kite-text-area,
.kite-text-input {
  --text-input-max-width: var(--kite-text-input-max-width);
  --text-area-max-width: var(--kite-text-area-max-width);
  --confirm-icon-color: var(--kite-text-input-secure-confirm-icon-color);
  --disabled-text-color: var(--kite-text-input-disabled-text-color);
  --input-border-color: var(--kite-text-input-border-color);
  --input-border-style: var(--kite-text-input-border-style);
  --input-border-width: var(--kite-text-input-border-width);
  --placeholder-text-color: var(--kite-text-input-placeholder-text-color);
  --secure-icon-color: var(--kite-text-input-secure-icon-color);
  --secure-visible-icon-color: var(--kite-text-input-secure-visible-icon-color);
  --input-addon-total-width: calc(var(--kite-text-input-addon-padding-left) + var(--kite-text-input-addon-icon-width) + var(--kite-text-input-addon-padding-right));
  --secure-icon-total-width: calc(var(--kite-text-input-addon-padding-left) + var(--kite-text-input-secure-icon-width) + var(--kite-text-input-addon-padding-right));
  --confirm-icon-total-width: calc(var(--kite-text-input-addon-padding-left) + var(--kite-text-input-secure-confirm-icon-width));
}
.kite-text-input {
  --count-text-color: var(--kite-text-input-character-count-text-color);
}
.kite-text-input:has(.kite-text-input__input-group.kite-hover .kite-text-input__input:not([disabled]), .kite-text-input__input-group:hover .kite-text-input__input:not([disabled])) {
  --input-border-width: var(--kite-text-input-hover-border-width);
}
.kite-text-input:has(.kite-text-input__input.kite-focus-visible, .kite-text-input__input:focus-visible) {
  --input-border-width: var(--kite-text-input-focus-ring-width);
  --input-border-color: var(--kite-text-input-focus-ring-color);
  --input-border-style: var(--kite-text-input-focus-ring-style);
}
.kite-text-input--disabled {
  --input-border-color: var(--kite-text-input-disabled-border-color);
  --input-border-width: var(--kite-text-input-border-width);
  --count-text-color: var(--kite-text-input-disabled-character-count-text-color);
}
.kite-text-input--error {
  --input-border-color: var(--kite-text-input-error-border-color);
  --input-border-width: var(--kite-text-input-error-border-width);
  --count-text-color: var(--kite-text-input-error-character-count-text-color);
}
.kite-text-input {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 30rem) {
  .kite-text-input {
    max-width: var(--text-input-max-width);
  }
}
.kite-text-input__label-group {
  margin-bottom: var(--kite-text-input-label-margin-bottom);
}
.kite-text-input__label {
  color: var(--kite-text-input-label-text-color);
  display: block;
}
.kite-text-input__label--disabled {
  color: var(--kite-text-input-disabled-label-text-color);
}
.kite-text-input__helper-text {
  display: block;
  color: var(--kite-text-input-helper-text-color);
  font-size: var(--kite-text-input-helper-text-size);
  line-height: var(--kite-text-input-helper-text-line-height);
}
.kite-text-input__input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: var(--kite-text-input-height);
}
@media only screen and (min-width: 30rem) {
  .kite-text-input__input-group {
    max-width: var(--text-input-max-width);
  }
}
.kite-text-input__input-addon,
.kite-text-input__mask-toggle {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  padding-top: var(--kite-text-input-addon-padding-top, var(--kite-form-control-addon-padding-top));
  padding-right: var(--kite-text-input-addon-padding-right, var(--kite-form-control-addon-padding-right));
  padding-bottom: var(--kite-text-input-addon-padding-bottom, var(--kite-form-control-addon-padding-bottom));
  padding-left: var(--kite-text-input-addon-padding-left, var(--kite-form-control-addon-padding-left));
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.kite-text-input__input-addon:first-child,
.kite-text-input__mask-toggle:first-child {
  right: auto;
  left: 0;
}
.kite-text-input__input-addon .kite-icon,
.kite-text-input__mask-toggle .kite-icon {
  --color: var(--kite-text-input-addon-icon-color, var(--kite-form-control-addon-icon-color));
  --size: var(--kite-text-input-addon-icon-width, var(--kite-form-control-addon-icon-width));
}
.kite-text-input__input-addon--button,
.kite-text-input__mask-toggle {
  cursor: var(--kite-cursor-action);
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
.kite-text-input__input-addon--button:focus-visible,
.kite-text-input__mask-toggle:focus-visible {
  outline-offset: var(--kite-text-input-addon-focus-ring-offset, var(--kite-form-control-addon-focus-ring-offset));
}
.kite-text-input__mask-toggle.kite-text-input__mask-toggle--pressed .kite-text-input__unmask-icon {
  display: none;
}
.kite-text-input__mask-toggle.kite-text-input__mask-toggle--pressed .kite-text-input__mask-icon {
  display: inline;
}
.kite-text-input__mask-toggle span:nth-child(3) {
  visibility: hidden;
}
.kite-text-input__mask-toggle .kite-text-input__unmask-icon,
.kite-text-input__mask-toggle .kite-text-input__mask-icon {
  height: var(--kite-text-input-secure-icon-height);
}
.kite-text-input__mask-toggle .kite-text-input__unmask-icon .kite-icon {
  --color: var(--secure-icon-color);
  --size: var(--kite-text-input-secure-icon-width);
}
.kite-text-input__mask-toggle .kite-text-input__mask-icon {
  display: none;
}
.kite-text-input__mask-toggle .kite-text-input__mask-icon .kite-icon {
  --color: var(--secure-visible-icon-color);
  --size: var(--kite-text-input-secure-visible-icon-width);
}
.kite-text-input__confirmed-icon {
  align-items: center;
  display: flex;
  font-size: 0;
  overflow: hidden;
  width: var(--kite-text-input-secure-confirm-icon-width);
  height: calc(var(--kite-text-input-height) - var(--input-border-width) * 2);
  position: absolute;
  top: var(--input-border-width);
  right: var(--secure-icon-total-width);
  z-index: 2;
}
.kite-text-input__confirmed-icon .kite-icon {
  --size: var(--kite-text-input-secure-confirm-icon-width);
  --color: var(--confirm-icon-color);
}
.kite-text-input__character-count {
  color: var(--count-text-color);
  font-size: var(--kite-text-input-character-count-text-size);
  line-height: var(--kite-text-input-character-count-text-line-height);
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(calc(-100% - var(--kite-text-input-label-margin-bottom)));
}
.kite-text-input__input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  color: var(--kite-text-input-text-color);
  line-height: var(--kite-text-input-text-line-height);
  outline: none;
  padding-top: calc(var(--kite-text-input-padding-top) - var(--input-border-width));
  padding-right: calc(var(--kite-text-input-padding-right) - var(--input-border-width));
  padding-bottom: calc(var(--kite-text-input-padding-bottom) - var(--input-border-width));
  padding-left: calc(var(--kite-text-input-padding-left) - var(--input-border-width));
  position: absolute;
  top: var(--input-border-width);
  left: var(--input-border-width);
  width: calc(100% - var(--input-border-width) * 2);
  height: calc(var(--kite-text-input-height) - var(--input-border-width) * 2);
  z-index: 1;
}
.kite-text-input__input::placeholder {
  color: var(--placeholder-text-color);
  font-style: var(--kite-text-input-placeholder-text-style);
}
.kite-text-input__input:disabled {
  color: var(--disabled-text-color);
  cursor: var(--kite-text-input-disabled-cursor);
}
.kite-text-input__input:disabled::placeholder {
  color: var(--disabled-text-color);
}
.kite-text-input__input:disabled ~ .kite-text-input__appearance {
  background-color: var(--kite-text-input-disabled-background-color);
  cursor: var(--kite-text-input-disabled-cursor);
  opacity: 1;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-text-input__input:disabled ~ .kite-text-input__appearance {
    border-color: GrayText;
  }
}
.kite-text-input__input.kite-focus-visible,
.kite-text-input__input:focus-visible {
  outline: none;
}
.kite-text-input:has(.kite-text-input__input-addon ~ .kite-text-input__input) .kite-text-input__input {
  padding-left: calc(var(--input-addon-total-width) - var(--input-border-width));
}
.kite-text-input:has(.kite-text-input__input ~ .kite-text-input__input-addon) .kite-text-input__input {
  padding-right: calc(var(--input-addon-total-width) - var(--input-border-width));
}
.kite-text-input__appearance {
  background-color: var(--kite-text-input-background-color);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--kite-text-input-border-radius);
  color: var(--kite-text-input-text-color);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.kite-text-input__error,
.kite-text-input__feedback {
  color: var(--kite-text-input-error-feedback-text-color);
  display: block;
  margin-top: var(--kite-text-input-feedback-margin-top);
}
.kite-text-input .kite-text-input__confirmed-indicator ~ .kite-text-input__input,
.kite-text-input.kite-text-input--confirmed .kite-text-input__input {
  padding-right: calc(var(--confirm-icon-total-width) - var(--input-border-width));
}
.kite-text-input--masked .kite-text-input__input::-ms-reveal {
  display: none;
}
.kite-text-input--masked .kite-text-input__input {
  padding-right: calc(var(--secure-icon-total-width) - var(--input-border-width));
}
.kite-text-input--masked.kite-text-input--confirmed .kite-text-input__input {
  padding-right: calc(var(--secure-icon-total-width) + var(--confirm-icon-total-width) - var(--input-border-width));
}
.kite-text-input--disabled .kite-text-input__label {
  color: var(--kite-text-input-disabled-label-text-color);
}
.kite-text-input--disabled .kite-text-input__helper-text {
  color: var(--kite-text-input-disabled-helper-text-color);
}
.kite-text-input--disabled .kite-text-input__input-addon {
  cursor: var(--kite-text-input-disabled-cursor, var(--kite-form-control-disabled-cursor));
}
.kite-text-input--disabled .kite-text-input__input-addon .kite-icon {
  --color: var(--kite-text-input-disabled-text-color, var(--kite-form-control-disabled-text-color));
}
.kite-text-area {
  --count-text-color: var(--kite-text-area-character-count-text-color);
}
.kite-text-area.kite-hover,
.kite-text-area:has(.kite-text-area__input-group.kite-hover .kite-text-area__input:not([disabled]), .kite-text-area__input-group:hover .kite-text-area__input:not([disabled])) {
  --input-border-width: var(--kite-text-area-hover-border-width);
}
.kite-text-area:has(.kite-text-area__input.kite-focus-visible, .kite-text-area__input:focus-visible) {
  --input-border-width: var(--kite-text-area-focus-ring-width);
  --input-border-color: var(--kite-text-area-focus-ring-color);
  --input-border-style: var(--kite-text-area-focus-ring-style);
}
.kite-text-area--disabled {
  --input-border-color: var(--kite-text-area-disabled-border-color);
  --count-text-color: var(--kite-text-area-disabled-character-count-text-color);
}
.kite-text-area--error {
  --input-border-color: var(--kite-text-area-error-border-color);
  --input-border-width: var(--kite-text-input-error-border-width);
  --count-text-color: var(--kite-text-area-error-character-count-text-color);
}
@media only screen and (min-width: 30rem) {
  .kite-text-area {
    max-width: var(--text-area-max-width);
  }
}
.kite-text-area__label-group {
  margin-bottom: var(--kite-text-area-label-margin-bottom);
}
.kite-text-area__label {
  color: var(--kite-text-area-label-text-color);
  display: block;
}
.kite-text-area__label--disabled {
  color: var(--kite-text-area-disabled-label-text-color);
}
.kite-text-area__helper-text {
  display: block;
  color: var(--kite-text-area-helper-text-color);
  font-size: var(--kite-text-area-helper-text-size);
  line-height: var(--kite-text-area-helper-text-line-height);
}
.kite-text-area__input-group {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 30rem) {
  .kite-text-area__input-group {
    max-width: var(--text-area-max-width);
  }
}
.kite-text-area__character-count {
  color: var(--count-text-color);
  font-size: var(--kite-text-area-character-count-text-size);
  line-height: var(--kite-text-area-character-count-text-line-height);
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(calc(-100% - var(--kite-text-area-label-margin-bottom)));
}
.kite-text-area__character-count--disabled {
  color: var(--disabled-text-color);
}
.kite-text-area__input {
  background-color: var(--kite-text-area-background-color);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--kite-text-area-border-radius);
  color: var(--kite-text-area-text-color);
  display: inline;
  line-height: var(--kite-text-area-text-line-height);
  min-height: var(--kite-text-area-min-height);
  outline: none;
  padding-top: calc(var(--kite-text-area-padding-top) - var(--input-border-width));
  padding-right: calc(var(--kite-text-area-padding-right) - var(--input-border-width));
  padding-bottom: calc(var(--kite-text-area-padding-bottom) - var(--input-border-width));
  padding-left: calc(var(--kite-text-area-padding-left) - var(--input-border-width));
  width: 100%;
  appearance: none;
}
.kite-text-area__input::placeholder {
  color: var(--placeholder-text-color);
  font-style: var(--kite-text-area-placeholder-text-style);
}
.kite-text-area__input:disabled {
  background-color: var(--kite-text-area-disabled-background-color);
  cursor: var(--kite-text-area-disabled-cursor);
  opacity: 1;
  color: var(--disabled-text-color);
}
.kite-text-area__input:disabled::placeholder {
  color: var(--disabled-text-color);
}
.kite-text-area__input.kite-focus-visible,
.kite-text-area__input:focus-visible {
  outline: none;
}
.kite-text-area__error,
.kite-text-area__feedback {
  color: var(--kite-text-area-error-feedback-text-color);
  display: block;
  margin-top: var(--kite-text-area-feedback-margin-top);
}
.kite-text-area--disabled .kite-text-area__label {
  color: var(--kite-text-area-disabled-label-text-color);
}
.kite-text-area--disabled .kite-text-area__helper-text {
  color: var(--kite-text-area-disabled-helper-text-color);
}
.kite-text-area--no-resize .kite-text-area__input {
  resize: none;
}
.kite-toast {
  --hcm-border-width: 1px;
  --z-index: var(--kite-toast-zindex);
  --background-color: var(--kite-toast-background-color);
  --text-color: var(--kite-toast-text-color);
}
.kite-toast {
  align-items: flex-start;
  background-color: var(--background-color);
  border: var(--hcm-border-width) var(--kite-toast-border-style) var(--kite-toast-border-color);
  border-radius: var(--kite-toast-border-radius);
  box-shadow: var(--kite-toast-elevation);
  color: var(--text-color);
  display: flex;
  font-size: var(--kite-toast-text-size);
  line-height: var(--kite-toast-text-line-height);
  margin-top: var(--kite-toast-margin-top);
  margin-right: var(--kite-toast-margin-right);
  margin-bottom: var(--kite-toast-margin-bottom);
  margin-left: var(--kite-toast-margin-left);
  min-height: var(--kite-toast-min-height);
  opacity: 0;
  padding-top: calc(var(--kite-toast-padding-top) - var(--hcm-border-width));
  padding-right: calc(var(--kite-toast-padding-right) - var(--hcm-border-width));
  padding-bottom: calc(var(--kite-toast-padding-bottom) - var(--hcm-border-width));
  padding-left: calc(var(--kite-toast-padding-left) - var(--hcm-border-width));
  position: fixed;
  z-index: var(--z-index);
  transition: margin var(--kite-toast-transition-duration) var(--kite-toast-transition-timing-function);
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-toast {
    max-width: var(--kite-toast-max-width);
    width: fit-content;
  }
  .kite-toast--align-start {
    left: var(--kite-toast-offset);
    right: auto;
  }
  .kite-toast--align-end {
    left: auto;
    right: var(--kite-toast-offset);
  }
  .kite-toast--align-center {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.kite-toast--bottom {
  bottom: 0;
}
.kite-toast:not(.kite-toast--bottom) {
  top: 0;
}
.kite-toast .kite-icon {
  fill: var(--kite-toast-icon-color);
  flex-shrink: 0;
  margin-right: var(--kite-toast-icon-margin-right);
  min-height: 1em;
  width: var(--kite-toast-icon-width);
  height: calc(var(--kite-toast-text-line-height) * 1em);
}
.kite-tooltip {
  --tooltip-offset: calc(var(--kite-tooltip-offset) * 1px);
  --tooltip-align-offset: 0;
  --tooltip-background: var(--kite-tooltip-background-color);
  --tooltip-color: var(--kite-tooltip-text-color);
  --tooltip-arrow-width: calc(var(--kite-tooltip-arrow-width) / 2);
  --tooltip-arrow-height: var(--kite-tooltip-arrow-height);
  --tooltip-arrow-height-adjust: calc(var(--tooltip-arrow-height) + 1px);
  --tooltip-arrow-offset: calc(-1 * var(--tooltip-offset));
  --tooltip-text-offset: calc(var(--tooltip-arrow-offset) - var(--tooltip-arrow-height));
  --tooltip-padding: var(--kite-tooltip-padding-top) var(--kite-tooltip-padding-right) var(--kite-tooltip-padding-bottom) var(--kite-tooltip-padding-left);
  --tooltip-radius: var(--kite-tooltip-border-radius);
  --tooltip-max-width: 90vw;
}
.kite-tooltip {
  position: relative;
}
.kite-tooltip__trigger:not(.kite-button) {
  align-items: center;
  appearance: none;
  background: none;
  border: 0;
  display: inline-flex;
  padding: 0;
}
.kite-tooltip__trigger:focus-visible::after,
.kite-tooltip__trigger:hover::after {
  display: flex;
}
.kite-tooltip__trigger:focus-visible + .kite-tooltip__text,
.kite-tooltip__trigger:focus-visible .kite-tooltip__text,
.kite-tooltip__trigger:hover + .kite-tooltip__text,
.kite-tooltip__trigger:hover .kite-tooltip__text {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  position: absolute;
  width: max-content;
}
.kite-tooltip__trigger::after {
  border: var(--tooltip-arrow-width) solid transparent;
  content: "";
  display: none;
  position: absolute;
  z-index: var(--kite-tooltip-zindex);
  width: 0;
  height: 0;
}
.kite-tooltip__text {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  align-items: center;
  background: var(--tooltip-background);
  border: 1px var(--kite-tooltip-border-style) var(--kite-tooltip-border-color);
  border-radius: var(--tooltip-radius);
  display: flex;
  padding: var(--tooltip-padding);
  pointer-events: none;
  position: absolute;
  z-index: var(--kite-tooltip-zindex);
  max-width: var(--tooltip-max-width);
  width: max-content;
  white-space: normal;
  color: var(--tooltip-color);
  font-size: var(--kite-tooltip-text-size);
  font-family: var(--kite-font-family);
  font-style: var(--kite-typography-body-style);
  font-weight: normal;
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-tooltip-text-line-height);
  text-transform: none;
}
@media only screen and (min-width: 30rem) {
  .kite-tooltip__text {
    --tooltip-max-width: var(--kite-tooltip-breakpoint-sm-max-width);
  }
}
.kite-tooltip--multiline {
  max-width: var(--kite-tooltip-breakpoint-sm-max-width);
  white-space: normal;
}
.kite-tooltip--no-arrow::after,
.kite-tooltip--no-arrow .kite-tooltip__trigger::after {
  display: none;
}
.kite-tooltip--no-arrow:focus-visible::after,
.kite-tooltip--no-arrow .kite-tooltip__trigger:focus-visible::after {
  display: none;
}
.kite-tooltip--no-arrow:hover::after,
.kite-tooltip--no-arrow .kite-tooltip__trigger:hover::after {
  display: none;
}
.kite-tooltip--top::after {
  border-bottom-width: 0;
  border-top-color: var(--tooltip-background);
  border-top-width: var(--tooltip-arrow-height-adjust);
  top: var(--tooltip-arrow-offset);
  left: 50%;
  transform: translate(-50%, -100%);
}
.kite-tooltip--top + .kite-tooltip__text,
.kite-tooltip--top .kite-tooltip__text {
  top: var(--tooltip-text-offset);
  left: 50%;
  transform: translate(-50%, -100%);
}
.kite-tooltip--right::after {
  border-left-width: 0;
  border-right-color: var(--tooltip-background);
  border-right-width: var(--tooltip-arrow-height-adjust);
  top: 50%;
  right: var(--tooltip-arrow-offset);
  transform: translate(100%, -50%);
}
.kite-tooltip--right + .kite-tooltip__text,
.kite-tooltip--right .kite-tooltip__text {
  top: 50%;
  right: var(--tooltip-text-offset);
  transform: translate(100%, -50%);
}
.kite-tooltip--bottom::after {
  border-bottom-color: var(--tooltip-background);
  border-bottom-width: var(--tooltip-arrow-height-adjust);
  border-top-width: 0;
  bottom: var(--tooltip-arrow-offset);
  left: 50%;
  transform: translate(-50%, 100%);
}
.kite-tooltip--bottom + .kite-tooltip__text,
.kite-tooltip--bottom .kite-tooltip__text {
  bottom: var(--tooltip-text-offset);
  left: 50%;
  transform: translate(-50%, 100%);
}
.kite-tooltip--left::after {
  border-left-color: var(--tooltip-background);
  border-left-width: var(--tooltip-arrow-height-adjust);
  border-right-width: 0;
  top: 50%;
  left: var(--tooltip-arrow-offset);
  transform: translate(-100%, -50%);
}
.kite-tooltip--left + .kite-tooltip__text,
.kite-tooltip--left .kite-tooltip__text {
  top: 50%;
  left: var(--tooltip-text-offset);
  transform: translate(-100%, -50%);
}
.kite-tooltip--align-start.kite-tooltip--top + .kite-tooltip__text,
.kite-tooltip--align-start.kite-tooltip--top .kite-tooltip__text {
  left: var(--tooltip-align-offset);
  transform: translate(0, -100%);
}
.kite-tooltip--align-start.kite-tooltip--bottom + .kite-tooltip__text,
.kite-tooltip--align-start.kite-tooltip--bottom .kite-tooltip__text {
  left: var(--tooltip-align-offset);
  transform: translate(0, 100%);
}
.kite-tooltip--align-end.kite-tooltip--top + .kite-tooltip__text,
.kite-tooltip--align-end.kite-tooltip--top .kite-tooltip__text {
  right: var(--tooltip-align-offset);
  left: auto;
  transform: translate(0, -100%);
}
.kite-tooltip--align-end.kite-tooltip--bottom + .kite-tooltip__text,
.kite-tooltip--align-end.kite-tooltip--bottom .kite-tooltip__text {
  right: var(--tooltip-align-offset);
  left: auto;
  transform: translate(0, 100%);
}
.kite-tooltip--hidden.kite-focus::after,
.kite-tooltip--hidden:focus::after,
.kite-tooltip--hidden.kite-focus-visible::after,
.kite-tooltip--hidden:focus-visible::after,
.kite-tooltip--hidden.kite-hover::after,
.kite-tooltip--hidden:hover::after {
  display: none;
}
.kite-tooltip--hidden.kite-focus + .kite-tooltip__text,
.kite-tooltip--hidden.kite-focus .kite-tooltip__text,
.kite-tooltip--hidden:focus + .kite-tooltip__text,
.kite-tooltip--hidden:focus .kite-tooltip__text,
.kite-tooltip--hidden.kite-focus-visible + .kite-tooltip__text,
.kite-tooltip--hidden.kite-focus-visible .kite-tooltip__text,
.kite-tooltip--hidden:focus-visible + .kite-tooltip__text,
.kite-tooltip--hidden:focus-visible .kite-tooltip__text,
.kite-tooltip--hidden.kite-hover + .kite-tooltip__text,
.kite-tooltip--hidden.kite-hover .kite-tooltip__text,
.kite-tooltip--hidden:hover + .kite-tooltip__text,
.kite-tooltip--hidden:hover .kite-tooltip__text {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
.kite-tooltip--visible::after,
.kite-tooltip--visible .kite-tooltip__trigger::after {
  display: flex;
}
.kite-tooltip--visible.kite-tooltip--no-arrow::after,
.kite-tooltip--visible.kite-tooltip--no-arrow .kite-tooltip__trigger::after {
  display: none;
}
.kite-tooltip--visible::after,
.kite-tooltip--visible + .kite-tooltip__text,
.kite-tooltip--visible .kite-tooltip__text {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  position: absolute;
  width: max-content;
}
.kite-tooltip--abbreviation,
.kite-tooltip--definition,
.kite-tooltip--truncation {
  display: inline-flex;
}
.kite-tooltip--abbreviation {
  speak: spell-out;
}
abbr.kite-tooltip--abbreviation,
abbr.kite-tooltip--truncation {
  cursor: help;
}
abbr.kite-tooltip--abbreviation::before,
abbr.kite-tooltip--truncation::before {
  border: 0;
  border-bottom: 1px dotted;
  content: "";
  position: absolute;
  bottom: 0.15em;
  left: 0;
  width: 100%;
}
.kite-button.kite-tooltip {
  --button-padding-offset: var(--kite-button-padding-top);
  --tooltip-text-offset: calc(-1 * (var(--button-padding-offset) + var(--tooltip-arrow-height)));
}
.kite-button.kite-tooltip--top {
  --button-padding-offset: var(--kite-button-padding-top);
}
.kite-button.kite-tooltip--right {
  --button-padding-offset: var(--kite-button-padding-right);
}
.kite-button.kite-tooltip--bottom {
  --button-padding-offset: var(--kite-button-padding-bottom);
}
.kite-button.kite-tooltip--left {
  --button-padding-offset: var(--kite-button-padding-left);
}
.kite-button.kite-tooltip--align-start {
  --tooltip-align-offset: calc(-1 * (var(--kite-button-padding-left)));
}
.kite-button.kite-tooltip--align-end {
  --tooltip-align-offset: calc(-1 * (var(--kite-button-padding-right)));
}
.kite-button--icon-only.kite-tooltip--left {
  --button-padding-offset: var(--kite-button-icon-only-padding-left);
}
.kite-button--icon-only.kite-tooltip--right {
  --button-padding-offset: var(--kite-button-icon-only-padding-right);
}
.kite-button--icon-only.kite-tooltip--align-start {
  --tooltip-align-offset: calc(-1 * (var(--kite-button-icon-only-padding-left)));
}
.kite-button--icon-only.kite-tooltip--align-end {
  --tooltip-align-offset: calc(-1 * (var(--kite-button-icon-only-padding-right)));
}
.my-component {
  --public-css-var: var(--token);
  --private-css-var: var(--token);
}
.my-component {
  background: var(--background, green);
  box-shadow: 10px 5px 5px blue;
  display: block;
  contain: content;
  flex: 1 0 auto;
  font-weight: normal;
  justify-content: space-evenly;
}
@media only screen and (min-width: 52.5rem) {
  .my-component {
    justify-content: center;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .my-component {
    border: 2px dashed ButtonText;
  }
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .my-component {
    -ms-high-contrast-adjust: none;
    forced-color-adjust: none;
    border: 2px dashed blue;
  }
}
.my-component[hidden] {
  display: none;
}
.my-component:hover {
  box-shadow: none;
}
.my-component:focus:not(:focus-visible) {
  font-weight: unset;
}
.my-component :focus-visible {
  font-weight: bold;
}
.my-component--modifier {
  background: purple;
}
.my-component::before,
.my-component::after,
.my-component::placeholder {
  color: green;
}
.my-component__text {
  color: blue;
}
.my-component__text span {
  color: blue;
}
.my-component__text i {
  color: var(--my-test-color);
}
.my-component button {
  background-color: var(--my-primary-color, magenta);
}
.kite-theme,
.kite-theme--white {
  --kite-border-style-solid: solid;
  --kite-border-style-dashed: dashed;
  --kite-border-width-none: 0;
  --kite-color-dark-blue-10: #003561;
  --kite-color-dark-blue-20: #002747;
  --kite-color-dark-blue-30: #001221;
  --kite-color-blue-10: #31a2ff;
  --kite-color-blue-20: #0073d1;
  --kite-color-blue-30: #0062b2;
  --kite-color-light-blue-10: #b7cee5;
  --kite-color-light-blue-20: #5db8fc;
  --kite-color-light-blue-00: #e8f8ff;
  --kite-color-green-10: #00bf1f;
  --kite-color-green-20: #008516;
  --kite-color-green-00: #e8ffe8;
  --kite-color-yellow-10: #ffd400;
  --kite-color-yellow-20: #faa41a;
  --kite-color-yellow-00: #fff3e0;
  --kite-color-red-10: #ff4d4a;
  --kite-color-red-20: #d6312b;
  --kite-color-red-00: #ffefef;
  --kite-color-gray-10: #f8f8f8;
  --kite-color-gray-20: #d8dde6;
  --kite-color-gray-25: #9ba9bd;
  --kite-color-gray-30: #63738a;
  --kite-color-white: #ffffff;
  --kite-color-black: #000000;
  --kite-color-life-unlimited-accent-electric-blue: #0271eb;
  --kite-color-life-unlimited-accent-green: #03c252;
  --kite-color-life-unlimited-accent-orange: #ff8331;
  --kite-color-life-unlimited-accent-purple: #887dff;
  --kite-color-life-unlimited-accent-yellow: #ffcb3e;
  --kite-color-life-unlimited-primary-midnight-blue: #002139;
  --kite-color-life-unlimited-primary-white: #ffffff;
  --kite-color-life-unlimited-support-light-gray: #d5d5d5;
  --kite-color-negative-focus: #b00300;
  --kite-color-negative-hover: #b00300;
  --kite-color-negative-press: #b00300;
  --kite-cubic-bezier-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --kite-cubic-bezier-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --kite-cubic-bezier-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --kite-duration-200: 200ms;
  --kite-duration-400: 400ms;
  --kite-duration-750: 750ms;
  --kite-font-family-spectrum-sans:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --kite-font-family-monospace:
    Menlo,
    Monaco,
    "Andale Mono",
    "lucida console",
    "Courier New",
    monospace;
  --kite-font-family-rutledge:
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --kite-font-size-base: 16;
  --kite-font-size-px: 16px;
  --kite-font-size-rem: 1rem;
  --kite-font-style-normal: normal;
  --kite-font-style-italic: italic;
  --kite-font-weight-light: 300;
  --kite-font-weight-book: 350;
  --kite-font-weight-regular: 400;
  --kite-font-weight-medium: 500;
  --kite-font-weight-semi-bold: 600;
  --kite-font-weight-bold: 700;
  --kite-font-weight-extra-bold: 800;
  --kite-font-weight-normal: 400;
  --kite-letter-spacing-normal: normal;
  --kite-letter-spacing-sm: -0.0625rem;
  --kite-tracking-sm: -0.0625rem;
  --kite-tracking-normal: normal;
  --kite-tracking-md: normal;
  --kite-size-1: 0.0625rem;
  --kite-size-2: 0.125rem;
  --kite-size-4: 0.25rem;
  --kite-size-8: 0.5rem;
  --kite-size-12: 0.75rem;
  --kite-size-14: 0.875rem;
  --kite-size-16: 1rem;
  --kite-size-20: 1.25rem;
  --kite-size-24: 1.5rem;
  --kite-size-32: 2rem;
  --kite-size-40: 2.5rem;
  --kite-size-48: 3rem;
  --kite-size-percent-50: 50%;
  --kite-size-radius-pill: 624.9375rem;
  --kite-size-touch-target: 2.75rem;
  --kite-focus-ring-inset: -0.125rem;
  --kite-motion-duration-fast: 300ms;
  --kite-motion-duration-faster: 225ms;
  --kite-motion-duration-fastest: 195ms;
  --kite-motion-curve-default: cubic-bezier(0.4, 0, 0.2, 1);
  --kite-motion-curve-deceleration: cubic-bezier(0, 0, 0.2, 1);
  --kite-motion-curve-acceleration: cubic-bezier(0.4, 0, 1, 1);
  --kite-motion-curve-sharp: cubic-bezier(0.4, 0, 0.6, 1);
  --kite-layout-sm: 4rem;
  --kite-layout-md: 6rem;
  --kite-layout-lg: 8rem;
  --kite-layout-xl: 10rem;
  --kite-layout-2xl: 12rem;
  --kite-spacing-section-sm: 4rem;
  --kite-spacing-section-md: 5rem;
  --kite-spacing-section-lg: 6.25rem;
  --kite-spacing-section-xl: 7.5rem;
  --kite-my-component-margin-top: 0;
  --kite-my-component-margin-right: 0;
  --kite-my-component-margin-bottom: 0;
  --kite-my-component-margin-left: 0;
  --kite-my-component-disabled-cursor: not-allowed;
  --kite-my-component-cursor: pointer;
  --kite-my-component-my-deprecated-token-name: "deprecatedValue";
  --kite-breakpoint-xs-min: 0;
  --kite-breakpoint-xs-max: 479px;
  --kite-breakpoint-sm-min: 480px;
  --kite-breakpoint-sm-max: 599px;
  --kite-breakpoint-md-min: 600px;
  --kite-breakpoint-md-max: 839px;
  --kite-breakpoint-lg-min: 840px;
  --kite-breakpoint-lg-max: 959px;
  --kite-breakpoint-xl-min: 960px;
  --kite-breakpoint-xl-max: 1279px;
  --kite-breakpoint-2xl-min: 1280px;
  --kite-zindex-deepdive: -99999;
  --kite-zindex-default: 1;
  --kite-zindex-sticky: 1000;
  --kite-zindex-dropdown: 1100;
  --kite-zindex-dialog-backdrop: 1200;
  --kite-zindex-dialog: 1300;
  --kite-zindex-notification: 1600;
  --kite-zindex-moonshot: 99999;
  --kite-cursor-action: pointer;
  --kite-cursor-disabled: not-allowed;
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.1);
  --kite-form-control-text-line-height: 1.25;
  --kite-form-control-text-overflow: clip;
  --kite-form-control-border-radius: 0;
  --kite-form-control-margin-top: 0;
  --kite-form-control-margin-right: 0;
  --kite-form-control-margin-bottom: 0;
  --kite-form-control-margin-left: 0;
  --kite-form-control-max-width: 18rem;
  --kite-form-control-addon-padding-top: 0;
  --kite-form-control-addon-padding-bottom: 0;
  --kite-form-control-helper-text-size: 0.75rem;
  --kite-form-control-helper-text-line-height: 1.333;
  --kite-form-control-picker-transition-target-property: opacity;
  --kite-form-control-picker-min-width: 18rem;
  --kite-form-control-picker-backdrop-opacity: 0.8;
  --kite-form-control-picker-list-item-padding-top: 0.625rem;
  --kite-form-control-picker-list-item-padding-bottom: 0.625rem;
  --kite-form-control-picker-list-item-padding-left: 0;
  --kite-form-control-input-max-width: 18rem;
  --kite-grid-xs-columns: 4;
  --kite-grid-sm-columns: 4;
  --kite-grid-md-columns: 4;
  --kite-grid-lg-columns: 12;
  --kite-grid-xl-columns: 12;
  --kite-grid-2xl-columns: 12;
  --kite-grid-xxl-columns: 12;
  --kite-typography-sm-display-size: 3rem;
  --kite-typography-sm-display-line-height: 1.25;
  --kite-typography-sm-title-1-size: 2.625rem;
  --kite-typography-sm-title-1-line-height: 1.238;
  --kite-typography-sm-title-2-size: 2rem;
  --kite-typography-sm-title-2-line-height: 1.25;
  --kite-typography-sm-title-3-size: 1.75rem;
  --kite-typography-sm-title-3-line-height: 1.286;
  --kite-typography-sm-title-4-size: 1.5rem;
  --kite-typography-sm-title-4-line-height: 1.333;
  --kite-typography-sm-title-5-size: 1.25rem;
  --kite-typography-sm-title-5-line-height: 1.4;
  --kite-typography-sm-title-6-size: 1.125rem;
  --kite-typography-sm-title-6-line-height: 1.333;
  --kite-typography-sm-body-display-size: 1.25rem;
  --kite-typography-sm-body-display-line-height: 1.6;
  --kite-typography-sm-body-size: 1rem;
  --kite-typography-sm-body-line-height: 1.5;
  --kite-typography-sm-eyebrow-size: 0.875rem;
  --kite-typography-sm-eyebrow-line-height: 1.429;
  --kite-typography-sm-eyebrow-text-transform: uppercase;
  --kite-typography-sm-caption-1-size: 0.875rem;
  --kite-typography-sm-caption-1-line-height: 1.429;
  --kite-typography-sm-caption-2-size: 0.75rem;
  --kite-typography-sm-caption-2-line-height: 1.333;
  --kite-typography-lg-display-size: 4rem;
  --kite-typography-lg-display-line-height: 1.125;
  --kite-typography-lg-title-1-size: 3rem;
  --kite-typography-lg-title-1-line-height: 1.167;
  --kite-typography-lg-title-2-size: 2.625rem;
  --kite-typography-lg-title-2-line-height: 1.238;
  --kite-typography-lg-title-3-size: 2.25rem;
  --kite-typography-lg-title-3-line-height: 1.111;
  --kite-typography-lg-title-4-size: 1.75rem;
  --kite-typography-lg-title-4-line-height: 1.286;
  --kite-typography-lg-title-5-size: 1.5rem;
  --kite-typography-lg-title-5-line-height: 1.333;
  --kite-typography-lg-title-6-size: 1.25rem;
  --kite-typography-lg-title-6-line-height: 1.4;
  --kite-typography-lg-body-display-size: 1.25rem;
  --kite-typography-lg-body-display-line-height: 1.6;
  --kite-typography-lg-body-size: 1rem;
  --kite-typography-lg-body-line-height: 1.5;
  --kite-typography-lg-eyebrow-size: 1rem;
  --kite-typography-lg-eyebrow-line-height: 1.5;
  --kite-typography-lg-eyebrow-text-transform: uppercase;
  --kite-typography-lg-caption-1-size: 0.875rem;
  --kite-typography-lg-caption-1-line-height: 1.429;
  --kite-typography-lg-caption-2-size: 0.75rem;
  --kite-typography-lg-caption-2-line-height: 1.333;
  --kite-typography-sm-caption-size: 0.875rem;
  --kite-typography-sm-caption-line-height: 1.429;
  --kite-typography-lg-caption-size: 0.875rem;
  --kite-typography-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-sm-display-size: 3rem;
  --kite-typography-rutledge-sm-display-line-height: 1.25;
  --kite-typography-rutledge-sm-title-1-size: 2.5rem;
  --kite-typography-rutledge-sm-title-1-line-height: 1.3;
  --kite-typography-rutledge-sm-title-2-size: 2.25rem;
  --kite-typography-rutledge-sm-title-2-line-height: 1.222;
  --kite-typography-rutledge-sm-title-3-size: 2rem;
  --kite-typography-rutledge-sm-title-3-line-height: 1.25;
  --kite-typography-rutledge-sm-title-4-size: 1.75rem;
  --kite-typography-rutledge-sm-title-4-line-height: 1.286;
  --kite-typography-rutledge-sm-title-5-size: 1.5rem;
  --kite-typography-rutledge-sm-title-5-line-height: 1.25;
  --kite-typography-rutledge-sm-title-6-size: 1.25rem;
  --kite-typography-rutledge-sm-title-6-line-height: 1.3;
  --kite-typography-rutledge-sm-body-display-size: 1.25rem;
  --kite-typography-rutledge-sm-body-display-line-height: 1.3;
  --kite-typography-rutledge-sm-body-size: 1rem;
  --kite-typography-rutledge-sm-body-line-height: 1.5;
  --kite-typography-rutledge-sm-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-sm-eyebrow-style: uppercase;
  --kite-typography-rutledge-sm-eyebrow-line-height: 1.571;
  --kite-typography-rutledge-sm-caption-size: 0.875rem;
  --kite-typography-rutledge-sm-caption-line-height: 1.571;
  --kite-typography-rutledge-lg-display-size: 4rem;
  --kite-typography-rutledge-lg-display-line-height: 1.125;
  --kite-typography-rutledge-lg-title-1-size: 3rem;
  --kite-typography-rutledge-lg-title-1-line-height: 1.25;
  --kite-typography-rutledge-lg-title-2-size: 2.5rem;
  --kite-typography-rutledge-lg-title-2-line-height: 1.25;
  --kite-typography-rutledge-lg-title-3-size: 2.25rem;
  --kite-typography-rutledge-lg-title-3-line-height: 1.222;
  --kite-typography-rutledge-lg-title-4-size: 2rem;
  --kite-typography-rutledge-lg-title-4-line-height: 1.25;
  --kite-typography-rutledge-lg-title-5-size: 1.5rem;
  --kite-typography-rutledge-lg-title-5-line-height: 1.25;
  --kite-typography-rutledge-lg-title-6-size: 1.25rem;
  --kite-typography-rutledge-lg-title-6-line-height: 1.3;
  --kite-typography-rutledge-lg-body-display-size: 1.25rem;
  --kite-typography-rutledge-lg-body-display-line-height: 1.3;
  --kite-typography-rutledge-lg-body-size: 1rem;
  --kite-typography-rutledge-lg-body-line-height: 1.5;
  --kite-typography-rutledge-lg-eyebrow-size: 1rem;
  --kite-typography-rutledge-lg-eyebrow-style: uppercase;
  --kite-typography-rutledge-lg-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-lg-caption-size: 0.875rem;
  --kite-typography-rutledge-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-xxs-title-1-size: 1.3125rem;
  --kite-typography-rutledge-xxs-title-1-line-height: 1.333;
  --kite-typography-rutledge-xxs-title-2-size: 1.125rem;
  --kite-typography-rutledge-xxs-title-2-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-3-size: 1rem;
  --kite-typography-rutledge-xxs-title-3-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-4-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-4-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-5-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-5-line-height: 1.5;
  --kite-typography-rutledge-xxs-body-size: 0.875rem;
  --kite-typography-rutledge-xxs-body-line-height: 1.5;
  --kite-typography-rutledge-xxs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xxs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xxs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xxs-caption-size: 0.75rem;
  --kite-typography-rutledge-xxs-caption-line-height: 1.5;
  --kite-typography-rutledge-xs-title-1-size: 1.4375rem;
  --kite-typography-rutledge-xs-title-1-line-height: 1.304;
  --kite-typography-rutledge-xs-title-2-size: 1.1875rem;
  --kite-typography-rutledge-xs-title-2-line-height: 1.421;
  --kite-typography-rutledge-xs-title-3-size: 1.0625rem;
  --kite-typography-rutledge-xs-title-3-line-height: 1.471;
  --kite-typography-rutledge-xs-title-4-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-4-line-height: 1.533;
  --kite-typography-rutledge-xs-title-5-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-5-line-height: 1.533;
  --kite-typography-rutledge-xs-body-size: 0.9375rem;
  --kite-typography-rutledge-xs-body-line-height: 1.533;
  --kite-typography-rutledge-xs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xs-caption-size: 0.75rem;
  --kite-typography-rutledge-xs-caption-line-height: 1.5;
  --kite-typography-rutledge-md-title-1-size: 2.25rem;
  --kite-typography-rutledge-md-title-1-line-height: 1.25;
  --kite-typography-rutledge-md-title-2-size: 1.75rem;
  --kite-typography-rutledge-md-title-2-line-height: 1.286;
  --kite-typography-rutledge-md-title-3-size: 1.5rem;
  --kite-typography-rutledge-md-title-3-line-height: 1.292;
  --kite-typography-rutledge-md-title-4-size: 1.25rem;
  --kite-typography-rutledge-md-title-4-line-height: 1.05;
  --kite-typography-rutledge-md-title-5-size: 1rem;
  --kite-typography-rutledge-md-title-5-line-height: 1.5;
  --kite-typography-rutledge-md-body-size: 1rem;
  --kite-typography-rutledge-md-body-line-height: 1.5;
  --kite-typography-rutledge-md-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-md-eyebrow-style: uppercase;
  --kite-typography-rutledge-md-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-md-caption-size: 0.75rem;
  --kite-typography-rutledge-md-caption-line-height: 1.75;
  --kite-typography-rutledge-xl-title-1-size: 3.5rem;
  --kite-typography-rutledge-xl-title-1-line-height: 1.393;
  --kite-typography-rutledge-xl-title-2-size: 2.625rem;
  --kite-typography-rutledge-xl-title-2-line-height: 1.429;
  --kite-typography-rutledge-xl-title-3-size: 2.25rem;
  --kite-typography-rutledge-xl-title-3-line-height: 1.056;
  --kite-typography-rutledge-xl-title-4-size: 1.75rem;
  --kite-typography-rutledge-xl-title-4-line-height: 0.964;
  --kite-typography-rutledge-xl-title-5-size: 1.5rem;
  --kite-typography-rutledge-xl-title-5-line-height: 1;
  --kite-typography-rutledge-xl-body-size: 1.5rem;
  --kite-typography-rutledge-xl-body-line-height: 1.333;
  --kite-typography-rutledge-xl-eyebrow-size: 1.375rem;
  --kite-typography-rutledge-xl-eyebrow-style: uppercase;
  --kite-typography-rutledge-xl-eyebrow-line-height: 1.091;
  --kite-typography-rutledge-xl-caption-size: 1.25rem;
  --kite-typography-rutledge-xl-caption-line-height: 1.2;
  --kite-accordion-background-color: rgba(0, 0, 0, 0);
  --kite-accordion-border-radius: 0;
  --kite-accordion-margin-top: 0;
  --kite-accordion-margin-right: 0;
  --kite-accordion-margin-bottom: 0;
  --kite-accordion-margin-left: 0;
  --kite-accordion-hover-background-color: rgba(0, 18, 33, 0.02);
  --kite-accordion-trigger-width: 100%;
  --kite-accordion-expanded-padding-top: 0;
  --kite-accordion-hover-background-opacity: 0.02;
  --kite-accordion-hover-background-opacity-dark: 0.05;
  --kite-alert-text-align: left;
  --kite-alert-margin-top: 0;
  --kite-alert-margin-right: 0;
  --kite-alert-margin-bottom: 0;
  --kite-alert-margin-left: 0;
  --kite-alert-border-left-style: solid;
  --kite-alert-dismiss-icon-margin-right: 0;
  --kite-alert-passive-margin-top: 0;
  --kite-alert-passive-min-width: 17.5rem;
  --kite-alert-passive-breakpoint-lg-margin-bottom: 0;
  --kite-alert-passive-breakpoint-lg-margin-left: 0;
  --kite-alert-passive-breakpoint-lg-max-width: 31.25rem;
  --kite-alert-passive-breakpoint-lg-offset-x: 0;
  --kite-alert-passive-breakpoint-lg-offset-y: 0;
  --kite-alert-passive-offset-x: 0;
  --kite-alert-passive-offset-y: 0;
  --kite-alert-passive-timeout: 0;
  --kite-alert-page-border-style: solid;
  --kite-alert-page-border-left-style: solid;
  --kite-badge-border-color: rgba(0, 0, 0, 0);
  --kite-badge-margin-top: 0;
  --kite-badge-margin-bottom: 0;
  --kite-blockquote-background-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-radius: 0;
  --kite-blockquote-border-width: 0;
  --kite-blockquote-cite-punctuation: "\2014\a0";
  --kite-blockquote-cite-text-size: 80%;
  --kite-button-text-align: left;
  --kite-button-text-line-height: 1.5;
  --kite-button-border-color: rgba(0, 0, 0, 0);
  --kite-button-margin-top: 0;
  --kite-button-margin-right: 0;
  --kite-button-margin-bottom: 0;
  --kite-button-margin-left: 0;
  --kite-button-padding-top: 0.625rem;
  --kite-button-padding-bottom: 0.625rem;
  --kite-button-width: 100%;
  --kite-button-secondary-background-color: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color: rgba(0, 0, 0, 0);
  --kite-button-shrinkwrap-width: auto;
  --kite-button-shrinkwrap-min-width-sm: 5.625rem;
  --kite-button-shrinkwrap-min-width-md: 8.125rem;
  --kite-button-shrinkwrap-min-width-lg: 13.125rem;
  --kite-button-shrinkwrap-min-width-xl: 18rem;
  --kite-button-primary-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-disabled-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-disabled-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-active-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-disabled-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-disabled-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-focus-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-hover-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-calendar-margin-top: 0;
  --kite-calendar-margin-right: 0;
  --kite-calendar-margin-bottom: 0;
  --kite-calendar-margin-left: 0;
  --kite-calendar-day-text-align: center;
  --kite-calendar-day-due-text-size: 0.625rem;
  --kite-calendar-day-due-text-line-height: 1.3;
  --kite-calendar-day-due-text-transform: uppercase;
  --kite-calendar-day-due-offset: 0.3125rem;
  --kite-calendar-month-year-margin-right: 0;
  --kite-calendar-month-year-margin-left: 0;
  --kite-calendar-standalone-padding-top: 0;
  --kite-calendar-standalone-padding-right: 0;
  --kite-calendar-standalone-padding-left: 0;
  --kite-calendar-standalone-min-width: 18rem;
  --kite-calendar-standalone-min-height: 18.625rem;
  --kite-calendar-day-disabled-text-decoration-line: line-through;
  --kite-card-margin-top: 0;
  --kite-card-margin-right: 0;
  --kite-card-margin-bottom: 0;
  --kite-card-margin-left: 0;
  --kite-checkbox-background-color: rgba(0, 0, 0, 0);
  --kite-checkbox-margin-top: 0;
  --kite-checkbox-margin-right: 0;
  --kite-checkbox-margin-left: 0;
  --kite-checkbox-hover-background: rgba(0, 0, 0, 0);
  --kite-checkbox-label-margin-bottom: 0;
  --kite-checkbox-background-color-dark: rgba(0, 0, 0, 0);
  --kite-chip-margin-top: 0;
  --kite-chip-margin-left: 0;
  --kite-chip-focus-ring-offset: 0.375rem;
  --kite-chip-selected-padding-right: 1.1875rem;
  --kite-chip-selected-padding-left: 1.1875rem;
  --kite-chip-icon-width: 1.125rem;
  --kite-chip-icon-height: 1.125rem;
  --kite-chip-multiline-height: auto;
  --kite-combobox-margin-top: 0;
  --kite-combobox-margin-right: 0;
  --kite-combobox-margin-bottom: 0;
  --kite-combobox-margin-left: 0;
  --kite-combobox-picker-offset-x: 0;
  --kite-data-table-text-align: left;
  --kite-data-table-text-line-height: 1.571;
  --kite-data-table-border-radius: 0;
  --kite-data-table-margin-top: 0;
  --kite-data-table-margin-right: 0;
  --kite-data-table-margin-bottom: 0;
  --kite-data-table-margin-left: 0;
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.2);
  --kite-data-table-scroll-shadow-width: 5px;
  --kite-data-table-menu-cell-padding-right: 0;
  --kite-data-table-menu-cell-padding-left: 0;
  --kite-data-table-menu-column-padding-top: 0;
  --kite-data-table-menu-column-padding-right: 0;
  --kite-data-table-menu-column-padding-bottom: 0;
  --kite-data-table-menu-column-padding-left: 0;
  --kite-data-table-menu-column-width: 2.75rem;
  --kite-data-table-title-row-border-bottom-style: solid;
  --kite-date-input-margin-top: 0;
  --kite-date-input-margin-right: 0;
  --kite-date-input-margin-bottom: 0;
  --kite-date-input-margin-left: 0;
  --kite-date-input-picker-padding-top: 0;
  --kite-date-input-label-height: 1.5rem;
  --kite-dialog-text-align: left;
  --kite-dialog-text-line-height: 1.625;
  --kite-dialog-border-radius: 0;
  --kite-dialog-margin-top: 0;
  --kite-dialog-margin-right: 0;
  --kite-dialog-margin-bottom: 0;
  --kite-dialog-margin-left: 0;
  --kite-dialog-max-width: 42.5rem;
  --kite-dialog-breakpoint-md-width: 75%;
  --kite-dialog-breakpoint-md-max-height: 72%;
  --kite-dialog-breakpoint-lg-width: 66.66%;
  --kite-dialog-breakpoint-lg-max-height: 72%;
  --kite-dialog-breakpoint-xl-width: 66.66%;
  --kite-dialog-breakpoint-xl-max-height: 84%;
  --kite-dialog-breakpoint-2xl-width: 50%;
  --kite-dialog-breakpoint-2xl-max-height: 84%;
  --kite-dialog-position-x: center;
  --kite-dialog-position-y: center;
  --kite-dialog-transition-duration: 0;
  --kite-dialog-overlay-opacity: 0.8;
  --kite-dialog-content-padding-top: 0;
  --kite-dialog-button-min-width: 15.25rem;
  --kite-dialog-full-size-width: 100%;
  --kite-dialog-full-size-height: 100%;
  --kite-dialog-default-size-md-max-height: 72%;
  --kite-dialog-default-size-lg-max-height: 72%;
  --kite-dialog-default-size-xl-max-height: 84%;
  --kite-dialog-default-size-xxl-max-height: 84%;
  --kite-dropdown-text-overflow: ellipsis;
  --kite-dropdown-margin-top: 0;
  --kite-dropdown-margin-right: 0;
  --kite-dropdown-margin-left: 0;
  --kite-dropdown-list-min-width: 10.5rem;
  --kite-dropdown-list-activated-opacity: 1;
  --kite-dropdown-list-opacity: 0;
  --kite-dropdown-list-transition-target-property: opacity;
  --kite-dropdown-list-item-padding-left: 0;
  --kite-dropdown-inline-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-margin-top: 0;
  --kite-dropdown-inline-margin-right: 0;
  --kite-dropdown-inline-margin-bottom: 0;
  --kite-dropdown-inline-margin-left: 0;
  --kite-dropdown-inline-padding-top: 0;
  --kite-dropdown-inline-padding-right: 0;
  --kite-dropdown-inline-padding-bottom: 0;
  --kite-dropdown-inline-padding-left: 0;
  --kite-dropdown-inline-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-dropdown-list-hidden-opacity: 0;
  --kite-dropdown-list-visible-opacity: 1;
  --kite-dropdown-inline-background-color-dark: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color-dark: rgba(0, 0, 0, 0);
  --kite-dynamic-hint-border-color-dark: rgba(0, 0, 0, 0);
  --kite-dynamic-hint-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-arrow-border-color-dark: rgba(0, 0, 0, 0);
  --kite-interactive-list-background-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-border-radius: 0;
  --kite-interactive-list-margin-top: 0;
  --kite-interactive-list-margin-right: 0;
  --kite-interactive-list-margin-bottom: 0;
  --kite-interactive-list-margin-left: 0;
  --kite-interactive-list-padding-top: 0;
  --kite-interactive-list-padding-right: 0;
  --kite-interactive-list-padding-bottom: 0;
  --kite-interactive-list-padding-left: 0;
  --kite-interactive-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-margin-top: 0;
  --kite-interactive-list-item-margin-right: 0;
  --kite-interactive-list-item-margin-bottom: 0;
  --kite-interactive-list-item-margin-left: 0;
  --kite-interactive-list-item-title-text-line-height: 1.2;
  --kite-interactive-list-item-hover-background-color: rgba(0, 18, 33, 0.02);
  --kite-interactive-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-interactive-list-image-max-width: 5rem;
  --kite-interactive-list-image-max-height: 5rem;
  --kite-interactive-list-start-max-width: 5rem;
  --kite-interactive-list-item-hover-background-color-dark:
    255,
    255,
    255;
  --kite-interactive-list-item-hover-background-opacity-dark: 0.05;
  --kite-interactive-list-md-padding-top: 0;
  --kite-interactive-list-md-padding-bottom: 0;
  --kite-interactive-list-xl-padding-top: 0;
  --kite-interactive-list-xl-padding-bottom: 0;
  --kite-interactive-list-xxl-padding-top: 0;
  --kite-interactive-list-xxl-padding-bottom: 0;
  --kite-interactive-list-item-hover-background-opacity: 0.02;
  --kite-link-background-color: rgba(0, 0, 0, 0);
  --kite-link-text-decoration-line: underline;
  --kite-link-border-radius: 0;
  --kite-link-border-width: 0;
  --kite-link-margin-top: 0;
  --kite-link-margin-right: 0;
  --kite-link-margin-bottom: 0;
  --kite-link-margin-left: 0;
  --kite-link-padding-top: 0;
  --kite-link-padding-right: 0;
  --kite-link-padding-bottom: 0;
  --kite-link-padding-left: 0;
  --kite-link-standalone-text-decoration-line: none;
  --kite-link-standalone-hover-text-decoration: underline;
  --kite-link-standalone-press-text-decoration: underline;
  --kite-list-background-color: rgba(0, 0, 0, 0);
  --kite-list-border-radius: 0;
  --kite-list-margin-top: 0;
  --kite-list-margin-right: 0;
  --kite-list-margin-bottom: 0;
  --kite-list-margin-left: 0;
  --kite-list-padding-top: 0;
  --kite-list-padding-right: 0;
  --kite-list-padding-bottom: 0;
  --kite-list-padding-left: 0;
  --kite-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-list-item-margin-top: 0;
  --kite-list-item-margin-right: 0;
  --kite-list-item-margin-bottom: 0;
  --kite-list-item-margin-left: 0;
  --kite-list-item-image-md-max-width: 3.75rem;
  --kite-list-item-image-md-max-height: 3.75rem;
  --kite-list-item-image-lg-max-width: 5rem;
  --kite-list-item-image-lg-max-height: 5rem;
  --kite-list-item-payment-logo-border-radius: 0;
  --kite-list-item-payment-logo-margin-top: 0;
  --kite-list-item-hover-background-color: rgba(0, 18, 33, 0.02);
  --kite-list-item-expandable-content-padding-top: 0;
  --kite-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-list-item-payment-logo-margin: 0;
  --kite-list-start-max-width: 5rem;
  --kite-menu-list-min-width: 10.5rem;
  --kite-menu-list-activated-opacity: 1;
  --kite-menu-list-opacity: 0;
  --kite-menu-list-transition-target-property: opacity;
  --kite-menu-list-item-padding-top: 0.625rem;
  --kite-menu-list-item-padding-bottom: 0.625rem;
  --kite-menu-trigger-background-color: rgba(0, 0, 0, 0);
  --kite-menu-trigger-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-menu-contextual-label-trigger-padding-top: 0.625rem;
  --kite-menu-contextual-label-trigger-padding-bottom: 0.625rem;
  --kite-menu-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-menu-list-hidden-opacity: 0;
  --kite-menu-list-visible-opacity: 1;
  --kite-menu-list-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1);
  --kite-meter-circular-width: 5.5rem;
  --kite-meter-circular-width-px: 88px;
  --kite-meter-circular-track-height-px: 8px;
  --kite-meter-circular-sm-width-px: 24px;
  --kite-meter-circular-sm-track-height: 0.125rem;
  --kite-meter-circular-sm-track-height-px: 2px;
  --kite-meter-circular-sm-tick-width: 0.125rem;
  --kite-meter-circular-sm-icon-margin: 0.375rem;
  --kite-meter-circular-lg-width: 9.25rem;
  --kite-meter-circular-lg-width-px: 148px;
  --kite-meter-linear-label-text-size: 0.875rem;
  --kite-meter-linear-value-label-text-size: 0.875rem;
  --kite-meter-linear-small-label-text-size: 0.875rem;
  --kite-meter-linear-small-value-label-text-size: 0.875rem;
  --kite-meter-linear-large-label-text-size: 1rem;
  --kite-meter-linear-large-value-label-text-size: 1rem;
  --kite-meter-circular-small-height: 5.5rem;
  --kite-meter-circular-small-width: 5.5rem;
  --kite-meter-circular-small-status-icon-margin: 0.375rem;
  --kite-meter-circular-small-track-height: 0.125rem;
  --kite-meter-circular-small-label-text-size: 0.875rem;
  --kite-meter-circular-large-height: 9.25rem;
  --kite-meter-circular-large-width: 9.25rem;
  --kite-meter-circular-large-label-text-size: 0.875rem;
  --kite-pagination-controls-margin-top: 0;
  --kite-pagination-controls-breakpoint-lg-margin-bottom: 0;
  --kite-pagination-controls-button-background-color: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-border-radius: 0;
  --kite-pagination-controls-button-width: 4rem;
  --kite-pagination-controls-button-height: 3.25rem;
  --kite-pagination-page-select-current-label-padding-top: 0.625rem;
  --kite-pagination-page-select-current-label-padding-right: 0.625rem;
  --kite-pagination-page-select-current-label-padding-bottom: 0.625rem;
  --kite-pagination-page-select-current-label-padding-left: 0.625rem;
  --kite-pagination-dropdown-margin-top: 0;
  --kite-pagination-dropdown-margin-bottom: 0;
  --kite-pagination-controls-background-color-dark: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-background-color-dark: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-previous-border-radius: 0;
  --kite-payment-logo-border-color: rgba(0, 0, 0, 0);
  --kite-payment-logo-margin-top: 0;
  --kite-payment-logo-margin-right: 0;
  --kite-payment-logo-margin-bottom: 0;
  --kite-payment-logo-margin-left: 0;
  --kite-payment-logo-padding-top: 0;
  --kite-payment-logo-padding-right: 0;
  --kite-payment-logo-padding-bottom: 0;
  --kite-payment-logo-padding-left: 0;
  --kite-popover-text-align: left;
  --kite-popover-max-width: 100%;
  --kite-popover-max-height: 37.5rem;
  --kite-popover-trigger-margin-top: 0;
  --kite-popover-trigger-margin-right: 0;
  --kite-popover-trigger-margin-bottom: 0;
  --kite-popover-trigger-focus-ring-offset: 0.0625rem;
  --kite-popover-dismiss-icon-margin-top: 0;
  --kite-popover-dismiss-icon-margin-right: 0;
  --kite-popover-dismiss-icon-margin-left: 0;
  --kite-popover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-popover-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-popover-arrow-border-color-dark: rgba(0, 0, 0, 0);
  --kite-progress-indicator-background-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-radius: 0;
  --kite-progress-indicator-margin-top: 0;
  --kite-progress-indicator-margin-right: 0;
  --kite-progress-indicator-margin-bottom: 0;
  --kite-progress-indicator-margin-left: 0;
  --kite-progress-indicator-padding-top: 0;
  --kite-progress-indicator-padding-right: 0;
  --kite-progress-indicator-padding-bottom: 0;
  --kite-progress-indicator-padding-left: 0;
  --kite-progress-indicator-transition-delay: 500ms;
  --kite-progress-indicator-label-text-align: left;
  --kite-progress-indicator-track-size-px: 4px;
  --kite-progress-indicator-backdrop-opacity: 0.95;
  --kite-progress-indicator-circular-width: 2.5rem;
  --kite-progress-indicator-circular-width-px: 40px;
  --kite-progress-indicator-circular-track-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-circular-label-text-line-height: 1.4;
  --kite-progress-indicator-circular-label-text-align: center;
  --kite-progress-indicator-circular-icon-width: 2.75rem;
  --kite-progress-indicator-circular-sm-track-size-px: 2px;
  --kite-progress-indicator-circular-sm-width-px: 24px;
  --kite-progress-indicator-circular-sm-icon-width: 1.625rem;
  --kite-progress-indicator-circular-lg-track-size-px: 4px;
  --kite-progress-indicator-circular-lg-width: 5rem;
  --kite-progress-indicator-circular-lg-width-px: 80px;
  --kite-progress-indicator-circular-lg-icon-width: 5rem;
  --kite-progress-indicator-border-color-dark: rgba(0, 0, 0, 0);
  --kite-progress-indicator-lg-height: 5rem;
  --kite-progress-indicator-lg-width: 5rem;
  --kite-progress-indicator-md-height: 2.5rem;
  --kite-progress-indicator-md-width: 2.5rem;
  --kite-radio-background-color: rgba(0, 0, 0, 0);
  --kite-radio-margin-top: 0;
  --kite-radio-margin-right: 0;
  --kite-radio-margin-left: 0;
  --kite-radio-padding-top: 0;
  --kite-radio-padding-right: 0;
  --kite-radio-padding-bottom: 0;
  --kite-radio-padding-left: 0;
  --kite-radio-label-margin-bottom: 0;
  --kite-radio-input-margin-left: 0;
  --kite-search-input-margin-top: 0;
  --kite-search-input-margin-right: 0;
  --kite-search-input-margin-bottom: 0;
  --kite-search-input-margin-left: 0;
  --kite-select-text-overflow: ellipsis;
  --kite-select-margin-top: 0;
  --kite-select-margin-right: 0;
  --kite-select-margin-left: 0;
  --kite-skip-link-text-line-height: 1;
  --kite-skip-link-margin-top: 0;
  --kite-skip-link-margin-right: 0;
  --kite-skip-link-margin-bottom: 0;
  --kite-skip-link-margin-left: 0;
  --kite-skip-link-position: absolute;
  --kite-switch-background-color: rgba(0, 0, 0, 0);
  --kite-switch-border-radius: 0;
  --kite-switch-border-width: 0;
  --kite-switch-margin-top: 0;
  --kite-switch-margin-right: 0;
  --kite-switch-margin-left: 0;
  --kite-switch-padding-top: 0;
  --kite-switch-padding-right: 0;
  --kite-switch-padding-bottom: 0;
  --kite-switch-padding-left: 0;
  --kite-switch-disabled-track-opacity: 1;
  --kite-switch-track-opacity: 1;
  --kite-switch-on-track-opacity: 1;
  --kite-switch-on-disabled-track-opacity: 1;
  --kite-tabs-background-color: rgba(0, 0, 0, 0);
  --kite-tabs-border-radius: 0;
  --kite-tabs-border-width: 0;
  --kite-tabs-margin-top: 0;
  --kite-tabs-margin-right: 0;
  --kite-tabs-margin-bottom: 0;
  --kite-tabs-margin-left: 0;
  --kite-tabs-padding-top: 0;
  --kite-tabs-padding-right: 0;
  --kite-tabs-padding-bottom: 0;
  --kite-tabs-padding-left: 0;
  --kite-tabs-tab-background: rgba(0, 0, 0, 0);
  --kite-tabs-tab-text-align: center;
  --kite-tabs-tab-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-tab-min-width: 5.625rem;
  --kite-tabs-panel-padding-right: 0;
  --kite-tabs-panel-padding-bottom: 0;
  --kite-tabs-panel-padding-left: 0;
  --kite-tabs-item-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-item-border-bottom-color-dark: rgba(0, 0, 0, 0);
  --kite-tabs-item-min-width: 5.625rem;
  --kite-tag-text-line-height: 1.714;
  --kite-tag-margin-top: 0;
  --kite-tag-margin-right: 0;
  --kite-tag-margin-bottom: 0;
  --kite-tag-margin-left: 0;
  --kite-tag-padding-top: 0;
  --kite-tag-padding-bottom: 0;
  --kite-tag-solid-border-color: rgba(0, 0, 0, 0);
  --kite-text-area-margin-top: 0;
  --kite-text-area-margin-right: 0;
  --kite-text-area-margin-left: 0;
  --kite-text-area-min-height: 7.375rem;
  --kite-text-input-margin-top: 0;
  --kite-text-input-margin-right: 0;
  --kite-text-input-margin-left: 0;
  --kite-time-input-margin-top: 0;
  --kite-time-input-margin-right: 0;
  --kite-time-input-margin-bottom: 0;
  --kite-time-input-margin-left: 0;
  --kite-time-input-icon-margin-right: 0;
  --kite-time-input-placeholder-margin-left: 0;
  --kite-toast-border-color: rgba(0, 0, 0, 0);
  --kite-toast-border-width: 0;
  --kite-toast-margin-right: 0;
  --kite-toast-margin-left: 0;
  --kite-toast-max-width: 20rem;
  --kite-toast-icon-height: 1.125rem;
  --kite-toast-icon-width: 1.125rem;
  --kite-toast-line-height: 1.25;
  --kite-toast-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1);
  --kite-tooltip-border-color: rgba(0, 0, 0, 0);
  --kite-tooltip-border-width: 0;
  --kite-tooltip-margin-top: 0;
  --kite-tooltip-margin-right: 0;
  --kite-tooltip-margin-bottom: 0;
  --kite-tooltip-margin-left: 0;
  --kite-tooltip-max-width: 90%;
  --kite-tooltip-max-height: 4.25rem;
  --kite-tooltip-offset: 0;
  --kite-tooltip-breakpoint-sm-max-width: 20.3125rem;
  --kite-tooltip-arrow-directional-offset: 0;
  --kite-border-width-thin: var(--kite-size-1, 0.0625rem);
  --kite-border-width-thick: var(--kite-size-2, 0.125rem);
  --kite-color-background: var(--kite-color-white, #ffffff);
  --kite-color-background-secondary: var(--kite-color-gray-10, #f8f8f8);
  --kite-color-text: var(--kite-color-black, #000000);
  --kite-color-text-secondary: var(--kite-color-gray-30, #63738a);
  --kite-color-primary: var(--kite-color-blue-20, #0073d1);
  --kite-color-primary-focus: var(--kite-color-blue-30, #0062b2);
  --kite-color-primary-hover: var(--kite-color-blue-30, #0062b2);
  --kite-color-primary-press: var(--kite-color-blue-30, #0062b2);
  --kite-color-on-primary: var(--kite-color-white, #ffffff);
  --kite-color-caution: var(--kite-color-yellow-20, #faa41a);
  --kite-color-caution-muted: var(--kite-color-yellow-00, #fff3e0);
  --kite-color-on-caution: var(--kite-color-black, #000000);
  --kite-color-negative: var(--kite-color-red-20, #d6312b);
  --kite-color-negative-muted: var(--kite-color-red-00, #ffefef);
  --kite-color-on-negative: var(--kite-color-white, #ffffff);
  --kite-color-neutral: var(--kite-color-light-blue-20, #5db8fc);
  --kite-color-neutral-muted: var(--kite-color-light-blue-00, #e8f8ff);
  --kite-color-on-neutral: var(--kite-color-black, #000000);
  --kite-color-positive: var(--kite-color-green-20, #008516);
  --kite-color-positive-muted: var(--kite-color-green-00, #e8ffe8);
  --kite-color-on-positive: var(--kite-color-white, #ffffff);
  --kite-color-disabled: var(--kite-color-gray-25, #9ba9bd);
  --kite-color-on-disabled: var(--kite-color-gray-20, #d8dde6);
  --kite-color-error: var(--kite-color-red-20, #d6312b);
  --kite-color-info: var(--kite-color-light-blue-20, #5db8fc);
  --kite-color-success: var(--kite-color-green-20, #008516);
  --kite-color-focus: var(--kite-color-blue-30, #0062b2);
  --kite-font-family-sans-serif: var(--kite-font-family-spectrum-sans, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-letter-spacing-lg: var(--kite-size-2, 0.125rem);
  --kite-tracking-lg: var(--kite-size-2, 0.125rem);
  --kite-size-radius-sm: var(--kite-size-2, 0.125rem);
  --kite-size-radius-md: var(--kite-size-4, 0.25rem);
  --kite-size-radius-lg: var(--kite-size-8, 0.5rem);
  --kite-size-radius-circle: var(--kite-size-percent-50, 50%);
  --kite-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-border-radius-pill: var(--kite-size-radius-pill, 624.9375rem);
  --kite-border-style: var(--kite-border-style-solid, solid);
  --kite-container-background-color: var(--kite-color-white, #ffffff);
  --kite-container-hover-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-focus-ring-offset: var(--kite-size-2, 0.125rem);
  --kite-focus-ring-style: var(--kite-border-style-solid, solid);
  --kite-focus-ring-width: var(--kite-size-2, 0.125rem);
  --kite-font-weight: var(--kite-font-weight-regular, 400);
  --kite-font-size: var(--kite-font-size-px, 16px);
  --kite-font-style: var(--kite-font-style-normal, normal);
  --kite-motion-fast: var(--kite-duration-750, 750ms);
  --kite-motion-faster: var(--kite-duration-400, 400ms);
  --kite-motion-fastest: var(--kite-duration-200, 200ms);
  --kite-motion-standard: var(--kite-cubic-bezier-ease, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-motion-entry: var(--kite-cubic-bezier-ease-out, cubic-bezier(0, 0, 0.58, 1));
  --kite-motion-exit: var(--kite-cubic-bezier-ease-in, cubic-bezier(0.42, 0, 1, 1));
  --kite-layout-2xs: var(--kite-size-40, 2.5rem);
  --kite-layout-xs: var(--kite-size-48, 3rem);
  --kite-spacing-2xs: var(--kite-size-4, 0.25rem);
  --kite-spacing-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-md: var(--kite-size-16, 1rem);
  --kite-spacing-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-2xl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxs: var(--kite-size-4, 0.25rem);
  --kite-spacing-element-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-element-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-element-md: var(--kite-size-16, 1rem);
  --kite-spacing-element-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-element-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-element-xxl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxxl: var(--kite-size-40, 2.5rem);
  --kite-spacing-section-xs: var(--kite-size-48, 3rem);
  --kite-my-component-background-color: var(--kite-color-white, #ffffff);
  --kite-my-component-min-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-list-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-height: var(--kite-size-touch-target, 2.75rem);
  --kite-form-control-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-addon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-addon-icon-width: var(--kite-size-24, 1.5rem);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-placeholder-text-style: var(--kite-font-style-normal, normal);
  --kite-form-control-picker-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-picker-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-form-control-picker-zindex: var(--kite-zindex-dialog, 1300);
  --kite-form-control-picker-backdrop-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-picker-list-item-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-form-control-picker-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-picker-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-form-control-picker-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-picker-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-form-control-picker-list-item-check-icon-width: var(--kite-size-16, 1rem);
  --kite-form-control-input-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-input-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-border-style: var(--kite-border-style-solid, solid);
  --kite-form-control-input-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-input-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-input-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-form-control-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-form-control-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-input-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-input-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-form-control-input-placeholder-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-input-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-grid-xxl-gutters: var(--kite-size-16, 1rem);
  --kite-grid-xxl-margins: var(--kite-size-24, 1.5rem);
  --kite-typography-display-size: var(--kite-typography-sm-display-size, 3rem);
  --kite-typography-display-line-height: var(--kite-typography-sm-display-line-height, 1.25);
  --kite-typography-title-1-size: var(--kite-typography-sm-title-1-size, 2.625rem);
  --kite-typography-title-1-line-height: var(--kite-typography-sm-title-1-line-height, 1.238);
  --kite-typography-title-2-size: var(--kite-typography-sm-title-2-size, 2rem);
  --kite-typography-title-2-line-height: var(--kite-typography-sm-title-2-line-height, 1.25);
  --kite-typography-title-3-size: var(--kite-typography-sm-title-3-size, 1.75rem);
  --kite-typography-title-3-line-height: var(--kite-typography-sm-title-3-line-height, 1.286);
  --kite-typography-title-4-size: var(--kite-typography-sm-title-4-size, 1.5rem);
  --kite-typography-title-4-line-height: var(--kite-typography-sm-title-4-line-height, 1.333);
  --kite-typography-title-5-size: var(--kite-typography-sm-title-5-size, 1.25rem);
  --kite-typography-title-5-line-height: var(--kite-typography-sm-title-5-line-height, 1.4);
  --kite-typography-title-6-size: var(--kite-typography-sm-title-6-size, 1.125rem);
  --kite-typography-title-6-line-height: var(--kite-typography-sm-title-6-line-height, 1.333);
  --kite-typography-body-display-size: var(--kite-typography-sm-body-display-size, 1.25rem);
  --kite-typography-body-display-line-height: var(--kite-typography-sm-body-display-line-height, 1.6);
  --kite-typography-body-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-typography-body-line-height: var(--kite-typography-sm-body-line-height, 1.5);
  --kite-typography-eyebrow-size: var(--kite-typography-sm-eyebrow-size, 0.875rem);
  --kite-typography-eyebrow-line-height: var(--kite-typography-sm-eyebrow-line-height, 1.429);
  --kite-typography-eyebrow-text-transform: var(--kite-typography-sm-eyebrow-text-transform, uppercase);
  --kite-typography-caption-1-size: var(--kite-typography-sm-caption-1-size, 0.875rem);
  --kite-typography-caption-1-line-height: var(--kite-typography-sm-caption-1-line-height, 1.429);
  --kite-typography-caption-2-size: var(--kite-typography-sm-caption-2-size, 0.75rem);
  --kite-typography-caption-2-line-height: var(--kite-typography-sm-caption-2-line-height, 1.333);
  --kite-typography-sm-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-6-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-3-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-4-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xl-caption-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-accordion-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-accordion-cursor: var(--kite-cursor-action, pointer);
  --kite-accordion-icon-height: var(--kite-size-16, 1rem);
  --kite-accordion-icon-width: var(--kite-size-16, 1rem);
  --kite-accordion-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-accordion-border-bottom-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-accordion-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-title-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-hover-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-disabled-title-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-alert-label-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-accordion-success-label-text-color: var(--kite-color-green-10, #00bf1f);
  --kite-accordion-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-accordion-icon-fill: var(--kite-color-gray-30, #63738a);
  --kite-alert-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-alert-focus-ring-color: var(--kite-color-blue-20, #0073d1);
  --kite-alert-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-alert-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-alert-dismiss-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-dismiss-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-link-icon-height: var(--kite-size-12, 0.75rem);
  --kite-alert-link-icon-width: var(--kite-size-12, 0.75rem);
  --kite-alert-global-focus-ring-color: var(--kite-color-black, #000000);
  --kite-alert-passive-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-passive-zindex: var(--kite-zindex-notification, 1600);
  --kite-alert-passive-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-alert-passive-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-alert-passive-neutral-border-color: var(--kite-color-blue-10, #31a2ff);
  --kite-alert-passive-neutral-status-icon-color: var(--kite-color-blue-10, #31a2ff);
  --kite-alert-passive-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-alert-passive-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-alert-dismiss-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-indicator-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-indicator-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-page-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-page-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-page-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-page-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-page-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-alert-global-caution-indicator-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-caution-indicator-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-caution-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-error-dismiss-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-indicator-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-indicator-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-text-color: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-text-color: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-info-indicator-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-info-indicator-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-info-link-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-info-link-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-negative-status-icon-fill: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-status-icon-fill: var(--kite-color-green-20, #008516);
  --kite-badge-background-color: var(--kite-color-red-20, #d6312b);
  --kite-badge-text-color: var(--kite-color-white, #ffffff);
  --kite-badge-text-size: var(--kite-size-12, 0.75rem);
  --kite-badge-text-weight: var(--kite-font-weight-bold, 700);
  --kite-badge-height: var(--kite-size-20, 1.25rem);
  --kite-badge-min-width: var(--kite-size-20, 1.25rem);
  --kite-badge-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-badge-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-badge-sm-height: var(--kite-size-8, 0.5rem);
  --kite-badge-sm-width: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-height: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-width: var(--kite-size-8, 0.5rem);
  --kite-badge-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-badge-disabled-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-blockquote-border-left-width: var(--kite-size-4, 0.25rem);
  --kite-blockquote-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-blockquote-cite-text-color: var(--kite-color-gray-30, #63738a);
  --kite-button-text-weight: var(--kite-font-weight-medium, 500);
  --kite-button-height: var(--kite-size-touch-target, 2.75rem);
  --kite-button-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-button-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-button-disabled-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-cursor: var(--kite-cursor-action, pointer);
  --kite-button-icon-height: var(--kite-size-20, 1.25rem);
  --kite-button-icon-width: var(--kite-size-20, 1.25rem);
  --kite-button-destructive-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-focus-background-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-destructive-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-hover-background-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-destructive-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-press-background-color: var(--kite-color-negative-press, #b00300);
  --kite-button-destructive-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-disabled-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-negative-press, #b00300);
  --kite-button-primary-background-color-dark: var(--kite-color-blue-20, #0073d1);
  --kite-button-primary-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-active-background-color-dark: var(--kite-color-blue-30, #0062b2);
  --kite-button-primary-active-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-active-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-disabled-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-button-primary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-primary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-primary-focus-background-color-dark: var(--kite-color-blue-30, #0062b2);
  --kite-button-primary-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-hover-background-color-dark: var(--kite-color-blue-30, #0062b2);
  --kite-button-primary-hover-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-hover-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-disabled-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-button-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-active-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-active-text-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-active-icon-fill-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-focus-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-focus-icon-fill-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-hover-text-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-icon-fill-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-button-borderless-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-active-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-active-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-borderless-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-borderless-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-active-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-focus-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-hover-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-borderless-active-icon-fill: var(--kite-color-blue-30, #0062b2);
  --kite-button-borderless-hover-icon-fill: var(--kite-color-blue-30, #0062b2);
  --kite-calendar-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-calendar-action-cursor: var(--kite-cursor-action, pointer);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-width: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-height: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-today-indicator-width: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-today-indicator-height: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-due-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-calendar-day-due-padding-top: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-padding-bottom: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-out-range-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-day-unavailable-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-month-year-text-weight: var(--kite-font-weight-bold, 700);
  --kite-calendar-day-disabled-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-card-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-card-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-card-border-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-checkbox-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-selected-icon-height: var(--kite-size-16, 1rem);
  --kite-checkbox-selected-icon-width: var(--kite-size-16, 1rem);
  --kite-checkbox-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-checkbox-error-feedback-icon-height: var(--kite-size-20, 1.25rem);
  --kite-checkbox-error-feedback-icon-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-selected-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-indeterminate-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-indeterminate-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-indeterminate-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-chip-text-color: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-text-weight: var(--kite-font-weight-medium, 500);
  --kite-chip-border-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-height: var(--kite-size-32, 2rem);
  --kite-chip-focus-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-background-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-chip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-chip-cursor: var(--kite-cursor-action, pointer);
  --kite-chip-background-color-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-text-color-dark: var(--kite-color-light-blue-10, #b7cee5);
  --kite-chip-hover-background-color-dark: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-chip-disabled-background-color-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-combobox-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-combobox-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-combobox-height: var(--kite-size-touch-target, 2.75rem);
  --kite-combobox-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-combobox-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-combobox-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-combobox-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-combobox-overflow-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-combobox-picker-results-text-color: var(--kite-color-gray-30, #63738a);
  --kite-data-table-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-data-table-breakpoint-md-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-breakpoint-md-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-data-table-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-header-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-header-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-cell-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-row-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.2);
  --kite-data-table-striped-row-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-white, #ffffff);
  --kite-data-table-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-title-row-border-bottom-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-title-row-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-cell-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-cell-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-row-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-row-striped-background-color-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-data-table-row-hover-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-row-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-title-row-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-title-row-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-row-striped-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-lg-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-sm-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-hover-row-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-date-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-date-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-date-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-date-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-date-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-date-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-date-input-feedback-margin-top: var(--kite-form-control-margin-top, 0);
  --kite-date-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-date-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-date-input-picker-min-width: var(--kite-form-control-picker-min-width, 18rem);
  --kite-dialog-border-width: var(--kite-border-width-none, 0);
  --kite-dialog-width: var(--kite-dialog-full-size-width, 100%);
  --kite-dialog-height: var(--kite-dialog-full-size-height, 100%);
  --kite-dialog-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dialog-icon-height: var(--kite-size-24, 1.5rem);
  --kite-dialog-icon-width: var(--kite-size-24, 1.5rem);
  --kite-dialog-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-zindex: var(--kite-zindex-dialog, 1300);
  --kite-dialog-breakpoint-md-title-text-size: var(--kite-typography-lg-title-5-size, 1.5rem);
  --kite-dialog-breakpoint-md-title-text-line-height: var(--kite-typography-lg-title-5-line-height, 1.333);
  --kite-dialog-overlay-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-dialog-overlay-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-dialog-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-dialog-dismiss-icon-height: var(--kite-size-20, 1.25rem);
  --kite-dialog-dismiss-icon-width: var(--kite-size-20, 1.25rem);
  --kite-dialog-scrolled-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-dialog-overlay-background-color-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-dialog-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-dialog-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dialog-box-shadow: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-dialog-z-index: var(--kite-zindex-dialog, 1300);
  --kite-dropdown-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-dropdown-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-dropdown-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-dropdown-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-dropdown-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-dropdown-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-margin-right: var(--kite-size-8, 0.5rem);
  --kite-dropdown-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-dropdown-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-dropdown-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-dropdown-list-cursor: var(--kite-cursor-action, pointer);
  --kite-dropdown-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dropdown-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-dropdown-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-padding-top: var(--kite-menu-list-item-padding-top, 0.625rem);
  --kite-dropdown-list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom, 0.625rem);
  --kite-dropdown-list-item-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-dropdown-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dropdown-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-inline-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-inline-border-width: var(--kite-border-width-none, 0);
  --kite-dropdown-inline-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-list-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-dropdown-list-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-destructive-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-list-item-destructive-icon-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-dropdown-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-icon-fill: var(--kite-color-dark-blue-30, #001221);
  --kite-dropdown-inline-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-inline-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dynamic-hint-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dynamic-hint-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dynamic-hint-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dynamic-hint-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dynamic-hint-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-dynamic-hint-arrow-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dynamic-hint-criteria-icon-height: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-criteria-icon-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-dynamic-hint-arrow-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-dynamic-hint-criteria-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dynamic-hint-criteria-success-icon-fill-dark: var(--kite-color-green-10, #00bf1f);
  --kite-dynamic-hint-criteria-error-icon-fill-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-interactive-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-interactive-list-item-border-radius: var(--kite-interactive-list-border-radius, 0);
  --kite-interactive-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-interactive-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-interactive-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-interactive-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-interactive-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-interactive-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-interactive-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-interactive-list-image-border-radius: var(--kite-size-4, 0.25rem);
  --kite-interactive-list-item-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-danger-label-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-interactive-list-item-info-label-text-color-dark: var(--kite-color-blue-10, #31a2ff);
  --kite-interactive-list-item-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-interactive-list-item-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-interactive-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-action-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-disabled-action-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-text-decoration: var(--kite-link-text-decoration-line, underline);
  --kite-link-text-decoration-offset: var(--kite-size-2, 0.125rem);
  --kite-link-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-link-hover-text-color: var(--kite-color-dark-blue-10, #003561);
  --kite-link-press-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-link-cursor: var(--kite-cursor-action, pointer);
  --kite-link-icon-height: var(--kite-size-14, 0.875rem);
  --kite-link-icon-width: var(--kite-size-14, 0.875rem);
  --kite-link-standalone-text-decoration: var(--kite-link-standalone-text-decoration-line, none);
  --kite-link-standalone-text-weight: var(--kite-font-weight-medium, 500);
  --kite-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-active-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-link-visited-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-active-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-link-standalone-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-standalone-visited-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-standalone-active-icon-fill: var(--kite-color-dark-blue-20, #002747);
  --kite-link-standalone-hover-icon-fill: var(--kite-color-dark-blue-10, #003561);
  --kite-link-standalone-visited-icon-fill: var(--kite-color-dark-blue-10, #003561);
  --kite-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-border-radius: var(--kite-list-border-radius, 0);
  --kite-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-list-item-slot-start-max-width: var(--kite-list-start-max-width, 5rem);
  --kite-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-list-item-image-sm-max-width: var(--kite-size-48, 3rem);
  --kite-list-item-image-sm-max-height: var(--kite-size-48, 3rem);
  --kite-list-item-action-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-action-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-list-item-breakpoint-md-title-body-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-list-item-breakpoint-md-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-breakpoint-md-title-body-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-list-image-border-radius: var(--kite-size-4, 0.25rem);
  --kite-list-image-max-width: var(--kite-list-item-image-lg-max-width, 5rem);
  --kite-list-image-max-height: var(--kite-list-item-image-lg-max-height, 5rem);
  --kite-menu-list-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-menu-list-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-menu-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-menu-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-color: var(--kite-color-dark-blue-30, #001221);
  --kite-menu-list-item-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-width: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-height: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-trigger-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-trigger-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-trigger-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-contextual-label-trigger-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-menu-sm-trigger-padding-top: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-right: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-left: var(--kite-size-2, 0.125rem);
  --kite-menu-list-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-menu-list-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-negative-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-menu-list-item-negative-icon-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-menu-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #001221);
  --kite-menu-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-fill: var(--kite-color-dark-blue-30, #001221);
  --kite-meter-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-tick-color: var(--kite-color-black, #000000);
  --kite-meter-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-value-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-lg-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-lg-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-lg-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-lg-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-lg-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-lg-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-height: var(--kite-meter-circular-width, 5.5rem);
  --kite-meter-circular-height-px: var(--kite-meter-circular-width-px, 88px);
  --kite-meter-circular-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-meter-circular-sm-height-px: var(--kite-meter-circular-sm-width-px, 24px);
  --kite-meter-circular-sm-tick-height: var(--kite-meter-circular-sm-track-height, 0.125rem);
  --kite-meter-circular-lg-height: var(--kite-meter-circular-lg-width, 9.25rem);
  --kite-meter-circular-lg-height-px: var(--kite-meter-circular-lg-width-px, 148px);
  --kite-meter-circular-lg-track-height-px: var(--kite-meter-circular-track-height-px, 8px);
  --kite-meter-circular-lg-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-circular-lg-value-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-accessibility-tick-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-progress-fill-background-color-dark: var(--kite-color-light-blue-20, #5db8fc);
  --kite-meter-track-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-meter-positive-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-positive-status-icon-fill-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-caution-progress-fill-background-color-dark: var(--kite-color-yellow-10, #ffd400);
  --kite-meter-caution-status-icon-fill-dark: var(--kite-color-yellow-10, #ffd400);
  --kite-meter-alert-progress-fill-background-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-meter-alert-status-icon-fill-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-meter-success-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-accessibility-tick-background-color: var(--kite-color-black, #000000);
  --kite-meter-progress-fill-background-color: var(--kite-color-light-blue-20, #5db8fc);
  --kite-meter-track-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-value-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-status-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-status-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-linear-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-linear-small-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-linear-large-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-small-accessibility-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-circular-small-accessibility-tick-height: var(--kite-size-4, 0.25rem);
  --kite-meter-circular-large-status-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-large-status-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-large-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-circular-large-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-pagination-controls-button-cursor: var(--kite-cursor-action, pointer);
  --kite-pagination-controls-button-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-controls-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-pagination-controls-button-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-controls-button-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-page-select-current-label-margin-top: var(--kite-pagination-dropdown-margin-top, 0);
  --kite-pagination-page-select-current-label-margin-bottom: var(--kite-pagination-dropdown-margin-bottom, 0);
  --kite-pagination-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-dropdown-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-placeholder-text-weight: var(--kite-font-weight-bold, 700);
  --kite-pagination-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-icon-fill: var(--kite-color-blue-20, #0073d1);
  --kite-pagination-controls-button-icon-fill-dark: var(--kite-color-blue-20, #0073d1);
  --kite-pagination-controls-button-previous-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-button-hover-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-pagination-per-page-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-pagination-item-count-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-item-count-label-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-payment-logo-border-width: var(--kite-border-width-none, 0);
  --kite-payment-logo-width: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-height: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-payment-logo-elevation: var(--kite-elevation-0, none);
  --kite-popover-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-popover-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-popover-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-popover-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-popover-breakpoint-md-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-popover-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-popover-arrow-width: var(--kite-size-16, 1rem);
  --kite-popover-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-trigger-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-trigger-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-dismiss-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-popover-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-popover-trigger-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-active-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-hover-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-arrow-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-popover-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-popover-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-border-width: var(--kite-border-width-none, 0);
  --kite-progress-indicator-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-progress-indicator-zindex: var(--kite-zindex-dialog, 1300);
  --kite-progress-indicator-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-progress-indicator-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-value-label-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-icon-width: var(--kite-size-20, 1.25rem);
  --kite-progress-indicator-button-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-circular-height: var(--kite-progress-indicator-circular-width, 2.5rem);
  --kite-progress-indicator-circular-height-px: var(--kite-progress-indicator-circular-width-px, 40px);
  --kite-progress-indicator-circular-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-circular-icon-height: var(--kite-progress-indicator-circular-icon-width, 2.75rem);
  --kite-progress-indicator-circular-sm-track-size: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-circular-sm-height-px: var(--kite-progress-indicator-circular-sm-width-px, 24px);
  --kite-progress-indicator-circular-sm-icon-height: var(--kite-progress-indicator-circular-sm-icon-width, 1.625rem);
  --kite-progress-indicator-circular-lg-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-circular-lg-height: var(--kite-progress-indicator-circular-lg-width, 5rem);
  --kite-progress-indicator-circular-lg-height-px: var(--kite-progress-indicator-circular-lg-width-px, 80px);
  --kite-progress-indicator-circular-lg-icon-height: var(--kite-progress-indicator-circular-lg-icon-width, 5rem);
  --kite-progress-indicator-lg-border-width: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-lg-status-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-lg-status-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-lg-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-lg-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-lg-sub-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-lg-sub-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-md-border-width: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-sm-border-width: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-sm-height: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-sm-width: var(--kite-size-24, 1.5rem);
  --kite-radio-border-offset: var(--kite-size-2, 0.125rem);
  --kite-radio-height: var(--kite-size-20, 1.25rem);
  --kite-radio-focus-ring-width: var(--kite-size-4, 0.25rem);
  --kite-radio-focus-ring-offset: var(--kite-size-4, 0.25rem);
  --kite-radio-selected-indicator-height: var(--kite-size-12, 0.75rem);
  --kite-radio-input-margin-top: var(--kite-size-2, 0.125rem);
  --kite-radio-input-margin-bottom: var(--kite-size-2, 0.125rem);
  --kite-radio-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color-dark: var(--kite-color-blue-20, #0073d1);
  --kite-radio-selected-indicator-background-color-dark: var(--kite-color-blue-20, #0073d1);
  --kite-radio-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-selected-disabled-center-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-selected-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-search-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-search-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-search-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-search-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-search-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-search-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-search-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-select-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-select-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-select-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-select-height: var(--kite-size-touch-target, 2.75rem);
  --kite-select-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-select-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-select-icon-height: var(--kite-size-24, 1.5rem);
  --kite-select-icon-width: var(--kite-size-24, 1.5rem);
  --kite-select-icon-color: var(--kite-color-dark-blue-30, #001221);
  --kite-select-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-select-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-select-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-select-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-select-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-skip-link-text-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-text-weight: var(--kite-font-weight-medium, 500);
  --kite-skip-link-border-color: var(--kite-color-blue-20, #0073d1);
  --kite-skip-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-skip-link-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-skip-link-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-skip-link-border-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-skip-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-focus-ring-radius: var(--kite-size-16, 1rem);
  --kite-switch-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-switch-cursor: var(--kite-cursor-action, pointer);
  --kite-switch-thumb-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-thumb-height: var(--kite-size-20, 1.25rem);
  --kite-switch-thumb-transform-x: var(--kite-size-24, 1.5rem);
  --kite-switch-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-track-border-radius: var(--kite-size-32, 2rem);
  --kite-switch-track-padding-top: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-right: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-left: var(--kite-size-2, 0.125rem);
  --kite-switch-track-height: var(--kite-size-24, 1.5rem);
  --kite-switch-track-width: var(--kite-size-48, 3rem);
  --kite-switch-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-on-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-height: var(--kite-size-20, 1.25rem);
  --kite-switch-indicator-width: var(--kite-size-20, 1.25rem);
  --kite-switch-disabled-indicator-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-switch-disabled-indicator-background-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-switch-off-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-track-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-focus-ring-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-gray-30, #63738a);
  --kite-tabs-tab-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-tab-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-panel-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-item-active-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-active-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-item-hover-border-bottom: var(--kite-color-gray-30, #63738a);
  --kite-tabs-item-hover-border-bottom-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-tabs-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-tag-text-size: var(--kite-size-14, 0.875rem);
  --kite-tag-text-weight: var(--kite-font-weight-medium, 500);
  --kite-tag-border-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-icon-size: var(--kite-size-16, 1rem);
  --kite-tag-caution-text-color: var(--kite-color-black, #000000);
  --kite-tag-negative-text-color: var(--kite-color-black, #000000);
  --kite-tag-neutral-text-color: var(--kite-color-black, #000000);
  --kite-tag-positive-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-caution-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-negative-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-neutral-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-positive-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-text-area-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-area-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-area-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-area-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-area-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-area-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-text-area-hint-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-hint-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-area-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-area-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-text-area-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-area-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-area-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-text-area-focus-ring-color-dark: var(--kite-color-blue-10, #31a2ff);
  --kite-text-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-input-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-text-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-text-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-input-secure-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-secure-icon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-text-input-secure-confirm-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-text-input-hint-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-hint-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-input-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747);
  --kite-text-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-input-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-input-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-text-input-focus-ring-color-dark: var(--kite-color-blue-10, #31a2ff);
  --kite-text-input-secure-show-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-show-icon-width: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-show-icon-focus-ring-color-dark: var(--kite-color-blue-10, #31a2ff);
  --kite-text-input-secure-hide-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-hide-icon-width: var(--kite-size-24, 1.5rem);
  --kite-time-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-time-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-time-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-time-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-time-input-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-time-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-time-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-time-input-icon-color: var(--kite-color-blue-20, #0073d1);
  --kite-toast-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-toast-text-color: var(--kite-color-white, #ffffff);
  --kite-toast-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-toast-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-toast-transition-timing-function: var(--kite-toast-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-toast-zindex: var(--kite-zindex-notification, 1600);
  --kite-toast-icon-color: var(--kite-color-green-10, #00bf1f);
  --kite-toast-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-toast-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-toast-z-index: var(--kite-zindex-notification, 1600);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-tooltip-text-color: var(--kite-color-white, #ffffff);
  --kite-tooltip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tooltip-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-tooltip-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-tooltip-arrow-width: var(--kite-size-12, 0.75rem);
  --kite-tooltip-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-tooltip-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tooltip-arrow-background-color-dark: var(--kite-color-dark-blue-10, #003561);
  --kite-border-radius-circle: var(--kite-size-radius-circle, 50%);
  --kite-border-radius-sm: var(--kite-size-radius-sm, 0.125rem);
  --kite-border-radius-md: var(--kite-size-radius-md, 0.25rem);
  --kite-border-radius-lg: var(--kite-size-radius-lg, 0.5rem);
  --kite-color-caution-focus: var(--kite-color-caution, #faa41a);
  --kite-color-caution-hover: var(--kite-color-caution, #faa41a);
  --kite-color-caution-press: var(--kite-color-caution, #faa41a);
  --kite-color-neutral-focus: var(--kite-color-neutral, #5db8fc);
  --kite-color-neutral-hover: var(--kite-color-neutral, #5db8fc);
  --kite-color-neutral-press: var(--kite-color-neutral, #5db8fc);
  --kite-color-positive-focus: var(--kite-color-positive, #008516);
  --kite-color-positive-hover: var(--kite-color-positive, #008516);
  --kite-color-positive-press: var(--kite-color-positive, #008516);
  --kite-color-disabled-focus: var(--kite-color-disabled, #9ba9bd);
  --kite-color-disabled-hover: var(--kite-color-disabled, #9ba9bd);
  --kite-color-disabled-press: var(--kite-color-disabled, #9ba9bd);
  --kite-font-family-default: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-font-family-heading: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-font-family-text: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-container-border-color: var(--kite-border-color, #d8dde6);
  --kite-container-border-style: var(--kite-border-style, solid);
  --kite-container-padding-top: var(--kite-spacing-md, 1rem);
  --kite-container-padding-right: var(--kite-spacing-md, 1rem);
  --kite-container-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-container-padding-left: var(--kite-spacing-md, 1rem);
  --kite-focus-ring-color: var(--kite-color-focus, #0062b2);
  --kite-focus-color: var(--kite-color-focus, #0062b2);
  --kite-font-family: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-my-component-text-color: var(--kite-color-text, #000000);
  --kite-my-component-border-color: var(--kite-border-color, #d8dde6);
  --kite-my-component-border-style: var(--kite-border-style, solid);
  --kite-my-component-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-my-component-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-my-component-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-my-component-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-my-component-list-text-color: var(--kite-color-text, #000000);
  --kite-my-component-list-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-list-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-error-background-color: var(--kite-color-error, #d6312b);
  --kite-my-component-variant-name-background-color: var(--kite-color-primary, #0073d1);
  --kite-my-component-variant-name-text-color: var(--kite-color-success, #008516);
  --kite-my-component-variant-name-margin-left: var(--kite-spacing-lg, 1.25rem);
  --kite-my-component-variant-name-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-form-control-text-color: var(--kite-color-text, #000000);
  --kite-form-control-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-border-style: var(--kite-border-style, solid);
  --kite-form-control-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-focus-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-hover-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-disabled-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-form-control-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-helper-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-addon-icon-color: var(--kite-color-primary, #0073d1);
  --kite-form-control-addon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-addon-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-helper-text-color: var(--kite-color-text-secondary, #63738a);
  --kite-form-control-label-text-color: var(--kite-color-text, #000000);
  --kite-form-control-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-feedback-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-error-border-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-error-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-form-control-error-feedback-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-background-color: var(--kite-container-background-color, #ffffff);
  --kite-form-control-picker-border-style: var(--kite-border-style, solid);
  --kite-form-control-picker-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-form-control-picker-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-form-control-picker-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-text-color: var(--kite-color-text, #000000);
  --kite-form-control-picker-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-picker-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-picker-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-picker-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-picker-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-picker-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-primary, #0073d1);
  --kite-form-control-picker-list-item-check-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-check-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-label-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-form-control-input-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-input-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-input-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-input-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-input-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-error-border-color: var(--kite-color-error, #d6312b);
  --kite-form-control-input-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-input-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-error-text-color: var(--kite-color-error, #d6312b);
  --kite-form-control-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-spacing-inline: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-md: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-xl: var(--kite-spacing-xl, 1.5rem);
  --kite-form-spacing-stack-2xl: var(--kite-spacing-2xl, 2rem);
  --kite-grid-xs-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xs-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-md-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-md-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-2xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-2xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-display-weight: var(--kite-typography-sm-display-weight, 800);
  --kite-typography-display-style: var(--kite-typography-sm-display-style, normal);
  --kite-typography-title-1-weight: var(--kite-typography-sm-title-1-weight, 800);
  --kite-typography-title-1-style: var(--kite-typography-sm-title-1-style, normal);
  --kite-typography-title-1-letter-spacing: var(--kite-typography-sm-title-1-letter-spacing, normal);
  --kite-typography-title-2-weight: var(--kite-typography-sm-title-2-weight, 700);
  --kite-typography-title-2-style: var(--kite-typography-sm-title-2-style, normal);
  --kite-typography-title-2-letter-spacing: var(--kite-typography-sm-title-2-letter-spacing, normal);
  --kite-typography-title-3-weight: var(--kite-typography-sm-title-3-weight, 700);
  --kite-typography-title-3-style: var(--kite-typography-sm-title-3-style, normal);
  --kite-typography-title-3-letter-spacing: var(--kite-typography-sm-title-3-letter-spacing, normal);
  --kite-typography-title-4-weight: var(--kite-typography-sm-title-4-weight, 500);
  --kite-typography-title-4-style: var(--kite-typography-sm-title-4-style, normal);
  --kite-typography-title-4-letter-spacing: var(--kite-typography-sm-title-4-letter-spacing, normal);
  --kite-typography-title-5-weight: var(--kite-typography-sm-title-5-weight, 500);
  --kite-typography-title-5-style: var(--kite-typography-sm-title-5-style, normal);
  --kite-typography-title-5-letter-spacing: var(--kite-typography-sm-title-5-letter-spacing, normal);
  --kite-typography-title-6-weight: var(--kite-typography-sm-title-6-weight, 500);
  --kite-typography-title-6-style: var(--kite-typography-sm-title-6-style, normal);
  --kite-typography-title-6-letter-spacing: var(--kite-typography-sm-title-6-letter-spacing, normal);
  --kite-typography-body-display-weight: var(--kite-typography-sm-body-display-weight, 400);
  --kite-typography-body-display-style: var(--kite-typography-sm-body-display-style, normal);
  --kite-typography-body-display-letter-spacing: var(--kite-typography-sm-body-display-letter-spacing, normal);
  --kite-typography-body-weight: var(--kite-typography-sm-body-weight, 400);
  --kite-typography-body-style: var(--kite-typography-sm-body-style, normal);
  --kite-typography-body-letter-spacing: var(--kite-typography-sm-body-letter-spacing, normal);
  --kite-typography-eyebrow-weight: var(--kite-typography-sm-eyebrow-weight, 700);
  --kite-typography-eyebrow-style: var(--kite-typography-sm-eyebrow-style, normal);
  --kite-typography-caption-1-weight: var(--kite-typography-sm-caption-1-weight, 400);
  --kite-typography-caption-1-style: var(--kite-typography-sm-caption-1-style, normal);
  --kite-typography-caption-1-letter-spacing: var(--kite-typography-sm-caption-1-letter-spacing, normal);
  --kite-typography-caption-2-weight: var(--kite-typography-sm-caption-2-weight, 400);
  --kite-typography-caption-2-style: var(--kite-typography-sm-caption-2-style, normal);
  --kite-typography-caption-2-letter-spacing: var(--kite-typography-sm-caption-2-letter-spacing, normal);
  --kite-typography-sm-display-letter-spacing: var(--kite-letter-spacing, normal);
  --kite-typography-sm-display-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-sm-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-display-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-caption-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-typography-caption-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-typography-sm-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-6-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-sm-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-lg-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-6-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-lg-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xxs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xxs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xxs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-md-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-md-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-md-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-1-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-title-2-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-3-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-4-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xl-body-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xl-eyebrow-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-caption-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-text-color: var(--kite-color-text, #000000);
  --kite-accordion-border-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-style: var(--kite-border-style, solid);
  --kite-accordion-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-accordion-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-accordion-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-title-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-icon-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-top-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-bottom-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-top-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-padding-bottom-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-label-text-color: var(--kite-color-text, #000000);
  --kite-accordion-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-label-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-title-text-color: var(--kite-color-text, #000000);
  --kite-accordion-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-title-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-expanded-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-expanded-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-accordion-sm-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-right: var(--kite-spacing-element-xl, 1.5rem);
  --kite-accordion-md-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-left: var(--kite-spacing-element-xl, 1.5rem);
  --kite-accordion-lg-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-lg-padding-right: var(--kite-spacing-element-xxl, 2rem);
  --kite-accordion-lg-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-lg-padding-left: var(--kite-spacing-element-xxl, 2rem);
  --kite-accordion-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-bottom-style: var(--kite-border-style, solid);
  --kite-accordion-alert-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-expanded-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-alert-text-color: var(--kite-color-text, #000000);
  --kite-alert-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-border-style: var(--kite-border-style, solid);
  --kite-alert-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-alert-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-alert-dismiss-icon-margin-left: var(--kite-spacing-md, 1rem);
  --kite-alert-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-link-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-text-color: var(--kite-color-primary, #0073d1);
  --kite-alert-link-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-icon-color: var(--kite-color-primary, #0073d1);
  --kite-alert-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-caution-status-icon-color: var(--kite-color-caution, #faa41a);
  --kite-alert-negative-border-left-color: var(--kite-color-negative, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-negative, #d6312b);
  --kite-alert-neutral-border-left-color: var(--kite-color-neutral, #5db8fc);
  --kite-alert-neutral-status-icon-color: var(--kite-color-neutral, #5db8fc);
  --kite-alert-positive-border-left-color: var(--kite-color-positive, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-positive, #008516);
  --kite-alert-global-status-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-global-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-status-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-alert-global-negative-dismiss-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-background-color: var(--kite-color-neutral, #5db8fc);
  --kite-alert-global-neutral-status-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-passive-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-breakpoint-lg-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-breakpoint-lg-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-alert-passive-entry-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-alert-passive-exit-transition-timing-function: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-alert-passive-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-passive-title-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-alert-passive-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-passive-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-alert-passive-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-alert-passive-dismiss-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-neutral-background-color: var(--kite-color-neutral-muted, #e8f8ff);
  --kite-alert-passive-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-alert-stacked-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-page-border-color: var(--kite-border-color, #d8dde6);
  --kite-alert-page-border-color-dark: var(--kite-border-color, #d8dde6);
  --kite-alert-page-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-alert-page-indicator-icon-margin-right: var(--kite-spacing-element-xs, 0.5rem);
  --kite-alert-page-link-text-color: var(--kite-color-primary, #0073d1);
  --kite-alert-page-link-text-color-dark: var(--kite-color-primary, #0073d1);
  --kite-alert-page-link-text-margin-top: var(--kite-spacing-element-xxs, 0.25rem);
  --kite-alert-page-link-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-alert-page-link-icon-fill-dark: var(--kite-color-primary, #0073d1);
  --kite-alert-page-margin-bottom: var(--kite-spacing-element-xxs, 0.25rem);
  --kite-alert-page-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-left: var(--kite-spacing-element-xs, 0.5rem);
  --kite-alert-page-text-color: var(--kite-color-text, #000000);
  --kite-alert-page-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-page-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-border-left-color-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-indicator-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-indicator-icon-fill-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-page-error-border-left-color: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-border-left-color-dark: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-indicator-icon-fill: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-indicator-icon-fill-dark: var(--kite-color-error, #d6312b);
  --kite-alert-page-info-border-left-color: var(--kite-color-info, #5db8fc);
  --kite-alert-page-info-border-left-color-dark: var(--kite-color-info, #5db8fc);
  --kite-alert-page-info-indicator-icon-fill: var(--kite-color-info, #5db8fc);
  --kite-alert-page-info-indicator-icon-fill-dark: var(--kite-color-info, #5db8fc);
  --kite-alert-page-success-border-left-color: var(--kite-color-success, #008516);
  --kite-alert-page-success-border-left-color-dark: var(--kite-color-success, #008516);
  --kite-alert-page-success-indicator-icon-fill: var(--kite-color-success, #008516);
  --kite-alert-page-success-indicator-icon-fill-dark: var(--kite-color-success, #008516);
  --kite-alert-global-indicator-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-caution-background-color-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-link-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-caution-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-error-background-color: var(--kite-color-error, #d6312b);
  --kite-alert-global-error-background-color-dark: var(--kite-color-error, #d6312b);
  --kite-alert-global-info-text-color: var(--kite-color-text, #000000);
  --kite-alert-global-info-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-info-background-color: var(--kite-color-info, #5db8fc);
  --kite-alert-global-info-background-color-dark: var(--kite-color-info, #5db8fc);
  --kite-alert-global-info-link-text-color: var(--kite-color-text, #000000);
  --kite-alert-global-info-link-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-link-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-alert-caution-status-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-alert-neutral-status-icon-fill: var(--kite-color-neutral, #5db8fc);
  --kite-alert-global-caution-status-icon-fill: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-fill: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-dismiss-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-status-icon-fill: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-fill: var(--kite-color-on-neutral, #000000);
  --kite-badge-border-radius: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-border-style: var(--kite-border-style, solid);
  --kite-badge-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-min-height: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-badge-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-badge-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-badge-tab-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-background-color-dark: var(--kite-color-negative, #d6312b);
  --kite-blockquote-text-color: var(--kite-color-text, #000000);
  --kite-blockquote-border-left-color: var(--kite-color-primary, #0073d1);
  --kite-blockquote-border-left-style: var(--kite-border-style, solid);
  --kite-blockquote-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-right: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-left: var(--kite-spacing-md, 1rem);
  --kite-blockquote-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-blockquote-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-group-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-button-group-button-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-button-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-button-background-color: var(--kite-color-primary, #0073d1);
  --kite-button-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-text-size: var(--kite-typography-body-size, 1rem);
  --kite-button-border-style: var(--kite-border-style, solid);
  --kite-button-padding-right: var(--kite-spacing-md, 1rem);
  --kite-button-padding-left: var(--kite-spacing-md, 1rem);
  --kite-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-button-focus-background-color: var(--kite-color-primary-focus, #0062b2);
  --kite-button-focus-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-hover-background-color: var(--kite-color-primary-hover, #0062b2);
  --kite-button-hover-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-press-background-color: var(--kite-color-primary-press, #0062b2);
  --kite-button-press-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-button-destructive-background-color: var(--kite-color-negative, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-button-destructive-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-destructive-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-primary-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-border-color: var(--kite-button-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-primary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-primary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-primary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-text-color: var(--kite-color-primary, #0073d1);
  --kite-button-secondary-border-color: var(--kite-color-primary, #0073d1);
  --kite-button-secondary-focus-background-color: var(--kite-color-focus, #0062b2);
  --kite-button-secondary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-hover-background-color: var(--kite-color-focus, #0062b2);
  --kite-button-secondary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-press-background-color: var(--kite-color-focus, #0062b2);
  --kite-button-secondary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-destructive-border-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-secondary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-secondary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-secondary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-borderless-text-color: var(--kite-color-primary, #0073d1);
  --kite-button-borderless-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-text-color: var(--kite-color-primary-focus, #0062b2);
  --kite-button-borderless-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-text-color: var(--kite-color-primary-hover, #0062b2);
  --kite-button-borderless-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-text-color: var(--kite-color-primary-press, #0062b2);
  --kite-button-borderless-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-border-color: var(--kite-button-borderless-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-borderless-destructive-focus-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-icon-color: var(--kite-button-borderless-destructive-focus-text-color, #b00300);
  --kite-button-borderless-destructive-hover-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-icon-color: var(--kite-button-borderless-destructive-hover-text-color, #b00300);
  --kite-button-borderless-destructive-press-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-icon-color: var(--kite-button-borderless-destructive-press-text-color, #b00300);
  --kite-button-borderless-destructive-disabled-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-icon-only-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-only-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-fill: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-button-borderless-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-button-borderless-focus-icon-fill: var(--kite-color-focus, #0062b2);
  --kite-calendar-background-color: var(--kite-container-background-color, #ffffff);
  --kite-calendar-text-color: var(--kite-color-text, #000000);
  --kite-calendar-border-color: var(--kite-border-color, #d8dde6);
  --kite-calendar-border-style: var(--kite-border-style, solid);
  --kite-calendar-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-right: var(--kite-spacing-md, 1rem);
  --kite-calendar-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-left: var(--kite-spacing-md, 1rem);
  --kite-calendar-controls-focus-text-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-controls-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-day-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-calendar-day-focus-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-selected-background-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-selected-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-day-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-calendar-day-today-text-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-today-indicator-background-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-today-indicator-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-out-range-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-day-unavailable-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-month-year-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-month-year-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-standalone-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-card-background-color: var(--kite-container-background-color, #ffffff);
  --kite-card-text-color: var(--kite-color-text, #000000);
  --kite-card-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-top-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-bottom-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-top-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-bottom-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-card-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-card-sm-min-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-margin-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-card-md-min-padding-top: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-right: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-bottom: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-left: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-card-lg-min-padding-top: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-right: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-bottom: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-left: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-margin-bottom: var(--kite-spacing-element-xl, 1.5rem);
  --kite-checkbox-text-color: var(--kite-color-text, #000000);
  --kite-checkbox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-checkbox-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-checkbox-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-right: var(--kite-spacing-md, 1rem);
  --kite-checkbox-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-left: var(--kite-spacing-md, 1rem);
  --kite-checkbox-height: var(--kite-checkbox-width, 1.25rem);
  --kite-checkbox-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-checkbox-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-checkbox-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-checkbox-selected-background-color: var(--kite-color-primary, #0073d1);
  --kite-checkbox-selected-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-disabled-icon-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-checkbox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-checkbox-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-checkbox-error-feedback-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-checkbox-error-selected-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-checkbox-group-list-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-indeterminate-icon-height: var(--kite-checkbox-selected-icon-height, 1rem);
  --kite-checkbox-indeterminate-icon-width: var(--kite-checkbox-selected-icon-width, 1rem);
  --kite-checkbox-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-selected-background-color-dark: var(--kite-color-primary, #0073d1);
  --kite-checkbox-selected-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-indeterminate-background-color-dark: var(--kite-color-primary, #0073d1);
  --kite-checkbox-indeterminate-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-group-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-chip-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-text-size: var(--kite-typography-body-size, 1rem);
  --kite-chip-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-chip-border-radius: var(--kite-border-radius-pill, 624.9375rem);
  --kite-chip-border-style: var(--kite-border-style, solid);
  --kite-chip-margin-right: var(--kite-spacing-md, 1rem);
  --kite-chip-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-chip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-chip-min-height: var(--kite-chip-height, 2rem);
  --kite-chip-focus-ring-color: var(--kite-chip-border-color, #63738a);
  --kite-chip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-chip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-chip-hover-background-color: var(--kite-chip-focus-background-color, #d8dde6);
  --kite-chip-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-selected-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-chip-disabled-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-chip-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-border-color-dark: var(--kite-chip-text-color-dark, #b7cee5);
  --kite-chip-focus-ring-color-dark: var(--kite-chip-text-color-dark, #b7cee5);
  --kite-chip-selected-background-color-dark: var(--kite-chip-text-color-dark, #b7cee5);
  --kite-chip-selected-text-color-dark: var(--kite-chip-text-color, #001221);
  --kite-chip-selected-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-combobox-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-combobox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-combobox-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-combobox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-combobox-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-results-padding-top: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-picker-results-padding-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-combobox-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-combobox-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-data-table-background-color: var(--kite-color-background, #ffffff);
  --kite-data-table-text-color: var(--kite-color-text, #000000);
  --kite-data-table-border-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-border-style: var(--kite-border-style, solid);
  --kite-data-table-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-data-table-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-data-table-breakpoint-md-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-breakpoint-md-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-icon-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-compact-cell-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-comfortable-cell-padding-top: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-right: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-left: var(--kite-spacing-md, 1rem);
  --kite-data-table-menu-cell-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-menu-cell-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-title-row-border-bottom-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-data-table-title-row-text-color: var(--kite-color-text, #000000);
  --kite-data-table-cell-compact-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-default-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-comfortable-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-date-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-date-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-date-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-date-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-date-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-date-input-picker-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-picker-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-date-input-picker-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-date-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dialog-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dialog-text-color: var(--kite-color-text, #000000);
  --kite-dialog-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dialog-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dialog-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dialog-icon-color: var(--kite-color-text, #000000);
  --kite-dialog-breakpoint-md-title-text-weight: var(--kite-typography-lg-title-5-weight, 500);
  --kite-dialog-breakpoint-md-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-dialog-title-text-size: var(--kite-typography-title-5-size, 1.25rem);
  --kite-dialog-title-text-line-height: var(--kite-typography-title-5-line-height, 1.4);
  --kite-dialog-title-icon-height: var(--kite-dialog-icon-height, 1.5rem);
  --kite-dialog-title-icon-width: var(--kite-dialog-icon-width, 1.5rem);
  --kite-dialog-title-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dialog-content-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-group-margin-top: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-alert-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-alert-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-scrolled-border-top-color: var(--kite-border-color, #d8dde6);
  --kite-dialog-scrolled-border-top-style: var(--kite-border-style, solid);
  --kite-dialog-title-text-margin-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-dialog-full-size-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-full-size-padding-right: var(--kite-spacing-md, 1rem);
  --kite-dialog-full-size-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-full-size-padding-left: var(--kite-spacing-md, 1rem);
  --kite-dialog-default-size-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dropdown-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-dropdown-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-dropdown-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-cursor: var(--kite-form-control-cursor, pointer);
  --kite-dropdown-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dropdown-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-max-width: var(--kite-dropdown-max-width, 18rem);
  --kite-dropdown-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-dropdown-list-item-text-color: var(--kite-color-text, #000000);
  --kite-dropdown-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dropdown-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-dropdown-list-item-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-item-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dropdown-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-list-item-icon-color: var(--kite-color-primary, #0073d1);
  --kite-dropdown-list-item-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-dropdown-inline-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-dropdown-inline-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-inline-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-inline-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-inline-placeholder-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dropdown-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-offset-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-list-item-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-dropdown-inline-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-inline-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-dynamic-hint-text-color: var(--kite-color-text, #000000);
  --kite-dynamic-hint-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dynamic-hint-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dynamic-hint-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dynamic-hint-arrow-offset: var(--kite-spacing-2xl, 2rem);
  --kite-dynamic-hint-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dynamic-hint-criteria-positive-icon-color: var(--kite-color-positive, #008516);
  --kite-dynamic-hint-criteria-negative-icon-color: var(--kite-color-negative, #d6312b);
  --kite-dynamic-hint-entry-transition-duration: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-dynamic-hint-exit-transition-duration: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-dynamic-hint-criteria-success-icon-fill: var(--kite-color-success, #008516);
  --kite-dynamic-hint-criteria-error-icon-fill: var(--kite-color-error, #d6312b);
  --kite-interactive-list-text-color: var(--kite-color-text, #000000);
  --kite-interactive-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-interactive-list-border-style: var(--kite-border-style, solid);
  --kite-interactive-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-interactive-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-interactive-list-item-text-color: var(--kite-color-text, #000000);
  --kite-interactive-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-interactive-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-interactive-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-action-icon-height: var(--kite-interactive-list-item-icon-height, 1.5rem);
  --kite-interactive-list-item-action-icon-width: var(--kite-interactive-list-item-icon-width, 1.5rem);
  --kite-interactive-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-interactive-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-interactive-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-interactive-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-primary, #0073d1);
  --kite-interactive-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-interactive-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-interactive-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-start-margin-right: var(--kite-spacing-element-md, 1rem);
  --kite-interactive-list-end-margin-left: var(--kite-spacing-element-md, 1rem);
  --kite-interactive-list-item-danger-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-interactive-list-item-info-label-text-color: var(--kite-color-primary, #0073d1);
  --kite-interactive-list-item-success-label-text-color: var(--kite-color-success, #008516);
  --kite-interactive-list-md-padding-right: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-md-padding-left: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-xl-padding-right: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-xl-padding-left: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-xxl-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-xxl-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-icon-margin: var(--kite-spacing-md, 1rem);
  --kite-link-text-color: var(--kite-color-primary, #0073d1);
  --kite-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-link-hover-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-focus-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-press-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-icon-margin: var(--kite-spacing-2xs, 0.25rem);
  --kite-link-visited-text-color: var(--kite-link-hover-text-color, #003561);
  --kite-link-visited-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-standalone-text-decoration-offset: var(--kite-link-text-decoration-offset, 0.125rem);
  --kite-link-standalone-text-decoration-thickness: var(--kite-link-text-decoration-thickness, 0.125rem);
  --kite-link-standalone-hover-icon-color: var(--kite-link-hover-text-color, #003561);
  --kite-link-standalone-focus-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-press-icon-color: var(--kite-link-press-text-color, #002747);
  --kite-link-standalone-visited-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-link-standalone-focus-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-link-standalone-icon-height: var(--kite-link-icon-height, 0.875rem);
  --kite-link-standalone-icon-width: var(--kite-link-icon-width, 0.875rem);
  --kite-list-text-color: var(--kite-color-text, #000000);
  --kite-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-list-border-style: var(--kite-border-style, solid);
  --kite-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-caution-label-icon-color: var(--kite-color-caution, #faa41a);
  --kite-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-text-color: var(--kite-color-text, #000000);
  --kite-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-image-border-radius: var(--kite-list-image-border-radius, 0.25rem);
  --kite-list-item-image-max-width: var(--kite-list-image-max-width, 5rem);
  --kite-list-item-image-max-height: var(--kite-list-image-max-height, 5rem);
  --kite-list-item-label-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-list-item-title-text-line-height: var(--kite-typography-title-6-line-height, 1.333);
  --kite-list-item-title-body-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-title-body-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-list-item-payment-logo-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-width: var(--kite-payment-logo-width, 1.5rem);
  --kite-list-item-payment-logo-height: var(--kite-payment-logo-height, 1.5rem);
  --kite-list-item-payment-logo-shadow: var(--kite-payment-logo-elevation, none);
  --kite-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-list-item-expanded-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-list-item-expanded-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-list-item-neutral-label-text-color: var(--kite-color-primary, #0073d1);
  --kite-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-multiline-subtitle-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-list-start-margin-right: var(--kite-spacing-element-xs, 0.5rem);
  --kite-list-end-margin-left: var(--kite-spacing-element-xs, 0.5rem);
  --kite-menu-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-menu-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-border-style: var(--kite-border-style, solid);
  --kite-menu-list-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-list-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-menu-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-menu-list-item-text-color: var(--kite-color-text, #000000);
  --kite-menu-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-list-item-border-style: var(--kite-border-style, solid);
  --kite-menu-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-padding-left: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-menu-trigger-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-trigger-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-trigger-activated-background-color: var(--kite-color-primary, #0073d1);
  --kite-menu-trigger-activated-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-menu-trigger-icon-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-contextual-label-trigger-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-contextual-label-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-contextual-label-trigger-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6);
  --kite-menu-list-offset-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-meter-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-label-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-fill-color: var(--kite-color-neutral, #5db8fc);
  --kite-meter-tick-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-value-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-meter-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-meter-caution-fill-color: var(--kite-color-caution, #faa41a);
  --kite-meter-sm-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-sm-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-lg-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-lg-status-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-lg-status-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-track-color: var(--kite-meter-track-color, #d8dde6);
  --kite-meter-circular-track-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-circular-tick-color: var(--kite-meter-tick-color, #000000);
  --kite-meter-circular-tick-width: var(--kite-meter-tick-width, 0.25rem);
  --kite-meter-circular-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-sm-height: var(--kite-meter-circular-sm-width, 1.5rem);
  --kite-meter-circular-sm-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-sm-icon-width: var(--kite-meter-sm-icon-width, 0.75rem);
  --kite-meter-circular-sm-icon-height: var(--kite-meter-sm-icon-height, 0.75rem);
  --kite-meter-circular-lg-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-circular-lg-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-circular-lg-value-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-lg-icon-width: var(--kite-meter-lg-icon-width, 1rem);
  --kite-meter-circular-lg-icon-height: var(--kite-meter-lg-icon-height, 1rem);
  --kite-meter-circular-lg-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-positive-progress-fill-background-color: var(--kite-color-positive, #008516);
  --kite-meter-caution-progress-fill-background-color: var(--kite-color-caution, #faa41a);
  --kite-meter-alert-progress-fill-background-color: var(--kite-color-negative, #d6312b);
  --kite-meter-success-progress-fill-background-color: var(--kite-color-positive, #008516);
  --kite-meter-positive-status-icon-fill: var(--kite-color-positive, #008516);
  --kite-meter-caution-status-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-meter-alert-status-icon-fill: var(--kite-color-negative, #d6312b);
  --kite-meter-linear-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-linear-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-small-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-large-status-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-large-value-label-text-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-background-color: var(--kite-container-background-color, #ffffff);
  --kite-pagination-controls-border-color: var(--kite-border-color, #d8dde6);
  --kite-pagination-controls-border-style: var(--kite-border-style, solid);
  --kite-pagination-controls-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-controls-margin-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-text-size: var(--kite-typography-body-size, 1rem);
  --kite-pagination-controls-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-pagination-controls-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-pagination-controls-button-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-controls-button-icon-color: var(--kite-color-primary, #0073d1);
  --kite-pagination-page-select-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-select-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-current-label-text-weight: var(--kite-pagination-dropdown-placeholder-text-weight, 700);
  --kite-pagination-dropdown-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-pagination-count-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-size-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-size-label-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-per-page-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-per-page-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-item-count-label-margin-right: var(--kite-spacing-md, 1rem);
  --kite-payment-logo-background-color: var(--kite-container-background-color, #ffffff);
  --kite-payment-logo-text-color: var(--kite-color-text, #000000);
  --kite-payment-logo-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-payment-logo-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-text-color: var(--kite-color-text, #000000);
  --kite-popover-text-size: var(--kite-typography-body-size, 1rem);
  --kite-popover-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-arrow-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-popover-arrow-offset: var(--kite-spacing-md, 1rem);
  --kite-popover-trigger-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-color: var(--kite-color-primary, #0073d1);
  --kite-popover-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-popover-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-popover-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-link-margin-top: var(--kite-spacing-sm, 0.75rem);
  --kite-popover-dismiss-icon-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-popover-trigger-active-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-popover-trigger-focus-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-popover-trigger-hover-icon-fill: var(--kite-color-primary, #0073d1);
  --kite-progress-indicator-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-progress-indicator-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-progress-indicator-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-label-text-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-fill-color: var(--kite-color-primary, #0073d1);
  --kite-progress-indicator-backdrop-background-color: var(--kite-color-background, #ffffff);
  --kite-progress-indicator-value-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-icon-height: var(--kite-progress-indicator-icon-width, 1.25rem);
  --kite-progress-indicator-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-progress-indicator-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-progress-indicator-button-margin-top: var(--kite-spacing-md, 1rem);
  --kite-progress-indicator-circular-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-circular-label-text-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-sm-height: var(--kite-progress-indicator-circular-sm-width, 1.5rem);
  --kite-progress-indicator-lg-status-text-color: var(--kite-color-primary, #0073d1);
  --kite-progress-indicator-lg-status-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-lg-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-lg-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-lg-sub-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-text-color: var(--kite-color-text, #000000);
  --kite-radio-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-radio-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-radio-width: var(--kite-radio-height, 1.25rem);
  --kite-radio-selected-border-color: var(--kite-color-primary, #0073d1);
  --kite-radio-selected-focus-ring-width: var(--kite-radio-focus-ring-width, 0.25rem);
  --kite-radio-selected-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-radio-selected-indicator-width: var(--kite-radio-selected-indicator-height, 0.75rem);
  --kite-radio-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-radio-cursor: var(--kite-form-control-cursor, pointer);
  --kite-radio-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-radio-group-legend-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-group-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-radio-selected-disabled-center-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-search-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-search-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-search-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-search-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-search-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-search-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-search-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-select-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-select-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-select-cursor: var(--kite-form-control-cursor, pointer);
  --kite-select-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-select-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-skip-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-skip-link-border-style: var(--kite-border-style, solid);
  --kite-skip-link-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-skip-link-padding-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-right: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-left: var(--kite-spacing-md, 1rem);
  --kite-skip-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-skip-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-skip-link-stacked-margin-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-spacing-stack: var(--kite-spacing-md, 1rem);
  --kite-switch-text-color: var(--kite-color-text, #000000);
  --kite-switch-focus-ring-color: var(--kite-switch-track-background-color, #63738a);
  --kite-switch-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-switch-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-switch-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-switch-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-switch-thumb-width: var(--kite-switch-thumb-height, 1.25rem);
  --kite-switch-label-text-color: var(--kite-color-text, #000000);
  --kite-switch-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-switch-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-switch-label-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-switch-on-track-background-color: var(--kite-color-primary, #0073d1);
  --kite-switch-on-thumb-background-color: var(--kite-color-on-primary, #ffffff);
  --kite-switch-on-track-background-color-dark: var(--kite-color-primary, #0073d1);
  --kite-switch-disabled-label-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-group-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-switch-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-switch-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-text-color: var(--kite-color-text, #000000);
  --kite-tabs-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tabs-tab-text-color: var(--kite-color-text, #000000);
  --kite-tabs-tab-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-tab-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-tabs-tab-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-tab-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-tab-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-tab-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-tab-selected-text-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-tab-selected-border-bottom-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-tab-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-panel-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-panel-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-panel-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-item-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-item-min-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-item-min-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-item-min-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-item-min-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-item-text-color: var(--kite-color-text, #000000);
  --kite-tabs-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-item-active-text-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-item-active-border-bottom-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-item-active-border-bottom-color-dark: var(--kite-color-primary, #0073d1);
  --kite-tabs-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tag-group-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-tag-text-color: var(--kite-color-text, #000000);
  --kite-tag-border-style: var(--kite-border-style, solid);
  --kite-tag-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tag-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tag-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-tag-caution-border-color: var(--kite-color-caution, #faa41a);
  --kite-tag-caution-icon-color: var(--kite-tag-caution-text-color, #000000);
  --kite-tag-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-tag-negative-border-color: var(--kite-color-negative, #d6312b);
  --kite-tag-neutral-background-color: var(--kite-color-neutral-muted, #e8f8ff);
  --kite-tag-neutral-border-color: var(--kite-color-neutral, #5db8fc);
  --kite-tag-neutral-icon-color: var(--kite-tag-neutral-text-color, #000000);
  --kite-tag-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-tag-positive-border-color: var(--kite-color-positive, #008516);
  --kite-tag-positive-icon-color: var(--kite-tag-positive-text-color, #000000);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-text-color, #000000);
  --kite-tag-solid-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-tag-solid-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-tag-solid-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-tag-solid-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-tag-solid-neutral-background-color: var(--kite-color-neutral, #5db8fc);
  --kite-tag-solid-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-tag-solid-positive-background-color: var(--kite-color-positive, #008516);
  --kite-tag-solid-positive-text-color: var(--kite-color-on-positive, #ffffff);
  --kite-text-area-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-area-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-area-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-area-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-area-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-area-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-area-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-area-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-area-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-area-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-area-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-area-border-color-dark: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-text-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-text-input-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-input-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-input-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-input-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-input-secure-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-secure-confirm-icon-color: var(--kite-color-positive, #008516);
  --kite-text-input-border-color-dark: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-secure-confirm-icon-color-dark: var(--kite-color-success, #008516);
  --kite-text-input-secure-show-icon-color: var(--kite-color-primary, #0073d1);
  --kite-text-input-secure-show-icon-color-dark: var(--kite-color-primary, #0073d1);
  --kite-text-input-secure-show-icon-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-text-input-secure-show-icon-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-text-input-secure-hide-icon-color: var(--kite-color-primary, #0073d1);
  --kite-text-input-secure-hide-icon-color-dark: var(--kite-color-primary, #0073d1);
  --kite-time-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-time-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-time-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-time-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-time-input-icon-size: var(--kite-spacing-xl, 1.5rem);
  --kite-time-input-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-time-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-time-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-toast-text-size: var(--kite-typography-body-size, 1rem);
  --kite-toast-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-toast-border-style: var(--kite-border-style, solid);
  --kite-toast-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-toast-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-toast-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-toast-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-toast-offset: var(--kite-spacing-2xl, 2rem);
  --kite-toast-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-toast-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-tooltip-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-tooltip-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-tooltip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-right: var(--kite-spacing-md, 1rem);
  --kite-tooltip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-left: var(--kite-spacing-md, 1rem);
  --kite-tooltip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tooltip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tooltip-arrow-background-color: var(--kite-tooltip-background-color, #001221);
  --kite-tooltip-entry-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-exit-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-entry-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-curve: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-border-radius: var(--kite-border-radius-sm, 0.125rem);
  --kite-container-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-my-component-icon-color: var(--kite-my-component-text-color, #000000);
  --kite-form-control-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-control-focus-border-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-control-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-form-control-picker-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-form-control-picker-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-picker-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-form-control-picker-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-form-control-picker-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-form-control-picker-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-form-control-picker-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-form-control-picker-list-item-border-style: var(--kite-form-control-picker-border-style, solid);
  --kite-form-control-picker-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-control-picker-list-item-negative-icon-color: var(--kite-form-control-picker-list-item-negative-text-color, #d6312b);
  --kite-form-control-input-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-spacing-stack: var(--kite-form-spacing-stack-xl, 1.5rem);
  --kite-typography-display-letter-spacing: var(--kite-typography-sm-display-letter-spacing, normal);
  --kite-typography-display-margin-bottom: var(--kite-typography-sm-display-margin-bottom, 1rem);
  --kite-typography-title-1-margin-bottom: var(--kite-typography-sm-title-1-margin-bottom, 0.75rem);
  --kite-typography-title-2-margin-bottom: var(--kite-typography-sm-title-2-margin-bottom, 0.5rem);
  --kite-typography-title-3-margin-bottom: var(--kite-typography-sm-title-3-margin-bottom, 0.5rem);
  --kite-typography-title-4-margin-bottom: var(--kite-typography-sm-title-4-margin-bottom, 0.5rem);
  --kite-typography-title-5-margin-bottom: var(--kite-typography-sm-title-5-margin-bottom, 0.25rem);
  --kite-typography-title-6-margin-bottom: var(--kite-typography-sm-title-6-margin-bottom, 0.25rem);
  --kite-typography-body-display-margin-bottom: var(--kite-typography-sm-body-display-margin-bottom, 1.5rem);
  --kite-typography-body-margin-bottom: var(--kite-typography-sm-body-margin-bottom, 1rem);
  --kite-typography-eyebrow-letter-spacing: var(--kite-typography-sm-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-eyebrow-margin-bottom: var(--kite-typography-sm-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-caption-1-margin-bottom: var(--kite-typography-sm-caption-1-margin-bottom, 0.75rem);
  --kite-typography-caption-2-margin-bottom: var(--kite-typography-sm-caption-2-margin-bottom, 0.75rem);
  --kite-typography-caption-weight: var(--kite-typography-caption-1-weight, 400);
  --kite-typography-caption-style: var(--kite-typography-caption-1-style, normal);
  --kite-typography-caption-letter-spacing: var(--kite-typography-caption-1-letter-spacing, normal);
  --kite-accordion-border-width: var(--kite-border-width, 0.0625rem);
  --kite-accordion-padding-top: var(--kite-accordion-padding-top-sm, 1rem);
  --kite-accordion-padding-right: var(--kite-accordion-padding-right-sm, 1rem);
  --kite-accordion-padding-bottom: var(--kite-accordion-padding-bottom-sm, 1rem);
  --kite-accordion-padding-left: var(--kite-accordion-padding-left-sm, 1rem);
  --kite-accordion-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-accordion-icon-color: var(--kite-accordion-title-text-color, #000000);
  --kite-accordion-icon-transition-timing-function: var(--kite-accordion-icon-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-accordion-expanded-transition-timing-function: var(--kite-accordion-expanded-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-text-weight: var(--kite-typography-body-weight, 400);
  --kite-alert-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-alert-border-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-dismiss-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-link-text-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-title-letter-spacing: var(--kite-typography-body-letter-spacing, normal);
  --kite-alert-passive-caution-status-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-page-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-badge-border-width: var(--kite-border-width, 0.0625rem);
  --kite-badge-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-blockquote-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-button-group-item-margin-right: var(--kite-button-group-button-margin-right, 1.5rem);
  --kite-button-group-item-margin-bottom: var(--kite-button-group-button-margin-bottom, 1rem);
  --kite-button-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-button-border-width: var(--kite-border-width, 0.0625rem);
  --kite-button-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-button-focus-ring-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-button-focus-icon-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-hover-icon-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-press-icon-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-disabled-icon-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-icon-color: var(--kite-button-text-color, #ffffff);
  --kite-button-destructive-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-button-destructive-icon-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-background-color: var(--kite-button-background-color, #0073d1);
  --kite-button-primary-border-style: var(--kite-button-border-style, solid);
  --kite-button-primary-text-color: var(--kite-button-text-color, #ffffff);
  --kite-button-primary-press-background-color: var(--kite-button-press-background-color, #0062b2);
  --kite-button-primary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-primary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-background-color: var(--kite-button-focus-background-color, #0062b2);
  --kite-button-primary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-primary-hover-background-color: var(--kite-button-hover-background-color, #0062b2);
  --kite-button-primary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-primary-destructive-background-color: var(--kite-button-destructive-background-color, #d6312b);
  --kite-button-primary-destructive-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-background-color: var(--kite-button-destructive-disabled-background-color, #d8dde6);
  --kite-button-primary-destructive-disabled-border-color: var(--kite-button-destructive-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-icon-color: var(--kite-button-secondary-text-color, #0073d1);
  --kite-button-secondary-border-style: var(--kite-button-border-style, solid);
  --kite-button-secondary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-secondary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-secondary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-icon-color: var(--kite-button-secondary-destructive-text-color, #d6312b);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-style: var(--kite-button-border-style, solid);
  --kite-button-borderless-icon-color: var(--kite-button-borderless-text-color, #0073d1);
  --kite-button-borderless-focus-icon-color: var(--kite-button-borderless-focus-text-color, #0062b2);
  --kite-button-borderless-hover-icon-color: var(--kite-button-borderless-hover-text-color, #0062b2);
  --kite-button-borderless-press-icon-color: var(--kite-button-borderless-press-text-color, #0062b2);
  --kite-button-borderless-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-icon-color: var(--kite-button-borderless-destructive-text-color, #d6312b);
  --kite-button-borderless-destructive-focus-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-calendar-border-width: var(--kite-border-width, 0.0625rem);
  --kite-calendar-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-calendar-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-calendar-controls-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-due-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-calendar-day-out-month-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-out-range-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-standalone-background-color: var(--kite-card-background-color, #ffffff);
  --kite-card-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-card-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-card-border-style: var(--kite-container-border-style, solid);
  --kite-card-padding-top: var(--kite-card-padding-top-sm, 1rem);
  --kite-card-padding-right: var(--kite-card-padding-right-sm, 1rem);
  --kite-card-padding-bottom: var(--kite-card-padding-bottom-sm, 1rem);
  --kite-card-padding-left: var(--kite-card-padding-left-sm, 1rem);
  --kite-card-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-checkbox-border-style: var(--kite-form-control-border-style, solid);
  --kite-checkbox-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-checkbox-focus-ring-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-checkbox-selected-disabled-icon-color: var(--kite-checkbox-disabled-icon-color, #d8dde6);
  --kite-checkbox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-checkbox-disabled-label-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-checkbox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-checkbox-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-checkbox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-checkbox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-checkbox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-checkbox-group-checkbox-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-checkbox-indeterminate-background-color: var(--kite-checkbox-selected-background-color, #0073d1);
  --kite-checkbox-indeterminate-icon-color: var(--kite-checkbox-selected-icon-color, #ffffff);
  --kite-checkbox-indeterminate-disabled-background-color: var(--kite-checkbox-selected-disabled-background-color, #9ba9bd);
  --kite-chip-border-width: var(--kite-border-width, 0.0625rem);
  --kite-chip-selected-padding-top: var(--kite-chip-padding-top, 0.25rem);
  --kite-chip-selected-padding-bottom: var(--kite-chip-padding-bottom, 0.25rem);
  --kite-combobox-text-color: var(--kite-form-control-text-color, #000000);
  --kite-combobox-border-style: var(--kite-form-control-border-style, solid);
  --kite-combobox-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-combobox-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-combobox-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-combobox-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-combobox-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-combobox-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-combobox-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-combobox-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-combobox-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-combobox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-combobox-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-combobox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-combobox-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-combobox-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-combobox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-combobox-picker-offset-y: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-combobox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-combobox-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-combobox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-data-table-border-width: var(--kite-border-width, 0.0625rem);
  --kite-data-table-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-data-table-header-text-color: var(--kite-data-table-text-color, #000000);
  --kite-data-table-header-border-bottom-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-header-border-bottom-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-cell-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-padding-top: var(--kite-data-table-padding-top, 0.75rem);
  --kite-data-table-cell-padding-right: var(--kite-data-table-padding-right, 0.75rem);
  --kite-data-table-cell-padding-bottom: var(--kite-data-table-padding-bottom, 0.75rem);
  --kite-data-table-cell-padding-left: var(--kite-data-table-padding-left, 0.75rem);
  --kite-data-table-cell-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-cell-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-data-table-row-background-color: var(--kite-data-table-background-color, #ffffff);
  --kite-data-table-row-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-row-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-row-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-row-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-date-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-date-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-date-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-date-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-date-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-date-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-date-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-date-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-date-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-date-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-date-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-date-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-date-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-date-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0073d1);
  --kite-date-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-date-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-date-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-date-input-picker-offset: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-date-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-date-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-date-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-date-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-date-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dialog-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-dialog-border-style: var(--kite-container-border-style, solid);
  --kite-dialog-padding-top: var(--kite-dialog-full-size-padding-top, 3rem);
  --kite-dialog-padding-right: var(--kite-dialog-full-size-padding-right, 1rem);
  --kite-dialog-padding-bottom: var(--kite-dialog-full-size-padding-bottom, 1.25rem);
  --kite-dialog-padding-left: var(--kite-dialog-full-size-padding-left, 1rem);
  --kite-dialog-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dialog-breakpoint-md-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dialog-title-text-weight: var(--kite-typography-title-5-weight, 500);
  --kite-dialog-dismiss-icon-color: var(--kite-dialog-icon-color, #000000);
  --kite-dialog-scrolled-border-top-width: var(--kite-border-width, 0.0625rem);
  --kite-dialog-default-size-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-dropdown-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-dropdown-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-dropdown-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-dropdown-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-dropdown-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-dropdown-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-dropdown-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-dropdown-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-dropdown-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-dropdown-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-dropdown-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-dropdown-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-dropdown-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-dropdown-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-dropdown-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-dropdown-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dropdown-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-dropdown-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-dropdown-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dropdown-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-dropdown-inline-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-inline-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-inline-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dropdown-inline-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-dynamic-hint-background-color: var(--kite-card-background-color, #ffffff);
  --kite-dynamic-hint-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dynamic-hint-criteria-text-size: var(--kite-dynamic-hint-text-size, 1rem);
  --kite-dynamic-hint-criteria-text-color: var(--kite-dynamic-hint-text-color, #000000);
  --kite-interactive-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-interactive-list-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-interactive-list-item-border-color: var(--kite-interactive-list-border-color, #d8dde6);
  --kite-interactive-list-item-border-style: var(--kite-interactive-list-border-style, solid);
  --kite-interactive-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-interactive-list-item-padding-top-sm: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-sm: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-padding-top-md: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-md: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-padding-top-lg: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-lg: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-icon-color: var(--kite-interactive-list-item-text-color, #000000);
  --kite-interactive-list-item-label-text-color: var(--kite-interactive-list-item-text-color, #000000);
  --kite-interactive-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-interactive-list-item-disabled-icon-color: var(--kite-interactive-list-item-disabled-text-color, #9ba9bd);
  --kite-interactive-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-link-text-weight: var(--kite-typography-body-weight, 400);
  --kite-link-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-link-focus-text-color: var(--kite-link-text-color, #0073d1);
  --kite-link-icon-color: var(--kite-link-text-color, #0073d1);
  --kite-link-standalone-visited-icon-color: var(--kite-link-visited-text-color, #003561);
  --kite-link-standalone-icon-margin-left: var(--kite-link-icon-margin, 0.25rem);
  --kite-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-list-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-list-item-border-color: var(--kite-list-border-color, #d8dde6);
  --kite-list-item-border-style: var(--kite-list-border-style, solid);
  --kite-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-list-item-padding-top-sm: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-sm: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-md: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-md: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-lg: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-lg: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-slot-start-margin-right: var(--kite-list-start-margin-right, 0.5rem);
  --kite-list-item-slot-end-margin-left: var(--kite-list-end-margin-left, 0.5rem);
  --kite-list-item-icon-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-label-text-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-list-item-disabled-icon-color: var(--kite-list-item-disabled-text-color, #9ba9bd);
  --kite-list-item-expandable-content-padding-right: var(--kite-list-item-padding-right, 0.5rem);
  --kite-list-item-expandable-content-padding-bottom: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-expandable-content-padding-left: var(--kite-list-item-padding-left, 0.5rem);
  --kite-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-menu-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-menu-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-menu-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-menu-trigger-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-trigger-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-menu-contextual-label-trigger-padding-right: var(--kite-menu-trigger-padding-right, 0.75rem);
  --kite-menu-contextual-label-trigger-padding-left: var(--kite-menu-trigger-padding-left, 0.75rem);
  --kite-menu-contextual-label-trigger-activated-label-text-color: var(--kite-menu-trigger-activated-icon-color, #ffffff);
  --kite-menu-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-meter-icon-color: var(--kite-meter-fill-color, #5db8fc);
  --kite-meter-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-positive-icon-color: var(--kite-meter-positive-fill-color, #008516);
  --kite-meter-negative-icon-color: var(--kite-meter-negative-fill-color, #d6312b);
  --kite-meter-caution-icon-color: var(--kite-meter-caution-fill-color, #faa41a);
  --kite-meter-sm-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-lg-track-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-meter-circular-track-margin-bottom: var(--kite-meter-track-margin-bottom, 0.25rem);
  --kite-meter-circular-fill-color: var(--kite-meter-fill-color, #5db8fc);
  --kite-meter-circular-tick-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-sm-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-sm-value-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-value-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-lg-track-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-lg-tick-width: var(--kite-meter-circular-tick-width, 0.25rem);
  --kite-meter-linear-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-linear-small-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-linear-large-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-pagination-controls-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-border-width: var(--kite-border-width, 0.0625rem);
  --kite-pagination-controls-button-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-pagination-controls-button-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-pagination-page-select-current-label-margin-right: var(--kite-pagination-dropdown-margin-right, 0.25rem);
  --kite-pagination-page-select-current-label-margin-left: var(--kite-pagination-dropdown-margin-left, 0.25rem);
  --kite-pagination-dropdown-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-button-previous-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-previous-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-payment-logo-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-popover-background-color: var(--kite-card-background-color, #ffffff);
  --kite-popover-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-popover-trigger-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-popover-trigger-focus-ring-radius: var(--kite-border-radius-circle, 50%);
  --kite-popover-trigger-hover-icon-color: var(--kite-popover-trigger-icon-color, #0073d1);
  --kite-popover-dismiss-icon-color: var(--kite-popover-text-color, #000000);
  --kite-progress-indicator-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-progress-indicator-value-label-color: var(--kite-progress-indicator-fill-color, #0073d1);
  --kite-progress-indicator-secondary-label-weight: var(--kite-typography-body-weight, 400);
  --kite-progress-indicator-positive-icon-color: var(--kite-progress-indicator-positive-fill-color, #008516);
  --kite-progress-indicator-negative-icon-color: var(--kite-progress-indicator-negative-fill-color, #d6312b);
  --kite-progress-indicator-circular-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-progress-indicator-lg-sub-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-radio-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-radio-border-style: var(--kite-form-control-border-style, solid);
  --kite-radio-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-radio-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-radio-selected-border-width: var(--kite-radio-border-width, 0.125rem);
  --kite-radio-selected-disabled-indicator-background-color: var(--kite-radio-selected-disabled-border-color, #9ba9bd);
  --kite-radio-selected-indicator-background-color: var(--kite-radio-selected-border-color, #0073d1);
  --kite-radio-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-radio-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-radio-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-radio-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-radio-group-margin-top: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-radio-group-margin-bottom: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-search-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-search-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-search-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-search-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-search-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-search-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-search-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-search-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-search-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-search-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-search-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0073d1);
  --kite-search-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-search-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-search-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-search-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-search-input-placeholder-margin-right: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-placeholder-margin-left: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-search-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-text-color: var(--kite-form-control-text-color, #000000);
  --kite-select-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-select-border-style: var(--kite-form-control-border-style, solid);
  --kite-select-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-select-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-select-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-select-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-select-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-select-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-select-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-select-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-select-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-select-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-select-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-select-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-select-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-select-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-select-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-select-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-select-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-select-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-skip-link-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-skip-link-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-switch-transition-timing-function: var(--kite-switch-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-switch-thumb-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-switch-on-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-switch-indicator-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-tabs-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tabs-transition-timing-function: var(--kite-tabs-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-tab-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-tab-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tabs-panel-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tabs-item-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tag-border-width: var(--kite-border-width, 0.0625rem);
  --kite-tag-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tag-icon-color: var(--kite-tag-text-color, #000000);
  --kite-tag-negative-icon-color: var(--kite-tag-negative-border-color, #d6312b);
  --kite-tag-solid-caution-icon-color: var(--kite-tag-solid-caution-text-color, #000000);
  --kite-tag-solid-negative-icon-color: var(--kite-tag-solid-negative-text-color, #ffffff);
  --kite-tag-solid-neutral-icon-color: var(--kite-tag-solid-neutral-text-color, #000000);
  --kite-tag-solid-positive-icon-color: var(--kite-tag-solid-positive-text-color, #ffffff);
  --kite-text-area-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-area-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-area-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-area-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-area-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-area-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-area-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-area-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-area-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-area-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-area-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-area-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-area-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-area-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-area-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-area-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-area-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-area-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-area-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-area-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-area-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-area-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-area-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-input-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0073d1);
  --kite-text-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-text-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-text-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-input-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-secure-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-icon-height: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-confirm-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-secure-show-icon-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-time-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-time-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-time-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-time-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-time-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-time-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-time-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-time-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-time-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-time-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-time-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-time-input-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-time-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-time-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-time-input-label-color: var(--kite-form-control-label-text-color, #000000);
  --kite-time-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-time-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-time-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-time-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-toast-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-toast-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tooltip-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tooltip-entry-transition-timing-function: var(--kite-tooltip-entry-transition-curve, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-timing-function: var(--kite-tooltip-exit-transition-curve, cubic-bezier(0.42, 0, 1, 1));
  --kite-container-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-my-component-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-form-control-picker-list-item-border-color: var(--kite-form-control-picker-border-color, #d8dde6);
  --kite-form-control-picker-list-item-border-width: var(--kite-form-control-picker-border-width, 0.0625rem);
  --kite-typography-caption-margin-bottom: var(--kite-typography-caption-1-margin-bottom, 0.75rem);
  --kite-alert-passive-border-radius: var(--kite-alert-border-radius, 0.25rem);
  --kite-button-destructive-focus-icon-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-destructive-hover-icon-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-destructive-press-icon-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-destructive-disabled-icon-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-primary-icon-color: var(--kite-button-primary-text-color, #ffffff);
  --kite-button-primary-press-icon-color: var(--kite-button-primary-press-text-color, #ffffff);
  --kite-button-primary-disabled-icon-color: var(--kite-button-primary-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-icon-color: var(--kite-button-primary-focus-text-color, #ffffff);
  --kite-button-primary-hover-icon-color: var(--kite-button-primary-hover-text-color, #ffffff);
  --kite-button-primary-destructive-icon-color: var(--kite-button-primary-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-text-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-secondary-focus-icon-color: var(--kite-button-secondary-focus-text-color, #ffffff);
  --kite-button-secondary-hover-icon-color: var(--kite-button-secondary-hover-text-color, #ffffff);
  --kite-button-secondary-press-icon-color: var(--kite-button-secondary-press-text-color, #ffffff);
  --kite-button-secondary-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-secondary-destructive-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-borderless-disabled-icon-color: var(--kite-button-borderless-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-disabled-icon-color: var(--kite-button-borderless-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-icon-fill: var(--kite-button-icon-color, #ffffff);
  --kite-button-primary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff);
  --kite-button-primary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-button-primary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff);
  --kite-button-primary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff);
  --kite-button-secondary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff);
  --kite-button-secondary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-button-secondary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff);
  --kite-button-secondary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff);
  --kite-button-borderless-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-calendar-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-calendar-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-calendar-standalone-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-calendar-standalone-border-style: var(--kite-card-border-style, solid);
  --kite-calendar-standalone-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-card-border-width: var(--kite-container-border-width, 0.0625rem);
  --kite-checkbox-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-checkbox-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-checkbox-selected-disabled-border-color: var(--kite-checkbox-disabled-border-color, #9ba9bd);
  --kite-checkbox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-checkbox-error-feedback-icon-color: var(--kite-checkbox-error-feedback-text-color, #d6312b);
  --kite-checkbox-error-selected-background-color: var(--kite-checkbox-error-border-color, #d6312b);
  --kite-checkbox-indeterminate-disabled-icon-color: var(--kite-checkbox-selected-disabled-icon-color, #d8dde6);
  --kite-combobox-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-combobox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-data-table-header-border-bottom-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-focus-ring-color: var(--kite-data-table-focus-ring-color, #0062b2);
  --kite-data-table-row-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-row-focus-ring-color: var(--kite-data-table-focus-ring-color, #0062b2);
  --kite-data-table-sticky-column-background-color: var(--kite-data-table-row-background-color, #ffffff);
  --kite-date-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-date-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-dropdown-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-dropdown-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-dropdown-focus-ring-style: var(--kite-select-focus-ring-style, solid);
  --kite-dropdown-focus-ring-width: var(--kite-select-focus-ring-width, 0.125rem);
  --kite-dropdown-icon-color: var(--kite-dropdown-text-color, #000000);
  --kite-dropdown-inline-disabled-icon-color: var(--kite-dropdown-inline-disabled-text-color, #9ba9bd);
  --kite-dropdown-inline-placeholder-text-color: var(--kite-dropdown-inline-text-color, #000000);
  --kite-dynamic-hint-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-dynamic-hint-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-dynamic-hint-border-style: var(--kite-card-border-style, solid);
  --kite-dynamic-hint-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-dynamic-hint-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-dynamic-hint-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-dynamic-hint-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-dynamic-hint-arrow-background-color: var(--kite-dynamic-hint-background-color, #ffffff);
  --kite-interactive-list-item-border-width: var(--kite-interactive-list-border-width, 0.0625rem);
  --kite-interactive-list-item-action-icon-color: var(--kite-interactive-list-item-icon-color, #000000);
  --kite-interactive-list-item-disabled-action-icon-color: var(--kite-interactive-list-item-disabled-icon-color, #9ba9bd);
  --kite-link-standalone-focus-icon-color: var(--kite-link-focus-text-color, #0073d1);
  --kite-link-standalone-icon-color: var(--kite-link-icon-color, #0073d1);
  --kite-list-item-border-width: var(--kite-list-border-width, 0.0625rem);
  --kite-list-item-caution-label-text-color: var(--kite-list-item-label-text-color, #000000);
  --kite-list-item-action-icon-color: var(--kite-list-item-icon-color, #000000);
  --kite-list-item-disabled-action-icon-color: var(--kite-list-item-disabled-icon-color, #9ba9bd);
  --kite-meter-circular-icon-color: var(--kite-meter-circular-fill-color, #5db8fc);
  --kite-meter-circular-lg-tick-height: var(--kite-meter-circular-lg-track-height, 0.5rem);
  --kite-pagination-controls-button-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-pagination-controls-button-previous-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-popover-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-popover-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-popover-border-style: var(--kite-card-border-style, solid);
  --kite-popover-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-popover-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-popover-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-popover-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-popover-arrow-background-color: var(--kite-popover-background-color, #ffffff);
  --kite-popover-trigger-focus-icon-color: var(--kite-popover-trigger-hover-icon-color, #0073d1);
  --kite-popover-trigger-expanded-icon-color: var(--kite-popover-trigger-hover-icon-color, #0073d1);
  --kite-radio-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-radio-focus-ring-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-selected-border-style: var(--kite-radio-border-style, solid);
  --kite-radio-selected-focus-ring-style: var(--kite-radio-focus-ring-style, solid);
  --kite-radio-selected-indicator-border-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-search-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-search-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-select-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-select-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-select-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-switch-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-tag-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-text-area-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-area-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-area-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-text-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-input-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-text-input-secure-icon-color: var(--kite-text-input-addon-icon-color, #0073d1);
  --kite-text-input-secure-icon-focus-ring-style: var(--kite-text-input-focus-ring-style, solid);
  --kite-text-input-secure-icon-focus-ring-width: var(--kite-text-input-focus-ring-width, 0.125rem);
  --kite-text-input-secure-confirm-icon-margin-right: var(--kite-text-input-addon-padding-right, 0.5rem);
  --kite-text-input-secure-visible-icon-height: var(--kite-text-input-secure-icon-height, 1.5rem);
  --kite-text-input-secure-visible-icon-width: var(--kite-text-input-secure-icon-width, 1.5rem);
  --kite-time-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-time-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-time-input-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-tooltip-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-tooltip-border-style: var(--kite-card-border-style, solid);
  --kite-button-primary-destructive-focus-icon-color: var(--kite-button-primary-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-icon-color: var(--kite-button-primary-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-icon-color: var(--kite-button-primary-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-icon-color: var(--kite-button-primary-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-icon-color: var(--kite-button-secondary-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-icon-color: var(--kite-button-secondary-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-icon-color: var(--kite-button-secondary-destructive-press-text-color, #ffffff);
  --kite-calendar-standalone-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-checkbox-indeterminate-disabled-border-color: var(--kite-checkbox-selected-disabled-border-color, #9ba9bd);
  --kite-dropdown-focus-ring-color: var(--kite-select-focus-ring-color, #0062b2);
  --kite-dynamic-hint-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-dynamic-hint-arrow-border-color: var(--kite-dynamic-hint-border-color, #d8dde6);
  --kite-dynamic-hint-arrow-border-style: var(--kite-dynamic-hint-border-style, solid);
  --kite-popover-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-popover-arrow-border-color: var(--kite-popover-border-color, #d8dde6);
  --kite-popover-arrow-border-style: var(--kite-popover-border-style, solid);
  --kite-radio-selected-focus-ring-color: var(--kite-radio-focus-ring-color, #0062b2);
  --kite-text-input-secure-icon-focus-ring-color: var(--kite-text-input-focus-ring-color, #0062b2);
  --kite-text-input-secure-unmasked-icon-height: var(--kite-text-input-secure-visible-icon-height, 1.5rem);
  --kite-text-input-secure-unmasked-icon-width: var(--kite-text-input-secure-visible-icon-width, 1.5rem);
  --kite-text-input-secure-visible-icon-color: var(--kite-text-input-secure-icon-color, #0073d1);
  --kite-dynamic-hint-arrow-border-width: var(--kite-dynamic-hint-border-width, 0.0625rem);
  --kite-text-input-secure-unmasked-icon-color: var(--kite-text-input-secure-visible-icon-color, #0073d1);
}
.kite-theme--life-unltd-white {
  --kite-border-style-solid: solid;
  --kite-border-style-dashed: dashed;
  --kite-border-width-none: 0;
  --kite-color-dark-blue-10: #002e52;
  --kite-color-dark-blue-20: #002139;
  --kite-color-dark-blue-30: #000f1a;
  --kite-color-blue-10: #4da4ff;
  --kite-color-blue-20: #0271eb;
  --kite-color-blue-30: #0257b2;
  --kite-color-light-blue-10: #b8d4f2;
  --kite-color-light-blue-20: #73b7ff;
  --kite-color-light-blue-00: #e5f2ff;
  --kite-color-green-10: #00bf1f;
  --kite-color-green-20: #008516;
  --kite-color-green-00: #e8ffe8;
  --kite-color-yellow-10: #ffd400;
  --kite-color-yellow-20: #faa41a;
  --kite-color-yellow-00: #fff3e0;
  --kite-color-red-10: #ff4d4a;
  --kite-color-red-20: #d6312b;
  --kite-color-red-00: #ffefef;
  --kite-color-gray-10: #f8f8f8;
  --kite-color-gray-20: #d8dde6;
  --kite-color-gray-25: #9ba9bd;
  --kite-color-gray-30: #63738a;
  --kite-color-white: #ffffff;
  --kite-color-black: #000000;
  --kite-color-life-unlimited-accent-electric-blue: #0271eb;
  --kite-color-life-unlimited-accent-green: #03c252;
  --kite-color-life-unlimited-accent-orange: #ff8331;
  --kite-color-life-unlimited-accent-purple: #887dff;
  --kite-color-life-unlimited-accent-yellow: #ffcb3e;
  --kite-color-life-unlimited-primary-midnight-blue: #002139;
  --kite-color-life-unlimited-primary-white: #ffffff;
  --kite-color-life-unlimited-support-light-gray: #d5d5d5;
  --kite-color-negative-focus: #b00300;
  --kite-color-negative-hover: #b00300;
  --kite-color-negative-press: #b00300;
  --kite-cubic-bezier-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --kite-cubic-bezier-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --kite-cubic-bezier-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --kite-duration-200: 200ms;
  --kite-duration-400: 400ms;
  --kite-duration-750: 750ms;
  --kite-font-family-spectrum-sans:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --kite-font-family-monospace:
    Menlo,
    Monaco,
    "Andale Mono",
    "lucida console",
    "Courier New",
    monospace;
  --kite-font-family-rutledge:
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --kite-font-size-base: 16;
  --kite-font-size-px: 16px;
  --kite-font-size-rem: 1rem;
  --kite-font-style-normal: normal;
  --kite-font-style-italic: italic;
  --kite-font-weight-light: 300;
  --kite-font-weight-book: 350;
  --kite-font-weight-regular: 400;
  --kite-font-weight-medium: 500;
  --kite-font-weight-semi-bold: 600;
  --kite-font-weight-bold: 700;
  --kite-font-weight-extra-bold: 800;
  --kite-font-weight-normal: 400;
  --kite-letter-spacing-normal: normal;
  --kite-letter-spacing-sm: -0.0625rem;
  --kite-tracking-sm: -0.0625rem;
  --kite-tracking-normal: normal;
  --kite-tracking-md: normal;
  --kite-size-1: 0.0625rem;
  --kite-size-2: 0.125rem;
  --kite-size-4: 0.25rem;
  --kite-size-8: 0.5rem;
  --kite-size-12: 0.75rem;
  --kite-size-14: 0.875rem;
  --kite-size-16: 1rem;
  --kite-size-20: 1.25rem;
  --kite-size-24: 1.5rem;
  --kite-size-32: 2rem;
  --kite-size-40: 2.5rem;
  --kite-size-48: 3rem;
  --kite-size-percent-50: 50%;
  --kite-size-radius-pill: 624.9375rem;
  --kite-size-touch-target: 2.75rem;
  --kite-focus-ring-inset: -0.125rem;
  --kite-motion-duration-fast: 300ms;
  --kite-motion-duration-faster: 225ms;
  --kite-motion-duration-fastest: 195ms;
  --kite-motion-curve-default: cubic-bezier(0.4, 0, 0.2, 1);
  --kite-motion-curve-deceleration: cubic-bezier(0, 0, 0.2, 1);
  --kite-motion-curve-acceleration: cubic-bezier(0.4, 0, 1, 1);
  --kite-motion-curve-sharp: cubic-bezier(0.4, 0, 0.6, 1);
  --kite-layout-sm: 4rem;
  --kite-layout-md: 6rem;
  --kite-layout-lg: 8rem;
  --kite-layout-xl: 10rem;
  --kite-layout-2xl: 12rem;
  --kite-spacing-section-sm: 4rem;
  --kite-spacing-section-md: 5rem;
  --kite-spacing-section-lg: 6.25rem;
  --kite-spacing-section-xl: 7.5rem;
  --kite-my-component-margin-top: 0;
  --kite-my-component-margin-right: 0;
  --kite-my-component-margin-bottom: 0;
  --kite-my-component-margin-left: 0;
  --kite-my-component-disabled-cursor: not-allowed;
  --kite-my-component-cursor: pointer;
  --kite-my-component-my-deprecated-token-name: "deprecatedValue";
  --kite-breakpoint-xs-min: 0;
  --kite-breakpoint-xs-max: 479px;
  --kite-breakpoint-sm-min: 480px;
  --kite-breakpoint-sm-max: 599px;
  --kite-breakpoint-md-min: 600px;
  --kite-breakpoint-md-max: 839px;
  --kite-breakpoint-lg-min: 840px;
  --kite-breakpoint-lg-max: 959px;
  --kite-breakpoint-xl-min: 960px;
  --kite-breakpoint-xl-max: 1279px;
  --kite-breakpoint-2xl-min: 1280px;
  --kite-zindex-deepdive: -99999;
  --kite-zindex-default: 1;
  --kite-zindex-sticky: 1000;
  --kite-zindex-dropdown: 1100;
  --kite-zindex-dialog-backdrop: 1200;
  --kite-zindex-dialog: 1300;
  --kite-zindex-notification: 1600;
  --kite-zindex-moonshot: 99999;
  --kite-cursor-action: pointer;
  --kite-cursor-disabled: not-allowed;
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.1);
  --kite-form-control-text-line-height: 1.25;
  --kite-form-control-text-overflow: clip;
  --kite-form-control-border-radius: 0;
  --kite-form-control-margin-top: 0;
  --kite-form-control-margin-right: 0;
  --kite-form-control-margin-bottom: 0;
  --kite-form-control-margin-left: 0;
  --kite-form-control-max-width: 18rem;
  --kite-form-control-addon-padding-top: 0;
  --kite-form-control-addon-padding-bottom: 0;
  --kite-form-control-helper-text-size: 0.75rem;
  --kite-form-control-helper-text-line-height: 1.333;
  --kite-form-control-picker-transition-target-property: opacity;
  --kite-form-control-picker-min-width: 18rem;
  --kite-form-control-picker-backdrop-opacity: 0.8;
  --kite-form-control-picker-list-item-padding-top: 0.625rem;
  --kite-form-control-picker-list-item-padding-bottom: 0.625rem;
  --kite-form-control-picker-list-item-padding-left: 0;
  --kite-form-control-input-max-width: 18rem;
  --kite-grid-xs-columns: 4;
  --kite-grid-sm-columns: 4;
  --kite-grid-md-columns: 4;
  --kite-grid-lg-columns: 12;
  --kite-grid-xl-columns: 12;
  --kite-grid-2xl-columns: 12;
  --kite-grid-xxl-columns: 12;
  --kite-typography-sm-display-size: 3rem;
  --kite-typography-sm-display-line-height: 1.25;
  --kite-typography-sm-title-1-size: 2.625rem;
  --kite-typography-sm-title-1-line-height: 1.238;
  --kite-typography-sm-title-2-size: 2rem;
  --kite-typography-sm-title-2-line-height: 1.25;
  --kite-typography-sm-title-3-size: 1.75rem;
  --kite-typography-sm-title-3-line-height: 1.286;
  --kite-typography-sm-title-4-size: 1.5rem;
  --kite-typography-sm-title-4-line-height: 1.333;
  --kite-typography-sm-title-5-size: 1.25rem;
  --kite-typography-sm-title-5-line-height: 1.4;
  --kite-typography-sm-title-6-size: 1.125rem;
  --kite-typography-sm-title-6-line-height: 1.333;
  --kite-typography-sm-body-display-size: 1.25rem;
  --kite-typography-sm-body-display-line-height: 1.6;
  --kite-typography-sm-body-size: 1rem;
  --kite-typography-sm-body-line-height: 1.5;
  --kite-typography-sm-eyebrow-size: 0.875rem;
  --kite-typography-sm-eyebrow-line-height: 1.429;
  --kite-typography-sm-eyebrow-text-transform: uppercase;
  --kite-typography-sm-caption-1-size: 0.875rem;
  --kite-typography-sm-caption-1-line-height: 1.429;
  --kite-typography-sm-caption-2-size: 0.75rem;
  --kite-typography-sm-caption-2-line-height: 1.333;
  --kite-typography-lg-display-size: 4rem;
  --kite-typography-lg-display-line-height: 1.125;
  --kite-typography-lg-title-1-size: 3rem;
  --kite-typography-lg-title-1-line-height: 1.167;
  --kite-typography-lg-title-2-size: 2.625rem;
  --kite-typography-lg-title-2-line-height: 1.238;
  --kite-typography-lg-title-3-size: 2.25rem;
  --kite-typography-lg-title-3-line-height: 1.111;
  --kite-typography-lg-title-4-size: 1.75rem;
  --kite-typography-lg-title-4-line-height: 1.286;
  --kite-typography-lg-title-5-size: 1.5rem;
  --kite-typography-lg-title-5-line-height: 1.333;
  --kite-typography-lg-title-6-size: 1.25rem;
  --kite-typography-lg-title-6-line-height: 1.4;
  --kite-typography-lg-body-display-size: 1.25rem;
  --kite-typography-lg-body-display-line-height: 1.6;
  --kite-typography-lg-body-size: 1rem;
  --kite-typography-lg-body-line-height: 1.5;
  --kite-typography-lg-eyebrow-size: 1rem;
  --kite-typography-lg-eyebrow-line-height: 1.5;
  --kite-typography-lg-eyebrow-text-transform: uppercase;
  --kite-typography-lg-caption-1-size: 0.875rem;
  --kite-typography-lg-caption-1-line-height: 1.429;
  --kite-typography-lg-caption-2-size: 0.75rem;
  --kite-typography-lg-caption-2-line-height: 1.333;
  --kite-typography-sm-caption-size: 0.875rem;
  --kite-typography-sm-caption-line-height: 1.429;
  --kite-typography-lg-caption-size: 0.875rem;
  --kite-typography-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-sm-display-size: 3rem;
  --kite-typography-rutledge-sm-display-line-height: 1.25;
  --kite-typography-rutledge-sm-title-1-size: 2.5rem;
  --kite-typography-rutledge-sm-title-1-line-height: 1.3;
  --kite-typography-rutledge-sm-title-2-size: 2.25rem;
  --kite-typography-rutledge-sm-title-2-line-height: 1.222;
  --kite-typography-rutledge-sm-title-3-size: 2rem;
  --kite-typography-rutledge-sm-title-3-line-height: 1.25;
  --kite-typography-rutledge-sm-title-4-size: 1.75rem;
  --kite-typography-rutledge-sm-title-4-line-height: 1.286;
  --kite-typography-rutledge-sm-title-5-size: 1.5rem;
  --kite-typography-rutledge-sm-title-5-line-height: 1.25;
  --kite-typography-rutledge-sm-title-6-size: 1.25rem;
  --kite-typography-rutledge-sm-title-6-line-height: 1.3;
  --kite-typography-rutledge-sm-body-display-size: 1.25rem;
  --kite-typography-rutledge-sm-body-display-line-height: 1.3;
  --kite-typography-rutledge-sm-body-size: 1rem;
  --kite-typography-rutledge-sm-body-line-height: 1.5;
  --kite-typography-rutledge-sm-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-sm-eyebrow-style: uppercase;
  --kite-typography-rutledge-sm-eyebrow-line-height: 1.571;
  --kite-typography-rutledge-sm-caption-size: 0.875rem;
  --kite-typography-rutledge-sm-caption-line-height: 1.571;
  --kite-typography-rutledge-lg-display-size: 4rem;
  --kite-typography-rutledge-lg-display-line-height: 1.125;
  --kite-typography-rutledge-lg-title-1-size: 3rem;
  --kite-typography-rutledge-lg-title-1-line-height: 1.25;
  --kite-typography-rutledge-lg-title-2-size: 2.5rem;
  --kite-typography-rutledge-lg-title-2-line-height: 1.25;
  --kite-typography-rutledge-lg-title-3-size: 2.25rem;
  --kite-typography-rutledge-lg-title-3-line-height: 1.222;
  --kite-typography-rutledge-lg-title-4-size: 2rem;
  --kite-typography-rutledge-lg-title-4-line-height: 1.25;
  --kite-typography-rutledge-lg-title-5-size: 1.5rem;
  --kite-typography-rutledge-lg-title-5-line-height: 1.25;
  --kite-typography-rutledge-lg-title-6-size: 1.25rem;
  --kite-typography-rutledge-lg-title-6-line-height: 1.3;
  --kite-typography-rutledge-lg-body-display-size: 1.25rem;
  --kite-typography-rutledge-lg-body-display-line-height: 1.3;
  --kite-typography-rutledge-lg-body-size: 1rem;
  --kite-typography-rutledge-lg-body-line-height: 1.5;
  --kite-typography-rutledge-lg-eyebrow-size: 1rem;
  --kite-typography-rutledge-lg-eyebrow-style: uppercase;
  --kite-typography-rutledge-lg-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-lg-caption-size: 0.875rem;
  --kite-typography-rutledge-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-xxs-title-1-size: 1.3125rem;
  --kite-typography-rutledge-xxs-title-1-line-height: 1.333;
  --kite-typography-rutledge-xxs-title-2-size: 1.125rem;
  --kite-typography-rutledge-xxs-title-2-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-3-size: 1rem;
  --kite-typography-rutledge-xxs-title-3-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-4-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-4-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-5-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-5-line-height: 1.5;
  --kite-typography-rutledge-xxs-body-size: 0.875rem;
  --kite-typography-rutledge-xxs-body-line-height: 1.5;
  --kite-typography-rutledge-xxs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xxs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xxs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xxs-caption-size: 0.75rem;
  --kite-typography-rutledge-xxs-caption-line-height: 1.5;
  --kite-typography-rutledge-xs-title-1-size: 1.4375rem;
  --kite-typography-rutledge-xs-title-1-line-height: 1.304;
  --kite-typography-rutledge-xs-title-2-size: 1.1875rem;
  --kite-typography-rutledge-xs-title-2-line-height: 1.421;
  --kite-typography-rutledge-xs-title-3-size: 1.0625rem;
  --kite-typography-rutledge-xs-title-3-line-height: 1.471;
  --kite-typography-rutledge-xs-title-4-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-4-line-height: 1.533;
  --kite-typography-rutledge-xs-title-5-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-5-line-height: 1.533;
  --kite-typography-rutledge-xs-body-size: 0.9375rem;
  --kite-typography-rutledge-xs-body-line-height: 1.533;
  --kite-typography-rutledge-xs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xs-caption-size: 0.75rem;
  --kite-typography-rutledge-xs-caption-line-height: 1.5;
  --kite-typography-rutledge-md-title-1-size: 2.25rem;
  --kite-typography-rutledge-md-title-1-line-height: 1.25;
  --kite-typography-rutledge-md-title-2-size: 1.75rem;
  --kite-typography-rutledge-md-title-2-line-height: 1.286;
  --kite-typography-rutledge-md-title-3-size: 1.5rem;
  --kite-typography-rutledge-md-title-3-line-height: 1.292;
  --kite-typography-rutledge-md-title-4-size: 1.25rem;
  --kite-typography-rutledge-md-title-4-line-height: 1.05;
  --kite-typography-rutledge-md-title-5-size: 1rem;
  --kite-typography-rutledge-md-title-5-line-height: 1.5;
  --kite-typography-rutledge-md-body-size: 1rem;
  --kite-typography-rutledge-md-body-line-height: 1.5;
  --kite-typography-rutledge-md-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-md-eyebrow-style: uppercase;
  --kite-typography-rutledge-md-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-md-caption-size: 0.75rem;
  --kite-typography-rutledge-md-caption-line-height: 1.75;
  --kite-typography-rutledge-xl-title-1-size: 3.5rem;
  --kite-typography-rutledge-xl-title-1-line-height: 1.393;
  --kite-typography-rutledge-xl-title-2-size: 2.625rem;
  --kite-typography-rutledge-xl-title-2-line-height: 1.429;
  --kite-typography-rutledge-xl-title-3-size: 2.25rem;
  --kite-typography-rutledge-xl-title-3-line-height: 1.056;
  --kite-typography-rutledge-xl-title-4-size: 1.75rem;
  --kite-typography-rutledge-xl-title-4-line-height: 0.964;
  --kite-typography-rutledge-xl-title-5-size: 1.5rem;
  --kite-typography-rutledge-xl-title-5-line-height: 1;
  --kite-typography-rutledge-xl-body-size: 1.5rem;
  --kite-typography-rutledge-xl-body-line-height: 1.333;
  --kite-typography-rutledge-xl-eyebrow-size: 1.375rem;
  --kite-typography-rutledge-xl-eyebrow-style: uppercase;
  --kite-typography-rutledge-xl-eyebrow-line-height: 1.091;
  --kite-typography-rutledge-xl-caption-size: 1.25rem;
  --kite-typography-rutledge-xl-caption-line-height: 1.2;
  --kite-accordion-background-color: rgba(0, 0, 0, 0);
  --kite-accordion-border-radius: 0;
  --kite-accordion-margin-top: 0;
  --kite-accordion-margin-right: 0;
  --kite-accordion-margin-bottom: 0;
  --kite-accordion-margin-left: 0;
  --kite-accordion-trigger-width: 100%;
  --kite-accordion-expanded-padding-top: 0;
  --kite-accordion-hover-background-opacity: 0.02;
  --kite-accordion-hover-background-opacity-dark: 0.05;
  --kite-alert-text-align: left;
  --kite-alert-margin-top: 0;
  --kite-alert-margin-right: 0;
  --kite-alert-margin-bottom: 0;
  --kite-alert-margin-left: 0;
  --kite-alert-border-left-style: solid;
  --kite-alert-dismiss-icon-margin-right: 0;
  --kite-alert-passive-margin-top: 0;
  --kite-alert-passive-min-width: 17.5rem;
  --kite-alert-passive-breakpoint-lg-margin-bottom: 0;
  --kite-alert-passive-breakpoint-lg-margin-left: 0;
  --kite-alert-passive-breakpoint-lg-max-width: 31.25rem;
  --kite-alert-passive-breakpoint-lg-offset-x: 0;
  --kite-alert-passive-breakpoint-lg-offset-y: 0;
  --kite-alert-passive-offset-x: 0;
  --kite-alert-passive-offset-y: 0;
  --kite-alert-passive-timeout: 0;
  --kite-alert-page-border-style: solid;
  --kite-alert-page-border-left-style: solid;
  --kite-badge-border-color: rgba(0, 0, 0, 0);
  --kite-badge-margin-top: 0;
  --kite-badge-margin-bottom: 0;
  --kite-blockquote-background-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-radius: 0;
  --kite-blockquote-border-width: 0;
  --kite-blockquote-cite-punctuation: "\2014\a0";
  --kite-blockquote-cite-text-size: 80%;
  --kite-button-text-align: left;
  --kite-button-text-line-height: 1.5;
  --kite-button-border-color: rgba(0, 0, 0, 0);
  --kite-button-margin-top: 0;
  --kite-button-margin-right: 0;
  --kite-button-margin-bottom: 0;
  --kite-button-margin-left: 0;
  --kite-button-padding-top: 0.625rem;
  --kite-button-padding-bottom: 0.625rem;
  --kite-button-width: 100%;
  --kite-button-secondary-background-color: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color: rgba(0, 0, 0, 0);
  --kite-button-shrinkwrap-width: auto;
  --kite-button-shrinkwrap-min-width-sm: 5.625rem;
  --kite-button-shrinkwrap-min-width-md: 8.125rem;
  --kite-button-shrinkwrap-min-width-lg: 13.125rem;
  --kite-button-shrinkwrap-min-width-xl: 18rem;
  --kite-button-primary-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-disabled-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-primary-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-disabled-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-secondary-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-active-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-active-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-disabled-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-disabled-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-focus-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-focus-border-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-hover-background-color-dark: rgba(0, 0, 0, 0);
  --kite-button-borderless-hover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-calendar-margin-top: 0;
  --kite-calendar-margin-right: 0;
  --kite-calendar-margin-bottom: 0;
  --kite-calendar-margin-left: 0;
  --kite-calendar-day-text-align: center;
  --kite-calendar-day-due-text-size: 0.625rem;
  --kite-calendar-day-due-text-line-height: 1.3;
  --kite-calendar-day-due-text-transform: uppercase;
  --kite-calendar-day-due-offset: 0.3125rem;
  --kite-calendar-month-year-margin-right: 0;
  --kite-calendar-month-year-margin-left: 0;
  --kite-calendar-standalone-padding-top: 0;
  --kite-calendar-standalone-padding-right: 0;
  --kite-calendar-standalone-padding-left: 0;
  --kite-calendar-standalone-min-width: 18rem;
  --kite-calendar-standalone-min-height: 18.625rem;
  --kite-calendar-day-disabled-text-decoration-line: line-through;
  --kite-card-margin-top: 0;
  --kite-card-margin-right: 0;
  --kite-card-margin-bottom: 0;
  --kite-card-margin-left: 0;
  --kite-checkbox-background-color: rgba(0, 0, 0, 0);
  --kite-checkbox-margin-top: 0;
  --kite-checkbox-margin-right: 0;
  --kite-checkbox-margin-left: 0;
  --kite-checkbox-hover-background: rgba(0, 0, 0, 0);
  --kite-checkbox-label-margin-bottom: 0;
  --kite-checkbox-background-color-dark: rgba(0, 0, 0, 0);
  --kite-chip-margin-top: 0;
  --kite-chip-margin-left: 0;
  --kite-chip-focus-ring-offset: 0.375rem;
  --kite-chip-selected-padding-right: 1.1875rem;
  --kite-chip-selected-padding-left: 1.1875rem;
  --kite-chip-icon-width: 1.125rem;
  --kite-chip-icon-height: 1.125rem;
  --kite-chip-multiline-height: auto;
  --kite-combobox-margin-top: 0;
  --kite-combobox-margin-right: 0;
  --kite-combobox-margin-bottom: 0;
  --kite-combobox-margin-left: 0;
  --kite-combobox-picker-offset-x: 0;
  --kite-data-table-text-align: left;
  --kite-data-table-text-line-height: 1.571;
  --kite-data-table-border-radius: 0;
  --kite-data-table-margin-top: 0;
  --kite-data-table-margin-right: 0;
  --kite-data-table-margin-bottom: 0;
  --kite-data-table-margin-left: 0;
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.2);
  --kite-data-table-scroll-shadow-width: 5px;
  --kite-data-table-menu-cell-padding-right: 0;
  --kite-data-table-menu-cell-padding-left: 0;
  --kite-data-table-menu-column-padding-top: 0;
  --kite-data-table-menu-column-padding-right: 0;
  --kite-data-table-menu-column-padding-bottom: 0;
  --kite-data-table-menu-column-padding-left: 0;
  --kite-data-table-menu-column-width: 2.75rem;
  --kite-data-table-title-row-border-bottom-style: solid;
  --kite-date-input-margin-top: 0;
  --kite-date-input-margin-right: 0;
  --kite-date-input-margin-bottom: 0;
  --kite-date-input-margin-left: 0;
  --kite-date-input-picker-padding-top: 0;
  --kite-date-input-label-height: 1.5rem;
  --kite-dialog-text-align: left;
  --kite-dialog-text-line-height: 1.625;
  --kite-dialog-border-radius: 0;
  --kite-dialog-margin-top: 0;
  --kite-dialog-margin-right: 0;
  --kite-dialog-margin-bottom: 0;
  --kite-dialog-margin-left: 0;
  --kite-dialog-max-width: 42.5rem;
  --kite-dialog-breakpoint-md-width: 75%;
  --kite-dialog-breakpoint-md-max-height: 72%;
  --kite-dialog-breakpoint-lg-width: 66.66%;
  --kite-dialog-breakpoint-lg-max-height: 72%;
  --kite-dialog-breakpoint-xl-width: 66.66%;
  --kite-dialog-breakpoint-xl-max-height: 84%;
  --kite-dialog-breakpoint-2xl-width: 50%;
  --kite-dialog-breakpoint-2xl-max-height: 84%;
  --kite-dialog-position-x: center;
  --kite-dialog-position-y: center;
  --kite-dialog-transition-duration: 0;
  --kite-dialog-overlay-opacity: 0.8;
  --kite-dialog-content-padding-top: 0;
  --kite-dialog-button-min-width: 15.25rem;
  --kite-dialog-full-size-width: 100%;
  --kite-dialog-full-size-height: 100%;
  --kite-dialog-default-size-md-max-height: 72%;
  --kite-dialog-default-size-lg-max-height: 72%;
  --kite-dialog-default-size-xl-max-height: 84%;
  --kite-dialog-default-size-xxl-max-height: 84%;
  --kite-dropdown-text-overflow: ellipsis;
  --kite-dropdown-margin-top: 0;
  --kite-dropdown-margin-right: 0;
  --kite-dropdown-margin-left: 0;
  --kite-dropdown-list-min-width: 10.5rem;
  --kite-dropdown-list-activated-opacity: 1;
  --kite-dropdown-list-opacity: 0;
  --kite-dropdown-list-transition-target-property: opacity;
  --kite-dropdown-list-item-padding-left: 0;
  --kite-dropdown-inline-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-margin-top: 0;
  --kite-dropdown-inline-margin-right: 0;
  --kite-dropdown-inline-margin-bottom: 0;
  --kite-dropdown-inline-margin-left: 0;
  --kite-dropdown-inline-padding-top: 0;
  --kite-dropdown-inline-padding-right: 0;
  --kite-dropdown-inline-padding-bottom: 0;
  --kite-dropdown-inline-padding-left: 0;
  --kite-dropdown-inline-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-dropdown-list-hidden-opacity: 0;
  --kite-dropdown-list-visible-opacity: 1;
  --kite-dropdown-inline-background-color-dark: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color-dark: rgba(0, 0, 0, 0);
  --kite-dynamic-hint-border-color-dark: rgba(0, 0, 0, 0);
  --kite-dynamic-hint-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-arrow-border-color-dark: rgba(0, 0, 0, 0);
  --kite-interactive-list-background-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-border-radius: 0;
  --kite-interactive-list-margin-top: 0;
  --kite-interactive-list-margin-right: 0;
  --kite-interactive-list-margin-bottom: 0;
  --kite-interactive-list-margin-left: 0;
  --kite-interactive-list-padding-top: 0;
  --kite-interactive-list-padding-right: 0;
  --kite-interactive-list-padding-bottom: 0;
  --kite-interactive-list-padding-left: 0;
  --kite-interactive-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-margin-top: 0;
  --kite-interactive-list-item-margin-right: 0;
  --kite-interactive-list-item-margin-bottom: 0;
  --kite-interactive-list-item-margin-left: 0;
  --kite-interactive-list-item-title-text-line-height: 1.2;
  --kite-interactive-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-interactive-list-image-max-width: 5rem;
  --kite-interactive-list-image-max-height: 5rem;
  --kite-interactive-list-start-max-width: 5rem;
  --kite-interactive-list-item-hover-background-color-dark:
    255,
    255,
    255;
  --kite-interactive-list-item-hover-background-opacity-dark: 0.05;
  --kite-interactive-list-md-padding-top: 0;
  --kite-interactive-list-md-padding-bottom: 0;
  --kite-interactive-list-xl-padding-top: 0;
  --kite-interactive-list-xl-padding-bottom: 0;
  --kite-interactive-list-xxl-padding-top: 0;
  --kite-interactive-list-xxl-padding-bottom: 0;
  --kite-interactive-list-item-hover-background-opacity: 0.02;
  --kite-link-background-color: rgba(0, 0, 0, 0);
  --kite-link-text-decoration-line: underline;
  --kite-link-border-radius: 0;
  --kite-link-border-width: 0;
  --kite-link-margin-top: 0;
  --kite-link-margin-right: 0;
  --kite-link-margin-bottom: 0;
  --kite-link-margin-left: 0;
  --kite-link-padding-top: 0;
  --kite-link-padding-right: 0;
  --kite-link-padding-bottom: 0;
  --kite-link-padding-left: 0;
  --kite-link-standalone-text-decoration-line: none;
  --kite-link-standalone-hover-text-decoration: underline;
  --kite-link-standalone-press-text-decoration: underline;
  --kite-list-background-color: rgba(0, 0, 0, 0);
  --kite-list-border-radius: 0;
  --kite-list-margin-top: 0;
  --kite-list-margin-right: 0;
  --kite-list-margin-bottom: 0;
  --kite-list-margin-left: 0;
  --kite-list-padding-top: 0;
  --kite-list-padding-right: 0;
  --kite-list-padding-bottom: 0;
  --kite-list-padding-left: 0;
  --kite-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-list-item-margin-top: 0;
  --kite-list-item-margin-right: 0;
  --kite-list-item-margin-bottom: 0;
  --kite-list-item-margin-left: 0;
  --kite-list-item-image-md-max-width: 3.75rem;
  --kite-list-item-image-md-max-height: 3.75rem;
  --kite-list-item-image-lg-max-width: 5rem;
  --kite-list-item-image-lg-max-height: 5rem;
  --kite-list-item-payment-logo-border-radius: 0;
  --kite-list-item-payment-logo-margin-top: 0;
  --kite-list-item-expandable-content-padding-top: 0;
  --kite-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-list-item-payment-logo-margin: 0;
  --kite-list-start-max-width: 5rem;
  --kite-menu-list-min-width: 10.5rem;
  --kite-menu-list-activated-opacity: 1;
  --kite-menu-list-opacity: 0;
  --kite-menu-list-transition-target-property: opacity;
  --kite-menu-list-item-padding-top: 0.625rem;
  --kite-menu-list-item-padding-bottom: 0.625rem;
  --kite-menu-trigger-background-color: rgba(0, 0, 0, 0);
  --kite-menu-trigger-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-menu-contextual-label-trigger-padding-top: 0.625rem;
  --kite-menu-contextual-label-trigger-padding-bottom: 0.625rem;
  --kite-menu-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-menu-list-hidden-opacity: 0;
  --kite-menu-list-visible-opacity: 1;
  --kite-menu-list-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1);
  --kite-meter-circular-width: 5.5rem;
  --kite-meter-circular-width-px: 88px;
  --kite-meter-circular-track-height-px: 8px;
  --kite-meter-circular-sm-width-px: 24px;
  --kite-meter-circular-sm-track-height: 0.125rem;
  --kite-meter-circular-sm-track-height-px: 2px;
  --kite-meter-circular-sm-tick-width: 0.125rem;
  --kite-meter-circular-sm-icon-margin: 0.375rem;
  --kite-meter-circular-lg-width: 9.25rem;
  --kite-meter-circular-lg-width-px: 148px;
  --kite-meter-linear-label-text-size: 0.875rem;
  --kite-meter-linear-value-label-text-size: 0.875rem;
  --kite-meter-linear-small-label-text-size: 0.875rem;
  --kite-meter-linear-small-value-label-text-size: 0.875rem;
  --kite-meter-linear-large-label-text-size: 1rem;
  --kite-meter-linear-large-value-label-text-size: 1rem;
  --kite-meter-circular-small-height: 5.5rem;
  --kite-meter-circular-small-width: 5.5rem;
  --kite-meter-circular-small-status-icon-margin: 0.375rem;
  --kite-meter-circular-small-track-height: 0.125rem;
  --kite-meter-circular-small-label-text-size: 0.875rem;
  --kite-meter-circular-large-height: 9.25rem;
  --kite-meter-circular-large-width: 9.25rem;
  --kite-meter-circular-large-label-text-size: 0.875rem;
  --kite-pagination-controls-margin-top: 0;
  --kite-pagination-controls-breakpoint-lg-margin-bottom: 0;
  --kite-pagination-controls-button-background-color: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-border-radius: 0;
  --kite-pagination-controls-button-width: 4rem;
  --kite-pagination-controls-button-height: 3.25rem;
  --kite-pagination-page-select-current-label-padding-top: 0.625rem;
  --kite-pagination-page-select-current-label-padding-right: 0.625rem;
  --kite-pagination-page-select-current-label-padding-bottom: 0.625rem;
  --kite-pagination-page-select-current-label-padding-left: 0.625rem;
  --kite-pagination-dropdown-margin-top: 0;
  --kite-pagination-dropdown-margin-bottom: 0;
  --kite-pagination-controls-background-color-dark: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-background-color-dark: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-previous-border-radius: 0;
  --kite-payment-logo-border-color: rgba(0, 0, 0, 0);
  --kite-payment-logo-margin-top: 0;
  --kite-payment-logo-margin-right: 0;
  --kite-payment-logo-margin-bottom: 0;
  --kite-payment-logo-margin-left: 0;
  --kite-payment-logo-padding-top: 0;
  --kite-payment-logo-padding-right: 0;
  --kite-payment-logo-padding-bottom: 0;
  --kite-payment-logo-padding-left: 0;
  --kite-popover-text-align: left;
  --kite-popover-max-width: 100%;
  --kite-popover-max-height: 37.5rem;
  --kite-popover-trigger-margin-top: 0;
  --kite-popover-trigger-margin-right: 0;
  --kite-popover-trigger-margin-bottom: 0;
  --kite-popover-trigger-focus-ring-offset: 0.0625rem;
  --kite-popover-dismiss-icon-margin-top: 0;
  --kite-popover-dismiss-icon-margin-right: 0;
  --kite-popover-dismiss-icon-margin-left: 0;
  --kite-popover-border-color-dark: rgba(0, 0, 0, 0);
  --kite-popover-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-popover-arrow-border-color-dark: rgba(0, 0, 0, 0);
  --kite-progress-indicator-background-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-radius: 0;
  --kite-progress-indicator-margin-top: 0;
  --kite-progress-indicator-margin-right: 0;
  --kite-progress-indicator-margin-bottom: 0;
  --kite-progress-indicator-margin-left: 0;
  --kite-progress-indicator-padding-top: 0;
  --kite-progress-indicator-padding-right: 0;
  --kite-progress-indicator-padding-bottom: 0;
  --kite-progress-indicator-padding-left: 0;
  --kite-progress-indicator-transition-delay: 500ms;
  --kite-progress-indicator-label-text-align: left;
  --kite-progress-indicator-track-size-px: 4px;
  --kite-progress-indicator-backdrop-opacity: 0.95;
  --kite-progress-indicator-circular-width: 2.5rem;
  --kite-progress-indicator-circular-width-px: 40px;
  --kite-progress-indicator-circular-track-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-circular-label-text-line-height: 1.4;
  --kite-progress-indicator-circular-label-text-align: center;
  --kite-progress-indicator-circular-icon-width: 2.75rem;
  --kite-progress-indicator-circular-sm-track-size-px: 2px;
  --kite-progress-indicator-circular-sm-width-px: 24px;
  --kite-progress-indicator-circular-sm-icon-width: 1.625rem;
  --kite-progress-indicator-circular-lg-track-size-px: 4px;
  --kite-progress-indicator-circular-lg-width: 5rem;
  --kite-progress-indicator-circular-lg-width-px: 80px;
  --kite-progress-indicator-circular-lg-icon-width: 5rem;
  --kite-progress-indicator-border-color-dark: rgba(0, 0, 0, 0);
  --kite-progress-indicator-lg-height: 5rem;
  --kite-progress-indicator-lg-width: 5rem;
  --kite-progress-indicator-md-height: 2.5rem;
  --kite-progress-indicator-md-width: 2.5rem;
  --kite-radio-background-color: rgba(0, 0, 0, 0);
  --kite-radio-margin-top: 0;
  --kite-radio-margin-right: 0;
  --kite-radio-margin-left: 0;
  --kite-radio-padding-top: 0;
  --kite-radio-padding-right: 0;
  --kite-radio-padding-bottom: 0;
  --kite-radio-padding-left: 0;
  --kite-radio-label-margin-bottom: 0;
  --kite-radio-input-margin-left: 0;
  --kite-search-input-margin-top: 0;
  --kite-search-input-margin-right: 0;
  --kite-search-input-margin-bottom: 0;
  --kite-search-input-margin-left: 0;
  --kite-select-text-overflow: ellipsis;
  --kite-select-margin-top: 0;
  --kite-select-margin-right: 0;
  --kite-select-margin-left: 0;
  --kite-skip-link-text-line-height: 1;
  --kite-skip-link-margin-top: 0;
  --kite-skip-link-margin-right: 0;
  --kite-skip-link-margin-bottom: 0;
  --kite-skip-link-margin-left: 0;
  --kite-skip-link-position: absolute;
  --kite-switch-background-color: rgba(0, 0, 0, 0);
  --kite-switch-border-radius: 0;
  --kite-switch-border-width: 0;
  --kite-switch-margin-top: 0;
  --kite-switch-margin-right: 0;
  --kite-switch-margin-left: 0;
  --kite-switch-padding-top: 0;
  --kite-switch-padding-right: 0;
  --kite-switch-padding-bottom: 0;
  --kite-switch-padding-left: 0;
  --kite-switch-disabled-track-opacity: 1;
  --kite-switch-track-opacity: 1;
  --kite-switch-on-track-opacity: 1;
  --kite-switch-on-disabled-track-opacity: 1;
  --kite-tabs-background-color: rgba(0, 0, 0, 0);
  --kite-tabs-border-radius: 0;
  --kite-tabs-border-width: 0;
  --kite-tabs-margin-top: 0;
  --kite-tabs-margin-right: 0;
  --kite-tabs-margin-bottom: 0;
  --kite-tabs-margin-left: 0;
  --kite-tabs-padding-top: 0;
  --kite-tabs-padding-right: 0;
  --kite-tabs-padding-bottom: 0;
  --kite-tabs-padding-left: 0;
  --kite-tabs-tab-background: rgba(0, 0, 0, 0);
  --kite-tabs-tab-text-align: center;
  --kite-tabs-tab-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-tab-min-width: 5.625rem;
  --kite-tabs-panel-padding-right: 0;
  --kite-tabs-panel-padding-bottom: 0;
  --kite-tabs-panel-padding-left: 0;
  --kite-tabs-item-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-item-border-bottom-color-dark: rgba(0, 0, 0, 0);
  --kite-tabs-item-min-width: 5.625rem;
  --kite-tag-text-line-height: 1.714;
  --kite-tag-margin-top: 0;
  --kite-tag-margin-right: 0;
  --kite-tag-margin-bottom: 0;
  --kite-tag-margin-left: 0;
  --kite-tag-padding-top: 0;
  --kite-tag-padding-bottom: 0;
  --kite-tag-solid-border-color: rgba(0, 0, 0, 0);
  --kite-text-area-margin-top: 0;
  --kite-text-area-margin-right: 0;
  --kite-text-area-margin-left: 0;
  --kite-text-area-min-height: 7.375rem;
  --kite-text-input-margin-top: 0;
  --kite-text-input-margin-right: 0;
  --kite-text-input-margin-left: 0;
  --kite-time-input-margin-top: 0;
  --kite-time-input-margin-right: 0;
  --kite-time-input-margin-bottom: 0;
  --kite-time-input-margin-left: 0;
  --kite-time-input-icon-margin-right: 0;
  --kite-time-input-placeholder-margin-left: 0;
  --kite-toast-border-color: rgba(0, 0, 0, 0);
  --kite-toast-border-width: 0;
  --kite-toast-margin-right: 0;
  --kite-toast-margin-left: 0;
  --kite-toast-max-width: 20rem;
  --kite-toast-icon-height: 1.125rem;
  --kite-toast-icon-width: 1.125rem;
  --kite-toast-line-height: 1.25;
  --kite-toast-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1);
  --kite-tooltip-border-color: rgba(0, 0, 0, 0);
  --kite-tooltip-border-width: 0;
  --kite-tooltip-margin-top: 0;
  --kite-tooltip-margin-right: 0;
  --kite-tooltip-margin-bottom: 0;
  --kite-tooltip-margin-left: 0;
  --kite-tooltip-max-width: 90%;
  --kite-tooltip-max-height: 4.25rem;
  --kite-tooltip-offset: 0;
  --kite-tooltip-breakpoint-sm-max-width: 20.3125rem;
  --kite-tooltip-arrow-directional-offset: 0;
  --kite-border-width-thin: var(--kite-size-1, 0.0625rem);
  --kite-border-width-thick: var(--kite-size-2, 0.125rem);
  --kite-color-background: var(--kite-color-white, #ffffff);
  --kite-color-background-secondary: var(--kite-color-gray-10, #f8f8f8);
  --kite-color-text: var(--kite-color-black, #000000);
  --kite-color-text-secondary: var(--kite-color-gray-30, #63738a);
  --kite-color-primary: var(--kite-color-blue-20, #0271eb);
  --kite-color-primary-focus: var(--kite-color-blue-30, #0257b2);
  --kite-color-primary-hover: var(--kite-color-blue-30, #0257b2);
  --kite-color-primary-press: var(--kite-color-blue-30, #0257b2);
  --kite-color-on-primary: var(--kite-color-white, #ffffff);
  --kite-color-caution: var(--kite-color-yellow-20, #faa41a);
  --kite-color-caution-muted: var(--kite-color-yellow-00, #fff3e0);
  --kite-color-on-caution: var(--kite-color-black, #000000);
  --kite-color-negative: var(--kite-color-red-20, #d6312b);
  --kite-color-negative-muted: var(--kite-color-red-00, #ffefef);
  --kite-color-on-negative: var(--kite-color-white, #ffffff);
  --kite-color-neutral: var(--kite-color-light-blue-20, #73b7ff);
  --kite-color-neutral-muted: var(--kite-color-light-blue-00, #e5f2ff);
  --kite-color-on-neutral: var(--kite-color-black, #000000);
  --kite-color-positive: var(--kite-color-green-20, #008516);
  --kite-color-positive-muted: var(--kite-color-green-00, #e8ffe8);
  --kite-color-on-positive: var(--kite-color-white, #ffffff);
  --kite-color-disabled: var(--kite-color-gray-25, #9ba9bd);
  --kite-color-on-disabled: var(--kite-color-gray-20, #d8dde6);
  --kite-color-error: var(--kite-color-red-20, #d6312b);
  --kite-color-info: var(--kite-color-light-blue-20, #73b7ff);
  --kite-color-success: var(--kite-color-green-20, #008516);
  --kite-color-focus: var(--kite-color-blue-30, #0257b2);
  --kite-font-family-sans-serif: var(--kite-font-family-spectrum-sans, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-letter-spacing-lg: var(--kite-size-2, 0.125rem);
  --kite-tracking-lg: var(--kite-size-2, 0.125rem);
  --kite-size-radius-sm: var(--kite-size-2, 0.125rem);
  --kite-size-radius-md: var(--kite-size-4, 0.25rem);
  --kite-size-radius-lg: var(--kite-size-8, 0.5rem);
  --kite-size-radius-circle: var(--kite-size-percent-50, 50%);
  --kite-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-border-radius-pill: var(--kite-size-radius-pill, 624.9375rem);
  --kite-border-style: var(--kite-border-style-solid, solid);
  --kite-container-background-color: var(--kite-color-white, #ffffff);
  --kite-container-hover-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-focus-ring-offset: var(--kite-size-2, 0.125rem);
  --kite-focus-ring-style: var(--kite-border-style-solid, solid);
  --kite-focus-ring-width: var(--kite-size-2, 0.125rem);
  --kite-font-weight: var(--kite-font-weight-regular, 400);
  --kite-font-size: var(--kite-font-size-px, 16px);
  --kite-font-style: var(--kite-font-style-normal, normal);
  --kite-motion-fast: var(--kite-duration-750, 750ms);
  --kite-motion-faster: var(--kite-duration-400, 400ms);
  --kite-motion-fastest: var(--kite-duration-200, 200ms);
  --kite-motion-standard: var(--kite-cubic-bezier-ease, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-motion-entry: var(--kite-cubic-bezier-ease-out, cubic-bezier(0, 0, 0.58, 1));
  --kite-motion-exit: var(--kite-cubic-bezier-ease-in, cubic-bezier(0.42, 0, 1, 1));
  --kite-layout-2xs: var(--kite-size-40, 2.5rem);
  --kite-layout-xs: var(--kite-size-48, 3rem);
  --kite-spacing-2xs: var(--kite-size-4, 0.25rem);
  --kite-spacing-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-md: var(--kite-size-16, 1rem);
  --kite-spacing-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-2xl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxs: var(--kite-size-4, 0.25rem);
  --kite-spacing-element-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-element-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-element-md: var(--kite-size-16, 1rem);
  --kite-spacing-element-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-element-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-element-xxl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxxl: var(--kite-size-40, 2.5rem);
  --kite-spacing-section-xs: var(--kite-size-48, 3rem);
  --kite-my-component-background-color: var(--kite-color-white, #ffffff);
  --kite-my-component-min-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-list-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-height: var(--kite-size-touch-target, 2.75rem);
  --kite-form-control-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-addon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-addon-icon-width: var(--kite-size-24, 1.5rem);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-placeholder-text-style: var(--kite-font-style-normal, normal);
  --kite-form-control-picker-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-picker-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-form-control-picker-zindex: var(--kite-zindex-dialog, 1300);
  --kite-form-control-picker-backdrop-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-picker-list-item-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-form-control-picker-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-picker-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-form-control-picker-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-picker-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-form-control-picker-list-item-check-icon-width: var(--kite-size-16, 1rem);
  --kite-form-control-input-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-input-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-border-style: var(--kite-border-style-solid, solid);
  --kite-form-control-input-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-input-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-input-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-form-control-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-form-control-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-input-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-input-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-form-control-input-placeholder-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-form-control-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-input-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-grid-xxl-gutters: var(--kite-size-16, 1rem);
  --kite-grid-xxl-margins: var(--kite-size-24, 1.5rem);
  --kite-typography-display-size: var(--kite-typography-sm-display-size, 3rem);
  --kite-typography-display-line-height: var(--kite-typography-sm-display-line-height, 1.25);
  --kite-typography-title-1-size: var(--kite-typography-sm-title-1-size, 2.625rem);
  --kite-typography-title-1-line-height: var(--kite-typography-sm-title-1-line-height, 1.238);
  --kite-typography-title-2-size: var(--kite-typography-sm-title-2-size, 2rem);
  --kite-typography-title-2-line-height: var(--kite-typography-sm-title-2-line-height, 1.25);
  --kite-typography-title-3-size: var(--kite-typography-sm-title-3-size, 1.75rem);
  --kite-typography-title-3-line-height: var(--kite-typography-sm-title-3-line-height, 1.286);
  --kite-typography-title-4-size: var(--kite-typography-sm-title-4-size, 1.5rem);
  --kite-typography-title-4-line-height: var(--kite-typography-sm-title-4-line-height, 1.333);
  --kite-typography-title-5-size: var(--kite-typography-sm-title-5-size, 1.25rem);
  --kite-typography-title-5-line-height: var(--kite-typography-sm-title-5-line-height, 1.4);
  --kite-typography-title-6-size: var(--kite-typography-sm-title-6-size, 1.125rem);
  --kite-typography-title-6-line-height: var(--kite-typography-sm-title-6-line-height, 1.333);
  --kite-typography-body-display-size: var(--kite-typography-sm-body-display-size, 1.25rem);
  --kite-typography-body-display-line-height: var(--kite-typography-sm-body-display-line-height, 1.6);
  --kite-typography-body-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-typography-body-line-height: var(--kite-typography-sm-body-line-height, 1.5);
  --kite-typography-eyebrow-size: var(--kite-typography-sm-eyebrow-size, 0.875rem);
  --kite-typography-eyebrow-line-height: var(--kite-typography-sm-eyebrow-line-height, 1.429);
  --kite-typography-eyebrow-text-transform: var(--kite-typography-sm-eyebrow-text-transform, uppercase);
  --kite-typography-caption-1-size: var(--kite-typography-sm-caption-1-size, 0.875rem);
  --kite-typography-caption-1-line-height: var(--kite-typography-sm-caption-1-line-height, 1.429);
  --kite-typography-caption-2-size: var(--kite-typography-sm-caption-2-size, 0.75rem);
  --kite-typography-caption-2-line-height: var(--kite-typography-sm-caption-2-line-height, 1.333);
  --kite-typography-sm-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-6-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-3-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-4-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xl-caption-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-accordion-hover-background-color: rgba(0, 15, 26, 0.02);
  --kite-accordion-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-accordion-cursor: var(--kite-cursor-action, pointer);
  --kite-accordion-icon-height: var(--kite-size-16, 1rem);
  --kite-accordion-icon-width: var(--kite-size-16, 1rem);
  --kite-accordion-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-accordion-border-bottom-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-accordion-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-title-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-hover-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-disabled-title-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-accordion-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-accordion-alert-label-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-accordion-success-label-text-color: var(--kite-color-green-10, #00bf1f);
  --kite-accordion-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-accordion-icon-fill: var(--kite-color-gray-30, #63738a);
  --kite-alert-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-alert-focus-ring-color: var(--kite-color-blue-20, #0271eb);
  --kite-alert-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-alert-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-alert-dismiss-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-dismiss-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-link-icon-height: var(--kite-size-12, 0.75rem);
  --kite-alert-link-icon-width: var(--kite-size-12, 0.75rem);
  --kite-alert-global-focus-ring-color: var(--kite-color-black, #000000);
  --kite-alert-passive-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-passive-zindex: var(--kite-zindex-notification, 1600);
  --kite-alert-passive-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-alert-passive-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-alert-passive-neutral-border-color: var(--kite-color-blue-10, #4da4ff);
  --kite-alert-passive-neutral-status-icon-color: var(--kite-color-blue-10, #4da4ff);
  --kite-alert-passive-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-alert-passive-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-alert-dismiss-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-indicator-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-indicator-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-page-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-page-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-page-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-page-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-page-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-alert-global-caution-indicator-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-caution-indicator-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-caution-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-error-dismiss-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-indicator-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-indicator-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-text-color: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-icon-fill: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-link-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-text-color: var(--kite-color-white, #ffffff);
  --kite-alert-global-error-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-alert-global-info-indicator-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-info-indicator-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-global-info-link-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-global-info-link-icon-fill-dark: var(--kite-color-black, #000000);
  --kite-alert-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-alert-negative-status-icon-fill: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-status-icon-fill: var(--kite-color-green-20, #008516);
  --kite-badge-background-color: var(--kite-color-red-20, #d6312b);
  --kite-badge-text-color: var(--kite-color-white, #ffffff);
  --kite-badge-text-size: var(--kite-size-12, 0.75rem);
  --kite-badge-text-weight: var(--kite-font-weight-bold, 700);
  --kite-badge-height: var(--kite-size-20, 1.25rem);
  --kite-badge-min-width: var(--kite-size-20, 1.25rem);
  --kite-badge-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-badge-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-badge-sm-height: var(--kite-size-8, 0.5rem);
  --kite-badge-sm-width: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-height: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-width: var(--kite-size-8, 0.5rem);
  --kite-badge-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-badge-disabled-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-blockquote-border-left-width: var(--kite-size-4, 0.25rem);
  --kite-blockquote-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-blockquote-cite-text-color: var(--kite-color-gray-30, #63738a);
  --kite-button-text-weight: var(--kite-font-weight-medium, 500);
  --kite-button-height: var(--kite-size-touch-target, 2.75rem);
  --kite-button-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-button-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-button-disabled-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-cursor: var(--kite-cursor-action, pointer);
  --kite-button-icon-height: var(--kite-size-20, 1.25rem);
  --kite-button-icon-width: var(--kite-size-20, 1.25rem);
  --kite-button-destructive-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-focus-background-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-destructive-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-hover-background-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-destructive-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-press-background-color: var(--kite-color-negative-press, #b00300);
  --kite-button-destructive-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-disabled-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-negative-press, #b00300);
  --kite-button-primary-background-color-dark: var(--kite-color-blue-20, #0271eb);
  --kite-button-primary-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-active-background-color-dark: var(--kite-color-blue-30, #0257b2);
  --kite-button-primary-active-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-active-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-disabled-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-button-primary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-primary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-primary-focus-background-color-dark: var(--kite-color-blue-30, #0257b2);
  --kite-button-primary-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-hover-background-color-dark: var(--kite-color-blue-30, #0257b2);
  --kite-button-primary-hover-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-primary-hover-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-disabled-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-button-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-active-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-active-text-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-active-icon-fill-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-secondary-focus-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-focus-icon-fill-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-secondary-hover-text-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-icon-fill-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-button-borderless-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-active-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-active-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-borderless-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-button-borderless-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-active-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-focus-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-hover-icon-fill: var(--kite-color-white, #ffffff);
  --kite-button-borderless-active-icon-fill: var(--kite-color-blue-30, #0257b2);
  --kite-button-borderless-hover-icon-fill: var(--kite-color-blue-30, #0257b2);
  --kite-calendar-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-calendar-action-cursor: var(--kite-cursor-action, pointer);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-width: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-height: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-today-indicator-width: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-today-indicator-height: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-due-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-calendar-day-due-padding-top: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-padding-bottom: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-out-range-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-day-unavailable-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-month-year-text-weight: var(--kite-font-weight-bold, 700);
  --kite-calendar-day-disabled-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-card-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-card-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-card-border-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-checkbox-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-selected-icon-height: var(--kite-size-16, 1rem);
  --kite-checkbox-selected-icon-width: var(--kite-size-16, 1rem);
  --kite-checkbox-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-checkbox-error-feedback-icon-height: var(--kite-size-20, 1.25rem);
  --kite-checkbox-error-feedback-icon-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-selected-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-indeterminate-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-checkbox-indeterminate-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-checkbox-indeterminate-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-chip-text-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-text-weight: var(--kite-font-weight-medium, 500);
  --kite-chip-border-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-height: var(--kite-size-32, 2rem);
  --kite-chip-focus-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-background-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-chip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-chip-cursor: var(--kite-cursor-action, pointer);
  --kite-chip-background-color-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-text-color-dark: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-chip-hover-background-color-dark: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-chip-disabled-background-color-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-combobox-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-combobox-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-combobox-height: var(--kite-size-touch-target, 2.75rem);
  --kite-combobox-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-combobox-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-combobox-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-combobox-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-combobox-overflow-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-combobox-picker-results-text-color: var(--kite-color-gray-30, #63738a);
  --kite-data-table-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-data-table-breakpoint-md-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-breakpoint-md-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-data-table-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-header-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-header-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-cell-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-row-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.2);
  --kite-data-table-striped-row-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-white, #ffffff);
  --kite-data-table-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-title-row-border-bottom-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-title-row-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-cell-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-cell-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-row-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-row-striped-background-color-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-data-table-row-hover-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-row-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-data-table-title-row-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-title-row-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-row-striped-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-lg-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-sm-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-hover-row-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-date-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-date-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-date-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-date-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-date-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-date-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-date-input-feedback-margin-top: var(--kite-form-control-margin-top, 0);
  --kite-date-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-date-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-date-input-picker-min-width: var(--kite-form-control-picker-min-width, 18rem);
  --kite-dialog-border-width: var(--kite-border-width-none, 0);
  --kite-dialog-width: var(--kite-dialog-full-size-width, 100%);
  --kite-dialog-height: var(--kite-dialog-full-size-height, 100%);
  --kite-dialog-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dialog-icon-height: var(--kite-size-24, 1.5rem);
  --kite-dialog-icon-width: var(--kite-size-24, 1.5rem);
  --kite-dialog-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-zindex: var(--kite-zindex-dialog, 1300);
  --kite-dialog-breakpoint-md-title-text-size: var(--kite-typography-lg-title-5-size, 1.5rem);
  --kite-dialog-breakpoint-md-title-text-line-height: var(--kite-typography-lg-title-5-line-height, 1.333);
  --kite-dialog-overlay-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-dialog-overlay-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-dialog-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-dialog-dismiss-icon-height: var(--kite-size-20, 1.25rem);
  --kite-dialog-dismiss-icon-width: var(--kite-size-20, 1.25rem);
  --kite-dialog-scrolled-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-dialog-overlay-background-color-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-dialog-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-dialog-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dialog-box-shadow: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-dialog-z-index: var(--kite-zindex-dialog, 1300);
  --kite-dropdown-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-dropdown-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-dropdown-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-dropdown-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-dropdown-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-dropdown-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-margin-right: var(--kite-size-8, 0.5rem);
  --kite-dropdown-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-dropdown-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-dropdown-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-dropdown-list-cursor: var(--kite-cursor-action, pointer);
  --kite-dropdown-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dropdown-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-dropdown-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-padding-top: var(--kite-menu-list-item-padding-top, 0.625rem);
  --kite-dropdown-list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom, 0.625rem);
  --kite-dropdown-list-item-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-dropdown-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dropdown-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-inline-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-inline-border-width: var(--kite-border-width-none, 0);
  --kite-dropdown-inline-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-list-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-dropdown-list-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-destructive-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-list-item-destructive-icon-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-dropdown-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-dropdown-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-icon-fill: var(--kite-color-dark-blue-30, #000f1a);
  --kite-dropdown-inline-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-dropdown-inline-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dynamic-hint-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dynamic-hint-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dynamic-hint-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dynamic-hint-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dynamic-hint-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-dynamic-hint-arrow-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dynamic-hint-criteria-icon-height: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-criteria-icon-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-dynamic-hint-arrow-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-dynamic-hint-criteria-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-dynamic-hint-criteria-success-icon-fill-dark: var(--kite-color-green-10, #00bf1f);
  --kite-dynamic-hint-criteria-error-icon-fill-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-interactive-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-interactive-list-item-border-radius: var(--kite-interactive-list-border-radius, 0);
  --kite-interactive-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-interactive-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-interactive-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-interactive-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-interactive-list-item-hover-background-color: rgba(0, 15, 26, 0.02);
  --kite-interactive-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-interactive-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-interactive-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-interactive-list-image-border-radius: var(--kite-size-4, 0.25rem);
  --kite-interactive-list-item-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-danger-label-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-interactive-list-item-info-label-text-color-dark: var(--kite-color-blue-10, #4da4ff);
  --kite-interactive-list-item-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-interactive-list-item-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-interactive-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-action-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-interactive-list-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-disabled-action-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-interactive-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-text-decoration: var(--kite-link-text-decoration-line, underline);
  --kite-link-text-decoration-offset: var(--kite-size-2, 0.125rem);
  --kite-link-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-link-hover-text-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-link-press-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-link-cursor: var(--kite-cursor-action, pointer);
  --kite-link-icon-height: var(--kite-size-14, 0.875rem);
  --kite-link-icon-width: var(--kite-size-14, 0.875rem);
  --kite-link-standalone-text-decoration: var(--kite-link-standalone-text-decoration-line, none);
  --kite-link-standalone-text-weight: var(--kite-font-weight-medium, 500);
  --kite-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-active-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-link-visited-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-focus-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-active-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-link-standalone-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-link-standalone-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-standalone-visited-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-standalone-active-icon-fill: var(--kite-color-dark-blue-20, #002139);
  --kite-link-standalone-hover-icon-fill: var(--kite-color-dark-blue-10, #002e52);
  --kite-link-standalone-visited-icon-fill: var(--kite-color-dark-blue-10, #002e52);
  --kite-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-border-radius: var(--kite-list-border-radius, 0);
  --kite-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-list-item-slot-start-max-width: var(--kite-list-start-max-width, 5rem);
  --kite-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-list-item-image-sm-max-width: var(--kite-size-48, 3rem);
  --kite-list-item-image-sm-max-height: var(--kite-size-48, 3rem);
  --kite-list-item-action-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-action-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-hover-background-color: rgba(0, 15, 26, 0.02);
  --kite-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-list-item-breakpoint-md-title-body-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-list-item-breakpoint-md-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-breakpoint-md-title-body-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-list-image-border-radius: var(--kite-size-4, 0.25rem);
  --kite-list-image-max-width: var(--kite-list-item-image-lg-max-width, 5rem);
  --kite-list-image-max-height: var(--kite-list-item-image-lg-max-height, 5rem);
  --kite-menu-list-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-menu-list-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-menu-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-menu-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-menu-list-item-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-width: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-height: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-trigger-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-trigger-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-trigger-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-contextual-label-trigger-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-menu-sm-trigger-padding-top: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-right: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-left: var(--kite-size-2, 0.125rem);
  --kite-menu-list-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-menu-list-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-negative-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-menu-list-item-negative-icon-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-menu-list-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #000f1a);
  --kite-menu-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-menu-trigger-hover-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-fill: var(--kite-color-dark-blue-30, #000f1a);
  --kite-meter-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-tick-color: var(--kite-color-black, #000000);
  --kite-meter-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-value-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-lg-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-lg-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-lg-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-lg-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-lg-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-lg-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-height: var(--kite-meter-circular-width, 5.5rem);
  --kite-meter-circular-height-px: var(--kite-meter-circular-width-px, 88px);
  --kite-meter-circular-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-meter-circular-sm-height-px: var(--kite-meter-circular-sm-width-px, 24px);
  --kite-meter-circular-sm-tick-height: var(--kite-meter-circular-sm-track-height, 0.125rem);
  --kite-meter-circular-lg-height: var(--kite-meter-circular-lg-width, 9.25rem);
  --kite-meter-circular-lg-height-px: var(--kite-meter-circular-lg-width-px, 148px);
  --kite-meter-circular-lg-track-height-px: var(--kite-meter-circular-track-height-px, 8px);
  --kite-meter-circular-lg-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-circular-lg-value-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-accessibility-tick-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-progress-fill-background-color-dark: var(--kite-color-light-blue-20, #73b7ff);
  --kite-meter-track-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-meter-positive-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-positive-status-icon-fill-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-caution-progress-fill-background-color-dark: var(--kite-color-yellow-10, #ffd400);
  --kite-meter-caution-status-icon-fill-dark: var(--kite-color-yellow-10, #ffd400);
  --kite-meter-alert-progress-fill-background-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-meter-alert-status-icon-fill-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-meter-success-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f);
  --kite-meter-accessibility-tick-background-color: var(--kite-color-black, #000000);
  --kite-meter-progress-fill-background-color: var(--kite-color-light-blue-20, #73b7ff);
  --kite-meter-track-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-value-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-meter-status-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-status-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-linear-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-linear-small-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-linear-large-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-small-accessibility-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-circular-small-accessibility-tick-height: var(--kite-size-4, 0.25rem);
  --kite-meter-circular-large-status-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-large-status-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-large-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-circular-large-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-pagination-controls-button-cursor: var(--kite-cursor-action, pointer);
  --kite-pagination-controls-button-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-controls-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-pagination-controls-button-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-controls-button-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-page-select-current-label-margin-top: var(--kite-pagination-dropdown-margin-top, 0);
  --kite-pagination-page-select-current-label-margin-bottom: var(--kite-pagination-dropdown-margin-bottom, 0);
  --kite-pagination-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-dropdown-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-placeholder-text-weight: var(--kite-font-weight-bold, 700);
  --kite-pagination-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-icon-fill: var(--kite-color-blue-20, #0271eb);
  --kite-pagination-controls-button-icon-fill-dark: var(--kite-color-blue-20, #0271eb);
  --kite-pagination-controls-button-previous-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-button-hover-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-pagination-per-page-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-pagination-item-count-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-item-count-label-text-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-payment-logo-border-width: var(--kite-border-width-none, 0);
  --kite-payment-logo-width: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-height: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-payment-logo-elevation: var(--kite-elevation-0, none);
  --kite-popover-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-popover-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-popover-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-popover-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-popover-breakpoint-md-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-popover-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-popover-arrow-width: var(--kite-size-16, 1rem);
  --kite-popover-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-trigger-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-trigger-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-dismiss-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-popover-z-index: var(--kite-zindex-dropdown, 1100);
  --kite-popover-trigger-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-active-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-focus-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-popover-trigger-hover-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-popover-arrow-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-popover-dismiss-icon-fill: var(--kite-color-black, #000000);
  --kite-popover-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-border-width: var(--kite-border-width-none, 0);
  --kite-progress-indicator-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-progress-indicator-zindex: var(--kite-zindex-dialog, 1300);
  --kite-progress-indicator-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-progress-indicator-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-value-label-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-icon-width: var(--kite-size-20, 1.25rem);
  --kite-progress-indicator-button-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-circular-height: var(--kite-progress-indicator-circular-width, 2.5rem);
  --kite-progress-indicator-circular-height-px: var(--kite-progress-indicator-circular-width-px, 40px);
  --kite-progress-indicator-circular-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-circular-icon-height: var(--kite-progress-indicator-circular-icon-width, 2.75rem);
  --kite-progress-indicator-circular-sm-track-size: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-circular-sm-height-px: var(--kite-progress-indicator-circular-sm-width-px, 24px);
  --kite-progress-indicator-circular-sm-icon-height: var(--kite-progress-indicator-circular-sm-icon-width, 1.625rem);
  --kite-progress-indicator-circular-lg-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-circular-lg-height: var(--kite-progress-indicator-circular-lg-width, 5rem);
  --kite-progress-indicator-circular-lg-height-px: var(--kite-progress-indicator-circular-lg-width-px, 80px);
  --kite-progress-indicator-circular-lg-icon-height: var(--kite-progress-indicator-circular-lg-icon-width, 5rem);
  --kite-progress-indicator-lg-border-width: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-lg-status-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-lg-status-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-lg-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-lg-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-lg-sub-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-lg-sub-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-md-border-width: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-sm-border-width: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-sm-height: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-sm-width: var(--kite-size-24, 1.5rem);
  --kite-radio-border-offset: var(--kite-size-2, 0.125rem);
  --kite-radio-height: var(--kite-size-20, 1.25rem);
  --kite-radio-focus-ring-width: var(--kite-size-4, 0.25rem);
  --kite-radio-focus-ring-offset: var(--kite-size-4, 0.25rem);
  --kite-radio-selected-indicator-height: var(--kite-size-12, 0.75rem);
  --kite-radio-input-margin-top: var(--kite-size-2, 0.125rem);
  --kite-radio-input-margin-bottom: var(--kite-size-2, 0.125rem);
  --kite-radio-border-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color-dark: var(--kite-color-blue-20, #0271eb);
  --kite-radio-selected-indicator-background-color-dark: var(--kite-color-blue-20, #0271eb);
  --kite-radio-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-selected-disabled-center-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-selected-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-radio-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-radio-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-search-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-search-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-search-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-search-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-search-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-search-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-search-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-select-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-select-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-select-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-select-height: var(--kite-size-touch-target, 2.75rem);
  --kite-select-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-select-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-select-icon-height: var(--kite-size-24, 1.5rem);
  --kite-select-icon-width: var(--kite-size-24, 1.5rem);
  --kite-select-icon-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-select-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-select-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-icon-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-select-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-select-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-select-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-select-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-select-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-skip-link-text-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-text-weight: var(--kite-font-weight-medium, 500);
  --kite-skip-link-border-color: var(--kite-color-blue-20, #0271eb);
  --kite-skip-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-skip-link-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-skip-link-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-skip-link-border-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-skip-link-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-focus-ring-radius: var(--kite-size-16, 1rem);
  --kite-switch-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-switch-cursor: var(--kite-cursor-action, pointer);
  --kite-switch-thumb-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-thumb-height: var(--kite-size-20, 1.25rem);
  --kite-switch-thumb-transform-x: var(--kite-size-24, 1.5rem);
  --kite-switch-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-track-border-radius: var(--kite-size-32, 2rem);
  --kite-switch-track-padding-top: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-right: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-left: var(--kite-size-2, 0.125rem);
  --kite-switch-track-height: var(--kite-size-24, 1.5rem);
  --kite-switch-track-width: var(--kite-size-48, 3rem);
  --kite-switch-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-on-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-background-color-dark: var(--kite-color-white, #ffffff);
  --kite-switch-indicator-height: var(--kite-size-20, 1.25rem);
  --kite-switch-indicator-width: var(--kite-size-20, 1.25rem);
  --kite-switch-disabled-indicator-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-switch-disabled-indicator-background-color-dark: var(--kite-color-gray-25, #9ba9bd);
  --kite-switch-off-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-track-background-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-focus-ring-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-off-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-gray-30, #63738a);
  --kite-tabs-tab-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-tab-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-panel-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-item-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-item-active-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-active-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-item-hover-border-bottom: var(--kite-color-gray-30, #63738a);
  --kite-tabs-item-hover-border-bottom-dark: var(--kite-color-white, #ffffff);
  --kite-tabs-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-tabs-item-focus-ring-color-dark: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-tag-text-size: var(--kite-size-14, 0.875rem);
  --kite-tag-text-weight: var(--kite-font-weight-medium, 500);
  --kite-tag-border-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-icon-size: var(--kite-size-16, 1rem);
  --kite-tag-caution-text-color: var(--kite-color-black, #000000);
  --kite-tag-negative-text-color: var(--kite-color-black, #000000);
  --kite-tag-neutral-text-color: var(--kite-color-black, #000000);
  --kite-tag-positive-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-caution-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-negative-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-neutral-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-positive-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-text-area-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-area-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-area-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-area-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-area-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-area-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-text-area-hint-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-hint-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-area-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-area-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-text-area-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-area-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-area-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-area-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-text-area-focus-ring-color-dark: var(--kite-color-blue-10, #4da4ff);
  --kite-text-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-input-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-text-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-text-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-input-secure-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-secure-icon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-text-input-secure-confirm-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-text-input-hint-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-hint-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-label-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-input-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-text-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139);
  --kite-text-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a);
  --kite-text-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-input-error-text-color-dark: var(--kite-color-red-10, #ff4d4a);
  --kite-text-input-error-text-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-text-input-focus-ring-color-dark: var(--kite-color-blue-10, #4da4ff);
  --kite-text-input-secure-show-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-show-icon-width: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-show-icon-focus-ring-color-dark: var(--kite-color-blue-10, #4da4ff);
  --kite-text-input-secure-hide-icon-height: var(--kite-size-24, 1.5rem);
  --kite-text-input-secure-hide-icon-width: var(--kite-size-24, 1.5rem);
  --kite-time-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-time-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-time-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-time-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-time-input-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-time-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-time-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-time-input-icon-color: var(--kite-color-blue-20, #0271eb);
  --kite-toast-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-toast-text-color: var(--kite-color-white, #ffffff);
  --kite-toast-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-toast-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-toast-transition-timing-function: var(--kite-toast-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-toast-zindex: var(--kite-zindex-notification, 1600);
  --kite-toast-icon-color: var(--kite-color-green-10, #00bf1f);
  --kite-toast-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-toast-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-toast-z-index: var(--kite-zindex-notification, 1600);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-tooltip-text-color: var(--kite-color-white, #ffffff);
  --kite-tooltip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tooltip-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-tooltip-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-tooltip-arrow-width: var(--kite-size-12, 0.75rem);
  --kite-tooltip-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-tooltip-text-color-dark: var(--kite-color-white, #ffffff);
  --kite-tooltip-arrow-background-color-dark: var(--kite-color-dark-blue-10, #002e52);
  --kite-border-radius-circle: var(--kite-size-radius-circle, 50%);
  --kite-border-radius-sm: var(--kite-size-radius-sm, 0.125rem);
  --kite-border-radius-md: var(--kite-size-radius-md, 0.25rem);
  --kite-border-radius-lg: var(--kite-size-radius-lg, 0.5rem);
  --kite-color-caution-focus: var(--kite-color-caution, #faa41a);
  --kite-color-caution-hover: var(--kite-color-caution, #faa41a);
  --kite-color-caution-press: var(--kite-color-caution, #faa41a);
  --kite-color-neutral-focus: var(--kite-color-neutral, #73b7ff);
  --kite-color-neutral-hover: var(--kite-color-neutral, #73b7ff);
  --kite-color-neutral-press: var(--kite-color-neutral, #73b7ff);
  --kite-color-positive-focus: var(--kite-color-positive, #008516);
  --kite-color-positive-hover: var(--kite-color-positive, #008516);
  --kite-color-positive-press: var(--kite-color-positive, #008516);
  --kite-color-disabled-focus: var(--kite-color-disabled, #9ba9bd);
  --kite-color-disabled-hover: var(--kite-color-disabled, #9ba9bd);
  --kite-color-disabled-press: var(--kite-color-disabled, #9ba9bd);
  --kite-font-family-default: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-font-family-heading: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-font-family-text: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-container-border-color: var(--kite-border-color, #d8dde6);
  --kite-container-border-style: var(--kite-border-style, solid);
  --kite-container-padding-top: var(--kite-spacing-md, 1rem);
  --kite-container-padding-right: var(--kite-spacing-md, 1rem);
  --kite-container-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-container-padding-left: var(--kite-spacing-md, 1rem);
  --kite-focus-ring-color: var(--kite-color-focus, #0257b2);
  --kite-focus-color: var(--kite-color-focus, #0257b2);
  --kite-font-family: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-my-component-text-color: var(--kite-color-text, #000000);
  --kite-my-component-border-color: var(--kite-border-color, #d8dde6);
  --kite-my-component-border-style: var(--kite-border-style, solid);
  --kite-my-component-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-my-component-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-my-component-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-my-component-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-my-component-list-text-color: var(--kite-color-text, #000000);
  --kite-my-component-list-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-list-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-error-background-color: var(--kite-color-error, #d6312b);
  --kite-my-component-variant-name-background-color: var(--kite-color-primary, #0271eb);
  --kite-my-component-variant-name-text-color: var(--kite-color-success, #008516);
  --kite-my-component-variant-name-margin-left: var(--kite-spacing-lg, 1.25rem);
  --kite-my-component-variant-name-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-form-control-text-color: var(--kite-color-text, #000000);
  --kite-form-control-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-border-style: var(--kite-border-style, solid);
  --kite-form-control-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-focus-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-hover-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-disabled-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-form-control-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-helper-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-addon-icon-color: var(--kite-color-primary, #0271eb);
  --kite-form-control-addon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-addon-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-helper-text-color: var(--kite-color-text-secondary, #63738a);
  --kite-form-control-label-text-color: var(--kite-color-text, #000000);
  --kite-form-control-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-feedback-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-error-border-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-error-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-form-control-error-feedback-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-background-color: var(--kite-container-background-color, #ffffff);
  --kite-form-control-picker-border-style: var(--kite-border-style, solid);
  --kite-form-control-picker-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-form-control-picker-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-form-control-picker-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-text-color: var(--kite-color-text, #000000);
  --kite-form-control-picker-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-picker-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-picker-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-picker-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-picker-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-picker-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-primary, #0271eb);
  --kite-form-control-picker-list-item-check-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-check-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-label-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-form-control-input-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-input-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-input-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-input-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-input-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-input-error-border-color: var(--kite-color-error, #d6312b);
  --kite-form-control-input-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-input-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-error-text-color: var(--kite-color-error, #d6312b);
  --kite-form-control-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-spacing-inline: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-md: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-xl: var(--kite-spacing-xl, 1.5rem);
  --kite-form-spacing-stack-2xl: var(--kite-spacing-2xl, 2rem);
  --kite-grid-xs-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xs-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-md-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-md-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-2xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-2xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-display-weight: var(--kite-typography-sm-display-weight, 800);
  --kite-typography-display-style: var(--kite-typography-sm-display-style, normal);
  --kite-typography-title-1-weight: var(--kite-typography-sm-title-1-weight, 800);
  --kite-typography-title-1-style: var(--kite-typography-sm-title-1-style, normal);
  --kite-typography-title-1-letter-spacing: var(--kite-typography-sm-title-1-letter-spacing, normal);
  --kite-typography-title-2-weight: var(--kite-typography-sm-title-2-weight, 700);
  --kite-typography-title-2-style: var(--kite-typography-sm-title-2-style, normal);
  --kite-typography-title-2-letter-spacing: var(--kite-typography-sm-title-2-letter-spacing, normal);
  --kite-typography-title-3-weight: var(--kite-typography-sm-title-3-weight, 700);
  --kite-typography-title-3-style: var(--kite-typography-sm-title-3-style, normal);
  --kite-typography-title-3-letter-spacing: var(--kite-typography-sm-title-3-letter-spacing, normal);
  --kite-typography-title-4-weight: var(--kite-typography-sm-title-4-weight, 500);
  --kite-typography-title-4-style: var(--kite-typography-sm-title-4-style, normal);
  --kite-typography-title-4-letter-spacing: var(--kite-typography-sm-title-4-letter-spacing, normal);
  --kite-typography-title-5-weight: var(--kite-typography-sm-title-5-weight, 500);
  --kite-typography-title-5-style: var(--kite-typography-sm-title-5-style, normal);
  --kite-typography-title-5-letter-spacing: var(--kite-typography-sm-title-5-letter-spacing, normal);
  --kite-typography-title-6-weight: var(--kite-typography-sm-title-6-weight, 500);
  --kite-typography-title-6-style: var(--kite-typography-sm-title-6-style, normal);
  --kite-typography-title-6-letter-spacing: var(--kite-typography-sm-title-6-letter-spacing, normal);
  --kite-typography-body-display-weight: var(--kite-typography-sm-body-display-weight, 400);
  --kite-typography-body-display-style: var(--kite-typography-sm-body-display-style, normal);
  --kite-typography-body-display-letter-spacing: var(--kite-typography-sm-body-display-letter-spacing, normal);
  --kite-typography-body-weight: var(--kite-typography-sm-body-weight, 400);
  --kite-typography-body-style: var(--kite-typography-sm-body-style, normal);
  --kite-typography-body-letter-spacing: var(--kite-typography-sm-body-letter-spacing, normal);
  --kite-typography-eyebrow-weight: var(--kite-typography-sm-eyebrow-weight, 700);
  --kite-typography-eyebrow-style: var(--kite-typography-sm-eyebrow-style, normal);
  --kite-typography-caption-1-weight: var(--kite-typography-sm-caption-1-weight, 400);
  --kite-typography-caption-1-style: var(--kite-typography-sm-caption-1-style, normal);
  --kite-typography-caption-1-letter-spacing: var(--kite-typography-sm-caption-1-letter-spacing, normal);
  --kite-typography-caption-2-weight: var(--kite-typography-sm-caption-2-weight, 400);
  --kite-typography-caption-2-style: var(--kite-typography-sm-caption-2-style, normal);
  --kite-typography-caption-2-letter-spacing: var(--kite-typography-sm-caption-2-letter-spacing, normal);
  --kite-typography-sm-display-letter-spacing: var(--kite-letter-spacing, normal);
  --kite-typography-sm-display-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-sm-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-display-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-caption-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-typography-caption-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-typography-sm-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-6-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-sm-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-lg-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-6-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-lg-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xxs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xxs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xxs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-md-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-md-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-md-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-1-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-title-2-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-3-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-4-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xl-body-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xl-eyebrow-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-caption-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-text-color: var(--kite-color-text, #000000);
  --kite-accordion-border-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-style: var(--kite-border-style, solid);
  --kite-accordion-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-accordion-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-accordion-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-title-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-icon-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-top-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-bottom-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-top-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-padding-bottom-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-label-text-color: var(--kite-color-text, #000000);
  --kite-accordion-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-label-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-title-text-color: var(--kite-color-text, #000000);
  --kite-accordion-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-title-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-expanded-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-expanded-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-accordion-sm-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-sm-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-right: var(--kite-spacing-element-xl, 1.5rem);
  --kite-accordion-md-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-md-padding-left: var(--kite-spacing-element-xl, 1.5rem);
  --kite-accordion-lg-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-lg-padding-right: var(--kite-spacing-element-xxl, 2rem);
  --kite-accordion-lg-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-accordion-lg-padding-left: var(--kite-spacing-element-xxl, 2rem);
  --kite-accordion-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-bottom-style: var(--kite-border-style, solid);
  --kite-accordion-alert-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-expanded-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-alert-text-color: var(--kite-color-text, #000000);
  --kite-alert-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-border-style: var(--kite-border-style, solid);
  --kite-alert-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-alert-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-alert-dismiss-icon-margin-left: var(--kite-spacing-md, 1rem);
  --kite-alert-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-link-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-text-color: var(--kite-color-primary, #0271eb);
  --kite-alert-link-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-icon-color: var(--kite-color-primary, #0271eb);
  --kite-alert-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-caution-status-icon-color: var(--kite-color-caution, #faa41a);
  --kite-alert-negative-border-left-color: var(--kite-color-negative, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-negative, #d6312b);
  --kite-alert-neutral-border-left-color: var(--kite-color-neutral, #73b7ff);
  --kite-alert-neutral-status-icon-color: var(--kite-color-neutral, #73b7ff);
  --kite-alert-positive-border-left-color: var(--kite-color-positive, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-positive, #008516);
  --kite-alert-global-status-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-global-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-status-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-alert-global-negative-dismiss-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-background-color: var(--kite-color-neutral, #73b7ff);
  --kite-alert-global-neutral-status-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-passive-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-breakpoint-lg-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-breakpoint-lg-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-alert-passive-entry-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-alert-passive-exit-transition-timing-function: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-alert-passive-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-passive-title-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-alert-passive-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-passive-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-alert-passive-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-alert-passive-dismiss-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-neutral-background-color: var(--kite-color-neutral-muted, #e5f2ff);
  --kite-alert-passive-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-alert-stacked-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-page-border-color: var(--kite-border-color, #d8dde6);
  --kite-alert-page-border-color-dark: var(--kite-border-color, #d8dde6);
  --kite-alert-page-border-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-alert-page-indicator-icon-margin-right: var(--kite-spacing-element-xs, 0.5rem);
  --kite-alert-page-link-text-color: var(--kite-color-primary, #0271eb);
  --kite-alert-page-link-text-color-dark: var(--kite-color-primary, #0271eb);
  --kite-alert-page-link-text-margin-top: var(--kite-spacing-element-xxs, 0.25rem);
  --kite-alert-page-link-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-alert-page-link-icon-fill-dark: var(--kite-color-primary, #0271eb);
  --kite-alert-page-margin-bottom: var(--kite-spacing-element-xxs, 0.25rem);
  --kite-alert-page-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-alert-page-padding-left: var(--kite-spacing-element-xs, 0.5rem);
  --kite-alert-page-text-color: var(--kite-color-text, #000000);
  --kite-alert-page-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-page-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-border-left-color-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-indicator-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-alert-page-caution-indicator-icon-fill-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-page-error-border-left-color: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-border-left-color-dark: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-indicator-icon-fill: var(--kite-color-error, #d6312b);
  --kite-alert-page-error-indicator-icon-fill-dark: var(--kite-color-error, #d6312b);
  --kite-alert-page-info-border-left-color: var(--kite-color-info, #73b7ff);
  --kite-alert-page-info-border-left-color-dark: var(--kite-color-info, #73b7ff);
  --kite-alert-page-info-indicator-icon-fill: var(--kite-color-info, #73b7ff);
  --kite-alert-page-info-indicator-icon-fill-dark: var(--kite-color-info, #73b7ff);
  --kite-alert-page-success-border-left-color: var(--kite-color-success, #008516);
  --kite-alert-page-success-border-left-color-dark: var(--kite-color-success, #008516);
  --kite-alert-page-success-indicator-icon-fill: var(--kite-color-success, #008516);
  --kite-alert-page-success-indicator-icon-fill-dark: var(--kite-color-success, #008516);
  --kite-alert-global-indicator-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-caution-background-color-dark: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-link-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-caution-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-error-background-color: var(--kite-color-error, #d6312b);
  --kite-alert-global-error-background-color-dark: var(--kite-color-error, #d6312b);
  --kite-alert-global-info-text-color: var(--kite-color-text, #000000);
  --kite-alert-global-info-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-global-info-background-color: var(--kite-color-info, #73b7ff);
  --kite-alert-global-info-background-color-dark: var(--kite-color-info, #73b7ff);
  --kite-alert-global-info-link-text-color: var(--kite-color-text, #000000);
  --kite-alert-global-info-link-text-color-dark: var(--kite-color-text, #000000);
  --kite-alert-link-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-alert-caution-status-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-alert-neutral-status-icon-fill: var(--kite-color-neutral, #73b7ff);
  --kite-alert-global-caution-status-icon-fill: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-fill: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-dismiss-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-fill: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-status-icon-fill: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-fill: var(--kite-color-on-neutral, #000000);
  --kite-badge-border-radius: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-border-style: var(--kite-border-style, solid);
  --kite-badge-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-min-height: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-badge-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-badge-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-badge-tab-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-background-color-dark: var(--kite-color-negative, #d6312b);
  --kite-blockquote-text-color: var(--kite-color-text, #000000);
  --kite-blockquote-border-left-color: var(--kite-color-primary, #0271eb);
  --kite-blockquote-border-left-style: var(--kite-border-style, solid);
  --kite-blockquote-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-right: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-left: var(--kite-spacing-md, 1rem);
  --kite-blockquote-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-blockquote-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-group-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-button-group-button-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-button-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-button-background-color: var(--kite-color-primary, #0271eb);
  --kite-button-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-text-size: var(--kite-typography-body-size, 1rem);
  --kite-button-border-style: var(--kite-border-style, solid);
  --kite-button-padding-right: var(--kite-spacing-md, 1rem);
  --kite-button-padding-left: var(--kite-spacing-md, 1rem);
  --kite-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-button-focus-background-color: var(--kite-color-primary-focus, #0257b2);
  --kite-button-focus-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-hover-background-color: var(--kite-color-primary-hover, #0257b2);
  --kite-button-hover-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-press-background-color: var(--kite-color-primary-press, #0257b2);
  --kite-button-press-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-button-destructive-background-color: var(--kite-color-negative, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-button-destructive-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-destructive-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-primary-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-border-color: var(--kite-button-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-primary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-primary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-primary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-text-color: var(--kite-color-primary, #0271eb);
  --kite-button-secondary-border-color: var(--kite-color-primary, #0271eb);
  --kite-button-secondary-focus-background-color: var(--kite-color-focus, #0257b2);
  --kite-button-secondary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-hover-background-color: var(--kite-color-focus, #0257b2);
  --kite-button-secondary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-press-background-color: var(--kite-color-focus, #0257b2);
  --kite-button-secondary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-destructive-border-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-secondary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-secondary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-secondary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-borderless-text-color: var(--kite-color-primary, #0271eb);
  --kite-button-borderless-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-text-color: var(--kite-color-primary-focus, #0257b2);
  --kite-button-borderless-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-text-color: var(--kite-color-primary-hover, #0257b2);
  --kite-button-borderless-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-text-color: var(--kite-color-primary-press, #0257b2);
  --kite-button-borderless-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-border-color: var(--kite-button-borderless-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-borderless-destructive-focus-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-icon-color: var(--kite-button-borderless-destructive-focus-text-color, #b00300);
  --kite-button-borderless-destructive-hover-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-icon-color: var(--kite-button-borderless-destructive-hover-text-color, #b00300);
  --kite-button-borderless-destructive-press-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-icon-color: var(--kite-button-borderless-destructive-press-text-color, #b00300);
  --kite-button-borderless-destructive-disabled-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-icon-only-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-only-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-fill: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-button-borderless-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-button-borderless-focus-icon-fill: var(--kite-color-focus, #0257b2);
  --kite-calendar-background-color: var(--kite-container-background-color, #ffffff);
  --kite-calendar-text-color: var(--kite-color-text, #000000);
  --kite-calendar-border-color: var(--kite-border-color, #d8dde6);
  --kite-calendar-border-style: var(--kite-border-style, solid);
  --kite-calendar-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-right: var(--kite-spacing-md, 1rem);
  --kite-calendar-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-left: var(--kite-spacing-md, 1rem);
  --kite-calendar-controls-focus-text-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-controls-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-day-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-calendar-day-focus-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-selected-background-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-selected-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-day-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-calendar-day-today-text-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-today-indicator-background-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-today-indicator-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-out-range-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-day-unavailable-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-month-year-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-month-year-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-standalone-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-card-background-color: var(--kite-container-background-color, #ffffff);
  --kite-card-text-color: var(--kite-color-text, #000000);
  --kite-card-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-top-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-bottom-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-top-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-bottom-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-card-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-card-sm-min-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-min-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-card-sm-margin-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-card-md-min-padding-top: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-right: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-bottom: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-min-padding-left: var(--kite-spacing-element-xl, 1.5rem);
  --kite-card-md-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-card-lg-min-padding-top: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-right: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-bottom: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-min-padding-left: var(--kite-spacing-element-xxl, 2rem);
  --kite-card-lg-margin-bottom: var(--kite-spacing-element-xl, 1.5rem);
  --kite-checkbox-text-color: var(--kite-color-text, #000000);
  --kite-checkbox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-checkbox-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-checkbox-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-right: var(--kite-spacing-md, 1rem);
  --kite-checkbox-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-left: var(--kite-spacing-md, 1rem);
  --kite-checkbox-height: var(--kite-checkbox-width, 1.25rem);
  --kite-checkbox-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-checkbox-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-checkbox-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-checkbox-selected-background-color: var(--kite-color-primary, #0271eb);
  --kite-checkbox-selected-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-disabled-icon-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-checkbox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-checkbox-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-checkbox-error-feedback-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-checkbox-error-selected-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-checkbox-group-list-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-indeterminate-icon-height: var(--kite-checkbox-selected-icon-height, 1rem);
  --kite-checkbox-indeterminate-icon-width: var(--kite-checkbox-selected-icon-width, 1rem);
  --kite-checkbox-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-selected-background-color-dark: var(--kite-color-primary, #0271eb);
  --kite-checkbox-selected-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-indeterminate-background-color-dark: var(--kite-color-primary, #0271eb);
  --kite-checkbox-indeterminate-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-group-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-chip-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-text-size: var(--kite-typography-body-size, 1rem);
  --kite-chip-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-chip-border-radius: var(--kite-border-radius-pill, 624.9375rem);
  --kite-chip-border-style: var(--kite-border-style, solid);
  --kite-chip-margin-right: var(--kite-spacing-md, 1rem);
  --kite-chip-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-chip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-chip-min-height: var(--kite-chip-height, 2rem);
  --kite-chip-focus-ring-color: var(--kite-chip-border-color, #63738a);
  --kite-chip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-chip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-chip-hover-background-color: var(--kite-chip-focus-background-color, #d8dde6);
  --kite-chip-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-selected-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-chip-disabled-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-chip-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-border-color-dark: var(--kite-chip-text-color-dark, #b8d4f2);
  --kite-chip-focus-ring-color-dark: var(--kite-chip-text-color-dark, #b8d4f2);
  --kite-chip-selected-background-color-dark: var(--kite-chip-text-color-dark, #b8d4f2);
  --kite-chip-selected-text-color-dark: var(--kite-chip-text-color, #000f1a);
  --kite-chip-selected-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-combobox-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-combobox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-combobox-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-combobox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-combobox-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-results-padding-top: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-picker-results-padding-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-combobox-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-combobox-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-data-table-background-color: var(--kite-color-background, #ffffff);
  --kite-data-table-text-color: var(--kite-color-text, #000000);
  --kite-data-table-border-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-border-style: var(--kite-border-style, solid);
  --kite-data-table-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-data-table-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-data-table-breakpoint-md-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-breakpoint-md-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-icon-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-compact-cell-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-comfortable-cell-padding-top: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-right: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-left: var(--kite-spacing-md, 1rem);
  --kite-data-table-menu-cell-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-menu-cell-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-title-row-border-bottom-width: var(--kite-border-width-thin, 0.0625rem);
  --kite-data-table-title-row-text-color: var(--kite-color-text, #000000);
  --kite-data-table-cell-compact-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-compact-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-cell-default-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-default-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-cell-comfortable-padding-top: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-right: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-data-table-cell-comfortable-padding-left: var(--kite-spacing-element-md, 1rem);
  --kite-date-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-date-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-date-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-date-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-date-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-date-input-picker-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-picker-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-date-input-picker-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-date-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dialog-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dialog-text-color: var(--kite-color-text, #000000);
  --kite-dialog-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dialog-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dialog-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dialog-icon-color: var(--kite-color-text, #000000);
  --kite-dialog-breakpoint-md-title-text-weight: var(--kite-typography-lg-title-5-weight, 500);
  --kite-dialog-breakpoint-md-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-dialog-title-text-size: var(--kite-typography-title-5-size, 1.25rem);
  --kite-dialog-title-text-line-height: var(--kite-typography-title-5-line-height, 1.4);
  --kite-dialog-title-icon-height: var(--kite-dialog-icon-height, 1.5rem);
  --kite-dialog-title-icon-width: var(--kite-dialog-icon-width, 1.5rem);
  --kite-dialog-title-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dialog-content-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-group-margin-top: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-alert-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-alert-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-scrolled-border-top-color: var(--kite-border-color, #d8dde6);
  --kite-dialog-scrolled-border-top-style: var(--kite-border-style, solid);
  --kite-dialog-title-text-margin-bottom: var(--kite-spacing-element-md, 1rem);
  --kite-dialog-full-size-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-full-size-padding-right: var(--kite-spacing-md, 1rem);
  --kite-dialog-full-size-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-full-size-padding-left: var(--kite-spacing-md, 1rem);
  --kite-dialog-default-size-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-default-size-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dropdown-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-dropdown-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-dropdown-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-cursor: var(--kite-form-control-cursor, pointer);
  --kite-dropdown-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dropdown-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-max-width: var(--kite-dropdown-max-width, 18rem);
  --kite-dropdown-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-dropdown-list-item-text-color: var(--kite-color-text, #000000);
  --kite-dropdown-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dropdown-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-dropdown-list-item-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-item-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dropdown-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-list-item-icon-color: var(--kite-color-primary, #0271eb);
  --kite-dropdown-list-item-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-dropdown-inline-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-dropdown-inline-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-inline-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-inline-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-inline-placeholder-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dropdown-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-offset-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-list-item-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-dropdown-inline-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-inline-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-dynamic-hint-text-color: var(--kite-color-text, #000000);
  --kite-dynamic-hint-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dynamic-hint-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dynamic-hint-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dynamic-hint-arrow-offset: var(--kite-spacing-2xl, 2rem);
  --kite-dynamic-hint-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dynamic-hint-criteria-positive-icon-color: var(--kite-color-positive, #008516);
  --kite-dynamic-hint-criteria-negative-icon-color: var(--kite-color-negative, #d6312b);
  --kite-dynamic-hint-entry-transition-duration: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-dynamic-hint-exit-transition-duration: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-dynamic-hint-criteria-success-icon-fill: var(--kite-color-success, #008516);
  --kite-dynamic-hint-criteria-error-icon-fill: var(--kite-color-error, #d6312b);
  --kite-interactive-list-text-color: var(--kite-color-text, #000000);
  --kite-interactive-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-interactive-list-border-style: var(--kite-border-style, solid);
  --kite-interactive-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-interactive-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-interactive-list-item-text-color: var(--kite-color-text, #000000);
  --kite-interactive-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-interactive-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-interactive-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-action-icon-height: var(--kite-interactive-list-item-icon-height, 1.5rem);
  --kite-interactive-list-item-action-icon-width: var(--kite-interactive-list-item-icon-width, 1.5rem);
  --kite-interactive-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-interactive-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-interactive-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-interactive-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-interactive-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-primary, #0271eb);
  --kite-interactive-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-interactive-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-interactive-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-interactive-list-start-margin-right: var(--kite-spacing-element-md, 1rem);
  --kite-interactive-list-end-margin-left: var(--kite-spacing-element-md, 1rem);
  --kite-interactive-list-item-danger-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-interactive-list-item-info-label-text-color: var(--kite-color-primary, #0271eb);
  --kite-interactive-list-item-success-label-text-color: var(--kite-color-success, #008516);
  --kite-interactive-list-md-padding-right: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-md-padding-left: var(--kite-spacing-md, 1rem);
  --kite-interactive-list-xl-padding-right: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-xl-padding-left: var(--kite-spacing-xl, 1.5rem);
  --kite-interactive-list-xxl-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-xxl-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-interactive-list-item-icon-margin: var(--kite-spacing-md, 1rem);
  --kite-link-text-color: var(--kite-color-primary, #0271eb);
  --kite-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-link-hover-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-focus-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-press-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-icon-margin: var(--kite-spacing-2xs, 0.25rem);
  --kite-link-visited-text-color: var(--kite-link-hover-text-color, #002e52);
  --kite-link-visited-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-standalone-text-decoration-offset: var(--kite-link-text-decoration-offset, 0.125rem);
  --kite-link-standalone-text-decoration-thickness: var(--kite-link-text-decoration-thickness, 0.125rem);
  --kite-link-standalone-hover-icon-color: var(--kite-link-hover-text-color, #002e52);
  --kite-link-standalone-focus-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-press-icon-color: var(--kite-link-press-text-color, #002139);
  --kite-link-standalone-visited-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-link-standalone-focus-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-link-standalone-icon-height: var(--kite-link-icon-height, 0.875rem);
  --kite-link-standalone-icon-width: var(--kite-link-icon-width, 0.875rem);
  --kite-list-text-color: var(--kite-color-text, #000000);
  --kite-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-list-border-style: var(--kite-border-style, solid);
  --kite-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-caution-label-icon-color: var(--kite-color-caution, #faa41a);
  --kite-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-text-color: var(--kite-color-text, #000000);
  --kite-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-image-border-radius: var(--kite-list-image-border-radius, 0.25rem);
  --kite-list-item-image-max-width: var(--kite-list-image-max-width, 5rem);
  --kite-list-item-image-max-height: var(--kite-list-image-max-height, 5rem);
  --kite-list-item-label-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-list-item-title-text-line-height: var(--kite-typography-title-6-line-height, 1.333);
  --kite-list-item-title-body-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-title-body-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-list-item-payment-logo-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-width: var(--kite-payment-logo-width, 1.5rem);
  --kite-list-item-payment-logo-height: var(--kite-payment-logo-height, 1.5rem);
  --kite-list-item-payment-logo-shadow: var(--kite-payment-logo-elevation, none);
  --kite-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-list-item-expanded-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-list-item-expanded-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-list-item-neutral-label-text-color: var(--kite-color-primary, #0271eb);
  --kite-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-multiline-subtitle-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-list-start-margin-right: var(--kite-spacing-element-xs, 0.5rem);
  --kite-list-end-margin-left: var(--kite-spacing-element-xs, 0.5rem);
  --kite-menu-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-menu-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-border-style: var(--kite-border-style, solid);
  --kite-menu-list-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-list-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-menu-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-menu-list-item-text-color: var(--kite-color-text, #000000);
  --kite-menu-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-list-item-border-style: var(--kite-border-style, solid);
  --kite-menu-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-padding-left: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-menu-trigger-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-trigger-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-trigger-activated-background-color: var(--kite-color-primary, #0271eb);
  --kite-menu-trigger-activated-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-menu-trigger-icon-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-contextual-label-trigger-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-contextual-label-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-contextual-label-trigger-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6);
  --kite-menu-list-offset-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-border-bottom-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-meter-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-label-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-fill-color: var(--kite-color-neutral, #73b7ff);
  --kite-meter-tick-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-value-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-meter-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-meter-caution-fill-color: var(--kite-color-caution, #faa41a);
  --kite-meter-sm-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-sm-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-lg-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-lg-status-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-lg-status-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-track-color: var(--kite-meter-track-color, #d8dde6);
  --kite-meter-circular-track-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-circular-tick-color: var(--kite-meter-tick-color, #000000);
  --kite-meter-circular-tick-width: var(--kite-meter-tick-width, 0.25rem);
  --kite-meter-circular-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-sm-height: var(--kite-meter-circular-sm-width, 1.5rem);
  --kite-meter-circular-sm-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-sm-icon-width: var(--kite-meter-sm-icon-width, 0.75rem);
  --kite-meter-circular-sm-icon-height: var(--kite-meter-sm-icon-height, 0.75rem);
  --kite-meter-circular-lg-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-circular-lg-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-circular-lg-value-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-lg-icon-width: var(--kite-meter-lg-icon-width, 1rem);
  --kite-meter-circular-lg-icon-height: var(--kite-meter-lg-icon-height, 1rem);
  --kite-meter-circular-lg-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-positive-progress-fill-background-color: var(--kite-color-positive, #008516);
  --kite-meter-caution-progress-fill-background-color: var(--kite-color-caution, #faa41a);
  --kite-meter-alert-progress-fill-background-color: var(--kite-color-negative, #d6312b);
  --kite-meter-success-progress-fill-background-color: var(--kite-color-positive, #008516);
  --kite-meter-positive-status-icon-fill: var(--kite-color-positive, #008516);
  --kite-meter-caution-status-icon-fill: var(--kite-color-caution, #faa41a);
  --kite-meter-alert-status-icon-fill: var(--kite-color-negative, #d6312b);
  --kite-meter-linear-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-linear-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-small-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-large-status-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-large-value-label-text-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-background-color: var(--kite-container-background-color, #ffffff);
  --kite-pagination-controls-border-color: var(--kite-border-color, #d8dde6);
  --kite-pagination-controls-border-style: var(--kite-border-style, solid);
  --kite-pagination-controls-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-controls-margin-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-text-size: var(--kite-typography-body-size, 1rem);
  --kite-pagination-controls-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-pagination-controls-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-pagination-controls-button-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-controls-button-icon-color: var(--kite-color-primary, #0271eb);
  --kite-pagination-page-select-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-select-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-current-label-text-weight: var(--kite-pagination-dropdown-placeholder-text-weight, 700);
  --kite-pagination-dropdown-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-pagination-count-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-size-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-size-label-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-per-page-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-per-page-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-item-count-label-margin-right: var(--kite-spacing-md, 1rem);
  --kite-payment-logo-background-color: var(--kite-container-background-color, #ffffff);
  --kite-payment-logo-text-color: var(--kite-color-text, #000000);
  --kite-payment-logo-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-payment-logo-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-text-color: var(--kite-color-text, #000000);
  --kite-popover-text-size: var(--kite-typography-body-size, 1rem);
  --kite-popover-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-arrow-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-popover-arrow-offset: var(--kite-spacing-md, 1rem);
  --kite-popover-trigger-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-color: var(--kite-color-primary, #0271eb);
  --kite-popover-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-popover-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-popover-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-link-margin-top: var(--kite-spacing-sm, 0.75rem);
  --kite-popover-dismiss-icon-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-popover-trigger-active-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-popover-trigger-focus-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-popover-trigger-hover-icon-fill: var(--kite-color-primary, #0271eb);
  --kite-progress-indicator-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-progress-indicator-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-progress-indicator-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-label-text-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-fill-color: var(--kite-color-primary, #0271eb);
  --kite-progress-indicator-backdrop-background-color: var(--kite-color-background, #ffffff);
  --kite-progress-indicator-value-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-icon-height: var(--kite-progress-indicator-icon-width, 1.25rem);
  --kite-progress-indicator-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-progress-indicator-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-progress-indicator-button-margin-top: var(--kite-spacing-md, 1rem);
  --kite-progress-indicator-circular-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-circular-label-text-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-sm-height: var(--kite-progress-indicator-circular-sm-width, 1.5rem);
  --kite-progress-indicator-lg-status-text-color: var(--kite-color-primary, #0271eb);
  --kite-progress-indicator-lg-status-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-lg-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-lg-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-lg-sub-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-text-color: var(--kite-color-text, #000000);
  --kite-radio-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-radio-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-radio-width: var(--kite-radio-height, 1.25rem);
  --kite-radio-selected-border-color: var(--kite-color-primary, #0271eb);
  --kite-radio-selected-focus-ring-width: var(--kite-radio-focus-ring-width, 0.25rem);
  --kite-radio-selected-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-radio-selected-indicator-width: var(--kite-radio-selected-indicator-height, 0.75rem);
  --kite-radio-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-radio-cursor: var(--kite-form-control-cursor, pointer);
  --kite-radio-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-radio-group-legend-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-group-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-radio-selected-disabled-center-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-search-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-search-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-search-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-search-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-search-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-search-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-search-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-select-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-select-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-select-cursor: var(--kite-form-control-cursor, pointer);
  --kite-select-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-select-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-skip-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-skip-link-border-style: var(--kite-border-style, solid);
  --kite-skip-link-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-skip-link-padding-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-right: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-left: var(--kite-spacing-md, 1rem);
  --kite-skip-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-skip-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-skip-link-stacked-margin-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-spacing-stack: var(--kite-spacing-md, 1rem);
  --kite-switch-text-color: var(--kite-color-text, #000000);
  --kite-switch-focus-ring-color: var(--kite-switch-track-background-color, #63738a);
  --kite-switch-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-switch-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-switch-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-switch-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-switch-thumb-width: var(--kite-switch-thumb-height, 1.25rem);
  --kite-switch-label-text-color: var(--kite-color-text, #000000);
  --kite-switch-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-switch-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-switch-label-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-switch-on-track-background-color: var(--kite-color-primary, #0271eb);
  --kite-switch-on-thumb-background-color: var(--kite-color-on-primary, #ffffff);
  --kite-switch-on-track-background-color-dark: var(--kite-color-primary, #0271eb);
  --kite-switch-disabled-label-text-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color-dark: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-group-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-switch-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-switch-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-text-color: var(--kite-color-text, #000000);
  --kite-tabs-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tabs-tab-text-color: var(--kite-color-text, #000000);
  --kite-tabs-tab-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-tab-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-tabs-tab-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-tab-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-tab-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-tab-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-tab-selected-text-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-tab-selected-border-bottom-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-tab-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-panel-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-panel-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-panel-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-item-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-item-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-item-min-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-item-min-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-item-min-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-item-min-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-item-text-color: var(--kite-color-text, #000000);
  --kite-tabs-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-item-active-text-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-item-active-border-bottom-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-item-active-border-bottom-color-dark: var(--kite-color-primary, #0271eb);
  --kite-tabs-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tag-group-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-tag-text-color: var(--kite-color-text, #000000);
  --kite-tag-border-style: var(--kite-border-style, solid);
  --kite-tag-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tag-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tag-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-tag-caution-border-color: var(--kite-color-caution, #faa41a);
  --kite-tag-caution-icon-color: var(--kite-tag-caution-text-color, #000000);
  --kite-tag-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-tag-negative-border-color: var(--kite-color-negative, #d6312b);
  --kite-tag-neutral-background-color: var(--kite-color-neutral-muted, #e5f2ff);
  --kite-tag-neutral-border-color: var(--kite-color-neutral, #73b7ff);
  --kite-tag-neutral-icon-color: var(--kite-tag-neutral-text-color, #000000);
  --kite-tag-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-tag-positive-border-color: var(--kite-color-positive, #008516);
  --kite-tag-positive-icon-color: var(--kite-tag-positive-text-color, #000000);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-text-color, #000000);
  --kite-tag-solid-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-tag-solid-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-tag-solid-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-tag-solid-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-tag-solid-neutral-background-color: var(--kite-color-neutral, #73b7ff);
  --kite-tag-solid-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-tag-solid-positive-background-color: var(--kite-color-positive, #008516);
  --kite-tag-solid-positive-text-color: var(--kite-color-on-positive, #ffffff);
  --kite-text-area-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-area-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-area-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-area-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-area-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-area-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-area-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-area-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-area-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-area-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-area-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-area-border-color-dark: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-text-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-text-input-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-input-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-input-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-input-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-input-secure-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-secure-confirm-icon-color: var(--kite-color-positive, #008516);
  --kite-text-input-border-color-dark: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-secure-confirm-icon-color-dark: var(--kite-color-success, #008516);
  --kite-text-input-secure-show-icon-color: var(--kite-color-primary, #0271eb);
  --kite-text-input-secure-show-icon-color-dark: var(--kite-color-primary, #0271eb);
  --kite-text-input-secure-show-icon-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-text-input-secure-show-icon-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-text-input-secure-hide-icon-color: var(--kite-color-primary, #0271eb);
  --kite-text-input-secure-hide-icon-color-dark: var(--kite-color-primary, #0271eb);
  --kite-time-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-time-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-time-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-time-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-time-input-icon-size: var(--kite-spacing-xl, 1.5rem);
  --kite-time-input-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-time-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-time-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-toast-text-size: var(--kite-typography-body-size, 1rem);
  --kite-toast-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-toast-border-style: var(--kite-border-style, solid);
  --kite-toast-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-toast-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-toast-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-toast-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-toast-offset: var(--kite-spacing-2xl, 2rem);
  --kite-toast-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-toast-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-tooltip-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-tooltip-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-tooltip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-right: var(--kite-spacing-md, 1rem);
  --kite-tooltip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-left: var(--kite-spacing-md, 1rem);
  --kite-tooltip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tooltip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tooltip-arrow-background-color: var(--kite-tooltip-background-color, #000f1a);
  --kite-tooltip-entry-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-exit-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-entry-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-curve: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-border-radius: var(--kite-border-radius-sm, 0.125rem);
  --kite-container-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-my-component-icon-color: var(--kite-my-component-text-color, #000000);
  --kite-form-control-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-control-focus-border-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-control-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-form-control-picker-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-form-control-picker-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-picker-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-form-control-picker-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-form-control-picker-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-form-control-picker-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-form-control-picker-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-form-control-picker-list-item-border-style: var(--kite-form-control-picker-border-style, solid);
  --kite-form-control-picker-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-control-picker-list-item-negative-icon-color: var(--kite-form-control-picker-list-item-negative-text-color, #d6312b);
  --kite-form-control-input-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-spacing-stack: var(--kite-form-spacing-stack-xl, 1.5rem);
  --kite-typography-display-letter-spacing: var(--kite-typography-sm-display-letter-spacing, normal);
  --kite-typography-display-margin-bottom: var(--kite-typography-sm-display-margin-bottom, 1rem);
  --kite-typography-title-1-margin-bottom: var(--kite-typography-sm-title-1-margin-bottom, 0.75rem);
  --kite-typography-title-2-margin-bottom: var(--kite-typography-sm-title-2-margin-bottom, 0.5rem);
  --kite-typography-title-3-margin-bottom: var(--kite-typography-sm-title-3-margin-bottom, 0.5rem);
  --kite-typography-title-4-margin-bottom: var(--kite-typography-sm-title-4-margin-bottom, 0.5rem);
  --kite-typography-title-5-margin-bottom: var(--kite-typography-sm-title-5-margin-bottom, 0.25rem);
  --kite-typography-title-6-margin-bottom: var(--kite-typography-sm-title-6-margin-bottom, 0.25rem);
  --kite-typography-body-display-margin-bottom: var(--kite-typography-sm-body-display-margin-bottom, 1.5rem);
  --kite-typography-body-margin-bottom: var(--kite-typography-sm-body-margin-bottom, 1rem);
  --kite-typography-eyebrow-letter-spacing: var(--kite-typography-sm-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-eyebrow-margin-bottom: var(--kite-typography-sm-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-caption-1-margin-bottom: var(--kite-typography-sm-caption-1-margin-bottom, 0.75rem);
  --kite-typography-caption-2-margin-bottom: var(--kite-typography-sm-caption-2-margin-bottom, 0.75rem);
  --kite-typography-caption-weight: var(--kite-typography-caption-1-weight, 400);
  --kite-typography-caption-style: var(--kite-typography-caption-1-style, normal);
  --kite-typography-caption-letter-spacing: var(--kite-typography-caption-1-letter-spacing, normal);
  --kite-accordion-border-width: var(--kite-border-width, 0.0625rem);
  --kite-accordion-padding-top: var(--kite-accordion-padding-top-sm, 1rem);
  --kite-accordion-padding-right: var(--kite-accordion-padding-right-sm, 1rem);
  --kite-accordion-padding-bottom: var(--kite-accordion-padding-bottom-sm, 1rem);
  --kite-accordion-padding-left: var(--kite-accordion-padding-left-sm, 1rem);
  --kite-accordion-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-accordion-icon-color: var(--kite-accordion-title-text-color, #000000);
  --kite-accordion-icon-transition-timing-function: var(--kite-accordion-icon-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-accordion-expanded-transition-timing-function: var(--kite-accordion-expanded-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-text-weight: var(--kite-typography-body-weight, 400);
  --kite-alert-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-alert-border-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-dismiss-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-link-text-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-title-letter-spacing: var(--kite-typography-body-letter-spacing, normal);
  --kite-alert-passive-caution-status-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-page-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-badge-border-width: var(--kite-border-width, 0.0625rem);
  --kite-badge-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-blockquote-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-button-group-item-margin-right: var(--kite-button-group-button-margin-right, 1.5rem);
  --kite-button-group-item-margin-bottom: var(--kite-button-group-button-margin-bottom, 1rem);
  --kite-button-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-button-border-width: var(--kite-border-width, 0.0625rem);
  --kite-button-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-button-focus-ring-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-button-focus-icon-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-hover-icon-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-press-icon-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-disabled-icon-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-icon-color: var(--kite-button-text-color, #ffffff);
  --kite-button-destructive-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-button-destructive-icon-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-background-color: var(--kite-button-background-color, #0271eb);
  --kite-button-primary-border-style: var(--kite-button-border-style, solid);
  --kite-button-primary-text-color: var(--kite-button-text-color, #ffffff);
  --kite-button-primary-press-background-color: var(--kite-button-press-background-color, #0257b2);
  --kite-button-primary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-primary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-background-color: var(--kite-button-focus-background-color, #0257b2);
  --kite-button-primary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-primary-hover-background-color: var(--kite-button-hover-background-color, #0257b2);
  --kite-button-primary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-primary-destructive-background-color: var(--kite-button-destructive-background-color, #d6312b);
  --kite-button-primary-destructive-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-background-color: var(--kite-button-destructive-disabled-background-color, #d8dde6);
  --kite-button-primary-destructive-disabled-border-color: var(--kite-button-destructive-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-icon-color: var(--kite-button-secondary-text-color, #0271eb);
  --kite-button-secondary-border-style: var(--kite-button-border-style, solid);
  --kite-button-secondary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-secondary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-secondary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-icon-color: var(--kite-button-secondary-destructive-text-color, #d6312b);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-style: var(--kite-button-border-style, solid);
  --kite-button-borderless-icon-color: var(--kite-button-borderless-text-color, #0271eb);
  --kite-button-borderless-focus-icon-color: var(--kite-button-borderless-focus-text-color, #0257b2);
  --kite-button-borderless-hover-icon-color: var(--kite-button-borderless-hover-text-color, #0257b2);
  --kite-button-borderless-press-icon-color: var(--kite-button-borderless-press-text-color, #0257b2);
  --kite-button-borderless-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-icon-color: var(--kite-button-borderless-destructive-text-color, #d6312b);
  --kite-button-borderless-destructive-focus-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-calendar-border-width: var(--kite-border-width, 0.0625rem);
  --kite-calendar-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-calendar-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-calendar-controls-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-due-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-calendar-day-out-month-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-out-range-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-standalone-background-color: var(--kite-card-background-color, #ffffff);
  --kite-card-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-card-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-card-border-style: var(--kite-container-border-style, solid);
  --kite-card-padding-top: var(--kite-card-padding-top-sm, 1rem);
  --kite-card-padding-right: var(--kite-card-padding-right-sm, 1rem);
  --kite-card-padding-bottom: var(--kite-card-padding-bottom-sm, 1rem);
  --kite-card-padding-left: var(--kite-card-padding-left-sm, 1rem);
  --kite-card-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-checkbox-border-style: var(--kite-form-control-border-style, solid);
  --kite-checkbox-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-checkbox-focus-ring-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-checkbox-selected-disabled-icon-color: var(--kite-checkbox-disabled-icon-color, #d8dde6);
  --kite-checkbox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-checkbox-disabled-label-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-checkbox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-checkbox-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-checkbox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-checkbox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-checkbox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-checkbox-group-checkbox-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-checkbox-indeterminate-background-color: var(--kite-checkbox-selected-background-color, #0271eb);
  --kite-checkbox-indeterminate-icon-color: var(--kite-checkbox-selected-icon-color, #ffffff);
  --kite-checkbox-indeterminate-disabled-background-color: var(--kite-checkbox-selected-disabled-background-color, #9ba9bd);
  --kite-chip-border-width: var(--kite-border-width, 0.0625rem);
  --kite-chip-selected-padding-top: var(--kite-chip-padding-top, 0.25rem);
  --kite-chip-selected-padding-bottom: var(--kite-chip-padding-bottom, 0.25rem);
  --kite-combobox-text-color: var(--kite-form-control-text-color, #000000);
  --kite-combobox-border-style: var(--kite-form-control-border-style, solid);
  --kite-combobox-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-combobox-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-combobox-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-combobox-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-combobox-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-combobox-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-combobox-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-combobox-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-combobox-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-combobox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-combobox-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-combobox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-combobox-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-combobox-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-combobox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-combobox-picker-offset-y: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-combobox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-combobox-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-combobox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-data-table-border-width: var(--kite-border-width, 0.0625rem);
  --kite-data-table-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-data-table-header-text-color: var(--kite-data-table-text-color, #000000);
  --kite-data-table-header-border-bottom-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-header-border-bottom-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-cell-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-padding-top: var(--kite-data-table-padding-top, 0.75rem);
  --kite-data-table-cell-padding-right: var(--kite-data-table-padding-right, 0.75rem);
  --kite-data-table-cell-padding-bottom: var(--kite-data-table-padding-bottom, 0.75rem);
  --kite-data-table-cell-padding-left: var(--kite-data-table-padding-left, 0.75rem);
  --kite-data-table-cell-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-cell-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-data-table-row-background-color: var(--kite-data-table-background-color, #ffffff);
  --kite-data-table-row-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-row-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-row-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-row-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-date-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-date-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-date-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-date-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-date-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-date-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-date-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-date-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-date-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-date-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-date-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-date-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-date-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-date-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0271eb);
  --kite-date-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-date-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-date-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-date-input-picker-offset: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-date-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-date-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-date-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-date-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-date-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dialog-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-dialog-border-style: var(--kite-container-border-style, solid);
  --kite-dialog-padding-top: var(--kite-dialog-full-size-padding-top, 3rem);
  --kite-dialog-padding-right: var(--kite-dialog-full-size-padding-right, 1rem);
  --kite-dialog-padding-bottom: var(--kite-dialog-full-size-padding-bottom, 1.25rem);
  --kite-dialog-padding-left: var(--kite-dialog-full-size-padding-left, 1rem);
  --kite-dialog-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dialog-breakpoint-md-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dialog-title-text-weight: var(--kite-typography-title-5-weight, 500);
  --kite-dialog-dismiss-icon-color: var(--kite-dialog-icon-color, #000000);
  --kite-dialog-scrolled-border-top-width: var(--kite-border-width, 0.0625rem);
  --kite-dialog-default-size-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-dropdown-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-dropdown-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-dropdown-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-dropdown-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-dropdown-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-dropdown-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-dropdown-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-dropdown-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-dropdown-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-dropdown-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-dropdown-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-dropdown-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-dropdown-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-dropdown-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-dropdown-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-dropdown-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dropdown-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-dropdown-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-dropdown-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dropdown-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-dropdown-inline-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-inline-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-inline-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dropdown-inline-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-dynamic-hint-background-color: var(--kite-card-background-color, #ffffff);
  --kite-dynamic-hint-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dynamic-hint-criteria-text-size: var(--kite-dynamic-hint-text-size, 1rem);
  --kite-dynamic-hint-criteria-text-color: var(--kite-dynamic-hint-text-color, #000000);
  --kite-interactive-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-interactive-list-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-interactive-list-item-border-color: var(--kite-interactive-list-border-color, #d8dde6);
  --kite-interactive-list-item-border-style: var(--kite-interactive-list-border-style, solid);
  --kite-interactive-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-interactive-list-item-padding-top-sm: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-sm: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-padding-top-md: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-md: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-padding-top-lg: var(--kite-interactive-list-item-padding-top, 1rem);
  --kite-interactive-list-item-padding-bottom-lg: var(--kite-interactive-list-item-padding-bottom, 1rem);
  --kite-interactive-list-item-icon-color: var(--kite-interactive-list-item-text-color, #000000);
  --kite-interactive-list-item-label-text-color: var(--kite-interactive-list-item-text-color, #000000);
  --kite-interactive-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-interactive-list-item-disabled-icon-color: var(--kite-interactive-list-item-disabled-text-color, #9ba9bd);
  --kite-interactive-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-link-text-weight: var(--kite-typography-body-weight, 400);
  --kite-link-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-link-focus-text-color: var(--kite-link-text-color, #0271eb);
  --kite-link-icon-color: var(--kite-link-text-color, #0271eb);
  --kite-link-standalone-visited-icon-color: var(--kite-link-visited-text-color, #002e52);
  --kite-link-standalone-icon-margin-left: var(--kite-link-icon-margin, 0.25rem);
  --kite-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-list-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-list-item-border-color: var(--kite-list-border-color, #d8dde6);
  --kite-list-item-border-style: var(--kite-list-border-style, solid);
  --kite-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-list-item-padding-top-sm: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-sm: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-md: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-md: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-lg: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-lg: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-slot-start-margin-right: var(--kite-list-start-margin-right, 0.5rem);
  --kite-list-item-slot-end-margin-left: var(--kite-list-end-margin-left, 0.5rem);
  --kite-list-item-icon-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-label-text-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-list-item-disabled-icon-color: var(--kite-list-item-disabled-text-color, #9ba9bd);
  --kite-list-item-expandable-content-padding-right: var(--kite-list-item-padding-right, 0.5rem);
  --kite-list-item-expandable-content-padding-bottom: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-expandable-content-padding-left: var(--kite-list-item-padding-left, 0.5rem);
  --kite-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-menu-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-menu-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-menu-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-menu-trigger-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-trigger-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-menu-contextual-label-trigger-padding-right: var(--kite-menu-trigger-padding-right, 0.75rem);
  --kite-menu-contextual-label-trigger-padding-left: var(--kite-menu-trigger-padding-left, 0.75rem);
  --kite-menu-contextual-label-trigger-activated-label-text-color: var(--kite-menu-trigger-activated-icon-color, #ffffff);
  --kite-menu-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem);
  --kite-meter-icon-color: var(--kite-meter-fill-color, #73b7ff);
  --kite-meter-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-positive-icon-color: var(--kite-meter-positive-fill-color, #008516);
  --kite-meter-negative-icon-color: var(--kite-meter-negative-fill-color, #d6312b);
  --kite-meter-caution-icon-color: var(--kite-meter-caution-fill-color, #faa41a);
  --kite-meter-sm-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-lg-track-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-meter-circular-track-margin-bottom: var(--kite-meter-track-margin-bottom, 0.25rem);
  --kite-meter-circular-fill-color: var(--kite-meter-fill-color, #73b7ff);
  --kite-meter-circular-tick-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-sm-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-sm-value-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-value-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-lg-track-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-lg-tick-width: var(--kite-meter-circular-tick-width, 0.25rem);
  --kite-meter-linear-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-linear-small-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-linear-large-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-pagination-controls-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-border-width: var(--kite-border-width, 0.0625rem);
  --kite-pagination-controls-button-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-pagination-controls-button-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-pagination-page-select-current-label-margin-right: var(--kite-pagination-dropdown-margin-right, 0.25rem);
  --kite-pagination-page-select-current-label-margin-left: var(--kite-pagination-dropdown-margin-left, 0.25rem);
  --kite-pagination-dropdown-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-button-previous-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-previous-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-payment-logo-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-popover-background-color: var(--kite-card-background-color, #ffffff);
  --kite-popover-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-popover-trigger-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-popover-trigger-focus-ring-radius: var(--kite-border-radius-circle, 50%);
  --kite-popover-trigger-hover-icon-color: var(--kite-popover-trigger-icon-color, #0271eb);
  --kite-popover-dismiss-icon-color: var(--kite-popover-text-color, #000000);
  --kite-progress-indicator-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-progress-indicator-value-label-color: var(--kite-progress-indicator-fill-color, #0271eb);
  --kite-progress-indicator-secondary-label-weight: var(--kite-typography-body-weight, 400);
  --kite-progress-indicator-positive-icon-color: var(--kite-progress-indicator-positive-fill-color, #008516);
  --kite-progress-indicator-negative-icon-color: var(--kite-progress-indicator-negative-fill-color, #d6312b);
  --kite-progress-indicator-circular-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-progress-indicator-lg-sub-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-radio-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-radio-border-style: var(--kite-form-control-border-style, solid);
  --kite-radio-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-radio-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-radio-selected-border-width: var(--kite-radio-border-width, 0.125rem);
  --kite-radio-selected-disabled-indicator-background-color: var(--kite-radio-selected-disabled-border-color, #9ba9bd);
  --kite-radio-selected-indicator-background-color: var(--kite-radio-selected-border-color, #0271eb);
  --kite-radio-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-radio-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-radio-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-radio-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-radio-group-margin-top: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-radio-group-margin-bottom: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-search-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-search-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-search-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-search-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-search-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-search-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-search-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-search-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-search-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-search-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-search-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0271eb);
  --kite-search-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-search-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-search-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-search-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-search-input-placeholder-margin-right: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-placeholder-margin-left: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-search-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-text-color: var(--kite-form-control-text-color, #000000);
  --kite-select-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-select-border-style: var(--kite-form-control-border-style, solid);
  --kite-select-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-select-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-select-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-select-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-select-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-select-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-select-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-select-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-select-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-select-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-select-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-select-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-select-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-select-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-select-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-select-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-select-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-select-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-skip-link-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-skip-link-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-switch-transition-timing-function: var(--kite-switch-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-switch-thumb-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-switch-on-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-switch-indicator-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-tabs-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tabs-transition-timing-function: var(--kite-tabs-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-tab-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-tab-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tabs-panel-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tabs-item-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tag-border-width: var(--kite-border-width, 0.0625rem);
  --kite-tag-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tag-icon-color: var(--kite-tag-text-color, #000000);
  --kite-tag-negative-icon-color: var(--kite-tag-negative-border-color, #d6312b);
  --kite-tag-solid-caution-icon-color: var(--kite-tag-solid-caution-text-color, #000000);
  --kite-tag-solid-negative-icon-color: var(--kite-tag-solid-negative-text-color, #ffffff);
  --kite-tag-solid-neutral-icon-color: var(--kite-tag-solid-neutral-text-color, #000000);
  --kite-tag-solid-positive-icon-color: var(--kite-tag-solid-positive-text-color, #ffffff);
  --kite-text-area-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-area-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-area-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-area-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-area-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-area-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-area-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-area-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-area-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-area-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-area-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-area-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-area-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-area-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-area-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-area-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-area-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-area-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-area-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-area-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-area-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-area-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-area-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-input-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0271eb);
  --kite-text-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-text-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-text-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-input-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-secure-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-icon-height: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-confirm-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-secure-show-icon-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-time-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-time-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-time-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-time-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-time-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-time-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-time-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-time-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-time-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-time-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-time-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-time-input-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-time-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-time-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-time-input-label-color: var(--kite-form-control-label-text-color, #000000);
  --kite-time-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-time-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-time-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-time-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-toast-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-toast-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tooltip-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tooltip-entry-transition-timing-function: var(--kite-tooltip-entry-transition-curve, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-timing-function: var(--kite-tooltip-exit-transition-curve, cubic-bezier(0.42, 0, 1, 1));
  --kite-container-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-my-component-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-form-control-picker-list-item-border-color: var(--kite-form-control-picker-border-color, #d8dde6);
  --kite-form-control-picker-list-item-border-width: var(--kite-form-control-picker-border-width, 0.0625rem);
  --kite-typography-caption-margin-bottom: var(--kite-typography-caption-1-margin-bottom, 0.75rem);
  --kite-alert-passive-border-radius: var(--kite-alert-border-radius, 0.25rem);
  --kite-button-destructive-focus-icon-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-destructive-hover-icon-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-destructive-press-icon-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-destructive-disabled-icon-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-primary-icon-color: var(--kite-button-primary-text-color, #ffffff);
  --kite-button-primary-press-icon-color: var(--kite-button-primary-press-text-color, #ffffff);
  --kite-button-primary-disabled-icon-color: var(--kite-button-primary-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-icon-color: var(--kite-button-primary-focus-text-color, #ffffff);
  --kite-button-primary-hover-icon-color: var(--kite-button-primary-hover-text-color, #ffffff);
  --kite-button-primary-destructive-icon-color: var(--kite-button-primary-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-text-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-secondary-focus-icon-color: var(--kite-button-secondary-focus-text-color, #ffffff);
  --kite-button-secondary-hover-icon-color: var(--kite-button-secondary-hover-text-color, #ffffff);
  --kite-button-secondary-press-icon-color: var(--kite-button-secondary-press-text-color, #ffffff);
  --kite-button-secondary-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-secondary-destructive-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-borderless-disabled-icon-color: var(--kite-button-borderless-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-disabled-icon-color: var(--kite-button-borderless-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-icon-fill: var(--kite-button-icon-color, #ffffff);
  --kite-button-primary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff);
  --kite-button-primary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-button-primary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff);
  --kite-button-primary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff);
  --kite-button-secondary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff);
  --kite-button-secondary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-button-secondary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff);
  --kite-button-secondary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff);
  --kite-button-borderless-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd);
  --kite-calendar-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-calendar-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-calendar-standalone-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-calendar-standalone-border-style: var(--kite-card-border-style, solid);
  --kite-calendar-standalone-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-card-border-width: var(--kite-container-border-width, 0.0625rem);
  --kite-checkbox-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-checkbox-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-checkbox-selected-disabled-border-color: var(--kite-checkbox-disabled-border-color, #9ba9bd);
  --kite-checkbox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-checkbox-error-feedback-icon-color: var(--kite-checkbox-error-feedback-text-color, #d6312b);
  --kite-checkbox-error-selected-background-color: var(--kite-checkbox-error-border-color, #d6312b);
  --kite-checkbox-indeterminate-disabled-icon-color: var(--kite-checkbox-selected-disabled-icon-color, #d8dde6);
  --kite-combobox-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-combobox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-data-table-header-border-bottom-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-focus-ring-color: var(--kite-data-table-focus-ring-color, #0257b2);
  --kite-data-table-row-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-row-focus-ring-color: var(--kite-data-table-focus-ring-color, #0257b2);
  --kite-data-table-sticky-column-background-color: var(--kite-data-table-row-background-color, #ffffff);
  --kite-date-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-date-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-dropdown-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-dropdown-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-dropdown-focus-ring-style: var(--kite-select-focus-ring-style, solid);
  --kite-dropdown-focus-ring-width: var(--kite-select-focus-ring-width, 0.125rem);
  --kite-dropdown-icon-color: var(--kite-dropdown-text-color, #000000);
  --kite-dropdown-inline-disabled-icon-color: var(--kite-dropdown-inline-disabled-text-color, #9ba9bd);
  --kite-dropdown-inline-placeholder-text-color: var(--kite-dropdown-inline-text-color, #000000);
  --kite-dynamic-hint-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-dynamic-hint-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-dynamic-hint-border-style: var(--kite-card-border-style, solid);
  --kite-dynamic-hint-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-dynamic-hint-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-dynamic-hint-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-dynamic-hint-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-dynamic-hint-arrow-background-color: var(--kite-dynamic-hint-background-color, #ffffff);
  --kite-interactive-list-item-border-width: var(--kite-interactive-list-border-width, 0.0625rem);
  --kite-interactive-list-item-action-icon-color: var(--kite-interactive-list-item-icon-color, #000000);
  --kite-interactive-list-item-disabled-action-icon-color: var(--kite-interactive-list-item-disabled-icon-color, #9ba9bd);
  --kite-link-standalone-focus-icon-color: var(--kite-link-focus-text-color, #0271eb);
  --kite-link-standalone-icon-color: var(--kite-link-icon-color, #0271eb);
  --kite-list-item-border-width: var(--kite-list-border-width, 0.0625rem);
  --kite-list-item-caution-label-text-color: var(--kite-list-item-label-text-color, #000000);
  --kite-list-item-action-icon-color: var(--kite-list-item-icon-color, #000000);
  --kite-list-item-disabled-action-icon-color: var(--kite-list-item-disabled-icon-color, #9ba9bd);
  --kite-meter-circular-icon-color: var(--kite-meter-circular-fill-color, #73b7ff);
  --kite-meter-circular-lg-tick-height: var(--kite-meter-circular-lg-track-height, 0.5rem);
  --kite-pagination-controls-button-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-pagination-controls-button-previous-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-popover-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-popover-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-popover-border-style: var(--kite-card-border-style, solid);
  --kite-popover-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-popover-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-popover-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-popover-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-popover-arrow-background-color: var(--kite-popover-background-color, #ffffff);
  --kite-popover-trigger-focus-icon-color: var(--kite-popover-trigger-hover-icon-color, #0271eb);
  --kite-popover-trigger-expanded-icon-color: var(--kite-popover-trigger-hover-icon-color, #0271eb);
  --kite-radio-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-radio-focus-ring-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-selected-border-style: var(--kite-radio-border-style, solid);
  --kite-radio-selected-focus-ring-style: var(--kite-radio-focus-ring-style, solid);
  --kite-radio-selected-indicator-border-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-search-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-search-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-select-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-select-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-select-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-switch-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-tag-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-text-area-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-area-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-area-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-text-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-input-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-text-input-secure-icon-color: var(--kite-text-input-addon-icon-color, #0271eb);
  --kite-text-input-secure-icon-focus-ring-style: var(--kite-text-input-focus-ring-style, solid);
  --kite-text-input-secure-icon-focus-ring-width: var(--kite-text-input-focus-ring-width, 0.125rem);
  --kite-text-input-secure-confirm-icon-margin-right: var(--kite-text-input-addon-padding-right, 0.5rem);
  --kite-text-input-secure-visible-icon-height: var(--kite-text-input-secure-icon-height, 1.5rem);
  --kite-text-input-secure-visible-icon-width: var(--kite-text-input-secure-icon-width, 1.5rem);
  --kite-time-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-time-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-time-input-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-tooltip-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-tooltip-border-style: var(--kite-card-border-style, solid);
  --kite-button-primary-destructive-focus-icon-color: var(--kite-button-primary-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-icon-color: var(--kite-button-primary-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-icon-color: var(--kite-button-primary-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-icon-color: var(--kite-button-primary-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-icon-color: var(--kite-button-secondary-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-icon-color: var(--kite-button-secondary-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-icon-color: var(--kite-button-secondary-destructive-press-text-color, #ffffff);
  --kite-calendar-standalone-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-checkbox-indeterminate-disabled-border-color: var(--kite-checkbox-selected-disabled-border-color, #9ba9bd);
  --kite-dropdown-focus-ring-color: var(--kite-select-focus-ring-color, #0257b2);
  --kite-dynamic-hint-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-dynamic-hint-arrow-border-color: var(--kite-dynamic-hint-border-color, #d8dde6);
  --kite-dynamic-hint-arrow-border-style: var(--kite-dynamic-hint-border-style, solid);
  --kite-popover-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-popover-arrow-border-color: var(--kite-popover-border-color, #d8dde6);
  --kite-popover-arrow-border-style: var(--kite-popover-border-style, solid);
  --kite-radio-selected-focus-ring-color: var(--kite-radio-focus-ring-color, #0257b2);
  --kite-text-input-secure-icon-focus-ring-color: var(--kite-text-input-focus-ring-color, #0257b2);
  --kite-text-input-secure-unmasked-icon-height: var(--kite-text-input-secure-visible-icon-height, 1.5rem);
  --kite-text-input-secure-unmasked-icon-width: var(--kite-text-input-secure-visible-icon-width, 1.5rem);
  --kite-text-input-secure-visible-icon-color: var(--kite-text-input-secure-icon-color, #0271eb);
  --kite-dynamic-hint-arrow-border-width: var(--kite-dynamic-hint-border-width, 0.0625rem);
  --kite-text-input-secure-unmasked-icon-color: var(--kite-text-input-secure-visible-icon-color, #0271eb);
}
.kite-theme--mode-compact {
  --kite-layout-sm: 3rem;
  --kite-layout-md: 4rem;
  --kite-layout-lg: 6rem;
  --kite-layout-xl: 8rem;
  --kite-layout-2xl: 10rem;
  --kite-layout-2xs: var(--kite-size-32, 2rem);
  --kite-layout-xs: var(--kite-size-40, 2.5rem);
  --kite-spacing-2xs: var(--kite-size-2, 0.125rem);
  --kite-spacing-xs: var(--kite-size-4, 0.25rem);
  --kite-spacing-sm: var(--kite-size-8, 0.5rem);
  --kite-spacing-md: var(--kite-size-12, 0.75rem);
  --kite-spacing-lg: var(--kite-size-16, 1rem);
  --kite-spacing-xl: var(--kite-size-20, 1.25rem);
  --kite-spacing-2xl: var(--kite-size-24, 1.5rem);
}
.kite-theme--mode-rutledge {
  --kite-font-weight-light: 200;
  --kite-font-family-sans-serif: var(--kite-font-family-rutledge, Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-typography-sm-display-size: var(--kite-typography-rutledge-sm-display-size, 3rem);
  --kite-typography-sm-display-line-height: var(--kite-typography-rutledge-sm-display-line-height, 1.25);
  --kite-typography-sm-title-1-size: var(--kite-typography-rutledge-sm-title-1-size, 2.5rem);
  --kite-typography-sm-title-1-line-height: var(--kite-typography-rutledge-sm-title-1-line-height, 1.3);
  --kite-typography-sm-title-2-size: var(--kite-typography-rutledge-sm-title-2-size, 2.25rem);
  --kite-typography-sm-title-2-line-height: var(--kite-typography-rutledge-sm-title-2-line-height, 1.222);
  --kite-typography-sm-title-3-size: var(--kite-typography-rutledge-sm-title-3-size, 2rem);
  --kite-typography-sm-title-4-size: var(--kite-typography-rutledge-sm-title-4-size, 1.75rem);
  --kite-typography-sm-title-4-line-height: var(--kite-typography-rutledge-sm-title-4-line-height, 1.286);
  --kite-typography-sm-title-5-size: var(--kite-typography-rutledge-sm-title-5-size, 1.5rem);
  --kite-typography-sm-title-5-line-height: var(--kite-typography-rutledge-sm-title-5-line-height, 1.25);
  --kite-typography-sm-title-6-size: var(--kite-typography-rutledge-sm-title-6-size, 1.25rem);
  --kite-typography-sm-title-6-line-height: var(--kite-typography-rutledge-sm-title-6-line-height, 1.3);
  --kite-typography-sm-body-display-size: var(--kite-typography-rutledge-sm-body-display-size, 1.25rem);
  --kite-typography-sm-body-display-line-height: var(--kite-typography-rutledge-sm-body-display-line-height, 1.3);
  --kite-typography-sm-body-size: var(--kite-typography-rutledge-sm-body-size, 1rem);
  --kite-typography-sm-body-line-height: var(--kite-typography-rutledge-sm-body-line-height, 1.5);
  --kite-typography-sm-eyebrow-size: var(--kite-typography-rutledge-sm-eyebrow-size, 0.875rem);
  --kite-typography-sm-eyebrow-style: var(--kite-typography-rutledge-sm-eyebrow-style, uppercase);
  --kite-typography-sm-eyebrow-line-height: var(--kite-typography-rutledge-sm-eyebrow-line-height, 1.571);
  --kite-typography-lg-display-size: var(--kite-typography-rutledge-lg-display-size, 4rem);
  --kite-typography-lg-display-line-height: var(--kite-typography-rutledge-lg-display-line-height, 1.125);
  --kite-typography-lg-title-1-size: var(--kite-typography-rutledge-lg-title-1-size, 3rem);
  --kite-typography-lg-title-1-line-height: var(--kite-typography-rutledge-lg-title-1-line-height, 1.25);
  --kite-typography-lg-title-2-size: var(--kite-typography-rutledge-lg-title-2-size, 2.5rem);
  --kite-typography-lg-title-2-line-height: var(--kite-typography-rutledge-lg-title-2-line-height, 1.25);
  --kite-typography-lg-title-3-size: var(--kite-typography-rutledge-lg-title-3-size, 2.25rem);
  --kite-typography-lg-title-3-line-height: var(--kite-typography-rutledge-lg-title-3-line-height, 1.222);
  --kite-typography-lg-title-4-size: var(--kite-typography-rutledge-lg-title-4-size, 2rem);
  --kite-typography-lg-title-4-line-height: var(--kite-typography-rutledge-lg-title-4-line-height, 1.25);
  --kite-typography-lg-title-5-size: var(--kite-typography-rutledge-lg-title-5-size, 1.5rem);
  --kite-typography-lg-title-5-line-height: var(--kite-typography-rutledge-lg-title-5-line-height, 1.25);
  --kite-typography-lg-title-6-size: var(--kite-typography-rutledge-lg-title-6-size, 1.25rem);
  --kite-typography-lg-title-6-line-height: var(--kite-typography-rutledge-lg-title-6-line-height, 1.3);
  --kite-typography-lg-body-display-size: var(--kite-typography-rutledge-lg-body-display-size, 1.25rem);
  --kite-typography-lg-body-display-line-height: var(--kite-typography-rutledge-lg-body-display-line-height, 1.3);
  --kite-typography-lg-body-size: var(--kite-typography-rutledge-lg-body-size, 1rem);
  --kite-typography-lg-body-line-height: var(--kite-typography-rutledge-lg-body-line-height, 1.5);
  --kite-typography-lg-eyebrow-size: var(--kite-typography-rutledge-lg-eyebrow-size, 1rem);
  --kite-typography-lg-eyebrow-style: var(--kite-typography-rutledge-lg-eyebrow-style, uppercase);
  --kite-typography-lg-eyebrow-line-height: var(--kite-typography-rutledge-lg-eyebrow-line-height, 1.5);
  --kite-typography-xxs-title-1-size: var(--kite-typography-rutledge-xxs-title-1-size, 1.3125rem);
  --kite-typography-xxs-title-1-line-height: var(--kite-typography-rutledge-xxs-title-1-line-height, 1.333);
  --kite-typography-xxs-title-2-size: var(--kite-typography-rutledge-xxs-title-2-size, 1.125rem);
  --kite-typography-xxs-title-2-line-height: var(--kite-typography-rutledge-xxs-title-2-line-height, 1.5);
  --kite-typography-xxs-title-3-size: var(--kite-typography-rutledge-xxs-title-3-size, 1rem);
  --kite-typography-xxs-title-3-line-height: var(--kite-typography-rutledge-xxs-title-3-line-height, 1.5);
  --kite-typography-xxs-title-4-size: var(--kite-typography-rutledge-xxs-title-4-size, 0.875rem);
  --kite-typography-xxs-title-4-line-height: var(--kite-typography-rutledge-xxs-title-4-line-height, 1.5);
  --kite-typography-xxs-title-5-size: var(--kite-typography-rutledge-xxs-title-5-size, 0.875rem);
  --kite-typography-xxs-title-5-line-height: var(--kite-typography-rutledge-xxs-title-5-line-height, 1.5);
  --kite-typography-xxs-body-size: var(--kite-typography-rutledge-xxs-body-size, 0.875rem);
  --kite-typography-xxs-body-line-height: var(--kite-typography-rutledge-xxs-body-line-height, 1.5);
  --kite-typography-xxs-eyebrow-size: var(--kite-typography-rutledge-xxs-eyebrow-size, 0.8125rem);
  --kite-typography-xxs-eyebrow-style: var(--kite-typography-rutledge-xxs-eyebrow-style, uppercase);
  --kite-typography-xxs-eyebrow-line-height: var(--kite-typography-rutledge-xxs-eyebrow-line-height, 1.538);
  --kite-typography-xxs-caption-size: var(--kite-typography-rutledge-xxs-caption-size, 0.75rem);
  --kite-typography-xxs-caption-line-height: var(--kite-typography-rutledge-xxs-caption-line-height, 1.5);
  --kite-typography-xs-title-1-size: var(--kite-typography-rutledge-xs-title-1-size, 1.4375rem);
  --kite-typography-xs-title-1-line-height: var(--kite-typography-rutledge-xs-title-1-line-height, 1.304);
  --kite-typography-xs-title-2-size: var(--kite-typography-rutledge-xs-title-2-size, 1.1875rem);
  --kite-typography-xs-title-2-line-height: var(--kite-typography-rutledge-xs-title-2-line-height, 1.421);
  --kite-typography-xs-title-3-size: var(--kite-typography-rutledge-xs-title-3-size, 1.0625rem);
  --kite-typography-xs-title-3-line-height: var(--kite-typography-rutledge-xs-title-3-line-height, 1.471);
  --kite-typography-xs-title-4-size: var(--kite-typography-rutledge-xs-title-4-size, 0.9375rem);
  --kite-typography-xs-title-4-line-height: var(--kite-typography-rutledge-xs-title-4-line-height, 1.533);
  --kite-typography-xs-title-5-size: var(--kite-typography-rutledge-xs-title-5-size, 0.9375rem);
  --kite-typography-xs-title-5-line-height: var(--kite-typography-rutledge-xs-title-5-line-height, 1.533);
  --kite-typography-xs-body-size: var(--kite-typography-rutledge-xs-body-size, 0.9375rem);
  --kite-typography-xs-body-line-height: var(--kite-typography-rutledge-xs-body-line-height, 1.533);
  --kite-typography-xs-eyebrow-size: var(--kite-typography-rutledge-xs-eyebrow-size, 0.8125rem);
  --kite-typography-xs-eyebrow-style: var(--kite-typography-rutledge-xs-eyebrow-style, uppercase);
  --kite-typography-xs-eyebrow-line-height: var(--kite-typography-rutledge-xs-eyebrow-line-height, 1.538);
  --kite-typography-xs-caption-size: var(--kite-typography-rutledge-xs-caption-size, 0.75rem);
  --kite-typography-xs-caption-line-height: var(--kite-typography-rutledge-xs-caption-line-height, 1.5);
  --kite-typography-md-title-1-size: var(--kite-typography-rutledge-md-title-1-size, 2.25rem);
  --kite-typography-md-title-1-line-height: var(--kite-typography-rutledge-md-title-1-line-height, 1.25);
  --kite-typography-md-title-2-size: var(--kite-typography-rutledge-md-title-2-size, 1.75rem);
  --kite-typography-md-title-2-line-height: var(--kite-typography-rutledge-md-title-2-line-height, 1.286);
  --kite-typography-md-title-3-size: var(--kite-typography-rutledge-md-title-3-size, 1.5rem);
  --kite-typography-md-title-3-line-height: var(--kite-typography-rutledge-md-title-3-line-height, 1.292);
  --kite-typography-md-title-4-size: var(--kite-typography-rutledge-md-title-4-size, 1.25rem);
  --kite-typography-md-title-4-line-height: var(--kite-typography-rutledge-md-title-4-line-height, 1.05);
  --kite-typography-md-title-5-size: var(--kite-typography-rutledge-md-title-5-size, 1rem);
  --kite-typography-md-title-5-line-height: var(--kite-typography-rutledge-md-title-5-line-height, 1.5);
  --kite-typography-md-body-size: var(--kite-typography-rutledge-md-body-size, 1rem);
  --kite-typography-md-body-line-height: var(--kite-typography-rutledge-md-body-line-height, 1.5);
  --kite-typography-md-eyebrow-size: var(--kite-typography-rutledge-md-eyebrow-size, 0.875rem);
  --kite-typography-md-eyebrow-style: var(--kite-typography-rutledge-md-eyebrow-style, uppercase);
  --kite-typography-md-eyebrow-line-height: var(--kite-typography-rutledge-md-eyebrow-line-height, 1.5);
  --kite-typography-md-caption-size: var(--kite-typography-rutledge-md-caption-size, 0.75rem);
  --kite-typography-md-caption-line-height: var(--kite-typography-rutledge-md-caption-line-height, 1.75);
  --kite-typography-xl-title-1-size: var(--kite-typography-rutledge-xl-title-1-size, 3.5rem);
  --kite-typography-xl-title-1-line-height: var(--kite-typography-rutledge-xl-title-1-line-height, 1.393);
  --kite-typography-xl-title-2-size: var(--kite-typography-rutledge-xl-title-2-size, 2.625rem);
  --kite-typography-xl-title-2-line-height: var(--kite-typography-rutledge-xl-title-2-line-height, 1.429);
  --kite-typography-xl-title-3-size: var(--kite-typography-rutledge-xl-title-3-size, 2.25rem);
  --kite-typography-xl-title-3-line-height: var(--kite-typography-rutledge-xl-title-3-line-height, 1.056);
  --kite-typography-xl-title-4-size: var(--kite-typography-rutledge-xl-title-4-size, 1.75rem);
  --kite-typography-xl-title-4-line-height: var(--kite-typography-rutledge-xl-title-4-line-height, 0.964);
  --kite-typography-xl-title-5-size: var(--kite-typography-rutledge-xl-title-5-size, 1.5rem);
  --kite-typography-xl-title-5-line-height: var(--kite-typography-rutledge-xl-title-5-line-height, 1);
  --kite-typography-xl-body-size: var(--kite-typography-rutledge-xl-body-size, 1.5rem);
  --kite-typography-xl-body-line-height: var(--kite-typography-rutledge-xl-body-line-height, 1.333);
  --kite-typography-xl-eyebrow-size: var(--kite-typography-rutledge-xl-eyebrow-size, 1.375rem);
  --kite-typography-xl-eyebrow-style: var(--kite-typography-rutledge-xl-eyebrow-style, uppercase);
  --kite-typography-xl-eyebrow-line-height: var(--kite-typography-rutledge-xl-eyebrow-line-height, 1.091);
  --kite-typography-xl-caption-size: var(--kite-typography-rutledge-xl-caption-size, 1.25rem);
  --kite-typography-xl-caption-line-height: var(--kite-typography-rutledge-xl-caption-line-height, 1.2);
  --kite-typography-sm-display-weight: var(--kite-typography-rutledge-sm-display-weight, 700);
  --kite-typography-sm-display-letter-spacing: var(--kite-typography-rutledge-sm-display-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-1-weight: var(--kite-typography-rutledge-sm-title-1-weight, 700);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-typography-rutledge-sm-title-1-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-2-weight: var(--kite-typography-rutledge-sm-title-2-weight, 700);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-typography-rutledge-sm-title-2-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-3-weight: var(--kite-typography-rutledge-sm-title-3-weight, 700);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-typography-rutledge-sm-title-3-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-4-weight: var(--kite-typography-rutledge-sm-title-4-weight, 700);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-typography-rutledge-sm-title-4-letter-spacing, normal);
  --kite-typography-sm-title-5-weight: var(--kite-typography-rutledge-sm-title-5-weight, 700);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-typography-rutledge-sm-title-5-letter-spacing, normal);
  --kite-typography-sm-title-6-weight: var(--kite-typography-rutledge-sm-title-6-weight, 700);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-typography-rutledge-sm-title-6-letter-spacing, normal);
  --kite-typography-sm-body-display-weight: var(--kite-typography-rutledge-sm-body-display-weight, 400);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-typography-rutledge-sm-body-display-letter-spacing, normal);
  --kite-typography-sm-body-weight: var(--kite-typography-rutledge-sm-body-weight, 400);
  --kite-typography-sm-body-letter-spacing: var(--kite-typography-rutledge-sm-body-letter-spacing, normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-typography-rutledge-sm-eyebrow-weight, 700);
  --kite-typography-lg-display-weight: var(--kite-typography-rutledge-lg-display-weight, 700);
  --kite-typography-lg-display-letter-spacing: var(--kite-typography-rutledge-lg-display-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-1-weight: var(--kite-typography-rutledge-lg-title-1-weight, 700);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-typography-rutledge-lg-title-1-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-2-weight: var(--kite-typography-rutledge-lg-title-2-weight, 700);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-typography-rutledge-lg-title-2-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-3-weight: var(--kite-typography-rutledge-lg-title-3-weight, 700);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-typography-rutledge-lg-title-3-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-4-weight: var(--kite-typography-rutledge-lg-title-4-weight, 700);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-typography-rutledge-lg-title-4-letter-spacing, normal);
  --kite-typography-lg-title-5-weight: var(--kite-typography-rutledge-lg-title-5-weight, 700);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-typography-rutledge-lg-title-5-letter-spacing, normal);
  --kite-typography-lg-title-6-weight: var(--kite-typography-rutledge-lg-title-6-weight, 500);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-typography-rutledge-lg-title-6-letter-spacing, normal);
  --kite-typography-lg-body-display-weight: var(--kite-typography-rutledge-lg-body-display-weight, 400);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-typography-rutledge-lg-body-display-letter-spacing, normal);
  --kite-typography-lg-body-weight: var(--kite-typography-rutledge-lg-body-weight, 400);
  --kite-typography-lg-body-letter-spacing: var(--kite-typography-rutledge-lg-body-letter-spacing, normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-typography-rutledge-lg-eyebrow-weight, 700);
  --kite-typography-xxs-title-1-weight: var(--kite-typography-rutledge-xxs-title-1-weight, 500);
  --kite-typography-xxs-title-1-letter-spacing: var(--kite-typography-rutledge-xxs-title-1-letter-spacing, normal);
  --kite-typography-xxs-title-2-weight: var(--kite-typography-rutledge-xxs-title-2-weight, 500);
  --kite-typography-xxs-title-2-letter-spacing: var(--kite-typography-rutledge-xxs-title-2-letter-spacing, normal);
  --kite-typography-xxs-title-3-weight: var(--kite-typography-rutledge-xxs-title-3-weight, 500);
  --kite-typography-xxs-title-3-letter-spacing: var(--kite-typography-rutledge-xxs-title-3-letter-spacing, normal);
  --kite-typography-xxs-title-4-weight: var(--kite-typography-rutledge-xxs-title-4-weight, 700);
  --kite-typography-xxs-title-4-letter-spacing: var(--kite-typography-rutledge-xxs-title-4-letter-spacing, normal);
  --kite-typography-xxs-title-5-weight: var(--kite-typography-rutledge-xxs-title-5-weight, 500);
  --kite-typography-xxs-title-5-letter-spacing: var(--kite-typography-rutledge-xxs-title-5-letter-spacing, normal);
  --kite-typography-xxs-body-weight: var(--kite-typography-rutledge-xxs-body-weight, 400);
  --kite-typography-xxs-body-letter-spacing: var(--kite-typography-rutledge-xxs-body-letter-spacing, normal);
  --kite-typography-xxs-eyebrow-weight: var(--kite-typography-rutledge-xxs-eyebrow-weight, 700);
  --kite-typography-xxs-caption-weight: var(--kite-typography-rutledge-xxs-caption-weight, 400);
  --kite-typography-xxs-caption-letter-spacing: var(--kite-typography-rutledge-xxs-caption-letter-spacing, normal);
  --kite-typography-xs-title-1-weight: var(--kite-typography-rutledge-xs-title-1-weight, 500);
  --kite-typography-xs-title-1-letter-spacing: var(--kite-typography-rutledge-xs-title-1-letter-spacing, normal);
  --kite-typography-xs-title-2-weight: var(--kite-typography-rutledge-xs-title-2-weight, 500);
  --kite-typography-xs-title-2-letter-spacing: var(--kite-typography-rutledge-xs-title-2-letter-spacing, normal);
  --kite-typography-xs-title-3-weight: var(--kite-typography-rutledge-xs-title-3-weight, 500);
  --kite-typography-xs-title-3-letter-spacing: var(--kite-typography-rutledge-xs-title-3-letter-spacing, normal);
  --kite-typography-xs-title-4-weight: var(--kite-typography-rutledge-xs-title-4-weight, 700);
  --kite-typography-xs-title-4-letter-spacing: var(--kite-typography-rutledge-xs-title-4-letter-spacing, normal);
  --kite-typography-xs-title-5-weight: var(--kite-typography-rutledge-xs-title-5-weight, 500);
  --kite-typography-xs-title-5-letter-spacing: var(--kite-typography-rutledge-xs-title-5-letter-spacing, normal);
  --kite-typography-xs-body-weight: var(--kite-typography-rutledge-xs-body-weight, 400);
  --kite-typography-xs-body-letter-spacing: var(--kite-typography-rutledge-xs-body-letter-spacing, normal);
  --kite-typography-xs-eyebrow-weight: var(--kite-typography-rutledge-xs-eyebrow-weight, 700);
  --kite-typography-xs-caption-weight: var(--kite-typography-rutledge-xs-caption-weight, 400);
  --kite-typography-xs-caption-letter-spacing: var(--kite-typography-rutledge-xs-caption-letter-spacing, normal);
  --kite-typography-md-title-1-weight: var(--kite-typography-rutledge-md-title-1-weight, 700);
  --kite-typography-md-title-1-letter-spacing: var(--kite-typography-rutledge-md-title-1-letter-spacing, -0.0625rem);
  --kite-typography-md-title-2-weight: var(--kite-typography-rutledge-md-title-2-weight, 700);
  --kite-typography-md-title-2-letter-spacing: var(--kite-typography-rutledge-md-title-2-letter-spacing, -0.0625rem);
  --kite-typography-md-title-3-weight: var(--kite-typography-rutledge-md-title-3-weight, 700);
  --kite-typography-md-title-3-letter-spacing: var(--kite-typography-rutledge-md-title-3-letter-spacing, -0.0625rem);
  --kite-typography-md-title-4-weight: var(--kite-typography-rutledge-md-title-4-weight, 700);
  --kite-typography-md-title-4-letter-spacing: var(--kite-typography-rutledge-md-title-4-letter-spacing, normal);
  --kite-typography-md-title-5-weight: var(--kite-typography-rutledge-md-title-5-weight, 700);
  --kite-typography-md-title-5-letter-spacing: var(--kite-typography-rutledge-md-title-5-letter-spacing, normal);
  --kite-typography-md-body-weight: var(--kite-typography-rutledge-md-body-weight, 400);
  --kite-typography-md-body-letter-spacing: var(--kite-typography-rutledge-md-body-letter-spacing, normal);
  --kite-typography-md-eyebrow-weight: var(--kite-typography-rutledge-md-eyebrow-weight, 700);
  --kite-typography-md-caption-weight: var(--kite-typography-rutledge-md-caption-weight, 400);
  --kite-typography-md-caption-letter-spacing: var(--kite-typography-rutledge-md-caption-letter-spacing, normal);
  --kite-typography-xl-title-1-weight: var(--kite-typography-rutledge-xl-title-1-weight, 500);
  --kite-typography-xl-title-1-letter-spacing: var(--kite-typography-rutledge-xl-title-1-letter-spacing, normal);
  --kite-typography-xl-title-2-weight: var(--kite-typography-rutledge-xl-title-2-weight, 500);
  --kite-typography-xl-title-2-letter-spacing: var(--kite-typography-rutledge-xl-title-2-letter-spacing, -0.0625rem);
  --kite-typography-xl-title-3-weight: var(--kite-typography-rutledge-xl-title-3-weight, 400);
  --kite-typography-xl-title-3-letter-spacing: var(--kite-typography-rutledge-xl-title-3-letter-spacing, -0.0625rem);
  --kite-typography-xl-title-4-weight: var(--kite-typography-rutledge-xl-title-4-weight, 400);
  --kite-typography-xl-title-4-letter-spacing: var(--kite-typography-rutledge-xl-title-4-letter-spacing, normal);
  --kite-typography-xl-title-5-weight: var(--kite-typography-rutledge-xl-title-5-weight, 500);
  --kite-typography-xl-title-5-letter-spacing: var(--kite-typography-rutledge-xl-title-5-letter-spacing, normal);
  --kite-typography-xl-body-weight: var(--kite-typography-rutledge-xl-body-weight, 400);
  --kite-typography-xl-body-letter-spacing: var(--kite-typography-rutledge-xl-body-letter-spacing, normal);
  --kite-typography-xl-eyebrow-weight: var(--kite-typography-rutledge-xl-eyebrow-weight, 700);
  --kite-typography-xl-caption-weight: var(--kite-typography-rutledge-xl-caption-weight, 500);
  --kite-typography-xl-caption-letter-spacing: var(--kite-typography-rutledge-xl-caption-letter-spacing, normal);
  --kite-typography-sm-display-margin-bottom: var(--kite-typography-rutledge-sm-display-margin-bottom, 1.5rem);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-typography-rutledge-sm-title-1-margin-bottom, 1rem);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-typography-rutledge-sm-title-2-margin-bottom, 1rem);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-typography-rutledge-sm-title-3-margin-bottom, 1rem);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-typography-rutledge-sm-title-4-margin-bottom, 1rem);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-typography-rutledge-sm-title-5-margin-bottom, 1rem);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-typography-rutledge-sm-title-6-margin-bottom, 0.75rem);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-typography-rutledge-sm-body-display-margin-bottom, 1.5rem);
  --kite-typography-sm-body-margin-bottom: var(--kite-typography-rutledge-sm-body-margin-bottom, 1.5rem);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-typography-rutledge-sm-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-typography-rutledge-sm-eyebrow-margin-bottom, 1rem);
  --kite-typography-lg-display-margin-bottom: var(--kite-typography-rutledge-lg-display-margin-bottom, 1.5rem);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-typography-rutledge-lg-title-1-margin-bottom, 1rem);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-typography-rutledge-lg-title-2-margin-bottom, 1rem);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-typography-rutledge-lg-title-3-margin-bottom, 1rem);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-typography-rutledge-lg-title-4-margin-bottom, 1rem);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-typography-rutledge-lg-title-5-margin-bottom, 1rem);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-typography-rutledge-lg-title-6-margin-bottom, 1rem);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-typography-rutledge-lg-body-display-margin-bottom, 1.5rem);
  --kite-typography-lg-body-margin-bottom: var(--kite-typography-rutledge-lg-body-margin-bottom, 1rem);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-typography-rutledge-lg-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-typography-rutledge-lg-eyebrow-margin-bottom, 1rem);
  --kite-typography-xxs-title-1-margin-bottom: var(--kite-typography-rutledge-xxs-title-1-margin-bottom, 1.5rem);
  --kite-typography-xxs-title-2-margin-bottom: var(--kite-typography-rutledge-xxs-title-2-margin-bottom, 1rem);
  --kite-typography-xxs-title-3-margin-bottom: var(--kite-typography-rutledge-xxs-title-3-margin-bottom, 1rem);
  --kite-typography-xxs-title-4-margin-bottom: var(--kite-typography-rutledge-xxs-title-4-margin-bottom, 0.5rem);
  --kite-typography-xxs-title-5-margin-bottom: var(--kite-typography-rutledge-xxs-title-5-margin-bottom, 0.25rem);
  --kite-typography-xxs-body-margin-bottom: var(--kite-typography-rutledge-xxs-body-margin-bottom, 1.5rem);
  --kite-typography-xxs-eyebrow-letter-spacing: var(--kite-typography-rutledge-xxs-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-xxs-eyebrow-margin-bottom: var(--kite-typography-rutledge-xxs-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-xxs-caption-margin-bottom: var(--kite-typography-rutledge-xxs-caption-margin-bottom, 1.25rem);
  --kite-typography-xs-title-1-margin-bottom: var(--kite-typography-rutledge-xs-title-1-margin-bottom, 1.5rem);
  --kite-typography-xs-title-2-margin-bottom: var(--kite-typography-rutledge-xs-title-2-margin-bottom, 1rem);
  --kite-typography-xs-title-3-margin-bottom: var(--kite-typography-rutledge-xs-title-3-margin-bottom, 1rem);
  --kite-typography-xs-title-4-margin-bottom: var(--kite-typography-rutledge-xs-title-4-margin-bottom, 0.5rem);
  --kite-typography-xs-title-5-margin-bottom: var(--kite-typography-rutledge-xs-title-5-margin-bottom, 0.25rem);
  --kite-typography-xs-body-margin-bottom: var(--kite-typography-rutledge-xs-body-margin-bottom, 1.5rem);
  --kite-typography-xs-eyebrow-letter-spacing: var(--kite-typography-rutledge-xs-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-xs-eyebrow-margin-bottom: var(--kite-typography-rutledge-xs-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-xs-caption-margin-bottom: var(--kite-typography-rutledge-xs-caption-margin-bottom, 1.25rem);
  --kite-typography-md-title-1-margin-bottom: var(--kite-typography-rutledge-md-title-1-margin-bottom, 1.5rem);
  --kite-typography-md-title-2-margin-bottom: var(--kite-typography-rutledge-md-title-2-margin-bottom, 1rem);
  --kite-typography-md-title-3-margin-bottom: var(--kite-typography-rutledge-md-title-3-margin-bottom, 1rem);
  --kite-typography-md-title-4-margin-bottom: var(--kite-typography-rutledge-md-title-4-margin-bottom, 0.5rem);
  --kite-typography-md-title-5-margin-bottom: var(--kite-typography-rutledge-md-title-5-margin-bottom, 0.25rem);
  --kite-typography-md-body-margin-bottom: var(--kite-typography-rutledge-md-body-margin-bottom, 1.5rem);
  --kite-typography-md-eyebrow-letter-spacing: var(--kite-typography-rutledge-md-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-md-eyebrow-margin-bottom: var(--kite-typography-rutledge-md-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-md-caption-margin-bottom: var(--kite-typography-rutledge-md-caption-margin-bottom, 1.25rem);
  --kite-typography-xl-title-1-margin-bottom: var(--kite-typography-rutledge-xl-title-1-margin-bottom, 2rem);
  --kite-typography-xl-title-2-margin-bottom: var(--kite-typography-rutledge-xl-title-2-margin-bottom, 1.25rem);
  --kite-typography-xl-title-3-margin-bottom: var(--kite-typography-rutledge-xl-title-3-margin-bottom, 1.25rem);
  --kite-typography-xl-title-4-margin-bottom: var(--kite-typography-rutledge-xl-title-4-margin-bottom, 0.75rem);
  --kite-typography-xl-title-5-margin-bottom: var(--kite-typography-rutledge-xl-title-5-margin-bottom, 0.5rem);
  --kite-typography-xl-body-margin-bottom: var(--kite-typography-rutledge-xl-body-margin-bottom, 2rem);
  --kite-typography-xl-eyebrow-letter-spacing: var(--kite-typography-rutledge-xl-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-xl-eyebrow-margin-bottom: var(--kite-typography-rutledge-xl-eyebrow-margin-bottom, 0.75rem);
  --kite-typography-xl-caption-margin-bottom: var(--kite-typography-rutledge-xl-caption-margin-bottom, 1.5rem);
}
.kite-theme--mode-dark {
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.5);
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-border-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-popover-border-color: rgba(0, 0, 0, 0);
  --kite-color-background: var(--kite-color-dark-blue-30, #001221);
  --kite-color-background-secondary: var(--kite-color-dark-blue-20, #002747);
  --kite-color-text: var(--kite-color-white, #ffffff);
  --kite-color-text-secondary: var(--kite-color-gray-10, #f8f8f8);
  --kite-color-caution: var(--kite-color-yellow-10, #ffd400);
  --kite-color-negative: var(--kite-color-red-10, #ff4d4a);
  --kite-color-on-negative: var(--kite-color-black, #000000);
  --kite-color-neutral: var(--kite-color-light-blue-20, #5db8fc);
  --kite-color-positive: var(--kite-color-green-10, #00bf1f);
  --kite-color-on-positive: var(--kite-color-black, #000000);
  --kite-color-disabled: var(--kite-color-gray-30, #63738a);
  --kite-color-error: var(--kite-color-red-10, #ff4d4a);
  --kite-color-success: var(--kite-color-green-10, #00bf1f);
  --kite-color-focus: var(--kite-color-white, #ffffff);
  --kite-border-color: var(--kite-color-white, #ffffff);
  --kite-container-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-container-border-color: var(--kite-color-dark-blue-20, #002747);
  --kite-container-hover-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-my-component-background-color: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-disabled-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-white, #ffffff);
  --kite-accordion-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-accordion-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-alert-text-color: var(--kite-color-black, #000000);
  --kite-alert-negative-border-left-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-border-left-color: var(--kite-color-green-20, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-badge-disabled-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-button-destructive-background-color: var(--kite-color-red-20, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-focus-icon-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-icon-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-press-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-press-icon-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-borderless-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-focus-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-due-background-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-due-text-color: var(--kite-color-black, #000000);
  --kite-calendar-standalone-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-chip-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-text-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-chip-focus-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-chip-selected-background-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-chip-selected-text-color: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-selected-disabled-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-chip-disabled-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-combobox-picker-results-text-color: var(--kite-color-white, #ffffff);
  --kite-data-table-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-row-hover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.5);
  --kite-data-table-striped-row-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-date-input-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-date-input-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-dropdown-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-dynamic-hint-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-interactive-list-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-blue-10, #31a2ff);
  --kite-link-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-press-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-list-item-neutral-label-text-color: var(--kite-color-blue-10, #31a2ff);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-menu-list-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-menu-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-meter-track-color: var(--kite-color-dark-blue-10, #003561);
  --kite-meter-tick-color: var(--kite-color-white, #ffffff);
  --kite-meter-caution-fill-color: var(--kite-color-yellow-10, #ffd400);
  --kite-pagination-controls-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-pagination-controls-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-icon-color: var(--kite-color-white, #ffffff);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-popover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-popover-trigger-icon-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-track-color: var(--kite-color-dark-blue-10, #003561);
  --kite-progress-indicator-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-white, #ffffff);
  --kite-radio-border-color: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color: var(--kite-color-blue-20, #0073d1);
  --kite-select-icon-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-skip-link-border-color: var(--kite-color-blue-10, #31a2ff);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-white, #ffffff);
  --kite-tabs-tab-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-tag-border-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-tag-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-tag-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-tag-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-tag-solid-background-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-secure-icon-color: var(--kite-color-blue-10, #31a2ff);
  --kite-time-input-icon-color: var(--kite-color-white, #ffffff);
  --kite-toast-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-form-control-picker-background-color: var(--kite-form-control-background-color, #002747);
  --kite-form-control-picker-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-button-disabled-background-color: var(--kite-color-disabled, #63738a);
  --kite-button-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative, #ff4d4a);
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-calendar-controls-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-controls-focus-text-color: var(--kite-color-text, #ffffff);
  --kite-calendar-day-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-border-color: var(--kite-border-color, #ffffff);
  --kite-chip-border-color: var(--kite-chip-text-color, #b7cee5);
  --kite-dialog-overlay-background-color: var(--kite-color-background, #001221);
  --kite-link-text-color: var(--kite-color-text, #ffffff);
  --kite-tag-text-color: var(--kite-tag-border-color, #b7cee5);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #ffffff);
  --kite-switch-focus-ring-color: var(--kite-focus-ring-color, #ffffff);
}
.kite-theme--life-unltd-white.kite-theme--mode-dark {
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.5);
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-border-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-popover-border-color: rgba(0, 0, 0, 0);
  --kite-color-background: var(--kite-color-dark-blue-30, #000f1a);
  --kite-color-background-secondary: var(--kite-color-dark-blue-20, #002139);
  --kite-color-text: var(--kite-color-white, #ffffff);
  --kite-color-text-secondary: var(--kite-color-gray-10, #f8f8f8);
  --kite-color-caution: var(--kite-color-yellow-10, #ffd400);
  --kite-color-negative: var(--kite-color-red-10, #ff4d4a);
  --kite-color-on-negative: var(--kite-color-black, #000000);
  --kite-color-neutral: var(--kite-color-light-blue-20, #73b7ff);
  --kite-color-positive: var(--kite-color-green-10, #00bf1f);
  --kite-color-on-positive: var(--kite-color-black, #000000);
  --kite-color-disabled: var(--kite-color-gray-30, #63738a);
  --kite-color-error: var(--kite-color-red-10, #ff4d4a);
  --kite-color-success: var(--kite-color-green-10, #00bf1f);
  --kite-color-focus: var(--kite-color-white, #ffffff);
  --kite-border-color: var(--kite-color-white, #ffffff);
  --kite-container-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-container-border-color: var(--kite-color-dark-blue-20, #002139);
  --kite-container-hover-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-my-component-background-color: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-disabled-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-white, #ffffff);
  --kite-accordion-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-accordion-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-alert-text-color: var(--kite-color-black, #000000);
  --kite-alert-negative-border-left-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-border-left-color: var(--kite-color-green-20, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-badge-disabled-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-button-destructive-background-color: var(--kite-color-red-20, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-focus-icon-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-icon-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-press-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-press-icon-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-borderless-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-focus-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-due-background-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-due-text-color: var(--kite-color-black, #000000);
  --kite-calendar-standalone-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-chip-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-text-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-chip-focus-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-chip-selected-background-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-chip-selected-text-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-selected-disabled-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-chip-disabled-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-combobox-picker-results-text-color: var(--kite-color-white, #ffffff);
  --kite-data-table-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-row-hover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.5);
  --kite-data-table-striped-row-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-date-input-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-date-input-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-dropdown-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-dynamic-hint-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-interactive-list-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-blue-10, #4da4ff);
  --kite-link-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-press-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-list-item-neutral-label-text-color: var(--kite-color-blue-10, #4da4ff);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-menu-list-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-menu-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-meter-track-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-meter-tick-color: var(--kite-color-white, #ffffff);
  --kite-meter-caution-fill-color: var(--kite-color-yellow-10, #ffd400);
  --kite-pagination-controls-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-pagination-controls-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-icon-color: var(--kite-color-white, #ffffff);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-popover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-popover-trigger-icon-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-track-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-progress-indicator-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-white, #ffffff);
  --kite-radio-border-color: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color: var(--kite-color-blue-20, #0271eb);
  --kite-select-icon-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-skip-link-border-color: var(--kite-color-blue-10, #4da4ff);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-white, #ffffff);
  --kite-tabs-tab-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-tag-border-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-tag-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-tag-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-tag-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-tag-solid-background-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-secure-icon-color: var(--kite-color-blue-10, #4da4ff);
  --kite-time-input-icon-color: var(--kite-color-white, #ffffff);
  --kite-toast-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-form-control-picker-background-color: var(--kite-form-control-background-color, #002139);
  --kite-form-control-picker-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-button-disabled-background-color: var(--kite-color-disabled, #63738a);
  --kite-button-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative, #ff4d4a);
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-calendar-controls-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-controls-focus-text-color: var(--kite-color-text, #ffffff);
  --kite-calendar-day-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-border-color: var(--kite-border-color, #ffffff);
  --kite-chip-border-color: var(--kite-chip-text-color, #b8d4f2);
  --kite-dialog-overlay-background-color: var(--kite-color-background, #000f1a);
  --kite-link-text-color: var(--kite-color-text, #ffffff);
  --kite-tag-text-color: var(--kite-tag-border-color, #b8d4f2);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #ffffff);
  --kite-switch-focus-ring-color: var(--kite-focus-ring-color, #ffffff);
}
.kite-theme,
.kite-theme--white {
  --kite-popover-trigger-disabled-cursor: var(--kite-cursor-disabled);
  --kite-popover-trigger-disabled-icon-color: var(--kite-color-disabled);
}
@media print {
  *,
  *::before,
  *::after,
  p::first-letter,
  div::first-letter,
  blockquote::first-letter,
  li::first-letter,
  p::first-line,
  div::first-line,
  blockquote::first-line,
  li::first-line {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src:
    local("Spectrum Sans Light"),
    local("SpectrumSans-Light"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Lt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Lt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 300;
  font-display: auto;
  src:
    local("Spectrum Sans Light Italic"),
    local("SpectrumSans-LightItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_LtIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_LtIt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 350;
  font-display: auto;
  src:
    local("Spectrum Sans Book"),
    local("SpectrumSans-Book"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bk.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bk.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 350;
  font-display: auto;
  src:
    local("Spectrum Sans Book Italic"),
    local("SpectrumSans-BookItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BkIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BkIt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src:
    local("Spectrum Sans Regular"),
    local("SpectrumSans-Regular"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Rg.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Rg.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src:
    local("Spectrum Sans Italic"),
    local("SpectrumSans-Italic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_It.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_It.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 500;
  font-display: auto;
  src:
    local("Spectrum Sans Medium"),
    local("SpectrumSans-Medium"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Md.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Md.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 500;
  font-display: auto;
  src:
    local("Spectrum Sans Medium Italic"),
    local("SpectrumSans-MediumItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_MdIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_MdIt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src:
    local("Spectrum Sans Bold"),
    local("SpectrumSans-Bold"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bd.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bd.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src:
    local("Spectrum Sans Bold Italic"),
    local("SpectrumSans-BoldItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BdIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BdIt.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 800;
  font-display: auto;
  src:
    local("Spectrum Sans ExtraBold"),
    local("SpectrumSans-ExtraBold"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBd.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBd.woff) format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 800;
  src:
    local("Spectrum Sans ExtraBold Italic"),
    local("SpectrumSans-ExtraBoldItalic"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBdIt.woff2) format("woff2"),
    url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBdIt.woff) format("woff");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: var(--kite-font-size-px);
}
code,
kbd,
samp {
  font-family: var(--kite-font-family-monospace);
}
details,
summary {
  margin-bottom: var(--kite-spacing-sm);
}
.kite-focus,
:focus {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
}
.kite-focus:not(.kite-focus-visible),
:focus:not(:focus-visible) {
  outline: 0;
}
.kite-focus-visible,
.focus-visible,
:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
}
.kite-focus--always :focus {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
}
h1,
.kite-type-style--title-1 {
  font-size: var(--kite-typography-title-1-size);
  font-weight: var(--kite-typography-title-1-weight);
  font-style: var(--kite-typography-title-1-style);
  letter-spacing: var(--kite-typography-title-1-letter-spacing);
  line-height: var(--kite-typography-title-1-line-height);
  margin: 0 0 var(--kite-typography-title-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h1,
  .kite-type-style--title-1 {
    font-size: var(--kite-typography-lg-title-1-size);
    font-weight: var(--kite-typography-lg-title-1-weight);
    letter-spacing: var(--kite-typography-lg-title-1-letter-spacing);
    line-height: var(--kite-typography-lg-title-1-line-height);
    margin: 0 0 var(--kite-typography-lg-title-1-margin-bottom);
  }
}
h2,
.kite-type-style--title-2 {
  font-size: var(--kite-typography-title-2-size);
  font-weight: var(--kite-typography-title-2-weight);
  font-style: var(--kite-typography-title-2-style);
  letter-spacing: var(--kite-typography-title-2-letter-spacing);
  line-height: var(--kite-typography-title-2-line-height);
  margin: 0 0 var(--kite-typography-title-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h2,
  .kite-type-style--title-2 {
    font-size: var(--kite-typography-lg-title-2-size);
    font-weight: var(--kite-typography-lg-title-2-weight);
    letter-spacing: var(--kite-typography-lg-title-2-letter-spacing);
    line-height: var(--kite-typography-lg-title-2-line-height);
    margin: 0 0 var(--kite-typography-lg-title-2-margin-bottom);
  }
}
h3,
.kite-type-style--title-3 {
  font-size: var(--kite-typography-title-3-size);
  font-weight: var(--kite-typography-title-3-weight);
  font-style: var(--kite-typography-title-3-style);
  letter-spacing: var(--kite-typography-title-3-letter-spacing);
  line-height: var(--kite-typography-title-3-line-height);
  margin: 0 0 var(--kite-typography-title-3-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h3,
  .kite-type-style--title-3 {
    font-size: var(--kite-typography-lg-title-3-size);
    font-weight: var(--kite-typography-lg-title-3-weight);
    letter-spacing: var(--kite-typography-lg-title-3-letter-spacing);
    line-height: var(--kite-typography-lg-title-3-line-height);
    margin: 0 0 var(--kite-typography-lg-title-3-margin-bottom);
  }
}
h4,
.kite-type-style--title-4 {
  font-size: var(--kite-typography-title-4-size);
  font-weight: var(--kite-typography-title-4-weight);
  font-style: var(--kite-typography-title-4-style);
  letter-spacing: var(--kite-typography-title-4-letter-spacing);
  line-height: var(--kite-typography-title-4-line-height);
  margin: 0 0 var(--kite-typography-title-4-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h4,
  .kite-type-style--title-4 {
    font-size: var(--kite-typography-lg-title-4-size);
    font-weight: var(--kite-typography-lg-title-4-weight);
    letter-spacing: var(--kite-typography-lg-title-4-letter-spacing);
    line-height: var(--kite-typography-lg-title-4-line-height);
    margin: 0 0 var(--kite-typography-lg-title-4-margin-bottom);
  }
}
h5,
.kite-type-style--title-5 {
  font-size: var(--kite-typography-title-5-size);
  font-weight: var(--kite-typography-title-5-weight);
  font-style: var(--kite-typography-title-5-style);
  letter-spacing: var(--kite-typography-title-5-letter-spacing);
  line-height: var(--kite-typography-title-5-line-height);
  margin: 0 0 var(--kite-typography-title-5-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h5,
  .kite-type-style--title-5 {
    font-size: var(--kite-typography-lg-title-5-size);
    font-weight: var(--kite-typography-lg-title-5-weight);
    letter-spacing: var(--kite-typography-lg-title-5-letter-spacing);
    line-height: var(--kite-typography-lg-title-5-line-height);
    margin: 0 0 var(--kite-typography-lg-title-5-margin-bottom);
  }
}
h6,
.kite-type-style--title-6 {
  font-size: var(--kite-typography-title-6-size);
  font-weight: var(--kite-typography-title-6-weight);
  font-style: var(--kite-typography-title-6-style);
  letter-spacing: var(--kite-typography-title-6-letter-spacing);
  line-height: var(--kite-typography-title-6-line-height);
  margin: 0 0 var(--kite-typography-title-6-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h6,
  .kite-type-style--title-6 {
    font-size: var(--kite-typography-lg-title-6-size);
    font-weight: var(--kite-typography-lg-title-6-weight);
    letter-spacing: var(--kite-typography-lg-title-6-letter-spacing);
    line-height: var(--kite-typography-lg-title-6-line-height);
    margin: 0 0 var(--kite-typography-lg-title-6-margin-bottom);
  }
}
.kite-type-style--eyebrow {
  font-size: var(--kite-typography-eyebrow-size);
  font-weight: var(--kite-typography-eyebrow-weight);
  font-style: var(--kite-typography-eyebrow-style);
  letter-spacing: var(--kite-typography-eyebrow-letter-spacing);
  line-height: var(--kite-typography-eyebrow-line-height);
  margin: 0 0 var(--kite-typography-eyebrow-margin-bottom);
  text-transform: var(--kite-typography-eyebrow-text-transform);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--eyebrow {
    font-size: var(--kite-typography-lg-eyebrow-size);
    font-weight: var(--kite-typography-lg-eyebrow-weight);
    letter-spacing: var(--kite-typography-lg-eyebrow-letter-spacing);
    line-height: var(--kite-typography-lg-eyebrow-line-height);
    margin: 0 0 var(--kite-typography-lg-eyebrow-margin-bottom);
    text-transform: var(--kite-typography-sm-eyebrow-text-transform);
  }
}
h1,
.kite-type-style--title-1,
h2,
.kite-type-style--title-2,
h3,
.kite-type-style--title-3,
h4,
.kite-type-style--title-4,
h5,
.kite-type-style--title-5,
h6,
.kite-type-style--title-6,
.kite-type-style--eyebrow {
  font-family:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
.kite-type-style--body {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
p {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  p {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
.kite-type-style--caption,
.kite-type-style--caption-1,
figcaption {
  font-size: var(--kite-typography-caption-1-size);
  font-weight: var(--kite-typography-caption-1-weight);
  font-style: var(--kite-typography-caption-1-style);
  letter-spacing: var(--kite-typography-caption-1-letter-spacing);
  line-height: var(--kite-typography-caption-1-line-height);
  margin: 0 0 var(--kite-typography-caption-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption,
  .kite-type-style--caption-1,
  figcaption {
    font-size: var(--kite-typography-lg-caption-1-size);
    font-weight: var(--kite-typography-lg-caption-1-weight);
    letter-spacing: var(--kite-typography-lg-caption-1-letter-spacing);
    line-height: var(--kite-typography-lg-caption-1-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-1-margin-bottom);
  }
}
.kite-type-style--caption-2 {
  font-size: var(--kite-typography-caption-2-size);
  font-weight: var(--kite-typography-caption-2-weight);
  font-style: var(--kite-typography-caption-2-style);
  letter-spacing: var(--kite-typography-caption-2-letter-spacing);
  line-height: var(--kite-typography-caption-2-line-height);
  margin: 0 0 var(--kite-typography-caption-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption-2 {
    font-size: var(--kite-typography-lg-caption-2-size);
    font-weight: var(--kite-typography-lg-caption-2-weight);
    letter-spacing: var(--kite-typography-lg-caption-2-letter-spacing);
    line-height: var(--kite-typography-lg-caption-2-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-2-margin-bottom);
  }
}
.kite-type-style--display {
  font-size: var(--kite-typography-display-size);
  font-weight: var(--kite-typography-display-weight);
  font-style: var(--kite-typography-display-style);
  letter-spacing: var(--kite-typography-display-letter-spacing);
  line-height: var(--kite-typography-display-line-height);
  margin: 0 0 var(--kite-typography-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--display {
    font-size: var(--kite-typography-lg-display-size);
    font-weight: var(--kite-typography-lg-display-weight);
    letter-spacing: var(--kite-typography-lg-display-letter-spacing);
    line-height: var(--kite-typography-lg-display-line-height);
    margin: 0 0 var(--kite-typography-lg-display-margin-bottom);
  }
}
.kite-type-style--body-display {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body-display {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
a {
  --text-decoration: var(--kite-link-text-decoration);
  --color: var(--kite-link-text-color);
  --focus-ring-color: var(--kite-link-focus-ring-color);
  --focus-text-color: var(--kite-link-focus-text-color);
  --hover-text-color: var(--kite-link-hover-text-color);
  --press-text-color: var(--kite-link-press-text-color);
  --visited-text-color: var(--kite-link-visited-text-color);
  color: var(--color);
  font-weight: var(--kite-link-text-weight);
  text-decoration: var(--text-decoration);
  text-decoration-thickness: var(--kite-link-text-decoration-thickness);
  text-underline-offset: var(--kite-link-text-decoration-offset);
}
a.kite-hover,
a:hover {
  --text-decoration: var(--kite-link-hover-text-decoration);
  color: var(--hover-text-color);
}
a.kite-focus-visible,
a:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
  --text-decoration: var(--kite-link-focus-text-decoration);
  color: var(--focus-text-color);
  outline-color: var(--focus-ring-color);
}
a.kite-active,
a:active {
  --text-decoration: var(--kite-link-press-text-decoration);
  color: var(--press-text-color);
}
a.kite-visited,
a:visited {
  --text-decoration: var(--kite-link-visited-text-decoration);
  color: var(--visited-text-color);
}
a.kite-disabled,
a:disabled {
  pointer-events: none;
}
a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: inherit;
}
ol,
ul,
.kite-text-list {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0 0 0 var(--kite-spacing-xl);
}
ol.kite-list--alpha,
ol.kite-text-list--alpha,
ul.kite-list--alpha,
ul.kite-text-list--alpha,
.kite-text-list.kite-list--alpha,
.kite-text-list.kite-text-list--alpha {
  list-style: lower-alpha;
}
ol.kite-list--unstyled,
ol.kite-text-list--unstyled,
ul.kite-list--unstyled,
ul.kite-text-list--unstyled,
.kite-text-list.kite-list--unstyled,
.kite-text-list.kite-text-list--unstyled {
  list-style: none;
  padding-left: 0;
}
ol.kite-list--unstyled > li,
ol.kite-text-list--unstyled > li,
ul.kite-list--unstyled > li,
ul.kite-text-list--unstyled > li,
.kite-text-list.kite-list--unstyled > li,
.kite-text-list.kite-text-list--unstyled > li {
  padding-left: 0;
}
ol.kite-reset,
ul.kite-reset,
.kite-text-list.kite-reset {
  border: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ol.kite-reset *,
ol.kite-reset *::before,
ol.kite-reset *::after,
ul.kite-reset *,
ul.kite-reset *::before,
ul.kite-reset *::after,
.kite-text-list.kite-reset *,
.kite-text-list.kite-reset *::before,
.kite-text-list.kite-reset *::after {
  box-sizing: inherit;
}
ol.kite-reset > li,
ul.kite-reset > li,
.kite-text-list.kite-reset > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
ol > li,
ul > li,
.kite-text-list > li {
  line-height: 1.5;
  margin-bottom: var(--kite-spacing-sm);
  padding-left: var(--kite-spacing-xs);
}
dl {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0;
}
dt {
  font-weight: var(--kite-font-weight-bold);
}
dd {
  margin: 0 0 var(--kite-spacing-xs) 0;
}
hr {
  border: 0;
  border-top: var(--kite-border-width-thin) var(--kite-border-style) var(--kite-border-color);
  margin-top: var(--kite-spacing-xl);
  margin-bottom: var(--kite-spacing-xl);
}
blockquote,
.kite-blockquote {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  blockquote,
  .kite-blockquote {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
blockquote,
.kite-blockquote {
  border-left: var(--kite-blockquote-border-left-color) var(--kite-blockquote-border-left-style) var(--kite-blockquote-border-left-width);
  margin-bottom: var(--kite-blockquote-margin-bottom);
  padding: var(--kite-blockquote-padding-top) var(--kite-blockquote-padding-right) var(--kite-blockquote-padding-bottom) var(--kite-blockquote-padding-left);
}
.kite-blockquote__footer {
  color: var(--kite-blockquote-cite-color);
  display: block;
  font-size: var(--kite-blockquote-cite-text-size);
}
.kite-blockquote__footer::before {
  content: var(--kite-blockquote-cite-punctuation);
}
mark,
.kite-mark {
  background-color: var(--kite-color-yellow-10);
}
abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  text-decoration: underline dotted;
}
h1,
.kite-type-style--title-1 {
  font-size: var(--kite-typography-title-1-size);
  font-weight: var(--kite-typography-title-1-weight);
  font-style: var(--kite-typography-title-1-style);
  letter-spacing: var(--kite-typography-title-1-letter-spacing);
  line-height: var(--kite-typography-title-1-line-height);
  margin: 0 0 var(--kite-typography-title-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h1,
  .kite-type-style--title-1 {
    font-size: var(--kite-typography-lg-title-1-size);
    font-weight: var(--kite-typography-lg-title-1-weight);
    letter-spacing: var(--kite-typography-lg-title-1-letter-spacing);
    line-height: var(--kite-typography-lg-title-1-line-height);
    margin: 0 0 var(--kite-typography-lg-title-1-margin-bottom);
  }
}
h2,
.kite-type-style--title-2 {
  font-size: var(--kite-typography-title-2-size);
  font-weight: var(--kite-typography-title-2-weight);
  font-style: var(--kite-typography-title-2-style);
  letter-spacing: var(--kite-typography-title-2-letter-spacing);
  line-height: var(--kite-typography-title-2-line-height);
  margin: 0 0 var(--kite-typography-title-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h2,
  .kite-type-style--title-2 {
    font-size: var(--kite-typography-lg-title-2-size);
    font-weight: var(--kite-typography-lg-title-2-weight);
    letter-spacing: var(--kite-typography-lg-title-2-letter-spacing);
    line-height: var(--kite-typography-lg-title-2-line-height);
    margin: 0 0 var(--kite-typography-lg-title-2-margin-bottom);
  }
}
h3,
.kite-type-style--title-3 {
  font-size: var(--kite-typography-title-3-size);
  font-weight: var(--kite-typography-title-3-weight);
  font-style: var(--kite-typography-title-3-style);
  letter-spacing: var(--kite-typography-title-3-letter-spacing);
  line-height: var(--kite-typography-title-3-line-height);
  margin: 0 0 var(--kite-typography-title-3-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h3,
  .kite-type-style--title-3 {
    font-size: var(--kite-typography-lg-title-3-size);
    font-weight: var(--kite-typography-lg-title-3-weight);
    letter-spacing: var(--kite-typography-lg-title-3-letter-spacing);
    line-height: var(--kite-typography-lg-title-3-line-height);
    margin: 0 0 var(--kite-typography-lg-title-3-margin-bottom);
  }
}
h4,
.kite-type-style--title-4 {
  font-size: var(--kite-typography-title-4-size);
  font-weight: var(--kite-typography-title-4-weight);
  font-style: var(--kite-typography-title-4-style);
  letter-spacing: var(--kite-typography-title-4-letter-spacing);
  line-height: var(--kite-typography-title-4-line-height);
  margin: 0 0 var(--kite-typography-title-4-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h4,
  .kite-type-style--title-4 {
    font-size: var(--kite-typography-lg-title-4-size);
    font-weight: var(--kite-typography-lg-title-4-weight);
    letter-spacing: var(--kite-typography-lg-title-4-letter-spacing);
    line-height: var(--kite-typography-lg-title-4-line-height);
    margin: 0 0 var(--kite-typography-lg-title-4-margin-bottom);
  }
}
h5,
.kite-type-style--title-5 {
  font-size: var(--kite-typography-title-5-size);
  font-weight: var(--kite-typography-title-5-weight);
  font-style: var(--kite-typography-title-5-style);
  letter-spacing: var(--kite-typography-title-5-letter-spacing);
  line-height: var(--kite-typography-title-5-line-height);
  margin: 0 0 var(--kite-typography-title-5-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h5,
  .kite-type-style--title-5 {
    font-size: var(--kite-typography-lg-title-5-size);
    font-weight: var(--kite-typography-lg-title-5-weight);
    letter-spacing: var(--kite-typography-lg-title-5-letter-spacing);
    line-height: var(--kite-typography-lg-title-5-line-height);
    margin: 0 0 var(--kite-typography-lg-title-5-margin-bottom);
  }
}
h6,
.kite-type-style--title-6 {
  font-size: var(--kite-typography-title-6-size);
  font-weight: var(--kite-typography-title-6-weight);
  font-style: var(--kite-typography-title-6-style);
  letter-spacing: var(--kite-typography-title-6-letter-spacing);
  line-height: var(--kite-typography-title-6-line-height);
  margin: 0 0 var(--kite-typography-title-6-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h6,
  .kite-type-style--title-6 {
    font-size: var(--kite-typography-lg-title-6-size);
    font-weight: var(--kite-typography-lg-title-6-weight);
    letter-spacing: var(--kite-typography-lg-title-6-letter-spacing);
    line-height: var(--kite-typography-lg-title-6-line-height);
    margin: 0 0 var(--kite-typography-lg-title-6-margin-bottom);
  }
}
.kite-type-style--eyebrow {
  font-size: var(--kite-typography-eyebrow-size);
  font-weight: var(--kite-typography-eyebrow-weight);
  font-style: var(--kite-typography-eyebrow-style);
  letter-spacing: var(--kite-typography-eyebrow-letter-spacing);
  line-height: var(--kite-typography-eyebrow-line-height);
  margin: 0 0 var(--kite-typography-eyebrow-margin-bottom);
  text-transform: var(--kite-typography-eyebrow-text-transform);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--eyebrow {
    font-size: var(--kite-typography-lg-eyebrow-size);
    font-weight: var(--kite-typography-lg-eyebrow-weight);
    letter-spacing: var(--kite-typography-lg-eyebrow-letter-spacing);
    line-height: var(--kite-typography-lg-eyebrow-line-height);
    margin: 0 0 var(--kite-typography-lg-eyebrow-margin-bottom);
    text-transform: var(--kite-typography-sm-eyebrow-text-transform);
  }
}
h1,
.kite-type-style--title-1,
h2,
.kite-type-style--title-2,
h3,
.kite-type-style--title-3,
h4,
.kite-type-style--title-4,
h5,
.kite-type-style--title-5,
h6,
.kite-type-style--title-6,
.kite-type-style--eyebrow {
  font-family:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}
.kite-type-style--body {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
p {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  p {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
.kite-type-style--caption,
.kite-type-style--caption-1,
figcaption {
  font-size: var(--kite-typography-caption-1-size);
  font-weight: var(--kite-typography-caption-1-weight);
  font-style: var(--kite-typography-caption-1-style);
  letter-spacing: var(--kite-typography-caption-1-letter-spacing);
  line-height: var(--kite-typography-caption-1-line-height);
  margin: 0 0 var(--kite-typography-caption-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption,
  .kite-type-style--caption-1,
  figcaption {
    font-size: var(--kite-typography-lg-caption-1-size);
    font-weight: var(--kite-typography-lg-caption-1-weight);
    letter-spacing: var(--kite-typography-lg-caption-1-letter-spacing);
    line-height: var(--kite-typography-lg-caption-1-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-1-margin-bottom);
  }
}
.kite-type-style--caption-2 {
  font-size: var(--kite-typography-caption-2-size);
  font-weight: var(--kite-typography-caption-2-weight);
  font-style: var(--kite-typography-caption-2-style);
  letter-spacing: var(--kite-typography-caption-2-letter-spacing);
  line-height: var(--kite-typography-caption-2-line-height);
  margin: 0 0 var(--kite-typography-caption-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption-2 {
    font-size: var(--kite-typography-lg-caption-2-size);
    font-weight: var(--kite-typography-lg-caption-2-weight);
    letter-spacing: var(--kite-typography-lg-caption-2-letter-spacing);
    line-height: var(--kite-typography-lg-caption-2-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-2-margin-bottom);
  }
}
.kite-type-style--display {
  font-size: var(--kite-typography-display-size);
  font-weight: var(--kite-typography-display-weight);
  font-style: var(--kite-typography-display-style);
  letter-spacing: var(--kite-typography-display-letter-spacing);
  line-height: var(--kite-typography-display-line-height);
  margin: 0 0 var(--kite-typography-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--display {
    font-size: var(--kite-typography-lg-display-size);
    font-weight: var(--kite-typography-lg-display-weight);
    letter-spacing: var(--kite-typography-lg-display-letter-spacing);
    line-height: var(--kite-typography-lg-display-line-height);
    margin: 0 0 var(--kite-typography-lg-display-margin-bottom);
  }
}
.kite-type-style--body-display {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body-display {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
a {
  --text-decoration: var(--kite-link-text-decoration);
  --color: var(--kite-link-text-color);
  --focus-ring-color: var(--kite-link-focus-ring-color);
  --focus-text-color: var(--kite-link-focus-text-color);
  --hover-text-color: var(--kite-link-hover-text-color);
  --press-text-color: var(--kite-link-press-text-color);
  --visited-text-color: var(--kite-link-visited-text-color);
  color: var(--color);
  font-weight: var(--kite-link-text-weight);
  text-decoration: var(--text-decoration);
  text-decoration-thickness: var(--kite-link-text-decoration-thickness);
  text-underline-offset: var(--kite-link-text-decoration-offset);
}
a.kite-hover,
a:hover {
  --text-decoration: var(--kite-link-hover-text-decoration);
  color: var(--hover-text-color);
}
a.kite-focus-visible,
a:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
  --text-decoration: var(--kite-link-focus-text-decoration);
  color: var(--focus-text-color);
  outline-color: var(--focus-ring-color);
}
a.kite-active,
a:active {
  --text-decoration: var(--kite-link-press-text-decoration);
  color: var(--press-text-color);
}
a.kite-visited,
a:visited {
  --text-decoration: var(--kite-link-visited-text-decoration);
  color: var(--visited-text-color);
}
a.kite-disabled,
a:disabled {
  pointer-events: none;
}
a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: inherit;
}
ol,
ul,
.kite-text-list {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0 0 0 var(--kite-spacing-xl);
}
ol.kite-list--alpha,
ol.kite-text-list--alpha,
ul.kite-list--alpha,
ul.kite-text-list--alpha,
.kite-text-list.kite-list--alpha,
.kite-text-list.kite-text-list--alpha {
  list-style: lower-alpha;
}
ol.kite-list--unstyled,
ol.kite-text-list--unstyled,
ul.kite-list--unstyled,
ul.kite-text-list--unstyled,
.kite-text-list.kite-list--unstyled,
.kite-text-list.kite-text-list--unstyled {
  list-style: none;
  padding-left: 0;
}
ol.kite-list--unstyled > li,
ol.kite-text-list--unstyled > li,
ul.kite-list--unstyled > li,
ul.kite-text-list--unstyled > li,
.kite-text-list.kite-list--unstyled > li,
.kite-text-list.kite-text-list--unstyled > li {
  padding-left: 0;
}
ol.kite-reset,
ul.kite-reset,
.kite-text-list.kite-reset {
  border: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ol.kite-reset *,
ol.kite-reset *::before,
ol.kite-reset *::after,
ul.kite-reset *,
ul.kite-reset *::before,
ul.kite-reset *::after,
.kite-text-list.kite-reset *,
.kite-text-list.kite-reset *::before,
.kite-text-list.kite-reset *::after {
  box-sizing: inherit;
}
ol.kite-reset > li,
ul.kite-reset > li,
.kite-text-list.kite-reset > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
ol > li,
ul > li,
.kite-text-list > li {
  line-height: 1.5;
  margin-bottom: var(--kite-spacing-sm);
  padding-left: var(--kite-spacing-xs);
}
dl {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0;
}
dt {
  font-weight: var(--kite-font-weight-bold);
}
dd {
  margin: 0 0 var(--kite-spacing-xs) 0;
}
hr {
  border: 0;
  border-top: var(--kite-border-width-thin) var(--kite-border-style) var(--kite-border-color);
  margin-top: var(--kite-spacing-xl);
  margin-bottom: var(--kite-spacing-xl);
}
blockquote,
.kite-blockquote {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  blockquote,
  .kite-blockquote {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
blockquote,
.kite-blockquote {
  border-left: var(--kite-blockquote-border-left-color) var(--kite-blockquote-border-left-style) var(--kite-blockquote-border-left-width);
  margin-bottom: var(--kite-blockquote-margin-bottom);
  padding: var(--kite-blockquote-padding-top) var(--kite-blockquote-padding-right) var(--kite-blockquote-padding-bottom) var(--kite-blockquote-padding-left);
}
.kite-blockquote__footer {
  color: var(--kite-blockquote-cite-color);
  display: block;
  font-size: var(--kite-blockquote-cite-text-size);
}
.kite-blockquote__footer::before {
  content: var(--kite-blockquote-cite-punctuation);
}
mark,
.kite-mark {
  background-color: var(--kite-color-yellow-10);
}
abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  text-decoration: underline dotted;
}
body,
.kite-body {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  body,
  .kite-body {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
body,
.kite-body {
  background-color: var(--kite-color-background);
  color: var(--kite-color-text);
  font-family:
    "Spectrum Sans",
    Rutledge,
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body:focus,
.kite-body:focus {
  outline: none;
}
body {
  margin: 0;
}
.kite-container,
.kite-container--fluid,
.kite-container--full-overflow {
  margin-right: auto;
  margin-left: auto;
  padding: 0 var(--kite-grid-xs-margins);
  width: 100%;
}
@media only screen and (min-width: 52.5rem) {
  .kite-container,
  .kite-container--fluid,
  .kite-container--full-overflow {
    padding: 0 var(--kite-grid-lg-margins);
  }
}
.kite-container {
  max-width: 80rem;
}
.kite-container--full-overflow {
  margin-right: -50vw;
  margin-left: -50vw;
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
}
.kite-grid {
  display: flex;
  flex-wrap: wrap;
}
.kite-cell {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
.kite-cell > .kite-card {
  height: 100%;
}
.kite-grid {
  margin: 0 calc(var(--kite-grid-xs-gutters) / -2);
}
@media only screen and (min-width: 30rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-sm-gutters) / -2);
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-md-gutters) / -2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-lg-gutters) / -2);
  }
}
@media only screen and (min-width: 60rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-xl-gutters) / -2);
  }
}
@media only screen and (min-width: 80rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-xxl-gutters) / -2);
  }
}
.kite-grid > .kite-cell {
  padding: calc(var(--kite-grid-xs-gutters) / 2);
}
@media only screen and (min-width: 30rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-sm-gutters) / 2);
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-md-gutters) / 2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-lg-gutters) / 2);
  }
}
@media only screen and (min-width: 60rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-xl-gutters) / 2);
  }
}
@media only screen and (min-width: 80rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-xxl-gutters) / 2);
  }
}
.kite-grid.kite-grid--no-gutters {
  margin: 0;
}
.kite-grid.kite-grid--no-gutters > .kite-cell {
  padding: 0;
}
.kite-cell-1,
.kite-cell-1-xs.kite-cell-1-xs {
  flex: 0 0 25%;
}
.kite-cell-2,
.kite-cell-2-xs.kite-cell-2-xs {
  flex: 0 0 50%;
}
.kite-cell-3,
.kite-cell-3-xs.kite-cell-3-xs {
  flex: 0 0 75%;
}
.kite-cell-4,
.kite-cell-4-xs {
  flex: 0 0 100%;
}
.kite-cell-5,
.kite-cell-5-xs {
  flex: 0 0 100%;
}
.kite-cell-6,
.kite-cell-6-xs {
  flex: 0 0 100%;
}
.kite-cell-7,
.kite-cell-7-xs {
  flex: 0 0 100%;
}
.kite-cell-8,
.kite-cell-8-xs {
  flex: 0 0 100%;
}
.kite-cell-9,
.kite-cell-9-xs {
  flex: 0 0 100%;
}
.kite-cell-10,
.kite-cell-10-xs {
  flex: 0 0 100%;
}
.kite-cell-11,
.kite-cell-11-xs {
  flex: 0 0 100%;
}
.kite-cell-12,
.kite-cell-12-xs {
  flex: 0 0 100%;
}
.kite-cell-flex {
  flex: 1;
}
@media only screen and (min-width: 30rem) {
  .kite-cell-1,
  .kite-cell-1-gt-xs.kite-cell-1-gt-xs {
    flex: 0 0 25%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-xs.kite-cell-2-gt-xs {
    flex: 0 0 50%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-xs.kite-cell-3-gt-xs {
    flex: 0 0 75%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-xs.kite-cell-flex-gt-xs {
    flex: 1;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-cell-1,
  .kite-cell-1-gt-sm.kite-cell-1-gt-sm {
    flex: 0 0 25%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-sm.kite-cell-2-gt-sm {
    flex: 0 0 50%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-sm.kite-cell-3-gt-sm {
    flex: 0 0 75%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-sm.kite-cell-flex-gt-sm {
    flex: 1;
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-cell-1,
  .kite-cell-1-gt-md.kite-cell-1-gt-md {
    flex: 0 0 8.3333333333%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-md.kite-cell-2-gt-md {
    flex: 0 0 16.6666666667%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-md.kite-cell-3-gt-md {
    flex: 0 0 25%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-md.kite-cell-4-gt-md {
    flex: 0 0 33.3333333333%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-md.kite-cell-5-gt-md {
    flex: 0 0 41.6666666667%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-md.kite-cell-6-gt-md {
    flex: 0 0 50%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-md.kite-cell-7-gt-md {
    flex: 0 0 58.3333333333%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-md.kite-cell-8-gt-md {
    flex: 0 0 66.6666666667%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-md.kite-cell-9-gt-md {
    flex: 0 0 75%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-md.kite-cell-10-gt-md {
    flex: 0 0 83.3333333333%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-md.kite-cell-11-gt-md {
    flex: 0 0 91.6666666667%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-md {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-md.kite-cell-flex-gt-md {
    flex: 1;
  }
}
@media only screen and (min-width: 60rem) {
  .kite-cell-1,
  .kite-cell-1-gt-lg.kite-cell-1-gt-lg {
    flex: 0 0 8.3333333333%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-lg.kite-cell-2-gt-lg {
    flex: 0 0 16.6666666667%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-lg.kite-cell-3-gt-lg {
    flex: 0 0 25%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-lg.kite-cell-4-gt-lg {
    flex: 0 0 33.3333333333%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-lg.kite-cell-5-gt-lg {
    flex: 0 0 41.6666666667%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-lg.kite-cell-6-gt-lg {
    flex: 0 0 50%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-lg.kite-cell-7-gt-lg {
    flex: 0 0 58.3333333333%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-lg.kite-cell-8-gt-lg {
    flex: 0 0 66.6666666667%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-lg.kite-cell-9-gt-lg {
    flex: 0 0 75%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-lg.kite-cell-10-gt-lg {
    flex: 0 0 83.3333333333%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-lg.kite-cell-11-gt-lg {
    flex: 0 0 91.6666666667%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-lg {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-lg.kite-cell-flex-gt-lg {
    flex: 1;
  }
}
@media only screen and (min-width: 80rem) {
  .kite-cell-1,
  .kite-cell-1-gt-xl.kite-cell-1-gt-xl {
    flex: 0 0 8.3333333333%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-xl.kite-cell-2-gt-xl {
    flex: 0 0 16.6666666667%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-xl.kite-cell-3-gt-xl {
    flex: 0 0 25%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-xl.kite-cell-4-gt-xl {
    flex: 0 0 33.3333333333%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-xl.kite-cell-5-gt-xl {
    flex: 0 0 41.6666666667%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-xl.kite-cell-6-gt-xl {
    flex: 0 0 50%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-xl.kite-cell-7-gt-xl {
    flex: 0 0 58.3333333333%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-xl.kite-cell-8-gt-xl {
    flex: 0 0 66.6666666667%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-xl.kite-cell-9-gt-xl {
    flex: 0 0 75%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-xl.kite-cell-10-gt-xl {
    flex: 0 0 83.3333333333%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-xl.kite-cell-11-gt-xl {
    flex: 0 0 91.6666666667%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-xl {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-xl.kite-cell-flex-gt-xl {
    flex: 1;
  }
}
.kite-container-grid {
  display: flex;
  flex-wrap: wrap;
  container-type: inline-size;
  container-name: kite-grid-container;
}
.kite-container-cell {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
.kite-container-cell > .kite-card {
  height: 100%;
}
.kite-container-grid {
  margin: 0 calc(var(--kite-grid-xs-gutters) / -2);
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 30rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-sm-gutters) / -2);
    }
  }
}
@container (min-width: 30rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-sm-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 37.5rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-md-gutters) / -2);
    }
  }
}
@container (min-width: 37.5rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-md-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 52.5rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-lg-gutters) / -2);
    }
  }
}
@container (min-width: 52.5rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-lg-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 60rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-xl-gutters) / -2);
    }
  }
}
@container (min-width: 60rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-xl-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 80rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-xxl-gutters) / -2);
    }
  }
}
@container (min-width: 80rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-xxl-gutters) / -2);
  }
}
.kite-container-grid > .kite-container-cell {
  padding: calc(var(--kite-grid-xs-gutters) / 2);
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 30rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-sm-gutters) / 2);
    }
  }
}
@container (min-width: 30rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-sm-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 37.5rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-md-gutters) / 2);
    }
  }
}
@container (min-width: 37.5rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-md-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 52.5rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-lg-gutters) / 2);
    }
  }
}
@container (min-width: 52.5rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-lg-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 60rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-xl-gutters) / 2);
    }
  }
}
@container (min-width: 60rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-xl-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 80rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-xxl-gutters) / 2);
    }
  }
}
@container (min-width: 80rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-xxl-gutters) / 2);
  }
}
.kite-container-grid.kite-container-grid--no-gutters {
  margin: 0;
}
.kite-container-grid.kite-container-grid--no-gutters > .kite-container-cell {
  padding: 0;
}
.kite-container-cell-1,
.kite-container-cell-1-xs.kite-container-cell-1-xs {
  flex: 0 0 25cqw;
}
.kite-container-cell-2,
.kite-container-cell-2-xs.kite-container-cell-2-xs {
  flex: 0 0 50cqw;
}
.kite-container-cell-3,
.kite-container-cell-3-xs.kite-container-cell-3-xs {
  flex: 0 0 75cqw;
}
.kite-container-cell-4,
.kite-container-cell-4-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-5,
.kite-container-cell-5-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-6,
.kite-container-cell-6-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-7,
.kite-container-cell-7-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-8,
.kite-container-cell-8-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-9,
.kite-container-cell-9-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-10,
.kite-container-cell-10-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-11,
.kite-container-cell-11-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-12,
.kite-container-cell-12-xs {
  flex: 0 0 100cqw;
}
.kite-container-cell-flex {
  flex: 1;
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 30rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-xs.kite-container-cell-1-gt-xs {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-xs.kite-container-cell-2-gt-xs {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-xs.kite-container-cell-3-gt-xs {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-xs.kite-container-cell-flex-gt-xs {
      flex: 1;
    }
  }
}
@container (min-width: 30rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-xs.kite-container-cell-1-gt-xs {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-xs.kite-container-cell-2-gt-xs {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-xs.kite-container-cell-3-gt-xs {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-xs.kite-container-cell-flex-gt-xs {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 37.5rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-sm.kite-container-cell-1-gt-sm {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-sm.kite-container-cell-2-gt-sm {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-sm.kite-container-cell-3-gt-sm {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-sm.kite-container-cell-flex-gt-sm {
      flex: 1;
    }
  }
}
@container (min-width: 37.5rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-sm.kite-container-cell-1-gt-sm {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-sm.kite-container-cell-2-gt-sm {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-sm.kite-container-cell-3-gt-sm {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-sm.kite-container-cell-flex-gt-sm {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 52.5rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-md.kite-container-cell-1-gt-md {
      flex: 0 0 8.3333333333cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-md.kite-container-cell-2-gt-md {
      flex: 0 0 16.6666666667cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-md.kite-container-cell-3-gt-md {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-md.kite-container-cell-4-gt-md {
      flex: 0 0 33.3333333333cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-md.kite-container-cell-5-gt-md {
      flex: 0 0 41.6666666667cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-md.kite-container-cell-6-gt-md {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-md.kite-container-cell-7-gt-md {
      flex: 0 0 58.3333333333cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-md.kite-container-cell-8-gt-md {
      flex: 0 0 66.6666666667cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-md.kite-container-cell-9-gt-md {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-md.kite-container-cell-10-gt-md {
      flex: 0 0 83.3333333333cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-md.kite-container-cell-11-gt-md {
      flex: 0 0 91.6666666667cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-md {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-md.kite-container-cell-flex-gt-md {
      flex: 1;
    }
  }
}
@container (min-width: 52.5rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-md.kite-container-cell-1-gt-md {
    flex: 0 0 8.3333333333cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-md.kite-container-cell-2-gt-md {
    flex: 0 0 16.6666666667cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-md.kite-container-cell-3-gt-md {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-md.kite-container-cell-4-gt-md {
    flex: 0 0 33.3333333333cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-md.kite-container-cell-5-gt-md {
    flex: 0 0 41.6666666667cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-md.kite-container-cell-6-gt-md {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-md.kite-container-cell-7-gt-md {
    flex: 0 0 58.3333333333cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-md.kite-container-cell-8-gt-md {
    flex: 0 0 66.6666666667cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-md.kite-container-cell-9-gt-md {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-md.kite-container-cell-10-gt-md {
    flex: 0 0 83.3333333333cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-md.kite-container-cell-11-gt-md {
    flex: 0 0 91.6666666667cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-md {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-md.kite-container-cell-flex-gt-md {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 60rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-lg.kite-container-cell-1-gt-lg {
      flex: 0 0 8.3333333333cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-lg.kite-container-cell-2-gt-lg {
      flex: 0 0 16.6666666667cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-lg.kite-container-cell-3-gt-lg {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-lg.kite-container-cell-4-gt-lg {
      flex: 0 0 33.3333333333cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-lg.kite-container-cell-5-gt-lg {
      flex: 0 0 41.6666666667cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-lg.kite-container-cell-6-gt-lg {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-lg.kite-container-cell-7-gt-lg {
      flex: 0 0 58.3333333333cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-lg.kite-container-cell-8-gt-lg {
      flex: 0 0 66.6666666667cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-lg.kite-container-cell-9-gt-lg {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-lg.kite-container-cell-10-gt-lg {
      flex: 0 0 83.3333333333cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-lg.kite-container-cell-11-gt-lg {
      flex: 0 0 91.6666666667cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-lg {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-lg.kite-container-cell-flex-gt-lg {
      flex: 1;
    }
  }
}
@container (min-width: 60rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-lg.kite-container-cell-1-gt-lg {
    flex: 0 0 8.3333333333cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-lg.kite-container-cell-2-gt-lg {
    flex: 0 0 16.6666666667cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-lg.kite-container-cell-3-gt-lg {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-lg.kite-container-cell-4-gt-lg {
    flex: 0 0 33.3333333333cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-lg.kite-container-cell-5-gt-lg {
    flex: 0 0 41.6666666667cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-lg.kite-container-cell-6-gt-lg {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-lg.kite-container-cell-7-gt-lg {
    flex: 0 0 58.3333333333cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-lg.kite-container-cell-8-gt-lg {
    flex: 0 0 66.6666666667cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-lg.kite-container-cell-9-gt-lg {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-lg.kite-container-cell-10-gt-lg {
    flex: 0 0 83.3333333333cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-lg.kite-container-cell-11-gt-lg {
    flex: 0 0 91.6666666667cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-lg {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-lg.kite-container-cell-flex-gt-lg {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 80rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-xl.kite-container-cell-1-gt-xl {
      flex: 0 0 8.3333333333cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-xl.kite-container-cell-2-gt-xl {
      flex: 0 0 16.6666666667cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-xl.kite-container-cell-3-gt-xl {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-xl.kite-container-cell-4-gt-xl {
      flex: 0 0 33.3333333333cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-xl.kite-container-cell-5-gt-xl {
      flex: 0 0 41.6666666667cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-xl.kite-container-cell-6-gt-xl {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-xl.kite-container-cell-7-gt-xl {
      flex: 0 0 58.3333333333cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-xl.kite-container-cell-8-gt-xl {
      flex: 0 0 66.6666666667cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-xl.kite-container-cell-9-gt-xl {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-xl.kite-container-cell-10-gt-xl {
      flex: 0 0 83.3333333333cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-xl.kite-container-cell-11-gt-xl {
      flex: 0 0 91.6666666667cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-xl {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-xl.kite-container-cell-flex-gt-xl {
      flex: 1;
    }
  }
}
@container (min-width: 80rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-xl.kite-container-cell-1-gt-xl {
    flex: 0 0 8.3333333333cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-xl.kite-container-cell-2-gt-xl {
    flex: 0 0 16.6666666667cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-xl.kite-container-cell-3-gt-xl {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-xl.kite-container-cell-4-gt-xl {
    flex: 0 0 33.3333333333cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-xl.kite-container-cell-5-gt-xl {
    flex: 0 0 41.6666666667cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-xl.kite-container-cell-6-gt-xl {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-xl.kite-container-cell-7-gt-xl {
    flex: 0 0 58.3333333333cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-xl.kite-container-cell-8-gt-xl {
    flex: 0 0 66.6666666667cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-xl.kite-container-cell-9-gt-xl {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-xl.kite-container-cell-10-gt-xl {
    flex: 0 0 83.3333333333cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-xl.kite-container-cell-11-gt-xl {
    flex: 0 0 91.6666666667cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-xl {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-xl.kite-container-cell-flex-gt-xl {
    flex: 1;
  }
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}
.kite-icon {
  --fill: currentColor;
  --color: var(--fill, currentColor);
  --size: 1em;
  --offset: 0;
  contain: strict;
  display: inline-block;
  position: relative;
  bottom: calc(var(--offset) * 0.1em);
  width: var(--size);
  height: var(--size);
}
.kite-icon--inline {
  --offset: 1;
  vertical-align: middle;
}
.kite-icon__inner {
  width: 100%;
  height: 100%;
}
.kite-icon__inner svg {
  display: block;
  fill: var(--color);
  width: 100%;
  height: 100%;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-icon__inner svg {
    fill: currentColor;
  }
}
.kite-payment-logo {
  contain: strict;
  display: inline-block;
  position: relative;
  width: var(--kite-payment-logo-width);
  height: var(--kite-payment-logo-height);
}
.kite-payment-logo--inline {
  vertical-align: middle;
}
.kite-payment-logo__inner {
  width: 100%;
  height: 100%;
}
.kite-payment-logo__inner img,
.kite-payment-logo__inner svg {
  display: block;
  width: 100%;
  height: 100%;
}
:root {
  --pi: 3.1415926536;
}
.kite-assistive-text,
.kite-visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
.kite-assistive-text--focusable:active,
.kite-assistive-text--focusable:focus,
.kite-visually-hidden--focusable:active,
.kite-visually-hidden--focusable:focus {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
}
.kite-display-none {
  display: none;
}
.kite-display-inline {
  display: inline;
}
.kite-display-inline-block {
  display: inline-block;
}
.kite-display-block {
  display: block;
}
.kite-display-table {
  display: table;
}
.kite-display-table-cell {
  display: table-cell;
}
.kite-display-flex {
  display: flex;
}
.kite-display-inline-flex {
  display: inline-flex;
}
@media only screen and (min-width: 30rem) {
  .kite-display-none-gt-sm {
    display: none;
  }
  .kite-display-inline-gt-sm {
    display: inline;
  }
  .kite-display-inline-block-gt-sm {
    display: inline-block;
  }
  .kite-display-block-gt-sm {
    display: block;
  }
  .kite-display-table-gt-sm {
    display: table;
  }
  .kite-display-table-cell-gt-sm {
    display: table-cell;
  }
  .kite-display-flex-gt-sm {
    display: flex;
  }
  .kite-display-inline-flex-gt-sm {
    display: inline-flex;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-display-none-gt-md {
    display: none;
  }
  .kite-display-inline-gt-md {
    display: inline;
  }
  .kite-display-inline-block-gt-md {
    display: inline-block;
  }
  .kite-display-block-gt-md {
    display: block;
  }
  .kite-display-table-gt-md {
    display: table;
  }
  .kite-display-table-cell-gt-md {
    display: table-cell;
  }
  .kite-display-flex-gt-md {
    display: flex;
  }
  .kite-display-inline-flex-gt-md {
    display: inline-flex;
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-display-none-gt-lg {
    display: none;
  }
  .kite-display-inline-gt-lg {
    display: inline;
  }
  .kite-display-inline-block-gt-lg {
    display: inline-block;
  }
  .kite-display-block-gt-lg {
    display: block;
  }
  .kite-display-table-gt-lg {
    display: table;
  }
  .kite-display-table-cell-gt-lg {
    display: table-cell;
  }
  .kite-display-flex-gt-lg {
    display: flex;
  }
  .kite-display-inline-flex-gt-lg {
    display: inline-flex;
  }
}
@media only screen and (min-width: 60rem) {
  .kite-display-none-gt-xl {
    display: none;
  }
  .kite-display-inline-gt-xl {
    display: inline;
  }
  .kite-display-inline-block-gt-xl {
    display: inline-block;
  }
  .kite-display-block-gt-xl {
    display: block;
  }
  .kite-display-table-gt-xl {
    display: table;
  }
  .kite-display-table-cell-gt-xl {
    display: table-cell;
  }
  .kite-display-flex-gt-xl {
    display: flex;
  }
  .kite-display-inline-flex-gt-xl {
    display: inline-flex;
  }
}
body {
  background: var(--kite-color-gray-10);
  height: 100vh;
  margin: 0;
  padding: 0;
}
.cdk-overlay-pane {
  background-color: var(--kite-color-white);
}
.landing-header {
  display: inline-block;
}
label.form-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.form-label,
.form-input {
  margin-bottom: 8px;
  display: block;
}
input.form-input {
  min-width: 400px;
  margin-bottom: 10px;
  padding: 13px 9px;
  border-radius: 0;
  border: 1px solid var(--kite-color-gray-30);
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */