/**
 *  filename: assets/css/w3r.scss
 *  description: Main styles entry point for Warcraft III: Reforged
 **/
@import url("https://assets.blz-contentstack.com/v3/assets/blte73fa86c52047717/blt3de15bbfd6c3f3c5/5f9ae8766f61200bd103dbfe/navbar.css");
.spark {
  background-color: #DE4A00;
  font-family: "Helvetica", sans-serif;
  visibility: hidden;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 30%;
  box-shadow: 0 0 5px #AB000B;
}

/**
 *  filename: assets/css/index.scss
 *  description: Styles used accross all evergreen pages
 **/
/* Global Breakpoints */
/* Max-width (down) breakpoints: use for styles that apply at and below a given breakpoint. */
/* Global Attributes */
/* min */
@media (max-width: 479px) {
  [bp]:not([bp~="+min"]):not([bp~=min]):not([bp~="min+"]):not([bp~="+xs"]):not([bp~="+sm"]):not([bp~="+md"]):not([bp~="+lg"]):not([bp~="+xl"]):not([bp~="+xxl"]):not([bp~="+max"]) {
    display: none;
  }
}
/* xs */
@media (min-width: 480px) and (max-width: 719px) {
  [bp]:not([bp~="min+"]):not([bp~="+xs"]):not([bp~=xs]):not([bp~="xs+"]):not([bp~="+sm"]):not([bp~="+md"]):not([bp~="+lg"]):not([bp~="+xl"]):not([bp~="+xxl"]):not([bp~="+max"]) {
    display: none;
  }
}
/* sm */
@media (min-width: 720px) and (max-width: 959px) {
  [bp]:not([bp~="min+"]):not([bp~="xs+"]):not([bp~="+sm"]):not([bp~=sm]):not([bp~="sm+"]):not([bp~="+md"]):not([bp~="+lg"]):not([bp~="+xl"]):not([bp~="+xxl"]):not([bp~="+max"]) {
    display: none;
  }
}
/* md */
@media (min-width: 960px) and (max-width: 1199px) {
  [bp]:not([bp~="min+"]):not([bp~="xs+"]):not([bp~="sm+"]):not([bp~="+md"]):not([bp~=md]):not([bp~="md+"]):not([bp~="+lg"]):not([bp~="+xl"]):not([bp~="+xxl"]):not([bp~="+max"]) {
    display: none;
  }
}
/* lg */
@media (min-width: 1200px) and (max-width: 1399px) {
  [bp]:not([bp~="min+"]):not([bp~="xs+"]):not([bp~="sm+"]):not([bp~="md+"]):not([bp~="+lg"]):not([bp~=lg]):not([bp~="lg+"]):not([bp~="+xl"]):not([bp~="+xxl"]):not([bp~="+max"]) {
    display: none;
  }
}
/* xl */
@media (min-width: 1400px) and (max-width: 1599px) {
  [bp]:not([bp~="min+"]):not([bp~="xs+"]):not([bp~="sm+"]):not([bp~="md+"]):not([bp~="lg+"]):not([bp~="+xl"]):not([bp~=xl]):not([bp~="xl+"]):not([bp~="+xxl"]):not([bp~="+max"]) {
    display: none;
  }
}
/* xxl */
@media (min-width: 1600px) and (max-width: 2599px) {
  [bp]:not([bp~="min+"]):not([bp~="xs+"]):not([bp~="sm+"]):not([bp~="md+"]):not([bp~="lg+"]):not([bp~="xl+"]):not([bp~="+xxl"]):not([bp~=xxl]):not([bp~="xxl+"]):not([bp~="+max"]) {
    display: none;
  }
}
/* max */
@media (min-width: 2600px) {
  [bp]:not([bp~="min+"]):not([bp~="xs+"]):not([bp~="sm+"]):not([bp~="md+"]):not([bp~="lg+"]):not([bp~="xl+"]):not([bp~="xxl+"]):not([bp~="+max"]):not([bp~=max]):not([bp~="max+"]) {
    display: none;
  }
}
[aspect-ratio] {
  --x: 16;
  --y: 9;
  position: relative;
  width: 100%;
}

[aspect-ratio]::before {
  content: "";
  display: block;
  padding-bottom: calc(var(--y) / var(--x) * 100%);
  width: 100%;
}

[aspect-ratio="9:16"] {
  --x: 9;
  --y: 16;
}

[aspect-ratio="3:4"] {
  --x: 3;
  --y: 4;
}

[aspect-ratio="4:3"] {
  --x: 4;
  --y: 3;
}

[aspect-ratio="7:8"] {
  --x: 7;
  --y: 8;
}

[aspect-ratio="1:1"] {
  --x: 1;
  --y: 1;
}

[blz-tooltip] {
  --tooltip-vertical-transform: calc(100% + var(--global-size-150));
  cursor: pointer;
  position: relative;
  /* Fixes Safari bug where positioning context is lost in complex layouts. This creates a new stacking context. */
  transform: translate(0);
}

.blz-tooltip,
.blz-tooltip-extension {
  display: none;
  margin: 0;
  padding: 0;
  pointer-events: all;
  position: absolute;
  -webkit-user-select: text;
  user-select: text;
  z-index: var(--measure-z-index-fixed);
}

.blz-tooltip {
  background-color: var(--semantic-color-background-info-primary);
  border: 1px solid var(--tooltip-color-border-primary);
  border-radius: var(--global-size-50);
  bottom: 0;
  font: var(--tooltip-font-text);
  left: 50%;
  max-width: min(100vw - var(--global-size-150) * 6, 360px - var(--global-size-150) * 2);
  padding: var(--global-size-100) var(--global-size-200);
  text-align: left;
  transform: translate(-50%, var(--tooltip-vertical-transform));
  white-space: normal;
  width: max-content;
}

/* Inner container that wraps markdown generated content.  */
.blz-tooltip > .blz-tooltip-container {
  display: flex;
  flex-direction: column;
  gap: var(--semantic-space-between-xxl);
}

/* Any child of the tooltip should have a maximum width of 100% to prevent
  it from overflowing the width designated from the logic. */
.blz-tooltip .blz-tooltip-container > * {
  max-width: 100%;
}

[blz-tooltip\:place=top] .blz-tooltip {
  --tooltip-vertical-transform: calc(-100% - var(--global-size-150));
  bottom: auto;
  top: 0;
}

[blz-tooltip\:place=top] .blz-tooltip-extension {
  bottom: 0;
}

.blz-tooltip-caret {
  background-color: var(--semantic-color-background-info-primary);
  content: "";
  display: none;
  height: var(--global-size-200);
  left: 50%;
  margin: 0;
  padding: 0;
  position: absolute;
  transform: rotate(45deg) translate(-50%);
  transform-origin: center;
  width: var(--global-size-200);
}

[blz-tooltip\:place=top] .blz-tooltip-caret {
  top: -18px;
}

[blz-tooltip\:place=bottom] .blz-tooltip-caret {
  bottom: -30px;
}

[blz-tooltip\:place=bottom] .blz-tooltip-extension {
  top: 0;
}

[blz-tooltip\:sticky=left] .blz-tooltip {
  left: 0;
  transform: translate(0, var(--tooltip-vertical-transform));
}

[blz-tooltip\:sticky=right] .blz-tooltip {
  left: auto;
  right: 0;
  text-align: right;
  transform: translate(0, var(--tooltip-vertical-transform));
}

[data-blz-tooltip-active] .blz-tooltip,
[data-blz-tooltip-active] .blz-tooltip-caret,
[data-blz-tooltip-active] .blz-tooltip-extension {
  display: inline-block;
}

html {
  scroll-behavior: smooth;
}

:root {
  /**
    * @tokens Z-Index
    */
  --measure-z-index-below: -1;
  --measure-z-index-base: 0;
  --measure-z-index-above: 1;
  --measure-z-index-docked: 4;
  --measure-z-index-fixed: 10;
  --measure-z-index-overlay: 50;
  --measure-z-index-menu: 999;
  --measure-z-index-modal: 10000;
  --measure-z-index-toast: 11000;
  /**
    * @tokens Viewport
    */
  --view-min: 320px;
  --view-xs: 480px;
  --view-sm: 720px;
  --view-md: 960px;
  --view-lg: 1200px;
  --view-xl: 1400px;
  --view-xxl: 1600px;
  --view-max: 2600px;
  /**
  * @tokens Semantic Font Shorthands
  * @presenter Font
  */
  --semantic-title-text-lg: var(--semantic-title-text-lg-mobile);
  --semantic-title-text-md: var(--semantic-title-text-md-mobile);
  --semantic-title-text-sm: var(--semantic-title-text-sm-mobile);
  --semantic-heading-text-xxl: var(--semantic-heading-text-xl-mobile);
  --semantic-heading-text-xl: var(--semantic-heading-text-xl-mobile);
  --semantic-heading-text-lg: var(--semantic-heading-text-lg-mobile);
  --semantic-heading-text-md: var(--semantic-heading-text-md-mobile);
  --semantic-heading-text-sm: var(--semantic-heading-text-sm-mobile);
  --semantic-heading-text-xs: var(--semantic-heading-text-xs-mobile);
  --semantic-heading-text-xxs: var(--semantic-heading-text-xxs-mobile);
  --semantic-subheading-text-lg: var(--semantic-subheading-text-lg-mobile);
  --semantic-subheading-text-md: var(--semantic-subheading-text-md-mobile);
  --semantic-body-text-xxl: var(--semantic-body-text-xxl-mobile);
  --semantic-body-text-xl: var(--semantic-body-text-xl-mobile);
  --semantic-body-text-lg: var(--semantic-body-text-lg-mobile);
  --semantic-body-text-md: var(--semantic-body-text-md-mobile);
  --semantic-body-text-sm: var(--semantic-body-text-sm-mobile);
  --semantic-body-text-xs: var(--semantic-body-text-xs-mobile);
  /**
  * @tokens Component Font Shorthands
  * @presenter Font
  */
  --announcement-banner-font-heading: var(
    --announcement-banner-font-heading-mobile
  );
  --announcement-banner-font-subtext: var(
    --announcement-banner-font-subtext-mobile
  );
  --badge-font-text: var(--badge-font-text-mobile);
  --button-font-label-lg: var(--button-font-label-lg-mobile);
  --button-font-label-md: var(--button-font-label-md-mobile);
  --button-font-label-sm: var(--button-font-label-sm-mobile);
  --content-block-font-subheading-lg: var(
    --content-block-font-subheading-lg-mobile
  );
  --content-block-font-subheading-md: var(
    --content-block-font-subheading-md-mobile
  );
  --content-block-font-heading-lg: var(--content-block-font-heading-lg-mobile);
  --content-block-font-heading-md: var(--content-block-font-heading-md-mobile);
  --content-block-font-heading-sm: var(--content-block-font-heading-sm-mobile);
  --content-block-font-heading-xs: var(--content-block-font-heading-xs-mobile);
  --content-block-font-callout-lg: var(--content-block-font-callout-lg-mobile);
  --content-block-font-callout-md: var(--content-block-font-callout-md-mobile);
  --content-block-font-callout-sm: var(--content-block-font-callout-sm-mobile);
  --content-block-font-callout-xs: var(--content-block-font-callout-xs-mobile);
  --content-block-font-description-lg: var(
    --content-block-font-description-lg-mobile
  );
  --content-block-font-description-md: var(
    --content-block-font-description-md-mobile
  );
  --content-block-font-description-sm: var(
    --content-block-font-description-sm-mobile
  );
  --content-block-font-description-xs: var(
    --content-block-font-description-xs-mobile
  );
  --header-heading-font-xl: var(--header-heading-font-xl-mobile);
  --header-heading-font-lg: var(--header-heading-font-lg-mobile);
  --header-heading-font-md: var(--header-heading-font-md-mobile);
  --header-heading-font-sm: var(--header-heading-font-sm-mobile);
  --header-heading-font-xs: var(--header-heading-font-xs-mobile);
  --header-heading-font-xxs: var(--header-heading-font-xxs-mobile);
  --input-font-md: var(--input-font-md-mobile);
  --input-font-sm: var(--input-font-sm-mobile);
  --tooltip-font-text: var(--tooltip-font-text-mobile);
  --price-font-label-xl: var(--price-font-label-xl-mobile);
  --price-font-label-lg: var(--price-font-label-lg-mobile);
  --price-font-label-md: var(--price-font-label-md-mobile);
  --price-font-label-sm: var(--price-font-label-sm-mobile);
  --price-font-label-discount-xl: var(--price-font-label-discount-xl-mobile);
  --price-font-label-discount-lg: var(--price-font-label-discount-lg-mobile);
  --price-font-label-discount-md: var(--price-font-label-discount-md-mobile);
  --price-font-label-discount-sm: var(--price-font-label-discount-sm-mobile);
  --tab-standard-font-label: var(--tab-standard-font-label-mobile);
  /**
    * @tokens Component Shorthand Spacing Tokens Mobile Values
    * @presenter Spacing
    *
    */
  --announcement-banner-space-padding: var(
      --announcement-banner-space-padding-mobile-vertical
    )
    var(--announcement-banner-space-padding-mobile-horizontal);
  --announcement-banner-sticky-space-padding: var(
      --announcement-banner-sticky-space-padding-mobile-vertical
    )
    var(--announcement-banner-sticky-space-padding-mobile-horizontal);
  --announcement-banner-content-gap-horizontal: var(
    --announcement-banner-content-gap-horizontal-mobile
  );
  --announcement-banner-content-gap-vertical: var(
    --announcement-banner-content-gap-vertical-mobile
  );
  --button-space-padding-md-horizontal: var(
    --button-space-padding-md-mobile-horizontal
  );
  --button-space-padding-xl: var(--button-space-padding-xl-mobile-vertical)
    var(--button-space-padding-xl-mobile-horizontal);
  --button-space-padding-lg: var(--button-space-padding-lg-mobile-vertical)
    var(--button-space-padding-lg-mobile-horizontal);
  --button-space-padding-md: var(--button-space-padding-md-mobile-vertical)
    var(--button-space-padding-md-mobile-horizontal);
  --button-space-padding-sm: var(--button-space-padding-sm-vertical)
    var(--button-space-padding-sm-horizontal);
  --base-card-space-padding-lg: var(
      --base-card-space-padding-lg-mobile-vertical
    )
    var(--base-card-space-padding-lg-mobile-horizontal);
  --base-card-space-padding-md: var(
      --base-card-space-padding-md-mobile-vertical
    )
    var(--base-card-space-padding-md-mobile-horizontal);
  --base-card-space-padding-sm: var(
      --base-card-space-padding-sm-mobile-vertical
    )
    var(--base-card-space-padding-sm-mobile-horizontal);
  --badge-space-padding-sm: var(--badge-space-padding-sm-top)
    var(--badge-space-padding-sm-horizontal)
    var(--badge-space-padding-sm-bottom)
    var(--badge-space-padding-sm-horizontal);
  --badge-space-padding-md: var(--badge-space-md-mobile-top)
    var(--badge-space-md-mobile-horizontal) var(--badge-space-md-mobile-bottom)
    var(--badge-space-md-mobile-horizontal);
  --content-block-space-optional-slot-bottom: var(
    --content-block-space-optional-slot-bottom-mobile
  );
  --content-block-space-optional-slot-top: var(
    --content-block-space-optional-slot-top-mobile
  );
  --base-card-space-media-top-left: var(--base-card-space-media-top-left-top)
    var(--base-card-space-media-top-left-right)
    var(--base-card-space-media-top-left-bottom)
    var(--base-card-space-media-top-left-left);
  --base-card-space-media-top-right: var(--base-card-space-media-top-right-top)
    var(--base-card-space-media-top-right-right)
    var(--base-card-space-media-top-right-bottom)
    var(--base-card-space-media-top-right-left);
  --base-card-space-media-bottom-left: var(
      --base-card-space-media-bottom-left-top
    )
    var(--base-card-space-media-bottom-left-right)
    var(--base-card-space-media-bottom-left-bottom)
    var(--base-card-space-media-bottom-left-left);
  --base-card-space-media-bottom-right: var(
      --base-card-space-media-bottom-right-top
    )
    var(--base-card-space-media-bottom-right-right)
    var(--base-card-space-media-bottom-right-bottom)
    var(--base-card-space-media-bottom-right-left);
  --input-text-field-space-padding-sm: var(
      --input-text-field-space-padding-sm-top
    )
    var(--input-text-field-space-padding-sm-right)
    var(--input-text-field-space-padding-sm-bottom)
    var(--input-text-field-space-padding-sm-left);
  --input-text-field-space-padding-md: var(
      --input-text-field-space-padding-md-top
    )
    var(--input-text-field-space-padding-md-right)
    var(--input-text-field-space-padding-md-bottom)
    var(--input-text-field-space-padding-md-left);
  --input-select-space-padding-sm: var(--input-select-space-padding-sm-top)
    var(--input-select-space-padding-sm-right)
    var(--input-select-space-padding-sm-bottom)
    var(--input-select-space-padding-sm-left);
  --input-select-space-padding-md: var(--input-select-space-padding-md-top)
    var(--input-select-space-padding-md-right)
    var(--input-select-space-padding-md-bottom)
    var(--input-select-space-padding-md-left);
  --section-padding: var(--semantic-section-space-vertical-md-mobile)
    var(--semantic-section-space-horizontal-mobile);
  --banner-space-padding: var(--banner-space-padding-vertical-mobile)
    var(--banner-space-padding-horizontal-mobile);
  --semantic-size-input-height-lg: var(--semantic-size-input-height-lg-mobile);
  --semantic-size-nav-height: var(--semantic-size-nav-height-mobile);
  --semantic-grid-gap-xxs: var(--semantic-grid-gap-xxs-mobile);
  /**
  * @tokens Component Shorthand Sizing Tokens For Mobile Sizes
  * @presenter Size
  */
  --button-height-md: var(--button-height-md-mobile);
  --button-height-sm: var(--button-height-sm-mobile);
  --countdown-timer-height-sm: var(--countdown-timer-height-sm-mobile);
  /**
  * @tokens Global Motion
  * @presenter Motion
  */
  --global-motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --global-motion-ease-in-out: cubic-bezier(0.5, 0, 0.5, 1);
  --global-motion-ease-in: cubic-bezier(0.8, 0, 1, 1);
  --global-motion-duration-fast: 100ms;
  --global-motion-duration-medium: 200ms;
  --global-motion-duration-slow: 300ms;
  /**
  * @tokens Component Semantic Icon Heights
  * @presenter Size
  */
  --semantic-size-icon-height-xs: var(--semantic-size-icon-height-xs-mobile);
  --semantic-size-icon-height-sm: var(--semantic-size-icon-height-sm-mobile);
  --semantic-size-icon-height-md: var(--semantic-size-icon-height-md-mobile);
  --semantic-size-icon-height-lg: var(--semantic-size-icon-height-lg-mobile);
  --semantic-size-icon-height-xl: var(--semantic-size-icon-height-xl-mobile);
}

@media (min-width: 720px) {
  :root {
    /**
    * @tokens Component Shorthand Spacing Tokens Desktop Values
    * @presenter Spacing
    */
    --announcement-banner-space-padding: var(
        --announcement-banner-space-padding-desktop-vertical
      )
      var(--announcement-banner-space-padding-desktop-horizontal);
    --announcement-banner-sticky-space-padding: var(
        --announcement-banner-sticky-space-padding-desktop-vertical
      )
      var(--announcement-banner-sticky-space-padding-desktop-horizontal);
    --announcement-banner-content-gap-horizontal: var(
      --announcement-banner-content-gap-horizontal-desktop
    );
    --announcement-banner-content-gap-vertical: var(
      --announcement-banner-content-gap-vertical-desktop
    );
    --button-space-padding-md-horizontal: var(
      --button-space-padding-md-desktop-horizontal
    );
    --button-space-padding-xl: var(--button-space-padding-xl-desktop-vertical)
      var(--button-space-padding-xl-desktop-horizontal);
    --button-space-padding-lg: var(--button-space-padding-lg-desktop-vertical)
      var(--button-space-padding-lg-desktop-horizontal);
    --button-space-padding-md: var(--button-space-padding-md-desktop-vertical)
      var(--button-space-padding-md-desktop-horizontal);
    --base-card-space-padding-lg: var(
        --base-card-space-padding-lg-desktop-vertical
      )
      var(--base-card-space-padding-lg-desktop-horizontal);
    --base-card-space-padding-md: var(
        --base-card-space-padding-md-desktop-vertical
      )
      var(--base-card-space-padding-md-desktop-horizontal);
    --base-card-space-padding-sm: var(
        --base-card-space-padding-sm-desktop-vertical
      )
      var(--base-card-space-padding-sm-desktop-horizontal);
    --badge-space-padding-md: var(--badge-space-md-desktop-top)
      var(--badge-space-md-desktop-horizontal)
      var(--badge-space-md-desktop-bottom)
      var(--badge-space-md-desktop-horizontal);
    --content-block-space-optional-slot-bottom: var(
      --content-block-space-optional-slot-bottom-desktop
    );
    --content-block-space-optional-slot-top: var(
      --content-block-space-optional-slot-top-desktop
    );
    --section-padding: var(--semantic-section-space-vertical-md-desktop)
      var(--semantic-section-space-horizontal-desktop);
    --banner-space-padding: var(--banner-space-padding-vertical-desktop)
      var(--banner-space-padding-horizontal-desktop);
    /**
    * @tokens Component Shorthand Sizing Tokens Desktop Values
    * @presenter Size
    */
    --button-height-md: var(--button-height-md-desktop);
    --button-height-sm: var(--button-height-sm-desktop);
    --countdown-timer-height-sm: var(--countdown-timer-height-sm-desktop);
    /**
    * @tokens Semantic Font Shorthands
    * @presenter Font
    */
    --semantic-title-text-lg: var(--semantic-title-text-lg-desktop);
    --semantic-title-text-md: var(--semantic-title-text-md-desktop);
    --semantic-title-text-sm: var(--semantic-title-text-sm-desktop);
    --semantic-heading-text-xxl: var(--semantic-heading-text-xxl-desktop);
    --semantic-heading-text-xl: var(--semantic-heading-text-xl-desktop);
    --semantic-heading-text-lg: var(--semantic-heading-text-lg-desktop);
    --semantic-heading-text-md: var(--semantic-heading-text-md-desktop);
    --semantic-heading-text-sm: var(--semantic-heading-text-sm-desktop);
    --semantic-heading-text-xs: var(--semantic-heading-text-xs-desktop);
    --semantic-heading-text-xxs: var(--semantic-heading-text-xxs-desktop);
    --semantic-subheading-text-lg: var(--semantic-subheading-text-lg-desktop);
    --semantic-subheading-text-md: var(--semantic-subheading-text-md-desktop);
    --semantic-body-text-xxl: var(--semantic-body-text-xxl-desktop);
    --semantic-body-text-xl: var(--semantic-body-text-xl-desktop);
    --semantic-body-text-lg: var(--semantic-body-text-lg-desktop);
    --semantic-body-text-md: var(--semantic-body-text-md-desktop);
    --semantic-body-text-sm: var(--semantic-body-text-sm-desktop);
    --semantic-body-text-xs: var(--semantic-body-text-xs-desktop);
    /**
    * @tokens Component Font Shorthands
    * @presenter Font
    */
    --announcement-banner-font-heading: var(
      --announcement-banner-font-heading-desktop
    );
    --announcement-banner-font-subtext: var(
      --announcement-banner-font-subtext-desktop
    );
    --badge-font-text: var(--badge-font-text-desktop);
    --button-font-label-lg: var(--button-font-label-lg-desktop);
    --button-font-label-md: var(--button-font-label-md-desktop);
    --button-font-label-sm: var(--button-font-label-sm-desktop);
    --content-block-font-subheading-lg: var(
      --content-block-font-subheading-lg-desktop
    );
    --content-block-font-subheading-md: var(
      --content-block-font-subheading-md-desktop
    );
    --content-block-font-heading-lg: var(
      --content-block-font-heading-lg-desktop
    );
    --content-block-font-heading-md: var(
      --content-block-font-heading-md-desktop
    );
    --content-block-font-heading-sm: var(
      --content-block-font-heading-sm-desktop
    );
    --content-block-font-heading-xs: var(
      --content-block-font-heading-xs-desktop
    );
    --content-block-font-callout-lg: var(
      --content-block-font-callout-lg-desktop
    );
    --content-block-font-callout-md: var(
      --content-block-font-callout-md-desktop
    );
    --content-block-font-callout-sm: var(
      --content-block-font-callout-sm-desktop
    );
    --content-block-font-callout-xs: var(
      --content-block-font-callout-xs-desktop
    );
    --content-block-font-description-lg: var(
      --content-block-font-description-lg-desktop
    );
    --content-block-font-description-md: var(
      --content-block-font-description-md-desktop
    );
    --content-block-font-description-sm: var(
      --content-block-font-description-sm-desktop
    );
    --content-block-font-description-xs: var(
      --content-block-font-description-xs-desktop
    );
    --header-heading-font-xl: var(--header-heading-font-xl-desktop);
    --header-heading-font-lg: var(--header-heading-font-lg-desktop);
    --header-heading-font-md: var(--header-heading-font-md-desktop);
    --header-heading-font-sm: var(--header-heading-font-sm-desktop);
    --header-heading-font-xs: var(--header-heading-font-xs-desktop);
    --header-heading-font-xxs: var(--header-heading-font-xxs-desktop);
    --input-font-md: var(--input-font-md-desktop);
    --input-font-sm: var(--input-font-sm-desktop);
    --tooltip-font-text: var(--tooltip-font-text-desktop);
    --price-font-label-xl: var(--price-font-label-xl-desktop);
    --price-font-label-lg: var(--price-font-label-lg-desktop);
    --price-font-label-md: var(--price-font-label-md-desktop);
    --price-font-label-sm: var(--price-font-label-sm-desktop);
    --price-font-label-discount-xl: var(--price-font-label-discount-xl-desktop);
    --price-font-label-discount-lg: var(--price-font-label-discount-lg-desktop);
    --price-font-label-discount-md: var(--price-font-label-discount-md-desktop);
    --price-font-label-discount-sm: var(--price-font-label-discount-sm-desktop);
    --tab-standard-font-label: var(--tab-standard-font-label-desktop);
    --semantic-size-input-height-lg: var(
      --semantic-size-input-height-lg-desktop
    );
    --semantic-size-nav-height: var(--semantic-size-nav-height-desktop);
    --semantic-grid-gap-xxs: var(--semantic-grid-gap-xxs-desktop);
    /**
    * @tokens Component Semantic Icon Heights
    * @presenter Size
    */
    --semantic-size-icon-height-xs: var(--semantic-size-icon-height-xs-desktop);
    --semantic-size-icon-height-sm: var(--semantic-size-icon-height-sm-desktop);
    --semantic-size-icon-height-md: var(--semantic-size-icon-height-md-desktop);
    --semantic-size-icon-height-lg: var(--semantic-size-icon-height-lg-desktop);
    --semantic-size-icon-height-xl: var(--semantic-size-icon-height-xl-desktop);
  }
}
/* Forge Tokens */
/**
 * Do not edit directly, this file was auto-generated.
 */
:root, :host {
  --global-size-0: 0px; /** global.size.25 */
  --global-size-25: 2px; /** global.size.25 */
  --global-size-50: 4px; /** global.size.50 */
  --global-size-75: 6px; /** global.size.75 */
  --global-size-100: 8px; /** global.size.100 */
  --global-size-125: 10px; /** global.size.125 */
  --global-size-150: 12px; /** global.size.150 */
  --global-size-175: 14px; /** global.size.150 */
  --global-size-200: 16px; /** global.size.200 */
  --global-size-225: 18px; /** global.size.200 */
  --global-size-250: 20px; /** global.size.250 */
  --global-size-300: 24px; /** global.size.300 */
  --global-size-325: 26px; /** global.size.325 */
  --global-size-350: 28px; /** global.size.350 */
  --global-size-375: 30px; /** global.size.350 */
  --global-size-400: 32px; /** global.size.400 */
  --global-size-450: 36px; /** global.size.400 */
  --global-size-500: 40px; /** global.size.500 */
  --global-size-600: 48px; /** global.size.600 */
  --global-size-700: 56px; /** global.size.700 */
  --global-size-750: 60px; /** global.size.700 */
  --global-size-800: 64px; /** global.size.800 */
  --global-size-900: 72px; /** global.size.900 */
  --global-size-1000: 80px; /** global.size.1000 */
  --global-size-1100: 88px; /** global.size.1100 */
  --global-size-1150: 92px; /** global.size.1150 */
  --global-size-1200: 100px; /** global.size.1200 */
  --global-color-primary-300: #38a8ff; /** global.color.primary.300 */
  --global-color-primary-400: #0592ff; /** global.color.primary.400 */
  --global-color-primary-500: #0076d1; /** global.color.primary.500 */
  --global-color-primary-600: #00599e; /** global.color.primary.500 */
  --global-color-primary-700: #003c6b; /** global.color.primary.500 */
  --global-color-accent-400: rgba(93, 113, 152, 0.2); /** global.color.accent.400 */
  --global-color-accent-500: rgba(93, 113, 152, 0.4); /** global.color.accent.500 */
  --global-color-accent-600: rgba(93, 113, 152, 0.6); /** global.color.accent.600 */
  --global-color-accent-700: rgba(93, 113, 152, 0.8); /** global.color.accent.700 */
  --global-color-background-25: #d5d7dd; /** global.color.background.25 */
  --global-color-background-50: #5a5d70; /** global.color.background.50 */
  --global-color-background-100: #3a465f; /** global.color.background.100 */
  --global-color-background-300: #323a48; /** global.color.background.300 */
  --global-color-background-500: #232a39; /** global.color.background.500 */
  --global-color-background-700: #151c28; /** global.color.background.700 */
  --global-color-background-800: #0a0d15; /** global.color.background.800 */
  --global-color-warning-400: #ffdd99; /** global.color.warning.400 */
  --global-color-warning-500: #ffbb33; /** global.color.warning.500 */
  --global-color-error-400: #f87cb0; /** global.color.error.400 */
  --global-color-error-500: #f31d77; /** global.color.error.500 */
  --global-color-error-900: #350000; /** global.color.error.900 */
  --global-color-success-400: #66ffbf; /** global.color.success.400 */
  --global-color-success-500: #00ff94; /** global.color.success.500 */
  --global-color-darken-100: rgba(0, 0, 0, 0.05); /** global.color.darken.100 */
  --global-color-darken-300: rgba(0, 0, 0, 0.1); /** global.color.darken.300 */
  --global-color-darken-400: rgba(0, 0, 0, 0.15); /** global.color.darken.400 */
  --global-color-darken-500: rgba(0, 0, 0, 0.3); /** global.color.darken.500 */
  --global-color-darken-600: rgba(0, 0, 0, 0.5); /** global.color.darken.600 */
  --global-color-darken-700: rgba(0, 0, 0, 0.7); /** global.color.darken.700 */
  --global-color-darken-800: rgba(0, 0, 0, 0.9); /** global.color.darken.800 */
  --global-color-darken-900: #000000; /** global.color.darken.900 */
  --global-color-content-100: rgba(255, 255, 255, 0.05); /** global.color.content.100 */
  --global-color-content-200: rgba(255, 255, 255, 0.1); /** global.color.content.200 */
  --global-color-content-300: rgba(255, 255, 255, 0.12); /** global.color.content.300 */
  --global-color-content-400: rgba(255, 255, 255, 0.15); /** global.color.content.400 */
  --global-color-content-500: rgba(255, 255, 255, 0.3); /** global.color.content.500 */
  --global-color-content-600: rgba(255, 255, 255, 0.5); /** global.color.content.600 */
  --global-color-content-700: rgba(255, 255, 255, 0.7); /** global.color.content.700 */
  --global-color-content-800: rgba(255, 255, 255, 0.8); /** global.color.content.800 */
  --global-color-content-900: rgba(255, 255, 255, 0.9); /** global.color.content.900 */
  --global-color-content-1000: #ffffff; /** global.color.content.1000 */
  --global-color-transparent: rgba(255, 255, 255, 0); /** global.color.transparent */
  --global-motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --global-motion-duration-slow: 300ms;
  --global-motion-duration-medium: 200ms;
  --global-motion-duration-fast: 100ms;
  --global-motion-ease-in-out: cubic-bezier(0.5, 0, 0.5, 1);
  --global-motion-ease-in: cubic-bezier(0.8, 0, 1, 1);
  --global-font-family-accent-alt: Montserrat; /** global.font-family.accent-alt */
  --global-font-weight-regular: 400; /** global.font-weight.regular */
  --global-font-weight-medium: 500; /** global.font-weight.medium */
  --global-font-weight-bold: 600; /** global.font-weight.bold */
  --global-font-line-height-default: 100%;
  --global-font-line-height-tight: 110%;
  --global-font-line-height-comfy: 140%;
  --global-font-line-height-relaxed: 170%;
  --global-font-line-height-loose: 200%;
  --global-font-letter-spacing-default: 0px; /** global.font.letter-spacing.default */
  --global-font-letter-spacing-comfy: 0.5px; /** global.font.letter-spacing.comfy */
  --global-font-letter-spacing-relaxed: 0.1px; /** global.font.letter-spacing.relaxed */
  --global-font-scale-accent: 2; /** global.font-scale.accent */
  --global-font-scale-default: 1; /** global.font-scale.default */
  --semantic-color-border-feedback-info: rgba(5, 146, 255, 0.24); /** semantic.color.border.feedback.info */
  --semantic-color-border-feedback-success: rgba(102, 255, 191, 0.24); /** semantic.color.border.feedback.success */
  --semantic-color-border-feedback-warning: rgba(255, 221, 153, 0.24); /** semantic.color.border.feedback.warning */
  --semantic-color-border-feedback-error: rgba(248, 124, 176, 0.24); /** semantic.color.border.feedback.error */
  --semantic-color-background-action-primary-gradient-blend-mode: normal;
  --semantic-color-background-action-secondary-gradient-blend-mode: normal;
  --semantic-color-background-feedback-info: rgba(5, 146, 255, 0.12); /** semantic.color.background.feedback.info */
  --semantic-color-background-feedback-success: rgba(102, 255, 191, 0.12); /** semantic.color.background.feedback.success */
  --semantic-color-background-feedback-warning: rgba(255, 221, 153, 0.12); /** semantic.color.background.feedback.warning */
  --semantic-shadow-xl-position-x: 0px;
  --semantic-shadow-xl-position-y: 15px;
  --semantic-shadow-xl-blur: 35px;
  --semantic-shadow-lg-position-x: 0px;
  --semantic-shadow-md-position-x: 0px;
  --semantic-shadow-md-position-y: 5px;
  --semantic-shadow-md-blur: 15px;
  --semantic-shadow-sm-position-x: 0px;
  --semantic-shadow-xs-position-x: 0px;
  --semantic-shadow-xs-position-y: 1px;
  --semantic-shadow-xs-blur: 3px;
  --semantic-border-radius-sm: 3px; /** semantic.border-radius.sm */
  --semantic-border-size-sm: 1px; /** semantic.border.size.sm */
  --semantic-body-text-xxl-line-height-computed-desktop: 34px; /** semantic/body/text/xxl/line-height-computed/desktop */
  --semantic-body-text-xxl-line-height-computed-mobile: 28px; /** semantic/body/text/xxl/line-height-computed/mobile */
  --semantic-body-text-lg-line-height-computed-desktop: 25px; /** semantic/body/text/lg/line-height-computed/desktop */
  --semantic-body-text-lg-line-height-computed-mobile: 22px; /** semantic/body/text/lg/line-height-computed/mobile */
  --semantic-body-text-sm-line-height-computed-desktop: 20px; /** semantic/body/text/sm/line-height-computed/desktop */
  --semantic-body-text-sm-line-height-computed-mobile: 17px; /** semantic.body.text.sm.font-size.mobile */
  --semantic-body-text-xl-line-height-computed-desktop: 28px; /** semantic/body/text/xl/line-height-computed/desktop */
  --semantic-body-text-xl-line-height-computed-mobile: 22px; /** semantic/body/text/xl/line-height-computed/mobile */
  --semantic-body-text-md-line-height-computed-desktop: 22px; /** semantic/body/text/md/line-height-computed/desktop */
  --semantic-body-text-md-line-height-computed-mobile: 20px; /** semantic.body.text.md.font-size.mobile */
  --semantic-body-text-xs-line-height-computed-desktop: 17px; /** semantic/body/text/xs/line-height-computed/desktop */
  --semantic-body-text-xs-line-height-computed-mobile: 14px; /** semantic.body.text.xs.font-size.mobile */
  --semantic-title-text-lg-line-height-computed-desktop: 66px; /** semantic.title.text.letter-spacing */
  --semantic-title-text-lg-line-height-computed-mobile: 40px; /** semantic.title.text.letter-spacing */
  --semantic-title-text-sm-line-height-computed-desktop: 40px; /** semantic.title.text.letter-spacing */
  --semantic-title-text-sm-line-height-computed-mobile: 26px; /** semantic.title.text.letter-spacing */
  --semantic-title-text-md-line-height-computed-desktop: 53px; /** semantic.title.text.letter-spacing */
  --semantic-title-text-md-line-height-computed-mobile: 33px; /** semantic.title.text.letter-spacing */
  --semantic-heading-text-xxl-line-height-computed-desktop: 35px; /** semantic/heading/text/line-height-computed/xxl/desktop */
  --semantic-heading-text-xxl-line-height-computed-mobile: 26px; /** semantic/heading/text/line-height-computed/xxl/mobile */
  --semantic-heading-text-xl-line-height-computed-desktop: 26px; /** semantic/heading/text/line-height-computed/xl/desktop */
  --semantic-heading-text-xl-line-height-computed-mobile: 22px; /** semantic/heading/text/line-height-computed/xl/mobile */
  --semantic-heading-text-md-line-height-computed-desktop: 20px; /** semantic/heading/text/line-height-computed/md/mobile */
  --semantic-heading-text-md-line-height-computed-mobile: 18px; /** semantic/heading/text/line-height-computed/md/desktop */
  --semantic-heading-text-sm-line-height-computed-desktop: 18px; /** semantic/heading/text/line-height-computed/sm/mobile */
  --semantic-heading-text-sm-line-height-computed-mobile: 15px; /** semantic/heading/text/line-height-computed/sm/desktop */
  --semantic-heading-text-xs-line-height-computed-desktop: 15px; /** semantic.heading.text.line-height-computed.xs */
  --semantic-heading-text-xs-line-height-computed-mobile: 15px; /** semantic.heading.text.line-height-computed.xs */
  --semantic-heading-text-xxs-line-height-computed-desktop: 13px; /** semantic.heading.text.line-height-computed.xxs */
  --semantic-heading-text-xxs-line-height-computed-mobile: 13px; /** semantic.heading.text.line-height-computed.xxs */
  --semantic-heading-text-lg-line-height-computed-desktop: 22px; /** semantic/heading/text/line-height-computed/lg/mobile */
  --semantic-heading-text-lg-line-height-computed-mobile: 18px; /** semantic/heading/text/line-height-computed/lg/desktop */
  --semantic-subheading-text-lg-line-height-computed-desktop: 15px; /** semantic/subheading/text/lg/line-height-computed/desktop */
  --semantic-subheading-text-lg-line-height-computed-mobile: 13px; /** semantic/subheading/text/lg/line-height-computed/mobile */
  --semantic-subheading-text-md-line-height-computed-desktop: 13px; /** semantic/subheading/text/md/line-height-computed/desktop */
  --semantic-subheading-text-md-line-height-computed-mobile: 11px; /** semantic/subheading/text/md/line-height-computed/mobile */
  --announcement-banner-max-width-text-desktop: 450px; /** announcement-banner.max-width.text.desktop */
  --announcement-banner-max-width-text-mobile: 250px; /** announcement-banner.max-width.text.mobile */
  --announcement-banner-font-heading-line-height-computed-desktop: 26px; /** announcement-banner/font/heading/line-height-computed/desktop */
  --announcement-banner-font-heading-line-height-computed-mobile: 22px; /** announcement-banner/font/heading/line-height-computed/mobile */
  --announcement-banner-font-subtext-line-height-computed-desktop: 22px; /** announcement-banner/font/subtext/line-height-computed/desktop */
  --announcement-banner-font-subtext-line-height-computed-mobile: 20px; /** announcement-banner/font/subtext/line-height-computed/mobile */
  --badge-font-text-line-height-computed-desktop: 15px; /** badge/font/text/line-height-computed/desktop */
  --badge-font-text-line-height-computed-mobile: 13px; /** badge/font/text/line-height-computed/mobile */
  --banner-fixed-height-desktop: 500px; /** banner.fixed-height.desktop */
  --banner-fixed-height-tablet: 400px; /** banner.fixed-height.tablet */
  --banner-fixed-height-mobile: 400px; /** banner.fixed-height.mobile */
  --button-font-label-xl-line-height-computed-desktop: 35px; /** button.font.label.xl.font-size.desktop */
  --button-font-label-xl-line-height-computed-mobile: 26px; /** button.font.label.xl.font-size.mobile */
  --button-font-label-lg-line-height-computed-desktop: 26px; /** button.font.label.lg.font-size.desktop */
  --button-font-label-lg-line-height-computed-mobile: 22px; /** button.font.label.lg.font-size.mobile */
  --button-font-label-md-line-height-computed-desktop: 22px; /** button.font.label.md.font-size.desktop */
  --button-font-label-md-line-height-computed-mobile: 18px; /** button.font.label.md.font-size.mobile */
  --button-font-label-sm-line-height-computed-desktop: 18px; /** button.font.label.sm.font-size.desktop */
  --button-font-label-sm-line-height-computed-mobile: 15px; /** button.font.label.sm.font-size.mobile */
  --content-block-font-heading-lg-line-height-computed-desktop: 40px; /** content-block.font.heading.lg.font-size.desktop */
  --content-block-font-heading-lg-line-height-computed-mobile: 26px; /** content-block.font.heading.lg.font-size.mobile */
  --content-block-font-heading-md-line-height-computed-desktop: 26px; /** content-block.font.heading.md.font-size.desktop */
  --content-block-font-heading-md-line-height-computed-mobile: 22px; /** content-block.font.heading.lg.font-size.mobile */
  --content-block-font-heading-sm-line-height-computed-desktop: 22px; /** content-block.font.heading.sm.font-size.desktop */
  --content-block-font-heading-sm-line-height-computed-mobile: 22px; /** content-block.font.heading.lg.font-size.mobile */
  --content-block-font-heading-xs-line-height-computed-desktop: 15px; /** content-block.font.heading.xs.font-size.desktop */
  --content-block-font-heading-xs-line-height-computed-mobile: 15px; /** content-block.font.heading.xs.font-size.mobile */
  --content-block-font-callout-lg-line-height-computed-desktop: 22px; /** content-block.font.callout.lg.font-size.desktop */
  --content-block-font-callout-lg-line-height-computed-mobile: 20px; /** content-block.font.callout.lg.font-size.mobile */
  --content-block-font-callout-md-line-height-computed-desktop: 22px; /** content-block.font.callout.md.font-size.desktop */
  --content-block-font-callout-md-line-height-computed-mobile: 20px; /** content-block.font.callout.md.font-size.mobile */
  --content-block-font-callout-sm-line-height-computed-desktop: 22px; /** content-block.font.callout.sm.font-size.desktop */
  --content-block-font-callout-sm-line-height-computed-mobile: 20px; /** content-block.font.callout.sm.font-size.mobile */
  --content-block-font-callout-xs-line-height-computed-desktop: 17px; /** content-block.font.callout.xs.font-size.desktop */
  --content-block-font-callout-xs-line-height-computed-mobile: 17px; /** content-block.font.callout.xs.font-size.mobile */
  --content-block-font-description-lg-line-height-computed-desktop: 22px; /** content-block.font.description.lg.font-size.desktop */
  --content-block-font-description-lg-line-height-computed-mobile: 20px; /** content-block.font.description.lg.font-size.mobile */
  --content-block-font-description-md-line-height-computed-desktop: 22px; /** content-block.font.description.md.font-size.desktop */
  --content-block-font-description-md-line-height-computed-mobile: 20px; /** content-block.font.description.md.font-size.mobile */
  --content-block-font-description-sm-line-height-computed-desktop: 22px; /** content-block.font.description.sm.font-size.desktop */
  --content-block-font-description-sm-line-height-computed-mobile: 20px; /** content-block.font.description.sm.font-size.mobile */
  --content-block-font-description-xs-line-height-computed-desktop: 17px; /** content-block.font.description.xs.font-size.desktop */
  --content-block-font-description-xs-line-height-computed-mobile: 17px; /** content-block.font.description.xs.font-size.mobile */
  --content-block-font-subheading-lg-line-height-computed-desktop: 15px; /** content-block.font.subheading.lg.font-size.desktop */
  --content-block-font-subheading-lg-line-height-computed-mobile: 15px; /** content-block.font.subheading.lg.font-size.mobile */
  --content-block-font-subheading-md-line-height-computed-desktop: 13px; /** content-block.font.subheading.md.font-size.desktop */
  --content-block-font-subheading-md-line-height-computed-mobile: 13px; /** content-block.font.subheading.md.font-size.mobile */
  --input-font-md-line-height-computed-desktop: 22px; /** input.font.md.font-size.desktop */
  --input-font-md-line-height-computed-mobile: 18px; /** input.font.md.font-size.mobile */
  --input-font-sm-line-height-computed-desktop: 18px; /** input.font.sm.font-size.desktop */
  --input-font-sm-line-height-computed-mobile: 15px; /** input.font.sm.font-size.mobile */
  --brand-battle-net-color-physical-blue-100: #e0f0ff;
  --brand-battle-net-color-physical-blue-200: #add8ff;
  --brand-battle-net-color-physical-blue-300: #7abfff;
  --brand-battle-net-color-physical-blue-400: #47a6ff;
  --brand-battle-net-color-physical-blue-500: #148eff;
  --brand-battle-net-color-physical-blue-600: #0074e0;
  --brand-battle-net-color-physical-blue-700: #005aad;
  --brand-battle-net-color-physical-blue-800: #003f7a;
  --brand-battle-net-color-physical-gray-50: #ebecef;
  --brand-battle-net-color-physical-gray-100: #d5d7dd;
  --brand-battle-net-color-physical-gray-300: #292b33;
  --brand-battle-net-color-physical-gray-400: #22242c;
  --brand-battle-net-color-physical-gray-500: #1a1c23;
  --brand-battle-net-color-physical-gray-600: #15171e;
  --brand-battle-net-color-physical-gray-700: #111218;
  --brand-battle-net-color-physical-black-6: rgba(0, 0, 0, 0.06);
  --brand-battle-net-color-physical-black-12: rgba(0, 0, 0, 0.12);
  --brand-battle-net-color-physical-black-24: rgba(0, 0, 0, 0.24);
  --brand-battle-net-color-physical-black-48: rgba(0, 0, 0, 0.48);
  --brand-battle-net-color-physical-black-60: rgba(0, 0, 0, 0.6);
  --brand-battle-net-color-physical-black-72: rgba(0, 0, 0, 0.72);
  --brand-battle-net-color-physical-black-100: #000000;
  --brand-battle-net-color-physical-white-3: rgba(255, 255, 255, 0.03);
  --brand-battle-net-color-physical-white-6: rgba(255, 255, 255, 0.06);
  --brand-battle-net-color-physical-white-12: rgba(255, 255, 255, 0.12);
  --brand-battle-net-color-physical-white-18: rgba(255, 255, 255, 0.18);
  --brand-battle-net-color-physical-white-24: rgba(255, 255, 255, 0.24);
  --brand-battle-net-color-physical-white-36: rgba(255, 255, 255, 0.36);
  --brand-battle-net-color-physical-white-48: rgba(255, 255, 255, 0.48);
  --brand-battle-net-color-physical-white-60: rgba(255, 255, 255, 0.6);
  --brand-battle-net-color-physical-white-72: rgba(255, 255, 255, 0.72);
  --brand-battle-net-color-physical-white-84: rgba(255, 255, 255, 0.84);
  --brand-battle-net-color-physical-white-100: #ffffff;
  --brand-battle-net-color-elemental-mana-100: #fcb4e0;
  --brand-battle-net-color-elemental-mana-200: #f87dcc;
  --brand-battle-net-color-elemental-mana-300: #f23b8e;
  --brand-battle-net-color-elemental-electro-200: #74eef5;
  --brand-battle-net-color-elemental-electro-300: #00e6f2;
  --brand-battle-net-color-elemental-electro-600: #00c6d7;
  --brand-battle-net-color-elemental-pyro-300: #ffb54c;
  --brand-battle-net-color-elemental-pyro-500: #ff9500;
  --brand-battle-net-color-elemental-pyro-700: #fa7900;
  --brand-battle-net-color-alert-green-500: #6cdb00;
  --brand-battle-net-color-alert-green-600: #54a800;
  --brand-battle-net-color-alert-yellow-500: #ffb400;
  --brand-battle-net-color-alert-yellow-600: #cc9000;
  --brand-battle-net-color-alert-red-500: #dd0000;
  --brand-battle-net-color-alert-red-600: #b10000;
  --brand-battle-net-color-alert-red-800: #580000;
  --brand-battle-net-color-alert-red-900: #420000;
  --brand-blizzard-color-blizzard-100: #6fc4f5; /** brand.color.blizzard.100 */
  --brand-blizzard-color-blizzard-200: #38b9fa; /** brand.color.blizzard.200 */
  --brand-blizzard-color-blizzard-300: #00aeff; /** brand.color.blizzard.300 */
  --brand-blizzard-color-blizzard-350: rgba(0, 174, 255, 0.9); /** brand.color.blizzard.350 */
  --brand-blizzard-color-blizzard-400: #059ef6; /** brand.color.blizzard.400 */
  --brand-blizzard-color-blizzard-500: #1888ef; /** brand.color.blizzard.500 */
  --brand-blizzard-color-blizzard-550: rgba(24, 136, 239, 0.9); /** brand.color.blizzard.550 */
  --brand-blizzard-color-blizzard-600: #107fe5; /** brand.color.blizzard.600 */
  --brand-blizzard-color-navy-100: #3a465f; /** brand.color.navy.100 */
  --brand-blizzard-color-navy-200: #04244b; /** brand.color.navy.200 */
  --brand-blizzard-color-navy-300: #082444; /** brand.color.navy.300 */
  --brand-blizzard-color-navy-400: #0b233d; /** brand.color.navy.400 */
  --brand-blizzard-color-navy-500: #1f2335; /** brand.color.navy.500 */
  --brand-blizzard-color-navy-600: #101523; /** brand.color.navy.600 */
  --brand-blizzard-color-glacier-100: rgba(208, 233, 255, 0.2); /** brand.color.glacier.100 */
  --brand-blizzard-color-glacier-150: rgba(208, 233, 255, 0.3); /** brand.color.glacier.150 */
  --brand-blizzard-color-glacier-200: #b1c6db; /** brand.color.glacier.200 */
  --brand-blizzard-color-glacier-300: #91a3b7; /** brand.color.glacier.300 */
  --brand-blizzard-color-shadow-100: #728193; /** brand.color.shadow.100 */
  --brand-blizzard-color-shadow-200: #525e6e; /** brand.color.shadow.200 */
  --brand-blizzard-color-shadow-300: #343b4b; /** brand.color.shadow.300 */
  --brand-diablo-immortal-color-red-600: #990000;
  --brand-diablo-immortal-color-red-700: #cc0000;
  --brand-diablo-immortal-color-silver-800: #aeaeae;
  --brand-diablo-immortal-color-silver-900: #eee8dd;
  --brand-diablo-immortal-color-brick-600: #7b2917;
  --brand-diablo-immortal-color-brick-700: #a83a1e;
  --brand-diablo-immortal-color-desert-100: #141313;
  --brand-diablo-immortal-color-desert-200: #1a1715;
  --brand-diablo-immortal-color-desert-300: #22201d;
  --brand-diablo-immortal-color-desert-400: #342e29;
  --brand-diablo-immortal-color-desert-600: #9b7644;
  --brand-diablo-immortal-color-desert-700: #d7ab6d;
  --battle-net-color-physical-blue-100: #e0f0ff;
  --battle-net-color-physical-blue-200: #add8ff;
  --battle-net-color-physical-blue-300: #7abfff;
  --battle-net-color-physical-blue-400: #47a6ff;
  --battle-net-color-physical-blue-500: #148eff;
  --battle-net-color-physical-blue-600: #0074e0;
  --battle-net-color-physical-blue-700: #005aad;
  --battle-net-color-physical-blue-800: #003f7a;
  --battle-net-color-physical-gray-50: #ebecef;
  --battle-net-color-physical-gray-100: #d5d7dd;
  --battle-net-color-physical-gray-300: #292b33;
  --battle-net-color-physical-gray-400: #22242c;
  --battle-net-color-physical-gray-500: #1a1c23;
  --battle-net-color-physical-gray-600: #15171e;
  --battle-net-color-physical-gray-700: #111218;
  --battle-net-color-physical-black-6: rgba(0, 0, 0, 0.06);
  --battle-net-color-physical-black-12: rgba(0, 0, 0, 0.12);
  --battle-net-color-physical-black-24: rgba(0, 0, 0, 0.24);
  --battle-net-color-physical-black-48: rgba(0, 0, 0, 0.48);
  --battle-net-color-physical-black-60: rgba(0, 0, 0, 0.6);
  --battle-net-color-physical-black-72: rgba(0, 0, 0, 0.72);
  --battle-net-color-physical-black-100: #000000;
  --battle-net-color-physical-white-3: rgba(255, 255, 255, 0.03);
  --battle-net-color-physical-white-6: rgba(255, 255, 255, 0.06);
  --battle-net-color-physical-white-12: rgba(255, 255, 255, 0.12);
  --battle-net-color-physical-white-18: rgba(255, 255, 255, 0.18);
  --battle-net-color-physical-white-24: rgba(255, 255, 255, 0.24);
  --battle-net-color-physical-white-36: rgba(255, 255, 255, 0.36);
  --battle-net-color-physical-white-48: rgba(255, 255, 255, 0.48);
  --battle-net-color-physical-white-60: rgba(255, 255, 255, 0.6);
  --battle-net-color-physical-white-72: rgba(255, 255, 255, 0.72);
  --battle-net-color-physical-white-84: rgba(255, 255, 255, 0.84);
  --battle-net-color-physical-white-100: #ffffff;
  --battle-net-color-elemental-mana-100: #fcb4e0;
  --battle-net-color-elemental-mana-200: #f87dcc;
  --battle-net-color-elemental-mana-300: #f23b8e;
  --battle-net-color-elemental-electro-200: #74eef5;
  --battle-net-color-elemental-electro-300: #00e6f2;
  --battle-net-color-elemental-electro-600: #00c6d7;
  --battle-net-color-elemental-pyro-300: #ffb54c;
  --battle-net-color-elemental-pyro-500: #ff9500;
  --battle-net-color-elemental-pyro-700: #fa7900;
  --battle-net-color-alert-green-500: #6cdb00;
  --battle-net-color-alert-green-600: #54a800;
  --battle-net-color-alert-yellow-500: #ffb400;
  --battle-net-color-alert-yellow-600: #cc9000;
  --battle-net-color-alert-red-500: #dd0000;
  --battle-net-color-alert-red-600: #b10000;
  --battle-net-color-alert-red-800: #580000;
  --battle-net-color-alert-red-900: #420000;
  --battle-net-typography-heading-font-family: Object Sans;
  --battle-net-typography-heading-font-weight: 700;
  --battle-net-typography-heading-font-letter-spacing: 0px;
  --battle-net-typography-body-font-family: Noto Sans;
  --battle-net-typography-body-font-letter-spacing: 0px;
  --battle-net-typography-body-font-weight-regular: 400;
  --battle-net-typography-body-font-weight-bold: 400;
  --blizzard-color-blizzard-100: #6fc4f5; /** brand.color.blizzard.100 */
  --blizzard-color-blizzard-200: #38b9fa; /** brand.color.blizzard.200 */
  --blizzard-color-blizzard-300: #00aeff; /** brand.color.blizzard.300 */
  --blizzard-color-blizzard-350: rgba(0, 174, 255, 0.9); /** brand.color.blizzard.350 */
  --blizzard-color-blizzard-400: #059ef6; /** brand.color.blizzard.400 */
  --blizzard-color-blizzard-500: #1888ef; /** brand.color.blizzard.500 */
  --blizzard-color-blizzard-550: rgba(24, 136, 239, 0.9); /** brand.color.blizzard.550 */
  --blizzard-color-blizzard-600: #107fe5; /** brand.color.blizzard.600 */
  --blizzard-color-navy-100: #3a465f; /** brand.color.navy.100 */
  --blizzard-color-navy-200: #04244b; /** brand.color.navy.200 */
  --blizzard-color-navy-300: #082444; /** brand.color.navy.300 */
  --blizzard-color-navy-400: #0b233d; /** brand.color.navy.400 */
  --blizzard-color-navy-500: #1f2335; /** brand.color.navy.500 */
  --blizzard-color-navy-600: #101523; /** brand.color.navy.600 */
  --blizzard-color-glacier-100: rgba(208, 233, 255, 0.2); /** brand.color.glacier.100 */
  --blizzard-color-glacier-150: rgba(208, 233, 255, 0.3); /** brand.color.glacier.150 */
  --blizzard-color-glacier-200: #b1c6db; /** brand.color.glacier.200 */
  --blizzard-color-glacier-300: #91a3b7; /** brand.color.glacier.300 */
  --blizzard-color-shadow-100: #728193; /** brand.color.shadow.100 */
  --blizzard-color-shadow-200: #525e6e; /** brand.color.shadow.200 */
  --blizzard-color-shadow-300: #343b4b; /** brand.color.shadow.300 */
  --blizzard-typography-heading-font-family: Poppins;
  --blizzard-typography-heading-font-weight: 700;
  --blizzard-typography-heading-font-letter-spacing: 0px;
  --blizzard-typography-body-font-family: Archivo;
  --blizzard-typography-body-font-weight: 400;
  --blizzard-typography-body-font-letter-spacing: 0px;
  --blizzcon-color-primary-blizzard-blue-5: rgba(1, 154, 222, 0.05); /** brand.color.blizzard-blue.5 */
  --blizzcon-color-primary-blizzard-blue-10: rgba(1, 154, 222, 0.1); /** brand.color.blizzard-blue.10 */
  --blizzcon-color-primary-blizzard-blue-20: rgba(1, 154, 222, 0.2); /** brand.color.blizzard-blue.20 */
  --blizzcon-color-primary-blizzard-blue-30: rgba(1, 154, 222, 0.3); /** brand.color.blizzard-blue.30 */
  --blizzcon-color-primary-blizzard-blue-40: rgba(1, 154, 222, 0.4); /** brand.color.blizzard-blue.40 */
  --blizzcon-color-primary-blizzard-blue-50: rgba(1, 154, 222, 0.5); /** brand.color.blizzard-blue.50 */
  --blizzcon-color-primary-blizzard-blue-60: rgba(1, 154, 222, 0.6); /** brand.color.blizzard-blue.60 */
  --blizzcon-color-primary-blizzard-blue-70: rgba(1, 154, 222, 0.7); /** brand.color.blizzard-blue.70 */
  --blizzcon-color-primary-blizzard-blue-80: rgba(1, 154, 222, 0.8); /** brand.color.blizzard-blue.80 */
  --blizzcon-color-primary-blizzard-blue-90: rgba(1, 154, 222, 0.9); /** brand.color.blizzard-blue.90 */
  --blizzcon-color-primary-blizzard-blue-100: #019ade; /** brand.color.blizzard-blue.100 */
  --blizzcon-color-primary-storm-blue-5: rgba(5, 44, 89, 0.05); /** brand.color.blizzard-blue.5 */
  --blizzcon-color-primary-storm-blue-10: rgba(5, 44, 89, 0.1); /** brand.color.blizzard-blue.10 */
  --blizzcon-color-primary-storm-blue-20: rgba(5, 44, 89, 0.2); /** brand.color.blizzard-blue.20 */
  --blizzcon-color-primary-storm-blue-30: rgba(5, 44, 89, 0.3); /** brand.color.blizzard-blue.30 */
  --blizzcon-color-primary-storm-blue-40: rgba(5, 44, 89, 0.4); /** brand.color.blizzard-blue.40 */
  --blizzcon-color-primary-storm-blue-50: rgba(5, 44, 89, 0.5); /** brand.color.blizzard-blue.50 */
  --blizzcon-color-primary-storm-blue-60: rgba(5, 44, 89, 0.6); /** brand.color.blizzard-blue.60 */
  --blizzcon-color-primary-storm-blue-70: rgba(5, 44, 89, 0.7); /** brand.color.blizzard-blue.70 */
  --blizzcon-color-primary-storm-blue-80: rgba(5, 44, 89, 0.8); /** brand.color.blizzard-blue.80 */
  --blizzcon-color-primary-storm-blue-90: rgba(5, 44, 89, 0.9); /** brand.color.blizzard-blue.90 */
  --blizzcon-color-primary-storm-blue-100: #052c59; /** brand.color.blizzard-blue.100 */
  --blizzcon-color-primary-voide-blue-5: rgba(2, 10, 35, 0.05); /** brand.color.blizzard-blue.5 */
  --blizzcon-color-primary-voide-blue-10: rgba(2, 10, 35, 0.1); /** brand.color.blizzard-blue.10 */
  --blizzcon-color-primary-voide-blue-20: rgba(2, 10, 35, 0.2); /** brand.color.blizzard-blue.20 */
  --blizzcon-color-primary-voide-blue-30: rgba(2, 10, 35, 0.3); /** brand.color.blizzard-blue.30 */
  --blizzcon-color-primary-voide-blue-40: rgba(2, 10, 35, 0.4); /** brand.color.blizzard-blue.40 */
  --blizzcon-color-primary-voide-blue-50: rgba(2, 10, 35, 0.5); /** brand.color.blizzard-blue.50 */
  --blizzcon-color-primary-voide-blue-60: rgba(2, 10, 35, 0.6); /** brand.color.blizzard-blue.60 */
  --blizzcon-color-primary-voide-blue-70: rgba(2, 10, 35, 0.7); /** brand.color.blizzard-blue.70 */
  --blizzcon-color-primary-voide-blue-80: rgba(2, 10, 35, 0.8); /** brand.color.blizzard-blue.80 */
  --blizzcon-color-primary-voide-blue-90: rgba(2, 10, 35, 0.9); /** brand.color.blizzard-blue.90 */
  --blizzcon-color-primary-voide-blue-100: #020a23; /** brand.color.blizzard-blue.100 */
  --blizzcon-color-secondary-pure-white-5: rgba(255, 255, 255, 0.05); /** brand.color.blizzard-blue.5 */
  --blizzcon-color-secondary-pure-white-10: rgba(255, 255, 255, 0.1); /** brand.color.blizzard-blue.10 */
  --blizzcon-color-secondary-pure-white-20: rgba(255, 255, 255, 0.2); /** brand.color.blizzard-blue.20 */
  --blizzcon-color-secondary-pure-white-30: rgba(255, 255, 255, 0.3); /** brand.color.blizzard-blue.30 */
  --blizzcon-color-secondary-pure-white-40: rgba(255, 255, 255, 0.4); /** brand.color.blizzard-blue.40 */
  --blizzcon-color-secondary-pure-white-50: rgba(255, 255, 255, 0.5); /** brand.color.blizzard-blue.50 */
  --blizzcon-color-secondary-pure-white-60: rgba(255, 255, 255, 0.6); /** brand.color.blizzard-blue.60 */
  --blizzcon-color-secondary-pure-white-70: rgba(255, 255, 255, 0.7); /** brand.color.blizzard-blue.70 */
  --blizzcon-color-secondary-pure-white-80: rgba(255, 255, 255, 0.8); /** brand.color.blizzard-blue.80 */
  --blizzcon-color-secondary-pure-white-90: rgba(255, 255, 255, 0.9); /** brand.color.blizzard-blue.90 */
  --blizzcon-color-secondary-pure-white-100: #ffffff; /** brand.color.blizzard-blue.100 */
  --blizzcon-color-secondary-cool-grey-5: rgba(178, 203, 213, 0.05); /** brand.color.blizzard-blue.5 */
  --blizzcon-color-secondary-cool-grey-10: rgba(178, 203, 213, 0.1); /** brand.color.blizzard-blue.10 */
  --blizzcon-color-secondary-cool-grey-20: rgba(178, 203, 213, 0.2); /** brand.color.blizzard-blue.20 */
  --blizzcon-color-secondary-cool-grey-30: rgba(178, 203, 213, 0.3); /** brand.color.blizzard-blue.30 */
  --blizzcon-color-secondary-cool-grey-40: rgba(178, 203, 213, 0.4); /** brand.color.blizzard-blue.40 */
  --blizzcon-color-secondary-cool-grey-50: rgba(178, 203, 213, 0.5); /** brand.color.blizzard-blue.50 */
  --blizzcon-color-secondary-cool-grey-60: rgba(178, 203, 213, 0.6); /** brand.color.blizzard-blue.60 */
  --blizzcon-color-secondary-cool-grey-70: rgba(178, 203, 213, 0.7); /** brand.color.blizzard-blue.70 */
  --blizzcon-color-secondary-cool-grey-80: rgba(178, 203, 213, 0.8); /** brand.color.blizzard-blue.80 */
  --blizzcon-color-secondary-cool-grey-90: rgba(178, 203, 213, 0.9); /** brand.color.blizzard-blue.90 */
  --blizzcon-color-secondary-cool-grey-100: #b2cbd5; /** brand.color.blizzard-blue.100 */
  --blizzcon-color-secondary-mist-5: rgba(82, 189, 252, 0.05); /** brand.color.blizzard-blue.5 */
  --blizzcon-color-secondary-mist-10: rgba(82, 189, 252, 0.1); /** brand.color.blizzard-blue.10 */
  --blizzcon-color-secondary-mist-20: rgba(82, 189, 252, 0.2); /** brand.color.blizzard-blue.20 */
  --blizzcon-color-secondary-mist-30: rgba(82, 189, 252, 0.3); /** brand.color.blizzard-blue.30 */
  --blizzcon-color-secondary-mist-40: rgba(82, 189, 252, 0.4); /** brand.color.blizzard-blue.40 */
  --blizzcon-color-secondary-mist-50: rgba(82, 189, 252, 0.5); /** brand.color.blizzard-blue.50 */
  --blizzcon-color-secondary-mist-60: rgba(82, 189, 252, 0.6); /** brand.color.blizzard-blue.60 */
  --blizzcon-color-secondary-mist-70: rgba(82, 189, 252, 0.7); /** brand.color.blizzard-blue.70 */
  --blizzcon-color-secondary-mist-80: rgba(82, 189, 252, 0.8); /** brand.color.blizzard-blue.80 */
  --blizzcon-color-secondary-mist-90: rgba(82, 189, 252, 0.9); /** brand.color.blizzard-blue.90 */
  --blizzcon-color-secondary-mist-100: #52bdfc; /** brand.color.blizzard-blue.100 */
  --blizzcon-color-secondary-space-black-5: rgba(0, 0, 0, 0.05); /** brand.color.blizzard-blue.5 */
  --blizzcon-color-secondary-space-black-10: rgba(0, 0, 0, 0.1); /** brand.color.blizzard-blue.10 */
  --blizzcon-color-secondary-space-black-20: rgba(0, 0, 0, 0.2); /** brand.color.blizzard-blue.20 */
  --blizzcon-color-secondary-space-black-30: rgba(0, 0, 0, 0.3); /** brand.color.blizzard-blue.30 */
  --blizzcon-color-secondary-space-black-40: rgba(0, 0, 0, 0.4); /** brand.color.blizzard-blue.40 */
  --blizzcon-color-secondary-space-black-50: rgba(0, 0, 0, 0.5); /** brand.color.blizzard-blue.50 */
  --blizzcon-color-secondary-space-black-60: rgba(0, 0, 0, 0.6); /** brand.color.blizzard-blue.60 */
  --blizzcon-color-secondary-space-black-70: rgba(0, 0, 0, 0.7); /** brand.color.blizzard-blue.70 */
  --blizzcon-color-secondary-space-black-80: rgba(0, 0, 0, 0.8); /** brand.color.blizzard-blue.80 */
  --blizzcon-color-secondary-space-black-90: rgba(0, 0, 0, 0.9); /** brand.color.blizzard-blue.90 */
  --blizzcon-color-secondary-space-black-100: #000000; /** brand.color.blizzard-blue.100 */
  --blizzcon-typography-display-font-family: BlizzDisplay2026;
  --blizzcon-typography-display-font-weight: 400;
  --blizzcon-typography-heading-font-family: Field Gothic;
  --blizzcon-typography-heading-font-weight: 600;
  --blizzcon-typography-body-font-family: Ballinger;
  --blizzcon-typography-body-font-weight: 400;
  --tooltip-font-text-line-height-computed-desktop: 22px; /** tooltip.font.text.line-height-computed.desktop */
  --tooltip-font-text-line-height-computed-mobile: 20px; /** tooltip.font.text.line-height-computed.mobile */
  --theme: base-ui;
  --button-style: Simple;
  --diablo-di-color-red-600: #990000;
  --diablo-di-color-red-700: #cc0000;
  --diablo-di-color-silver-800: #aeaeae;
  --diablo-di-color-silver-900: #eee8dd;
  --diablo-di-color-brick-600: #7b2917;
  --diablo-di-color-brick-700: #a83a1e;
  --diablo-di-color-desert-100: #141313;
  --diablo-di-color-desert-200: #1a1715;
  --diablo-di-color-desert-300: #22201d;
  --diablo-di-color-desert-400: #342e29;
  --diablo-di-color-desert-600: #9b7644;
  --diablo-di-color-desert-700: #d7ab6d;
  --diablo-di-typography-heading-font-family: Exocet Immortal;
  --diablo-di-typography-heading-font-weight: 700;
  --diablo-di-typography-heading-font-letter-spacing: 0px;
  --diablo-di-typography-body-font-family: Alegreya Sans Medium;
  --diablo-di-typography-body-font-weight: 400;
  --diablo-di-typography-body-font-letter-spacing: 0px;
  --diablo-d3-color-earth-100: #0b0909;
  --diablo-d3-color-earth-200: #141110;
  --diablo-d3-color-earth-400: #241d16;
  --diablo-d3-color-earth-600: #332e29;
  --diablo-d3-color-earth-700: #4e4740;
  --diablo-d3-color-gold-600: #ffbd50;
  --diablo-d3-color-parchment-500: #ad7250;
  --diablo-d3-color-parchment-600: #dcb896;
  --diablo-d3-color-parchment-700: #ece0d2;
  --diablo-d3-color-red-600: #9e0000;
  --diablo-d3-color-red-700: #bd0000;
  --diablo-d3-color-red-800: #fe0000;
  --diablo-d3-typography-heading-font-family: Exocet Reaper;
  --diablo-d3-typography-heading-font-weight: 500;
  --diablo-d3-typography-heading-font-letter-spacing: 0px;
  --diablo-d3-typography-body-font-family: Alegreya Sans;
  --diablo-d3-typography-body-font-weight: 400;
  --diablo-d3-typography-body-font-letter-spacing: 0px;
  --diablo-d4-color-red-200: #3e000e;
  --diablo-d4-color-red-300: #550002;
  --diablo-d4-color-red-400: #620902;
  --diablo-d4-color-red-500: #6f1906;
  --diablo-d4-color-red-600: #7e2b0a;
  --diablo-d4-color-red-700: #8e4010;
  --diablo-d4-color-red-800: #aa7220;
  --diablo-d4-color-deco-frame-200: #121e1a;
  --diablo-d4-color-deco-frame-300: #1b2726;
  --diablo-d4-color-deco-frame-400: #1f2d2e;
  --diablo-d4-color-deco-frame-500: #263436;
  --diablo-d4-color-deco-frame-600: #2c3a3e;
  --diablo-d4-color-deco-frame-700: #354248;
  --diablo-d4-color-deco-frame-800: #4a5561;
  --diablo-d4-color-ivory-text-200: #86675c;
  --diablo-d4-color-ivory-text-300: #aa9480;
  --diablo-d4-color-ivory-text-400: #bbac95;
  --diablo-d4-color-ivory-text-500: #d2c8ae;
  --diablo-d4-color-ivory-text-600: #e5e0c8;
  --diablo-d4-color-ivory-text-700: #edecd8;
  --diablo-d4-color-ivory-text-800: #f6f8f0;
  --diablo-d4-color-ashen-text-200: #353232;
  --diablo-d4-color-ashen-text-300: #484645;
  --diablo-d4-color-ashen-text-400: #555351;
  --diablo-d4-color-ashen-text-500: #63615f;
  --diablo-d4-color-ashen-text-600: #74726f;
  --diablo-d4-color-ashen-text-700: #878582;
  --diablo-d4-color-ashen-text-800: #b0afac;
  --diablo-d4-color-stone-600: #18191b;
  --diablo-d4-color-stone-700: #242526;
  --diablo-d4-color-aged-leather-200: #312020;
  --diablo-d4-color-aged-leather-300: #42312c;
  --diablo-d4-color-aged-leather-400: #4c3c35;
  --diablo-d4-color-aged-leather-500: #594a3f;
  --diablo-d4-color-aged-leather-600: #675a4b;
  --diablo-d4-color-aged-leather-700: #786c58;
  --diablo-d4-color-aged-leather-800: #9d987b;
  --diablo-d4-color-dark-elements-200: #100c0b;
  --diablo-d4-color-dark-elements-300: #161110;
  --diablo-d4-color-dark-elements-400: #1a1514;
  --diablo-d4-color-dark-elements-500: #1e1a17;
  --diablo-d4-color-dark-elements-600: #231f1b;
  --diablo-d4-color-dark-elements-700: #282520;
  --diablo-d4-color-dark-elements-800: #36352c;
  --diablo-d4-color-warning-red-200: #6f1134;
  --diablo-d4-color-warning-red-300: #8d1f30;
  --diablo-d4-color-warning-red-400: #9d282e;
  --diablo-d4-color-warning-red-500: #b33934;
  --diablo-d4-color-warning-red-600: #c85541;
  --diablo-d4-color-warning-red-700: #d26f4f;
  --diablo-d4-color-warning-red-800: #e0a573;
  --diablo-d4-color-status-green-200: #324614;
  --diablo-d4-color-status-green-300: #395b1f;
  --diablo-d4-color-status-green-400: #3c6927;
  --diablo-d4-color-status-green-500: #407930;
  --diablo-d4-color-status-green-600: #438b3a;
  --diablo-d4-color-status-green-700: #499d47;
  --diablo-d4-color-status-green-800: #67bd72;
  --diablo-d4-color-notation-blue-200: #1a414f;
  --diablo-d4-color-notation-blue-300: #294967;
  --diablo-d4-color-notation-blue-400: #324f77;
  --diablo-d4-color-notation-blue-500: #3d5689;
  --diablo-d4-color-notation-blue-600: #495d9d;
  --diablo-d4-color-notation-blue-700: #5966af;
  --diablo-d4-color-notation-blue-800: #7f81cd;
  --diablo-d4-typography-display-font-family: Old Fenris Beta V2;
  --diablo-d4-typography-display-font-weight: 400;
  --diablo-d4-typography-display-font-letter-spacing: 0px;
  --diablo-d4-typography-heading-font-family: Exocet Blizzard OT;
  --diablo-d4-typography-heading-font-weight: 500;
  --diablo-d4-typography-heading-font-letter-spacing: 0px;
  --diablo-d4-typography-body-font-family: Alegreya Sans;
  --diablo-d4-typography-body-font-weight: 500;
  --diablo-d4-typography-body-font-letter-spacing: 0px;
  --diablo-d2r-color-gold-600: #bd9b4e;
  --diablo-d2r-color-red-600: #7e0b0a;
  --diablo-d2r-color-red-700: #cc2229;
  --diablo-d2r-color-stone-100: #0c0c0c;
  --diablo-d2r-color-stone-200: #121212;
  --diablo-d2r-color-stone-300: #1c1c1c;
  --diablo-d2r-color-stone-500: #303030;
  --diablo-d2r-color-stone-600: #7a7a7a;
  --diablo-d2r-color-stone-700: #d1d1d1;
  --diablo-d2r-typography-heading-font-family: Exocet Reaper;
  --diablo-d2r-typography-heading-font-weight: 500;
  --diablo-d2r-typography-heading-font-letter-spacing: 0px;
  --diablo-d2r-typography-body-font-family: Alegreya Sans;
  --diablo-d2r-typography-body-font-weight: 500;
  --diablo-d2r-typography-body-font-letter-spacing: 0px;
  --hearthstone-color-beige-600: #ffd097;
  --hearthstone-color-blue-500: #2d7698;
  --hearthstone-color-blue-600: #00a9ff;
  --hearthstone-color-brown-500: #2a1d13;
  --hearthstone-color-brown-600: #432f1f;
  --hearthstone-color-fuschia-600: #aa25b4;
  --hearthstone-color-fuschia-700: #cf2edb;
  --hearthstone-color-gold-500: #ff9c00;
  --hearthstone-color-gold-600: #fcd144;
  --hearthstone-color-purple-500: #130f30;
  --hearthstone-color-purple-700: #3e3090;
  --hearthstone-color-red-600: #430d0e;
  --hearthstone-color-red-700: #69191a;
  --hearthstone-color-steel-600: #313746;
  --hearthstone-typography-heading-font-family: Belwe Bold;
  --hearthstone-typography-heading-font-weight: 400;
  --hearthstone-typography-body-font-family: Open Sans;
  --hearthstone-typography-body-font-weight: 600;
  --ow2-color-primary-yellow-50: #ffdb1c;
  --ow2-color-primary-yellow-100: #ffdb1c;
  --ow2-color-primary-orange-50: #ff7926;
  --ow2-color-primary-orange-100: #f06414;
  --ow2-color-primary-orange-125: #e65d0f;
  --ow2-color-primary-orange-150: #c04e0c;
  --ow2-color-primary-orange-200: #993e0a;
  --ow2-color-secondary-blue-50: #00d5ff;
  --ow2-color-secondary-blue-100: #05a0fa;
  --ow2-color-secondary-blue-150: #0480c8;
  --ow2-color-neutral-default-white: #ffffff;
  --ow2-color-neutral-off-white: #f6f6f6;
  --ow2-color-neutral-light-gray: #838383;
  --ow2-color-neutral-medium-gray: #333d47;
  --ow2-color-neutral-light-blue: #33528f;
  --ow2-color-neutral-medium-blue: #1d253a;
  --ow2-color-neutral-dark-blue: #0e1425;
  --ow2-color-neutral-navy: #1b1f4f;
  --ow2-color-neutral-default-black: #000000;
  --ow2-typography-display-font-family: BigNoodleTooOblique;
  --ow2-typography-display-font-weight: 400;
  --ow2-typography-display-font-font-style: italic;
  --ow2-typography-heading-font-family: Config;
  --ow2-typography-heading-font-weight: 700;
  --ow2-typography-body-font-family: Config;
  --ow2-typography-body-font-weight: 500;
  --owr-color-primary-teal-100: #e0fffa;
  --owr-color-primary-teal-200: #c0fff4;
  --owr-color-primary-teal-300: #91ffdb;
  --owr-color-primary-teal-400: #62ffc2;
  --owr-color-primary-teal-500: #33ffaa;
  --owr-color-primary-teal-600: #2ec98d;
  --owr-color-primary-teal-700: #2a946e;
  --owr-color-primary-teal-800: #324552;
  --owr-color-primary-teal-900: #222a30;
  --owr-color-secondary-yellow-50: #fff9c4;
  --owr-color-secondary-yellow-100: #fff710;
  --owr-color-secondary-yellow-150: #353008;
  --owr-color-secondary-orange-50: #ffddcb;
  --owr-color-secondary-orange-100: #f06314;
  --owr-color-secondary-orange-150: #3e1803;
  --owr-color-secondary-red-50: #ffcdd3;
  --owr-color-secondary-red-100: #fd3b38;
  --owr-color-secondary-red-150: #480406;
  --owr-color-secondary-pink-50: #f8bbd0;
  --owr-color-secondary-pink-100: #fe4183;
  --owr-color-secondary-pink-150: #51012c;
  --owr-color-secondary-purple-50: #e1bee7;
  --owr-color-secondary-purple-100: #c172ff;
  --owr-color-secondary-purple-150: #230b40;
  --owr-color-secondary-blue-50: #cef5ff;
  --owr-color-secondary-blue-100: #29d2ff;
  --owr-color-secondary-blue-150: #022e4f;
  --owr-color-secondary-green-50: #b2f6c5;
  --owr-color-secondary-green-100: #58fe39;
  --owr-color-secondary-green-150: #273625;
  --owr-color-greyscale-0: #ffffff;
  --owr-color-greyscale-50: #e1efe5;
  --owr-color-greyscale-100: #aeb8b1;
  --owr-color-greyscale-150: #7a827d;
  --owr-color-greyscale-200: #474b48;
  --owr-color-greyscale-250: #131414;
  --owr-color-greyscale-300: #000000;
  --owr-typography-display-font-family: OWR Hero Display;
  --owr-typography-display-font-style: SemiExpanded Italic;
  --owr-typography-display-font-weight: 400;
  --owr-typography-heading-font-family: OWR Display;
  --owr-typography-heading-font-style: SemiCondensed Italic;
  --owr-typography-heading-font-weight: 400;
  --owr-typography-body-font-family: OWR Text;
  --owr-typography-body-font-weight: 400;
  --header-heading-font-xl-line-height-computed-desktop: 66px; /** header.heading.font.xl.font-size.desktop */
  --header-heading-font-xl-line-height-computed-mobile: 40px; /** header.heading.font.xl.font-size.mobile */
  --header-heading-font-lg-line-height-computed-desktop: 53px; /** header.heading.font.lg.font-size.desktop */
  --header-heading-font-lg-line-height-computed-mobile: 40px; /** header.heading.font.lg.font-size.mobile */
  --header-heading-font-md-line-height-computed-desktop: 40px; /** header.heading.font.md.font-size.desktop */
  --header-heading-font-md-line-height-computed-mobile: 26px; /** header.heading.font.md.font-size.mobile */
  --header-heading-font-sm-line-height-computed-desktop: 26px; /** header.heading.font.sm.font-size.desktop */
  --header-heading-font-sm-line-height-computed-mobile: 22px; /** header.heading.font.sm.font-size.mobile */
  --header-heading-font-xs-line-height-computed-desktop: 22px; /** header.heading.font.xs.font-size.desktop */
  --header-heading-font-xs-line-height-computed-mobile: 18px; /** header.heading.font.xs.font-size.mobile */
  --header-heading-font-xxs-line-height-computed-desktop: 20px; /** header.heading.font.xxs.font-size.desktop */
  --header-heading-font-xxs-line-height-computed-mobile: 18px; /** header.heading.font.xxs.font-size.mobile */
  --price-font-label-xl-line-height-computed-desktop: 53px; /** price/font/label/xl/line-height-computed/desktop */
  --price-font-label-xl-line-height-computed-mobile: 33px; /** price/font/label/xl/line-height-computed/mobile */
  --price-font-label-discount-xl-line-height-computed-desktop: 26px; /** price/font/label/discount/xl/line-height-computed/desktop */
  --price-font-label-discount-xl-line-height-computed-mobile: 22px; /** price/font/label/discount/xl/line-height-computed/mobile */
  --price-font-label-discount-lg-line-height-computed-desktop: 22px; /** price/font/label/discount/lg/line-height-computed/desktop */
  --price-font-label-discount-lg-line-height-computed-mobile: 18px; /** price/font/label/discount/lg/line-height-computed/mobile */
  --price-font-label-discount-md-line-height-computed-desktop: 18px; /** price/font/label/discount/md/line-height-computed/desktop */
  --price-font-label-discount-md-line-height-computed-mobile: 18px; /** price/font/label/discount/md/line-height-computed/mobile */
  --price-font-label-discount-sm-line-height-computed-desktop: 18px; /** price/font/label/discount/sm/line-height-computed/desktop */
  --price-font-label-discount-sm-line-height-computed-mobile: 15px; /** price/font/label/discount/sm/line-height-computed/mobile */
  --price-font-label-lg-line-height-computed-desktop: 40px; /** price/font/label/lg/line-height-computed/desktop */
  --price-font-label-lg-line-height-computed-mobile: 26px; /** price/font/label/lg/line-height-computed/mobile */
  --price-font-label-md-line-height-computed-desktop: 26px; /** price/font/label/md/line-height-computed/desktop */
  --price-font-label-md-line-height-computed-mobile: 22px; /** price/font/label/md/line-height-computed/mobile */
  --price-font-label-sm-line-height-computed-desktop: 18px; /** price/font/label/sm/line-height-computed/desktop */
  --price-font-label-sm-line-height-computed-mobile: 15px; /** price/font/label/sm/line-height-computed/mobile */
  --tab-standard-font-label-line-height-computed-desktop: 26px; /** tab.standard.font.label.line-height-computed.desktop */
  --tab-standard-font-label-line-height-computed-mobile: 22px; /** tab.standard.font.label.line-height-computed.mobile */
  --font-accent: Montserrat; /** font.accent */
  --font-default: Roboto; /** font.default */
  --font-fallback: sans-serif; /** font.fallback */
  --wow-color-beige-500: #b1997f;
  --wow-color-beige-600: #ebdec2;
  --wow-color-beige-700: #f3eee2;
  --wow-color-blue-500: #040f1a;
  --wow-color-blue-600: #09273e;
  --wow-color-blue-700: #2a4b71;
  --wow-color-brown-400: #180f01;
  --wow-color-brown-500: #20170e;
  --wow-color-brown-600: #352011;
  --wow-color-brown-700: #504137;
  --wow-color-gold-500: #c76700;
  --wow-color-gold-600: #f8b700;
  --wow-color-gold-700: #ffec71;
  --wow-color-green-600: #1b9601;
  --wow-color-green-700: #00ff00;
  --wow-color-leather-500: #2b1d1c;
  --wow-color-leather-600: #3c2a29;
  --wow-color-red-400: #561200;
  --wow-color-red-500: #aa2409;
  --wow-color-red-600: #b23300;
  --wow-color-red-700: #ff2b00;
  --wow-color-red-900: #ff522c;
  --wow-typography-heading-family: SemplicitaPro;
  --wow-typography-heading-weight: 700;
  --wow-typography-body-family: Open Sans;
  --wow-typography-body-weight: 400;
  --midnight-color-haze-100: #c6c7e5;
  --midnight-color-haze-200: #590de0;
  --midnight-color-haze-300: #392e82;
  --midnight-color-haze-400: #1c1b4a;
  --midnight-color-grape-100: #970e95;
  --midnight-color-grape-200: #38244c;
  --midnight-color-icy-100: #78fbfd;
  --midnight-color-icy-200: #3b79f5;
  --midnight-color-icy-300: #2a2eb6;
  --midnight-color-icy-400: #030e4a;
  --midnight-color-warm-100: #ffffb5;
  --midnight-color-warm-200: #fdf67b;
  --midnight-color-warm-300: #f6c844;
  --midnight-color-warm-400: #f0c878;
  --midnight-color-warm-500: #ebb463;
  --midnight-color-warm-600: #af6736;
  --midnight-typography-heading-family: Tiller;
  --midnight-typography-heading-weight: 600;
  --war-within-color-core-400: #73461f;
  --war-within-color-core-500: #b74d0c;
  --war-within-color-core-600: #f17b33;
  --war-within-color-core-700: #ef972f;
  --war-within-color-core-800: rgba(255, 192, 69, 0.9);
  --war-within-color-parchment-300: #3a271d;
  --war-within-color-parchment-800: rgba(229, 184, 132, 0.9);
  --war-within-color-parchment-900: #fff2cb;
  --global-font-family-accent: var(--font-accent); /** global.font-family.accent */
  --global-font-family-default: var(--font-default); /** global.font-family.default */
  --global-font-family-fallback: var(--font-fallback); /** global.font-family.fallback */
  --global-font-size-75: var(--global-size-125); /** global.font-size.75 */
  --global-font-size-100: var(--global-size-150); /** global.font-size.100 */
  --global-font-size-200: var(--global-size-175); /** global.font-size.200 */
  --global-font-size-300: var(--global-size-200); /** global.font-size.300 */
  --global-font-size-400: var(--global-size-225); /** global.font-size.400 */
  --global-font-size-500: var(--global-size-250); /** global.font-size.500 */
  --global-font-size-600: var(--global-size-300); /** global.font-size.600 */
  --global-font-size-625: var(--global-size-375); /** global.font-size.625 */
  --global-font-size-650: var(--global-size-400); /** global.font-size.650 */
  --global-font-size-700: var(--global-size-450); /** global.font-size.700 */
  --global-font-size-750: var(--global-size-500); /** global.font-size.750 */
  --global-font-size-800: var(--global-size-600); /** global.font-size.800 */
  --global-font-size-900: var(--global-size-750); /** global.font-size.900 */
  --semantic-space-around-vertical-xxs-desktop: var(--global-size-100); /** semantic.space-around.vertical.xxs.desktop */
  --semantic-space-around-vertical-xxs-mobile: var(--global-size-50); /** semantic.space-around.vertical.xxs.mobile */
  --semantic-space-around-vertical-xs-desktop: var(--global-size-125); /** semantic.space-around.vertical.xs.desktop */
  --semantic-space-around-vertical-xs-mobile: var(--global-size-100); /** semantic.space-around.vertical.xs.mobile */
  --semantic-space-around-vertical-sm-desktop: var(--global-size-200); /** semantic.space-around.vertical.sm.desktop */
  --semantic-space-around-vertical-sm-mobile: var(--global-size-150); /** semantic.space-around.vertical.sm.mobile */
  --semantic-space-around-vertical-md-desktop: var(--global-size-250); /** semantic.space-around.vertical.md.desktop */
  --semantic-space-around-vertical-md-mobile: var(--global-size-200); /** semantic.space-around.vertical.md.mobile */
  --semantic-space-around-vertical-lg-desktop: var(--global-size-300); /** semantic.space-around.vertical.lg.desktop */
  --semantic-space-around-vertical-lg-mobile: var(--global-size-200); /** semantic.space-around.vertical.lg.mobile */
  --semantic-space-around-vertical-xl-desktop: var(--global-size-400); /** semantic.space-around.vertical.xl.desktop */
  --semantic-space-around-vertical-xl-mobile: var(--global-size-250); /** semantic.space-around.vertical.xl.mobile */
  --semantic-space-around-vertical-xxl-desktop: var(--global-size-500); /** semantic.space-around.vertical.xxl.desktop */
  --semantic-space-around-vertical-xxl-mobile: var(--global-size-500); /** semantic.space-around.vertical.xxl.mobile */
  --semantic-space-around-horizontal-xxxs: var(--global-size-50); /** semantic.space-around.horizontal.xxxs */
  --semantic-space-around-horizontal-xxs: var(--global-size-100); /** semantic.space-around.horizontal.xxs */
  --semantic-space-around-horizontal-xs: var(--global-size-150); /** semantic.space-around.horizontal.xs */
  --semantic-space-around-horizontal-sm: var(--global-size-200); /** semantic.space-around.horizontal.sm */
  --semantic-space-around-horizontal-md-desktop: var(--global-size-250); /** semantic.space-around.horizontal.md.desktop */
  --semantic-space-around-horizontal-md-mobile: var(--global-size-250); /** semantic.space-around.horizontal.md.mobile */
  --semantic-space-around-horizontal-lg-desktop: var(--global-size-300); /** semantic.space-around.horizontal.lg.desktop */
  --semantic-space-around-horizontal-lg-mobile: var(--global-size-200); /** semantic.space-around.horizontal.lg.mobile */
  --semantic-space-around-horizontal-xl-desktop: var(--global-size-400); /** semantic.space-around.horizontal.xl.desktop */
  --semantic-space-around-horizontal-xl-mobile: var(--global-size-300); /** semantic.space-around.horizontal.xl.mobile */
  --semantic-space-around-horizontal-xxl-desktop: var(--global-size-500); /** semantic.space-around.horizontal.xxl.desktop */
  --semantic-space-around-horizontal-xxl-mobile: var(--global-size-400); /** semantic.space-around.horizontal.xxl.mobile */
  --semantic-space-around-horizontal-xxxl-desktop: var(--global-size-1000); /** semantic.space-around.horizontal.xxxl.desktop */
  --semantic-space-around-horizontal-xxxl-mobile: var(--global-size-600); /** semantic.space-around.horizontal.xxxl.mobile */
  --semantic-space-between-xxxs: var(--global-size-75); /** semantic.space-between.xxxs */
  --semantic-space-between-xxs: var(--global-size-100); /** semantic.space-between.xxs */
  --semantic-space-between-xs: var(--global-size-150); /** semantic.space-between.xs */
  --semantic-space-between-sm: var(--global-size-200); /** semantic.space-between.sm */
  --semantic-space-between-md: var(--global-size-300); /** semantic.space-between.md */
  --semantic-space-between-lg: var(--global-size-400); /** semantic.space-between.lg */
  --semantic-space-between-xl: var(--global-size-500); /** semantic.space-between.xlsemantic.space-between.xl */
  --semantic-space-between-xxl: var(--global-size-600); /** semantic.space-between.xxl */
  --semantic-space-between-xxxl: var(--global-size-700); /** semantic.space-between.xxxl */
  --semantic-content-space-xs: var(--global-size-75); /** semantic.content-space.xs */
  --semantic-content-space-sm: var(--global-size-150); /** semantic.content-space.sm */
  --semantic-content-space-md: var(--global-size-200); /** semantic.content-space.md */
  --semantic-content-space-lg-desktop: var(--global-size-300); /** semantic.content-space.lg.desktop */
  --semantic-content-space-lg-mobile: var(--global-size-200); /** semantic.content-space.lg.mobile */
  --semantic-section-space-horizontal-desktop: var(--global-size-500); /** semantic.section-space.horizontal.desktop */
  --semantic-section-space-horizontal-tablet: var(--global-size-300); /** semantic.section-space.horizontal.tablet */
  --semantic-section-space-horizontal-mobile: var(--global-size-200); /** semantic.section-space.horizontal.mobile */
  --semantic-section-space-vertical-md-desktop: var(--global-size-1000); /** semantic.section-space.vertical.md.desktop */
  --semantic-section-space-vertical-md-mobile: var(--global-size-500); /** semantic.section-space.vertical.md.mobile */
  --semantic-section-space-vertical-lg: var(--global-size-1100); /** semantic.section-space.vertical.lg */
  --semantic-section-space-vertical-sm-desktop: var(--global-size-500); /** semantic.section-space.vertical.sm.desktop */
  --semantic-section-space-vertical-sm-mobile: var(--global-size-500); /** semantic.section-space.vertical.sm.mobile */
  --semantic-header-margin-space-md-desktop: var(--global-size-500); /** semantic.header-margin-space.md.desktop */
  --semantic-header-margin-space-md-mobile: var(--global-size-400); /** semantic.header-margin-space.md.mobile */
  --semantic-header-margin-space-lg-desktop: var(--global-size-700); /** semantic.header-margin-space.lg.desktop */
  --semantic-header-margin-space-lg-mobile: var(--global-size-500); /** semantic.header-margin-space.lg.mobile */
  --semantic-header-margin-space-xl-desktop: var(--global-size-900); /** semantic.header-margin-space.xl.desktop */
  --semantic-header-margin-space-xl-mobile: var(--global-size-600); /** semantic.header-margin-space.xl.mobile */
  --semantic-grid-gap-xxxs-desktop: var(--global-size-75); /** semantic.grid-gap.xxxs.desktop */
  --semantic-grid-gap-xxxs-mobile: var(--global-size-50); /** semantic.grid-gap.xxxs.mobile */
  --semantic-grid-gap-xxs-desktop: var(--global-size-100); /** semantic.grid-gap.xxs.desktop */
  --semantic-grid-gap-xxs-mobile: var(--global-size-50); /** semantic.grid-gap.xxs.mobile */
  --semantic-grid-gap-xs-desktop: var(--global-size-200); /** semantic.grid-gap.xs.desktop */
  --semantic-grid-gap-xs-mobile: var(--global-size-150); /** semantic.grid-gap.xs.mobile */
  --semantic-grid-gap-sm-desktop: var(--global-size-300); /** semantic.grid-gap.sm.desktop */
  --semantic-grid-gap-sm-mobile: var(--global-size-200); /** semantic.grid-gap.sm.mobile */
  --semantic-grid-gap-md-desktop: var(--global-size-400); /** semantic.grid-gap.md.desktop */
  --semantic-grid-gap-md-mobile: var(--global-size-200); /** semantic.grid-gap.md.mobile */
  --semantic-grid-gap-lg-desktop: var(--global-size-600); /** semantic.grid-gap.lg.desktop */
  --semantic-grid-gap-lg-mobile: var(--global-size-400); /** semantic.grid-gap.lg.mobile */
  --semantic-grid-gap-xl-desktop: var(--global-size-1000); /** semantic.grid-gap.xl.desktop */
  --semantic-grid-gap-xl-mobile: var(--global-size-300); /** semantic.grid-gap.xl.mobile */
  --semantic-size-input-height-xs-desktop: var(--global-size-500); /** semantic.size.input.height.xs.desktop */
  --semantic-size-input-height-xs-mobile: var(--global-size-400); /** semantic.size.input.height.xs.mobile */
  --semantic-size-input-height-sm-desktop: var(--global-size-500); /** size.semantic.size.input.height.sm.desktop */
  --semantic-size-input-height-sm-mobile: var(--global-size-500); /** size.semantic.size.input.height.sm.mobile */
  --semantic-size-input-height-md-desktop: var(--global-size-700); /** size.semantic.size.input.height.md.desktop */
  --semantic-size-input-height-md-mobile: var(--global-size-600); /** size.semantic.size.input.height.md.mobile */
  --semantic-size-input-height-lg-desktop: var(--global-size-900); /** size.semantic.size.input.height.lg.desktop */
  --semantic-size-input-height-lg-mobile: var(--global-size-800); /** size.semantic.size.input.height.lg.mobile */
  --semantic-size-input-height-xl-desktop: var(--global-size-900); /** semantic.size.input.height.xl.desktop */
  --semantic-size-input-height-xl-mobile: var(--global-size-600); /** size.semantic.size.input.height.lg.mobile */
  --semantic-size-input-height-xxl-desktop: var(--global-size-1000); /** size.semantic.size.input.height.xl.desktop */
  --semantic-size-input-height-xxl-mobile: var(--global-size-900); /** semantic.size.input.height.xxl.mobile */
  --semantic-size-input-width-lg-desktop: var(--global-size-900); /** semantic.size.input.width.lg.desktop */
  --semantic-size-input-width-lg-mobile: var(--global-size-600); /** semantic.size.input.width.lg.mobile */
  --semantic-size-input-width-sm-desktop: var(--global-size-500); /** semantic.size.input.width.sm.desktop */
  --semantic-size-input-width-sm-mobile: var(--global-size-400); /** semantic.size.input.width.sm.mobile */
  --semantic-size-input-width-md-desktop: var(--global-size-1150); /** semantic.size.input.width.md.desktop */
  --semantic-size-input-width-md-mobile: var(--global-size-900); /** semantic.size.input.width.md.mobile */
  --semantic-size-input-width-xs-desktop: var(--global-size-1000); /** semantic.size.input.width.xs.desktop */
  --semantic-size-input-width-xs-mobile: var(--global-size-800); /** semantic.size.input.width.xs.mobile */
  --semantic-size-nav-height-desktop: var(--global-size-1100); /** semantic.size.nav.height.desktop */
  --semantic-size-nav-height-mobile: var(--global-size-700); /** semantic.size.nav.height.mobile */
  --semantic-size-icon-height-xl-desktop: var(--global-size-500); /** semantic.size.icon.height.xl.desktop */
  --semantic-size-icon-height-xl-mobile: var(--global-size-500); /** semantic.size.icon.height.xl.mobile */
  --semantic-size-icon-height-lg-desktop: var(--global-size-400); /** semantic.size.icon.height.lg.desktop */
  --semantic-size-icon-height-lg-mobile: var(--global-size-300); /** semantic.size.icon.height.lg.mobile */
  --semantic-size-icon-height-md-desktop: var(--global-size-300); /** semantic.size.icon.height.md.desktop */
  --semantic-size-icon-height-md-mobile: var(--global-size-250); /** semantic.size.icon.height.md.mobile */
  --semantic-size-icon-height-sm-desktop: var(--global-size-200); /** semantic.size.icon.height.sm.desktop */
  --semantic-size-icon-height-sm-mobile: var(--global-size-200); /** semantic.size.icon.height.sm.mobile */
  --semantic-size-icon-height-xs-desktop: var(--global-size-175); /** semantic.size.icon.height.xs.desktop */
  --semantic-size-icon-height-xs-mobile: var(--global-size-175); /** semantic.size.icon.height.xs.mobile */
  --semantic-color-border-action-hover: var(--global-color-transparent); /** semantic.color.border.action.hover */
  --semantic-color-border-action-pressed: var(--global-color-content-500); /** semantic.color.border.action.pressed */
  --semantic-color-border-action-primary-default: var(--global-color-content-400); /** semantic.color.border.action.primary.default */
  --semantic-color-border-action-secondary-default: var(--global-color-transparent); /** semantic.color.border.action.secondary.default */
  --semantic-color-border-input-default: var(--global-color-content-500); /** semantic.color.border.input.default */
  --semantic-color-border-input-hover: var(--global-color-content-800); /** semantic.color.border.input.hover */
  --semantic-color-border-input-disabled: var(--global-color-content-200); /** semantic.color.border.input.disabled */
  --semantic-color-border-input-focus: var(--global-color-content-700); /** semantic.color.border.input.focus */
  --semantic-color-border-info-primary: var(--global-color-background-100); /** semantic.color.border.info.primary */
  --semantic-color-border-table-default: var(--global-color-content-300); /** semantic.color.border.table.default */
  --semantic-color-text-heading: var(--global-color-content-1000); /** semantic.color.text.heading */
  --semantic-color-text-description: var(--global-color-content-600); /** semantic.color.text.description */
  --semantic-color-text-label: var(--global-color-content-700); /** semantic.color.text.label */
  --semantic-color-text-link-default: var(--global-color-primary-400); /** semantic.color.text.link.default */
  --semantic-color-text-link-hover: var(--global-color-content-1000); /** semantic.color.text.link.hover */
  --semantic-color-text-link-subtle-default: var(--global-color-content-600); /** semantic.color.text.link.subtle.default */
  --semantic-color-text-link-subtle-hover: var(--global-color-content-1000); /** semantic.color.text.link.subtle.hover */
  --semantic-color-text-link-subtle-active: var(--global-color-content-1000); /** semantic.color.text.link.subtle.active */
  --semantic-color-text-link-alternate-default: var(--global-color-primary-600); /** semantic.color.text.link.alternate.default */
  --semantic-color-text-link-alternate-hover: var(--global-color-primary-700); /** semantic.color.text.link.alternate.hover */
  --semantic-color-text-link-alternate-active: var(--global-color-primary-700); /** semantic.color.text.link.alternate.active */
  --semantic-color-background-page-primary: var(--global-color-background-700); /** semantic.color.background.page.primary */
  --semantic-color-background-page-secondary: var(--global-color-background-500); /** semantic.color.background.page.secondary */
  --semantic-color-background-page-tertiary: var(--global-color-darken-800); /** semantic.color.background.page.tertiary */
  --semantic-color-background-action-primary-gradient-default: var(--global-color-primary-500); /** semantic.color.background.action.primary.default */
  --semantic-color-background-action-primary-gradient-hover: var(--global-color-primary-400); /** semantic.color.background.action.primary.hover */
  --semantic-color-background-action-primary-gradient-disabled: var(--global-color-primary-600); /** semantic.color.background.action.primary.disabled */
  --semantic-color-background-action-primary-gradient-pressed: var(--global-color-primary-500); /** semantic.color.background.action.primary.pressed */
  --semantic-color-background-action-secondary-gradient-default: var(--global-color-accent-500); /** semantic.color.background.action.primary.default */
  --semantic-color-background-action-secondary-gradient-hover: var(--global-color-accent-600); /** semantic.color.background.action.primary.hover */
  --semantic-color-background-action-secondary-gradient-pressed: var(--global-color-accent-600); /** semantic.color.background.action.primary.pressed */
  --semantic-color-background-action-secondary-gradient-disabled: var(--global-color-accent-700); /** semantic.color.background.action.primary.disabled */
  --semantic-color-background-action-tertiary-default: var(--global-color-transparent); /** semantic.color.background.action.tertiary.default */
  --semantic-color-background-action-tertiary-hover: var(--global-color-content-100); /** semantic.color.background.action.tertiary.hover */
  --semantic-color-background-action-default-hover: var(--global-color-content-300); /** semantic.color.background.action.default.hover */
  --semantic-color-background-info-primary: var(--global-color-background-100); /** semantic.color.background.info.primary */
  --semantic-color-background-info-secondary: var(--global-color-background-800); /** semantic.color.background.info.secondary */
  --semantic-color-background-info-secondary-hover: var(--global-color-background-700); /** semantic.color.background.info.secondary-hover */
  --semantic-color-background-info-tertiary: var(--global-color-content-100); /** semantic.color.background.info.tertiary */
  --semantic-color-background-info-quaternary: var(--global-color-accent-500); /** semantic.color.background.info.quaternary */
  --semantic-color-background-info-quaternary-hover: var(--global-color-accent-600); /** semantic.color.background.info.quaternary-hover */
  --semantic-color-background-content-default: var(--global-color-background-800); /** semantic.color.background.content.default */
  --semantic-color-background-content-hover: var(--global-color-background-700); /** semantic.color.background.content.hover */
  --semantic-color-background-icon-selected: var(--global-color-primary-500); /** semantic.color.background.icon.selected */
  --semantic-color-background-icon-hover: var(--global-color-content-1000); /** semantic.color.background.icon.hover */
  --semantic-color-background-state-inactive: var(--global-color-background-50); /** semantic.color.background.state.inactive */
  --semantic-color-background-feedback-error: var(--global-color-error-900); /** semantic.color.background.feedback.error */
  --semantic-color-background-table-default: var(--global-color-transparent); /** semantic.color.background.table.default */
  --semantic-color-background-table-hover: var(--global-color-content-200); /** semantic.color.background.table.hover */
  --semantic-color-background-table-alternate: var(--global-color-content-100); /** semantic.color.background.table.alternate */
  --semantic-color-background-table-header: var(--global-color-accent-500); /** semantic.color.background.table.header */
  --semantic-color-content-default: var(--global-color-content-1000); /** semantic.color.content.default */
  --semantic-color-content-default-dark: var(--global-color-background-800); /** semantic.color.content.default-dark */
  --semantic-color-content-info: var(--global-color-content-700); /** semantic.color.content.info */
  --semantic-color-content-inactive: var(--global-color-content-600); /** semantic.color.content.inactive */
  --semantic-color-content-placeholder: var(--global-color-content-500); /** semantic.color.content.placeholder */
  --semantic-color-content-success: var(--global-color-success-500); /** semantic.color.content.success */
  --semantic-color-content-warning: var(--global-color-warning-500); /** semantic.color.content.warning */
  --semantic-color-content-error: var(--global-color-error-500); /** semantic.color.content.error */
  --semantic-color-content-critical: var(--global-color-error-900); /** semantic.color.content.critical */
  --semantic-color-content-heading-hover: var(--global-color-content-1000); /** semantic.color.content.heading-hover */
  --semantic-color-content-pressed: var(--global-color-content-700); /** semantic.color.content.pressed */
  --semantic-color-content-callout-primary: var(--global-color-success-500); /** semantic.color.content.callout.primary */
  --semantic-color-content-callout-secondary: var(--global-color-warning-500); /** semantic.color.content.callout.secondary */
  --semantic-color-content-secondary-inactive: var(--global-color-content-500); /** semantic.color.content.secondary.inactive */
  --semantic-color-accessibility-focus-inner-border: var(--global-color-background-800); /** semantic.color.accessibility.focus.inner-border */
  --semantic-color-accessibility-focus-outer-border: var(--global-color-content-1000); /** semantic.color.accessibility.focus.outer-border */
  --semantic-color-feedback-info: var(--global-color-primary-400); /** semantic.color.feedback.info */
  --semantic-color-feedback-success: var(--global-color-success-400); /** semantic.color.feedback.success */
  --semantic-color-feedback-warning: var(--global-color-warning-400); /** semantic.color.feedback.warning */
  --semantic-color-feedback-error: var(--global-color-error-400); /** semantic.color.feedback.error */
  --semantic-shadow-color: var(--global-color-darken-500);
  --semantic-shadow-lg-position-y: var(--global-size-125);
  --semantic-shadow-lg-blur: var(--global-size-300);
  --semantic-shadow-sm-position-y: var(--global-size-50);
  --semantic-shadow-sm-blur: var(--global-size-100);
  --semantic-shadow-heading-position-x: var(--semantic-shadow-sm-position-x);
  --semantic-shadow-action-position-x: var(--semantic-shadow-md-position-x);
  --semantic-shadow-action-position-y: var(--semantic-shadow-md-position-y);
  --semantic-shadow-action-blur: var(--semantic-shadow-md-blur);
  --semantic-shadow-xs: var(--semantic-shadow-xs-position-x) var(--semantic-shadow-xs-position-y) var(--semantic-shadow-xs-blur) var(--semantic-shadow-color); /** blizzard.semantic.shadow.xs */
  --semantic-shadow-sm: var(--semantic-shadow-sm-position-x) var(--semantic-shadow-sm-position-y) var(--semantic-shadow-sm-blur) var(--semantic-shadow-color); /** blizzard.semantic.shadow.sm */
  --semantic-shadow-md: var(--semantic-shadow-md-position-x) var(--semantic-shadow-md-position-y) var(--semantic-shadow-md-blur) var(--semantic-shadow-color); /** blizzard.semantic.shadow.md */
  --semantic-shadow-lg: var(--semantic-shadow-lg-position-x) var(--semantic-shadow-lg-position-y) var(--semantic-shadow-lg-blur) var(--semantic-shadow-color); /** blizzard.semantic.shadow.lg */
  --semantic-shadow-xl: var(--semantic-shadow-xl-position-x) var(--semantic-shadow-xl-position-y) var(--semantic-shadow-xl-blur) var(--semantic-shadow-color); /** blizzard.semantic.shadow.xl */
  --semantic-border-radius-none: var(--global-size-0); /** semantic.border-radius.none */
  --semantic-border-radius-xs: var(--global-size-25); /** semantic.border-radius.xs */
  --semantic-border-radius-md: var(--global-size-50); /** semantic.border-radius.md */
  --semantic-border-radius-lg: var(--global-size-75); /** semantic.border-radius.lg */
  --semantic-border-radius-xl: var(--global-size-100); /** semantic.border-radius.xl */
  --semantic-border-radius-rounded: var(--global-size-1200); /** semantic.border-radius.rounded */
  --semantic-border-size-md: var(--global-size-25); /** semantic.border.size.md */
  --semantic-body-text-font-weight: var(--global-font-weight-regular); /** semantic.body.text.font-weight */
  --semantic-body-text-line-height: var(--global-font-line-height-tight);
  --semantic-body-text-letter-spacing: var(--global-font-letter-spacing-default); /** semantic.body.text.letter-spacing */
  --semantic-title-text-font-weight: var(--global-font-weight-bold); /** semantic.title.text.font-weight */
  --semantic-title-text-line-height: var(--global-font-line-height-tight);
  --semantic-title-text-letter-spacing: var(--global-font-letter-spacing-default); /** semantic.title.text.letter-spacing */
  --semantic-heading-text-font-weight: var(--global-font-weight-bold); /** semantic.heading.text.font-weight */
  --semantic-heading-text-line-height: var(--global-font-line-height-tight); /** semantic/heading/text/line-height */
  --semantic-heading-text-letter-spacing: var(--global-font-letter-spacing-default); /** semantic.heading.text.letter-spacing */
  --semantic-subheading-text-font-weight: var(--global-font-weight-bold); /** semantic.subheading.text.font-weight */
  --semantic-subheading-text-line-height: var(--global-font-line-height-tight); /** semantic/subheading/text/line-height */
  --semantic-subheading-letter-spacing: var(--global-font-letter-spacing-default); /** semantic.subheading.letter-spacing */
  --badge-space-padding-sm-top: var(--global-size-25); /** badge.space.padding.sm.top */
  --badge-space-padding-sm-bottom: var(--global-size-25); /** badge.space.padding.sm.bottom */
  --banner-optional-top-heading-gap: var(--global-size-0); /** banner.optional-top.heading.gap */
  --base-card-space-media-top-left-right: var(--global-size-0); /** base-card.space.media.top-left.right */
  --base-card-space-media-top-left-bottom: var(--global-size-0); /** base-card.space.media.top-left.bottom */
  --base-card-space-media-top-right-bottom: var(--global-size-0); /** base-card.space.media.top-right.bottom */
  --base-card-space-media-top-right-left: var(--global-size-0); /** base-card.space.media.top-right.left */
  --base-card-space-media-bottom-left-top: var(--global-size-0); /** base-card.space.media.bottom-left.top */
  --base-card-space-media-bottom-left-right: var(--global-size-0); /** base-card.space.media.bottom-left.right */
  --base-card-space-media-bottom-right-top: var(--global-size-0); /** base-card.space.media.bottom-right.top */
  --base-card-space-media-bottom-right-left: var(--global-size-0); /** base-card.space.media.bottom-right.left */
  --button-color-border-primary-default: var(--global-color-transparent); /** button.color.border.primary.default */
  --button-color-border-secondary-default: var(--global-color-transparent); /** button.color.border.secondary.default */
  --input-selection-checkmark-color-icon-active: var(--global-color-primary-500); /** input.selection.checkmark.color.icon.active */
  --input-selection-checkmark-color-icon-hover: var(--global-color-primary-300); /** input.selection.checkmark.color.icon.hover */
  --input-text-field-space-padding-sm-top: var(--global-size-0); /** input.text-field.space.padding.sm.top */
  --input-text-field-space-padding-sm-bottom: var(--global-size-0); /** input.text-field.space.padding.sm.bottom */
  --input-text-field-space-padding-md-top: var(--global-size-0); /** input.text-field.space.padding.md.top */
  --input-text-field-space-padding-md-bottom: var(--global-size-0); /** input.text-field.space.padding.md.bottom */
  --input-text-field-color-background-solid: var(--global-color-background-800);
  --input-select-space-padding-sm-top: var(--global-size-0); /** input.select.space.padding.sm.top */
  --input-select-space-padding-sm-bottom: var(--global-size-0); /** input.select.space.padding.sm.bottom */
  --input-select-space-padding-md-top: var(--global-size-0); /** input.select.space.padding.md.top */
  --input-select-space-padding-md-bottom: var(--global-size-0); /** input.select.space.padding.md.bottom */
  --icon-button-color-ghost-background-hover: var(--global-color-content-200); /** icon.button.color.ghost.background.hover */
  --icon-button-color-ghost-background-active: var(--global-color-content-100); /** icon.button.color.ghost.background.active */
  --icon-button-border-size-sm: var(--semantic-border-size-sm); /** icon.button.border.size.sm */
  --icon-button-border-size-md: var(--semantic-border-size-sm); /** icon.button.border.size.md */
  --progress-bar-color-border: var(--global-color-transparent); /** progress-bar.color.border */
  --progress-bar-border-size: var(--global-size-0); /** progress-bar.border.size */
  --semantic-color-background-action-primary-default: var(--semantic-color-background-action-primary-gradient-default); /** semantic.color.background.action.secondary.default */
  --semantic-color-background-action-primary-hover: var(--semantic-color-background-action-primary-gradient-hover); /** semantic.color.background.action.secondary.hover */
  --semantic-color-background-action-primary-pressed: var(--semantic-color-background-action-primary-gradient-pressed); /** semantic.color.background.action.secondary.pressed */
  --semantic-color-background-action-primary-disabled: var(--semantic-color-background-action-primary-gradient-disabled); /** semantic.color.background.action.secondary.pressed */
  --semantic-color-background-action-secondary-default: var(--semantic-color-background-action-secondary-gradient-default); /** semantic.color.background.action.secondary.default */
  --semantic-color-background-action-secondary-hover: var(--semantic-color-background-action-secondary-gradient-hover); /** semantic.color.background.action.secondary.hover */
  --semantic-color-background-action-secondary-pressed: var(--semantic-color-background-action-secondary-gradient-pressed); /** semantic.color.background.action.secondary.pressed */
  --semantic-shadow-heading-position-y: var(--semantic-shadow-sm-position-y);
  --semantic-shadow-heading-blur: var(--semantic-shadow-sm-blur);
  --semantic-shadow-heading-color: var(--semantic-shadow-color);
  --semantic-shadow-action-color: var(--semantic-shadow-color);
  --semantic-shadow-heading: var(--semantic-shadow-heading-position-x) var(--semantic-shadow-heading-position-y) var(--semantic-shadow-heading-blur) var(--semantic-shadow-heading-color); /** blizzard.semantic.shadow.heading */
  --semantic-shadow-action: var(--semantic-shadow-action-position-x) var(--semantic-shadow-action-position-y) var(--semantic-shadow-action-blur) var(--semantic-shadow-action-color); /** blizzard.semantic.shadow.action */
  --semantic-border-radius-action-sm: var(--semantic-border-radius-md); /** semantic.border-radius.action.sm */
  --semantic-border-radius-action-md: var(--semantic-border-radius-md); /** semantic.border-radius.action.md */
  --semantic-border-radius-action-lg: var(--semantic-border-radius-md); /** semantic.border-radius.action.lg */
  --semantic-body-text-xxl-font-size-desktop: var(--global-font-size-600); /** semantic.body.text.xxl.font-size.desktop */
  --semantic-body-text-xxl-desktop: var(--semantic-body-text-font-weight) var(--semantic-body-text-xxl-font-size-desktop)/var(--semantic-body-text-xxl-line-height-computed-desktop) var(--semantic-body-text-font-family); /** semantic.body.text.xxl.desktop */
  --semantic-body-text-xxl-font-size-mobile: var(--global-font-size-500); /** semantic.body.text.xxl.font-size.mobile */
  --semantic-body-text-xxl-mobile: var(--semantic-body-text-font-weight) var(--semantic-body-text-xxl-font-size-mobile)/var(--semantic-body-text-xxl-line-height-computed-mobile) var(--semantic-body-text-font-family); /** semantic.body.text.xxl.mobile */
  --semantic-body-text-lg-font-size-desktop: var(--global-font-size-400); /** semantic.body.text.lg.font-size.desktop */
  --semantic-body-text-lg-desktop: var(--semantic-body-text-font-weight) var(--semantic-body-text-lg-font-size-desktop)/var(--semantic-body-text-lg-line-height-computed-desktop) var(--semantic-body-text-font-family); /** semantic.body.text.lg.desktop */
  --semantic-body-text-lg-font-size-mobile: var(--global-font-size-300); /** semantic.body.text.lg.font-size.mobile */
  --semantic-body-text-lg-mobile: var(--semantic-body-text-font-weight) var(--semantic-body-text-lg-font-size-mobile)/var(--semantic-body-text-lg-line-height-computed-mobile) var(--semantic-body-text-font-family); /** semantic.body.text.lg.mobile */
  --semantic-body-text-sm-font-size-desktop: var(--global-font-size-200); /** semantic.body.text.sm.font-size.desktop */
  --semantic-body-text-sm-desktop: var(--semantic-body-text-font-weight) var(--semantic-body-text-sm-font-size-desktop)/var(--semantic-body-text-sm-line-height-computed-desktop) var(--semantic-body-text-font-family); /** semantic.body.text.sm.desktop */
  --semantic-body-text-sm-font-size-mobile: var(--global-font-size-100); /** semantic.body.text.sm.font-size.mobile */
  --semantic-body-text-sm-mobile: var(--semantic-body-text-font-weight) var(--semantic-body-text-sm-font-size-mobile)/var(--semantic-body-text-sm-line-height-computed-mobile) var(--semantic-body-text-font-family); /** semantic.body.text.sm.mobile */
  --semantic-body-text-xl-desktop: var(--semantic-body-text-font-weight) var(--semantic-body-text-xl-font-size-desktop)/var(--semantic-body-text-xl-line-height-computed-desktop) var(--semantic-body-text-font-family); /** semantic.body.text.xl.desktop */
  --semantic-body-text-xl-mobile: var(--semantic-body-text-font-weight) var(--semantic-body-text-xl-font-size-mobile)/var(--semantic-body-text-xl-line-height-computed-mobile) var(--semantic-body-text-font-family); /** semantic.body.text.xl.mobile */
  --semantic-body-text-xl-font-size-desktop: var(--global-font-size-500); /** semantic.body.text.xl.font-size.desktop */
  --semantic-body-text-xl-font-size-mobile: var(--global-font-size-300); /** semantic.body.text.xl.font-size.mobile */
  --semantic-body-text-md-font-size-desktop: var(--global-font-size-300); /** semantic.body.text.md.font-size.desktop */
  --semantic-body-text-font-family: var(--global-font-family-default); /** semantic.body.text.font-family */
  --semantic-body-text-md-desktop: var(--semantic-body-text-font-weight) var(--semantic-body-text-md-font-size-desktop)/var(--semantic-body-text-md-line-height-computed-desktop) var(--semantic-body-text-font-family); /** semantic.body.text.md.desktop */
  --semantic-body-text-md-font-size-mobile: var(--global-font-size-200); /** semantic.body.text.md.font-size.mobile */
  --semantic-body-text-md-mobile: var(--semantic-body-text-font-weight) var(--semantic-body-text-md-font-size-mobile)/var(--semantic-body-text-md-line-height-computed-mobile) var(--semantic-body-text-font-family); /** semantic.body.text.md.mobile */
  --semantic-body-text-xs-font-size-desktop: var(--global-font-size-100); /** semantic.body.text.xs.font-size.desktop */
  --semantic-body-text-xs-desktop: var(--semantic-body-text-font-weight) var(--semantic-body-text-xs-font-size-desktop)/var(--semantic-body-text-xs-line-height-computed-desktop) var(--semantic-body-text-font-family); /** semantic.body.text.xs.desktop */
  --semantic-body-text-xs-font-size-mobile: var(--global-font-size-75); /** semantic.body.text.xs.font-size.mobile */
  --semantic-body-text-xs-mobile: var(--semantic-body-text-font-weight) var(--semantic-body-text-xs-font-size-mobile)/var(--semantic-body-text-xs-line-height-computed-mobile) var(--semantic-body-text-font-family); /** semantic.body.text.xs.mobile */
  --semantic-title-text-lg-desktop: var(--semantic-title-text-font-weight) var(--semantic-title-text-lg-font-size-desktop)/var(--semantic-title-text-lg-line-height-computed-desktop) var(--semantic-title-text-font-family); /** semantic.title.text.lg.desktop */
  --semantic-title-text-lg-mobile: var(--semantic-title-text-font-weight) var(--semantic-title-text-lg-font-size-mobile)/var(--semantic-title-text-lg-line-height-computed-mobile) var(--semantic-title-text-font-family); /** semantic.title.text.lg.mobile */
  --semantic-title-text-lg-font-size-desktop: var(--global-font-size-900); /** semantic.title.text.lg.font-size.desktop */
  --semantic-title-text-lg-font-size-mobile: var(--global-font-size-700); /** semantic.title.text.lg.font-size.mobile */
  --semantic-title-text-sm-font-size-desktop: var(--global-font-size-700); /** semantic.title.text.sm.font-size.desktop */
  --semantic-title-text-font-family: var(--global-font-family-accent); /** semantic.title.text.font-family */
  --semantic-title-text-sm-desktop: var(--semantic-title-text-font-weight) var(--semantic-title-text-sm-font-size-desktop)/var(--semantic-title-text-sm-line-height-computed-desktop) var(--semantic-title-text-font-family); /** semantic.title.text.sm.desktop */
  --semantic-title-text-sm-font-size-mobile: var(--global-font-size-600); /** semantic.title.text.sm.font-size.mobile */
  --semantic-title-text-sm-mobile: var(--semantic-title-text-font-weight) var(--semantic-title-text-sm-font-size-mobile)/var(--semantic-title-text-sm-line-height-computed-mobile) var(--semantic-title-text-font-family); /** semantic.title.text.sm.mobile */
  --semantic-title-text-md-font-size-desktop: var(--global-font-size-800); /** semantic.title.text.md.font-size.desktop */
  --semantic-title-text-md-desktop: var(--semantic-title-text-font-weight) var(--semantic-title-text-md-font-size-desktop)/var(--semantic-title-text-md-line-height-computed-desktop) var(--semantic-title-text-font-family); /** semantic.title.text.md.desktop */
  --semantic-title-text-md-font-size-mobile: var(--global-font-size-625);
  --semantic-title-text-md-mobile: var(--semantic-title-text-font-weight) var(--semantic-title-text-md-font-size-mobile)/var(--semantic-title-text-md-line-height-computed-mobile) var(--semantic-title-text-font-family); /** semantic.title.text.md.mobile */
  --semantic-heading-text-xxl-mobile: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-xxl-font-size-mobile)/var(--semantic-heading-text-xxl-line-height-computed-mobile) var(--semantic-heading-text-font-family); /** semantic.heading.text.xxl.mobile */
  --semantic-heading-text-xxl-font-size-desktop: var(--global-font-size-650); /** semantic.heading.text.font-size.xxl.desktop */
  --semantic-heading-text-xxl-desktop: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-xxl-font-size-desktop)/var(--semantic-heading-text-xxl-line-height-computed-desktop) var(--semantic-heading-text-font-family); /** semantic.heading.text.xxl.desktop */
  --semantic-heading-text-xxl-font-size-mobile: var(--global-font-size-600); /** semantic.heading.text.font-size.xxl.mobile */
  --semantic-heading-text-xl-font-size-desktop: var(--global-font-size-600); /** semantic.heading.text.font-size.xl.desktop */
  --semantic-heading-text-font-family: var(--global-font-family-accent); /** semantic.heading.text.font-family */
  --semantic-heading-text-xl-desktop: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-xl-font-size-desktop)/var(--semantic-heading-text-xl-line-height-computed-desktop) var(--semantic-heading-text-font-family); /** semantic.heading.text.xl.desktop */
  --semantic-heading-text-xl-font-size-mobile: var(--global-font-size-500); /** semantic.heading.text.font-size.xl.mobile */
  --semantic-heading-text-xl-mobile: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-xl-font-size-mobile)/var(--semantic-heading-text-xl-line-height-computed-mobile) var(--semantic-heading-text-font-family); /** semantic.heading.text.xl.mobile */
  --semantic-heading-text-md-desktop: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-md-font-size-desktop)/var(--semantic-heading-text-md-line-height-computed-desktop) var(--semantic-heading-text-font-family); /** semantic.heading.text.md.desktop */
  --semantic-heading-text-md-mobile: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-md-font-size-mobile)/var(--semantic-heading-text-md-line-height-computed-mobile) var(--semantic-heading-text-font-family); /** semantic.heading.text.md.mobile */
  --semantic-heading-text-md-font-size-desktop: var(--global-font-size-400); /** semantic.heading.text.font-size.md.desktop */
  --semantic-heading-text-md-font-size-mobile: var(--global-font-size-300); /** semantic.heading.text.font-size.md.mobile */
  --semantic-heading-text-sm-font-size-desktop: var(--global-font-size-300); /** semantic.heading.text.font-size.sm.desktop */
  --semantic-heading-text-sm-desktop: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-sm-font-size-desktop)/var(--semantic-heading-text-sm-line-height-computed-desktop) var(--semantic-heading-text-font-family); /** semantic.heading.text.sm.desktop */
  --semantic-heading-text-sm-font-size-mobile: var(--global-font-size-200); /** semantic.heading.text.font-size.sm.mobile */
  --semantic-heading-text-sm-mobile: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-sm-font-size-mobile)/var(--semantic-heading-text-sm-line-height-computed-mobile) var(--semantic-heading-text-font-family); /** semantic.heading.text.sm.mobile */
  --semantic-heading-text-xs-desktop: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-xs-font-size-desktop)/var(--semantic-heading-text-xs-line-height-computed-desktop) var(--semantic-heading-text-font-family); /** semantic.heading.text.xs.desktop */
  --semantic-heading-text-xs-mobile: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-xs-font-size-mobile)/var(--semantic-heading-text-xs-line-height-computed-mobile) var(--semantic-heading-text-font-family); /** semantic.heading.text.xs.mobile */
  --semantic-heading-text-xs-font-size-desktop: var(--global-font-size-200); /** semantic.heading.text.font-size.xs */
  --semantic-heading-text-xs-font-size-mobile: var(--global-font-size-200); /** semantic.heading.text.font-size.xs */
  --semantic-heading-text-xxs-font-size-desktop: var(--global-font-size-100); /** semantic.heading.text.font-size.xxs */
  --semantic-heading-text-xxs-desktop: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-xxs-font-size-desktop)/var(--semantic-heading-text-xxs-line-height-computed-desktop) var(--semantic-heading-text-font-family); /** semantic.heading.text.xxs.desktop */
  --semantic-heading-text-xxs-font-size-mobile: var(--global-font-size-100); /** semantic.heading.text.font-size.xxs */
  --semantic-heading-text-xxs-mobile: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-xxs-font-size-mobile)/var(--semantic-heading-text-xxs-line-height-computed-mobile) var(--semantic-heading-text-font-family); /** semantic.heading.text.xxs.mobile */
  --semantic-heading-text-lg-mobile: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-lg-font-size-mobile)/var(--semantic-heading-text-lg-line-height-computed-mobile) var(--semantic-heading-text-font-family); /** semantic.heading.text.lg.mobile */
  --semantic-heading-text-lg-font-size-desktop: var(--global-font-size-500); /** semantic.heading.text.font-size.lg.desktop */
  --semantic-heading-text-lg-desktop: var(--semantic-heading-text-font-weight) var(--semantic-heading-text-lg-font-size-desktop)/var(--semantic-heading-text-lg-line-height-computed-desktop) var(--semantic-heading-text-font-family); /** semantic.heading.text.lg.desktop */
  --semantic-heading-text-lg-font-size-mobile: var(--global-font-size-300); /** semantic.heading.text.font-size.lg.mobile */
  --semantic-subheading-text-font-family: var(--global-font-family-accent); /** semantic.subheading.text.font-family */
  --semantic-subheading-text-lg-desktop: var(--semantic-subheading-text-font-weight) var(--semantic-subheading-text-lg-font-size-desktop)/var(--semantic-subheading-text-lg-line-height-computed-desktop) var(--semantic-subheading-text-font-family); /** semantic.subheading.text.lg.desktop */
  --semantic-subheading-text-lg-desktop-archive: var(--semantic-subheading-text-font-weight) var(--semantic-subheading-text-lg-font-size-desktop)/var(--semantic-subheading-text-lg-line-height-computed-desktop) var(--semantic-subheading-text-font-family); /** semantic.subheading.text.lg.desktop */
  --semantic-subheading-text-lg-mobile: var(--semantic-subheading-text-font-weight) var(--semantic-subheading-text-lg-font-size-mobile)/var(--semantic-subheading-text-lg-line-height-computed-mobile) var(--semantic-subheading-text-font-family); /** semantic.subheading.text.lg.mobile */
  --semantic-subheading-text-lg-font-size-desktop: var(--global-font-size-200); /** semantic.subheading.text.lg.font-size.desktop */
  --semantic-subheading-text-lg-font-size-mobile: var(--global-font-size-100); /** semantic.subheading.text.lg.font-size.mobile */
  --semantic-subheading-text-md-font-size-desktop: var(--global-font-size-100); /** semantic.subheading.text.md.font-size.desktop */
  --semantic-subheading-text-md-desktop: var(--semantic-subheading-text-font-weight) var(--semantic-subheading-text-md-font-size-desktop)/var(--semantic-subheading-text-md-line-height-computed-desktop) var(--semantic-subheading-text-font-family); /** semantic.subheading.text.md.desktop */
  --semantic-subheading-text-md-font-size-mobile: var(--global-font-size-75); /** semantic.subheading.text.md.font-size.mobile */
  --semantic-subheading-text-md-mobile: var(--semantic-subheading-text-font-weight) var(--semantic-subheading-text-md-font-size-mobile)/var(--semantic-subheading-text-md-line-height-computed-mobile) var(--semantic-subheading-text-font-family); /** semantic.subheading.text.md.mobile */
  --announcement-banner-space-padding-desktop-vertical: var(--semantic-space-around-vertical-xxl-desktop);
  --announcement-banner-space-padding-desktop-horizontal: var(--semantic-space-around-horizontal-lg-desktop);
  --announcement-banner-space-padding-mobile-vertical: var(--semantic-space-around-vertical-xxl-mobile);
  --announcement-banner-space-padding-mobile-horizontal: var(--semantic-space-around-horizontal-lg-mobile);
  --announcement-banner-sticky-space-padding-desktop-vertical: var(--semantic-space-around-vertical-lg-desktop);
  --announcement-banner-sticky-space-padding-desktop-horizontal: var(--semantic-space-around-horizontal-lg-desktop);
  --announcement-banner-sticky-space-padding-mobile-vertical: var(--semantic-space-around-vertical-lg-mobile);
  --announcement-banner-sticky-space-padding-mobile-horizontal: var(--semantic-space-around-horizontal-lg-mobile);
  --announcement-banner-content-gap-horizontal-desktop: var(--semantic-space-between-lg);
  --announcement-banner-content-gap-horizontal-mobile: var(--semantic-space-between-md);
  --announcement-banner-content-gap-vertical-desktop: var(--semantic-space-between-sm);
  --announcement-banner-content-gap-vertical-mobile: var(--semantic-space-between-xxs);
  --announcement-banner-font-heading-desktop: var(--semantic-heading-text-font-weight) var(--announcement-banner-font-heading-font-size-desktop)/var(--announcement-banner-font-heading-line-height-computed-desktop) var(--semantic-heading-text-font-family); /** announcement-banner.font.heading.desktop */
  --announcement-banner-font-heading-mobile: var(--semantic-heading-text-font-weight) var(--announcement-banner-font-heading-font-size-mobile)/var(--announcement-banner-font-heading-line-height-computed-mobile) var(--semantic-heading-text-font-family); /** announcement-banner.font.heading.mobile */
  --announcement-banner-font-heading-font-weight: var(--semantic-heading-text-font-weight); /** announcement-banner.font.heading.font-weight */
  --announcement-banner-font-heading-letter-spacing: var(--semantic-heading-text-letter-spacing); /** announcement-banner.font.heading.letter-spacing */
  --announcement-banner-font-heading-line-height: var(--semantic-heading-text-line-height);
  --announcement-banner-font-subtext-desktop: var(--semantic-body-text-font-weight) var(--semantic-body-text-md-font-size-desktop)/var(--announcement-banner-font-subtext-line-height-computed-desktop) var(--semantic-body-text-font-family); /** announcement-banner.font.subtext.desktop */
  --announcement-banner-font-subtext-mobile: var(--semantic-body-text-font-weight) var(--semantic-body-text-md-font-size-mobile)/var(--announcement-banner-font-subtext-line-height-computed-mobile) var(--semantic-body-text-font-family); /** announcement-banner.font.subtext.mobile */
  --announcement-banner-font-subtext-letter-spacing: var(--semantic-body-text-letter-spacing); /** announcement-banner.font.subtext.letter-spacing */
  --announcement-banner-font-subtext-font-weight: var(--semantic-body-text-font-weight); /** announcement-banner.font.subtext.font-weight */
  --announcement-banner-font-subtext-line-height: var(--semantic-body-text-line-height);
  --badge-space-padding-sm-horizontal: var(--semantic-space-around-horizontal-xxxs);
  --badge-space-md-desktop-top: var(--semantic-space-around-vertical-xxs-desktop);
  --badge-space-md-desktop-bottom: var(--semantic-space-around-vertical-xs-mobile);
  --badge-space-md-desktop-horizontal: var(--semantic-space-around-horizontal-xxs);
  --badge-space-md-mobile-top: var(--semantic-space-around-vertical-xs-mobile);
  --badge-space-md-mobile-bottom: var(--semantic-space-around-vertical-xs-mobile);
  --badge-space-md-mobile-horizontal: var(--semantic-space-around-horizontal-xxs);
  --badge-color-background-urgent: var(--semantic-color-content-error); /** badge.color.background.urgent */
  --badge-color-background-neutral: var(--semantic-color-background-info-secondary); /** badge.color.background.neutral */
  --badge-color-background-positive: var(--semantic-color-content-success); /** badge.color.background.positive */
  --badge-color-text-default: var(--semantic-color-content-default);
  --badge-font-text-font-weight: var(--semantic-subheading-text-font-weight); /** badge.font.text.font-weight */
  --badge-font-text-letter-spacing: var(--semantic-subheading-letter-spacing); /** badge.font.text.letter-spacing */
  --badge-font-text-line-height: var(--semantic-subheading-text-line-height);
  --banner-space-padding-vertical-desktop: var(--semantic-space-around-vertical-sm-desktop);
  --banner-space-padding-vertical-mobile: var(--semantic-space-around-vertical-sm-mobile);
  --banner-space-padding-horizontal-desktop: var(--semantic-space-around-horizontal-xxxl-desktop);
  --banner-space-padding-horizontal-mobile: var(--semantic-space-around-horizontal-xxxl-mobile);
  --banner-fixed-height-space-bottom-aligned-padding-vertical-desktop: var(--semantic-space-around-vertical-xxl-desktop);
  --banner-fixed-height-space-bottom-aligned-padding-vertical-mobile: var(--semantic-space-around-vertical-xxl-mobile);
  --banner-fixed-height-space-bottom-aligned-padding-horizontal-desktop: var(--semantic-space-around-horizontal-xxxl-desktop);
  --banner-fixed-height-space-bottom-aligned-padding-horizontal-mobile: var(--semantic-space-around-horizontal-xxxl-mobile);
  --banner-optional-bottom-description-gap: var(--semantic-content-space-md);
  --banner-color-text-heading: var(--semantic-color-text-heading); /** banner.color.text.heading */
  --base-card-space-padding-lg-desktop-vertical: var(--semantic-space-around-vertical-lg-desktop);
  --base-card-space-padding-lg-desktop-horizontal: var(--semantic-space-around-horizontal-lg-desktop);
  --base-card-space-padding-lg-mobile-vertical: var(--semantic-space-around-vertical-xl-mobile);
  --base-card-space-padding-lg-mobile-horizontal: var(--semantic-space-around-horizontal-md-mobile);
  --base-card-space-padding-md-desktop-vertical: var(--semantic-space-around-vertical-md-desktop);
  --base-card-space-padding-md-desktop-horizontal: var(--semantic-space-around-horizontal-md-desktop);
  --base-card-space-padding-md-mobile-vertical: var(--semantic-space-around-vertical-md-mobile);
  --base-card-space-padding-md-mobile-horizontal: var(--semantic-space-around-horizontal-sm);
  --base-card-space-padding-sm-desktop-vertical: var(--semantic-space-around-vertical-sm-desktop);
  --base-card-space-padding-sm-desktop-horizontal: var(--semantic-space-around-horizontal-sm);
  --base-card-space-padding-sm-mobile-vertical: var(--semantic-space-around-vertical-md-mobile);
  --base-card-space-padding-sm-mobile-horizontal: var(--semantic-space-around-horizontal-sm);
  --base-card-space-media-top-left-top: var(--semantic-space-around-vertical-xs-mobile);
  --base-card-space-media-top-left-left: var(--semantic-space-around-horizontal-xxs);
  --base-card-space-media-top-right-top: var(--semantic-space-around-vertical-xs-mobile);
  --base-card-space-media-top-right-right: var(--semantic-space-around-horizontal-xxs);
  --base-card-space-media-bottom-left-bottom: var(--semantic-space-around-vertical-xs-mobile);
  --base-card-space-media-bottom-left-left: var(--semantic-space-around-horizontal-xxs);
  --base-card-space-media-bottom-right-right: var(--semantic-space-around-horizontal-xxs);
  --base-card-space-media-bottom-right-bottom: var(--semantic-space-around-vertical-xs-mobile);
  --button-space-padding-xl-desktop-vertical: var(--semantic-space-around-vertical-sm-desktop);
  --button-space-padding-xl-desktop-horizontal: var(--semantic-space-around-horizontal-xxl-desktop);
  --button-space-padding-xl-mobile-vertical: var(--semantic-space-around-vertical-xl-mobile);
  --button-space-padding-xl-mobile-horizontal: var(--semantic-space-around-horizontal-xxl-mobile);
  --button-space-padding-lg-desktop-vertical: var(--semantic-space-around-vertical-md-desktop);
  --button-space-padding-lg-desktop-horizontal: var(--semantic-space-around-horizontal-xxl-desktop);
  --button-space-padding-lg-mobile-vertical: var(--semantic-space-around-vertical-xl-mobile);
  --button-space-padding-lg-mobile-horizontal: var(--semantic-space-around-horizontal-xxl-mobile);
  --button-space-padding-md-desktop-vertical: var(--semantic-space-around-vertical-sm-desktop);
  --button-space-padding-md-desktop-horizontal: var(--semantic-space-around-horizontal-xl-desktop);
  --button-space-padding-md-mobile-vertical: var(--semantic-space-around-vertical-sm-mobile);
  --button-space-padding-md-mobile-horizontal: var(--semantic-space-around-horizontal-xl-mobile);
  --button-space-padding-sm-vertical: var(--semantic-space-around-vertical-xs-desktop);
  --button-space-padding-sm-horizontal: var(--semantic-space-around-horizontal-sm);
  --button-height-sm-desktop: var(--semantic-size-input-height-sm-desktop);
  --button-height-sm-mobile: var(--semantic-size-input-height-sm-mobile);
  --button-height-md-desktop: var(--semantic-size-input-height-md-desktop);
  --button-height-md-mobile: var(--semantic-size-input-height-md-mobile);
  --button-color-border-primary-hover: var(--semantic-color-border-action-hover); /** button.color.border.primary.hover */
  --button-color-border-primary-pressed: var(--semantic-color-border-action-pressed); /** button.color.border.primary.pressed */
  --button-color-border-secondary-hover: var(--semantic-color-border-action-hover); /** button.color.border.secondary.hover */
  --button-color-border-secondary-pressed: var(--semantic-color-border-action-pressed); /** button.color.border.secondary.pressed */
  --button-color-border-tertiary-default: var(--semantic-color-border-action-primary-default); /** button.color.border.tertiary.default */
  --button-color-border-tertiary-hover: var(--semantic-color-border-action-hover); /** button.color.border.tertiary.hover */
  --button-color-border-tertiary-disabled: var(--semantic-color-border-action-pressed); /** button.color.border.tertiary.disabled */
  --button-color-border-tertiary-pressed: var(--semantic-color-border-action-pressed); /** button.color.border.tertiary.pressed */
  --button-color-text-pressed: var(--semantic-color-content-default); /** button.color.text.pressed */
  --button-color-text-disabled: var(--semantic-color-content-info); /** button.color.text.disabled */
  --button-color-text-primary-default: var(--semantic-color-content-default);
  --button-color-text-primary-disabled: var(--semantic-color-content-inactive);
  --button-color-text-secondary-default: var(--semantic-color-content-default);
  --button-color-text-secondary-disabled: var(--semantic-color-content-inactive);
  --button-font-label-font-weight: var(--semantic-heading-text-font-weight); /** button.font.label.font-weight */
  --button-font-label-letter-spacing: var(--semantic-heading-text-letter-spacing); /** button.font.label.letter-spacing */
  --button-font-label-line-height: var(--semantic-heading-text-line-height);
  --content-block-description-space-margin-top: var(--semantic-content-space-md);
  --content-block-space-optional-slot-top-desktop: var(--semantic-space-between-md);
  --content-block-space-optional-slot-top-mobile: var(--semantic-space-between-md);
  --content-block-space-optional-slot-bottom-desktop: var(--semantic-space-between-md);
  --content-block-space-optional-slot-bottom-mobile: var(--semantic-space-between-md);
  --content-block-font-heading-font-weight: var(--semantic-heading-text-font-weight); /** content-block.font.heading.font-weight */
  --content-block-font-heading-letter-spacing: var(--semantic-heading-text-letter-spacing); /** content-block.font.heading.letter-spacing */
  --content-block-font-heading-line-height: var(--semantic-heading-text-line-height);
  --content-block-font-callout-font-weight: var(--semantic-body-text-font-weight); /** content-block.font.callout.font-weight */
  --content-block-font-callout-letter-spacing: var(--semantic-body-text-letter-spacing); /** content-block.font.callout.letter-spacing */
  --content-block-font-callout-line-height: var(--semantic-body-text-line-height);
  --content-block-font-description-font-weight: var(--semantic-body-text-font-weight); /** content-block.font.description.font-weight */
  --content-block-font-description-letter-spacing: var(--semantic-body-text-letter-spacing); /** content-block.font.description.letter-spacing */
  --content-block-font-description-line-height: var(--semantic-body-text-line-height);
  --content-block-font-subheading-font-weight: var(--semantic-subheading-text-font-weight); /** content-block.font.subheading.font-weight */
  --content-block-font-subheading-letter-spacing: var(--semantic-subheading-letter-spacing); /** content-block.font.subheading.letter-spacing */
  --content-block-font-subheading-line-height: var(--semantic-subheading-text-line-height);
  --countdown-timer-height-sm-desktop: var(--semantic-size-input-height-sm-desktop);
  --countdown-timer-height-sm-mobile: var(--semantic-size-input-height-xs-mobile);
  --input-selection-label-gap: var(--semantic-space-between-xs);
  --input-selection-color-background: var(--semantic-color-content-default);
  --input-text-field-space-padding-sm-right: var(--semantic-space-around-horizontal-xxs);
  --input-text-field-space-padding-sm-left: var(--semantic-space-around-horizontal-sm);
  --input-text-field-space-padding-md-right: var(--semantic-space-around-horizontal-xxs);
  --input-text-field-space-padding-md-left: var(--semantic-space-around-horizontal-sm);
  --input-text-field-color-background-default: var(--semantic-color-background-info-quaternary); /** input.text-field.color.background.default */
  --input-text-field-color-background-hover: var(--semantic-color-background-info-quaternary-hover); /** input.text-field.color.background.hover */
  --input-select-space-padding-sm-right: var(--semantic-space-around-horizontal-xxs);
  --input-select-space-padding-sm-left: var(--semantic-space-around-horizontal-sm);
  --input-select-space-padding-md-right: var(--semantic-space-around-horizontal-xxs);
  --input-select-space-padding-md-left: var(--semantic-space-around-horizontal-sm);
  --input-text-color-disabled: var(--semantic-color-content-inactive); /** input.text.color.disabled */
  --input-font-letter-spacing: var(--semantic-heading-text-letter-spacing); /** input.font.letter-spacing */
  --input-font-font-weight: var(--semantic-heading-text-font-weight); /** input.font.font-weight */
  --input-font-line-height: var(--semantic-heading-text-line-height);
  --alert-color-content-background-success: var(--semantic-color-content-success); /** alert.color.content.background.success */
  --alert-color-content-background-error: var(--semantic-color-content-error); /** alert.color.content.background.error */
  --card-backplate-color-background-default: var(--semantic-color-background-info-secondary); /** card.backplate.color.background.default */
  --card-backplate-color-background-hover: var(--semantic-color-background-info-secondary-hover); /** card.backplate.color.background.hover */
  --dropdown-color-background-default: var(--semantic-color-background-info-quaternary); /** dropdown.color.background.default */
  --dropdown-color-background-hover: var(--semantic-color-background-info-quaternary-hover); /** dropdown.color.background.hover */
  --dropdown-menu-background: var(--semantic-color-background-info-primary);
  --dropdown-menu-border: var(--semantic-color-background-info-primary);
  --game-card-heading-color-text-default: var(--semantic-color-content-default); /** game-card.heading.color.text.default */
  --game-card-heading-color-text-hover: var(--semantic-color-content-heading-hover); /** game-card.heading.color.text.hover */
  --icon-button-color-default: var(--semantic-color-content-info); /** icon.button.color.default */
  --icon-button-color-default-background: var(--semantic-color-background-info-tertiary); /** icon.button.color.default-background */
  --icon-button-color-default-background-hover: var(--semantic-color-background-action-default-hover); /** icon.button.color.default-background-hover */
  --icon-button-color-hover: var(--semantic-color-content-default); /** icon.button.color.hover */
  --icon-button-color-tertiary-background-default: var(--semantic-color-background-action-tertiary-default); /** icon.button.color.tertiary.background.default */
  --icon-button-color-tertiary-background-hover: var(--semantic-color-background-action-tertiary-hover); /** icon.button.color.tertiary.background.hover */
  --icon-button-border-radius-md: var(--semantic-border-radius-rounded); /** icon.button.border-radius.md */
  --icon-button-border-radius-sm: var(--semantic-border-radius-rounded); /** icon.button.border-radius.sm */
  --icon-button-border-radius-xs: var(--semantic-border-radius-rounded); /** icon.button.border-radius.xs */
  --icon-button-tall-border-radius-md: var(--semantic-border-radius-md); /** icon.button.tall.border-radius.md */
  --icon-color-border-default: var(--semantic-color-border-action-secondary-default); /** icon.color.border.default */
  --icon-color-border-hover: var(--semantic-color-border-action-secondary-default); /** icon.color.border.hover */
  --pagination-tab-color-active: var(--semantic-color-content-default); /** color.pagination.tab.color.active */
  --pagination-tab-color-hover: var(--semantic-color-content-info); /** color.pagination.tab.color.hover */
  --pill-color-border-subtle-active: var(--semantic-color-border-action-pressed); /** pill.color.border.subtle.active */
  --progress-bar-border-radius: var(--semantic-border-radius-rounded); /** progress-bar.border-radius */
  --tooltip-color-border-primary: var(--semantic-color-border-info-primary); /** color.tooltip.color.border.primary */
  --tooltip-font-text-font-weight: var(--semantic-body-text-font-weight); /** tooltip.font.text.font-weight */
  --tooltip-font-text-letter-spacing: var(--semantic-body-text-letter-spacing); /** tooltip.font.text.letter-spacing */
  --tooltip-font-text-line-height: var(--semantic-heading-text-line-height);
  --header-heading-font-font-weight: var(--semantic-title-text-font-weight); /** header.heading.font.font-weight */
  --header-heading-font-letter-spacing: var(--semantic-title-text-letter-spacing); /** header.heading.font.letter-spacing */
  --header-heading-font-line-height: var(--semantic-title-text-line-height);
  --price-font-label-discount-letter-spacing: var(--semantic-heading-text-letter-spacing); /** price.font.label.discount.letter-spacing */
  --price-font-label-discount-font-weight: var(--semantic-heading-text-font-weight); /** price.font.label.discount.font-weight */
  --price-font-label-discount-line-height: var(--semantic-heading-text-line-height); /** price/font/label/discount/line-height */
  --price-font-label-font-weight: var(--semantic-heading-text-font-weight); /** price.font.label.font-weight */
  --price-font-label-letter-spacing: var(--semantic-heading-text-letter-spacing); /** price.font.label.letter-spacing */
  --price-font-label-line-height: var(--semantic-title-text-line-height); /** price.font.labe.line-height */
  --tab-standard-font-label-font-weight: var(--semantic-heading-text-font-weight); /** tab.standard.font.label.font-weight */
  --tab-standard-font-label-letter-spacing: var(--semantic-heading-text-letter-spacing); /** tab.standard.font.label.letter-spacing */
  --tab-standard-font-label-line-heigt: var(--semantic-heading-text-line-height);
  --announcement-banner-font-heading-font-family: var(--semantic-heading-text-font-family); /** announcement-banner.font.heading.font-family */
  --announcement-banner-font-heading-font-size-desktop: var(--semantic-heading-text-xl-font-size-desktop); /** announcement-banner.font.heading.font-size.desktop */
  --announcement-banner-font-heading-font-size-mobile: var(--semantic-heading-text-xl-font-size-mobile); /** announcement-banner.font.heading.font-size.mobile */
  --announcement-banner-font-subtext-font-family: var(--semantic-body-text-font-family); /** announcement-banner.font.subtext.font-family */
  --announcement-banner-font-subtext-font-size-desktop: var(--semantic-body-text-md-font-size-desktop); /** announcement-banner.font.subtext.font-size.desktop */
  --announcement-banner-font-subtext-font-size-mobile: var(--semantic-body-text-md-font-size-mobile); /** announcement-banner.font.subtext.font-size.mobile */
  --badge-font-text-font-family: var(--semantic-subheading-text-font-family); /** badge.font.text.font-family */
  --badge-font-text-desktop: var(--badge-font-text-font-weight) var(--badge-font-text-font-size-desktop)/var(--badge-font-text-line-height-computed-desktop) var(--badge-font-text-font-family); /** badge.font.text.desktop */
  --badge-font-text-mobile: var(--badge-font-text-font-weight) var(--badge-font-text-font-size-mobile)/var(--badge-font-text-line-height-computed-mobile) var(--badge-font-text-font-family); /** badge.font.text.mobile */
  --badge-font-text-font-size-desktop: var(--semantic-subheading-text-lg-font-size-desktop); /** badge.font.text.font-size.desktop */
  --badge-font-text-font-size-mobile: var(--semantic-subheading-text-lg-font-size-mobile); /** badge.font.text.font-size.mobile */
  --button-color-text-primary-hover: var(--button-color-text-pressed);
  --button-color-text-primary-active: var(--button-color-text-pressed);
  --button-color-text-secondary-hover: var(--button-color-text-pressed);
  --button-color-text-secondary-active: var(--button-color-text-pressed);
  --button-font-label-xl-font-size-desktop: var(--semantic-heading-text-xxl-font-size-desktop); /** button.font.label.xl.font-size.desktop */
  --button-font-label-xl-desktop: var(--button-font-label-font-weight) var(--button-font-label-xl-font-size-desktop)/var(--button-font-label-xl-line-height-computed-desktop) var(--button-font-label-font-family); /** button.font.label.xl.desktop */
  --button-font-label-xl-font-size-mobile: var(--semantic-title-text-sm-font-size-mobile); /** button.font.label.xl.font-size.mobile */
  --button-font-label-xl-mobile: var(--button-font-label-font-weight) var(--button-font-label-xl-font-size-mobile)/var(--button-font-label-xl-line-height-computed-mobile) var(--button-font-label-font-family); /** button.font.label.xl.mobile */
  --button-font-label-lg-desktop: var(--button-font-label-font-weight) var(--button-font-label-lg-font-size-desktop)/var(--button-font-label-lg-line-height-computed-desktop) var(--button-font-label-font-family); /** button.font.label.lg.desktop */
  --button-font-label-lg-mobile: var(--button-font-label-font-weight) var(--button-font-label-lg-font-size-mobile)/var(--button-font-label-lg-line-height-computed-mobile) var(--button-font-label-font-family); /** button.font.label.lg.mobile */
  --button-font-label-lg-font-size-desktop: var(--semantic-heading-text-xl-font-size-desktop); /** button.font.label.lg.font-size.desktop */
  --button-font-label-lg-font-size-mobile: var(--semantic-heading-text-xl-font-size-mobile); /** button.font.label.lg.font-size.mobile */
  --button-font-label-md-desktop: var(--button-font-label-font-weight) var(--button-font-label-md-font-size-desktop)/var(--button-font-label-md-line-height-computed-desktop) var(--button-font-label-font-family); /** button.font.label.md.desktop */
  --button-font-label-md-mobile: var(--button-font-label-font-weight) var(--button-font-label-md-font-size-mobile)/var(--button-font-label-md-line-height-computed-mobile) var(--button-font-label-font-family); /** button.font.label.md.mobile */
  --button-font-label-md-font-size-desktop: var(--semantic-heading-text-lg-font-size-desktop); /** button.font.label.md.font-size.desktop */
  --button-font-label-md-font-size-mobile: var(--semantic-heading-text-lg-font-size-mobile); /** button.font.label.md.font-size.mobile */
  --button-font-label-sm-font-size-desktop: var(--semantic-heading-text-sm-font-size-desktop); /** button.font.label.sm.font-size.desktop */
  --button-font-label-sm-desktop: var(--button-font-label-font-weight) var(--button-font-label-sm-font-size-desktop)/var(--button-font-label-sm-line-height-computed-desktop) var(--button-font-label-font-family); /** button.font.label.sm.desktop */
  --button-font-label-sm-font-size-mobile: var(--semantic-heading-text-sm-font-size-mobile); /** button.font.label.sm.font-size.mobile */
  --button-font-label-font-family: var(--semantic-heading-text-font-family); /** button.font.label.font-family */
  --button-font-label-sm-mobile: var(--button-font-label-font-weight) var(--button-font-label-sm-font-size-mobile)/var(--button-font-label-sm-line-height-computed-mobile) var(--button-font-label-font-family); /** button.font.label.sm.mobile */
  --content-block-font-heading-lg-desktop: var(--content-block-font-heading-font-weight) var(--content-block-font-heading-lg-font-size-desktop)/var(--content-block-font-heading-lg-line-height-computed-desktop) var(--content-block-font-heading-font-family); /** content-block.font.heading.lg.desktop */
  --content-block-font-heading-lg-mobile: var(--content-block-font-heading-font-weight) var(--content-block-font-heading-lg-font-size-mobile)/var(--content-block-font-heading-lg-line-height-computed-mobile) var(--content-block-font-heading-font-family); /** content-block.font.heading.lg.mobile */
  --content-block-font-heading-lg-font-size-desktop: var(--semantic-title-text-sm-font-size-desktop); /** content-block.font.heading.lg.font-size.desktop */
  --content-block-font-heading-lg-font-size-mobile: var(--semantic-title-text-sm-font-size-mobile); /** content-block.font.heading.lg.font-size.mobile */
  --content-block-font-heading-md-font-size-desktop: var(--semantic-heading-text-xl-font-size-desktop); /** content-block.font.heading.md.font-size.desktop */
  --content-block-font-heading-md-desktop: var(--content-block-font-heading-font-weight) var(--content-block-font-heading-md-font-size-desktop)/var(--content-block-font-heading-md-line-height-computed-desktop) var(--content-block-font-heading-font-family); /** content-block.font.heading.md.desktop */
  --content-block-font-heading-md-font-size-mobile: var(--semantic-heading-text-xl-font-size-mobile); /** content-block.font.heading.lg.font-size.mobile */
  --content-block-font-heading-md-mobile: var(--content-block-font-heading-font-weight) var(--content-block-font-heading-md-font-size-mobile)/var(--content-block-font-heading-md-line-height-computed-mobile) var(--content-block-font-heading-font-family); /** content-block.font.heading.md.mobile */
  --content-block-font-heading-sm-font-size-desktop: var(--semantic-heading-text-lg-font-size-desktop); /** content-block.font.heading.sm.font-size.desktop */
  --content-block-font-heading-sm-desktop: var(--content-block-font-heading-font-weight) var(--content-block-font-heading-sm-font-size-desktop)/var(--content-block-font-heading-sm-line-height-computed-desktop) var(--content-block-font-heading-font-family); /** content-block.font.heading.sm.desktop */
  --content-block-font-heading-sm-font-size-mobile: var(--semantic-heading-text-lg-font-size-desktop); /** content-block.font.heading.lg.font-size.mobile */
  --content-block-font-heading-sm-mobile: var(--content-block-font-heading-font-weight) var(--content-block-font-heading-sm-font-size-mobile)/var(--content-block-font-heading-sm-line-height-computed-mobile) var(--content-block-font-heading-font-family); /** content-block.font.heading.sm.mobile */
  --content-block-font-heading-xs-font-size-desktop: var(--semantic-heading-text-xs-font-size-desktop); /** content-block.font.heading.xs.font-size.desktop */
  --content-block-font-heading-font-family: var(--semantic-heading-text-font-family); /** content-block.font.heading.font-family */
  --content-block-font-heading-xs-desktop: var(--content-block-font-heading-font-weight) var(--content-block-font-heading-xs-font-size-desktop)/var(--content-block-font-heading-xs-line-height-computed-desktop) var(--content-block-font-heading-font-family); /** content-block.font.heading.xs.desktop */
  --content-block-font-heading-xs-font-size-mobile: var(--semantic-heading-text-xs-font-size-desktop); /** content-block.font.heading.xs.font-size.mobile */
  --content-block-font-heading-xs-mobile: var(--content-block-font-heading-font-weight) var(--content-block-font-heading-xs-font-size-mobile)/var(--content-block-font-heading-xs-line-height-computed-mobile) var(--content-block-font-heading-font-family); /** content-block.font.heading.xs.mobile */
  --content-block-font-callout-lg-font-size-desktop: var(--semantic-body-text-md-font-size-desktop); /** content-block.font.callout.lg.font-size.desktop */
  --content-block-font-callout-lg-desktop: var(--content-block-font-callout-font-weight) var(--content-block-font-callout-lg-font-size-desktop)/var(--content-block-font-callout-lg-line-height-computed-desktop) var(--content-block-font-callout-font-family); /** content-block.font.callout.lg.desktop */
  --content-block-font-callout-lg-font-size-mobile: var(--semantic-body-text-md-font-size-mobile); /** content-block.font.callout.lg.font-size.mobile */
  --content-block-font-callout-lg-mobile: var(--content-block-font-callout-font-weight) var(--content-block-font-callout-lg-font-size-mobile)/var(--content-block-font-callout-lg-line-height-computed-mobile) var(--content-block-font-callout-font-family); /** content-block.font.callout.lg.mobile */
  --content-block-font-callout-md-font-size-desktop: var(--semantic-body-text-md-font-size-desktop); /** content-block.font.callout.md.font-size.desktop */
  --content-block-font-callout-md-desktop: var(--content-block-font-callout-font-weight) var(--content-block-font-callout-md-font-size-desktop)/var(--content-block-font-callout-md-line-height-computed-desktop) var(--content-block-font-callout-font-family); /** content-block.font.callout.md.desktop */
  --content-block-font-callout-md-font-size-mobile: var(--semantic-body-text-md-font-size-mobile); /** content-block.font.callout.md.font-size.mobile */
  --content-block-font-callout-md-mobile: var(--content-block-font-callout-font-weight) var(--content-block-font-callout-md-font-size-mobile)/var(--content-block-font-callout-md-line-height-computed-mobile) var(--content-block-font-callout-font-family); /** content-block.font.callout.md.mobile */
  --content-block-font-callout-sm-font-size-desktop: var(--semantic-body-text-md-font-size-desktop); /** content-block.font.callout.sm.font-size.desktop */
  --content-block-font-callout-sm-desktop: var(--content-block-font-callout-font-weight) var(--content-block-font-callout-sm-font-size-desktop)/var(--content-block-font-callout-sm-line-height-computed-desktop) var(--content-block-font-callout-font-family); /** content-block.font.callout.sm.desktop */
  --content-block-font-callout-sm-font-size-mobile: var(--semantic-body-text-md-font-size-mobile); /** content-block.font.callout.sm.font-size.mobile */
  --content-block-font-callout-font-family: var(--semantic-body-text-font-family); /** content-block.font.callout.font-family */
  --content-block-font-callout-sm-mobile: var(--content-block-font-callout-font-weight) var(--content-block-font-callout-sm-font-size-mobile)/var(--content-block-font-callout-sm-line-height-computed-mobile) var(--content-block-font-callout-font-family); /** content-block.font.callout.sm.mobile */
  --content-block-font-callout-xs-desktop: var(--content-block-font-callout-font-weight) var(--content-block-font-callout-xs-font-size-desktop)/var(--content-block-font-callout-xs-line-height-computed-desktop) var(--content-block-font-callout-font-family); /** content-block.font.callout.xs.desktop */
  --content-block-font-callout-xs-mobile: var(--content-block-font-callout-font-weight) var(--content-block-font-callout-xs-font-size-mobile)/var(--content-block-font-callout-xs-line-height-computed-mobile) var(--content-block-font-callout-font-family); /** content-block.font.callout.xs.mobile */
  --content-block-font-callout-xs-font-size-desktop: var(--semantic-body-text-xs-font-size-desktop); /** content-block.font.callout.xs.font-size.desktop */
  --content-block-font-callout-xs-font-size-mobile: var(--semantic-body-text-sm-font-size-mobile); /** content-block.font.callout.xs.font-size.mobile */
  --content-block-font-description-lg-desktop: var(--content-block-font-description-font-weight) var(--content-block-font-description-lg-font-size-desktop)/var(--content-block-font-description-lg-line-height-computed-desktop) var(--content-block-font-description-font-family); /** content-block.font.description.lg.desktop */
  --content-block-font-description-lg-font-size-mobile: var(--semantic-body-text-md-font-size-mobile); /** content-block.font.description.lg.font-size.mobile */
  --content-block-font-description-lg-mobile: var(--content-block-font-description-font-weight) var(--content-block-font-description-lg-font-size-mobile)/var(--content-block-font-description-lg-line-height-computed-mobile) var(--content-block-font-description-font-family); /** content-block.font.description.lg.mobile */
  --content-block-font-description-lg-font-size-desktop: var(--semantic-body-text-md-font-size-desktop); /** content-block.font.description.lg.font-size.desktop */
  --content-block-font-description-md-font-size-desktop: var(--semantic-body-text-md-font-size-desktop); /** content-block.font.description.md.font-size.desktop */
  --content-block-font-description-font-family: var(--semantic-body-text-font-family); /** content-block.font.description.font-family */
  --content-block-font-description-md-desktop: var(--content-block-font-description-font-weight) var(--content-block-font-description-md-font-size-desktop)/var(--content-block-font-description-md-line-height-computed-desktop) var(--content-block-font-description-font-family); /** content-block.font.description.md.desktop */
  --content-block-font-description-md-font-size-mobile: var(--semantic-body-text-md-font-size-mobile); /** content-block.font.description.md.font-size.mobile */
  --content-block-font-description-md-mobile: var(--content-block-font-description-font-weight) var(--content-block-font-description-md-font-size-mobile)/var(--content-block-font-description-md-line-height-computed-mobile) var(--content-block-font-description-font-family); /** content-block.font.description.md.mobile */
  --content-block-font-description-sm-desktop: var(--content-block-font-description-font-weight) var(--content-block-font-description-sm-font-size-desktop)/var(--content-block-font-description-sm-line-height-computed-desktop) var(--content-block-font-description-font-family); /** content-block.font.description.sm.desktop */
  --content-block-font-description-sm-mobile: var(--content-block-font-description-font-weight) var(--content-block-font-description-sm-font-size-mobile)/var(--content-block-font-description-sm-line-height-computed-mobile) var(--content-block-font-description-font-family); /** content-block.font.description.sm.mobile */
  --content-block-font-description-sm-font-size-desktop: var(--semantic-body-text-md-font-size-desktop); /** content-block.font.description.sm.font-size.desktop */
  --content-block-font-description-sm-font-size-mobile: var(--semantic-body-text-md-font-size-mobile); /** content-block.font.description.sm.font-size.mobile */
  --content-block-font-description-xs-font-size-desktop: var(--semantic-body-text-xs-font-size-desktop); /** content-block.font.description.xs.font-size.desktop */
  --content-block-font-description-xs-desktop: var(--content-block-font-description-font-weight) var(--content-block-font-description-xs-font-size-desktop)/var(--content-block-font-description-xs-line-height-computed-desktop) var(--content-block-font-description-font-family); /** content-block.font.description.xs.desktop */
  --content-block-font-description-xs-font-size-mobile: var(--semantic-body-text-sm-font-size-mobile); /** content-block.font.description.xs.font-size.mobile */
  --content-block-font-description-xs-mobile: var(--content-block-font-description-font-weight) var(--content-block-font-description-xs-font-size-mobile)/var(--content-block-font-description-xs-line-height-computed-mobile) var(--content-block-font-description-font-family); /** content-block.font.description.xs.mobile */
  --content-block-font-subheading-lg-font-size-desktop: var(--semantic-subheading-text-lg-font-size-desktop); /** content-block.font.subheading.lg.font-size.desktop */
  --content-block-font-subheading-lg-desktop: var(--content-block-font-subheading-font-weight) var(--content-block-font-subheading-lg-font-size-desktop)/var(--content-block-font-subheading-lg-line-height-computed-desktop) var(--content-block-font-subheading-font-family); /** content-block.font.subheading.lg.desktop */
  --content-block-font-subheading-lg-font-size-mobile: var(--semantic-subheading-text-lg-font-size-mobile); /** content-block.font.subheading.lg.font-size.mobile */
  --content-block-font-subheading-font-family: var(--semantic-subheading-text-font-family); /** content-block.font.subheading.font-family */
  --content-block-font-subheading-lg-mobile: var(--content-block-font-subheading-font-weight) var(--content-block-font-subheading-lg-font-size-mobile)/var(--content-block-font-subheading-lg-line-height-computed-mobile) var(--content-block-font-subheading-font-family); /** content-block.font.subheading.lg.mobile */
  --content-block-font-subheading-md-desktop: var(--content-block-font-subheading-font-weight) var(--content-block-font-subheading-md-font-size-desktop)/var(--content-block-font-subheading-md-line-height-computed-desktop) var(--content-block-font-subheading-font-family); /** content-block.font.subheading.md.desktop */
  --content-block-font-subheading-md-mobile: var(--content-block-font-subheading-font-weight) var(--content-block-font-subheading-md-font-size-mobile)/var(--content-block-font-subheading-md-line-height-computed-mobile) var(--content-block-font-subheading-font-family); /** content-block.font.subheading.md.mobile */
  --content-block-font-subheading-md-font-size-desktop: var(--semantic-subheading-text-md-font-size-desktop); /** content-block.font.subheading.md.font-size.desktop */
  --content-block-font-subheading-md-font-size-mobile: var(--semantic-subheading-text-lg-font-size-mobile); /** content-block.font.subheading.md.font-size.mobile */
  --input-color-background-default: var(--semantic-color-background-action-secondary-default); /** input.color.background.default */
  --input-color-background-hover: var(--semantic-color-background-action-secondary-pressed); /** input.color.background.hover */
  --input-font-md-font-size-desktop: var(--semantic-heading-text-lg-font-size-desktop); /** input.font.md.font-size.desktop */
  --input-font-md-desktop: var(--input-font-font-weight) var(--input-font-md-font-size-desktop)/var(--input-font-md-line-height-computed-desktop) var(--input-font-font-family); /** input.font.md.desktop */
  --input-font-md-font-size-mobile: var(--semantic-heading-text-lg-font-size-mobile); /** input.font.md.font-size.mobile */
  --input-font-md-mobile: var(--input-font-font-weight) var(--input-font-md-font-size-mobile)/var(--input-font-md-line-height-computed-mobile) var(--input-font-font-family); /** input.font.md.mobile */
  --input-font-sm-font-size-desktop: var(--semantic-heading-text-sm-font-size-desktop); /** input.font.sm.font-size.desktop */
  --input-font-sm-desktop: var(--input-font-font-weight) var(--input-font-sm-font-size-desktop)/var(--input-font-sm-line-height-computed-desktop) var(--input-font-font-family); /** input.font.sm.desktop */
  --input-font-sm-font-size-mobile: var(--semantic-heading-text-sm-font-size-mobile); /** input.font.sm.font-size.mobile */
  --input-font-font-family: var(--semantic-heading-text-font-family); /** input.font.font-family */
  --input-font-sm-mobile: var(--input-font-font-weight) var(--input-font-sm-font-size-mobile)/var(--input-font-sm-line-height-computed-mobile) var(--input-font-font-family); /** input.font.sm.mobile */
  --icon-button-color-contrast-background: var(--semantic-color-background-action-secondary-default); /** icon.button.color.contrast.background */
  --icon-button-color-contrast-background-hover: var(--semantic-color-background-action-secondary-hover); /** icon.button.color.contrast.background-hover */
  --pill-color-background-subtle-hover: var(--semantic-color-background-action-secondary-default); /** pill.color.background.subtle.hover */
  --tooltip-font-text-font-family: var(--semantic-body-text-font-family); /** tooltip.font.text.font-family */
  --tooltip-font-text-desktop: var(--tooltip-font-text-font-weight) var(--tooltip-font-text-font-size-desktop)/var(--tooltip-font-text-line-height-computed-desktop) var(--tooltip-font-text-font-family); /** tooltip.font.text.desktop */
  --tooltip-font-text-mobile: var(--tooltip-font-text-font-weight) var(--tooltip-font-text-font-size-mobile)/var(--tooltip-font-text-line-height-computed-mobile) var(--tooltip-font-text-font-family); /** tooltip.font.text.mobile */
  --tooltip-font-text-font-size-desktop: var(--semantic-body-text-md-font-size-desktop); /** tooltip.font.text.font-size.desktop */
  --tooltip-font-text-font-size-mobile: var(--semantic-body-text-md-font-size-mobile); /** tooltip.font.text.font-size.mobile */
  --header-heading-font-xl-desktop: var(--header-heading-font-font-weight) var(--header-heading-font-xl-font-size-desktop)/var(--header-heading-font-xl-line-height-computed-desktop) var(--header-heading-font-font-family); /** header.heading.font.xl.desktop */
  --header-heading-font-xl-mobile: var(--header-heading-font-font-weight) var(--header-heading-font-xl-font-size-mobile)/var(--header-heading-font-xl-line-height-computed-mobile) var(--header-heading-font-font-family); /** header.heading.font.xl.mobile */
  --header-heading-font-xl-font-size-desktop: var(--semantic-title-text-lg-font-size-desktop); /** header.heading.font.xl.font-size.desktop */
  --header-heading-font-xl-font-size-mobile: var(--semantic-title-text-lg-font-size-mobile); /** header.heading.font.xl.font-size.mobile */
  --header-heading-font-lg-desktop: var(--header-heading-font-font-weight) var(--header-heading-font-lg-font-size-desktop)/var(--header-heading-font-lg-line-height-computed-desktop) var(--header-heading-font-font-family); /** header.heading.font.lg.desktop */
  --header-heading-font-lg-mobile: var(--header-heading-font-font-weight) var(--header-heading-font-lg-font-size-mobile)/var(--header-heading-font-lg-line-height-computed-mobile) var(--header-heading-font-font-family); /** header.heading.font.lg.mobile */
  --header-heading-font-lg-font-size-desktop: var(--semantic-title-text-md-font-size-desktop); /** header.heading.font.lg.font-size.desktop */
  --header-heading-font-lg-font-size-mobile: var(--semantic-title-text-lg-font-size-mobile); /** header.heading.font.lg.font-size.mobile */
  --header-heading-font-md-font-size-desktop: var(--semantic-title-text-sm-font-size-desktop); /** header.heading.font.md.font-size.desktop */
  --header-heading-font-md-desktop: var(--header-heading-font-font-weight) var(--header-heading-font-md-font-size-desktop)/var(--header-heading-font-md-line-height-computed-desktop) var(--header-heading-font-font-family); /** header.heading.font.md.desktop */
  --header-heading-font-md-font-size-mobile: var(--semantic-title-text-sm-font-size-mobile); /** header.heading.font.md.font-size.mobile */
  --header-heading-font-md-mobile: var(--header-heading-font-font-weight) var(--header-heading-font-md-font-size-mobile)/var(--header-heading-font-md-line-height-computed-mobile) var(--header-heading-font-font-family); /** header.heading.font.md.mobile */
  --header-heading-font-sm-font-size-desktop: var(--semantic-heading-text-xl-font-size-desktop); /** header.heading.font.sm.font-size.desktop */
  --header-heading-font-sm-desktop: var(--header-heading-font-font-weight) var(--header-heading-font-sm-font-size-desktop)/var(--header-heading-font-sm-line-height-computed-desktop) var(--header-heading-font-font-family); /** header.heading.font.sm.desktop */
  --header-heading-font-sm-font-size-mobile: var(--semantic-heading-text-xl-font-size-mobile); /** header.heading.font.sm.font-size.mobile */
  --header-heading-font-sm-mobile: var(--header-heading-font-font-weight) var(--header-heading-font-sm-font-size-mobile)/var(--header-heading-font-sm-line-height-computed-mobile) var(--header-heading-font-font-family); /** header.heading.font.sm.mobile */
  --header-heading-font-xs-font-size-desktop: var(--semantic-heading-text-lg-font-size-desktop); /** header.heading.font.xs.font-size.desktop */
  --header-heading-font-xs-desktop: var(--header-heading-font-font-weight) var(--header-heading-font-xs-font-size-desktop)/var(--header-heading-font-xs-line-height-computed-desktop) var(--header-heading-font-font-family); /** header.heading.font.xs.desktop */
  --header-heading-font-xs-font-size-mobile: var(--semantic-heading-text-lg-font-size-mobile); /** header.heading.font.xs.font-size.mobile */
  --header-heading-font-font-family: var(--semantic-title-text-font-family); /** header.heading.font.font-family */
  --header-heading-font-xs-mobile: var(--header-heading-font-font-weight) var(--header-heading-font-xs-font-size-mobile)/var(--header-heading-font-xs-line-height-computed-mobile) var(--header-heading-font-font-family); /** header.heading.font.xs.mobile */
  --header-heading-font-xxs-desktop: var(--header-heading-font-font-weight) var(--header-heading-font-xxs-font-size-desktop)/var(--header-heading-font-xxs-line-height-computed-desktop) var(--header-heading-font-font-family); /** header.heading.font.xxs.desktop */
  --header-heading-font-xxs-mobile: var(--header-heading-font-font-weight) var(--header-heading-font-xxs-font-size-mobile)/var(--header-heading-font-xxs-line-height-computed-mobile) var(--header-heading-font-font-family); /** header.heading.font.xxs.mobile */
  --header-heading-font-xxs-font-size-desktop: var(--semantic-heading-text-md-font-size-desktop); /** header.heading.font.xxs.font-size.desktop */
  --header-heading-font-xxs-font-size-mobile: var(--semantic-heading-text-lg-font-size-mobile); /** header.heading.font.xxs.font-size.mobile */
  --price-font-label-xl-font-size-desktop: var(--semantic-title-text-md-font-size-desktop); /** price.font.label.xl.font-size.desktop */
  --price-font-label-xl-desktop: var(--price-font-label-font-weight) var(--price-font-label-xl-font-size-desktop)/var(--price-font-label-xl-line-height-computed-desktop) var(--price-font-label-font-family); /** price.font.label.xl.desktop */
  --price-font-label-xl-font-size-mobile: var(--semantic-title-text-md-font-size-mobile); /** price.font.label.xl.font-size.mobile */
  --price-font-label-xl-mobile: var(--price-font-label-font-weight) var(--price-font-label-xl-font-size-mobile)/var(--price-font-label-xl-line-height-computed-mobile) var(--price-font-label-font-family); /** price.font.label.xl.mobile */
  --price-font-label-discount-xl-font-size-desktop: var(--semantic-heading-text-xl-font-size-desktop); /** price.font.label.discount.xl.font-size.desktop */
  --price-font-label-discount-xl-desktop: var(--price-font-label-discount-font-weight) var(--price-font-label-discount-xl-font-size-desktop)/var(--price-font-label-discount-xl-line-height-computed-desktop) var(--price-font-label-discount-font-family); /** price.font.label.discount.xl.desktop */
  --price-font-label-discount-xl-font-size-mobile: var(--semantic-heading-text-xl-font-size-mobile); /** price.font.label.discount.xl.font-size.mobile */
  --price-font-label-discount-font-family: var(--semantic-heading-text-font-family); /** price.font.label.discount.font-family */
  --price-font-label-discount-xl-mobile: var(--price-font-label-discount-font-weight) var(--price-font-label-discount-xl-font-size-mobile)/var(--price-font-label-discount-xl-line-height-computed-mobile) var(--price-font-label-discount-font-family); /** price.font.label.discount.xl.mobile */
  --price-font-label-discount-lg-desktop: var(--price-font-label-discount-font-weight) var(--price-font-label-discount-lg-font-size-desktop)/var(--price-font-label-discount-lg-line-height-computed-desktop) var(--price-font-label-discount-font-family); /** price.font.label.discount.lg.desktop */
  --price-font-label-discount-lg-mobile: var(--price-font-label-discount-font-weight) var(--price-font-label-discount-lg-font-size-mobile)/var(--price-font-label-discount-lg-line-height-computed-mobile) var(--price-font-label-discount-font-family); /** price.font.label.discount.lg.mobile */
  --price-font-label-discount-lg-font-size-desktop: var(--semantic-heading-text-lg-font-size-desktop); /** price.font.label.discount.lg.font-size.desktop */
  --price-font-label-discount-lg-font-size-mobile: var(--semantic-heading-text-lg-font-size-mobile); /** price.font.label.discount.lg.font-size.mobile */
  --price-font-label-discount-md-font-size-desktop: var(--semantic-heading-text-sm-font-size-desktop); /** price.font.label.discount.md.font-size.desktop */
  --price-font-label-discount-md-desktop: var(--price-font-label-discount-font-weight) var(--price-font-label-discount-md-font-size-desktop)/var(--price-font-label-discount-md-line-height-computed-desktop) var(--price-font-label-discount-font-family); /** price.font.label.discount.md.desktop */
  --price-font-label-discount-md-font-size-mobile: var(--semantic-heading-text-md-font-size-mobile); /** price.font.label.discount.md.font-size.mobile */
  --price-font-label-discount-md-mobile: var(--price-font-label-discount-font-weight) var(--price-font-label-discount-md-font-size-mobile)/var(--price-font-label-discount-md-line-height-computed-mobile) var(--price-font-label-discount-font-family); /** price.font.label.discount.md.mobile */
  --price-font-label-discount-sm-font-size-desktop: var(--semantic-heading-text-sm-font-size-desktop); /** price.font.label.discount.sm.font-size.desktop */
  --price-font-label-discount-sm-desktop: var(--price-font-label-discount-font-weight) var(--price-font-label-discount-sm-font-size-desktop)/var(--price-font-label-discount-sm-line-height-computed-desktop) var(--price-font-label-discount-font-family); /** price.font.label.discount.sm.desktop */
  --price-font-label-discount-sm-font-size-mobile: var(--semantic-heading-text-sm-font-size-mobile); /** price.font.label.discount.sm.font-size.mobile */
  --price-font-label-discount-sm-mobile: var(--price-font-label-discount-font-weight) var(--price-font-label-discount-sm-font-size-mobile)/var(--price-font-label-discount-sm-line-height-computed-mobile) var(--price-font-label-discount-font-family); /** price.font.label.discount.sm.mobile */
  --price-font-label-lg-desktop: var(--price-font-label-font-weight) var(--price-font-label-lg-font-size-desktop)/var(--price-font-label-lg-line-height-computed-desktop) var(--price-font-label-font-family); /** price.font.label.lg.desktop */
  --price-font-label-lg-mobile: var(--price-font-label-font-weight) var(--price-font-label-lg-font-size-mobile)/var(--price-font-label-lg-line-height-computed-mobile) var(--price-font-label-font-family); /** price.font.label.lg.mobile */
  --price-font-label-lg-font-size-desktop: var(--semantic-title-text-sm-font-size-desktop); /** price.font.label.lg.font-size.desktop */
  --price-font-label-lg-font-size-mobile: var(--semantic-title-text-sm-font-size-mobile); /** price.font.label.lg.font-size.mobile */
  --price-font-label-md-font-size-desktop: var(--semantic-heading-text-xl-font-size-desktop); /** price.font.label.md.font-size.desktop */
  --price-font-label-font-family: var(--semantic-heading-text-font-family); /** price.font.label.font-family */
  --price-font-label-md-desktop: var(--price-font-label-font-weight) var(--price-font-label-md-font-size-desktop)/var(--price-font-label-md-line-height-computed-desktop) var(--price-font-label-font-family); /** price.font.label.md.desktop */
  --price-font-label-md-font-size-mobile: var(--semantic-heading-text-xl-font-size-mobile); /** price.font.label.md.font-size.mobile */
  --price-font-label-md-mobile: var(--price-font-label-font-weight) var(--price-font-label-md-font-size-mobile)/var(--price-font-label-md-line-height-computed-mobile) var(--price-font-label-font-family); /** price.font.label.md.mobile */
  --price-font-label-sm-font-size-desktop: var(--semantic-heading-text-sm-font-size-desktop); /** price.font.label.sm.font-size.desktop */
  --price-font-label-sm-desktop: var(--price-font-label-font-weight) var(--price-font-label-sm-font-size-desktop)/var(--price-font-label-sm-line-height-computed-desktop) var(--price-font-label-font-family); /** price.font.label.sm.desktop */
  --price-font-label-sm-font-size-mobile: var(--semantic-heading-text-sm-font-size-mobile); /** price.font.label.sm.font-size.mobile */
  --price-font-label-sm-mobile: var(--price-font-label-font-weight) var(--price-font-label-sm-font-size-mobile)/var(--price-font-label-sm-line-height-computed-mobile) var(--price-font-label-font-family); /** price.font.label.sm.mobile */
  --tab-standard-font-label-font-family: var(--semantic-heading-text-font-family); /** tab.standard.font.label.font-family */
  --tab-standard-font-label-desktop: var(--tab-standard-font-label-font-weight) var(--tab-standard-font-label-font-size-desktop)/var(--tab-standard-font-label-line-height-computed-desktop) var(--tab-standard-font-label-font-family); /** tab.standard.font.label.desktop */
  --tab-standard-font-label-font-size-mobile: var(--semantic-heading-text-xl-font-size-mobile); /** tab.standard.font.label.font-size.mobile */
  --tab-standard-font-label-mobile: var(--tab-standard-font-label-font-weight) var(--tab-standard-font-label-font-size-mobile)/var(--tab-standard-font-label-line-height-computed-mobile) var(--tab-standard-font-label-font-family); /** tab.standard.font.label.mobile */
  --tab-standard-font-label-font-size-desktop: var(--semantic-heading-text-xl-font-size-desktop); /** tab.standard.font.label.font-size.desktop */
}

blz-showcase.error-page .background-image {
  bottom: 50px;
}
blz-showcase.error-page h2.blz-heading {
  font-weight: bold;
}
blz-showcase.error-page blz-button {
  background-color: #006FB2;
  border: 1px solid #00AEFF;
  border-radius: 0;
  transition: color 200ms, background-color 200ms, border-color 200ms;
  font-family: "Open Sans";
}
blz-showcase.error-page blz-button:hover, blz-showcase.error-page blz-button:focus, blz-showcase.error-page blz-button:focus-within {
  background-color: #007bc6;
  border: solid 1px #79d4ff;
  color: #fff;
}

/**
 *  filename: lib/fruit/styles/styles.scss
 *  description: --
 **/
/**
 *  filename: lib/fruit/styles/after-before.scss
 *  description: --
 **/
/**
 *  filename: styles/asset-url.scss
 *  description: Returns an akamaized link given the suffix of a Contentstack asset url
 **/
/**
 *  filename: styles/jump-link.scss
 *  description: Style that maps to a jumplink
 **/
.jump-link {
  display: block;
  position: relative;
  top: -48px;
}
@media (min-width: 960px) {
  .jump-link {
    top: calc(var(--nav-height) * -1);
  }
}

/**
 *  filename: lib/fruit/styles/main-content.scss
 *  description: --
 **/
.main-content {
  width: 100%;
  max-width: 2600px;
  overflow: hidden;
}

/**
 *  filename: lib/fruit/styles/section.scss
 *  description: --
 **/
.section {
  position: relative;
}

/**
 *  filename: lib/fruit/styles/variables.scss
 *  description: --
 **/
body {
  margin: 0;
  background: #000;
  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-flow: column;
}

[slot=heading] {
  hyphens: auto;
}

blz-cross-sell {
  --items-in-gallery: 4 !important;
}
blz-cross-sell::part(gallery) {
  gap: 40px;
  overflow: auto;
  padding-top: 40px;
}
blz-cross-sell blz-game-tile {
  overflow: hidden !important;
}

blz-lightbox::part(close), blz-platform-select::part(close) {
  cursor: pointer;
}

blz-carousel-section blz-feature {
  overflow: visible;
}

@media (min-width: 960px) {
  .section[data-section-type=feature] blz-feature::part(inner-content) {
    grid-column: span 7;
  }
  .section[data-section-type=feature] blz-feature::part(media-content) {
    grid-column: span 5;
  }
}
@media (min-width: 1200px) {
  .section[data-section-type=feature] blz-feature::part(inner-content) {
    grid-column: span 6;
  }
  .section[data-section-type=feature] blz-feature::part(media-content) {
    grid-column: span 6;
  }
}
@media (min-width: 1600px) {
  .section[data-section-type=feature] blz-feature::part(inner-content) {
    grid-column: span 5;
  }
  .section[data-section-type=feature] blz-feature::part(media-content) {
    grid-column: span 7;
  }
}

blz-button-group {
  gap: 24px;
}

.section.carousel blz-tab-controls::part(tab-content) {
  flex-wrap: nowrap;
}

.section.social blz-header {
  margin-bottom: 0;
}

blz-game-tile {
  border-radius: 0;
  position: relative;
  max-width: none;
}

blz-card div[slot=media] {
  display: flex;
  justify-content: center;
  align-items: center;
}

blz-card div[slot=media] custom-icon {
  position: absolute;
}

blz-feature-carousel-section [slot=background] {
  transition: opacity 350ms;
  display: block;
  opacity: 0 !important;
}

blz-feature-carousel-section [slot=background].background-active {
  opacity: 1 !important;
}

blz-carousel-section blz-feature blz-image {
  margin: 0 auto;
}

blz-carousel::part(main-content) {
  grid-template-columns: [left-arrow-start] 2fr [left-arrow-end content-start] minmax(0, 1000px) [content-end right-arrow-start] 2fr [right-arrow-end];
}
blz-carousel::part(bottom-controls) {
  overflow: visible;
}

blz-age-gate simple-background {
  z-index: -1;
  top: 0;
  left: 0;
}

.section.social-footer blz-social-section::part(header) {
  text-transform: uppercase;
}

@media (min-width: 960px) {
  .section[data-section-type=feature_carousel] blz-tab-controls::part(tab-content) {
    justify-content: left;
    flex-wrap: nowrap;
  }
  .section.classes custom-icon {
    --icon-size: 72px;
  }
  .section.races custom-icon {
    --icon-size: 72px;
  }
  blz-feature-carousel-section blz-tab-controls::part(indicators-track) {
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  blz-cross-sell::part(gallery) {
    overflow: visible;
    padding-top: 0;
  }
}
.jump-link {
  --nav-height: 72px;
}

/**
 *  filename: assets/css/shared/components/_blz-age-gate.scss
 *  description: --
 **/
blz-age-gate::part(content) {
  background-position: var(--age-gate-background-position, center);
  background-repeat: var(--age-gate-background-repeat, no-repeat);
  background-size: var(--age-gate-background-size, cover);
}

/**
 *  filename: assets/css/shared/components/_blz-button.scss
 *  description: --
 **/
blz-button::part(host-anchor) {
  z-index: 1;
  text-transform: uppercase;
}

blz-media-gallery::part(cta-text) {
  text-transform: uppercase;
}

/**
 *  filename: assets/css/shared/components/_blz-card.scss
 *  description: --
 **/
blz-card::part(play-icon) {
  background-image: var(--icon-play-button);
  transition: background-image 350ms;
  background-position: center;
  background-size: contain;
  color: transparent;
}
blz-card:hover::part(play-icon) {
  background-image: var(--icon-play-button-hover);
}

/**
 *  filename: assets/css/shared/components/_blz-comparison-slider.scss
 *  description: --
 **/
blz-comparison-slider {
  max-width: 960px;
  max-height: 540px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
blz-comparison-slider blz-web-video {
  transform: scale(2);
}
blz-comparison-slider::part(handlebar-container) {
  pointer-events: all;
}
blz-comparison-slider::part(left-arrow), blz-comparison-slider::part(right-arrow) {
  display: none;
}
blz-comparison-slider::part(handle) {
  background-image: var(--icon-slider);
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
}

/**
 *  filename: assets/css/shared/components/_blz-lightbox.scss
 *  description: --
 **/
blz-lightbox blz-image, blz-lightbox blz-video {
  position: relative;
}

@media (min-width: 960px) {
  blz-lightbox blz-image, blz-lightbox blz-video {
    margin: 0 auto;
  }
}
/**
 *  filename: assets/css/shared/components/_blz-masthead.scss
 *  description: --
 **/
blz-masthead [slot=platform] {
  text-shadow: 0 0 20px black;
}
blz-masthead [slot=platform] blz-icon {
  transition: filter 350ms;
}
blz-masthead [slot=platform] blz-icon:hover {
  filter: brightness(1.5);
}
blz-masthead blz-icon-group::part(content) {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
blz-masthead [slot=content-after] {
  text-shadow: 0 0 20px #000000, 0 0 20px #000000;
}

/**
 *  filename: assets/css/shared/components/_blz-video.scss
 *  description: --
 **/
blz-video [slot=thumbnail-play] {
  max-width: 70px;
  filter: drop-shadow(0px 2px 9px black);
}
blz-video [slot=thumbnail-play]:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: opacity 350ms;
  background-position: center;
  background-size: contain;
  background-image: var(--icon-play-button-hover);
  opacity: 0;
}
blz-video:hover [slot=thumbnail-play]:after {
  opacity: 1;
}

/**
 *  filename: assets/css/shared/mixins/_icon-colors.scss
 *  description: --
 **/
/**
 *  filename: assets/css/shared/sections/_masthead-overview.scss
 *  description: Styles for the masthead-overview, masthead, and overview sections shared between all sites
 **/
.section.masthead-overview blz-masthead[layout=left]::part(section),
.section.masthead-overview blz-masthead[layout=right]::part(section) {
  min-height: max(220vw, 850px);
  justify-content: flex-start;
}

.section.masthead blz-header {
  position: relative;
}

/** ~ Breakpoint overrides go below this line ~ **/
@media (min-width: 480px) {
  .section.masthead-overview blz-masthead[layout=left]::part(section),
  .section.masthead-overview blz-masthead[layout=right]::part(section) {
    min-height: max(175vw, 1150px);
  }
}
@media (min-width: 720px) {
  .section.masthead-overview blz-masthead[layout=left]::part(section),
  .section.masthead-overview blz-masthead[layout=right]::part(section) {
    min-height: max(165vw, 1350px);
  }
}
@media (min-width: 960px) {
  .section.masthead-overview blz-masthead[layout=left]::part(section),
  .section.masthead-overview blz-masthead[layout=right]::part(section) {
    min-height: 900px;
  }
}
/**
 *  filename: assets/css/shared/sections/_optional-feature.scss
 *  description: Styles for the optional feature section, shared between all sites
 **/
/** ~ Breakpoint overrides go below this line ~ **/
/**
 *  filename: assets/css/shared/sections/_game-feature.scss
 *  description: Styles for the game-features section, shared between all sites
 **/
.section.game-features blz-card {
  background: transparent;
}

/** ~ Breakpoint overrides go below this line ~ **/
/**
 *  filename: assets/css/shared/sections/_outro.scss
 *  description: --
 **/
@media (min-width: 960px) {
  .section.outro blz-header {
    margin-top: 100px;
  }
}
/**
 *  filename: assets/css/shared/sections/_error.scss
 *  description: --
 **/
.section.error blz-video,
.section.error blz-image {
  position: relative;
}
.section.error blz-page-header::part(section) {
  display: flex;
  flex-flow: column;
  gap: 30px;
}
.section.error blz-button-group {
  justify-content: center;
  z-index: 10;
}

@media (min-width: 960px) {
  .section.error blz-video,
  .section.error blz-image {
    max-width: 800px;
  }
}
/**
 *  filename: assets/css/shared/sections/_feature-carousel.scss
 *  description: --
 **/
.section[data-section-type=feature_carousel] {
  /** md breakpoint (width > 960px) **/
}
.section[data-section-type=feature_carousel] [slot=heading] {
  text-shadow: 0px 0px 10px black, 0px 0px 20px black;
  color: #fff;
}
.section[data-section-type=feature_carousel] [slot=description] {
  text-shadow: 0px 0px 10px black, 0px 0px 15px black, 0px 0px 20px black;
}
.section[data-section-type=feature_carousel] blz-carousel[slot=mobile-carousel]::part(main-content) {
  min-height: 500px;
  display: flex;
  align-items: flex-end;
}
.section[data-section-type=feature_carousel] blz-carousel[slot=mobile-carousel] blz-tab-controls::part(indicators-container) {
  overflow: visible;
}
.section[data-section-type=feature_carousel] blz-carousel[slot=mobile-carousel] blz-tab-controls::part(indicators-track) {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px var(--gap);
}
.section[data-section-type=feature_carousel] blz-feature {
  padding-top: 20px;
}
.section[data-section-type=feature_carousel] blz-tab-controls {
  overflow: visible;
}
.section[data-section-type=feature_carousel] blz-tab-controls::part(indicators-container) {
  overflow: visible;
}
.section[data-section-type=feature_carousel] blz-tab-controls::part(indicators-track) {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px var(--gap);
}
.section[data-section-type=feature_carousel] blz-tab-control {
  --icon-size: var(--global-size-600);
  filter: drop-shadow(0px 3px 8px black) drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.4));
}
@media (min-width: 960px) {
  .section[data-section-type=feature_carousel] blz-feature-carousel-section::part(section) {
    min-height: 900px;
    display: flex;
    justify-content: center;
  }
  .section[data-section-type=feature_carousel] blz-feature-carousel-section > blz-header,
  .section[data-section-type=feature_carousel] blz-tab-controls,
  .section[data-section-type=feature_carousel] blz-feature {
    padding-left: 20px;
  }
  .section[data-section-type=feature_carousel] blz-feature {
    padding-bottom: 20px;
    padding-top: 0px;
    max-width: 620px;
  }
  .section[data-section-type=feature_carousel] blz-tab-control {
    --icon-size: var(--global-size-900);
  }
}

/**
 *  filename: assets/css/w3r/fonts.scss
 *  description: Fonts for Warcraft III: Remastered
 **/
@font-face {
  font-family: "Lato";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltcdbf89ec0363aff6/65813a22606546502ce09680/Lato-Regular.ttf?auto=webp);
}
@font-face {
  font-family: "Bliz Quadrata Web";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt44ef1b56a33429e5/65813a2237a55312ec3f4b9f/BlizQuadrataWeb-Regular.woff2?auto=webp);
}
:root {
  --font-default: "Lato";
  --font-default-scale: 1;
  --font-accent: "Bliz Quadrata Web";
  --font-accent-scale: 1;
}

[slot=heading], [slot=subheading] {
  font-family: "Bliz Quadrata Web", sans-serif;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px black, 0px 0px 20px black;
}

[slot=description],
[slot^=content] {
  font-family: "Lato", sans-serif;
  color: rgb(184, 187, 204);
  text-shadow: 0px 0px 10px black, 0px 0px 15px black, 0px 0px 20px black;
}

blz-feature [slot=heading] {
  text-transform: none;
}

/**
 *  filename: assets/css/w3r/media.scss
 *  description: --
 **/
[slot=media],
blz-card [slot=image],
blz-lightbox [slot^=slide],
.error blz-image {
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
[slot=media]:after,
blz-card [slot=image]:after,
blz-lightbox [slot^=slide]:after,
.error blz-image:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  pointer-events: none;
}

blz-youtube-video[slot=media],
blz-web-video[slot=media],
blz-media-gallery [slot=media],
blz-cross-sell [slot=media] {
  transition: box-shadow 350ms, filter 350ms;
}
blz-youtube-video[slot=media]:hover,
blz-web-video[slot=media]:hover,
blz-media-gallery [slot=media]:hover,
blz-cross-sell [slot=media]:hover {
  filter: brightness(1.2);
  box-shadow: 0px 0px 14px rgba(255, 150, 150, 0.5);
}

blz-youtube-video custom-icon,
blz-web-video custom-icon,
blz-media-gallery [slot=media] custom-icon {
  --icon-width: 72px;
  --icon-height: 72px;
}

/**
 *  filename: assets/css/w3r/sections/_carousel-media-gallery.scss
 *  description: --
 **/
/**
 *  filename: assets/css/w3r/sections/_cross-sell.scss
 *  description: --
 **/
blz-cross-sell blz-content-block [slot=heading] {
  text-transform: none;
}
blz-cross-sell blz-content-block [slot=subheading] {
  font-size: var(--global-font-size-200);
  color: rgb(208, 233, 255);
}

/**
 *  filename: assets/css/w3r/sections/_error.scss
 *  description: --
 **/
.section.error [slot=background]::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 4%, transparent 20%, transparent 70%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.5) 4%, transparent 20%, transparent 70%, rgba(0, 0, 0, 0.7) 100%);
}

/**
 *  filename: assets/css/w3r/sections/_feature_carousel.scss
 *  description: --
 **/
.section.races blz-carousel::part(bottom-controls) {
  display: none;
}

/**
 *  filename: assets/css/w3r/sections/_optional-feature.scss
 *  description: Styles for the game features blz-highlights section
 **/
.section.game-features > [slot=background]:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 9.46%, rgba(0, 0, 0, 0.0134859) 90.72%, rgba(0, 0, 0, 0.2) 100%);
}
.section.game-features blz-card [slot=image] {
  margin-bottom: 5px;
}

/**
 *  filename: assets/css/w3r/sections/_masthead-overview.scss
 *  description: Styles for the masthead overview, masthead, and overview sections
 **/
.section.masthead-overview {
  background-color: #132872;
}
.section.masthead-overview blz-masthead[layout=left]::part(section),
.section.masthead-overview blz-masthead[layout=right]::part(section) {
  min-height: 970px;
}

/** ~ Breakpoint overrides go below this line ~ **/
@media (min-width: 480px) {
  .section.masthead-overview blz-masthead[layout=left]::part(section),
  .section.masthead-overview blz-masthead[layout=right]::part(section) {
    min-height: max(175vw, 1150px);
  }
}
@media (min-width: 720px) {
  .section.masthead-overview blz-masthead[layout=left]::part(section),
  .section.masthead-overview blz-masthead[layout=right]::part(section) {
    min-height: max(165vw, 1350px);
  }
}
@media (min-width: 960px) {
  .section.masthead-overview blz-masthead[layout=left]::part(section),
  .section.masthead-overview blz-masthead[layout=right]::part(section) {
    min-height: 900px;
  }
  .section.masthead blz-header [slot=heading]:before {
    z-index: -1;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: radial-gradient(#132872 0, transparent 50%);
    width: 100%;
    height: 700%;
    left: 0%;
    top: -200%;
  }
}
/**
 *  filename: assets/css/w3r/sections/_outro.scss
 *  description: --
 **/
/**
 *  filename: assets/css/w3r/sections/_social-footer.scss
 *  description: --
 **/
/**
 *  filename: assets/css/w3r/components/_blz-button.scss
 *  description: --
 **/
blz-button[variant=primary] {
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  transition: box-shadow 350ms, filter 350ms;
  text-transform: uppercase;
  border-radius: 2px;
  background-image: linear-gradient(180deg, #E99E2C 0%, #EBC547 99.99%, #EDBC1B 100%);
  color: #261d17;
}
blz-button[variant=primary]:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  pointer-events: none;
}
blz-button[variant=primary]:hover {
  filter: brightness(1.2);
  box-shadow: 0px 0px 14px rgba(255, 150, 150, 0.5);
}
blz-button[variant=primary]:after {
  border-radius: 2px;
}
blz-button[variant=primary]:hover {
  filter: saturate(1.1) brightness(1.15);
}

blz-button[variant=default], blz-media-gallery::part(cta) {
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  transition: box-shadow 350ms, filter 350ms;
  text-transform: uppercase;
  border-radius: 2px;
  background-image: linear-gradient(180deg, #263373 0%, #4061BF 100%);
  color: #fac632;
}
blz-button[variant=default]:after, blz-media-gallery::part(cta):after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  pointer-events: none;
}
blz-button[variant=default]:hover, blz-media-gallery::part(cta):hover {
  filter: brightness(1.2);
  box-shadow: 0px 0px 14px rgba(255, 150, 150, 0.5);
}
blz-button[variant=default]:after, blz-media-gallery::part(cta):after {
  border-radius: 2px;
}
blz-button[variant=default]:hover, blz-media-gallery::part(cta):hover {
  filter: saturate(1.1) brightness(1.15);
}

/**
 *  filename: assets/css/w3r/easter-egg.scss
 *  description: --
 **/
.this-city-must-be-purged.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 98;
  display: flex;
  pointer-events: none;
}
.this-city-must-be-purged.wrap {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 350ms;
  display: flex;
}
.this-city-must-be-purged.wrap.visible {
  opacity: 1;
}
.this-city-must-be-purged.background {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}
.this-city-must-be-purged.container {
  display: flex;
  background-color: rgb(9, 9, 49);
  position: relative;
  flex-flow: column;
}
@media (min-width: 720px) {
  .this-city-must-be-purged.container {
    flex-flow: row;
  }
}
.this-city-must-be-purged img.arthas-purge {
  margin: 50px;
}
.this-city-must-be-purged div.arthas-text {
  margin: 0px 50px 50px 50px;
  display: flex;
  flex-flow: column;
  font-family: Lato, sans-serif;
  filter: blur(0.5px);
  text-shadow: 1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;
  text-align: center;
}
@media (min-width: 720px) {
  .this-city-must-be-purged div.arthas-text {
    margin: 70px 50px 50px 0px;
    text-align: left;
  }
}
.this-city-must-be-purged .arthas-name {
  color: #908746;
  font-size: 35px;
}
.this-city-must-be-purged .arthas-speech {
  color: #fff;
  font-size: 25px;
}

.section.masthead blz-icon-group blz-icon, .section.social blz-icon-group blz-icon {
  transition: color 350ms, filter 350ms;
  color: rgba(232, 232, 232, 0.9);
  filter: drop-shadow(0px 0px 5px rgba(255, 150, 150, 0.5));
}
.section.masthead blz-icon-group blz-icon:hover, .section.social blz-icon-group blz-icon:hover {
  color: rgb(255, 255, 255);
  filter: drop-shadow(0px 0px 8px rgba(255, 150, 150, 0.8)) drop-shadow(0px 0px 2px rgba(255, 0, 0, 0.5)) brightness(1.5);
}

[slot=left-arrow], [slot=right-arrow], blz-lightbox, blz-platform-select {
  --icon-width: 56px;
  --icon-height: 56px;
}

@media (min-width: 960px) {
  .section.masthead + cosmetic-section-divider {
    display: none;
  }
}
blz-nav {
  --navbar-background-color: #2e231d;
  --navbar-button-color-primary: #fac632;
  --navbar-button-color-primary-hover: #ebc547;
  --navbar-menu-background-color: #1a120e;
  --navbar-menu-background-color-alt: #120d0a;
  --navbar-button-text-color: #261d17;
}