@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");
: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);
}

@font-face {
  font-family: "Quadrat Serial";
  src: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt3452e3b114fab0cd/blt3f4f75ed8a7d7f29/quadrat_serial.woff2?format=webply&quality=70);
}
:root {
  --font-default: "Open Sans", Arial, Helvetica, sans-serif;
  --font-default-weight: 400;
  --font-accent: "Quadrat Serial", serif;
}

[slot=heading] {
  background: linear-gradient(180deg, #B89687, #F5C69C, #F7E6B8, #FFF7E0), rgba(255, 255, 255, 0.5);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2px;
  padding-bottom: 2px;
  font-family: Quadrat Serial;
  font-weight: 400;
  font-style: normal;
}
[slot=heading]::selection {
  background-clip: text;
  -webkit-text-fill-color: white;
}

[slot=subheading] {
  color: #FFF2D9;
  font-family: Quadrat Serial;
  font-style: normal;
  font-weight: 500;
}

[slot=description] {
  color: var(--Content-800, rgba(255, 255, 255, 0.9));
}

h1, h2, h3, h4, h5, p, [slot=description] {
  filter: drop-shadow(4px 2px 4px rgba(0, 0, 0, 0.4));
}

blz-accordion [slot^=label] {
  background: linear-gradient(180deg, #B89687, #F5C69C, #F7E6B8, #FFF7E0), rgba(255, 255, 255, 0.5);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2px;
  padding-bottom: 2px;
  font-family: Quadrat Serial;
}
blz-accordion [slot^=label]::selection {
  background-clip: text;
  -webkit-text-fill-color: white;
}
blz-accordion [slot^=label].group-active {
  color: white;
}
blz-accordion [slot^=content] {
  color: var(--Content-800, rgba(255, 255, 255, 0.9));
}

blz-button {
  border-radius: 8px;
  color: var(--Darken-900, #000);
  text-align: center;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  box-shadow: 0px 0px 31px 5px rgba(18, 1, 1, 0.4);
}
blz-button::part(content) {
  text-transform: uppercase;
}
blz-button[variant=primary] {
  border: 2px solid #F7B90A;
  background: linear-gradient(180deg, #EB8610 0%, #D67D14 100%);
}
blz-button[variant=primary]:hover {
  border: 2px solid #F8B700;
  background: linear-gradient(180deg, #F7B90A 0%, #F7B90A 100%);
  color: var(--Darken-900, #000);
}
blz-button[variant=secondary] {
  border: 2px solid #2CD196;
  background: linear-gradient(180deg, #21AE7A 0%, #10A06B 100%);
  transition: background 1s ease-in-out;
}
blz-button[variant=secondary]:hover {
  border: 2px solid #2CD196;
  background: linear-gradient(180deg, #2CD196 0%, #2CD196 100%);
  color: var(--Darken-900, #000);
}
blz-button[blz-modal-trigger=opt-in] blz-icon {
  display: none;
}
blz-button[blz-modal-trigger=opt-in].success blz-icon {
  display: block;
}

.macro {
  background-image: var(--bg-sm);
  background-size: cover;
  background-position: center;
}
@media (min-width: 960px) {
  .macro {
    background-image: var(--bg-md);
  }
}
@media (min-width: 1400px) {
  .macro {
    background-image: var(--bg-lg);
  }
}

@media (min-width: 960px) {
  blz-masthead::part(main-content) {
    margin-top: 50px;
    background-image: radial-gradient(rgba(0, 0, 0, 0.5) 0%, transparent 70%, transparent 100%);
  }
  :lang(zh-tw) blz-masthead::part(main-content) {
    margin-top: 100px;
  }
}
blz-masthead::part(section) {
  padding-bottom: 350px;
}
@media (min-width: 960px) {
  blz-masthead::part(section) {
    padding-bottom: 40px;
  }
}
:lang(es) blz-masthead h2[slot=heading], :lang(es-MX) blz-masthead h2[slot=heading] {
  font-size: 36px;
}
blz-masthead::part(platform) {
  position: unset;
}
blz-masthead blz-icon-group a:hover {
  color: var(--global-color-content-900);
}
blz-masthead [slot=background] {
  mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}
blz-masthead [slot=optional-content] h3 {
  text-align: center;
  font-size: 26px;
  line-height: 26px;
  color: #EB8610;
  font-family: var(--font-accent);
}
blz-masthead [slot=optional-content] h3:hover {
  color: #F7B90A;
}
blz-masthead::part(bg-video-control) {
  --global-color-accent-500: transparent;
  --global-color-accent-600: transparent;
  --icon-button-color-default: #EB8610;
  --icon-button-color-hover: #F7B90A;
  background: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)) padding-box, linear-gradient(to right, rgb(247, 185, 10), rgb(227, 167, 0)) border-box;
  border: 2px solid transparent;
  border-radius: 100%;
  padding: 0px;
}

.overview [slot=media] {
  border: 2px solid #F8B700;
  box-shadow: 0px 0px 31px 5px rgba(18, 1, 1, 0.4), 0px 0px 2px 3px rgba(0, 0, 0, 0.15) inset;
  will-change: filter;
  transition: filter 0.2s;
}
.overview [slot=media]:hover, .overview [slot=media]:focus {
  filter: brightness(1.25);
}
.overview [slot=media] [slot=thumbnail-play] {
  filter: drop-shadow(0 0px 10px #000000);
}

.features blz-list-item [slot=image] {
  position: relative;
  padding: 3px;
  overflow: hidden;
  border-radius: 100%;
  box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
}
.features blz-list-item [slot=image]::part(image) {
  border-radius: 100%;
}
.features blz-list-item [slot=image]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  border: 2px solid #F8B700;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px 2px #000000;
}
.features blz-accordion [slot^=icon] {
  position: relative;
  padding: 3px;
  overflow: hidden;
  border-radius: 100%;
}
.features blz-accordion [slot^=icon]::part(image) {
  border-radius: 100%;
}
.features blz-accordion [slot^=icon]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  border: 2px solid #F8B700;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px 2px #000000;
}
.features [slot=media] {
  position: relative;
  overflow: hidden;
}
.features [slot=media]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 5px solid;
  border-image: url("https://images.blz-contentstack.com/v3/assets/blt3452e3b114fab0cd/blt540463077a37ddd4/67a3e3ba06b8982dd8d347a7/oranteborder.png");
  border-image-slice: 22 22 fill;
  pointer-events: none;
  z-index: 1;
}
.features [slot=media].media-active {
  border-radius: 2px;
  border: 2px solid #F8B700;
  box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.15) inset, 0px 0px 31px 5px rgba(18, 1, 1, 0.4);
}
.features [slot^=optional] {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  border: 2px solid #F8B700;
  box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.15) inset, 0px 0px 31px 5px rgba(18, 1, 1, 0.4);
}
.features [slot^=optional]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 5px solid;
  border-image: url("https://images.blz-contentstack.com/v3/assets/blt3452e3b114fab0cd/blt540463077a37ddd4/67a3e3ba06b8982dd8d347a7/oranteborder.png");
  border-image-slice: 22 22 fill;
  pointer-events: none;
  z-index: 1;
}

.comparison [slot=heading],
.purchase-modal [slot=heading] {
  background: linear-gradient(0deg, rgba(30, 11, 0, 0.4), rgba(94, 36, 0, 0.4)), rgb(53, 39, 39);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2px;
  padding-bottom: 2px;
  filter: none;
}
.comparison [slot=description],
.purchase-modal [slot=description] {
  color: var(--Darken-700, rgb(0, 0, 0));
  font-size: 20px;
  font-style: normal;
  filter: none;
}

blz-modal,
blz-comparison-table {
  --feature-label-color: rgba(53, 39, 39);
  --comparison-values-color: rgba(53, 39, 39);
}
blz-modal::part(product-thumbnail),
blz-comparison-table::part(product-thumbnail) {
  --global-size-50: 0px;
  aspect-ratio: auto;
  border: 1px solid #F8B700;
}
@media (min-width: 960px) {
  blz-modal::part(product-thumbnail),
  blz-comparison-table::part(product-thumbnail) {
    position: relative;
    overflow: hidden;
  }
  blz-modal::part(product-thumbnail)::after,
  blz-comparison-table::part(product-thumbnail)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 5px solid transparent;
    -webkit-border-image: url("https://images.blz-contentstack.com/v3/assets/blt3452e3b114fab0cd/blt12479578f28e6833/67abd675d2e04c2f1cb57b46/oranteborder_transparent.png");
    border-image: url("https://images.blz-contentstack.com/v3/assets/blt3452e3b114fab0cd/blt12479578f28e6833/67abd675d2e04c2f1cb57b46/oranteborder_transparent.png");
    border-image-slice: 22 22 fill;
    pointer-events: none;
    z-index: 1;
  }
}
blz-modal::part(product-header-text),
blz-comparison-table::part(product-header-text) {
  background: linear-gradient(0deg, rgba(30, 11, 0, 0.4), rgba(94, 36, 0, 0.4)), rgb(53, 39, 39);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2px;
  padding-bottom: 2px;
  font-size: 15px;
  font-family: Quadrat Serial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.4px;
}
@media (min-width: 960px) {
  blz-modal::part(product-header-text),
  blz-comparison-table::part(product-header-text) {
    font-size: 20px;
  }
}
blz-modal::part(product-subheading-text),
blz-comparison-table::part(product-subheading-text) {
  color: rgb(2, 56, 36);
  font-size: 16px;
  font-family: Quadrat Serial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.32px;
}
blz-modal::part(feature-label-text),
blz-comparison-table::part(feature-label-text) {
  font-weight: 550;
}
blz-modal blz-button,
blz-comparison-table blz-button {
  border: none;
  text-wrap: pretty;
  font-size: 16px;
}
blz-modal blz-button[slot$=mobile],
blz-comparison-table blz-button[slot$=mobile] {
  font-size: 12px;
  margin-top: 10px;
}
blz-modal .legalese,
blz-comparison-table .legalese {
  color: var(--Darken-600, rgba(0, 0, 0, 0.5));
  /* Default/200 */
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.legalese-block {
  max-width: 100%;
}

blz-section.opt-in blz-optin::part(legal-disclaimer), blz-section.opt-in blz-optin::part(success-legalese), blz-section.opt-in blz-optin::part(succcess-legalese),
blz-modal#opt-in blz-optin::part(legal-disclaimer),
blz-modal#opt-in blz-optin::part(success-legalese),
blz-modal#opt-in blz-optin::part(succcess-legalese) {
  --semantic-color-text-description: #F7B90A;
}
blz-section.opt-in span[slot=content-after],
blz-modal#opt-in span[slot=content-after] {
  color: var(--global-color-content-500);
  line-height: var(--global-font-line-height-comfy);
  font-size: 16px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif, sans-serif;
  text-align: center;
}
blz-section.opt-in span[slot=content-after] a,
blz-modal#opt-in span[slot=content-after] a {
  color: #F7B90A;
  text-decoration: none;
}
blz-section.opt-in.success span[slot=content-after],
blz-modal#opt-in.success span[slot=content-after] {
  color: var(--global-color-content-500);
}

blz-modal#opt-in {
  background-image: var(--bg-sm);
}
@media (min-width: 960px) {
  blz-modal#opt-in {
    background-image: var(--bg-lg);
  }
}
blz-modal#opt-in .logo-container {
  display: flex;
  justify-content: center;
}
blz-modal#opt-in .logo-container blz-image {
  max-width: 480px;
  width: 100%;
}

.faq {
  background-image: var(--bg-sm);
  background-size: cover;
  background-position: bottom;
  padding-bottom: 250px;
}
@media (min-width: 480px) {
  .faq {
    padding-bottom: 360px;
  }
}
@media (min-width: 720px) {
  .faq {
    padding-bottom: 475px;
  }
}
@media (min-width: 960px) {
  .faq {
    background-image: var(--bg-md);
    background-position: center;
    padding-bottom: 0px;
  }
  .faq [slot=header] {
    justify-content: end;
  }
}
@media (min-width: 1400px) {
  .faq [slot=background]::after {
    content: "";
    position: absolute;
    height: 125%;
    width: 55%;
    top: -45px;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt3452e3b114fab0cd/blt87e6c8df5a52bb4c/67ae2fbd3183f61ea09497bd/pandarian.png?format=webply&quality=70);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
    z-index: 1;
  }
}
.faq a {
  color: #EB8610;
}
.faq a:hover {
  color: #F7B90A;
}

.cross-sell {
  --card-gap:var(--semantic-grid-gap-md-mobile);
}
@media (min-width: 720px) {
  .cross-sell {
    --card-gap:var(--semantic-grid-gap-md-desktop);
  }
}
.cross-sell [slot=header] [slot=heading] {
  background: linear-gradient(0deg, rgba(30, 11, 0, 0.4), rgba(94, 36, 0, 0.4)), rgb(53, 39, 39);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2px;
  padding-bottom: 2px;
}
.cross-sell a:hover {
  cursor: pointer;
}
.cross-sell a blz-card {
  border: 2px solid #F8B700;
  will-change: filter;
  transition: filter 0.2s;
}
.cross-sell a blz-card blz-image {
  overflow: hidden;
}
.cross-sell a blz-card blz-image::part(picture) {
  transition: transform 0.25s ease;
  transform: scale(1);
}
.cross-sell a blz-card:hover blz-image::part(picture) {
  transform: scale(1.05);
}
.cross-sell a blz-card:hover, .cross-sell a blz-card:focus {
  filter: brightness(1.25);
}
.cross-sell a blz-card::part(content) {
  margin: 0;
  padding: 20px;
  height: 100%;
  width: auto;
  border-top: 1px solid var(--brown-700, #504137);
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt3452e3b114fab0cd/blt2f454fb3673996ac/67a105b1f8ce1361121e998a/card-bg.jpg?format=webply&quality=70);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.cross-sell a blz-card blz-image {
  border-bottom: 1px solid var(--Content-300, rgba(255, 255, 255, 0.1));
}
.cross-sell a blz-card blz-content-block [slot=subheading] {
  font: var(--semantic-heading-text-xs);
}
.cross-sell a blz-card blz-content-block [slot=heading] {
  font-size: 20px;
}

.purchase-modal {
  background: rgba(0, 0, 0, 0.2);
  --feature-label-color: rgba(53, 39, 39);
  --comparison-values-color: rgba(53, 39, 39);
}
.purchase-modal .logo-container {
  display: flex;
  justify-content: center;
  filter: drop-shadow(0 5px 10px #000000);
}
.purchase-modal .logo-container blz-image {
  max-width: 480px;
  width: 100%;
  padding-bottom: 30px;
}
.purchase-modal::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: var(--bg-sm);
  background-size: cover;
  background-position: center;
  mix-blend-mode: color;
  z-index: -10;
}
@media (min-width: 960px) {
  .purchase-modal::after {
    background-image: var(--bg-lg);
  }
}

html[lang=ko-KR] {
  word-break: keep-all;
}

.divider {
  display: block;
  background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt3452e3b114fab0cd/blte538619632ca62d2/679bd33fbf086a5729b3ec12/dividers_3.png?format=webply&quality=70);
  max-width: var(--view-max);
  margin: auto;
  height: 28px;
}

body {
  background: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt3452e3b114fab0cd/bltb318bbf35ba042be/675b5bfc7eefd8afc3024e43/960_BG_Mobile.jpg?format=webply&quality=70);
  background-size: contain;
}
@media (min-width: 960px) {
  body {
    background-image: url(https://blz-contentstack-images.akamaized.net/v3/assets/blt3452e3b114fab0cd/blt40d7180c6c86d7da/6734f1de22f0995a8e823f1f/bg-leather.jpg?format=webply&quality=70);
  }
}

blz-nav {
  --navbar-background-color: rgb(25, 71, 54, 0.85);
  --navbar-menu-background-color: rgb(25, 71, 54, 1);
  --navbar-button-color-primary: #EB9110;
  --navbar-button-color-primary-hover: #F7B90A;
  --navbar-button-color-secondary: #21AE7A;
  --navbar-button-color-secondary-hover: #2CD196;
  --navbar-button-text-color: #000;
}

blz-nav-footer {
  --footer-background-image-desktop: none;
  --footer-background-image-mobile: none;
}

.footer {
  background-image: var(--bg-sm);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
@media (min-width: 960px) {
  .footer {
    background-image: var(--bg-md);
  }
}
@media (min-width: 1400px) {
  .footer {
    background-image: var(--bg-lg);
  }
}
.footer .Pane-bg {
  display: none;
}

blz-social-section [slot=background] {
  display: none;
}

.jump-link {
  display: block;
  position: relative;
  top: -75px;
}
@media (min-width: 960px) {
  .jump-link {
    top: -150px;
  }
}