/**
 *  filename: assets/css/home.scss
 *  description: BWA workaround since scss files cannot be nested
 **/
/**
 *  filename: assets/css/pages/home/index.scss
 *  description: --
 **/
/**
 *  filename: assets/css/global.scss
 *  description: --
 **/
/* Global Breakpoints */
/* 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;
}

.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-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);
  /**
  * @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-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);
    /**
    * @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);
  }
}
/**
 * Do not edit directly, this file was auto-generated.
 */
:root, :host {
  --font-fallback: sans-serif; /* font.fallback */
  --font-default: Roboto; /* font.default */
  --font-accent: Montserrat; /* font.accent */
  --header-heading-font-xxs-mobile: var(--semantic-heading-text-lg-mobile); /* header.heading.font.xxs.mobile */
  --header-heading-font-xxs-desktop: var(--semantic-heading-text-md-desktop); /* header.heading.font.xxs.desktop */
  --header-heading-font-xs-mobile: var(--semantic-heading-text-lg-mobile); /* header.heading.font.xs.mobile */
  --header-heading-font-xs-desktop: var(--semantic-heading-text-lg-desktop); /* header.heading.font.xs.desktop */
  --header-heading-font-sm-mobile: var(--semantic-heading-text-xl-mobile); /* header.heading.font.sm.mobile */
  --header-heading-font-sm-desktop: var(--semantic-heading-text-xl-desktop); /* header.heading.font.sm.desktop */
  --header-heading-font-md-mobile: var(--semantic-title-text-sm-mobile); /* header.heading.font.md.mobile */
  --header-heading-font-md-desktop: var(--semantic-title-text-sm-desktop); /* header.heading.font.md.desktop */
  --header-heading-font-lg-mobile: var(--semantic-title-text-lg-mobile); /* header.heading.font.lg.mobile */
  --header-heading-font-lg-desktop: var(--semantic-title-text-md-desktop); /* header.heading.font.lg.desktop */
  --header-heading-font-xl-mobile: var(--semantic-title-text-lg-mobile); /* header.heading.font.xl.mobile */
  --header-heading-font-xl-desktop: var(--semantic-title-text-lg-desktop); /* header.heading.font.xl.desktop */
  --tab-standard-font-label-mobile: var(--semantic-heading-text-xl-mobile); /* tab.standard.font.label.mobile */
  --tab-standard-font-label-desktop: var(--semantic-heading-text-xl-desktop); /* tab.standard.font.label.desktop */
  --price-font-label-discount-sm-mobile: var(--semantic-heading-text-sm-mobile); /* price.font.label.discount.sm.mobile */
  --price-font-label-discount-sm-desktop: var(--semantic-heading-text-sm-desktop); /* price.font.label.discount.sm.desktop */
  --price-font-label-discount-md-mobile: var(--semantic-heading-text-md-mobile); /* price.font.label.discount.md.mobile */
  --price-font-label-discount-md-desktop: var(--semantic-heading-text-sm-desktop); /* price.font.label.discount.md.desktop */
  --price-font-label-discount-lg-mobile: var(--semantic-heading-text-lg-mobile); /* price.font.label.discount.lg.mobile */
  --price-font-label-discount-lg-desktop: var(--semantic-heading-text-lg-desktop); /* price.font.label.discount.lg.desktop */
  --price-font-label-discount-xl-mobile: var(--semantic-heading-text-xl-mobile); /* price.font.label.discount.xl.mobile */
  --price-font-label-discount-xl-desktop: var(--semantic-heading-text-xl-desktop); /* price.font.label.discount.xl.desktop */
  --price-font-label-sm-mobile: var(--semantic-heading-text-sm-mobile); /* price.font.label.sm.mobile */
  --price-font-label-sm-desktop: var(--semantic-heading-text-sm-desktop); /* price.font.label.sm.desktop */
  --price-font-label-md-mobile: var(--semantic-heading-text-xl-mobile); /* price.font.label.md.mobile */
  --price-font-label-md-desktop: var(--semantic-heading-text-xl-desktop); /* price.font.label.md.desktop */
  --price-font-label-lg-mobile: var(--semantic-title-text-sm-mobile); /* price.font.label.lg.mobile */
  --price-font-label-lg-desktop: var(--semantic-title-text-sm-desktop); /* price.font.label.lg.desktop */
  --price-font-label-xl-mobile: var(--semantic-title-text-md-mobile); /* price.font.label.xl.mobile */
  --price-font-label-xl-desktop: var(--semantic-title-text-md-desktop); /* price.font.label.xl.desktop */
  --progress-bar-border-size: 0px; /* progress-bar.border.size */
  --progress-bar-border-radius: var(--semantic-border-radius-rounded); /* progress-bar.border-radius */
  --progress-bar-color-border: var(--global-color-transparent); /* progress-bar.color.border */
  --pill-color-background-subtle-hover: var(--semantic-color-background-action-secondary-default); /* pill.color.background.subtle.hover */
  --pill-color-border-subtle-active: var(--semantic-color-border-action-pressed); /* pill.color.border.subtle.active */
  --alert-color-content-background-error: var(--semantic-color-content-error); /* alert.color.content.background.error */
  --alert-color-content-background-success: var(--semantic-color-content-success); /* alert.color.content.background.success */
  --pagination-tab-color-hover: var(--semantic-color-content-info); /* color.pagination.tab.color.hover */
  --pagination-tab-color-active: var(--semantic-color-content-default); /* color.pagination.tab.color.active */
  --tooltip-font-text-mobile: var(--semantic-body-text-md-mobile); /* tooltip.font.text.mobile */
  --tooltip-font-text-desktop: var(--semantic-body-text-md-desktop); /* tooltip.font.text.desktop */
  --tooltip-color-border-primary: var(--semantic-color-border-info-primary); /* color.tooltip.color.border.primary */
  --icon-color-border-hover: var(--semantic-color-border-action-secondary-default); /* icon.color.border.hover */
  --icon-color-border-default: var(--semantic-color-border-action-secondary-default); /* icon.color.border.default */
  --icon-button-tall-border-radius-md: var(--semantic-border-radius-md); /* icon.button.tall.border-radius.md */
  --icon-button-border-size-md: var(--semantic-border-size-sm); /* icon.button.border.size.md */
  --icon-button-border-size-sm: var(--semantic-border-size-sm); /* icon.button.border.size.sm */
  --icon-button-border-radius-xs: var(--semantic-border-radius-rounded); /* icon.button.border-radius.xs */
  --icon-button-border-radius-sm: var(--semantic-border-radius-rounded); /* icon.button.border-radius.sm */
  --icon-button-border-radius-md: var(--semantic-border-radius-rounded); /* icon.button.border-radius.md */
  --icon-button-color-tertiary-background-hover: var(--semantic-color-background-action-tertiary-hover); /* icon.button.color.tertiary.background.hover */
  --icon-button-color-tertiary-background-default: var(--semantic-color-background-action-tertiary-default); /* icon.button.color.tertiary.background.default */
  --icon-button-color-hover: var(--semantic-color-content-default); /* icon.button.color.hover */
  --icon-button-color-ghost-background-active: var(--global-color-content-100); /* icon.button.color.ghost.background.active */
  --icon-button-color-ghost-background-hover: var(--global-color-content-200); /* icon.button.color.ghost.background.hover */
  --icon-button-color-contrast-background-hover: var(--semantic-color-background-action-secondary-hover); /* icon.button.color.contrast.background-hover */
  --icon-button-color-contrast-background: var(--semantic-color-background-action-secondary-default); /* icon.button.color.contrast.background */
  --icon-button-color-default-background-hover: var(--semantic-color-background-action-default-hover); /* icon.button.color.default-background-hover */
  --icon-button-color-default-background: var(--semantic-color-background-info-tertiary); /* icon.button.color.default-background */
  --icon-button-color-default: var(--semantic-color-content-info); /* icon.button.color.default */
  --dropdown-color-background-hover: var(--semantic-color-background-info-quaternary-hover); /* dropdown.color.background.hover */
  --dropdown-color-background-default: var(--semantic-color-background-info-quaternary); /* dropdown.color.background.default */
  --card-backplate-color-background-hover: var(--semantic-color-background-info-secondary-hover); /* card.backplate.color.background.hover */
  --card-backplate-color-background-default: var(--semantic-color-background-info-secondary); /* card.backplate.color.background.default */
  --game-card-heading-color-text-hover: var(--semantic-color-content-heading-hover); /* game-card.heading.color.text.hover */
  --game-card-heading-color-text-default: var(--semantic-color-content-default); /* game-card.heading.color.text.default */
  --global-font-scale-default: 1; /* global.font-scale.default */
  --global-font-scale-accent: 2; /* global.font-scale.accent */
  --global-font-letter-spacing-relaxed: 0.1px; /* global.font.letter-spacing.relaxed */
  --global-font-letter-spacing-comfy: 0.05px; /* global.font.letter-spacing.comfy */
  --global-font-letter-spacing-default: 0px; /* global.font.letter-spacing.default */
  --global-font-line-height-loose: 200%; /* global.line-height.loose */
  --global-font-line-height-relaxed: 170%; /* global.line-height.relaxed */
  --global-font-line-height-comfy: 140%; /* global.line-height.comfy */
  --global-font-line-height-tight: 110%; /* global.line-height.tight */
  --global-font-line-height-default: 100%; /* global.line-height.default */
  --global-font-weight-bold: 600; /* global.font-weight.bold */
  --global-font-weight-medium: 500; /* global.font-weight.medium */
  --global-font-weight-regular: 400; /* global.font-weight.regular */
  --global-font-size-900: 60px; /* global.font-size.900 */
  --global-font-size-800: 48px; /* global.font-size.800 */
  --global-font-size-750: 40px; /* global.font-size.750 */
  --global-font-size-700: 36px; /* global.font-size.700 */
  --global-font-size-650: 32px; /* global.font-size.650 */
  --global-font-size-625: 30px; /* global.font-size.625 */
  --global-font-size-600: 24px; /* global.font-size.600 */
  --global-font-size-500: 20px; /* global.font-size.500 */
  --global-font-size-400: 18px; /* global.font-size.400 */
  --global-font-size-300: 16px; /* global.font-size.300 */
  --global-font-size-200: 14px; /* global.font-size.200 */
  --global-font-size-100: 12px; /* global.font-size.100 */
  --global-font-size-75: 10px; /* global.font-size.75 */
  --global-font-family-fallback: var(--font-fallback); /* global.font-family.fallback */
  --global-font-family-default: var(--font-default); /* global.font-family.default */
  --global-font-family-accent-alt: Montserrat; /* global.font-family.accent-alt */
  --global-font-family-accent: var(--font-accent); /* global.font-family.accent */
  --global-size-1200: 100px; /* global.size.1200 */
  --global-size-1150: 92px; /* global.size.1150 */
  --global-size-1100: 88px; /* global.size.1100 */
  --global-size-1000: 80px; /* global.size.1000 */
  --global-size-900: 72px; /* global.size.900 */
  --global-size-800: 64px; /* global.size.800 */
  --global-size-700: 56px; /* global.size.700 */
  --global-size-600: 48px; /* global.size.600 */
  --global-size-500: 40px; /* global.size.500 */
  --global-size-400: 32px; /* global.size.400 */
  --global-size-350: 28px; /* global.size.350 */
  --global-size-325: 26px; /* global.size.325 */
  --global-size-300: 24px; /* global.size.300 */
  --global-size-250: 20px; /* global.size.250 */
  --global-size-200: 16px; /* global.size.200 */
  --global-size-150: 12px; /* global.size.150 */
  --global-size-125: 10px; /* global.size.125 */
  --global-size-100: 8px; /* global.size.100 */
  --global-size-75: 6px; /* global.size.75 */
  --global-size-50: 4px; /* global.size.50 */
  --global-size-25: 2px; /* global.size.25 */
  --global-color-transparent: rgba(255, 255, 255, 0); /* global.color.transparent */
  --global-color-content-1000: #ffffff; /* global.color.content.1000 */
  --global-color-content-900: rgba(255, 255, 255, 0.9); /* global.color.content.900 */
  --global-color-content-800: rgba(255, 255, 255, 0.8); /* global.color.content.800 */
  --global-color-content-700: rgba(255, 255, 255, 0.7); /* global.color.content.700 */
  --global-color-content-600: rgba(255, 255, 255, 0.5); /* global.color.content.600 */
  --global-color-content-500: rgba(255, 255, 255, 0.3); /* global.color.content.500 */
  --global-color-content-400: rgba(255, 255, 255, 0.15); /* global.color.content.400 */
  --global-color-content-300: rgba(255, 255, 255, 0.12); /* global.color.content.300 */
  --global-color-content-200: rgba(255, 255, 255, 0.1); /* global.color.content.200 */
  --global-color-content-100: rgba(255, 255, 255, 0.05); /* global.color.content.100 */
  --global-color-darken-900: #000000; /* global.color.darken.900 */
  --global-color-darken-800: rgba(0, 0, 0, 0.9); /* global.color.darken.800 */
  --global-color-darken-700: rgba(0, 0, 0, 0.7); /* global.color.darken.700 */
  --global-color-darken-600: rgba(0, 0, 0, 0.5); /* global.color.darken.600 */
  --global-color-darken-500: rgba(0, 0, 0, 0.3); /* global.color.darken.500 */
  --global-color-darken-400: rgba(0, 0, 0, 0.15); /* global.color.darken.400 */
  --global-color-darken-300: rgba(0, 0, 0, 0.1); /* global.color.darken.300 */
  --global-color-darken-100: rgba(0, 0, 0, 0.05); /* global.color.darken.100 */
  --global-color-success-500: #00ff94; /* global.color.success.500 */
  --global-color-success-400: #66ffbf; /* global.color.success.400 */
  --global-color-error-900: #350000; /* global.color.error.900 */
  --global-color-error-500: #f31d77; /* global.color.error.500 */
  --global-color-error-400: #f87cb0; /* global.color.error.400 */
  --global-color-warning-500: #ffbb33; /* global.color.warning.500 */
  --global-color-warning-400: #ffdd99; /* global.color.warning.400 */
  --global-color-background-800: #0a0d15; /* global.color.background.800 */
  --global-color-background-700: #151c28; /* global.color.background.700 */
  --global-color-background-500: #232a39; /* global.color.background.500 */
  --global-color-background-300: #323a48; /* global.color.background.300 */
  --global-color-background-100: #3a465f; /* global.color.background.100 */
  --global-color-background-50: #5a5d70; /* global.color.background.50 */
  --global-color-background-25: #d5d7dd; /* global.color.background.25 */
  --global-color-accent-700: rgba(93, 113, 152, 0.8); /* global.color.accent.700 */
  --global-color-accent-600: rgba(93, 113, 152, 0.6); /* global.color.accent.600 */
  --global-color-accent-500: rgba(93, 113, 152, 0.4); /* global.color.accent.500 */
  --global-color-accent-400: rgba(93, 113, 152, 0.2); /* global.color.accent.400 */
  --global-color-primary-700: #003c6b; /* global.color.primary.700 */
  --global-color-primary-600: #00599e; /* global.color.primary.600 */
  --global-color-primary-500: #0076d1; /* global.color.primary.500 */
  --global-color-primary-400: #0592ff; /* global.color.primary.400 */
  --global-color-primary-300: #38a8ff; /* global.color.primary.300 */
  --global-asset-icon-bn-share-filled: url("data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgZm9jdXNhYmxlPSJmYWxzZSIKICByb2xlPSJwcmVzZW50YXRpb24iCiAgdmlld0JveD0iMCAwIDI0IDI0IgogIGFyaWEtbGFiZWxsZWRieT0iYmx6LWljb24tdGl0bGUtYm4tc2hhcmUtZmlsbGVkIgo+PHRpdGxlIGlkPSJibHotaWNvbi10aXRsZS1ibi1zaGFyZS1maWxsZWQiPlNoYXJlPC90aXRsZT48cGF0aAogICAgZD0iTTE3LjM2NSAyLjM1NGEuNS41IDAgMCAwLS43MDcgMGwtLjcwNy43MDdhLjUuNSAwIDAgMCAwIC43MDdMMTguMTgzIDZIMTVjLTEuNjEyIDAtMi44NzIuODExLTMuNzAyIDEuNzktLjgxLjk1Ny0xLjMwMSAyLjE3Ni0xLjMxIDMuMjAyLS4wMDUuNzU3LS4wMDIgMS43NjMuMDAyIDIuNTc2bC4wMSAxLjQ0MWExIDEgMCAwIDAgMi0uMDE5bC0uMDEtMS40MzNjLS4wMDQtLjgxMi0uMDA3LTEuODA2LS4wMDEtMi41NS4wMDMtLjQ3My4yNjgtMS4yNTQuODM1LTEuOTIzQzEzLjM3IDguNDQgMTQuMTEgOCAxNC45OTkgOGgzLjE4NGwtMi4yMzIgMi4yMzJhLjUuNSAwIDAgMCAwIC43MDdsLjcwNy43MDdhLjUuNSAwIDAgMCAuNzA3IDBsNC4yOTMtNC4yOTJhLjUuNSAwIDAgMCAwLS43MDhsLTQuMjkzLTQuMjkyWiIKICAvPjxwYXRoCiAgICBkPSJNOSA2LjVhLjUuNSAwIDAgMS0uNS41SDdhMiAyIDAgMCAwLTIgMnY4YTIgMiAwIDAgMCAyIDJoOGEyIDIgMCAwIDAgMi0ydi0xLjVhLjUuNSAwIDAgMSAuNS0uNWgxYS41LjUgMCAwIDEgLjUuNVYxN2E0IDQgMCAwIDEtNCA0SDdhNCA0IDAgMCAxLTQtNFY5YTQgNCAwIDAgMSA0LTRoMS41YS41LjUgMCAwIDEgLjUuNXYxWiIKICAvPjwvc3ZnPgo="); /* global.asset.icon.bn-share-filled */
  --global-asset-icon-external: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY2NjY3IDguNUM2LjQ4OTg2IDguNSA2LjMyMDI5IDguNTcwMjQgNi4xOTUyNiA4LjY5NTI2QzYuMDcwMjQgOC44MjAyOSA2IDguOTg5ODYgNiA5LjE2NjY3VjE4LjMzMzNDNiAxOC41MTAxIDYuMDcwMjQgMTguNjc5NyA2LjE5NTI2IDE4LjgwNDdDNi4zMjAyOSAxOC45Mjk4IDYuNDg5ODYgMTkgNi42NjY2NyAxOUgxNS44MzMzQzE2LjAxMDEgMTkgMTYuMTc5NyAxOC45Mjk4IDE2LjMwNDcgMTguODA0N0MxNi40Mjk4IDE4LjY3OTcgMTYuNSAxOC41MTAxIDE2LjUgMTguMzMzM1YxMy4zMzMzQzE2LjUgMTIuNzgxIDE2Ljk0NzcgMTIuMzMzMyAxNy41IDEyLjMzMzNDMTguMDUyMyAxMi4zMzMzIDE4LjUgMTIuNzgxIDE4LjUgMTMuMzMzM1YxOC4zMzMzQzE4LjUgMTkuMDQwNiAxOC4yMTkgMTkuNzE4OSAxNy43MTkgMjAuMjE5QzE3LjIxODkgMjAuNzE5IDE2LjU0MDYgMjEgMTUuODMzMyAyMUg2LjY2NjY3QzUuOTU5NDIgMjEgNS4yODExNSAyMC43MTkgNC43ODEwNSAyMC4yMTlDNC4yODA5NSAxOS43MTg5IDQgMTkuMDQwNiA0IDE4LjMzMzNWOS4xNjY2N0M0IDguNDU5NDIgNC4yODA5NSA3Ljc4MTE1IDQuNzgxMDUgNy4yODEwNUM1LjI4MTE1IDYuNzgwOTUgNS45NTk0MiA2LjUgNi42NjY2NyA2LjVIMTEuNjY2N0MxMi4yMTkgNi41IDEyLjY2NjcgNi45NDc3MiAxMi42NjY3IDcuNUMxMi42NjY3IDguMDUyMjggMTIuMjE5IDguNSAxMS42NjY3IDguNUg2LjY2NjY3WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCA1QzE0IDQuNDQ3NzIgMTQuNDQ3NyA0IDE1IDRIMjBDMjAuNTUyMyA0IDIxIDQuNDQ3NzIgMjEgNVYxMEMyMSAxMC41NTIzIDIwLjU1MjMgMTEgMjAgMTFDMTkuNDQ3NyAxMSAxOSAxMC41NTIzIDE5IDEwVjZIMTVDMTQuNDQ3NyA2IDE0IDUuNTUyMjggMTQgNVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAuNzA3MSA0LjI5Mjg5QzIxLjA5NzYgNC42ODM0MiAyMS4wOTc2IDUuMzE2NTggMjAuNzA3MSA1LjcwNzExTDExLjU0MDQgMTQuODczOEMxMS4xNDk5IDE1LjI2NDMgMTAuNTE2OCAxNS4yNjQzIDEwLjEyNjIgMTQuODczOEM5LjczNTcgMTQuNDgzMiA5LjczNTcgMTMuODUwMSAxMC4xMjYyIDEzLjQ1OTZMMTkuMjkyOSA0LjI5Mjg5QzE5LjY4MzQgMy45MDIzNyAyMC4zMTY2IDMuOTAyMzcgMjAuNzA3MSA0LjI5Mjg5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="); /* global.asset.icon.external */
  --input-font-sm-mobile: var(--semantic-heading-text-sm-mobile); /* input.font.sm.mobile */
  --input-font-sm-desktop: var(--semantic-heading-text-sm-desktop); /* input.font.sm.desktop */
  --input-font-md-mobile: var(--semantic-heading-text-lg-mobile); /* input.font.md.mobile */
  --input-font-md-desktop: var(--semantic-heading-text-lg-desktop); /* input.font.md.desktop */
  --input-text-color-disabled: var(--semantic-color-content-inactive); /* input.text.color.disabled */
  --input-color-background-hover: var(--semantic-color-background-action-secondary-pressed); /* input.color.background.hover */
  --input-color-background-default: var(--semantic-color-background-action-secondary-default); /* input.color.background.default */
  --input-select-space-padding-md-left: var(--semantic-space-around-horizontal-sm); /* input.select.space.padding.md.left */
  --input-select-space-padding-md-bottom: 0px; /* input.select.space.padding.md.bottom */
  --input-select-space-padding-md-right: var(--semantic-space-around-horizontal-xxs); /* input.select.space.padding.md.right */
  --input-select-space-padding-md-top: 0px; /* input.select.space.padding.md.top */
  --input-select-space-padding-sm-left: var(--semantic-space-around-horizontal-sm); /* input.select.space.padding.sm.left */
  --input-select-space-padding-sm-bottom: 0px; /* input.select.space.padding.sm.bottom */
  --input-select-space-padding-sm-right: var(--semantic-space-around-horizontal-xxs); /* input.select.space.padding.sm.right */
  --input-select-space-padding-sm-top: 0px; /* input.select.space.padding.sm.top */
  --input-text-field-color-background-hover: var(--semantic-color-background-info-quaternary-hover); /* input.text-field.color.background.hover */
  --input-text-field-color-background-default: var(--semantic-color-background-info-quaternary); /* input.text-field.color.background.default */
  --input-text-field-space-padding-md-left: var(--semantic-space-around-horizontal-sm); /* input.text-field.space.padding.md.left */
  --input-text-field-space-padding-md-bottom: 0px; /* input.text-field.space.padding.md.bottom */
  --input-text-field-space-padding-md-right: var(--semantic-space-around-horizontal-xxs); /* input.text-field.space.padding.md.right */
  --input-text-field-space-padding-md-top: 0px; /* input.text-field.space.padding.md.top */
  --input-text-field-space-padding-sm-left: var(--semantic-space-around-horizontal-sm); /* input.text-field.space.padding.sm.left */
  --input-text-field-space-padding-sm-bottom: 0px; /* input.text-field.space.padding.sm.bottom */
  --input-text-field-space-padding-sm-right: var(--semantic-space-around-horizontal-xxs); /* input.text-field.space.padding.sm.right */
  --input-text-field-space-padding-sm-top: 0px; /* input.text-field.space.padding.sm.top */
  --input-selection-checkmark-color-icon-hover: var(--global-color-primary-300); /* input.selection.checkmark.color.icon.hover */
  --input-selection-checkmark-color-icon-active: var(--global-color-primary-500); /* input.selection.checkmark.color.icon.active */
  --input-selection-color-background: var(--semantic-color-content-default);
  --input-selection-label-gap: var(--semantic-space-between-xs); /* input.selection.label-gap */
  --content-block-font-callout-xs-mobile: var(--semantic-body-text-sm-mobile); /* content-block.font.callout.xs.mobile */
  --content-block-font-callout-xs-desktop: var(--semantic-body-text-xs-desktop); /* content-block.font.callout.xs.desktop */
  --content-block-font-callout-sm-mobile: var(--semantic-body-text-md-mobile); /* content-block.font.callout.sm.mobile */
  --content-block-font-callout-sm-desktop: var(--semantic-body-text-md-desktop); /* content-block.font.callout.sm.desktop */
  --content-block-font-callout-md-mobile: var(--semantic-body-text-md-mobile); /* content-block.font.callout.md.mobile */
  --content-block-font-callout-md-desktop: var(--semantic-body-text-md-desktop); /* content-block.font.callout.md.desktop */
  --content-block-font-callout-lg-mobile: var(--semantic-body-text-md-mobile); /* content-block.font.callout.lg.mobile */
  --content-block-font-callout-lg-desktop: var(--semantic-body-text-md-desktop); /* content-block.font.callout.lg.desktop */
  --content-block-font-description-xs-mobile: var(--semantic-body-text-sm-mobile); /* content-block.font.description.xs.mobile */
  --content-block-font-description-xs-desktop: var(--semantic-body-text-xs-desktop); /* content-block.font.description.xs.desktop */
  --content-block-font-description-sm-mobile: var(--semantic-body-text-md-mobile); /* content-block.font.description.sm.mobile */
  --content-block-font-description-sm-desktop: var(--semantic-body-text-md-desktop); /* content-block.font.description.sm.desktop */
  --content-block-font-description-md-mobile: var(--semantic-body-text-md-mobile);
  --content-block-font-description-md-desktop: var(--semantic-body-text-md-desktop); /* content-block.font.description.md.desktop */
  --content-block-font-description-lg-mobile: var(--semantic-body-text-md-mobile); /* content-block.font.description.lg.mobile */
  --content-block-font-description-lg-desktop: var(--semantic-body-text-md-desktop); /* content-block.font.description.lg.desktop */
  --content-block-font-heading-xs-mobile: var(--semantic-heading-text-xs); /* content-block.font.heading.xs.desktop */
  --content-block-font-heading-xs-desktop: var(--semantic-heading-text-xs); /* content-block.font.heading.xs.desktop */
  --content-block-font-heading-sm-mobile: var(--semantic-heading-text-lg-desktop); /* content-block.font.heading.sm.mobile */
  --content-block-font-heading-sm-desktop: var(--semantic-heading-text-lg-desktop); /* content-block.font.heading.sm.desktop */
  --content-block-font-heading-md-mobile: var(--semantic-heading-text-xl-mobile); /* content-block.font.heading.md.mobile */
  --content-block-font-heading-md-desktop: var(--semantic-heading-text-xl-desktop); /* content-block.font.heading.md.desktop */
  --content-block-font-heading-lg-mobile: var(--semantic-title-text-sm-mobile); /* content-block.font.heading.lg.mobile */
  --content-block-font-heading-lg-desktop: var(--semantic-title-text-sm-desktop); /* content-block.font.heading.lg.desktop */
  --content-block-font-subheading-md-mobile: var(--semantic-subheading-text-lg-mobile); /* content-block.font.subheading.md.mobile */
  --content-block-font-subheading-md-desktop: var(--semantic-subheading-text-md-desktop); /* content-block.font.subheading.md.desktop */
  --content-block-font-subheading-lg-mobile: var(--semantic-subheading-text-lg-desktop); /* content-block.font.subheading.lg.mobile */
  --content-block-font-subheading-lg-desktop: var(--semantic-subheading-text-lg-desktop); /* content-block.font.subheading.lg.desktop */
  --content-block-description-space-margin-top: var(--semantic-content-space-md); /* content-block.description.space.margin-top */
  --content-block-space-optional-slot-bottom-mobile: var(--semantic-space-between-md); /* content-block.space.optional-slot-bottom.mobile */
  --content-block-space-optional-slot-bottom-desktop: var(--semantic-space-between-md); /* content-block.space.optional-slot-bottom.desktop */
  --content-block-space-optional-slot-top-mobile: var(--semantic-space-between-md); /* content-block.space.optional-slot-top.mobile */
  --content-block-space-optional-slot-top-desktop: var(--semantic-space-between-md); /* content-block.space.optional-slot-top.desktop */
  --base-card-space-media-bottom-right-left: 0px; /* base-card.space.media.bottom-right.left */
  --base-card-space-media-bottom-right-bottom: var(--semantic-space-around-vertical-xs-mobile); /* base-card.space.media.bottom-right.bottom */
  --base-card-space-media-bottom-right-right: var(--semantic-space-around-horizontal-xxs); /* base-card.space.media.bottom-right.right */
  --base-card-space-media-bottom-right-top: 0px; /* base-card.space.media.bottom-right.top */
  --base-card-space-media-bottom-left-left: var(--semantic-space-around-horizontal-xxs); /* base-card.space.media.bottom-left.left */
  --base-card-space-media-bottom-left-bottom: var(--semantic-space-around-vertical-xs-mobile); /* base-card.space.media.bottom-left.bottom */
  --base-card-space-media-bottom-left-right: 0px; /* base-card.space.media.bottom-left.right */
  --base-card-space-media-bottom-left-top: 0px; /* base-card.space.media.bottom-left.top */
  --base-card-space-media-top-right-left: 0px; /* base-card.space.media.top-right.left */
  --base-card-space-media-top-right-bottom: 0px; /* base-card.space.media.top-right.bottom */
  --base-card-space-media-top-right-right: var(--semantic-space-around-horizontal-xxs); /* base-card.space.media.top-right.right */
  --base-card-space-media-top-right-top: var(--semantic-space-around-vertical-xs-mobile); /* base-card.space.media.top-right.top */
  --base-card-space-media-top-left-left: var(--semantic-space-around-horizontal-xxs); /* base-card.space.media.top-left.left */
  --base-card-space-media-top-left-bottom: 0px; /* base-card.space.media.top-left.bottom */
  --base-card-space-media-top-left-right: 0px; /* base-card.space.media.top-left.right */
  --base-card-space-media-top-left-top: var(--semantic-space-around-vertical-xs-mobile); /* base-card.space.media.top-left.top */
  --base-card-space-padding-sm-mobile-horizontal: var(--semantic-space-around-horizontal-sm); /* base-card.space.padding.sm.mobile.horizontal */
  --base-card-space-padding-sm-mobile-vertical: var(--semantic-space-around-vertical-md-mobile); /* base-card.space.padding.sm.mobile.vertical */
  --base-card-space-padding-sm-desktop-horizontal: var(--semantic-space-around-horizontal-sm); /* base-card.space.padding.sm.desktop.horizontal */
  --base-card-space-padding-sm-desktop-vertical: var(--semantic-space-around-vertical-sm-desktop); /* base-card.space.padding.sm.desktop.vertical */
  --base-card-space-padding-md-mobile-horizontal: var(--semantic-space-around-horizontal-sm); /* base-card.space.padding.md.mobile.horizontal */
  --base-card-space-padding-md-mobile-vertical: var(--semantic-space-around-vertical-md-mobile); /* base-card.space.padding.md.mobile.vertical */
  --base-card-space-padding-md-desktop-horizontal: var(--semantic-space-around-horizontal-md-desktop); /* base-card.space.padding.md.desktop.horizontal */
  --base-card-space-padding-md-desktop-vertical: var(--semantic-space-around-vertical-md-desktop); /* base-card.space.padding.md.desktop.vertical */
  --base-card-space-padding-lg-mobile-horizontal: var(--semantic-space-around-horizontal-md-mobile); /* base-card.space.padding.lg.mobile.horizontal */
  --base-card-space-padding-lg-mobile-vertical: var(--semantic-space-around-vertical-xl-mobile); /* base-card.space.padding.lg.mobile.vertical */
  --base-card-space-padding-lg-desktop-horizontal: var(--semantic-space-around-horizontal-lg-desktop); /* base-card.space.padding.lg.desktop.horizontal */
  --base-card-space-padding-lg-desktop-vertical: var(--semantic-space-around-vertical-lg-desktop); /* base-card.space.padding.lg.desktop.vertical */
  --banner-color-text-heading: var(--semantic-color-text-heading); /* banner.color.text.heading */
  --banner-fixed-height-mobile: 400px; /* banner.fixed-height.mobile */
  --banner-fixed-height-tablet: 400px; /* banner.fixed-height.tablet */
  --banner-fixed-height-desktop: 500px; /* banner.fixed-height.desktop */
  --banner-space-padding-horizontal-mobile: var(--semantic-space-around-horizontal-xxxl-mobile); /* banner.space.padding.horizontal.mobile */
  --banner-space-padding-horizontal-desktop: var(--semantic-space-around-horizontal-xxxl-desktop); /* banner.space.padding.horizontal.desktop */
  --banner-space-padding-vertical-mobile: var(--semantic-space-around-vertical-sm-mobile); /* banner.space.padding.vertical.mobile */
  --banner-space-padding-vertical-desktop: var(--semantic-space-around-vertical-sm-desktop); /* banner.space.padding.vertical.desktop */
  --badge-font-text-mobile: var(--semantic-subheading-text-lg-mobile); /* badge.font.text.mobile */
  --badge-font-text-desktop: var(--semantic-subheading-text-lg-desktop); /* badge.font.text.desktop */
  --badge-color-text-default: var(--semantic-color-content-default);
  --badge-color-background-positive: var(--semantic-color-content-success); /* badge.color.background.positive */
  --badge-color-background-neutral: var(--semantic-color-background-info-secondary); /* badge.color.background.neutral */
  --badge-color-background-urgent: var(--semantic-color-content-error); /* badge.color.background.urgent */
  --badge-space-md-mobile-horizontal: var(--semantic-space-around-horizontal-xxs); /* badge.space.md.mobile.horizontal */
  --badge-space-md-mobile-bottom: var(--semantic-space-around-vertical-xs-mobile); /* badge.space.md.mobile.bottom */
  --badge-space-md-mobile-top: var(--semantic-space-around-vertical-xs-mobile); /* badge.space.md.mobile.top */
  --badge-space-md-desktop-horizontal: var(--semantic-space-around-horizontal-xxs); /* badge.space.padding.md.desktop.horizontal */
  --badge-space-md-desktop-bottom: var(--semantic-space-around-vertical-xs-mobile); /* badge.space.md.desktop.bottom */
  --badge-space-md-desktop-top: var(--semantic-space-around-vertical-xxs-desktop); /* badge.space.md.desktop.top */
  --badge-space-padding-sm-horizontal: var(--semantic-space-around-horizontal-xxxs); /* badge.space.padding.sm.horizontal */
  --badge-space-padding-sm-bottom: var(--global-size-25); /* badge.space.padding.sm.bottom */
  --badge-space-padding-sm-top: var(--global-size-25); /* badge.space.padding.sm.top */
  --announcement-banner-font-subtext-mobile: var(--semantic-body-text-md-mobile); /* announcement-banner.font.subtext.mobile */
  --announcement-banner-font-subtext-desktop: var(--semantic-body-text-md-desktop); /* announcement-banner.font.subtext.desktop */
  --announcement-banner-font-heading-mobile: var(--semantic-heading-text-xl-mobile); /* announcement-banner.font.heading.mobile */
  --announcement-banner-font-heading-desktop: var(--semantic-heading-text-xl-desktop); /* announcement-banner.font.heading.desktop */
  --announcement-banner-max-width-text-mobile: 250px; /* announcement-banner.max-width.text.mobile */
  --announcement-banner-max-width-text-desktop: 450px; /* announcement-banner.max-width.text.desktop */
  --announcement-banner-content-gap-vertical-mobile: var(--semantic-space-between-xxs); /* announcement-banner.vertical.content-gap.mobile */
  --announcement-banner-content-gap-vertical-desktop: var(--semantic-space-between-sm); /* announcement-banner.vertical.content-gap.desktop */
  --announcement-banner-content-gap-horizontal-mobile: var(--semantic-space-between-md); /* announcement-banner.horizontal.content-gap.mobile */
  --announcement-banner-content-gap-horizontal-desktop: var(--semantic-space-between-lg); /* announcement-banner.horizontal.content-gap.desktop */
  --announcement-banner-sticky-space-padding-mobile-horizontal: var(--semantic-space-around-horizontal-lg-mobile); /* announcement-banner.sticky.space.padding.mobile.horizontal */
  --announcement-banner-sticky-space-padding-mobile-vertical: var(--semantic-space-around-vertical-lg-mobile); /* announcement-banner.sticky.space.padding.mobile.vertical */
  --announcement-banner-sticky-space-padding-desktop-horizontal: var(--semantic-space-around-horizontal-lg-desktop); /* announcement-banner.sticky.space.padding.desktop.horizontal */
  --announcement-banner-sticky-space-padding-desktop-vertical: var(--semantic-space-around-vertical-lg-desktop); /* announcement-banner.sticky.space.padding.desktop.vertical */
  --announcement-banner-space-padding-mobile-horizontal: var(--semantic-space-around-horizontal-lg-mobile); /* announcement-banner.space.padding.mobile.horizontal */
  --announcement-banner-space-padding-mobile-vertical: var(--semantic-space-around-vertical-xxl-mobile); /* announcement-banner.space.padding.mobile.vertical */
  --announcement-banner-space-padding-desktop-horizontal: var(--semantic-space-around-horizontal-lg-desktop); /* announcement-banner.space.padding.desktop.horizontal */
  --announcement-banner-space-padding-desktop-vertical: var(--semantic-space-around-vertical-xxl-desktop); /* announcement-banner.space.padding.desktop.vertical */
  --countdown-timer-height-sm-mobile: var(--semantic-size-input-height-xs-mobile); /* countdown-timer.height.sm.mobile */
  --countdown-timer-height-sm-desktop: var(--semantic-size-input-height-sm-desktop); /* countdown-timer.height.sm.desktop */
  --button-font-label-sm-mobile: var(--semantic-heading-text-sm-mobile); /* button.font.label.sm.mobile */
  --button-font-label-sm-desktop: var(--semantic-heading-text-sm-desktop); /* button.font.label.sm.desktop */
  --button-font-label-md-mobile: var(--semantic-heading-text-lg-mobile); /* button.font.label.md.mobile */
  --button-font-label-md-desktop: var(--semantic-heading-text-lg-desktop); /* button.font.label.md.desktop */
  --button-font-label-lg-mobile: var(--semantic-heading-text-xl-mobile); /* button.font.label.lg.mobile */
  --button-font-label-lg-desktop: var(--semantic-heading-text-xl-desktop); /* button.font.label.lg.desktop */
  --button-font-label-xl-mobile: var(--semantic-title-text-sm-mobile); /* button.font.label.xl.mobile */
  --button-font-label-xl-desktop: var(--semantic-heading-text-xxl-desktop); /* button.font.label.xl.desktop */
  --button-color-text-disabled: var(--semantic-color-content-info); /* button.color.text.disabled */
  --button-color-text-pressed: var(--semantic-color-content-default); /* button.color.text.pressed */
  --button-color-border-tertiary-pressed: var(--semantic-color-border-action-pressed); /* button.color.border.tertiary.pressed */
  --button-color-border-tertiary-disabled: var(--semantic-color-border-action-pressed); /* button.color.border.tertiary.disabled */
  --button-color-border-tertiary-hover: var(--semantic-color-border-action-hover); /* button.color.border.tertiary.hover */
  --button-color-border-tertiary-default: var(--semantic-color-border-action-primary-default); /* button.color.border.tertiary.default */
  --button-color-border-secondary-pressed: var(--semantic-color-border-action-pressed); /* button.color.border.secondary.pressed */
  --button-color-border-secondary-hover: var(--semantic-color-border-action-hover); /* button.color.border.secondary.hover */
  --button-color-border-primary-pressed: var(--semantic-color-border-action-pressed); /* button.color.border.primary.pressed */
  --button-color-border-primary-hover: var(--semantic-color-border-action-hover); /* button.color.border.primary.hover */
  --button-space-padding-sm-horizontal: var(--semantic-space-around-horizontal-sm); /* button.space.padding.sm.horizontal */
  --button-space-padding-sm-vertical: var(--semantic-space-around-vertical-xs-desktop); /* button.space.padding.sm.vertical */
  --button-space-padding-md-mobile-horizontal: var(--semantic-space-around-horizontal-xl-mobile); /* button.space.padding.md.mobile.horizontal */
  --button-space-padding-md-mobile-vertical: var(--semantic-space-around-vertical-sm-mobile); /* button.space.padding.md.mobile.vertical */
  --button-space-padding-md-desktop-horizontal: var(--semantic-space-around-horizontal-xl-desktop); /* button.space.padding.md.desktop.horizontal */
  --button-space-padding-md-desktop-vertical: var(--semantic-space-around-vertical-sm-desktop); /* button.space.padding.md.desktop.vertical */
  --button-space-padding-lg-mobile-horizontal: var(--semantic-space-around-horizontal-xxl-mobile); /* button.space.padding.lg.mobile.horizontal */
  --button-space-padding-lg-mobile-vertical: var(--semantic-space-around-vertical-xl-mobile); /* button.space.padding.lg.mobile.vertical */
  --button-space-padding-lg-desktop-horizontal: var(--semantic-space-around-horizontal-xxl-desktop); /* button.space.padding.lg.desktop.horizontal */
  --button-space-padding-lg-desktop-vertical: var(--semantic-space-around-vertical-md-desktop); /* button.space.padding.lg.desktop.vertical */
  --button-space-padding-xl-mobile-horizontal: var(--semantic-space-around-horizontal-xxl-mobile); /* button.space.padding.xl.mobile.horizontal */
  --button-space-padding-xl-mobile-vertical: var(--semantic-space-around-vertical-xl-mobile); /* button.space.padding.xl.mobile.vertical */
  --button-space-padding-xl-desktop-horizontal: var(--semantic-space-around-horizontal-xxl-desktop); /* button.space.padding.xl.desktop.horizontal */
  --button-space-padding-xl-desktop-vertical: var(--semantic-space-around-vertical-sm-desktop); /* button.space.padding.xl.desktop.vertical */
  --button-height-md-mobile: var(--semantic-size-input-height-md-mobile); /* button.height.md.mobile */
  --button-height-md-desktop: var(--semantic-size-input-height-md-desktop); /* button.height.md.desktop */
  --button-height-sm-mobile: var(--semantic-size-input-height-sm-mobile); /* button.height.sm.mobile */
  --button-height-sm-desktop: var(--semantic-size-input-height-sm-desktop); /* button.height.sm.desktop */
  --semantic-body-text-xs-mobile: 400 var(--global-font-size-75)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.xs.mobile */
  --semantic-body-text-xs-desktop: 400 var(--global-font-size-100)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.xs.desktop */
  --semantic-body-text-sm-mobile: 400 var(--global-font-size-100)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.sm.mobile */
  --semantic-body-text-sm-desktop: 400 var(--global-font-size-200)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.sm.desktop */
  --semantic-body-text-md-mobile: 400 var(--global-font-size-200)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.md.mobile */
  --semantic-body-text-md-desktop: 400 var(--global-font-size-300)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.md.desktop */
  --semantic-body-text-lg-mobile: 400 var(--global-font-size-300)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.lg.mobile */
  --semantic-body-text-lg-desktop: 400 var(--global-font-size-400)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.lg.desktop */
  --semantic-body-text-xl-mobile: 400 var(--global-font-size-300)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.xl.mobile */
  --semantic-body-text-xl-desktop: 400 var(--global-font-size-500)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.xl.desktop */
  --semantic-body-text-xxl-mobile: 400 var(--global-font-size-500)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.xxl.mobile */
  --semantic-body-text-xxl-desktop: 400 var(--global-font-size-600)/var(--global-font-line-height-comfy) var(--global-font-family-default); /* semantic.body.text.xxl.desktop */
  --semantic-subheading-letter-spacing: var(--global-font-letter-spacing-default); /* semantic.subheading.letter-spacing */
  --semantic-subheading-text-md-mobile: 600 var(--global-font-size-75)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.subheading.text.md.mobile */
  --semantic-subheading-text-md-desktop: 600 var(--global-font-size-100)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.subheading.text.md.desktop */
  --semantic-subheading-text-lg-mobile: 600 var(--global-font-size-100)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.subheading.text.lg.mobile */
  --semantic-subheading-text-lg-desktop: 600 var(--global-font-size-200)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.subheading.text.lg.desktop */
  --semantic-heading-text-xxs: 600 var(--global-font-size-100)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.xxs */
  --semantic-heading-text-xs: 600 var(--global-font-size-200)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.xs */
  --semantic-heading-text-sm-mobile: 600 var(--global-font-size-200)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.sm.mobile */
  --semantic-heading-text-sm-desktop: 600 var(--global-font-size-300)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.sm.desktop */
  --semantic-heading-text-md-mobile: 600 var(--global-font-size-300)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.md.mobile */
  --semantic-heading-text-md-desktop: 600 var(--global-font-size-400)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.md.desktop */
  --semantic-heading-text-lg-mobile: 600 var(--global-font-size-300)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.lg.mobile */
  --semantic-heading-text-lg-desktop: 600 var(--global-font-size-500)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.lg.desktop */
  --semantic-heading-text-xl-mobile: 600 var(--global-font-size-500)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.xl.mobile */
  --semantic-heading-text-xl-desktop: 600 var(--global-font-size-600)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.xl.desktop */
  --semantic-heading-text-xxl-mobile: 600 var(--global-font-size-600)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.xxl.mobile */
  --semantic-heading-text-xxl-desktop: 600 var(--global-font-size-650)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.heading.text.xxl.desktop */
  --semantic-title-text-sm-mobile: 600 var(--global-font-size-600)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.title.text.sm.mobile */
  --semantic-title-text-sm-desktop: 600 var(--global-font-size-700)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.title.text.sm.desktop */
  --semantic-title-text-md-mobile: 600 var(--global-font-size-625)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.title.text.md.mobile */
  --semantic-title-text-md-desktop: 600 var(--global-font-size-800)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.title.text.md.desktop */
  --semantic-title-text-lg-mobile: 600 var(--global-font-size-700)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.title.text.lg.mobile */
  --semantic-title-text-lg-desktop: 600 var(--global-font-size-900)/var(--global-font-line-height-tight) var(--global-font-family-accent); /* semantic.title.text.lg.desktop */
  --semantic-border-size-md: var(--global-size-25); /* semantic.border.size.md */
  --semantic-border-size-sm: 1px; /* semantic.border.size.sm */
  --semantic-border-radius-rounded: var(--global-size-1200); /* semantic.border-radius.rounded */
  --semantic-border-radius-xl: var(--global-size-100); /* semantic.border-radius.xl */
  --semantic-border-radius-lg: var(--global-size-75); /* semantic.border-radius.lg */
  --semantic-border-radius-md: var(--global-size-50); /* semantic.border-radius.md */
  --semantic-border-radius-sm: 3px; /* semantic.border-radius.sm */
  --semantic-border-radius-xs: var(--global-size-25); /* semantic.border-radius.xs */
  --semantic-border-radius-none: 0px; /* semantic.border-radius.none */
  --semantic-color-feedback-error: var(--global-color-error-400); /* semantic.color.feedback.error */
  --semantic-color-feedback-warning: var(--global-color-warning-400); /* semantic.color.feedback.warning */
  --semantic-color-feedback-success: var(--global-color-success-400); /* semantic.color.feedback.success */
  --semantic-color-feedback-info: var(--global-color-primary-400); /* semantic.color.feedback.info */
  --semantic-color-accessibility-focus-outer-border: var(--global-color-content-1000); /* semantic.color.accessibility.focus.outer-border */
  --semantic-color-accessibility-focus-inner-border: var(--global-color-background-800); /* semantic.color.accessibility.focus.inner-border */
  --semantic-color-content-pressed: var(--global-color-content-700); /* semantic.color.content.pressed */
  --semantic-color-content-secondary-inactive: var(--global-color-content-500); /* semantic.color.content.secondary.inactive */
  --semantic-color-content-heading-hover: var(--global-color-content-1000); /* semantic.color.content.heading-hover */
  --semantic-color-content-callout-secondary: var(--global-color-warning-500); /* semantic.color.content.callout.secondary */
  --semantic-color-content-callout-primary: var(--global-color-success-500); /* semantic.color.content.callout.primary */
  --semantic-color-content-critical: var(--global-color-error-900); /* semantic.color.content.critical */
  --semantic-color-content-error: var(--global-color-error-500); /* semantic.color.content.error */
  --semantic-color-content-warning: var(--global-color-warning-500); /* semantic.color.content.warning */
  --semantic-color-content-success: var(--global-color-success-500); /* semantic.color.content.success */
  --semantic-color-content-placeholder: var(--global-color-content-500); /* semantic.color.content.placeholder */
  --semantic-color-content-inactive: var(--global-color-content-600); /* semantic.color.content.inactive */
  --semantic-color-content-info: var(--global-color-content-700); /* semantic.color.content.info */
  --semantic-color-content-default-dark: var(--global-color-background-800); /* semantic.color.content.default-dark */
  --semantic-color-content-default: var(--global-color-content-1000); /* semantic.color.content.default */
  --semantic-color-background-feedback-error: var(--global-color-error-900); /* semantic.color.background.feedback.error */
  --semantic-color-background-feedback-warning: rgba(255, 221, 153, 0.12); /* semantic.color.background.feedback.warning */
  --semantic-color-background-feedback-success: rgba(102, 255, 191, 0.12); /* semantic.color.background.feedback.success */
  --semantic-color-background-feedback-info: rgba(5, 146, 255, 0.12); /* semantic.color.background.feedback.info */
  --semantic-color-background-state-inactive: var(--global-color-background-50); /* semantic.color.background.state.inactive */
  --semantic-color-background-icon-hover: var(--global-color-content-1000); /* semantic.color.background.icon.hover */
  --semantic-color-background-icon-selected: var(--global-color-primary-500); /* semantic.color.background.icon.selected */
  --semantic-color-background-content-hover: var(--global-color-background-700); /* semantic.color.background.content.hover */
  --semantic-color-background-content-default: var(--global-color-background-800); /* semantic.color.background.content.default */
  --semantic-color-background-info-quaternary-hover: var(--global-color-accent-600); /* semantic.color.background.info.quaternary-hover */
  --semantic-color-background-info-quaternary: var(--global-color-accent-500); /* semantic.color.background.info.quaternary */
  --semantic-color-background-info-tertiary: var(--global-color-content-100); /* semantic.color.background.info.tertiary */
  --semantic-color-background-info-secondary-hover: var(--global-color-background-700); /* semantic.color.background.info.secondary-hover */
  --semantic-color-background-info-secondary: var(--global-color-background-800); /* semantic.color.background.info.secondary */
  --semantic-color-background-info-primary: var(--global-color-background-100); /* semantic.color.background.info.primary */
  --semantic-color-background-action-default-hover: var(--global-color-content-300); /* semantic.color.background.action.default.hover */
  --semantic-color-background-action-tertiary-hover: var(--global-color-content-100); /* semantic.color.background.action.tertiary.hover */
  --semantic-color-background-action-tertiary-default: rgba(0, 0, 0, 0); /* semantic.color.background.action.tertiary.default */
  --semantic-color-background-action-secondary-pressed: var(--global-color-accent-600); /* semantic.color.background.action.secondary.pressed */
  --semantic-color-background-action-secondary-hover: var(--global-color-accent-600); /* semantic.color.background.action.secondary.hover */
  --semantic-color-background-action-secondary-default: var(--global-color-accent-500); /* semantic.color.background.action.secondary.default */
  --semantic-color-background-action-primary-disabled: var(--global-color-primary-600); /* semantic.color.background.action.primary.disabled */
  --semantic-color-background-action-primary-pressed: var(--global-color-primary-500); /* semantic.color.background.action.primary.pressed */
  --semantic-color-background-action-primary-hover: var(--global-color-primary-400); /* semantic.color.background.action.primary.hover */
  --semantic-color-background-action-primary-default: var(--global-color-primary-500); /* semantic.color.background.action.primary.default */
  --semantic-color-background-page-tertiary: var(--global-color-darken-800); /* semantic.color.background.page.tertiary */
  --semantic-color-background-page-secondary: var(--global-color-background-500); /* semantic.color.background.page.secondary */
  --semantic-color-background-page-primary: var(--global-color-background-700); /* semantic.color.background.page.primary */
  --semantic-color-text-link-alternate-active: var(--global-color-primary-700); /* semantic.color.text.link.alternate.active */
  --semantic-color-text-link-alternate-hover: var(--global-color-primary-700); /* semantic.color.text.link.alternate.hover */
  --semantic-color-text-link-alternate-default: var(--global-color-primary-600); /* semantic.color.text.link.alternate.default */
  --semantic-color-text-link-subtle-active: var(--global-color-content-1000); /* semantic.color.text.link.subtle.active */
  --semantic-color-text-link-subtle-hover: var(--global-color-content-1000); /* semantic.color.text.link.subtle.hover */
  --semantic-color-text-link-subtle-default: var(--global-color-content-600); /* semantic.color.text.link.subtle.default */
  --semantic-color-text-link-hover: var(--global-color-content-1000); /* semantic.color.text.link.hover */
  --semantic-color-text-link-default: var(--global-color-primary-400); /* semantic.color.text.link.default */
  --semantic-color-text-label: var(--global-color-content-700); /* semantic.color.text.label */
  --semantic-color-text-description: var(--global-color-content-600); /* semantic.color.text.description */
  --semantic-color-text-heading: var(--global-color-content-1000); /* semantic.color.text.heading */
  --semantic-color-border-feedback-error: rgba(248, 124, 176, 0.24); /* semantic.color.border.feedback.error */
  --semantic-color-border-feedback-warning: rgba(255, 221, 153, 0.24); /* semantic.color.border.feedback.warning */
  --semantic-color-border-feedback-success: rgba(102, 255, 191, 0.24); /* semantic.color.border.feedback.success */
  --semantic-color-border-feedback-info: rgba(5, 146, 255, 0.24); /* semantic.color.border.feedback.info */
  --semantic-color-border-info-primary: var(--global-color-background-100); /* semantic.color.border.info.primary */
  --semantic-color-border-input-focus: var(--global-color-content-700); /* semantic.color.border.input.focus */
  --semantic-color-border-input-disabled: var(--global-color-content-200); /* semantic.color.border.input.disabled */
  --semantic-color-border-input-hover: var(--global-color-darken-400); /* semantic.color.border.input.hover */
  --semantic-color-border-input-default: var(--global-color-darken-400); /* semantic.color.border.input.default */
  --semantic-color-border-action-pressed: var(--global-color-content-300); /* semantic.color.border.action.pressed */
  --semantic-color-border-action-hover: var(--global-color-transparent); /* semantic.color.border.action.hover */
  --semantic-color-border-action-secondary-default: var(--global-color-transparent); /* semantic.color.border.action.secondary.default */
  --semantic-color-border-action-primary-default: var(--global-color-content-200); /* semantic.color.border.action.primary.default */
  --semantic-icon-external-link: var(--global-asset-icon-external); /* semantic.icon.external-link */
  --semantic-grid-gap-xl-mobile: var(--global-size-300); /* semantic.grid-gap.xl.mobile */
  --semantic-grid-gap-xl-desktop: var(--global-size-1000); /* semantic.grid-gap.xl.desktop */
  --semantic-grid-gap-lg-mobile: var(--global-size-400); /* semantic.grid-gap.lg.mobile */
  --semantic-grid-gap-lg-desktop: var(--global-size-600); /* semantic.grid-gap.lg.desktop */
  --semantic-grid-gap-md-mobile: var(--global-size-200); /* semantic.grid-gap.md.mobile */
  --semantic-grid-gap-md-desktop: var(--global-size-400); /* semantic.grid-gap.md.desktop */
  --semantic-grid-gap-sm-mobile: var(--global-size-200); /* semantic.grid-gap.sm.mobile */
  --semantic-grid-gap-sm-desktop: var(--global-size-300); /* semantic.grid-gap.sm.desktop */
  --semantic-grid-gap-xs-mobile: var(--global-size-150); /* semantic.grid-gap.xs.mobile */
  --semantic-grid-gap-xs-desktop: var(--global-size-200); /* semantic.grid-gap.xs.desktop */
  --semantic-grid-gap-xxs-mobile: var(--global-size-50); /* semantic.grid-gap.xxs.mobile */
  --semantic-grid-gap-xxs-desktop: var(--global-size-100); /* semantic.grid-gap.xxs.desktop */
  --semantic-header-margin-space-xl-mobile: var(--global-size-600); /* semantic.header-margin-space.xl.mobile */
  --semantic-header-margin-space-xl-desktop: var(--global-size-900); /* semantic.header-margin-space.xl.desktop */
  --semantic-header-margin-space-lg-mobile: var(--global-size-500); /* semantic.header-margin-space.lg.mobile */
  --semantic-header-margin-space-lg-desktop: var(--global-size-700); /* semantic.header-margin-space.lg.desktop */
  --semantic-header-margin-space-md-mobile: var(--global-size-400); /* semantic.header-margin-space.md.mobile */
  --semantic-header-margin-space-md-desktop: var(--global-size-500); /* semantic.header-margin-space.md.desktop */
  --semantic-section-space-vertical-lg: var(--global-size-1100); /* semantic.section-space.vertical.lg */
  --semantic-section-space-vertical-md-mobile: var(--global-size-500); /* semantic.section-space.vertical.md.mobile */
  --semantic-section-space-vertical-md-desktop: var(--global-size-1000); /* semantic.section-space.vertical.md.desktop */
  --semantic-section-space-vertical-sm-mobile: var(--global-size-500); /* semantic.section-space.vertical.sm.mobile */
  --semantic-section-space-vertical-sm-desktop: var(--global-size-500); /* semantic.section-space.vertical.sm.desktop */
  --semantic-section-space-horizontal-mobile: var(--global-size-200); /* semantic.section-space.horizontal.mobile */
  --semantic-section-space-horizontal-tablet: var(--global-size-300); /* semantic.section-space.horizontal.tablet */
  --semantic-section-space-horizontal-desktop: var(--global-size-500); /* semantic.section-space.horizontal.desktop */
  --semantic-content-space-lg-mobile: var(--global-size-200); /* semantic.content-space.lg.mobile */
  --semantic-content-space-lg-desktop: var(--global-size-300); /* semantic.content-space.lg.desktop */
  --semantic-content-space-md: var(--global-size-200); /* semantic.content-space.md */
  --semantic-content-space-sm: var(--global-size-150); /* semantic.content-space.sm */
  --semantic-content-space-xs: var(--global-size-75); /* semantic.content-space.xs */
  --semantic-space-between-xxxl: var(--global-size-700); /* semantic.space-between.xxxl */
  --semantic-space-between-xxl: var(--global-size-600); /* semantic.space-between.xxl */
  --semantic-space-between-xl: var(--global-size-500); /* semantic.space-between.xl */
  --semantic-space-between-lg: var(--global-size-400); /* semantic.space-between.lg */
  --semantic-space-between-md: var(--global-size-300); /* semantic.space-between.md */
  --semantic-space-between-sm: var(--global-size-200); /* semantic.space-between.sm */
  --semantic-space-between-xs: var(--global-size-150); /* semantic.space-between.xs */
  --semantic-space-between-xxs: var(--global-size-100); /* semantic.space-between.xxs */
  --semantic-space-between-xxxs: var(--global-size-75); /* semantic.space-between.xxxs */
  --semantic-space-around-horizontal-xxxl-mobile: var(--global-size-600); /* semantic.space-around.horizontal.xxxl.mobile */
  --semantic-space-around-horizontal-xxxl-desktop: var(--global-size-1000); /* semantic.space-around.horizontal.xxxl.desktop */
  --semantic-space-around-horizontal-xxl-mobile: var(--global-size-400); /* semantic.space-around.horizontal.xxl.mobile */
  --semantic-space-around-horizontal-xxl-desktop: var(--global-size-500); /* semantic.space-around.horizontal.xxl.desktop */
  --semantic-space-around-horizontal-xl-mobile: var(--global-size-300); /* semantic.space-around.horizontal.xl.mobile */
  --semantic-space-around-horizontal-xl-desktop: var(--global-size-400); /* semantic.space-around.horizontal.xl.desktop */
  --semantic-space-around-horizontal-lg-mobile: var(--global-size-200); /* semantic.space-around.horizontal.lg.mobile */
  --semantic-space-around-horizontal-lg-desktop: var(--global-size-300); /* semantic.space-around.horizontal.lg.desktop */
  --semantic-space-around-horizontal-md-mobile: var(--global-size-250); /* semantic.space-around.horizontal.md.mobile */
  --semantic-space-around-horizontal-md-desktop: var(--global-size-250); /* semantic.space-around.horizontal.md.desktop */
  --semantic-space-around-horizontal-sm: var(--global-size-200); /* semantic.space-around.horizontal.sm */
  --semantic-space-around-horizontal-xs: var(--global-size-150); /* semantic.space-around.horizontal.xs */
  --semantic-space-around-horizontal-xxs: var(--global-size-100); /* semantic.space-around.horizontal.xxs */
  --semantic-space-around-horizontal-xxxs: var(--global-size-50); /* semantic.space-around.horizontal.xxxs */
  --semantic-space-around-vertical-xxl-mobile: var(--global-size-500); /* semantic.space-around.vertical.xxl.mobile */
  --semantic-space-around-vertical-xxl-desktop: var(--global-size-500); /* semantic.space-around.vertical.xxl.desktop */
  --semantic-space-around-vertical-xl-mobile: var(--global-size-250); /* semantic.space-around.vertical.xl.mobile */
  --semantic-space-around-vertical-xl-desktop: var(--global-size-400); /* semantic.space-around.vertical.xl.desktop */
  --semantic-space-around-vertical-lg-mobile: var(--global-size-200); /* semantic.space-around.vertical.lg.mobile */
  --semantic-space-around-vertical-lg-desktop: var(--global-size-300); /* semantic.space-around.vertical.lg.desktop */
  --semantic-space-around-vertical-md-mobile: var(--global-size-200); /* semantic.space-around.vertical.md.mobile */
  --semantic-space-around-vertical-md-desktop: var(--global-size-250); /* semantic.space-around.vertical.md.desktop */
  --semantic-space-around-vertical-sm-mobile: var(--global-size-150); /* semantic.space-around.vertical.sm.mobile */
  --semantic-space-around-vertical-sm-desktop: var(--global-size-200); /* semantic.space-around.vertical.sm.desktop */
  --semantic-space-around-vertical-xs-mobile: var(--global-size-100); /* semantic.space-around.vertical.xs.mobile */
  --semantic-space-around-vertical-xs-desktop: var(--global-size-125); /* semantic.space-around.vertical.xs.desktop */
  --semantic-space-around-vertical-xxs-mobile: var(--global-size-50); /* semantic.space-around.vertical.xxs.mobile */
  --semantic-space-around-vertical-xxs-desktop: var(--global-size-100); /* semantic.space-around.vertical.xxs.desktop */
  --semantic-size-icon-height-xs-mobile: 14px; /* semantic.size.icon.height.xs.mobile */
  --semantic-size-icon-height-xs-desktop: 14px; /* semantic.size.icon.height.xs.desktop */
  --semantic-size-icon-height-sm-mobile: var(--global-size-200); /* semantic.size.icon.height.sm.mobile */
  --semantic-size-icon-height-sm-desktop: var(--global-size-200); /* semantic.size.icon.height.sm.desktop */
  --semantic-size-icon-height-md-mobile: var(--global-size-250); /* semantic.size.icon.height.md.mobile */
  --semantic-size-icon-height-md-desktop: var(--global-size-300); /* semantic.size.icon.height.md.desktop */
  --semantic-size-icon-height-lg-mobile: var(--global-size-300); /* semantic.size.icon.height.lg.mobile */
  --semantic-size-icon-height-lg-desktop: var(--global-size-400); /* semantic.size.icon.height.lg.desktop */
  --semantic-size-icon-height-xl-mobile: var(--global-size-500); /* semantic.size.icon.height.xl.mobile */
  --semantic-size-icon-height-xl-desktop: var(--global-size-500); /* semantic.size.icon.height.xl.desktop */
  --semantic-size-nav-height-mobile: var(--global-size-700); /* semantic.size.nav.height.mobile */
  --semantic-size-nav-height-desktop: var(--global-size-1100); /* semantic.size.nav.height.desktop */
  --semantic-size-input-width-sm-mobile: var(--global-size-400); /* semantic.size.input.width.sm.mobile */
  --semantic-size-input-width-sm-desktop: var(--global-size-500); /* semantic.size.input.width.sm.desktop */
  --semantic-size-input-width-lg-mobile: var(--global-size-600); /* semantic.size.input.width.lg.mobile */
  --semantic-size-input-width-lg-desktop: var(--global-size-900); /* semantic.size.input.width.lg.desktop */
  --semantic-size-input-height-xxl-mobile: var(--global-size-900); /* semantic.size.input.height.xxl.mobile */
  --semantic-size-input-height-xxl-desktop: var(--global-size-1000); /* size.semantic.size.input.height.xl.desktop */
  --semantic-size-input-height-xl-mobile: var(--global-size-600); /* semantic.size.input.height.xl.mobile */
  --semantic-size-input-height-xl-desktop: var(--global-size-900); /* semantic.size.input.height.xl.desktop */
  --semantic-size-input-height-lg-mobile: var(--global-size-800); /* size.semantic.size.input.height.lg.mobile */
  --semantic-size-input-height-lg-desktop: var(--global-size-900); /* size.semantic.size.input.height.lg.desktop */
  --semantic-size-input-height-md-mobile: var(--global-size-600); /* size.semantic.size.input.height.md.mobile */
  --semantic-size-input-height-md-desktop: var(--global-size-700); /* size.semantic.size.input.height.md.desktop */
  --semantic-size-input-height-sm-mobile: var(--global-size-500); /* size.semantic.size.input.height.sm.mobile */
  --semantic-size-input-height-sm-desktop: var(--global-size-500); /* size.semantic.size.input.height.sm.desktop */
  --semantic-size-input-height-xs-mobile: var(--global-size-400); /* semantic.size.input.height.xs.mobile */
  --semantic-size-input-height-xs-desktop: var(--global-size-500); /* size.semantic.size.input.height.xs */
}

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
 **/
/**
 * Alternative Heading Preset
 **/
/**
 * Subheading Text Preset
 **/
/**
 * Default Text Preset
 **/
/**
 * Card Heading 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/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);
  font-weight: 500;
  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: 400;
  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-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
}
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;
}

/**
 *  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: 400;
  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);
  font-weight: 500;
  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 > .section {
  box-shadow: inset 0px 0px 40px #000000;
}

.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: #2CFE41 !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);
  }
}

/**
 *  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(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-accordion [slot^=content] {
  font-family: var(--font-default);
  font-weight: 500;
  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: 400;
  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);
  font-weight: 500;
  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-announcement-banner.scss
 *  description: D4 styling for Shared Tech's blz-announcement-banner web component
 **/
blz-announcement-banner {
  position: fixed;
  height: auto;
  z-index: 99;
}
blz-announcement-banner [slot=heading] {
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
  color: #FFFFFF;
  width: 300px;
  margin: 0 auto;
}
blz-announcement-banner::part(background-overlay) {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 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.24) 0%, rgba(0, 0, 0, 0.24) 100%);
}
@media (min-width: 960px) {
  blz-announcement-banner {
    display: flex;
    padding: 25px;
    width: 100%;
    min-width: 100%;
  }
  blz-announcement-banner [slot=heading] {
    width: auto;
    margin: inherit;
  }
  blz-announcement-banner [slot=heading], blz-announcement-banner [slot=subheading] {
    text-align: center;
    margin-right: 50px;
  }
  blz-announcement-banner [slot=cta] {
    margin-left: 50px;
  }
}

/**
 *  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-b);
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
  line-height: 90%;
  font-size: 22.5px;
}
@media (min-width: 720px) {
  blz-card [slot=heading] {
    font-size: 27px;
  }
}
blz-card [slot=subheading] {
  z-index: 1;
  position: relative;
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
}
blz-card [slot=description] {
  z-index: 1;
  position: relative;
  font-family: var(--font-default);
  font-weight: 500;
  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;
  background-color: transparent;
  transition: color 350ms;
}
blz-button[type=default] {
  filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  padding: 8px 0;
}
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));
}
@media (min-width: 960px) {
  blz-button[type=primary] {
    height: 93px;
  }
}
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;
  background-color: #A50905;
  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]::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;
  background-color: transparent;
  transition: color 350ms;
  filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  padding: 8px 0;
}
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;
  background-color: transparent;
  transition: color 350ms;
  height: 85px;
  filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.66));
  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;
}
@media (min-width: 960px) {
  blz-age-gate::part(age-gate-button) {
    height: 93px;
  }
}
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;
  background-color: #A50905;
  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: 1px solid #263436;
  border-radius: 4px;
  transition: all 300ms;
}
platform-comparison-modal::part(return-button):hover {
  border: 1px solid 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 blz-tab-controls {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}
blz-carousel blz-tab-control {
  text-align: center;
}
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) {
  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;
}
blz-carousel::part(tab-control):hover {
  filter: brightness(1.6);
}
blz-carousel::part(active-tab-control) {
  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-carousel::part(left-arrow-area), blz-carousel::part(right-arrow-area) {
  align-self: flex-start;
}
blz-carousel [slot=left-arrow] {
  transform: rotateZ(90deg);
}
blz-carousel [slot=right-arrow] {
  transform: rotateZ(-90deg);
}
blz-carousel [slot=left-arrow], blz-carousel [slot=right-arrow] {
  padding: 30px;
  transition: filter 350ms;
  width: 100px;
}
blz-carousel [slot=left-arrow]:hover, blz-carousel [slot=right-arrow]:hover {
  filter: brightness(1.25) 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);
}

/**
 *  filename: assets/css/base-ui-templates/blz-comparison-table.scss
 *  description: --
 **/
blz-comparison-table {
  --product-header-color: #D2C8AE;
  overflow: scroll visible;
  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;
}
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] {
  color: #878582;
  text-align: left;
}
@media (min-width: 720px) {
  blz-comparison-table {
    overflow-x: hidden;
  }
  blz-comparison-table::part(product-thumbnail) {
    width: auto;
  }
}

/**
 *  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;
  align-self: center;
}
blz-header [slot=heading] {
  font-family: var(--font-accent);
  font-weight: 400;
  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-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
}
blz-header [slot=description] {
  font-family: var(--font-default);
  font-weight: 500;
  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;
}
blz-lightbox blz-youtube-video, blz-lightbox blz-image {
  position: relative;
}
blz-lightbox [slot^=caption] {
  text-align: center;
}

/**
 *  filename: assets/css/base-web-components/blz-masthead.scss
 *  description: --
 **/
blz-masthead [slot=description] {
  text-transform: uppercase;
  color: #B0AFAC;
  text-shadow: 0px 0px 22px black, 0px 0px 18px black, 0px 0px 5px black, 0px 0px 5px black;
}
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(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-masthead [slot=logo] {
  filter: drop-shadow(0px 0px 10px #000000);
}
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 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: 400;
  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 {
  overflow: visible;
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
}
blz-tab-controls::part(tab-content) {
  justify-content: center;
  grid-auto-columns: auto;
}

blz-tab-control {
  --color-primary-500: rgb(30 31 31);
  max-width: 100%;
}
blz-tab-control > * {
  transition: filter 350ms, text-shadow 350ms;
  text-transform: uppercase;
  text-align: center;
}
blz-tab-control:hover > * {
  filter: brightness(1.6);
}
blz-tab-control[active] > * {
  text-shadow: 0px 0px 10px rgba(224, 165, 115, 0.66), 0px 0px 10px #C85541, 0px 4px 15px #000000;
  filter: brightness(1.6);
}
blz-tab-control blz-image::after {
  background-image: var(--icon-hover);
  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) !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);
}

/**
 *  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";
}

: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: --
 **/
/**
 *  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/home/sections/_accolades.scss
 *  description: --
 **/
.section.accolades blz-clout-bar::part(section) {
  padding-top: 0;
}
.section.accolades blz-clout-block {
  filter: brightness(1.6) 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);
}

/**
 *  filename: assets/css/pages/home/sections/_classes.scss
 *  description: --
 **/
.section.classes [slot=background] {
  opacity: 0 !important;
}
.section.classes [slot=background].background-active {
  opacity: 1 !important;
}
.section.classes .spiritborn-legalese {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.3);
  font-size: 17.6px;
}

/**
 *  filename: assets/css/pages/home/sections/_game-guide.scss
 *  description: --
 **/
.section.game-guide [slot=background] {
  --background-position: center 160% !important;
}
.section.game-guide blz-carousel blz-tab-controls {
  margin-bottom: 300px;
}
@media (min-width: 960px) {
  .section.game-guide [slot=background] {
    --background-position: center bottom !important;
  }
  .section.game-guide blz-carousel blz-tab-controls {
    margin-bottom: 0px;
  }
}

/**
 *  filename: assets/css/pages/home/sections/_game-intro.scss
 *  description: --
 **/
.section.game-intro blz-header [slot=description] {
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5), 0px 0px 5px rgb(0, 0, 0);
}

/**
 *  filename: assets/css/pages/home/sections/_latest-updates.scss
 *  description: --
 **/
.section.latest-updates {
  padding: 40px 0;
}
.section.latest-updates: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.latest-updates: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);
  }
}

/**
 *  filename: assets/css/pages/home/sections/_masthead.scss
 *  description: --
 **/
.section.masthead blz-button-group {
  flex-flow: column;
}

/**
 *  filename: assets/css/pages/home/sections/_new-players.scss
 *  description: --
 **/
.section.new-players blz-card {
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.section.new-players blz-card::part(content) {
  padding: 0;
}
.section.new-players blz-card blz-content-block {
  padding: 24px 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.section.new-players blz-card blz-content-block [slot=heading] {
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
}
.section.new-players blz-card blz-content-block [slot=subheading] {
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
}
.section.new-players blz-card blz-content-block [slot=description] {
  text-align: left;
}
.section.new-players blz-card blz-button[type=flat] {
  color: #FFFFFF;
}

/**
 *  filename: assets/css/pages/home/sections/_news.scss
 *  description: --
 **/
/**
 *  filename: assets/css/pages/home/sections/_overview.scss
 *  description: --
 **/
/**
 *  filename: assets/css/pages/home/sections/_spotlight.scss
 *  description: --
 **/
.section.spotlight blz-content-block {
  justify-content: center;
  align-items: center;
}
.section.spotlight blz-card [slot=media]:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: var(--logo-overlay);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center top;
  filter: drop-shadow(2px 4px 6px black);
}