/**
 *  filename: assets/css/wasabi.scss
 *  description: BWA workaround since scss files cannot be nested
 **/
/**
 *  filename: assets/css/pages/wasabi/index.scss
 *  description: Top level CSS file for the wasabi//expansion #1 page
 **/
/**
 *  filename: assets/css/global.scss
 *  description: --
 **/
/* Global Breakpoints */
/* Max-width (down) breakpoints: use for styles that apply at and below a given breakpoint. */
/* Global Attributes */
/* min */
@import url("https://assets.blz-contentstack.com/v3/assets/blte73fa86c52047717/blt3de15bbfd6c3f3c5/5f9ae8766f61200bd103dbfe/navbar.css");
@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);
  }
}
/* Base UI 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-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 */
  --decorative-themes: base-ui;
  --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: #265f4f;
  --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-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-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-sm-font-size-desktop: var(--global-font-size-200); /** semantic.body.text.sm.font-size.desktop */
  --semantic-body-text-sm-font-size-mobile: var(--global-font-size-100); /** semantic.body.text.sm.font-size.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-font-size-mobile: var(--global-font-size-300); /** semantic.body.text.xl.font-size.mobile */
  --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-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-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-md-font-size-desktop: var(--global-font-size-300); /** semantic.body.text.md.font-size.desktop */
  --semantic-body-text-md-font-size-mobile: var(--global-font-size-200); /** semantic.body.text.md.font-size.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-font-family: var(--global-font-family-default); /** semantic.body.text.font-family */
  --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-font-family: var(--global-font-family-accent); /** semantic.title.text.font-family */
  --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-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-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-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-font-size-mobile: var(--global-font-size-600); /** semantic.heading.text.font-size.xxl.mobile */
  --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-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-xl-font-size-desktop: var(--global-font-size-600); /** semantic.heading.text.font-size.xl.desktop */
  --semantic-heading-text-xl-font-size-mobile: var(--global-font-size-500); /** semantic.heading.text.font-size.xl.mobile */
  --semantic-heading-text-md-font-size-desktop: var(--global-font-size-400); /** semantic.heading.text.font-size.md.desktop */
  --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-font-size-mobile: var(--global-font-size-300); /** semantic.heading.text.font-size.md.mobile */
  --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-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-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-sm-font-size-desktop: var(--global-font-size-300); /** semantic.heading.text.font-size.sm.desktop */
  --semantic-heading-text-sm-font-size-mobile: var(--global-font-size-200); /** semantic.heading.text.font-size.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-heading-text-font-family: var(--global-font-family-accent); /** semantic.heading.text.font-family */
  --semantic-subheading-text-lg-font-size-desktop: var(--global-font-size-200); /** semantic.subheading.text.lg.font-size.desktop */
  --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-font-size-mobile: var(--global-font-size-100); /** semantic.subheading.text.lg.font-size.mobile */
  --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-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-font-family: var(--global-font-family-accent); /** semantic.subheading.text.font-family */
  --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-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-menu-background: var(--semantic-color-background-info-primary);
  --dropdown-menu-border: var(--semantic-color-background-info-primary);
  --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 */
  --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-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-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-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-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-font-size-mobile: var(--semantic-heading-text-xl-font-size-mobile); /** content-block.font.heading.lg.font-size.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-font-family: var(--semantic-heading-text-font-family); /** content-block.font.heading.font-family */
  --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-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-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-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-xs-font-size-mobile: var(--semantic-heading-text-xs-font-size-desktop); /** content-block.font.heading.xs.font-size.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-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-font-size-mobile: var(--semantic-body-text-sm-font-size-mobile); /** content-block.font.callout.xs.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-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-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-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-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-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 */
  --content-block-font-subheading-font-family: var(--semantic-subheading-text-font-family); /** content-block.font.subheading.font-family */
  --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-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-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 */
  --input-font-sm-font-size-desktop: var(--semantic-heading-text-sm-font-size-desktop); /** input.font.sm.font-size.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 */
  --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-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-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-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-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-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-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-font-size-mobile: var(--semantic-heading-text-md-font-size-mobile); /** price.font.label.discount.md.font-size.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-font-family: var(--semantic-heading-text-font-family); /** price.font.label.font-family */
  --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-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-font-size-desktop: var(--semantic-heading-text-xl-font-size-desktop); /** tab.standard.font.label.font-size.desktop */
  --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 */
}

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: lib/fruit/styles/cms-background.scss
 *  description: --
 **/
/**
 *  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: --
 **/
/**
 *  filename: lib/fruit/templates/_blz-tab-control.scss
 *  description: --
 **/
blz-tab-control {
  transition: color 350ms;
}
blz-tab-control blz-image {
  position: relative;
}
blz-tab-control blz-image:after, blz-tab-control blz-image:before {
  opacity: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: opacity 350ms, filter 350ms;
}
blz-tab-control blz-image:after {
  background-image: var(--icon-active);
  z-index: 2;
}
blz-tab-control blz-image:before {
  background-image: var(--icon-hover);
  z-index: 1;
}
blz-tab-control[active] blz-image:after {
  opacity: 1;
}
blz-tab-control:hover blz-image:before {
  opacity: 1;
}

/**
 *  filename: assets/css/util/colors.scss
 *  description: --
 **/
/**
 * This map stores colors that are used throughout the site. Add basic colors to this map as you
 * please.
 **/
/**
 * This is the color function that should be used for colors throughout the site. 
 **/
/**
 *  filename: assets/css/fonts.scss
 *  description: --
 **/
@font-face {
  font-family: "Alegreya Sans";
  font-weight: 400;
  src: url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt095210837aa1e0f0/625005917f50a04889644422/AlegreyaSans-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  font-weight: 500;
  src: url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blta747941659c3c73c/62500591844d9555dbf9416f/AlegreyaSans-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  font-weight: 700;
  src: url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltcb28d02e46f1735f/6250059188b34525a18e655f/AlegreyaSans-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Exocet Blizzard OT";
  font-weight: 500;
  src: url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltc480ac92a523b007/627b28039c0ad045adc48481/ExocetBlizzardOT-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Old Fenris";
  font-weight: 400;
  font-style: "normal";
  src: url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt87dbca38eae7d12d/625007b988b34525a18e6563/OldFenris-Regular.otf");
  font-display: swap;
}
@font-face {
  font-family: "Kenris";
  font-weight: 400;
  font-style: "normal";
  src: url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt6a92d64ed3f977ad/63f915c0f7e2e96287bd37d5/Kenris_build_2021-06-15.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Yoon Myungjo";
  font-weight: 500;
  src: url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt06edc9c52b99c4fe/63f915cdb624bd69a0f70250/YoonMyungjo240.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Yoon Myungjo";
  font-weight: 400;
  src: url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltd648653f49cde39d/63f915c04f98c853eaf09926/YoonMyungjo230.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Kodia";
  font-weight: 400;
  src: url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt5e839e1622754c57/63f915c066192b60e02052c6/Kodia_11172.ttf");
  font-display: swap;
}
/**
 *  filename: assets/css/mixins/font-presets.scss
 *  description: Mixins for various font presets across the site
 **/
/**
 * Font Default (Ale)
 * Used as default font for most text: paragraphs, lists, captions, etc.
 **/
/**
 * Font Accent A (Fen)
 * Used to add contrast/emphasis to headings
 **/
/**
 * Font Accent B (Exo)
 * Used to add contrast/emphasis to interactive headings, buttons, and links
 **/
/**
 * Font Accent Default
 * Base UI default, used for various success and error states across the site
 **/
/**
 *  filename: assets/css/mixins/text-presets.scss
 *  description: --
 **/
/**
 *  filename: assets/css/util/colors.scss
 *  description: --
 **/
/**
 * This map stores colors that are used throughout the site. Add basic colors to this map as you
 * please.
 **/
/**
 * This is the color function that should be used for colors throughout the site. 
 **/
/**
 *  filename: assets/css/mixins/font-presets.scss
 *  description: Mixins for various font presets across the site
 **/
/**
 * Font Default (Ale)
 * Used as default font for most text: paragraphs, lists, captions, etc.
 **/
/**
 * Font Accent A (Fen)
 * Used to add contrast/emphasis to headings
 **/
/**
 * Font Accent B (Exo)
 * Used to add contrast/emphasis to interactive headings, buttons, and links
 **/
/**
 * Font Accent Default
 * Base UI default, used for various success and error states across the site
 **/
/**
 *  filename: assets/css/mixins/shadows.scss
 *  description: Mixins for various shadows across the site.
 *  
 *  Use $SHADOW (eg $SHADOW-SM) when multiple shadows need to be used on a given element,
 *  else use @include shadow() (eg @include shadow-sm).
 **/
/**
 *  filename: assets/css/util/colors.scss
 *  description: --
 **/
/**
 * This map stores colors that are used throughout the site. Add basic colors to this map as you
 * please.
 **/
/**
 * This is the color function that should be used for colors throughout the site. 
 **/
/**
 * Shadow SM
 **/
/**
 * Shadow MD
 **/
/**
 * Shadow XL
 **/
/**
 * Text Shadow
 **/
/**
 * Fix for elements that have a drop-shadow overlapping them by brining them to the front
 **/
/**
 * Heading Text Preset
 **/
/**
 * News Card Heading Text Preset
 **/
/**
 * Subheading Text Preset
 **/
/**
 * Default Text Preset
 **/
/**
 * Label Text Preset
 **/
/**
 * Button Text Preset
 **/
/**
 * Success Text Preset
 **/
/**
 * Error Text Preset
 **/
/**
 * Legalese Text Preset
 **/
/**
 *  filename: assets/css/mixins/shadows.scss
 *  description: Mixins for various shadows across the site.
 *  
 *  Use $SHADOW (eg $SHADOW-SM) when multiple shadows need to be used on a given element,
 *  else use @include shadow() (eg @include shadow-sm).
 **/
/**
 *  filename: assets/css/util/colors.scss
 *  description: --
 **/
/**
 * This map stores colors that are used throughout the site. Add basic colors to this map as you
 * please.
 **/
/**
 * This is the color function that should be used for colors throughout the site. 
 **/
/**
 * Shadow SM
 **/
/**
 * Shadow MD
 **/
/**
 * Shadow XL
 **/
/**
 * Text Shadow
 **/
/**
 * Fix for elements that have a drop-shadow overlapping them by brining them to the front
 **/
/**
 *  filename: assets/css/mixins/media-presets.scss
 *  description: Mixins for media borders, shadows, and hover states used across the site.
 *  Different ST components may have different ways of applying these props to their media children.
 **/
/**
 *  filename: assets/css/mixins/section-dividers.scss
 *  description: --
 **/
.divider {
  height: 0px;
  position: relative;
}

.divider.d4-deco-top:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt0765d088ab433b00/665f5f0e069227ccdf88f9dc/d4-deco-divider-top-003-mobile.webp?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: 80px;
  top: -40px;
}
@media (min-width: 960px) {
  .divider.d4-deco-top:after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/bltba4b01baaea73874/665f5f0e5fb62f3cb48a5bd4/d4-deco-divider-top-003.webp?auto=webp);
  }
}

.divider.d4-deco-bottom:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt8c4e79a2b2ed9abf/665f5f0ea3f8de0dd3a8fb25/d4-deco-divider-bottom-003-mobile.webp?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: 80px;
  top: -40px;
}
@media (min-width: 960px) {
  .divider.d4-deco-bottom:after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt4b2bfcc8890a3de2/665f5f0e566a79d286a0eeee/d4-deco-divider-bottom-003.webp?auto=webp);
  }
}

.divider.d4-loh-top:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt7c5d82c1498cc354/DividerTop.png?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: 80px;
  top: -40px;
}

.divider.d4-loh-bottom:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt77a46f2d8efe158c/DividerBottom.png?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: 80px;
  top: -40px;
}

/**
 *  filename: assets/css/overlay.scss
 *  description: --
 **/
#overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  position: fixed;
  background: #000;
  pointer-events: none;
  transition: opacity 3000ms;
  display: block !important;
}
#overlay.hidden {
  opacity: 0;
}
#overlay.disabled {
  opacity: 0;
  display: none;
}

/**
 *  filename: assets/css/common/legalese.scss
 *  description: Legalese styles used on various pages
 **/
.legalese {
  font-family: var(--font-default);
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  width: 100%;
}
.legalese.outro {
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
}
.legalese.beta {
  max-width: 520px;
  position: relative;
  padding: 24px 0 0 0;
  text-align: center;
}
.legalese.aoc {
  max-width: 815px;
  color: #878582;
  text-align: center;
}

/**
 *  filename: assets/css/common/variables.scss
 *  description: Variables that are commonly used across the site
 **/
/**
 * The default filter params used to highlight hovered/active/selected items
 **/
/**
 *  filename: assets/css/pages/home/platform-comparison-modal.scss
 *  description: CSS file for the platform-comparsion-modal component
 **/
platform-comparison-modal::part(heading) {
  font-family: var(--font-accent);
  font-weight: 100 !important;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
}
platform-comparison-modal::part(subheading) {
  font-family: var(--font-default);
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
  text-transform: capitalize;
}
platform-comparison-modal::part(product-subheading-text) {
  font-family: var(--font-default);
  font-size: 15.4px;
}

/**
 *  filename: assets/css/common/leather-texture-background.scss
 *  description: --
 **/
.leather-texture-background {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.06), inset 0px -1px 0px rgba(0, 0, 0, 0.24), inset 0px -2px 0px rgba(255, 255, 255, 0.06);
  background-image: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.084) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blta0ca93364e48293c/646440a2e9738c4b9d747a04/leather-texture_800.webp?auto=webp);
  background-repeat: repeat;
}

.leather-texture-background.brown {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.06), inset 0px -1px 0px rgba(0, 0, 0, 0.24), inset 0px -2px 0px rgba(255, 255, 255, 0.06);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(0deg, rgba(111, 50, 6, 0.82), rgba(111, 50, 6, 0.82)), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.084) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blta0ca93364e48293c/646440a2e9738c4b9d747a04/leather-texture_800.webp?auto=webp);
  background-blend-mode: normal, color, normal, normal, normal, normal;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
}

.leather-texture-background.red {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.06), inset 0px -1px 0px rgba(0, 0, 0, 0.24), inset 0px -2px 0px rgba(255, 255, 255, 0.06);
  background-image: linear-gradient(0deg, rgba(111, 25, 6, 0.82), rgba(111, 25, 6, 0.82)), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.084) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blta0ca93364e48293c/646440a2e9738c4b9d747a04/leather-texture_800.webp?auto=webp);
  background-blend-mode: color, normal, normal, normal, normal;
}

.leather-texture-background.black {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.06), inset 0px -1px 0px rgba(0, 0, 0, 0.24), inset 0px -2px 0px rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blta0ca93364e48293c/646440a2e9738c4b9d747a04/leather-texture_800.webp?auto=webp);
}

.leather-texture-background.faded-red {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.06), inset 0px -1px 0px rgba(0, 0, 0, 0.24), inset 0px -2px 0px rgba(255, 255, 255, 0.06);
  background: linear-gradient(0deg, rgba(111, 25, 6, 0) -0.01%, rgba(111, 25, 6, 0) 34.5%, rgba(111, 25, 6, 0.66) 67%, rgba(111, 25, 6, 0.82) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blta0ca93364e48293c/646440a2e9738c4b9d747a04/leather-texture_800.webp?auto=webp) lightgray 0% 0%/800px 800px repeat;
  background-blend-mode: color, normal, normal, normal, normal;
}

.background.leather-texture {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.06), inset 0px -1px 0px rgba(0, 0, 0, 0.24), inset 0px -2px 0px rgba(255, 255, 255, 0.06);
  background-image: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.084) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blta0ca93364e48293c/646440a2e9738c4b9d747a04/leather-texture_800.webp?auto=webp);
  background-repeat: repeat;
}

.background.leather-texture-red-black-fade {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.06), inset 0px -1px 0px rgba(0, 0, 0, 0.24), inset 0px -2px 0px rgba(255, 255, 255, 0.06);
  background: linear-gradient(0deg, rgba(111, 25, 6, 0) -0.01%, rgba(111, 25, 6, 0) 34.5%, rgba(111, 25, 6, 0.66) 67%, rgba(111, 25, 6, 0.82) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blta0ca93364e48293c/646440a2e9738c4b9d747a04/leather-texture_800.webp?auto=webp) lightgray 0% 0%/800px 800px repeat;
  background-blend-mode: color, normal, normal, normal, normal;
}

#fog-background {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: 1920px;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
}

#fog-background:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, black, transparent 10%), linear-gradient(270deg, #000000, transparent 10%);
}

.fog {
  position: absolute;
  width: 100%;
  height: 100%;
}

.scroll-layer {
  position: absolute;
  width: 200%;
  height: 100%;
  display: flex;
  left: 0;
  top: 0;
}

.scroll-layer > div {
  width: 50%;
  height: 100%;
  position: relative;
}

.fog.image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 70%;
}

.fog.image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  display: flex;
}

.fog.image01 {
  background-image: url("https://images.blz-contentstack.com/v3/assets/blt9c12f249ac15c7ec/bltf44c039632e988ef/fogimage_01.png");
}

.fog.image02 {
  background-image: url("https://images.blz-contentstack.com/v3/assets/blt9c12f249ac15c7ec/bltcd5eea3f7f6f0e89/fogimage_02.png");
}

.fog.image03 {
  background-image: url("https://images.blz-contentstack.com/v3/assets/blt9c12f249ac15c7ec/blt6b7542c762c4fd7a/fogimage_03.png");
}

.layer01 {
  animation: fog_scroll 66s linear infinite, foglayer_01_opacity 18s linear infinite;
  transform: translateX(0%);
  --start-x: 0%;
}

.layer02 {
  animation: fog_scroll 82s linear infinite, foglayer_02_opacity 18s linear infinite;
  transform: translateX(-10%);
  --start-x: -10%;
}

.layer03 {
  animation: fog_scroll 53s linear infinite, foglayer_03_opacity 18s linear infinite;
  transform: translateX(-25%);
  --start-x: -25%;
}

.layer04 {
  animation: fog_scroll 41s linear infinite, foglayer_02_opacity 18s linear infinite;
  transform: translateX(-40%);
  --start-x: -30%;
}

@keyframes foglayer_01_opacity {
  0% {
    opacity: 0.6;
  }
  22% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.28;
  }
  58% {
    opacity: 0.4;
  }
  80% {
    opacity: 0.16;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes foglayer_02_opacity {
  0% {
    opacity: 0.4;
  }
  25% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes foglayer_03_opacity {
  0% {
    opacity: 0.3;
  }
  27% {
    opacity: 0.2;
  }
  52% {
    opacity: 0.6;
  }
  68% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes fog_scroll {
  0% {
    transform: translateX(var(--start-x));
  }
  100% {
    transform: translateX(calc(var(--start-x) - 50%));
  }
}
/**
 *  filename: assets/css/base-web-components/blz-nav.scss
 *  description: Styles to configure Shared Tech's blz-nav navigation bar
 **/
blz-nav {
  z-index: 11;
  --navbar-background-color: rgba(36, 37, 38, 0.8);
  --navbar-background-color-no-blur: rgba(36, 37, 38, 0.95);
  --navbar-menu-background-color: #18191B;
  --navbar-button-color-primary: #A50905;
  --navbar-button-color-primary-hover: #DD0707;
  --navbar-button-color-secondary: #42312C;
  --navbar-button-color-secondary-hover: #594A3F;
  --navbar-menu-badge-background-color: #A50905;
  --navbar-badge-text-color: #FFFFFF;
  --navbar-content-color-tertiary: var(--color-content-700);
}

/**
 *  filename: assets/css/base-ui-templates/blz-age-gate.scss
 *  description: D4 styling for Shared Tech's blz-age-gate web component
 **/
blz-age-gate::part(content) {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.06), inset 0px -1px 0px rgba(0, 0, 0, 0.24), inset 0px -2px 0px rgba(255, 255, 255, 0.06);
  background-image: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.084) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blta0ca93364e48293c/646440a2e9738c4b9d747a04/leather-texture_800.webp?auto=webp);
  background-repeat: repeat;
  top: auto;
  height: auto;
}
blz-age-gate::part(heading), blz-age-gate::part(lockout) {
  font-family: var(--font-accent);
  font-weight: 100 !important;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
}
blz-age-gate::part(subheading) {
  font-family: var(--font-default);
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #878582;
}
blz-age-gate::part(select-year), blz-age-gate::part(select-month), blz-age-gate::part(select-day) {
  font-family: "Montserrat", sans-serif;
  background-color: #484645;
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66);
  --color-content-600: rgba(255, 255, 255, 0.5);
  --color-content-900: rgba(255, 255, 255, 0.5);
}
blz-age-gate::part(select-year):hover, blz-age-gate::part(select-month):hover, blz-age-gate::part(select-day):hover {
  background-color: #555351;
}

/**
 *  filename: assets/css/locale.scss
 *  description: Overrides for specific locales
 **/
:root[lang=ko-kr] {
  word-break: keep-all;
}
:root[lang=ko-kr] blz-optin > blz-button {
  order: 2;
}

:root[lang=jp-jp] {
  word-break: keep-all;
}

:root[lang=ru-ru] blz-comparison-table blz-button[type=flat] {
  font-size: 0.75em;
}

:root[lang=ja-jp] {
  text-wrap: balance;
}

body {
  display: flex;
  flex-flow: column;
  align-items: center;
  min-height: 100vh;
  margin: 0;
  background: #000000;
}

.main-content:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: inset 0px 0px 40px #000000;
  position: fixed;
  pointer-events: none;
}

.visible {
  opacity: 1 !important;
}

a {
  color: #A50905;
  transition: color 350ms;
}
a:hover {
  color: #DD0707;
}

blz-button-group[slot=sticky] {
  z-index: 100 !important;
}

.background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.cms-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: var(--background-size, cover);
  background-repeat: var(--background-repeat, no-repeat);
  background-position: var(--background-position, center);
  background-image: var(--background-min);
}
@media (min-width: 480px) {
  .cms-background {
    background-image: var(--background-xs);
  }
}
@media (min-width: 720px) {
  .cms-background {
    background-image: var(--background-sm);
  }
}
@media (min-width: 960px) {
  .cms-background {
    background-image: var(--background-md);
  }
}
@media (min-width: 1200px) {
  .cms-background {
    background-image: var(--background-lg);
  }
}
@media (min-width: 1400px) {
  .cms-background {
    background-image: var(--background-xl);
  }
}
@media (min-width: 1600px) {
  .cms-background {
    background-image: var(--background-xxl);
  }
}
@media (min-width: 2600px) {
  .cms-background {
    background-image: var(--background-max);
  }
}

/**
 *  filename: assets/css/common/discounts.scss
 *  description: --
 **/
.discount, blz-comparison-table::part(product-price) {
  color: #00ff94 !important;
  font-family: Alegreya Sans, sans-serif !important;
  text-transform: initial !important;
}

blz-content-block .discount {
  font-size: 18px !important;
}
@media (min-width: 960px) {
  blz-content-block .discount {
    font-size: 21.6px !important;
  }
}

blz-comparison-table::part(product-price) {
  --price-font-label-md: var(--semantic-heading-text-sm-mobile);
}
@media (min-width: 960px) {
  blz-comparison-table::part(product-price) {
    --price-font-label-md: var(--semantic-heading-text-sm-desktop);
  }
}

.section.outro blz-header {
  padding-top: 255px;
}

@media (min-width: 960px) {
  .section.outro blz-header {
    padding-top: 512px;
  }
}
/**
 *  filename: assets/css/base-ui-templates/blz-accordion.scss
 *  description: D4 styling for Shared Tech's blz-accordion web component
 **/
blz-accordion [slot^=label] {
  font-family: var(--font-accent-b);
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #B0AFAC;
  transition: filter 350ms, color 350ms;
}
blz-accordion [slot^=label]:hover, blz-accordion [slot^=label].hover, blz-accordion [slot^=label].group-active {
  color: #FFFFFF;
}
blz-accordion [slot^=label].group-active {
  filter: drop-shadow(0px 0px 6px rgba(224, 165, 115, 0.2)) drop-shadow(0px 0px 9px rgba(200, 85, 65, 0.4)) drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.7)) brightness(1.6);
}
blz-accordion [slot^=content] {
  font-family: var(--font-default);
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #878582;
  z-index: 1;
  position: relative;
  overflow-wrap: break-word;
}
blz-accordion blz-image {
  position: relative;
  box-shadow: 0px 0px 66px rgba(0, 0, 0, 0.66), 0px 4px 6px rgba(0, 0, 0, 0.66);
  max-width: 100vw;
}
blz-accordion blz-image::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
@media (min-width: 960px) {
  blz-accordion [slot^=optional] {
    display: none;
  }
}

[lang=zh-tw] blz-accordion [slot^=label] {
  line-height: 20px;
}

/**
 *  filename: assets/css/base-ui-templates/blz-age-gate.scss
 *  description: D4 styling for Shared Tech's blz-age-gate web component
 **/
blz-age-gate::part(content) {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.24), inset 0px 2px 0px rgba(255, 255, 255, 0.06), inset 0px -1px 0px rgba(0, 0, 0, 0.24), inset 0px -2px 0px rgba(255, 255, 255, 0.06);
  background-image: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.084) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blta0ca93364e48293c/646440a2e9738c4b9d747a04/leather-texture_800.webp?auto=webp);
  background-repeat: repeat;
  top: auto;
  height: auto;
}
blz-age-gate::part(heading), blz-age-gate::part(lockout) {
  font-family: var(--font-accent);
  font-weight: 100 !important;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
}
blz-age-gate::part(subheading) {
  font-family: var(--font-default);
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #878582;
}
blz-age-gate::part(select-year), blz-age-gate::part(select-month), blz-age-gate::part(select-day) {
  font-family: "Montserrat", sans-serif;
  background-color: #484645;
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66);
  --color-content-600: rgba(255, 255, 255, 0.5);
  --color-content-900: rgba(255, 255, 255, 0.5);
}
blz-age-gate::part(select-year):hover, blz-age-gate::part(select-month):hover, blz-age-gate::part(select-day):hover {
  background-color: #555351;
}

/**
 *  filename: assets/css/base-ui-templates/blz-card.scss
 *  description: D4 styling for Shared Tech's blz-card web component
 **/
blz-card {
  position: relative;
  background: transparent;
  border-radius: 0;
  height: auto;
}
blz-card [slot=heading] {
  z-index: 1;
  position: relative;
  font-family: var(--font-accent);
  font-weight: 100 !important;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
}
blz-card [slot=subheading] {
  z-index: 1;
  position: relative;
  font-family: var(--font-default);
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
  text-transform: capitalize;
  scale: 1.1;
}
blz-card [slot=description] {
  z-index: 1;
  position: relative;
  font-family: var(--font-default);
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #878582;
}
blz-card [slot=image] {
  border-radius: 0;
}
blz-card blz-content-block {
  height: auto;
}
blz-card blz-content-block::part(heading-content) {
  flex-flow: column;
}

/**
 *  filename: assets/css/base-ui-templates/blz-button.scss
 *  description: D4 styling for Shared Tech's blz-button web component. Also styles blz-buttons
 *  that are accessed via part selection.
 **/
/**
 * Button background images variables, makes the code below a lot easier to
 * understand
 **/
/**
 * Base button mixin, used commonly across all buttons
 **/
/**
 * Styles for primary buttons, eg. <blz-button type='primary'/>
 **/
/**
 * Styles for default buttons, eg. <blz-button type='default'/>
 **/
blz-button {
  --color-tooltip-background: grey;
  transition: color 350ms;
}
blz-button[type=default] {
  filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  background-color: transparent;
  height: 65px;
}
blz-button[type=default]::before, blz-button[type=default]::after {
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: left center, right center, center center;
  background-size: auto 100%;
}
blz-button[type=default]::before {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blta3155a88b093f9bd/628842ffdb33194d1aa95fa7/d4-button-secondary-left-base.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt57158e8747cc54f0/628843002084883e6127d753/d4-button-secondary-right-base.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9771439ea9bff1d7/628843063e3d224456bf08ef/d4-button-secondary-tile-base.jpg?auto=webp);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  blz-button[type=default]::before {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt7c46b2acb24756cc/628842ffc90ac62d02593041/d4-button-secondary-left-base@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltee24d645fc10aa45/6288430032644e0e091e9f93/d4-button-secondary-right-base@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltc9548173b871ec59/628843067793653086b97019/d4-button-secondary-tile-base@2x.jpg?auto=webp);
  }
}
blz-button[type=default]::after {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltb0fcd948856a47ef/628842ffb62c724e498f6e4f/d4-button-secondary-left-hover.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltb03149511651bea1/62884306aae55b3088982fae/d4-button-secondary-right-hover.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt860e283a77cd17b0/6288430667a4990cd6806291/d4-button-secondary-tile-hover.jpg?auto=webp);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  blz-button[type=default]::after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt39fcec54cf21d123/628842ff0b5a483bd6057607/d4-button-secondary-left-hover@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt7284028624884ccf/628843066e5798227e06511d/d4-button-secondary-right-hover@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltcb5bcf11199b8839/628843065d3d0132e0786066/d4-button-secondary-tile-hover@2x.jpg?auto=webp);
  }
}
blz-button[type=primary] {
  height: 85px;
  filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  background-color: transparent;
  padding: 0 30px;
}
blz-button[type=primary]::before, blz-button[type=primary]::after {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-repeat: no-repeat;
  background-position: left center, right center, center center, 10px center, calc(100% - 10px) center, center center;
  background-size: auto 100%, auto 100%, auto 100%, auto calc(100% - 18px), auto calc(100% - 18px), 82% calc(100% - 18px);
}
@media (min-width: 960px) {
  blz-button[type=primary]::before, blz-button[type=primary]::after {
    background-size: auto 100%, auto 100%, auto 100%, auto calc(100% - 20px), auto calc(100% - 20px), 82% calc(100% - 20px);
  }
}
blz-button[type=primary]::before {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9cbde4efd9bd70a6/62885697916fe131b16a8a1e/d4-button-filigree-left.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt81d432069a265981/628856977af0830baa3c14c0/d4-button-filigree-right.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltef876b15b03337eb/62885696202fdb31b01a8263/d4-button-filigree-center.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blte60dc6b3294f2a93/628853a2c90ac62d02593047/d4-button-primary-left-base.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt6e1a8944382d66b7/628853a2202fdb31b01a825e/d4-button-primary-right-base.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt3fc514970a2e1182/628853a9916fe131b16a8a1a/d4-button-primary-tile-base.jpg?auto=webp);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  blz-button[type=primary]::before {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt058e885df6b52666/6288569767a4990cd6806297/d4-button-filigree-left@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt78644d45602a5750/628856979c0ad045adc485bb/d4-button-filigree-right@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9ecc792c46b37379/628856969881f22bd2eac57f/d4-button-filigree-center@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt8c7098e9a5c6373b/628853a227feda2cf707f51d/d4-button-primary-left-base@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt6dcfbf3aa45920f9/628853a27af0830baa3c14bc/d4-button-primary-right-base@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blte2282f02f9ac64fc/628853a9e5f7e7444f49ed28/d4-button-primary-tile-base@2x.jpg?auto=webp);
  }
}
blz-button[type=primary]::after {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9cbde4efd9bd70a6/62885697916fe131b16a8a1e/d4-button-filigree-left.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt81d432069a265981/628856977af0830baa3c14c0/d4-button-filigree-right.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltef876b15b03337eb/62885696202fdb31b01a8263/d4-button-filigree-center.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9b78ec729a6755b9/628853a20b5a483bd605760b/d4-button-primary-left-hover.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltde34216b1c9a77ee/628853a23e3d224456bf08f3/d4-button-primary-right-hover.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt2f472a0c13559067/628853a9d1dfb243261ca973/d4-button-primary-tile-hover.jpg?auto=webp);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  blz-button[type=primary]::after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt058e885df6b52666/6288569767a4990cd6806297/d4-button-filigree-left@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt78644d45602a5750/628856979c0ad045adc485bb/d4-button-filigree-right@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9ecc792c46b37379/628856969881f22bd2eac57f/d4-button-filigree-center@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt5ecd664eefb253b0/628853a2aaf6494e42a08df1/d4-button-primary-left-hover@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltbb97dd98c20792fb/628853a9aae55b3088982fb3/d4-button-primary-right-hover@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt93321ab102862d94/628853a96e5798227e065122/d4-button-primary-tile-hover@2x.jpg?auto=webp);
  }
}
blz-button[type=flat] {
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66), 0px 4px 15px rgba(0, 0, 0, 0.66);
  font-family: "Poppins", sans-serif;
  transition: background-color 350ms;
}
blz-button[type=flat][disabled] {
  filter: saturate(0) contrast(0.8) drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  cursor: default;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
blz-button[type=flat]:not([disabled]):hover {
  background-color: #DD0707;
}
blz-button[type=flat]::part(host-anchor) {
  text-transform: none;
  padding: 0;
}
blz-button[type=flat-glow] {
  background: transparent;
}
blz-button[type=flat-glow]::part(host-anchor) {
  text-decoration: underline;
  text-shadow: 0px 0px 66px #FFF, 0px 0px 10px rgba(224, 165, 115, 0.66), 0px 0px 10px #C85541, 0px 4px 15px #000;
}
blz-button:not([type=flat]) {
  font-family: var(--font-accent-b);
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #E5E0C8;
}
blz-button::part(host-anchor) {
  background-color: transparent;
  backdrop-filter: none;
  text-transform: uppercase;
}
blz-button[disabled] {
  filter: saturate(0) contrast(0.8) drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  cursor: default;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
blz-button::before, blz-button::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  z-index: -1;
  transition: opacity 350ms, color 350ms;
}
blz-button::after {
  opacity: 0;
}
blz-button:not([disabled]):hover {
  color: #F6F8F0;
}
blz-button:not([disabled]):hover::after {
  opacity: 1;
}

blz-media-gallery::part(cta) {
  --color-tooltip-background: grey;
  transition: color 350ms;
  filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  background-color: transparent;
  height: 65px;
}
blz-media-gallery::part(cta):not([type=flat]) {
  font-family: var(--font-accent-b);
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #E5E0C8;
}
blz-media-gallery::part(cta)::part(host-anchor) {
  background-color: transparent;
  backdrop-filter: none;
  text-transform: uppercase;
}
blz-media-gallery::part(cta)[disabled] {
  filter: saturate(0) contrast(0.8) drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  cursor: default;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
blz-media-gallery::part(cta)::before, blz-media-gallery::part(cta)::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  z-index: -1;
  transition: opacity 350ms, color 350ms;
}
blz-media-gallery::part(cta)::after {
  opacity: 0;
}
blz-media-gallery::part(cta):not([disabled]):hover {
  color: #F6F8F0;
}
blz-media-gallery::part(cta):not([disabled]):hover::after {
  opacity: 1;
}
blz-media-gallery::part(cta)::before, blz-media-gallery::part(cta)::after {
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: left center, right center, center center;
  background-size: auto 100%;
}
blz-media-gallery::part(cta)::before {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blta3155a88b093f9bd/628842ffdb33194d1aa95fa7/d4-button-secondary-left-base.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt57158e8747cc54f0/628843002084883e6127d753/d4-button-secondary-right-base.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9771439ea9bff1d7/628843063e3d224456bf08ef/d4-button-secondary-tile-base.jpg?auto=webp);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  blz-media-gallery::part(cta)::before {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt7c46b2acb24756cc/628842ffc90ac62d02593041/d4-button-secondary-left-base@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltee24d645fc10aa45/6288430032644e0e091e9f93/d4-button-secondary-right-base@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltc9548173b871ec59/628843067793653086b97019/d4-button-secondary-tile-base@2x.jpg?auto=webp);
  }
}
blz-media-gallery::part(cta)::after {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltb0fcd948856a47ef/628842ffb62c724e498f6e4f/d4-button-secondary-left-hover.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltb03149511651bea1/62884306aae55b3088982fae/d4-button-secondary-right-hover.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt860e283a77cd17b0/6288430667a4990cd6806291/d4-button-secondary-tile-hover.jpg?auto=webp);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  blz-media-gallery::part(cta)::after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt39fcec54cf21d123/628842ff0b5a483bd6057607/d4-button-secondary-left-hover@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt7284028624884ccf/628843066e5798227e06511d/d4-button-secondary-right-hover@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltcb5bcf11199b8839/628843065d3d0132e0786066/d4-button-secondary-tile-hover@2x.jpg?auto=webp);
  }
}

blz-age-gate::part(age-gate-button) {
  --color-tooltip-background: grey;
  transition: color 350ms;
  height: 85px;
  filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  background-color: transparent;
  padding: 0 30px;
  font-family: var(--font-accent-b);
  padding: var(--size-150) var(--size-200);
}
blz-age-gate::part(age-gate-button):not([type=flat]) {
  font-family: var(--font-accent-b);
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #E5E0C8;
}
blz-age-gate::part(age-gate-button)::part(host-anchor) {
  background-color: transparent;
  backdrop-filter: none;
  text-transform: uppercase;
}
blz-age-gate::part(age-gate-button)[disabled] {
  filter: saturate(0) contrast(0.8) drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  cursor: default;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
blz-age-gate::part(age-gate-button)::before, blz-age-gate::part(age-gate-button)::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  z-index: -1;
  transition: opacity 350ms, color 350ms;
}
blz-age-gate::part(age-gate-button)::after {
  opacity: 0;
}
blz-age-gate::part(age-gate-button):not([disabled]):hover {
  color: #F6F8F0;
}
blz-age-gate::part(age-gate-button):not([disabled]):hover::after {
  opacity: 1;
}
blz-age-gate::part(age-gate-button)::before, blz-age-gate::part(age-gate-button)::after {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-repeat: no-repeat;
  background-position: left center, right center, center center, 10px center, calc(100% - 10px) center, center center;
  background-size: auto 100%, auto 100%, auto 100%, auto calc(100% - 18px), auto calc(100% - 18px), 82% calc(100% - 18px);
}
@media (min-width: 960px) {
  blz-age-gate::part(age-gate-button)::before, blz-age-gate::part(age-gate-button)::after {
    background-size: auto 100%, auto 100%, auto 100%, auto calc(100% - 20px), auto calc(100% - 20px), 82% calc(100% - 20px);
  }
}
blz-age-gate::part(age-gate-button)::before {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9cbde4efd9bd70a6/62885697916fe131b16a8a1e/d4-button-filigree-left.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt81d432069a265981/628856977af0830baa3c14c0/d4-button-filigree-right.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltef876b15b03337eb/62885696202fdb31b01a8263/d4-button-filigree-center.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blte60dc6b3294f2a93/628853a2c90ac62d02593047/d4-button-primary-left-base.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt6e1a8944382d66b7/628853a2202fdb31b01a825e/d4-button-primary-right-base.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt3fc514970a2e1182/628853a9916fe131b16a8a1a/d4-button-primary-tile-base.jpg?auto=webp);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  blz-age-gate::part(age-gate-button)::before {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt058e885df6b52666/6288569767a4990cd6806297/d4-button-filigree-left@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt78644d45602a5750/628856979c0ad045adc485bb/d4-button-filigree-right@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9ecc792c46b37379/628856969881f22bd2eac57f/d4-button-filigree-center@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt8c7098e9a5c6373b/628853a227feda2cf707f51d/d4-button-primary-left-base@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt6dcfbf3aa45920f9/628853a27af0830baa3c14bc/d4-button-primary-right-base@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blte2282f02f9ac64fc/628853a9e5f7e7444f49ed28/d4-button-primary-tile-base@2x.jpg?auto=webp);
  }
}
blz-age-gate::part(age-gate-button)::after {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9cbde4efd9bd70a6/62885697916fe131b16a8a1e/d4-button-filigree-left.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt81d432069a265981/628856977af0830baa3c14c0/d4-button-filigree-right.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltef876b15b03337eb/62885696202fdb31b01a8263/d4-button-filigree-center.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9b78ec729a6755b9/628853a20b5a483bd605760b/d4-button-primary-left-hover.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltde34216b1c9a77ee/628853a23e3d224456bf08f3/d4-button-primary-right-hover.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt2f472a0c13559067/628853a9d1dfb243261ca973/d4-button-primary-tile-hover.jpg?auto=webp);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  blz-age-gate::part(age-gate-button)::after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt058e885df6b52666/6288569767a4990cd6806297/d4-button-filigree-left@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt78644d45602a5750/628856979c0ad045adc485bb/d4-button-filigree-right@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt9ecc792c46b37379/628856969881f22bd2eac57f/d4-button-filigree-center@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt5ecd664eefb253b0/628853a2aaf6494e42a08df1/d4-button-primary-left-hover@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltbb97dd98c20792fb/628853a9aae55b3088982fb3/d4-button-primary-right-hover@2x.png?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt93321ab102862d94/628853a96e5798227e065122/d4-button-primary-tile-hover@2x.jpg?auto=webp);
  }
}
blz-age-gate::part(age-gate-button):hover:after {
  opacity: 1;
}

platform-comparison-modal::part(platform-button), platform-comparison-modal::part(comparison-button) {
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66), 0px 4px 15px rgba(0, 0, 0, 0.66);
  font-family: "Poppins", sans-serif;
  transition: background-color 350ms;
}
platform-comparison-modal::part(platform-button)[disabled], platform-comparison-modal::part(comparison-button)[disabled] {
  filter: saturate(0) contrast(0.8) drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  cursor: default;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
platform-comparison-modal::part(platform-button):not([disabled]):hover, platform-comparison-modal::part(comparison-button):not([disabled]):hover {
  background-color: #DD0707;
}
platform-comparison-modal::part(platform-button)::part(host-anchor), platform-comparison-modal::part(comparison-button)::part(host-anchor) {
  text-transform: none;
  padding: 0;
}
platform-comparison-modal::part(return-button) {
  font-family: var(--font-accent);
  font-size: 14.4px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  transition: border-color 350ms, color 350ms;
  color: rgba(255, 255, 255, 0.7);
}
platform-comparison-modal::part(return-button):hover {
  border-color: white;
  color: white;
}

blz-button-group {
  align-items: center;
  justify-content: center;
}

blz-button-group[full-width=true] {
  width: 100%;
}

/**
 *  filename: assets/css/base-web-components/blz-carousel.scss
 *  description: D4 styling for Shared Tech's blz-carousel web component
 **/
blz-carousel::part(bottom-navigation) {
  --pagination-tab-color-active: transparent;
  --semantic-color-content-inactive: transparent;
  --pagination-tab-color-hover: transparent;
  --global-size-150: 20px;
}
blz-carousel::part(tab-control):hover {
  opacity: 1;
}
blz-carousel::part(inactive-tab-control) {
  opacity: 0.6;
}
blz-carousel::part(tab-control) {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/bltd9b6fa0042c0b49e/651b2761903f1fe748f8aef6/Icon-Secondary.svg?auto=webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  padding: 2px;
  transition: filter 350ms, opacity 350ms;
}
blz-carousel [slot=left-arrow], blz-carousel [slot=right-arrow] {
  width: 56px;
  height: 56px;
  transition: filter 350ms, scale 350ms;
  top: -50px;
}
blz-carousel [slot=left-arrow]:hover, blz-carousel [slot=right-arrow]:hover {
  filter: brightness(1.4);
}
blz-carousel [slot=left-arrow]:active, blz-carousel [slot=right-arrow]:active {
  scale: 1.2;
}

@media (min-width: 960px) {
  blz-carousel::part(bottom-navigation) {
    margin-top: 0px;
  }
  blz-carousel blz-tab-control {
    font-size: 21px;
    --semantic-color-content-inactive: #878582;
    font-weight: 100 !important;
  }
}
blz-carousel-section simple-background {
  display: block;
  opacity: 0;
  transition: opacity 1.5s;
}
blz-carousel-section simple-background.background-active {
  opacity: 1;
}

/**
 *  filename: assets/css/base-ui-templates/blz-comparison-table.scss
 *  description: --
 **/
blz-comparison-table {
  --product-header-color: #D2C8AE;
  margin-top: 0;
  overflow: auto;
  text-wrap: balance;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
blz-comparison-table::part(product-header-text), blz-comparison-table::part(product-subheading-text) {
  text-align: center;
  text-transform: uppercase;
}
blz-comparison-table::part(product-thumbnail) {
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66), 0px 4px 15px rgba(0, 0, 0, 0.66);
  position: relative;
  --size-050: 0px;
  min-width: 152px;
}
blz-comparison-table::part(product-thumbnail)::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
blz-comparison-table::-webkit-scrollbar {
  background: transparent;
  width: 0px;
}
blz-comparison-table [slot=comparison-legalese] {
  font-family: var(--font-default);
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  text-align: left;
}

/**
 *  filename: assets/css/base-ui-templates/blz-comparison-table.scss
 *  description: --
 **/
blz-comparison-table-beta, platform-comparison-modal, blz-platform-select {
  --semantic-color-background-action-secondary-hover: rgba(255, 255, 255, 0.2);
  --semantic-color-background-content-default: rgba(50, 50, 50, 1);
  --semantic-color-background-info-primary: #1B1B1D;
  --button-font-label-md: 600 14px / 110% "Alegreya Sans", sans-serif;
  --price-font-label-md: var(--button-font-label-md);
  --tooltip-color-border-primary: #2a2b32;
  --icon-button-border-color: rgba(255,255,255,0.1);
  --semantic-color-background-action-primary-disabled: #525252;
  overflow-x: auto;
}
blz-comparison-table-beta::part(disclaimer-text), platform-comparison-modal::part(disclaimer-text), blz-platform-select::part(disclaimer-text) {
  font-family: var(--font-default);
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
}
blz-comparison-table-beta::part(header-image), platform-comparison-modal::part(header-image), blz-platform-select::part(header-image) {
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66), 0px 4px 15px rgba(0, 0, 0, 0.66);
}
blz-comparison-table-beta::part(header-image):after, platform-comparison-modal::part(header-image):after, blz-platform-select::part(header-image):after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
blz-comparison-table-beta::part(header-text), platform-comparison-modal::part(header-text), blz-platform-select::part(header-text) {
  color: #D2C8AE;
  text-transform: uppercase;
  flex-grow: 1;
}
blz-comparison-table-beta::part(header-button), platform-comparison-modal::part(header-button), blz-platform-select::part(header-button) {
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66), 0px 4px 15px rgba(0, 0, 0, 0.66);
  height: 40px;
  font-size: 16px;
  min-height: 40px;
  transition: background-color 350ms;
  font-family: Poppins, sans-serif;
}

/**
 *  filename: assets/css/base-ui-templates/blz-header.scss
 *  description: D4 styling for Shared Tech's blz-header web component
 **/
blz-header {
  z-index: 1;
  position: relative;
}
blz-header [slot=heading] {
  font-family: var(--font-accent);
  font-weight: 100 !important;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
}
blz-header [slot=subheading] {
  font-family: var(--font-default);
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
  text-transform: capitalize;
}
blz-header [slot=description] {
  font-family: var(--font-default);
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #878582;
}

/**
 *  filename: assets/css/base-ui-templates/blz-image.scss
 *  description: --
 **/
blz-image {
  border-radius: 0;
}

blz-image[slot=media] {
  position: relative;
  box-shadow: 0px 0px 66px rgba(0, 0, 0, 0.66), 0px 4px 6px rgba(0, 0, 0, 0.66);
}
blz-image[slot=media]::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

/**
 *  filename: assets/css/base-ui-templates/blz-lightbox.scss
 *  description: D4 styling for Shared Tech's blz-lightbox web component. Mostly hacks/bug fixes.
 **/
blz-lightbox blz-image::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

/**
 *  filename: assets/css/base-web-components/blz-masthead.scss
 *  description: --
 **/
blz-masthead [slot=description] {
  color: #B0AFAC;
  text-shadow: 0px 0px 22px black, 0px 0px 18px black, 0px 0px 5px black, 0px 0px 5px black;
  text-transform: uppercase;
}
blz-masthead blz-icon-group blz-icon {
  color: rgba(255, 255, 255, 0.9);
  transition: filter 350ms;
  cursor: pointer;
}
blz-masthead blz-icon-group blz-icon:hover {
  filter: drop-shadow(rgba(179, 57, 52, 0.5) 0px 0px 1px) drop-shadow(#6f1906 0px 0px 6px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 1px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 1px) brightness(1.6);
}
blz-masthead blz-header [slot=heading] {
  filter: drop-shadow(0px 0px 6px rgba(224, 165, 115, 0.2)) drop-shadow(0px 0px 9px rgba(200, 85, 65, 0.4)) drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.7)) brightness(1.6);
}
blz-masthead [slot=logo] {
  filter: drop-shadow(0px 0px 10px #000000);
}
blz-masthead::part(section) {
  flex-wrap: wrap;
  justify-content: space-around;
  flex-flow: column;
}
@media (min-width: 960px) {
  blz-masthead::part(section) {
    min-height: 1050px;
  }
}
blz-masthead blz-countdown-timer {
  font-family: "Montserrat";
  --font-accent-600: "Montserrat";
  font-size: 18px;
  --font-accent-200: "Montserrat";
  --timer-label-color: rgba(255, 255, 255, 0.30);
  filter: drop-shadow(0px 1px 6px black);
}
blz-masthead blz-icon-group::part(group) {
  flex-wrap: wrap;
  justify-content: center;
}

/**
 *  filename: assets/css/base-web-components/blz-nav.scss
 *  description: Styles to configure Shared Tech's blz-nav navigation bar
 **/
blz-nav {
  z-index: 11;
  --navbar-background-color: rgba(36, 37, 38, 0.8);
  --navbar-background-color-no-blur: rgba(36, 37, 38, 0.95);
  --navbar-menu-background-color: #18191B;
  --navbar-button-color-primary: #A50905;
  --navbar-button-color-primary-hover: #DD0707;
  --navbar-button-color-secondary: #42312C;
  --navbar-button-color-secondary-hover: #594A3F;
  --navbar-menu-badge-background-color: #A50905;
  --navbar-badge-text-color: #FFFFFF;
  --navbar-content-color-tertiary: var(--color-content-700);
}

/**
 *  filename: assets/css/base-web-components/blz-nav-footer.scss
 *  description: Styles to configure Shared Tech's footer component blz-nav-footer
 **/
blz-nav-footer {
  z-index: 1;
}

/**
 *  filename: assets/css/base-ui-templates/blz-news-card.scss
 *  description: --
 **/
blz-news::part(gallery) {
  padding-top: 55px;
}
blz-news blz-card {
  height: 100%;
  transition: filter 350ms;
  --news-card-horizontal-background-color: transparent;
  --news-card-horizontal-background-color-hover: transparent;
  --news-card-vertical-background-color: transparent;
  --news-card-vertical-background-color-hover: transparent;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.66);
  position: relative;
  border-radius: 0;
}
blz-news blz-card:hover {
  filter: brightness(1.25);
}
blz-news blz-card::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
blz-news blz-card::part(card), blz-news blz-card::part(content), blz-news blz-card::part(metadata) {
  height: 100%;
}
blz-news blz-card blz-image {
  border-radius: 0;
}
blz-news blz-card [slot=image]::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
  border-radius: 0;
}
blz-news blz-card [slot=heading] {
  font-family: var(--font-accent-b);
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #B0AFAC;
  line-height: 30px;
  z-index: 1;
  position: relative;
  font-size: 18px;
}

/**
 *  filename: assets/css/base-ui-templates/blz-optin.scss
 *  description: D4 styling for Shared Tech's blz-optin web component
 **/
blz-optin::part(opted-in) {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #00FF94;
}
blz-optin::part(error) {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  color: #F31D77;
}

/**
 *  filename: assets/css/base-ui-templates/blz-social-section.scss
 *  description: D4 styling for Shared Tech's blz-social-section web component
 **/
blz-social-section {
  margin-top: 100px;
}
blz-social-section::part(header) {
  font-family: var(--font-accent);
  font-weight: 100 !important;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
}
blz-social-section blz-icon-group blz-icon {
  color: #B0AFAC;
  transition: color 350ms;
}
blz-social-section blz-icon-group blz-icon:hover {
  color: #F6F8F0;
}

/**
 *  filename: assets/css/base-web-components/blz-tab-control.scss
 *  description: D4 styling for Shared Tech's blz-tab-control web component
 **/
blz-tab-controls[variant=icons-text] {
  overflow: visible;
}
blz-tab-controls::part(tab-content) {
  justify-content: center;
  grid-auto-columns: auto;
}

blz-tab-control {
  --color-primary-500: rgb(30 31 31);
  --semantic-color-background-icon-selected: #620902;
  max-width: 100%;
}
blz-tab-control > * {
  transition: filter 350ms, text-shadow 350ms, color 350ms;
  text-transform: uppercase;
  text-align: center;
}
blz-tab-control:hover > * {
  color: white;
}
blz-tab-control[active] > * {
  text-shadow: 0px 0px 10px rgba(224, 165, 115, 0.66), 0px 0px 10px #C85541, 0px 4px 15px #000000;
  color: white;
}
blz-tab-control[active] > custom-icon {
  filter: drop-shadow(0px 0px 6px rgba(224, 165, 115, 0.2)) drop-shadow(0px 0px 9px rgba(200, 85, 65, 0.4)) drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.7)) !important;
}

@media (min-width: 480px) {
  blz-tab-control {
    --icon-size: 72px;
  }
}
/**
 *  filename: assets/css/base-ui-templates/blz-timestamp.scss
 *  description: --
 **/
blz-timestamp {
  display: flex;
  align-items: flex-end;
  margin-left: 0;
  font: var(--font-200);
  --color-content-700: #878582;
}

/**
 *  filename: assets/css/base-ui-templates/blz-video.scss
 *  description: D4 styling for Shared Tech's blz-video web component
 **/
blz-youtube-video:not(.background-video) {
  cursor: pointer;
  box-shadow: 0px 0px 66px rgba(0, 0, 0, 0.66), 0px 4px 6px rgba(0, 0, 0, 0.66);
  border-radius: 0;
  transition: filter 350ms;
  transition: filter 350ms;
}
blz-youtube-video:not(.background-video)::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
blz-youtube-video:not(.background-video):hover {
  filter: brightness(1.25);
}
blz-youtube-video:not(.background-video) [slot=icon] {
  transition: filter 350ms;
  filter: drop-shadow(0px 2px 40px black) drop-shadow(0px 2px 10px black);
}
blz-youtube-video:not(.background-video):hover [slot=icon] {
  filter: drop-shadow(rgba(179, 57, 52, 0.5) 0px 0px 1px) drop-shadow(rgb(111, 25, 6) 0px 0px 6px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 1px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 1px) brightness(1.6);
}

blz-platform-select::part(button-subtext) {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  font-family: "Alegreya Sans", sans-serif;
  line-height: revert;
}
blz-platform-select [slot=content-before] blz-image {
  position: relative;
}
blz-platform-select [slot=content-before] .thumbnail:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

blz-feature-carousel-section custom-icon {
  --icon-size: 72px;
}

blz-feature-carousel-section blz-feature div[slot=extras] {
  font-family: var(--font-default);
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 960px) {
  blz-feature-carousel-section blz-feature {
    max-width: 600px;
  }
  blz-feature-carousel-section blz-feature blz-header [slot=description] {
    margin-top: 0;
  }
  blz-feature-carousel-section blz-feature blz-youtube-video {
    max-width: 600px;
  }
  blz-feature-carousel-section blz-feature div[slot=extras] {
    text-align: left;
    margin-top: 32px;
  }
  blz-feature-carousel-section blz-feature blz-header {
    min-height: 200px;
  }
  blz-feature-carousel-section blz-tab-control {
    font-family: var(--font-accent-b);
    font-weight: 400;
    line-height: 0.9;
    text-transform: uppercase;
  }
}
/**
 *  filename: assets/css/base-ui-templates/tokens.scss
 *  description: Tokens used in various Shared Tech web components
 **/
:root {
  --font-default: "Alegreya Sans", sans-serif;
  --global-font-default: "Alegreya Sans", sans-serif;
  --font-default-weight: 500;
  --global-font-default-weight: 500;
  --font-default-scale: 1.1;
  --global-font-default-scale: 1.1;
  --font-accent: "Old Fenris", serif;
  --global-font-family-accent: "Old Fenris", serif;
  --font-accent-scale: 0.9;
  --global-font-accent-scale: 0.9;
  --font-accent-b: "Exocet Blizzard OT";
  --semantic-color-background-action-primary-default: #A50905;
  --semantic-color-background-action-primary-hover: #DD0707;
  --semantic-color-background-action-primary-pressed: #DD0707;
  --button-color-border-primary-pressed: transparent;
  --semantic-color-background-action-secondary-default: rgba(255,255,255,0.1);
  --semantic-color-background-action-secondary-hover: rgba(255,255,255,0.2);
  --semantic-color-background-action-secondary-pressed: rgba(255,255,255,0.2);
  --button-color-border-secondary-default: rgba(255,255,255,0.1);
}

:root[lang=ko-KR] {
  --font-default: "Yoon Myungjo", sans-serif;
  --global-font-default: "Yoon Myungjo", sans-serif;
  --font-default-weight: 500;
  --global-font-default-weight: 500;
  --font-accent: "Kenris";
  --font-accent-b: "Kodia";
}

/**
 *  filename: assets/css/mixins/section-dividers.scss
 *  description: --
 **/
.divider {
  height: 0px;
  position: relative;
}

.divider.d4-deco-top:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt0765d088ab433b00/665f5f0e069227ccdf88f9dc/d4-deco-divider-top-003-mobile.webp?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: 80px;
  top: -40px;
}
@media (min-width: 960px) {
  .divider.d4-deco-top:after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/bltba4b01baaea73874/665f5f0e5fb62f3cb48a5bd4/d4-deco-divider-top-003.webp?auto=webp);
  }
}

.divider.d4-deco-bottom:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt8c4e79a2b2ed9abf/665f5f0ea3f8de0dd3a8fb25/d4-deco-divider-bottom-003-mobile.webp?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: 80px;
  top: -40px;
}
@media (min-width: 960px) {
  .divider.d4-deco-bottom:after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt4b2bfcc8890a3de2/665f5f0e566a79d286a0eeee/d4-deco-divider-bottom-003.webp?auto=webp);
  }
}

.divider.d4-loh-top:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt7c5d82c1498cc354/DividerTop.png?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: 80px;
  top: -40px;
}

.divider.d4-loh-bottom:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt77a46f2d8efe158c/DividerBottom.png?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: 80px;
  top: -40px;
}

/**
 *  filename: assets/css/common/outro-section.scss
 *  description: Styles for the Outro section used across many of our pages
 **/
.section.outro {
  padding: 40px 0;
}
.section.outro:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: top, bottom;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt0765d088ab433b00/665f5f0e069227ccdf88f9dc/d4-deco-divider-top-003-mobile.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt8c4e79a2b2ed9abf/665f5f0ea3f8de0dd3a8fb25/d4-deco-divider-bottom-003-mobile.webp?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: calc(100% + 80px);
  top: -40px;
}
@media (min-width: 960px) {
  .section.outro:after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/bltba4b01baaea73874/665f5f0e5fb62f3cb48a5bd4/d4-deco-divider-top-003.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt4b2bfcc8890a3de2/665f5f0e566a79d286a0eeee/d4-deco-divider-bottom-003.webp?auto=webp);
  }
}
@media (min-width: 960px) {
  .section.outro blz-showcase {
    --padding-offset: 500px;
  }
}
.section.outro blz-showcase blz-spacer {
  display: none;
}
@media (min-width: 500px) {
  .section.outro blz-showcase blz-spacer {
    display: block;
  }
}
@media (min-width: 960px) {
  .section.outro blz-showcase blz-spacer {
    display: none;
  }
}

/**
 *  filename: assets/css/pages/wasabi/sections/masthead-overview.scss
 *  description: --
 **/
.section.masthead-overview > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: var(--background-size, cover);
  background-repeat: var(--background-repeat, no-repeat);
  background-position: var(--background-position, center);
  background-image: var(--background-min);
}
@media (min-width: 480px) {
  .section.masthead-overview > [slot=background] {
    background-image: var(--background-xs);
  }
}
@media (min-width: 720px) {
  .section.masthead-overview > [slot=background] {
    background-image: var(--background-sm);
  }
}
@media (min-width: 960px) {
  .section.masthead-overview > [slot=background] {
    background-image: var(--background-md);
  }
}
@media (min-width: 1200px) {
  .section.masthead-overview > [slot=background] {
    background-image: var(--background-lg);
  }
}
@media (min-width: 1400px) {
  .section.masthead-overview > [slot=background] {
    background-image: var(--background-xl);
  }
}
@media (min-width: 1600px) {
  .section.masthead-overview > [slot=background] {
    background-image: var(--background-xxl);
  }
}
@media (min-width: 2600px) {
  .section.masthead-overview > [slot=background] {
    background-image: var(--background-max);
  }
}

/**
 *  filename: assets/css/pages/wasabi/sections/_spiritborn.scss
 *  description: --
 **/
.section.spiritborn {
  min-height: 676px;
  padding: 40px 0;
}
.section.spiritborn:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: top, bottom;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt0765d088ab433b00/665f5f0e069227ccdf88f9dc/d4-deco-divider-top-003-mobile.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt8c4e79a2b2ed9abf/665f5f0ea3f8de0dd3a8fb25/d4-deco-divider-bottom-003-mobile.webp?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: calc(100% + 80px);
  top: -40px;
}
@media (min-width: 960px) {
  .section.spiritborn:after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/bltba4b01baaea73874/665f5f0e5fb62f3cb48a5bd4/d4-deco-divider-top-003.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt4b2bfcc8890a3de2/665f5f0e566a79d286a0eeee/d4-deco-divider-bottom-003.webp?auto=webp);
  }
}
.section.spiritborn > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: var(--background-size, cover);
  background-repeat: var(--background-repeat, no-repeat);
  background-position: var(--background-position, center);
  background-image: var(--background-min);
}
@media (min-width: 480px) {
  .section.spiritborn > [slot=background] {
    background-image: var(--background-xs);
  }
}
@media (min-width: 720px) {
  .section.spiritborn > [slot=background] {
    background-image: var(--background-sm);
  }
}
@media (min-width: 960px) {
  .section.spiritborn > [slot=background] {
    background-image: var(--background-md);
  }
}
@media (min-width: 1200px) {
  .section.spiritborn > [slot=background] {
    background-image: var(--background-lg);
  }
}
@media (min-width: 1400px) {
  .section.spiritborn > [slot=background] {
    background-image: var(--background-xl);
  }
}
@media (min-width: 1600px) {
  .section.spiritborn > [slot=background] {
    background-image: var(--background-xxl);
  }
}
@media (min-width: 2600px) {
  .section.spiritborn > [slot=background] {
    background-image: var(--background-max);
  }
}
.section.spiritborn > [slot=background][bp="+sm"] {
  height: 50%;
  object-fit: cover;
  top: auto;
  bottom: 200px;
}
.section.spiritborn > [slot=background][bp="+sm"]:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: linear-gradient(0deg, black 0%, rgba(25, 0, 0, 0.7) 7%, transparent 85%, rgba(0, 0, 0, 0.7) 93%, black 100%);
}
.section.spiritborn [slot=media] {
  margin-top: 350px;
}
.section.spiritborn blz-header {
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5), 3px 5px 5px rgba(0, 0, 0, 0.5), 3px 5px 5px rgba(0, 0, 0, 0.5);
}
.section.spiritborn blz-header [slot=description] {
  filter: drop-shadow(0px 4px 6px black);
}
@media (min-width: 480px) {
  .section.spiritborn > [slot=background][bp="+sm"] {
    height: 650px;
  }
}
@media (min-width: 720px) {
  .section.spiritborn > [slot=background][bp="+sm"] {
    height: 800px;
  }
}

/**
 *  filename: assets/css/pages/wasabi/sections/_expansion-features.scss
 *  description: --
 **/
.section.expansion-features > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: var(--background-size, cover);
  background-repeat: var(--background-repeat, no-repeat);
  background-position: var(--background-position, center);
  background-image: var(--background-min);
}
@media (min-width: 480px) {
  .section.expansion-features > [slot=background] {
    background-image: var(--background-xs);
  }
}
@media (min-width: 720px) {
  .section.expansion-features > [slot=background] {
    background-image: var(--background-sm);
  }
}
@media (min-width: 960px) {
  .section.expansion-features > [slot=background] {
    background-image: var(--background-md);
  }
}
@media (min-width: 1200px) {
  .section.expansion-features > [slot=background] {
    background-image: var(--background-lg);
  }
}
@media (min-width: 1400px) {
  .section.expansion-features > [slot=background] {
    background-image: var(--background-xl);
  }
}
@media (min-width: 1600px) {
  .section.expansion-features > [slot=background] {
    background-image: var(--background-xxl);
  }
}
@media (min-width: 2600px) {
  .section.expansion-features > [slot=background] {
    background-image: var(--background-max);
  }
}

@media (min-width: 960px) {
  .section.expansion-features .section.highlights blz-base-card {
    width: 456px;
  }
}
/**
 *  filename: assets/css/pages/wasabi/sections/_rewards.scss
 *  description: --
 **/
.section.rewards {
  padding: 40px 0;
}
.section.rewards > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: var(--background-size, cover);
  background-repeat: var(--background-repeat, no-repeat);
  background-position: var(--background-position, center);
  background-image: var(--background-min);
}
@media (min-width: 480px) {
  .section.rewards > [slot=background] {
    background-image: var(--background-xs);
  }
}
@media (min-width: 720px) {
  .section.rewards > [slot=background] {
    background-image: var(--background-sm);
  }
}
@media (min-width: 960px) {
  .section.rewards > [slot=background] {
    background-image: var(--background-md);
  }
}
@media (min-width: 1200px) {
  .section.rewards > [slot=background] {
    background-image: var(--background-lg);
  }
}
@media (min-width: 1400px) {
  .section.rewards > [slot=background] {
    background-image: var(--background-xl);
  }
}
@media (min-width: 1600px) {
  .section.rewards > [slot=background] {
    background-image: var(--background-xxl);
  }
}
@media (min-width: 2600px) {
  .section.rewards > [slot=background] {
    background-image: var(--background-max);
  }
}
.section.rewards:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: top, bottom;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt0765d088ab433b00/665f5f0e069227ccdf88f9dc/d4-deco-divider-top-003-mobile.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt8c4e79a2b2ed9abf/665f5f0ea3f8de0dd3a8fb25/d4-deco-divider-bottom-003-mobile.webp?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: calc(100% + 80px);
  top: -40px;
}
@media (min-width: 960px) {
  .section.rewards:after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/bltba4b01baaea73874/665f5f0e5fb62f3cb48a5bd4/d4-deco-divider-top-003.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt4b2bfcc8890a3de2/665f5f0e566a79d286a0eeee/d4-deco-divider-bottom-003.webp?auto=webp);
  }
}

.section.outro .leather-texture-background {
  display: none;
}
.section.outro [slot=background] {
  background: black;
}

.main-content > .section:before {
  z-index: -1;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: all;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.6) 100%), radial-gradient(circle at center, transparent 60%, rgba(0, 0, 0, 0.1) 80%, black 100%);
  z-index: 1;
}
@media (min-width: 960px) {
  .main-content > .section:before {
    background-image: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.4) 5%, transparent 10%, transparent 90%, rgba(0, 0, 0, 0.4) 95%, black 100%), radial-gradient(circle at center, transparent 60%, rgba(0, 0, 0, 0.4) 80%, black 100%);
  }
}

.faq.section {
  justify-content: center;
  display: flex;
}