@charset "UTF-8";
/**
 *  filename: assets/css/home.scss
 *  description: BWA workaround since scss files cannot be nested
 **/
/**
 *  filename: assets/css/pages/home/index.scss
 *  description: --
 **/
/**
 *  filename: assets/css/global.scss
 *  description: --
 **/
@import url("https://assets.blz-contentstack.com/v3/assets/blte73fa86c52047717/blt3de15bbfd6c3f3c5/5f9ae8766f61200bd103dbfe/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-text-link-default);
  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:active, .blz-link:visited {
  color: var(--semantic-color-text-link-default);
  font-weight: var(--global-font-weight-bold);
  text-decoration: none;
  text-underline-position: under;
}

.blz-link.hover, .blz-link:hover {
  color: var(--semantic-color-text-link-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-link-alternate {
  color: var(--global-color-primary-600);
  font-weight: var(--global-font-weight-bold);
  text-decoration: none;
  text-underline-position: under;
}

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

.blz-link-alternate:active, .blz-link-alternate:visited {
  color: var(--global-color-primary-600);
  font-weight: var(--global-font-weight-bold);
  text-decoration: none;
  text-underline-position: under;
}

.blz-link-alternate.hover, .blz-link-alternate:hover {
  color: var(--global-color-primary-500);
  text-decoration: underline;
}

.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;
  overflow-wrap: break-word;
  padding: var(--global-size-150) var(--global-size-100);
  vertical-align: top;
}

[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: auto;
}

.blz-scrollbar:hover {
  scrollbar-color: var(--global-color-content-400) rgba(0, 0, 0, 0);
}

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

.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, .blz-scrollbar--with-container:hover {
  scrollbar-color: inherit;
  scrollbar-width: inherit;
}

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

.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-300);
}

.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-300);
  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-label);
  display: block;
  font: var(--semantic-subheading-text-md);
  letter-spacing: var(--semantic-subheading-letter-spacing);
  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-md);
  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);
  cursor: not-allowed;
}

.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.small {
  height: var(--global-size-250);
  width: var(--global-size-250);
}

.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: var(--global-size-250);
  opacity: 0;
  position: absolute;
  width: var(--global-size-250);
}

.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-input-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(--input-selection-checkmark-color-icon-active);
  border: 1px solid var(--input-selection-checkmark-color-icon-active);
  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: 1px 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;
  outline: 5px auto var(--semantic-color-border-input-focus);
}

.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: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-border-input-disabled);
  border: 1px solid rgba(0, 0, 0, 0);
}

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

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

.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(--input-selection-checkmark-color-icon-hover);
  border: 1px solid var(--input-selection-checkmark-color-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: 1px 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);
}

.blz-radio-button.preview.hover input:not(:checked) ~ .blz-radio-button__checkmark:after, .blz-radio-button.preview:hover input:not(:checked) ~ .blz-radio-button__checkmark:after {
  background: var(--semantic-color-border-action-primary-default);
  border: 1px solid rgba(0, 0, 0, 0);
  display: block;
}

.blz-radio-button.preview.hover input:disabled ~ .blz-radio-button__checkmark:after, .blz-radio-button.preview:hover input:disabled ~ .blz-radio-button__checkmark:after {
  display: none;
}

: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-space-optional-slot-bottom:var(
    --content-block-space-optional-slot-bottom-mobile
  );
  --content-block-space-optional-slot-top:var(
    --content-block-space-optional-slot-top-mobile
  );
  --base-card-space-media-top-left:var(--base-card-space-media-top-left-top) var(--base-card-space-media-top-left-right) var(--base-card-space-media-top-left-bottom) var(--base-card-space-media-top-left-left);
  --base-card-space-media-top-right:var(--base-card-space-media-top-right-top) var(--base-card-space-media-top-right-right) var(--base-card-space-media-top-right-bottom) var(--base-card-space-media-top-right-left);
  --base-card-space-media-bottom-left:var(
    --base-card-space-media-bottom-left-top
  ) var(--base-card-space-media-bottom-left-right) var(--base-card-space-media-bottom-left-bottom) var(--base-card-space-media-bottom-left-left);
  --base-card-space-media-bottom-right:var(
    --base-card-space-media-bottom-right-top
  ) var(--base-card-space-media-bottom-right-right) var(--base-card-space-media-bottom-right-bottom) var(--base-card-space-media-bottom-right-left);
  --input-text-field-space-padding-sm:var(
    --input-text-field-space-padding-sm-top
  ) var(--input-text-field-space-padding-sm-right) var(--input-text-field-space-padding-sm-bottom) var(--input-text-field-space-padding-sm-left);
  --input-text-field-space-padding-md:var(
    --input-text-field-space-padding-md-top
  ) var(--input-text-field-space-padding-md-right) var(--input-text-field-space-padding-md-bottom) var(--input-text-field-space-padding-md-left);
  --input-select-space-padding-sm:var(--input-select-space-padding-sm-top) var(--input-select-space-padding-sm-right) var(--input-select-space-padding-sm-bottom) var(--input-select-space-padding-sm-left);
  --input-select-space-padding-md:var(--input-select-space-padding-md-top) var(--input-select-space-padding-md-right) var(--input-select-space-padding-md-bottom) var(--input-select-space-padding-md-left);
  --section-padding:var(--semantic-section-space-vertical-md-mobile) var(--semantic-section-space-horizontal-mobile);
  --banner-space-padding:var(--banner-space-padding-vertical-mobile) var(--banner-space-padding-horizontal-mobile);
  --banner-fixed-height-space-bottom-aligned-padding:var(
    --banner-fixed-height-space-bottom-aligned-padding-vertical-mobile
  ) var(--banner-fixed-height-space-bottom-aligned-padding-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);
  --semantic-size-icon-height-xs:var(--semantic-size-icon-height-xs-mobile);
  --semantic-size-icon-height-sm:var(--semantic-size-icon-height-sm-mobile);
  --semantic-size-icon-height-md:var(--semantic-size-icon-height-md-mobile);
  --semantic-size-icon-height-lg:var(--semantic-size-icon-height-lg-mobile);
  --semantic-size-icon-height-xl:var(--semantic-size-icon-height-xl-mobile);
}

@media (min-width: 720px) {
  :root {
    --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-space-optional-slot-bottom:var(
      --content-block-space-optional-slot-bottom-desktop
    );
    --content-block-space-optional-slot-top:var(
      --content-block-space-optional-slot-top-desktop
    );
    --section-padding:var(--semantic-section-space-vertical-md-desktop) var(--semantic-section-space-horizontal-desktop);
    --banner-space-padding:var(--banner-space-padding-vertical-desktop) var(--banner-space-padding-horizontal-desktop);
    --banner-fixed-height-space-bottom-aligned-padding:var(
      --banner-fixed-height-space-bottom-aligned-padding-vertical-desktop
    ) var(--banner-fixed-height-space-bottom-aligned-padding-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);
    --semantic-size-icon-height-xs:var(--semantic-size-icon-height-xs-desktop);
    --semantic-size-icon-height-sm:var(--semantic-size-icon-height-sm-desktop);
    --semantic-size-icon-height-md:var(--semantic-size-icon-height-md-desktop);
    --semantic-size-icon-height-lg:var(--semantic-size-icon-height-lg-desktop);
    --semantic-size-icon-height-xl:var(--semantic-size-icon-height-xl-desktop);
  }
}
@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);
  }
}
: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);
  --alert-color-content-background-error:var(--semantic-color-content-error);
  --alert-color-content-background-success:var(--semantic-color-content-success);
  --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-tall-border-radius-md:var(--semantic-border-radius-md);
  --icon-button-border-size-md:var(--semantic-border-size-sm);
  --icon-button-border-size-sm:var(--semantic-border-size-sm);
  --icon-button-border-radius-xs:var(--semantic-border-radius-rounded);
  --icon-button-border-radius-sm:var(--semantic-border-radius-rounded);
  --icon-button-border-radius-md:var(--semantic-border-radius-rounded);
  --icon-button-color-tertiary-background-hover:var(--semantic-color-background-action-tertiary-hover);
  --icon-button-color-tertiary-background-default:var(--semantic-color-background-action-tertiary-default);
  --icon-button-color-hover:var(--semantic-color-content-default);
  --icon-button-color-ghost-background-active:var(--global-color-content-100);
  --icon-button-color-ghost-background-hover:var(--global-color-content-200);
  --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-1200:100px;
  --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-space-optional-slot-bottom-mobile:var(--semantic-space-between-md);
  --content-block-space-optional-slot-bottom-desktop:var(--semantic-space-between-md);
  --content-block-space-optional-slot-top-mobile:var(--semantic-space-between-md);
  --content-block-space-optional-slot-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);
  --banner-color-text-heading:var(--semantic-color-text-heading);
  --banner-optional-top-heading-gap:0px;
  --banner-optional-bottom-description-gap:var(--semantic-content-space-md);
  --banner-fixed-height-space-bottom-aligned-padding-horizontal-mobile:var(--semantic-space-around-horizontal-xxxl-mobile);
  --banner-fixed-height-space-bottom-aligned-padding-horizontal-desktop:var(--semantic-space-around-horizontal-xxxl-desktop);
  --banner-fixed-height-space-bottom-aligned-padding-vertical-mobile:var(--semantic-space-around-vertical-xxl-mobile);
  --banner-fixed-height-space-bottom-aligned-padding-vertical-desktop:var(--semantic-space-around-vertical-xxl-desktop);
  --banner-fixed-height-mobile:400px;
  --banner-fixed-height-tablet:400px;
  --banner-fixed-height-desktop:500px;
  --banner-space-padding-horizontal-mobile:var(--semantic-space-around-horizontal-xxxl-mobile);
  --banner-space-padding-horizontal-desktop:var(--semantic-space-around-horizontal-xxxl-desktop);
  --banner-space-padding-vertical-mobile:var(--semantic-space-around-vertical-sm-mobile);
  --banner-space-padding-vertical-desktop:var(--semantic-space-around-vertical-sm-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-max-width-text-mobile:250px;
  --announcement-banner-max-width-text-desktop:450px;
  --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-heading-text-xxl-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-border-action-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-border-size-md:var(--global-size-25);
  --semantic-border-size-sm:1px;
  --semantic-border-radius-rounded:var(--global-size-1200);
  --semantic-border-radius-xl:var(--global-size-100);
  --semantic-border-radius-lg:var(--global-size-75);
  --semantic-border-radius-md:var(--global-size-50);
  --semantic-border-radius-sm:3px;
  --semantic-border-radius-xs:var(--global-size-25);
  --semantic-border-radius-none:0px;
  --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-feedback-info:var(--global-color-primary-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-pressed:var(--global-color-content-700);
  --semantic-color-content-secondary-inactive:var(--global-color-content-500);
  --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-feedback-error:var(--global-color-error-900);
  --semantic-color-background-feedback-warning:#ffdd991f;
  --semantic-color-background-feedback-success:#66ffbf1f;
  --semantic-color-background-feedback-info:#0592ff1f;
  --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-600);
  --semantic-color-background-action-primary-pressed:var(--global-color-primary-500);
  --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-link-hover:var(--global-color-content-1000);
  --semantic-color-text-link-default:var(--global-color-primary-400);
  --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-feedback-error:#f87cb03d;
  --semantic-color-border-feedback-warning:#ffdd993d;
  --semantic-color-border-feedback-success:#66ffbf3d;
  --semantic-color-border-feedback-info:#0592ff3d;
  --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-icon-height-xs-mobile:14px;
  --semantic-size-icon-height-xs-desktop:14px;
  --semantic-size-icon-height-sm-mobile:var(--global-size-200);
  --semantic-size-icon-height-sm-desktop:var(--global-size-200);
  --semantic-size-icon-height-md-mobile:var(--global-size-250);
  --semantic-size-icon-height-md-desktop:var(--global-size-300);
  --semantic-size-icon-height-lg-mobile:var(--global-size-300);
  --semantic-size-icon-height-lg-desktop:var(--global-size-400);
  --semantic-size-icon-height-xl-mobile:var(--global-size-500);
  --semantic-size-icon-height-xl-desktop:var(--global-size-500);
  --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-mobile:var(--global-size-900);
  --semantic-size-input-height-xxl-desktop: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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main-content > .section {
  box-shadow: inset 0px 0px 40px #000000;
}

.visible {
  opacity: 1 !important;
}

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

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

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

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

/**
 *  filename: assets/css/common/discounts.scss
 *  description: --
 **/
.discount, blz-comparison-table::part(product-price) {
  color: #2CFE41 !important;
}

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

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

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

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

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

/**
 *  filename: assets/css/base-ui-templates/blz-announcement-banner.scss
 *  description: D4 styling for Shared Tech's blz-announcement-banner web component
 **/
blz-announcement-banner {
  position: fixed;
  height: auto;
  z-index: 99;
}
blz-announcement-banner [slot=heading] {
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
  color: #FFFFFF;
  width: 300px;
  margin: 0 auto;
}
blz-announcement-banner::part(background-overlay) {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 24.58%, rgba(0, 0, 0, 0) 49.58%, rgba(0, 0, 0, 0) 76.15%, #000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%);
}
@media (min-width: 960px) {
  blz-announcement-banner {
    display: flex;
    padding: 25px;
    width: 100%;
    min-width: 100%;
  }
  blz-announcement-banner [slot=heading] {
    width: auto;
    margin: inherit;
  }
  blz-announcement-banner [slot=heading], blz-announcement-banner [slot=subheading] {
    text-align: center;
    margin-right: 50px;
  }
  blz-announcement-banner [slot=cta] {
    margin-left: 50px;
  }
}

/**
 *  filename: assets/css/base-ui-templates/blz-base-card.scss
 *  description: D4 styling for Shared Tech's blz-base-card web component
 **/
blz-base-card {
  position: relative;
  background: transparent;
  border-radius: 0;
  height: auto;
}
blz-base-card [slot=heading] {
  z-index: 1;
  position: relative;
  font-family: var(--font-accent-b);
  font-weight: 400;
  line-height: 0.9;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #D2C8AE;
  line-height: 90%;
  font-size: 22.5px;
}
@media (min-width: 720px) {
  blz-base-card [slot=heading] {
    font-size: 27px;
  }
}
blz-base-card [slot=subheading] {
  z-index: 1;
  position: relative;
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
}
blz-base-card [slot=description] {
  z-index: 1;
  position: relative;
  font-family: var(--font-default);
  font-weight: 500;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #878582;
}
blz-base-card [slot=image] {
  border-radius: 0;
}
blz-base-card blz-content-block {
  height: auto;
}
blz-base-card blz-content-block::part(heading-content) {
  flex-flow: column;
}

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

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

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

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

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

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

/**
 *  filename: assets/css/base-web-components/blz-carousel.scss
 *  description: D4 styling for Shared Tech's blz-carousel web component
 **/
blz-carousel blz-tab-controls {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
}
blz-carousel blz-tab-control {
  text-align: center;
}
blz-carousel::part(bottom-navigation) {
  --pagination-tab-color-active: transparent;
  --semantic-color-content-inactive: transparent;
  --pagination-tab-color-hover: transparent;
  --global-size-150: 20px;
}
blz-carousel::part(tab-control) {
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/bltd9b6fa0042c0b49e/651b2761903f1fe748f8aef6/Icon-Secondary.svg?auto=webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  padding: 2px;
  transition: filter 350ms;
}
blz-carousel::part(tab-control):hover {
  filter: brightness(1.6);
}
blz-carousel::part(active-tab-control) {
  filter: drop-shadow(rgba(179, 57, 52, 0.5) 0px 0px 1px) drop-shadow(rgb(111, 25, 6) 0px 0px 6px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 1px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 1px) brightness(1.6);
}
blz-carousel::part(left-arrow-area), blz-carousel::part(right-arrow-area) {
  align-self: flex-start;
}
blz-carousel [slot=left-arrow] {
  transform: rotateZ(90deg);
}
blz-carousel [slot=right-arrow] {
  transform: rotateZ(-90deg);
}
blz-carousel [slot=left-arrow], blz-carousel [slot=right-arrow] {
  padding: 30px;
  transition: filter 350ms;
  width: 100px;
}
blz-carousel [slot=left-arrow]:hover, blz-carousel [slot=right-arrow]:hover {
  filter: brightness(1.25) drop-shadow(rgba(179, 57, 52, 0.5) 0px 0px 1px) drop-shadow(rgb(111, 25, 6) 0px 0px 6px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 1px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 1px) brightness(1.6);
}
blz-carousel [slot=left-arrow]::before, blz-carousel [slot=right-arrow]::before {
  position: absolute;
  content: "";
  background: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt167034a4f43fd89c/64644235985da3643870cb8b/circle-frame.webp?auto=webp), radial-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 16%, rgba(0, 0, 0, 0) 20%);
  background-position: calc(50% - 5px) calc(50% - 1px);
  background-repeat: no-repeat;
  background-size: 52px 52px, 200px 200px;
  filter: brightness(1.5);
  transition: opacity 250ms;
  z-index: -1;
  width: 100%;
  height: 100%;
  bottom: 3px;
  left: 5px;
}

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

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

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

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

/**
 *  filename: assets/css/base-web-components/blz-masthead.scss
 *  description: --
 **/
blz-masthead [slot=description] {
  text-transform: uppercase;
  color: #B0AFAC;
  text-shadow: 0px 0px 22px black, 0px 0px 18px black, 0px 0px 5px black, 0px 0px 5px black;
}
blz-masthead blz-icon-group blz-icon {
  color: rgba(255, 255, 255, 0.9);
  transition: filter 350ms;
  cursor: pointer;
}
blz-masthead blz-icon-group blz-icon:hover {
  filter: drop-shadow(rgba(179, 57, 52, 0.5) 0px 0px 1px) drop-shadow(#6f1906 0px 0px 6px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 1px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 1px) brightness(1.6);
}
blz-masthead blz-header [slot=heading] {
  filter: drop-shadow(rgba(179, 57, 52, 0.5) 0px 0px 1px) drop-shadow(rgb(111, 25, 6) 0px 0px 6px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 1px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 1px) brightness(1.6);
}
blz-masthead [slot=logo] {
  filter: drop-shadow(0px 0px 10px #000000);
}
blz-masthead blz-countdown-timer {
  font-family: "Montserrat";
  --font-accent-600: "Montserrat";
  font-size: 18px;
  --font-accent-200: "Montserrat";
  --timer-label-color: rgba(255, 255, 255, 0.30);
  filter: drop-shadow(0px 1px 6px black);
}
blz-masthead blz-icon-group::part(group) {
  flex-wrap: wrap;
  justify-content: center;
}

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

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

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

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

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

/**
 *  filename: assets/css/base-web-components/blz-tab-control.scss
 *  description: D4 styling for Shared Tech's blz-tab-control web component
 **/
blz-tab-controls {
  overflow: visible;
  font-family: var(--font-accent);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.5);
  color: #AA9480;
}
blz-tab-controls::part(tab-content) {
  justify-content: center;
  grid-auto-columns: auto;
}

blz-tab-control {
  --color-primary-500: rgb(30 31 31);
  max-width: 100%;
}
blz-tab-control > * {
  transition: filter 350ms, text-shadow 350ms;
  text-transform: uppercase;
  text-align: center;
}
blz-tab-control:hover > * {
  filter: brightness(1.6);
}
blz-tab-control[active] > * {
  text-shadow: 0px 0px 10px rgba(224, 165, 115, 0.66), 0px 0px 10px #C85541, 0px 4px 15px #000000;
  filter: brightness(1.6);
}
blz-tab-control blz-image::after {
  background-image: var(--icon-hover);
  filter: drop-shadow(rgba(179, 57, 52, 0.5) 0px 0px 1px) drop-shadow(rgb(111, 25, 6) 0px 0px 6px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 1px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 1px) !important;
}

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

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

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

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

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

/**
 *  filename: assets/css/pages/home/sections/_accolades.scss
 *  description: --
 **/
.section.accolades blz-clout-bar::part(section) {
  padding-top: 0;
}
.section.accolades blz-clout-block {
  filter: brightness(1.6) drop-shadow(rgba(179, 57, 52, 0.5) 0px 0px 1px) drop-shadow(rgb(111, 25, 6) 0px 0px 6px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 1px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 1px);
}

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

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

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

/**
 *  filename: assets/css/pages/home/sections/_latest-updates.scss
 *  description: --
 **/
.section.latest-updates {
  padding: 40px 0;
}
.section.latest-updates:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-position: top, bottom;
  background-repeat: no-repeat;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt0765d088ab433b00/665f5f0e069227ccdf88f9dc/d4-deco-divider-top-003-mobile.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt8c4e79a2b2ed9abf/665f5f0ea3f8de0dd3a8fb25/d4-deco-divider-bottom-003-mobile.webp?auto=webp);
  z-index: 1;
  pointer-events: none;
  height: calc(100% + 80px);
  top: -40px;
}
@media (min-width: 960px) {
  .section.latest-updates:after {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/bltba4b01baaea73874/665f5f0e5fb62f3cb48a5bd4/d4-deco-divider-top-003.webp?auto=webp), url(https://blz-contentstack-images.akamaized.net/v3/assets/blt77f4425de611b362/blt4b2bfcc8890a3de2/665f5f0e566a79d286a0eeee/d4-deco-divider-bottom-003.webp?auto=webp);
  }
}

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

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

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