@charset "UTF-8";
/**
 *  filename: assets/css/sc2.scss
 *  description: Main styles entry point for Starcraft II
 **/
/**
 *  filename: assets/css/index.scss
 *  description: Styles used accross all evergreen pages
 **/
@import url("navbar.css");
@media (max-width: 479px) {
  [bp]:not([bp~="+min"], [bp~=min], [bp~="min+"], [bp~="+xs"], [bp~="+sm"], [bp~="+md"], [bp~="+lg"], [bp~="+xl"], [bp~="+xxl"], [bp~="+max"]) {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 719px) {
  [bp]:not([bp~="min+"], [bp~="+xs"], [bp~=xs], [bp~="xs+"], [bp~="+sm"], [bp~="+md"], [bp~="+lg"], [bp~="+xl"], [bp~="+xxl"], [bp~="+max"]) {
    display: none;
  }
}
@media (min-width: 720px) and (max-width: 959px) {
  [bp]:not([bp~="min+"], [bp~="xs+"], [bp~="+sm"], [bp~=sm], [bp~="sm+"], [bp~="+md"], [bp~="+lg"], [bp~="+xl"], [bp~="+xxl"], [bp~="+max"]) {
    display: none;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  [bp]:not([bp~="min+"], [bp~="xs+"], [bp~="sm+"], [bp~="+md"], [bp~=md], [bp~="md+"], [bp~="+lg"], [bp~="+xl"], [bp~="+xxl"], [bp~="+max"]) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  [bp]:not([bp~="min+"], [bp~="xs+"], [bp~="sm+"], [bp~="md+"], [bp~="+lg"], [bp~=lg], [bp~="lg+"], [bp~="+xl"], [bp~="+xxl"], [bp~="+max"]) {
    display: none;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  [bp]:not([bp~="min+"], [bp~="xs+"], [bp~="sm+"], [bp~="md+"], [bp~="lg+"], [bp~="+xl"], [bp~=xl], [bp~="xl+"], [bp~="+xxl"], [bp~="+max"]) {
    display: none;
  }
}
@media (min-width: 1600px) and (max-width: 2599px) {
  [bp]:not([bp~="min+"], [bp~="xs+"], [bp~="sm+"], [bp~="md+"], [bp~="lg+"], [bp~="xl+"], [bp~="+xxl"], [bp~=xxl], [bp~="xxl+"], [bp~="+max"]) {
    display: none;
  }
}
@media (min-width: 2600px) {
  [bp]:not([bp~="min+"], [bp~="xs+"], [bp~="sm+"], [bp~="md+"], [bp~="lg+"], [bp~="xl+"], [bp~="xxl+"], [bp~="+max"], [bp~=max], [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;
}

[data-device-type=Android] [blz-device]:not([blz-device~=Android], [blz-device~=android], [blz-device~=mobile]), [data-device-type=Other] [blz-device]:not([blz-device~=Other], [blz-device~=other]), [data-device-type=Windows] [blz-device]:not([blz-device~=Windows], [blz-device~=windows], [blz-device~=PC], [blz-device~=pc]), [data-device-type=iOS] [blz-device]:not([blz-device~=iOS], [blz-device~=ios], [blz-device~=mobile]), [data-device-type=macOS] [blz-device]:not([blz-device~=macOS], [blz-device~=macos], [blz-device~=mac], [blz-device~=PC], [blz-device~=pc]) {
  display: none !important;
}

[blz-tooltip] {
  cursor: pointer;
  position: relative;
}

.blz-tooltip, .blz-tooltip-extension {
  display: none;
  margin: 0;
  padding: 0;
  pointer-events: all;
  position: absolute;
  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: var(--tooltip-max-width);
  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;
}

.blz-tooltip > .blz-tooltip-container {
  display: flex;
  flex-direction: column;
  gap: var(--semantic-space-between-xxl);
}

.blz-tooltip .blz-tooltip-container > * {
  max-width: 100%;
}

[blz-tooltip\:place=top] .blz-tooltip {
  --tooltip-vertical-transform:calc(-100% - var(--tooltip-offset));
  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: translateY(var(--tooltip-vertical-transform));
}

[blz-tooltip\:sticky=right] .blz-tooltip {
  left: auto;
  right: 0;
  text-align: right;
  transform: translateY(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;
}

.blz-body-text-xxl {
  font: var(--semantic-body-text-xxl);
}

.blz-body-text-xl {
  font: var(--semantic-body-text-xl);
}

.blz-body-text-lg {
  font: var(--semantic-body-text-lg);
}

.blz-body-text-md {
  font: var(--semantic-body-text-md);
}

.blz-body-text-sm {
  font: var(--semantic-body-text-sm);
}

.blz-body-text-lg, .blz-body-text-lg::slotted(*), .blz-body-text-md, .blz-body-text-md::slotted(*), .blz-body-text-sm, .blz-body-text-sm::slotted(*), .blz-body-text-xl, .blz-body-text-xl::slotted(*), .blz-body-text-xxl, .blz-body-text-xxl::slotted(*) {
  color: var(--global-color-content-700);
}

.blz-heading-text-xxl {
  font: var(--semantic-heading-text-xxl);
}

.blz-heading-text-xl {
  font: var(--semantic-heading-text-xl);
}

.blz-heading-text-lg {
  font: var(--semantic-heading-text-lg);
}

.blz-heading-text-md {
  font: var(--semantic-heading-text-md);
}

.blz-heading-text-sm {
  font: var(--semantic-heading-text-sm);
}

.blz-heading-text-xs {
  font: var(--semantic-heading-text-xs);
}

.blz-heading-text-xxs {
  font: var(--semantic-heading-text-xxs);
}

.blz-heading-text-lg, .blz-heading-text-lg::slotted(*), .blz-heading-text-md, .blz-heading-text-md::slotted(*), .blz-heading-text-sm, .blz-heading-text-sm::slotted(*), .blz-heading-text-xl, .blz-heading-text-xl::slotted(*), .blz-heading-text-xs, .blz-heading-text-xs::slotted(*), .blz-heading-text-xxl, .blz-heading-text-xxl::slotted(*), .blz-heading-text-xxs {
  color: var(--semantic-color-content-default);
  margin: 0;
}

.blz-link {
  color: var(--semantic-color-background-icon-selected);
  font-weight: var(--global-font-weight-bold);
  text-decoration: none;
  text-underline-position: under;
}

h1 > .blz-link, h2 > .blz-link, h3 > .blz-link, h4 > .blz-link, h5 > .blz-link, h6 > .blz-link, p > .blz-link {
  text-decoration: underline;
}

.blz-link.hover, .blz-link:hover {
  color: var(--semantic-color-background-icon-hover);
  text-decoration: underline;
}

.blz-subheading-text-lg {
  font: var(--semantic-subheading-text-lg);
}

.blz-subheading-text-lg, .blz-subheading-text-md {
  letter-spacing: var(--semantic-subheading-letter-spacing);
  text-transform: uppercase;
}

.blz-subheading-text-md {
  font: var(--semantic-subheading-text-md);
}

.blz-subheading-text-lg, .blz-subheading-text-lg::slotted(*), .blz-subheading-text-md, .blz-subheading-text-md::slotted(*) {
  margin: 0;
}

.blz-title-text-lg {
  font: var(--semantic-title-text-lg);
}

.blz-title-text-md {
  font: var(--semantic-title-text-md);
}

.blz-title-text-sm {
  font: var(--semantic-title-text-sm);
}

.blz-title-text-lg, .blz-title-text-lg::slotted(*), .blz-title-text-md, .blz-title-text-md::slotted(*), .blz-title-text-sm, .blz-title-text-sm::slotted(*) {
  color: var(--semantic-color-content-default);
  margin: 0;
}

.blz-body, .blz-body-lead, .blz-body-lead::slotted(*), .blz-body-lede, .blz-body-lede::slotted(*), .blz-body::slotted(*), .blz-text, .blz-text::slotted(*), [class*=" blz-label"], [class*=" blz-label"]::slotted(*), [class^=blz-label], [class^=blz-label]::slotted(*) {
  color: var(--global-color-content-700);
  font: var(--semantic-body-text-xl);
}

.blz-body-sm, .blz-body-sm::slotted(*), .blz-label, .blz-label::slotted(*) {
  font: var(--semantic-body-text-md);
}

.blz-body-xs, .blz-body-xs::slotted(*), .blz-label-sm, .blz-label-sm::slotted(*) {
  font: var(--semantic-body-text-sm);
}

.blz-body, .blz-body-lead, .blz-body-lead::slotted(*), .blz-body-lede, .blz-body-lede::slotted(*), .blz-body::slotted(*), [class*=" blz-label"], [class*=" blz-label"]::slotted(*), [class^=blz-label], [class^=blz-label]::slotted(*) {
  line-height: var(--global-font-line-height-comfy);
  margin: 0;
}

.blz-body-lead, .blz-body-lead::slotted(*), .blz-body-lede, .blz-body-lede::slotted(*) {
  font: var(--semantic-body-text-xxl);
}

[class*=" blz-heading"], [class*=" blz-heading"]::slotted(*), [class^=blz-heading], [class^=blz-heading]::slotted(*) {
  color: var(--semantic-color-content-default);
  margin: 0;
}

.blz-heading-xl, .blz-heading-xl::slotted(*) {
  font: var(--header-heading-font-xl);
}

.blz-heading-lg, .blz-heading-lg::slotted(*) {
  font: var(--header-heading-font-lg);
}

.blz-heading, .blz-heading::slotted(*) {
  font: var(--header-heading-font-md);
}

.blz-heading-sm, .blz-heading-sm::slotted(*) {
  font: var(--header-heading-font-sm);
}

.blz-heading-xs, .blz-heading-xs::slotted(*) {
  font: var(--header-heading-font-xs);
}

.blz-heading-xxs, .blz-heading-xxs::slotted(*) {
  font: var(--header-heading-font-xxs);
}

.blz-subheading-lg, .blz-subheading-lg::slotted(*) {
  font: var(--semantic-subheading-text-lg);
  letter-spacing: var(--semantic-subheading-letter-spacing);
  text-transform: uppercase;
}

.blz-subheading, .blz-subheading::slotted(*) {
  font: var(--semantic-subheading-text-md);
  letter-spacing: var(--semantic-subheading-letter-spacing);
  text-transform: uppercase;
}

.blz-list, .blz-list-alpha {
  margin: 0;
}

.blz-list-alpha {
  list-style-type: upper-alpha;
}

[class*=blz-list] li {
  padding-inline-start: var(--global-size-200);
}

[class*=blz-list] ol {
  list-style-type: lower-alpha;
  padding-inline-start: 0;
}

[class*=blz-list] ol ol {
  list-style-type: lower-roman;
}

.blz-list ul {
  padding-inline-start: 0;
}

.blz-list ul ul {
  list-style-type: "–";
}

.blz-list ul ul li {
  padding-inline-start: var(--global-size-250);
}

.blz-table-overflow-container {
  overflow: auto;
}

[class*=blz-table] {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

[class*=blz-table] td, [class*=blz-table] th {
  min-width: 240px;
  padding: var(--global-size-150) var(--global-size-100);
  vertical-align: top;
  word-break: break-word;
}

[class*=blz-table] thead {
  color: var(--global-color-content-900);
  font: var(--semantic-heading-text-sm);
}

[class*=blz-table] tbody {
  color: var(--global-color-content-700);
  font: var(--semantic-body-text-sm);
}

[class*=blz-table] tbody tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.0509803922);
}

[class*=blz-table] tbody tr.hover, [class*=blz-table] tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
}

[class*=blz-table-sticky] th {
  background-color: var(--global-color-background-800);
  position: sticky;
  top: 0;
}

[class*=blz-table] tr td:first-of-type, [class*=blz-table] tr th:first-of-type {
  border: 0 solid rgba(0, 0, 0, 0);
  border-bottom-left-radius: var(--global-size-50);
  border-top-left-radius: var(--global-size-50);
}

[class*=blz-table] tr td:last-of-type, [class*=blz-table] tr th:last-of-type {
  border: 0 solid rgba(0, 0, 0, 0);
  border-bottom-right-radius: var(--global-size-50);
  border-top-right-radius: var(--global-size-50);
}

@media (min-width: 960px) {
  [class*=blz-table] td, [class*=blz-table] th {
    padding: var(--global-size-300) var(--global-size-200);
  }
  [class*=blz-table] thead {
    font: var(--semantic-heading-text-md);
  }
  [class*=blz-table] tbody {
    font: var(--semantic-body-text-md);
  }
}
.blz-scrollbar {
  scrollbar-color: var(--global-color-content-200) rgba(0, 0, 0, 0);
  scrollbar-width: thin;
}

.blz-scrollbar::-webkit-scrollbar {
  width: var(--global-size-75);
}

.blz-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--global-color-content-200);
  border-radius: var(--global-size-50);
}

.blz-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--global-color-content-400);
}

.blz-scrollbar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.blz-scrollbar--with-container {
  scrollbar-color: inherit;
  scrollbar-width: inherit;
}

.blz-scrollbar--with-container::-webkit-scrollbar {
  width: var(--global-size-250);
}

.blz-scrollbar--with-container::-webkit-scrollbar-thumb {
  background-clip: content-box;
  background-color: var(--global-color-content-200);
  border: var(--global-size-75) solid rgba(0, 0, 0, 0);
  border-radius: var(--global-size-100);
}

.blz-scrollbar--with-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--global-color-content-400);
}

.blz-scrollbar--with-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
  border: 1px solid var(--global-color-content-500);
  border-radius: var(--global-size-50);
}

.blz-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.blz-form .blz-input-message {
  visibility: hidden;
}

.blz-form .blz-input:invalid:not(:placeholder-shown) {
  border: 1px solid var(--semantic-color-feedback-warning);
}

.blz-form-group .blz-input ~ blz-alert, .blz-form-group .blz-input ~ div, .blz-form-group .blz-input ~ span {
  width: 100%;
}

.blz-form .blz-input.invalid:not(:placeholder-shown) ~ .blz-input-message, .blz-form .blz-input.invalid:not(:placeholder-shown) ~ blz-alert, .blz-form .blz-input:invalid:not(:placeholder-shown) ~ .blz-input-message, .blz-form .blz-input:invalid:not(:placeholder-shown) ~ blz-alert {
  visibility: visible;
}

.blz-form-group {
  display: flex;
  flex-direction: column;
  gap: var(--semantic-space-between-xxxs);
}

.blz-form-label {
  color: var(--semantic-color-text-description);
  display: block;
  font: var(--semantic-heading-text-xxs);
  text-transform: uppercase;
}

.blz-form-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--global-size-100);
  position: relative;
  width: 100%;
}

select[is=blz-dropdown] {
  appearance: none;
  background-color: var(--input-text-field-color-background-default);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23fff8' stroke-linecap='round' stroke-linejoin='round' fill='none' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: calc(100% - var(--global-size-100));
  background-repeat: no-repeat;
  background-size: var(--global-size-300);
  border: var(--global-size-25) solid rgba(0, 0, 0, 0);
  border-radius: var(--global-size-50);
  color: var(--semantic-color-content-placeholder);
  font: var(--input-font-md);
  height: var(--semantic-size-input-height-md-mobile);
  list-style: none;
  padding: var(--input-select-space-padding-sm);
  text-overflow: ellipsis;
  width: 280px;
}

select[is=blz-dropdown].focus-visible, select[is=blz-dropdown].hover, select[is=blz-dropdown]:focus-visible, select[is=blz-dropdown]:hover {
  background-color: var(--input-color-background-hover);
}

select[is=blz-dropdown].focus-visible, select[is=blz-dropdown].focus.focus-visible, select[is=blz-dropdown]:focus-visible, select[is=blz-dropdown]:focus:focus-visible {
  outline: var(--global-color-content-700) solid 2px;
}

select[is=blz-dropdown]:focus:not(:focus-visible) {
  outline: none;
}

select[is=blz-dropdown].selected {
  color: var(--global-color-content-900);
}

select[is=blz-dropdown].small {
  background-size: var(--global-size-250);
  font: var(--input-font-sm);
  height: var(--semantic-size-input-height-sm-mobile);
}

select[is=blz-dropdown] option {
  background-color: var(--global-color-background-800);
  color: var(--global-color-content-900);
  font: var(--input-font-sm);
}

@media (min-width: 720px) {
  select[is=blz-dropdown] {
    height: var(--semantic-size-input-height-md-desktop);
    padding: var(--input-select-space-padding-md);
  }
  select[is=blz-dropdown].small {
    height: var(--semantic-size-input-height-sm-desktop);
  }
}
.blz-dropdown {
  appearance: none;
  background-color: var(--input-text-field-color-background-default);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23fff8' stroke-linecap='round' stroke-linejoin='round' fill='none' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: calc(100% - var(--global-size-100));
  background-repeat: no-repeat;
  background-size: var(--global-size-300);
  border: 1px solid var(--semantic-color-border-input-default);
  border-radius: var(--global-size-50);
  font: var(--input-font-md);
  height: var(--semantic-size-input-height-md-mobile);
  list-style: none;
  padding: var(--input-text-field-space-padding-md);
  text-overflow: ellipsis;
  transition: border-color var(--global-motion-duration-medium) var(--global-motion-ease-out), color var(--global-motion-duration-medium) var(--global-motion-ease-out);
  width: 100%;
}

.blz-dropdown, .blz-dropdown::placeholder {
  color: var(--semantic-color-content-placeholder);
}

.blz-dropdown option, .blz-dropdown.selected {
  color: var(--semantic-color-content-info);
}

.blz-dropdown.disabled, .blz-dropdown:disabled {
  border: 1px solid var(--semantic-color-border-input-disabled);
  color: var(--semantic-color-content-inactive);
}

.blz-dropdown.hover, .blz-dropdown:hover {
  background-color: var(--input-text-field-color-background-hover);
  border: 1px solid var(--semantic-color-border-input-hover);
  color: var(--semantic-color-text-heading);
}

.blz-dropdown.active, .blz-dropdown.focus, .blz-dropdown:active, .blz-dropdown:focus {
  border: 1px solid var(--semantic-color-border-input-focus);
  color: var(--semantic-color-content-default);
}

.blz-dropdown.disabled::placeholder, .blz-dropdown:disabled::placeholder {
  color: var(--semantic-color-content-inactive);
}

.blz-dropdown.disabled:hover, .blz-dropdown:disabled:hover {
  border: 1px solid var(--semantic-color-border-input-disabled);
  color: var(--semantic-color-content-inactive);
}

.blz-dropdown.disabled:hover::placeholder, .blz-dropdown:disabled:hover::placeholder {
  color: var(--semantic-color-content-inactive);
}

.blz-dropdown.invalid {
  border: 1px solid var(--semantic-color-feedback-warning);
}

.blz-dropdown.valid {
  border: 1px solid var(--semantic-color-feedback-success);
}

.blz-dropdown.small {
  background-size: var(--global-size-250);
  font: var(--input-font-sm);
  height: var(--semantic-size-input-height-sm-mobile);
}

.blz-dropdown:focus:not(:focus-visible) {
  outline: none;
}

.blz-dropdown-icon {
  display: block;
  height: var(--global-size-300);
  pointer-events: none;
  position: absolute;
  width: var(--global-size-300);
}

.blz-dropdown-icon.prepend {
  left: var(--global-size-125);
}

.blz-dropdown-icon.append {
  right: var(--global-size-125);
}

.blz-dropdown-icon.prepend ~ .blz-dropdown {
  padding-left: var(--global-size-500);
}

@media (min-width: 720px) {
  .blz-dropdown {
    height: var(--semantic-size-input-height-md-desktop);
    padding: var(--input-select-space-padding-md);
  }
  .blz-dropdown.small {
    height: var(--semantic-size-input-height-sm-desktop);
  }
}
input[is=blz-input] {
  appearance: none;
  background-color: var(--input-text-field-color-background-default);
  border: 0;
  border-radius: var(--global-size-50);
  display: flex;
  font: var(--input-font-md);
  height: var(--semantic-size-input-height-md-mobile);
  padding: var(--input-text-field-space-padding-md);
  text-overflow: ellipsis;
}

input[is=blz-input], textarea {
  color: var(--global-color-content-900);
}

input[is=blz-input]::placeholder {
  color: var(--semantic-color-content-placeholder);
}

input[is=blz-input]:invalid {
  outline: var(--global-color-warning-500) solid 2px;
}

input[is=blz-input].focus-visible, input[is=blz-input].hover, input[is=blz-input]:focus-visible, input[is=blz-input]:hover, input[is=blz-input]:invalid {
  background-color: var(--input-text-field-color-background-hover);
}

input[is=blz-input]:focus-visible, input[is=blz-input]:focus:focus-visible {
  outline: var(--global-color-content-700) solid 2px;
}

input[is=blz-input].small {
  font: var(--input-font-sm);
  height: var(--semantic-size-input-height-sm-mobile);
  padding: var(--input-text-field-space-padding-sm);
}

@media (min-width: 720px) {
  input[is=blz-input] {
    height: var(--semantic-size-input-height-md-desktop);
  }
}
.blz-input {
  appearance: none;
  background-color: var(--input-text-field-color-background-default);
  border: 1px solid var(--semantic-color-border-input-default);
  border-radius: var(--global-size-50);
  color: var(--semantic-color-content-info);
  display: flex;
  font: var(--input-font-md);
  height: var(--semantic-size-input-height-md-mobile);
  padding: var(--input-text-field-space-padding-md);
  text-overflow: ellipsis;
  transition: border-color var(--global-motion-duration-medium) var(--global-motion-ease-out), color var(--global-motion-duration-medium) var(--global-motion-ease-out);
  width: 100%;
}

textarea.blz-input {
  height: auto;
  padding: var(--global-size-250) var(--global-size-200);
}

.blz-input.small {
  font: var(--input-font-sm);
  height: var(--semantic-size-input-height-sm-mobile);
  padding: var(--input-text-field-space-padding-sm);
}

.blz-input.single-digit {
  font: var(--semantic-title-text-lg);
  height: var(--semantic-size-input-height-xl-mobile);
  padding: 0;
  text-align: center;
  width: var(--semantic-size-input-width-sm-desktop);
}

.blz-input::placeholder {
  color: var(--semantic-color-content-placeholder);
}

.blz-input.disabled, .blz-input:disabled {
  border: 1px solid var(--semantic-color-border-input-disabled);
  color: var(--semantic-color-content-inactive);
}

.blz-input.hover, .blz-input:hover {
  border: 1px solid var(--semantic-color-border-input-hover);
  color: var(--semantic-color-text-heading);
}

.blz-input.active, .blz-input.focus, .blz-input:active, .blz-input:focus {
  border: 1px solid var(--semantic-color-border-input-focus);
  color: var(--semantic-color-content-default);
}

.blz-input.disabled::placeholder, .blz-input:disabled::placeholder {
  color: var(--semantic-color-content-inactive);
}

.blz-input.disabled:hover, .blz-input:disabled:hover {
  border: 1px solid var(--semantic-color-border-input-disabled);
  color: var(--semantic-color-content-inactive);
}

.blz-input.disabled:hover::placeholder, .blz-input:disabled:hover::placeholder {
  color: var(--semantic-color-content-inactive);
}

.blz-input.invalid {
  border: 1px solid var(--semantic-color-feedback-warning);
}

.blz-input.valid {
  border: 1px solid var(--semantic-color-feedback-success);
}

.blz-input-icon {
  display: block;
  height: var(--global-size-300);
  pointer-events: none;
  position: absolute;
  width: var(--global-size-300);
}

.blz-input-icon.prepend {
  left: var(--global-size-125);
}

.blz-input-icon.append {
  right: var(--global-size-125);
}

.blz-input-icon.prepend ~ .blz-input {
  padding-left: var(--global-size-500);
}

.blz-input-icon.append ~ .blz-input {
  padding-right: var(--global-size-500);
}

.blz-input:focus:not(:focus-visible) {
  outline: none;
}

@media (min-width: 720px) {
  .blz-input {
    height: var(--semantic-size-input-height-md-desktop);
  }
}
input[is=blz-checkbox] {
  align-self: baseline;
  appearance: none;
  background-color: var(--input-selection-color-background);
  border: 1px solid var(--semantic-color-border-input-default);
  border-radius: 1px;
  margin: 0 var(--input-selection-label-gap) 0 0;
  min-height: var(--global-size-200);
  min-width: var(--global-size-200);
}

input[is=blz-checkbox]:checked {
  background-color: var(--semantic-color-background-icon-selected);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23fff8' stroke-linecap='round' stroke-linejoin='round' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M19.777 5.636a.5.5 0 0 0-.707 0L8.818 15.888 4.93 12a.5.5 0 0 0-.707 0l-.707.707a.5.5 0 0 0 0 .707l4.216 4.217a.527.527 0 0 0 .025.026l.707.707a.499.499 0 0 0 .708 0l.708-.707a.48.48 0 0 0 .021-.023L20.485 7.05a.5.5 0 0 0 0-.707l-.707-.707Z'/%3E%3C/svg%3E");
  border: 0;
  border-radius: 1px;
}

input[is=blz-checkbox].hover, input[is=blz-checkbox]:hover {
  border: 1px solid var(--semantic-color-border-input-hover);
}

input[is=blz-checkbox].focus-visible, input[is=blz-checkbox].focus.focus-visible, input[is=blz-checkbox]:focus-visible, input[is=blz-checkbox]:focus:focus-visible {
  outline: var(--semantic-color-content-info) solid 2px;
}

label[is=blz-checkbox] {
  color: var(--semantic-color-content-info);
  display: flex;
  font: var(--semantic-body-text-md);
  max-width: 340px;
}

label[is=blz-checkbox].hover, label[is=blz-checkbox]:hover {
  color: var(--semantic-color-content-heading-hover);
}

@media (min-width: 720px) {
  label[is=blz-checkbox] {
    max-width: 540px;
  }
}
.blz-checkbox {
  align-items: center;
  cursor: pointer;
  display: flex;
  font: var(--semantic-body-text-md);
  position: relative;
  user-select: none;
}

.blz-checkbox input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

.blz-checkbox__label {
  color: var(--semantic-color-content-info);
  padding-left: var(--global-font-size-650);
  transition: color var(--global-motion-duration-medium) var(--global-motion-ease-out);
}

.blz-checkbox__checkmark {
  background-color: var(--input-text-field-color-background-default);
  border: 1px solid var(--semantic-color-border-input-default);
  border-radius: var(--global-size-50);
  height: var(--global-size-250);
  left: 0;
  position: absolute;
  width: var(--global-size-250);
}

.blz-checkbox__checkmark:after {
  border: solid var(--input-selection-checkmark-color-icon-active);
  border-width: 0 3px 3px 0;
  content: "";
  display: none;
  height: var(--global-size-150);
  left: var(--global-size-75);
  position: relative;
  top: 1px;
  transform: rotate(45deg);
  transition: border-color var(--global-motion-duration-medium) var(--global-motion-ease-out), background-color var(--global-motion-duration-medium) var(--global-motion-ease-out);
  width: 5px;
}

.blz-checkbox__checkmark:focus:after, .blz-checkbox__checkmark:hover:after {
  border: solid var(--input-selection-checkmark-color-icon-hover);
  border-width: 0 3px 3px 0;
}

.blz-checkbox__checkmark:active:after {
  border: solid var(--semantic-color-background-action-primary-pressed);
  border-width: 0 3px 3px 0;
}

.blz-checkbox.invalid .blz-checkbox__checkmark {
  border: 1px solid var(--semantic-color-feedback-warning);
}

.blz-checkbox.valid .blz-checkbox__checkmark {
  border: 1px solid var(--semantic-color-feedback-success);
}

.blz-checkbox:has(:focus-visible) .blz-checkbox__checkmark {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

.blz-checkbox input:checked ~ .blz-checkbox__checkmark {
  border-color: var(--semantic-color-border-input-default);
}

.blz-checkbox input:disabled ~ .blz-checkbox__checkmark {
  border-color: var(--semantic-color-border-input-disabled);
  cursor: not-allowed;
}

.blz-checkbox input:disabled ~ .blz-checkbox__label {
  color: var(--global-color-content-600);
  cursor: not-allowed;
}

.blz-checkbox.invalid input:checked ~ .blz-checkbox__checkmark {
  border-color: var(--semantic-color-feedback-warning);
}

.blz-checkbox.valid input:checked ~ .blz-checkbox__checkmark {
  border-color: var(--semantic-color-feedback-success);
}

.blz-checkbox input:checked ~ .blz-checkbox__checkmark:after {
  display: block;
}

.blz-checkbox input:checked:disabled ~ .blz-checkbox__checkmark:after {
  border-color: var(--semantic-color-content-inactive);
  opacity: 0.48;
}

.blz-checkbox.hover input:not(:disabled) ~ .blz-checkbox__checkmark:after, .blz-checkbox:hover input:not(:disabled) ~ .blz-checkbox__checkmark:after {
  border-color: var(--input-selection-checkmark-color-icon-hover);
}

.blz-checkbox:focus input:not(:disabled) ~ .blz-checkbox__checkmark, .blz-checkbox:hover input:not(:disabled) ~ .blz-checkbox__checkmark {
  border-color: var(--semantic-color-border-input-hover);
}

.blz-checkbox:focus input:not(:disabled) ~ .blz-checkbox__label, .blz-checkbox:hover input:not(:disabled) ~ .blz-checkbox__label {
  color: var(--semantic-color-content-info);
}

.blz-checkbox:active input:not(:disabled) ~ .blz-checkbox__checkmark {
  border-color: var(--semantic-color-border-action-primary-default);
}

.blz-checkbox:active input:not(:disabled) ~ .blz-checkbox__checkmark:after {
  border: solid var(--semantic-color-background-action-primary-pressed);
  border-width: 0 3px 3px 0;
}

.blz-checkbox.preview input:not(:checked) ~ .blz-checkbox__checkmark:hover:after {
  border: solid var(--semantic-color-border-input-default);
  border-width: 0 3px 3px 0;
  display: block;
  transition: border-color var(--global-motion-duration-medium) var(--global-motion-ease-out), background-color var(--global-motion-duration-medium) var(--global-motion-ease-out);
}

.blz-checkbox input:disabled:not(:checked) ~ .blz-checkbox__checkmark:hover:after {
  display: none;
}

input[is=blz-radio-button] {
  align-self: baseline;
  appearance: none;
  background-color: var(--input-selection-color-background);
  border: 1px solid var(--semantic-color-border-input-default);
  border-radius: 50%;
  justify-content: center;
  margin: 0 var(--input-selection-label-gap) 0 0;
  min-height: var(--global-size-200);
  min-width: var(--global-size-200);
}

input[is=blz-radio-button]:checked {
  border: 3px solid var(--semantic-color-background-icon-selected);
}

input[is=blz-radio-button].hover, input[is=blz-radio-button]:hover {
  border: 1px solid var(--semantic-color-border-input-hover);
}

label[is=blz-radio-button] {
  color: var(--global-color-content-700);
  display: flex;
  font: var(--semantic-body-text-md);
  max-width: 340px;
}

label[is=blz-radio-button].hover, label[is=blz-radio-button]:hover {
  color: var(--semantic-color-content-heading-hover);
}

@media (min-width: 720px) {
  label[is=blz-radio-button] {
    max-width: 540px;
  }
}
.blz-radio-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  font: var(--semantic-body-text-md);
  position: relative;
  user-select: none;
}

.blz-radio-button input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}

.blz-radio-button__label {
  color: var(--semantic-color-content-info);
  padding-left: var(--global-font-size-650);
  transition: color var(--global-motion-duration-medium) var(--global-motion-ease-out);
}

.blz-radio-button__checkmark {
  background-color: var(--input-text-field-color-background-default);
  border: 1px solid var(--semantic-color-border-action-primary-default);
  border-radius: 100%;
  height: var(--global-size-250);
  left: 0;
  position: absolute;
  transition: border-color var(--global-motion-duration-medium) var(--global-motion-ease-out);
  width: var(--global-size-250);
}

.blz-radio-button__checkmark:after {
  background: var(--semantic-color-background-action-primary-default);
  border: solid var(--semantic-color-background-action-primary-default);
  border-radius: 100%;
  content: "";
  display: none;
  height: 11px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: border-color var(--global-motion-duration-medium) var(--global-motion-ease-out), background-color var(--global-motion-duration-medium) var(--global-motion-ease-out);
  width: 11px;
}

.blz-radio-button__checkmark:active:after {
  background: var(--semantic-color-background-action-primary-pressed);
  border: solid var(--semantic-color-background-action-primary-pressed);
}

.blz-radio-button:has(:focus-visible) .blz-radio-button__checkmark {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
}

.blz-radio-button.invalid .blz-radio-button__checkmark {
  border: 1px solid var(--semantic-color-feedback-warning);
}

.blz-radio-button.valid .blz-radio-button__checkmark {
  border: 1px solid var(--semantic-color-feedback-success);
}

.blz-radio-button input:checked ~ .blz-radio-button__checkmark {
  border-color: var(--semantic-color-border-action-primary-default);
}

.blz-radio-button input:disabled ~ .blz-radio-button__label {
  color: var(--semantic-color-content-inactive);
  cursor: not-allowed;
}

.blz-radio-button input:checked:disabled ~ .blz-radio-button__checkmark, .blz-radio-button input:disabled ~ .blz-radio-button__checkmark {
  border-color: var(--semantic-color-border-input-disabled);
  cursor: not-allowed;
}

.blz-radio-button.invalid input:checked ~ .blz-radio-button__checkmark {
  border-color: var(--semantic-color-feedback-warning);
}

.blz-radio-button.valid input:checked ~ .blz-radio-button__checkmark {
  border-color: var(--semantic-color-feedback-success);
}

.blz-radio-button input:checked ~ .blz-radio-button__checkmark:after {
  display: block;
}

.blz-radio-button input:checked:disabled ~ .blz-radio-button__checkmark:after {
  background: var(--semantic-color-content-inactive);
  border: 1px solid rgba(0, 0, 0, 0);
}

.blz-radio-button:focus input:not(:disabled) ~ .blz-radio-button__checkmark, .blz-radio-button:hover input:not(:disabled) ~ .blz-radio-button__checkmark {
  border-color: var(--semantic-color-border-action-hover);
}

.blz-radio-button.hover input:not(:disabled) ~ .blz-radio-button__checkmark:after, .blz-radio-button:hover input:not(:disabled) ~ .blz-radio-button__checkmark:after {
  background: var(--semantic-color-background-icon-hover);
  border: solid var(--semantic-color-background-icon-hover);
}

.blz-radio-button.active input:not(:disabled) ~ .blz-radio-button__checkmark:after, .blz-radio-button:active input:not(:disabled) ~ .blz-radio-button__checkmark:after {
  background: var(--semantic-color-background-action-primary-pressed);
  border: solid var(--semantic-color-background-action-primary-pressed);
}

.blz-radio-button:focus input:not(:disabled) ~ .blz-radio-button__label, .blz-radio-button:hover input:not(:disabled) ~ .blz-radio-button__label {
  color: var(--semantic-color-content-info);
}

.blz-radio-button:active input:not(:disabled) ~ .blz-radio-button__checkmark {
  border-color: var(--semantic-color-border-action-pressed);
}

:host, :root {
  --size-025:2px;
  --size-050:4px;
  --size-075:6px;
  --size-100:8px;
  --size-125:10px;
  --size-150:12px;
  --size-200:16px;
  --size-250:20px;
  --size-300:24px;
  --size-325:26px;
  --size-350:28px;
  --size-400:32px;
  --size-500:40px;
  --size-600:48px;
  --size-700:56px;
  --size-800:64px;
  --size-900:72px;
  --size-1000:80px;
  --size-1100:88px;
  --size-1150:92px;
  --resize-025:2px;
  --resize-050:4px;
  --resize-075:6px;
  --resize-100:8px;
  --resize-150:12px;
  --resize-200:16px;
  --resize-250:16px;
  --resize-300:16px;
  --resize-400:24px;
  --resize-500:32px;
  --resize-600:32px;
  --resize-700:40px;
  --resize-800:40px;
  --resize-900:48px;
  --resize-1000:48px;
  --resize-250-sm:20px;
  --resize-300-sm:24px;
  --resize-400-sm:32px;
  --resize-500-sm:40px;
  --resize-600-sm:48px;
  --resize-700-sm:56px;
  --resize-800-sm:64px;
  --resize-900-sm:72px;
  --resize-1000-sm:80px;
  --font-default-scale:1;
  --font-accent-scale:1;
  --font-default:roboto;
  --font-accent:montserrat;
  --font-fallback:sans-serif;
  --font-default-weight:400;
  --font-accent-weight:500;
  --font-size-100:10px;
  --font-size-200:12px;
  --font-size-300:14px;
  --font-size-400:16px;
  --font-size-500:16px;
  --font-size-600:20px;
  --font-size-700:24px;
  --font-size-800:30px;
  --font-size-900:36px;
  --font-size-100-sm:12px;
  --font-size-200-sm:14px;
  --font-size-300-sm:16px;
  --font-size-400-sm:18px;
  --font-size-500-sm:20px;
  --font-size-600-sm:24px;
  --font-size-700-sm:36px;
  --font-size-800-sm:48px;
  --font-size-900-sm:60px;
  --line-height:1;
  --line-height-tight:1.1;
  --line-height-comfy:1.4;
  --line-height-relaxed:1.7;
  --line-height-loose:2;
  --color-background-25:#d5d7dd;
  --color-background-50:#5a5d70;
  --color-background-100:#3a465f;
  --color-background-300:#323a48;
  --color-background-500:#232a39;
  --color-background-700:#151c28;
  --color-background-800:#0a0d15;
  --color-darken-100:#0000000d;
  --color-darken-300:#0000001a;
  --color-darken-400:#00000026;
  --color-darken-500:#0000004d;
  --color-darken-600:#00000080;
  --color-darken-700:#000000b3;
  --color-darken-800:#000000e6;
  --color-darken-900:#000;
  --color-content-100:#ffffff0d;
  --color-content-200:#ffffff1a;
  --color-content-300:#ffffff1f;
  --color-content-400:#ffffff26;
  --color-content-500:#ffffff4d;
  --color-content-600:#ffffff80;
  --color-content-700:#ffffffb3;
  --color-content-800:#fffc;
  --color-content-900:#ffffffe6;
  --color-content-1000:#fff;
  --color-accent-400:#5d719833;
  --color-accent-500:#5d719866;
  --color-accent-600:#5d719899;
  --color-accent-700:#5d7198cc;
  --color-primary-300:#66c4ff;
  --color-primary-400:#33b1ff;
  --color-primary-500:#009dff;
  --color-primary-600:#007ecc;
  --color-primary-700:#005e99;
  --color-success-400:#66ffbf;
  --color-success-500:#00ff94;
  --color-error-400:#f87cb0;
  --color-error-500:#f31d77;
  --color-error-900:#350000;
  --color-warning-400:#fd9;
  --color-warning-500:#fb3;
  --color-tooltip-background:var(--color-background-800);
  --content-width-slim:960px;
  --content-width-narrow:1200px;
  --content-width-default:1400px;
  --content-width-wide:1600px;
  --nav-height:var(--global-size-700);
  --row-gap-tight:var(--global-size-150);
  --col-gap-tight:var(--global-size-150);
  --row-gap-comfy:var(--global-size-200);
  --col-gap-comfy:var(--global-size-200);
  --row-gap-loose:var(--global-size-400);
  --col-gap-loose:var(--global-size-400);
  --row-gap-spacious:var(--global-size-300);
  --col-gap-spacious:var(--global-size-300);
  --row-gap-tight-md:var(--global-size-200);
  --col-gap-tight-md:var(--global-size-200);
  --row-gap-comfy-md:var(--global-size-400);
  --col-gap-comfy-md:var(--global-size-400);
  --row-gap-loose-md:var(--global-size-600);
  --col-gap-loose-md:var(--global-size-600);
  --row-gap-spacious-md:var(--global-size-500);
  --col-gap-spacious-md:var(--global-size-500);
  --row-gap-spacious-lg:var(--global-size-1000);
  --col-gap-spacious-lg:var(--global-size-1000);
  --row-gap-spacious-sm:var(--global-size-400);
  --col-gap-spacious-sm:var(--global-size-400);
  --section-padding-vertical:var(--global-size-500);
  --section-padding-horizontal:var(--global-size-200);
  --section-padding-vertical-md:var(--global-size-1000);
  --section-padding-horizontal-md:var(--global-size-500);
  --section-padding-vertical-sm:var(--global-size-800);
  --section-padding-horizontal-sm:var(--global-size-300);
  --tooltip-horizontal-padding:var(--global-size-150);
  --tooltip-max-width:min(calc(100vw - var(--tooltip-horizontal-padding)*6),calc(360px - var(--tooltip-horizontal-padding)*2));
  --tooltip-offset:var(--global-size-150);
  --tooltip-vertical-transform:calc(100% + var(--tooltip-offset));
  --nav-height-md:var(--global-size-1100);
  --shadow-xs:0 1px 3px 0 #0000001f;
  --shadow-sm:0 4px 6px 0 #0000001f;
  --shadow-md:0 5px 15px 0 #0000001f;
  --shadow-lg:0 10px 24px 0 #0000001f;
  --shadow-xl:0 15px 35px 0 #0000001f;
  --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;
}

html {
  scroll-behavior: smooth;
}

:root {
  --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;
  --view-min:320px;
  --view-xs:480px;
  --view-sm:720px;
  --view-md:960px;
  --view-lg:1200px;
  --view-xl:1400px;
  --view-xxl:1600px;
  --view-max:2600px;
  --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);
  --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);
  --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-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-row-gap-margin-top:var(
    --content-block-row-gap-margin-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);
  --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);
}

@media (min-width: 720px) {
  :root {
    --font-size-100:var(--font-size-100-sm);
    --font-size-200:var(--font-size-200-sm);
    --font-size-300:var(--font-size-300-sm);
    --font-size-400:var(--font-size-400-sm);
    --font-size-500:var(--font-size-500-sm);
    --font-size-600:var(--font-size-600-sm);
    --font-size-700:var(--font-size-700-sm);
    --font-size-800:var(--font-size-800-sm);
    --font-size-900:var(--font-size-900-sm);
    --resize-250:var(--resize-250-sm);
    --resize-300:var(--resize-300-sm);
    --resize-400:var(--resize-400-sm);
    --resize-500:var(--resize-500-sm);
    --resize-600:var(--resize-600-sm);
    --resize-700:var(--resize-700-sm);
    --resize-800:var(--resize-800-sm);
    --resize-900:var(--resize-900-sm);
    --resize-1000:var(--resize-1000-sm);
    --row-gap-spacious:var(--row-gap-spacious-sm);
    --col-gap-spacious:var(--col-gap-spacious-sm);
    --section-padding-vertical:var(--section-padding-vertical-sm);
    --section-padding-horizontal:var(--section-padding-horizontal-sm);
    --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-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-row-gap-margin-top:var(
      --content-block-row-gap-margin-top-desktop
    );
    --section-padding:var(--semantic-section-space-vertical-md-desktop) var(--semantic-section-space-horizontal-desktop);
    --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);
    --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);
    --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);
  }
}
@media (min-width: 960px) {
  :root {
    --row-gap-tight:var(--row-gap-tight-md);
    --col-gap-tight:var(--col-gap-tight-md);
    --row-gap-comfy:var(--row-gap-comfy-md);
    --col-gap-comfy:var(--col-gap-comfy-md);
    --row-gap-loose:var(--row-gap-loose-md);
    --col-gap-loose:var(--col-gap-loose-md);
    --row-gap-spacious:var(--row-gap-spacious-md);
    --col-gap-spacious:var(--col-gap-spacious-md);
    --section-padding-vertical:var(--section-padding-vertical-md);
    --section-padding-horizontal:var(--section-padding-horizontal-md);
    --nav-height:var(--nav-height-md);
  }
}
@media (min-width: 1200px) {
  :root {
    --row-gap-spacious:var(--row-gap-spacious-lg);
    --col-gap-spacious:var(--col-gap-spacious-lg);
  }
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(https://blz-contentstack-assets.akamaized.net/v3/assets/blt72f16e066f85e164/blt147ff22c3eb55a53/Roboto-Medium.ttf) format("truetype");
}
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  src: url(https://blz-contentstack-assets.akamaized.net/v3/assets/blt72f16e066f85e164/blt40fb757b2cbe2e58/Montserrat-SemiBold.ttf) format("truetype");
}
:host, :root {
  --size-025:2px;
  --size-050:4px;
  --size-075:6px;
  --size-100:8px;
  --size-125:10px;
  --size-150:12px;
  --size-200:16px;
  --size-250:20px;
  --size-300:24px;
  --size-325:26px;
  --size-350:28px;
  --size-400:32px;
  --size-500:40px;
  --size-600:48px;
  --size-700:56px;
  --size-800:64px;
  --size-900:72px;
  --size-1000:80px;
  --size-1100:88px;
  --size-1150:92px;
  --resize-025:2px;
  --resize-050:4px;
  --resize-075:6px;
  --resize-100:8px;
  --resize-150:12px;
  --resize-200:16px;
  --resize-250:16px;
  --resize-300:16px;
  --resize-400:24px;
  --resize-500:32px;
  --resize-600:32px;
  --resize-700:40px;
  --resize-800:40px;
  --resize-900:48px;
  --resize-1000:48px;
  --resize-250-sm:20px;
  --resize-300-sm:24px;
  --resize-400-sm:32px;
  --resize-500-sm:40px;
  --resize-600-sm:48px;
  --resize-700-sm:56px;
  --resize-800-sm:64px;
  --resize-900-sm:72px;
  --resize-1000-sm:80px;
  --font-default-scale:1;
  --font-accent-scale:1;
  --font-default:roboto;
  --font-accent:montserrat;
  --font-default-weight:400;
  --font-accent-weight:500;
  --font-size-100:10px;
  --font-size-200:12px;
  --font-size-300:14px;
  --font-size-400:16px;
  --font-size-500:16px;
  --font-size-600:20px;
  --font-size-700:24px;
  --font-size-800:30px;
  --font-size-900:36px;
  --font-size-100-sm:12px;
  --font-size-200-sm:14px;
  --font-size-300-sm:16px;
  --font-size-400-sm:18px;
  --font-size-500-sm:20px;
  --font-size-600-sm:24px;
  --font-size-700-sm:36px;
  --font-size-800-sm:48px;
  --font-size-900-sm:60px;
  --line-height:1;
  --line-height-tight:1.1;
  --line-height-comfy:1.4;
  --line-height-relaxed:1.7;
  --line-height-loose:2;
  --color-background-25:#d5d7dd;
  --color-background-50:#5a5d70;
  --color-background-100:#3a465f;
  --color-background-300:#323a48;
  --color-background-500:#232a39;
  --color-background-700:#151c28;
  --color-background-800:#0a0d15;
  --color-darken-100:#0000000d;
  --color-darken-300:#0000001a;
  --color-darken-400:#00000026;
  --color-darken-500:#0000004d;
  --color-darken-600:#00000080;
  --color-darken-700:#000000b3;
  --color-darken-800:#000000e6;
  --color-darken-900:#000;
  --color-content-100:#ffffff0d;
  --color-content-200:#ffffff1a;
  --color-content-300:#ffffff1f;
  --color-content-400:#ffffff26;
  --color-content-500:#ffffff4d;
  --color-content-600:#ffffff80;
  --color-content-700:#ffffffb3;
  --color-content-800:#fffc;
  --color-content-900:#ffffffe6;
  --color-content-1000:#fff;
  --color-accent-400:#5d719833;
  --color-accent-500:#5d719866;
  --color-accent-600:#5d719899;
  --color-accent-700:#5d7198cc;
  --color-primary-300:#66c4ff;
  --color-primary-400:#33b1ff;
  --color-primary-500:#009dff;
  --color-primary-600:#007ecc;
  --color-primary-700:#005e99;
  --color-success-400:#66ffbf;
  --color-success-500:#00ff94;
  --color-error-400:#f87cb0;
  --color-error-500:#f31d77;
  --color-error-900:#350000;
  --color-warning-400:#fd9;
  --color-warning-500:#fb3;
  --color-tooltip-background:var(--color-background-800);
  --content-width-slim:960px;
  --content-width-narrow:1200px;
  --content-width-default:1400px;
  --content-width-wide:1600px;
  --nav-height:var(--global-size-700);
  --row-gap-tight:var(--global-size-150);
  --col-gap-tight:var(--global-size-150);
  --row-gap-comfy:var(--global-size-200);
  --col-gap-comfy:var(--global-size-200);
  --row-gap-loose:var(--global-size-400);
  --col-gap-loose:var(--global-size-400);
  --row-gap-spacious:var(--global-size-300);
  --col-gap-spacious:var(--global-size-300);
  --row-gap-tight-md:var(--global-size-200);
  --col-gap-tight-md:var(--global-size-200);
  --row-gap-comfy-md:var(--global-size-400);
  --col-gap-comfy-md:var(--global-size-400);
  --row-gap-loose-md:var(--global-size-600);
  --col-gap-loose-md:var(--global-size-600);
  --row-gap-spacious-md:var(--global-size-500);
  --col-gap-spacious-md:var(--global-size-500);
  --row-gap-spacious-lg:var(--global-size-1000);
  --col-gap-spacious-lg:var(--global-size-1000);
  --row-gap-spacious-sm:var(--global-size-400);
  --col-gap-spacious-sm:var(--global-size-400);
  --section-padding-vertical:var(--global-size-500);
  --section-padding-horizontal:var(--global-size-200);
  --section-padding-vertical-md:var(--global-size-1000);
  --section-padding-horizontal-md:var(--global-size-500);
  --section-padding-vertical-sm:var(--global-size-800);
  --section-padding-horizontal-sm:var(--global-size-300);
  --tooltip-horizontal-padding:var(--global-size-150);
  --tooltip-max-width:min(calc(100vw - var(--tooltip-horizontal-padding)*6),calc(360px - var(--tooltip-horizontal-padding)*2));
  --tooltip-offset:var(--global-size-150);
  --tooltip-vertical-transform:calc(100% + var(--tooltip-offset));
  --nav-height-md:var(--global-size-1100);
  --shadow-xs:0 1px 3px 0 #0000001f;
  --shadow-sm:0 4px 6px 0 #0000001f;
  --shadow-md:0 5px 15px 0 #0000001f;
  --shadow-lg:0 10px 24px 0 #0000001f;
  --shadow-xl:0 15px 35px 0 #0000001f;
  --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;
}

:host, :root {
  --font-fallback:sans-serif;
  --font-default:Roboto;
  --font-accent:Montserrat;
  --header-heading-font-xxs-mobile:var(--semantic-heading-text-lg-mobile);
  --header-heading-font-xxs-desktop:var(--semantic-heading-text-md-desktop);
  --header-heading-font-xs-mobile:var(--semantic-heading-text-lg-mobile);
  --header-heading-font-xs-desktop:var(--semantic-heading-text-lg-desktop);
  --header-heading-font-sm-mobile:var(--semantic-heading-text-xl-mobile);
  --header-heading-font-sm-desktop:var(--semantic-heading-text-xl-desktop);
  --header-heading-font-md-mobile:var(--semantic-title-text-sm-mobile);
  --header-heading-font-md-desktop:var(--semantic-title-text-sm-desktop);
  --header-heading-font-lg-mobile:var(--semantic-title-text-lg-mobile);
  --header-heading-font-lg-desktop:var(--semantic-title-text-md-desktop);
  --header-heading-font-xl-mobile:var(--semantic-title-text-lg-mobile);
  --header-heading-font-xl-desktop:var(--semantic-title-text-lg-desktop);
  --tab-standard-font-label-mobile:var(--semantic-heading-text-xl-mobile);
  --tab-standard-font-label-desktop:var(--semantic-heading-text-xl-desktop);
  --price-font-label-discount-sm-mobile:var(--semantic-heading-text-sm-mobile);
  --price-font-label-discount-sm-desktop:var(--semantic-heading-text-sm-desktop);
  --price-font-label-discount-md-mobile:var(--semantic-heading-text-md-mobile);
  --price-font-label-discount-md-desktop:var(--semantic-heading-text-sm-desktop);
  --price-font-label-discount-lg-mobile:var(--semantic-heading-text-lg-mobile);
  --price-font-label-discount-lg-desktop:var(--semantic-heading-text-lg-desktop);
  --price-font-label-discount-xl-mobile:var(--semantic-heading-text-xl-mobile);
  --price-font-label-discount-xl-desktop:var(--semantic-heading-text-xl-desktop);
  --price-font-label-sm-mobile:var(--semantic-heading-text-sm-mobile);
  --price-font-label-sm-desktop:var(--semantic-heading-text-sm-desktop);
  --price-font-label-md-mobile:var(--semantic-heading-text-xl-mobile);
  --price-font-label-md-desktop:var(--semantic-heading-text-xl-desktop);
  --price-font-label-lg-mobile:var(--semantic-title-text-sm-mobile);
  --price-font-label-lg-desktop:var(--semantic-title-text-sm-desktop);
  --price-font-label-xl-mobile:var(--semantic-title-text-md-mobile);
  --price-font-label-xl-desktop:var(--semantic-title-text-md-desktop);
  --pagination-tab-color-hover:var(--semantic-color-content-info);
  --pagination-tab-color-active:var(--semantic-color-content-default);
  --tooltip-font-text-mobile:var(--semantic-body-text-md-mobile);
  --tooltip-font-text-desktop:var(--semantic-body-text-md-desktop);
  --tooltip-color-border-primary:var(--semantic-color-border-info-primary);
  --icon-color-border-hover:var(--semantic-color-border-action-secondary-default);
  --icon-color-border-default:var(--semantic-color-border-action-secondary-default);
  --icon-button-color-ghost-background-hover:var(--semantic-color-background-action-tertiary-hover);
  --icon-button-color-hover:var(--semantic-color-content-default);
  --icon-button-color-contrast-background-hover:var(--semantic-color-background-action-secondary-hover);
  --icon-button-color-contrast-background:var(--semantic-color-background-action-secondary-default);
  --icon-button-color-default-background-hover:var(--semantic-color-background-action-default-hover);
  --icon-button-color-default-background:var(--semantic-color-background-info-tertiary);
  --icon-button-color-default:var(--semantic-color-content-info);
  --dropdown-color-background-hover:var(--semantic-color-background-info-quaternary-hover);
  --dropdown-color-background-default:var(--semantic-color-background-info-quaternary);
  --card-backplate-color-background-hover:var(--semantic-color-background-info-secondary-hover);
  --card-backplate-color-background-default:var(--semantic-color-background-info-secondary);
  --game-card-heading-color-text-hover:var(--semantic-color-content-heading-hover);
  --game-card-heading-color-text-default:var(--semantic-color-content-default);
  --global-font-scale-default:1;
  --global-font-scale-accent:2;
  --global-font-letter-spacing-relaxed:0.1px;
  --global-font-letter-spacing-comfy:0.05px;
  --global-font-letter-spacing-default:0px;
  --global-font-line-height-loose:200%;
  --global-font-line-height-relaxed:170%;
  --global-font-line-height-comfy:140%;
  --global-font-line-height-tight:110%;
  --global-font-line-height-default:100%;
  --global-font-weight-bold:600;
  --global-font-weight-medium:500;
  --global-font-weight-regular:400;
  --global-font-size-900:60px;
  --global-font-size-800:48px;
  --global-font-size-750:40px;
  --global-font-size-700:36px;
  --global-font-size-650:32px;
  --global-font-size-625:30px;
  --global-font-size-600:24px;
  --global-font-size-500:20px;
  --global-font-size-400:18px;
  --global-font-size-300:16px;
  --global-font-size-200:14px;
  --global-font-size-100:12px;
  --global-font-size-75:10px;
  --global-font-family-fallback:var(--font-fallback);
  --global-font-family-default:var(--font-default);
  --global-font-family-accent-alt:Montserrat;
  --global-font-family-accent:var(--font-accent);
  --global-size-1150:92px;
  --global-size-1100:88px;
  --global-size-1000:80px;
  --global-size-900:72px;
  --global-size-800:64px;
  --global-size-700:56px;
  --global-size-600:48px;
  --global-size-500:40px;
  --global-size-400:32px;
  --global-size-350:28px;
  --global-size-325:26px;
  --global-size-300:24px;
  --global-size-250:20px;
  --global-size-200:16px;
  --global-size-150:12px;
  --global-size-125:10px;
  --global-size-100:8px;
  --global-size-75:6px;
  --global-size-50:4px;
  --global-size-25:2px;
  --global-color-transparent:#fff0;
  --global-color-content-1000:#fff;
  --global-color-content-900:#ffffffe6;
  --global-color-content-800:#fffc;
  --global-color-content-700:#ffffffb3;
  --global-color-content-600:#ffffff80;
  --global-color-content-500:#ffffff4d;
  --global-color-content-400:#ffffff26;
  --global-color-content-300:#ffffff1f;
  --global-color-content-200:#ffffff1a;
  --global-color-content-100:#ffffff0d;
  --global-color-darken-900:#000;
  --global-color-darken-800:#000000e6;
  --global-color-darken-700:#000000b3;
  --global-color-darken-600:#00000080;
  --global-color-darken-500:#0000004d;
  --global-color-darken-400:#00000026;
  --global-color-darken-300:#0000001a;
  --global-color-darken-100:#0000000d;
  --global-color-success-500:#00ff94;
  --global-color-success-400:#66ffbf;
  --global-color-error-900:#350000;
  --global-color-error-500:#f31d77;
  --global-color-error-400:#f87cb0;
  --global-color-warning-500:#fb3;
  --global-color-warning-400:#fd9;
  --global-color-background-800:#0a0d15;
  --global-color-background-700:#151c28;
  --global-color-background-500:#232a39;
  --global-color-background-300:#323a48;
  --global-color-background-100:#3a465f;
  --global-color-background-50:#5a5d70;
  --global-color-background-25:#d5d7dd;
  --global-color-accent-700:#5d7198cc;
  --global-color-accent-600:#5d719899;
  --global-color-accent-500:#5d719866;
  --global-color-accent-400:#5d719833;
  --global-color-primary-700:#003c6b;
  --global-color-primary-600:#00599e;
  --global-color-primary-500:#0076d1;
  --global-color-primary-400:#0592ff;
  --global-color-primary-300:#38a8ff;
  --input-font-sm-mobile:var(--semantic-heading-text-sm-mobile);
  --input-font-sm-desktop:var(--semantic-heading-text-sm-desktop);
  --input-font-md-mobile:var(--semantic-heading-text-lg-mobile);
  --input-font-md-desktop:var(--semantic-heading-text-lg-desktop);
  --input-text-color-disabled:var(--semantic-color-content-inactive);
  --input-color-background-hover:var(--semantic-color-background-action-secondary-pressed);
  --input-color-background-default:var(--semantic-color-background-action-secondary-default);
  --input-select-space-padding-md-left:var(--semantic-space-around-horizontal-sm);
  --input-select-space-padding-md-bottom:0px;
  --input-select-space-padding-md-right:var(--semantic-space-around-horizontal-xxs);
  --input-select-space-padding-md-top:0px;
  --input-select-space-padding-sm-left:var(--semantic-space-around-horizontal-sm);
  --input-select-space-padding-sm-bottom:0px;
  --input-select-space-padding-sm-right:var(--semantic-space-around-horizontal-xxs);
  --input-select-space-padding-sm-top:0px;
  --input-text-field-color-background-hover:var(--semantic-color-background-info-quaternary-hover);
  --input-text-field-color-background-default:var(--semantic-color-background-info-quaternary);
  --input-text-field-space-padding-md-left:var(--semantic-space-around-horizontal-sm);
  --input-text-field-space-padding-md-bottom:0px;
  --input-text-field-space-padding-md-right:var(--semantic-space-around-horizontal-xxs);
  --input-text-field-space-padding-md-top:0px;
  --input-text-field-space-padding-sm-left:var(--semantic-space-around-horizontal-sm);
  --input-text-field-space-padding-sm-bottom:0px;
  --input-text-field-space-padding-sm-right:var(--semantic-space-around-horizontal-xxs);
  --input-text-field-space-padding-sm-top:0px;
  --input-selection-checkmark-color-icon-hover:var(--global-color-primary-300);
  --input-selection-checkmark-color-icon-active:var(--global-color-primary-500);
  --input-selection-color-background:var(--semantic-color-content-default);
  --input-selection-label-gap:var(--semantic-space-between-xs);
  --content-block-font-callout-xs-mobile:var(--semantic-body-text-sm-mobile);
  --content-block-font-callout-xs-desktop:var(--semantic-body-text-xs-desktop);
  --content-block-font-callout-sm-mobile:var(--semantic-body-text-md-mobile);
  --content-block-font-callout-sm-desktop:var(--semantic-body-text-md-desktop);
  --content-block-font-callout-md-mobile:var(--semantic-body-text-md-mobile);
  --content-block-font-callout-md-desktop:var(--semantic-body-text-md-desktop);
  --content-block-font-callout-lg-mobile:var(--semantic-body-text-md-mobile);
  --content-block-font-callout-lg-desktop:var(--semantic-body-text-md-desktop);
  --content-block-font-description-xs-mobile:var(--semantic-body-text-sm-mobile);
  --content-block-font-description-xs-desktop:var(--semantic-body-text-xs-desktop);
  --content-block-font-description-sm-mobile:var(--semantic-body-text-md-mobile);
  --content-block-font-description-sm-desktop:var(--semantic-body-text-md-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-lg-mobile:var(--semantic-body-text-md-mobile);
  --content-block-font-description-lg-desktop:var(--semantic-body-text-md-desktop);
  --content-block-font-heading-xs-mobile:var(--semantic-heading-text-xs);
  --content-block-font-heading-xs-desktop:var(--semantic-heading-text-xs);
  --content-block-font-heading-sm-mobile:var(--semantic-heading-text-lg-desktop);
  --content-block-font-heading-sm-desktop:var(--semantic-heading-text-lg-desktop);
  --content-block-font-heading-md-mobile:var(--semantic-heading-text-xl-mobile);
  --content-block-font-heading-md-desktop:var(--semantic-heading-text-xl-desktop);
  --content-block-font-heading-lg-mobile:var(--semantic-title-text-sm-mobile);
  --content-block-font-heading-lg-desktop:var(--semantic-title-text-sm-desktop);
  --content-block-font-subheading-md-mobile:var(--semantic-subheading-text-lg-mobile);
  --content-block-font-subheading-md-desktop:var(--semantic-subheading-text-md-desktop);
  --content-block-font-subheading-lg-mobile:var(--semantic-subheading-text-lg-desktop);
  --content-block-font-subheading-lg-desktop:var(--semantic-subheading-text-lg-desktop);
  --content-block-description-space-margin-top:var(--semantic-content-space-md);
  --content-block-row-gap-margin-top-mobile:var(--semantic-space-between-md);
  --content-block-row-gap-margin-top-desktop:var(--semantic-space-between-md);
  --base-card-space-media-bottom-right-left:0px;
  --base-card-space-media-bottom-right-bottom:var(--semantic-space-around-vertical-xs-mobile);
  --base-card-space-media-bottom-right-right:var(--semantic-space-around-horizontal-xxs);
  --base-card-space-media-bottom-right-top:0px;
  --base-card-space-media-bottom-left-left:var(--semantic-space-around-horizontal-xxs);
  --base-card-space-media-bottom-left-bottom:var(--semantic-space-around-vertical-xs-mobile);
  --base-card-space-media-bottom-left-right:0px;
  --base-card-space-media-bottom-left-top:0px;
  --base-card-space-media-top-right-left:0px;
  --base-card-space-media-top-right-bottom:0px;
  --base-card-space-media-top-right-right:var(--semantic-space-around-horizontal-xxs);
  --base-card-space-media-top-right-top:var(--semantic-space-around-vertical-xs-mobile);
  --base-card-space-media-top-left-left:var(--semantic-space-around-horizontal-xxs);
  --base-card-space-media-top-left-bottom:0px;
  --base-card-space-media-top-left-right:0px;
  --base-card-space-media-top-left-top:var(--semantic-space-around-vertical-xs-mobile);
  --base-card-space-padding-sm-mobile-horizontal:var(--semantic-space-around-horizontal-sm);
  --base-card-space-padding-sm-mobile-vertical:var(--semantic-space-around-vertical-md-mobile);
  --base-card-space-padding-sm-desktop-horizontal:var(--semantic-space-around-horizontal-sm);
  --base-card-space-padding-sm-desktop-vertical:var(--semantic-space-around-vertical-sm-desktop);
  --base-card-space-padding-md-mobile-horizontal:var(--semantic-space-around-horizontal-sm);
  --base-card-space-padding-md-mobile-vertical:var(--semantic-space-around-vertical-md-mobile);
  --base-card-space-padding-md-desktop-horizontal:var(--semantic-space-around-horizontal-md-desktop);
  --base-card-space-padding-md-desktop-vertical:var(--semantic-space-around-vertical-md-desktop);
  --base-card-space-padding-lg-mobile-horizontal:var(--semantic-space-around-horizontal-md-mobile);
  --base-card-space-padding-lg-mobile-vertical:var(--semantic-space-around-vertical-xl-mobile);
  --base-card-space-padding-lg-desktop-horizontal:var(--semantic-space-around-horizontal-lg-desktop);
  --base-card-space-padding-lg-desktop-vertical:var(--semantic-space-around-vertical-lg-desktop);
  --badge-font-text-mobile:var(--semantic-subheading-text-lg-mobile);
  --badge-font-text-desktop:var(--semantic-subheading-text-lg-desktop);
  --badge-color-text-default:var(--semantic-color-content-default);
  --badge-color-background-positive:var(--semantic-color-content-success);
  --badge-color-background-neutral:var(--semantic-color-background-info-secondary);
  --badge-color-background-urgent:var(--semantic-color-content-error);
  --badge-space-md-mobile-horizontal:var(--semantic-space-around-horizontal-xxs);
  --badge-space-md-mobile-bottom:var(--semantic-space-around-vertical-xs-mobile);
  --badge-space-md-mobile-top:var(--semantic-space-around-vertical-xs-mobile);
  --badge-space-md-desktop-horizontal:var(--semantic-space-around-horizontal-xxs);
  --badge-space-md-desktop-bottom:var(--semantic-space-around-vertical-xs-mobile);
  --badge-space-md-desktop-top:var(--semantic-space-around-vertical-xxs-desktop);
  --badge-space-padding-sm-horizontal:var(--semantic-space-around-horizontal-xxxs);
  --badge-space-padding-sm-bottom:var(--global-size-25);
  --badge-space-padding-sm-top:var(--global-size-25);
  --announcement-banner-font-subtext-mobile:var(--semantic-body-text-md-mobile);
  --announcement-banner-font-subtext-desktop:var(--semantic-body-text-md-desktop);
  --announcement-banner-font-heading-mobile:var(--semantic-heading-text-xl-mobile);
  --announcement-banner-font-heading-desktop:var(--semantic-heading-text-xl-desktop);
  --announcement-banner-content-gap-vertical-mobile:var(--semantic-space-between-xxs);
  --announcement-banner-content-gap-vertical-desktop:var(--semantic-space-between-sm);
  --announcement-banner-content-gap-horizontal-mobile:var(--semantic-space-between-md);
  --announcement-banner-content-gap-horizontal-desktop:var(--semantic-space-between-lg);
  --announcement-banner-sticky-space-padding-mobile-horizontal:var(--semantic-space-around-horizontal-lg-mobile);
  --announcement-banner-sticky-space-padding-mobile-vertical:var(--semantic-space-around-vertical-lg-mobile);
  --announcement-banner-sticky-space-padding-desktop-horizontal:var(--semantic-space-around-horizontal-lg-desktop);
  --announcement-banner-sticky-space-padding-desktop-vertical:var(--semantic-space-around-vertical-lg-desktop);
  --announcement-banner-space-padding-mobile-horizontal:var(--semantic-space-around-horizontal-lg-mobile);
  --announcement-banner-space-padding-mobile-vertical:var(--semantic-space-around-vertical-xxl-mobile);
  --announcement-banner-space-padding-desktop-horizontal:var(--semantic-space-around-horizontal-lg-desktop);
  --announcement-banner-space-padding-desktop-vertical:var(--semantic-space-around-vertical-xxl-desktop);
  --countdown-timer-height-sm-mobile:var(--semantic-size-input-height-xs-mobile);
  --countdown-timer-height-sm-desktop:var(--semantic-size-input-height-sm-desktop);
  --button-font-label-sm-mobile:var(--semantic-heading-text-sm-mobile);
  --button-font-label-sm-desktop:var(--semantic-heading-text-sm-desktop);
  --button-font-label-md-mobile:var(--semantic-heading-text-lg-mobile);
  --button-font-label-md-desktop:var(--semantic-heading-text-lg-desktop);
  --button-font-label-lg-mobile:var(--semantic-heading-text-xl-mobile);
  --button-font-label-lg-desktop:var(--semantic-heading-text-xl-desktop);
  --button-font-label-xl-mobile:var(--semantic-title-text-sm-mobile);
  --button-font-label-xl-desktop:var(--semantic-title-text-sm-desktop);
  --button-color-text-disabled:var(--semantic-color-content-info);
  --button-color-text-pressed:var(--semantic-color-content-default);
  --button-color-border-tertiary-pressed:var(--semantic-color-border-action-pressed);
  --button-color-border-tertiary-disabled:var(--semantic-color-background-action-secondary-pressed);
  --button-color-border-tertiary-hover:var(--semantic-color-border-action-hover);
  --button-color-border-tertiary-default:var(--semantic-color-border-action-primary-default);
  --button-color-border-secondary-pressed:var(--semantic-color-border-action-pressed);
  --button-color-border-secondary-hover:var(--semantic-color-border-action-hover);
  --button-color-border-primary-pressed:var(--semantic-color-border-action-pressed);
  --button-color-border-primary-hover:var(--semantic-color-border-action-hover);
  --button-space-padding-sm-horizontal:var(--semantic-space-around-horizontal-sm);
  --button-space-padding-sm-vertical:var(--semantic-space-around-vertical-xs-desktop);
  --button-space-padding-md-mobile-horizontal:var(--semantic-space-around-horizontal-xl-mobile);
  --button-space-padding-md-mobile-vertical:var(--semantic-space-around-vertical-sm-mobile);
  --button-space-padding-md-desktop-horizontal:var(--semantic-space-around-horizontal-xl-desktop);
  --button-space-padding-md-desktop-vertical:var(--semantic-space-around-vertical-sm-desktop);
  --button-space-padding-lg-mobile-horizontal:var(--semantic-space-around-horizontal-xxl-mobile);
  --button-space-padding-lg-mobile-vertical:var(--semantic-space-around-vertical-xl-mobile);
  --button-space-padding-lg-desktop-horizontal:var(--semantic-space-around-horizontal-xxl-desktop);
  --button-space-padding-lg-desktop-vertical:var(--semantic-space-around-vertical-md-desktop);
  --button-space-padding-xl-mobile-horizontal:var(--semantic-space-around-horizontal-xxl-mobile);
  --button-space-padding-xl-mobile-vertical:var(--semantic-space-around-vertical-xl-mobile);
  --button-space-padding-xl-desktop-horizontal:var(--semantic-space-around-horizontal-xxl-desktop);
  --button-space-padding-xl-desktop-vertical:var(--semantic-space-around-vertical-sm-desktop);
  --button-height-md-mobile:var(--semantic-size-input-height-md-mobile);
  --button-height-md-desktop:var(--semantic-size-input-height-md-desktop);
  --button-height-sm-mobile:var(--semantic-size-input-height-sm-mobile);
  --button-height-sm-desktop:var(--semantic-size-input-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-desktop:400 var(--global-font-size-100)/var(--global-font-line-height-comfy) var(--global-font-family-default);
  --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-desktop:400 var(--global-font-size-200)/var(--global-font-line-height-comfy) var(--global-font-family-default);
  --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-desktop:400 var(--global-font-size-300)/var(--global-font-line-height-comfy) var(--global-font-family-default);
  --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-desktop:400 var(--global-font-size-400)/var(--global-font-line-height-comfy) var(--global-font-family-default);
  --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-desktop:400 var(--global-font-size-500)/var(--global-font-line-height-comfy) var(--global-font-family-default);
  --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-desktop:400 var(--global-font-size-600)/var(--global-font-line-height-comfy) var(--global-font-family-default);
  --semantic-subheading-letter-spacing:var(--global-font-letter-spacing-default);
  --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-desktop:600 var(--global-font-size-100)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --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-desktop:600 var(--global-font-size-200)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --semantic-heading-text-xxs:600 var(--global-font-size-100)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --semantic-heading-text-xs:600 var(--global-font-size-200)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --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-desktop:600 var(--global-font-size-300)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --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-desktop:600 var(--global-font-size-400)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --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-desktop:600 var(--global-font-size-500)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --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-desktop:600 var(--global-font-size-600)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --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-desktop:600 var(--global-font-size-650)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --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-desktop:600 var(--global-font-size-700)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --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-desktop:600 var(--global-font-size-800)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --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-desktop:600 var(--global-font-size-900)/var(--global-font-line-height-tight) var(--global-font-family-accent);
  --semantic-color-feedback-error:var(--global-color-error-400);
  --semantic-color-feedback-warning:var(--global-color-warning-400);
  --semantic-color-feedback-success:var(--global-color-success-400);
  --semantic-color-accessibility-focus-outer-border:var(--global-color-content-1000);
  --semantic-color-accessibility-focus-inner-border:var(--global-color-background-800);
  --semantic-color-content-heading-hover:var(--global-color-content-1000);
  --semantic-color-content-callout-secondary:var(--global-color-warning-500);
  --semantic-color-content-callout-primary:var(--global-color-success-500);
  --semantic-color-content-critical:var(--global-color-error-900);
  --semantic-color-content-error:var(--global-color-error-500);
  --semantic-color-content-warning:var(--global-color-warning-500);
  --semantic-color-content-success:var(--global-color-success-500);
  --semantic-color-content-placeholder:var(--global-color-content-500);
  --semantic-color-content-inactive:var(--global-color-content-600);
  --semantic-color-content-info:var(--global-color-content-700);
  --semantic-color-content-default-dark:var(--global-color-background-800);
  --semantic-color-content-default:var(--global-color-content-1000);
  --semantic-color-background-state-inactive:var(--global-color-background-50);
  --semantic-color-background-icon-hover:var(--global-color-content-1000);
  --semantic-color-background-icon-selected:var(--global-color-primary-500);
  --semantic-color-background-content-hover:var(--global-color-background-700);
  --semantic-color-background-content-default:var(--global-color-background-800);
  --semantic-color-background-info-quaternary-hover:var(--global-color-accent-600);
  --semantic-color-background-info-quaternary:var(--global-color-accent-500);
  --semantic-color-background-info-tertiary:var(--global-color-content-100);
  --semantic-color-background-info-secondary-hover:var(--global-color-background-700);
  --semantic-color-background-info-secondary:var(--global-color-background-800);
  --semantic-color-background-info-primary:var(--global-color-background-100);
  --semantic-color-background-action-default-hover:var(--global-color-content-300);
  --semantic-color-background-action-tertiary-hover:var(--global-color-content-100);
  --semantic-color-background-action-tertiary-default:#0000;
  --semantic-color-background-action-secondary-pressed:var(--global-color-accent-600);
  --semantic-color-background-action-secondary-hover:var(--global-color-accent-600);
  --semantic-color-background-action-secondary-default:var(--global-color-accent-500);
  --semantic-color-background-action-primary-disabled:var(--global-color-primary-400);
  --semantic-color-background-action-primary-pressed:var(--global-color-primary-400);
  --semantic-color-background-action-primary-hover:var(--global-color-primary-400);
  --semantic-color-background-action-primary-default:var(--global-color-primary-500);
  --semantic-color-background-page-tertiary:var(--global-color-darken-800);
  --semantic-color-background-page-secondary:var(--global-color-background-500);
  --semantic-color-background-page-primary:var(--global-color-background-700);
  --semantic-color-text-label:var(--global-color-content-700);
  --semantic-color-text-description:var(--global-color-content-600);
  --semantic-color-text-heading:var(--global-color-content-1000);
  --semantic-color-border-info-primary:var(--global-color-background-100);
  --semantic-color-border-input-focus:var(--global-color-content-700);
  --semantic-color-border-input-disabled:var(--global-color-content-200);
  --semantic-color-border-input-hover:var(--global-color-darken-400);
  --semantic-color-border-input-default:var(--global-color-darken-400);
  --semantic-color-border-action-pressed:var(--global-color-content-300);
  --semantic-color-border-action-hover:var(--global-color-transparent);
  --semantic-color-border-action-secondary-default:var(--global-color-transparent);
  --semantic-color-border-action-primary-default:var(--global-color-content-200);
  --semantic-grid-gap-xl-mobile:var(--global-size-300);
  --semantic-grid-gap-xl-desktop:var(--global-size-1000);
  --semantic-grid-gap-lg-mobile:var(--global-size-400);
  --semantic-grid-gap-lg-desktop:var(--global-size-600);
  --semantic-grid-gap-md-mobile:var(--global-size-200);
  --semantic-grid-gap-md-desktop:var(--global-size-400);
  --semantic-grid-gap-sm-mobile:var(--global-size-200);
  --semantic-grid-gap-sm-desktop:var(--global-size-300);
  --semantic-grid-gap-xs-mobile:var(--global-size-150);
  --semantic-grid-gap-xs-desktop:var(--global-size-200);
  --semantic-grid-gap-xxs-mobile:var(--global-size-50);
  --semantic-grid-gap-xxs-desktop:var(--global-size-100);
  --semantic-header-margin-space-xl-mobile:var(--global-size-600);
  --semantic-header-margin-space-xl-desktop:var(--global-size-900);
  --semantic-header-margin-space-lg-mobile:var(--global-size-500);
  --semantic-header-margin-space-lg-desktop:var(--global-size-700);
  --semantic-header-margin-space-md-mobile:var(--global-size-400);
  --semantic-header-margin-space-md-desktop:var(--global-size-500);
  --semantic-section-space-vertical-lg:var(--global-size-1100);
  --semantic-section-space-vertical-md-mobile:var(--global-size-500);
  --semantic-section-space-vertical-md-desktop:var(--global-size-1000);
  --semantic-section-space-vertical-sm-mobile:var(--global-size-500);
  --semantic-section-space-vertical-sm-desktop:var(--global-size-500);
  --semantic-section-space-horizontal-mobile:var(--global-size-200);
  --semantic-section-space-horizontal-tablet:var(--global-size-300);
  --semantic-section-space-horizontal-desktop:var(--global-size-500);
  --semantic-content-space-lg-mobile:var(--global-size-200);
  --semantic-content-space-lg-desktop:var(--global-size-300);
  --semantic-content-space-md:var(--global-size-200);
  --semantic-content-space-sm:var(--global-size-150);
  --semantic-content-space-xs:var(--global-size-75);
  --semantic-space-between-xxxl:var(--global-size-700);
  --semantic-space-between-xxl:var(--global-size-600);
  --semantic-space-between-xl:var(--global-size-500);
  --semantic-space-between-lg:var(--global-size-400);
  --semantic-space-between-md:var(--global-size-300);
  --semantic-space-between-sm:var(--global-size-200);
  --semantic-space-between-xs:var(--global-size-150);
  --semantic-space-between-xxs:var(--global-size-100);
  --semantic-space-between-xxxs:var(--global-size-75);
  --semantic-space-around-horizontal-xxxl-mobile:var(--global-size-600);
  --semantic-space-around-horizontal-xxxl-desktop:var(--global-size-1000);
  --semantic-space-around-horizontal-xxl-mobile:var(--global-size-400);
  --semantic-space-around-horizontal-xxl-desktop:var(--global-size-500);
  --semantic-space-around-horizontal-xl-mobile:var(--global-size-300);
  --semantic-space-around-horizontal-xl-desktop:var(--global-size-400);
  --semantic-space-around-horizontal-lg-mobile:var(--global-size-200);
  --semantic-space-around-horizontal-lg-desktop:var(--global-size-300);
  --semantic-space-around-horizontal-md-mobile:var(--global-size-250);
  --semantic-space-around-horizontal-md-desktop:var(--global-size-250);
  --semantic-space-around-horizontal-sm:var(--global-size-200);
  --semantic-space-around-horizontal-xs:var(--global-size-150);
  --semantic-space-around-horizontal-xxs:var(--global-size-100);
  --semantic-space-around-horizontal-xxxs:var(--global-size-50);
  --semantic-space-around-vertical-xxl-mobile:var(--global-size-500);
  --semantic-space-around-vertical-xxl-desktop:var(--global-size-500);
  --semantic-space-around-vertical-xl-mobile:var(--global-size-250);
  --semantic-space-around-vertical-xl-desktop:var(--global-size-400);
  --semantic-space-around-vertical-lg-mobile:var(--global-size-200);
  --semantic-space-around-vertical-lg-desktop:var(--global-size-300);
  --semantic-space-around-vertical-md-mobile:var(--global-size-200);
  --semantic-space-around-vertical-md-desktop:var(--global-size-250);
  --semantic-space-around-vertical-sm-mobile:var(--global-size-150);
  --semantic-space-around-vertical-sm-desktop:var(--global-size-200);
  --semantic-space-around-vertical-xs-mobile:var(--global-size-100);
  --semantic-space-around-vertical-xs-desktop:var(--global-size-125);
  --semantic-space-around-vertical-xxs-mobile:var(--global-size-50);
  --semantic-space-around-vertical-xxs-desktop:var(--global-size-100);
  --semantic-size-nav-height-mobile:var(--global-size-700);
  --semantic-size-nav-height-desktop:var(--global-size-1100);
  --semantic-size-input-width-sm-mobile:var(--global-size-400);
  --semantic-size-input-width-sm-desktop:var(--global-size-500);
  --semantic-size-input-width-lg-mobile:var(--global-size-600);
  --semantic-size-input-width-lg-desktop:var(--global-size-900);
  --semantic-size-input-height-xxl:var(--global-size-1000);
  --semantic-size-input-height-xl-mobile:var(--global-size-600);
  --semantic-size-input-height-xl-desktop:var(--global-size-900);
  --semantic-size-input-height-lg-mobile:var(--global-size-800);
  --semantic-size-input-height-lg-desktop:var(--global-size-900);
  --semantic-size-input-height-md-mobile:var(--global-size-600);
  --semantic-size-input-height-md-desktop:var(--global-size-700);
  --semantic-size-input-height-sm-mobile:var(--global-size-500);
  --semantic-size-input-height-sm-desktop:var(--global-size-500);
  --semantic-size-input-height-xs-mobile:var(--global-size-400);
  --semantic-size-input-height-xs-desktop:var(--global-size-500);
}

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

body {
  margin: 0;

  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-flow: column;
}

#iconography-block,
#navbar-tokens-block,
#age-gate-tokens-block {
  display: none;
}

:root {
  --global-font-weight-bold: 500;
}

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

/**
 *  filename: assets/css/shared/components/_blz-age-gate.scss
 *  description: --
 **/
blz-age-gate::part(content) {
  background-position: var(--age-gate-background-position, center);
  background-repeat: var(--age-gate-background-repeat, no-repeat);
  background-size: var(--age-gate-background-size, cover);
  background-image: var(--age-gate-background-mobile);
}
@media (min-width: 960px) {
  blz-age-gate::part(content) {
    background-image: var(--age-gate-background-tablet);
  }
}
@media (min-width: 1400px) {
  blz-age-gate::part(content) {
    background-image: var(--age-gate-background-desktop);
  }
}

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

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

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

/**
 *  filename: assets/css/shared/components/_blz-carousel.scss
 *  description: --
 **/
blz-carousel::part(left-arrow) {
  background: none;
  background-image: var(--icon-arrow-left);
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  position: relative;
  background-position: center;
}
blz-carousel::part(left-arrow):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background-image: var(--icon-arrow-left);
}
blz-carousel::part(left-arrow):after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background-image: var(--icon-arrow-left-hover);
  opacity: 0;
}
blz-carousel::part(left-arrow):hover:after, blz-carousel::part(left-arrow):focus:after {
  opacity: 1;
}
blz-carousel::part(right-arrow) {
  background: none;
  background-image: var(--icon-arrow-right);
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  position: relative;
  background-position: center;
}
blz-carousel::part(right-arrow):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background-image: var(--icon-arrow-right);
}
blz-carousel::part(right-arrow):after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background-image: var(--icon-arrow-right-hover);
  opacity: 0;
}
blz-carousel::part(right-arrow):hover:after, blz-carousel::part(right-arrow):focus:after {
  opacity: 1;
}
blz-carousel::part(left-arrow-icon), blz-carousel::part(right-arrow-icon) {
  display: none;
}
blz-carousel::part(main-content) {
  grid-template-columns: [left-arrow-start] auto [left-arrow-end content-start] minmax(0, 1050px) [content-end right-arrow-start] auto [right-arrow-end];
}
blz-carousel::part(bottom-controls) {
  overflow: visible;
}

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

/**
 *  filename: assets/css/shared/components/_blz-cross-sell.scss
 *  description: --
 **/
blz-cross-sell blz-game-card {
  --global-size-50: 0px;
}
blz-cross-sell [slot=cta] {
  display: flex;
  justify-content: center;
}

/**
 *  filename: assets/css/shared/components/_blz-lightbox.scss
 *  description: --
 **/
blz-lightbox::part(left-arrow) {
  background: none;
  background-image: var(--icon-arrow-left);
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  position: relative;
  background-position: center;
}
blz-lightbox::part(left-arrow):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background-image: var(--icon-arrow-left);
}
blz-lightbox::part(left-arrow):after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background-image: var(--icon-arrow-left-hover);
  opacity: 0;
}
blz-lightbox::part(left-arrow):hover:after, blz-lightbox::part(left-arrow):focus:after {
  opacity: 1;
}
blz-lightbox::part(right-arrow) {
  background: none;
  background-image: var(--icon-arrow-right);
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  position: relative;
  background-position: center;
}
blz-lightbox::part(right-arrow):before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background-image: var(--icon-arrow-right);
}
blz-lightbox::part(right-arrow):after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 350ms;
  background-position: center;
  filter: drop-shadow(0px 0px 5px rgb(0, 0, 0));
  background-image: var(--icon-arrow-right-hover);
  opacity: 0;
}
blz-lightbox::part(right-arrow):hover:after, blz-lightbox::part(right-arrow):focus:after {
  opacity: 1;
}
blz-lightbox::part(left-arrow-icon), blz-lightbox::part(right-arrow-icon) {
  display: none;
}
blz-lightbox::part(close) {
  position: relative;
  background-color: transparent;
  background-image: var(--icon-close);
  background-size: contain;
  transition: opacity 350ms;
}
blz-lightbox::part(close):after {
  transition: opacity 350ms;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: var(--icon-close-hover);
  background-size: contain;
  opacity: 0;
}
blz-lightbox::part(close):hover:after, blz-lightbox::part(close):focus:after {
  opacity: 1;
}
blz-lightbox::part(close-icon) {
  display: none;
}
blz-lightbox blz-image, blz-lightbox blz-video {
  max-width: 1000px;
  position: relative;
  margin: 20px;
}

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

/**
 *  filename: assets/css/shared/components/_blz-platform-select.scss
 *  description: --
 **/
blz-platform-select::part(close) {
  position: relative;
  background-color: transparent;
  background-image: var(--icon-close);
  background-size: contain;
  transition: opacity 350ms;
}
blz-platform-select::part(close):after {
  transition: opacity 350ms;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: var(--icon-close-hover);
  background-size: contain;
  opacity: 0;
}
blz-platform-select::part(close):hover:after, blz-platform-select::part(close):focus:after {
  opacity: 1;
}
blz-platform-select::part(close-icon) {
  display: none;
}
blz-platform-select::part(platform-button) {
  background-color: var(--navbar-button-color-primary);
  transition: background-color 350ms;
}
blz-platform-select::part(platform-button):hover {
  background-color: var(--navbar-button-color-primary-hover);
}

/**
 *  filename: assets/css/shared/components/_blz-tab-controls.scss
 *  description: --
 **/
blz-tab-controls {
  /** md breakpoint (width > 960px) **/
  /** **/
}
blz-tab-controls::part(tab-content) {
  justify-content: space-evenly;
  align-items: center;
  min-width: 250px;
}
blz-tab-controls[variant=icons]::part(tab-content) {
  --gap: var(--semantic-grid-gap-xs-mobile);
}
@media (min-width: 960px) {
  blz-tab-controls::part(tab-content) {
    justify-content: flex-start;
  }
  blz-tab-controls[variant=icons]::part(tab-content) {
    width: 800px;
    --gap: var(--semantic-grid-gap-sm-desktop);
  }
}

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

/**
 *  filename: assets/css/shared/mixins/_icon-colors.scss
 *  description: --
 **/
/**
 *  filename: assets/css/shared/mixins/_multi-bg-feature-carousel.scss
 *  description: Mixin for blz-feature-carousel sections to support backgrounds of different widths + transitions
 **/
/**
 *  filename: assets/css/shared/components/_blz-tab-control.scss
 *  description: --
 **/
blz-tab-control[active] blz-image:after {
  filter: brightness(1.3);
}

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

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

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

/** ~ Breakpoint overrides go below this line ~ **/
/**
 *  filename: assets/css/shared/sections/_carousel-media-gallery.scss
 *  description: --
 **/
.section.carousel-media-gallery > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: var(--background-size, cover);
  background-repeat: var(--background-repeat, no-repeat);
  background-position: var(--background-position, center);
  background-image: var(--background-min);
}
@media (min-width: 480px) {
  .section.carousel-media-gallery > [slot=background] {
    background-image: var(--background-xs);
  }
}
@media (min-width: 720px) {
  .section.carousel-media-gallery > [slot=background] {
    background-image: var(--background-sm);
  }
}
@media (min-width: 960px) {
  .section.carousel-media-gallery > [slot=background] {
    background-image: var(--background-md);
  }
}
@media (min-width: 1200px) {
  .section.carousel-media-gallery > [slot=background] {
    background-image: var(--background-lg);
  }
}
@media (min-width: 1400px) {
  .section.carousel-media-gallery > [slot=background] {
    background-image: var(--background-xl);
  }
}
@media (min-width: 1600px) {
  .section.carousel-media-gallery > [slot=background] {
    background-image: var(--background-xxl);
  }
}
@media (min-width: 2600px) {
  .section.carousel-media-gallery > [slot=background] {
    background-image: var(--background-max);
  }
}

.section.carousel blz-tab-controls::part(tab-content) {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/**
 *  filename: assets/css/shared/sections/_cross-sell.scss
 *  description: Styles for the cross-sell section, shared between all sites
 **/
.section.cross-sell blz-button-group {
  padding: 0 var(--section-padding-horizontal);
  justify-content: center;
}

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

@media (min-width: 960px) {
  .section.outro blz-header {
    margin-top: 100px;
  }
}
/**
 *  filename: assets/css/shared/sections/_social-footer.scss
 *  description: --
 **/
.section.social-footer > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: var(--background-size, cover);
  background-repeat: var(--background-repeat, no-repeat);
  background-position: var(--background-position, center);
  background-image: var(--background-min);
  z-index: -1;
}
@media (min-width: 480px) {
  .section.social-footer > [slot=background] {
    background-image: var(--background-xs);
  }
}
@media (min-width: 720px) {
  .section.social-footer > [slot=background] {
    background-image: var(--background-sm);
  }
}
@media (min-width: 960px) {
  .section.social-footer > [slot=background] {
    background-image: var(--background-md);
  }
}
@media (min-width: 1200px) {
  .section.social-footer > [slot=background] {
    background-image: var(--background-lg);
  }
}
@media (min-width: 1400px) {
  .section.social-footer > [slot=background] {
    background-image: var(--background-xl);
  }
}
@media (min-width: 1600px) {
  .section.social-footer > [slot=background] {
    background-image: var(--background-xxl);
  }
}
@media (min-width: 2600px) {
  .section.social-footer > [slot=background] {
    background-image: var(--background-max);
  }
}
.section.social-footer blz-social-section::part(header) {
  text-transform: uppercase;
}

/**
 *  filename: assets/css/shared/sections/_error.scss
 *  description: --
 **/
.section.error > [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: var(--background-size, cover);
  background-repeat: var(--background-repeat, no-repeat);
  background-position: var(--background-position, center);
  background-image: var(--background-min);
}
@media (min-width: 480px) {
  .section.error > [slot=background] {
    background-image: var(--background-xs);
  }
}
@media (min-width: 720px) {
  .section.error > [slot=background] {
    background-image: var(--background-sm);
  }
}
@media (min-width: 960px) {
  .section.error > [slot=background] {
    background-image: var(--background-md);
  }
}
@media (min-width: 1200px) {
  .section.error > [slot=background] {
    background-image: var(--background-lg);
  }
}
@media (min-width: 1400px) {
  .section.error > [slot=background] {
    background-image: var(--background-xl);
  }
}
@media (min-width: 1600px) {
  .section.error > [slot=background] {
    background-image: var(--background-xxl);
  }
}
@media (min-width: 2600px) {
  .section.error > [slot=background] {
    background-image: var(--background-max);
  }
}
.section.error blz-video,
.section.error blz-image {
  position: relative;
}
.section.error blz-page-header::part(section) {
  display: flex;
  flex-flow: column;
  gap: 30px;
}
.section.error blz-button-group {
  justify-content: center;
  z-index: 10;
}

@media (min-width: 960px) {
  .section.error blz-video,
  .section.error blz-image {
    max-width: 800px;
  }
}
/**
 *  filename: assets/css/shared/sections/_feature-carousel.scss
 *  description: --
 **/
.section.feature-carousel {
  /** md breakpoint (width > 960px) **/
}
.section.feature-carousel [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block !important;
  background-image: var(--mobile-background);
  transition: opacity 700ms;
  opacity: 0;
}
@media (min-width: 960px) {
  .section.feature-carousel [slot=background] {
    background-image: var(--tablet-background, var(--mobile-background));
  }
}
@media (min-width: 1400px) {
  .section.feature-carousel [slot=background] {
    background-image: var(--desktop-background, var(--tablet-background));
  }
}
.section.feature-carousel [slot=background].background-active {
  opacity: 1;
}
.section.feature-carousel [slot=heading] {
  text-shadow: 0px 0px 10px black, 0px 0px 20px black;
  color: #fff;
}
.section.feature-carousel [slot=description] {
  text-shadow: 0px 0px 10px black, 0px 0px 15px black, 0px 0px 20px black;
}
.section.feature-carousel blz-carousel[slot=mobile-carousel]::part(main-content) {
  min-height: 450px;
  display: flex;
  align-items: flex-end;
}
.section.feature-carousel blz-feature {
  padding-top: 20px;
}
.section.feature-carousel blz-tab-controls {
  overflow: visible;
}
.section.feature-carousel blz-tab-control {
  --icon-size: var(--size-600);
  filter: drop-shadow(0px 3px 8px black) drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.4));
}
@media (min-width: 960px) {
  .section.feature-carousel blz-feature-carousel-section::part(section) {
    min-height: 900px;
    display: flex;
    justify-content: center;
  }
  .section.feature-carousel blz-feature-carousel-section > blz-header,
  .section.feature-carousel blz-tab-controls,
  .section.feature-carousel blz-feature {
    padding-left: 20px;
  }
  .section.feature-carousel blz-feature {
    padding-bottom: 20px;
    padding-top: 0px;
    max-width: 620px;
  }
  .section.feature-carousel blz-tab-control {
    --icon-size: var(--size-900);
  }
}

/**
 *  filename: assets/css/sc2/divider.scss
 *  description: Styles for the divider between sections
 **/
.main-content > .section:nth-child(odd)::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  max-width: 2600px;
  height: 35px;
  z-index: 98;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -6px;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltfb3dbeed8b3dcf37/6614a579be0c897dd80db8e5/section_divider_mobile_1.webp?auto=webp);
}
@media (min-width: 720px) {
  .main-content > .section:nth-child(odd)::after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt58a347b3c468dc62/6614a5791b4724c4502d764e/section_divider_desktop_1.webp?auto=webp);
  }
}

.main-content > .section:nth-child(even)::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  max-width: 2600px;
  height: 35px;
  z-index: 98;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -8px;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt50bc9a63480f4ed0/6614a5798886c12f1caffada/section_divider_mobile_2.webp?auto=webp);
}
@media (min-width: 720px) {
  .main-content > .section:nth-child(even)::after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltc4f8f0164464b51a/6614a5792829dd1383e9d163/section_divider_desktop_2.webp?auto=webp);
  }
}

/**
 *  filename: assets/css/sc2/fonts.scss
 *  description: Fonts for Starcraft II
 **/
/**
 *  filename: assets/css/shared/fonts/starcraft.scss
 *  description: Fonts shared across the Starcraft franchise
 **/
@font-face {
  font-family: "Source Sans Pro";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt2967d5f1124261a5/657f758060654693a4e095ee/SourceSansPro-Regular.woff?auto=webp);
}
@font-face {
  font-family: "Eurostile Extd";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt0dde74dcfbaf5e21/6582332737a55371c93f4c1b/EurostileExt-Bold.ttf?auto=webp);
}
@font-face {
  font-family: "Mochi Pop One";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt40c126b04a0fc042/65825e45619a8e1cc55d6806/MochiyPopPOne-Regular.ttf?auto=webp);
}
@font-face {
  font-family: "Black Han Sans";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt724f85d6535bbb7c/65833fa02357a8727ba05bc0/BlackHanSans-Regular.ttf?auto=webp);
}
@font-face {
  font-family: "Unbounded";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt4608b9e92d918c69/65dd16aaeab9dd6c21be70e7/Unbounded-Bold.ttf?auto=webp);
}
:root {
  --font-default: "Source Sans Pro";
  --font-default-scale: 1;
  --font-accent: "Eurostile Extd";
  --font-accent-scale: 0.75;
}

[slot=heading], [slot=subheading] {
  font-family: "Eurostile Extd", sans-serif;
  text-transform: uppercase;
}

[slot=description],
[slot^=content] {
  font-family: "Source Sans Pro", sans-serif;
}

:root[lang=zh-tw] {
  --font-accent: "Mochi Pop One";
  --font-accent-scale: 0.9;
}
:root[lang=zh-tw] [slot=heading], :root[lang=zh-tw] [slot=subheading] {
  font-family: "Mochi Pop One", sans-serif;
}

:root[lang=ko-kr] {
  --font-accent: "Black Han Sans";
  --font-accent-scale: 1;
}
:root[lang=ko-kr] [slot=heading], :root[lang=ko-kr] [slot=subheading] {
  font-family: "Black Han Sans", sans-serif;
}

:root[lang=pl-pl] {
  --font-accent: "Unbounded";
  --font-accent-scale: 1;
}
:root[lang=pl-pl] [slot=heading], :root[lang=pl-pl] [slot=subheading] {
  font-family: "Unbounded", sans-serif;
}

[slot=subheading],
[slot=description],
[slot^=content] {
  color: rgb(204, 230, 255);
}

/**
 *  filename: assets/css/sc2/media.scss
 *  description: --
 **/
[slot=media],
blz-card [slot=image],
blz-carousel-section [slot^=slide],
blz-lightbox [slot^=slide],
blz-game-card::part(image),
.error blz-image {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.75);
}
[slot=media]:after,
blz-card [slot=image]:after,
blz-carousel-section [slot^=slide]:after,
blz-lightbox [slot^=slide]:after,
blz-game-card::part(image):after,
.error blz-image:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-shadow: 0px 0px 10px 10px rgba(0, 102, 204, 0.14) inset, 0px 0px 50px 45px rgba(0, 102, 204, 0.14) inset, 0px 0px 0px 2px rgba(153, 204, 255, 0.2) inset;
  background-image: linear-gradient(0deg, rgba(0, 50, 100, 0.4) 0%, transparent 80%);
  z-index: 1;
  pointer-events: none;
  transition: box-shadow 350ms;
}

[slot=media]:hover:after,
blz-media-gallery blz-image:hover:after {
  box-shadow: 0px 0px 10px 10px rgba(0, 102, 204, 0.3) inset, 0px 0px 50px 45px rgba(0, 102, 204, 0.3) inset, 0px 0px 0px 2px rgb(153, 204, 255) inset;
}

/**
 *  filename: assets/css/sc2/components/_blz-button.scss
 *  description: --
 **/
blz-button[type=primary] {
  border-radius: 4px;
  transition: filter 350ms;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: calc(100% - 12px) 50px;
  background-position: center;
  color: rgb(255, 221, 153);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(51, 31, 10, 0.8)), linear-gradient(0deg, rgba(153, 76, 0, 0), rgba(153, 76, 0, 0.3)), linear-gradient(0deg, rgba(153, 76, 0, 0.4), rgba(153, 76, 0, 0.4));
}
blz-button[type=primary]::part(host-anchor) {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
blz-button[type=primary]:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: left, right, center;
  background-size: 43px 100%, 43px 100%, calc(100% - 84px) 100%;
}
blz-button[type=primary]:hover, blz-button[type=primary]:focus {
  filter: brightness(1.5);
}
blz-button[type=primary]:after {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt9b2eead327c51b8f/661f3e34fd46e01e0545b618/sc2_orange_button_left.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blta60095025161b984/661f3e341b77b908aca013cf/sc2_orange_button_right.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltd12f262cb0700500/661f3e34add4ca6e5db780fc/sc2_orange_button_center.webp?auto=webp);
}

blz-button[type=default], blz-media-gallery::part(cta) {
  border-radius: 4px;
  transition: filter 350ms;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: calc(100% - 12px) 50px;
  background-position: center;
  color: rgb(153, 204, 255);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(10, 31, 51, 0.8) 100%), linear-gradient(0deg, rgba(0, 77, 153, 0.4), rgba(0, 77, 153, 0.4)), linear-gradient(180deg, rgba(0, 128, 255, 0) 0%, rgba(0, 128, 255, 0.3) 100%);
}
blz-button[type=default]::part(host-anchor), blz-media-gallery::part(cta)::part(host-anchor) {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
}
blz-button[type=default]:after, blz-media-gallery::part(cta):after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: left, right, center;
  background-size: 43px 100%, 43px 100%, calc(100% - 84px) 100%;
}
blz-button[type=default]:hover, blz-button[type=default]:focus, blz-media-gallery::part(cta):hover, blz-media-gallery::part(cta):focus {
  filter: brightness(1.5);
}
blz-button[type=default]:after, blz-media-gallery::part(cta):after {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blta41cc44fc7f99c6f/661f3e341325713256561674/sc2_blue_button_left.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/blt159f7ebe87c394b8/661f3e34842cec2fced95114/sc2_blue_button_right.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt0e00eb71333df64e/bltbb1986a6f421c546/661f3e34ecd6e71a7ac06d79/sc2_blue_button_center.webp?auto=webp);
}

/**
 *  filename: assets/css/sc2/components/_blz-carousel.scss
 *  description: --
 **/
blz-carousel blz-tab-control, blz-carousel::part(tab-control) {
  text-transform: uppercase;
  --color-primary-500: #7aa3cd;
  --color-content-700: #ffffff;
  transition: color 350ms, filter 350ms;
  filter: drop-shadow(0px 0px 2px #7aa3cd);
}
blz-carousel blz-tab-control:not([active]), blz-carousel::part(inactive-tab-control) {
  filter: none;
}
blz-carousel::part(tab-control-icon) {
  transition: background-color 350ms;
}

/**
 *  filename: assets/css/sc2/sections/_carousel-media-gallery.scss
 *  description: Styles for the carousel-media-gallery, carousel, and media-gallery sections
 **/
.section.carousel-media-gallery blz-card [slot=heading] {
  font-family: "Source Sans Pro", sans-serif;
  color: #cce6ff;
  text-transform: none;
}
.section.carousel-media-gallery blz-card [slot=image] {
  overflow: visible;
}

/** ~ Breakpoint overrides go below this line ~ **/
@media (min-width: 960px) {
  .section.carousel-media-gallery blz-media-gallery {
    --cards-per-row: 3;
  }
}
/**
 *  filename: assets/css/sc2/sections/_cross-sell.scss
 *  description: Styles for the cross-sell section
 **/
.section.cross-sell blz-game-card {
  position: relative;
}
.section.cross-sell blz-game-card::part(heading), .section.cross-sell blz-game-card::part(subheading) {
  font-family: "Eurostile Extd", sans-serif;
  text-transform: uppercase;
  text-transform: uppercase;
}
.section.cross-sell blz-game-card::part(heading) {
  color: #ffffff;
}
.section.cross-sell blz-game-card::part(subheading) {
  color: #7aa3cd;
  font-size: 10px;
}

/** ~ Breakpoint overrides go below this line ~ **/
@media (min-width: 960px) {
  .section.cross-sell blz-game-card::part(subheading) {
    font-size: 14px;
  }
}
/**
 *  filename: assets/css/sc2/sections/_error.scss
 *  description: Styles for the error section
 **/
/** ~ Breakpoint overrides go below this line ~ **/
/**
 *  filename: assets/css/sc2/sections/_feature_carousel.scss
 *  description: Styles for the feature-carousel section
 **/
.section.feature-carousel [slot=background] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-size: var(--background-size, cover);
  background-repeat: var(--background-repeat, no-repeat);
  background-position: var(--background-position, center);
  background-image: var(--background-min);
}
@media (min-width: 480px) {
  .section.feature-carousel [slot=background] {
    background-image: var(--background-xs);
  }
}
@media (min-width: 720px) {
  .section.feature-carousel [slot=background] {
    background-image: var(--background-sm);
  }
}
@media (min-width: 960px) {
  .section.feature-carousel [slot=background] {
    background-image: var(--background-md);
  }
}
@media (min-width: 1200px) {
  .section.feature-carousel [slot=background] {
    background-image: var(--background-lg);
  }
}
@media (min-width: 1400px) {
  .section.feature-carousel [slot=background] {
    background-image: var(--background-xl);
  }
}
@media (min-width: 1600px) {
  .section.feature-carousel [slot=background] {
    background-image: var(--background-xxl);
  }
}
@media (min-width: 2600px) {
  .section.feature-carousel [slot=background] {
    background-image: var(--background-max);
  }
}
.section.feature-carousel blz-carousel::part(bottom-controls) {
  display: none;
}

/** ~ Breakpoint overrides go below this line ~ **/
/**
 *  filename: assets/css/sc2/sections/_game_features.scss
 *  description: Styles for the game-features section
 **/
/** ~ Breakpoint overrides go below this line ~ **/
/**
 *  filename: assets/css/sc2/sections/_masthead-overview.scss
 *  description: Styles for the masthead-overview, masthead, and overview sections
 **/
/** ~ Breakpoint overrides go below this line ~ **/
/**
 *  filename: assets/css/sc2/sections/_optional-feature.scss
 *  description: Styles for the optional feature section
 **/
/** ~ Breakpoint overrides go below this line ~ **/
/**
 *  filename: assets/css/sc2/sections/_outro.scss
 *  description: Styles for the outro section
 **/
.section.outro blz-header {
  margin-top: 100px;
}

/** ~ Breakpoint overrides go below this line ~ **/
/**
 *  filename: assets/css/sc2/sections/_social-footer.scss
 *  description: Styles for the social-footer, social, and footer sections
 **/
/** ~ Breakpoint overrides go below this line ~ **/
.section.masthead blz-icon-group blz-icon, .section.social blz-icon-group blz-icon {
  transition: color 350ms, filter 350ms;
  color: rgb(153, 204, 255);
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.8));
}
.section.masthead blz-icon-group blz-icon:hover, .section.social blz-icon-group blz-icon:hover {
  color: rgba(255, 255, 255, 0.9);
  filter: drop-shadow(0px 0px 5px rgba(229, 168, 47, 0.3)) drop-shadow(0px 0px 2px rgb(229, 168, 47)) brightness(1.5);
}