/* Aliases  */
.v2 {
  --iui3-grid-brand-expanded-1-column: var(
    --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-1-column
  );
  --iui3-grid-brand-collapsed-1-column: var(
    --iui3-grid-columns-brand-collapsed-grid-v2-grid-brand-collapsed-1-column
  );
  --iui3-grid-partner-1-column: var(
    --iui3-grid-columns-partner-grid-v2-grid-partner-1-column
  );
  --iui3-grid-checklist-1-column: var(
    --iui3-grid-columns-checklist-grid-v2-grid-checklist-1-column
  );
  --iui3-grid-tablet-1-column: var(
    --iui3-grid-columns-tablet-grid-v2-grid-tablet-1-column
  );
  --iui3-grid-mobile-1-column: var(
    --iui3-grid-columns-mobile-grid-v2-grid-mobile-1-column
  );
}
/* Aliases  */
.v2 {
  --iui3-color-background-social-background-x: var(
    --iui3-color-social-v2-twitter
  );
  --iui3-color-background-social-background-facebook: var(
    --iui3-color-social-v2-facebook
  );
  --iui3-color-background-social-background-youtube: var(
    --iui3-color-social-v2-youtube
  );
  --iui3-color-background-social-background-twitch: var(
    --iui3-color-social-v2-twitch
  );
  --iui3-color-background-social-background-tiktok: var(
    --iui3-color-social-v2-tiktok
  );
  --iui3-color-background-social-background-snapchat: var(
    --iui3-color-social-v2-snapchat
  );
  --iui3-color-background-social-background-linkedin: var(
    --iui3-color-social-v2-linkedin
  );
  --iui3-color-background-social-background-pinterest: var(
    --iui3-color-social-v2-pinterest
  );
  --iui3-color-background-social-background-whatsapp: var(
    --iui3-color-social-v2-whatsapp
  );
  --iui3-color-background-social-background-line: var(
    --iui3-color-social-v2-line
  );
  --iui3-color-background-social-background-wechat: var(
    --iui3-color-social-v2-wechat
  );
  --iui3-color-background-social-background-bestbuy: var(
    --iui3-color-social-v2-bestbuy
  );
}
/* Aliases  */
.v2 {
  --iui3-color-secondary-button-secondary-background-default: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-secondary-button-secondary-background-disabled: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-secondary-button-text-on-secondary-default: var(
    --iui3-color-gray-v2-coal-black
  );
  --iui3-color-secondary-button-text-on-secondary-disabled: var(
    --iui3-color-gray-v2-bleakest-gray
  );
  --iui3-color-secondary-button-secondary-border-default: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-secondary-button-secondary-border-disabled: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-secondary-button-secondary-border-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-secondary-button-text-on-secondary-hover: var(
    --iui3-color-gray-v2-coal-black
  );
  --iui3-color-secondary-button-secondary-background-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
}
/* Aliases  */
.v2 {
  --iui3-color-tertiary-button-tertiary-background-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-tertiary-button-tertiary-background-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-tertiary-button-tertiary-background-disabled: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-tertiary-button-text-on-tertiary-default: var(
    --iui3-color-gray-v2-coal-black
  );
  --iui3-color-tertiary-button-text-on-tertiary-disabled: var(
    --iui3-color-gray-v2-bleakest-gray
  );
}
/* Variables  */
.v2 {
  --iui3-color-background-background-overlay: #2d3e5033;
}

/* Aliases  */
.v2 {
  --iui3-color-background-background-default: var(--iui3-color-gray-v2-white);
  --iui3-color-background-background-subdued: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-background-background-disabled: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-background-background-hover: var(--iui3-color-gray-v2-pale-gray);
  --iui3-color-background-background-invert: var(
    --iui3-color-gray-v2-coal-black
  );
  --iui3-color-background-background-dimmed: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-background-background-on-surface: var(
    --iui3-color-gray-v2-white
  );
}
/* Aliases  */
.v2 {
  --iui3-color-decorative-orange-decorative-background: var(
    --iui3-color-orange-v2-light-orange
  );
  --iui3-color-decorative-orange-decorative-border: var(
    --iui3-color-orange-v2-burnt-orange
  );
  --iui3-color-decorative-blue-decorative-border: var(
    --iui3-color-blue-v2-strata-blue
  );
  --iui3-color-decorative-blue-decorative-background: var(
    --iui3-color-blue-v2-ice-blue
  );
  --iui3-color-decorative-blue-decorative-text: var(
    --iui3-color-blue-v2-future-blue
  );
  --iui3-color-decorative-orange-decorative-text: var(
    --iui3-color-orange-v2-burnt-orange
  );
  --iui3-color-decorative-blue-decorative-text-subdued: var(
    --iui3-color-blue-v2-strata-blue
  );
  --iui3-color-decorative-red-decorative: var(--iui3-color-brand-v2-impact-red);
  --iui3-color-decorative-orange-decorative-icon: var(
    --iui3-color-orange-v2-burnt-orange
  );
  --iui3-color-decorative-blue-decorative-icon: var(
    --iui3-color-blue-v2-future-blue
  );
}
/* Aliases  */
.v2 {
  --iui3-color-border-border-default: var(--iui3-color-gray-v2-serenity-gray);
  --iui3-color-border-border-subdued: var(--iui3-color-gray-v2-flash-gray);
  --iui3-color-border-border-hover: var(--iui3-color-gray-v2-coal-black);
  --iui3-color-border-border-active: var(--iui3-color-gray-v2-coal-black);
}
/* Aliases  */
.v2 {
  --iui3-color-warning-background-warning: var(
    --iui3-color-orange-v2-light-orange
  );
  --iui3-color-warning-text-warning: var(--iui3-color-yellow-v2-warning-yellow);
  --iui3-color-warning-icon-warning: var(--iui3-color-yellow-v2-warning-yellow);
  --iui3-color-warning-border-warning: var(
    --iui3-color-yellow-v2-warning-yellow
  );
}
/* Aliases  */
.v2 {
  --iui3-color-reporting-primary: var(--iui3-color-blue-v2-strata-blue);
  --iui3-color-reporting-secondary: var(--iui3-color-brand-v2-impact-red);
  --iui3-color-reporting-tertiary: var(--iui3-color-yellow-v2-warning-yellow);
}
/* Aliases  */
.v2 {
  --iui3-color-icon-icon-default: var(--iui3-color-gray-v2-coal-black);
  --iui3-color-icon-icon-subdued: var(--iui3-color-gray-v2-serenity-gray);
  --iui3-color-icon-icon-disabled: var(--iui3-color-gray-v2-bleakest-gray);
  --iui3-color-icon-icon-invert: var(--iui3-color-gray-v2-white);
  --iui3-color-icon-icon-invert-disabled: var(--iui3-color-gray-v2-white);
}
/* Aliases  */
.v2 {
  --iui3-color-navigation-navigation-partner-v2-nav-partner-background-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-text-active: var(
    --iui3-color-gray-v2-coal-black
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-text-subdued: var(
    --iui3-color-gray-v2-storm-gray
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-icon-background-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-icon-background-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-navigation-navigation-partner-top-nav-partner-tab-hover: var(
    --iui3-color-gray-v2-serenity-gray
  );
  --iui3-color-navigation-navigation-partner-top-nav-partner-tab-active: var(
    --iui3-color-blue-v2-strata-blue
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-switcher-background-selected: var(
    --iui3-color-gray-v2-flash-gray
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-switcher-background-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
}
/* Aliases  */
.v2 {
  --iui3-color-critical-icon-critical: var(--iui3-color-red-v2-error-red);
  --iui3-color-critical-background-critical: var(
    --iui3-color-red-v2-light-pink
  );
  --iui3-color-critical-text-critical: var(--iui3-color-red-v2-error-red);
  --iui3-color-critical-border-critical: var(--iui3-color-red-v2-rose-red);
  --iui3-color-critical-background-critical-subdued: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-critical-text-critical-subdued: var(
    --iui3-color-red-v2-error-red
  );
}
/* Aliases  */
.v2 {
  --iui3-color-text-text-default: var(--iui3-color-gray-v2-coal-black);
  --iui3-color-text-text-subdued: var(--iui3-color-gray-v2-storm-gray);
  --iui3-color-text-text-interactive: var(--iui3-color-blue-v2-strata-blue);
  --iui3-color-text-text-disabled: var(--iui3-color-gray-v2-bleakest-gray);
  --iui3-color-text-text-placeholder: var(--iui3-color-gray-v2-bleakest-gray);
  --iui3-color-text-text-invert: var(--iui3-color-gray-v2-white);
}
/* Variables  */
.v2 {
  --iui3-color-navigation-side-nav-background-active: #ffffff1f;
  --iui3-color-navigation-nav-text-subdued: #b6bcc2ff;
  --iui3-color-navigation-nav-text-disabled: #59626bff;
  --iui3-color-navigation-nav-icon-default: #515b66ff;
  --iui3-color-navigation-side-nav-background-hover: #ffffff1f;
  --iui3-color-navigation-nav-text-default: #e5e7eaff;
  --iui3-color-navigation-nav-brand-icon-background-default: #273341ff;
}

/* Aliases  */
.v2 {
  --iui3-color-navigation-side-nav-background-default: var(
    --iui3-color-gray-v2-coal-black
  );
  --iui3-color-navigation-side-nav-background-subdued: var(
    --iui3-color-gray-v2-almost-black
  );
  --iui3-color-navigation-nav-text-active: var(--iui3-color-gray-v2-white);
  --iui3-color-navigation-nav-icon-selected: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-navigation-nav-account-switcher-background-selected: var(
    --iui3-color-gray-v2-flash-gray
  );
  --iui3-color-navigation-nav-account-switcher-background-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-navigation-top-nav-background-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-navigation-nav-border-default: var(
    --iui3-color-navigation-side-nav-background-default
  );
}
/* Aliases  */
.v2 {
  --iui3-color-calendar-calendar-day-compare-background-selected: var(
    --iui3-color-orange-v2-burnt-orange
  );
  --iui3-color-calendar-calendar-day-compare-background-hover: var(
    --iui3-color-orange-v2-light-orange
  );
}
/* Aliases  */
.v2 {
  --iui3-color-filter-filter-background-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-filter-filter-background-disabled: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-filter-filter-background-active: var(
    --iui3-color-blue-v2-ice-blue
  );
  --iui3-color-filter-filter-text-default: var(--iui3-color-gray-v2-coal-black);
  --iui3-color-filter-filter-text-disabled: var(
    --iui3-color-gray-v2-bleakest-gray
  );
  --iui3-color-filter-filter-text-active: var(--iui3-color-blue-v2-strata-blue);
  --iui3-color-filter-filter-border-default: var(
    --iui3-color-gray-v2-serenity-gray
  );
  --iui3-color-filter-filter-border-active: var(--iui3-color-blue-v2-sky-blue);
  --iui3-color-filter-filter-border-disabled: var(
    --iui3-color-gray-v2-serenity-gray
  );
  --iui3-color-filter-filter-border-active-hover: var(
    --iui3-color-blue-v2-strata-blue
  );
  --iui3-color-filter-filter-border-hover: var(--iui3-color-gray-v2-coal-black);
}
/* Aliases  */
.v2 {
  --iui3-color-primary-button-primary-background-default: var(
    --iui3-color-blue-v2-strata-blue
  );
  --iui3-color-primary-button-primary-background-disabled: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-primary-button-text-on-primary-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-primary-button-text-on-primary-disabled: var(
    --iui3-color-gray-v2-bleakest-gray
  );
  --iui3-color-primary-button-primary-background-hover: var(
    --iui3-color-blue-v2-strata-blue
  );
}
/* Aliases  */
.v2 {
  --iui3-color-success-background-success: var(
    --iui3-color-green-v2-light-green
  );
  --iui3-color-success-text-success: var(--iui3-color-green-v2-leaf-green);
  --iui3-color-success-icon-success: var(--iui3-color-green-v2-leaf-green);
  --iui3-color-success-border-success: var(--iui3-color-green-v2-leaf-green);
}
/* Aliases  */
.v2 {
  --iui3-typography-line-height-header: var(--iui3-line-height-header);
  --iui3-typography-line-height-subheader: var(--iui3-line-height-subheader);
  --iui3-typography-line-height-metric: var(--iui3-line-height-metric);
  --iui3-typography-line-height-field-label: var(
    --iui3-line-height-field-label
  );
  --iui3-typography-line-height-secondary-field-label: var(
    --iui3-line-height-secondary-field-label
  );
  --iui3-typography-line-height-description: var(
    --iui3-line-height-description-text
  );
  --iui3-typography-line-height-regular-text: var(
    --iui3-line-height-regular-text
  );
  --iui3-typography-line-height-text-link: var(--iui3-line-height-text-link);
  --iui3-typography-line-height-ghost-text: var(--iui3-line-height-ghost-text);
  --iui3-typography-line-height-help-text: var(--iui3-line-height-help-text);
  --iui3-typography-line-height-table-first-column: var(
    --iui3-line-height-table-first-column
  );
  --iui3-typography-line-height-table-subtext: var(
    --iui3-line-height-table-subtext
  );
  --iui3-typography-line-height-html-code: var(--iui3-line-height-html-code);
  --iui3-typography-line-height-wizard-header: var(
    --iui3-line-height-wizard-header
  );
  --iui3-typography-line-height-wizard-subheader: var(
    --iui3-line-height-wizard-subheader
  );
}
/* Aliases  */
.v2 {
  --iui3-typography-font-size-header: var(--iui3-font-size-header);
  --iui3-typography-font-size-subheader: var(--iui3-font-size-subheader);
  --iui3-typography-font-size-metric: var(--iui3-font-size-metric);
  --iui3-typography-font-size-field-label: var(--iui3-font-size-field-label);
  --iui3-typography-font-size-secondary-field-label: var(
    --iui3-font-size-secondary-field-label
  );
  --iui3-typography-font-size-description: var(
    --iui3-font-size-description-text
  );
  --iui3-typography-font-size-text-link: var(--iui3-font-size-text-link);
  --iui3-typography-font-size-ghost-text: var(--iui3-font-size-ghost-text);
  --iui3-typography-font-size-help-text: var(--iui3-font-size-help-text);
  --iui3-typography-font-size-table-first-column: var(
    --iui3-font-size-table-first-column
  );
  --iui3-typography-font-size-table-subtext: var(
    --iui3-font-size-table-subtext
  );
  --iui3-typography-font-size-html-code: var(--iui3-font-size-html-code);
  --iui3-typography-font-size-regular-text: var(--iui3-font-size-regular-text);
  --iui3-typography-font-size-wizard-header: var(
    --iui3-font-size-wizard-header
  );
  --iui3-typography-font-size-wizard-subheader: var(
    --iui3-font-size-wizard-subheader
  );
}
/* Aliases  */
.v2 {
  --iui3-space-radius-button-radius: var(--iui3-spacing-v2-space-8);
  --iui3-space-radius-badge-radius: var(--iui3-spacing-v2-space-4);
  --iui3-space-radius-input-radius: var(--iui3-spacing-v2-space-8);
  --iui3-space-radius-selector-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-checkbox-radius: var(--iui3-spacing-v2-space-3);
  --iui3-space-radius-label-radius: var(--iui3-spacing-v2-space-4);
  --iui3-space-radius-select-item-radius: var(--iui3-spacing-v2-space-8);
  --iui3-space-radius-social-icons-radius: var(--iui3-spacing-v2-space-2);
  --iui3-space-radius-selector-icon-radius: var(--iui3-spacing-v2-space-9999);
  --iui3-space-radius-selector-condensed-radius: var(--iui3-spacing-v2-space-8);
  --iui3-space-radius-avatar-radius: var(--iui3-spacing-v2-space-9999);
  --iui3-space-radius-pill-radius: var(--iui3-spacing-v2-space-9999);
  --iui3-space-radius-alert-banner-radius: var(--iui3-spacing-v2-space-8);
  --iui3-space-radius-tooltip-radius: var(--iui3-spacing-v2-space-8);
  --iui3-space-radius-menu-radius: var(--iui3-spacing-v2-space-8);
}
/* Aliases  */
.v2 {
  --iui3-space-padding-button-padding-leftright: var(
    --iui3-spacing-v2-space-10
  );
  --iui3-space-padding-badge-padding-leftright: var(--iui3-spacing-v2-space-10);
  --iui3-space-padding-input-padding-leftright: var(--iui3-spacing-v2-space-10);
  --iui3-space-padding-input-padding-leftright-small: var(
    --iui3-spacing-v2-space-5
  );
  --iui3-space-padding-selector-padding-default: var(
    --iui3-spacing-v2-space-16
  );
  --iui3-space-padding-selector-padding-small: var(--iui3-spacing-v2-space-10);
  --iui3-space-padding-tab-padding-leftright: var(--iui3-spacing-v2-space-20);
  --iui3-space-padding-tab-padding-topbottom: var(--iui3-spacing-v2-space-3);
  --iui3-space-padding-label-padding-leftright: var(--iui3-spacing-v2-space-10);
  --iui3-space-padding-select-item-padding-leftright-default: var(
    --iui3-spacing-v2-space-10
  );
  --iui3-space-padding-select-item-padding-left-child: var(
    --iui3-spacing-v2-space-20
  );
  --iui3-space-padding-select-item-padding-topbottom: var(
    --iui3-spacing-v2-space-10
  );
  --iui3-space-padding-menu-padding-topbottom: var(--iui3-spacing-v2-space-5);
  --iui3-space-padding-menu-padding-leftright: var(--iui3-spacing-v2-space-5);
  --iui3-space-padding-table-cell-padding-leftright-default: var(
    --iui3-spacing-v2-space-10
  );
  --iui3-space-padding-table-cell-padding-topbottom: var(
    --iui3-spacing-v2-space-15
  );
  --iui3-space-padding-table-heading-padding-topbottom: var(
    --iui3-spacing-v2-space-8
  );
  --iui3-space-padding-nav-item-primary-padding-left: var(
    --iui3-spacing-v2-space-15
  );
  --iui3-space-padding-nav-item-padding-right: var(--iui3-spacing-v2-space-10);
  --iui3-space-padding-nav-item-secondary-padding-left: var(
    --iui3-spacing-v2-space-30
  );
  --iui3-space-padding-nav-item-tertiary-padding-left: var(
    --iui3-spacing-v2-space-45
  );
  --iui3-space-padding-nav-padding-leftright: var(--iui3-spacing-v2-space-8);
  --iui3-space-padding-nav-padding-topbottom: var(--iui3-spacing-v2-space-20);
  --iui3-space-padding-page-padding-desktop: var(--iui3-spacing-v2-space-30);
  --iui3-space-padding-card-padding: var(--iui3-spacing-v2-space-10);
  --iui3-space-padding-dropdown-icon-alignment-padding: var(
    --iui3-spacing-v2-space-7
  );
  --iui3-space-padding-alert-banner-padding-leftright-small: var(
    --iui3-spacing-v2-space-10
  );
  --iui3-space-padding-alert-banner-padding-leftright-large: var(
    --iui3-spacing-v2-space-20
  );
  --iui3-space-padding-alert-banner-padding-topbottom-small: var(
    --iui3-spacing-v2-space-10
  );
  --iui3-space-padding-alert-banner-padding-topbottom-large: var(
    --iui3-spacing-v2-space-20
  );
  --iui3-space-padding-table-cell-padding-leftright-large: var(
    --iui3-spacing-v2-space-15
  );
  --iui3-space-padding-page-padding-mobile: var(--iui3-spacing-v2-space-20);
}
/* Aliases  */
.v2 {
  --iui3-space-width-icon-button-width-default: var(--iui3-size-v2-size-38);
  --iui3-space-width-icon-button-width-small: var(--iui3-size-v2-size-30);
  --iui3-space-width-selector-width: var(
    --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-3-columns
  );
  --iui3-space-width-input-width: var(
    --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-3-columns
  );
  --iui3-space-width-avatar-width-xs: var(--iui3-size-v2-size-24);
  --iui3-space-width-avatar-width-s: var(--iui3-size-v2-size-30);
  --iui3-space-width-avatar-width-m: var(--iui3-size-v2-size-38);
  --iui3-space-width-avatar-width-l: var(--iui3-size-v2-size-48);
  --iui3-space-width-avatar-width-xl: var(--iui3-size-v2-size-60);
  --iui3-space-width-avatar-width-xxl: var(--iui3-size-v2-size-80);
  --iui3-space-width-empty-state-card-width: var(
    --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-6-columns
  );
  --iui3-space-width-page-width-web-brand-expanded: var(
    --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-total-width
  );
  --iui3-space-width-page-width-web-brand-collapsed: var(
    --iui3-grid-columns-brand-collapsed-grid-v2-grid-brand-collapsed-total-width
  );
  --iui3-space-width-page-width-partner: var(
    --iui3-grid-columns-partner-grid-v2-grid-partner-total-width
  );
  --iui3-space-width-icon-width-small: var(--iui3-spacing-v2-space-10);
  --iui3-space-width-icon-width-default: var(--iui3-spacing-v2-space-16);
  --iui3-space-width-icon-width-large: var(--iui3-spacing-v2-space-24);
  --iui3-space-width-icon-width-xlarge: var(--iui3-spacing-v2-space-30);
}
/* Aliases  */
.v2 {
  --iui3-space-gap-gap-default: var(--iui3-spacing-v2-space-10);
  --iui3-space-gap-gap-small: var(--iui3-spacing-v2-space-5);
  --iui3-space-gap-gap-nav: var(--iui3-spacing-v2-space-10);
  --iui3-space-gap-page-section-gap-default: var(--iui3-spacing-v2-space-30);
  --iui3-space-gap-gap-large: var(--iui3-spacing-v2-space-20);
}
/* Aliases  */
.v2 {
  --iui3-space-height-input-height-default: var(--iui3-size-v2-size-38);
  --iui3-space-height-input-height-small: var(--iui3-size-v2-size-30);
  --iui3-space-height-button-height-default: var(--iui3-size-v2-size-38);
  --iui3-space-height-button-height-small: var(--iui3-size-v2-size-30);
  --iui3-space-height-badge-height: var(--iui3-size-v2-size-24);
  --iui3-space-height-label-height-small: var(--iui3-size-v2-size-24);
  --iui3-space-height-label-height-default: var(--iui3-size-v2-size-30);
  --iui3-space-height-select-item-height: var(--iui3-size-v2-size-38);
  --iui3-space-height-nav-primary-item-height: var(--iui3-size-v2-size-38);
  --iui3-space-height-nav-child-item-height: var(--iui3-size-v2-size-28);
  --iui3-space-height-icon-height-small: var(--iui3-spacing-v2-space-10);
  --iui3-space-height-icon-height-default: var(--iui3-spacing-v2-space-16);
  --iui3-space-height-icon-height-large: var(--iui3-spacing-v2-space-24);
  --iui3-space-height-icon-height-xlarge: var(--iui3-spacing-v2-space-30);
}
.v2 {
  /* Add variables here that should be manually declared as V2 theme tokens */
  --iui3-typography-font-family-font-family: var(--iui3-font-family-sans-v2);
  --iui3-typography-font-family-font-family-sans: var(
    --iui3-font-family-sans-vnext
  );
  --iui3-typography-font-family-font-family-html-code: var(
    --iui3-font-family-code-vnext
  );
  --iui3-box-shadow: var(--iui3-box-shadow-v2);
  --iui3-box-shadow-top: var(--iui3-box-shadow-top-v2);
  --iui3-box-shadow-bottom: var(--iui3-box-shadow-bottom-v2);
  --iui3-table-row-hover-gradient: var(--iui3-table-row-hover-gradient-v2);
  --iui3-button-shadow: var(--iui3-button-shadow-v2);
  color-scheme: light;

  --iui3-color-border-border-nav: var(
    --iui3-color-navigation-nav-border-default
  );

  /* Typography backwards compatibility */
  --iui3-typography-line-height: 0px;

  --iui3-typography-font-size-header-desktop: var(--iui3-font-size-26);
  --iui3-typography-font-size-subheader-desktop: var(--iui3-font-size-18);
  --iui3-typography-font-size-header-mobile: var(--iui3-font-size-24);
  --iui3-typography-font-size-subheader-mobile: var(--iui3-font-size-18);
  --iui3-typography-font-size-header-wizard: var(--iui3-font-size-32);
  --iui3-typography-font-size-subheader-wizard: var(--iui3-font-size-22);

  --iui3-typography-line-height-header-desktop: var(--iui3-font-line-height-33);
  --iui3-typography-line-height-subheader-desktop: var(
    --iui3-font-line-height-23
  );
  --iui3-typography-line-height-header-mobile: var(--iui3-font-line-height-30);
  --iui3-typography-line-height-subheader-mobile: var(
    --iui3-font-line-height-23
  );
  --iui3-typography-line-height-header-wizard: var(--iui3-font-line-height-40);
  --iui3-typography-line-height-subheader-wizard: var(
    --iui3-font-line-height-28
  );

  --iui3-color-background-table-row: var(--iui3-color-transparent-v2);
  --iui3-color-background-table-row-hover: var(--iui3-color-transparent-v2);
}
/* Aliases  */
.vnext-dark {
  --iui3-grid-brand-expanded-1-column: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-1-column
  );
  --iui3-grid-brand-collapsed-1-column: var(
    --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-1-column
  );
  --iui3-grid-partner-1-column: var(
    --iui3-grid-columns-partner-grid-vnext-grid-partner-1-column
  );
  --iui3-grid-checklist-1-column: var(
    --iui3-grid-columns-checklist-grid-vnext-grid-checklist-1-column
  );
  --iui3-grid-tablet-1-column: var(
    --iui3-grid-columns-tablet-grid-vnext-grid-tablet-1-column
  );
  --iui3-grid-mobile-1-column: var(
    --iui3-grid-columns-mobile-grid-vnext-grid-mobile-1-column
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-background-social-background-x: var(
    --iui3-color-social-v2-twitter
  );
  --iui3-color-background-social-background-facebook: var(
    --iui3-color-social-v2-facebook
  );
  --iui3-color-background-social-background-youtube: var(
    --iui3-color-social-v2-youtube
  );
  --iui3-color-background-social-background-twitch: var(
    --iui3-color-social-v2-twitch
  );
  --iui3-color-background-social-background-tiktok: var(
    --iui3-color-social-v2-tiktok
  );
  --iui3-color-background-social-background-snapchat: var(
    --iui3-color-social-v2-snapchat
  );
  --iui3-color-background-social-background-linkedin: var(
    --iui3-color-social-v2-linkedin
  );
  --iui3-color-background-social-background-pinterest: var(
    --iui3-color-social-v2-pinterest
  );
  --iui3-color-background-social-background-whatsapp: var(
    --iui3-color-social-v2-whatsapp
  );
  --iui3-color-background-social-background-line: var(
    --iui3-color-social-v2-line
  );
  --iui3-color-background-social-background-wechat: var(
    --iui3-color-social-v2-wechat
  );
  --iui3-color-background-social-background-bestbuy: var(
    --iui3-color-social-v2-bestbuy
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-secondary-button-secondary-background-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-secondary-button-secondary-background-disabled: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-secondary-button-text-on-secondary-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-secondary-button-text-on-secondary-disabled: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-secondary-button-secondary-border-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-secondary-button-secondary-border-disabled: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-secondary-button-secondary-border-hover: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-secondary-button-text-on-secondary-hover: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-secondary-button-secondary-background-hover: var(
    --iui3-color-gray-vnext-white
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-tertiary-button-tertiary-background-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-tertiary-button-tertiary-background-hover: var(
    --iui3-color-gray-vnext-oil-black
  );
  --iui3-color-tertiary-button-tertiary-background-disabled: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-tertiary-button-text-on-tertiary-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-tertiary-button-text-on-tertiary-disabled: var(
    --iui3-color-gray-vnext-carbon-gray
  );
}
/* Variables  */
.vnext-dark {
  --iui3-color-background-background-overlay: #121212d9;
}

/* Aliases  */
.vnext-dark {
  --iui3-color-background-background-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-background-background-subdued: var(
    --iui3-color-gray-vnext-oil-black
  );
  --iui3-color-background-background-disabled: var(
    --iui3-color-gray-vnext-oil-black
  );
  --iui3-color-background-background-hover: var(
    --iui3-color-gray-vnext-oil-black
  );
  --iui3-color-background-background-invert: var(--iui3-color-gray-vnext-white);
  --iui3-color-background-background-dimmed: var(
    --iui3-color-gray-vnext-oil-black
  );
  --iui3-color-background-background-on-surface: var(
    --iui3-color-gray-vnext-midnight-black
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-decorative-orange-decorative-background: var(
    --iui3-color-orange-vnext-darker-orange
  );
  --iui3-color-decorative-orange-decorative-border: var(
    --iui3-color-orange-vnext-tangerine-orange
  );
  --iui3-color-decorative-blue-decorative-border: var(
    --iui3-color-blue-vnext-light-blue
  );
  --iui3-color-decorative-blue-decorative-background: var(
    --iui3-color-blue-vnext-darker-blue
  );
  --iui3-color-decorative-blue-decorative-text: var(
    --iui3-color-blue-vnext-light-blue
  );
  --iui3-color-decorative-orange-decorative-text: var(
    --iui3-color-orange-vnext-tangerine-orange
  );
  --iui3-color-decorative-blue-decorative-text-subdued: var(
    --iui3-color-blue-vnext-light-blue
  );
  --iui3-color-decorative-red-decorative: var(
    --iui3-color-red-vnext-scarlet-red
  );
  --iui3-color-decorative-orange-decorative-icon: var(
    --iui3-color-orange-vnext-tangerine-orange
  );
  --iui3-color-decorative-blue-decorative-icon: var(
    --iui3-color-blue-vnext-light-blue
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-border-border-default: var(--iui3-color-gray-vnext-steel-gray);
  --iui3-color-border-border-subdued: var(--iui3-color-gray-vnext-carbon-gray);
  --iui3-color-border-border-hover: var(--iui3-color-gray-vnext-white);
  --iui3-color-border-border-active: var(--iui3-color-blue-vnext-light-blue);
}
/* Aliases  */
.vnext-dark {
  --iui3-color-warning-background-warning: var(
    --iui3-color-yellow-vnext-darker-yellow
  );
  --iui3-color-warning-text-warning: var(
    --iui3-color-yellow-vnext-lemon-yellow
  );
  --iui3-color-warning-icon-warning: var(
    --iui3-color-yellow-vnext-lemon-yellow
  );
  --iui3-color-warning-border-warning: var(
    --iui3-color-yellow-vnext-lemon-yellow
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-reporting-primary: var(
    --iui3-color-vnext-dark-mode-cool-gradient-color-1
  );
  --iui3-color-reporting-secondary: var(
    --iui3-color-vnext-dark-mode-cool-gradient-color-2
  );
  --iui3-color-reporting-tertiary: var(--iui3-color-yellow-vnext-yellow);
}
/* Aliases  */
.vnext-dark {
  --iui3-color-icon-icon-default: var(--iui3-color-gray-vnext-white);
  --iui3-color-icon-icon-subdued: var(--iui3-color-gray-vnext-gray);
  --iui3-color-icon-icon-disabled: var(--iui3-color-gray-vnext-carbon-gray);
  --iui3-color-icon-icon-invert: var(--iui3-color-gray-vnext-onyx-black);
  --iui3-color-icon-icon-invert-disabled: var(--iui3-color-gray-vnext-gray);
}
/* Aliases  */
.vnext-dark {
  --iui3-color-navigation-navigation-partner-v2-nav-partner-background-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-text-active: var(
    --iui3-color-gray-v2-coal-black
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-text-subdued: var(
    --iui3-color-gray-v2-storm-gray
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-icon-background-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-icon-background-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-navigation-navigation-partner-top-nav-partner-tab-hover: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-navigation-navigation-partner-top-nav-partner-tab-active: var(
    --iui3-color-blue-vnext-light-blue
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-switcher-background-selected: var(
    --iui3-color-gray-v2-flash-gray
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-switcher-background-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-critical-icon-critical: var(--iui3-color-red-vnext-scarlet-red);
  --iui3-color-critical-background-critical: var(
    --iui3-color-red-vnext-darker-red
  );
  --iui3-color-critical-text-critical: var(--iui3-color-red-vnext-scarlet-red);
  --iui3-color-critical-border-critical: var(
    --iui3-color-red-vnext-scarlet-red
  );
  --iui3-color-critical-background-critical-subdued: var(
    --iui3-color-red-vnext-darker-red
  );
  --iui3-color-critical-text-critical-subdued: var(
    --iui3-color-red-vnext-scarlet-red
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-text-text-default: var(--iui3-color-gray-vnext-white);
  --iui3-color-text-text-subdued: var(--iui3-color-gray-vnext-gray);
  --iui3-color-text-text-interactive: var(--iui3-color-gray-vnext-white);
  --iui3-color-text-text-disabled: var(--iui3-color-gray-vnext-carbon-gray);
  --iui3-color-text-text-placeholder: var(--iui3-color-gray-vnext-carbon-gray);
  --iui3-color-text-text-invert: var(--iui3-color-gray-vnext-onyx-black);
}
/* Aliases  */
.vnext-dark {
  --iui3-color-navigation-side-nav-background-default: var(
    --iui3-color-gray-vnext-oil-black
  );
  --iui3-color-navigation-side-nav-background-subdued: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-navigation-side-nav-background-active: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-navigation-nav-text-active: var(--iui3-color-gray-vnext-white);
  --iui3-color-navigation-nav-text-subdued: var(
    --iui3-color-gray-vnext-flash-gray
  );
  --iui3-color-navigation-nav-text-disabled: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-navigation-nav-icon-selected: var(--iui3-color-gray-vnext-white);
  --iui3-color-navigation-nav-icon-default: var(
    --iui3-color-gray-vnext-flash-gray
  );
  --iui3-color-navigation-side-nav-background-hover: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-navigation-nav-text-default: var(
    --iui3-color-gray-vnext-light-gray
  );
  --iui3-color-navigation-nav-account-switcher-background-selected: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-navigation-nav-account-switcher-background-hover: var(
    --iui3-color-gray-vnext-steel-gray
  );
  --iui3-color-navigation-nav-brand-icon-background-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-navigation-top-nav-background-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-navigation-nav-border-default: var(
    --iui3-color-border-border-default
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-calendar-calendar-day-compare-background-selected: var(
    --iui3-color-blue-vnext-light-blue
  );
  --iui3-color-calendar-calendar-day-compare-background-hover: var(
    --iui3-color-blue-vnext-darker-blue
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-filter-filter-background-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-filter-filter-background-disabled: var(
    --iui3-color-gray-vnext-oil-black
  );
  --iui3-color-filter-filter-background-active: var(
    --iui3-color-blue-vnext-darker-blue
  );
  --iui3-color-filter-filter-text-default: var(--iui3-color-gray-vnext-white);
  --iui3-color-filter-filter-text-disabled: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-filter-filter-text-active: var(
    --iui3-color-blue-vnext-light-blue
  );
  --iui3-color-filter-filter-border-default: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-filter-filter-border-active: var(
    --iui3-color-blue-vnext-light-blue
  );
  --iui3-color-filter-filter-border-disabled: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-filter-filter-border-active-hover: var(
    --iui3-color-blue-vnext-light-blue
  );
  --iui3-color-filter-filter-border-hover: var(--iui3-color-gray-vnext-white);
}
/* Aliases  */
.vnext-dark {
  --iui3-color-primary-button-primary-background-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-primary-button-primary-background-disabled: var(
    --iui3-color-gray-vnext-oil-black
  );
  --iui3-color-primary-button-text-on-primary-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-primary-button-text-on-primary-disabled: var(
    --iui3-color-gray-vnext-carbon-gray
  );
  --iui3-color-primary-button-primary-background-hover: var(
    --iui3-color-gray-vnext-serenity-gray
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-color-success-background-success: var(
    --iui3-color-green-vnext-darker-green
  );
  --iui3-color-success-text-success: var(--iui3-color-green-vnext-lime-green);
  --iui3-color-success-icon-success: var(--iui3-color-green-vnext-lime-green);
  --iui3-color-success-border-success: var(--iui3-color-green-vnext-lime-green);
}
/* Aliases  */
.vnext-dark {
  --iui3-typography-line-height-header: var(--iui3-line-height-header);
  --iui3-typography-line-height-subheader: var(--iui3-line-height-subheader);
  --iui3-typography-line-height-metric: var(--iui3-line-height-metric);
  --iui3-typography-line-height-field-label: var(
    --iui3-line-height-field-label
  );
  --iui3-typography-line-height-secondary-field-label: var(
    --iui3-line-height-secondary-field-label
  );
  --iui3-typography-line-height-description: var(
    --iui3-line-height-description-text
  );
  --iui3-typography-line-height-regular-text: var(
    --iui3-line-height-regular-text
  );
  --iui3-typography-line-height-text-link: var(--iui3-line-height-text-link);
  --iui3-typography-line-height-ghost-text: var(--iui3-line-height-ghost-text);
  --iui3-typography-line-height-help-text: var(--iui3-line-height-help-text);
  --iui3-typography-line-height-table-first-column: var(
    --iui3-line-height-table-first-column
  );
  --iui3-typography-line-height-table-subtext: var(
    --iui3-line-height-table-subtext
  );
  --iui3-typography-line-height-html-code: var(--iui3-line-height-html-code);
  --iui3-typography-line-height-wizard-header: var(
    --iui3-line-height-subheader
  );
  --iui3-typography-line-height-wizard-subheader: var(
    --iui3-line-height-subheader
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-typography-font-size-header: var(--iui3-font-size-header);
  --iui3-typography-font-size-subheader: var(--iui3-font-size-subheader);
  --iui3-typography-font-size-metric: var(--iui3-font-size-metric);
  --iui3-typography-font-size-field-label: var(--iui3-font-size-field-label);
  --iui3-typography-font-size-secondary-field-label: var(
    --iui3-font-size-secondary-field-label
  );
  --iui3-typography-font-size-description: var(
    --iui3-font-size-description-text
  );
  --iui3-typography-font-size-text-link: var(--iui3-font-size-text-link);
  --iui3-typography-font-size-ghost-text: var(--iui3-font-size-ghost-text);
  --iui3-typography-font-size-help-text: var(--iui3-font-size-help-text);
  --iui3-typography-font-size-table-first-column: var(
    --iui3-font-size-table-first-column
  );
  --iui3-typography-font-size-table-subtext: var(
    --iui3-font-size-table-subtext
  );
  --iui3-typography-font-size-html-code: var(--iui3-font-size-html-code);
  --iui3-typography-font-size-regular-text: var(--iui3-font-size-regular-text);
  --iui3-typography-font-size-wizard-header: var(
    --iui3-font-size-wizard-header
  );
  --iui3-typography-font-size-wizard-subheader: var(
    --iui3-font-size-wizard-subheader
  );
}
/* Aliases  */
.vnext-dark {
  --iui3-space-radius-button-radius: var(--iui3-spacing-vnext-space-9999);
  --iui3-space-radius-badge-radius: var(--iui3-spacing-vnext-space-4);
  --iui3-space-radius-input-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-selector-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-checkbox-radius: var(--iui3-spacing-vnext-space-3);
  --iui3-space-radius-label-radius: var(--iui3-spacing-vnext-space-9999);
  --iui3-space-radius-select-item-radius: var(--iui3-spacing-vnext-space-0);
  --iui3-space-radius-social-icons-radius: var(--iui3-spacing-vnext-space-9999);
  --iui3-space-radius-selector-icon-radius: var(--iui3-spacing-vnext-space-3);
  --iui3-space-radius-selector-condensed-radius: var(
    --iui3-spacing-vnext-space-9999
  );
  --iui3-space-radius-avatar-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-pill-radius: var(--iui3-spacing-vnext-space-9999);
  --iui3-space-radius-alert-banner-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-tooltip-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-menu-radius: var(--iui3-spacing-vnext-space-8);
}
/* Aliases  */
.vnext-dark {
  --iui3-space-padding-button-padding-leftright: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-badge-padding-leftright: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-input-padding-leftright: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-input-padding-leftright-small: var(
    --iui3-spacing-vnext-space-4
  );
  --iui3-space-padding-selector-padding-default: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-selector-padding-small: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-tab-padding-leftright: var(
    --iui3-spacing-vnext-space-24
  );
  --iui3-space-padding-tab-padding-topbottom: var(--iui3-spacing-vnext-space-4);
  --iui3-space-padding-label-padding-leftright: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-select-item-padding-leftright-default: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-select-item-padding-left-child: var(
    --iui3-spacing-vnext-space-32
  );
  --iui3-space-padding-select-item-padding-topbottom: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-menu-padding-topbottom: var(
    --iui3-spacing-vnext-space-0
  );
  --iui3-space-padding-menu-padding-leftright: var(
    --iui3-spacing-vnext-space-0
  );
  --iui3-space-padding-table-cell-padding-leftright-default: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-table-cell-padding-topbottom: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-table-heading-padding-topbottom: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-nav-item-primary-padding-left: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-nav-item-padding-right: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-nav-item-secondary-padding-left: var(
    --iui3-spacing-vnext-space-32
  );
  --iui3-space-padding-nav-item-tertiary-padding-left: var(
    --iui3-spacing-vnext-space-48
  );
  --iui3-space-padding-nav-padding-leftright: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-nav-padding-topbottom: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-page-padding-desktop: var(--iui3-spacing-vnext-space-32);
  --iui3-space-padding-card-padding: var(--iui3-spacing-vnext-space-16);
  --iui3-space-padding-dropdown-icon-alignment-padding: var(
    --iui3-spacing-vnext-space-3
  );
  --iui3-space-padding-alert-banner-padding-leftright-small: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-alert-banner-padding-leftright-large: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-alert-banner-padding-topbottom-small: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-alert-banner-padding-topbottom-large: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-table-cell-padding-leftright-large: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-page-padding-mobile: var(--iui3-spacing-vnext-space-16);
}
/* Aliases  */
.vnext-dark {
  --iui3-space-width-icon-button-width-default: var(--iui3-size-vnext-size-40);
  --iui3-space-width-icon-button-width-small: var(--iui3-size-vnext-size-32);
  --iui3-space-width-selector-width: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-3-columns
  );
  --iui3-space-width-input-width: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-3-columns
  );
  --iui3-space-width-avatar-width-xs: var(--iui3-size-vnext-size-24);
  --iui3-space-width-avatar-width-s: var(--iui3-size-vnext-size-32);
  --iui3-space-width-avatar-width-m: var(--iui3-size-vnext-size-40);
  --iui3-space-width-avatar-width-l: var(--iui3-size-vnext-size-48);
  --iui3-space-width-avatar-width-xl: var(--iui3-size-vnext-size-64);
  --iui3-space-width-avatar-width-xxl: var(--iui3-size-vnext-size-80);
  --iui3-space-width-empty-state-card-width: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-6-columns
  );
  --iui3-space-width-page-width-web-brand-expanded: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-total-width
  );
  --iui3-space-width-page-width-web-brand-collapsed: var(
    --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-total-width
  );
  --iui3-space-width-page-width-partner: var(
    --iui3-grid-columns-partner-grid-vnext-grid-partner-total-width
  );
  --iui3-space-width-icon-width-small: var(--iui3-size-vnext-size-12);
  --iui3-space-width-icon-width-default: var(--iui3-size-vnext-size-16);
  --iui3-space-width-icon-width-large: var(--iui3-size-vnext-size-24);
  --iui3-space-width-icon-width-xlarge: var(--iui3-size-vnext-size-32);
}
/* Aliases  */
.vnext-dark {
  --iui3-space-gap-gap-default: var(--iui3-spacing-vnext-space-8);
  --iui3-space-gap-gap-small: var(--iui3-spacing-vnext-space-4);
  --iui3-space-gap-gap-nav: var(--iui3-spacing-vnext-space-4);
  --iui3-space-gap-page-section-gap-default: var(--iui3-spacing-vnext-space-24);
  --iui3-space-gap-gap-large: var(--iui3-spacing-vnext-space-16);
}
/* Aliases  */
.vnext-dark {
  --iui3-space-height-input-height-default: var(--iui3-size-vnext-size-40);
  --iui3-space-height-input-height-small: var(--iui3-size-vnext-size-32);
  --iui3-space-height-button-height-default: var(--iui3-size-vnext-size-40);
  --iui3-space-height-button-height-small: var(--iui3-size-vnext-size-32);
  --iui3-space-height-badge-height: var(--iui3-size-vnext-size-24);
  --iui3-space-height-label-height-small: var(--iui3-size-vnext-size-24);
  --iui3-space-height-label-height-default: var(--iui3-size-vnext-size-32);
  --iui3-space-height-select-item-height: var(--iui3-size-vnext-size-40);
  --iui3-space-height-nav-primary-item-height: var(--iui3-size-vnext-size-40);
  --iui3-space-height-nav-child-item-height: var(--iui3-size-vnext-size-32);
  --iui3-space-height-icon-height-small: var(--iui3-size-vnext-size-12);
  --iui3-space-height-icon-height-default: var(--iui3-size-vnext-size-16);
  --iui3-space-height-icon-height-large: var(--iui3-size-vnext-size-24);
  --iui3-space-height-icon-height-xlarge: var(--iui3-size-vnext-size-32);
}
.vnext-dark {
  /* Add variables here that should be manually declared as VNext Dark theme tokens */
  --iui3-typography-font-family-font-family: var(--iui3-font-family-sans-vnext);
  --iui3-typography-font-family-font-family-sans: var(
    --iui3-font-family-sans-vnext
  );
  --iui3-typography-font-family-font-family-html-code: var(
    --iui3-font-family-code-vnext
  );
  --iui3-box-shadow: var(--iui3-box-shadow-vnext);
  --iui3-box-shadow-top: var(--iui3-box-shadow-top-vnext);
  --iui3-box-shadow-bottom: var(--iui3-box-shadow-bottom-vnext);
  --iui3-table-row-hover-gradient: var(
    --iui3-table-row-hover-gradient-vnext-black
  );
  --iui3-button-shadow: var(--iui3-button-shadow-vnext);
  color-scheme: dark;

  --iui3-color-border-border-nav: var(
    --iui3-color-navigation-nav-border-default
  );

  /* Typography backwards compatibility */
  --iui3-typography-line-height: 18px;

  --iui3-typography-font-size-header-desktop: var(--iui3-font-size-26);
  --iui3-typography-font-size-subheader-desktop: var(--iui3-font-size-18);
  --iui3-typography-font-size-header-mobile: var(--iui3-font-size-24);
  --iui3-typography-font-size-subheader-mobile: var(--iui3-font-size-18);
  --iui3-typography-font-size-header-wizard: var(--iui3-font-size-32);
  --iui3-typography-font-size-subheader-wizard: var(--iui3-font-size-22);

  --iui3-typography-line-height-header-desktop: var(--iui3-font-line-height-33);
  --iui3-typography-line-height-subheader-desktop: var(
    --iui3-font-line-height-23
  );
  --iui3-typography-line-height-header-mobile: var(--iui3-font-line-height-30);
  --iui3-typography-line-height-subheader-mobile: var(
    --iui3-font-line-height-23
  );
  --iui3-typography-line-height-header-wizard: var(--iui3-font-line-height-40);
  --iui3-typography-line-height-subheader-wizard: var(
    --iui3-font-line-height-30
  );

  --iui3-color-background-table-row: var(--iui3-color-gray-vnext-onyx-black);
  --iui3-color-background-table-row-hover: var(
    --iui3-color-gray-vnext-oil-black
  );
}
/* Aliases  */
.vnext-light {
  --iui3-grid-brand-expanded-1-column: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-1-column
  );
  --iui3-grid-brand-collapsed-1-column: var(
    --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-1-column
  );
  --iui3-grid-partner-1-column: var(
    --iui3-grid-columns-partner-grid-vnext-grid-partner-1-column
  );
  --iui3-grid-checklist-1-column: var(
    --iui3-grid-columns-checklist-grid-vnext-grid-checklist-1-column
  );
  --iui3-grid-tablet-1-column: var(
    --iui3-grid-columns-tablet-grid-vnext-grid-tablet-1-column
  );
  --iui3-grid-mobile-1-column: var(
    --iui3-grid-columns-mobile-grid-vnext-grid-mobile-1-column
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-background-social-background-x: var(
    --iui3-color-social-v2-twitter
  );
  --iui3-color-background-social-background-facebook: var(
    --iui3-color-social-v2-facebook
  );
  --iui3-color-background-social-background-youtube: var(
    --iui3-color-social-v2-youtube
  );
  --iui3-color-background-social-background-twitch: var(
    --iui3-color-social-v2-twitch
  );
  --iui3-color-background-social-background-tiktok: var(
    --iui3-color-social-v2-tiktok
  );
  --iui3-color-background-social-background-snapchat: var(
    --iui3-color-social-v2-snapchat
  );
  --iui3-color-background-social-background-linkedin: var(
    --iui3-color-social-v2-linkedin
  );
  --iui3-color-background-social-background-pinterest: var(
    --iui3-color-social-v2-pinterest
  );
  --iui3-color-background-social-background-whatsapp: var(
    --iui3-color-social-v2-whatsapp
  );
  --iui3-color-background-social-background-line: var(
    --iui3-color-social-v2-line
  );
  --iui3-color-background-social-background-wechat: var(
    --iui3-color-social-v2-wechat
  );
  --iui3-color-background-social-background-bestbuy: var(
    --iui3-color-social-v2-bestbuy
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-secondary-button-secondary-background-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-secondary-button-secondary-background-disabled: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-secondary-button-text-on-secondary-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-secondary-button-text-on-secondary-disabled: var(
    --iui3-color-gray-vnext-gray
  );
  --iui3-color-secondary-button-secondary-border-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-secondary-button-secondary-border-disabled: var(
    --iui3-color-gray-vnext-gray
  );
  --iui3-color-secondary-button-secondary-border-hover: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-secondary-button-text-on-secondary-hover: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-secondary-button-secondary-background-hover: var(
    --iui3-color-gray-vnext-onyx-black
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-tertiary-button-tertiary-background-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-tertiary-button-tertiary-background-hover: var(
    --iui3-color-gray-vnext-flash-gray
  );
  --iui3-color-tertiary-button-tertiary-background-disabled: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-tertiary-button-text-on-tertiary-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-tertiary-button-text-on-tertiary-disabled: var(
    --iui3-color-gray-vnext-gray
  );
}
/* Variables  */
.vnext-light {
  --iui3-color-background-background-overlay: #12121233;
}

/* Aliases  */
.vnext-light {
  --iui3-color-background-background-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-background-background-subdued: var(
    --iui3-color-gray-vnext-light-gray
  );
  --iui3-color-background-background-disabled: var(
    --iui3-color-gray-vnext-light-gray
  );
  --iui3-color-background-background-hover: var(
    --iui3-color-gray-vnext-light-gray
  );
  --iui3-color-background-background-invert: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-background-background-dimmed: var(
    --iui3-color-gray-vnext-flash-gray
  );
  --iui3-color-background-background-on-surface: var(
    --iui3-color-gray-vnext-white
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-decorative-orange-decorative-background: var(
    --iui3-color-orange-vnext-light-orange
  );
  --iui3-color-decorative-orange-decorative-border: var(
    --iui3-color-orange-vnext-orange
  );
  --iui3-color-decorative-blue-decorative-border: var(
    --iui3-color-blue-vnext-blue
  );
  --iui3-color-decorative-blue-decorative-background: var(
    --iui3-color-blue-vnext-pastel-blue
  );
  --iui3-color-decorative-blue-decorative-text: var(
    --iui3-color-blue-vnext-blue
  );
  --iui3-color-decorative-orange-decorative-text: var(
    --iui3-color-orange-vnext-darker-orange
  );
  --iui3-color-decorative-blue-decorative-text-subdued: var(
    --iui3-color-blue-vnext-darker-blue
  );
  --iui3-color-decorative-red-decorative: var(--iui3-color-red-vnext-red);
  --iui3-color-decorative-orange-decorative-icon: var(
    --iui3-color-orange-vnext-orange
  );
  --iui3-color-decorative-blue-decorative-icon: var(
    --iui3-color-blue-vnext-blue
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-border-border-default: var(
    --iui3-color-gray-vnext-serenity-gray
  );
  --iui3-color-border-border-subdued: var(--iui3-color-gray-vnext-flash-gray);
  --iui3-color-border-border-hover: var(--iui3-color-gray-vnext-onyx-black);
  --iui3-color-border-border-active: var(--iui3-color-blue-vnext-blue);
}
/* Aliases  */
.vnext-light {
  --iui3-color-warning-background-warning: var(
    --iui3-color-yellow-vnext-pastel-yellow
  );
  --iui3-color-warning-text-warning: var(
    --iui3-color-yellow-vnext-darker-yellow
  );
  --iui3-color-warning-icon-warning: var(--iui3-color-yellow-vnext-yellow);
  --iui3-color-warning-border-warning: var(--iui3-color-yellow-vnext-yellow);
}
/* Aliases  */
.vnext-light {
  --iui3-color-reporting-primary: var(--iui3-color-blue-vnext-blue);
  --iui3-color-reporting-secondary: var(
    --iui3-color-vnext-cool-gradient-color-2
  );
  --iui3-color-reporting-tertiary: var(--iui3-color-yellow-vnext-yellow);
}
/* Aliases  */
.vnext-light {
  --iui3-color-icon-icon-default: var(--iui3-color-gray-vnext-onyx-black);
  --iui3-color-icon-icon-subdued: var(--iui3-color-gray-vnext-serenity-gray);
  --iui3-color-icon-icon-disabled: var(--iui3-color-gray-vnext-gray);
  --iui3-color-icon-icon-invert: var(--iui3-color-gray-vnext-white);
  --iui3-color-icon-icon-invert-disabled: var(--iui3-color-gray-vnext-white);
}
/* Aliases  */
.vnext-light {
  --iui3-color-navigation-navigation-partner-v2-nav-partner-background-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-text-active: var(
    --iui3-color-gray-v2-coal-black
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-text-subdued: var(
    --iui3-color-gray-v2-storm-gray
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-icon-background-default: var(
    --iui3-color-gray-v2-white
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-icon-background-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
  --iui3-color-navigation-navigation-partner-top-nav-partner-tab-hover: var(
    --iui3-color-gray-vnext-medium-gray
  );
  --iui3-color-navigation-navigation-partner-top-nav-partner-tab-active: var(
    --iui3-color-blue-vnext-blue
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-switcher-background-selected: var(
    --iui3-color-gray-v2-flash-gray
  );
  --iui3-color-navigation-navigation-partner-v2-nav-partner-switcher-background-hover: var(
    --iui3-color-gray-v2-pale-gray
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-critical-icon-critical: var(--iui3-color-red-vnext-red);
  --iui3-color-critical-background-critical: var(
    --iui3-color-red-vnext-blush-red
  );
  --iui3-color-critical-text-critical: var(--iui3-color-red-vnext-red);
  --iui3-color-critical-border-critical: var(--iui3-color-red-vnext-red);
  --iui3-color-critical-background-critical-subdued: var(
    --iui3-color-red-vnext-blush-red
  );
  --iui3-color-critical-text-critical-subdued: var(
    --iui3-color-red-vnext-darker-red
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-text-text-default: var(--iui3-color-gray-vnext-onyx-black);
  --iui3-color-text-text-subdued: var(--iui3-color-gray-vnext-steel-gray);
  --iui3-color-text-text-interactive: var(--iui3-color-gray-vnext-onyx-black);
  --iui3-color-text-text-disabled: var(--iui3-color-gray-vnext-gray);
  --iui3-color-text-text-placeholder: var(--iui3-color-gray-vnext-gray);
  --iui3-color-text-text-invert: var(--iui3-color-gray-vnext-white);
}
/* Aliases  */
.vnext-light {
  --iui3-color-navigation-side-nav-background-default: var(
    --iui3-color-gray-vnext-light-gray
  );
  --iui3-color-navigation-side-nav-background-subdued: var(
    --iui3-color-gray-vnext-flash-gray
  );
  --iui3-color-navigation-side-nav-background-active: var(
    --iui3-color-gray-vnext-medium-gray
  );
  --iui3-color-navigation-nav-text-active: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-navigation-nav-text-subdued: var(
    --iui3-color-gray-vnext-steel-gray
  );
  --iui3-color-navigation-nav-text-disabled: var(
    --iui3-color-gray-vnext-serenity-gray
  );
  --iui3-color-navigation-nav-icon-selected: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-navigation-nav-icon-default: var(
    --iui3-color-gray-vnext-steel-gray
  );
  --iui3-color-navigation-side-nav-background-hover: var(
    --iui3-color-gray-vnext-medium-gray
  );
  --iui3-color-navigation-nav-text-default: var(
    --iui3-color-gray-vnext-oil-black
  );
  --iui3-color-navigation-nav-account-switcher-background-selected: var(
    --iui3-color-gray-vnext-medium-gray
  );
  --iui3-color-navigation-nav-account-switcher-background-hover: var(
    --iui3-color-gray-vnext-flash-gray
  );
  --iui3-color-navigation-nav-brand-icon-background-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-navigation-top-nav-background-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-navigation-nav-border-default: var(
    --iui3-color-border-border-default
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-calendar-calendar-day-compare-background-selected: var(
    --iui3-color-decorative-blue-decorative-border
  );
  --iui3-color-calendar-calendar-day-compare-background-hover: var(
    --iui3-color-decorative-blue-decorative-background
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-filter-filter-background-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-filter-filter-background-disabled: var(
    --iui3-color-gray-vnext-light-gray
  );
  --iui3-color-filter-filter-background-active: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-filter-filter-text-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-filter-filter-text-disabled: var(
    --iui3-color-gray-vnext-serenity-gray
  );
  --iui3-color-filter-filter-text-active: var(--iui3-color-blue-vnext-blue);
  --iui3-color-filter-filter-border-default: var(
    --iui3-color-gray-vnext-serenity-gray
  );
  --iui3-color-filter-filter-border-active: var(--iui3-color-blue-vnext-blue);
  --iui3-color-filter-filter-border-disabled: var(
    --iui3-color-gray-vnext-serenity-gray
  );
  --iui3-color-filter-filter-border-active-hover: var(
    --iui3-color-blue-vnext-blue
  );
  --iui3-color-filter-filter-border-hover: var(
    --iui3-color-gray-vnext-onyx-black
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-primary-button-primary-background-default: var(
    --iui3-color-gray-vnext-onyx-black
  );
  --iui3-color-primary-button-primary-background-disabled: var(
    --iui3-color-gray-vnext-light-gray
  );
  --iui3-color-primary-button-text-on-primary-default: var(
    --iui3-color-gray-vnext-white
  );
  --iui3-color-primary-button-text-on-primary-disabled: var(
    --iui3-color-gray-vnext-gray
  );
  --iui3-color-primary-button-primary-background-hover: var(
    --iui3-color-gray-vnext-carbon-gray
  );
}
/* Aliases  */
.vnext-light {
  --iui3-color-success-background-success: var(
    --iui3-color-green-vnext-light-green
  );
  --iui3-color-success-text-success: var(--iui3-color-green-vnext-darker-green);
  --iui3-color-success-icon-success: var(--iui3-color-green-vnext-green);
  --iui3-color-success-border-success: var(--iui3-color-green-vnext-green);
}
/* Aliases  */
.vnext-light {
  --iui3-typography-line-height-header: var(--iui3-line-height-header);
  --iui3-typography-line-height-subheader: var(--iui3-line-height-subheader);
  --iui3-typography-line-height-metric: var(--iui3-line-height-metric);
  --iui3-typography-line-height-field-label: var(
    --iui3-line-height-field-label
  );
  --iui3-typography-line-height-secondary-field-label: var(
    --iui3-line-height-secondary-field-label
  );
  --iui3-typography-line-height-description: var(
    --iui3-line-height-description-text
  );
  --iui3-typography-line-height-regular-text: var(
    --iui3-line-height-regular-text
  );
  --iui3-typography-line-height-text-link: var(--iui3-line-height-text-link);
  --iui3-typography-line-height-ghost-text: var(--iui3-line-height-ghost-text);
  --iui3-typography-line-height-help-text: var(--iui3-line-height-help-text);
  --iui3-typography-line-height-table-first-column: var(
    --iui3-line-height-table-first-column
  );
  --iui3-typography-line-height-table-subtext: var(
    --iui3-line-height-table-subtext
  );
  --iui3-typography-line-height-html-code: var(--iui3-line-height-html-code);
  --iui3-typography-line-height-wizard-header: var(
    --iui3-line-height-wizard-header
  );
  --iui3-typography-line-height-wizard-subheader: var(
    --iui3-line-height-wizard-subheader
  );
}
/* Aliases  */
.vnext-light {
  --iui3-typography-font-size-header: var(--iui3-font-size-header);
  --iui3-typography-font-size-subheader: var(--iui3-font-size-subheader);
  --iui3-typography-font-size-metric: var(--iui3-font-size-metric);
  --iui3-typography-font-size-field-label: var(--iui3-font-size-field-label);
  --iui3-typography-font-size-secondary-field-label: var(
    --iui3-font-size-secondary-field-label
  );
  --iui3-typography-font-size-description: var(
    --iui3-font-size-description-text
  );
  --iui3-typography-font-size-text-link: var(--iui3-font-size-text-link);
  --iui3-typography-font-size-ghost-text: var(--iui3-font-size-ghost-text);
  --iui3-typography-font-size-help-text: var(--iui3-font-size-help-text);
  --iui3-typography-font-size-table-first-column: var(
    --iui3-font-size-table-first-column
  );
  --iui3-typography-font-size-table-subtext: var(
    --iui3-font-size-table-subtext
  );
  --iui3-typography-font-size-html-code: var(--iui3-font-size-html-code);
  --iui3-typography-font-size-regular-text: var(--iui3-font-size-regular-text);
  --iui3-typography-font-size-wizard-header: var(
    --iui3-font-size-wizard-header
  );
  --iui3-typography-font-size-wizard-subheader: var(
    --iui3-font-size-wizard-subheader
  );
}
/* Aliases  */
.vnext-light {
  --iui3-space-radius-button-radius: var(--iui3-spacing-vnext-space-9999);
  --iui3-space-radius-badge-radius: var(--iui3-spacing-vnext-space-4);
  --iui3-space-radius-input-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-selector-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-checkbox-radius: var(--iui3-spacing-vnext-space-3);
  --iui3-space-radius-label-radius: var(--iui3-spacing-vnext-space-9999);
  --iui3-space-radius-select-item-radius: var(--iui3-spacing-vnext-space-0);
  --iui3-space-radius-social-icons-radius: var(--iui3-spacing-vnext-space-9999);
  --iui3-space-radius-selector-icon-radius: var(--iui3-spacing-vnext-space-3);
  --iui3-space-radius-selector-condensed-radius: var(
    --iui3-spacing-vnext-space-9999
  );
  --iui3-space-radius-avatar-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-pill-radius: var(--iui3-spacing-vnext-space-9999);
  --iui3-space-radius-alert-banner-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-tooltip-radius: var(--iui3-spacing-vnext-space-8);
  --iui3-space-radius-menu-radius: var(--iui3-spacing-vnext-space-8);
}
/* Aliases  */
.vnext-light {
  --iui3-space-padding-button-padding-leftright: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-badge-padding-leftright: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-input-padding-leftright: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-input-padding-leftright-small: var(
    --iui3-spacing-vnext-space-4
  );
  --iui3-space-padding-selector-padding-default: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-selector-padding-small: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-tab-padding-leftright: var(
    --iui3-spacing-vnext-space-24
  );
  --iui3-space-padding-tab-padding-topbottom: var(--iui3-spacing-vnext-space-4);
  --iui3-space-padding-label-padding-leftright: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-select-item-padding-leftright-default: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-select-item-padding-left-child: var(
    --iui3-spacing-vnext-space-32
  );
  --iui3-space-padding-select-item-padding-topbottom: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-menu-padding-topbottom: var(
    --iui3-spacing-vnext-space-0
  );
  --iui3-space-padding-menu-padding-leftright: var(
    --iui3-spacing-vnext-space-0
  );
  --iui3-space-padding-table-cell-padding-leftright-default: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-table-cell-padding-topbottom: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-table-heading-padding-topbottom: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-nav-item-primary-padding-left: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-nav-item-padding-right: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-nav-item-secondary-padding-left: var(
    --iui3-spacing-vnext-space-32
  );
  --iui3-space-padding-nav-item-tertiary-padding-left: var(
    --iui3-spacing-vnext-space-48
  );
  --iui3-space-padding-nav-padding-leftright: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-nav-padding-topbottom: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-page-padding-desktop: var(--iui3-spacing-vnext-space-32);
  --iui3-space-padding-card-padding: var(--iui3-spacing-vnext-space-16);
  --iui3-space-padding-dropdown-icon-alignment-padding: var(
    --iui3-spacing-vnext-space-3
  );
  --iui3-space-padding-alert-banner-padding-leftright-small: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-alert-banner-padding-leftright-large: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-alert-banner-padding-topbottom-small: var(
    --iui3-spacing-vnext-space-8
  );
  --iui3-space-padding-alert-banner-padding-topbottom-large: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-table-cell-padding-leftright-large: var(
    --iui3-spacing-vnext-space-16
  );
  --iui3-space-padding-page-padding-mobile: var(--iui3-spacing-vnext-space-16);
}
/* Aliases  */
.vnext-light {
  --iui3-space-width-icon-button-width-default: var(--iui3-size-vnext-size-40);
  --iui3-space-width-icon-button-width-small: var(--iui3-size-vnext-size-32);
  --iui3-space-width-selector-width: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-3-columns
  );
  --iui3-space-width-input-width: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-3-columns
  );
  --iui3-space-width-avatar-width-xs: var(--iui3-size-vnext-size-24);
  --iui3-space-width-avatar-width-s: var(--iui3-size-vnext-size-32);
  --iui3-space-width-avatar-width-m: var(--iui3-size-vnext-size-40);
  --iui3-space-width-avatar-width-l: var(--iui3-size-vnext-size-48);
  --iui3-space-width-avatar-width-xl: var(--iui3-size-vnext-size-64);
  --iui3-space-width-avatar-width-xxl: var(--iui3-size-vnext-size-80);
  --iui3-space-width-empty-state-card-width: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-6-columns
  );
  --iui3-space-width-page-width-web-brand-expanded: var(
    --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-total-width
  );
  --iui3-space-width-page-width-web-brand-collapsed: var(
    --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-total-width
  );
  --iui3-space-width-page-width-partner: var(
    --iui3-grid-columns-partner-grid-vnext-grid-partner-total-width
  );
  --iui3-space-width-icon-width-small: var(--iui3-size-vnext-size-12);
  --iui3-space-width-icon-width-default: var(--iui3-size-vnext-size-16);
  --iui3-space-width-icon-width-large: var(--iui3-size-vnext-size-24);
  --iui3-space-width-icon-width-xlarge: var(--iui3-size-vnext-size-32);
}
/* Aliases  */
.vnext-light {
  --iui3-space-gap-gap-default: var(--iui3-spacing-vnext-space-8);
  --iui3-space-gap-gap-small: var(--iui3-spacing-vnext-space-4);
  --iui3-space-gap-gap-nav: var(--iui3-spacing-vnext-space-4);
  --iui3-space-gap-page-section-gap-default: var(--iui3-spacing-vnext-space-24);
  --iui3-space-gap-gap-large: var(--iui3-spacing-vnext-space-16);
}
/* Aliases  */
.vnext-light {
  --iui3-space-height-input-height-default: var(--iui3-size-vnext-size-40);
  --iui3-space-height-input-height-small: var(--iui3-size-vnext-size-32);
  --iui3-space-height-button-height-default: var(--iui3-size-vnext-size-40);
  --iui3-space-height-button-height-small: var(--iui3-size-vnext-size-32);
  --iui3-space-height-badge-height: var(--iui3-size-vnext-size-24);
  --iui3-space-height-label-height-small: var(--iui3-size-vnext-size-24);
  --iui3-space-height-label-height-default: var(--iui3-size-vnext-size-32);
  --iui3-space-height-select-item-height: var(--iui3-size-vnext-size-40);
  --iui3-space-height-nav-primary-item-height: var(--iui3-size-vnext-size-40);
  --iui3-space-height-nav-child-item-height: var(--iui3-size-vnext-size-32);
  --iui3-space-height-icon-height-small: var(--iui3-size-vnext-size-12);
  --iui3-space-height-icon-height-default: var(--iui3-size-vnext-size-16);
  --iui3-space-height-icon-height-large: var(--iui3-size-vnext-size-24);
  --iui3-space-height-icon-height-xlarge: var(--iui3-size-vnext-size-32);
}
.vnext-light {
  /* Add variables here that should be manually declared as VNext Dark theme tokens */
  --iui3-typography-font-family-font-family: var(--iui3-font-family-sans-vnext);
  --iui3-typography-font-family-font-family-sans: var(
    --iui3-font-family-sans-vnext
  );
  --iui3-typography-font-family-font-family-html-code: var(
    --iui3-font-family-code-vnext
  );
  --iui3-box-shadow: var(--iui3-box-shadow-vnext);
  --iui3-box-shadow-top: var(--iui3-box-shadow-top-vnext);
  --iui3-box-shadow-bottom: var(--iui3-box-shadow-bottom-vnext);
  --iui3-table-row-hover-gradient: var(
    --iui3-table-row-hover-gradient-vnext-white
  );
  --iui3-button-shadow: var(--iui3-button-shadow-vnext);
  color-scheme: light;

  --iui3-color-border-border-nav: var(
    --iui3-color-navigation-nav-border-default
  );

  /* Typography backwards compatibility */
  --iui3-typography-line-height: 18px;

  --iui3-typography-font-size-header-desktop: var(--iui3-font-size-26);
  --iui3-typography-font-size-subheader-desktop: var(--iui3-font-size-18);
  --iui3-typography-font-size-header-mobile: var(--iui3-font-size-24);
  --iui3-typography-font-size-subheader-mobile: var(--iui3-font-size-18);
  --iui3-typography-font-size-header-wizard: var(--iui3-font-size-32);
  --iui3-typography-font-size-subheader-wizard: var(--iui3-font-size-22);

  --iui3-typography-line-height-header-desktop: var(--iui3-font-line-height-33);
  --iui3-typography-line-height-subheader-desktop: var(
    --iui3-font-line-height-23
  );
  --iui3-typography-line-height-header-mobile: var(--iui3-font-line-height-30);
  --iui3-typography-line-height-subheader-mobile: var(
    --iui3-font-line-height-23
  );
  --iui3-typography-line-height-header-wizard: var(--iui3-font-line-height-40);
  --iui3-typography-line-height-subheader-wizard: var(
    --iui3-font-line-height-30
  );

  --iui3-color-background-table-row: var(--iui3-color-gray-vnext-white);
  --iui3-color-background-table-row-hover: var(
    --iui3-color-gray-vnext-light-gray
  );
}