@charset "UTF-8";
.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;
  inset:0;
  z-index:1000;
  pointer-events:auto;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  transition:opacity .4s cubic-bezier(.25,.8,.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:#00000052
}
.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
}
.kite-theme,
.kite-theme--white {
  --kite-tooltip-arrow-directional-offset: 0;
  --kite-tooltip-breakpoint-sm-max-width: 20.3125rem;
  --kite-tooltip-offset: 0;
  --kite-tooltip-max-height: 4.25rem;
  --kite-tooltip-max-width: 90%;
  --kite-tooltip-margin-left: 0;
  --kite-tooltip-margin-bottom: 0;
  --kite-tooltip-margin-right: 0;
  --kite-tooltip-margin-top: 0;
  --kite-tooltip-border-width: 0;
  --kite-tooltip-border-color: transparent;
  --kite-toast-transition-curve: cubic-bezier(.25, .8, .5, 1);
  --kite-toast-line-height: 1.25;
  --kite-toast-icon-width: 1.125rem;
  --kite-toast-icon-height: 1.125rem;
  --kite-toast-max-width: 20rem;
  --kite-toast-margin-left: 0;
  --kite-toast-margin-right: 0;
  --kite-toast-border-width: 0;
  --kite-toast-border-color: transparent;
  --kite-time-input-placeholder-margin-left: 0;
  --kite-time-input-icon-margin-right: 0;
  --kite-time-input-margin-left: 0;
  --kite-time-input-margin-bottom: 0;
  --kite-time-input-margin-right: 0;
  --kite-time-input-margin-top: 0;
  --kite-text-input-margin-left: 0;
  --kite-text-input-margin-right: 0;
  --kite-text-input-margin-top: 0;
  --kite-text-area-min-height: 7.375rem;
  --kite-text-area-margin-left: 0;
  --kite-text-area-margin-right: 0;
  --kite-text-area-margin-top: 0;
  --kite-tabs-item-min-width: 5.625rem;
  --kite-tabs-item-border-bottom-color-dark: transparent;
  --kite-tabs-item-border-bottom-color: transparent;
  --kite-tabs-panel-padding-left: 0;
  --kite-tabs-panel-padding-bottom: 0;
  --kite-tabs-panel-padding-right: 0;
  --kite-tabs-tab-min-width: 5.625rem;
  --kite-tabs-tab-border-bottom-color: transparent;
  --kite-tabs-tab-text-align: center;
  --kite-tabs-tab-background: transparent;
  --kite-tabs-padding-left: 0;
  --kite-tabs-padding-bottom: 0;
  --kite-tabs-padding-right: 0;
  --kite-tabs-padding-top: 0;
  --kite-tabs-margin-left: 0;
  --kite-tabs-margin-bottom: 0;
  --kite-tabs-margin-right: 0;
  --kite-tabs-margin-top: 0;
  --kite-tabs-border-width: 0;
  --kite-tabs-border-radius: 0;
  --kite-tabs-background-color: transparent;
  --kite-switch-on-disabled-track-opacity: 1;
  --kite-switch-on-track-opacity: 1;
  --kite-switch-track-opacity: 1;
  --kite-switch-disabled-track-opacity: 1;
  --kite-switch-padding-left: 0;
  --kite-switch-padding-bottom: 0;
  --kite-switch-padding-right: 0;
  --kite-switch-padding-top: 0;
  --kite-switch-margin-left: 0;
  --kite-switch-margin-right: 0;
  --kite-switch-margin-top: 0;
  --kite-switch-border-width: 0;
  --kite-switch-border-radius: 0;
  --kite-switch-background-color: transparent;
  --kite-skip-link-position: absolute;
  --kite-skip-link-margin-left: 0;
  --kite-skip-link-margin-bottom: 0;
  --kite-skip-link-margin-right: 0;
  --kite-skip-link-margin-top: 0;
  --kite-skip-link-text-line-height: 1;
  --kite-select-margin-left: 0;
  --kite-select-margin-right: 0;
  --kite-select-margin-top: 0;
  --kite-select-text-overflow: ellipsis;
  --kite-search-input-margin-left: 0;
  --kite-search-input-margin-bottom: 0;
  --kite-search-input-margin-right: 0;
  --kite-search-input-margin-top: 0;
  --kite-radio-input-margin-left: 0;
  --kite-radio-label-margin-bottom: 0;
  --kite-radio-padding-left: 0;
  --kite-radio-padding-bottom: 0;
  --kite-radio-padding-right: 0;
  --kite-radio-padding-top: 0;
  --kite-radio-margin-left: 0;
  --kite-radio-margin-right: 0;
  --kite-radio-margin-top: 0;
  --kite-radio-background-color: transparent;
  --kite-progress-indicator-md-width: 2.5rem;
  --kite-progress-indicator-md-height: 2.5rem;
  --kite-progress-indicator-lg-width: 5rem;
  --kite-progress-indicator-lg-height: 5rem;
  --kite-progress-indicator-border-color-dark: transparent;
  --kite-progress-indicator-circular-lg-icon-width: 5rem;
  --kite-progress-indicator-circular-lg-width-px: 80px;
  --kite-progress-indicator-circular-lg-width: 5rem;
  --kite-progress-indicator-circular-lg-track-size-px: 4px;
  --kite-progress-indicator-circular-sm-icon-width: 1.625rem;
  --kite-progress-indicator-circular-sm-width-px: 24px;
  --kite-progress-indicator-circular-sm-track-size-px: 2px;
  --kite-progress-indicator-circular-icon-width: 2.75rem;
  --kite-progress-indicator-circular-label-text-align: center;
  --kite-progress-indicator-circular-label-text-line-height: 1.4;
  --kite-progress-indicator-circular-track-color: transparent;
  --kite-progress-indicator-circular-width-px: 40px;
  --kite-progress-indicator-circular-width: 2.5rem;
  --kite-progress-indicator-backdrop-opacity: .8;
  --kite-progress-indicator-track-size-px: 4px;
  --kite-progress-indicator-label-text-align: left;
  --kite-progress-indicator-transition-delay: .5s;
  --kite-progress-indicator-padding-left: 0;
  --kite-progress-indicator-padding-bottom: 0;
  --kite-progress-indicator-padding-right: 0;
  --kite-progress-indicator-padding-top: 0;
  --kite-progress-indicator-margin-left: 0;
  --kite-progress-indicator-margin-bottom: 0;
  --kite-progress-indicator-margin-right: 0;
  --kite-progress-indicator-margin-top: 0;
  --kite-progress-indicator-border-radius: 0;
  --kite-progress-indicator-border-color: transparent;
  --kite-progress-indicator-background-color: transparent;
  --kite-popover-arrow-border-color-dark: transparent;
  --kite-popover-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, .5);
  --kite-popover-border-color-dark: transparent;
  --kite-popover-dismiss-icon-margin-left: 0;
  --kite-popover-dismiss-icon-margin-right: 0;
  --kite-popover-dismiss-icon-margin-top: 0;
  --kite-popover-trigger-focus-ring-offset: .0625rem;
  --kite-popover-trigger-margin-bottom: 0;
  --kite-popover-trigger-margin-right: 0;
  --kite-popover-trigger-margin-top: 0;
  --kite-popover-max-height: 37.5rem;
  --kite-popover-max-width: 100%;
  --kite-popover-text-align: left;
  --kite-payment-logo-padding-left: 0;
  --kite-payment-logo-padding-bottom: 0;
  --kite-payment-logo-padding-right: 0;
  --kite-payment-logo-padding-top: 0;
  --kite-payment-logo-margin-left: 0;
  --kite-payment-logo-margin-bottom: 0;
  --kite-payment-logo-margin-right: 0;
  --kite-payment-logo-margin-top: 0;
  --kite-payment-logo-border-color: transparent;
  --kite-pagination-controls-button-previous-border-radius: 0;
  --kite-pagination-controls-button-background-color-dark: transparent;
  --kite-pagination-controls-background-color-dark: transparent;
  --kite-pagination-dropdown-margin-bottom: 0;
  --kite-pagination-dropdown-margin-top: 0;
  --kite-pagination-page-select-current-label-padding-left: .625rem;
  --kite-pagination-page-select-current-label-padding-bottom: .625rem;
  --kite-pagination-page-select-current-label-padding-right: .625rem;
  --kite-pagination-page-select-current-label-padding-top: .625rem;
  --kite-pagination-controls-button-height: 3.25rem;
  --kite-pagination-controls-button-width: 4rem;
  --kite-pagination-controls-button-border-radius: 0;
  --kite-pagination-controls-button-background-color: transparent;
  --kite-pagination-controls-breakpoint-lg-margin-bottom: 0;
  --kite-pagination-controls-margin-top: 0;
  --kite-meter-circular-large-label-text-size: .875rem;
  --kite-meter-circular-large-width: 9.25rem;
  --kite-meter-circular-large-height: 9.25rem;
  --kite-meter-circular-small-label-text-size: .875rem;
  --kite-meter-circular-small-track-height: .125rem;
  --kite-meter-circular-small-status-icon-margin: .375rem;
  --kite-meter-circular-small-width: 5.5rem;
  --kite-meter-circular-small-height: 5.5rem;
  --kite-meter-linear-large-value-label-text-size: 1rem;
  --kite-meter-linear-large-label-text-size: 1rem;
  --kite-meter-linear-small-value-label-text-size: .875rem;
  --kite-meter-linear-small-label-text-size: .875rem;
  --kite-meter-linear-value-label-text-size: .875rem;
  --kite-meter-linear-label-text-size: .875rem;
  --kite-meter-circular-lg-width-px: 148px;
  --kite-meter-circular-lg-width: 9.25rem;
  --kite-meter-circular-sm-icon-margin: .375rem;
  --kite-meter-circular-sm-tick-width: .125rem;
  --kite-meter-circular-sm-track-height-px: 2px;
  --kite-meter-circular-sm-track-height: .125rem;
  --kite-meter-circular-sm-width-px: 24px;
  --kite-meter-circular-track-height-px: 8px;
  --kite-meter-circular-width-px: 88px;
  --kite-meter-circular-width: 5.5rem;
  --kite-menu-list-transition-curve: cubic-bezier(.25, .8, .5, 1);
  --kite-menu-list-visible-opacity: 1;
  --kite-menu-list-hidden-opacity: 0;
  --kite-menu-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, .5);
  --kite-menu-contextual-label-trigger-padding-bottom: .625rem;
  --kite-menu-contextual-label-trigger-padding-top: .625rem;
  --kite-menu-trigger-disabled-background-color: transparent;
  --kite-menu-trigger-background-color: transparent;
  --kite-menu-list-item-padding-bottom: .625rem;
  --kite-menu-list-item-padding-top: .625rem;
  --kite-menu-list-transition-target-property: opacity;
  --kite-menu-list-opacity: 0;
  --kite-menu-list-activated-opacity: 1;
  --kite-menu-list-min-width: 10.5rem;
  --kite-list-start-max-width: 5rem;
  --kite-list-item-payment-logo-margin: 0;
  --kite-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-list-item-expandable-content-padding-top: 0;
  --kite-list-item-hover-background-color: rgba(0, 18, 33, .02);
  --kite-list-item-payment-logo-margin-top: 0;
  --kite-list-item-payment-logo-border-radius: 0;
  --kite-list-item-image-lg-max-height: 5rem;
  --kite-list-item-image-lg-max-width: 5rem;
  --kite-list-item-image-md-max-height: 3.75rem;
  --kite-list-item-image-md-max-width: 3.75rem;
  --kite-list-item-margin-left: 0;
  --kite-list-item-margin-bottom: 0;
  --kite-list-item-margin-right: 0;
  --kite-list-item-margin-top: 0;
  --kite-list-item-background-color: transparent;
  --kite-list-padding-left: 0;
  --kite-list-padding-bottom: 0;
  --kite-list-padding-right: 0;
  --kite-list-padding-top: 0;
  --kite-list-margin-left: 0;
  --kite-list-margin-bottom: 0;
  --kite-list-margin-right: 0;
  --kite-list-margin-top: 0;
  --kite-list-border-radius: 0;
  --kite-list-background-color: transparent;
  --kite-link-standalone-press-text-decoration: underline;
  --kite-link-standalone-hover-text-decoration: underline;
  --kite-link-standalone-text-decoration-line: none;
  --kite-link-padding-left: 0;
  --kite-link-padding-bottom: 0;
  --kite-link-padding-right: 0;
  --kite-link-padding-top: 0;
  --kite-link-margin-left: 0;
  --kite-link-margin-bottom: 0;
  --kite-link-margin-right: 0;
  --kite-link-margin-top: 0;
  --kite-link-border-width: 0;
  --kite-link-border-radius: 0;
  --kite-link-text-decoration-line: underline;
  --kite-link-background-color: transparent;
  --kite-interactive-list-item-hover-background-opacity: .02;
  --kite-interactive-list-xxl-padding-bottom: 0;
  --kite-interactive-list-xxl-padding-top: 0;
  --kite-interactive-list-xl-padding-bottom: 0;
  --kite-interactive-list-xl-padding-top: 0;
  --kite-interactive-list-md-padding-bottom: 0;
  --kite-interactive-list-md-padding-top: 0;
  --kite-interactive-list-item-hover-background-opacity-dark: .05;
  --kite-interactive-list-item-hover-background-color-dark: 255, 255, 255;
  --kite-interactive-list-start-max-width: 5rem;
  --kite-interactive-list-image-max-height: 5rem;
  --kite-interactive-list-image-max-width: 5rem;
  --kite-interactive-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-interactive-list-item-hover-background-color: rgba(0, 18, 33, .02);
  --kite-interactive-list-item-margin-left: 0;
  --kite-interactive-list-item-margin-bottom: 0;
  --kite-interactive-list-item-margin-right: 0;
  --kite-interactive-list-item-margin-top: 0;
  --kite-interactive-list-item-background-color: transparent;
  --kite-interactive-list-padding-left: 0;
  --kite-interactive-list-padding-bottom: 0;
  --kite-interactive-list-padding-right: 0;
  --kite-interactive-list-padding-top: 0;
  --kite-interactive-list-margin-left: 0;
  --kite-interactive-list-margin-bottom: 0;
  --kite-interactive-list-margin-right: 0;
  --kite-interactive-list-margin-top: 0;
  --kite-interactive-list-border-radius: 0;
  --kite-interactive-list-background-color: transparent;
  --kite-dynamic-hint-arrow-border-color-dark: transparent;
  --kite-dynamic-hint-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, .5);
  --kite-dynamic-hint-border-color-dark: transparent;
  --kite-dropdown-inline-border-color-dark: transparent;
  --kite-dropdown-inline-background-color-dark: transparent;
  --kite-dropdown-list-visible-opacity: 1;
  --kite-dropdown-list-hidden-opacity: 0;
  --kite-dropdown-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, .5);
  --kite-dropdown-inline-disabled-background-color: transparent;
  --kite-dropdown-inline-padding-left: 0;
  --kite-dropdown-inline-padding-bottom: 0;
  --kite-dropdown-inline-padding-right: 0;
  --kite-dropdown-inline-padding-top: 0;
  --kite-dropdown-inline-margin-left: 0;
  --kite-dropdown-inline-margin-bottom: 0;
  --kite-dropdown-inline-margin-right: 0;
  --kite-dropdown-inline-margin-top: 0;
  --kite-dropdown-inline-border-color: transparent;
  --kite-dropdown-inline-background-color: transparent;
  --kite-dropdown-list-item-padding-left: 0;
  --kite-dropdown-list-transition-target-property: opacity;
  --kite-dropdown-list-opacity: 0;
  --kite-dropdown-list-activated-opacity: 1;
  --kite-dropdown-list-min-width: 10.5rem;
  --kite-dropdown-margin-left: 0;
  --kite-dropdown-margin-right: 0;
  --kite-dropdown-margin-top: 0;
  --kite-dropdown-text-overflow: ellipsis;
  --kite-dialog-default-size-xxl-max-height: 84%;
  --kite-dialog-default-size-xl-max-height: 84%;
  --kite-dialog-default-size-lg-max-height: 72%;
  --kite-dialog-default-size-md-max-height: 72%;
  --kite-dialog-full-size-height: 100%;
  --kite-dialog-full-size-width: 100%;
  --kite-dialog-button-min-width: 15.25rem;
  --kite-dialog-content-padding-top: 0;
  --kite-dialog-overlay-opacity: .8;
  --kite-dialog-transition-duration: 0;
  --kite-dialog-position-y: center;
  --kite-dialog-position-x: center;
  --kite-dialog-breakpoint-2xl-max-height: 84%;
  --kite-dialog-breakpoint-2xl-width: 50%;
  --kite-dialog-breakpoint-xl-max-height: 84%;
  --kite-dialog-breakpoint-xl-width: 66.66%;
  --kite-dialog-breakpoint-lg-max-height: 72%;
  --kite-dialog-breakpoint-lg-width: 66.66%;
  --kite-dialog-breakpoint-md-max-height: 72%;
  --kite-dialog-breakpoint-md-width: 75%;
  --kite-dialog-max-width: 42.5rem;
  --kite-dialog-margin-left: 0;
  --kite-dialog-margin-bottom: 0;
  --kite-dialog-margin-right: 0;
  --kite-dialog-margin-top: 0;
  --kite-dialog-border-radius: 0;
  --kite-dialog-text-line-height: 1.625;
  --kite-dialog-text-align: left;
  --kite-date-input-label-height: 1.5rem;
  --kite-date-input-picker-padding-top: 0;
  --kite-date-input-margin-left: 0;
  --kite-date-input-margin-bottom: 0;
  --kite-date-input-margin-right: 0;
  --kite-date-input-margin-top: 0;
  --kite-data-table-title-row-border-bottom-style: solid;
  --kite-data-table-menu-column-width: 2.75rem;
  --kite-data-table-menu-column-padding-left: 0;
  --kite-data-table-menu-column-padding-bottom: 0;
  --kite-data-table-menu-column-padding-right: 0;
  --kite-data-table-menu-column-padding-top: 0;
  --kite-data-table-menu-cell-padding-left: 0;
  --kite-data-table-menu-cell-padding-right: 0;
  --kite-data-table-scroll-shadow-width: 5px;
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, .2);
  --kite-data-table-margin-left: 0;
  --kite-data-table-margin-bottom: 0;
  --kite-data-table-margin-right: 0;
  --kite-data-table-margin-top: 0;
  --kite-data-table-border-radius: 0;
  --kite-data-table-text-line-height: 1.571;
  --kite-data-table-text-align: left;
  --kite-data-table-background-color: transparent;
  --kite-combobox-picker-offset-x: 0;
  --kite-combobox-margin-left: 0;
  --kite-combobox-margin-bottom: 0;
  --kite-combobox-margin-right: 0;
  --kite-combobox-margin-top: 0;
  --kite-chip-multiline-height: auto;
  --kite-chip-icon-height: 1.125rem;
  --kite-chip-icon-width: 1.125rem;
  --kite-chip-selected-padding-left: 1.1875rem;
  --kite-chip-selected-padding-right: 1.1875rem;
  --kite-chip-focus-ring-offset: .375rem;
  --kite-chip-margin-left: 0;
  --kite-chip-margin-top: 0;
  --kite-checkbox-background-color-dark: transparent;
  --kite-checkbox-label-margin-bottom: 0;
  --kite-checkbox-hover-background: transparent;
  --kite-checkbox-margin-left: 0;
  --kite-checkbox-margin-right: 0;
  --kite-checkbox-margin-top: 0;
  --kite-checkbox-background-color: transparent;
  --kite-card-margin-left: 0;
  --kite-card-margin-bottom: 0;
  --kite-card-margin-right: 0;
  --kite-card-margin-top: 0;
  --kite-calendar-day-disabled-text-decoration-line: line-through;
  --kite-calendar-standalone-min-height: 18.625rem;
  --kite-calendar-standalone-min-width: 18rem;
  --kite-calendar-standalone-padding-left: 0;
  --kite-calendar-standalone-padding-right: 0;
  --kite-calendar-standalone-padding-top: 0;
  --kite-calendar-month-year-margin-left: 0;
  --kite-calendar-month-year-margin-right: 0;
  --kite-calendar-day-due-offset: .3125rem;
  --kite-calendar-day-due-text-transform: uppercase;
  --kite-calendar-day-due-text-line-height: 1.3;
  --kite-calendar-day-due-text-size: .625rem;
  --kite-calendar-day-text-align: center;
  --kite-calendar-margin-left: 0;
  --kite-calendar-margin-bottom: 0;
  --kite-calendar-margin-right: 0;
  --kite-calendar-margin-top: 0;
  --kite-button-borderless-hover-border-color-dark: transparent;
  --kite-button-borderless-hover-background-color-dark: transparent;
  --kite-button-borderless-focus-border-color-dark: transparent;
  --kite-button-borderless-focus-background-color-dark: transparent;
  --kite-button-borderless-disabled-border-color-dark: transparent;
  --kite-button-borderless-disabled-background-color-dark: transparent;
  --kite-button-borderless-active-border-color-dark: transparent;
  --kite-button-borderless-active-background-color-dark: transparent;
  --kite-button-borderless-border-color-dark: transparent;
  --kite-button-borderless-background-color-dark: transparent;
  --kite-button-secondary-hover-border-color-dark: transparent;
  --kite-button-secondary-focus-border-color-dark: transparent;
  --kite-button-secondary-disabled-background-color-dark: transparent;
  --kite-button-secondary-active-border-color-dark: transparent;
  --kite-button-secondary-background-color-dark: transparent;
  --kite-button-primary-hover-border-color-dark: transparent;
  --kite-button-primary-focus-border-color-dark: transparent;
  --kite-button-primary-disabled-border-color-dark: transparent;
  --kite-button-primary-active-border-color-dark: transparent;
  --kite-button-primary-border-color-dark: transparent;
  --kite-button-shrinkwrap-min-width-xl: 18rem;
  --kite-button-shrinkwrap-min-width-lg: 13.125rem;
  --kite-button-shrinkwrap-min-width-md: 8.125rem;
  --kite-button-shrinkwrap-min-width-sm: 5.625rem;
  --kite-button-shrinkwrap-width: auto;
  --kite-button-borderless-background-color: transparent;
  --kite-button-secondary-background-color: transparent;
  --kite-button-width: 100%;
  --kite-button-padding-bottom: 0;
  --kite-button-padding-top: 0;
  --kite-button-margin-left: 0;
  --kite-button-margin-bottom: 0;
  --kite-button-margin-right: 0;
  --kite-button-margin-top: 0;
  --kite-button-border-color: transparent;
  --kite-button-text-line-height: 1;
  --kite-blockquote-cite-text-size: 80%;
  --kite-blockquote-cite-punctuation: "\2014\a0";
  --kite-blockquote-border-width: 0;
  --kite-blockquote-border-radius: 0;
  --kite-blockquote-border-color: transparent;
  --kite-blockquote-background-color: transparent;
  --kite-badge-margin-bottom: 0;
  --kite-badge-margin-top: 0;
  --kite-badge-border-color: transparent;
  --kite-alert-page-border-left-style: solid;
  --kite-alert-page-border-style: solid;
  --kite-alert-passive-breakpoint-lg-max-width: 31.25rem;
  --kite-alert-passive-breakpoint-lg-margin-left: 0;
  --kite-alert-passive-breakpoint-lg-margin-bottom: 0;
  --kite-alert-passive-min-width: 17.5rem;
  --kite-alert-passive-margin-top: 0;
  --kite-alert-dismiss-icon-margin-right: 0;
  --kite-alert-border-left-style: solid;
  --kite-alert-margin-left: 0;
  --kite-alert-margin-bottom: 0;
  --kite-alert-margin-right: 0;
  --kite-alert-margin-top: 0;
  --kite-alert-text-align: left;
  --kite-accordion-hover-background-opacity-dark: .05;
  --kite-accordion-hover-background-opacity: .02;
  --kite-accordion-expanded-padding-top: 0;
  --kite-accordion-hover-background-color: rgba(0, 18, 33, .02);
  --kite-accordion-margin-left: 0;
  --kite-accordion-margin-bottom: 0;
  --kite-accordion-margin-right: 0;
  --kite-accordion-margin-top: 0;
  --kite-accordion-border-radius: 0;
  --kite-accordion-background-color: transparent;
  --kite-my-component-my-deprecated-token-name: deprecatedValue;
  --kite-my-component-border-radius: 0;
  --kite-typography-rutledge-xl-caption-line-height: 1.2;
  --kite-typography-rutledge-xl-caption-size: 1.25rem;
  --kite-typography-rutledge-xl-eyebrow-line-height: 1.091;
  --kite-typography-rutledge-xl-eyebrow-style: uppercase;
  --kite-typography-rutledge-xl-eyebrow-size: 1.375rem;
  --kite-typography-rutledge-xl-body-line-height: 1.333;
  --kite-typography-rutledge-xl-body-size: 1.5rem;
  --kite-typography-rutledge-xl-title-5-line-height: 1;
  --kite-typography-rutledge-xl-title-5-size: 1.5rem;
  --kite-typography-rutledge-xl-title-4-line-height: .964;
  --kite-typography-rutledge-xl-title-4-size: 1.75rem;
  --kite-typography-rutledge-xl-title-3-line-height: 1.056;
  --kite-typography-rutledge-xl-title-3-size: 2.25rem;
  --kite-typography-rutledge-xl-title-2-line-height: 1.429;
  --kite-typography-rutledge-xl-title-2-size: 2.625rem;
  --kite-typography-rutledge-xl-title-1-line-height: 1.393;
  --kite-typography-rutledge-xl-title-1-size: 3.5rem;
  --kite-typography-rutledge-md-caption-line-height: 1.75;
  --kite-typography-rutledge-md-caption-size: .75rem;
  --kite-typography-rutledge-md-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-md-eyebrow-style: uppercase;
  --kite-typography-rutledge-md-eyebrow-size: .875rem;
  --kite-typography-rutledge-md-body-line-height: 1.5;
  --kite-typography-rutledge-md-body-size: 1rem;
  --kite-typography-rutledge-md-title-5-line-height: 1.5;
  --kite-typography-rutledge-md-title-5-size: 1rem;
  --kite-typography-rutledge-md-title-4-line-height: 1.05;
  --kite-typography-rutledge-md-title-4-size: 1.25rem;
  --kite-typography-rutledge-md-title-3-line-height: 1.292;
  --kite-typography-rutledge-md-title-3-size: 1.5rem;
  --kite-typography-rutledge-md-title-2-line-height: 1.286;
  --kite-typography-rutledge-md-title-2-size: 1.75rem;
  --kite-typography-rutledge-md-title-1-line-height: 1.25;
  --kite-typography-rutledge-md-title-1-size: 2.25rem;
  --kite-typography-rutledge-xs-caption-line-height: 1.5;
  --kite-typography-rutledge-xs-caption-size: .75rem;
  --kite-typography-rutledge-xs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xs-eyebrow-size: .8125rem;
  --kite-typography-rutledge-xs-body-line-height: 1.533;
  --kite-typography-rutledge-xs-body-size: .9375rem;
  --kite-typography-rutledge-xs-title-5-line-height: 1.533;
  --kite-typography-rutledge-xs-title-5-size: .9375rem;
  --kite-typography-rutledge-xs-title-4-line-height: 1.533;
  --kite-typography-rutledge-xs-title-4-size: .9375rem;
  --kite-typography-rutledge-xs-title-3-line-height: 1.471;
  --kite-typography-rutledge-xs-title-3-size: 1.0625rem;
  --kite-typography-rutledge-xs-title-2-line-height: 1.421;
  --kite-typography-rutledge-xs-title-2-size: 1.1875rem;
  --kite-typography-rutledge-xs-title-1-line-height: 1.304;
  --kite-typography-rutledge-xs-title-1-size: 1.4375rem;
  --kite-typography-rutledge-xxs-caption-line-height: 1.5;
  --kite-typography-rutledge-xxs-caption-size: .75rem;
  --kite-typography-rutledge-xxs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xxs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xxs-eyebrow-size: .8125rem;
  --kite-typography-rutledge-xxs-body-line-height: 1.5;
  --kite-typography-rutledge-xxs-body-size: .875rem;
  --kite-typography-rutledge-xxs-title-5-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-5-size: .875rem;
  --kite-typography-rutledge-xxs-title-4-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-4-size: .875rem;
  --kite-typography-rutledge-xxs-title-3-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-3-size: 1rem;
  --kite-typography-rutledge-xxs-title-2-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-2-size: 1.125rem;
  --kite-typography-rutledge-xxs-title-1-line-height: 1.333;
  --kite-typography-rutledge-xxs-title-1-size: 1.3125rem;
  --kite-typography-rutledge-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-lg-caption-size: .875rem;
  --kite-typography-rutledge-lg-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-lg-eyebrow-style: uppercase;
  --kite-typography-rutledge-lg-eyebrow-size: 1rem;
  --kite-typography-rutledge-lg-body-line-height: 1.5;
  --kite-typography-rutledge-lg-body-size: 1rem;
  --kite-typography-rutledge-lg-body-display-line-height: 1.3;
  --kite-typography-rutledge-lg-body-display-size: 1.25rem;
  --kite-typography-rutledge-lg-title-6-line-height: 1.3;
  --kite-typography-rutledge-lg-title-6-size: 1.25rem;
  --kite-typography-rutledge-lg-title-5-line-height: 1.25;
  --kite-typography-rutledge-lg-title-5-size: 1.5rem;
  --kite-typography-rutledge-lg-title-4-line-height: 1.25;
  --kite-typography-rutledge-lg-title-4-size: 2rem;
  --kite-typography-rutledge-lg-title-3-line-height: 1.222;
  --kite-typography-rutledge-lg-title-3-size: 2.25rem;
  --kite-typography-rutledge-lg-title-2-line-height: 1.25;
  --kite-typography-rutledge-lg-title-2-size: 2.5rem;
  --kite-typography-rutledge-lg-title-1-line-height: 1.25;
  --kite-typography-rutledge-lg-title-1-size: 3rem;
  --kite-typography-rutledge-lg-display-line-height: 1.125;
  --kite-typography-rutledge-lg-display-size: 4rem;
  --kite-typography-rutledge-sm-caption-line-height: 1.571;
  --kite-typography-rutledge-sm-caption-size: .875rem;
  --kite-typography-rutledge-sm-eyebrow-line-height: 1.571;
  --kite-typography-rutledge-sm-eyebrow-style: uppercase;
  --kite-typography-rutledge-sm-eyebrow-size: .875rem;
  --kite-typography-rutledge-sm-body-line-height: 1.5;
  --kite-typography-rutledge-sm-body-size: 1rem;
  --kite-typography-rutledge-sm-body-display-line-height: 1.3;
  --kite-typography-rutledge-sm-body-display-size: 1.25rem;
  --kite-typography-rutledge-sm-title-6-line-height: 1.3;
  --kite-typography-rutledge-sm-title-6-size: 1.25rem;
  --kite-typography-rutledge-sm-title-5-line-height: 1.25;
  --kite-typography-rutledge-sm-title-5-size: 1.5rem;
  --kite-typography-rutledge-sm-title-4-line-height: 1.286;
  --kite-typography-rutledge-sm-title-4-size: 1.75rem;
  --kite-typography-rutledge-sm-title-3-line-height: 1.25;
  --kite-typography-rutledge-sm-title-3-size: 2rem;
  --kite-typography-rutledge-sm-title-2-line-height: 1.222;
  --kite-typography-rutledge-sm-title-2-size: 2.25rem;
  --kite-typography-rutledge-sm-title-1-line-height: 1.3;
  --kite-typography-rutledge-sm-title-1-size: 2.5rem;
  --kite-typography-rutledge-sm-display-line-height: 1.25;
  --kite-typography-rutledge-sm-display-size: 3rem;
  --kite-typography-lg-caption-line-height: 1.429;
  --kite-typography-lg-caption-size: .875rem;
  --kite-typography-sm-caption-line-height: 1.429;
  --kite-typography-sm-caption-size: .875rem;
  --kite-typography-lg-caption-2-line-height: 1.333;
  --kite-typography-lg-caption-2-size: .75rem;
  --kite-typography-lg-caption-1-line-height: 1.429;
  --kite-typography-lg-caption-1-size: .875rem;
  --kite-typography-lg-eyebrow-line-height: 1.5;
  --kite-typography-lg-eyebrow-size: 1rem;
  --kite-typography-lg-body-line-height: 1.5;
  --kite-typography-lg-body-size: 1rem;
  --kite-typography-lg-body-display-line-height: 1.6;
  --kite-typography-lg-body-display-size: 1.25rem;
  --kite-typography-lg-title-6-line-height: 1.4;
  --kite-typography-lg-title-6-size: 1.25rem;
  --kite-typography-lg-title-5-line-height: 1.333;
  --kite-typography-lg-title-5-size: 1.5rem;
  --kite-typography-lg-title-4-line-height: 1.286;
  --kite-typography-lg-title-4-size: 1.75rem;
  --kite-typography-lg-title-3-line-height: 1.111;
  --kite-typography-lg-title-3-size: 2.25rem;
  --kite-typography-lg-title-2-line-height: 1.238;
  --kite-typography-lg-title-2-size: 2.625rem;
  --kite-typography-lg-title-1-line-height: 1.167;
  --kite-typography-lg-title-1-size: 3rem;
  --kite-typography-lg-display-line-height: 1.125;
  --kite-typography-lg-display-size: 4rem;
  --kite-typography-sm-caption-2-line-height: 1.333;
  --kite-typography-sm-caption-2-size: .75rem;
  --kite-typography-sm-caption-1-line-height: 1.429;
  --kite-typography-sm-caption-1-size: .875rem;
  --kite-typography-sm-eyebrow-text-transform: uppercase;
  --kite-typography-sm-eyebrow-line-height: 1.429;
  --kite-typography-sm-eyebrow-size: .875rem;
  --kite-typography-sm-body-line-height: 1.5;
  --kite-typography-sm-body-size: 1rem;
  --kite-typography-sm-body-display-line-height: 1.6;
  --kite-typography-sm-body-display-size: 1.25rem;
  --kite-typography-sm-title-6-line-height: 1.333;
  --kite-typography-sm-title-6-size: 1.125rem;
  --kite-typography-sm-title-5-line-height: 1.4;
  --kite-typography-sm-title-5-size: 1.25rem;
  --kite-typography-sm-title-4-line-height: 1.333;
  --kite-typography-sm-title-4-size: 1.5rem;
  --kite-typography-sm-title-3-line-height: 1.286;
  --kite-typography-sm-title-3-size: 1.75rem;
  --kite-typography-sm-title-2-line-height: 1.25;
  --kite-typography-sm-title-2-size: 2rem;
  --kite-typography-sm-title-1-line-height: 1.238;
  --kite-typography-sm-title-1-size: 2.625rem;
  --kite-typography-sm-display-line-height: 1.25;
  --kite-typography-sm-display-size: 3rem;
  --kite-grid-xxl-columns: 12;
  --kite-grid-2xl-columns: 12;
  --kite-grid-xl-columns: 12;
  --kite-grid-lg-columns: 12;
  --kite-grid-md-columns: 4;
  --kite-grid-sm-columns: 4;
  --kite-grid-xs-columns: 4;
  --kite-form-control-input-max-width: 18rem;
  --kite-form-control-picker-list-item-padding-left: 0;
  --kite-form-control-picker-list-item-padding-bottom: .625rem;
  --kite-form-control-picker-list-item-padding-top: .625rem;
  --kite-form-control-picker-backdrop-opacity: .8;
  --kite-form-control-picker-min-width: 18rem;
  --kite-form-control-picker-transition-target-property: opacity;
  --kite-form-control-max-width: 18rem;
  --kite-form-control-margin-left: 0;
  --kite-form-control-margin-bottom: 0;
  --kite-form-control-margin-right: 0;
  --kite-form-control-margin-top: 0;
  --kite-form-control-border-radius: 0;
  --kite-form-control-text-overflow: clip;
  --kite-form-control-text-line-height: 1.25;
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, .1);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, .1);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, .1);
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, .1);
  --kite-elevation-0: none;
  --kite-spacing-section-xl: 7.5rem;
  --kite-spacing-section-lg: 6.25rem;
  --kite-spacing-section-md: 5rem;
  --kite-spacing-section-sm: 4rem;
  --kite-layout-2xl: 12rem;
  --kite-layout-xl: 10rem;
  --kite-layout-lg: 8rem;
  --kite-layout-md: 6rem;
  --kite-layout-sm: 4rem;
  --kite-motion-curve-sharp: cubic-bezier(.4, 0, .6, 1);
  --kite-motion-curve-acceleration: cubic-bezier(.4, 0, 1, 1);
  --kite-motion-curve-deceleration: cubic-bezier(0, 0, .2, 1);
  --kite-motion-curve-default: cubic-bezier(.4, 0, .2, 1);
  --kite-motion-duration-fastest: 195ms;
  --kite-motion-duration-faster: 225ms;
  --kite-motion-duration-fast: .3s;
  --kite-focus-ring-inset: -.125rem;
  --kite-focus-ring-offset: .125rem;
  --kite-cursor-disabled: not-allowed;
  --kite-cursor-action: pointer;
  --kite-zindex-moonshot: 99999;
  --kite-zindex-notification: 1600;
  --kite-zindex-dialog: 1300;
  --kite-zindex-dialog-backdrop: 1200;
  --kite-zindex-dropdown: 1100;
  --kite-zindex-sticky: 1000;
  --kite-zindex-default: 1;
  --kite-zindex-deepdive: -99999;
  --kite-breakpoint-2xl-min: 1280px;
  --kite-breakpoint-xl-max: 1279px;
  --kite-breakpoint-xl-min: 960px;
  --kite-breakpoint-lg-max: 959px;
  --kite-breakpoint-lg-min: 840px;
  --kite-breakpoint-md-max: 839px;
  --kite-breakpoint-md-min: 600px;
  --kite-breakpoint-sm-max: 599px;
  --kite-breakpoint-sm-min: 480px;
  --kite-breakpoint-xs-max: 479px;
  --kite-breakpoint-xs-min: 0;
  --kite-size-touch-target: 2.75rem;
  --kite-size-radius-pill: 624.9375rem;
  --kite-size-percent-50: 50%;
  --kite-size-48: 3rem;
  --kite-size-40: 2.5rem;
  --kite-size-32: 2rem;
  --kite-size-24: 1.5rem;
  --kite-size-20: 1.25rem;
  --kite-size-16: 1rem;
  --kite-size-14: .875rem;
  --kite-size-12: .75rem;
  --kite-size-8: .5rem;
  --kite-size-4: .25rem;
  --kite-size-2: .125rem;
  --kite-size-1: .0625rem;
  --kite-tracking-md: normal;
  --kite-tracking-normal: normal;
  --kite-tracking-sm: -1px;
  --kite-letter-spacing-sm: -.0625rem;
  --kite-letter-spacing-normal: normal;
  --kite-font-weight-normal: 400;
  --kite-font-weight-extra-bold: 800;
  --kite-font-weight-bold: 700;
  --kite-font-weight-semi-bold: 600;
  --kite-font-weight-medium: 500;
  --kite-font-weight-regular: 400;
  --kite-font-weight-book: 350;
  --kite-font-weight-light: 300;
  --kite-font-style-italic: italic;
  --kite-font-style-normal: normal;
  --kite-font-size-rem: 1rem;
  --kite-font-size-px: 16px;
  --kite-font-size-base: 16;
  --kite-font-family-rutledge: 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-spectrum-sans: "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --kite-duration-750: .75s;
  --kite-duration-400: .4s;
  --kite-duration-200: .2s;
  --kite-cubic-bezier-ease-in: cubic-bezier(.42, 0, 1, 1);
  --kite-cubic-bezier-ease-out: cubic-bezier(0, 0, .58, 1);
  --kite-cubic-bezier-ease: cubic-bezier(.25, .1, .25, 1);
  --kite-color-negative-press: #b00300;
  --kite-color-negative-hover: #b00300;
  --kite-color-negative-focus: #b00300;
  --kite-color-black: #000000;
  --kite-color-white: #ffffff;
  --kite-color-gray-30: #63738a;
  --kite-color-gray-25: #9ba9bd;
  --kite-color-gray-20: #d8dde6;
  --kite-color-gray-10: #f8f8f8;
  --kite-color-red-00: #ffefef;
  --kite-color-red-20: #d6312b;
  --kite-color-red-10: #ff4d4a;
  --kite-color-yellow-00: #fff3e0;
  --kite-color-yellow-20: #faa41a;
  --kite-color-yellow-10: #ffd400;
  --kite-color-green-00: #e8ffe8;
  --kite-color-green-20: #008516;
  --kite-color-green-10: #00bf1f;
  --kite-color-light-blue-00: #e8f8ff;
  --kite-color-light-blue-20: #5db8fc;
  --kite-color-light-blue-10: #b7cee5;
  --kite-color-blue-30: #0062b2;
  --kite-color-blue-20: #0073d1;
  --kite-color-blue-10: #31a2ff;
  --kite-color-dark-blue-30: #001221;
  --kite-color-dark-blue-20: #002747;
  --kite-color-dark-blue-10: #003561;
  --kite-border-width-none: 0;
  --kite-border-style-dashed: dashed;
  --kite-border-style-solid: solid;
  --kite-tooltip-arrow-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-tooltip-text-color-dark: var(--kite-color-white);
  --kite-tooltip-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-tooltip-arrow-width: var(--kite-size-12);
  --kite-tooltip-arrow-height: var(--kite-size-8);
  --kite-tooltip-zindex: 1100;
  --kite-tooltip-disabled-cursor: var(--kite-cursor-disabled);
  --kite-tooltip-text-color: var(--kite-color-white);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-30);
  --kite-toast-z-index: 1600;
  --kite-toast-text-color-dark: var(--kite-color-white);
  --kite-toast-height: var(--kite-size-touch-target);
  --kite-toast-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-toast-icon-color: var(--kite-color-green-10);
  --kite-toast-zindex: 1600;
  --kite-toast-transition-timing-function: var(--kite-toast-transition-curve);
  --kite-toast-elevation: var(--kite-elevation-3);
  --kite-toast-min-height: var(--kite-size-touch-target);
  --kite-toast-disabled-cursor: var(--kite-cursor-disabled);
  --kite-toast-text-color: var(--kite-color-white);
  --kite-toast-background-color: var(--kite-color-dark-blue-30);
  --kite-time-input-icon-color: var(--kite-color-blue-20);
  --kite-time-input-height: var(--kite-size-touch-target);
  --kite-time-input-max-width: var(--kite-form-control-max-width);
  --kite-time-input-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-time-input-text-line-height: 1.25;
  --kite-text-input-secure-hide-icon-width: var(--kite-size-24);
  --kite-text-input-secure-hide-icon-height: var(--kite-size-24);
  --kite-text-input-secure-show-icon-focus-ring-color-dark: var(--kite-color-blue-10);
  --kite-text-input-secure-show-icon-width: var(--kite-size-24);
  --kite-text-input-secure-show-icon-height: var(--kite-size-24);
  --kite-text-input-focus-ring-color-dark: var(--kite-color-blue-10);
  --kite-text-input-error-text-size: var(--kite-typography-sm-body-size);
  --kite-text-input-error-text-color-dark: var(--kite-color-red-10);
  --kite-text-input-error-border-color-dark: var(--kite-color-red-10);
  --kite-text-input-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-text-input-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-text-input-disabled-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-text-input-text-color-dark: var(--kite-color-white);
  --kite-text-input-label-text-color-dark: var(--kite-color-white);
  --kite-text-input-hint-text-color-dark: var(--kite-color-gray-30);
  --kite-text-input-hint-text-color: var(--kite-color-gray-30);
  --kite-text-input-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-text-input-secure-confirm-icon-height: var(--kite-size-24);
  --kite-text-input-secure-icon-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-text-input-secure-icon-height: var(--kite-size-24);
  --kite-text-input-secure-text-overflow: var(--kite-form-control-text-overflow);
  --kite-text-input-max-width: var(--kite-form-control-max-width);
  --kite-text-input-height: var(--kite-size-touch-target);
  --kite-text-input-border-radius: 0;
  --kite-text-input-text-overflow: var(--kite-form-control-text-overflow);
  --kite-text-input-text-line-height: 1.25;
  --kite-text-area-focus-ring-color-dark: var(--kite-color-blue-10);
  --kite-text-area-error-text-size: var(--kite-typography-sm-body-size);
  --kite-text-area-error-text-color-dark: var(--kite-color-red-10);
  --kite-text-area-error-border-color-dark: var(--kite-color-red-10);
  --kite-text-area-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-text-area-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-text-area-disabled-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-text-area-text-color-dark: var(--kite-color-white);
  --kite-text-area-label-text-color-dark: var(--kite-color-white);
  --kite-text-area-hint-text-color-dark: var(--kite-color-gray-30);
  --kite-text-area-hint-text-color: var(--kite-color-gray-30);
  --kite-text-area-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-30);
  --kite-text-area-max-width: var(--kite-form-control-max-width);
  --kite-text-area-border-radius: 0;
  --kite-text-area-text-overflow: var(--kite-form-control-text-overflow);
  --kite-text-area-text-line-height: 1.25;
  --kite-tabs-item-focus-ring-color-dark: var(--kite-color-white);
  --kite-tabs-item-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-tabs-item-disabled-cursor: var(--kite-cursor-disabled);
  --kite-tabs-item-hover-border-bottom-dark: var(--kite-color-white);
  --kite-tabs-item-hover-border-bottom: var(--kite-color-gray-30);
  --kite-tabs-item-active-text-weight: var(--kite-font-weight-bold);
  --kite-tabs-item-active-text-color-dark: var(--kite-color-white);
  --kite-tabs-item-cursor: var(--kite-cursor-action);
  --kite-tabs-item-text-color-dark: var(--kite-color-white);
  --kite-tabs-panel-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-tabs-tab-cursor: var(--kite-cursor-action);
  --kite-tabs-tab-disabled-cursor: var(--kite-cursor-disabled);
  --kite-tabs-tab-selected-text-weight: var(--kite-font-weight-bold);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-gray-30);
  --kite-tabs-tab-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-tabs-disabled-cursor: var(--kite-cursor-disabled);
  --kite-switch-off-focus-ring-color-dark: var(--kite-color-white);
  --kite-switch-off-focus-ring-color: var(--kite-color-gray-30);
  --kite-switch-off-track-background-color-dark: var(--kite-color-gray-30);
  --kite-switch-off-track-background-color: var(--kite-color-gray-30);
  --kite-switch-disabled-indicator-background-color-dark: var(--kite-color-gray-25);
  --kite-switch-disabled-indicator-background-color: var(--kite-color-gray-20);
  --kite-switch-indicator-width: var(--kite-size-20);
  --kite-switch-indicator-height: var(--kite-size-20);
  --kite-switch-indicator-background-color-dark: var(--kite-color-white);
  --kite-switch-indicator-background-color: var(--kite-color-white);
  --kite-switch-on-focus-ring-color-dark: var(--kite-color-white);
  --kite-switch-label-text-color-dark: var(--kite-color-white);
  --kite-switch-track-width: var(--kite-size-48);
  --kite-switch-track-height: var(--kite-size-24);
  --kite-switch-track-padding-left: var(--kite-size-2);
  --kite-switch-track-padding-bottom: var(--kite-size-2);
  --kite-switch-track-padding-right: var(--kite-size-2);
  --kite-switch-track-padding-top: var(--kite-size-2);
  --kite-switch-track-border-radius: var(--kite-size-32);
  --kite-switch-track-background-color: var(--kite-color-gray-30);
  --kite-switch-thumb-transform-x: var(--kite-size-24);
  --kite-switch-thumb-height: var(--kite-size-20);
  --kite-switch-thumb-background-color: var(--kite-color-white);
  --kite-switch-cursor: var(--kite-cursor-action);
  --kite-switch-disabled-cursor: var(--kite-cursor-disabled);
  --kite-switch-focus-ring-offset: var(--kite-focus-ring-offset);
  --kite-switch-focus-ring-radius: var(--kite-size-16);
  --kite-skip-link-text-color-dark: var(--kite-color-white);
  --kite-skip-link-border-color-dark: var(--kite-color-dark-blue-10);
  --kite-skip-link-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-skip-link-zindex: 1100;
  --kite-skip-link-disabled-cursor: var(--kite-cursor-disabled);
  --kite-skip-link-border-color: var(--kite-color-blue-20);
  --kite-skip-link-text-weight: var(--kite-font-weight-medium);
  --kite-skip-link-text-color: var(--kite-color-white);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-30);
  --kite-select-error-text-size: var(--kite-typography-sm-body-size);
  --kite-select-error-text-color-dark: var(--kite-color-red-10);
  --kite-select-error-border-color-dark: var(--kite-color-red-10);
  --kite-select-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-select-disabled-icon-color-dark: var(--kite-color-gray-30);
  --kite-select-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-select-disabled-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-select-focus-ring-color-dark: var(--kite-color-white);
  --kite-select-text-color-dark: var(--kite-color-white);
  --kite-select-label-text-color-dark: var(--kite-color-white);
  --kite-select-icon-color-dark: var(--kite-color-white);
  --kite-select-border-color-dark: var(--kite-color-gray-30);
  --kite-select-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-select-icon-color: var(--kite-color-dark-blue-30);
  --kite-select-icon-width: var(--kite-size-24);
  --kite-select-icon-height: var(--kite-size-24);
  --kite-select-height: var(--kite-size-touch-target);
  --kite-select-max-width: var(--kite-form-control-max-width);
  --kite-select-border-radius: 0;
  --kite-select-text-line-height: 1.25;
  --kite-search-input-addon-icon-width: var(--kite-size-16);
  --kite-search-input-addon-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-search-input-action-cursor: var(--kite-cursor-action);
  --kite-search-input-height: var(--kite-size-touch-target);
  --kite-search-input-max-width: var(--kite-form-control-max-width);
  --kite-search-input-text-line-height: 1.25;
  --kite-radio-disabled-label-text-color-dark: var(--kite-color-gray-30);
  --kite-radio-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-radio-selected-focus-ring-color-dark: var(--kite-color-white);
  --kite-radio-selected-disabled-center-background-color-dark: var(--kite-color-gray-30);
  --kite-radio-selected-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-radio-selected-indicator-background-color-dark: var(--kite-color-blue-20);
  --kite-radio-selected-border-color-dark: var(--kite-color-blue-20);
  --kite-radio-label-text-color-dark: var(--kite-color-white);
  --kite-radio-border-color-dark: var(--kite-color-white);
  --kite-radio-input-margin-bottom: var(--kite-size-2);
  --kite-radio-input-margin-top: var(--kite-size-2);
  --kite-radio-height: var(--kite-size-20);
  --kite-radio-selected-indicator-height: var(--kite-size-12);
  --kite-radio-focus-ring-offset: var(--kite-size-4);
  --kite-radio-focus-ring-width: var(--kite-size-4);
  --kite-radio-border-offset: var(--kite-size-2);
  --kite-progress-indicator-sm-width: var(--kite-size-24);
  --kite-progress-indicator-sm-height: var(--kite-size-24);
  --kite-progress-indicator-sm-border-width: var(--kite-size-2);
  --kite-progress-indicator-md-border-width: var(--kite-size-4);
  --kite-progress-indicator-lg-sub-label-text-color-dark: var(--kite-color-white);
  --kite-progress-indicator-lg-sub-label-text-color: var(--kite-color-gray-30);
  --kite-progress-indicator-lg-label-text-weight: var(--kite-font-weight-bold);
  --kite-progress-indicator-lg-label-text-color-dark: var(--kite-color-white);
  --kite-progress-indicator-lg-status-text-weight: var(--kite-font-weight-bold);
  --kite-progress-indicator-lg-status-text-color-dark: var(--kite-color-white);
  --kite-progress-indicator-lg-border-width: var(--kite-size-4);
  --kite-progress-indicator-circular-lg-icon-height: var(--kite-progress-indicator-circular-lg-icon-width);
  --kite-progress-indicator-circular-lg-height-px: var(--kite-progress-indicator-circular-lg-width-px);
  --kite-progress-indicator-circular-lg-height: var(--kite-progress-indicator-circular-lg-width);
  --kite-progress-indicator-circular-lg-track-size: var(--kite-size-4);
  --kite-progress-indicator-circular-sm-icon-height: var(--kite-progress-indicator-circular-sm-icon-width);
  --kite-progress-indicator-circular-sm-height-px: var(--kite-progress-indicator-circular-sm-width-px);
  --kite-progress-indicator-circular-sm-width: var(--kite-size-24);
  --kite-progress-indicator-circular-sm-track-size: var(--kite-size-2);
  --kite-progress-indicator-circular-icon-height: var(--kite-progress-indicator-circular-icon-width);
  --kite-progress-indicator-circular-label-text-weight: var(--kite-font-weight-bold);
  --kite-progress-indicator-circular-height-px: var(--kite-progress-indicator-circular-width-px);
  --kite-progress-indicator-circular-height: var(--kite-progress-indicator-circular-width);
  --kite-progress-indicator-button-fill-color: var(--kite-color-white);
  --kite-progress-indicator-icon-width: var(--kite-size-20);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-gray-30);
  --kite-progress-indicator-value-label-weight: var(--kite-font-weight-bold);
  --kite-progress-indicator-track-size: var(--kite-size-4);
  --kite-progress-indicator-track-color: var(--kite-color-gray-20);
  --kite-progress-indicator-label-text-weight: var(--kite-font-weight-bold);
  --kite-progress-indicator-zindex: 1300;
  --kite-progress-indicator-disabled-cursor: var(--kite-cursor-disabled);
  --kite-progress-indicator-border-width: 0;
  --kite-popover-dismiss-icon-fill-dark: var(--kite-color-white);
  --kite-popover-dismiss-icon-fill: var(--kite-color-black);
  --kite-popover-arrow-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-popover-trigger-hover-icon-fill-dark: var(--kite-color-white);
  --kite-popover-trigger-focus-ring-color-dark: var(--kite-color-white);
  --kite-popover-trigger-focus-icon-fill-dark: var(--kite-color-white);
  --kite-popover-trigger-active-icon-fill-dark: var(--kite-color-white);
  --kite-popover-trigger-label-text-color-dark: var(--kite-color-white);
  --kite-popover-trigger-icon-fill-dark: var(--kite-color-white);
  --kite-popover-z-index: 1100;
  --kite-popover-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-popover-dismiss-icon-width: var(--kite-size-16);
  --kite-popover-dismiss-icon-height: var(--kite-size-16);
  --kite-popover-dismiss-icon-cursor: var(--kite-cursor-action);
  --kite-popover-trigger-icon-width: var(--kite-size-16);
  --kite-popover-trigger-icon-height: var(--kite-size-16);
  --kite-popover-trigger-cursor: var(--kite-cursor-action);
  --kite-popover-arrow-width: var(--kite-size-16);
  --kite-popover-arrow-height: var(--kite-size-8);
  --kite-popover-breakpoint-md-max-width: var(--kite-form-control-max-width);
  --kite-popover-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size);
  --kite-popover-zindex: 1100;
  --kite-popover-elevation: var(--kite-elevation-2);
  --kite-popover-disabled-cursor: var(--kite-cursor-disabled);
  --kite-payment-logo-elevation: var(--kite-elevation-0);
  --kite-payment-logo-height: var(--kite-size-24);
  --kite-payment-logo-width: var(--kite-size-24);
  --kite-payment-logo-disabled-cursor: var(--kite-cursor-disabled);
  --kite-payment-logo-border-width: 0;
  --kite-pagination-item-count-label-text-color-dark: var(--kite-color-gray-25);
  --kite-pagination-item-count-label-text-color: var(--kite-color-gray-30);
  --kite-pagination-per-page-label-text-color-dark: var(--kite-color-white);
  --kite-pagination-controls-button-focus-ring-color-dark: var(--kite-color-white);
  --kite-pagination-controls-button-hover-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-pagination-controls-button-disabled-icon-fill-dark: var(--kite-color-gray-30);
  --kite-pagination-controls-button-previous-border-color-dark: var(--kite-color-dark-blue-10);
  --kite-pagination-controls-button-icon-fill-dark: var(--kite-color-blue-20);
  --kite-pagination-controls-button-icon-fill: var(--kite-color-blue-20);
  --kite-pagination-controls-border-color-dark: var(--kite-color-dark-blue-10);
  --kite-pagination-count-text-color: var(--kite-color-gray-30);
  --kite-pagination-dropdown-placeholder-text-weight: var(--kite-font-weight-bold);
  --kite-pagination-dropdown-icon-height: var(--kite-size-12);
  --kite-pagination-dropdown-icon-width: var(--kite-size-12);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-gray-20);
  --kite-pagination-dropdown-height: var(--kite-size-touch-target);
  --kite-pagination-page-select-current-label-margin-bottom: 0;
  --kite-pagination-page-select-current-label-margin-top: 0;
  --kite-pagination-controls-button-icon-height: var(--kite-size-12);
  --kite-pagination-controls-button-icon-width: var(--kite-size-12);
  --kite-pagination-controls-button-disabled-cursor: var(--kite-cursor-disabled);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-gray-20);
  --kite-pagination-controls-button-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-pagination-controls-button-cursor: var(--kite-cursor-action);
  --kite-meter-circular-large-value-label-text-size: var(--kite-typography-lg-title-6-size);
  --kite-meter-circular-large-track-height: var(--kite-size-8);
  --kite-meter-circular-large-status-icon-width: var(--kite-size-12);
  --kite-meter-circular-large-status-icon-height: var(--kite-size-12);
  --kite-meter-circular-small-accessibility-tick-height: var(--kite-size-4);
  --kite-meter-circular-small-accessibility-tick-width: var(--kite-size-4);
  --kite-meter-linear-large-track-height: var(--kite-size-16);
  --kite-meter-linear-small-track-height: var(--kite-size-4);
  --kite-meter-linear-track-height: var(--kite-size-8);
  --kite-meter-status-icon-width: var(--kite-size-16);
  --kite-meter-status-icon-height: var(--kite-size-16);
  --kite-meter-value-label-text-color-dark: var(--kite-color-white);
  --kite-meter-track-background-color: var(--kite-color-gray-20);
  --kite-meter-progress-fill-background-color: var(--kite-color-light-blue-20);
  --kite-meter-accessibility-tick-background-color: var(--kite-color-black);
  --kite-meter-success-progress-fill-background-color-dark: var(--kite-color-green-10);
  --kite-meter-alert-status-icon-fill-dark: var(--kite-color-red-10);
  --kite-meter-alert-progress-fill-background-color-dark: var(--kite-color-red-10);
  --kite-meter-caution-status-icon-fill-dark: var(--kite-color-yellow-10);
  --kite-meter-caution-progress-fill-background-color-dark: var(--kite-color-yellow-10);
  --kite-meter-positive-status-icon-fill-dark: var(--kite-color-green-10);
  --kite-meter-positive-progress-fill-background-color-dark: var(--kite-color-green-10);
  --kite-meter-track-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-meter-progress-fill-background-color-dark: var(--kite-color-light-blue-20);
  --kite-meter-label-text-color-dark: var(--kite-color-white);
  --kite-meter-accessibility-tick-background-color-dark: var(--kite-color-white);
  --kite-meter-circular-lg-value-label-text-line-height: 1.4;
  --kite-meter-circular-lg-value-label-text-size: var(--kite-typography-lg-title-6-size);
  --kite-meter-circular-lg-track-height-px: var(--kite-meter-circular-track-height-px);
  --kite-meter-circular-lg-height-px: var(--kite-meter-circular-lg-width-px);
  --kite-meter-circular-lg-height: var(--kite-meter-circular-lg-width);
  --kite-meter-circular-sm-tick-height: var(--kite-meter-circular-sm-track-height);
  --kite-meter-circular-sm-height-px: var(--kite-meter-circular-sm-width-px);
  --kite-meter-circular-sm-width: var(--kite-size-24);
  --kite-meter-circular-icon-height: var(--kite-size-12);
  --kite-meter-circular-icon-width: var(--kite-size-12);
  --kite-meter-circular-height-px: var(--kite-meter-circular-width-px);
  --kite-meter-circular-height: var(--kite-meter-circular-width);
  --kite-meter-lg-icon-height: var(--kite-size-16);
  --kite-meter-lg-icon-width: var(--kite-size-16);
  --kite-meter-lg-track-height: var(--kite-size-16);
  --kite-meter-lg-label-text-line-height: 1.4;
  --kite-meter-lg-label-text-size: var(--kite-typography-lg-title-6-size);
  --kite-meter-sm-icon-height: var(--kite-size-12);
  --kite-meter-sm-icon-width: var(--kite-size-12);
  --kite-meter-sm-track-height: var(--kite-size-4);
  --kite-meter-icon-height: var(--kite-size-16);
  --kite-meter-icon-width: var(--kite-size-16);
  --kite-meter-value-label-text-weight: var(--kite-font-weight-medium);
  --kite-meter-tick-width: var(--kite-size-4);
  --kite-meter-tick-color: var(--kite-color-black);
  --kite-meter-track-height: var(--kite-size-8);
  --kite-meter-track-color: var(--kite-color-gray-20);
  --kite-meter-label-text-weight: var(--kite-font-weight-medium);
  --kite-menu-list-item-icon-fill: var(--kite-color-dark-blue-30);
  --kite-menu-list-z-index: 1100;
  --kite-menu-trigger-disabled-icon-color-dark: var(--kite-color-gray-30);
  --kite-menu-trigger-hover-background-color-dark: var(--kite-color-gray-30);
  --kite-menu-trigger-focus-ring-color-dark: var(--kite-color-white);
  --kite-menu-trigger-icon-color-dark: var(--kite-color-white);
  --kite-menu-list-item-focus-ring-color-dark: var(--kite-color-white);
  --kite-menu-list-item-hover-background-color-dark: var(--kite-color-gray-30);
  --kite-menu-list-item-disabled-text-color-dark: var(--kite-color-white);
  --kite-menu-list-item-icon-fill-dark: var(--kite-color-dark-blue-30);
  --kite-menu-list-item-text-color-dark: var(--kite-color-white);
  --kite-menu-list-item-negative-icon-color-dark: var(--kite-color-red-10);
  --kite-menu-list-item-negative-text-color-dark: var(--kite-color-red-10);
  --kite-menu-list-border-color-dark: var(--kite-color-gray-30);
  --kite-menu-list-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-menu-contextual-label-trigger-label-text-weight: var(--kite-font-weight-medium);
  --kite-menu-trigger-icon-width: var(--kite-size-20);
  --kite-menu-trigger-icon-height: var(--kite-size-20);
  --kite-menu-trigger-cursor: var(--kite-cursor-action);
  --kite-menu-trigger-disabled-cursor: var(--kite-cursor-disabled);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-20);
  --kite-menu-trigger-height: var(--kite-size-touch-target);
  --kite-menu-trigger-width: var(--kite-size-touch-target);
  --kite-menu-list-item-disabled-cursor: var(--kite-cursor-disabled);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-20);
  --kite-menu-list-item-icon-width: var(--kite-size-20);
  --kite-menu-list-item-icon-height: var(--kite-size-20);
  --kite-menu-list-item-icon-color: var(--kite-color-dark-blue-30);
  --kite-menu-list-zindex: 1100;
  --kite-menu-list-transition-timing-function: var(--kite-menu-list-transition-curve);
  --kite-menu-list-elevation: var(--kite-elevation-2);
  --kite-menu-list-cursor: var(--kite-cursor-action);
  --kite-menu-list-max-width: var(--kite-form-control-max-width);
  --kite-list-image-max-height: var(--kite-list-item-image-lg-max-height);
  --kite-list-image-max-width: var(--kite-list-item-image-lg-max-width);
  --kite-list-image-border-radius: var(--kite-size-4);
  --kite-list-item-breakpoint-md-title-body-text-line-height: 1.5;
  --kite-list-item-breakpoint-md-title-body-text-weight: var(--kite-font-weight-medium);
  --kite-list-item-breakpoint-md-title-body-text-size: var(--kite-typography-lg-body-size);
  --kite-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-30);
  --kite-list-item-multiline-title-text-weight: var(--kite-font-weight-medium);
  --kite-list-item-disabled-cursor: var(--kite-cursor-disabled);
  --kite-list-item-title-body-text-weight: var(--kite-font-weight-medium);
  --kite-list-item-label-icon-height: var(--kite-size-16);
  --kite-list-item-label-icon-width: var(--kite-size-16);
  --kite-list-item-action-icon-width: var(--kite-size-16);
  --kite-list-item-action-icon-height: var(--kite-size-16);
  --kite-list-item-image-sm-max-height: var(--kite-size-48);
  --kite-list-item-image-sm-max-width: var(--kite-size-48);
  --kite-list-item-icon-width: var(--kite-size-24);
  --kite-list-item-icon-height: var(--kite-size-24);
  --kite-list-item-slot-start-max-width: var(--kite-list-start-max-width);
  --kite-list-item-cursor: var(--kite-cursor-action);
  --kite-list-item-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-list-item-border-radius: 0;
  --kite-list-disabled-cursor: var(--kite-cursor-disabled);
  --kite-link-standalone-visited-icon-fill: var(--kite-color-dark-blue-10);
  --kite-link-standalone-hover-icon-fill: var(--kite-color-dark-blue-10);
  --kite-link-standalone-active-icon-fill: var(--kite-color-dark-blue-20);
  --kite-link-standalone-visited-icon-fill-dark: var(--kite-color-gray-25);
  --kite-link-standalone-hover-icon-fill-dark: var(--kite-color-gray-25);
  --kite-link-standalone-focus-icon-fill-dark: var(--kite-color-white);
  --kite-link-standalone-active-icon-fill-dark: var(--kite-color-gray-30);
  --kite-link-standalone-icon-fill-dark: var(--kite-color-white);
  --kite-link-focus-ring-color-dark: var(--kite-color-white);
  --kite-link-hover-text-color-dark: var(--kite-color-gray-25);
  --kite-link-focus-text-color-dark: var(--kite-color-white);
  --kite-link-visited-text-color-dark: var(--kite-color-gray-25);
  --kite-link-active-text-color-dark: var(--kite-color-gray-30);
  --kite-link-text-color-dark: var(--kite-color-white);
  --kite-link-standalone-text-weight: var(--kite-font-weight-medium);
  --kite-link-standalone-text-decoration: var(--kite-link-standalone-text-decoration-line);
  --kite-link-icon-width: var(--kite-size-14);
  --kite-link-icon-height: var(--kite-size-14);
  --kite-link-cursor: var(--kite-cursor-action);
  --kite-link-text-decoration: var(--kite-link-text-decoration-line);
  --kite-link-disabled-cursor: var(--kite-cursor-disabled);
  --kite-link-press-text-color: var(--kite-color-dark-blue-20);
  --kite-link-hover-text-color: var(--kite-color-dark-blue-10);
  --kite-link-text-decoration-thickness: var(--kite-size-2);
  --kite-link-text-decoration-offset: var(--kite-size-2);
  --kite-interactive-list-item-focus-ring-color-dark: var(--kite-color-white);
  --kite-interactive-list-item-disabled-action-icon-color-dark: var(--kite-color-gray-30);
  --kite-interactive-list-item-disabled-icon-color-dark: var(--kite-color-gray-30);
  --kite-interactive-list-item-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-interactive-list-item-action-icon-color-dark: var(--kite-color-white);
  --kite-interactive-list-item-icon-color-dark: var(--kite-color-white);
  --kite-interactive-list-item-text-color-dark: var(--kite-color-white);
  --kite-interactive-list-item-border-color-dark: var(--kite-color-dark-blue-10);
  --kite-interactive-list-item-success-label-text-color-dark: var(--kite-color-green-10);
  --kite-interactive-list-item-info-label-text-color-dark: var(--kite-color-blue-10);
  --kite-interactive-list-item-danger-label-text-color-dark: var(--kite-color-red-10);
  --kite-interactive-list-item-label-text-color-dark: var(--kite-color-white);
  --kite-interactive-list-image-border-radius: var(--kite-size-4);
  --kite-interactive-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size);
  --kite-interactive-list-item-multiline-title-text-weight: var(--kite-font-weight-medium);
  --kite-interactive-list-item-disabled-cursor: var(--kite-cursor-disabled);
  --kite-interactive-list-item-title-text-line-height: var(--kite-size-24);
  --kite-interactive-list-item-icon-width: var(--kite-size-24);
  --kite-interactive-list-item-icon-height: var(--kite-size-24);
  --kite-interactive-list-item-cursor: var(--kite-cursor-action);
  --kite-interactive-list-item-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-interactive-list-item-border-radius: 0;
  --kite-interactive-list-disabled-cursor: var(--kite-cursor-disabled);
  --kite-dynamic-hint-criteria-error-icon-fill-dark: var(--kite-color-red-10);
  --kite-dynamic-hint-criteria-success-icon-fill-dark: var(--kite-color-green-10);
  --kite-dynamic-hint-criteria-text-color-dark: var(--kite-color-white);
  --kite-dynamic-hint-arrow-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-dynamic-hint-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-dynamic-hint-criteria-icon-width: var(--kite-size-16);
  --kite-dynamic-hint-criteria-icon-height: var(--kite-size-16);
  --kite-dynamic-hint-title-text-weight: var(--kite-font-weight-bold);
  --kite-dynamic-hint-arrow-width: var(--kite-size-16);
  --kite-dynamic-hint-arrow-height: var(--kite-size-8);
  --kite-dynamic-hint-zindex: 1100;
  --kite-dynamic-hint-elevation: var(--kite-elevation-2);
  --kite-dynamic-hint-max-width: var(--kite-form-control-max-width);
  --kite-dynamic-hint-disabled-cursor: var(--kite-cursor-disabled);
  --kite-dropdown-inline-text-color-dark: var(--kite-color-white);
  --kite-dropdown-inline-focus-ring-color-dark: var(--kite-color-white);
  --kite-dropdown-list-item-icon-fill: var(--kite-color-dark-blue-30);
  --kite-dropdown-list-z-index: 1100;
  --kite-dropdown-list-item-focus-ring-color-dark: var(--kite-color-white);
  --kite-dropdown-list-item-hover-background-color-dark: var(--kite-color-gray-30);
  --kite-dropdown-list-item-disabled-text-color-dark: var(--kite-color-white);
  --kite-dropdown-list-item-icon-fill-dark: var(--kite-color-dark-blue-30);
  --kite-dropdown-list-item-text-color-dark: var(--kite-color-white);
  --kite-dropdown-list-item-destructive-icon-color-dark: var(--kite-color-red-10);
  --kite-dropdown-list-item-destructive-text-color-dark: var(--kite-color-red-10);
  --kite-dropdown-list-border-color-dark: var(--kite-color-gray-30);
  --kite-dropdown-list-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-dropdown-inline-label-text-weight: var(--kite-font-weight-bold);
  --kite-dropdown-inline-focus-ring-offset: var(--kite-focus-ring-offset);
  --kite-dropdown-inline-border-width: 0;
  --kite-dropdown-list-item-selected-text-weight: var(--kite-font-weight-bold);
  --kite-dropdown-list-item-disabled-cursor: var(--kite-cursor-disabled);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-20);
  --kite-dropdown-list-item-icon-width: var(--kite-size-16);
  --kite-dropdown-list-item-icon-height: var(--kite-size-16);
  --kite-dropdown-list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom);
  --kite-dropdown-list-item-padding-top: var(--kite-menu-list-item-padding-top);
  --kite-dropdown-list-zindex: 1100;
  --kite-dropdown-list-transition-timing-function: var(--kite-menu-list-transition-curve);
  --kite-dropdown-list-elevation: var(--kite-elevation-2);
  --kite-dropdown-list-cursor: var(--kite-cursor-action);
  --kite-dropdown-error-text-size: var(--kite-typography-sm-body-size);
  --kite-dropdown-error-text-color-dark: var(--kite-color-red-10);
  --kite-dropdown-error-border-color-dark: var(--kite-color-red-10);
  --kite-dropdown-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-dropdown-disabled-icon-color-dark: var(--kite-color-gray-30);
  --kite-dropdown-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-dropdown-disabled-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-dropdown-focus-ring-color-dark: var(--kite-color-white);
  --kite-dropdown-text-color-dark: var(--kite-color-white);
  --kite-dropdown-label-text-color-dark: var(--kite-color-white);
  --kite-dropdown-icon-color-dark: var(--kite-color-white);
  --kite-dropdown-border-color-dark: var(--kite-color-gray-30);
  --kite-dropdown-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-dropdown-icon-margin-right: var(--kite-size-8);
  --kite-dropdown-icon-width: var(--kite-size-16);
  --kite-dropdown-icon-height: var(--kite-size-16);
  --kite-dropdown-height: var(--kite-size-touch-target);
  --kite-dropdown-max-width: var(--kite-form-control-max-width);
  --kite-dropdown-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-dropdown-border-radius: 0;
  --kite-dropdown-text-line-height: 1.25;
  --kite-dialog-z-index: 1300;
  --kite-dialog-dismiss-icon-fill: var(--kite-color-black);
  --kite-dialog-box-shadow: var(--kite-elevation-3);
  --kite-dialog-text-color-dark: var(--kite-color-white);
  --kite-dialog-dismiss-icon-fill-dark: var(--kite-color-white);
  --kite-dialog-overlay-background-color-dark: var(--kite-color-dark-blue-30);
  --kite-dialog-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-dialog-scrolled-elevation: var(--kite-elevation-1);
  --kite-dialog-dismiss-icon-width: var(--kite-size-20);
  --kite-dialog-dismiss-icon-height: var(--kite-size-20);
  --kite-dialog-dismiss-icon-cursor: var(--kite-cursor-action);
  --kite-dialog-overlay-zindex: 1200;
  --kite-dialog-overlay-background-color: var(--kite-color-dark-blue-20);
  --kite-dialog-breakpoint-md-title-text-line-height: 1.333;
  --kite-dialog-breakpoint-md-title-text-size: var(--kite-typography-lg-title-5-size);
  --kite-dialog-zindex: 1300;
  --kite-dialog-elevation: var(--kite-elevation-3);
  --kite-dialog-icon-width: var(--kite-size-24);
  --kite-dialog-icon-height: var(--kite-size-24);
  --kite-dialog-height: var(--kite-dialog-full-size-height);
  --kite-dialog-width: var(--kite-dialog-full-size-width);
  --kite-dialog-disabled-cursor: var(--kite-cursor-disabled);
  --kite-dialog-border-width: 0;
  --kite-date-input-picker-min-width: var(--kite-form-control-picker-min-width);
  --kite-date-input-feedback-margin-top: 0;
  --kite-date-input-addon-icon-width: var(--kite-size-24);
  --kite-date-input-addon-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-date-input-action-cursor: var(--kite-cursor-action);
  --kite-date-input-height: var(--kite-size-touch-target);
  --kite-date-input-text-line-height: 1.25;
  --kite-data-table-hover-row-background-color: var(--kite-color-gray-20);
  --kite-data-table-sm-text-size: var(--kite-size-14);
  --kite-data-table-lg-text-size: var(--kite-typography-lg-body-size);
  --kite-data-table-row-striped-background-color: var(--kite-color-gray-10);
  --kite-data-table-title-row-text-weight: var(--kite-font-weight-bold);
  --kite-data-table-title-row-icon-size: var(--kite-size-16);
  --kite-data-table-row-focus-ring-color-dark: var(--kite-color-white);
  --kite-data-table-row-hover-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-data-table-row-striped-background-color-dark: var(--kite-color-dark-blue-30);
  --kite-data-table-row-border-color-dark: var(--kite-color-dark-blue-10);
  --kite-data-table-cell-focus-ring-color-dark: var(--kite-color-white);
  --kite-data-table-cell-border-color-dark: var(--kite-color-dark-blue-10);
  --kite-data-table-title-row-text-color-dark: var(--kite-color-white);
  --kite-data-table-title-row-border-bottom-color-dark: var(--kite-color-dark-blue-10);
  --kite-data-table-text-color-dark: var(--kite-color-white);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-white);
  --kite-data-table-striped-row-background-color: var(--kite-color-gray-10);
  --kite-data-table-row-hover-background-color: var(--kite-color-gray-20);
  --kite-data-table-cell-text-align: var(--kite-data-table-text-align);
  --kite-data-table-header-text-weight: var(--kite-font-weight-bold);
  --kite-data-table-header-text-align: var(--kite-data-table-text-align);
  --kite-data-table-icon-size: var(--kite-size-16);
  --kite-data-table-breakpoint-md-text-line-height: 1.5;
  --kite-data-table-breakpoint-md-text-size: var(--kite-typography-lg-body-size);
  --kite-data-table-disabled-cursor: var(--kite-cursor-disabled);
  --kite-data-table-text-size: var(--kite-size-14);
  --kite-combobox-picker-results-text-color: var(--kite-color-gray-30);
  --kite-combobox-overflow-label-text-weight: var(--kite-font-weight-medium);
  --kite-combobox-max-width: var(--kite-form-control-max-width);
  --kite-combobox-height: var(--kite-size-touch-target);
  --kite-combobox-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-combobox-text-line-height: 1.25;
  --kite-chip-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-chip-disabled-background-color-dark: var(--kite-color-dark-blue-30);
  --kite-chip-selected-disabled-background-color-dark: var(--kite-color-gray-30);
  --kite-chip-hover-background-color-dark: var(--kite-color-gray-20);
  --kite-chip-text-color-dark: var(--kite-color-light-blue-10);
  --kite-chip-background-color-dark: var(--kite-color-dark-blue-30);
  --kite-chip-cursor: var(--kite-cursor-action);
  --kite-chip-height: var(--kite-size-32);
  --kite-chip-disabled-cursor: var(--kite-cursor-disabled);
  --kite-chip-selected-text-color: var(--kite-color-white);
  --kite-chip-selected-background-color: var(--kite-color-gray-30);
  --kite-chip-focus-background-color: var(--kite-color-gray-20);
  --kite-chip-border-color: var(--kite-color-gray-30);
  --kite-chip-text-weight: var(--kite-font-weight-medium);
  --kite-chip-text-color: var(--kite-color-dark-blue-30);
  --kite-checkbox-indeterminate-disabled-background-color-dark: var(--kite-color-gray-30);
  --kite-checkbox-indeterminate-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-checkbox-indeterminate-icon-color-dark: var(--kite-color-white);
  --kite-checkbox-selected-disabled-background-color-dark: var(--kite-color-gray-30);
  --kite-checkbox-selected-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-checkbox-selected-icon-color-dark: var(--kite-color-white);
  --kite-checkbox-focus-ring-color-dark: var(--kite-color-white);
  --kite-checkbox-disabled-label-text-color-dark: var(--kite-color-gray-30);
  --kite-checkbox-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-checkbox-label-text-color-dark: var(--kite-color-white);
  --kite-checkbox-border-color-dark: var(--kite-color-white);
  --kite-checkbox-error-feedback-icon-width: var(--kite-size-20);
  --kite-checkbox-error-feedback-icon-height: var(--kite-size-20);
  --kite-checkbox-width: var(--kite-size-20);
  --kite-checkbox-disabled-cursor: var(--kite-cursor-disabled);
  --kite-checkbox-selected-icon-width: var(--kite-size-16);
  --kite-checkbox-selected-icon-height: var(--kite-size-16);
  --kite-checkbox-focus-ring-offset: var(--kite-focus-ring-offset);
  --kite-card-border-color-dark: var(--kite-color-dark-blue-20);
  --kite-card-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-card-disabled-cursor: var(--kite-cursor-disabled);
  --kite-calendar-day-disabled-text-decoration-thickness: var(--kite-size-2);
  --kite-calendar-month-year-text-weight: var(--kite-font-weight-bold);
  --kite-calendar-day-unavailable-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line);
  --kite-calendar-day-out-range-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line);
  --kite-calendar-day-due-text-color: var(--kite-color-white);
  --kite-calendar-day-due-padding-bottom: var(--kite-size-1);
  --kite-calendar-day-due-padding-top: var(--kite-size-1);
  --kite-calendar-day-due-background-color: var(--kite-color-dark-blue-30);
  --kite-calendar-day-today-indicator-height: var(--kite-size-4);
  --kite-calendar-day-today-indicator-width: var(--kite-size-4);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-20);
  --kite-calendar-day-focus-ring-offset: var(--kite-focus-ring-offset);
  --kite-calendar-day-height: var(--kite-size-40);
  --kite-calendar-day-width: var(--kite-size-40);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-20);
  --kite-calendar-action-cursor: var(--kite-cursor-action);
  --kite-calendar-disabled-cursor: var(--kite-cursor-disabled);
  --kite-button-borderless-hover-icon-fill: var(--kite-color-blue-30);
  --kite-button-borderless-active-icon-fill: var(--kite-color-blue-30);
  --kite-button-hover-icon-fill: var(--kite-color-white);
  --kite-button-focus-icon-fill: var(--kite-color-white);
  --kite-button-active-icon-fill: var(--kite-color-white);
  --kite-button-borderless-hover-text-color-dark: var(--kite-color-gray-25);
  --kite-button-borderless-hover-icon-fill-dark: var(--kite-color-gray-25);
  --kite-button-borderless-focus-text-color-dark: var(--kite-color-white);
  --kite-button-borderless-focus-icon-fill-dark: var(--kite-color-white);
  --kite-button-borderless-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-button-borderless-disabled-icon-fill-dark: var(--kite-color-gray-30);
  --kite-button-borderless-active-text-color-dark: var(--kite-color-gray-25);
  --kite-button-borderless-active-icon-fill-dark: var(--kite-color-gray-25);
  --kite-button-borderless-text-color-dark: var(--kite-color-white);
  --kite-button-borderless-icon-fill-dark: var(--kite-color-white);
  --kite-button-secondary-hover-icon-fill-dark: var(--kite-color-dark-blue-20);
  --kite-button-secondary-hover-text-color-dark: var(--kite-color-dark-blue-20);
  --kite-button-secondary-hover-background-color-dark: var(--kite-color-white);
  --kite-button-secondary-focus-icon-fill-dark: var(--kite-color-dark-blue-20);
  --kite-button-secondary-focus-text-color-dark: var(--kite-color-dark-blue-20);
  --kite-button-secondary-focus-background-color-dark: var(--kite-color-white);
  --kite-button-secondary-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-button-secondary-disabled-icon-fill-dark: var(--kite-color-gray-30);
  --kite-button-secondary-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-button-secondary-active-icon-fill-dark: var(--kite-color-dark-blue-20);
  --kite-button-secondary-active-text-color-dark: var(--kite-color-dark-blue-20);
  --kite-button-secondary-active-background-color-dark: var(--kite-color-white);
  --kite-button-secondary-text-color-dark: var(--kite-color-white);
  --kite-button-secondary-icon-fill-dark: var(--kite-color-white);
  --kite-button-secondary-border-color-dark: var(--kite-color-white);
  --kite-button-focus-ring-color-dark: var(--kite-color-white);
  --kite-button-disabled-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-button-primary-hover-icon-fill-dark: var(--kite-color-white);
  --kite-button-primary-hover-text-color-dark: var(--kite-color-white);
  --kite-button-primary-hover-background-color-dark: var(--kite-color-blue-30);
  --kite-button-primary-focus-icon-fill-dark: var(--kite-color-white);
  --kite-button-primary-focus-text-color-dark: var(--kite-color-white);
  --kite-button-primary-focus-background-color-dark: var(--kite-color-blue-30);
  --kite-button-primary-disabled-icon-fill-dark: var(--kite-color-gray-30);
  --kite-button-primary-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-button-primary-disabled-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-button-primary-active-icon-fill-dark: var(--kite-color-white);
  --kite-button-primary-active-text-color-dark: var(--kite-color-white);
  --kite-button-primary-active-background-color-dark: var(--kite-color-blue-30);
  --kite-button-primary-text-color-dark: var(--kite-color-white);
  --kite-button-primary-icon-fill-dark: var(--kite-color-white);
  --kite-button-primary-background-color-dark: var(--kite-color-blue-20);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-negative-press);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-negative-hover);
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative-focus);
  --kite-button-borderless-destructive-background-color: var(--kite-button-borderless-background-color);
  --kite-button-borderless-disabled-background-color: var(--kite-button-borderless-background-color);
  --kite-button-borderless-press-background-color: var(--kite-button-borderless-background-color);
  --kite-button-borderless-hover-background-color: var(--kite-button-borderless-background-color);
  --kite-button-borderless-focus-background-color: var(--kite-button-borderless-background-color);
  --kite-button-borderless-border-color: var(--kite-button-border-color);
  --kite-button-secondary-destructive-disabled-background-color: var(--kite-button-secondary-background-color);
  --kite-button-secondary-destructive-background-color: var(--kite-button-secondary-background-color);
  --kite-button-secondary-disabled-background-color: var(--kite-button-secondary-background-color);
  --kite-button-primary-border-color: var(--kite-button-border-color);
  --kite-button-destructive-press-border-color: var(--kite-button-border-color);
  --kite-button-destructive-press-background-color: var(--kite-color-negative-press);
  --kite-button-destructive-hover-border-color: var(--kite-button-border-color);
  --kite-button-destructive-hover-background-color: var(--kite-color-negative-hover);
  --kite-button-destructive-focus-border-color: var(--kite-button-border-color);
  --kite-button-destructive-focus-background-color: var(--kite-color-negative-focus);
  --kite-button-destructive-border-color: var(--kite-button-border-color);
  --kite-button-icon-width: var(--kite-size-20);
  --kite-button-icon-height: var(--kite-size-20);
  --kite-button-cursor: var(--kite-cursor-action);
  --kite-button-height: var(--kite-size-touch-target);
  --kite-button-disabled-border-color: var(--kite-button-border-color);
  --kite-button-disabled-background-color: var(--kite-color-gray-20);
  --kite-button-disabled-cursor: var(--kite-cursor-disabled);
  --kite-button-press-border-color: var(--kite-button-border-color);
  --kite-button-hover-border-color: var(--kite-button-border-color);
  --kite-button-focus-border-color: var(--kite-button-border-color);
  --kite-button-focus-ring-offset: var(--kite-focus-ring-offset);
  --kite-button-text-weight: var(--kite-font-weight-medium);
  --kite-blockquote-cite-text-color: var(--kite-color-gray-30);
  --kite-blockquote-disabled-cursor: var(--kite-cursor-disabled);
  --kite-blockquote-border-left-width: var(--kite-size-4);
  --kite-badge-disabled-background-color-dark: var(--kite-color-dark-blue-10);
  --kite-badge-text-color-dark: var(--kite-color-white);
  --kite-badge-icon-dot-width: var(--kite-size-8);
  --kite-badge-icon-dot-height: var(--kite-size-8);
  --kite-badge-sm-width: var(--kite-size-8);
  --kite-badge-sm-height: var(--kite-size-8);
  --kite-badge-min-width: var(--kite-size-20);
  --kite-badge-height: var(--kite-size-20);
  --kite-badge-disabled-background-color: var(--kite-color-gray-20);
  --kite-badge-disabled-cursor: var(--kite-cursor-disabled);
  --kite-badge-text-weight: var(--kite-font-weight-bold);
  --kite-badge-text-size: var(--kite-size-12);
  --kite-badge-text-color: var(--kite-color-white);
  --kite-badge-background-color: var(--kite-color-red-20);
  --kite-alert-positive-status-icon-fill: var(--kite-color-green-20);
  --kite-alert-negative-status-icon-fill: var(--kite-color-red-20);
  --kite-alert-dismiss-icon-fill: var(--kite-color-black);
  --kite-alert-global-info-link-icon-fill-dark: var(--kite-color-black);
  --kite-alert-global-info-link-icon-fill: var(--kite-color-black);
  --kite-alert-global-info-indicator-icon-fill-dark: var(--kite-color-black);
  --kite-alert-global-info-indicator-icon-fill: var(--kite-color-black);
  --kite-alert-global-error-text-color-dark: var(--kite-color-white);
  --kite-alert-global-error-text-color: var(--kite-color-white);
  --kite-alert-global-error-link-icon-fill-dark: var(--kite-color-white);
  --kite-alert-global-error-link-icon-fill: var(--kite-color-white);
  --kite-alert-global-error-link-text-color-dark: var(--kite-color-white);
  --kite-alert-global-error-link-text-color: var(--kite-color-white);
  --kite-alert-global-error-indicator-icon-fill-dark: var(--kite-color-white);
  --kite-alert-global-error-indicator-icon-fill: var(--kite-color-white);
  --kite-alert-global-error-dismiss-icon-fill-dark: var(--kite-color-white);
  --kite-alert-global-error-dismiss-icon-fill: var(--kite-color-white);
  --kite-alert-global-caution-icon-fill-dark: var(--kite-color-black);
  --kite-alert-global-caution-indicator-icon-fill-dark: var(--kite-color-black);
  --kite-alert-global-caution-indicator-icon-fill: var(--kite-color-black);
  --kite-alert-page-text-size: var(--kite-typography-lg-body-size);
  --kite-alert-page-elevation: var(--kite-elevation-1);
  --kite-alert-page-border-left-width: var(--kite-size-8);
  --kite-alert-page-background-color-dark: var(--kite-color-white);
  --kite-alert-page-background-color: var(--kite-color-white);
  --kite-alert-indicator-icon-width: var(--kite-size-24);
  --kite-alert-indicator-icon-height: var(--kite-size-24);
  --kite-alert-dismiss-icon-fill-dark: var(--kite-color-black);
  --kite-alert-passive-positive-status-icon-color: var(--kite-color-green-20);
  --kite-alert-passive-positive-border-color: var(--kite-color-green-20);
  --kite-alert-passive-neutral-status-icon-color: var(--kite-color-blue-10);
  --kite-alert-passive-neutral-border-color: var(--kite-color-blue-10);
  --kite-alert-passive-caution-border-color: var(--kite-color-yellow-20);
  --kite-alert-passive-negative-status-icon-color: var(--kite-color-red-20);
  --kite-alert-passive-negative-border-color: var(--kite-color-red-20);
  --kite-alert-passive-title-text-weight: var(--kite-font-weight-bold);
  --kite-alert-passive-zindex: 1600;
  --kite-alert-global-focus-ring-color: var(--kite-color-black);
  --kite-alert-link-icon-width: var(--kite-size-12);
  --kite-alert-link-icon-height: var(--kite-size-12);
  --kite-alert-status-icon-width: var(--kite-size-24);
  --kite-alert-status-icon-height: var(--kite-size-24);
  --kite-alert-dismiss-icon-width: var(--kite-size-24);
  --kite-alert-dismiss-icon-height: var(--kite-size-24);
  --kite-alert-dismiss-icon-cursor: var(--kite-cursor-action);
  --kite-alert-elevation: var(--kite-elevation-1);
  --kite-alert-border-left-width: var(--kite-size-8);
  --kite-alert-disabled-cursor: var(--kite-cursor-disabled);
  --kite-alert-focus-ring-color: var(--kite-color-blue-20);
  --kite-alert-border-color: var(--kite-color-gray-20);
  --kite-alert-background-color: var(--kite-color-white);
  --kite-accordion-icon-fill: var(--kite-color-gray-30);
  --kite-accordion-success-label-text-color-dark: var(--kite-color-green-10);
  --kite-accordion-success-label-text-color: var(--kite-color-green-10);
  --kite-accordion-alert-label-text-color-dark: var(--kite-color-red-10);
  --kite-accordion-focus-ring-color-dark: var(--kite-color-white);
  --kite-accordion-disabled-icon-fill-dark: var(--kite-color-gray-30);
  --kite-accordion-disabled-title-text-color-dark: var(--kite-color-gray-30);
  --kite-accordion-disabled-label-text-color-dark: var(--kite-color-gray-30);
  --kite-accordion-hover-background-color-dark: var(--kite-color-white);
  --kite-accordion-title-text-color-dark: var(--kite-color-white);
  --kite-accordion-label-text-color-dark: var(--kite-color-white);
  --kite-accordion-icon-fill-dark: var(--kite-color-white);
  --kite-accordion-border-bottom-color-dark: var(--kite-color-dark-blue-10);
  --kite-accordion-title-text-weight: var(--kite-font-weight-medium);
  --kite-accordion-icon-width: var(--kite-size-16);
  --kite-accordion-icon-height: var(--kite-size-16);
  --kite-accordion-cursor: var(--kite-cursor-action);
  --kite-accordion-disabled-cursor: var(--kite-cursor-disabled);
  --kite-my-component-list-background-color: var(--kite-color-white);
  --kite-my-component-cursor: var(--kite-cursor-action);
  --kite-my-component-height: var(--kite-size-touch-target);
  --kite-my-component-width: var(--kite-size-touch-target);
  --kite-my-component-min-height: var(--kite-size-touch-target);
  --kite-my-component-min-width: var(--kite-size-touch-target);
  --kite-my-component-disabled-cursor: var(--kite-cursor-disabled);
  --kite-my-component-background-color: var(--kite-color-white);
  --kite-typography-rutledge-xl-caption-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xl-caption-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xl-eyebrow-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-xl-body-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xl-body-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-xl-title-5-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xl-title-5-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xl-title-4-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xl-title-4-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-xl-title-3-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-xl-title-3-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-xl-title-2-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-xl-title-2-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xl-title-1-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xl-title-1-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-md-caption-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-md-caption-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-md-eyebrow-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-md-body-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-md-body-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-md-title-5-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-md-title-5-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-md-title-4-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-md-title-4-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-md-title-3-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-md-title-3-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-md-title-2-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-md-title-2-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-md-title-1-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-md-title-1-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-xs-caption-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xs-caption-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-xs-eyebrow-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-xs-body-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xs-body-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-xs-title-5-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xs-title-5-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xs-title-4-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xs-title-4-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-xs-title-3-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xs-title-3-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xs-title-2-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xs-title-2-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xs-title-1-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xs-title-1-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xxs-caption-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xxs-caption-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-xxs-eyebrow-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-xxs-body-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xxs-body-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-xxs-title-5-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xxs-title-5-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xxs-title-4-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xxs-title-4-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-xxs-title-3-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xxs-title-3-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xxs-title-2-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xxs-title-2-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-xxs-title-1-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-xxs-title-1-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-lg-caption-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-lg-caption-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-lg-eyebrow-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-lg-body-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-lg-body-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-lg-body-display-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-lg-title-6-weight: var(--kite-font-weight-medium);
  --kite-typography-rutledge-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-lg-title-5-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-lg-title-4-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-lg-title-3-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-lg-title-3-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-lg-title-2-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-lg-title-2-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-lg-title-1-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-lg-title-1-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-lg-display-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-lg-display-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-sm-caption-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-sm-caption-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-sm-eyebrow-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-sm-body-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-sm-body-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-sm-body-display-weight: var(--kite-font-weight-regular);
  --kite-typography-rutledge-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-sm-title-6-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-sm-title-5-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-rutledge-sm-title-4-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-sm-title-3-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-sm-title-3-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-sm-title-2-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-sm-title-2-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-sm-title-1-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-sm-title-1-weight: var(--kite-font-weight-bold);
  --kite-typography-rutledge-sm-display-letter-spacing: var(--kite-letter-spacing-sm);
  --kite-typography-rutledge-sm-display-weight: var(--kite-font-weight-bold);
  --kite-typography-lg-caption-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-caption-style: var(--kite-font-style-normal);
  --kite-typography-lg-caption-weight: var(--kite-font-weight-regular);
  --kite-typography-sm-caption-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-caption-style: var(--kite-font-style-normal);
  --kite-typography-sm-caption-weight: var(--kite-font-weight-regular);
  --kite-typography-lg-caption-2-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-caption-2-style: var(--kite-font-style-normal);
  --kite-typography-lg-caption-2-weight: var(--kite-font-weight-regular);
  --kite-typography-lg-caption-1-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-caption-1-style: var(--kite-font-style-normal);
  --kite-typography-lg-caption-1-weight: var(--kite-font-weight-regular);
  --kite-typography-lg-eyebrow-style: var(--kite-font-style-normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-font-weight-bold);
  --kite-typography-lg-body-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-body-style: var(--kite-font-style-normal);
  --kite-typography-lg-body-weight: var(--kite-font-weight-regular);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-body-display-style: var(--kite-font-style-normal);
  --kite-typography-lg-body-display-weight: var(--kite-font-weight-regular);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-title-6-style: var(--kite-font-style-normal);
  --kite-typography-lg-title-6-weight: var(--kite-font-weight-medium);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-title-5-style: var(--kite-font-style-normal);
  --kite-typography-lg-title-5-weight: var(--kite-font-weight-medium);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-title-4-style: var(--kite-font-style-normal);
  --kite-typography-lg-title-4-weight: var(--kite-font-weight-medium);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-title-3-style: var(--kite-font-style-normal);
  --kite-typography-lg-title-3-weight: var(--kite-font-weight-bold);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-title-2-style: var(--kite-font-style-normal);
  --kite-typography-lg-title-2-weight: var(--kite-font-weight-bold);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-title-1-style: var(--kite-font-style-normal);
  --kite-typography-lg-title-1-weight: var(--kite-font-weight-extra-bold);
  --kite-typography-lg-display-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-lg-display-style: var(--kite-font-style-normal);
  --kite-typography-lg-display-weight: var(--kite-font-weight-extra-bold);
  --kite-typography-sm-caption-2-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-caption-2-style: var(--kite-font-style-normal);
  --kite-typography-sm-caption-2-weight: var(--kite-font-weight-regular);
  --kite-typography-sm-caption-1-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-caption-1-style: var(--kite-font-style-normal);
  --kite-typography-sm-caption-1-weight: var(--kite-font-weight-regular);
  --kite-typography-sm-eyebrow-style: var(--kite-font-style-normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-font-weight-bold);
  --kite-typography-sm-body-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-body-style: var(--kite-font-style-normal);
  --kite-typography-sm-body-weight: var(--kite-font-weight-regular);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-body-display-style: var(--kite-font-style-normal);
  --kite-typography-sm-body-display-weight: var(--kite-font-weight-regular);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-title-6-style: var(--kite-font-style-normal);
  --kite-typography-sm-title-6-weight: var(--kite-font-weight-medium);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-title-5-style: var(--kite-font-style-normal);
  --kite-typography-sm-title-5-weight: var(--kite-font-weight-medium);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-title-4-style: var(--kite-font-style-normal);
  --kite-typography-sm-title-4-weight: var(--kite-font-weight-medium);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-title-3-style: var(--kite-font-style-normal);
  --kite-typography-sm-title-3-weight: var(--kite-font-weight-bold);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-title-2-style: var(--kite-font-style-normal);
  --kite-typography-sm-title-2-weight: var(--kite-font-weight-bold);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-typography-sm-title-1-style: var(--kite-font-style-normal);
  --kite-typography-sm-title-1-weight: var(--kite-font-weight-extra-bold);
  --kite-typography-sm-display-style: var(--kite-font-style-normal);
  --kite-typography-sm-display-weight: var(--kite-font-weight-extra-bold);
  --kite-typography-caption-2-line-height: 1.333;
  --kite-typography-caption-2-size: var(--kite-typography-sm-caption-2-size);
  --kite-typography-caption-1-line-height: 1.429;
  --kite-typography-caption-1-size: var(--kite-typography-sm-caption-1-size);
  --kite-typography-eyebrow-text-transform: var(--kite-typography-sm-eyebrow-text-transform);
  --kite-typography-eyebrow-line-height: 1.429;
  --kite-typography-eyebrow-size: var(--kite-typography-sm-eyebrow-size);
  --kite-typography-body-line-height: 1.5;
  --kite-typography-body-size: var(--kite-typography-sm-body-size);
  --kite-typography-body-display-line-height: 1.6;
  --kite-typography-body-display-size: var(--kite-typography-sm-body-display-size);
  --kite-typography-title-6-line-height: 1.333;
  --kite-typography-title-6-size: var(--kite-typography-sm-title-6-size);
  --kite-typography-title-5-line-height: 1.4;
  --kite-typography-title-5-size: var(--kite-typography-sm-title-5-size);
  --kite-typography-title-4-line-height: 1.333;
  --kite-typography-title-4-size: var(--kite-typography-sm-title-4-size);
  --kite-typography-title-3-line-height: 1.286;
  --kite-typography-title-3-size: var(--kite-typography-sm-title-3-size);
  --kite-typography-title-2-line-height: 1.25;
  --kite-typography-title-2-size: var(--kite-typography-sm-title-2-size);
  --kite-typography-title-1-line-height: 1.238;
  --kite-typography-title-1-size: var(--kite-typography-sm-title-1-size);
  --kite-typography-display-line-height: 1.25;
  --kite-typography-display-size: var(--kite-typography-sm-display-size);
  --kite-grid-xxl-margins: var(--kite-size-24);
  --kite-grid-xxl-gutters: var(--kite-size-16);
  --kite-form-control-input-focus-ring-color-dark: var(--kite-color-white);
  --kite-form-control-input-error-border-color-dark: var(--kite-color-red-10);
  --kite-form-control-input-disabled-text-color-dark: var(--kite-color-gray-30);
  --kite-form-control-input-disabled-border-color-dark: var(--kite-color-gray-30);
  --kite-form-control-input-disabled-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-form-control-input-placeholder-text-color-dark: var(--kite-color-gray-30);
  --kite-form-control-input-text-color-dark: var(--kite-color-white);
  --kite-form-control-input-border-color-dark: var(--kite-color-gray-30);
  --kite-form-control-input-background-color-dark: var(--kite-color-dark-blue-20);
  --kite-form-control-error-text-color-dark: var(--kite-color-red-10);
  --kite-form-control-label-text-color-dark: var(--kite-color-white);
  --kite-form-control-error-text-size: var(--kite-typography-sm-body-size);
  --kite-form-control-input-disabled-cursor: var(--kite-cursor-disabled);
  --kite-form-control-input-disabled-background-color: var(--kite-color-gray-20);
  --kite-form-control-input-placeholder-text-color: var(--kite-color-gray-30);
  --kite-form-control-input-cursor: var(--kite-cursor-action);
  --kite-form-control-input-border-style: var(--kite-border-style-solid);
  --kite-form-control-input-border-color: var(--kite-color-gray-30);
  --kite-form-control-input-background-color: var(--kite-color-white);
  --kite-form-control-picker-list-item-check-icon-width: var(--kite-size-16);
  --kite-form-control-picker-list-item-icon-width: var(--kite-size-20);
  --kite-form-control-picker-list-item-disabled-cursor: var(--kite-cursor-disabled);
  --kite-form-control-picker-list-item-selected-text-weight: var(--kite-font-weight-bold);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-20);
  --kite-form-control-picker-list-item-focus-ring-offset: var(--kite-focus-ring-inset);
  --kite-form-control-picker-list-item-max-width: var(--kite-form-control-max-width);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-20);
  --kite-form-control-picker-backdrop-zindex: 1200;
  --kite-form-control-picker-zindex: 1300;
  --kite-form-control-picker-elevation: var(--kite-elevation-2);
  --kite-form-control-picker-cursor: var(--kite-cursor-action);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-30);
  --kite-form-control-cursor: var(--kite-cursor-action);
  --kite-form-control-height: var(--kite-size-touch-target);
  --kite-form-control-disabled-cursor: var(--kite-cursor-disabled);
  --kite-form-control-border-color: var(--kite-color-gray-30);
  --kite-form-control-background-color: var(--kite-color-white);
  --kite-container-hover-background-color: var(--kite-color-gray-10);
  --kite-container-background-color: var(--kite-color-white);
  --kite-spacing-section-xs: var(--kite-size-48);
  --kite-spacing-element-xxxl: var(--kite-size-40);
  --kite-spacing-element-xxl: var(--kite-size-32);
  --kite-spacing-element-xl: var(--kite-size-24);
  --kite-spacing-element-lg: var(--kite-size-20);
  --kite-spacing-element-md: var(--kite-size-16);
  --kite-spacing-element-sm: var(--kite-size-12);
  --kite-spacing-element-xs: var(--kite-size-8);
  --kite-spacing-element-xxs: var(--kite-size-4);
  --kite-spacing-2xl: var(--kite-size-32);
  --kite-spacing-xl: var(--kite-size-24);
  --kite-spacing-lg: var(--kite-size-20);
  --kite-spacing-md: var(--kite-size-16);
  --kite-spacing-sm: var(--kite-size-12);
  --kite-spacing-xs: var(--kite-size-8);
  --kite-spacing-2xs: var(--kite-size-4);
  --kite-layout-xs: var(--kite-size-48);
  --kite-layout-2xs: var(--kite-size-40);
  --kite-motion-exit: var(--kite-cubic-bezier-ease-in);
  --kite-motion-entry: var(--kite-cubic-bezier-ease-out);
  --kite-motion-standard: var(--kite-cubic-bezier-ease);
  --kite-motion-fastest: var(--kite-duration-200);
  --kite-motion-faster: var(--kite-duration-400);
  --kite-motion-fast: var(--kite-duration-750);
  --kite-font-style: var(--kite-font-style-normal);
  --kite-font-size: var(--kite-font-size-px);
  --kite-font-weight: var(--kite-font-weight-regular);
  --kite-focus-ring-width: var(--kite-size-2);
  --kite-focus-ring-style: var(--kite-border-style-solid);
  --kite-border-style: var(--kite-border-style-solid);
  --kite-border-radius-pill: var(--kite-size-radius-pill);
  --kite-border-color: var(--kite-color-gray-20);
  --kite-size-radius-circle: var(--kite-size-percent-50);
  --kite-size-radius-lg: var(--kite-size-8);
  --kite-size-radius-md: var(--kite-size-4);
  --kite-size-radius-sm: var(--kite-size-2);
  --kite-tracking-lg: var(--kite-size-2);
  --kite-letter-spacing-lg: var(--kite-size-2);
  --kite-letter-spacing: var(--kite-letter-spacing-normal);
  --kite-font-family-sans-serif: var(--kite-font-family-spectrum-sans);
  --kite-color-focus: var(--kite-color-blue-30);
  --kite-color-success: var(--kite-color-green-20);
  --kite-color-info: var(--kite-color-light-blue-20);
  --kite-color-error: var(--kite-color-red-20);
  --kite-color-on-disabled: var(--kite-color-gray-20);
  --kite-color-disabled: var(--kite-color-gray-25);
  --kite-color-on-positive: var(--kite-color-white);
  --kite-color-positive-muted: var(--kite-color-green-00);
  --kite-color-positive: var(--kite-color-green-20);
  --kite-color-on-neutral: var(--kite-color-black);
  --kite-color-neutral-muted: var(--kite-color-light-blue-00);
  --kite-color-neutral: var(--kite-color-light-blue-20);
  --kite-color-on-negative: var(--kite-color-white);
  --kite-color-negative-muted: var(--kite-color-red-00);
  --kite-color-negative: var(--kite-color-red-20);
  --kite-color-on-caution: var(--kite-color-black);
  --kite-color-caution-muted: var(--kite-color-yellow-00);
  --kite-color-caution: var(--kite-color-yellow-20);
  --kite-color-on-primary: var(--kite-color-white);
  --kite-color-primary-press: var(--kite-color-blue-30);
  --kite-color-primary-hover: var(--kite-color-blue-30);
  --kite-color-primary-focus: var(--kite-color-blue-30);
  --kite-color-primary: var(--kite-color-blue-20);
  --kite-color-text-secondary: var(--kite-color-gray-30);
  --kite-color-text: var(--kite-color-black);
  --kite-color-background-secondary: var(--kite-color-gray-10);
  --kite-color-background: var(--kite-color-white);
  --kite-border-width-thick: var(--kite-size-2);
  --kite-border-width-thin: var(--kite-size-1);
  --kite-tooltip-exit-transition-curve: var(--kite-motion-exit);
  --kite-tooltip-entry-transition-curve: var(--kite-motion-entry);
  --kite-tooltip-entrance-transition-curve: var(--kite-motion-entry);
  --kite-tooltip-entrance-transition-duration: var(--kite-motion-fast);
  --kite-tooltip-exit-transition-duration: var(--kite-motion-fast);
  --kite-tooltip-entry-transition-duration: var(--kite-motion-fast);
  --kite-tooltip-arrow-background-color: var(--kite-tooltip-background-color);
  --kite-tooltip-focus-ring-width: var(--kite-focus-ring-width);
  --kite-tooltip-focus-ring-style: var(--kite-focus-ring-style);
  --kite-tooltip-padding-left: var(--kite-spacing-md);
  --kite-tooltip-padding-bottom: var(--kite-spacing-2xs);
  --kite-tooltip-padding-right: var(--kite-spacing-md);
  --kite-tooltip-padding-top: var(--kite-spacing-2xs);
  --kite-tooltip-text-line-height: 1.429;
  --kite-tooltip-text-size: var(--kite-typography-caption-1-size);
  --kite-toast-icon-margin-right: var(--kite-spacing-sm);
  --kite-toast-transition-duration: var(--kite-motion-fast);
  --kite-toast-focus-ring-width: var(--kite-focus-ring-width);
  --kite-toast-focus-ring-style: var(--kite-focus-ring-style);
  --kite-toast-padding-left: var(--kite-spacing-sm);
  --kite-toast-padding-bottom: var(--kite-spacing-sm);
  --kite-toast-padding-right: var(--kite-spacing-sm);
  --kite-toast-padding-top: var(--kite-spacing-sm);
  --kite-toast-margin-bottom: var(--kite-spacing-2xl);
  --kite-toast-margin-top: var(--kite-spacing-2xl);
  --kite-toast-border-style: var(--kite-border-style);
  --kite-toast-text-line-height: 1.5;
  --kite-toast-text-size: var(--kite-typography-body-size);
  --kite-time-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color);
  --kite-time-input-placeholder-margin-right: var(--kite-spacing-md);
  --kite-time-input-icon-size: var(--kite-spacing-xl);
  --kite-time-input-cursor: var(--kite-form-control-cursor);
  --kite-time-input-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-time-input-border-color: var(--kite-form-control-border-color);
  --kite-time-input-background-color: var(--kite-form-control-background-color);
  --kite-text-input-secure-hide-icon-color-dark: var(--kite-color-primary);
  --kite-text-input-secure-hide-icon-color: var(--kite-color-primary);
  --kite-text-input-secure-show-icon-focus-ring-width: var(--kite-focus-ring-width);
  --kite-text-input-secure-show-icon-focus-ring-style: var(--kite-focus-ring-style);
  --kite-text-input-secure-show-icon-color-dark: var(--kite-color-primary);
  --kite-text-input-secure-show-icon-color: var(--kite-color-primary);
  --kite-text-input-secure-confirm-icon-color-dark: var(--kite-color-success);
  --kite-text-input-border-color-dark: var(--kite-form-control-border-color);
  --kite-text-input-secure-visible-icon-height: var(--kite-text-input-secure-icon-height);
  --kite-text-input-secure-confirm-icon-color: var(--kite-color-positive);
  --kite-text-input-secure-confirm-icon-margin-right: var(--kite-spacing-xs);
  --kite-text-input-secure-confirm-icon-width: var(--kite-text-input-secure-confirm-icon-height);
  --kite-text-input-secure-icon-color: var(--kite-color-primary);
  --kite-text-input-secure-icon-margin-right: var(--kite-spacing-xs);
  --kite-text-input-secure-icon-width: var(--kite-text-input-secure-icon-height);
  --kite-text-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color);
  --kite-text-input-cursor: var(--kite-form-control-cursor);
  --kite-text-input-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-text-input-border-color: var(--kite-form-control-border-color);
  --kite-text-input-background-color: var(--kite-form-control-background-color);
  --kite-text-area-border-color-dark: var(--kite-form-control-border-color);
  --kite-text-area-character-count-margin-bottom: var(--kite-spacing-xs);
  --kite-text-area-character-count-text-line-height: 1.429;
  --kite-text-area-character-count-text-size: var(--kite-typography-caption-1-size);
  --kite-text-area-placeholder-text-color: var(--kite-form-control-placeholder-text-color);
  --kite-text-area-cursor: var(--kite-form-control-cursor);
  --kite-text-area-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-text-area-border-color: var(--kite-form-control-border-color);
  --kite-text-area-background-color: var(--kite-form-control-background-color);
  --kite-tabs-transition-curve: var(--kite-motion-standard);
  --kite-tabs-item-focus-ring-width: var(--kite-focus-ring-width);
  --kite-tabs-item-focus-ring-style: var(--kite-focus-ring-style);
  --kite-tabs-item-disabled-text-color: var(--kite-color-disabled);
  --kite-tabs-item-active-border-bottom-color-dark: var(--kite-color-primary);
  --kite-tabs-item-active-border-bottom-color: var(--kite-color-primary);
  --kite-tabs-item-active-text-color: var(--kite-color-primary);
  --kite-tabs-item-text-size: var(--kite-typography-body-size);
  --kite-tabs-item-text-color: var(--kite-color-text);
  --kite-tabs-item-min-padding-left: var(--kite-spacing-lg);
  --kite-tabs-item-min-padding-bottom: var(--kite-spacing-md);
  --kite-tabs-item-min-padding-right: var(--kite-spacing-lg);
  --kite-tabs-item-min-padding-top: var(--kite-spacing-md);
  --kite-tabs-item-border-bottom-width: var(--kite-border-width-thick);
  --kite-tabs-item-border-bottom-style: var(--kite-border-style);
  --kite-tabs-panel-focus-ring-width: var(--kite-focus-ring-width);
  --kite-tabs-panel-focus-ring-style: var(--kite-focus-ring-style);
  --kite-tabs-panel-padding-top: var(--kite-spacing-md);
  --kite-tabs-tab-disabled-text-color: var(--kite-color-disabled);
  --kite-tabs-tab-selected-border-bottom-color: var(--kite-color-primary);
  --kite-tabs-tab-selected-text-color: var(--kite-color-primary);
  --kite-tabs-tab-focus-ring-width: var(--kite-focus-ring-width);
  --kite-tabs-tab-focus-ring-style: var(--kite-focus-ring-style);
  --kite-tabs-tab-padding-left: var(--kite-spacing-lg);
  --kite-tabs-tab-padding-bottom: var(--kite-spacing-md);
  --kite-tabs-tab-padding-right: var(--kite-spacing-lg);
  --kite-tabs-tab-padding-top: var(--kite-spacing-md);
  --kite-tabs-tab-border-bottom-width: var(--kite-border-width-thick);
  --kite-tabs-tab-border-bottom-style: var(--kite-border-style);
  --kite-tabs-tab-text-line-height: 1.5;
  --kite-tabs-tab-text-size: var(--kite-typography-body-size);
  --kite-tabs-tab-text-color: var(--kite-color-text);
  --kite-tabs-transition-duration: var(--kite-motion-fast);
  --kite-tabs-focus-ring-width: var(--kite-focus-ring-width);
  --kite-tabs-focus-ring-style: var(--kite-focus-ring-style);
  --kite-tabs-text-color: var(--kite-color-text);
  --kite-switch-transition-curve: var(--kite-motion-standard);
  --kite-switch-group-margin-bottom: var(--kite-spacing-2xl);
  --kite-switch-group-margin-top: var(--kite-spacing-2xl);
  --kite-switch-disabled-track-background-color-dark: var(--kite-color-disabled);
  --kite-switch-disabled-label-text-color-dark: var(--kite-color-disabled);
  --kite-switch-on-track-background-color-dark: var(--kite-color-primary);
  --kite-switch-on-thumb-background-color: var(--kite-color-on-primary);
  --kite-switch-on-track-background-color: var(--kite-color-primary);
  --kite-switch-label-margin-right: var(--kite-spacing-xl);
  --kite-switch-label-text-line-height: 1.5;
  --kite-switch-label-text-size: var(--kite-typography-body-size);
  --kite-switch-label-text-color: var(--kite-color-text);
  --kite-switch-thumb-width: var(--kite-switch-thumb-height);
  --kite-switch-transition-duration: var(--kite-motion-fast);
  --kite-switch-disabled-track-background-color: var(--kite-color-disabled);
  --kite-switch-disabled-label-text-color: var(--kite-color-disabled);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-on-disabled);
  --kite-switch-focus-ring-width: var(--kite-focus-ring-width);
  --kite-switch-focus-ring-style: var(--kite-focus-ring-style);
  --kite-switch-focus-ring-color: var(--kite-switch-track-background-color);
  --kite-switch-text-color: var(--kite-color-text);
  --kite-skip-link-spacing-stack: var(--kite-spacing-md);
  --kite-skip-link-stacked-margin-top: var(--kite-spacing-md);
  --kite-skip-link-focus-ring-width: var(--kite-focus-ring-width);
  --kite-skip-link-focus-ring-style: var(--kite-focus-ring-style);
  --kite-skip-link-padding-left: var(--kite-spacing-md);
  --kite-skip-link-padding-bottom: var(--kite-spacing-md);
  --kite-skip-link-padding-right: var(--kite-spacing-md);
  --kite-skip-link-padding-top: var(--kite-spacing-md);
  --kite-skip-link-border-width: var(--kite-border-width-thick);
  --kite-skip-link-border-style: var(--kite-border-style);
  --kite-skip-link-text-size: var(--kite-typography-body-size);
  --kite-select-error-text-margin-top: var(--kite-spacing-2xs);
  --kite-select-placeholder-text-color: var(--kite-form-control-placeholder-text-color);
  --kite-select-cursor: var(--kite-form-control-cursor);
  --kite-select-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-select-border-color: var(--kite-form-control-border-color);
  --kite-select-background-color: var(--kite-form-control-background-color);
  --kite-search-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color);
  --kite-search-input-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-search-input-border-color: var(--kite-form-control-border-color);
  --kite-search-input-background-color: var(--kite-form-control-background-color);
  --kite-radio-selected-disabled-center-background-color: var(--kite-color-disabled);
  --kite-radio-group-legend-margin-bottom: var(--kite-spacing-md);
  --kite-radio-group-legend-text-size: var(--kite-typography-body-size);
  --kite-radio-input-margin-right: var(--kite-spacing-xs);
  --kite-radio-cursor: var(--kite-form-control-cursor);
  --kite-radio-width: var(--kite-radio-height);
  --kite-radio-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-radio-selected-indicator-width: var(--kite-radio-selected-indicator-height);
  --kite-radio-selected-disabled-border-color: var(--kite-color-disabled);
  --kite-radio-selected-focus-ring-width: var(--kite-radio-focus-ring-width);
  --kite-radio-selected-border-color: var(--kite-color-primary);
  --kite-radio-border-width: var(--kite-border-width-thick);
  --kite-radio-border-color: var(--kite-form-control-border-color);
  --kite-radio-text-color: var(--kite-color-text);
  --kite-progress-indicator-lg-sub-label-text-size: var(--kite-typography-body-size);
  --kite-progress-indicator-lg-label-text-size: var(--kite-typography-body-display-size);
  --kite-progress-indicator-lg-label-text-color: var(--kite-color-text);
  --kite-progress-indicator-lg-status-text-size: var(--kite-typography-body-size);
  --kite-progress-indicator-lg-status-text-color: var(--kite-color-primary);
  --kite-progress-indicator-circular-sm-height: var(--kite-progress-indicator-circular-sm-width);
  --kite-progress-indicator-circular-label-text-margin-bottom: var(--kite-spacing-xs);
  --kite-progress-indicator-circular-label-text-margin-top: var(--kite-spacing-xs);
  --kite-progress-indicator-circular-label-text-size: var(--kite-typography-body-display-size);
  --kite-progress-indicator-negative-fill-color: var(--kite-color-negative);
  --kite-progress-indicator-positive-fill-color: var(--kite-color-positive);
  --kite-progress-indicator-icon-height: var(--kite-progress-indicator-icon-width);
  --kite-progress-indicator-secondary-label-margin-top: var(--kite-spacing-2xs);
  --kite-progress-indicator-secondary-label-size: var(--kite-typography-body-size);
  --kite-progress-indicator-value-label-size: var(--kite-typography-body-size);
  --kite-progress-indicator-backdrop-background-color: var(--kite-color-background);
  --kite-progress-indicator-fill-color: var(--kite-color-primary);
  --kite-progress-indicator-label-text-margin-right: var(--kite-spacing-xs);
  --kite-progress-indicator-label-text-size: var(--kite-typography-body-size);
  --kite-progress-indicator-label-text-color: var(--kite-color-text);
  --kite-progress-indicator-label-margin-bottom: var(--kite-spacing-2xs);
  --kite-progress-indicator-focus-ring-width: var(--kite-focus-ring-width);
  --kite-progress-indicator-focus-ring-style: var(--kite-focus-ring-style);
  --kite-progress-indicator-text-color: var(--kite-color-text);
  --kite-popover-trigger-hover-icon-fill: var(--kite-color-primary);
  --kite-popover-trigger-focus-icon-fill: var(--kite-color-primary);
  --kite-popover-trigger-active-icon-fill: var(--kite-color-primary);
  --kite-popover-trigger-icon-fill: var(--kite-color-primary);
  --kite-popover-dismiss-icon-margin-bottom: var(--kite-spacing-2xs);
  --kite-popover-link-margin-top: var(--kite-spacing-sm);
  --kite-popover-title-margin-bottom: var(--kite-spacing-2xs);
  --kite-popover-title-text-size: var(--kite-typography-title-6-size);
  --kite-popover-trigger-focus-ring-width: var(--kite-focus-ring-width);
  --kite-popover-trigger-focus-ring-style: var(--kite-focus-ring-style);
  --kite-popover-trigger-label-margin-right: var(--kite-spacing-xs);
  --kite-popover-trigger-label-text-color: var(--kite-color-text);
  --kite-popover-trigger-icon-color: var(--kite-color-primary);
  --kite-popover-trigger-margin-left: var(--kite-spacing-2xs);
  --kite-popover-arrow-offset: var(--kite-spacing-md);
  --kite-popover-arrow-border-width: var(--kite-border-width-thick);
  --kite-popover-offset: var(--kite-spacing-2xs);
  --kite-popover-focus-ring-width: var(--kite-focus-ring-width);
  --kite-popover-focus-ring-style: var(--kite-focus-ring-style);
  --kite-popover-margin: var(--kite-spacing-xs);
  --kite-popover-text-size: var(--kite-typography-body-size);
  --kite-popover-text-color: var(--kite-color-text);
  --kite-payment-logo-focus-ring-width: var(--kite-focus-ring-width);
  --kite-payment-logo-focus-ring-style: var(--kite-focus-ring-style);
  --kite-payment-logo-text-color: var(--kite-color-text);
  --kite-payment-logo-background-color: var(--kite-container-background-color);
  --kite-pagination-item-count-label-margin-right: var(--kite-spacing-md);
  --kite-pagination-per-page-label-margin-right: var(--kite-spacing-xs);
  --kite-pagination-per-page-label-text-color: var(--kite-color-text);
  --kite-pagination-controls-button-disabled-icon-fill: var(--kite-color-disabled);
  --kite-pagination-controls-padding-left: var(--kite-spacing-md);
  --kite-pagination-controls-padding-bottom: var(--kite-spacing-2xs);
  --kite-pagination-controls-padding-right: var(--kite-spacing-md);
  --kite-pagination-controls-padding-top: var(--kite-spacing-2xs);
  --kite-pagination-page-size-label-margin-right: var(--kite-spacing-2xs);
  --kite-pagination-page-size-label-text-color: var(--kite-color-text);
  --kite-pagination-count-margin-right: var(--kite-spacing-md);
  --kite-pagination-dropdown-icon-margin-left: var(--kite-spacing-2xs);
  --kite-pagination-dropdown-icon-margin-right: var(--kite-spacing-2xs);
  --kite-pagination-dropdown-padding-left: var(--kite-spacing-2xs);
  --kite-pagination-dropdown-padding-bottom: var(--kite-spacing-sm);
  --kite-pagination-dropdown-padding-right: var(--kite-spacing-2xs);
  --kite-pagination-dropdown-padding-top: var(--kite-spacing-sm);
  --kite-pagination-dropdown-margin-left: var(--kite-spacing-2xs);
  --kite-pagination-dropdown-margin-right: var(--kite-spacing-2xs);
  --kite-pagination-page-select-current-label-text-weight: var(--kite-pagination-dropdown-placeholder-text-weight);
  --kite-pagination-page-select-padding-left: var(--kite-spacing-md);
  --kite-pagination-page-select-padding-bottom: var(--kite-spacing-2xs);
  --kite-pagination-page-select-padding-right: var(--kite-spacing-md);
  --kite-pagination-page-select-padding-top: var(--kite-spacing-2xs);
  --kite-pagination-page-select-text-color: var(--kite-color-text);
  --kite-pagination-controls-button-icon-color: var(--kite-color-primary);
  --kite-pagination-controls-button-disabled-icon-color: var(--kite-color-disabled);
  --kite-pagination-controls-button-focus-ring-width: var(--kite-focus-ring-width);
  --kite-pagination-controls-button-focus-ring-style: var(--kite-focus-ring-style);
  --kite-pagination-controls-text-size: var(--kite-typography-body-size);
  --kite-pagination-controls-margin-left: var(--kite-spacing-md);
  --kite-pagination-controls-margin-bottom: var(--kite-spacing-xs);
  --kite-pagination-controls-margin-right: var(--kite-spacing-md);
  --kite-pagination-controls-border-style: var(--kite-border-style);
  --kite-pagination-controls-border-color: var(--kite-border-color);
  --kite-pagination-controls-background-color: var(--kite-container-background-color);
  --kite-meter-circular-large-value-label-text-margin-bottom: var(--kite-spacing-2xs);
  --kite-meter-circular-large-status-icon-margin: var(--kite-spacing-xs);
  --kite-meter-circular-small-track-margin-right: var(--kite-spacing-xs);
  --kite-meter-linear-label-text-margin-bottom: var(--kite-spacing-xs);
  --kite-meter-linear-track-margin-bottom: var(--kite-spacing-2xs);
  --kite-meter-alert-status-icon-fill: var(--kite-color-negative);
  --kite-meter-caution-status-icon-fill: var(--kite-color-caution);
  --kite-meter-positive-status-icon-fill: var(--kite-color-positive);
  --kite-meter-success-progress-fill-background-color: var(--kite-color-positive);
  --kite-meter-alert-progress-fill-background-color: var(--kite-color-negative);
  --kite-meter-caution-progress-fill-background-color: var(--kite-color-caution);
  --kite-meter-positive-progress-fill-background-color: var(--kite-color-positive);
  --kite-meter-circular-lg-icon-margin: var(--kite-spacing-xs);
  --kite-meter-circular-lg-icon-height: var(--kite-meter-lg-icon-height);
  --kite-meter-circular-lg-icon-width: var(--kite-meter-lg-icon-width);
  --kite-meter-circular-lg-value-label-margin-bottom: var(--kite-spacing-2xs);
  --kite-meter-circular-lg-label-text-line-height: 1.429;
  --kite-meter-circular-lg-label-text-size: var(--kite-typography-caption-1-size);
  --kite-meter-circular-sm-icon-height: var(--kite-meter-sm-icon-height);
  --kite-meter-circular-sm-icon-width: var(--kite-meter-sm-icon-width);
  --kite-meter-circular-sm-track-margin-right: var(--kite-spacing-xs);
  --kite-meter-circular-sm-height: var(--kite-meter-circular-sm-width);
  --kite-meter-circular-value-label-text-line-height: 1.5;
  --kite-meter-circular-value-label-text-size: var(--kite-typography-body-size);
  --kite-meter-circular-tick-width: var(--kite-meter-tick-width);
  --kite-meter-circular-tick-color: var(--kite-meter-tick-color);
  --kite-meter-circular-track-height: var(--kite-meter-track-height);
  --kite-meter-circular-track-color: var(--kite-meter-track-color);
  --kite-meter-circular-label-text-line-height: 1.5;
  --kite-meter-circular-label-text-size: var(--kite-typography-body-size);
  --kite-meter-circular-label-margin-top: var(--kite-spacing-2xs);
  --kite-meter-lg-value-label-text-line-height: 1.5;
  --kite-meter-lg-value-label-text-size: var(--kite-typography-body-size);
  --kite-meter-sm-value-label-text-line-height: 1.429;
  --kite-meter-sm-value-label-text-size: var(--kite-typography-caption-1-size);
  --kite-meter-sm-label-text-line-height: 1.429;
  --kite-meter-sm-label-text-size: var(--kite-typography-caption-1-size);
  --kite-meter-caution-fill-color: var(--kite-color-caution);
  --kite-meter-negative-fill-color: var(--kite-color-negative);
  --kite-meter-positive-fill-color: var(--kite-color-positive);
  --kite-meter-value-label-text-line-height: 1.429;
  --kite-meter-value-label-text-size: var(--kite-typography-caption-1-size);
  --kite-meter-value-label-text-color: var(--kite-color-text);
  --kite-meter-tick-height: var(--kite-meter-track-height);
  --kite-meter-fill-color: var(--kite-color-neutral);
  --kite-meter-track-margin-bottom: var(--kite-spacing-2xs);
  --kite-meter-label-margin-bottom: var(--kite-spacing-xs);
  --kite-meter-label-text-line-height: 1.429;
  --kite-meter-label-text-size: var(--kite-typography-caption-1-size);
  --kite-meter-label-text-color: var(--kite-color-text);
  --kite-menu-list-item-border-bottom-style: var(--kite-border-style);
  --kite-menu-list-item-border-bottom-color: var(--kite-border-color);
  --kite-menu-list-offset-right: var(--kite-spacing-md);
  --kite-menu-list-item-border-bottom-color-dark: var(--kite-border-color);
  --kite-menu-contextual-label-trigger-disabled-label-text-color: var(--kite-color-disabled);
  --kite-menu-contextual-label-trigger-label-margin-right: var(--kite-spacing-xs);
  --kite-menu-contextual-label-trigger-label-text-color: var(--kite-color-text);
  --kite-menu-contextual-label-trigger-label-text-line-height: 1.5;
  --kite-menu-contextual-label-trigger-label-text-size: var(--kite-typography-body-size);
  --kite-menu-trigger-icon-color: var(--kite-color-text);
  --kite-menu-trigger-activated-icon-color: var(--kite-color-on-primary);
  --kite-menu-trigger-activated-background-color: var(--kite-color-primary);
  --kite-menu-trigger-disabled-icon-color: var(--kite-color-disabled);
  --kite-menu-trigger-focus-ring-width: var(--kite-focus-ring-width);
  --kite-menu-trigger-focus-ring-style: var(--kite-focus-ring-style);
  --kite-menu-trigger-padding-left: var(--kite-spacing-sm);
  --kite-menu-trigger-padding-bottom: var(--kite-spacing-sm);
  --kite-menu-trigger-padding-right: var(--kite-spacing-sm);
  --kite-menu-trigger-padding-top: var(--kite-spacing-sm);
  --kite-menu-list-item-negative-text-color: var(--kite-color-negative);
  --kite-menu-list-item-disabled-text-color: var(--kite-color-disabled);
  --kite-menu-list-item-icon-margin-right: var(--kite-spacing-md);
  --kite-menu-list-item-focus-ring-width: var(--kite-focus-ring-width);
  --kite-menu-list-item-focus-ring-style: var(--kite-focus-ring-style);
  --kite-menu-list-item-padding-left: var(--kite-spacing-md);
  --kite-menu-list-item-padding-right: var(--kite-spacing-md);
  --kite-menu-list-item-border-style: var(--kite-border-style);
  --kite-menu-list-item-text-line-height: 1.5;
  --kite-menu-list-item-text-size: var(--kite-typography-body-size);
  --kite-menu-list-item-text-color: var(--kite-color-text);
  --kite-menu-list-transition-duration: var(--kite-motion-fast);
  --kite-menu-list-margin-right: var(--kite-spacing-2xs);
  --kite-menu-list-margin-top: var(--kite-spacing-xs);
  --kite-menu-list-border-style: var(--kite-border-style);
  --kite-menu-list-border-color: var(--kite-border-color);
  --kite-menu-list-background-color: var(--kite-container-background-color);
  --kite-list-end-margin-left: var(--kite-spacing-element-xs);
  --kite-list-start-margin-right: var(--kite-spacing-element-xs);
  --kite-list-item-multiline-subtitle-margin-bottom: var(--kite-spacing-xs);
  --kite-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size);
  --kite-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs);
  --kite-list-item-multiline-title-text-size: var(--kite-typography-body-display-size);
  --kite-list-item-neutral-label-text-color: var(--kite-color-primary);
  --kite-list-item-positive-label-text-color: var(--kite-color-positive);
  --kite-list-item-negative-label-text-color: var(--kite-color-negative);
  --kite-list-item-expanded-transition-duration: var(--kite-motion-faster);
  --kite-list-item-expanded-transition-timing-function: var(--kite-motion-standard);
  --kite-list-item-disabled-text-color: var(--kite-color-disabled);
  --kite-list-item-payment-logo-shadow: var(--kite-payment-logo-elevation);
  --kite-list-item-payment-logo-height: var(--kite-payment-logo-height);
  --kite-list-item-payment-logo-width: var(--kite-payment-logo-width);
  --kite-list-item-payment-logo-padding-left: var(--kite-spacing-xs);
  --kite-list-item-payment-logo-padding-bottom: var(--kite-spacing-2xs);
  --kite-list-item-payment-logo-padding-right: var(--kite-spacing-xs);
  --kite-list-item-payment-logo-padding-top: var(--kite-spacing-2xs);
  --kite-list-item-title-body-text-line-height: 1.5;
  --kite-list-item-title-body-text-size: var(--kite-typography-body-size);
  --kite-list-item-title-text-line-height: 1.333;
  --kite-list-item-title-text-size: var(--kite-typography-title-6-size);
  --kite-list-item-label-margin-right: var(--kite-spacing-xs);
  --kite-list-item-label-text-size: var(--kite-typography-body-size);
  --kite-list-item-label-icon-margin-right: var(--kite-spacing-2xs);
  --kite-list-item-image-max-height: var(--kite-list-image-max-height);
  --kite-list-item-image-max-width: var(--kite-list-image-max-width);
  --kite-list-item-image-border-radius: var(--kite-list-image-border-radius);
  --kite-list-item-padding-left-lg: var(--kite-spacing-2xl);
  --kite-list-item-padding-right-lg: var(--kite-spacing-2xl);
  --kite-list-item-padding-left-md: var(--kite-spacing-xl);
  --kite-list-item-padding-right-md: var(--kite-spacing-xl);
  --kite-list-item-padding-left-sm: var(--kite-spacing-md);
  --kite-list-item-padding-right-sm: var(--kite-spacing-md);
  --kite-list-item-focus-ring-width: var(--kite-focus-ring-width);
  --kite-list-item-focus-ring-style: var(--kite-focus-ring-style);
  --kite-list-item-padding-left: var(--kite-spacing-xs);
  --kite-list-item-padding-bottom: var(--kite-spacing-md);
  --kite-list-item-padding-right: var(--kite-spacing-xs);
  --kite-list-item-padding-top: var(--kite-spacing-md);
  --kite-list-item-text-size: var(--kite-typography-body-size);
  --kite-list-item-text-color: var(--kite-color-text);
  --kite-list-focus-ring-width: var(--kite-focus-ring-width);
  --kite-list-focus-ring-style: var(--kite-focus-ring-style);
  --kite-list-border-style: var(--kite-border-style);
  --kite-list-border-color: var(--kite-border-color);
  --kite-list-text-color: var(--kite-color-text);
  --kite-link-standalone-icon-width: var(--kite-link-icon-width);
  --kite-link-standalone-icon-height: var(--kite-link-icon-height);
  --kite-link-standalone-focus-icon-fill: var(--kite-color-primary);
  --kite-link-standalone-icon-fill: var(--kite-color-primary);
  --kite-link-standalone-visited-text-decoration: var(--kite-link-standalone-text-decoration);
  --kite-link-standalone-press-icon-color: var(--kite-link-press-text-color);
  --kite-link-standalone-focus-text-decoration: var(--kite-link-standalone-text-decoration);
  --kite-link-standalone-hover-icon-color: var(--kite-link-hover-text-color);
  --kite-link-standalone-text-decoration-thickness: var(--kite-link-text-decoration-thickness);
  --kite-link-standalone-text-decoration-offset: var(--kite-link-text-decoration-offset);
  --kite-link-visited-text-decoration: var(--kite-link-text-decoration);
  --kite-link-visited-text-color: var(--kite-link-hover-text-color);
  --kite-link-icon-margin: var(--kite-spacing-2xs);
  --kite-link-press-text-decoration: var(--kite-link-text-decoration);
  --kite-link-hover-text-decoration: var(--kite-link-text-decoration);
  --kite-link-focus-text-decoration: var(--kite-link-text-decoration);
  --kite-link-focus-ring-width: var(--kite-focus-ring-width);
  --kite-link-focus-ring-style: var(--kite-focus-ring-style);
  --kite-link-text-size: var(--kite-typography-body-size);
  --kite-link-text-color: var(--kite-color-primary);
  --kite-interactive-list-item-icon-margin: var(--kite-spacing-md);
  --kite-interactive-list-xxl-padding-left: var(--kite-spacing-2xl);
  --kite-interactive-list-xxl-padding-right: var(--kite-spacing-2xl);
  --kite-interactive-list-xl-padding-left: var(--kite-spacing-xl);
  --kite-interactive-list-xl-padding-right: var(--kite-spacing-xl);
  --kite-interactive-list-md-padding-left: var(--kite-spacing-md);
  --kite-interactive-list-md-padding-right: var(--kite-spacing-md);
  --kite-interactive-list-item-success-label-text-color: var(--kite-color-success);
  --kite-interactive-list-item-info-label-text-color: var(--kite-color-primary);
  --kite-interactive-list-item-danger-label-text-color: var(--kite-color-negative);
  --kite-interactive-list-end-margin-left: var(--kite-spacing-element-md);
  --kite-interactive-list-start-margin-right: var(--kite-spacing-element-md);
  --kite-interactive-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size);
  --kite-interactive-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs);
  --kite-interactive-list-item-multiline-title-text-size: var(--kite-typography-body-display-size);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-primary);
  --kite-interactive-list-item-positive-label-text-color: var(--kite-color-positive);
  --kite-interactive-list-item-negative-label-text-color: var(--kite-color-negative);
  --kite-interactive-list-item-disabled-text-color: var(--kite-color-disabled);
  --kite-interactive-list-item-title-text-size: var(--kite-typography-title-6-size);
  --kite-interactive-list-item-label-margin-right: var(--kite-spacing-xs);
  --kite-interactive-list-item-label-text-size: var(--kite-typography-body-size);
  --kite-interactive-list-item-action-icon-width: var(--kite-interactive-list-item-icon-width);
  --kite-interactive-list-item-action-icon-height: var(--kite-interactive-list-item-icon-height);
  --kite-interactive-list-item-padding-left-lg: var(--kite-spacing-2xl);
  --kite-interactive-list-item-padding-right-lg: var(--kite-spacing-2xl);
  --kite-interactive-list-item-padding-left-md: var(--kite-spacing-xl);
  --kite-interactive-list-item-padding-right-md: var(--kite-spacing-xl);
  --kite-interactive-list-item-padding-left-sm: var(--kite-spacing-md);
  --kite-interactive-list-item-padding-right-sm: var(--kite-spacing-md);
  --kite-interactive-list-item-focus-ring-width: var(--kite-focus-ring-width);
  --kite-interactive-list-item-focus-ring-style: var(--kite-focus-ring-style);
  --kite-interactive-list-item-padding-left: var(--kite-spacing-xs);
  --kite-interactive-list-item-padding-bottom: var(--kite-spacing-md);
  --kite-interactive-list-item-padding-right: var(--kite-spacing-xs);
  --kite-interactive-list-item-padding-top: var(--kite-spacing-md);
  --kite-interactive-list-item-text-size: var(--kite-typography-body-size);
  --kite-interactive-list-item-text-color: var(--kite-color-text);
  --kite-interactive-list-focus-ring-width: var(--kite-focus-ring-width);
  --kite-interactive-list-focus-ring-style: var(--kite-focus-ring-style);
  --kite-interactive-list-border-style: var(--kite-border-style);
  --kite-interactive-list-border-color: var(--kite-border-color);
  --kite-interactive-list-text-color: var(--kite-color-text);
  --kite-dynamic-hint-criteria-error-icon-fill: var(--kite-color-error);
  --kite-dynamic-hint-criteria-success-icon-fill: var(--kite-color-success);
  --kite-dynamic-hint-exit-transition-duration: var(--kite-motion-exit);
  --kite-dynamic-hint-entry-transition-duration: var(--kite-motion-entry);
  --kite-dynamic-hint-criteria-negative-icon-color: var(--kite-color-negative);
  --kite-dynamic-hint-criteria-positive-icon-color: var(--kite-color-positive);
  --kite-dynamic-hint-criteria-icon-margin-right: var(--kite-spacing-sm);
  --kite-dynamic-hint-criteria-margin-bottom: var(--kite-spacing-md);
  --kite-dynamic-hint-title-margin-bottom: var(--kite-spacing-md);
  --kite-dynamic-hint-arrow-offset: var(--kite-spacing-2xl);
  --kite-dynamic-hint-focus-ring-width: var(--kite-focus-ring-width);
  --kite-dynamic-hint-focus-ring-style: var(--kite-focus-ring-style);
  --kite-dynamic-hint-margin-left: var(--kite-spacing-xs);
  --kite-dynamic-hint-margin-bottom: var(--kite-spacing-xs);
  --kite-dynamic-hint-margin-right: var(--kite-spacing-xs);
  --kite-dynamic-hint-margin-top: var(--kite-spacing-xs);
  --kite-dynamic-hint-text-size: var(--kite-typography-body-size);
  --kite-dynamic-hint-text-color: var(--kite-color-text);
  --kite-dropdown-inline-disabled-icon-color-dark: var(--kite-color-disabled);
  --kite-dropdown-inline-disabled-text-color-dark: var(--kite-color-disabled);
  --kite-dropdown-list-item-border-bottom-style: var(--kite-border-style);
  --kite-dropdown-list-item-border-bottom-color: var(--kite-border-color);
  --kite-dropdown-list-offset-right: var(--kite-spacing-md);
  --kite-dropdown-list-item-border-bottom-color-dark: var(--kite-border-color);
  --kite-dropdown-inline-placeholder-margin-right: var(--kite-spacing-2xs);
  --kite-dropdown-inline-placeholder-margin-left: var(--kite-spacing-2xs);
  --kite-dropdown-inline-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-dropdown-inline-focus-ring-width: var(--kite-focus-ring-width);
  --kite-dropdown-inline-focus-ring-style: var(--kite-focus-ring-style);
  --kite-dropdown-list-item-negative-text-color: var(--kite-color-negative);
  --kite-dropdown-list-item-disabled-text-color: var(--kite-color-disabled);
  --kite-dropdown-list-item-icon-margin-left: var(--kite-spacing-2xs);
  --kite-dropdown-list-item-icon-margin-right: var(--kite-spacing-2xs);
  --kite-dropdown-list-item-icon-color: var(--kite-color-primary);
  --kite-dropdown-list-item-focus-ring-width: var(--kite-focus-ring-width);
  --kite-dropdown-list-item-focus-ring-style: var(--kite-focus-ring-style);
  --kite-dropdown-list-item-padding-right: var(--kite-spacing-sm);
  --kite-dropdown-list-item-border-style: var(--kite-border-style);
  --kite-dropdown-list-item-text-line-height: 1.5;
  --kite-dropdown-list-item-text-size: var(--kite-typography-body-size);
  --kite-dropdown-list-item-text-color: var(--kite-color-text);
  --kite-dropdown-list-transition-duration: var(--kite-motion-fast);
  --kite-dropdown-list-max-width: var(--kite-dropdown-max-width);
  --kite-dropdown-list-margin-top: var(--kite-spacing-2xs);
  --kite-dropdown-list-border-style: var(--kite-border-style);
  --kite-dropdown-list-border-color: var(--kite-border-color);
  --kite-dropdown-list-background-color: var(--kite-container-background-color);
  --kite-dropdown-error-text-margin-top: var(--kite-spacing-2xs);
  --kite-dropdown-placeholder-margin-right: var(--kite-spacing-md);
  --kite-dropdown-cursor: var(--kite-form-control-cursor);
  --kite-dropdown-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-dropdown-border-color: var(--kite-form-control-border-color);
  --kite-dropdown-background-color: var(--kite-form-control-background-color);
  --kite-dialog-default-size-padding-left: var(--kite-layout-xs);
  --kite-dialog-default-size-padding-bottom: var(--kite-layout-xs);
  --kite-dialog-default-size-padding-right: var(--kite-layout-xs);
  --kite-dialog-default-size-padding-top: var(--kite-layout-xs);
  --kite-dialog-full-size-padding-left: var(--kite-spacing-md);
  --kite-dialog-full-size-padding-bottom: var(--kite-spacing-lg);
  --kite-dialog-full-size-padding-right: var(--kite-spacing-md);
  --kite-dialog-full-size-padding-top: var(--kite-layout-xs);
  --kite-dialog-title-text-margin-bottom: var(--kite-spacing-element-md);
  --kite-dialog-scrolled-border-top-style: var(--kite-border-style);
  --kite-dialog-scrolled-border-top-color: var(--kite-border-color);
  --kite-dialog-alert-margin-bottom: var(--kite-spacing-lg);
  --kite-dialog-alert-margin-top: var(--kite-spacing-xs);
  --kite-dialog-content-group-margin-top: var(--kite-spacing-lg);
  --kite-dialog-content-padding-left: var(--kite-layout-xs);
  --kite-dialog-content-padding-bottom: var(--kite-layout-xs);
  --kite-dialog-content-padding-right: var(--kite-layout-xs);
  --kite-dialog-title-margin-bottom: var(--kite-spacing-md);
  --kite-dialog-title-icon-margin-right: var(--kite-spacing-xs);
  --kite-dialog-title-icon-width: var(--kite-dialog-icon-width);
  --kite-dialog-title-icon-height: var(--kite-dialog-icon-height);
  --kite-dialog-title-text-line-height: 1.4;
  --kite-dialog-title-text-size: var(--kite-typography-title-5-size);
  --kite-dialog-transition-timing-function: var(--kite-motion-standard);
  --kite-dialog-breakpoint-md-padding-left: var(--kite-layout-xs);
  --kite-dialog-breakpoint-md-padding-bottom: var(--kite-layout-xs);
  --kite-dialog-breakpoint-md-padding-right: var(--kite-layout-xs);
  --kite-dialog-breakpoint-md-padding-top: var(--kite-layout-xs);
  --kite-dialog-breakpoint-md-title-text-weight: var(--kite-typography-lg-title-5-weight);
  --kite-dialog-icon-color: var(--kite-color-text);
  --kite-dialog-focus-ring-width: var(--kite-focus-ring-width);
  --kite-dialog-focus-ring-style: var(--kite-focus-ring-style);
  --kite-dialog-text-size: var(--kite-typography-body-size);
  --kite-dialog-text-color: var(--kite-color-text);
  --kite-dialog-background-color: var(--kite-container-background-color);
  --kite-date-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color);
  --kite-date-input-picker-padding-left: var(--kite-spacing-2xs);
  --kite-date-input-picker-padding-bottom: var(--kite-spacing-sm);
  --kite-date-input-picker-padding-right: var(--kite-spacing-2xs);
  --kite-date-input-addon-icon-color: var(--kite-color-primary);
  --kite-date-input-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-date-input-border-color: var(--kite-form-control-border-color);
  --kite-date-input-background-color: var(--kite-form-control-background-color);
  --kite-data-table-cell-comfortable-padding-left: var(--kite-spacing-element-md);
  --kite-data-table-cell-comfortable-padding-bottom: var(--kite-spacing-element-md);
  --kite-data-table-cell-comfortable-padding-right: var(--kite-spacing-element-md);
  --kite-data-table-cell-comfortable-padding-top: var(--kite-spacing-element-md);
  --kite-data-table-cell-default-padding-left: var(--kite-spacing-sm);
  --kite-data-table-cell-default-padding-bottom: var(--kite-spacing-sm);
  --kite-data-table-cell-default-padding-right: var(--kite-spacing-sm);
  --kite-data-table-cell-default-padding-top: var(--kite-spacing-sm);
  --kite-data-table-cell-compact-padding-left: var(--kite-spacing-xs);
  --kite-data-table-cell-compact-padding-bottom: var(--kite-spacing-xs);
  --kite-data-table-cell-compact-padding-right: var(--kite-spacing-xs);
  --kite-data-table-cell-compact-padding-top: var(--kite-spacing-xs);
  --kite-data-table-title-row-text-color: var(--kite-color-text);
  --kite-data-table-title-row-border-bottom-width: var(--kite-border-width-thin);
  --kite-data-table-title-row-border-bottom-color: var(--kite-border-color);
  --kite-data-table-title-row-icon-margin-left: var(--kite-spacing-2xs);
  --kite-data-table-menu-cell-padding-bottom: var(--kite-spacing-2xs);
  --kite-data-table-menu-cell-padding-top: var(--kite-spacing-2xs);
  --kite-data-table-comfortable-cell-padding-left: var(--kite-spacing-md);
  --kite-data-table-comfortable-cell-padding-bottom: var(--kite-spacing-md);
  --kite-data-table-comfortable-cell-padding-right: var(--kite-spacing-md);
  --kite-data-table-comfortable-cell-padding-top: var(--kite-spacing-md);
  --kite-data-table-compact-cell-padding-left: var(--kite-spacing-xs);
  --kite-data-table-compact-cell-padding-bottom: var(--kite-spacing-xs);
  --kite-data-table-compact-cell-padding-right: var(--kite-spacing-xs);
  --kite-data-table-compact-cell-padding-top: var(--kite-spacing-xs);
  --kite-data-table-icon-padding-left: var(--kite-spacing-2xs);
  --kite-data-table-breakpoint-md-padding-left: var(--kite-spacing-xs);
  --kite-data-table-breakpoint-md-padding-right: var(--kite-spacing-xs);
  --kite-data-table-focus-ring-width: var(--kite-focus-ring-width);
  --kite-data-table-focus-ring-style: var(--kite-focus-ring-style);
  --kite-data-table-padding-left: var(--kite-spacing-sm);
  --kite-data-table-padding-bottom: var(--kite-spacing-sm);
  --kite-data-table-padding-right: var(--kite-spacing-sm);
  --kite-data-table-padding-top: var(--kite-spacing-sm);
  --kite-data-table-border-style: var(--kite-border-style);
  --kite-data-table-border-color: var(--kite-border-color);
  --kite-data-table-text-color: var(--kite-color-text);
  --kite-combobox-placeholder-text-color: var(--kite-form-control-placeholder-text-color);
  --kite-combobox-placeholder-margin-right: var(--kite-spacing-2xs);
  --kite-combobox-picker-results-padding-bottom: var(--kite-spacing-xl);
  --kite-combobox-picker-results-padding-top: var(--kite-spacing-xl);
  --kite-combobox-picker-list-item-padding-left: var(--kite-spacing-xs);
  --kite-combobox-icon-margin-right: var(--kite-spacing-xs);
  --kite-combobox-icon-margin-left: var(--kite-spacing-xs);
  --kite-combobox-cursor: var(--kite-form-control-cursor);
  --kite-combobox-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-combobox-border-color: var(--kite-form-control-border-color);
  --kite-combobox-background-color: var(--kite-form-control-background-color);
  --kite-chip-selected-disabled-text-color-dark: var(--kite-color-disabled);
  --kite-chip-selected-text-color-dark: var(--kite-chip-text-color);
  --kite-chip-selected-background-color-dark: var(--kite-chip-text-color-dark);
  --kite-chip-focus-ring-color-dark: var(--kite-chip-text-color-dark);
  --kite-chip-border-color-dark: var(--kite-chip-text-color-dark);
  --kite-chip-legend-margin-bottom: var(--kite-spacing-md);
  --kite-chip-icon-margin: var(--kite-spacing-xs);
  --kite-chip-min-height: var(--kite-chip-height);
  --kite-chip-disabled-text-color: var(--kite-color-disabled);
  --kite-chip-disabled-border-color: var(--kite-color-disabled);
  --kite-chip-disabled-background-color: var(--kite-container-background-color);
  --kite-chip-selected-disabled-text-color: var(--kite-color-on-disabled);
  --kite-chip-selected-disabled-background-color: var(--kite-color-disabled);
  --kite-chip-hover-background-color: var(--kite-chip-focus-background-color);
  --kite-chip-focus-ring-width: var(--kite-focus-ring-width);
  --kite-chip-focus-ring-style: var(--kite-focus-ring-style);
  --kite-chip-focus-ring-color: var(--kite-chip-border-color);
  --kite-chip-padding-left: var(--kite-spacing-2xl);
  --kite-chip-padding-bottom: var(--kite-spacing-2xs);
  --kite-chip-padding-right: var(--kite-spacing-2xl);
  --kite-chip-padding-top: var(--kite-spacing-2xs);
  --kite-chip-margin-bottom: var(--kite-spacing-md);
  --kite-chip-margin-right: var(--kite-spacing-md);
  --kite-chip-border-style: var(--kite-border-style);
  --kite-chip-border-radius: var(--kite-border-radius-pill);
  --kite-chip-text-line-height: 1.5;
  --kite-chip-text-size: var(--kite-typography-body-size);
  --kite-chip-background-color: var(--kite-container-background-color);
  --kite-checkbox-group-margin-bottom: var(--kite-spacing-2xl);
  --kite-checkbox-group-margin-top: var(--kite-spacing-2xl);
  --kite-checkbox-indeterminate-disabled-icon-color-dark: var(--kite-color-disabled);
  --kite-checkbox-indeterminate-background-color-dark: var(--kite-color-primary);
  --kite-checkbox-selected-disabled-icon-color-dark: var(--kite-color-disabled);
  --kite-checkbox-selected-background-color-dark: var(--kite-color-primary);
  --kite-checkbox-disabled-icon-color-dark: var(--kite-color-disabled);
  --kite-checkbox-indeterminate-icon-width: var(--kite-checkbox-selected-icon-width);
  --kite-checkbox-indeterminate-icon-height: var(--kite-checkbox-selected-icon-height);
  --kite-checkbox-group-list-padding-left: var(--kite-spacing-2xl);
  --kite-checkbox-error-feedback-icon-margin-right: var(--kite-spacing-2xs);
  --kite-checkbox-input-margin-right: var(--kite-spacing-xs);
  --kite-checkbox-cursor: var(--kite-form-control-cursor);
  --kite-checkbox-height: var(--kite-checkbox-width);
  --kite-checkbox-disabled-icon-color: var(--kite-color-on-disabled);
  --kite-checkbox-selected-disabled-background-color: var(--kite-color-disabled);
  --kite-checkbox-selected-icon-color: var(--kite-color-on-primary);
  --kite-checkbox-selected-background-color: var(--kite-color-primary);
  --kite-checkbox-focus-ring-width: var(--kite-focus-ring-width);
  --kite-checkbox-focus-ring-style: var(--kite-focus-ring-style);
  --kite-checkbox-padding-left: var(--kite-spacing-md);
  --kite-checkbox-padding-bottom: var(--kite-spacing-sm);
  --kite-checkbox-padding-right: var(--kite-spacing-md);
  --kite-checkbox-padding-top: var(--kite-spacing-sm);
  --kite-checkbox-border-width: var(--kite-border-width-thick);
  --kite-checkbox-border-color: var(--kite-form-control-border-color);
  --kite-checkbox-text-color: var(--kite-color-text);
  --kite-card-lg-margin-bottom: var(--kite-spacing-element-xl);
  --kite-card-lg-min-padding-left: var(--kite-spacing-element-xxl);
  --kite-card-lg-min-padding-bottom: var(--kite-spacing-element-xxl);
  --kite-card-lg-min-padding-right: var(--kite-spacing-element-xxl);
  --kite-card-lg-min-padding-top: var(--kite-spacing-element-xxl);
  --kite-card-md-margin-bottom: var(--kite-spacing-md);
  --kite-card-md-min-padding-left: var(--kite-spacing-element-xl);
  --kite-card-md-min-padding-bottom: var(--kite-spacing-element-xl);
  --kite-card-md-min-padding-right: var(--kite-spacing-element-xl);
  --kite-card-md-min-padding-top: var(--kite-spacing-element-xl);
  --kite-card-sm-margin-bottom: var(--kite-spacing-element-md);
  --kite-card-sm-min-padding-left: var(--kite-spacing-element-md);
  --kite-card-sm-min-padding-bottom: var(--kite-spacing-element-md);
  --kite-card-sm-min-padding-right: var(--kite-spacing-element-md);
  --kite-card-sm-min-padding-top: var(--kite-spacing-element-md);
  --kite-card-padding-left-lg: var(--kite-spacing-2xl);
  --kite-card-padding-bottom-lg: var(--kite-spacing-2xl);
  --kite-card-padding-right-lg: var(--kite-spacing-2xl);
  --kite-card-padding-top-lg: var(--kite-spacing-2xl);
  --kite-card-padding-left-md: var(--kite-spacing-xl);
  --kite-card-padding-bottom-md: var(--kite-spacing-xl);
  --kite-card-padding-right-md: var(--kite-spacing-xl);
  --kite-card-padding-top-md: var(--kite-spacing-xl);
  --kite-card-padding-left-sm: var(--kite-spacing-md);
  --kite-card-padding-bottom-sm: var(--kite-spacing-md);
  --kite-card-padding-right-sm: var(--kite-spacing-md);
  --kite-card-padding-top-sm: var(--kite-spacing-md);
  --kite-card-focus-ring-width: var(--kite-focus-ring-width);
  --kite-card-focus-ring-style: var(--kite-focus-ring-style);
  --kite-card-text-color: var(--kite-color-text);
  --kite-card-background-color: var(--kite-container-background-color);
  --kite-calendar-standalone-padding-bottom: var(--kite-spacing-sm);
  --kite-calendar-month-year-margin-bottom: var(--kite-spacing-xs);
  --kite-calendar-month-year-margin-top: var(--kite-spacing-xs);
  --kite-calendar-day-unavailable-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness);
  --kite-calendar-day-out-range-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness);
  --kite-calendar-day-due-padding-left: var(--kite-spacing-2xs);
  --kite-calendar-day-due-padding-right: var(--kite-spacing-2xs);
  --kite-calendar-day-today-indicator-offset: var(--kite-spacing-2xs);
  --kite-calendar-day-today-indicator-background-color: var(--kite-color-primary);
  --kite-calendar-day-today-text-color: var(--kite-color-primary);
  --kite-calendar-day-disabled-cursor: var(--kite-form-control-disabled-cursor);
  --kite-calendar-day-selected-text-color: var(--kite-color-on-primary);
  --kite-calendar-day-selected-background-color: var(--kite-color-primary);
  --kite-calendar-day-focus-color: var(--kite-color-primary);
  --kite-calendar-controls-padding-left: var(--kite-spacing-sm);
  --kite-calendar-controls-padding-bottom: var(--kite-spacing-sm);
  --kite-calendar-controls-padding-right: var(--kite-spacing-sm);
  --kite-calendar-controls-padding-top: var(--kite-spacing-sm);
  --kite-calendar-controls-focus-text-color: var(--kite-color-primary);
  --kite-calendar-padding-left: var(--kite-spacing-md);
  --kite-calendar-padding-bottom: var(--kite-spacing-sm);
  --kite-calendar-padding-right: var(--kite-spacing-md);
  --kite-calendar-padding-top: var(--kite-spacing-sm);
  --kite-calendar-border-style: var(--kite-border-style);
  --kite-calendar-border-color: var(--kite-border-color);
  --kite-calendar-text-color: var(--kite-color-text);
  --kite-calendar-background-color: var(--kite-container-background-color);
  --kite-button-borderless-focus-icon-fill: var(--kite-color-focus);
  --kite-button-borderless-icon-fill: var(--kite-color-primary);
  --kite-button-secondary-icon-fill: var(--kite-color-primary);
  --kite-button-disabled-icon-fill: var(--kite-color-disabled);
  --kite-button-icon-fill: var(--kite-color-on-primary);
  --kite-button-group-button-margin-bottom: var(--kite-spacing-md);
  --kite-button-group-button-margin-right: var(--kite-spacing-xl);
  --kite-button-group-margin-bottom: var(--kite-spacing-2xl);
  --kite-button-group-margin-top: var(--kite-spacing-xl);
  --kite-button-icon-only-padding-left: var(--kite-spacing-sm);
  --kite-button-icon-only-padding-right: var(--kite-spacing-sm);
  --kite-button-borderless-destructive-press-icon-color: var(--kite-button-borderless-destructive-press-text-color);
  --kite-button-borderless-destructive-hover-icon-color: var(--kite-button-borderless-destructive-hover-text-color);
  --kite-button-borderless-destructive-focus-icon-color: var(--kite-button-borderless-destructive-focus-text-color);
  --kite-button-borderless-destructive-text-color: var(--kite-color-negative);
  --kite-button-borderless-disabled-border-color: var(--kite-button-disabled-border-color);
  --kite-button-borderless-press-text-color: var(--kite-color-primary-press);
  --kite-button-borderless-press-border-color: var(--kite-button-press-border-color);
  --kite-button-borderless-hover-text-color: var(--kite-color-primary-hover);
  --kite-button-borderless-hover-border-color: var(--kite-button-hover-border-color);
  --kite-button-borderless-focus-text-color: var(--kite-color-primary-focus);
  --kite-button-borderless-focus-border-color: var(--kite-button-focus-border-color);
  --kite-button-borderless-text-color: var(--kite-color-primary);
  --kite-button-secondary-destructive-disabled-border-color: var(--kite-color-disabled);
  --kite-button-secondary-destructive-press-border-color: var(--kite-button-destructive-press-border-color);
  --kite-button-secondary-destructive-press-background-color: var(--kite-button-destructive-press-background-color);
  --kite-button-secondary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color);
  --kite-button-secondary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color);
  --kite-button-secondary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color);
  --kite-button-secondary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color);
  --kite-button-secondary-destructive-text-color: var(--kite-color-negative);
  --kite-button-secondary-destructive-border-color: var(--kite-color-negative);
  --kite-button-secondary-disabled-border-color: var(--kite-color-disabled);
  --kite-button-secondary-press-border-color: var(--kite-button-press-border-color);
  --kite-button-secondary-press-background-color: var(--kite-color-focus);
  --kite-button-secondary-hover-border-color: var(--kite-button-hover-border-color);
  --kite-button-secondary-hover-background-color: var(--kite-color-focus);
  --kite-button-secondary-focus-border-color: var(--kite-button-focus-border-color);
  --kite-button-secondary-focus-background-color: var(--kite-color-focus);
  --kite-button-secondary-border-color: var(--kite-color-primary);
  --kite-button-secondary-text-color: var(--kite-color-primary);
  --kite-button-primary-destructive-press-border-color: var(--kite-button-destructive-press-border-color);
  --kite-button-primary-destructive-press-background-color: var(--kite-button-destructive-press-background-color);
  --kite-button-primary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color);
  --kite-button-primary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color);
  --kite-button-primary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color);
  --kite-button-primary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color);
  --kite-button-primary-destructive-border-color: var(--kite-button-destructive-border-color);
  --kite-button-primary-hover-border-color: var(--kite-button-hover-border-color);
  --kite-button-primary-focus-border-color: var(--kite-button-focus-border-color);
  --kite-button-primary-disabled-border-color: var(--kite-button-disabled-border-color);
  --kite-button-primary-disabled-background-color: var(--kite-button-disabled-background-color);
  --kite-button-primary-press-border-color: var(--kite-button-press-border-color);
  --kite-button-destructive-disabled-border-color: var(--kite-button-disabled-border-color);
  --kite-button-destructive-disabled-background-color: var(--kite-button-disabled-background-color);
  --kite-button-destructive-press-text-color: var(--kite-color-on-negative);
  --kite-button-destructive-hover-text-color: var(--kite-color-on-negative);
  --kite-button-destructive-focus-text-color: var(--kite-color-on-negative);
  --kite-button-destructive-text-color: var(--kite-color-on-negative);
  --kite-button-destructive-background-color: var(--kite-color-negative);
  --kite-button-icon-margin: var(--kite-spacing-xs);
  --kite-button-disabled-text-color: var(--kite-color-disabled);
  --kite-button-press-text-color: var(--kite-color-on-primary);
  --kite-button-press-background-color: var(--kite-color-primary-press);
  --kite-button-hover-text-color: var(--kite-color-on-primary);
  --kite-button-hover-background-color: var(--kite-color-primary-hover);
  --kite-button-focus-text-color: var(--kite-color-on-primary);
  --kite-button-focus-background-color: var(--kite-color-primary-focus);
  --kite-button-focus-ring-width: var(--kite-focus-ring-width);
  --kite-button-focus-ring-style: var(--kite-focus-ring-style);
  --kite-button-padding-left: var(--kite-spacing-md);
  --kite-button-padding-right: var(--kite-spacing-md);
  --kite-button-border-style: var(--kite-border-style);
  --kite-button-text-size: var(--kite-typography-body-size);
  --kite-button-text-color: var(--kite-color-on-primary);
  --kite-button-background-color: var(--kite-color-primary);
  --kite-blockquote-focus-ring-width: var(--kite-focus-ring-width);
  --kite-blockquote-focus-ring-style: var(--kite-focus-ring-style);
  --kite-blockquote-padding-left: var(--kite-spacing-md);
  --kite-blockquote-padding-bottom: var(--kite-spacing-sm);
  --kite-blockquote-padding-right: var(--kite-spacing-md);
  --kite-blockquote-padding-top: var(--kite-spacing-sm);
  --kite-blockquote-margin-bottom: var(--kite-spacing-md);
  --kite-blockquote-border-left-style: var(--kite-border-style);
  --kite-blockquote-border-left-color: var(--kite-color-primary);
  --kite-blockquote-text-color: var(--kite-color-text);
  --kite-badge-background-color-dark: var(--kite-color-negative);
  --kite-badge-tab-margin-right: var(--kite-spacing-xs);
  --kite-badge-min-height: var(--kite-badge-min-width);
  --kite-badge-disabled-text-color: var(--kite-color-disabled);
  --kite-badge-focus-ring-width: var(--kite-focus-ring-width);
  --kite-badge-focus-ring-style: var(--kite-focus-ring-style);
  --kite-badge-padding-left: var(--kite-spacing-2xs);
  --kite-badge-padding-bottom: var(--kite-spacing-2xs);
  --kite-badge-padding-right: var(--kite-spacing-2xs);
  --kite-badge-padding-top: var(--kite-spacing-2xs);
  --kite-badge-margin-left: var(--kite-spacing-xs);
  --kite-badge-margin-right: var(--kite-spacing-xs);
  --kite-badge-border-style: var(--kite-border-style);
  --kite-badge-border-radius: var(--kite-badge-min-width);
  --kite-alert-global-neutral-link-icon-fill: var(--kite-color-on-neutral);
  --kite-alert-global-neutral-status-icon-fill: var(--kite-color-on-neutral);
  --kite-alert-global-negative-link-icon-fill: var(--kite-color-on-negative);
  --kite-alert-global-negative-status-icon-fill: var(--kite-color-on-negative);
  --kite-alert-global-negative-dismiss-icon-fill: var(--kite-color-on-negative);
  --kite-alert-global-caution-link-icon-fill: var(--kite-color-on-caution);
  --kite-alert-global-caution-status-icon-fill: var(--kite-color-on-caution);
  --kite-alert-neutral-status-icon-fill: var(--kite-color-neutral);
  --kite-alert-caution-status-icon-fill: var(--kite-color-caution);
  --kite-alert-link-icon-fill: var(--kite-color-primary);
  --kite-alert-global-info-link-text-color-dark: var(--kite-color-text);
  --kite-alert-global-info-link-text-color: var(--kite-color-text);
  --kite-alert-global-info-background-color-dark: var(--kite-color-info);
  --kite-alert-global-info-background-color: var(--kite-color-info);
  --kite-alert-global-info-text-color-dark: var(--kite-color-text);
  --kite-alert-global-info-text-color: var(--kite-color-text);
  --kite-alert-global-error-background-color-dark: var(--kite-color-error);
  --kite-alert-global-error-background-color: var(--kite-color-error);
  --kite-alert-global-caution-text-color-dark: var(--kite-color-text);
  --kite-alert-global-caution-link-text-color-dark: var(--kite-color-text);
  --kite-alert-global-caution-background-color-dark: var(--kite-color-caution);
  --kite-alert-global-indicator-icon-margin-right: var(--kite-spacing-sm);
  --kite-alert-page-success-indicator-icon-fill-dark: var(--kite-color-success);
  --kite-alert-page-success-indicator-icon-fill: var(--kite-color-success);
  --kite-alert-page-success-border-left-color-dark: var(--kite-color-success);
  --kite-alert-page-success-border-left-color: var(--kite-color-success);
  --kite-alert-page-info-indicator-icon-fill-dark: var(--kite-color-info);
  --kite-alert-page-info-indicator-icon-fill: var(--kite-color-info);
  --kite-alert-page-info-border-left-color-dark: var(--kite-color-info);
  --kite-alert-page-info-border-left-color: var(--kite-color-info);
  --kite-alert-page-error-indicator-icon-fill-dark: var(--kite-color-error);
  --kite-alert-page-error-indicator-icon-fill: var(--kite-color-error);
  --kite-alert-page-error-border-left-color-dark: var(--kite-color-error);
  --kite-alert-page-error-border-left-color: var(--kite-color-error);
  --kite-alert-page-caution-indicator-icon-fill-dark: var(--kite-color-caution);
  --kite-alert-page-caution-indicator-icon-fill: var(--kite-color-caution);
  --kite-alert-page-caution-border-left-color-dark: var(--kite-color-caution);
  --kite-alert-page-caution-border-left-color: var(--kite-color-caution);
  --kite-alert-page-text-color-dark: var(--kite-color-text);
  --kite-alert-page-text-color: var(--kite-color-text);
  --kite-alert-page-padding-left: var(--kite-spacing-element-xs);
  --kite-alert-page-padding-bottom: var(--kite-spacing-element-md);
  --kite-alert-page-padding-right: var(--kite-spacing-element-md);
  --kite-alert-page-padding-top: var(--kite-spacing-element-md);
  --kite-alert-page-margin-bottom: var(--kite-spacing-element-xxs);
  --kite-alert-page-link-icon-fill-dark: var(--kite-color-primary);
  --kite-alert-page-link-icon-fill: var(--kite-color-primary);
  --kite-alert-page-link-text-margin-top: var(--kite-spacing-element-xxs);
  --kite-alert-page-link-text-color-dark: var(--kite-color-primary);
  --kite-alert-page-link-text-color: var(--kite-color-primary);
  --kite-alert-page-indicator-icon-margin-right: var(--kite-spacing-element-xs);
  --kite-alert-page-border-width: var(--kite-border-width-thin);
  --kite-alert-page-border-color-dark: var(--kite-border-color);
  --kite-alert-page-border-color: var(--kite-border-color);
  --kite-alert-text-color-dark: var(--kite-color-text);
  --kite-alert-stacked-margin-top: var(--kite-spacing-2xs);
  --kite-alert-passive-positive-background-color: var(--kite-color-positive-muted);
  --kite-alert-passive-neutral-background-color: var(--kite-color-neutral-muted);
  --kite-alert-passive-dismiss-icon-margin-left: var(--kite-spacing-xs);
  --kite-alert-passive-caution-background-color: var(--kite-color-caution-muted);
  --kite-alert-passive-negative-background-color: var(--kite-color-negative-muted);
  --kite-alert-passive-status-icon-margin-right: var(--kite-spacing-xs);
  --kite-alert-passive-title-margin-bottom: var(--kite-spacing-2xs);
  --kite-alert-passive-title-line-height: 1.5;
  --kite-alert-passive-title-text-size: var(--kite-typography-body-size);
  --kite-alert-passive-exit-transition-timing-function: var(--kite-motion-exit);
  --kite-alert-passive-entry-transition-timing-function: var(--kite-motion-entry);
  --kite-alert-passive-transition-duration: var(--kite-motion-fast);
  --kite-alert-passive-breakpoint-lg-margin-right: var(--kite-spacing-xl);
  --kite-alert-passive-breakpoint-lg-margin-top: var(--kite-spacing-xl);
  --kite-alert-passive-padding-left: var(--kite-spacing-md);
  --kite-alert-passive-padding-bottom: var(--kite-spacing-md);
  --kite-alert-passive-padding-right: var(--kite-spacing-md);
  --kite-alert-passive-padding-top: var(--kite-spacing-md);
  --kite-alert-passive-margin-left: var(--kite-spacing-xs);
  --kite-alert-passive-margin-bottom: var(--kite-spacing-xs);
  --kite-alert-passive-margin-right: var(--kite-spacing-xs);
  --kite-alert-global-neutral-link-icon-color: var(--kite-color-on-neutral);
  --kite-alert-global-neutral-link-text-color: var(--kite-color-on-neutral);
  --kite-alert-global-neutral-status-icon-color: var(--kite-color-on-neutral);
  --kite-alert-global-neutral-background-color: var(--kite-color-neutral);
  --kite-alert-global-neutral-text-color: var(--kite-color-on-neutral);
  --kite-alert-global-negative-text-color: var(--kite-color-on-negative);
  --kite-alert-global-negative-link-icon-color: var(--kite-color-on-negative);
  --kite-alert-global-negative-link-text-color: var(--kite-color-on-negative);
  --kite-alert-global-negative-status-icon-color: var(--kite-color-on-negative);
  --kite-alert-global-negative-dismiss-icon-color: var(--kite-color-on-negative);
  --kite-alert-global-negative-background-color: var(--kite-color-negative);
  --kite-alert-global-caution-text-color: var(--kite-color-on-caution);
  --kite-alert-global-caution-link-icon-color: var(--kite-color-on-caution);
  --kite-alert-global-caution-link-text-color: var(--kite-color-on-caution);
  --kite-alert-global-caution-status-icon-color: var(--kite-color-on-caution);
  --kite-alert-global-caution-background-color: var(--kite-color-caution);
  --kite-alert-global-padding-left: var(--kite-spacing-md);
  --kite-alert-global-padding-bottom: var(--kite-spacing-md);
  --kite-alert-global-padding-right: var(--kite-spacing-md);
  --kite-alert-global-padding-top: var(--kite-spacing-md);
  --kite-alert-global-status-icon-margin-right: var(--kite-spacing-sm);
  --kite-alert-positive-status-icon-color: var(--kite-color-positive);
  --kite-alert-positive-border-left-color: var(--kite-color-positive);
  --kite-alert-neutral-status-icon-color: var(--kite-color-neutral);
  --kite-alert-neutral-border-left-color: var(--kite-color-neutral);
  --kite-alert-negative-status-icon-color: var(--kite-color-negative);
  --kite-alert-negative-border-left-color: var(--kite-color-negative);
  --kite-alert-caution-status-icon-color: var(--kite-color-caution);
  --kite-alert-caution-border-left-color: var(--kite-color-caution);
  --kite-alert-link-icon-color: var(--kite-color-primary);
  --kite-alert-link-icon-margin-left: var(--kite-spacing-2xs);
  --kite-alert-link-text-color: var(--kite-color-primary);
  --kite-alert-link-margin-top: var(--kite-spacing-2xs);
  --kite-alert-status-icon-margin-right: var(--kite-spacing-xs);
  --kite-alert-dismiss-icon-margin-left: var(--kite-spacing-md);
  --kite-alert-focus-ring-width: var(--kite-focus-ring-width);
  --kite-alert-focus-ring-style: var(--kite-focus-ring-style);
  --kite-alert-padding-left: var(--kite-spacing-xs);
  --kite-alert-padding-bottom: var(--kite-spacing-md);
  --kite-alert-padding-right: var(--kite-spacing-md);
  --kite-alert-padding-top: var(--kite-spacing-md);
  --kite-alert-border-style: var(--kite-border-style);
  --kite-alert-text-size: var(--kite-typography-body-size);
  --kite-alert-text-color: var(--kite-color-text);
  --kite-accordion-expanded-transition-curve: var(--kite-motion-standard);
  --kite-accordion-icon-transition-curve: var(--kite-motion-standard);
  --kite-accordion-disabled-icon-fill: var(--kite-color-disabled);
  --kite-accordion-alert-label-text-color: var(--kite-color-negative);
  --kite-accordion-border-bottom-style: var(--kite-border-style);
  --kite-accordion-border-bottom-color: var(--kite-border-color);
  --kite-accordion-lg-padding-left: var(--kite-spacing-element-xxl);
  --kite-accordion-lg-padding-bottom: var(--kite-spacing-element-md);
  --kite-accordion-lg-padding-right: var(--kite-spacing-element-xxl);
  --kite-accordion-lg-padding-top: var(--kite-spacing-element-md);
  --kite-accordion-md-padding-left: var(--kite-spacing-element-xl);
  --kite-accordion-md-padding-bottom: var(--kite-spacing-element-md);
  --kite-accordion-md-padding-right: var(--kite-spacing-element-xl);
  --kite-accordion-md-padding-top: var(--kite-spacing-element-md);
  --kite-accordion-sm-padding-left: var(--kite-spacing-element-md);
  --kite-accordion-sm-padding-bottom: var(--kite-spacing-element-md);
  --kite-accordion-sm-padding-right: var(--kite-spacing-element-md);
  --kite-accordion-sm-padding-top: var(--kite-spacing-element-md);
  --kite-accordion-positive-label-text-color: var(--kite-color-positive);
  --kite-accordion-negative-label-text-color: var(--kite-color-negative);
  --kite-accordion-expanded-transition-duration: var(--kite-motion-fast);
  --kite-accordion-expanded-title-text-line-height: 1.5;
  --kite-accordion-expanded-padding-left: var(--kite-spacing-xs);
  --kite-accordion-expanded-padding-bottom: var(--kite-spacing-2xl);
  --kite-accordion-expanded-padding-right: var(--kite-spacing-xs);
  --kite-accordion-title-padding-left: var(--kite-spacing-xs);
  --kite-accordion-title-text-line-height: 1.5;
  --kite-accordion-title-text-size: var(--kite-typography-body-size);
  --kite-accordion-title-text-color: var(--kite-color-text);
  --kite-accordion-label-margin-left: var(--kite-spacing-xs);
  --kite-accordion-label-margin-right: var(--kite-spacing-xs);
  --kite-accordion-label-text-size: var(--kite-typography-body-size);
  --kite-accordion-label-text-color: var(--kite-color-text);
  --kite-accordion-padding-left-lg: var(--kite-spacing-2xl);
  --kite-accordion-padding-bottom-lg: var(--kite-spacing-md);
  --kite-accordion-padding-right-lg: var(--kite-spacing-2xl);
  --kite-accordion-padding-top-lg: var(--kite-spacing-md);
  --kite-accordion-padding-left-md: var(--kite-spacing-xl);
  --kite-accordion-padding-bottom-md: var(--kite-spacing-md);
  --kite-accordion-padding-right-md: var(--kite-spacing-xl);
  --kite-accordion-padding-top-md: var(--kite-spacing-md);
  --kite-accordion-padding-left-sm: var(--kite-spacing-md);
  --kite-accordion-padding-bottom-sm: var(--kite-spacing-md);
  --kite-accordion-padding-right-sm: var(--kite-spacing-md);
  --kite-accordion-padding-top-sm: var(--kite-spacing-md);
  --kite-accordion-icon-transition-duration: var(--kite-motion-fast);
  --kite-accordion-icon-padding-right: var(--kite-spacing-xs);
  --kite-accordion-disabled-icon-color: var(--kite-color-disabled);
  --kite-accordion-disabled-title-text-color: var(--kite-color-disabled);
  --kite-accordion-disabled-label-text-color: var(--kite-color-disabled);
  --kite-accordion-focus-ring-width: var(--kite-focus-ring-width);
  --kite-accordion-focus-ring-style: var(--kite-focus-ring-style);
  --kite-accordion-border-style: var(--kite-border-style);
  --kite-accordion-border-color: var(--kite-border-color);
  --kite-accordion-text-color: var(--kite-color-text);
  --kite-my-component-variant-name-padding-bottom: var(--kite-spacing-lg);
  --kite-my-component-variant-name-margin-left: var(--kite-spacing-lg);
  --kite-my-component-variant-name-text-color: var(--kite-color-success);
  --kite-my-component-variant-name-background-color: var(--kite-color-primary);
  --kite-my-component-error-background-color: var(--kite-color-error);
  --kite-my-component-list-padding-left: var(--kite-spacing-md);
  --kite-my-component-list-padding-bottom: var(--kite-spacing-sm);
  --kite-my-component-list-padding-right: var(--kite-spacing-md);
  --kite-my-component-list-padding-top: var(--kite-spacing-sm);
  --kite-my-component-list-text-color: var(--kite-color-text);
  --kite-my-component-transition-timing-function: var(--kite-motion-standard);
  --kite-my-component-transition-duration: var(--kite-motion-faster);
  --kite-my-component-focus-ring-width: var(--kite-focus-ring-width);
  --kite-my-component-focus-ring-style: var(--kite-focus-ring-style);
  --kite-my-component-padding-left: var(--kite-spacing-md);
  --kite-my-component-padding-bottom: var(--kite-spacing-sm);
  --kite-my-component-padding-right: var(--kite-spacing-md);
  --kite-my-component-padding-top: var(--kite-spacing-sm);
  --kite-my-component-margin-left: var(--kite-spacing-md);
  --kite-my-component-margin-bottom: var(--kite-spacing-sm);
  --kite-my-component-margin-right: var(--kite-spacing-md);
  --kite-my-component-margin-top: var(--kite-spacing-sm);
  --kite-my-component-border-style: var(--kite-border-style);
  --kite-my-component-border-color: var(--kite-border-color);
  --kite-my-component-text-color: var(--kite-color-text);
  --kite-typography-rutledge-xl-caption-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-xl-eyebrow-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-rutledge-xl-eyebrow-letter-spacing: var(--kite-letter-spacing-lg);
  --kite-typography-rutledge-xl-body-margin-bottom: var(--kite-spacing-2xl);
  --kite-typography-rutledge-xl-title-5-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-rutledge-xl-title-4-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-rutledge-xl-title-3-margin-bottom: var(--kite-spacing-lg);
  --kite-typography-rutledge-xl-title-2-margin-bottom: var(--kite-spacing-lg);
  --kite-typography-rutledge-xl-title-1-margin-bottom: var(--kite-spacing-2xl);
  --kite-typography-rutledge-md-caption-margin-bottom: var(--kite-spacing-lg);
  --kite-typography-rutledge-md-eyebrow-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-rutledge-md-eyebrow-letter-spacing: var(--kite-letter-spacing-lg);
  --kite-typography-rutledge-md-body-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-md-title-5-margin-bottom: var(--kite-spacing-2xs);
  --kite-typography-rutledge-md-title-4-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-rutledge-md-title-3-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-md-title-2-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-md-title-1-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-xs-caption-margin-bottom: var(--kite-spacing-lg);
  --kite-typography-rutledge-xs-eyebrow-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-rutledge-xs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg);
  --kite-typography-rutledge-xs-body-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-xs-title-5-margin-bottom: var(--kite-spacing-2xs);
  --kite-typography-rutledge-xs-title-4-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-rutledge-xs-title-3-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-xs-title-2-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-xs-title-1-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-xxs-caption-margin-bottom: var(--kite-spacing-lg);
  --kite-typography-rutledge-xxs-eyebrow-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-rutledge-xxs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg);
  --kite-typography-rutledge-xxs-body-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-xxs-title-5-margin-bottom: var(--kite-spacing-2xs);
  --kite-typography-rutledge-xxs-title-4-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-rutledge-xxs-title-3-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-xxs-title-2-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-xxs-title-1-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-lg-caption-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-rutledge-lg-eyebrow-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg);
  --kite-typography-rutledge-lg-body-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-lg-body-display-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-lg-title-6-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-lg-title-5-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-lg-title-4-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-lg-title-3-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-lg-title-2-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-lg-title-1-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-lg-display-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-sm-caption-margin-bottom: var(--kite-spacing-lg);
  --kite-typography-rutledge-sm-eyebrow-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg);
  --kite-typography-rutledge-sm-body-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-sm-body-display-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-rutledge-sm-title-6-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-rutledge-sm-title-5-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-sm-title-4-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-sm-title-3-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-sm-title-2-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-sm-title-1-margin-bottom: var(--kite-spacing-md);
  --kite-typography-rutledge-sm-display-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-lg-caption-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-sm-caption-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-caption-line-height: 1.429;
  --kite-typography-caption-size: var(--kite-typography-caption-1-size);
  --kite-typography-lg-caption-2-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-lg-caption-1-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg);
  --kite-typography-lg-body-margin-bottom: var(--kite-spacing-md);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-spacing-md);
  --kite-typography-lg-display-margin-bottom: var(--kite-spacing-lg);
  --kite-typography-sm-caption-2-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-sm-caption-1-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg);
  --kite-typography-sm-body-margin-bottom: var(--kite-spacing-md);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-spacing-xl);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-spacing-2xs);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-spacing-2xs);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-spacing-xs);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-spacing-sm);
  --kite-typography-sm-display-margin-bottom: var(--kite-spacing-md);
  --kite-typography-sm-display-letter-spacing: var(--kite-letter-spacing);
  --kite-typography-caption-2-letter-spacing: var(--kite-typography-sm-caption-2-letter-spacing);
  --kite-typography-caption-2-style: var(--kite-typography-sm-caption-2-style);
  --kite-typography-caption-2-weight: var(--kite-typography-sm-caption-2-weight);
  --kite-typography-caption-1-letter-spacing: var(--kite-typography-sm-caption-1-letter-spacing);
  --kite-typography-caption-1-style: var(--kite-typography-sm-caption-1-style);
  --kite-typography-caption-1-weight: var(--kite-typography-sm-caption-1-weight);
  --kite-typography-eyebrow-style: var(--kite-typography-sm-eyebrow-style);
  --kite-typography-eyebrow-weight: var(--kite-typography-sm-eyebrow-weight);
  --kite-typography-body-letter-spacing: var(--kite-typography-sm-body-letter-spacing);
  --kite-typography-body-style: var(--kite-typography-sm-body-style);
  --kite-typography-body-weight: var(--kite-typography-sm-body-weight);
  --kite-typography-body-display-letter-spacing: var(--kite-typography-sm-body-display-letter-spacing);
  --kite-typography-body-display-style: var(--kite-typography-sm-body-display-style);
  --kite-typography-body-display-weight: var(--kite-typography-sm-body-display-weight);
  --kite-typography-title-6-letter-spacing: var(--kite-typography-sm-title-6-letter-spacing);
  --kite-typography-title-6-style: var(--kite-typography-sm-title-6-style);
  --kite-typography-title-6-weight: var(--kite-typography-sm-title-6-weight);
  --kite-typography-title-5-letter-spacing: var(--kite-typography-sm-title-5-letter-spacing);
  --kite-typography-title-5-style: var(--kite-typography-sm-title-5-style);
  --kite-typography-title-5-weight: var(--kite-typography-sm-title-5-weight);
  --kite-typography-title-4-letter-spacing: var(--kite-typography-sm-title-4-letter-spacing);
  --kite-typography-title-4-style: var(--kite-typography-sm-title-4-style);
  --kite-typography-title-4-weight: var(--kite-typography-sm-title-4-weight);
  --kite-typography-title-3-letter-spacing: var(--kite-typography-sm-title-3-letter-spacing);
  --kite-typography-title-3-style: var(--kite-typography-sm-title-3-style);
  --kite-typography-title-3-weight: var(--kite-typography-sm-title-3-weight);
  --kite-typography-title-2-letter-spacing: var(--kite-typography-sm-title-2-letter-spacing);
  --kite-typography-title-2-style: var(--kite-typography-sm-title-2-style);
  --kite-typography-title-2-weight: var(--kite-typography-sm-title-2-weight);
  --kite-typography-title-1-letter-spacing: var(--kite-typography-sm-title-1-letter-spacing);
  --kite-typography-title-1-style: var(--kite-typography-sm-title-1-style);
  --kite-typography-title-1-weight: var(--kite-typography-sm-title-1-weight);
  --kite-typography-display-style: var(--kite-typography-sm-display-style);
  --kite-typography-display-weight: var(--kite-typography-sm-display-weight);
  --kite-grid-2xl-margins: var(--kite-spacing-xl);
  --kite-grid-2xl-gutters: var(--kite-spacing-md);
  --kite-grid-xl-margins: var(--kite-spacing-xl);
  --kite-grid-xl-gutters: var(--kite-spacing-md);
  --kite-grid-lg-margins: var(--kite-spacing-xl);
  --kite-grid-lg-gutters: var(--kite-spacing-md);
  --kite-grid-md-margins: var(--kite-spacing-md);
  --kite-grid-md-gutters: var(--kite-spacing-md);
  --kite-grid-sm-margins: var(--kite-spacing-md);
  --kite-grid-sm-gutters: var(--kite-spacing-md);
  --kite-grid-xs-margins: var(--kite-spacing-md);
  --kite-grid-xs-gutters: var(--kite-spacing-md);
  --kite-form-spacing-stack-2xl: var(--kite-spacing-2xl);
  --kite-form-spacing-stack-xl: var(--kite-spacing-xl);
  --kite-form-spacing-stack-md: var(--kite-spacing-md);
  --kite-form-spacing-inline: var(--kite-spacing-md);
  --kite-form-control-error-text-margin-top: var(--kite-spacing-2xs);
  --kite-form-control-error-text-color: var(--kite-color-error);
  --kite-form-control-input-focus-ring-width: var(--kite-focus-ring-width);
  --kite-form-control-input-focus-ring-style: var(--kite-focus-ring-style);
  --kite-form-control-input-error-border-color: var(--kite-color-error);
  --kite-form-control-input-disabled-text-color: var(--kite-color-disabled);
  --kite-form-control-input-disabled-border-color: var(--kite-color-disabled);
  --kite-form-control-input-padding-left: var(--kite-spacing-xs);
  --kite-form-control-input-padding-bottom: var(--kite-spacing-sm);
  --kite-form-control-input-padding-right: var(--kite-spacing-xs);
  --kite-form-control-input-padding-top: var(--kite-spacing-sm);
  --kite-form-control-input-border-width: var(--kite-border-width-thin);
  --kite-form-control-label-disabled-text-color: var(--kite-color-disabled);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-primary);
  --kite-form-control-picker-list-item-check-icon-margin-left: var(--kite-spacing-2xs);
  --kite-form-control-picker-list-item-check-icon-margin-right: var(--kite-spacing-2xs);
  --kite-form-control-picker-list-item-negative-text-color: var(--kite-color-negative);
  --kite-form-control-picker-list-item-icon-margin-right: var(--kite-spacing-md);
  --kite-form-control-picker-list-item-disabled-text-color: var(--kite-color-disabled);
  --kite-form-control-picker-list-item-focus-ring-width: var(--kite-focus-ring-width);
  --kite-form-control-picker-list-item-focus-ring-style: var(--kite-focus-ring-style);
  --kite-form-control-picker-list-item-line-height: 1.5;
  --kite-form-control-picker-list-item-padding-right: var(--kite-spacing-md);
  --kite-form-control-picker-list-item-text-size: var(--kite-typography-body-size);
  --kite-form-control-picker-list-item-text-color: var(--kite-color-text);
  --kite-form-control-picker-offset: var(--kite-spacing-2xs);
  --kite-form-control-picker-transition-timing-function: var(--kite-motion-entry);
  --kite-form-control-picker-transition-duration: var(--kite-motion-fast);
  --kite-form-control-picker-border-style: var(--kite-border-style);
  --kite-form-control-picker-background-color: var(--kite-container-background-color);
  --kite-form-control-error-feedback-text-color: var(--kite-color-negative);
  --kite-form-control-error-border-width: var(--kite-border-width-thick);
  --kite-form-control-error-border-color: var(--kite-color-negative);
  --kite-form-control-feedback-margin-top: var(--kite-spacing-2xs);
  --kite-form-control-label-margin-bottom: var(--kite-spacing-2xs);
  --kite-form-control-label-text-line-height: 1.5;
  --kite-form-control-label-text-size: var(--kite-typography-body-size);
  --kite-form-control-label-text-color: var(--kite-color-text);
  --kite-form-control-disabled-label-text-color: var(--kite-color-disabled);
  --kite-form-control-disabled-text-color: var(--kite-color-disabled);
  --kite-form-control-disabled-border-color: var(--kite-color-disabled);
  --kite-form-control-disabled-background-color: var(--kite-form-control-background-color);
  --kite-form-control-hover-border-width: var(--kite-focus-ring-width);
  --kite-form-control-focus-border-width: var(--kite-focus-ring-width);
  --kite-form-control-focus-ring-width: var(--kite-focus-ring-width);
  --kite-form-control-focus-ring-style: var(--kite-focus-ring-style);
  --kite-form-control-padding-left: var(--kite-spacing-xs);
  --kite-form-control-padding-bottom: var(--kite-spacing-sm);
  --kite-form-control-padding-right: var(--kite-spacing-xs);
  --kite-form-control-padding-top: var(--kite-spacing-sm);
  --kite-form-control-border-style: var(--kite-border-style);
  --kite-form-control-text-size: var(--kite-typography-body-size);
  --kite-form-control-text-color: var(--kite-color-text);
  --kite-container-padding-left: var(--kite-spacing-md);
  --kite-container-padding-bottom: var(--kite-spacing-md);
  --kite-container-padding-right: var(--kite-spacing-md);
  --kite-container-padding-top: var(--kite-spacing-md);
  --kite-container-border-style: var(--kite-border-style);
  --kite-container-border-color: var(--kite-border-color);
  --kite-font-family: var(--kite-font-family-sans-serif);
  --kite-focus-color: var(--kite-color-focus);
  --kite-focus-ring-color: var(--kite-color-focus);
  --kite-border-width: var(--kite-border-width-thin);
  --kite-font-family-text: var(--kite-font-family-sans-serif);
  --kite-font-family-heading: var(--kite-font-family-sans-serif);
  --kite-color-disabled-press: var(--kite-color-disabled);
  --kite-color-disabled-hover: var(--kite-color-disabled);
  --kite-color-disabled-focus: var(--kite-color-disabled);
  --kite-color-positive-press: var(--kite-color-positive);
  --kite-color-positive-hover: var(--kite-color-positive);
  --kite-color-positive-focus: var(--kite-color-positive);
  --kite-color-neutral-press: var(--kite-color-neutral);
  --kite-color-neutral-hover: var(--kite-color-neutral);
  --kite-color-neutral-focus: var(--kite-color-neutral);
  --kite-color-caution-press: var(--kite-color-caution);
  --kite-color-caution-hover: var(--kite-color-caution);
  --kite-color-caution-focus: var(--kite-color-caution);
  --kite-border-radius-lg: var(--kite-size-radius-lg);
  --kite-border-radius-md: var(--kite-size-radius-md);
  --kite-border-radius-sm: var(--kite-size-radius-sm);
  --kite-border-radius-circle: var(--kite-size-radius-circle);
  --kite-tooltip-exit-transition-timing-function: var(--kite-tooltip-exit-transition-curve);
  --kite-tooltip-entry-transition-timing-function: var(--kite-tooltip-entry-transition-curve);
  --kite-tooltip-focus-ring-color: var(--kite-focus-ring-color);
  --kite-toast-focus-ring-color: var(--kite-focus-ring-color);
  --kite-toast-border-radius: var(--kite-border-radius-md);
  --kite-time-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-time-input-error-border-width: var(--kite-form-control-error-border-width);
  --kite-time-input-error-border-color: var(--kite-form-control-error-border-color);
  --kite-time-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom);
  --kite-time-input-label-color: var(--kite-form-control-label-text-color);
  --kite-time-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top);
  --kite-time-input-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-time-input-disabled-icon-color: var(--kite-form-control-disabled-text-color);
  --kite-time-input-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-time-input-disabled-background-color: var(--kite-form-control-disabled-background-color);
  --kite-time-input-hover-border-width: var(--kite-form-control-hover-border-width);
  --kite-time-input-focus-ring-width: var(--kite-form-control-focus-ring-width);
  --kite-time-input-focus-ring-style: var(--kite-form-control-focus-ring-style);
  --kite-time-input-padding-left: var(--kite-form-control-padding-left);
  --kite-time-input-padding-bottom: var(--kite-form-control-padding-bottom);
  --kite-time-input-padding-right: var(--kite-form-control-padding-right);
  --kite-time-input-padding-top: var(--kite-form-control-padding-top);
  --kite-time-input-border-style: var(--kite-form-control-border-style);
  --kite-time-input-text-color: var(--kite-form-control-text-color);
  --kite-text-input-secure-show-icon-focus-ring-color: var(--kite-focus-ring-color);
  --kite-text-input-error-text-margin-top: var(--kite-form-control-feedback-margin-top);
  --kite-text-input-error-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-text-input-secure-visible-icon-color: var(--kite-text-input-secure-icon-color);
  --kite-text-input-secure-visible-icon-width: var(--kite-text-input-secure-icon-width);
  --kite-text-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-text-input-error-border-width: var(--kite-form-control-error-border-width);
  --kite-text-input-error-border-color: var(--kite-form-control-error-border-color);
  --kite-text-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top);
  --kite-text-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom);
  --kite-text-input-label-text-size: var(--kite-form-control-label-text-size);
  --kite-text-input-label-text-color: var(--kite-form-control-label-text-color);
  --kite-text-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color);
  --kite-text-input-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-text-input-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-text-input-disabled-background-color: var(--kite-form-control-disabled-background-color);
  --kite-text-input-hover-border-width: var(--kite-form-control-hover-border-width);
  --kite-text-input-focus-ring-width: var(--kite-form-control-focus-ring-width);
  --kite-text-input-focus-ring-style: var(--kite-form-control-focus-ring-style);
  --kite-text-input-padding-left: var(--kite-form-control-padding-left);
  --kite-text-input-padding-bottom: var(--kite-form-control-padding-bottom);
  --kite-text-input-padding-right: var(--kite-form-control-padding-right);
  --kite-text-input-padding-top: var(--kite-form-control-padding-top);
  --kite-text-input-border-style: var(--kite-form-control-border-style);
  --kite-text-input-text-size: var(--kite-form-control-text-size);
  --kite-text-input-text-color: var(--kite-form-control-text-color);
  --kite-text-area-error-text-margin-top: var(--kite-form-control-feedback-margin-top);
  --kite-text-area-error-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-text-area-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-text-area-error-border-width: var(--kite-form-control-error-border-width);
  --kite-text-area-error-border-color: var(--kite-form-control-error-border-color);
  --kite-text-area-feedback-margin-top: var(--kite-form-control-feedback-margin-top);
  --kite-text-area-label-margin-bottom: var(--kite-form-control-label-margin-bottom);
  --kite-text-area-label-text-size: var(--kite-form-control-label-text-size);
  --kite-text-area-label-text-color: var(--kite-form-control-label-text-color);
  --kite-text-area-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color);
  --kite-text-area-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-text-area-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-text-area-disabled-background-color: var(--kite-form-control-disabled-background-color);
  --kite-text-area-hover-border-width: var(--kite-form-control-hover-border-width);
  --kite-text-area-focus-ring-width: var(--kite-form-control-focus-ring-width);
  --kite-text-area-focus-ring-style: var(--kite-form-control-focus-ring-style);
  --kite-text-area-padding-left: var(--kite-form-control-padding-left);
  --kite-text-area-padding-bottom: var(--kite-form-control-padding-bottom);
  --kite-text-area-padding-right: var(--kite-form-control-padding-right);
  --kite-text-area-padding-top: var(--kite-form-control-padding-top);
  --kite-text-area-border-style: var(--kite-form-control-border-style);
  --kite-text-area-text-size: var(--kite-form-control-text-size);
  --kite-text-area-text-color: var(--kite-form-control-text-color);
  --kite-tabs-item-focus-ring-color: var(--kite-focus-ring-color);
  --kite-tabs-item-text-weight: var(--kite-typography-body-weight);
  --kite-tabs-panel-focus-ring-color: var(--kite-focus-ring-color);
  --kite-tabs-tab-focus-ring-color: var(--kite-focus-ring-color);
  --kite-tabs-tab-text-weight: var(--kite-typography-body-weight);
  --kite-tabs-transition-timing-function: var(--kite-tabs-transition-curve);
  --kite-tabs-focus-ring-color: var(--kite-focus-ring-color);
  --kite-switch-indicator-border-radius: var(--kite-border-radius-circle);
  --kite-switch-on-focus-ring-color: var(--kite-focus-ring-color);
  --kite-switch-thumb-border-radius: var(--kite-border-radius-circle);
  --kite-switch-transition-timing-function: var(--kite-switch-transition-curve);
  --kite-skip-link-focus-ring-color: var(--kite-focus-ring-color);
  --kite-skip-link-border-radius: var(--kite-border-radius-md);
  --kite-select-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-select-error-border-width: var(--kite-form-control-error-border-width);
  --kite-select-error-border-color: var(--kite-form-control-error-border-color);
  --kite-select-feedback-margin-top: var(--kite-form-control-feedback-margin-top);
  --kite-select-label-margin-bottom: var(--kite-form-control-label-margin-bottom);
  --kite-select-label-text-size: var(--kite-form-control-label-text-size);
  --kite-select-label-text-color: var(--kite-form-control-label-text-color);
  --kite-select-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color);
  --kite-select-disabled-icon-color: var(--kite-form-control-disabled-text-color);
  --kite-select-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-select-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-select-disabled-background-color: var(--kite-form-control-disabled-background-color);
  --kite-select-hover-border-width: var(--kite-form-control-hover-border-width);
  --kite-select-focus-ring-width: var(--kite-form-control-focus-ring-width);
  --kite-select-focus-ring-style: var(--kite-form-control-focus-ring-style);
  --kite-select-padding-left: var(--kite-form-control-padding-left);
  --kite-select-padding-bottom: var(--kite-form-control-padding-bottom);
  --kite-select-padding-right: var(--kite-form-control-padding-right);
  --kite-select-padding-top: var(--kite-form-control-padding-top);
  --kite-select-border-style: var(--kite-form-control-border-style);
  --kite-select-text-size: var(--kite-form-control-text-size);
  --kite-select-text-color: var(--kite-form-control-text-color);
  --kite-search-input-error-border-width: var(--kite-form-control-error-border-width);
  --kite-search-input-error-border-color: var(--kite-form-control-error-border-color);
  --kite-search-input-placeholder-margin-left: var(--kite-form-control-padding-right);
  --kite-search-input-placeholder-margin-right: var(--kite-form-control-padding-left);
  --kite-search-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom);
  --kite-search-input-label-text-color: var(--kite-form-control-label-text-color);
  --kite-search-input-addon-icon-color: var(--kite-form-control-text-color);
  --kite-search-input-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-search-input-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-search-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color);
  --kite-search-input-hover-border-width: var(--kite-form-control-hover-border-width);
  --kite-search-input-focus-ring-style: var(--kite-form-control-focus-ring-style);
  --kite-search-input-focus-ring-width: var(--kite-form-control-focus-ring-width);
  --kite-search-input-padding-left: var(--kite-form-control-padding-left);
  --kite-search-input-padding-bottom: var(--kite-form-control-padding-bottom);
  --kite-search-input-padding-right: var(--kite-form-control-padding-right);
  --kite-search-input-padding-top: var(--kite-form-control-padding-top);
  --kite-search-input-border-style: var(--kite-form-control-border-style);
  --kite-search-input-text-color: var(--kite-form-control-text-color);
  --kite-radio-group-margin-bottom: var(--kite-form-spacing-stack-2xl);
  --kite-radio-group-margin-top: var(--kite-form-spacing-stack-2xl);
  --kite-radio-label-text-size: var(--kite-form-control-label-text-size);
  --kite-radio-label-text-color: var(--kite-form-control-label-text-color);
  --kite-radio-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color);
  --kite-radio-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-radio-selected-indicator-background-color: var(--kite-radio-selected-border-color);
  --kite-radio-selected-disabled-indicator-background-color: var(--kite-radio-selected-disabled-border-color);
  --kite-radio-selected-border-width: var(--kite-radio-border-width);
  --kite-radio-focus-ring-style: var(--kite-form-control-focus-ring-style);
  --kite-radio-margin-bottom: var(--kite-form-spacing-stack-md);
  --kite-radio-border-style: var(--kite-form-control-border-style);
  --kite-radio-border-radius: var(--kite-border-radius-circle);
  --kite-progress-indicator-lg-sub-label-text-weight: var(--kite-typography-body-weight);
  --kite-progress-indicator-circular-border-radius: var(--kite-border-radius-circle);
  --kite-progress-indicator-negative-icon-color: var(--kite-progress-indicator-negative-fill-color);
  --kite-progress-indicator-positive-icon-color: var(--kite-progress-indicator-positive-fill-color);
  --kite-progress-indicator-secondary-label-weight: var(--kite-typography-body-weight);
  --kite-progress-indicator-value-label-color: var(--kite-progress-indicator-fill-color);
  --kite-progress-indicator-focus-ring-color: var(--kite-focus-ring-color);
  --kite-popover-dismiss-icon-color: var(--kite-popover-text-color);
  --kite-popover-trigger-hover-icon-color: var(--kite-popover-trigger-icon-color);
  --kite-popover-trigger-focus-ring-radius: var(--kite-border-radius-circle);
  --kite-popover-trigger-focus-ring-color: var(--kite-focus-ring-color);
  --kite-popover-focus-ring-color: var(--kite-focus-ring-color);
  --kite-popover-background-color: var(--kite-card-background-color);
  --kite-payment-logo-focus-ring-color: var(--kite-focus-ring-color);
  --kite-pagination-controls-button-previous-border-style: var(--kite-pagination-controls-border-style);
  --kite-pagination-controls-button-previous-border-color: var(--kite-pagination-controls-border-color);
  --kite-pagination-dropdown-border-radius: var(--kite-border-radius-md);
  --kite-pagination-page-select-current-label-margin-left: var(--kite-pagination-dropdown-margin-left);
  --kite-pagination-page-select-current-label-margin-right: var(--kite-pagination-dropdown-margin-right);
  --kite-pagination-controls-button-focus-ring-color: var(--kite-focus-ring-color);
  --kite-pagination-controls-button-border-style: var(--kite-pagination-controls-border-style);
  --kite-pagination-controls-button-border-color: var(--kite-pagination-controls-border-color);
  --kite-pagination-controls-border-width: var(--kite-border-width);
  --kite-pagination-controls-border-radius: var(--kite-border-radius-md);
  --kite-meter-linear-large-border-radius: var(--kite-border-radius-lg);
  --kite-meter-linear-small-border-radius: var(--kite-border-radius-md);
  --kite-meter-linear-track-border-radius: var(--kite-border-radius-md);
  --kite-meter-circular-lg-tick-width: var(--kite-meter-circular-tick-width);
  --kite-meter-circular-lg-track-height: var(--kite-meter-circular-track-height);
  --kite-meter-circular-sm-value-label-text-line-height: 1.429;
  --kite-meter-circular-sm-value-label-text-size: var(--kite-meter-sm-label-text-size);
  --kite-meter-circular-sm-label-text-line-height: 1.429;
  --kite-meter-circular-sm-label-text-size: var(--kite-meter-sm-label-text-size);
  --kite-meter-circular-tick-height: var(--kite-meter-circular-track-height);
  --kite-meter-circular-fill-color: var(--kite-meter-fill-color);
  --kite-meter-circular-track-margin-bottom: var(--kite-meter-track-margin-bottom);
  --kite-meter-lg-track-border-radius: var(--kite-border-radius-lg);
  --kite-meter-sm-track-border-radius: var(--kite-border-radius-md);
  --kite-meter-caution-icon-color: var(--kite-meter-caution-fill-color);
  --kite-meter-negative-icon-color: var(--kite-meter-negative-fill-color);
  --kite-meter-positive-icon-color: var(--kite-meter-positive-fill-color);
  --kite-meter-icon-color: var(--kite-meter-fill-color);
  --kite-meter-track-border-radius: var(--kite-border-radius-md);
  --kite-menu-list-item-border-bottom-width: var(--kite-border-width);
  --kite-menu-contextual-label-trigger-activated-label-text-color: var(--kite-menu-trigger-activated-icon-color);
  --kite-menu-contextual-label-trigger-padding-left: var(--kite-menu-trigger-padding-left);
  --kite-menu-contextual-label-trigger-padding-right: var(--kite-menu-trigger-padding-right);
  --kite-menu-trigger-focus-ring-color: var(--kite-focus-ring-color);
  --kite-menu-trigger-border-radius: var(--kite-border-radius-md);
  --kite-menu-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color);
  --kite-menu-list-item-focus-ring-color: var(--kite-focus-ring-color);
  --kite-menu-list-item-border-width: var(--kite-border-width);
  --kite-menu-list-item-border-color: var(--kite-menu-list-border-color);
  --kite-menu-list-border-width: var(--kite-border-width);
  --kite-menu-list-border-radius: var(--kite-border-radius-md);
  --kite-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight);
  --kite-list-item-expandable-content-padding-left: var(--kite-list-item-padding-left);
  --kite-list-item-expandable-content-padding-bottom: var(--kite-list-item-padding-bottom);
  --kite-list-item-expandable-content-padding-right: var(--kite-list-item-padding-right);
  --kite-list-item-disabled-icon-color: var(--kite-list-item-disabled-text-color);
  --kite-list-item-title-text-weight: var(--kite-typography-title-6-weight);
  --kite-list-item-label-text-color: var(--kite-list-item-text-color);
  --kite-list-item-icon-color: var(--kite-list-item-text-color);
  --kite-list-item-slot-end-margin-left: var(--kite-list-end-margin-left);
  --kite-list-item-slot-start-margin-right: var(--kite-list-start-margin-right);
  --kite-list-item-padding-bottom-lg: var(--kite-list-item-padding-bottom);
  --kite-list-item-padding-top-lg: var(--kite-list-item-padding-top);
  --kite-list-item-padding-bottom-md: var(--kite-list-item-padding-bottom);
  --kite-list-item-padding-top-md: var(--kite-list-item-padding-top);
  --kite-list-item-padding-bottom-sm: var(--kite-list-item-padding-bottom);
  --kite-list-item-padding-top-sm: var(--kite-list-item-padding-top);
  --kite-list-item-focus-ring-color: var(--kite-focus-ring-color);
  --kite-list-item-border-style: var(--kite-list-border-style);
  --kite-list-item-border-color: var(--kite-list-border-color);
  --kite-list-focus-ring-color: var(--kite-focus-ring-color);
  --kite-list-border-width: var(--kite-border-width);
  --kite-link-standalone-icon-margin-left: var(--kite-link-icon-margin);
  --kite-link-standalone-visited-icon-color: var(--kite-link-visited-text-color);
  --kite-link-icon-color: var(--kite-link-text-color);
  --kite-link-focus-text-color: var(--kite-link-text-color);
  --kite-link-focus-ring-color: var(--kite-focus-ring-color);
  --kite-link-text-weight: var(--kite-typography-body-weight);
  --kite-interactive-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight);
  --kite-interactive-list-item-disabled-icon-color: var(--kite-interactive-list-item-disabled-text-color);
  --kite-interactive-list-item-title-text-weight: var(--kite-typography-title-6-weight);
  --kite-interactive-list-item-label-text-color: var(--kite-interactive-list-item-text-color);
  --kite-interactive-list-item-icon-color: var(--kite-interactive-list-item-text-color);
  --kite-interactive-list-item-padding-bottom-lg: var(--kite-interactive-list-item-padding-bottom);
  --kite-interactive-list-item-padding-top-lg: var(--kite-interactive-list-item-padding-top);
  --kite-interactive-list-item-padding-bottom-md: var(--kite-interactive-list-item-padding-bottom);
  --kite-interactive-list-item-padding-top-md: var(--kite-interactive-list-item-padding-top);
  --kite-interactive-list-item-padding-bottom-sm: var(--kite-interactive-list-item-padding-bottom);
  --kite-interactive-list-item-padding-top-sm: var(--kite-interactive-list-item-padding-top);
  --kite-interactive-list-item-focus-ring-color: var(--kite-focus-ring-color);
  --kite-interactive-list-item-border-style: var(--kite-interactive-list-border-style);
  --kite-interactive-list-item-border-color: var(--kite-interactive-list-border-color);
  --kite-interactive-list-focus-ring-color: var(--kite-focus-ring-color);
  --kite-interactive-list-border-width: var(--kite-border-width);
  --kite-dynamic-hint-criteria-text-color: var(--kite-dynamic-hint-text-color);
  --kite-dynamic-hint-criteria-text-size: var(--kite-dynamic-hint-text-size);
  --kite-dynamic-hint-focus-ring-color: var(--kite-focus-ring-color);
  --kite-dynamic-hint-background-color: var(--kite-card-background-color);
  --kite-dropdown-list-item-border-bottom-width: var(--kite-border-width);
  --kite-dropdown-inline-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-dropdown-inline-focus-ring-color: var(--kite-focus-ring-color);
  --kite-dropdown-inline-border-style: var(--kite-form-control-border-style);
  --kite-dropdown-inline-text-color: var(--kite-form-control-text-color);
  --kite-dropdown-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color);
  --kite-dropdown-list-item-focus-ring-color: var(--kite-focus-ring-color);
  --kite-dropdown-list-item-border-width: var(--kite-border-width);
  --kite-dropdown-list-item-border-color: var(--kite-menu-list-border-color);
  --kite-dropdown-list-border-width: var(--kite-border-width);
  --kite-dropdown-list-border-radius: var(--kite-border-radius-md);
  --kite-dropdown-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-dropdown-error-border-width: var(--kite-form-control-error-border-width);
  --kite-dropdown-error-border-color: var(--kite-form-control-error-border-color);
  --kite-dropdown-feedback-margin-top: var(--kite-form-control-feedback-margin-top);
  --kite-dropdown-label-margin-bottom: var(--kite-form-control-label-margin-bottom);
  --kite-dropdown-label-text-size: var(--kite-form-control-label-text-size);
  --kite-dropdown-label-text-color: var(--kite-form-control-label-text-color);
  --kite-dropdown-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color);
  --kite-dropdown-disabled-icon-color: var(--kite-form-control-disabled-text-color);
  --kite-dropdown-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-dropdown-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-dropdown-disabled-background-color: var(--kite-form-control-disabled-background-color);
  --kite-dropdown-hover-border-width: var(--kite-form-control-hover-border-width);
  --kite-dropdown-padding-left: var(--kite-form-control-padding-left);
  --kite-dropdown-padding-bottom: var(--kite-form-control-padding-bottom);
  --kite-dropdown-padding-right: var(--kite-form-control-padding-right);
  --kite-dropdown-padding-top: var(--kite-form-control-padding-top);
  --kite-dropdown-border-style: var(--kite-form-control-border-style);
  --kite-dropdown-text-size: var(--kite-form-control-text-size);
  --kite-dropdown-text-color: var(--kite-form-control-text-color);
  --kite-dialog-default-size-border-radius: var(--kite-border-radius-md);
  --kite-dialog-scrolled-border-top-width: var(--kite-border-width);
  --kite-dialog-dismiss-icon-color: var(--kite-dialog-icon-color);
  --kite-dialog-title-text-weight: var(--kite-typography-title-5-weight);
  --kite-dialog-breakpoint-md-border-radius: var(--kite-border-radius-md);
  --kite-dialog-focus-ring-color: var(--kite-focus-ring-color);
  --kite-dialog-padding-left: var(--kite-dialog-full-size-padding-left);
  --kite-dialog-padding-bottom: var(--kite-dialog-full-size-padding-bottom);
  --kite-dialog-padding-right: var(--kite-dialog-full-size-padding-right);
  --kite-dialog-padding-top: var(--kite-dialog-full-size-padding-top);
  --kite-dialog-border-style: var(--kite-container-border-style);
  --kite-dialog-border-color: var(--kite-container-border-color);
  --kite-date-input-error-border-width: var(--kite-form-control-error-border-width);
  --kite-date-input-error-border-color: var(--kite-form-control-error-border-color);
  --kite-date-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-date-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom);
  --kite-date-input-label-text-color: var(--kite-form-control-label-text-color);
  --kite-date-input-picker-offset: var(--kite-form-control-picker-offset);
  --kite-date-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color);
  --kite-date-input-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-date-input-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-date-input-hover-border-width: var(--kite-form-control-hover-border-width);
  --kite-date-input-focus-ring-width: var(--kite-form-control-focus-ring-width);
  --kite-date-input-focus-ring-style: var(--kite-form-control-focus-ring-style);
  --kite-date-input-padding-left: var(--kite-form-control-padding-left);
  --kite-date-input-padding-bottom: var(--kite-form-control-padding-bottom);
  --kite-date-input-padding-right: var(--kite-form-control-padding-right);
  --kite-date-input-padding-top: var(--kite-form-control-padding-top);
  --kite-date-input-border-style: var(--kite-form-control-border-style);
  --kite-date-input-text-color: var(--kite-form-control-text-color);
  --kite-data-table-row-focus-ring-width: var(--kite-data-table-focus-ring-width);
  --kite-data-table-row-focus-ring-style: var(--kite-data-table-focus-ring-style);
  --kite-data-table-row-border-style: var(--kite-data-table-border-style);
  --kite-data-table-row-border-color: var(--kite-data-table-border-color);
  --kite-data-table-cell-focus-ring-width: var(--kite-data-table-focus-ring-width);
  --kite-data-table-cell-focus-ring-style: var(--kite-data-table-focus-ring-style);
  --kite-data-table-cell-padding-left: var(--kite-data-table-padding-left);
  --kite-data-table-cell-padding-bottom: var(--kite-data-table-padding-bottom);
  --kite-data-table-cell-padding-right: var(--kite-data-table-padding-right);
  --kite-data-table-cell-padding-top: var(--kite-data-table-padding-top);
  --kite-data-table-cell-border-style: var(--kite-data-table-border-style);
  --kite-data-table-cell-border-color: var(--kite-data-table-border-color);
  --kite-data-table-header-border-bottom-style: var(--kite-data-table-border-style);
  --kite-data-table-header-border-bottom-color: var(--kite-data-table-border-color);
  --kite-data-table-header-text-color: var(--kite-data-table-text-color);
  --kite-data-table-focus-ring-color: var(--kite-focus-ring-color);
  --kite-data-table-border-width: var(--kite-border-width);
  --kite-combobox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-combobox-error-border-width: var(--kite-form-control-error-border-width);
  --kite-combobox-error-border-color: var(--kite-form-control-error-border-color);
  --kite-combobox-picker-offset-y: var(--kite-form-control-picker-offset);
  --kite-combobox-label-text-color: var(--kite-form-control-label-text-color);
  --kite-combobox-label-margin-bottom: var(--kite-form-control-label-margin-bottom);
  --kite-combobox-feedback-margin-top: var(--kite-form-control-feedback-margin-top);
  --kite-combobox-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-combobox-disabled-icon-color: var(--kite-form-control-disabled-text-color);
  --kite-combobox-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-combobox-disabled-background-color: var(--kite-form-control-disabled-background-color);
  --kite-combobox-hover-border-width: var(--kite-form-control-hover-border-width);
  --kite-combobox-focus-ring-color: var(--kite-focus-ring-color);
  --kite-combobox-focus-ring-style: var(--kite-form-control-focus-ring-style);
  --kite-combobox-focus-ring-width: var(--kite-form-control-focus-ring-width);
  --kite-combobox-padding-left: var(--kite-form-control-padding-left);
  --kite-combobox-padding-bottom: var(--kite-form-control-padding-bottom);
  --kite-combobox-padding-right: var(--kite-form-control-padding-right);
  --kite-combobox-padding-top: var(--kite-form-control-padding-top);
  --kite-combobox-border-style: var(--kite-form-control-border-style);
  --kite-combobox-text-color: var(--kite-form-control-text-color);
  --kite-chip-selected-padding-bottom: var(--kite-chip-padding-bottom);
  --kite-chip-selected-padding-top: var(--kite-chip-padding-top);
  --kite-chip-border-width: var(--kite-border-width);
  --kite-checkbox-indeterminate-disabled-background-color: var(--kite-checkbox-selected-disabled-background-color);
  --kite-checkbox-indeterminate-icon-color: var(--kite-checkbox-selected-icon-color);
  --kite-checkbox-indeterminate-background-color: var(--kite-checkbox-selected-background-color);
  --kite-checkbox-group-checkbox-margin-bottom: var(--kite-form-spacing-stack-md);
  --kite-checkbox-feedback-margin-top: var(--kite-form-control-feedback-margin-top);
  --kite-checkbox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color);
  --kite-checkbox-error-border-color: var(--kite-form-control-error-border-color);
  --kite-checkbox-label-text-size: var(--kite-form-control-label-text-size);
  --kite-checkbox-label-text-color: var(--kite-form-control-label-text-color);
  --kite-checkbox-disabled-label-text-color: var(--kite-form-control-disabled-text-color);
  --kite-checkbox-disabled-border-color: var(--kite-form-control-disabled-border-color);
  --kite-checkbox-selected-disabled-icon-color: var(--kite-checkbox-disabled-icon-color);
  --kite-checkbox-focus-ring-radius: var(--kite-border-radius-md);
  --kite-checkbox-focus-ring-color: var(--kite-focus-ring-color);
  --kite-checkbox-border-style: var(--kite-form-control-border-style);
  --kite-card-focus-ring-color: var(--kite-focus-ring-color);
  --kite-card-padding-left: var(--kite-card-padding-left-sm);
  --kite-card-padding-bottom: var(--kite-card-padding-bottom-sm);
  --kite-card-padding-right: var(--kite-card-padding-right-sm);
  --kite-card-padding-top: var(--kite-card-padding-top-sm);
  --kite-card-border-style: var(--kite-container-border-style);
  --kite-card-border-radius: var(--kite-border-radius-md);
  --kite-card-border-color: var(--kite-container-border-color);
  --kite-calendar-standalone-background-color: var(--kite-card-background-color);
  --kite-calendar-day-out-range-text-color: var(--kite-form-control-disabled-text-color);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color);
  --kite-calendar-day-out-month-text-color: var(--kite-form-control-disabled-text-color);
  --kite-calendar-day-due-border-radius: var(--kite-border-radius-md);
  --kite-calendar-day-disabled-text-color: var(--kite-form-control-disabled-text-color);
  --kite-calendar-day-text-color: var(--kite-form-control-text-color);
  --kite-calendar-controls-text-color: var(--kite-form-control-text-color);
  --kite-calendar-focus-ring-width: var(--kite-form-control-focus-ring-width);
  --kite-calendar-focus-ring-style: var(--kite-form-control-focus-ring-style);
  --kite-calendar-border-width: var(--kite-border-width);
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-button-disabled-text-color);
  --kite-button-borderless-destructive-icon-color: var(--kite-button-borderless-destructive-text-color);
  --kite-button-borderless-disabled-text-color: var(--kite-button-disabled-text-color);
  --kite-button-borderless-press-icon-color: var(--kite-button-borderless-press-text-color);
  --kite-button-borderless-hover-icon-color: var(--kite-button-borderless-hover-text-color);
  --kite-button-borderless-focus-icon-color: var(--kite-button-borderless-focus-text-color);
  --kite-button-borderless-icon-color: var(--kite-button-borderless-text-color);
  --kite-button-borderless-border-style: var(--kite-button-border-style);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-button-disabled-text-color);
  --kite-button-secondary-destructive-press-text-color: var(--kite-button-destructive-press-text-color);
  --kite-button-secondary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color);
  --kite-button-secondary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color);
  --kite-button-secondary-destructive-icon-color: var(--kite-button-secondary-destructive-text-color);
  --kite-button-secondary-disabled-text-color: var(--kite-button-disabled-text-color);
  --kite-button-secondary-press-text-color: var(--kite-button-press-text-color);
  --kite-button-secondary-hover-text-color: var(--kite-button-hover-text-color);
  --kite-button-secondary-focus-text-color: var(--kite-button-focus-text-color);
  --kite-button-secondary-border-style: var(--kite-button-border-style);
  --kite-button-secondary-icon-color: var(--kite-button-secondary-text-color);
  --kite-button-primary-destructive-disabled-border-color: var(--kite-button-destructive-disabled-border-color);
  --kite-button-primary-destructive-disabled-background-color: var(--kite-button-destructive-disabled-background-color);
  --kite-button-primary-destructive-press-text-color: var(--kite-button-destructive-press-text-color);
  --kite-button-primary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color);
  --kite-button-primary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color);
  --kite-button-primary-destructive-text-color: var(--kite-button-destructive-text-color);
  --kite-button-primary-destructive-background-color: var(--kite-button-destructive-background-color);
  --kite-button-primary-hover-text-color: var(--kite-button-hover-text-color);
  --kite-button-primary-hover-background-color: var(--kite-button-hover-background-color);
  --kite-button-primary-focus-text-color: var(--kite-button-focus-text-color);
  --kite-button-primary-focus-background-color: var(--kite-button-focus-background-color);
  --kite-button-primary-disabled-text-color: var(--kite-button-disabled-text-color);
  --kite-button-primary-press-text-color: var(--kite-button-press-text-color);
  --kite-button-primary-press-background-color: var(--kite-button-press-background-color);
  --kite-button-primary-text-color: var(--kite-button-text-color);
  --kite-button-primary-border-style: var(--kite-button-border-style);
  --kite-button-primary-background-color: var(--kite-button-background-color);
  --kite-button-destructive-disabled-text-color: var(--kite-button-disabled-text-color);
  --kite-button-destructive-press-icon-color: var(--kite-button-destructive-press-text-color);
  --kite-button-destructive-hover-icon-color: var(--kite-button-destructive-hover-text-color);
  --kite-button-destructive-focus-icon-color: var(--kite-button-destructive-focus-text-color);
  --kite-button-destructive-icon-color: var(--kite-button-destructive-text-color);
  --kite-button-destructive-focus-ring-color: var(--kite-focus-ring-color);
  --kite-button-icon-color: var(--kite-button-text-color);
  --kite-button-disabled-icon-color: var(--kite-button-disabled-text-color);
  --kite-button-press-icon-color: var(--kite-button-press-text-color);
  --kite-button-hover-icon-color: var(--kite-button-hover-text-color);
  --kite-button-focus-icon-color: var(--kite-button-focus-text-color);
  --kite-button-focus-ring-radius: var(--kite-border-radius-lg);
  --kite-button-focus-ring-color: var(--kite-focus-ring-color);
  --kite-button-border-width: var(--kite-border-width);
  --kite-button-border-radius: var(--kite-border-radius-md);
  --kite-blockquote-focus-ring-color: var(--kite-focus-ring-color);
  --kite-badge-focus-ring-color: var(--kite-focus-ring-color);
  --kite-badge-border-width: var(--kite-border-width);
  --kite-alert-page-border-radius: var(--kite-border-radius-md);
  --kite-alert-passive-caution-status-icon-color: var(--kite-alert-text-color);
  --kite-alert-passive-title-letter-spacing: var(--kite-typography-body-letter-spacing);
  --kite-alert-passive-link-text-color: var(--kite-alert-text-color);
  --kite-alert-dismiss-icon-color: var(--kite-alert-text-color);
  --kite-alert-border-width: var(--kite-border-width);
  --kite-alert-border-radius: var(--kite-border-radius-md);
  --kite-alert-text-weight: var(--kite-typography-body-weight);
  --kite-accordion-border-bottom-width: var(--kite-border-width);
  --kite-accordion-expanded-transition-timing-function: var(--kite-accordion-expanded-transition-curve);
  --kite-accordion-label-text-weight: var(--kite-typography-body-weight);
  --kite-accordion-icon-transition-timing-function: var(--kite-accordion-icon-transition-curve);
  --kite-accordion-icon-color: var(--kite-accordion-title-text-color);
  --kite-accordion-focus-ring-color: var(--kite-focus-ring-color);
  --kite-accordion-padding-left: var(--kite-accordion-padding-left-sm);
  --kite-accordion-padding-bottom: var(--kite-accordion-padding-bottom-sm);
  --kite-accordion-padding-right: var(--kite-accordion-padding-right-sm);
  --kite-accordion-padding-top: var(--kite-accordion-padding-top-sm);
  --kite-accordion-border-width: var(--kite-border-width);
  --kite-my-component-icon-color: var(--kite-my-component-text-color);
  --kite-my-component-focus-ring-color: var(--kite-focus-ring-color);
  --kite-my-component-border-width: var(--kite-border-width);
  --kite-typography-caption-letter-spacing: var(--kite-typography-caption-1-letter-spacing);
  --kite-typography-caption-style: var(--kite-typography-caption-1-style);
  --kite-typography-caption-weight: var(--kite-typography-caption-1-weight);
  --kite-typography-caption-2-margin-bottom: var(--kite-typography-sm-caption-2-margin-bottom);
  --kite-typography-caption-1-margin-bottom: var(--kite-typography-sm-caption-1-margin-bottom);
  --kite-typography-eyebrow-margin-bottom: var(--kite-typography-sm-eyebrow-margin-bottom);
  --kite-typography-eyebrow-letter-spacing: var(--kite-typography-sm-eyebrow-letter-spacing);
  --kite-typography-body-margin-bottom: var(--kite-typography-sm-body-margin-bottom);
  --kite-typography-body-display-margin-bottom: var(--kite-typography-sm-body-display-margin-bottom);
  --kite-typography-title-6-margin-bottom: var(--kite-typography-sm-title-6-margin-bottom);
  --kite-typography-title-5-margin-bottom: var(--kite-typography-sm-title-5-margin-bottom);
  --kite-typography-title-4-margin-bottom: var(--kite-typography-sm-title-4-margin-bottom);
  --kite-typography-title-3-margin-bottom: var(--kite-typography-sm-title-3-margin-bottom);
  --kite-typography-title-2-margin-bottom: var(--kite-typography-sm-title-2-margin-bottom);
  --kite-typography-title-1-margin-bottom: var(--kite-typography-sm-title-1-margin-bottom);
  --kite-typography-display-margin-bottom: var(--kite-typography-sm-display-margin-bottom);
  --kite-typography-display-letter-spacing: var(--kite-typography-sm-display-letter-spacing);
  --kite-form-spacing-stack: var(--kite-form-spacing-stack-xl);
  --kite-form-control-input-focus-ring-color: var(--kite-focus-ring-color);
  --kite-form-control-picker-list-item-negative-icon-color: var(--kite-form-control-picker-list-item-negative-text-color);
  --kite-form-control-picker-list-item-focus-ring-color: var(--kite-focus-ring-color);
  --kite-form-control-picker-list-item-border-style: var(--kite-form-control-picker-border-style);
  --kite-form-control-picker-padding-left: var(--kite-form-control-padding-left);
  --kite-form-control-picker-padding-bottom: var(--kite-form-control-padding-bottom);
  --kite-form-control-picker-padding-right: var(--kite-form-control-padding-right);
  --kite-form-control-picker-padding-top: var(--kite-form-control-padding-top);
  --kite-form-control-picker-border-radius: var(--kite-border-radius-md);
  --kite-form-control-picker-border-width: var(--kite-border-width);
  --kite-form-control-picker-border-color: var(--kite-container-border-color);
  --kite-form-control-label-text-weight: var(--kite-typography-body-weight);
  --kite-form-control-focus-border-color: var(--kite-focus-ring-color);
  --kite-form-control-focus-ring-color: var(--kite-focus-ring-color);
  --kite-form-control-border-width: var(--kite-border-width);
  --kite-container-border-width: var(--kite-border-width);
  --kite-border-radius: var(--kite-border-radius-sm);
  --kite-tooltip-border-style: var(--kite-card-border-style);
  --kite-tooltip-border-radius: var(--kite-card-border-radius);
  --kite-time-input-label-text-weight: var(--kite-form-control-label-text-weight);
  --kite-time-input-focus-ring-color: var(--kite-form-control-focus-ring-color);
  --kite-time-input-border-width: var(--kite-form-control-border-width);
  --kite-text-input-secure-icon-focus-ring-width: var(--kite-text-input-focus-ring-width);
  --kite-text-input-secure-icon-focus-ring-style: var(--kite-text-input-focus-ring-style);
  --kite-text-input-focus-ring-color: var(--kite-form-control-focus-ring-color);
  --kite-text-input-margin-bottom: var(--kite-form-spacing-stack);
  --kite-text-input-border-width: var(--kite-form-control-border-width);
  --kite-text-area-focus-ring-color: var(--kite-form-control-focus-ring-color);
  --kite-text-area-margin-bottom: var(--kite-form-spacing-stack);
  --kite-text-area-border-width: var(--kite-form-control-border-width);
  --kite-switch-margin-bottom: var(--kite-form-spacing-stack);
  --kite-select-focus-ring-color: var(--kite-form-control-focus-ring-color);
  --kite-select-margin-bottom: var(--kite-form-spacing-stack);
  --kite-select-border-width: var(--kite-form-control-border-width);
  --kite-search-input-focus-ring-color: var(--kite-form-control-focus-ring-color);
  --kite-search-input-border-width: var(--kite-form-control-border-width);
  --kite-radio-label-text-weight: var(--kite-form-control-label-text-weight);
  --kite-radio-selected-indicator-border-radius: var(--kite-radio-border-radius);
  --kite-radio-selected-focus-ring-style: var(--kite-radio-focus-ring-style);
  --kite-radio-selected-border-style: var(--kite-radio-border-style);
  --kite-radio-focus-ring-radius: var(--kite-radio-border-radius);
  --kite-radio-focus-ring-color: var(--kite-form-control-focus-ring-color);
  --kite-popover-trigger-expanded-icon-color: var(--kite-popover-trigger-hover-icon-color);
  --kite-popover-trigger-focus-icon-color: var(--kite-popover-trigger-hover-icon-color);
  --kite-popover-arrow-background-color: var(--kite-popover-background-color);
  --kite-popover-padding-left: var(--kite-card-padding-left);
  --kite-popover-padding-bottom: var(--kite-card-padding-bottom);
  --kite-popover-padding-right: var(--kite-card-padding-right);
  --kite-popover-padding-top: var(--kite-card-padding-top);
  --kite-popover-border-style: var(--kite-card-border-style);
  --kite-popover-border-radius: var(--kite-card-border-radius);
  --kite-popover-border-color: var(--kite-card-border-color);
  --kite-pagination-controls-button-previous-border-width: var(--kite-pagination-controls-border-width);
  --kite-pagination-controls-button-border-width: var(--kite-pagination-controls-border-width);
  --kite-meter-circular-lg-tick-height: var(--kite-meter-circular-lg-track-height);
  --kite-meter-circular-icon-color: var(--kite-meter-circular-fill-color);
  --kite-list-item-disabled-action-icon-color: var(--kite-list-item-disabled-icon-color);
  --kite-list-item-action-icon-color: var(--kite-list-item-icon-color);
  --kite-list-item-border-width: var(--kite-list-border-width);
  --kite-link-standalone-icon-color: var(--kite-link-icon-color);
  --kite-link-standalone-focus-icon-color: var(--kite-link-focus-text-color);
  --kite-interactive-list-item-disabled-action-icon-color: var(--kite-interactive-list-item-disabled-icon-color);
  --kite-interactive-list-item-action-icon-color: var(--kite-interactive-list-item-icon-color);
  --kite-interactive-list-item-border-width: var(--kite-interactive-list-border-width);
  --kite-dynamic-hint-arrow-background-color: var(--kite-dynamic-hint-background-color);
  --kite-dynamic-hint-padding-left: var(--kite-card-padding-left);
  --kite-dynamic-hint-padding-bottom: var(--kite-card-padding-bottom);
  --kite-dynamic-hint-padding-right: var(--kite-card-padding-right);
  --kite-dynamic-hint-padding-top: var(--kite-card-padding-top);
  --kite-dynamic-hint-border-style: var(--kite-card-border-style);
  --kite-dynamic-hint-border-radius: var(--kite-card-border-radius);
  --kite-dynamic-hint-border-color: var(--kite-card-border-color);
  --kite-dropdown-inline-placeholder-text-color: var(--kite-dropdown-inline-text-color);
  --kite-dropdown-inline-disabled-icon-color: var(--kite-dropdown-inline-disabled-text-color);
  --kite-dropdown-icon-color: var(--kite-dropdown-text-color);
  --kite-dropdown-focus-ring-width: var(--kite-select-focus-ring-width);
  --kite-dropdown-focus-ring-style: var(--kite-select-focus-ring-style);
  --kite-dropdown-margin-bottom: var(--kite-form-spacing-stack);
  --kite-dropdown-border-width: var(--kite-form-control-border-width);
  --kite-date-input-focus-ring-color: var(--kite-form-control-focus-ring-color);
  --kite-date-input-border-width: var(--kite-form-control-border-width);
  --kite-data-table-row-focus-ring-color: var(--kite-data-table-focus-ring-color);
  --kite-data-table-row-border-width: var(--kite-data-table-border-width);
  --kite-data-table-cell-focus-ring-color: var(--kite-data-table-focus-ring-color);
  --kite-data-table-cell-border-width: var(--kite-data-table-border-width);
  --kite-data-table-header-border-bottom-width: var(--kite-data-table-border-width);
  --kite-combobox-label-text-weight: var(--kite-form-control-label-text-weight);
  --kite-combobox-border-width: var(--kite-form-control-border-width);
  --kite-checkbox-indeterminate-disabled-icon-color: var(--kite-checkbox-selected-disabled-icon-color);
  --kite-checkbox-error-selected-background-color: var(--kite-checkbox-error-border-color);
  --kite-checkbox-error-feedback-icon-color: var(--kite-checkbox-error-feedback-text-color);
  --kite-checkbox-label-text-weight: var(--kite-form-control-label-text-weight);
  --kite-checkbox-selected-disabled-border-color: var(--kite-checkbox-disabled-border-color);
  --kite-checkbox-margin-bottom: var(--kite-form-spacing-stack);
  --kite-checkbox-border-radius: var(--kite-border-radius);
  --kite-card-border-width: var(--kite-container-border-width);
  --kite-calendar-standalone-border-radius: var(--kite-card-border-radius);
  --kite-calendar-standalone-border-style: var(--kite-card-border-style);
  --kite-calendar-standalone-border-color: var(--kite-card-border-color);
  --kite-calendar-focus-ring-color: var(--kite-form-control-focus-ring-color);
  --kite-calendar-border-radius: var(--kite-border-radius);
  --kite-button-borderless-disabled-icon-fill: var(--kite-button-disabled-icon-color);
  --kite-button-secondary-hover-icon-fill: var(--kite-button-hover-icon-color);
  --kite-button-secondary-focus-icon-fill: var(--kite-button-focus-icon-color);
  --kite-button-secondary-disabled-icon-fill: var(--kite-button-disabled-icon-color);
  --kite-button-secondary-active-icon-fill: var(--kite-button-press-icon-color);
  --kite-button-primary-hover-icon-fill: var(--kite-button-hover-icon-color);
  --kite-button-primary-focus-icon-fill: var(--kite-button-focus-icon-color);
  --kite-button-primary-disabled-icon-fill: var(--kite-button-disabled-icon-color);
  --kite-button-primary-active-icon-fill: var(--kite-button-press-icon-color);
  --kite-button-primary-icon-fill: var(--kite-button-icon-color);
  --kite-button-borderless-destructive-disabled-icon-color: var(--kite-button-borderless-destructive-disabled-text-color);
  --kite-button-borderless-disabled-icon-color: var(--kite-button-borderless-disabled-text-color);
  --kite-button-borderless-border-width: var(--kite-button-border-width);
  --kite-button-secondary-destructive-disabled-icon-color: var(--kite-button-secondary-disabled-text-color);
  --kite-button-secondary-destructive-press-icon-color: var(--kite-button-secondary-destructive-press-text-color);
  --kite-button-secondary-destructive-hover-icon-color: var(--kite-button-secondary-destructive-hover-text-color);
  --kite-button-secondary-destructive-focus-icon-color: var(--kite-button-secondary-destructive-focus-text-color);
  --kite-button-secondary-disabled-icon-color: var(--kite-button-secondary-disabled-text-color);
  --kite-button-secondary-press-icon-color: var(--kite-button-secondary-press-text-color);
  --kite-button-secondary-hover-icon-color: var(--kite-button-secondary-hover-text-color);
  --kite-button-secondary-focus-icon-color: var(--kite-button-secondary-focus-text-color);
  --kite-button-secondary-border-width: var(--kite-button-border-width);
  --kite-button-primary-destructive-disabled-text-color: var(--kite-button-destructive-disabled-text-color);
  --kite-button-primary-destructive-press-icon-color: var(--kite-button-primary-destructive-press-text-color);
  --kite-button-primary-destructive-hover-icon-color: var(--kite-button-primary-destructive-hover-text-color);
  --kite-button-primary-destructive-focus-icon-color: var(--kite-button-primary-destructive-focus-text-color);
  --kite-button-primary-destructive-icon-color: var(--kite-button-primary-destructive-text-color);
  --kite-button-primary-hover-icon-color: var(--kite-button-primary-hover-text-color);
  --kite-button-primary-focus-icon-color: var(--kite-button-primary-focus-text-color);
  --kite-button-primary-disabled-icon-color: var(--kite-button-primary-disabled-text-color);
  --kite-button-primary-press-icon-color: var(--kite-button-primary-press-text-color);
  --kite-button-primary-icon-color: var(--kite-button-primary-text-color);
  --kite-button-primary-border-width: var(--kite-button-border-width);
  --kite-button-destructive-disabled-icon-color: var(--kite-button-destructive-disabled-text-color);
  --kite-alert-passive-border-radius: var(--kite-alert-border-radius);
  --kite-typography-caption-margin-bottom: var(--kite-typography-caption-1-margin-bottom);
  --kite-form-control-picker-list-item-border-width: var(--kite-form-control-picker-border-width);
  --kite-form-control-picker-list-item-border-color: var(--kite-form-control-picker-border-color);
  --kite-container-border-radius: var(--kite-border-radius);
  --kite-text-input-secure-icon-focus-ring-color: var(--kite-text-input-focus-ring-color);
  --kite-radio-selected-focus-ring-color: var(--kite-radio-focus-ring-color);
  --kite-popover-arrow-border-style: var(--kite-popover-border-style);
  --kite-popover-arrow-border-color: var(--kite-popover-border-color);
  --kite-popover-border-width: var(--kite-card-border-width);
  --kite-dynamic-hint-arrow-border-style: var(--kite-dynamic-hint-border-style);
  --kite-dynamic-hint-arrow-border-color: var(--kite-dynamic-hint-border-color);
  --kite-dynamic-hint-border-width: var(--kite-card-border-width);
  --kite-dropdown-focus-ring-color: var(--kite-select-focus-ring-color);
  --kite-checkbox-indeterminate-disabled-border-color: var(--kite-checkbox-selected-disabled-border-color);
  --kite-calendar-standalone-border-width: var(--kite-card-border-width);
  --kite-button-primary-destructive-disabled-icon-color: var(--kite-button-primary-destructive-disabled-text-color);
  --kite-dynamic-hint-arrow-border-width: var(--kite-dynamic-hint-border-width)
}
.kite-theme--mode-compact {
  --kite-layout-2xl: 10rem;
  --kite-layout-xl: 8rem;
  --kite-layout-lg: 6rem;
  --kite-layout-md: 4rem;
  --kite-layout-sm: 3rem;
  --kite-spacing-2xl: var(--kite-size-24);
  --kite-spacing-xl: var(--kite-size-20);
  --kite-spacing-lg: var(--kite-size-16);
  --kite-spacing-md: var(--kite-size-12);
  --kite-spacing-sm: var(--kite-size-8);
  --kite-spacing-xs: var(--kite-size-4);
  --kite-spacing-2xs: var(--kite-size-2);
  --kite-layout-xs: var(--kite-size-40);
  --kite-layout-2xs: var(--kite-size-32)
}
.kite-theme--mode-dark {
  --kite-popover-border-color: transparent;
  --kite-list-item-hover-background-color: rgba(255, 255, 255, .05);
  --kite-interactive-list-item-hover-background-color: rgba(255, 255, 255, .05);
  --kite-dynamic-hint-border-color: transparent;
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, .5);
  --kite-accordion-hover-background-color: rgba(255, 255, 255, .05);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, .5);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, .5);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, .5);
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, .5);
  --kite-elevation-0: none;
  --kite-tooltip-background-color: var(--kite-color-dark-blue-10);
  --kite-toast-background-color: var(--kite-color-dark-blue-10);
  --kite-time-input-icon-color: var(--kite-color-white);
  --kite-text-input-secure-icon-color: var(--kite-color-blue-10);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-25);
  --kite-tabs-tab-selected-text-color: var(--kite-color-white);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-white);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-gray-25);
  --kite-skip-link-border-color: var(--kite-color-blue-10);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-10);
  --kite-select-icon-color: var(--kite-color-white);
  --kite-radio-selected-border-color: var(--kite-color-blue-20);
  --kite-radio-border-color: var(--kite-color-white);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-white);
  --kite-progress-indicator-fill-color: var(--kite-color-white);
  --kite-progress-indicator-track-color: var(--kite-color-dark-blue-10);
  --kite-popover-trigger-icon-color: var(--kite-color-white);
  --kite-popover-background-color: var(--kite-color-dark-blue-10);
  --kite-pagination-count-text-color: var(--kite-color-gray-25);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-dark-blue-10);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-dark-blue-10);
  --kite-pagination-controls-border-color: var(--kite-color-dark-blue-10);
  --kite-pagination-controls-background-color: var(--kite-color-dark-blue-30);
  --kite-meter-caution-fill-color: var(--kite-color-yellow-10);
  --kite-meter-tick-color: var(--kite-color-white);
  --kite-meter-track-color: var(--kite-color-dark-blue-10);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-30);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-30);
  --kite-menu-list-border-color: var(--kite-color-gray-30);
  --kite-menu-list-background-color: var(--kite-color-dark-blue-20);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-25);
  --kite-list-item-neutral-label-text-color: var(--kite-color-blue-10);
  --kite-list-border-color: var(--kite-color-dark-blue-10);
  --kite-link-press-text-color: var(--kite-color-gray-30);
  --kite-link-hover-text-color: var(--kite-color-gray-25);
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-blue-10);
  --kite-interactive-list-border-color: var(--kite-color-dark-blue-10);
  --kite-dynamic-hint-background-color: var(--kite-color-dark-blue-10);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-30);
  --kite-dropdown-list-item-icon-color: var(--kite-color-white);
  --kite-dropdown-list-border-color: var(--kite-color-gray-30);
  --kite-dropdown-list-background-color: var(--kite-color-dark-blue-20);
  --kite-dropdown-icon-color: var(--kite-color-white);
  --kite-date-input-addon-icon-color: var(--kite-color-white);
  --kite-date-input-focus-ring-color: var(--kite-color-white);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-dark-blue-30);
  --kite-data-table-striped-row-background-color: var(--kite-color-dark-blue-20);
  --kite-data-table-row-hover-background-color: var(--kite-color-dark-blue-10);
  --kite-data-table-border-color: var(--kite-color-dark-blue-10);
  --kite-combobox-picker-results-text-color: var(--kite-color-white);
  --kite-chip-disabled-background-color: var(--kite-color-dark-blue-30);
  --kite-chip-selected-disabled-text-color: var(--kite-color-gray-25);
  --kite-chip-selected-text-color: var(--kite-color-dark-blue-30);
  --kite-chip-selected-background-color: var(--kite-color-light-blue-10);
  --kite-chip-focus-background-color: var(--kite-color-dark-blue-20);
  --kite-chip-text-color: var(--kite-color-light-blue-10);
  --kite-chip-background-color: var(--kite-color-dark-blue-30);
  --kite-calendar-standalone-background-color: var(--kite-color-dark-blue-20);
  --kite-calendar-day-due-text-color: var(--kite-color-black);
  --kite-calendar-day-due-background-color: var(--kite-color-white);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-25);
  --kite-calendar-day-focus-color: var(--kite-color-white);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-25);
  --kite-calendar-focus-ring-color: var(--kite-color-white);
  --kite-button-borderless-press-icon-color: var(--kite-color-gray-25);
  --kite-button-borderless-press-text-color: var(--kite-color-gray-25);
  --kite-button-borderless-hover-icon-color: var(--kite-color-gray-25);
  --kite-button-borderless-hover-text-color: var(--kite-color-gray-25);
  --kite-button-borderless-focus-text-color: var(--kite-color-white);
  --kite-button-borderless-text-color: var(--kite-color-white);
  --kite-button-secondary-press-icon-color: var(--kite-color-dark-blue-20);
  --kite-button-secondary-press-text-color: var(--kite-color-dark-blue-20);
  --kite-button-secondary-hover-icon-color: var(--kite-color-dark-blue-20);
  --kite-button-secondary-hover-text-color: var(--kite-color-dark-blue-20);
  --kite-button-secondary-focus-icon-color: var(--kite-color-dark-blue-20);
  --kite-button-secondary-focus-text-color: var(--kite-color-dark-blue-20);
  --kite-button-secondary-border-color: var(--kite-color-white);
  --kite-button-secondary-icon-color: var(--kite-color-white);
  --kite-button-secondary-text-color: var(--kite-color-white);
  --kite-button-destructive-background-color: var(--kite-color-red-20);
  --kite-badge-disabled-background-color: var(--kite-color-dark-blue-10);
  --kite-alert-global-negative-background-color: var(--kite-color-red-20);
  --kite-alert-positive-status-icon-color: var(--kite-color-green-20);
  --kite-alert-positive-border-left-color: var(--kite-color-green-20);
  --kite-alert-negative-status-icon-color: var(--kite-color-red-20);
  --kite-alert-negative-border-left-color: var(--kite-color-red-20);
  --kite-alert-text-color: var(--kite-color-black);
  --kite-accordion-border-color: var(--kite-color-dark-blue-10);
  --kite-my-component-background-color: var(--kite-color-red-10);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-white);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-30);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-30);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-25);
  --kite-form-control-disabled-background-color: var(--kite-color-dark-blue-20);
  --kite-form-control-background-color: var(--kite-color-dark-blue-20);
  --kite-container-hover-background-color: var(--kite-color-dark-blue-30);
  --kite-container-border-color: var(--kite-color-dark-blue-20);
  --kite-container-background-color: var(--kite-color-dark-blue-20);
  --kite-border-color: var(--kite-color-white);
  --kite-color-focus: var(--kite-color-white);
  --kite-color-success: var(--kite-color-green-10);
  --kite-color-error: var(--kite-color-red-10);
  --kite-color-disabled: var(--kite-color-gray-30);
  --kite-color-positive: var(--kite-color-green-10);
  --kite-color-negative: var(--kite-color-red-10);
  --kite-color-text-secondary: var(--kite-color-gray-10);
  --kite-color-text: var(--kite-color-white);
  --kite-color-background-secondary: var(--kite-color-dark-blue-20);
  --kite-color-background: var(--kite-color-dark-blue-30);
  --kite-link-text-color: var(--kite-color-text);
  --kite-dialog-overlay-background-color: var(--kite-color-background);
  --kite-chip-border-color: var(--kite-chip-text-color);
  --kite-checkbox-border-color: var(--kite-border-color);
  --kite-calendar-day-text-color: var(--kite-color-on-primary);
  --kite-calendar-controls-focus-text-color: var(--kite-color-text);
  --kite-calendar-controls-text-color: var(--kite-color-on-primary);
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-color-disabled);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-on-negative);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-on-negative);
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative);
  --kite-button-borderless-disabled-text-color: var(--kite-color-disabled);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-color-disabled);
  --kite-button-secondary-disabled-text-color: var(--kite-color-disabled);
  --kite-button-disabled-text-color: var(--kite-color-on-disabled);
  --kite-button-disabled-background-color: var(--kite-color-disabled);
  --kite-form-control-picker-border-color: var(--kite-form-control-border-color);
  --kite-form-control-picker-background-color: var(--kite-form-control-background-color);
  --kite-switch-focus-ring-color: var(--kite-focus-ring-color);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color)
}
.kite-theme--mode-rutledge {
  --kite-typography-xl-caption-line-height: 1.2;
  --kite-typography-xl-eyebrow-line-height: 1.091;
  --kite-typography-xl-body-line-height: 1.333;
  --kite-typography-xl-title-5-line-height: 1;
  --kite-typography-xl-title-4-line-height: .964;
  --kite-typography-xl-title-3-line-height: 1.056;
  --kite-typography-xl-title-2-line-height: 1.429;
  --kite-typography-xl-title-1-line-height: 1.393;
  --kite-typography-md-caption-line-height: 1.75;
  --kite-typography-md-eyebrow-line-height: 1.5;
  --kite-typography-md-body-line-height: 1.5;
  --kite-typography-md-title-5-line-height: 1.5;
  --kite-typography-md-title-4-line-height: 1.05;
  --kite-typography-md-title-3-line-height: 1.292;
  --kite-typography-md-title-2-line-height: 1.286;
  --kite-typography-md-title-1-line-height: 1.25;
  --kite-typography-xs-caption-line-height: 1.5;
  --kite-typography-xs-eyebrow-line-height: 1.538;
  --kite-typography-xs-body-line-height: 1.533;
  --kite-typography-xs-title-5-line-height: 1.533;
  --kite-typography-xs-title-4-line-height: 1.533;
  --kite-typography-xs-title-3-line-height: 1.471;
  --kite-typography-xs-title-2-line-height: 1.421;
  --kite-typography-xs-title-1-line-height: 1.304;
  --kite-typography-xxs-caption-line-height: 1.5;
  --kite-typography-xxs-eyebrow-line-height: 1.538;
  --kite-typography-xxs-body-line-height: 1.5;
  --kite-typography-xxs-title-5-line-height: 1.5;
  --kite-typography-xxs-title-4-line-height: 1.5;
  --kite-typography-xxs-title-3-line-height: 1.5;
  --kite-typography-xxs-title-2-line-height: 1.5;
  --kite-typography-xxs-title-1-line-height: 1.333;
  --kite-typography-lg-caption-line-height: 1.429;
  --kite-typography-lg-eyebrow-line-height: 1.5;
  --kite-typography-lg-body-line-height: 1.5;
  --kite-typography-lg-body-display-line-height: 1.3;
  --kite-typography-lg-title-6-line-height: 1.3;
  --kite-typography-lg-title-5-line-height: 1.25;
  --kite-typography-lg-title-4-line-height: 1.25;
  --kite-typography-lg-title-3-line-height: 1.222;
  --kite-typography-lg-title-2-line-height: 1.25;
  --kite-typography-lg-title-1-line-height: 1.25;
  --kite-typography-lg-display-line-height: 1.125;
  --kite-typography-sm-caption-line-height: 1.571;
  --kite-typography-sm-eyebrow-line-height: 1.571;
  --kite-typography-sm-body-line-height: 1.5;
  --kite-typography-sm-body-display-line-height: 1.3;
  --kite-typography-sm-title-6-line-height: 1.3;
  --kite-typography-sm-title-5-line-height: 1.25;
  --kite-typography-sm-title-4-line-height: 1.286;
  --kite-typography-sm-title-3-line-height: 1.25;
  --kite-typography-sm-title-2-line-height: 1.222;
  --kite-typography-sm-title-1-line-height: 1.3;
  --kite-typography-sm-display-line-height: 1.25;
  --kite-font-weight-light: 200;
  --kite-typography-xl-caption-size: var(--kite-typography-rutledge-xl-caption-size);
  --kite-typography-xl-eyebrow-style: var(--kite-typography-rutledge-xl-eyebrow-style);
  --kite-typography-xl-eyebrow-size: var(--kite-typography-rutledge-xl-eyebrow-size);
  --kite-typography-xl-body-size: var(--kite-typography-rutledge-xl-body-size);
  --kite-typography-xl-title-5-size: var(--kite-typography-rutledge-xl-title-5-size);
  --kite-typography-xl-title-4-size: var(--kite-typography-rutledge-xl-title-4-size);
  --kite-typography-xl-title-3-size: var(--kite-typography-rutledge-xl-title-3-size);
  --kite-typography-xl-title-2-size: var(--kite-typography-rutledge-xl-title-2-size);
  --kite-typography-xl-title-1-size: var(--kite-typography-rutledge-xl-title-1-size);
  --kite-typography-md-caption-size: var(--kite-typography-rutledge-md-caption-size);
  --kite-typography-md-eyebrow-style: var(--kite-typography-rutledge-md-eyebrow-style);
  --kite-typography-md-eyebrow-size: var(--kite-typography-rutledge-md-eyebrow-size);
  --kite-typography-md-body-size: var(--kite-typography-rutledge-md-body-size);
  --kite-typography-md-title-5-size: var(--kite-typography-rutledge-md-title-5-size);
  --kite-typography-md-title-4-size: var(--kite-typography-rutledge-md-title-4-size);
  --kite-typography-md-title-3-size: var(--kite-typography-rutledge-md-title-3-size);
  --kite-typography-md-title-2-size: var(--kite-typography-rutledge-md-title-2-size);
  --kite-typography-md-title-1-size: var(--kite-typography-rutledge-md-title-1-size);
  --kite-typography-xs-caption-size: var(--kite-typography-rutledge-xs-caption-size);
  --kite-typography-xs-eyebrow-style: var(--kite-typography-rutledge-xs-eyebrow-style);
  --kite-typography-xs-eyebrow-size: var(--kite-typography-rutledge-xs-eyebrow-size);
  --kite-typography-xs-body-size: var(--kite-typography-rutledge-xs-body-size);
  --kite-typography-xs-title-5-size: var(--kite-typography-rutledge-xs-title-5-size);
  --kite-typography-xs-title-4-size: var(--kite-typography-rutledge-xs-title-4-size);
  --kite-typography-xs-title-3-size: var(--kite-typography-rutledge-xs-title-3-size);
  --kite-typography-xs-title-2-size: var(--kite-typography-rutledge-xs-title-2-size);
  --kite-typography-xs-title-1-size: var(--kite-typography-rutledge-xs-title-1-size);
  --kite-typography-xxs-caption-size: var(--kite-typography-rutledge-xxs-caption-size);
  --kite-typography-xxs-eyebrow-style: var(--kite-typography-rutledge-xxs-eyebrow-style);
  --kite-typography-xxs-eyebrow-size: var(--kite-typography-rutledge-xxs-eyebrow-size);
  --kite-typography-xxs-body-size: var(--kite-typography-rutledge-xxs-body-size);
  --kite-typography-xxs-title-5-size: var(--kite-typography-rutledge-xxs-title-5-size);
  --kite-typography-xxs-title-4-size: var(--kite-typography-rutledge-xxs-title-4-size);
  --kite-typography-xxs-title-3-size: var(--kite-typography-rutledge-xxs-title-3-size);
  --kite-typography-xxs-title-2-size: var(--kite-typography-rutledge-xxs-title-2-size);
  --kite-typography-xxs-title-1-size: var(--kite-typography-rutledge-xxs-title-1-size);
  --kite-typography-lg-caption-size: var(--kite-typography-rutledge-lg-caption-size);
  --kite-typography-lg-eyebrow-style: var(--kite-typography-rutledge-lg-eyebrow-style);
  --kite-typography-lg-eyebrow-size: var(--kite-typography-rutledge-lg-eyebrow-size);
  --kite-typography-lg-body-size: var(--kite-typography-rutledge-lg-body-size);
  --kite-typography-lg-body-display-size: var(--kite-typography-rutledge-lg-body-display-size);
  --kite-typography-lg-title-6-size: var(--kite-typography-rutledge-lg-title-6-size);
  --kite-typography-lg-title-5-size: var(--kite-typography-rutledge-lg-title-5-size);
  --kite-typography-lg-title-4-size: var(--kite-typography-rutledge-lg-title-4-size);
  --kite-typography-lg-title-3-size: var(--kite-typography-rutledge-lg-title-3-size);
  --kite-typography-lg-title-2-size: var(--kite-typography-rutledge-lg-title-2-size);
  --kite-typography-lg-title-1-size: var(--kite-typography-rutledge-lg-title-1-size);
  --kite-typography-lg-display-size: var(--kite-typography-rutledge-lg-display-size);
  --kite-typography-sm-caption-size: var(--kite-typography-rutledge-sm-caption-size);
  --kite-typography-sm-eyebrow-style: var(--kite-typography-rutledge-sm-eyebrow-style);
  --kite-typography-sm-eyebrow-size: var(--kite-typography-rutledge-sm-eyebrow-size);
  --kite-typography-sm-body-size: var(--kite-typography-rutledge-sm-body-size);
  --kite-typography-sm-body-display-size: var(--kite-typography-rutledge-sm-body-display-size);
  --kite-typography-sm-title-6-size: var(--kite-typography-rutledge-sm-title-6-size);
  --kite-typography-sm-title-5-size: var(--kite-typography-rutledge-sm-title-5-size);
  --kite-typography-sm-title-4-size: var(--kite-typography-rutledge-sm-title-4-size);
  --kite-typography-sm-title-3-size: var(--kite-typography-rutledge-sm-title-3-size);
  --kite-typography-sm-title-2-size: var(--kite-typography-rutledge-sm-title-2-size);
  --kite-typography-sm-title-1-size: var(--kite-typography-rutledge-sm-title-1-size);
  --kite-typography-sm-display-size: var(--kite-typography-rutledge-sm-display-size);
  --kite-font-family-sans-serif: var(--kite-font-family-rutledge);
  --kite-typography-xl-caption-letter-spacing: var(--kite-typography-rutledge-xl-caption-letter-spacing);
  --kite-typography-xl-caption-weight: var(--kite-typography-rutledge-xl-caption-weight);
  --kite-typography-xl-eyebrow-weight: var(--kite-typography-rutledge-xl-eyebrow-weight);
  --kite-typography-xl-body-letter-spacing: var(--kite-typography-rutledge-xl-body-letter-spacing);
  --kite-typography-xl-body-weight: var(--kite-typography-rutledge-xl-body-weight);
  --kite-typography-xl-title-5-letter-spacing: var(--kite-typography-rutledge-xl-title-5-letter-spacing);
  --kite-typography-xl-title-5-weight: var(--kite-typography-rutledge-xl-title-5-weight);
  --kite-typography-xl-title-4-letter-spacing: var(--kite-typography-rutledge-xl-title-4-letter-spacing);
  --kite-typography-xl-title-4-weight: var(--kite-typography-rutledge-xl-title-4-weight);
  --kite-typography-xl-title-3-letter-spacing: var(--kite-typography-rutledge-xl-title-3-letter-spacing);
  --kite-typography-xl-title-3-weight: var(--kite-typography-rutledge-xl-title-3-weight);
  --kite-typography-xl-title-2-letter-spacing: var(--kite-typography-rutledge-xl-title-2-letter-spacing);
  --kite-typography-xl-title-2-weight: var(--kite-typography-rutledge-xl-title-2-weight);
  --kite-typography-xl-title-1-letter-spacing: var(--kite-typography-rutledge-xl-title-1-letter-spacing);
  --kite-typography-xl-title-1-weight: var(--kite-typography-rutledge-xl-title-1-weight);
  --kite-typography-md-caption-letter-spacing: var(--kite-typography-rutledge-md-caption-letter-spacing);
  --kite-typography-md-caption-weight: var(--kite-typography-rutledge-md-caption-weight);
  --kite-typography-md-eyebrow-weight: var(--kite-typography-rutledge-md-eyebrow-weight);
  --kite-typography-md-body-letter-spacing: var(--kite-typography-rutledge-md-body-letter-spacing);
  --kite-typography-md-body-weight: var(--kite-typography-rutledge-md-body-weight);
  --kite-typography-md-title-5-letter-spacing: var(--kite-typography-rutledge-md-title-5-letter-spacing);
  --kite-typography-md-title-5-weight: var(--kite-typography-rutledge-md-title-5-weight);
  --kite-typography-md-title-4-letter-spacing: var(--kite-typography-rutledge-md-title-4-letter-spacing);
  --kite-typography-md-title-4-weight: var(--kite-typography-rutledge-md-title-4-weight);
  --kite-typography-md-title-3-letter-spacing: var(--kite-typography-rutledge-md-title-3-letter-spacing);
  --kite-typography-md-title-3-weight: var(--kite-typography-rutledge-md-title-3-weight);
  --kite-typography-md-title-2-letter-spacing: var(--kite-typography-rutledge-md-title-2-letter-spacing);
  --kite-typography-md-title-2-weight: var(--kite-typography-rutledge-md-title-2-weight);
  --kite-typography-md-title-1-letter-spacing: var(--kite-typography-rutledge-md-title-1-letter-spacing);
  --kite-typography-md-title-1-weight: var(--kite-typography-rutledge-md-title-1-weight);
  --kite-typography-xs-caption-letter-spacing: var(--kite-typography-rutledge-xs-caption-letter-spacing);
  --kite-typography-xs-caption-weight: var(--kite-typography-rutledge-xs-caption-weight);
  --kite-typography-xs-eyebrow-weight: var(--kite-typography-rutledge-xs-eyebrow-weight);
  --kite-typography-xs-body-letter-spacing: var(--kite-typography-rutledge-xs-body-letter-spacing);
  --kite-typography-xs-body-weight: var(--kite-typography-rutledge-xs-body-weight);
  --kite-typography-xs-title-5-letter-spacing: var(--kite-typography-rutledge-xs-title-5-letter-spacing);
  --kite-typography-xs-title-5-weight: var(--kite-typography-rutledge-xs-title-5-weight);
  --kite-typography-xs-title-4-letter-spacing: var(--kite-typography-rutledge-xs-title-4-letter-spacing);
  --kite-typography-xs-title-4-weight: var(--kite-typography-rutledge-xs-title-4-weight);
  --kite-typography-xs-title-3-letter-spacing: var(--kite-typography-rutledge-xs-title-3-letter-spacing);
  --kite-typography-xs-title-3-weight: var(--kite-typography-rutledge-xs-title-3-weight);
  --kite-typography-xs-title-2-letter-spacing: var(--kite-typography-rutledge-xs-title-2-letter-spacing);
  --kite-typography-xs-title-2-weight: var(--kite-typography-rutledge-xs-title-2-weight);
  --kite-typography-xs-title-1-letter-spacing: var(--kite-typography-rutledge-xs-title-1-letter-spacing);
  --kite-typography-xs-title-1-weight: var(--kite-typography-rutledge-xs-title-1-weight);
  --kite-typography-xxs-caption-letter-spacing: var(--kite-typography-rutledge-xxs-caption-letter-spacing);
  --kite-typography-xxs-caption-weight: var(--kite-typography-rutledge-xxs-caption-weight);
  --kite-typography-xxs-eyebrow-weight: var(--kite-typography-rutledge-xxs-eyebrow-weight);
  --kite-typography-xxs-body-letter-spacing: var(--kite-typography-rutledge-xxs-body-letter-spacing);
  --kite-typography-xxs-body-weight: var(--kite-typography-rutledge-xxs-body-weight);
  --kite-typography-xxs-title-5-letter-spacing: var(--kite-typography-rutledge-xxs-title-5-letter-spacing);
  --kite-typography-xxs-title-5-weight: var(--kite-typography-rutledge-xxs-title-5-weight);
  --kite-typography-xxs-title-4-letter-spacing: var(--kite-typography-rutledge-xxs-title-4-letter-spacing);
  --kite-typography-xxs-title-4-weight: var(--kite-typography-rutledge-xxs-title-4-weight);
  --kite-typography-xxs-title-3-letter-spacing: var(--kite-typography-rutledge-xxs-title-3-letter-spacing);
  --kite-typography-xxs-title-3-weight: var(--kite-typography-rutledge-xxs-title-3-weight);
  --kite-typography-xxs-title-2-letter-spacing: var(--kite-typography-rutledge-xxs-title-2-letter-spacing);
  --kite-typography-xxs-title-2-weight: var(--kite-typography-rutledge-xxs-title-2-weight);
  --kite-typography-xxs-title-1-letter-spacing: var(--kite-typography-rutledge-xxs-title-1-letter-spacing);
  --kite-typography-xxs-title-1-weight: var(--kite-typography-rutledge-xxs-title-1-weight);
  --kite-typography-lg-caption-letter-spacing: var(--kite-typography-rutledge-lg-caption-letter-spacing);
  --kite-typography-lg-caption-weight: var(--kite-typography-rutledge-lg-caption-weight);
  --kite-typography-lg-eyebrow-weight: var(--kite-typography-rutledge-lg-eyebrow-weight);
  --kite-typography-lg-body-letter-spacing: var(--kite-typography-rutledge-lg-body-letter-spacing);
  --kite-typography-lg-body-weight: var(--kite-typography-rutledge-lg-body-weight);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-typography-rutledge-lg-body-display-letter-spacing);
  --kite-typography-lg-body-display-weight: var(--kite-typography-rutledge-lg-body-display-weight);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-typography-rutledge-lg-title-6-letter-spacing);
  --kite-typography-lg-title-6-weight: var(--kite-typography-rutledge-lg-title-6-weight);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-typography-rutledge-lg-title-5-letter-spacing);
  --kite-typography-lg-title-5-weight: var(--kite-typography-rutledge-lg-title-5-weight);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-typography-rutledge-lg-title-4-letter-spacing);
  --kite-typography-lg-title-4-weight: var(--kite-typography-rutledge-lg-title-4-weight);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-typography-rutledge-lg-title-3-letter-spacing);
  --kite-typography-lg-title-3-weight: var(--kite-typography-rutledge-lg-title-3-weight);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-typography-rutledge-lg-title-2-letter-spacing);
  --kite-typography-lg-title-2-weight: var(--kite-typography-rutledge-lg-title-2-weight);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-typography-rutledge-lg-title-1-letter-spacing);
  --kite-typography-lg-title-1-weight: var(--kite-typography-rutledge-lg-title-1-weight);
  --kite-typography-lg-display-letter-spacing: var(--kite-typography-rutledge-lg-display-letter-spacing);
  --kite-typography-lg-display-weight: var(--kite-typography-rutledge-lg-display-weight);
  --kite-typography-sm-caption-letter-spacing: var(--kite-typography-rutledge-sm-caption-letter-spacing);
  --kite-typography-sm-caption-weight: var(--kite-typography-rutledge-sm-caption-weight);
  --kite-typography-sm-eyebrow-weight: var(--kite-typography-rutledge-sm-eyebrow-weight);
  --kite-typography-sm-body-letter-spacing: var(--kite-typography-rutledge-sm-body-letter-spacing);
  --kite-typography-sm-body-weight: var(--kite-typography-rutledge-sm-body-weight);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-typography-rutledge-sm-body-display-letter-spacing);
  --kite-typography-sm-body-display-weight: var(--kite-typography-rutledge-sm-body-display-weight);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-typography-rutledge-sm-title-6-letter-spacing);
  --kite-typography-sm-title-6-weight: var(--kite-typography-rutledge-sm-title-6-weight);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-typography-rutledge-sm-title-5-letter-spacing);
  --kite-typography-sm-title-5-weight: var(--kite-typography-rutledge-sm-title-5-weight);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-typography-rutledge-sm-title-4-letter-spacing);
  --kite-typography-sm-title-4-weight: var(--kite-typography-rutledge-sm-title-4-weight);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-typography-rutledge-sm-title-3-letter-spacing);
  --kite-typography-sm-title-3-weight: var(--kite-typography-rutledge-sm-title-3-weight);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-typography-rutledge-sm-title-2-letter-spacing);
  --kite-typography-sm-title-2-weight: var(--kite-typography-rutledge-sm-title-2-weight);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-typography-rutledge-sm-title-1-letter-spacing);
  --kite-typography-sm-title-1-weight: var(--kite-typography-rutledge-sm-title-1-weight);
  --kite-typography-sm-display-letter-spacing: var(--kite-typography-rutledge-sm-display-letter-spacing);
  --kite-typography-sm-display-weight: var(--kite-typography-rutledge-sm-display-weight);
  --kite-typography-xl-caption-margin-bottom: var(--kite-typography-rutledge-xl-caption-margin-bottom);
  --kite-typography-xl-eyebrow-margin-bottom: var(--kite-typography-rutledge-xl-eyebrow-margin-bottom);
  --kite-typography-xl-eyebrow-letter-spacing: var(--kite-typography-rutledge-xl-eyebrow-letter-spacing);
  --kite-typography-xl-body-margin-bottom: var(--kite-typography-rutledge-xl-body-margin-bottom);
  --kite-typography-xl-title-5-margin-bottom: var(--kite-typography-rutledge-xl-title-5-margin-bottom);
  --kite-typography-xl-title-4-margin-bottom: var(--kite-typography-rutledge-xl-title-4-margin-bottom);
  --kite-typography-xl-title-3-margin-bottom: var(--kite-typography-rutledge-xl-title-3-margin-bottom);
  --kite-typography-xl-title-2-margin-bottom: var(--kite-typography-rutledge-xl-title-2-margin-bottom);
  --kite-typography-xl-title-1-margin-bottom: var(--kite-typography-rutledge-xl-title-1-margin-bottom);
  --kite-typography-md-caption-margin-bottom: var(--kite-typography-rutledge-md-caption-margin-bottom);
  --kite-typography-md-eyebrow-margin-bottom: var(--kite-typography-rutledge-md-eyebrow-margin-bottom);
  --kite-typography-md-eyebrow-letter-spacing: var(--kite-typography-rutledge-md-eyebrow-letter-spacing);
  --kite-typography-md-body-margin-bottom: var(--kite-typography-rutledge-md-body-margin-bottom);
  --kite-typography-md-title-5-margin-bottom: var(--kite-typography-rutledge-md-title-5-margin-bottom);
  --kite-typography-md-title-4-margin-bottom: var(--kite-typography-rutledge-md-title-4-margin-bottom);
  --kite-typography-md-title-3-margin-bottom: var(--kite-typography-rutledge-md-title-3-margin-bottom);
  --kite-typography-md-title-2-margin-bottom: var(--kite-typography-rutledge-md-title-2-margin-bottom);
  --kite-typography-md-title-1-margin-bottom: var(--kite-typography-rutledge-md-title-1-margin-bottom);
  --kite-typography-xs-caption-margin-bottom: var(--kite-typography-rutledge-xs-caption-margin-bottom);
  --kite-typography-xs-eyebrow-margin-bottom: var(--kite-typography-rutledge-xs-eyebrow-margin-bottom);
  --kite-typography-xs-eyebrow-letter-spacing: var(--kite-typography-rutledge-xs-eyebrow-letter-spacing);
  --kite-typography-xs-body-margin-bottom: var(--kite-typography-rutledge-xs-body-margin-bottom);
  --kite-typography-xs-title-5-margin-bottom: var(--kite-typography-rutledge-xs-title-5-margin-bottom);
  --kite-typography-xs-title-4-margin-bottom: var(--kite-typography-rutledge-xs-title-4-margin-bottom);
  --kite-typography-xs-title-3-margin-bottom: var(--kite-typography-rutledge-xs-title-3-margin-bottom);
  --kite-typography-xs-title-2-margin-bottom: var(--kite-typography-rutledge-xs-title-2-margin-bottom);
  --kite-typography-xs-title-1-margin-bottom: var(--kite-typography-rutledge-xs-title-1-margin-bottom);
  --kite-typography-xxs-caption-margin-bottom: var(--kite-typography-rutledge-xxs-caption-margin-bottom);
  --kite-typography-xxs-eyebrow-margin-bottom: var(--kite-typography-rutledge-xxs-eyebrow-margin-bottom);
  --kite-typography-xxs-eyebrow-letter-spacing: var(--kite-typography-rutledge-xxs-eyebrow-letter-spacing);
  --kite-typography-xxs-body-margin-bottom: var(--kite-typography-rutledge-xxs-body-margin-bottom);
  --kite-typography-xxs-title-5-margin-bottom: var(--kite-typography-rutledge-xxs-title-5-margin-bottom);
  --kite-typography-xxs-title-4-margin-bottom: var(--kite-typography-rutledge-xxs-title-4-margin-bottom);
  --kite-typography-xxs-title-3-margin-bottom: var(--kite-typography-rutledge-xxs-title-3-margin-bottom);
  --kite-typography-xxs-title-2-margin-bottom: var(--kite-typography-rutledge-xxs-title-2-margin-bottom);
  --kite-typography-xxs-title-1-margin-bottom: var(--kite-typography-rutledge-xxs-title-1-margin-bottom);
  --kite-typography-lg-caption-margin-bottom: var(--kite-typography-rutledge-lg-caption-margin-bottom);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-typography-rutledge-lg-eyebrow-margin-bottom);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-typography-rutledge-lg-eyebrow-letter-spacing);
  --kite-typography-lg-body-margin-bottom: var(--kite-typography-rutledge-lg-body-margin-bottom);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-typography-rutledge-lg-body-display-margin-bottom);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-typography-rutledge-lg-title-6-margin-bottom);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-typography-rutledge-lg-title-5-margin-bottom);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-typography-rutledge-lg-title-4-margin-bottom);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-typography-rutledge-lg-title-3-margin-bottom);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-typography-rutledge-lg-title-2-margin-bottom);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-typography-rutledge-lg-title-1-margin-bottom);
  --kite-typography-lg-display-margin-bottom: var(--kite-typography-rutledge-lg-display-margin-bottom);
  --kite-typography-sm-caption-margin-bottom: var(--kite-typography-rutledge-sm-caption-margin-bottom);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-typography-rutledge-sm-eyebrow-margin-bottom);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-typography-rutledge-sm-eyebrow-letter-spacing);
  --kite-typography-sm-body-margin-bottom: var(--kite-typography-rutledge-sm-body-margin-bottom);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-typography-rutledge-sm-body-display-margin-bottom);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-typography-rutledge-sm-title-6-margin-bottom);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-typography-rutledge-sm-title-5-margin-bottom);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-typography-rutledge-sm-title-4-margin-bottom);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-typography-rutledge-sm-title-3-margin-bottom);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-typography-rutledge-sm-title-2-margin-bottom);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-typography-rutledge-sm-title-1-margin-bottom);
  --kite-typography-sm-display-margin-bottom: var(--kite-typography-rutledge-sm-display-margin-bottom)
}
@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(../fonts/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_Lt.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_LtIt.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_Bk.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_BkIt.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_Rg.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_It.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_Md.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_MdIt.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_Bd.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_BdIt.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_XBd.woff2) format("woff2"),
  url(../fonts/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(../fonts/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"),
  url(../fonts/SpectrumSans_W_XBdIt.woff2) format("woff2"),
  url(../fonts/SpectrumSans_W_XBdIt.woff) format("woff")
}
*,
*:before,
*:after {
  box-sizing:border-box
}
html {
  line-height:1.15;
  -webkit-text-size-adjust:100%
}
main {
  display:block
}
h1 {
  font-size:2em;
  margin:.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:-.25em
}
sup {
  top:-.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:.35em .75em .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)
  }
}
figcaption,
.kite-type-style--caption-1 {
  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) {
  figcaption,
  .kite-type-style--caption-1 {
    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);
  --icon-size: var(--kite-link-standalone-icon-height);
  --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 {
  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);
  color:var(--focus-text-color);
  outline-color:var(--focus-ring-color)
}
a.kite-active,
a:active {
  color:var(--press-text-color)
}
a.kite-visited,
a:visited {
  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);
  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)
}
@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)
  }
}
.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);
  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
}
@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: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,
.kite-cell-5,
.kite-cell-5-xs,
.kite-cell-6,
.kite-cell-6-xs,
.kite-cell-7,
.kite-cell-7-xs,
.kite-cell-8,
.kite-cell-8-xs,
.kite-cell-9,
.kite-cell-9-xs,
.kite-cell-10,
.kite-cell-10-xs,
.kite-cell-11,
.kite-cell-11-xs,
.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,
  .kite-cell-5,
  .kite-cell-5-gt-xs,
  .kite-cell-6,
  .kite-cell-6-gt-xs,
  .kite-cell-7,
  .kite-cell-7-gt-xs,
  .kite-cell-8,
  .kite-cell-8-gt-xs,
  .kite-cell-9,
  .kite-cell-9-gt-xs,
  .kite-cell-10,
  .kite-cell-10-gt-xs,
  .kite-cell-11,
  .kite-cell-11-gt-xs,
  .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,
  .kite-cell-5,
  .kite-cell-5-gt-sm,
  .kite-cell-6,
  .kite-cell-6-gt-sm,
  .kite-cell-7,
  .kite-cell-7-gt-sm,
  .kite-cell-8,
  .kite-cell-8-gt-sm,
  .kite-cell-9,
  .kite-cell-9-gt-sm,
  .kite-cell-10,
  .kite-cell-10-gt-sm,
  .kite-cell-11,
  .kite-cell-11-gt-sm,
  .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,
.kite-container-cell-5,
.kite-container-cell-5-xs,
.kite-container-cell-6,
.kite-container-cell-6-xs,
.kite-container-cell-7,
.kite-container-cell-7-xs,
.kite-container-cell-8,
.kite-container-cell-8-xs,
.kite-container-cell-9,
.kite-container-cell-9-xs,
.kite-container-cell-10,
.kite-container-cell-10-xs,
.kite-container-cell-11,
.kite-container-cell-11-xs,
.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,
    .kite-container-cell-5,
    .kite-container-cell-5-gt-xs,
    .kite-container-cell-6,
    .kite-container-cell-6-gt-xs,
    .kite-container-cell-7,
    .kite-container-cell-7-gt-xs,
    .kite-container-cell-8,
    .kite-container-cell-8-gt-xs,
    .kite-container-cell-9,
    .kite-container-cell-9-gt-xs,
    .kite-container-cell-10,
    .kite-container-cell-10-gt-xs,
    .kite-container-cell-11,
    .kite-container-cell-11-gt-xs,
    .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,
  .kite-container-cell-5,
  .kite-container-cell-5-gt-xs,
  .kite-container-cell-6,
  .kite-container-cell-6-gt-xs,
  .kite-container-cell-7,
  .kite-container-cell-7-gt-xs,
  .kite-container-cell-8,
  .kite-container-cell-8-gt-xs,
  .kite-container-cell-9,
  .kite-container-cell-9-gt-xs,
  .kite-container-cell-10,
  .kite-container-cell-10-gt-xs,
  .kite-container-cell-11,
  .kite-container-cell-11-gt-xs,
  .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,
    .kite-container-cell-5,
    .kite-container-cell-5-gt-sm,
    .kite-container-cell-6,
    .kite-container-cell-6-gt-sm,
    .kite-container-cell-7,
    .kite-container-cell-7-gt-sm,
    .kite-container-cell-8,
    .kite-container-cell-8-gt-sm,
    .kite-container-cell-9,
    .kite-container-cell-9-gt-sm,
    .kite-container-cell-10,
    .kite-container-cell-10-gt-sm,
    .kite-container-cell-11,
    .kite-container-cell-11-gt-sm,
    .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,
  .kite-container-cell-5,
  .kite-container-cell-5-gt-sm,
  .kite-container-cell-6,
  .kite-container-cell-6-gt-sm,
  .kite-container-cell-7,
  .kite-container-cell-7-gt-sm,
  .kite-container-cell-8,
  .kite-container-cell-8-gt-sm,
  .kite-container-cell-9,
  .kite-container-cell-9-gt-sm,
  .kite-container-cell-10,
  .kite-container-cell-10-gt-sm,
  .kite-container-cell-11,
  .kite-container-cell-11-gt-sm,
  .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) * .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)
}
.kite-accordion {
  margin:0;
  padding:0
}
.kite-accordion-row {
  border-bottom:var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  line-height:normal;
  list-style:none;
  margin-bottom:0;
  padding:0;
  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: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:100%;
  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-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);
  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-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-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)
}
.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:none;
  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)
}
.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;
  inset:auto 0 0;
  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);
    inset:0 0 auto 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: .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-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);
  --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-curve-default), border-color var(-kite-motion-duration-fastest) var(--kite-motion-curve-default);
  --width: var(--kite-button-width);
  --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-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:var(--padding-top) var(--padding-end) var(--padding-bottom) var(--padding-start);
  position:relative;
  text-align:center;
  text-decoration:none;
  transition:var(--transition);
  -webkit-user-select:none;
  user-select:none;
  white-space:nowrap;
  width:var(--width);
  height:var(--height)
}
@media only screen and (min-width: 30rem) {
  .kite-button {
    display:inline-block;
    vertical-align:middle;
    width:100%
  }
}
.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--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-active,
.kite-button:active {
  background-color:var(--background-press);
  border-color:var(--border-color-press);
  color:var(--color-press)
}
.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-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--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)
}
.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)
}
.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)
}
.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)
}
.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)
}
.kite-button__inner {
  align-items:center;
  display:flex;
  flex-flow:row nowrap;
  flex-shrink:0;
  justify-content:center;
  position:relative;
  width:100%;
  height:100%
}
.kite-button .kite-icon {
  font-size:var(--icon-size);
  pointer-events:none
}
.kite-button .kite-icon:first-of-type {
  margin-right:var(--icon-margin);
  margin-left:0
}
.kite-button--icon-end .kite-icon:last-of-type {
  margin-right:0;
  margin-left:var(--icon-margin)
}
.kite-button--icon-only {
  padding-left:var(--kite-button-icon-only-padding-left);
  padding-right:var(--kite-button-icon-only-padding-left)
}
.kite-button--icon-only .kite-icon:first-of-type {
  margin:0
}
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-button-margin-bottom);
  padding:unset
}
@media only screen and (min-width: 30rem) {
  .kite-button-group__item {
    display:inline-block;
    margin-right:var(--kite-button-group-button-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)
}
.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:checked:disabled~.kite-checkbox__indicator {
  --background-color: var(--selected-disabled-background-color)
}
.kite-checkbox__control:checked:disabled~.kite-checkbox__indicator .kite-checkbox__checked-icon {
  --color: var(--disabled-icon-color)
}
.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__indicator .kite-icon__inner svg,
  .kite-checkbox--disabled .kite-checkbox__indicator .kite-icon__inner svg {
    fill: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)
}
.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--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;
  list-style:none;
  padding:0;
  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);
  border:unset
}
.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))
}
.kite-chip-group__list {
  display:flex;
  flex-wrap:wrap;
  overflow:auto;
  list-style:none;
  margin:unset;
  padding-left:var(--kite-chip-focus-ring-offset);
  padding-top:var(--kite-chip-focus-ring-offset)
}
.kite-chip-group__list-item {
  margin:unset;
  padding:unset
}
.kite-chip {
  margin-top:calc(var(--kite-chip-focus-ring-offset) + var(--kite-chip-focus-ring-width) + var(--kite-chip-margin-top))
}
.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 {
  color:var(--kite-combobox-label-text-color);
  display:inline-block;
  font-weight:var(--kite-combobox-label-text-weight);
  margin-bottom:var(--kite-combobox-label-margin-bottom)
}
.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);
  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)
}
.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;
  --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-menu-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) + .5 * var(--picker-list-item-height));
  overflow-y:auto
}
.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--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)
}
@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
}
.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 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.kite-hover,
.kite-data-table tbody tr:hover {
  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);
  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(odd) {
  background-color:var(--striped-inverse-background)
}
.kite-data-table--striped tbody tr:nth-child(2n) {
  background-color:var(--striped-background)
}
.kite-data-table--striped-inverse tbody tr:nth-child(odd) {
  background-color:var(--striped-background)
}
.kite-data-table--striped-inverse tbody tr:nth-child(2n) {
  background-color:var(--striped-inverse-background)
}
.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-padding-left) + var(--kite-date-input-addon-icon-width) + var(--kite-date-input-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 {
  color:var(--kite-date-input-label-text-color);
  display:block;
  margin-bottom:var(--kite-date-input-label-margin-bottom)
}
.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:0;
  padding-right:var(--kite-date-input-padding-right);
  padding-bottom:0;
  padding-left:var(--kite-date-input-padding-left);
  height:100%;
  position:absolute;
  top:0;
  right:0;
  z-index:2
}
.kite-date-input__input-addon .kite-icon {
  --color: var(--kite-date-input-addon-icon-color);
  --size: var(--kite-date-input-addon-icon-width)
}
.kite-date-input__input-addon--button {
  cursor:var(--kite-date-input-action-cursor);
  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)
}
.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)
}
.kite-date-input__input:disabled::placeholder {
  color:var(--kite-date-input-disabled-text-color)
}
.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:0;
  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__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)
}
.kite-date-input--disabled .kite-date-input__input-addon .kite-icon {
  --color: var(--kite-date-input-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 {
  color:var(--kite-time-input-label-color);
  display:inline-block;
  font-weight:var(--kite-time-input-label-text-weight);
  margin-bottom:var(--kite-time-input-label-margin-bottom)
}
.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);
  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)
}
.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)
}
.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)
}
@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;
  inset: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-button-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% - .5 * var(--kite-button-group-button-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% - .5 * var(--kite-button-group-button-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: -.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));
  inset:0 auto auto 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 -100% 0 0;
    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);
    inset:50% auto auto 0;
    --arrow-translate-y: -50%;
    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 {
    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 {
    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 {
    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 {
    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);
  --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)
}
.kite-list {
  border-top:var(--kite-list-border-width) var(--kite-list-border-style) var(--border-color);
  list-style:none;
  margin:0;
  padding:0
}
.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)
}
@media only screen and (min-width: 30rem) {
  .kite-list--align-items {
    --end-area: max-content
  }
}
.kite-list--align-items .kite-list-item,
.kite-list--align-items .kite-list-item__content,
.kite-list--align-items .kite-list-item__action,
.kite-list--align-items .kite-list-item__inner {
  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;
  margin:0;
  padding:0;
  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);
  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:0
}
.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__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 {
  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 {
    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 {
    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 {
  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 {
  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 {
  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);
  --icon-size: var(--kite-link-standalone-icon-height);
  --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 {
  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);
  color:var(--focus-text-color);
  outline-color:var(--focus-ring-color)
}
.kite-link.kite-active,
.kite-link:active {
  color:var(--press-text-color)
}
.kite-link.kite-visited,
.kite-link:visited {
  color:var(--visited-text-color)
}
.kite-link.kite-disabled,
.kite-link:disabled {
  pointer-events:none
}
.kite-link:has(.kite-icon) {
  display:inline-flex;
  align-items:center;
  gap:var(--kite-link-icon-margin)
}
.kite-link--standalone {
  --text-decoration: var(--kite-link-standalone-text-decoration);
  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-active,
.kite-link--standalone:active {
  --text-decoration: var(--kite-link-standalone-press-text-decoration)
}
.kite-link--standalone.kite-hover,
.kite-link--standalone:hover {
  --text-decoration: var(--kite-link-standalone-hover-text-decoration)
}
.kite-link__icon {
  display:inline
}
.kite-link__icon .kite-icon {
  object-fit:contain;
  width:var(--icon-size);
  height:var(--icon-size)
}
.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-width)));
  --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);
  --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--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));
  --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);
  --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:0;
  border-radius:var(--trigger-border-radius);
  cursor:var(--cursor);
  padding:var(--kite-menu-trigger-padding-top) var(--kite-menu-trigger-padding-right) var(--kite-menu-trigger-padding-bottom) var(--kite-menu-trigger-padding-left);
  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 {
  color:var(--label-color);
  display:inline-block;
  font-size:var(--label-text-size);
  font-weight:var(--label-text-weight);
  margin-bottom:var(--label-margin-bottom);
  line-height:var(--label-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);
  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)
}
.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 {
  --translateY: var(--kite-form-control-picker-offset);
  left:auto;
  top:auto
}
@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;
  inset:auto
}
.kite-menu--block .kite-menu__list {
  right:0;
  left:0;
  width:fit-content
}
.kite-menu--block .kite-picker--overlay {
  left:0
}
.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
}
.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 {
    --translateY: var(--kite-form-control-picker-offset);
    left:auto
  }
  .kite-menu--contextual-label.kite-menu--bottom .kite-picker--overlay {
    --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) * .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)
}
@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-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-size: var(--kite-meter-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-value-label-text-line-height);
  --label-text-color: var(--kite-meter-label-text-color);
  --tick-color: var(--kite-meter-tick-color);
  --track-color: var(--kite-meter-track-color);
  --value-label-text-color: var(--kite-meter-value-label-text-color)
}
.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)
}
.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)
}
.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-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--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) * .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
}
@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)
}
.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)
}
.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
  }
}
.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;
  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));
  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__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%;
  will-change:var(--kite-form-control-picker-transition-target-property),visibility
}
.kite-picker__list {
  cursor:var(--kite-form-control-picker-cursor);
  list-style-type:none;
  margin:0;
  padding:0
}
.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;
  --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)));
  --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.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--hidden {
  display:none
}
.kite-popover__trigger .kite-icon {
  width:var(--icon-total-width);
  height:var(--icon-total-height)
}
.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-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 {
  color:var(--expanded-icon-color);
  display:inherit
}
.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__trigger .kite-popover__icon-default {
  display:inherit;
  fill:var(--icon-color)
}
.kite-popover__trigger .kite-popover__icon-emphasized {
  display:none;
  fill:var(--focus-icon-color)
}
.kite-popover__trigger svg {
  position:absolute;
  width:var(--icon-width);
  height:var(--icon-height)
}
.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)
}
@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:after,
.kite-popover__content:before {
  --arrow-transform-x: calc(var(--arrow-offset) - (var(--arrow-width) / 2) - var(--kite-popover-border-width));
  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));
  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)))
}
.kite-popover__content--bottom {
  --transform-y: calc(var(--content-offset) + var(--offset-y))
}
.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 {
  transform:translate(var(--arrow-transform-x)) rotate(180deg)
}
.kite-popover__content--top: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: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)))
}
@media only screen and (min-width: 37.5rem) {
  .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--align-start:after,
  .kite-popover__content--align-start:before {
    --arrow-transform-x: var(--arrow-offset);
    left:0
  }
}
@media only screen and (min-width: 37.5rem) {
  .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--align-end:after,
  .kite-popover__content--align-end:before {
    --arrow-transform-x: calc(var(--arrow-offset) * -1);
    right:0;
    left:auto
  }
}
.kite-popover__content--dismiss .kite-popover__dismiss-button {
  display:block
}
.kite-popover__content--hide-dismiss .kite-popover__dismiss-button {
  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)) rotate(180deg)
  }
}
.kite-popover__content--top-right:after,
.kite-popover__content--top-right:before {
  transform:translate(var(--arrow-transform-x)) 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)) 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-popover--form-control .kite-popover,
.kite-select .kite-popover,
.kite-text-input .kite-popover,
.kite-text-area .kite-popover {
  margin-bottom:var(--kite-form-control-label-margin-bottom)
}
.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%
}
.kite-progress__backdrop {
  background-color:var(--backdrop-color);
  display:none;
  opacity:var(--backdrop-opacity);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.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__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,
.kite-progress--btn {
  position:relative
}
.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;
  overflow:visible;
  position:static;
  width:auto;
  height:auto;
  color:var(--fill-color);
  display:block;
  font-size:calc(var(--kite-progress-indicator-value-label-size) * .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-duration-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(.925);
  transition-delay:var(--progress-transition-delay);
  transition-duration:var(--kite-motion-duration-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(0);
  transform-origin:center center;
  transition:opacity var(--kite-motion-duration-faster) linear var(--progress-transition-delay)
}
@keyframes kite-progress-rotate {
  to {
    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(0);
  transform-origin:center center;
  transition-delay:0s,var(--progress-transition-delay),var(--progress-transition-delay);
  transition-duration:var(--kite-motion-duration-fastest),var(--kite-motion-duration-fast),var(--kite-motion-duration-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-duration-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) * .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__spinner,
.kite-progress--circular.kite-progress--error .kite-progress__spinner {
  opacity:0
}
.kite-progress--circular.kite-progress--success .kite-progress__circle,
.kite-progress--circular.kite-progress--error .kite-progress__circle {
  stroke-width:0
}
.kite-progress--circular.kite-progress--success .kite-progress__success,
.kite-progress--circular.kite-progress--success .kite-progress__error,
.kite-progress--circular.kite-progress--error .kite-progress__success,
.kite-progress--circular.kite-progress--error .kite-progress__error {
  transform:rotate(0) 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 {
  0% {
    transform:translate(-100%)
  }
  to {
    transform:translate(100%)
  }
}
@keyframes kite-progress-dash-rotate {
  50% {
    transform:rotate(135deg)
  }
  to {
    transform:rotate(450deg)
  }
}
@keyframes kite-progress-dash-offset {
  50% {
    stroke-dashoffset:calc(var(--progress-circle-circumference) * .25)
  }
  to {
    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
}
.kite-radio .kite-radio__input,
.kite-radio input {
  color:var(--label-text-color);
  margin:var(--kite-radio-margin-top) var(--kite-radio-margin-right) var(--kite-radio-margin-bottom) var(--kite-radio-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)
}
.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)
}
.kite-radio input:checked:disabled~.kite-radio__indicator:after {
  border-color:var(--selected-disabled-center-background-color)
}
.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-padding-left) + var(--kite-search-input-addon-icon-width) + var(--kite-search-input-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:0;
  padding-right:var(--kite-search-input-padding-right);
  padding-bottom:0;
  padding-left:var(--kite-search-input-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);
  --size: var(--kite-search-input-addon-icon-width)
}
.kite-search-input__input-addon--button {
  cursor:var(--kite-search-input-action-cursor);
  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)
}
.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)
}
.kite-search-input__input:disabled::placeholder {
  color:var(--kite-search-input-disabled-text-color)
}
.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:0;
  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)
}
.kite-search-input--disabled .kite-search-input__input-addon .kite-icon {
  --color: var(--kite-search-input-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 {
  color:var(--kite-select-label-text-color);
  display:block;
  margin-bottom:var(--kite-select-label-margin-bottom)
}
.kite-select__label--disabled {
  color:var(--kite-select-disabled-label-text-color)
}
.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:0;
  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)
}
.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__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 .kite-select__select,
.kite-select--error .kite-select__select.kite-focus-visible {
  --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;
  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,
.kite-skip-link li {
  list-style:none;
  margin:0;
  padding:0;
  line-height:var(--kite-skip-link-text-line-height)
}
.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-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);
  --confirm-icon-total-width: calc(var(--kite-text-input-secure-confirm-icon-margin-right) + var(--kite-text-input-secure-confirm-icon-width));
  --count-text-color: var(--kite-text-area-character-count-text-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-icon-total-width: calc(var(--kite-text-input-padding-left) + var(--kite-text-input-secure-icon-width) + var(--kite-text-input-padding-right));
  --secure-visible-icon-color: var(--kite-text-input-secure-visible-icon-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)
}
.kite-text-input--error {
  --input-border-color: var(--kite-text-input-error-border-color);
  --input-border-width: var(--kite-text-input-error-border-width)
}
.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 {
  color:var(--kite-text-input-label-text-color);
  display:block;
  margin-bottom:var(--kite-text-input-label-margin-bottom)
}
.kite-text-input__label--disabled {
  color:var(--kite-text-input-disabled-label-text-color)
}
.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__mask-toggle {
  background-color:transparent;
  border:0;
  display:flex;
  align-items:center;
  text-align:center;
  white-space:nowrap;
  padding-top:0;
  padding-right:var(--kite-text-input-padding-right);
  padding-bottom:0;
  padding-left:var(--kite-text-input-padding-left);
  height:100%;
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  cursor:var(--kite-text-input-cursor)
}
.kite-text-input__mask-toggle.kite-focus-visible,
.kite-text-input__mask-toggle:focus-visible {
  outline-color:var(--kite-text-input-secure-icon-focus-ring-color);
  outline-offset:var(--kite-text-input-secure-icon-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__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)
}
.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
}
.kite-text-input__input.kite-focus-visible,
.kite-text-input__input:focus-visible {
  outline:none
}
.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:0;
  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-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)
}
.kite-text-area--error {
  --input-border-color: var(--kite-text-area-error-border-color);
  --input-border-width: var(--kite-text-input-error-border-width)
}
@media only screen and (min-width: 30rem) {
  .kite-text-area {
    max-width:var(--text-area-max-width)
  }
}
.kite-text-area__label {
  color:var(--kite-text-area-label-text-color);
  display:block;
  margin-bottom:var(--kite-text-area-label-margin-bottom)
}
.kite-text-area__label--disabled {
  color:var(--kite-text-area-disabled-label-text-color)
}
.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-character-count-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:0;
  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)
}
.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,
.kite-text-area--disabled .kite-text-area__character-count {
  color:var(--kite-text-area-disabled-label-text-color)
}
.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-bottom:var(--kite-toast-margin-bottom);
  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--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:after,
.kite-tooltip__trigger:hover:after {
  display:flex
}
.kite-tooltip__trigger:focus+.kite-tooltip__text,
.kite-tooltip__trigger:focus .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;
  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:400;
  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:after,
.kite-tooltip--no-arrow .kite-tooltip__trigger:focus: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:translateY(-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:translateY(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:translateY(-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:translateY(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:.15em;
  left:0;
  width:100%
}
.kite-button.kite-tooltip--left {
  --tooltip-text-offset: calc(-1 * (var(--kite-button-padding-left) + var(--tooltip-arrow-height)))
}
.kite-button.kite-tooltip--right {
  --tooltip-text-offset: calc(-1 * (var(--kite-button-padding-right) + var(--tooltip-arrow-height)))
}
.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)))
}
.my-component {
  --public-css-var: var(--token);
  --private-css-var: var(--token)
}
.my-component {
  background:var(--background, green);
  box-shadow:10px 5px 5px #00f;
  display:block;
  contain:content;
  flex:1 0 auto;
  font-weight:400;
  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:700
}
.my-component--modifier {
  background:purple
}
.my-component:before,
.my-component:after,
.my-component::placeholder {
  color:green
}
.my-component__text,
.my-component__text span {
  color:#00f
}
.my-component__text i {
  color:var(--my-test-color)
}
.my-component button {
  background-color:var(--my-primary-color, magenta)
}
body {
  --gap-fallback: 8px;
  margin:0!important
}
.kite-body.kite-theme--mode-light {
  background-color:var(--kite-color-background-secondary)
}
.kite-body.kite-theme--idm kite-progress-indicator {
  z-index:1300
}
.idm-legal-links-footer-container .kite-link--standalone {
  display:inline
}
.kite-theme--mode-dark .idm-main-content-card:has(.idm-login-container) {
  background-image:url(/assets/images/login-background-texture.png);
  background-size:contain;
  background-repeat:no-repeat
}
.kite-theme--idm kite-popover .kite-icon__inner svg {
  width:22px;
  height:22px
}
.kite-theme--idm h1 {
  font-size:clamp(var(--kite-typography-sm-title-4-size),4vw,var(--kite-typography-lg-title-1-size))
}
.kite-theme--idm h1.focus-visible {
  outline:0
}
.kite-theme--idm p.hint-text {
  color:var(--kite-text-area-hint-text-color);
  margin-top:1rem
}
.kite-theme--idm .kite-card .highlight-blue {
  margin-top:var(--kite-spacing-element-xxl);
  margin-bottom:var(--kite-spacing-element-xxxl)
}
.kite-theme--idm .inline-button {
  cursor:pointer;
  color:var(--kite-link-text-color)
}
.kite-theme--idm .idm-global-alert-container header {
  display:flex
}
.kite-theme--idm .idm-card-alert-container .kite-alert {
  margin-bottom:20px
}
.kite-theme--idm .idm-card-form-buttons {
  display:grid;
  gap:1.5rem
}
@media only screen and (min-width: 30rem) {
  .kite-theme--idm .idm-card-form-buttons {
    grid-template-columns:repeat(2,210px)
  }
}
.kite-theme--idm form.idm-form-container kite-validation-gate {
  margin-bottom:var(--margin-bottom, 0px)
}
.kite-theme--idm .idm-checkbox .kite-checkbox__description {
  font-weight:var(--kite-font-weight-medium)
}
.kite-theme--idm .kite-dialog div div div span kite-button-box div.kite-button-group {
  justify-content:center
}
@media (max-width: 599px) {
  .kite-theme--idm .kite-dialog div div div span kite-button-box div.kite-button-group .kite-button-group__item {
    margin-bottom:0
  }
}
.kite-theme--idm .idm-feedback-placement--below {
  display:flex;
  flex-direction:column;
  align-items:center
}
.kite-theme--idm .idm-feedback-placement--below hr {
  width:100%
}
.kite-theme--idm .idm-card-footer-link>a.kite-link {
  color:var(--kite-color-text);
  width:100%;
  font-weight:var(--kite-font-weight-regular)
}
.kite-theme--idm .idm-card-footer-link>a.kite-link span {
  justify-content:space-between;
  align-items:center;
  display:flex;
  padding:0 8px;
  width:inherit
}
.kite-theme--idm .idm-word-break-all {
  word-break:break-all
}
.kite-theme--idm .idm-text-center {
  text-align:center
}
.kite-theme--idm .idm-flex-col,
.kite-theme--idm .idm-flex-col-gap,
.kite-theme--idm form.idm-form-container kite-validation-gate,
.kite-theme--idm form.idm-form-container.radio-group-form kite-radio-group fieldset {
  display:flex;
  flex-direction:column
}
.kite-theme--idm .idm-flex-row {
  display:flex;
  flex-direction:row
}
.kite-theme--idm .idm-font-bold {
  font-weight:var(--kite-font-weight-bold)
}
.kite-theme--idm .idm-flex-col-gap,
.kite-theme--idm form.idm-form-container kite-validation-gate,
.kite-theme--idm form.idm-form-container.radio-group-form kite-radio-group fieldset {
  gap:var(--gap, var(--gap-fallback))
}
html,
body,
.app-root {
  height:100%;
  width:100%
}
.app-root {
  display:block
}
