@import '../../node_modules/@blizzard/base-web-components/dist/src/styles/styles.css';
@import url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt72f16e066f85e164/bltaf224921d2965080/643eec50b003ea4dfe076be0/blizzard.css");
@import url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt72f16e066f85e164/blt7994d9b50ad5b363/643eed262d91476d41e46907/openSans.css");
@import url("https://blz-contentstack-assets.akamaized.net/v3/assets/blt72f16e066f85e164/bltaac52e6d027f4f04/652f2c1eb057fa33288f9191/semplicitaPro.css");
blz-showcase.error-page .background-image {
  bottom: 50px;
}
blz-showcase.error-page h2.blz-heading {
  font-weight: bold;
}
blz-showcase.error-page blz-button {
  background-color: #006FB2;
  border: 1px solid #00AEFF;
  border-radius: 0;
  transition: color 200ms, background-color 200ms, border-color 200ms;
  font-family: "Open Sans";
}
blz-showcase.error-page blz-button:hover, blz-showcase.error-page blz-button:focus, blz-showcase.error-page blz-button:focus-within {
  background-color: #007bc6;
  border: solid 1px #79d4ff;
  color: #fff;
}

: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);
  --pill-color-background-subtle-hover:var(--semantic-color-background-action-secondary-default);
  --pill-color-border-subtle-active:var(--semantic-color-border-action-pressed);
  --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;
  --global-asset-icon-bn-share-filled:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDI0IDI0IiBhcmlhLWxhYmVsbGVkYnk9ImJsei1pY29uLXRpdGxlLWJuLXNoYXJlLWZpbGxlZCI+PHBhdGggZD0iTTE3LjM2NSAyLjM1NGEuNS41IDAgMCAwLS43MDcgMGwtLjcwNy43MDdhLjUuNSAwIDAgMCAwIC43MDdMMTguMTgzIDZIMTVjLTEuNjEyIDAtMi44NzIuODExLTMuNzAyIDEuNzktLjgxLjk1Ny0xLjMwMSAyLjE3Ni0xLjMxIDMuMjAyLS4wMDUuNzU3LS4wMDIgMS43NjMuMDAyIDIuNTc2bC4wMSAxLjQ0MWExIDEgMCAwIDAgMi0uMDE5bC0uMDEtMS40MzNjLS4wMDQtLjgxMi0uMDA3LTEuODA2LS4wMDEtMi41NS4wMDMtLjQ3My4yNjgtMS4yNTQuODM1LTEuOTIzQzEzLjM3IDguNDQgMTQuMTEgOCAxNC45OTkgOGgzLjE4NGwtMi4yMzIgMi4yMzJhLjUuNSAwIDAgMCAwIC43MDdsLjcwNy43MDdhLjUuNSAwIDAgMCAuNzA3IDBsNC4yOTMtNC4yOTJhLjUuNSAwIDAgMCAwLS43MDhsLTQuMjkzLTQuMjkyWiIvPjxwYXRoIGQ9Ik05IDYuNWEuNS41IDAgMCAxLS41LjVIN2EyIDIgMCAwIDAtMiAydjhhMiAyIDAgMCAwIDIgMmg4YTIgMiAwIDAgMCAyLTJ2LTEuNWEuNS41IDAgMCAxIC41LS41aDFhLjUuNSAwIDAgMSAuNS41VjE3YTQgNCAwIDAgMS00IDRIN2E0IDQgMCAwIDEtNC00VjlhNCA0IDAgMCAxIDQtNGgxLjVhLjUuNSAwIDAgMSAuNS41djFaIi8+PC9zdmc+");
  --global-asset-icon-external:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY2NyA4LjVBLjY2Ny42NjcgMCAwIDAgNiA5LjE2N3Y5LjE2NmEuNjY3LjY2NyAwIDAgMCAuNjY3LjY2N2g5LjE2NmEuNjY2LjY2NiAwIDAgMCAuNjY3LS42Njd2LTVhMSAxIDAgMSAxIDIgMHY1QTIuNjY3IDIuNjY3IDAgMCAxIDE1LjgzMyAyMUg2LjY2N0EyLjY2NyAyLjY2NyAwIDAgMSA0IDE4LjMzM1Y5LjE2N0EyLjY2NyAyLjY2NyAwIDAgMSA2LjY2NyA2LjVoNWExIDEgMCAxIDEgMCAyaC01Wk0xNCA1YTEgMSAwIDAgMSAxLTFoNWExIDEgMCAwIDEgMSAxdjVhMSAxIDAgMSAxLTIgMFY2aC00YTEgMSAwIDAgMS0xLTFaIiBmaWxsPSIjZmZmIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC43MDcgNC4yOTNhMSAxIDAgMCAxIDAgMS40MTRsLTkuMTY3IDkuMTY3YTEgMSAwIDAgMS0xLjQxNC0xLjQxNGw5LjE2Ny05LjE2N2ExIDEgMCAwIDEgMS40MTQgMFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
  --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-icon-external-link:var(--global-asset-icon-external);
  --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);
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
  Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
  Background is added as a separate element.
  As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
  stretched thumbnail or div placeholder element (see below)
  style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
  div element that matches size of large image
  large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
  Error message appears when image is not loaded
  (JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc;
}

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

  Contents:

  1. Buttons
  2. Share modal and links
  3. Index indicator ("1 of X" counter)
  4. Caption
  5. Loading indicator
  6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

  1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: image-url("Photoswipe/Photoswipe.png") 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: image-url("Photoswipe/photoswipe.svg");
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
  Arrow buttons hit area
  (icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

  2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #fff;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #fff;
}

a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d;
}

a.pswp__share--download:hover {
  background: #ddd;
}

/*

  3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #fff;
  opacity: 0.75;
  padding: 0 10px;
}

/*

  4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #bbb;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #ccc;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

  5. Loading indicator (preloader)

  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /*
      The idea of animating inner circle is based on Polymer ("material") loading indicator
       by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
    */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*

  6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
  pswp__ui--hidden class is added when controls are hidden
  e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

blz-nav-footer {
  --footer-background-image-desktop: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt3452e3b114fab0cd/blt2cf6b852b2a77f2f/66a7ca9b94e9867debbff67f/Pane-dirtDark.jpg)
    bottom center;
  --footer-background-image-mobile: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt3452e3b114fab0cd/blt2cf6b852b2a77f2f/66a7ca9b94e9867debbff67f/Pane-dirtDark.jpg)
    bottom center;
}

header.sitenav {
  position: sticky;
  top: 0;
  z-index: 100;
}

blz-button {
  border-radius: 0px;
  color: var(--gold-600, #F8B700);
  text-align: center;
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  text-transform: uppercase;
  transition: background-color 0.2s, color 0.2s;
}
blz-button::part(host-anchor) {
  text-transform: uppercase;
}
blz-button:hover {
  color: var(--gold-700, #FFEC71);
}
blz-button[variant=primary] {
  border: 1px solid var(--red-800, #FF2B00);
  background-color: rgba(170, 36, 9, 0.8);
}
blz-button[variant=primary]:hover {
  border: 1px solid var(--red-900, #FF522C);
  background: var(--red-600, #AA2409);
}
blz-button[variant=secondary] {
  border: 1px solid var(--gold-600, #F8B700);
  background-color: var(--Darken-500, rgba(0, 0, 0, 0.3));
}
blz-button[variant=secondary]:hover {
  border: 1px solid var(--gold-700, #FFEC71);
  background-color: rgba(199, 103, 0, 0.7);
}

:root {
  --font-default: "Open Sans", "Arial", "Helvetica", sans-serif;
  --font-accent: "SemplicitaPro", "Open Sans", "Arial", "Helvetica", sans-serif;
  --global-font-scale-default: 0.7;
}

blz-social-section [slot=header] {
  font-family: "SemplicitaPro", "Open Sans", "Arial", "Helvetica", sans-serif;
  text-transform: uppercase;
  color: #ebdec2;
  font-size: 28px;
}
blz-social-section blz-icon {
  color: #f8b700;
}
blz-social-section blz-icon:hover {
  color: #FFEC71;
}