/* Variables  */
:root,
:host > div {
  --iui3-spacing-v2-space-4: 4px;
  --iui3-spacing-v2-space-8: 8px;
  --iui3-spacing-v2-space-16: 16px;
  --iui3-spacing-v2-space-24: 24px;
  --iui3-spacing-v2-space-32: 32px;
  --iui3-spacing-v2-space-48: 48px;
  --iui3-spacing-v2-space-64: 64px;
  --iui3-spacing-v2-space-9999: 9999px;
  --iui3-spacing-v2-space-6: 6px;
  --iui3-spacing-v2-space-10: 10px;
  --iui3-spacing-v2-space-5: 5px;
  --iui3-spacing-v2-space-20: 20px;
  --iui3-spacing-v2-space-3: 3px;
  --iui3-spacing-v2-space-2: 2px;
  --iui3-spacing-v2-space-15: 15px;
  --iui3-spacing-v2-space-30: 30px;
  --iui3-spacing-v2-space-45: 45px;
  --iui3-spacing-v2-space-7: 7px;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-yellow-v2-warning-yellow: #eeba00ff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-blue-v2-shaded-blue: #12a7eaff;
  --iui3-color-blue-v2-strata-blue: #14b1f7ff;
  --iui3-color-blue-v2-sky-blue: #a4e0fbff;
  --iui3-color-blue-v2-ice-blue: #f3fbffff;
  --iui3-color-blue-v2-future-blue: #0077dbff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-reporting-reporting-extended-v2-purple: #9b59b6ff;
  --iui3-color-reporting-reporting-extended-v2-flame-red: #ff5c3eff;
  --iui3-color-reporting-reporting-extended-v2-teal: #1db7a9ff;
  --iui3-color-reporting-reporting-extended-v2-ember-orange: #f88551ff;
  --iui3-color-reporting-reporting-extended-v2-coral: #fb6362ff;
  --iui3-color-reporting-reporting-extended-v2-steel-gray: #606b6dff;
  --iui3-color-reporting-reporting-extended-v2-lime-green: #2ecc71ff;
  --iui3-color-reporting-reporting-extended-v2-azure-blue: #3777a5ff;
  --iui3-color-reporting-reporting-extended-v2-mint-green: #bfeadcff;
  --iui3-color-reporting-reporting-extended-v2-dark-green: #297a60ff;
  --iui3-color-reporting-reporting-extended-v2-silver-gray: #bcbdbfff;
  --iui3-color-reporting-reporting-extended-v2-graphite-black: #484848ff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-reporting-reporting-extended-additional-v2-midnight-blue: #013650ff;
  --iui3-color-reporting-reporting-extended-additional-v2-deep-indigo: #2a406fff;
  --iui3-color-reporting-reporting-extended-additional-v2-plum-purple: #5b4584ff;
  --iui3-color-reporting-reporting-extended-additional-v2-mulberry-purple: #964488ff;
  --iui3-color-reporting-reporting-extended-additional-v2-raspberry: #ce437aff;
  --iui3-color-reporting-reporting-extended-additional-v2-tropical-pink: #f8505fff;
  --iui3-color-reporting-reporting-extended-additional-v2-tangerine-orange: #ff703fff;
  --iui3-color-reporting-reporting-extended-additional-v2-apricot-yellow: #ff9d22ff;
  --iui3-color-reporting-reporting-extended-additional-v2-vermilion-red: #ea5545ff;
  --iui3-color-reporting-reporting-extended-additional-v2-petal-pink: #f46a9bff;
  --iui3-color-reporting-reporting-extended-additional-v2-marigold-orange: #ef9b20ff;
  --iui3-color-reporting-reporting-extended-additional-v2-citrus-orange: #edbf33ff;
  --iui3-color-reporting-reporting-extended-additional-v2-honey-yellow: #ede15bff;
  --iui3-color-reporting-reporting-extended-additional-v2-moss-green: #bdcf32ff;
  --iui3-color-reporting-reporting-extended-additional-v2-lush-green: #87bc45ff;
  --iui3-color-reporting-reporting-extended-additional-v2-celestial-blue: #27aeefff;
  --iui3-color-reporting-reporting-extended-additional-v2-grape-purple: #b33dc6ff;
  --iui3-color-reporting-reporting-extended-additional-v2-crimson-red: #e60049ff;
  --iui3-color-reporting-reporting-extended-additional-v2-electric-blue: #0bb4ffff;
  --iui3-color-reporting-reporting-extended-additional-v2-spring-green: #50e991ff;
  --iui3-color-reporting-reporting-extended-additional-v2-lemon-yellow: #e6d800ff;
  --iui3-color-reporting-reporting-extended-additional-v2-royal-purple: #9b19f5ff;
  --iui3-color-reporting-reporting-extended-additional-v2-sunset-gold: #ffa300ff;
  --iui3-color-reporting-reporting-extended-additional-v2-magenta-pink: #dc0ab4ff;
  --iui3-color-reporting-reporting-extended-additional-v2-periwinkle-blue: #b3d4ffff;
  --iui3-color-reporting-reporting-extended-additional-v2-turquoise-green: #00bfa0ff;
  --iui3-color-reporting-reporting-extended-additional-v2-cherry-red: #b30000ff;
  --iui3-color-reporting-reporting-extended-additional-v2-burgundy: #7c1158ff;
  --iui3-color-reporting-reporting-extended-additional-v2-cobalt-blue: #4421afff;
  --iui3-color-reporting-reporting-extended-additional-v2-lightning-blue: #1a53ffff;
  --iui3-color-reporting-reporting-extended-additional-v2-cerulean-blue: #0d88e6ff;
  --iui3-color-reporting-reporting-extended-additional-v2-aquamarine-teal: #00b7c7ff;
  --iui3-color-reporting-reporting-extended-additional-v2-bright-green: #5ad45aff;
  --iui3-color-reporting-reporting-extended-additional-v2-radiant-green: #8be04eff;
  --iui3-color-reporting-reporting-extended-additional-v2-sunlit-yellow: #ebdc78ff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-reporting-reporting-v2-success: #8bd738ff;
  --iui3-color-reporting-reporting-v2-critical: #e40046ff;
  --iui3-color-reporting-reporting-v2-light-gray: #f6f8faff;
}

/* Aliases  */
:root,
:host > div {
  --iui3-color-reporting-reporting-v2-primary: var(
    --iui3-color-blue-v2-strata-blue
  );
  --iui3-color-reporting-reporting-v2-secondary: var(
    --iui3-color-brand-v2-impact-red
  );
  --iui3-color-reporting-reporting-v2-tertiary: var(
    --iui3-color-yellow-v2-warning-yellow
  );
}
/* Variables  */
:root,
:host > div {
  --iui3-color-gray-v2-darker-than-black: #23313fff;
  --iui3-color-gray-v2-almost-black: #29394aff;
  --iui3-color-gray-v2-coal-black: #2d3e50ff;
  --iui3-color-gray-v2-storm-gray: #6c7784ff;
  --iui3-color-gray-v2-bleakest-gray: #969ea7ff;
  --iui3-color-gray-v2-serenity-gray: #cacfd3ff;
  --iui3-color-gray-v2-flash-gray: #eaebedff;
  --iui3-color-gray-v2-pale-gray: #f2f3f4ff;
  --iui3-color-gray-v2-white: #ffffffff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-brand-v2-impact-red: #e41b49ff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-social-v2-facebook: #1877f2ff;
  --iui3-color-social-v2-youtube: #f51c0dff;
  --iui3-color-social-v2-twitter: #000000ff;
  --iui3-color-social-v2-tiktok: #000000ff;
  --iui3-color-social-v2-linkedin: #2867b2ff;
  --iui3-color-social-v2-twitch: #6441a4ff;
  --iui3-color-social-v2-snapchat: #fffc00ff;
  --iui3-color-social-v2-pinterest: #f0002aff;
  --iui3-color-social-v2-whatsapp: #25d366ff;
  --iui3-color-social-v2-line: #06c755ff;
  --iui3-color-social-v2-wechat: #7bb32eff;
  --iui3-color-social-v2-bestbuy: #0046beff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-red-v2-error-red: #c00800ff;
  --iui3-color-red-v2-rose-red: #efc1bfff;
  --iui3-color-red-v2-light-pink: #ffefeeff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-orange-v2-burnt-orange: #ef8626ff;
  --iui3-color-orange-v2-light-orange: #f9ecd9ff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-green-v2-leaf-green: #008917ff;
  --iui3-color-green-v2-light-green: #d9fbdfff;
}
/* Variables  */
:root,
:host > div {
  --iui3-size-v2-size-38: 38px;
  --iui3-size-v2-size-30: 30px;
  --iui3-size-v2-size-24: 24px;
  --iui3-size-v2-size-28: 28px;
  --iui3-size-v2-size-48: 48px;
  --iui3-size-v2-size-60: 60px;
  --iui3-size-v2-size-80: 80px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-tablet-grid-v2-grid-tablet-total-width: 768px;
  --iui3-grid-columns-tablet-grid-v2-grid-tablet-1-column: 62px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-mobile-grid-v2-grid-mobile-total-width: 375px;
  --iui3-grid-columns-mobile-grid-v2-grid-mobile-1-column: 69px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-3-columns: 255px;
  --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-4-columns: 350px;
  --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-5-columns: 445px;
  --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-2-columns: 160px;
  --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-1-column: 65px;
  --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-6-columns: 540px;
  --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-9-columns: 825px;
  --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-12-columns: 1110px;
  --iui3-grid-columns-brand-expanded-grid-v2-grid-brand-expanded-total-width: 1170px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-partner-grid-v2-grid-partner-total-width: 1390px;
  --iui3-grid-columns-partner-grid-v2-grid-partner-1-column: 83px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-checklist-grid-v2-grid-checklist-total-width: 1390px;
  --iui3-grid-columns-checklist-grid-v2-grid-checklist-1-column: 83px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-brand-collapsed-grid-v2-grid-brand-collapsed-total-width: 1390px;
  --iui3-grid-columns-brand-collapsed-grid-v2-grid-brand-collapsed-1-column: 83px;
}
/* Variables  */
:root,
:host > div {
  --iui3-font-line-height-33: 33px;
  --iui3-font-line-height-20: 20px;
  --iui3-font-line-height-18: 18px;
  --iui3-font-line-height-15: 15px;
  --iui3-font-line-height-13: 13px;
  --iui3-font-line-height-23: 23px;
  --iui3-font-line-height-30: 30px;
  --iui3-font-line-height-40: 40px;
  --iui3-font-line-height-28: 28px;
}
/* Variables  */
:root,
:host > div {
  --iui3-font-size-10: 10px;
  --iui3-font-size-14: 14px;
  --iui3-font-size-12: 12px;
  --iui3-font-size-16: 16px;
  --iui3-font-size-18: 18px;
  --iui3-font-size-22: 22px;
  --iui3-font-size-24: 24px;
  --iui3-font-size-26: 26px;
  --iui3-font-size-32: 32px;
}
:root,
:host > div {
  /* Add variables here that should be manually declared as V2 primitives */
  --iui3-font-family-sans-v2: Mulish, Muli, "Helvetica Neue", helvetica,
    sans-serif;
  --iui3-font-family-code-v2: "Roboto Mono", monospace;
  --iui3-box-shadow-v2: 0 1px 4px 0 var(--iui3-color-gray-v2-bleakest-gray);
  --iui3-box-shadow-top-v2: 0px -4px 4px 0px var(--iui3-color-gray-v2-pale-gray);
  --iui3-box-shadow-bottom-v2: 0 10px 8px -8px var(--iui3-color-gray-v2-bleakest-gray);
  --iui3-table-row-hover-gradient-v2: linear-gradient(
    270deg,
    var(--iui3-color-gray-v2-white) 45.51%,
    rgba(255, 255, 255, 0) 102.4%
  );
  --iui3-button-shadow-v2: 0 1px 4px 0 var(--iui3-color-gray-v2-serenity-gray);
  --iui3-color-transparent-v2: #00000000;
}
/* Variables  */
:root,
:host > div {
  --iui3-spacing-vnext-space-4: 4px;
  --iui3-spacing-vnext-space-8: 8px;
  --iui3-spacing-vnext-space-16: 16px;
  --iui3-spacing-vnext-space-24: 24px;
  --iui3-spacing-vnext-space-32: 32px;
  --iui3-spacing-vnext-space-40: 40px;
  --iui3-spacing-vnext-space-48: 48px;
  --iui3-spacing-vnext-space-64: 64px;
  --iui3-spacing-vnext-space-9999: 9999px;
  --iui3-spacing-vnext-space-3: 3px;
  --iui3-spacing-vnext-space-0: 0px;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-yellow-vnext-yellow: #ecb41aff;
  --iui3-color-yellow-vnext-darker-yellow: #655521ff;
  --iui3-color-yellow-vnext-pastel-yellow: #fff2cfff;
  --iui3-color-yellow-vnext-lemon-yellow: #ffe359ff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-pink-vnext-pink: #e6017eff;
  --iui3-color-pink-vnext-lighter-pink: #f51f94ff;
  --iui3-color-pink-vnext-pastel-pink: #ffe2f2ff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-blue-vnext-blue: #0077dbff;
  --iui3-color-blue-vnext-darker-blue: #102a46ff;
  --iui3-color-blue-vnext-light-blue: #14b1f7ff;
  --iui3-color-blue-vnext-pastel-blue: #d5ebffff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-gray-vnext-black: #000000ff;
  --iui3-color-gray-vnext-white: #ffffffff;
  --iui3-color-gray-vnext-steel-gray: #757575ff;
  --iui3-color-gray-vnext-serenity-gray: #cacfd3ff;
  --iui3-color-gray-vnext-flash-gray: #f2f3f4ff;
  --iui3-color-gray-vnext-light-gray: #fbfbfbff;
  --iui3-color-gray-vnext-onyx-black: #121212ff;
  --iui3-color-gray-vnext-oil-black: #292929ff;
  --iui3-color-gray-vnext-gray: #a7a7a7ff;
  --iui3-color-gray-vnext-carbon-gray: #595959ff;
  --iui3-color-gray-vnext-medium-gray: #eaebedff;
  --iui3-color-gray-vnext-midnight-black: #1e1e1eff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-red-vnext-red: #c8144aff;
  --iui3-color-red-vnext-blush-red: #ffdedcff;
  --iui3-color-red-vnext-darker-red: #550d1eff;
  --iui3-color-red-vnext-scarlet-red: #ff574dff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-orange-vnext-orange: #f56a0fff;
  --iui3-color-orange-vnext-darker-orange: #59351bff;
  --iui3-color-orange-vnext-light-orange: #ffd6a4ff;
  --iui3-color-orange-vnext-tangerine-orange: #ff9e0bff;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-green-vnext-green: #20bc47ff;
  --iui3-color-green-vnext-darker-green: #275143ff;
  --iui3-color-green-vnext-light-green: #b6ffc9ff;
  --iui3-color-green-vnext-lime-green: #32d74bff;
}
/* Variables  */
:root,
:host > div {
  --iui3-size-vnext-size-40: 40px;
  --iui3-size-vnext-size-32: 32px;
  --iui3-size-vnext-size-24: 24px;
  --iui3-size-vnext-size-80: 80px;
  --iui3-size-vnext-size-64: 64px;
  --iui3-size-vnext-size-48: 48px;
  --iui3-size-vnext-size-16: 16px;
  --iui3-size-vnext-size-12: 12px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-tablet-grid-vnext-grid-tablet-total-width: 768px;
  --iui3-grid-columns-tablet-grid-vnext-grid-tablet-1-column: 67px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-mobile-grid-vnext-grid-mobile-total-width: 375px;
  --iui3-grid-columns-mobile-grid-vnext-grid-mobile-1-column: 69px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-1-column: 66px;
  --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-6-columns: 517px;
  --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-9-columns: 788px;
  --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-2-columns: 156px;
  --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-3-columns: 246px;
  --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-4-columns: 337px;
  --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-grid-5-columns: 427px;
  --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-12-columns: 1060px;
  --iui3-grid-columns-brand-expanded-grid-vnext-grid-brand-expanded-total-width: 1124px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-partner-grid-vnext-grid-partner-total-width: 1440px;
  --iui3-grid-columns-partner-grid-vnext-grid-partner-1-column: 93px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-checklist-grid-vnext-grid-checklist-total-width: 1376px;
  --iui3-grid-columns-checklist-grid-vnext-grid-checklist-1-column: 59px;
}
/* Variables  */
:root,
:host > div {
  --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-total-width: 1376px;
  --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-1-column: 87px;
  --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-2-columns: 199px;
  --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-3-columns: 310px;
  --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-4-columns: 421px;
  --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-5-columns: 533px;
  --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-6-columns: 644px;
  --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-9-columns: 978px;
  --iui3-grid-columns-brand-collapsed-grid-vnext-grid-brand-collapsed-grid-12-columns: 1312px;
}
/* Variables  */
:root,
:host > div {
  --iui3-font-line-height-33: 33px;
  --iui3-font-line-height-20: 20px;
  --iui3-font-line-height-18: 18px;
  --iui3-font-line-height-15: 15px;
  --iui3-font-line-height-13: 13px;
  --iui3-font-line-height-23: 23px;
  --iui3-font-line-height-30: 30px;
  --iui3-font-line-height-40: 40px;
}
/* Variables  */
:root,
:host > div {
  --iui3-font-size-10: 10px;
  --iui3-font-size-12: 12px;
  --iui3-font-size-14: 14px;
  --iui3-font-size-16: 16px;
  --iui3-font-size-18: 18px;
  --iui3-font-size-22: 22px;
  --iui3-font-size-24: 24px;
  --iui3-font-size-26: 26px;
  --iui3-font-size-32: 32px;
}
:root,
:host > div {
  /* Add variables here that should be manually declared as VNext primitives */
  --iui3-font-family-sans-vnext: Sarabun, "Helvetica Neue", helvetica,
    sans-serif;
  --iui3-font-family-code-vnext: "Roboto Mono", monospace;
  --iui3-box-shadow-vnext: inset 0 0 0 1px
    var(--iui3-color-border-border-default);
  --iui3-box-shadow-top-vnext: inset 0 1px 0 0
    var(--iui3-color-border-border-default);
  --iui3-box-shadow-bottom-vnext: inset 0 -1px 0 0 var(--iui3-color-border-border-default);
  --iui3-table-row-hover-gradient-vnext-white: linear-gradient(
    270deg,
    var(--iui3-color-gray-vnext-white) 45.51%,
    rgba(255, 255, 255, 0) 102.4%
  );
  --iui3-table-row-hover-gradient-vnext-black: linear-gradient(
    270deg,
    var(--iui3-color-gray-vnext-black) 45.51%,
    rgba(255, 255, 255, 0) 102.4%
  );
  --iui3-button-shadow-vnext: none;
}
/* Variables  */
:root,
:host > div {
  --iui3-color-vnext-warm-gradient-color-1: #f77300ff;
  --iui3-color-vnext-warm-gradient-color-2: #eb0987ff;
  --iui3-color-vnext-cool-gradient-color-1: #2378ceff;
  --iui3-color-vnext-cool-gradient-color-2: #d73184ff;
  --iui3-color-vnext-dark-mode-cool-gradient-color-1: #56b5ffff;
  --iui3-color-vnext-dark-mode-cool-gradient-color-2: #ff4ea6ff;
}
/* Aliases  */
:root,
:host > div {
  --iui3-line-height-header: var(--iui3-font-line-height-33);
  --iui3-line-height-subheader: var(--iui3-font-line-height-23);
  --iui3-line-height-metric: var(--iui3-font-line-height-33);
  --iui3-line-height-field-label: var(--iui3-font-line-height-20);
  --iui3-line-height-secondary-field-label: var(--iui3-font-line-height-18);
  --iui3-line-height-regular-text: var(--iui3-font-line-height-18);
  --iui3-line-height-description-text: var(--iui3-font-line-height-18);
  --iui3-line-height-text-link: var(--iui3-font-line-height-18);
  --iui3-line-height-ghost-text: var(--iui3-font-line-height-18);
  --iui3-line-height-help-text: var(--iui3-font-line-height-15);
  --iui3-line-height-table-first-column: var(--iui3-font-line-height-15);
  --iui3-line-height-table-subtext: var(--iui3-font-line-height-13);
  --iui3-line-height-html-code: var(--iui3-font-line-height-18);
  --iui3-line-height-wizard-header: var(--iui3-font-line-height-40);
  --iui3-line-height-wizard-subheader: var(--iui3-font-line-height-30);
}
/* Aliases  */
:root,
:host > div {
  --iui3-font-size-header: var(--iui3-font-size-24);
  --iui3-font-size-subheader: var(--iui3-font-size-18);
  --iui3-font-size-field-label: var(--iui3-font-size-16);
  --iui3-font-size-secondary-field-label: var(--iui3-font-size-14);
  --iui3-font-size-regular-text: var(--iui3-font-size-14);
  --iui3-font-size-description-text: var(--iui3-font-size-14);
  --iui3-font-size-html-code: var(--iui3-font-size-14);
  --iui3-font-size-ghost-text: var(--iui3-font-size-14);
  --iui3-font-size-help-text: var(--iui3-font-size-12);
  --iui3-font-size-text-link: var(--iui3-font-size-14);
  --iui3-font-size-table-first-column: var(--iui3-font-size-12);
  --iui3-font-size-table-subtext: var(--iui3-font-size-10);
  --iui3-font-size-metric: var(--iui3-font-size-26);
  --iui3-font-size-wizard-header: var(--iui3-font-size-32);
  --iui3-font-size-wizard-subheader: var(--iui3-font-size-22);
}
@media (max-width: 768px) {
  /* Aliases  */
  :root,
  :host > div {
    --iui3-line-height-header: var(--iui3-font-line-height-30);
    --iui3-line-height-subheader: var(--iui3-font-line-height-23);
    --iui3-line-height-metric: var(--iui3-font-line-height-33);
    --iui3-line-height-field-label: var(--iui3-font-line-height-20);
    --iui3-line-height-secondary-field-label: var(--iui3-font-line-height-18);
    --iui3-line-height-regular-text: var(--iui3-font-line-height-20);
    --iui3-line-height-description-text: var(--iui3-font-line-height-20);
    --iui3-line-height-text-link: var(--iui3-font-line-height-20);
    --iui3-line-height-ghost-text: var(--iui3-font-line-height-20);
    --iui3-line-height-help-text: var(--iui3-font-line-height-18);
    --iui3-line-height-table-first-column: var(--iui3-font-line-height-18);
    --iui3-line-height-table-subtext: var(--iui3-font-line-height-15);
    --iui3-line-height-html-code: var(--iui3-font-line-height-20);
    --iui3-line-height-wizard-header: var(--iui3-font-line-height-30);
    --iui3-line-height-wizard-subheader: var(--iui3-font-line-height-33);
  }
  /* Aliases  */
  :root,
  :host > div {
    --iui3-font-size-header: var(--iui3-font-size-26);
    --iui3-font-size-subheader: var(--iui3-font-size-24);
    --iui3-font-size-field-label: var(--iui3-font-size-16);
    --iui3-font-size-secondary-field-label: var(--iui3-font-size-14);
    --iui3-font-size-regular-text: var(--iui3-font-size-16);
    --iui3-font-size-description-text: var(--iui3-font-size-16);
    --iui3-font-size-html-code: var(--iui3-font-size-16);
    --iui3-font-size-ghost-text: var(--iui3-font-size-16);
    --iui3-font-size-help-text: var(--iui3-font-size-14);
    --iui3-font-size-text-link: var(--iui3-font-size-16);
    --iui3-font-size-table-first-column: var(--iui3-font-size-14);
    --iui3-font-size-table-subtext: var(--iui3-font-size-12);
    --iui3-font-size-metric: var(--iui3-font-size-24);
    --iui3-font-size-wizard-header: var(--iui3-font-size-26);
    --iui3-font-size-wizard-subheader: var(--iui3-font-size-22);
  }
}