/**
 *  filename: assets/css/home.scss
 *  description: BWA workaround since scss files cannot be nested
 **/
/**
 *  filename: assets/css/pages/home/home.scss
 *  description: Top level CSS file for the home page
 **/
/**
 *  filename: assets/css/global.scss
 *  description: --
 **/
@import url("https://assets.blz-contentstack.com/v3/assets/blte73fa86c52047717/blt3de15bbfd6c3f3c5/5f9ae8766f61200bd103dbfe/navbar.css");
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: styles/styles.scss
 *  description: Commonly used mixins
 **/
/**
 *  filename: styles/asset-url.scss
 *  description: Returns an akamaized link given the suffix of a Contentstack image url
 **/
/**
 *  filename: styles/jump-link.scss
 *  description: Style that maps to the jump link template
 **/
.jump-link {
  display: block;
  position: relative;
  top: -48px;
}
@media (min-width: 960px) {
  .jump-link {
    top: calc(var(--nav-height) * -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
 **/
/**
 * 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/play-button-border.scss
 *  description: Abstracted mixin to add a border to the play button, used on <blz-video/> elements and
 *  <blz-card/> elements
 **/
/**
 *  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/common/variables.scss
 *  description: --
 **/
/**
 * The default transition time used across the site for consistency
 **/
/**
 * The default filter params used to highlight hovered/active/selected items
 **/
/**
 *  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 a {
  color: #B33934;
}
.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: --
 **/
/**
 * The default transition time used across the site for consistency
 **/
/**
 * The default filter params used to highlight hovered/active/selected items
 **/
/**
 *  filename: assets/css/common/beta-legalese.scss
 *  description: Legalese styles used on various beta pages
 **/
.beta-legalese {
  font-family: var(--font-default);
  font-style: normal;
  font-size: 17.6px;
  line-height: 140%;
  text-align: center;
  color: rgba(255, 255, 255, 0.3);
  width: 100%;
  max-width: 400px;
  position: relative;
  padding: 24px 0 0 0;
}
.beta-legalese a {
  color: #B33934;
}

/**
 *  filename: assets/css/pages/home/sections/countdown-banner.scss
 *  description: Styles for the sticky countdown banner on the home page
 **/
blz-announcement-banner {
  z-index: 9;
  position: fixed;
  height: auto;
}
blz-announcement-banner [slot=optional] {
  width: 171px;
  height: 96.19px;
}
blz-announcement-banner [slot=heading] {
  text-transform: uppercase;
}
@media (min-width: 690px) and (max-width: 960px) {
  blz-announcement-banner blz-button[type=primary]:before {
    background-position: 25px center, calc(100% - 25px) center, center center, 35px center, calc(100% - 35px) center, center center;
  }
}

/**
 *  filename: assets/css/common/comparison-table.scss
 *  description: Styles for the comparison table component
 **/
blz-comparison-table {
  --product-header-color: #d2c8ae;
  --product-subheading-color: #e0a573;
  --color-accent-500: #850000;
  --color-accent-600: #B60000;
  text-align: left;
  margin-top: 0;
}
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-subheading-text) {
  font-family: var(--font-default);
  font-size: 15.4px;
}
blz-comparison-table blz-button[type=flat] {
  font-family: "Poppins", sans-serif;
  color: white;
  font-size: 0.8em;
  width: 100%;
  background-color: var(--color-accent-500);
}
blz-comparison-table blz-button[type=flat]:hover {
  background-color: var(--color-accent-600);
}
@media (min-width: 720px) {
  blz-comparison-table blz-button[type=flat] {
    font-size: 1.1em;
  }
}

/**
 *  filename: assets/css/pages/home/platform-comparison-modal.scss
 *  description: CSS file for the platform-comparsion-modal component
 **/
platform-comparison-modal {
  --color-accent-500: #850000;
  --color-accent-600: #B60000;
}
platform-comparison-modal::part(platform-button) {
  background: var(--color-accent-500);
  transition: background 300ms;
  box-shadow: 0px 0px 66px rgba(0, 0, 0, 0.66), 0px 4px 6px rgba(0, 0, 0, 0.66);
}
platform-comparison-modal::part(platform-button):hover {
  background: var(--color-accent-600);
}
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-default);
  font-weight: 500;
  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;
}
platform-comparison-modal::part(comparison-button) {
  font-family: "Poppins", sans-serif;
  color: white;
  font-size: 1.1em;
  width: 100%;
  background-color: var(--color-accent-500);
}
platform-comparison-modal::part(comparison-button):hover {
  background-color: var(--color-accent-600);
}

/**
 *  filename: assets/css/common/leather-texture-background.scss
 *  description: --
 **/
.leather-texture-background {
  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);
  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-repeat: repeat;
}

.leather-texture-background.brown {
  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 {
  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 {
  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);
}

/**
 *  filename: assets/css/base-web-components/blz-nav.scss
 *  description: Styles to configure Shared Tech's blz-nav navigation bar
 **/
blz-nav {
  --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;
}

/**
 *  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) {
  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);
  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-repeat: repeat;
}
blz-age-gate::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;
}
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: #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);
}

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

body {
  margin: 0;
  min-height: 100vh;
  background: #000000;
}

.section {
  position: relative;
  box-shadow: inset 0px 0px 40px #000000;
  overflow-x: hidden;
}

.sub-section {
  position: relative;
}

.visible {
  opacity: 1 !important;
}

blz-nav-footer {
  margin-bottom: 270px;
}
@media (min-width: 960px) {
  blz-nav-footer {
    margin-bottom: 120px;
  }
}

/**
 *  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 {
  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;
  background-color: transparent;
  transition: color 350ms;
  font-size: 22.5px;
  line-height: 20.25px;
}
blz-button::part(host-anchor) {
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66), 0px 4px 15px rgba(0, 0, 0, 0.66);
  backdrop-filter: none;
}
blz-button[disabled] {
  filter: saturate(0) contrast(0.8);
  cursor: default;
  backdrop-filter: none;
}
@media (min-width: 960px) {
  blz-button {
    font-size: 27px;
    line-height: 24.3px;
  }
}
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-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] {
  padding: 10px;
  height: 85px;
}
@media (min-width: 960px) {
  blz-button[type=primary] {
    height: 93px;
  }
}
blz-button[type=primary]::before, blz-button[type=primary]::after {
  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-media-gallery::part(cta) {
  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;
  background-color: transparent;
  transition: color 350ms;
  font-size: 22.5px;
  line-height: 20.25px;
}
blz-media-gallery::part(cta)::part(host-anchor) {
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66), 0px 4px 15px rgba(0, 0, 0, 0.66);
  backdrop-filter: none;
}
blz-media-gallery::part(cta)[disabled] {
  filter: saturate(0) contrast(0.8);
  cursor: default;
  backdrop-filter: none;
}
@media (min-width: 960px) {
  blz-media-gallery::part(cta) {
    font-size: 27px;
    line-height: 24.3px;
  }
}
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) {
  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;
  background-color: transparent;
  transition: color 350ms;
  font-size: 22.5px;
  line-height: 20.25px;
  padding: 10px;
  height: 85px;
}
blz-age-gate::part(age-gate-button)::part(host-anchor) {
  box-shadow: 0px 0px 33px rgba(0, 0, 0, 0.66), 0px 4px 15px rgba(0, 0, 0, 0.66);
  backdrop-filter: none;
}
blz-age-gate::part(age-gate-button)[disabled] {
  filter: saturate(0) contrast(0.8);
  cursor: default;
  backdrop-filter: none;
}
@media (min-width: 960px) {
  blz-age-gate::part(age-gate-button) {
    font-size: 27px;
    line-height: 24.3px;
  }
}
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 {
  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);
  }
}

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;
}

/**
 *  filename: assets/css/base-ui-templates/blz-card.scss
 *  description: D4 styling for Shared Tech's blz-card web component
 **/
blz-card {
  background: transparent;
}
blz-card [slot=heading] {
  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: #D2C8AE;
}
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;
}

/**
 *  filename: assets/css/base-web-components/blz-carousel.scss
 *  description: D4 styling for Shared Tech's blz-carousel web component
 **/
blz-carousel::part(tab-control-icon) {
  display: none;
}
blz-carousel::part(tab-control) {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blt4c25480e15a2516e/62942f886fcff22512412a7b/Chicklet.svg?auto=webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  padding: 2px;
  transition: filter 350ms;
}
blz-carousel::part(active-tab-control) {
  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-carousel blz-tab-control[active] blz-image:nth-child(odd), blz-carousel blz-tab-control:hover blz-image:nth-child(odd) {
  opacity: 1;
  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-carousel blz-tab-control[active] p, blz-carousel blz-tab-control:hover p {
  filter: brightness(1.6);
  text-shadow: 0px 0px 10px rgba(224, 165, 115, 0.66), 0px 0px 10px #C85541, 0px 4px 15px #000000;
}
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;
}
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(#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-carousel [slot=left-arrow]::before, blz-carousel [slot=right-arrow]::before {
  position: absolute;
  content: "";
  background: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt167034a4f43fd89c/64644235985da3643870cb8b/circle-frame.webp?auto=webp), radial-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 16%, rgba(0, 0, 0, 0) 20%);
  background-position: calc(50% - 5px) calc(50% - 1px);
  background-repeat: no-repeat;
  background-size: 52px 52px, 200px 200px;
  filter: brightness(1.5);
  transition: opacity 250ms;
  z-index: -1;
  width: 100%;
  height: 100%;
  bottom: 3px;
  left: 5px;
}

/**
 *  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-default);
  font-weight: 500;
  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-highlights.scss
 *  description: D4 styling for Shared Tech's blz-highlights web component
 **/
blz-highlights blz-card blz-image {
  box-shadow: 0px 0px 66px rgba(0, 0, 0, 0.66), 0px 4px 6px rgba(0, 0, 0, 0.66);
}
blz-highlights blz-card blz-image::after {
  z-index: 10;
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.07);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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.
 *
 *  See the following JIRA tickets (non-exhaustive):
 *  - https://jira.atlassian.blizzard.com/browse/SHARE-1222
 *
 **/
blz-lightbox blz-image {
  display: inline-block;
}
blz-lightbox blz-image::after {
  z-index: 10;
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.07);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
blz-lightbox blz-video, blz-lightbox blz-image {
  max-width: 1000px;
  margin: 0 auto;
}
blz-lightbox blz-header * {
  margin: 0 auto;
}

/**
 *  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::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-ui-templates/blz-tab-control.scss
 *  description: D4 styling for Shared Tech's blz-tab-control web component
 **/
blz-tab-controls {
  overflow: visible;
}

blz-tab-control {
  margin: 0 8px;
}
@media (min-width: 480px) {
  blz-tab-control {
    margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2);
  }
}

/**
 *  filename: assets/css/base-ui-templates/blz-video.scss
 *  description: D4 styling for Shared Tech's blz-video web component
 **/
blz-video:not(.background-video):not([slot=video]) {
  cursor: pointer;
  box-shadow: 0px 0px 66px rgba(0, 0, 0, 0.66), 0px 4px 6px rgba(0, 0, 0, 0.66);
  transition: filter 350ms;
}
blz-video:not(.background-video):not([slot=video]) [slot=thumbnail-play] {
  padding: 30px;
  filter: brightness(1.3);
  transition: filter 350ms;
}
blz-video:not(.background-video):not([slot=video]):hover {
  filter: brightness(1.25);
}
blz-video:not(.background-video):not([slot=video]):hover [slot=thumbnail-play] {
  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-video:not(.background-video):not([slot=video])::after {
  z-index: 10;
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.07);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
blz-video [slot=thumbnail-play]::after {
  position: absolute;
  content: "";
  background: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt167034a4f43fd89c/64644235985da3643870cb8b/circle-frame.webp?auto=webp), radial-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 16%, rgba(0, 0, 0, 0) 20%);
  background-position: calc(50% - 5px) calc(50% - 1px);
  background-repeat: no-repeat;
  background-size: 52px 52px, 200px 200px;
  filter: brightness(1.5);
  transition: opacity 250ms;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/**
 *  filename: assets/css/base-ui-templates/tokens.scss
 *  description: Tokens used in various Shared Tech web components
 **/
:root {
  --font-default: "Alegreya Sans", sans-serif;
  --font-default-weight: 500;
  --font-default-scale: 1.1;
  --font-accent: "Old Fenris", serif;
  --font-accent-b: "Exocet Blizzard OT";
  --font-accent-scale: 0.9;
}

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

/**
 *  filename: assets/css/common/outro-section.scss
 *  description: Styles for the Outro section used across many of our pages
 **/
.section.outro [slot=background] {
  background: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/blte8e0e8bc4945f103/637d38ddd44c1b0e1f0e8ba0/d4-lilith-bg-mobile-light.webp?format=webply&quality=80");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
@media (min-width: 960px) {
  .section.outro [slot=background] {
    background: url("https://blz-contentstack-images.akamaized.net/v3/assets/blt9c12f249ac15c7ec/bltce4c6bf3df4b9860/637d39056663180e7cbbce32/d4-lilith-bg-light.webp?format=webply&quality=80");
    background-size: 2600px auto !important;
    background-position: center top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 2600px) {
  .section.outro [slot=background] {
    background-size: contain !important;
    background-position: center top;
    background-repeat: no-repeat;
  }
}
@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/common/social-section.scss
 *  description: Styles for the Social section
 **/
/**
 *  filename: assets/css/pages/home/sections/accolades.scss
 *  description: Styles for the accolade section on the home page
 **/
.sub-section.accolades {
  position: relative;
  margin: 0 16px;
  background: radial-gradient(15% 24% at 50% 30%, rgba(255, 103, 17, 0.28) 0%, rgba(255, 138, 0, 0) 100%), radial-gradient(34.85% 8.66% at 50% 41.34%, rgba(255, 122, 0, 0.0825) 0%, rgba(255, 137, 100, 0) 100%), radial-gradient(24.33% 46.56% at 50% 41.34%, rgba(255, 92, 0, 0.084) 0%, rgba(254, 98, 10, 0.0868) 45.44%, rgba(251, 110, 31, 0) 100%), radial-gradient(17.17% 22.61% at 50% 41.34%, rgba(255, 41, 41, 0.1) 0%, rgba(255, 121, 79, 0) 100%);
}
.sub-section.accolades [slot=header] {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 20%;
  transition: opacity 350ms;
}
.sub-section.accolades [slot=heading], .sub-section.accolades [slot=description] {
  filter: brightness(1.6);
  text-shadow: 0px 0px 10px rgba(224, 165, 115, 0.66), 0px 0px 10px #C85541, 0px 4px 15px #000000;
}
.sub-section.accolades [slot=description] {
  margin-top: 0;
}

/**
 *  filename: assets/css/pages/home/sections/masthead-overview.scss
 *  description: Styles for the Masthead section on the home page
 **/
.section.masthead-overview {
  overflow: hidden;
}
.section.masthead-overview [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.section.masthead-overview [slot=background]:is(div) {
  background-color: #000000;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt31fd863115650a04/646bde585740b5288491c850/D4-Launch_Masthead-Mobile_002.webp?auto=webp);
  background-size: 100%;
  background-position: center 140px;
  background-repeat: no-repeat;
}
@media (min-width: 480px) {
  .section.masthead-overview [slot=background]:is(div) {
    background-position: center -50px;
  }
}
@media (min-width: 720px) {
  .section.masthead-overview [slot=background]:is(div) {
    background-position: center -350px;
  }
}
.section.masthead-overview [slot=background]:is(blz-video) {
  width: 1920px;
  height: 1080px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.section.masthead-overview [slot=background]:is(blz-video):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 31.25%, rgba(0, 0, 0, 0) 63.54%, rgba(0, 0, 0, 0.2) 100%), radial-gradient(13.7% 17.99% at 50% 35.3%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(18.46% 14.35% at 51.2% 38.39%, rgba(0, 0, 0, 0.4) 23.4%, rgba(0, 0, 0, 0) 100%);
}
.section.masthead-overview .sub-section.masthead [slot=description] {
  text-transform: uppercase;
}
.section.masthead-overview .sub-section.masthead [slot=logo] {
  max-width: 480px;
}
.section.masthead-overview .sub-section.masthead blz-icon-group blz-icon {
  color: rgba(255, 255, 255, 0.9);
}
.section.masthead-overview .sub-section.accolades {
  position: relative;
  margin: 0 16px;
  background: radial-gradient(15% 24% at 50% 30%, rgba(255, 103, 17, 0.28) 0%, rgba(255, 138, 0, 0) 100%), radial-gradient(34.85% 8.66% at 50% 41.34%, rgba(255, 122, 0, 0.0825) 0%, rgba(255, 137, 100, 0) 100%), radial-gradient(24.33% 46.56% at 50% 41.34%, rgba(255, 92, 0, 0.084) 0%, rgba(254, 98, 10, 0.0868) 45.44%, rgba(251, 110, 31, 0) 100%), radial-gradient(17.17% 22.61% at 50% 41.34%, rgba(255, 41, 41, 0.1) 0%, rgba(255, 121, 79, 0) 100%);
}
.section.masthead-overview .sub-section.accolades [slot=header] {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 20%;
  transition: opacity 350ms;
}
.section.masthead-overview .sub-section.accolades [slot=heading], .section.masthead-overview .sub-section.accolades [slot=description] {
  filter: brightness(1.6);
  text-shadow: 0px 0px 10px rgba(224, 165, 115, 0.66), 0px 0px 10px #C85541, 0px 4px 15px #000000;
}
.section.masthead-overview .sub-section.accolades [slot=description] {
  margin-top: 0;
}

/**
 *  filename: assets/css/pages/home/sections/news.scss
 *  description: Styles for the News section on the home page
 **/
.section.news [slot=background] {
  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);
  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-repeat: repeat;
}
.section.news blz-card {
  --color-content-600: #878582;
  transition: filter 350ms;
  background: rgba(10, 10, 10, 0.8) linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-radius: 0;
  position: relative;
}
.section.news blz-card::part(content) {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.66), inset 0 0 10px rgba(255, 255, 255, 0.1);
  margin: 0;
  padding: 30px 35px;
}
.section.news blz-card::after {
  z-index: 10;
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.07);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.section.news blz-card:hover {
  filter: brightness(1.25);
}
.section.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;
  font-size: 18px;
  margin: 0;
  padding: 0 0 20px 0;
}
.section.news blz-card blz-image::after {
  z-index: 10;
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.07);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

/**
 *  filename: assets/css/pages/home/sections/gameplay-features.scss
 *  description: --
 **/
/**
 *  filename: assets/css/pages/home/sections/classes.scss
 *  description: Styles for the Overview section on the home page
 **/
.section.classes {
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
.section.classes > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 1 !important;
  left: auto !important;
  align-self: center;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt4f30e7671a19c9e5/64658a372ab2aa6437828f26/D4-Launch_Class-Section_Mobile_BG_001.webp?auto=webp);
  background-repeat: no-repeat;
  background-position: 0 90%;
  background-size: 100% auto;
}
@media (min-width: 480px) {
  .section.classes > [slot=background] {
    background-position: 0 92%;
  }
}
@media (min-width: 960px) {
  .section.classes > [slot=background] {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/bltc8816d647cebab2e/64655ba1a3865a4b9eaa7fb5/D4-Launch_Class-Section-BG_001.webp?auto=webp);
    background-position: center 81%;
    background-size: 100% auto;
    max-width: 1920px;
  }
}
.section.classes blz-feature-carousel-section [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: var(--mobile-class-background);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
@media (min-width: 480px) {
  .section.classes blz-feature-carousel-section [slot=background] {
    background-position: center -60px;
  }
}
@media (min-width: 712px) {
  .section.classes blz-feature-carousel-section [slot=background] {
    background-position: center -150px;
  }
  .section.classes blz-feature-carousel-section [slot=background]#background-0, .section.classes blz-feature-carousel-section [slot=background]#background-4 {
    background-position: center -20vw;
  }
  .section.classes blz-feature-carousel-section [slot=background]#background-3 {
    background-position: center -25vw;
  }
}
@media (min-width: 960px) {
  .section.classes blz-feature-carousel-section [slot=background] {
    background-image: var(--desktop-class-background);
    background-position: center;
    background-size: auto 100%;
    max-width: 1920px;
    left: auto !important;
  }
  .section.classes blz-feature-carousel-section [slot=background]#background-0, .section.classes blz-feature-carousel-section [slot=background]#background-3, .section.classes blz-feature-carousel-section [slot=background]#background-4 {
    background-position: center;
  }
}
@media (min-width: 1600px) {
  .section.classes blz-feature-carousel-section [slot=background] {
    background-position: right;
  }
  .section.classes blz-feature-carousel-section [slot=background]#background-0, .section.classes blz-feature-carousel-section [slot=background]#background-3, .section.classes blz-feature-carousel-section [slot=background]#background-4 {
    background-position: right;
  }
}
.section.classes [slot=background] {
  transition: opacity 350ms;
  position: absolute !important;
  display: block;
  opacity: 0;
}
.section.classes [slot=background].background-active {
  opacity: 1;
}
@media (min-width: 960px) {
  .section.classes blz-tab-controls {
    width: 100%;
  }
}
@media (min-width: 720px) {
  .section.classes blz-tab-control blz-image {
    width: 72px;
    height: 72px;
  }
}
.section.classes blz-tab-control blz-image:nth-child(odd) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  object-fit: contain;
}
.section.classes blz-tab-control blz-image:nth-child(odd) {
  transition: opacity 350ms, filter 350ms;
}
.section.classes blz-tab-control p {
  transition: filter 350ms;
  text-transform: uppercase;
}
.section.classes blz-tab-control[active] blz-image:nth-child(odd) {
  opacity: 1;
  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);
}
@media (min-width: 960px) {
  .section.classes blz-tab-control:hover blz-image:nth-child(odd) {
    opacity: 1;
    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);
  }
}
.section.classes blz-tab-control[active] p, .section.classes blz-tab-control:hover p {
  filter: brightness(1.6);
  text-shadow: 0px 0px 10px rgba(224, 165, 115, 0.66), 0px 0px 10px #C85541, 0px 4px 15px #000000;
}
.section.classes blz-feature-carousel-section [slot=extras] {
  box-shadow: none;
}
.section.classes blz-carousel[slot=mobile-carousel] blz-header {
  margin-top: 200px;
}
@media (min-width: 712px) {
  .section.classes blz-carousel[slot=mobile-carousel] blz-header {
    margin-top: 350px;
  }
}
.section.classes blz-carousel[slot=mobile-carousel] [slot=heading] {
  color: #FFFFFF;
}

/**
 *  filename: assets/css/pages/home/sections/world.scss
 *  description: Styles for the World section on the home page
 **/
.section.world [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.section.world blz-carousel [slot=heading] {
  color: #FFFFFF;
}
@media (min-width: 720px) {
  .section.world blz-tab-control blz-image {
    width: 72px;
    height: 72px;
  }
}
.section.world blz-tab-control blz-image:nth-child(odd) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  object-fit: contain;
}
.section.world blz-tab-control blz-image:nth-child(odd) {
  transition: opacity 350ms, filter 350ms;
}
.section.world blz-tab-control p {
  transition: filter 350ms;
  text-transform: uppercase;
}
.section.world blz-tab-control[active] blz-image:nth-child(odd) {
  opacity: 1;
  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);
}
@media (min-width: 960px) {
  .section.world blz-tab-control:hover blz-image:nth-child(odd) {
    opacity: 1;
    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);
  }
}
.section.world blz-tab-control[active] p, .section.world blz-tab-control:hover p {
  filter: brightness(1.6);
  text-shadow: 0px 0px 10px rgba(224, 165, 115, 0.66), 0px 0px 10px #C85541, 0px 4px 15px #000000;
}
.section.world blz-highlights::part(section) {
  padding-top: 0;
}
.section.world blz-feature blz-image {
  box-shadow: 0px 0px 66px rgba(0, 0, 0, 0.66), 0px 4px 6px rgba(0, 0, 0, 0.66);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 4px;
}
.section.world blz-feature blz-image.desktop-media {
  display: none;
}
@media (min-width: 960px) {
  .section.world blz-feature blz-image.desktop-media {
    display: block;
  }
}
.section.world blz-feature blz-image.mobile-media {
  display: block;
}
@media (min-width: 960px) {
  .section.world blz-feature blz-image.mobile-media {
    display: none;
  }
}

/**
 *  filename: assets/css/pages/home/sections/countdown-banner.scss
 *  description: Styles for the sticky countdown banner on the home page
 **/
blz-announcement-banner [slot=optional] {
  width: 171px;
  height: 96.19px;
}
blz-announcement-banner [slot=heading] {
  text-transform: uppercase;
}
@media (min-width: 690px) and (max-width: 960px) {
  blz-announcement-banner blz-button[type=primary]:before {
    background-position: 25px center, calc(100% - 25px) center, center center, 35px center, calc(100% - 35px) center, center center;
  }
}