{"version":3,"sources":["../../node_modules/normalize.css/normalize.css","../../node_modules/@blizzard/overwatch-ui/assets/scss/base/fonts.scss","overwatch-site.css","base/reset.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/base/base_element_styles.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/variables/colors.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/mixins/fonts.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/variables/fonts.scss","../../node_modules/modularscale-sass/stylesheets/modularscale/_function.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/base/spacing.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/base/print.scss","../../node_modules/foundation-sites/scss/grid/_classes.scss","../../node_modules/foundation-sites/scss/grid/_row.scss","foundation/_settings.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/mixins/_mixins.scss","../../node_modules/foundation-sites/scss/grid/_gutter.scss","../../node_modules/foundation-sites/scss/util/_unit.scss","../../node_modules/foundation-sites/scss/grid/_size.scss","../../node_modules/foundation-sites/scss/grid/_column.scss","../../node_modules/foundation-sites/scss/_global.scss","../../node_modules/foundation-sites/scss/grid/_position.scss","../../node_modules/foundation-sites/scss/grid/_layout.scss","../../node_modules/foundation-sites/scss/util/_breakpoint.scss","../../node_modules/foundation-sites/scss/components/_visibility.scss","../../node_modules/foundation-sites/scss/util/_mixins.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/layout/flag.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/variables/breakpoints.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/layout/flex.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/layout/gutters.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/layout/media.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/badge.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/blackout.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/variables/easings.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/buttons.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/button-group.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/callout-box.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/card.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/variables/z-index.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/carousel.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/carousel-split.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/container-slanted.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/data-table.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/drawer.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/dropdown.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/event-map-carousel.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/endorsement-icon.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/external-links.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/font-tier.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/frame.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/heading-banner.scss","_mixins.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/hero-header.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/icon-heading.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/icons.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/lightbox.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/logo.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/media-card.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/media-gallery.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/media-thumbnail.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/name-card.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/news.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/notification-bar.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/quote.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/playbutton.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/slideout.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/star.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/table.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/tabs.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/tooltip.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/underlined-header.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/video-background.scss","../../node_modules/@blizzard/overwatch-ui/assets/scss/modules/webbing.scss","modules/ability-showcase.scss","modules/achievement-card.scss","modules/announcement.scss","modules/backgrounds.scss","modules/blog-sidebar.scss","modules/bnet-comments-overrides.scss","modules/content-box.scss","modules/control.scss","modules/dividers.scss","modules/fadein.scss","modules/filter.scss","modules/footer.scss","modules/grid-gutter.scss","modules/header.scss","modules/hero-ability.scss","modules/hero-bio.scss","modules/hero-detail.scss","modules/hero-portrait.scss","modules/hero-portrait-detailed.scss","modules/hero-pose.scss","modules/hero-scene.scss","modules/hero-select-navigation.scss","modules/hero-selector.scss","modules/horizontal-accordion.scss","modules/instruction-popout.scss","modules/intro.scss","modules/konami.scss","modules/links.scss","modules/loader.scss","modules/maps.scss","modules/nav.scss","modules/navigation-selector.scss","modules/news-panels.scss","modules/player-badge.scss","modules/player-level.scss","modules/progress.scss","modules/progress-category.scss","modules/roles-section.scss","modules/search.scss","modules/slide-menu.scss","modules/social.scss","modules/social-icons.scss","modules/spotlight.scss","modules/sub-navigation.scss","modules/summer-games.scss","modules/toggle-display.scss","modules/unlock-item.scss","modules/user.scss","modules/video.scss","modules/wallpaper-icon.scss","modules/youtube-player.scss","pages/home.scss","pages/game.scss","pages/hero-selector.scss","pages/hero-detail.scss","pages/media.scss","pages/news/news.scss","pages/news/news-detail.scss","pages/career.scss","pages/search.scss","pages/patch-notes/console.scss","pages/patch-notes/default.scss","pages/free-trial.scss","pages/mercy-bcrf-charity-skin.scss","_variables.scss","pages/esports/esports.scss","pages/esports/esports-ladder-section.scss","pages/esports/ladderInfoBlock.scss","pages/events/events.scss","pages/events/masthead.scss","pages/events/video.scss","pages/events/gamemodes.scss","pages/events/maps.scss","pages/events/unlocks.scss","pages/events/lootbox.scss","pages/events/summer-games.scss","pages/events/halloween-terror.scss","pages/events/winter-wonderland.scss","pages/events/lunar-new-year.scss","pages/events/archives.scss","pages/events/anniversary.scss","pages/events/events-factory.scss","pages/endorsements.scss","pages/open/_Page.scss","pages/open/_Fonts.scss","pages/open/_Button.scss","pages/open/_Icons.scss","pages/open/_Intro.scss","pages/open/_Stardom.scss","pages/open/_Region.scss","pages/open/_CTA.scss","pages/open/_Footer.scss","pages/open/_Modals.scss","pages/open/_Select2.scss","utilities/alignment.scss","utilities/backgrounds.scss","utilities/borders.scss","utilities/colors.scss","utilities/containers.scss","utilities/display_visibility.scss","utilities/icons.scss","utilities/images.scss","utilities/layout.scss","utilities/miscellaneous.scss","utilities/position.scss","utilities/text.scss","utilities/spacing.scss","states.scss","overwatch-site.scss"],"names":[],"mappings":"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,qBAL0H;IAM1H,oBANuE;IA2BvE,sBAAqB,EFqDnB,EAAA;EEpDF;IFkDC;MEjDA,sBEhBgD,EJmE/C,EAAA;EEjDF;IF+CC;ME9CA,sBEnBgD,EJmE/C,EAAA;;AAHF;EAIC;IEhFD,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAkCsE;IAjCtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IAsCvE,sBAAqB,EF6CnB,EAAA;EE5CF;IF0CC;MEzCA,sBE3BgD,EJsE/C,EAAA;EEzCF;IFuCC;MEtCA,sBE9BgD,EJsE/C,EAAA;;AANF;EAOC;IEnFD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA4CiE;IA3CjE,qBAL0H;IAM1H,oBANuE,EFsFrE,EAAA;EErCF;IFmCC;MElCA,oBErCgD,EJyE/C,EAAA;;AATF;EAUC;IEtFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBAmDiE;IAlDjE,qBAL0H;IAM1H,oBANuE,EFyFrE,EAAA;EEjCF;IF+BC;ME9BA,kBE5CgD,EJ4E/C,EAAA;;AAZF;EAaC;IEzFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBA0DiE;IAzDjE,qBAL0H;IAM1H,oBANuE,EF4FrE;EACD;IE5FD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA8DiE;IA7DjE,qBAL0H;IAM1H,oBANuE;IAmEvE,sBAAqB,EF4BnB,EAAA;;AAlBF;EACC;IE7ED,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAuBsE;IAtBtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IA2BvE,sBAAqB,EFqDnB,EAAA;EEpDF;IFkDC;MEjDA,sBEhBgD,EJmE/C,EAAA;EEjDF;IF+CC;ME9CA,sBEnBgD,EJmE/C,EAAA;;AAHF;EAIC;IEhFD,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAkCsE;IAjCtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IAsCvE,sBAAqB,EF6CnB,EAAA;EE5CF;IF0CC;MEzCA,sBE3BgD,EJsE/C,EAAA;EEzCF;IFuCC;MEtCA,sBE9BgD,EJsE/C,EAAA;;AANF;EAOC;IEnFD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA4CiE;IA3CjE,qBAL0H;IAM1H,oBANuE,EFsFrE,EAAA;EErCF;IFmCC;MElCA,oBErCgD,EJyE/C,EAAA;;AATF;EAUC;IEtFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBAmDiE;IAlDjE,qBAL0H;IAM1H,oBANuE,EFyFrE,EAAA;EEjCF;IF+BC;ME9BA,kBE5CgD,EJ4E/C,EAAA;;AAZF;EAaC;IEzFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBA0DiE;IAzDjE,qBAL0H;IAM1H,oBANuE,EF4FrE;EACD;IE5FD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA8DiE;IA7DjE,qBAL0H;IAM1H,oBANuE;IAmEvE,sBAAqB,EF4BnB,EAAA;;AAlBF;EACC;IE7ED,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAuBsE;IAtBtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IA2BvE,sBAAqB,EFqDnB,EAAA;EEpDF;IFkDC;MEjDA,sBEhBgD,EJmE/C,EAAA;EEjDF;IF+CC;ME9CA,sBEnBgD,EJmE/C,EAAA;;AAHF;EAIC;IEhFD,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAkCsE;IAjCtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IAsCvE,sBAAqB,EF6CnB,EAAA;EE5CF;IF0CC;MEzCA,sBE3BgD,EJsE/C,EAAA;EEzCF;IFuCC;MEtCA,sBE9BgD,EJsE/C,EAAA;;AANF;EAOC;IEnFD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA4CiE;IA3CjE,qBAL0H;IAM1H,oBANuE,EFsFrE,EAAA;EErCF;IFmCC;MElCA,oBErCgD,EJyE/C,EAAA;;AATF;EAUC;IEtFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBAmDiE;IAlDjE,qBAL0H;IAM1H,oBANuE,EFyFrE,EAAA;EEjCF;IF+BC;ME9BA,kBE5CgD,EJ4E/C,EAAA;;AAZF;EAaC;IEzFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBA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FrE,EAAA;EErCF;IFmCC;MElCA,oBErCgD,EJyE/C,EAAA;;AATF;EAUC;IEtFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBAmDiE;IAlDjE,qBAL0H;IAM1H,oBANuE,EFyFrE,EAAA;EEjCF;IF+BC;ME9BA,kBE5CgD,EJ4E/C,EAAA;;AAZF;EAaC;IEzFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBA0DiE;IAzDjE,qBAL0H;IAM1H,oBANuE,EF4FrE;EACD;IE5FD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA8DiE;IA7DjE,qBAL0H;IAM1H,oBANuE;IAmEvE,sBAAqB,EF4BnB,EAAA;;AAlBF;EACC;IE7ED,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAuBsE;IAtBtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IA2BvE,sBAAqB,EFqDnB,EAAA;EEpDF;IFkDC;MEjDA,sBEhBgD,EJmE/C,EAAA;EEjDF;IF+CC;ME9CA,sBEnBgD,EJmE/C,EAAA;;AAHF;EAIC;IEhFD,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAkCsE;IAjCtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IAsCvE,sBAAqB,EF6CnB,EAAA;EE5CF;IF0CC;MEzCA,sBE3BgD,EJsE/C,EAAA;EEzCF;IFuCC;MEtCA,sBE9BgD,EJsE/C,EAAA;;AANF;EAOC;IEnFD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA4CiE;IA3CjE,qBAL0H;IAM1H,oBANuE,EFsFrE,EAAA;EErCF;IFmCC;MElCA,oBErCgD,EJyE/C,EAAA;;AATF;EAUC;IEtFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBAmDiE;IAlDjE,qBAL0H;IAM1H,oBANuE,EFyFrE,EAAA;EEjCF;IF+BC;ME9BA,kBE5CgD,EJ4E/C,EAAA;;AAZF;EAaC;IEzFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBA0DiE;IAzDjE,qBAL0H;IAM1H,oBANuE,EF4FrE;EACD;IE5FD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA8DiE;IA7DjE,qBAL0H;IAM1H,oBANuE;IAmEvE,sBAAqB,EF4BnB,EAAA;;AAlBF;EACC;IE7ED,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAuBsE;IAtBtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IA2BvE,sBAAqB,EFqDnB,EAAA;EEpDF;IFkDC;MEjDA,sBEhBgD,EJmE/C,EAAA;EEjDF;IF+CC;ME9CA,sBEnBgD,EJmE/C,EAAA;;AAHF;EAIC;IEhFD,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAkCsE;IAjCtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IAsCvE,sBAAqB,EF6CnB,EAAA;EE5CF;IF0CC;MEzCA,sBE3BgD,EJsE/C,EAAA;EEzCF;IFuCC;MEtCA,sBE9BgD,EJsE/C,EAAA;;AANF;EAOC;IEnFD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA4CiE;IA3CjE,qBAL0H;IAM1H,oBANuE,EFsFrE,EAAA;EErCF;IFmCC;MElCA,oBErCgD,EJyE/C,EAAA;;AATF;EAUC;IEtFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBAmDiE;IAlDjE,qBAL0H;IAM1H,oBANuE,EFyFrE,EAAA;EEjCF;IF+BC;ME9BA,kBE5CgD,EJ4E/C,EAAA;;AAZF;EAaC;IEzFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBA0DiE;IAzDjE,qBAL0H;IAM1H,oBANuE,EF4FrE;EACD;IE5FD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA8DiE;IA7DjE,qBAL0H;IAM1H,oBANuE;IAmEvE,sBAAqB,EF4BnB,EAAA;;AAlBF;EACC;IE7ED,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAuBsE;IAtBtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IA2BvE,sBAAqB,EFqDnB,EAAA;EEpDF;IFkDC;MEjDA,sBEhBgD,EJmE/C,EAAA;EEjDF;IF+CC;ME9CA,sBEnBgD,EJmE/C,EAAA;;AAHF;EAIC;IEhFD,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAkCsE;IAjCtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IAsCvE,sBAAqB,EF6CnB,EAAA;EE5CF;IF0CC;MEzCA,sBE3BgD,EJsE/C,EAAA;EEzCF;IFuCC;MEtCA,sBE9BgD,EJsE/C,EAAA;;AANF;EAOC;IEnFD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA4CiE;IA3CjE,qBAL0H;IAM1H,oBANuE,EFsFrE,EAAA;EErCF;IFmCC;MElCA,oBErCgD,EJyE/C,EAAA;;AATF;EAUC;IEtFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBAmDiE;IAlDjE,qBAL0H;IAM1H,oBANuE,EFyFrE,EAAA;EEjCF;IF+BC;ME9BA,kBE5CgD,EJ4E/C,EAAA;;AAZF;EAaC;IEzFD,+DCKyD;IDJzD,gBEWiD;IFVjD,mBAHwG;IAIxG,kBA0DiE;IAzDjE,qBAL0H;IAM1H,oBANuE,EF4FrE;EACD;IE5FD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA8DiE;IA7DjE,qBAL0H;IAM1H,oBANuE;IAmEvE,sBAAqB,EF4BnB,EAAA;;AAlBF;EACC;IE7ED,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAuBsE;IAtBtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IA2BvE,sBAAqB,EFqDnB,EAAA;EEpDF;IFkDC;MEjDA,sBEhBgD,EJmE/C,EAAA;EEjDF;IF+CC;ME9CA,sBEnBgD,EJmE/C,EAAA;;AAHF;EAIC;IEhFD,kDCMgD;IDLhD,sBEWiD;IFVjD,mBAkCsE;IAjCtE,oBAJwF;IAKxF,qBAL0H;IAM1H,oBANuE;IAsCvE,sBAAqB,EF6CnB,EAAA;EE5CF;IF0CC;MEzCA,sBE3BgD,EJsE/C,EAAA;EEzCF;IFuCC;MEtCA,sBE9BgD,EJsE/C,EAAA;;AANF;EAOC;IEnFD,+DCKyD;IDJzD,kBEWiD;IFVjD,mBAHwG;IAIxG,kBA4CiE;IA3CjE,qBAL0H;IAM1H,oBANuE,EFsFrE,EAAA;EErCF;IFmCC;MElCA,oBErCgD,EJyE/C,EAAA;;AATF;EAUC;IEtFD,+DCKyD;IDJzD,gBEWiD;IFVj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mD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,WAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,iBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,WCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,UAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,WAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,iBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,YCeqD,EPyDhD;;AAgBD;ES/DJ,uBFVqD,EP2EhD;;AAKD;EU5FF,YAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,WAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,iBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,WAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,WAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,iBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,iBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,aAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,iBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,WAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,gBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,gBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AVqFD;EIzGF,gBAAe;EACf,iBAAgB,EJyGkC;;AADhD;EAII,eAAc;EACd,gBAAe,EAChB;;AAGH;EIzGF,gBCkEW;EDjEX,iBCiEW,EL0CkD;;AAI3D;EShHA,YAAW;EACX,kBAAiB;EACjB,mBAAkB,ETgHjB;;AAGD;;;ES1GF,iBAAgB;EAChB,eAAc;EACd,gBAAe;EACf,YAAW,ET2GR;;AAxDC;EMtEJ,gBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,eAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,gBAHmD,ETmF9C;;AAMH;ES/DJ,gBFbgC,EP8E3B;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,sBFVqD,EP2EhD;;AApBD;EMtEJ,WCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,UAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,WAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,iBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,WCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,UAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,WAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,iBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,WCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,UAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,WAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,iBFVqD,EP2EhD;;AApBD;EMtEJ,iBCeqD,EPyDhD;;AAIC;ES3EJ,mBAAkB;EAClB,gBAHmD,ET+E9C;;AAED;ES/EJ,mBAAkB;EAClB,iBAHmD,ETmF9C;;AAMH;ES/DJ,uBFVqD,EP2EhD;;AApBD;EMtEJ,YCeqD,EPyDhD;;AAgBD;ES/DJ,uBFVqD,EP2EhD;;AAKD;EU5FF,YAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,WAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,iBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,WAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,WAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,iBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,iBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,aAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,iBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,WAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,gBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AV+EC;EU5FF,gBAAuB;EACvB,YFmFuD,EEtExD;EV8EG;IUxFA,YAAW,EACZ;EVuFC;IUpFA,YAAW,EACZ;EVmFC;IUhFA,YAAW,EACZ;;AVqFD;EIzGF,gBAAe;EACf,iBAAgB,EJyGkC;;AADhD;EAII,eAAc;EACd,gBAAe,EAChB;;AAGH;EIzGF,gBCkEW;EDjEX,iBCiEW,EL0CkD;;AAI3D;EShHA,YAAW;EACX,kBAAiB;EACjB,mBAAkB,ETgHjB;;AAGD;;;ES1GF,iBAAgB;EAChB,eAAc;EACd,gBAAe;EACf,YAAW,ET2GR;;AWID;EX5DE;IMtEJ,gBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,eAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,gBAHmD,ETmF9C;EAMH;IS/DJ,gBFbgC,EP8E3B;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,sBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,YCeqD,EPyDhD;EAgBD;IS/DJ,uBFVqD,EP2EhD;EAKD;IU5FF,YAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,aAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EVqFD;IIzGF,gBAAe;IACf,iBAAgB,EJyGkC;EADhD;IAII,eAAc;IACd,gBAAe,EAChB;EAGH;IIzGF,gBCkEW;IDjEX,iBCiEW,EL0CkD;EAI3D;IShHA,YAAW;IACX,kBAAiB;IACjB,mBAAkB,ETgHjB;EAGD;;;IS1GF,iBAAgB;IAChB,eAAc;IACd,gBAAe;IACf,YAAW,ET2GR,EAAA;;AWID;EX5DE;IMtEJ,gBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,eAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,gBAHmD,ETmF9C;EAMH;IS/DJ,gBFbgC,EP8E3B;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,sBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,YCeqD,EPyDhD;EAgBD;IS/DJ,uBFVqD,EP2EhD;EAKD;IU5FF,YAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,aAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EVqFD;IIzGF,gBAAe;IACf,iBAAgB,EJyGkC;EADhD;IAII,eAAc;IACd,gBAAe,EAChB;EAGH;IIzGF,gBCkEW;IDjEX,iBCiEW,EL0CkD;EAI3D;IShHA,YAAW;IACX,kBAAiB;IACjB,mBAAkB,ETgHjB;EAGD;;;IS1GF,iBAAgB;IAChB,eAAc;IACd,gBAAe;IACf,YAAW,ET2GR,EAAA;;AWID;EX5DE;IMtEJ,gBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,eAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,gBAHmD,ETmF9C;EAMH;IS/DJ,gBFbgC,EP8E3B;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,sBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,YCeqD,EPyDhD;EAgBD;IS/DJ,uBFVqD,EP2EhD;EAKD;IU5FF,YAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,aAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EVqFD;IIzGF,gBAAe;IACf,iBAAgB,EJyGkC;EADhD;IAII,eAAc;IACd,gBAAe,EAChB;EAGH;IIzGF,gBCkEW;IDjEX,iBCiEW,EL0CkD;EAI3D;IShHA,YAAW;IACX,kBAAiB;IACjB,mBAAkB,ETgHjB;EAGD;;;IS1GF,iBAAgB;IAChB,eAAc;IACd,gBAAe;IACf,YAAW,ET2GR,EAAA;;AWID;EX5DE;IMtEJ,gBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,eAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,gBAHmD,ETmF9C;EAMH;IS/DJ,gBFbgC,EP8E3B;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,sBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,YCeqD,EPyDhD;EAgBD;IS/DJ,uBFVqD,EP2EhD;EAKD;IU5FF,YAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,aAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EVqFD;IIzGF,gBAAe;IACf,iBAAgB,EJyGkC;EADhD;IAII,eAAc;IACd,gBAAe,EAChB;EAGH;IIzGF,gBCkEW;IDjEX,iBCiEW,EL0CkD;EAI3D;IShHA,YAAW;IACX,kBAAiB;IACjB,mBAAkB,ETgHjB;EAGD;;;IS1GF,iBAAgB;IAChB,eAAc;IACd,gBAAe;IACf,YAAW,ET2GR,EAAA;;AWID;EX5DE;IMtEJ,gBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,eAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,gBAHmD,ETmF9C;EAMH;IS/DJ,gBFbgC,EP8E3B;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,sBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,WCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,UAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,WAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,iBFVqD,EP2EhD;EApBD;IMtEJ,iBCeqD,EPyDhD;EAIC;IS3EJ,mBAAkB;IAClB,gBAHmD,ET+E9C;EAED;IS/EJ,mBAAkB;IAClB,iBAHmD,ETmF9C;EAMH;IS/DJ,uBFVqD,EP2EhD;EApBD;IMtEJ,YCeqD,EPyDhD;EAgBD;IS/DJ,uBFVqD,EP2EhD;EAKD;IU5FF,YAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,aAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,iBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,WAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EV+EC;IU5FF,gBAAuB;IACvB,YFmFuD,EEtExD;IV8EG;MUxFA,YAAW,EACZ;IVuFC;MUpFA,YAAW,EACZ;IVmFC;MUhFA,YAAW,EACZ;EVqFD;IIzGF,gBAAe;IACf,iBAAgB,EJyGkC;EADhD;IAII,eAAc;IACd,gBAAe,EAChB;EAGH;IIzGF,gBCkEW;IDjEX,iBCiEW,EL0CkD;EAI3D;IShHA,YAAW;IACX,kBAAiB;IACjB,mBAAkB,ETgHjB;EAGD;;;IS1GF,iBAAgB;IAChB,eAAc;IACd,gBAAe;IACf,YAAW,ET2GR,EAAA;;AYhFH;EACE,yBAAwB,EACzB;;AAED;EACE,mBAAkB,EACnB;;AD8EC;EChEA;IA1BA,yBAAwB,EA4BvB,EAAA;;AA/CD;EAiDA;IAhDE,yBAAwB,EAkDzB,EAAA;;AAfC;EAzBF,yBAAwB,EA2BrB;;AAED;EAhEF,yBAAwB,EAkErB;;ADmEH;EChEA;IA1BA,yBAAwB,EA4BvB,EAAA;;AA/CD;EAiDA;IAhDE,yBAAwB,EAkDzB,EAAA;;AD0DD;ECzEE;IAzBF,yBAAwB,EA2BrB,EAAA;;ADuEH;ECrEE;IAhEF,yBAAwB,EAkErB,EAAA;;ADmEH;EChEA;IA1BA,yBAAwB,EA4BvB,EAAA;;AA/CD;EAiDA;IAhDE,yBAAwB,EAkDzB,EAAA;;AD0DD;ECzEE;IAzBF,yBAAwB,EA2BrB,EAAA;;ADuEH;ECrEE;IAhEF,yBAAwB,EAkErB,EAAA;;ADmEH;EChEA;IA1BA,yBAAwB,EA4BvB,EAAA;;AA/CD;EAiDA;IAhDE,yBAAwB,EAkDzB,EAAA;;AD0DD;ECzEE;IAzBF,yBAAwB,EA2BrB,EAAA;;ADuEH;ECrEE;IAhEF,yBAAwB,EAkErB,EAAA;;ADmEH;EChEA;IA1BA,yBAAwB,EA4BvB,EAAA;;AA/CD;EAiDA;IAhDE,yBAAwB,EAkDzB,EAAA;;AD0DD;ECzEE;IAzBF,yBAAwB,EA2BrB,EAAA;;ADuEH;ECrEE;IAhEF,yBAAwB,EAkErB,EAAA;;ADmEH;EChEA;IA1BA,yBAAwB,EA4BvB,EAAA;;AA/CD;EAiDA;IAhDE,yBAAwB,EAkDzB,EAAA;;AD0DD;ECzEE;IAzBF,yBAAwB,EA2BrB,EAAA;;ADuEH;ECrEE;IAhEF,yBAAwB,EAkErB,EAAA;;ADmEH;EChEA;IA1BA,yBAAwB,EA4BvB,EAAA;;AArDD;EAuDA;IAtDE,yBAAwB,EAwDzB,EAAA;;AAKH;;ECmFA,8BAA6B;EAC7B,WAAU;EACV,YAAW;EACX,iBAAgB;EAChB,uBAAsB,EDpFrB;;AAGD;ECsFA,4BAA2B;EAC3B,aAAY;EACZ,YAAW;EACX,kBAAiB;EACjB,WAAU,EDtFP;;AAIH;;EAEE,0BAAyB,EAS1B;ED4BC;ICvCF;;MAKI,0BAAyB,EAM5B,EAAA;ED4BC;ICvCF;;MASI,yBAAwB,EAE3B,EAAA;;AAED;;EAEE,yBAAwB,EASzB;EDeC;IC1BF;;MAKI,yBAAwB,EAM3B,EAAA;EDeC;IC1BF;;MASI,0BAAyB,EAE5B,EAAA;;AEjIH;;;;oDAIoD;AAEpD;EACC,eAAc;EACd,YAAW,EACX;;AAED;EACC,YAAW,EACX;;AAED;EACC,oBAAkB;EAClB,uBAAsB,EACtB;;AAED;EACC,oBC6DwB,ED5DxB;;AACD;EACC,iBAAgB;EAChB,mBCyDwB,EDxDxB;;AACD;EACC,eAAc;EACd,gBAAe,EACf;;AEZD;EAhBC,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,+BAAmB;EAAnB,8BAAmB;MAAnB,wBAAmB;UAAnB,oBAAmB;EAAK,iDAAiD;EACzE,sBAAiB;MAAjB,kBAAiB;EAAM,kCAAkC;EACzD,wBAA2B;MAA3B,qBAA2B;UAA3B,4BAA2B;EAAG,mEAAmE;EACjG,yBAAuB;MAAvB,sBAAuB;UAAvB,wBAAuB;EAAI,yDAAyD;EACpF,4BAAsB;MAAtB,uBAAsB;EAAI,6EAA6E,EAavG;;AzB0jHD;EyBxjHC,0BAAmB;MAAnB,uBAAmB;UAAnB,oBAAmB,EACnB;;AzB0jHD;EyBxjHC,6BAAsB;EAAtB,8BAAsB;MAAtB,2BAAsB;UAAtB,uBAAsB;EACtB,2BAAoB;MAApB,wBAAoB;UAApB,qBAAoB,EACpB;;AzB0jHD;EyBxjHC,uBAAqB;MAArB,oBAAqB;UAArB,sBAAqB,EACrB;;AAED;EAtBC,oBAAY;MAAZ,qBAAY;UAAZ,aAAY;EAAE,eAAe;EAC7B,qBAAc;MAAd,eAAc;EAAG,eAAe;EAChC,8BAAgB;MAAhB,iBAAgB;EAAE,qBAAqB;EACvC,0BAAgB;MAAhB,iBAAgB;EAAE,gEAAgE;EAClF,qBAAqB,EAoBrB;;AzBikHD;EyB/jHC,oBAAW;MAAX,qBAAW;UAAX,aAAW,EACX;;AAGA;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AANF;EACC;IAvCD,qBAAa;IAAb,qBAAa;IAAb,cAAa;IACb,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB;IAAK,iDAAiD;IACzE,sBAAiB;QAAjB,kBAAiB;IAAM,kCAAkC;IACzD,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B;IAAG,mEAAmE;IACjG,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB;IAAI,yDAAyD;IACpF,4BAAsB;QAAtB,uBAAsB;IAAI,6EAA6E,EAoCrG;EACD;IAlCD,oBAAY;QAAZ,qBAAY;YAAZ,aAAY;IAAE,eAAe;IAC7B,qBAAc;QAAd,eAAc;IAAG,eAAe;IAChC,8BAAgB;QAAhB,iBAAgB;IAAE,qBAAqB;IACvC,0BAAgB;QAAhB,iBAAgB;IAAE,gEAAgE;IAClF,qBAAqB,EAgCnB,EAAA;;AAIH;EACI,+BAAmB;EAAnB,8BAAmB;MAAnB,wBAAmB;UAAnB,oBAAmB,EACtB;;AACD;EACI,6BAAsB;EAAtB,8BAAsB;MAAtB,2BAAsB;UAAtB,uBAAsB,EACzB;;AACD;EACI,wBAA2B;MAA3B,qBAA2B;UAA3B,4BAA2B,EAC9B;;AACD;EACI,sBAAyB;MAAzB,mBAAyB;UAAzB,0BAAyB,EAC5B;;AACD;EACI,yBAAuB;MAAvB,sBAAuB;UAAvB,wBAAuB,EAC1B;;AACD;EACI,0BAA8B;MAA9B,uBAA8B;UAA9B,+BAA8B,EACjC;;AACD;EACI,0BAA6B;MAA7B,8BAA6B,EAChC;;AAED;EACI,yBAAuB;MAAvB,sBAAuB;UAAvB,wBAAuB,EAC1B;;AACD;EACI,uBAAqB;MAArB,oBAAqB;UAArB,sBAAqB,EACxB;;AACD;EACI,0BAAmB;MAAnB,uBAAmB;UAAnB,oBAAmB,EACtB;;AACD;EACI,4BAAqB;MAArB,yBAAqB;UAArB,sBAAqB,EACxB;;AACD;EACI,2BAAoB;MAApB,wBAAoB;UAApB,qBAAoB,EACvB;;AAED;EACI,2BAAsB;MAAtB,uBAAsB,EACzB;;AACD;EACI,yBAAoB;MAApB,qBAAoB,EACvB;;AACD;EACI,4BAAkB;MAAlB,mBAAkB,EACrB;;AACD;EACI,8BAAoB;MAApB,qBAAoB,EACvB;;AACD;EACI,6BAAmB;MAAnB,oBAAmB,EACtB;;AAGG;EACI,kCAA6B;MAA7B,qBAA6B,EAChC;;AAFD;EACI,mCAA6B;MAA7B,sBAA6B,EAChC;;AAFD;EACI,6BAA6B;MAA7B,gBAA6B,EAChC;;AAFD;EACI,mCAA6B;MAA7B,sBAA6B,EAChC;;AAFD;EACI,mCAA6B;MAA7B,sBAA6B,EAChC;;AAFD;EACI,6BAA6B;MAA7B,gBAA6B,EAChC;;AAFD;EACI,mCAA6B;MAA7B,sBAA6B,EAChC;;AAFD;EACI,mCAA6B;MAA7B,sBAA6B,EAChC;;AAFD;EACI,6BAA6B;MAA7B,gBAA6B,EAChC;;AAFD;EACI,mCAA6B;MAA7B,sBAA6B,EAChC;;AAFD;EACI,mCAA6B;MAA7B,sBAA6B,EAChC;;AAFD;EACI,8BAA6B;MAA7B,iBAA6B,EAChC;;AAGJ;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;AA1DR;EAEW;IACI,kCAA6B;QAA7B,qBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,6BAA6B;QAA7B,gBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,mCAA6B;QAA7B,sBAA6B,EAChC;EAFD;IACI,8BAA6B;QAA7B,iBAA6B,EAChC;EAEL;IACI,+BAAmB;IAAnB,8BAAmB;QAAnB,wBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,6BAAsB;IAAtB,8BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;EACD;IACI,wBAA2B;QAA3B,qBAA2B;YAA3B,4BAA2B,EAC9B;EACD;IACI,sBAAyB;QAAzB,mBAAyB;YAAzB,0BAAyB,EAC5B;EACD;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,0BAA8B;QAA9B,uBAA8B;YAA9B,+BAA8B,EACjC;EACD;IACI,0BAA6B;QAA7B,8BAA6B,EAChC;EAED;IACI,yBAAuB;QAAvB,sBAAuB;YAAvB,wBAAuB,EAC1B;EACD;IACI,uBAAqB;QAArB,oBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,0BAAmB;QAAnB,uBAAmB;YAAnB,oBAAmB,EACtB;EACD;IACI,4BAAqB;QAArB,yBAAqB;YAArB,sBAAqB,EACxB;EACD;IACI,2BAAoB;QAApB,wBAAoB;YAApB,qBAAoB,EACvB;EAED;IACI,2BAAsB;QAAtB,uBAAsB,EACzB;EACD;IACI,yBAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,4BAAkB;QAAlB,mBAAkB,EACrB;EACD;IACI,8BAAoB;QAApB,qBAAoB,EACvB;EACD;IACI,6BAAmB;QAAnB,oBAAmB,EACtB,EAAA;;ACxKT;EACC,aAAW,EACX;;AACD;EACC,YAAU,EACV;;ACLD;;;;;oDAKoD;AACpD;EACC,eAAa;EACb,eAAa,EACb;;AACD;EACC,YAAU;EACV,mBHsEwB,EGrExB;;AACD;EACC,aAAW;EACX,gBAAc;EACd,kBHiEwB,EGhExB;;AACD;EACC,eAAa;EAAE,8EAA8E,EAC7F;;AAEA;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;AAhBF;EACC;IACC,eAAa;IACb,eAAa,EACb;EACD;IACC,YAAU;IACV,mBHoDsB,EGnDtB;EACD;IACC,aAAW;IACX,gBAAc;IACd,kBH+CsB,EG9CtB;EACD;IACC,eAAa;IAAE,8EAA8E,EAC7F,EAAA;;ACvCH;EACC,eAAc;EACd,iBAAgB;EAChB,wDzB6DwB;UyB7DxB,gDzB6DwB;EyB3DxB,mBAAmB;EACnB,0BzB2GiC;EyB1GjC,mBAAkB;EAElB,kBAAkB;EAClB,sCzBsDwB;EyBrDxB,ezBqGiC;EyBpGjC,mBAAkB;EAClB,+DvBNyD;EuBOzD,0BAAyB,EACzB;;ACfD;EACI,gBAAe;EACf,eAAc;EACd,OAAM;EACN,QAAO;EACP,YAAW;EACX,aAAY;EACZ,iBAAgB;EAChB,+BAA8B;EAC9B,YAAW;EACX,gBAAe;EACf,mBAAkB;EAClB,kECV6C;EDU7C,0DCV6C;EDW7C,WAAU;EACV,qBAAoB,EAMvB;EApBD;IAgBQ,oBAAmB;IACnB,WAAU;IACV,oBAAmB,EACtB;;AEoHL;EAnII,sBAAqB;EACrB,uBAAsB;EACtB,iBAAgB;EAEhB,aAAY;EACZ,mBAAkB;EAClB,kBAAiB;EACjB,oBAAmB;EACnB,0BAAyB;EAGzB,+D1BRsD;E0BStD,iBAAgB;EAChB,kBzBH8C;EyBI9C,mBAAkB;EAClB,0BAAyB;EACzB,eAAc;EACd,wBAAuB;EACvB,kBAAiB;EACjB,sBAAqB;EAErB,gBAAe;EACf,yBAAgB;KAAhB,sBAAgB;UAAhB,iBAAgB;EAChB,cAAa;EACb,8BAAqB;EAArB,sBAAqB;EAKrB,0B5BoBmB;E4BnBnB,eAlCkB,EAqMrB;EAlKG;IACI,eApCc,EAqCjB;EACD;IACI,sBAAmC;IACnC,0BAAuC;IACvC,eAzCc,EA0CjB;EACD;IACI,e5BgBe,E4BflB;EA0FL;IAtFI,0BAAyB;IACzB,0B5BqBwB;I4BpBxB,a5BY2B,E4B+E1B;IA1FD;MACI,0BAAoC,EACvC;IACD;MACI,e5BIe,E4BHlB;EA8EL;IAjDI,e5B1BmB;I4B2BnB,sB5BhBwB;I4BiBxB,8BAA6B,EAyD5B;IAxDD;MACI,0B5BnBoB;M4BoBpB,a5B5BuB,E4B6B1B;EA2CL;IA3EI,a5BG2B;I4BF3B,0BAAyB;IACzB,wB5BC2B;I4BA3B,e5BHmB,E4BwFlB;IApFD;MACI,oB5BFuB;M4BGvB,8BAA6B;MAC7B,a5BJuB,E4BK1B;EAmEL;IAhEI,a5BR2B;I4BS3B,oB5BT2B;I4BU3B,8BAA6B,EA8E5B;IA7ED;MACI,wB5BZuB;M4BavB,e5BhBe,E4BiBlB;IACD;MACI,wB5BhBuB;M4BiBvB,e5BpBe,E4BqBlB;EAsDL;IAvCI,0BAAyB;IACzB,0B5BrCmB;I4BsCnB,eAlGkB,EA0JjB;IAvDD;MACI,eApGc,EAqGjB;IACD;MACI,sBAAkC;MAClC,0BAAsC;MACtC,eAzGc,EA0GjB;EA6BL;IAzBI,e5BlDmB;I4BmDnB,sB5BnDmB;I4BoDnB,8BAA6B,EA6C5B;IA5CD;MACI,0B5BtDe;M4BuDf,a5BpDuB,E4BqD1B;IACD;MACI,0B5B1De;M4B2Df,a5BxDuB,E4ByD1B;EAeL;IAVI,mBzB/G8C;IyBgH9C,kBAAiB,EAmChB;EA1BL;IANI,gBzBnH8C,EyBsJ7C;EA7BL;IAHI,kBzBtH8C,EyByJ7C;EAhCL;IAkCQ,oBAAmB;IACnB,qBAAoB;IACpB,oB5B7GiB;I4B8GjB,sB5B9GiB,E4B+GpB;EAEG;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EATL;IAxCR;MAVI,mBzB/G8C;MyBgH9C,kBAAiB,EAoDR;IA3Cb;MANI,gBzBnH8C,EyBuKrC;IA9Cb;MAHI,kBzBtH8C,EyB0KrC,EAAA;EAIT;IArDJ;MAwDgB,YAAU;MACV,gBAAc;MACd,iBAAe,EAClB,EAAA;;AAIb;EAEQ,sC1B7L6B;E0B8L7B,oBAAmB,EACtB;;AC1ML;EACC,sBAAqB,EACrB;;AACD;EACC,iBAAgB;EAChB,kBAAiB,EACjB;;AACD;EACC,4BAA2B;EAC3B,+BAA8B;EAC9B,uBAAsB,EACtB;;AACD;EACC,6BAA4B;EAC5B,gCAA+B;EAC/B,wBAAuB,EACvB;;AChBD;ErBmFC,cqBlF6D;ErBmF7D,mBAAkB;EAClB,wBTtB8B;E8B7D3B,yC9BuDmB,E8BjDtB;EALG;IACI,cAAa;IACb,0BAAyB;IACzB,2BAA0B,EAC7B;;ACPL;EACC,0B/BiE0B;E+BhE1B,cAAY;EACZ,cAAY;EACZ,mBAAkB;EAClB,iBAAgB,EAkBhB;EAvBD;IAOE,YAAW;IACX,mBAAkB;IAClB,YAAW;IACX,aAAY;IACZ,WAAU;IACV,aAAY;IACZ,kCAAiC,EASjC;IAtBF;MAgBG,gCAA+B;MAC/B,cAAa;MACb,aAAY;MACZ,mBAAkB;MAClB,WAAU,EACV;;AAGH;EACC,YAAU;EACV,aAAW;EACX,sBAAoB;EACpB,yBAAuB,EACvB;;AACD;EACC,mBAAkB;EAClB,WC7BW;ED8BX,sBAAoB,EACpB;;AACD;EACC,iBAAe,EACf;;AACD;EACC,+D7BhCyD;E6BiCzD,iBAAgB;EAChB,gC/BoBc;E+BnBd,gBAAc;EACd,iBAAgB;EAChB,0BAAwB,EACxB;;AE7CD;EACC,kBAAgB;EAChB,mBAAiB;EACjB,mBAAiB,EACjB;;AACD;EACI,mBAAkB;EAClB,iBAAgB,EACnB;;AACD;EACI,mBAAkB;EAClB,OAAM;EACN,UAAS;EACT,WAAS;EACT,eAAa,EAChB;;AACD;EACI,oBAAkB;EACrB,uBAAqB;EACrB,WAAS,EACT;;AACD;EACC,UAAQ;EACR,WAAS;EACT,iBAAe;EACf,sBAAoB,EACpB;;AAED;EACC,sBAAoB;EACpB,YAAU;EACV,aAAW;EACX,0BAAwB;EACxB,mBAAiB;EACjB,kBAAgB;EAChB,gBAAc,EACd;;AACD;EACC,eAAa,EACb;;AACD;EACC,uBAAqB,EACrB;;AChCD;;GAEG;AAGH;EZbC,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,+BAAmB;EAAnB,8BAAmB;MAAnB,wBAAmB;UAAnB,oBAAmB;EAAK,iDAAiD;EACzE,sBAAiB;MAAjB,kBAAiB;EAAM,kCAAkC;EACzD,wBAA2B;MAA3B,qBAA2B;UAA3B,4BAA2B;EAAG,mEAAmE;EACjG,yBAAuB;MAAvB,sBAAuB;UAAvB,wBAAuB;EAAI,yDAAyD;EACpF,4BAAsB;MAAtB,uBAAsB;EAAI,6EAA6E;EYUpG,iBAAgB,EAInB;EAHG;IACI,0BlC2CiB,EkC1CpB;;AAIL;;GAEG;AACH;EACI,mBAAkB;EZlBrB,oBAAY;MAAZ,qBAAY;UAAZ,aAAY;EAAE,eAAe;EAC7B,qBAAc;MAAd,eAAc;EAAG,eAAe;EAChC,8BAAgB;MAAhB,iBAAgB;EAAE,qBAAqB;EACvC,0BAAgB;MAAhB,iBAAgB;EAAE,gEAAgE;EAClF,qBAAqB;EYgBlB,oBAAY;MAAZ,qBAAY;UAAZ,aAAY,EAkBf;EAjBG;IACI,+BlC8BiB,EkC1BpB;IALA;MAGO,kBAAiB,EACpB;EAEL;IACI,oBAtCY;QAsCZ,qBAtCY;YAsCZ,aAtCY,EAuCf;EACD;IACI,8EAAuD;IAAvD,sEAAuD;IAAvD,qCAAuD;IAAvD,wGAAuD,EAM1D;IAPD;MAKQ,iCAAiE;UAAjE,kCAAiE;cAAjE,0BAAiE,EACpE;;AAIT;;GAEG;AAEF;EAEG,mBAAkB;EAClB,SAAQ;EACR,WAAU;EACV,WFxDQ;EEyDR,qDAA4C;MAA5C,iDAA4C;UAA5C,6CAA4C;EAE5C,YAPmB;EAQnB,aAAY;EACZ,6BAA4B;EAC5B,uBAAsB;EACtB,4BAA2B;EAG3B,qBAAoB,EA2DvB;EAzDiE;IAC1D;MACI,mFAAsG;UAAtG,+EAAsG;cAAtG,2EAAsG,EACzG,EAAA;EAGL;IACI,uEAAsE,EAoBzE;;AAlBG;EACI;IAAO,2BAA0B,EAAA;EACjC;IAAK,gCAA+B,EAAA,EAAA;;AAFxC;EACI;IAAO,2BAA0B,EAAA;EACjC;IAAK,gCAA+B,EAAA,EAAA;IAL3C;MASO,YAAW;MACX,mBAAkB;MAClB,SAAQ;MACR,UAAS;MACT,YAAW;MAEX,kBAAiB;MAEjB,gEAAuD;UAAvD,4DAAuD;cAAvD,wDAAuD;MACvD,6FAA4F;MAC5F,oFAA2E;cAA3E,4EAA2E,EAC9E;EAGL;IACI,qEAAoE;IACpE,YAAW,EAEd;EAEA;IAEO,YAAW;IACX,mBAAkB;IAClB,OAAM;IACN,UAAS;IACT,oCAA2B;QAA3B,gCAA2B;YAA3B,4BAA2B;IAC3B,aAAY;IACZ,WAAU;IACV,0BlC9CmB,EkC+CtB;EAVJ;IAYO,YAAW;IACX,mBAAkB;IAClB,SAAQ;IACR,UAAS;IACT,qDAA4C;QAA5C,iDAA4C;YAA5C,6CAA4C;IAC5C,YApEW;IAqEX,aAAY;IACZ,gFAA+E,EAClF;;AAMT;;GAEG;AACH;EACI,mBAAkB;EAElB,uBAAsB;EACtB,6BAA4B;EAC5B,mCAAkC;EAClC,kDAAoD;EAApD,0CAAoD;EAApD,kCAAoD;EAApD,iEAAoD,EA+BvD;EA5BiE;IAC1D;MACI,2EAKC;cALD,mEAKC;MACD,mBAAoC,EACvC;IACD;MACI,wEAKC;cALD,gEAKC;MACD,eAAc,EACjB;IACD;MACI,8DAKC;cALD,sDAKC,EACJ,EAAA;;AAMT;EACI,gCAA4C;UAA5C,wBAA4C,EAO/C;EALG;;IAEI,iCAAwB;YAAxB,yBAAwB,EAC3B;;AAIL;EACI,WAAU,EAIb;EAHG;IACI,WAAU,EACb;;AC1L6D;EADlE;IAEQ,oBAA+B;IAC/B,uBAAqC;IAErC,6EAKC;YALD,qEAKC,EA2BR;IAzBO;MACI,6EAKC;cALD,qEAKC,EACJ;IACD;MACI,+DAKC;cALD,uDAKC,EACJ;IACD;MACI,yEAKC;cALD,iEAKC,EACJ,EAAA;;ACtCT;EACI,eAAc;EACd,YAAW;EACX,uBAAsB;EACtB,0BAAyB;EACzB,0BpCwDW,EoCvDd;;AACD;EACI,4BAA2B;EAC3B,gCAA+B;EAC/B,iCAAgC;EAChC,0BpC2D6B;EoC1D7B,epC6CmB;EoC5CnB,iBAAgB,EACnB;;AACD;EACI,yBAAwB,EAE3B;;AACD;EACI,4CpCkD6B,EoCjDhC;;AACD;EACI,mBAAkB;EAClB,8BpCmCkB;EoClClB,uBAAsB,EASzB;EAZD;IAMQ,WAAU;IACV,kBAAiB;IACjB,epC2Be;IoC1Bf,iClCtBmB;IkCuBnB,oBAAmB,EACtB;;ACjCL;EACI,0CrCwDmB;EqCvDnB,mBAAkB;EAClB,mBAAkB;EAClB,mBAAkB;EAClB,gBAAe,EAqBlB;EA1BD;IAOQ,YAAW;IACX,mBAAkB;IAClB,YAAW;IACX,aAAY;IACZ,SAAQ;IACR,oCAA2B;QAA3B,gCAA2B;YAA3B,4BAA2B;IAC3B,YAAW;IACX,oDAAmD;IACnD,sBAAqB;IACrB,6BAA4B;IAC5B,6BAA4B,EAC/B;EAlBL;IAoBQ,0BrCmDoB;IqClDpB,erCwCO,EqCpCV;IAzBL;MAuBY,yBAAwB,EAC3B;;AAIT;EACI,iBAAgB,EACnB;;AACD;EACI,gBAAe,EAOlB;EARD;IAGQ,iBAAgB,EACnB;EAJL;IAMQ,oBAAmB,EACtB;;ACtCL;EACC,mBAAiB;EACjB,sBAAoB;EACpB,gBAAc,EACd;;AACD;EAEE,sCpCImC,EoCHnC;;AAEF;EAEC,eAAa;EACb,YAAU;EAEV,kBAAgB;EAChB,0BAAwB;EAExB,8BAA6B;EAE7B,0BtCqD8B;EsCpD9B,mBAAiB;EAEjB,+DpChByD;EoCiBzD,iBAAgB;EAChB,0BAAwB;EACxB,etC+C8B;EsC9C9B,iBAAe;EAEf,WAAS;EACT,oBAAmB;EACnB,wBAAuB,EACvB;;AACD;EAEC,aAAW;EACX,eAAa;EACb,mBAAiB;EACjB,SAAO;EACP,oCAA0B;MAA1B,gCAA0B;UAA1B,4BAA0B;EAC1B,WAAS;EACT,SAAO;EACP,UAAQ;EACR,gBAAc;EAEd,0BtC4B8B;EsC3B9B,+BAA6B;EAC7B,gCAA8B;EAC9B,iCAA+B,EAC/B;;AAED;EACC,etCKsB;EsCJtB,sBtCIsB,EsCHtB;;AACD;EACC,0BtCCsB,EsCAtB;;AACD;EAGC,oCAAmC;EACnC,YAAW;EACX,yBAAwB;EACxB,WAAS;EACT,mBAAkB;EAClB,OAAM;EACN,QAAM;EACH,WAAU,EACb;;AC3DD;;;GAGG;AACH;EjBZC,qBAAa;EAAb,qBAAa;EAAb,cAAa;EACb,+BAAmB;EAAnB,8BAAmB;MAAnB,wBAAmB;UAAnB,oBAAmB;EAAK,iDAAiD;EACzE,sBAAiB;MAAjB,kBAAiB;EAAM,kCAAkC;EACzD,wBAA2B;MAA3B,qBAA2B;UAA3B,4BAA2B;EAAG,mEAAmE;EACjG,yBAAuB;MAAvB,sBAAuB;UAAvB,wBAAuB;EAAI,yDAAyD;EACpF,4BAAsB;MAAtB,uBAAsB;EAAI,6EAA6E;EiBSpG,iBAAgB,EACnB;;AAID;;GAEG;AACH;EACI,mBAAkB;EjBfrB,oBAAY;MAAZ,qBAAY;UAAZ,aAAY;EAAE,eAAe;EAC7B,qBAAc;MAAd,eAAc;EAAG,eAAe;EAChC,8BAAgB;MAAhB,iBAAgB;EAAE,qBAAqB;EACvC,0BAAgB;MAAhB,iBAAgB;EAAE,gEAAgE;EAClF,qBAAqB;EiBalB,oBAAY;MAAZ,qBAAY;UAAZ,aAAY;EAEZ,8EAAuD;EAAvD,sEAAuD;EAAvD,qCAAuD;EAAvD,wGAAuD;EACvD,gCAtBwB;UAsBxB,wBAtBwB,EA+B3B;EAPG;IACI,oBAjCe;QAiCf,qBAjCe;YAiCf,aAjCe,EAsClB;IANA;MAIO,sBApCW;UAoCX,uBApCW;cAoCX,eApCW,EAqCd;;AAMT;;GAEG;AACH;EACI,mBAAkB;EAClB,SAAQ;EACR,WAAU;EACV,WP/CQ;EOgDR,qDAA4C;MAA5C,iDAA4C;UAA5C,6CAA4C;EAE5C,YAAW;EACX,aAAY;EACZ,6BAA4B;EAC5B,uBAAsB;EACtB,4BAA2B;EAG3B,qBAAoB,EAuJvB;EArJiE;IAC1D;MACI,mFAAsG;UAAtG,+EAAsG;cAAtG,2EAAsG,EACzG,EAAA;EAGL;IACI,uEAAsE,EAoBzE;;AAlBG;EACI;IAAO,2BAA0B,EAAA;EACjC;IAAK,gCAA+B,EAAA,EAAA;IAL3C;MASO,YAAW;MACX,mBAAkB;MAClB,SAAQ;MACR,UAAS;MACT,YAAW;MAEX,kBAAiB;MAEjB,gEAAuD;UAAvD,4DAAuD;cAAvD,wDAAuD;MACvD,6FAA4F;MAC5F,oFAA2E;cAA3E,4EAA2E,EAC9E;EAGL;IACI,qEAAoE;IACpE,YAAW,EACd;EAEA;IAEO,YAAW;IACX,mBAAkB;IAClB,OAAM;IACN,UAAS;IACT,oCAA2B;QAA3B,gCAA2B;YAA3B,4BAA2B;IAC3B,aAAY;IACZ,WAAU;IACV,0BvCpCmB,EuCqCtB;EAVJ;IAaO,YAAW;IACX,mBAAkB;IAClB,SAAQ;IACR,UAAS;IACT,qDAA4C;QAA5C,iDAA4C;YAA5C,6CAA4C;IAC5C,YAAW;IACX,aAAY;IACZ,gFAA+E,EAClF;EAGJ;IAEO,YAAW;IACX,mBAAkB;IAClB,OAAM;IACN,UAAS;IACT,oCAA2B;QAA3B,gCAA2B;YAA3B,4BAA2B;IAC3B,aAAY;IACZ,WAAU;IACV,0BAAyB,EAC5B;EAVJ;IAYO,YAAW;IACX,mBAAkB;IAClB,SAAQ;IACR,UAAS;IACT,qDAA4C;QAA5C,iDAA4C;YAA5C,6CAA4C;IAC5C,YAAW;IACX,aAAY;IACZ,sFAAqF,EACxF;EAGJ;IAEO,YAAW;IACX,mBAAkB;IAClB,OAAM;IACN,UAAS;IACT,oCAA2B;QAA3B,gCAA2B;YAA3B,4BAA2B;IAC3B,aAAY;IACZ,WAAU;IACV,0BAAyB,EAC5B;EAVJ;IAYO,YAAW;IACX,mBAAkB;IAClB,SAAQ;IACR,UAAS;IACT,qDAA4C;QAA5C,iDAA4C;YAA5C,6CAA4C;IAC5C,YAAW;IACX,aAAY;IACZ,oFAAmF,EACtF;EAGJ;IAEO,YAAW;IACX,mBAAkB;IAClB,OAAM;IACN,UAAS;IACT,oCAA2B;QAA3B,gCAA2B;YAA3B,4BAA2B;IAC3B,aAAY;IACZ,WAAU;IACV,0BAAyB,EAC5B;EAVJ;IAYO,YAAW;IACX,mBAAkB;IAClB,SAAQ;IACR,UAAS;IACT,qDAA4C;QAA5C,iDAA4C;YAA5C,6CAA4C;IAC5C,YAAW;IACX,aAAY;IACZ,oFAAmF,EACtF;EAGJ;IAEO,YAAW;IACX,mBAAkB;IAClB,OAAM;IACN,UAAS;IACT,oCAA2B;QAA3B,gCAA2B;YAA3B,4BAA2B;IAC3B,aAAY;IACZ,WAAU;IACV,0BAAyB,EAC5B;EAVJ;IAYO,YAAW;IACX,mBAAkB;IAClB,SAAQ;IACR,UAAS;IACT,qDAA4C;QAA5C,iDAA4C;YAA5C,6CAA4C;IAC5C,YAAW;IACX,aAAY;IACZ,sFAAqF,EACxF;;AAMT;;GAEG;AACH;EACI,mBAAkB;EAClB,aAAY;EACZ,kBAAiB;EACjB,mBAAkB;EAElB,uBAAsB;EACtB,6BAA4B;EAC5B,mCAAkC;EAClC,kDAAoD;EAApD,0CAAoD;EAApD,kCAAoD;EAApD,iEAAoD;EACpD,gCAA4C;UAA5C,wBAA4C,EAmC/C;EAjCG;IACI,iCAAwB;YAAxB,yBAAwB,EAC3B;EAG6D;IAC1D;MACI,2EAKC;cALD,mEAKC;MACD,mBAAoC,EACvC;IACD;MACI,wEAKC;cALD,gEAKC;MACD,eAAc,EACjB;IACD;MACI,8DAKC;cALD,sDAKC,EACJ,EAAA;;AAMT;;GAEG;AACH;EACI,mBAAkB;EAClB,UAAS;EACT,QAAO;EACP,mBAAkB;EAClB,2CAAqD;EAArD,mCAAqD;EACrD,WAAU,EAMb;EAJG;IACI,gCAAoE;YAApE,wBAAoE;IACpE,WAAU,EACb;;ACzRL;EACI,YAAW;EACX,aAAY,EACf;;AACD;EACI,mBAAkB;EAClB,WAAU;EACV,YAAW;EACX,SAAQ;EACR,UAAS;EACT,wDAA+C;MAA/C,oDAA+C;UAA/C,gDAA+C,EAClD;;AACD;EACI,mBAAkB;EAClB,eAAc;EACd,YAAW;EACX,aAAY;EACZ,SAAQ;EACR,UAAS;EACT,cAAa;EACb,aAAY,EACf;;AACD;EACI,mBAAkB;EAClB,eAAc;EACd,YAAW;EACX,aAAY;EACZ,OAAM;EACN,QAAO;EACP,WAAU;EACV,kBAAiB;EACjB,yBAAwB;EACxB,4EAA2D;EAA3D,oEAA2D;EAA3D,4DAA2D;EAA3D,yFAA2D,EAC9D;;AACD;EACI,gBxC4CuB,EwC3C1B;;AACD;EACI,gBxC2CyB,EwC1C5B;;AACD;EACI,gBxCuCqB,EwCtCxB;;ACzCD;EAEQ,aAAW;EACX,WAAU;EACV,YAAW;EACX,sBAAqB;EACrB,uDAAsD;EACtD,qBAAoB;EACpB,6BAA4B;EAC5B,iBAAgB;EAChB,uBAAsB,EACzB;;AACA;EAEO,sDAAqD,EACxD;;AAHJ;EAMW,uDAAsD,EACzD;;AAEL;EATH;IAYe,wDAAuD,EAC1D,EAAA;;AC1BjB;EACC,oBvCaiD,EuCZjD;;AACD;EACC,mBvCUiD,EuCTjD;;AACD;EACC,kBvCOiD,EuCNjD;;AACD;EACC,gBvCIiD,EuCHjD;;AACD;EACC,kBvCCiD,EuCAjD;;AACD;EACC,oBvCFiD,EuCGjD;;AACD;EACC,sBvCLiD,EuCMjD;;AACD;EACC,sBvCRiD,EuCSjD;;AACD;EACC,sBvCXiD,EuCYjD;;AACD;EACC,sBvCdiD,EuCejD;;AACD;EACC,sBvCjBiD,EuCkBjD;;AACD;EACC,uBvCpBiD,EuCqBjD;;AAGA;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC3D+C,EuC4D/C,EAAA;;AApCF;EACC;IACC,oBvC1B+C,EuC2B/C;EACD;IACC,mBvC7B+C,EuC8B/C;EACD;IACC,kBvChC+C,EuCiC/C;EACD;IACC,gBvCnC+C,EuCoC/C;EACD;IACC,kBvCtC+C,EuCuC/C;EACD;IACC,oBvCzC+C,EuC0C/C;EACD;IACC,sBvC5C+C,EuC6C/C;EACD;IACC,sBvC/C+C,EuCgD/C;EACD;IACC,sBvClD+C,EuCmD/C;EACD;IACC,sBvCrD+C,EuCsD/C;EACD;IACC,sBvCxD+C,EuCyD/C;EACD;IACC,uBvC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AwB,EAEzB,EAAA;;AAED;EAEE,0DAAwD,EAIxD;EAHA;IAHF;MAIG,mDAAiD,EAElD,EAAA;;AAEF;EACC,YAAU;EACV,mBAAiB;EACjB,2DAAyD;EACzD,yBAAwB,EACxB;;AACD;EACC,gEAA8D,EAC9D;;AACD;EACC,cAAa;EACb,aAAY;EACZ,oEAAmE;EACnE,uBAAsB,EACtB;;ACnCD;EACI,eAAa;EACb,enDyDW;EmDvDX,mBAAkB;EAElB,uDAA2C;UAA3C,+CAA2C;E1CgF9C,eAAa;EACb,kBAFmC;EAGnC,mBAAkB;EAClB,iBAAgB;EAChB,kBAAiB;E0CxEd,iEAAiE;EAWjE,8BAAqB;EAArB,sBAAqB,EACxB;E1C6DA;IACC,mBAAiB;IACjB,OAAK;IACL,QAAM;IACN,YAAU;IACV,aAAW;IACX,yBAAuB;IACvB,yBAAuB;IACvB,6BAA2B,EAC3B;EACD;IAgDA,uBAAqB;IACrB,6BAA2B;IAC3B,4BAA0B,EAhDzB;EACD;IACC,iBAAe,EACf;EACD;IACC,iBAAe,EACf;EACD;IACC,oBAAkB,EAClB;EACD;IACC,iBAAe,EACf;EACD;IACC,iBAAe,EACf;EAEA;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;E0CvIJ;IAUQ,enDiDO;ImD5CP,YnBXK;ImBYL,+BAAsB;QAAtB,2BAAsB;YAAtB,uBAAsB,EACzB;IAjBL;MAYY,wCAdwB;MAexB,yExBbqC;MwBarC,iExBbqC,EwBcxC;EAKL;IAnBJ;MAwBY,WnBxBA;MmByBA,wBAAe;UAAf,oBAAe;cAAf,gBAAe,EAClB;MA1BT;QAsBgB,wCAxBoB,EAyBvB,E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IACC,iBAAe,EACf;EACD;IACC,oBAAkB,EAClB;EACD;IACC,iBAAe,EACf;EACD;IACC,iBAAe,EACf;EAEA;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EA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F;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MA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;;AAED;EACI,gDAA+C;EAC/C,0BAAyB,EAC5B;;AAED;EACI,wBAAuB;EACvB,uBAAsB;EACtB,mBAAkB;EAClB,aAAY,EACf;;AAED;EACI,+BAAsB;UAAtB,uBAAsB;EACtB,iBAAgB;EAChB,UAAS;EACT,eAAc;EACd,YAAW,EACd;;AAED;EACI,iBAAgB,EACnB;;AAED;EACI,YAAW;EACX,gBAAe;EACf,YAAW,EACd;;AAED;EACI,gBAAe;EACf,aAAY;EACZ,kBAAiB;EACjB,gBAAe;EACf,mBAAkB,EACrB;;AAED;EACI,0BAAyB;EACzB,uBAAsB;EACtB,mBAAkB;EAClB,gBAAe;EACf,YAAW;EACX,kBAAiB;EACjB,gBAAe;EACf,eAAc,EACjB;;AAED;EACI,YAAW;EACX,gBAAe;EACf,sBAAqB;EACrB,kBAAiB;EACjB,kBAAiB,EACpB;;AAED;EACI,YAAW,EACd;;AAED;;;EAGI,aAAY,EACf;;AAED;EACI,iBAAgB;EAChB,mBAAkB,EACrB;;AAED;EACI,iBAAgB;EAChB,mBAAkB,EACrB;;AAED;EACI,wBAAuB;EACvB,WAAU,EACb;;AAED;EACI,uBAAsB;EACtB,gBAAe,EAClB;;AAED;EACI,cAAa,EAChB;;AAED;;EAEI,0BAAyB;EACzB,2BAA0B,EAC7B;;AAQD;EACI,uBAAsB;EACtB,qBAAqB;EACrB,YAAW,EACd;;AAED;EACI,wBAAuB;EACvB,aAAY;EACZ,WAAU;EACV,yBAAgB;UAAhB,iBAAgB;EAChB,8BAA6B,EAChC;;AAED;EACI,kBAAiB;EACjB,iBAAgB,EACnB;;AAED;EACI,WAAU,EACb;;AAED;EACI,YAAW,EACd;;AAED;EACI,uBAAsB,EACzB;;AAED;EACI,kBAAiB,EACpB;;AAED;EACI,gBAAe,EAClB;;AAED;EACI,kBAAiB;EACjB,kBAAiB,EACpB;;AAED;EACI,kBAAiB;EACjB,kBAAiB,EACpB;;AAED;EACI,kBAAiB;EACjB,kBAAiB,EACpB;;AAED;EACI,kBAAiB;EACjB,kBAAiB,EACpB;;AAED;EACI,kBAAiB;EACjB,kBAAiB,EAC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AA2B;UAA3B,4BAA2B,EwJ5I5B;;AACD;ExJiJE,mBAAkB;EAClB,UAAS;EACT,oCAA2B;MAA3B,gCAA2B;UAA3B,4BAA2B;EwJjJzB,mBAAkB,EACrB;;AACD;EACI,kBAAiB;EACjB,mBAAkB,EAIrB;EAHG;IAHJ;MAIQ,eAAc,EAErB,EAAA;;AAED;EACI,mBAAkB,EACrB;;AACD;EACI,kBAAiB,EACpB;;AACD;EACI,iBAAgB,EACnB;;AAED;EACI,oBAAmB,EACtB;;AACD;EACI,uBAAsB,EACzB;;AACD;EACI,uBAAsB,EACzB;;AACD;EACI,yBAAwB,EAC3B;;AApCD;ExJ4IE,mBAAkB;EAClB,SAAQ;EACR,oCAA2B;MAA3B,gCAA2B;UAA3B,4BAA2B,EwJvG5B;;AApCD;ExJiJE,mBAAkB;EAClB,UAAS;EACT,oCAA2B;MAA3B,gCAA2B;UAA3B,4BAA2B,EwJ5G5B;;AAGA;EACC;IACC,iBAAgB,EAChB;EACD;IACC,kBAAiB,EACX;EACD;IACL,mBAAkB,EAClB,EAAA;;AATF;EACC;IACC,iBAAgB,EAChB;EACD;IACC,kBAAiB,EACX;EACD;IACL,mBAAkB,EAClB,EAAA;;AATF;EACC;IACC,iBAAgB,EAChB;EACD;IACC,kBAAiB,EACX;EACD;IACL,mBAAkB,EAClB,EAAA;;AATF;EACC;IACC,iBAAgB,EAChB;EACD;IACC,kBAAiB,EACX;EACD;IACL,mBAAkB,EAClB,EAAA;;AATF;EACC;IACC,iBAAgB,EAChB;EACD;IACC,kBAAiB,EACX;EACD;IACL,mBAAkB,EAClB,EAAA;;AATF;EACC;IACC,iBAAgB,EAChB;EACD;IACC,kBAAiB,EACX;EACD;IACL,mBAAkB,EAClB,EAAA;;AATF;EACC;IACC,iBAAgB,EAChB;EACD;IACC,kBAAiB,EACX;EACD;IACL,mBAAkB,EAClB,EAAA;;AATF;EACC;IACC,iBAAgB,EAChB;EACD;IACC,kBAAiB,EACX;EACD;IACL,mBAAkB,EAClB,EAAA;;AATF;EACC;IACC,iBAAgB,EAChB;EACD;IACC,kBAAiB,EACX;EACD;IACL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;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf;IACD;MACC,oBAAkB,EAClB;IACD;MACC,iBAAe,EACf;IACD;MACC,iBAAe,EACf,EAAA;EAfF;IACC;MACC,iBAAe,EACf;IAC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","file":"overwatch-site.css","sourcesContent":["/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n  margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n  display: none;\n}\n","// noto sans + open sans\n@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700|Open+Sans:400,300,600,700);\n\n// futura\n@font-face {\n    font-family: 'FuturaNo2D';\n    src: url('/fonts/FuturaNo2D-DemiBold.woff') format('woff');\n    font-weight: 600;\n    font-style: normal;\n}\n\n// big noodle font\n@font-face {\n    font-family: 'Big Noodle Too';\n    src: url('/fonts/big-noodle-too.woff') format('woff');\n    font-weight: normal;\n    font-style: normal;\n}\n@font-face {\n    font-family: 'Big Noodle Too';\n    src: url('/fonts/big-noodle-too-oblique.woff') format('woff');\n    font-weight: normal;\n    font-style: italic;\n}\n\n// korean fonts\n//Big Noodle replacement\n@font-face {\n    font-family: 'Koverwatch';\n    src: url('/fonts/koverwatch-webfont.woff') format('woff');\n    font-weight: normal;\n    font-style: normal;\n}\n\n//Futura replacment\n@font-face {\n    font-family: 'BlackFit77';\n    src: url('/fonts/yoonblackfit77-webfont.woff') format('woff');\n    font-weight: normal;\n    font-style: normal;\n}\n\n// Japanese fonts\n//Body Copy Replacement\n@font-face {\n    font-family: 'UDTypos';\n    src: url('/fonts/UDTypos512B_P_H.TTF') format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\n\n//Big Noodle and Futura replacment\n@font-face {\n    font-family: 'DFSoGeiStd';\n    src: url('/fonts/DFSoGeiStd-W9.ttf') format('truetype');\n    font-weight: normal;\n    font-style: normal;\n}\n","/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700|Open+Sans:400,300,600,700);\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */ }\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0; }\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */ }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */ }\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent; }\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */ }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder; }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */ }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline; }\n\nsub {\n  bottom: -0.25em; }\n\nsup {\n  top: -0.5em; }\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none; }\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */ }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none; }\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button; }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText; }\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */ }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline; }\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */ }\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */ }\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block; }\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item; }\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none; }\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none; }\n\ninput:invalid {\n  box-shadow: none; }\n\n@font-face {\n  font-family: 'FuturaNo2D';\n  src: url(\"/fonts/FuturaNo2D-DemiBold.woff\") format(\"woff\");\n  font-weight: 600;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'Big Noodle Too';\n  src: url(\"/fonts/big-noodle-too.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'Big Noodle Too';\n  src: url(\"/fonts/big-noodle-too-oblique.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: italic; }\n\n@font-face {\n  font-family: 'Koverwatch';\n  src: url(\"/fonts/koverwatch-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'BlackFit77';\n  src: url(\"/fonts/yoonblackfit77-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'UDTypos';\n  src: url(\"/fonts/UDTypos512B_P_H.TTF\") format(\"truetype\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'DFSoGeiStd';\n  src: url(\"/fonts/DFSoGeiStd-W9.ttf\") format(\"truetype\");\n  font-weight: normal;\n  font-style: normal; }\n\n/*\n* root styles\n*/\n*, *:before, *:after {\n  box-sizing: inherit;\n  background-repeat: no-repeat;\n  vertical-align: inherit;\n  white-space: inherit;\n  text-overflow: inherit;\n  text-shadow: inherit; }\n\nhtml {\n  -ms-text-size-adjust: 100%;\n  -webkit-text-size-adjust: 100%;\n  position: relative;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  box-sizing: border-box;\n  font-size: 10px; }\n\nbody {\n  color: #333333;\n  fill: #333333;\n  padding: 0;\n  margin: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  background-color: #F6F6F6;\n  max-width: 100%;\n  overflow-x: hidden;\n  font-family: \"Arial\", sans-serif;\n  font-size: 1.6rem;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  line-height: 1.4; }\n  @media screen and (min-width: 2560px) {\n    body {\n      max-width: 2560px;\n      margin-left: auto;\n      margin-right: auto; } }\n\nbody.ko-kr {\n  font-family: \"Noto Sans\", sans-serif;\n  word-break: keep-all; }\n\nbody.ja-jp {\n  font-family: \"UDTypos\", \"Arial\", sans-serif; }\n\n/*\n* typography\n*/\nh1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .data-table > tbody, .media-thumbnail > .caption {\n  margin: 0;\n  display: block;\n  text-transform: uppercase;\n  white-space: normal; }\n\nh1, .h1 {\n  font-family: \"Big Noodle Too\", impact, sans-serif;\n  font-size: 4.88281rem;\n  font-style: italic;\n  font-weight: normal;\n  font-variant: normal;\n  line-height: normal;\n  letter-spacing: 0.5px; }\n  @media only screen and (min-width: 768px) {\n    h1, .h1 {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 1280px) {\n    h1, .h1 {\n      font-size: 7.62939rem; } }\n\nh2, .h2 {\n  font-family: \"Big Noodle Too\", impact, sans-serif;\n  font-size: 3.90625rem;\n  font-style: italic;\n  font-weight: normal;\n  font-variant: normal;\n  line-height: normal;\n  letter-spacing: 0.8px; }\n  @media only screen and (min-width: 768px) {\n    h2, .h2 {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 1280px) {\n    h2, .h2 {\n      font-size: 6.10352rem; } }\n\nh3, .h3 {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 2.5rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal; }\n  @media only screen and (min-width: 768px) {\n    h3, .h3 {\n      font-size: 3.125rem; } }\n\nh4, .h4 {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 2rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal; }\n  @media only screen and (min-width: 768px) {\n    h4, .h4 {\n      font-size: 2.5rem; } }\n\nh5, .h5 {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 2rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal; }\n\nh6, .h6, .data-table > tbody, .media-thumbnail > .caption {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 1.6rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal;\n  letter-spacing: 0.5px; }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .h1\\@xs {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {\n    .h1\\@xs {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 1280px) {\n    .h1\\@xs {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .h2\\@xs {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {\n    .h2\\@xs {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 1280px) {\n    .h2\\@xs {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .h3\\@xs {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {\n    .h3\\@xs {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .h4\\@xs {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {\n    .h4\\@xs {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .h5\\@xs {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@xs {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .h1\\@sm {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {\n    .h1\\@sm {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 1280px) {\n    .h1\\@sm {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .h2\\@sm {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {\n    .h2\\@sm {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 1280px) {\n    .h2\\@sm {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .h3\\@sm {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {\n    .h3\\@sm {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .h4\\@sm {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {\n    .h4\\@sm {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .h5\\@sm {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@sm {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 400px) {\n  .h1\\@sm-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 400px) and (min-width: 768px) {\n    .h1\\@sm-min {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 400px) and (min-width: 1280px) {\n    .h1\\@sm-min {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 400px) {\n  .h2\\@sm-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 400px) and (min-width: 768px) {\n    .h2\\@sm-min {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 400px) and (min-width: 1280px) {\n    .h2\\@sm-min {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 400px) {\n  .h3\\@sm-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 400px) and (min-width: 768px) {\n    .h3\\@sm-min {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 400px) {\n  .h4\\@sm-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 400px) and (min-width: 768px) {\n    .h4\\@sm-min {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 400px) {\n  .h5\\@sm-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@sm-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .h1\\@md {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {\n    .h1\\@md {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 1280px) {\n    .h1\\@md {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .h2\\@md {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {\n    .h2\\@md {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 1280px) {\n    .h2\\@md {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .h3\\@md {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {\n    .h3\\@md {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .h4\\@md {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {\n    .h4\\@md {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .h5\\@md {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@md {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 768px) {\n  .h1\\@md-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 768px) and (min-width: 768px) {\n    .h1\\@md-min {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 768px) and (min-width: 1280px) {\n    .h1\\@md-min {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 768px) {\n  .h2\\@md-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 768px) and (min-width: 768px) {\n    .h2\\@md-min {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 768px) and (min-width: 1280px) {\n    .h2\\@md-min {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 768px) {\n  .h3\\@md-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 768px) and (min-width: 768px) {\n    .h3\\@md-min {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 768px) {\n  .h4\\@md-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 768px) and (min-width: 768px) {\n    .h4\\@md-min {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 768px) {\n  .h5\\@md-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@md-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .h1\\@lg {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {\n    .h1\\@lg {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 1280px) {\n    .h1\\@lg {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .h2\\@lg {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {\n    .h2\\@lg {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 1280px) {\n    .h2\\@lg {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .h3\\@lg {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {\n    .h3\\@lg {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .h4\\@lg {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {\n    .h4\\@lg {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .h5\\@lg {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@lg {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 992px) {\n  .h1\\@lg-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 992px) and (min-width: 768px) {\n    .h1\\@lg-min {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 992px) and (min-width: 1280px) {\n    .h1\\@lg-min {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 992px) {\n  .h2\\@lg-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 992px) and (min-width: 768px) {\n    .h2\\@lg-min {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 992px) and (min-width: 1280px) {\n    .h2\\@lg-min {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 992px) {\n  .h3\\@lg-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 992px) and (min-width: 768px) {\n    .h3\\@lg-min {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 992px) {\n  .h4\\@lg-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 992px) and (min-width: 768px) {\n    .h4\\@lg-min {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 992px) {\n  .h5\\@lg-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@lg-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .h1\\@xl {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {\n    .h1\\@xl {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 1280px) {\n    .h1\\@xl {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .h2\\@xl {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {\n    .h2\\@xl {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 1280px) {\n    .h2\\@xl {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .h3\\@xl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {\n    .h3\\@xl {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .h4\\@xl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {\n    .h4\\@xl {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .h5\\@xl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@xl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 1280px) {\n  .h1\\@xl-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 1280px) and (min-width: 768px) {\n    .h1\\@xl-min {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 1280px) and (min-width: 1280px) {\n    .h1\\@xl-min {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 1280px) {\n  .h2\\@xl-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 1280px) and (min-width: 768px) {\n    .h2\\@xl-min {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 1280px) and (min-width: 1280px) {\n    .h2\\@xl-min {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 1280px) {\n  .h3\\@xl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 1280px) and (min-width: 768px) {\n    .h3\\@xl-min {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 1280px) {\n  .h4\\@xl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 1280px) and (min-width: 768px) {\n    .h4\\@xl-min {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 1280px) {\n  .h5\\@xl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@xl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .h1\\@xxl {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {\n    .h1\\@xxl {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 1280px) {\n    .h1\\@xxl {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .h2\\@xxl {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {\n    .h2\\@xxl {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 1280px) {\n    .h2\\@xxl {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .h3\\@xxl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {\n    .h3\\@xxl {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .h4\\@xxl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {\n    .h4\\@xxl {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .h5\\@xxl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@xxl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 1600px) {\n  .h1\\@xxl-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 1600px) and (min-width: 768px) {\n    .h1\\@xxl-min {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 1600px) and (min-width: 1280px) {\n    .h1\\@xxl-min {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 1600px) {\n  .h2\\@xxl-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 1600px) and (min-width: 768px) {\n    .h2\\@xxl-min {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 1600px) and (min-width: 1280px) {\n    .h2\\@xxl-min {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 1600px) {\n  .h3\\@xxl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 1600px) and (min-width: 768px) {\n    .h3\\@xxl-min {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 1600px) {\n  .h4\\@xxl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 1600px) and (min-width: 768px) {\n    .h4\\@xxl-min {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 1600px) {\n  .h5\\@xxl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@xxl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .h1\\@xxxl {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {\n    .h1\\@xxxl {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 1280px) {\n    .h1\\@xxxl {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .h2\\@xxxl {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {\n    .h2\\@xxxl {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 1280px) {\n    .h2\\@xxxl {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .h3\\@xxxl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {\n    .h3\\@xxxl {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .h4\\@xxxl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {\n    .h4\\@xxxl {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .h5\\@xxxl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@xxxl {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\n@media only screen and (min-width: 2560px) {\n  .h1\\@xxxl-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 4.88281rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n  @media only screen and (min-width: 2560px) and (min-width: 768px) {\n    .h1\\@xxxl-min {\n      font-size: 6.10352rem; } }\n  @media only screen and (min-width: 2560px) and (min-width: 1280px) {\n    .h1\\@xxxl-min {\n      font-size: 7.62939rem; } }\n\n@media only screen and (min-width: 2560px) {\n  .h2\\@xxxl-min {\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-size: 3.90625rem;\n    font-style: italic;\n    font-weight: normal;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.8px; } }\n  @media only screen and (min-width: 2560px) and (min-width: 768px) {\n    .h2\\@xxxl-min {\n      font-size: 4.88281rem; } }\n  @media only screen and (min-width: 2560px) and (min-width: 1280px) {\n    .h2\\@xxxl-min {\n      font-size: 6.10352rem; } }\n\n@media only screen and (min-width: 2560px) {\n  .h3\\@xxxl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2.5rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 2560px) and (min-width: 768px) {\n    .h3\\@xxxl-min {\n      font-size: 3.125rem; } }\n\n@media only screen and (min-width: 2560px) {\n  .h4\\@xxxl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; } }\n  @media only screen and (min-width: 2560px) and (min-width: 768px) {\n    .h4\\@xxxl-min {\n      font-size: 2.5rem; } }\n\n@media only screen and (min-width: 2560px) {\n  .h5\\@xxxl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal; }\n  .h6\\@xxxl-min {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px; } }\n\nbody.ko-kr h1, body.ko-kr .h1, body.ko-kr h2, body.ko-kr .h2 {\n  font-family: \"Koverwatch\", sans-serif;\n  font-style: normal; }\n\nbody.ko-kr h3, body.ko-kr .h3, body.ko-kr h4 .h4, body.ko-kr h5, body.ko-kr .h5, body.ko-kr h6, body.ko-kr .h6, body.ko-kr .data-table > tbody, body.ko-kr .media-thumbnail > .caption {\n  font-family: \"BlackFit77\", sans-serif; }\n\nbody.ja-jp h1, body.ja-jp .h1, body.ja-jp h2, body.ja-jp .h2, body.ja-jp h3, body.ja-jp .h3, body.ja-jp h4, body.ja-jp .h4, body.ja-jp h5, body.ja-jp .h5, body.ja-jp h6, body.ja-jp .h6, body.ja-jp .data-table > tbody, body.ja-jp .media-thumbnail > .caption {\n  font-family: \"DFSoGeiStd\", sans-serif;\n  font-style: normal; }\n\np {\n  margin-top: 0;\n  margin-bottom: 0;\n  white-space: normal; }\n\nspan {\n  white-space: normal; }\n\n/*\n* basic styles\n*/\na {\n  color: #ff9c00;\n  white-space: normal;\n  text-decoration: none; }\n  a:hover {\n    color: #ffb033; }\n  a:focus {\n    color: #ffb033; }\n  a:visited {\n    color: #ffc466; }\n  a:active {\n    color: #ffc466; }\n\nhr {\n  border: 0;\n  border-bottom: 3px solid rgba(246, 246, 246, 0.3); }\n  @media only screen and (min-width: 768px) {\n    hr {\n      border-bottom-width: 6px; } }\n\nhr.m-dark {\n  border-bottom-color: rgba(64, 82, 117, 0.5); }\n\nul {\n  list-style: none;\n  padding: 0;\n  margin: 0; }\n\nbody.ko-kr blockquote {\n  font-family: \"Noto Sans\", sans-serif;\n  font-style: normal; }\n\nblockquote {\n  font-family: \"Arial\", sans-serif;\n  font-style: italic;\n  font-size: 1.6rem;\n  line-height: 1.25;\n  background-color: #f8f8f8;\n  color: #545454;\n  margin: 0;\n  padding: 15px;\n  border-radius: 2px; }\n  blockquote p {\n    margin: 0 0 10px; }\n  blockquote cite {\n    color: rgba(84, 84, 84, 0.5);\n    font-size: 1.4rem; }\n  blockquote a {\n    color: #545454; }\n\n:not(pre) > code[class*=\"language-\"], pre[class*=\"language-\"] {\n  background-color: rgba(84, 84, 84, 0.025);\n  border-radius: 2px;\n  padding: 15px; }\n\ncode {\n  display: block;\n  margin: 10px 0;\n  overflow: auto; }\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n  width: 100%; }\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline; }\n\nsup {\n  top: -0.3em; }\n\nsub {\n  bottom: -0.2em; }\n\nbody.ko-kr select {\n  font-family: \"BlackFit77\", sans-serif; }\n\nselect {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  text-transform: uppercase;\n  padding: 3px 18px 3px 6px;\n  color: #333333; }\n\ntable, thead, tbody, tr {\n  width: 100%;\n  border-collapse: collapse; }\n\nform {\n  white-space: normal; }\n\nbutton {\n  white-space: normal; }\n\nsmall {\n  font-size: 0.8em; }\n\nsvg {\n  fill: inherit; }\n\n/*top margin of headings immediately following a heading*/\nh1 + h2, h1 + h3, h1 + h4, h2 + h2, h2 + h3, h2 + h4, h3 + h2, h3 + h3, h3 + h4, h4 + h2, h4 + h3, h4 + h4, ol + p, ul + p, h1 + ol, h2 + ol, h3 + ol, h1 + ul, h2 + ul, h3 + ul {\n  margin-top: 0.3em; }\n\nh1 + p, .h1 + p,\nh2 + p, .h2 + p,\nh3 + p, .h3 + p,\nh4 + p, .h4 + p,\nh5 + p, .h5 + p,\nh6 + p, .h6 + p, .data-table > tbody + p, .media-thumbnail > .caption + p,\nh1 + .paragraph-spacing, .h1 + .paragraph-spacing,\nh2 + .paragraph-spacing, .h2 + .paragraph-spacing,\nh3 + .paragraph-spacing, .h3 + .paragraph-spacing,\nh4 + .paragraph-spacing, .h4 + .paragraph-spacing,\nh5 + .paragraph-spacing, .h5 + .paragraph-spacing,\nh6 + .paragraph-spacing, .h6 + .paragraph-spacing, .data-table > tbody + .paragraph-spacing, .media-thumbnail > .caption + .paragraph-spacing,\nh1 + * > p:first-child, .h1 + * > p:first-child,\nh2 + * > p:first-child, .h2 + * > p:first-child,\nh3 + * > p:first-child, .h3 + * > p:first-child,\nh4 + * > p:first-child, .h4 + * > p:first-child,\nh5 + * > p:first-child, .h5 + * > p:first-child,\nh6 + * > p:first-child, .h6 + * > p:first-child, .data-table > tbody + * > p:first-child, .media-thumbnail > .caption + * > p:first-child {\n  margin-top: 0.6em; }\n\n/*top margin to headings immediately following a paragraph*/\np + h2, p + .h2, p + h3, p + .h3 {\n  margin-top: 0.4em; }\n\np + h4, p + h5, p + h6, p + .h4, p + .h5, p + .h6, .data-table > p + tbody, .media-thumbnail > p + .caption {\n  margin-top: 1.25em; }\n\np + p, p + .paragraph-spacing {\n  margin-top: 0.8em; }\n\n@media print {\n  @page {\n    margin: 0.5cm; }\n  body {\n    font: 12pt Georgia, \"Times New Roman\", Times, serif;\n    line-height: 1.3; }\n  img {\n    max-width: 100%;\n    border: 0; }\n  video, audio, object, embed {\n    display: none; }\n  p a[href^=\"http\"]:after {\n    word-wrap: break-word;\n    content: \" (\" attr(href) \")\";\n    font-size: 80%; } }\n\n.row {\n  max-width: none;\n  margin-left: auto;\n  margin-right: auto; }\n  .row::before, .row::after {\n    content: ' ';\n    display: table;\n    flex-basis: 0;\n    order: 1; }\n  .row::after {\n    clear: both; }\n  .row.collapse > .column, .row.collapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .row .row {\n    margin-left: 0;\n    margin-right: 0; }\n    .row .row.collapse {\n      margin-left: 0;\n      margin-right: 0; }\n  .row.expanded {\n    max-width: none; }\n    .row.expanded .row {\n      margin-left: auto;\n      margin-right: auto; }\n\n.column, .columns {\n  width: 100%;\n  float: left;\n  padding-left: 0;\n  padding-right: 0; }\n  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {\n    float: right; }\n  .column.end:last-child:last-child, .end.columns:last-child:last-child {\n    float: left; }\n\n.column.row.row, .row.row.columns {\n  float: none; }\n  .row .column.row.row, .row .row.row.columns {\n    padding-left: 0;\n    padding-right: 0;\n    margin-left: 0;\n    margin-right: 0; }\n\n.small-1 {\n  width: 8.33333%; }\n\n.small-push-1 {\n  position: relative;\n  left: 8.33333%; }\n\n.small-pull-1 {\n  position: relative;\n  left: -8.33333%; }\n\n.small-offset-0 {\n  margin-left: 0%; }\n\n.small-2 {\n  width: 16.66667%; }\n\n.small-push-2 {\n  position: relative;\n  left: 16.66667%; }\n\n.small-pull-2 {\n  position: relative;\n  left: -16.66667%; }\n\n.small-offset-1 {\n  margin-left: 8.33333%; }\n\n.small-3 {\n  width: 25%; }\n\n.small-push-3 {\n  position: relative;\n  left: 25%; }\n\n.small-pull-3 {\n  position: relative;\n  left: -25%; }\n\n.small-offset-2 {\n  margin-left: 16.66667%; }\n\n.small-4 {\n  width: 33.33333%; }\n\n.small-push-4 {\n  position: relative;\n  left: 33.33333%; }\n\n.small-pull-4 {\n  position: relative;\n  left: -33.33333%; }\n\n.small-offset-3 {\n  margin-left: 25%; }\n\n.small-5 {\n  width: 41.66667%; }\n\n.small-push-5 {\n  position: relative;\n  left: 41.66667%; }\n\n.small-pull-5 {\n  position: relative;\n  left: -41.66667%; }\n\n.small-offset-4 {\n  margin-left: 33.33333%; }\n\n.small-6 {\n  width: 50%; }\n\n.small-push-6 {\n  position: relative;\n  left: 50%; }\n\n.small-pull-6 {\n  position: relative;\n  left: -50%; }\n\n.small-offset-5 {\n  margin-left: 41.66667%; }\n\n.small-7 {\n  width: 58.33333%; }\n\n.small-push-7 {\n  position: relative;\n  left: 58.33333%; }\n\n.small-pull-7 {\n  position: relative;\n  left: -58.33333%; }\n\n.small-offset-6 {\n  margin-left: 50%; }\n\n.small-8 {\n  width: 66.66667%; }\n\n.small-push-8 {\n  position: relative;\n  left: 66.66667%; }\n\n.small-pull-8 {\n  position: relative;\n  left: -66.66667%; }\n\n.small-offset-7 {\n  margin-left: 58.33333%; }\n\n.small-9 {\n  width: 75%; }\n\n.small-push-9 {\n  position: relative;\n  left: 75%; }\n\n.small-pull-9 {\n  position: relative;\n  left: -75%; }\n\n.small-offset-8 {\n  margin-left: 66.66667%; }\n\n.small-10 {\n  width: 83.33333%; }\n\n.small-push-10 {\n  position: relative;\n  left: 83.33333%; }\n\n.small-pull-10 {\n  position: relative;\n  left: -83.33333%; }\n\n.small-offset-9 {\n  margin-left: 75%; }\n\n.small-11 {\n  width: 91.66667%; }\n\n.small-push-11 {\n  position: relative;\n  left: 91.66667%; }\n\n.small-pull-11 {\n  position: relative;\n  left: -91.66667%; }\n\n.small-offset-10 {\n  margin-left: 83.33333%; }\n\n.small-12 {\n  width: 100%; }\n\n.small-offset-11 {\n  margin-left: 91.66667%; }\n\n.small-up-1 > .column, .small-up-1 > .columns {\n  width: 100%;\n  float: left; }\n  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {\n    clear: both; }\n  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {\n    float: left; }\n\n.small-up-2 > .column, .small-up-2 > .columns {\n  width: 50%;\n  float: left; }\n  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {\n    clear: both; }\n  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {\n    float: left; }\n\n.small-up-3 > .column, .small-up-3 > .columns {\n  width: 33.33333%;\n  float: left; }\n  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {\n    clear: both; }\n  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {\n    float: left; }\n\n.small-up-4 > .column, .small-up-4 > .columns {\n  width: 25%;\n  float: left; }\n  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {\n    clear: both; }\n  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {\n    float: left; }\n\n.small-up-5 > .column, .small-up-5 > .columns {\n  width: 20%;\n  float: left; }\n  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {\n    clear: both; }\n  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {\n    float: left; }\n\n.small-up-6 > .column, .small-up-6 > .columns {\n  width: 16.66667%;\n  float: left; }\n  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {\n    clear: both; }\n  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {\n    float: left; }\n\n.small-up-7 > .column, .small-up-7 > .columns {\n  width: 14.28571%;\n  float: left; }\n  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {\n    clear: both; }\n  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {\n    float: left; }\n\n.small-up-8 > .column, .small-up-8 > .columns {\n  width: 12.5%;\n  float: left; }\n  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {\n    clear: both; }\n  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {\n    float: left; }\n\n.small-up-9 > .column, .small-up-9 > .columns {\n  width: 11.11111%;\n  float: left; }\n  .small-up-9 > .column:nth-of-type(1n), .small-up-9 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-9 > .column:nth-of-type(9n+1), .small-up-9 > .columns:nth-of-type(9n+1) {\n    clear: both; }\n  .small-up-9 > .column:last-child, .small-up-9 > .columns:last-child {\n    float: left; }\n\n.small-up-10 > .column, .small-up-10 > .columns {\n  width: 10%;\n  float: left; }\n  .small-up-10 > .column:nth-of-type(1n), .small-up-10 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-10 > .column:nth-of-type(10n+1), .small-up-10 > .columns:nth-of-type(10n+1) {\n    clear: both; }\n  .small-up-10 > .column:last-child, .small-up-10 > .columns:last-child {\n    float: left; }\n\n.small-up-11 > .column, .small-up-11 > .columns {\n  width: 9.09091%;\n  float: left; }\n  .small-up-11 > .column:nth-of-type(1n), .small-up-11 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-11 > .column:nth-of-type(11n+1), .small-up-11 > .columns:nth-of-type(11n+1) {\n    clear: both; }\n  .small-up-11 > .column:last-child, .small-up-11 > .columns:last-child {\n    float: left; }\n\n.small-up-12 > .column, .small-up-12 > .columns {\n  width: 8.33333%;\n  float: left; }\n  .small-up-12 > .column:nth-of-type(1n), .small-up-12 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .small-up-12 > .column:nth-of-type(12n+1), .small-up-12 > .columns:nth-of-type(12n+1) {\n    clear: both; }\n  .small-up-12 > .column:last-child, .small-up-12 > .columns:last-child {\n    float: left; }\n\n.small-collapse > .column, .small-collapse > .columns {\n  padding-left: 0;\n  padding-right: 0; }\n\n.small-collapse .row {\n  margin-left: 0;\n  margin-right: 0; }\n\n.small-uncollapse > .column, .small-uncollapse > .columns {\n  padding-left: 0;\n  padding-right: 0; }\n\n.small-centered {\n  float: none;\n  margin-left: auto;\n  margin-right: auto; }\n\n.small-uncentered,\n.small-push-0,\n.small-pull-0 {\n  position: static;\n  margin-left: 0;\n  margin-right: 0;\n  float: left; }\n\n.xs-1 {\n  width: 8.33333%; }\n\n.xs-push-1 {\n  position: relative;\n  left: 8.33333%; }\n\n.xs-pull-1 {\n  position: relative;\n  left: -8.33333%; }\n\n.xs-offset-0 {\n  margin-left: 0%; }\n\n.xs-2 {\n  width: 16.66667%; }\n\n.xs-push-2 {\n  position: relative;\n  left: 16.66667%; }\n\n.xs-pull-2 {\n  position: relative;\n  left: -16.66667%; }\n\n.xs-offset-1 {\n  margin-left: 8.33333%; }\n\n.xs-3 {\n  width: 25%; }\n\n.xs-push-3 {\n  position: relative;\n  left: 25%; }\n\n.xs-pull-3 {\n  position: relative;\n  left: -25%; }\n\n.xs-offset-2 {\n  margin-left: 16.66667%; }\n\n.xs-4 {\n  width: 33.33333%; }\n\n.xs-push-4 {\n  position: relative;\n  left: 33.33333%; }\n\n.xs-pull-4 {\n  position: relative;\n  left: -33.33333%; }\n\n.xs-offset-3 {\n  margin-left: 25%; }\n\n.xs-5 {\n  width: 41.66667%; }\n\n.xs-push-5 {\n  position: relative;\n  left: 41.66667%; }\n\n.xs-pull-5 {\n  position: relative;\n  left: -41.66667%; }\n\n.xs-offset-4 {\n  margin-left: 33.33333%; }\n\n.xs-6 {\n  width: 50%; }\n\n.xs-push-6 {\n  position: relative;\n  left: 50%; }\n\n.xs-pull-6 {\n  position: relative;\n  left: -50%; }\n\n.xs-offset-5 {\n  margin-left: 41.66667%; }\n\n.xs-7 {\n  width: 58.33333%; }\n\n.xs-push-7 {\n  position: relative;\n  left: 58.33333%; }\n\n.xs-pull-7 {\n  position: relative;\n  left: -58.33333%; }\n\n.xs-offset-6 {\n  margin-left: 50%; }\n\n.xs-8 {\n  width: 66.66667%; }\n\n.xs-push-8 {\n  position: relative;\n  left: 66.66667%; }\n\n.xs-pull-8 {\n  position: relative;\n  left: -66.66667%; }\n\n.xs-offset-7 {\n  margin-left: 58.33333%; }\n\n.xs-9 {\n  width: 75%; }\n\n.xs-push-9 {\n  position: relative;\n  left: 75%; }\n\n.xs-pull-9 {\n  position: relative;\n  left: -75%; }\n\n.xs-offset-8 {\n  margin-left: 66.66667%; }\n\n.xs-10 {\n  width: 83.33333%; }\n\n.xs-push-10 {\n  position: relative;\n  left: 83.33333%; }\n\n.xs-pull-10 {\n  position: relative;\n  left: -83.33333%; }\n\n.xs-offset-9 {\n  margin-left: 75%; }\n\n.xs-11 {\n  width: 91.66667%; }\n\n.xs-push-11 {\n  position: relative;\n  left: 91.66667%; }\n\n.xs-pull-11 {\n  position: relative;\n  left: -91.66667%; }\n\n.xs-offset-10 {\n  margin-left: 83.33333%; }\n\n.xs-12 {\n  width: 100%; }\n\n.xs-offset-11 {\n  margin-left: 91.66667%; }\n\n.xs-up-1 > .column, .xs-up-1 > .columns {\n  width: 100%;\n  float: left; }\n  .xs-up-1 > .column:nth-of-type(1n), .xs-up-1 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-1 > .column:nth-of-type(1n+1), .xs-up-1 > .columns:nth-of-type(1n+1) {\n    clear: both; }\n  .xs-up-1 > .column:last-child, .xs-up-1 > .columns:last-child {\n    float: left; }\n\n.xs-up-2 > .column, .xs-up-2 > .columns {\n  width: 50%;\n  float: left; }\n  .xs-up-2 > .column:nth-of-type(1n), .xs-up-2 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-2 > .column:nth-of-type(2n+1), .xs-up-2 > .columns:nth-of-type(2n+1) {\n    clear: both; }\n  .xs-up-2 > .column:last-child, .xs-up-2 > .columns:last-child {\n    float: left; }\n\n.xs-up-3 > .column, .xs-up-3 > .columns {\n  width: 33.33333%;\n  float: left; }\n  .xs-up-3 > .column:nth-of-type(1n), .xs-up-3 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-3 > .column:nth-of-type(3n+1), .xs-up-3 > .columns:nth-of-type(3n+1) {\n    clear: both; }\n  .xs-up-3 > .column:last-child, .xs-up-3 > .columns:last-child {\n    float: left; }\n\n.xs-up-4 > .column, .xs-up-4 > .columns {\n  width: 25%;\n  float: left; }\n  .xs-up-4 > .column:nth-of-type(1n), .xs-up-4 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-4 > .column:nth-of-type(4n+1), .xs-up-4 > .columns:nth-of-type(4n+1) {\n    clear: both; }\n  .xs-up-4 > .column:last-child, .xs-up-4 > .columns:last-child {\n    float: left; }\n\n.xs-up-5 > .column, .xs-up-5 > .columns {\n  width: 20%;\n  float: left; }\n  .xs-up-5 > .column:nth-of-type(1n), .xs-up-5 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-5 > .column:nth-of-type(5n+1), .xs-up-5 > .columns:nth-of-type(5n+1) {\n    clear: both; }\n  .xs-up-5 > .column:last-child, .xs-up-5 > .columns:last-child {\n    float: left; }\n\n.xs-up-6 > .column, .xs-up-6 > .columns {\n  width: 16.66667%;\n  float: left; }\n  .xs-up-6 > .column:nth-of-type(1n), .xs-up-6 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-6 > .column:nth-of-type(6n+1), .xs-up-6 > .columns:nth-of-type(6n+1) {\n    clear: both; }\n  .xs-up-6 > .column:last-child, .xs-up-6 > .columns:last-child {\n    float: left; }\n\n.xs-up-7 > .column, .xs-up-7 > .columns {\n  width: 14.28571%;\n  float: left; }\n  .xs-up-7 > .column:nth-of-type(1n), .xs-up-7 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-7 > .column:nth-of-type(7n+1), .xs-up-7 > .columns:nth-of-type(7n+1) {\n    clear: both; }\n  .xs-up-7 > .column:last-child, .xs-up-7 > .columns:last-child {\n    float: left; }\n\n.xs-up-8 > .column, .xs-up-8 > .columns {\n  width: 12.5%;\n  float: left; }\n  .xs-up-8 > .column:nth-of-type(1n), .xs-up-8 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-8 > .column:nth-of-type(8n+1), .xs-up-8 > .columns:nth-of-type(8n+1) {\n    clear: both; }\n  .xs-up-8 > .column:last-child, .xs-up-8 > .columns:last-child {\n    float: left; }\n\n.xs-up-9 > .column, .xs-up-9 > .columns {\n  width: 11.11111%;\n  float: left; }\n  .xs-up-9 > .column:nth-of-type(1n), .xs-up-9 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-9 > .column:nth-of-type(9n+1), .xs-up-9 > .columns:nth-of-type(9n+1) {\n    clear: both; }\n  .xs-up-9 > .column:last-child, .xs-up-9 > .columns:last-child {\n    float: left; }\n\n.xs-up-10 > .column, .xs-up-10 > .columns {\n  width: 10%;\n  float: left; }\n  .xs-up-10 > .column:nth-of-type(1n), .xs-up-10 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-10 > .column:nth-of-type(10n+1), .xs-up-10 > .columns:nth-of-type(10n+1) {\n    clear: both; }\n  .xs-up-10 > .column:last-child, .xs-up-10 > .columns:last-child {\n    float: left; }\n\n.xs-up-11 > .column, .xs-up-11 > .columns {\n  width: 9.09091%;\n  float: left; }\n  .xs-up-11 > .column:nth-of-type(1n), .xs-up-11 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-11 > .column:nth-of-type(11n+1), .xs-up-11 > .columns:nth-of-type(11n+1) {\n    clear: both; }\n  .xs-up-11 > .column:last-child, .xs-up-11 > .columns:last-child {\n    float: left; }\n\n.xs-up-12 > .column, .xs-up-12 > .columns {\n  width: 8.33333%;\n  float: left; }\n  .xs-up-12 > .column:nth-of-type(1n), .xs-up-12 > .columns:nth-of-type(1n) {\n    clear: none; }\n  .xs-up-12 > .column:nth-of-type(12n+1), .xs-up-12 > .columns:nth-of-type(12n+1) {\n    clear: both; }\n  .xs-up-12 > .column:last-child, .xs-up-12 > .columns:last-child {\n    float: left; }\n\n.xs-collapse > .column, .xs-collapse > .columns {\n  padding-left: 0;\n  padding-right: 0; }\n\n.xs-collapse .row {\n  margin-left: 0;\n  margin-right: 0; }\n\n.xs-uncollapse > .column, .xs-uncollapse > .columns {\n  padding-left: 0;\n  padding-right: 0; }\n\n.xs-centered {\n  float: none;\n  margin-left: auto;\n  margin-right: auto; }\n\n.xs-uncentered,\n.xs-push-0,\n.xs-pull-0 {\n  position: static;\n  margin-left: 0;\n  margin-right: 0;\n  float: left; }\n\n@media screen and (min-width: 25em) {\n  .sm-1 {\n    width: 8.33333%; }\n  .sm-push-1 {\n    position: relative;\n    left: 8.33333%; }\n  .sm-pull-1 {\n    position: relative;\n    left: -8.33333%; }\n  .sm-offset-0 {\n    margin-left: 0%; }\n  .sm-2 {\n    width: 16.66667%; }\n  .sm-push-2 {\n    position: relative;\n    left: 16.66667%; }\n  .sm-pull-2 {\n    position: relative;\n    left: -16.66667%; }\n  .sm-offset-1 {\n    margin-left: 8.33333%; }\n  .sm-3 {\n    width: 25%; }\n  .sm-push-3 {\n    position: relative;\n    left: 25%; }\n  .sm-pull-3 {\n    position: relative;\n    left: -25%; }\n  .sm-offset-2 {\n    margin-left: 16.66667%; }\n  .sm-4 {\n    width: 33.33333%; }\n  .sm-push-4 {\n    position: relative;\n    left: 33.33333%; }\n  .sm-pull-4 {\n    position: relative;\n    left: -33.33333%; }\n  .sm-offset-3 {\n    margin-left: 25%; }\n  .sm-5 {\n    width: 41.66667%; }\n  .sm-push-5 {\n    position: relative;\n    left: 41.66667%; }\n  .sm-pull-5 {\n    position: relative;\n    left: -41.66667%; }\n  .sm-offset-4 {\n    margin-left: 33.33333%; }\n  .sm-6 {\n    width: 50%; }\n  .sm-push-6 {\n    position: relative;\n    left: 50%; }\n  .sm-pull-6 {\n    position: relative;\n    left: -50%; }\n  .sm-offset-5 {\n    margin-left: 41.66667%; }\n  .sm-7 {\n    width: 58.33333%; }\n  .sm-push-7 {\n    position: relative;\n    left: 58.33333%; }\n  .sm-pull-7 {\n    position: relative;\n    left: -58.33333%; }\n  .sm-offset-6 {\n    margin-left: 50%; }\n  .sm-8 {\n    width: 66.66667%; }\n  .sm-push-8 {\n    position: relative;\n    left: 66.66667%; }\n  .sm-pull-8 {\n    position: relative;\n    left: -66.66667%; }\n  .sm-offset-7 {\n    margin-left: 58.33333%; }\n  .sm-9 {\n    width: 75%; }\n  .sm-push-9 {\n    position: relative;\n    left: 75%; }\n  .sm-pull-9 {\n    position: relative;\n    left: -75%; }\n  .sm-offset-8 {\n    margin-left: 66.66667%; }\n  .sm-10 {\n    width: 83.33333%; }\n  .sm-push-10 {\n    position: relative;\n    left: 83.33333%; }\n  .sm-pull-10 {\n    position: relative;\n    left: -83.33333%; }\n  .sm-offset-9 {\n    margin-left: 75%; }\n  .sm-11 {\n    width: 91.66667%; }\n  .sm-push-11 {\n    position: relative;\n    left: 91.66667%; }\n  .sm-pull-11 {\n    position: relative;\n    left: -91.66667%; }\n  .sm-offset-10 {\n    margin-left: 83.33333%; }\n  .sm-12 {\n    width: 100%; }\n  .sm-offset-11 {\n    margin-left: 91.66667%; }\n  .sm-up-1 > .column, .sm-up-1 > .columns {\n    width: 100%;\n    float: left; }\n    .sm-up-1 > .column:nth-of-type(1n), .sm-up-1 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-1 > .column:nth-of-type(1n+1), .sm-up-1 > .columns:nth-of-type(1n+1) {\n      clear: both; }\n    .sm-up-1 > .column:last-child, .sm-up-1 > .columns:last-child {\n      float: left; }\n  .sm-up-2 > .column, .sm-up-2 > .columns {\n    width: 50%;\n    float: left; }\n    .sm-up-2 > .column:nth-of-type(1n), .sm-up-2 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-2 > .column:nth-of-type(2n+1), .sm-up-2 > .columns:nth-of-type(2n+1) {\n      clear: both; }\n    .sm-up-2 > .column:last-child, .sm-up-2 > .columns:last-child {\n      float: left; }\n  .sm-up-3 > .column, .sm-up-3 > .columns {\n    width: 33.33333%;\n    float: left; }\n    .sm-up-3 > .column:nth-of-type(1n), .sm-up-3 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-3 > .column:nth-of-type(3n+1), .sm-up-3 > .columns:nth-of-type(3n+1) {\n      clear: both; }\n    .sm-up-3 > .column:last-child, .sm-up-3 > .columns:last-child {\n      float: left; }\n  .sm-up-4 > .column, .sm-up-4 > .columns {\n    width: 25%;\n    float: left; }\n    .sm-up-4 > .column:nth-of-type(1n), .sm-up-4 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-4 > .column:nth-of-type(4n+1), .sm-up-4 > .columns:nth-of-type(4n+1) {\n      clear: both; }\n    .sm-up-4 > .column:last-child, .sm-up-4 > .columns:last-child {\n      float: left; }\n  .sm-up-5 > .column, .sm-up-5 > .columns {\n    width: 20%;\n    float: left; }\n    .sm-up-5 > .column:nth-of-type(1n), .sm-up-5 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-5 > .column:nth-of-type(5n+1), .sm-up-5 > .columns:nth-of-type(5n+1) {\n      clear: both; }\n    .sm-up-5 > .column:last-child, .sm-up-5 > .columns:last-child {\n      float: left; }\n  .sm-up-6 > .column, .sm-up-6 > .columns {\n    width: 16.66667%;\n    float: left; }\n    .sm-up-6 > .column:nth-of-type(1n), .sm-up-6 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-6 > .column:nth-of-type(6n+1), .sm-up-6 > .columns:nth-of-type(6n+1) {\n      clear: both; }\n    .sm-up-6 > .column:last-child, .sm-up-6 > .columns:last-child {\n      float: left; }\n  .sm-up-7 > .column, .sm-up-7 > .columns {\n    width: 14.28571%;\n    float: left; }\n    .sm-up-7 > .column:nth-of-type(1n), .sm-up-7 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-7 > .column:nth-of-type(7n+1), .sm-up-7 > .columns:nth-of-type(7n+1) {\n      clear: both; }\n    .sm-up-7 > .column:last-child, .sm-up-7 > .columns:last-child {\n      float: left; }\n  .sm-up-8 > .column, .sm-up-8 > .columns {\n    width: 12.5%;\n    float: left; }\n    .sm-up-8 > .column:nth-of-type(1n), .sm-up-8 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-8 > .column:nth-of-type(8n+1), .sm-up-8 > .columns:nth-of-type(8n+1) {\n      clear: both; }\n    .sm-up-8 > .column:last-child, .sm-up-8 > .columns:last-child {\n      float: left; }\n  .sm-up-9 > .column, .sm-up-9 > .columns {\n    width: 11.11111%;\n    float: left; }\n    .sm-up-9 > .column:nth-of-type(1n), .sm-up-9 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-9 > .column:nth-of-type(9n+1), .sm-up-9 > .columns:nth-of-type(9n+1) {\n      clear: both; }\n    .sm-up-9 > .column:last-child, .sm-up-9 > .columns:last-child {\n      float: left; }\n  .sm-up-10 > .column, .sm-up-10 > .columns {\n    width: 10%;\n    float: left; }\n    .sm-up-10 > .column:nth-of-type(1n), .sm-up-10 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-10 > .column:nth-of-type(10n+1), .sm-up-10 > .columns:nth-of-type(10n+1) {\n      clear: both; }\n    .sm-up-10 > .column:last-child, .sm-up-10 > .columns:last-child {\n      float: left; }\n  .sm-up-11 > .column, .sm-up-11 > .columns {\n    width: 9.09091%;\n    float: left; }\n    .sm-up-11 > .column:nth-of-type(1n), .sm-up-11 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-11 > .column:nth-of-type(11n+1), .sm-up-11 > .columns:nth-of-type(11n+1) {\n      clear: both; }\n    .sm-up-11 > .column:last-child, .sm-up-11 > .columns:last-child {\n      float: left; }\n  .sm-up-12 > .column, .sm-up-12 > .columns {\n    width: 8.33333%;\n    float: left; }\n    .sm-up-12 > .column:nth-of-type(1n), .sm-up-12 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .sm-up-12 > .column:nth-of-type(12n+1), .sm-up-12 > .columns:nth-of-type(12n+1) {\n      clear: both; }\n    .sm-up-12 > .column:last-child, .sm-up-12 > .columns:last-child {\n      float: left; }\n  .sm-collapse > .column, .sm-collapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .sm-collapse .row {\n    margin-left: 0;\n    margin-right: 0; }\n  .sm-uncollapse > .column, .sm-uncollapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .sm-centered {\n    float: none;\n    margin-left: auto;\n    margin-right: auto; }\n  .sm-uncentered,\n  .sm-push-0,\n  .sm-pull-0 {\n    position: static;\n    margin-left: 0;\n    margin-right: 0;\n    float: left; } }\n\n@media screen and (min-width: 48em) {\n  .md-1 {\n    width: 8.33333%; }\n  .md-push-1 {\n    position: relative;\n    left: 8.33333%; }\n  .md-pull-1 {\n    position: relative;\n    left: -8.33333%; }\n  .md-offset-0 {\n    margin-left: 0%; }\n  .md-2 {\n    width: 16.66667%; }\n  .md-push-2 {\n    position: relative;\n    left: 16.66667%; }\n  .md-pull-2 {\n    position: relative;\n    left: -16.66667%; }\n  .md-offset-1 {\n    margin-left: 8.33333%; }\n  .md-3 {\n    width: 25%; }\n  .md-push-3 {\n    position: relative;\n    left: 25%; }\n  .md-pull-3 {\n    position: relative;\n    left: -25%; }\n  .md-offset-2 {\n    margin-left: 16.66667%; }\n  .md-4 {\n    width: 33.33333%; }\n  .md-push-4 {\n    position: relative;\n    left: 33.33333%; }\n  .md-pull-4 {\n    position: relative;\n    left: -33.33333%; }\n  .md-offset-3 {\n    margin-left: 25%; }\n  .md-5 {\n    width: 41.66667%; }\n  .md-push-5 {\n    position: relative;\n    left: 41.66667%; }\n  .md-pull-5 {\n    position: relative;\n    left: -41.66667%; }\n  .md-offset-4 {\n    margin-left: 33.33333%; }\n  .md-6 {\n    width: 50%; }\n  .md-push-6 {\n    position: relative;\n    left: 50%; }\n  .md-pull-6 {\n    position: relative;\n    left: -50%; }\n  .md-offset-5 {\n    margin-left: 41.66667%; }\n  .md-7 {\n    width: 58.33333%; }\n  .md-push-7 {\n    position: relative;\n    left: 58.33333%; }\n  .md-pull-7 {\n    position: relative;\n    left: -58.33333%; }\n  .md-offset-6 {\n    margin-left: 50%; }\n  .md-8 {\n    width: 66.66667%; }\n  .md-push-8 {\n    position: relative;\n    left: 66.66667%; }\n  .md-pull-8 {\n    position: relative;\n    left: -66.66667%; }\n  .md-offset-7 {\n    margin-left: 58.33333%; }\n  .md-9 {\n    width: 75%; }\n  .md-push-9 {\n    position: relative;\n    left: 75%; }\n  .md-pull-9 {\n    position: relative;\n    left: -75%; }\n  .md-offset-8 {\n    margin-left: 66.66667%; }\n  .md-10 {\n    width: 83.33333%; }\n  .md-push-10 {\n    position: relative;\n    left: 83.33333%; }\n  .md-pull-10 {\n    position: relative;\n    left: -83.33333%; }\n  .md-offset-9 {\n    margin-left: 75%; }\n  .md-11 {\n    width: 91.66667%; }\n  .md-push-11 {\n    position: relative;\n    left: 91.66667%; }\n  .md-pull-11 {\n    position: relative;\n    left: -91.66667%; }\n  .md-offset-10 {\n    margin-left: 83.33333%; }\n  .md-12 {\n    width: 100%; }\n  .md-offset-11 {\n    margin-left: 91.66667%; }\n  .md-up-1 > .column, .md-up-1 > .columns {\n    width: 100%;\n    float: left; }\n    .md-up-1 > .column:nth-of-type(1n), .md-up-1 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-1 > .column:nth-of-type(1n+1), .md-up-1 > .columns:nth-of-type(1n+1) {\n      clear: both; }\n    .md-up-1 > .column:last-child, .md-up-1 > .columns:last-child {\n      float: left; }\n  .md-up-2 > .column, .md-up-2 > .columns {\n    width: 50%;\n    float: left; }\n    .md-up-2 > .column:nth-of-type(1n), .md-up-2 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-2 > .column:nth-of-type(2n+1), .md-up-2 > .columns:nth-of-type(2n+1) {\n      clear: both; }\n    .md-up-2 > .column:last-child, .md-up-2 > .columns:last-child {\n      float: left; }\n  .md-up-3 > .column, .md-up-3 > .columns {\n    width: 33.33333%;\n    float: left; }\n    .md-up-3 > .column:nth-of-type(1n), .md-up-3 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-3 > .column:nth-of-type(3n+1), .md-up-3 > .columns:nth-of-type(3n+1) {\n      clear: both; }\n    .md-up-3 > .column:last-child, .md-up-3 > .columns:last-child {\n      float: left; }\n  .md-up-4 > .column, .md-up-4 > .columns {\n    width: 25%;\n    float: left; }\n    .md-up-4 > .column:nth-of-type(1n), .md-up-4 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-4 > .column:nth-of-type(4n+1), .md-up-4 > .columns:nth-of-type(4n+1) {\n      clear: both; }\n    .md-up-4 > .column:last-child, .md-up-4 > .columns:last-child {\n      float: left; }\n  .md-up-5 > .column, .md-up-5 > .columns {\n    width: 20%;\n    float: left; }\n    .md-up-5 > .column:nth-of-type(1n), .md-up-5 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-5 > .column:nth-of-type(5n+1), .md-up-5 > .columns:nth-of-type(5n+1) {\n      clear: both; }\n    .md-up-5 > .column:last-child, .md-up-5 > .columns:last-child {\n      float: left; }\n  .md-up-6 > .column, .md-up-6 > .columns {\n    width: 16.66667%;\n    float: left; }\n    .md-up-6 > .column:nth-of-type(1n), .md-up-6 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-6 > .column:nth-of-type(6n+1), .md-up-6 > .columns:nth-of-type(6n+1) {\n      clear: both; }\n    .md-up-6 > .column:last-child, .md-up-6 > .columns:last-child {\n      float: left; }\n  .md-up-7 > .column, .md-up-7 > .columns {\n    width: 14.28571%;\n    float: left; }\n    .md-up-7 > .column:nth-of-type(1n), .md-up-7 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-7 > .column:nth-of-type(7n+1), .md-up-7 > .columns:nth-of-type(7n+1) {\n      clear: both; }\n    .md-up-7 > .column:last-child, .md-up-7 > .columns:last-child {\n      float: left; }\n  .md-up-8 > .column, .md-up-8 > .columns {\n    width: 12.5%;\n    float: left; }\n    .md-up-8 > .column:nth-of-type(1n), .md-up-8 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-8 > .column:nth-of-type(8n+1), .md-up-8 > .columns:nth-of-type(8n+1) {\n      clear: both; }\n    .md-up-8 > .column:last-child, .md-up-8 > .columns:last-child {\n      float: left; }\n  .md-up-9 > .column, .md-up-9 > .columns {\n    width: 11.11111%;\n    float: left; }\n    .md-up-9 > .column:nth-of-type(1n), .md-up-9 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-9 > .column:nth-of-type(9n+1), .md-up-9 > .columns:nth-of-type(9n+1) {\n      clear: both; }\n    .md-up-9 > .column:last-child, .md-up-9 > .columns:last-child {\n      float: left; }\n  .md-up-10 > .column, .md-up-10 > .columns {\n    width: 10%;\n    float: left; }\n    .md-up-10 > .column:nth-of-type(1n), .md-up-10 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-10 > .column:nth-of-type(10n+1), .md-up-10 > .columns:nth-of-type(10n+1) {\n      clear: both; }\n    .md-up-10 > .column:last-child, .md-up-10 > .columns:last-child {\n      float: left; }\n  .md-up-11 > .column, .md-up-11 > .columns {\n    width: 9.09091%;\n    float: left; }\n    .md-up-11 > .column:nth-of-type(1n), .md-up-11 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-11 > .column:nth-of-type(11n+1), .md-up-11 > .columns:nth-of-type(11n+1) {\n      clear: both; }\n    .md-up-11 > .column:last-child, .md-up-11 > .columns:last-child {\n      float: left; }\n  .md-up-12 > .column, .md-up-12 > .columns {\n    width: 8.33333%;\n    float: left; }\n    .md-up-12 > .column:nth-of-type(1n), .md-up-12 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .md-up-12 > .column:nth-of-type(12n+1), .md-up-12 > .columns:nth-of-type(12n+1) {\n      clear: both; }\n    .md-up-12 > .column:last-child, .md-up-12 > .columns:last-child {\n      float: left; }\n  .md-collapse > .column, .md-collapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .md-collapse .row {\n    margin-left: 0;\n    margin-right: 0; }\n  .md-uncollapse > .column, .md-uncollapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .md-centered {\n    float: none;\n    margin-left: auto;\n    margin-right: auto; }\n  .md-uncentered,\n  .md-push-0,\n  .md-pull-0 {\n    position: static;\n    margin-left: 0;\n    margin-right: 0;\n    float: left; } }\n\n@media screen and (min-width: 62em) {\n  .lg-1 {\n    width: 8.33333%; }\n  .lg-push-1 {\n    position: relative;\n    left: 8.33333%; }\n  .lg-pull-1 {\n    position: relative;\n    left: -8.33333%; }\n  .lg-offset-0 {\n    margin-left: 0%; }\n  .lg-2 {\n    width: 16.66667%; }\n  .lg-push-2 {\n    position: relative;\n    left: 16.66667%; }\n  .lg-pull-2 {\n    position: relative;\n    left: -16.66667%; }\n  .lg-offset-1 {\n    margin-left: 8.33333%; }\n  .lg-3 {\n    width: 25%; }\n  .lg-push-3 {\n    position: relative;\n    left: 25%; }\n  .lg-pull-3 {\n    position: relative;\n    left: -25%; }\n  .lg-offset-2 {\n    margin-left: 16.66667%; }\n  .lg-4 {\n    width: 33.33333%; }\n  .lg-push-4 {\n    position: relative;\n    left: 33.33333%; }\n  .lg-pull-4 {\n    position: relative;\n    left: -33.33333%; }\n  .lg-offset-3 {\n    margin-left: 25%; }\n  .lg-5 {\n    width: 41.66667%; }\n  .lg-push-5 {\n    position: relative;\n    left: 41.66667%; }\n  .lg-pull-5 {\n    position: relative;\n    left: -41.66667%; }\n  .lg-offset-4 {\n    margin-left: 33.33333%; }\n  .lg-6 {\n    width: 50%; }\n  .lg-push-6 {\n    position: relative;\n    left: 50%; }\n  .lg-pull-6 {\n    position: relative;\n    left: -50%; }\n  .lg-offset-5 {\n    margin-left: 41.66667%; }\n  .lg-7 {\n    width: 58.33333%; }\n  .lg-push-7 {\n    position: relative;\n    left: 58.33333%; }\n  .lg-pull-7 {\n    position: relative;\n    left: -58.33333%; }\n  .lg-offset-6 {\n    margin-left: 50%; }\n  .lg-8 {\n    width: 66.66667%; }\n  .lg-push-8 {\n    position: relative;\n    left: 66.66667%; }\n  .lg-pull-8 {\n    position: relative;\n    left: -66.66667%; }\n  .lg-offset-7 {\n    margin-left: 58.33333%; }\n  .lg-9 {\n    width: 75%; }\n  .lg-push-9 {\n    position: relative;\n    left: 75%; }\n  .lg-pull-9 {\n    position: relative;\n    left: -75%; }\n  .lg-offset-8 {\n    margin-left: 66.66667%; }\n  .lg-10 {\n    width: 83.33333%; }\n  .lg-push-10 {\n    position: relative;\n    left: 83.33333%; }\n  .lg-pull-10 {\n    position: relative;\n    left: -83.33333%; }\n  .lg-offset-9 {\n    margin-left: 75%; }\n  .lg-11 {\n    width: 91.66667%; }\n  .lg-push-11 {\n    position: relative;\n    left: 91.66667%; }\n  .lg-pull-11 {\n    position: relative;\n    left: -91.66667%; }\n  .lg-offset-10 {\n    margin-left: 83.33333%; }\n  .lg-12 {\n    width: 100%; }\n  .lg-offset-11 {\n    margin-left: 91.66667%; }\n  .lg-up-1 > .column, .lg-up-1 > .columns {\n    width: 100%;\n    float: left; }\n    .lg-up-1 > .column:nth-of-type(1n), .lg-up-1 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-1 > .column:nth-of-type(1n+1), .lg-up-1 > .columns:nth-of-type(1n+1) {\n      clear: both; }\n    .lg-up-1 > .column:last-child, .lg-up-1 > .columns:last-child {\n      float: left; }\n  .lg-up-2 > .column, .lg-up-2 > .columns {\n    width: 50%;\n    float: left; }\n    .lg-up-2 > .column:nth-of-type(1n), .lg-up-2 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-2 > .column:nth-of-type(2n+1), .lg-up-2 > .columns:nth-of-type(2n+1) {\n      clear: both; }\n    .lg-up-2 > .column:last-child, .lg-up-2 > .columns:last-child {\n      float: left; }\n  .lg-up-3 > .column, .lg-up-3 > .columns {\n    width: 33.33333%;\n    float: left; }\n    .lg-up-3 > .column:nth-of-type(1n), .lg-up-3 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-3 > .column:nth-of-type(3n+1), .lg-up-3 > .columns:nth-of-type(3n+1) {\n      clear: both; }\n    .lg-up-3 > .column:last-child, .lg-up-3 > .columns:last-child {\n      float: left; }\n  .lg-up-4 > .column, .lg-up-4 > .columns {\n    width: 25%;\n    float: left; }\n    .lg-up-4 > .column:nth-of-type(1n), .lg-up-4 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-4 > .column:nth-of-type(4n+1), .lg-up-4 > .columns:nth-of-type(4n+1) {\n      clear: both; }\n    .lg-up-4 > .column:last-child, .lg-up-4 > .columns:last-child {\n      float: left; }\n  .lg-up-5 > .column, .lg-up-5 > .columns {\n    width: 20%;\n    float: left; }\n    .lg-up-5 > .column:nth-of-type(1n), .lg-up-5 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-5 > .column:nth-of-type(5n+1), .lg-up-5 > .columns:nth-of-type(5n+1) {\n      clear: both; }\n    .lg-up-5 > .column:last-child, .lg-up-5 > .columns:last-child {\n      float: left; }\n  .lg-up-6 > .column, .lg-up-6 > .columns {\n    width: 16.66667%;\n    float: left; }\n    .lg-up-6 > .column:nth-of-type(1n), .lg-up-6 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-6 > .column:nth-of-type(6n+1), .lg-up-6 > .columns:nth-of-type(6n+1) {\n      clear: both; }\n    .lg-up-6 > .column:last-child, .lg-up-6 > .columns:last-child {\n      float: left; }\n  .lg-up-7 > .column, .lg-up-7 > .columns {\n    width: 14.28571%;\n    float: left; }\n    .lg-up-7 > .column:nth-of-type(1n), .lg-up-7 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-7 > .column:nth-of-type(7n+1), .lg-up-7 > .columns:nth-of-type(7n+1) {\n      clear: both; }\n    .lg-up-7 > .column:last-child, .lg-up-7 > .columns:last-child {\n      float: left; }\n  .lg-up-8 > .column, .lg-up-8 > .columns {\n    width: 12.5%;\n    float: left; }\n    .lg-up-8 > .column:nth-of-type(1n), .lg-up-8 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-8 > .column:nth-of-type(8n+1), .lg-up-8 > .columns:nth-of-type(8n+1) {\n      clear: both; }\n    .lg-up-8 > .column:last-child, .lg-up-8 > .columns:last-child {\n      float: left; }\n  .lg-up-9 > .column, .lg-up-9 > .columns {\n    width: 11.11111%;\n    float: left; }\n    .lg-up-9 > .column:nth-of-type(1n), .lg-up-9 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-9 > .column:nth-of-type(9n+1), .lg-up-9 > .columns:nth-of-type(9n+1) {\n      clear: both; }\n    .lg-up-9 > .column:last-child, .lg-up-9 > .columns:last-child {\n      float: left; }\n  .lg-up-10 > .column, .lg-up-10 > .columns {\n    width: 10%;\n    float: left; }\n    .lg-up-10 > .column:nth-of-type(1n), .lg-up-10 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-10 > .column:nth-of-type(10n+1), .lg-up-10 > .columns:nth-of-type(10n+1) {\n      clear: both; }\n    .lg-up-10 > .column:last-child, .lg-up-10 > .columns:last-child {\n      float: left; }\n  .lg-up-11 > .column, .lg-up-11 > .columns {\n    width: 9.09091%;\n    float: left; }\n    .lg-up-11 > .column:nth-of-type(1n), .lg-up-11 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-11 > .column:nth-of-type(11n+1), .lg-up-11 > .columns:nth-of-type(11n+1) {\n      clear: both; }\n    .lg-up-11 > .column:last-child, .lg-up-11 > .columns:last-child {\n      float: left; }\n  .lg-up-12 > .column, .lg-up-12 > .columns {\n    width: 8.33333%;\n    float: left; }\n    .lg-up-12 > .column:nth-of-type(1n), .lg-up-12 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .lg-up-12 > .column:nth-of-type(12n+1), .lg-up-12 > .columns:nth-of-type(12n+1) {\n      clear: both; }\n    .lg-up-12 > .column:last-child, .lg-up-12 > .columns:last-child {\n      float: left; }\n  .lg-collapse > .column, .lg-collapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .lg-collapse .row {\n    margin-left: 0;\n    margin-right: 0; }\n  .lg-uncollapse > .column, .lg-uncollapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .lg-centered {\n    float: none;\n    margin-left: auto;\n    margin-right: auto; }\n  .lg-uncentered,\n  .lg-push-0,\n  .lg-pull-0 {\n    position: static;\n    margin-left: 0;\n    margin-right: 0;\n    float: left; } }\n\n@media screen and (min-width: 80em) {\n  .xl-1 {\n    width: 8.33333%; }\n  .xl-push-1 {\n    position: relative;\n    left: 8.33333%; }\n  .xl-pull-1 {\n    position: relative;\n    left: -8.33333%; }\n  .xl-offset-0 {\n    margin-left: 0%; }\n  .xl-2 {\n    width: 16.66667%; }\n  .xl-push-2 {\n    position: relative;\n    left: 16.66667%; }\n  .xl-pull-2 {\n    position: relative;\n    left: -16.66667%; }\n  .xl-offset-1 {\n    margin-left: 8.33333%; }\n  .xl-3 {\n    width: 25%; }\n  .xl-push-3 {\n    position: relative;\n    left: 25%; }\n  .xl-pull-3 {\n    position: relative;\n    left: -25%; }\n  .xl-offset-2 {\n    margin-left: 16.66667%; }\n  .xl-4 {\n    width: 33.33333%; }\n  .xl-push-4 {\n    position: relative;\n    left: 33.33333%; }\n  .xl-pull-4 {\n    position: relative;\n    left: -33.33333%; }\n  .xl-offset-3 {\n    margin-left: 25%; }\n  .xl-5 {\n    width: 41.66667%; }\n  .xl-push-5 {\n    position: relative;\n    left: 41.66667%; }\n  .xl-pull-5 {\n    position: relative;\n    left: -41.66667%; }\n  .xl-offset-4 {\n    margin-left: 33.33333%; }\n  .xl-6 {\n    width: 50%; }\n  .xl-push-6 {\n    position: relative;\n    left: 50%; }\n  .xl-pull-6 {\n    position: relative;\n    left: -50%; }\n  .xl-offset-5 {\n    margin-left: 41.66667%; }\n  .xl-7 {\n    width: 58.33333%; }\n  .xl-push-7 {\n    position: relative;\n    left: 58.33333%; }\n  .xl-pull-7 {\n    position: relative;\n    left: -58.33333%; }\n  .xl-offset-6 {\n    margin-left: 50%; }\n  .xl-8 {\n    width: 66.66667%; }\n  .xl-push-8 {\n    position: relative;\n    left: 66.66667%; }\n  .xl-pull-8 {\n    position: relative;\n    left: -66.66667%; }\n  .xl-offset-7 {\n    margin-left: 58.33333%; }\n  .xl-9 {\n    width: 75%; }\n  .xl-push-9 {\n    position: relative;\n    left: 75%; }\n  .xl-pull-9 {\n    position: relative;\n    left: -75%; }\n  .xl-offset-8 {\n    margin-left: 66.66667%; }\n  .xl-10 {\n    width: 83.33333%; }\n  .xl-push-10 {\n    position: relative;\n    left: 83.33333%; }\n  .xl-pull-10 {\n    position: relative;\n    left: -83.33333%; }\n  .xl-offset-9 {\n    margin-left: 75%; }\n  .xl-11 {\n    width: 91.66667%; }\n  .xl-push-11 {\n    position: relative;\n    left: 91.66667%; }\n  .xl-pull-11 {\n    position: relative;\n    left: -91.66667%; }\n  .xl-offset-10 {\n    margin-left: 83.33333%; }\n  .xl-12 {\n    width: 100%; }\n  .xl-offset-11 {\n    margin-left: 91.66667%; }\n  .xl-up-1 > .column, .xl-up-1 > .columns {\n    width: 100%;\n    float: left; }\n    .xl-up-1 > .column:nth-of-type(1n), .xl-up-1 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-1 > .column:nth-of-type(1n+1), .xl-up-1 > .columns:nth-of-type(1n+1) {\n      clear: both; }\n    .xl-up-1 > .column:last-child, .xl-up-1 > .columns:last-child {\n      float: left; }\n  .xl-up-2 > .column, .xl-up-2 > .columns {\n    width: 50%;\n    float: left; }\n    .xl-up-2 > .column:nth-of-type(1n), .xl-up-2 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-2 > .column:nth-of-type(2n+1), .xl-up-2 > .columns:nth-of-type(2n+1) {\n      clear: both; }\n    .xl-up-2 > .column:last-child, .xl-up-2 > .columns:last-child {\n      float: left; }\n  .xl-up-3 > .column, .xl-up-3 > .columns {\n    width: 33.33333%;\n    float: left; }\n    .xl-up-3 > .column:nth-of-type(1n), .xl-up-3 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-3 > .column:nth-of-type(3n+1), .xl-up-3 > .columns:nth-of-type(3n+1) {\n      clear: both; }\n    .xl-up-3 > .column:last-child, .xl-up-3 > .columns:last-child {\n      float: left; }\n  .xl-up-4 > .column, .xl-up-4 > .columns {\n    width: 25%;\n    float: left; }\n    .xl-up-4 > .column:nth-of-type(1n), .xl-up-4 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-4 > .column:nth-of-type(4n+1), .xl-up-4 > .columns:nth-of-type(4n+1) {\n      clear: both; }\n    .xl-up-4 > .column:last-child, .xl-up-4 > .columns:last-child {\n      float: left; }\n  .xl-up-5 > .column, .xl-up-5 > .columns {\n    width: 20%;\n    float: left; }\n    .xl-up-5 > .column:nth-of-type(1n), .xl-up-5 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-5 > .column:nth-of-type(5n+1), .xl-up-5 > .columns:nth-of-type(5n+1) {\n      clear: both; }\n    .xl-up-5 > .column:last-child, .xl-up-5 > .columns:last-child {\n      float: left; }\n  .xl-up-6 > .column, .xl-up-6 > .columns {\n    width: 16.66667%;\n    float: left; }\n    .xl-up-6 > .column:nth-of-type(1n), .xl-up-6 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-6 > .column:nth-of-type(6n+1), .xl-up-6 > .columns:nth-of-type(6n+1) {\n      clear: both; }\n    .xl-up-6 > .column:last-child, .xl-up-6 > .columns:last-child {\n      float: left; }\n  .xl-up-7 > .column, .xl-up-7 > .columns {\n    width: 14.28571%;\n    float: left; }\n    .xl-up-7 > .column:nth-of-type(1n), .xl-up-7 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-7 > .column:nth-of-type(7n+1), .xl-up-7 > .columns:nth-of-type(7n+1) {\n      clear: both; }\n    .xl-up-7 > .column:last-child, .xl-up-7 > .columns:last-child {\n      float: left; }\n  .xl-up-8 > .column, .xl-up-8 > .columns {\n    width: 12.5%;\n    float: left; }\n    .xl-up-8 > .column:nth-of-type(1n), .xl-up-8 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-8 > .column:nth-of-type(8n+1), .xl-up-8 > .columns:nth-of-type(8n+1) {\n      clear: both; }\n    .xl-up-8 > .column:last-child, .xl-up-8 > .columns:last-child {\n      float: left; }\n  .xl-up-9 > .column, .xl-up-9 > .columns {\n    width: 11.11111%;\n    float: left; }\n    .xl-up-9 > .column:nth-of-type(1n), .xl-up-9 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-9 > .column:nth-of-type(9n+1), .xl-up-9 > .columns:nth-of-type(9n+1) {\n      clear: both; }\n    .xl-up-9 > .column:last-child, .xl-up-9 > .columns:last-child {\n      float: left; }\n  .xl-up-10 > .column, .xl-up-10 > .columns {\n    width: 10%;\n    float: left; }\n    .xl-up-10 > .column:nth-of-type(1n), .xl-up-10 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-10 > .column:nth-of-type(10n+1), .xl-up-10 > .columns:nth-of-type(10n+1) {\n      clear: both; }\n    .xl-up-10 > .column:last-child, .xl-up-10 > .columns:last-child {\n      float: left; }\n  .xl-up-11 > .column, .xl-up-11 > .columns {\n    width: 9.09091%;\n    float: left; }\n    .xl-up-11 > .column:nth-of-type(1n), .xl-up-11 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-11 > .column:nth-of-type(11n+1), .xl-up-11 > .columns:nth-of-type(11n+1) {\n      clear: both; }\n    .xl-up-11 > .column:last-child, .xl-up-11 > .columns:last-child {\n      float: left; }\n  .xl-up-12 > .column, .xl-up-12 > .columns {\n    width: 8.33333%;\n    float: left; }\n    .xl-up-12 > .column:nth-of-type(1n), .xl-up-12 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xl-up-12 > .column:nth-of-type(12n+1), .xl-up-12 > .columns:nth-of-type(12n+1) {\n      clear: both; }\n    .xl-up-12 > .column:last-child, .xl-up-12 > .columns:last-child {\n      float: left; }\n  .xl-collapse > .column, .xl-collapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .xl-collapse .row {\n    margin-left: 0;\n    margin-right: 0; }\n  .xl-uncollapse > .column, .xl-uncollapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .xl-centered {\n    float: none;\n    margin-left: auto;\n    margin-right: auto; }\n  .xl-uncentered,\n  .xl-push-0,\n  .xl-pull-0 {\n    position: static;\n    margin-left: 0;\n    margin-right: 0;\n    float: left; } }\n\n@media screen and (min-width: 100em) {\n  .xxl-1 {\n    width: 8.33333%; }\n  .xxl-push-1 {\n    position: relative;\n    left: 8.33333%; }\n  .xxl-pull-1 {\n    position: relative;\n    left: -8.33333%; }\n  .xxl-offset-0 {\n    margin-left: 0%; }\n  .xxl-2 {\n    width: 16.66667%; }\n  .xxl-push-2 {\n    position: relative;\n    left: 16.66667%; }\n  .xxl-pull-2 {\n    position: relative;\n    left: -16.66667%; }\n  .xxl-offset-1 {\n    margin-left: 8.33333%; }\n  .xxl-3 {\n    width: 25%; }\n  .xxl-push-3 {\n    position: relative;\n    left: 25%; }\n  .xxl-pull-3 {\n    position: relative;\n    left: -25%; }\n  .xxl-offset-2 {\n    margin-left: 16.66667%; }\n  .xxl-4 {\n    width: 33.33333%; }\n  .xxl-push-4 {\n    position: relative;\n    left: 33.33333%; }\n  .xxl-pull-4 {\n    position: relative;\n    left: -33.33333%; }\n  .xxl-offset-3 {\n    margin-left: 25%; }\n  .xxl-5 {\n    width: 41.66667%; }\n  .xxl-push-5 {\n    position: relative;\n    left: 41.66667%; }\n  .xxl-pull-5 {\n    position: relative;\n    left: -41.66667%; }\n  .xxl-offset-4 {\n    margin-left: 33.33333%; }\n  .xxl-6 {\n    width: 50%; }\n  .xxl-push-6 {\n    position: relative;\n    left: 50%; }\n  .xxl-pull-6 {\n    position: relative;\n    left: -50%; }\n  .xxl-offset-5 {\n    margin-left: 41.66667%; }\n  .xxl-7 {\n    width: 58.33333%; }\n  .xxl-push-7 {\n    position: relative;\n    left: 58.33333%; }\n  .xxl-pull-7 {\n    position: relative;\n    left: -58.33333%; }\n  .xxl-offset-6 {\n    margin-left: 50%; }\n  .xxl-8 {\n    width: 66.66667%; }\n  .xxl-push-8 {\n    position: relative;\n    left: 66.66667%; }\n  .xxl-pull-8 {\n    position: relative;\n    left: -66.66667%; }\n  .xxl-offset-7 {\n    margin-left: 58.33333%; }\n  .xxl-9 {\n    width: 75%; }\n  .xxl-push-9 {\n    position: relative;\n    left: 75%; }\n  .xxl-pull-9 {\n    position: relative;\n    left: -75%; }\n  .xxl-offset-8 {\n    margin-left: 66.66667%; }\n  .xxl-10 {\n    width: 83.33333%; }\n  .xxl-push-10 {\n    position: relative;\n    left: 83.33333%; }\n  .xxl-pull-10 {\n    position: relative;\n    left: -83.33333%; }\n  .xxl-offset-9 {\n    margin-left: 75%; }\n  .xxl-11 {\n    width: 91.66667%; }\n  .xxl-push-11 {\n    position: relative;\n    left: 91.66667%; }\n  .xxl-pull-11 {\n    position: relative;\n    left: -91.66667%; }\n  .xxl-offset-10 {\n    margin-left: 83.33333%; }\n  .xxl-12 {\n    width: 100%; }\n  .xxl-offset-11 {\n    margin-left: 91.66667%; }\n  .xxl-up-1 > .column, .xxl-up-1 > .columns {\n    width: 100%;\n    float: left; }\n    .xxl-up-1 > .column:nth-of-type(1n), .xxl-up-1 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-1 > .column:nth-of-type(1n+1), .xxl-up-1 > .columns:nth-of-type(1n+1) {\n      clear: both; }\n    .xxl-up-1 > .column:last-child, .xxl-up-1 > .columns:last-child {\n      float: left; }\n  .xxl-up-2 > .column, .xxl-up-2 > .columns {\n    width: 50%;\n    float: left; }\n    .xxl-up-2 > .column:nth-of-type(1n), .xxl-up-2 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-2 > .column:nth-of-type(2n+1), .xxl-up-2 > .columns:nth-of-type(2n+1) {\n      clear: both; }\n    .xxl-up-2 > .column:last-child, .xxl-up-2 > .columns:last-child {\n      float: left; }\n  .xxl-up-3 > .column, .xxl-up-3 > .columns {\n    width: 33.33333%;\n    float: left; }\n    .xxl-up-3 > .column:nth-of-type(1n), .xxl-up-3 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-3 > .column:nth-of-type(3n+1), .xxl-up-3 > .columns:nth-of-type(3n+1) {\n      clear: both; }\n    .xxl-up-3 > .column:last-child, .xxl-up-3 > .columns:last-child {\n      float: left; }\n  .xxl-up-4 > .column, .xxl-up-4 > .columns {\n    width: 25%;\n    float: left; }\n    .xxl-up-4 > .column:nth-of-type(1n), .xxl-up-4 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-4 > .column:nth-of-type(4n+1), .xxl-up-4 > .columns:nth-of-type(4n+1) {\n      clear: both; }\n    .xxl-up-4 > .column:last-child, .xxl-up-4 > .columns:last-child {\n      float: left; }\n  .xxl-up-5 > .column, .xxl-up-5 > .columns {\n    width: 20%;\n    float: left; }\n    .xxl-up-5 > .column:nth-of-type(1n), .xxl-up-5 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-5 > .column:nth-of-type(5n+1), .xxl-up-5 > .columns:nth-of-type(5n+1) {\n      clear: both; }\n    .xxl-up-5 > .column:last-child, .xxl-up-5 > .columns:last-child {\n      float: left; }\n  .xxl-up-6 > .column, .xxl-up-6 > .columns {\n    width: 16.66667%;\n    float: left; }\n    .xxl-up-6 > .column:nth-of-type(1n), .xxl-up-6 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-6 > .column:nth-of-type(6n+1), .xxl-up-6 > .columns:nth-of-type(6n+1) {\n      clear: both; }\n    .xxl-up-6 > .column:last-child, .xxl-up-6 > .columns:last-child {\n      float: left; }\n  .xxl-up-7 > .column, .xxl-up-7 > .columns {\n    width: 14.28571%;\n    float: left; }\n    .xxl-up-7 > .column:nth-of-type(1n), .xxl-up-7 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-7 > .column:nth-of-type(7n+1), .xxl-up-7 > .columns:nth-of-type(7n+1) {\n      clear: both; }\n    .xxl-up-7 > .column:last-child, .xxl-up-7 > .columns:last-child {\n      float: left; }\n  .xxl-up-8 > .column, .xxl-up-8 > .columns {\n    width: 12.5%;\n    float: left; }\n    .xxl-up-8 > .column:nth-of-type(1n), .xxl-up-8 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-8 > .column:nth-of-type(8n+1), .xxl-up-8 > .columns:nth-of-type(8n+1) {\n      clear: both; }\n    .xxl-up-8 > .column:last-child, .xxl-up-8 > .columns:last-child {\n      float: left; }\n  .xxl-up-9 > .column, .xxl-up-9 > .columns {\n    width: 11.11111%;\n    float: left; }\n    .xxl-up-9 > .column:nth-of-type(1n), .xxl-up-9 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-9 > .column:nth-of-type(9n+1), .xxl-up-9 > .columns:nth-of-type(9n+1) {\n      clear: both; }\n    .xxl-up-9 > .column:last-child, .xxl-up-9 > .columns:last-child {\n      float: left; }\n  .xxl-up-10 > .column, .xxl-up-10 > .columns {\n    width: 10%;\n    float: left; }\n    .xxl-up-10 > .column:nth-of-type(1n), .xxl-up-10 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-10 > .column:nth-of-type(10n+1), .xxl-up-10 > .columns:nth-of-type(10n+1) {\n      clear: both; }\n    .xxl-up-10 > .column:last-child, .xxl-up-10 > .columns:last-child {\n      float: left; }\n  .xxl-up-11 > .column, .xxl-up-11 > .columns {\n    width: 9.09091%;\n    float: left; }\n    .xxl-up-11 > .column:nth-of-type(1n), .xxl-up-11 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-11 > .column:nth-of-type(11n+1), .xxl-up-11 > .columns:nth-of-type(11n+1) {\n      clear: both; }\n    .xxl-up-11 > .column:last-child, .xxl-up-11 > .columns:last-child {\n      float: left; }\n  .xxl-up-12 > .column, .xxl-up-12 > .columns {\n    width: 8.33333%;\n    float: left; }\n    .xxl-up-12 > .column:nth-of-type(1n), .xxl-up-12 > .columns:nth-of-type(1n) {\n      clear: none; }\n    .xxl-up-12 > .column:nth-of-type(12n+1), .xxl-up-12 > .columns:nth-of-type(12n+1) {\n      clear: both; }\n    .xxl-up-12 > .column:last-child, .xxl-up-12 > .columns:last-child {\n      float: left; }\n  .xxl-collapse > .column, .xxl-collapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .xxl-collapse .row {\n    margin-left: 0;\n    margin-right: 0; }\n  .xxl-uncollapse > .column, .xxl-uncollapse > .columns {\n    padding-left: 0;\n    padding-right: 0; }\n  .xxl-centered {\n    float: none;\n    margin-left: auto;\n    margin-right: auto; }\n  .xxl-uncentered,\n  .xxl-push-0,\n  .xxl-pull-0 {\n    position: static;\n    margin-left: 0;\n    margin-right: 0;\n    float: left; } }\n\n.hide {\n  display: none !important; }\n\n.invisible {\n  visibility: hidden; }\n\n@media screen and (max-width: -0.0625em) {\n  .hide-for-small-only {\n    display: none !important; } }\n\n@media screen and (max-width: 0em), screen and (min-width: 0em) {\n  .show-for-small-only {\n    display: none !important; } }\n\n.hide-for-xs {\n  display: none !important; }\n\n.show-for-xs {\n  display: none !important; }\n\n@media screen and (max-width: 24.9375em) {\n  .hide-for-xs-only {\n    display: none !important; } }\n\n@media screen and (max-width: 0em), screen and (min-width: 25em) {\n  .show-for-xs-only {\n    display: none !important; } }\n\n@media screen and (min-width: 25em) {\n  .hide-for-sm {\n    display: none !important; } }\n\n@media screen and (max-width: 24.9375em) {\n  .show-for-sm {\n    display: none !important; } }\n\n@media screen and (min-width: 25em) and (max-width: 47.9375em) {\n  .hide-for-sm-only {\n    display: none !important; } }\n\n@media screen and (max-width: 24.9375em), screen and (min-width: 48em) {\n  .show-for-sm-only {\n    display: none !important; } }\n\n@media screen and (min-width: 48em) {\n  .hide-for-md {\n    display: none !important; } }\n\n@media screen and (max-width: 47.9375em) {\n  .show-for-md {\n    display: none !important; } }\n\n@media screen and (min-width: 48em) and (max-width: 61.9375em) {\n  .hide-for-md-only {\n    display: none !important; } }\n\n@media screen and (max-width: 47.9375em), screen and (min-width: 62em) {\n  .show-for-md-only {\n    display: none !important; } }\n\n@media screen and (min-width: 62em) {\n  .hide-for-lg {\n    display: none !important; } }\n\n@media screen and (max-width: 61.9375em) {\n  .show-for-lg {\n    display: none !important; } }\n\n@media screen and (min-width: 62em) and (max-width: 79.9375em) {\n  .hide-for-lg-only {\n    display: none !important; } }\n\n@media screen and (max-width: 61.9375em), screen and (min-width: 80em) {\n  .show-for-lg-only {\n    display: none !important; } }\n\n@media screen and (min-width: 80em) {\n  .hide-for-xl {\n    display: none !important; } }\n\n@media screen and (max-width: 79.9375em) {\n  .show-for-xl {\n    display: none !important; } }\n\n@media screen and (min-width: 80em) and (max-width: 99.9375em) {\n  .hide-for-xl-only {\n    display: none !important; } }\n\n@media screen and (max-width: 79.9375em), screen and (min-width: 100em) {\n  .show-for-xl-only {\n    display: none !important; } }\n\n@media screen and (min-width: 100em) {\n  .hide-for-xxl {\n    display: none !important; } }\n\n@media screen and (max-width: 99.9375em) {\n  .show-for-xxl {\n    display: none !important; } }\n\n@media screen and (min-width: 100em) {\n  .hide-for-xxl-only {\n    display: none !important; } }\n\n@media screen and (max-width: 99.9375em) {\n  .show-for-xxl-only {\n    display: none !important; } }\n\n.show-for-sr,\n.show-on-focus {\n  position: absolute !important;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0); }\n\n.show-on-focus:active, .show-on-focus:focus {\n  position: static !important;\n  height: auto;\n  width: auto;\n  overflow: visible;\n  clip: auto; }\n\n.show-for-landscape,\n.hide-for-portrait {\n  display: block !important; }\n  @media screen and (orientation: landscape) {\n    .show-for-landscape,\n    .hide-for-portrait {\n      display: block !important; } }\n  @media screen and (orientation: portrait) {\n    .show-for-landscape,\n    .hide-for-portrait {\n      display: none !important; } }\n\n.hide-for-landscape,\n.show-for-portrait {\n  display: none !important; }\n  @media screen and (orientation: landscape) {\n    .hide-for-landscape,\n    .show-for-portrait {\n      display: none !important; } }\n  @media screen and (orientation: portrait) {\n    .hide-for-landscape,\n    .show-for-portrait {\n      display: block !important; } }\n\n/***************************************************\nFlag Module\nAn alternative to the media object that supports vertical alignment\nhttp://csswizardry.com/2013/05/the-flag-object/\n***************************************************/\n.flag {\n  display: table;\n  width: 100%; }\n\n.flag-body {\n  width: 100%; }\n\n.flag-body, .flag-figure {\n  display: table-cell;\n  vertical-align: middle; }\n\n.flag-figure {\n  padding-right: 16px; }\n\n.flag-figure.m-reverse {\n  padding-right: 0;\n  padding-left: 16px; }\n\n.flag-figure > *:first-child {\n  display: block;\n  max-width: none; }\n\n.flex-container {\n  display: flex;\n  flex-direction: row;\n  /* row | row-reverse | column | column-reverse */\n  flex-wrap: nowrap;\n  /* nowrap | wrap | wrap-reverse */\n  justify-content: flex-start;\n  /* flex-start | flex-end | center | space-between | space-around */\n  align-items: flex-start;\n  /* flex-start | flex-end | center | baseline | stretch */\n  align-content: stretch;\n  /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n\n[class*=flex-container].m-center-items {\n  align-items: center; }\n\n[class*=flex-container].m-column {\n  flex-direction: column;\n  align-items: stretch; }\n\n[class*=flex-container].m-bottom-items {\n  align-items: flex-end; }\n\n.flex-item {\n  flex-grow: 0;\n  /* <integer> */\n  flex-shrink: 1;\n  /* <integer> */\n  flex-basis: auto;\n  /* <length> | auto */\n  align-self: auto;\n  /* auto | flex-start | flex-end | center | baseline | stretch */\n  /*order: <integer> */ }\n\n[class*=flex-item].m-grow, [class*=flex-item].m-stretch {\n  flex-grow: 1; }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .flex-container\\@xs {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@xs {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .flex-container\\@sm {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@sm {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 400px) {\n  .flex-container\\@sm-min {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@sm-min {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .flex-container\\@md {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@md {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 768px) {\n  .flex-container\\@md-min {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@md-min {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .flex-container\\@lg {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@lg {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 992px) {\n  .flex-container\\@lg-min {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@lg-min {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .flex-container\\@xl {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@xl {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 1280px) {\n  .flex-container\\@xl-min {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@xl-min {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .flex-container\\@xxl {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@xxl {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 1600px) {\n  .flex-container\\@xxl-min {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@xxl-min {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .flex-container\\@xxxl {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@xxxl {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n@media only screen and (min-width: 2560px) {\n  .flex-container\\@xxxl-min {\n    display: flex;\n    flex-direction: row;\n    /* row | row-reverse | column | column-reverse */\n    flex-wrap: nowrap;\n    /* nowrap | wrap | wrap-reverse */\n    justify-content: flex-start;\n    /* flex-start | flex-end | center | space-between | space-around */\n    align-items: flex-start;\n    /* flex-start | flex-end | center | baseline | stretch */\n    align-content: stretch;\n    /* flex-start | flex-end | center | space-between | space-around | stretch */ }\n  .flex-item\\@xxxl-min {\n    flex-grow: 0;\n    /* <integer> */\n    flex-shrink: 1;\n    /* <integer> */\n    flex-basis: auto;\n    /* <length> | auto */\n    align-self: auto;\n    /* auto | flex-start | flex-end | center | baseline | stretch */\n    /*order: <integer> */ } }\n\n.u-flex-direction-row {\n  flex-direction: row; }\n\n.u-flex-direction-column {\n  flex-direction: column; }\n\n.u-justify-content-start {\n  justify-content: flex-start; }\n\n.u-justify-content-end {\n  justify-content: flex-end; }\n\n.u-justify-content-center {\n  justify-content: center; }\n\n.u-justify-content-between {\n  justify-content: space-between; }\n\n.u-justify-content-around {\n  justify-content: space-around; }\n\n.u-align-items-start {\n  align-items: flex-start; }\n\n.u-align-items-end {\n  align-items: flex-end; }\n\n.u-align-items-center {\n  align-items: center; }\n\n.u-align-items-baseline {\n  align-items: baseline; }\n\n.u-align-items-stretch {\n  align-items: stretch; }\n\n.u-align-self-start {\n  align-self: flex-start; }\n\n.u-align-self-end {\n  align-self: flex-end; }\n\n.u-align-self-center {\n  align-self: center; }\n\n.u-align-self-baseline {\n  align-self: baseline; }\n\n.u-align-self-stretch {\n  align-self: stretch; }\n\n.u-flex-column-width-1, .u-flex-basis-1 {\n  flex-basis: 8.33333%; }\n\n.u-flex-column-width-2, .u-flex-basis-2 {\n  flex-basis: 16.66667%; }\n\n.u-flex-column-width-3, .u-flex-basis-3 {\n  flex-basis: 25%; }\n\n.u-flex-column-width-4, .u-flex-basis-4 {\n  flex-basis: 33.33333%; }\n\n.u-flex-column-width-5, .u-flex-basis-5 {\n  flex-basis: 41.66667%; }\n\n.u-flex-column-width-6, .u-flex-basis-6 {\n  flex-basis: 50%; }\n\n.u-flex-column-width-7, .u-flex-basis-7 {\n  flex-basis: 58.33333%; }\n\n.u-flex-column-width-8, .u-flex-basis-8 {\n  flex-basis: 66.66667%; }\n\n.u-flex-column-width-9, .u-flex-basis-9 {\n  flex-basis: 75%; }\n\n.u-flex-column-width-10, .u-flex-basis-10 {\n  flex-basis: 83.33333%; }\n\n.u-flex-column-width-11, .u-flex-basis-11 {\n  flex-basis: 91.66667%; }\n\n.u-flex-column-width-12, .u-flex-basis-12 {\n  flex-basis: 100%; }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .u-flex-column-width-1\\@xs, .u-flex-basis-1\\@xs {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@xs, .u-flex-basis-2\\@xs {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@xs, .u-flex-basis-3\\@xs {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@xs, .u-flex-basis-4\\@xs {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@xs, .u-flex-basis-5\\@xs {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@xs, .u-flex-basis-6\\@xs {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@xs, .u-flex-basis-7\\@xs {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@xs, .u-flex-basis-8\\@xs {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@xs, .u-flex-basis-9\\@xs {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@xs, .u-flex-basis-10\\@xs {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@xs, .u-flex-basis-11\\@xs {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@xs, .u-flex-basis-12\\@xs {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@xs {\n    flex-direction: row; }\n  .u-flex-direction-column\\@xs {\n    flex-direction: column; }\n  .u-justify-content-start\\@xs {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@xs {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@xs {\n    justify-content: center; }\n  .u-justify-content-between\\@xs {\n    justify-content: space-between; }\n  .u-justify-content-around\\@xs {\n    justify-content: space-around; }\n  .u-align-items-start\\@xs {\n    align-items: flex-start; }\n  .u-align-items-end\\@xs {\n    align-items: flex-end; }\n  .u-align-items-center\\@xs {\n    align-items: center; }\n  .u-align-items-baseline\\@xs {\n    align-items: baseline; }\n  .u-align-items-stretch\\@xs {\n    align-items: stretch; }\n  .u-align-self-start\\@xs {\n    align-self: flex-start; }\n  .u-align-self-end\\@xs {\n    align-self: flex-end; }\n  .u-align-self-center\\@xs {\n    align-self: center; }\n  .u-align-self-baseline\\@xs {\n    align-self: baseline; }\n  .u-align-self-stretch\\@xs {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .u-flex-column-width-1\\@sm, .u-flex-basis-1\\@sm {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@sm, .u-flex-basis-2\\@sm {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@sm, .u-flex-basis-3\\@sm {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@sm, .u-flex-basis-4\\@sm {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@sm, .u-flex-basis-5\\@sm {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@sm, .u-flex-basis-6\\@sm {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@sm, .u-flex-basis-7\\@sm {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@sm, .u-flex-basis-8\\@sm {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@sm, .u-flex-basis-9\\@sm {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@sm, .u-flex-basis-10\\@sm {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@sm, .u-flex-basis-11\\@sm {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@sm, .u-flex-basis-12\\@sm {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@sm {\n    flex-direction: row; }\n  .u-flex-direction-column\\@sm {\n    flex-direction: column; }\n  .u-justify-content-start\\@sm {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@sm {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@sm {\n    justify-content: center; }\n  .u-justify-content-between\\@sm {\n    justify-content: space-between; }\n  .u-justify-content-around\\@sm {\n    justify-content: space-around; }\n  .u-align-items-start\\@sm {\n    align-items: flex-start; }\n  .u-align-items-end\\@sm {\n    align-items: flex-end; }\n  .u-align-items-center\\@sm {\n    align-items: center; }\n  .u-align-items-baseline\\@sm {\n    align-items: baseline; }\n  .u-align-items-stretch\\@sm {\n    align-items: stretch; }\n  .u-align-self-start\\@sm {\n    align-self: flex-start; }\n  .u-align-self-end\\@sm {\n    align-self: flex-end; }\n  .u-align-self-center\\@sm {\n    align-self: center; }\n  .u-align-self-baseline\\@sm {\n    align-self: baseline; }\n  .u-align-self-stretch\\@sm {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 400px) {\n  .u-flex-column-width-1\\@sm-min, .u-flex-basis-1\\@sm-min {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@sm-min, .u-flex-basis-2\\@sm-min {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@sm-min, .u-flex-basis-3\\@sm-min {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@sm-min, .u-flex-basis-4\\@sm-min {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@sm-min, .u-flex-basis-5\\@sm-min {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@sm-min, .u-flex-basis-6\\@sm-min {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@sm-min, .u-flex-basis-7\\@sm-min {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@sm-min, .u-flex-basis-8\\@sm-min {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@sm-min, .u-flex-basis-9\\@sm-min {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@sm-min, .u-flex-basis-10\\@sm-min {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@sm-min, .u-flex-basis-11\\@sm-min {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@sm-min, .u-flex-basis-12\\@sm-min {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@sm-min {\n    flex-direction: row; }\n  .u-flex-direction-column\\@sm-min {\n    flex-direction: column; }\n  .u-justify-content-start\\@sm-min {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@sm-min {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@sm-min {\n    justify-content: center; }\n  .u-justify-content-between\\@sm-min {\n    justify-content: space-between; }\n  .u-justify-content-around\\@sm-min {\n    justify-content: space-around; }\n  .u-align-items-start\\@sm-min {\n    align-items: flex-start; }\n  .u-align-items-end\\@sm-min {\n    align-items: flex-end; }\n  .u-align-items-center\\@sm-min {\n    align-items: center; }\n  .u-align-items-baseline\\@sm-min {\n    align-items: baseline; }\n  .u-align-items-stretch\\@sm-min {\n    align-items: stretch; }\n  .u-align-self-start\\@sm-min {\n    align-self: flex-start; }\n  .u-align-self-end\\@sm-min {\n    align-self: flex-end; }\n  .u-align-self-center\\@sm-min {\n    align-self: center; }\n  .u-align-self-baseline\\@sm-min {\n    align-self: baseline; }\n  .u-align-self-stretch\\@sm-min {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .u-flex-column-width-1\\@md, .u-flex-basis-1\\@md {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@md, .u-flex-basis-2\\@md {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@md, .u-flex-basis-3\\@md {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@md, .u-flex-basis-4\\@md {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@md, .u-flex-basis-5\\@md {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@md, .u-flex-basis-6\\@md {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@md, .u-flex-basis-7\\@md {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@md, .u-flex-basis-8\\@md {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@md, .u-flex-basis-9\\@md {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@md, .u-flex-basis-10\\@md {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@md, .u-flex-basis-11\\@md {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@md, .u-flex-basis-12\\@md {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@md {\n    flex-direction: row; }\n  .u-flex-direction-column\\@md {\n    flex-direction: column; }\n  .u-justify-content-start\\@md {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@md {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@md {\n    justify-content: center; }\n  .u-justify-content-between\\@md {\n    justify-content: space-between; }\n  .u-justify-content-around\\@md {\n    justify-content: space-around; }\n  .u-align-items-start\\@md {\n    align-items: flex-start; }\n  .u-align-items-end\\@md {\n    align-items: flex-end; }\n  .u-align-items-center\\@md {\n    align-items: center; }\n  .u-align-items-baseline\\@md {\n    align-items: baseline; }\n  .u-align-items-stretch\\@md {\n    align-items: stretch; }\n  .u-align-self-start\\@md {\n    align-self: flex-start; }\n  .u-align-self-end\\@md {\n    align-self: flex-end; }\n  .u-align-self-center\\@md {\n    align-self: center; }\n  .u-align-self-baseline\\@md {\n    align-self: baseline; }\n  .u-align-self-stretch\\@md {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 768px) {\n  .u-flex-column-width-1\\@md-min, .u-flex-basis-1\\@md-min {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@md-min, .u-flex-basis-2\\@md-min {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@md-min, .u-flex-basis-3\\@md-min {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@md-min, .u-flex-basis-4\\@md-min {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@md-min, .u-flex-basis-5\\@md-min {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@md-min, .u-flex-basis-6\\@md-min {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@md-min, .u-flex-basis-7\\@md-min {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@md-min, .u-flex-basis-8\\@md-min {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@md-min, .u-flex-basis-9\\@md-min {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@md-min, .u-flex-basis-10\\@md-min {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@md-min, .u-flex-basis-11\\@md-min {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@md-min, .u-flex-basis-12\\@md-min {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@md-min {\n    flex-direction: row; }\n  .u-flex-direction-column\\@md-min {\n    flex-direction: column; }\n  .u-justify-content-start\\@md-min {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@md-min {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@md-min {\n    justify-content: center; }\n  .u-justify-content-between\\@md-min {\n    justify-content: space-between; }\n  .u-justify-content-around\\@md-min {\n    justify-content: space-around; }\n  .u-align-items-start\\@md-min {\n    align-items: flex-start; }\n  .u-align-items-end\\@md-min {\n    align-items: flex-end; }\n  .u-align-items-center\\@md-min {\n    align-items: center; }\n  .u-align-items-baseline\\@md-min {\n    align-items: baseline; }\n  .u-align-items-stretch\\@md-min {\n    align-items: stretch; }\n  .u-align-self-start\\@md-min {\n    align-self: flex-start; }\n  .u-align-self-end\\@md-min {\n    align-self: flex-end; }\n  .u-align-self-center\\@md-min {\n    align-self: center; }\n  .u-align-self-baseline\\@md-min {\n    align-self: baseline; }\n  .u-align-self-stretch\\@md-min {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .u-flex-column-width-1\\@lg, .u-flex-basis-1\\@lg {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@lg, .u-flex-basis-2\\@lg {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@lg, .u-flex-basis-3\\@lg {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@lg, .u-flex-basis-4\\@lg {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@lg, .u-flex-basis-5\\@lg {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@lg, .u-flex-basis-6\\@lg {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@lg, .u-flex-basis-7\\@lg {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@lg, .u-flex-basis-8\\@lg {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@lg, .u-flex-basis-9\\@lg {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@lg, .u-flex-basis-10\\@lg {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@lg, .u-flex-basis-11\\@lg {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@lg, .u-flex-basis-12\\@lg {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@lg {\n    flex-direction: row; }\n  .u-flex-direction-column\\@lg {\n    flex-direction: column; }\n  .u-justify-content-start\\@lg {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@lg {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@lg {\n    justify-content: center; }\n  .u-justify-content-between\\@lg {\n    justify-content: space-between; }\n  .u-justify-content-around\\@lg {\n    justify-content: space-around; }\n  .u-align-items-start\\@lg {\n    align-items: flex-start; }\n  .u-align-items-end\\@lg {\n    align-items: flex-end; }\n  .u-align-items-center\\@lg {\n    align-items: center; }\n  .u-align-items-baseline\\@lg {\n    align-items: baseline; }\n  .u-align-items-stretch\\@lg {\n    align-items: stretch; }\n  .u-align-self-start\\@lg {\n    align-self: flex-start; }\n  .u-align-self-end\\@lg {\n    align-self: flex-end; }\n  .u-align-self-center\\@lg {\n    align-self: center; }\n  .u-align-self-baseline\\@lg {\n    align-self: baseline; }\n  .u-align-self-stretch\\@lg {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 992px) {\n  .u-flex-column-width-1\\@lg-min, .u-flex-basis-1\\@lg-min {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@lg-min, .u-flex-basis-2\\@lg-min {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@lg-min, .u-flex-basis-3\\@lg-min {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@lg-min, .u-flex-basis-4\\@lg-min {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@lg-min, .u-flex-basis-5\\@lg-min {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@lg-min, .u-flex-basis-6\\@lg-min {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@lg-min, .u-flex-basis-7\\@lg-min {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@lg-min, .u-flex-basis-8\\@lg-min {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@lg-min, .u-flex-basis-9\\@lg-min {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@lg-min, .u-flex-basis-10\\@lg-min {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@lg-min, .u-flex-basis-11\\@lg-min {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@lg-min, .u-flex-basis-12\\@lg-min {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@lg-min {\n    flex-direction: row; }\n  .u-flex-direction-column\\@lg-min {\n    flex-direction: column; }\n  .u-justify-content-start\\@lg-min {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@lg-min {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@lg-min {\n    justify-content: center; }\n  .u-justify-content-between\\@lg-min {\n    justify-content: space-between; }\n  .u-justify-content-around\\@lg-min {\n    justify-content: space-around; }\n  .u-align-items-start\\@lg-min {\n    align-items: flex-start; }\n  .u-align-items-end\\@lg-min {\n    align-items: flex-end; }\n  .u-align-items-center\\@lg-min {\n    align-items: center; }\n  .u-align-items-baseline\\@lg-min {\n    align-items: baseline; }\n  .u-align-items-stretch\\@lg-min {\n    align-items: stretch; }\n  .u-align-self-start\\@lg-min {\n    align-self: flex-start; }\n  .u-align-self-end\\@lg-min {\n    align-self: flex-end; }\n  .u-align-self-center\\@lg-min {\n    align-self: center; }\n  .u-align-self-baseline\\@lg-min {\n    align-self: baseline; }\n  .u-align-self-stretch\\@lg-min {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .u-flex-column-width-1\\@xl, .u-flex-basis-1\\@xl {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@xl, .u-flex-basis-2\\@xl {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@xl, .u-flex-basis-3\\@xl {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@xl, .u-flex-basis-4\\@xl {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@xl, .u-flex-basis-5\\@xl {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@xl, .u-flex-basis-6\\@xl {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@xl, .u-flex-basis-7\\@xl {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@xl, .u-flex-basis-8\\@xl {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@xl, .u-flex-basis-9\\@xl {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@xl, .u-flex-basis-10\\@xl {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@xl, .u-flex-basis-11\\@xl {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@xl, .u-flex-basis-12\\@xl {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@xl {\n    flex-direction: row; }\n  .u-flex-direction-column\\@xl {\n    flex-direction: column; }\n  .u-justify-content-start\\@xl {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@xl {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@xl {\n    justify-content: center; }\n  .u-justify-content-between\\@xl {\n    justify-content: space-between; }\n  .u-justify-content-around\\@xl {\n    justify-content: space-around; }\n  .u-align-items-start\\@xl {\n    align-items: flex-start; }\n  .u-align-items-end\\@xl {\n    align-items: flex-end; }\n  .u-align-items-center\\@xl {\n    align-items: center; }\n  .u-align-items-baseline\\@xl {\n    align-items: baseline; }\n  .u-align-items-stretch\\@xl {\n    align-items: stretch; }\n  .u-align-self-start\\@xl {\n    align-self: flex-start; }\n  .u-align-self-end\\@xl {\n    align-self: flex-end; }\n  .u-align-self-center\\@xl {\n    align-self: center; }\n  .u-align-self-baseline\\@xl {\n    align-self: baseline; }\n  .u-align-self-stretch\\@xl {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 1280px) {\n  .u-flex-column-width-1\\@xl-min, .u-flex-basis-1\\@xl-min {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@xl-min, .u-flex-basis-2\\@xl-min {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@xl-min, .u-flex-basis-3\\@xl-min {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@xl-min, .u-flex-basis-4\\@xl-min {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@xl-min, .u-flex-basis-5\\@xl-min {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@xl-min, .u-flex-basis-6\\@xl-min {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@xl-min, .u-flex-basis-7\\@xl-min {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@xl-min, .u-flex-basis-8\\@xl-min {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@xl-min, .u-flex-basis-9\\@xl-min {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@xl-min, .u-flex-basis-10\\@xl-min {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@xl-min, .u-flex-basis-11\\@xl-min {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@xl-min, .u-flex-basis-12\\@xl-min {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@xl-min {\n    flex-direction: row; }\n  .u-flex-direction-column\\@xl-min {\n    flex-direction: column; }\n  .u-justify-content-start\\@xl-min {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@xl-min {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@xl-min {\n    justify-content: center; }\n  .u-justify-content-between\\@xl-min {\n    justify-content: space-between; }\n  .u-justify-content-around\\@xl-min {\n    justify-content: space-around; }\n  .u-align-items-start\\@xl-min {\n    align-items: flex-start; }\n  .u-align-items-end\\@xl-min {\n    align-items: flex-end; }\n  .u-align-items-center\\@xl-min {\n    align-items: center; }\n  .u-align-items-baseline\\@xl-min {\n    align-items: baseline; }\n  .u-align-items-stretch\\@xl-min {\n    align-items: stretch; }\n  .u-align-self-start\\@xl-min {\n    align-self: flex-start; }\n  .u-align-self-end\\@xl-min {\n    align-self: flex-end; }\n  .u-align-self-center\\@xl-min {\n    align-self: center; }\n  .u-align-self-baseline\\@xl-min {\n    align-self: baseline; }\n  .u-align-self-stretch\\@xl-min {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .u-flex-column-width-1\\@xxl, .u-flex-basis-1\\@xxl {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@xxl, .u-flex-basis-2\\@xxl {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@xxl, .u-flex-basis-3\\@xxl {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@xxl, .u-flex-basis-4\\@xxl {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@xxl, .u-flex-basis-5\\@xxl {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@xxl, .u-flex-basis-6\\@xxl {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@xxl, .u-flex-basis-7\\@xxl {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@xxl, .u-flex-basis-8\\@xxl {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@xxl, .u-flex-basis-9\\@xxl {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@xxl, .u-flex-basis-10\\@xxl {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@xxl, .u-flex-basis-11\\@xxl {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@xxl, .u-flex-basis-12\\@xxl {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@xxl {\n    flex-direction: row; }\n  .u-flex-direction-column\\@xxl {\n    flex-direction: column; }\n  .u-justify-content-start\\@xxl {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@xxl {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@xxl {\n    justify-content: center; }\n  .u-justify-content-between\\@xxl {\n    justify-content: space-between; }\n  .u-justify-content-around\\@xxl {\n    justify-content: space-around; }\n  .u-align-items-start\\@xxl {\n    align-items: flex-start; }\n  .u-align-items-end\\@xxl {\n    align-items: flex-end; }\n  .u-align-items-center\\@xxl {\n    align-items: center; }\n  .u-align-items-baseline\\@xxl {\n    align-items: baseline; }\n  .u-align-items-stretch\\@xxl {\n    align-items: stretch; }\n  .u-align-self-start\\@xxl {\n    align-self: flex-start; }\n  .u-align-self-end\\@xxl {\n    align-self: flex-end; }\n  .u-align-self-center\\@xxl {\n    align-self: center; }\n  .u-align-self-baseline\\@xxl {\n    align-self: baseline; }\n  .u-align-self-stretch\\@xxl {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 1600px) {\n  .u-flex-column-width-1\\@xxl-min, .u-flex-basis-1\\@xxl-min {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@xxl-min, .u-flex-basis-2\\@xxl-min {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@xxl-min, .u-flex-basis-3\\@xxl-min {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@xxl-min, .u-flex-basis-4\\@xxl-min {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@xxl-min, .u-flex-basis-5\\@xxl-min {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@xxl-min, .u-flex-basis-6\\@xxl-min {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@xxl-min, .u-flex-basis-7\\@xxl-min {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@xxl-min, .u-flex-basis-8\\@xxl-min {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@xxl-min, .u-flex-basis-9\\@xxl-min {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@xxl-min, .u-flex-basis-10\\@xxl-min {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@xxl-min, .u-flex-basis-11\\@xxl-min {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@xxl-min, .u-flex-basis-12\\@xxl-min {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@xxl-min {\n    flex-direction: row; }\n  .u-flex-direction-column\\@xxl-min {\n    flex-direction: column; }\n  .u-justify-content-start\\@xxl-min {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@xxl-min {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@xxl-min {\n    justify-content: center; }\n  .u-justify-content-between\\@xxl-min {\n    justify-content: space-between; }\n  .u-justify-content-around\\@xxl-min {\n    justify-content: space-around; }\n  .u-align-items-start\\@xxl-min {\n    align-items: flex-start; }\n  .u-align-items-end\\@xxl-min {\n    align-items: flex-end; }\n  .u-align-items-center\\@xxl-min {\n    align-items: center; }\n  .u-align-items-baseline\\@xxl-min {\n    align-items: baseline; }\n  .u-align-items-stretch\\@xxl-min {\n    align-items: stretch; }\n  .u-align-self-start\\@xxl-min {\n    align-self: flex-start; }\n  .u-align-self-end\\@xxl-min {\n    align-self: flex-end; }\n  .u-align-self-center\\@xxl-min {\n    align-self: center; }\n  .u-align-self-baseline\\@xxl-min {\n    align-self: baseline; }\n  .u-align-self-stretch\\@xxl-min {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .u-flex-column-width-1\\@xxxl, .u-flex-basis-1\\@xxxl {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@xxxl, .u-flex-basis-2\\@xxxl {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@xxxl, .u-flex-basis-3\\@xxxl {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@xxxl, .u-flex-basis-4\\@xxxl {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@xxxl, .u-flex-basis-5\\@xxxl {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@xxxl, .u-flex-basis-6\\@xxxl {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@xxxl, .u-flex-basis-7\\@xxxl {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@xxxl, .u-flex-basis-8\\@xxxl {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@xxxl, .u-flex-basis-9\\@xxxl {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@xxxl, .u-flex-basis-10\\@xxxl {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@xxxl, .u-flex-basis-11\\@xxxl {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@xxxl, .u-flex-basis-12\\@xxxl {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@xxxl {\n    flex-direction: row; }\n  .u-flex-direction-column\\@xxxl {\n    flex-direction: column; }\n  .u-justify-content-start\\@xxxl {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@xxxl {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@xxxl {\n    justify-content: center; }\n  .u-justify-content-between\\@xxxl {\n    justify-content: space-between; }\n  .u-justify-content-around\\@xxxl {\n    justify-content: space-around; }\n  .u-align-items-start\\@xxxl {\n    align-items: flex-start; }\n  .u-align-items-end\\@xxxl {\n    align-items: flex-end; }\n  .u-align-items-center\\@xxxl {\n    align-items: center; }\n  .u-align-items-baseline\\@xxxl {\n    align-items: baseline; }\n  .u-align-items-stretch\\@xxxl {\n    align-items: stretch; }\n  .u-align-self-start\\@xxxl {\n    align-self: flex-start; }\n  .u-align-self-end\\@xxxl {\n    align-self: flex-end; }\n  .u-align-self-center\\@xxxl {\n    align-self: center; }\n  .u-align-self-baseline\\@xxxl {\n    align-self: baseline; }\n  .u-align-self-stretch\\@xxxl {\n    align-self: stretch; } }\n\n@media only screen and (min-width: 2560px) {\n  .u-flex-column-width-1\\@xxxl-min, .u-flex-basis-1\\@xxxl-min {\n    flex-basis: 8.33333%; }\n  .u-flex-column-width-2\\@xxxl-min, .u-flex-basis-2\\@xxxl-min {\n    flex-basis: 16.66667%; }\n  .u-flex-column-width-3\\@xxxl-min, .u-flex-basis-3\\@xxxl-min {\n    flex-basis: 25%; }\n  .u-flex-column-width-4\\@xxxl-min, .u-flex-basis-4\\@xxxl-min {\n    flex-basis: 33.33333%; }\n  .u-flex-column-width-5\\@xxxl-min, .u-flex-basis-5\\@xxxl-min {\n    flex-basis: 41.66667%; }\n  .u-flex-column-width-6\\@xxxl-min, .u-flex-basis-6\\@xxxl-min {\n    flex-basis: 50%; }\n  .u-flex-column-width-7\\@xxxl-min, .u-flex-basis-7\\@xxxl-min {\n    flex-basis: 58.33333%; }\n  .u-flex-column-width-8\\@xxxl-min, .u-flex-basis-8\\@xxxl-min {\n    flex-basis: 66.66667%; }\n  .u-flex-column-width-9\\@xxxl-min, .u-flex-basis-9\\@xxxl-min {\n    flex-basis: 75%; }\n  .u-flex-column-width-10\\@xxxl-min, .u-flex-basis-10\\@xxxl-min {\n    flex-basis: 83.33333%; }\n  .u-flex-column-width-11\\@xxxl-min, .u-flex-basis-11\\@xxxl-min {\n    flex-basis: 91.66667%; }\n  .u-flex-column-width-12\\@xxxl-min, .u-flex-basis-12\\@xxxl-min {\n    flex-basis: 100%; }\n  .u-flex-direction-row\\@xxxl-min {\n    flex-direction: row; }\n  .u-flex-direction-column\\@xxxl-min {\n    flex-direction: column; }\n  .u-justify-content-start\\@xxxl-min {\n    justify-content: flex-start; }\n  .u-justify-content-end\\@xxxl-min {\n    justify-content: flex-end; }\n  .u-justify-content-center\\@xxxl-min {\n    justify-content: center; }\n  .u-justify-content-between\\@xxxl-min {\n    justify-content: space-between; }\n  .u-justify-content-around\\@xxxl-min {\n    justify-content: space-around; }\n  .u-align-items-start\\@xxxl-min {\n    align-items: flex-start; }\n  .u-align-items-end\\@xxxl-min {\n    align-items: flex-end; }\n  .u-align-items-center\\@xxxl-min {\n    align-items: center; }\n  .u-align-items-baseline\\@xxxl-min {\n    align-items: baseline; }\n  .u-align-items-stretch\\@xxxl-min {\n    align-items: stretch; }\n  .u-align-self-start\\@xxxl-min {\n    align-self: flex-start; }\n  .u-align-self-end\\@xxxl-min {\n    align-self: flex-end; }\n  .u-align-self-center\\@xxxl-min {\n    align-self: center; }\n  .u-align-self-baseline\\@xxxl-min {\n    align-self: baseline; }\n  .u-align-self-stretch\\@xxxl-min {\n    align-self: stretch; } }\n\n.gutters {\n  margin: -5px; }\n\n.gutters-el {\n  margin: 5px; }\n\n/***************************************************\n\t\t\t\tMedia Module\n A module for creating a block formatting context for a fluid width container next to a fixed width container.\n https://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/\n https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n***************************************************/\n.media {\n  display: block;\n  overflow: auto; }\n\n.media-graphic {\n  float: left;\n  margin-right: 16px; }\n\n.media-graphic.m-flipped {\n  float: right;\n  margin-right: 0;\n  margin-left: 16px; }\n\n.media-content {\n  overflow: auto;\n  /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .media\\@xs {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@xs {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@xs.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@xs {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .media\\@sm {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@sm {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@sm.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@sm {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 400px) {\n  .media\\@sm-min {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@sm-min {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@sm-min.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@sm-min {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .media\\@md {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@md {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@md.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@md {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 768px) {\n  .media\\@md-min {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@md-min {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@md-min.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@md-min {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .media\\@lg {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@lg {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@lg.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@lg {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 992px) {\n  .media\\@lg-min {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@lg-min {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@lg-min.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@lg-min {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .media\\@xl {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@xl {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@xl.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@xl {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 1280px) {\n  .media\\@xl-min {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@xl-min {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@xl-min.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@xl-min {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .media\\@xxl {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@xxl {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@xxl.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@xxl {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 1600px) {\n  .media\\@xxl-min {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@xxl-min {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@xxl-min.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@xxl-min {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .media\\@xxxl {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@xxxl {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@xxxl.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@xxxl {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n@media only screen and (min-width: 2560px) {\n  .media\\@xxxl-min {\n    display: block;\n    overflow: auto; }\n  .media-graphic\\@xxxl-min {\n    float: left;\n    margin-right: 16px; }\n  .media-graphic\\@xxxl-min.m-flipped {\n    float: right;\n    margin-right: 0;\n    margin-left: 16px; }\n  .media-content\\@xxxl-min {\n    overflow: auto;\n    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }\n\n.badge {\n  line-height: 1;\n  padding: 3px 5px;\n  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.65);\n  /* Border Styles */\n  border: 2px solid #e79b2a;\n  border-radius: 3px;\n  /* Text & Color */\n  background-color: rgba(0, 0, 0, 0.65);\n  color: #ffe30b;\n  font-size: 1.28rem;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  text-transform: uppercase; }\n\n.blackout {\n  position: fixed;\n  display: block;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: #000;\n  background: rgba(0, 0, 0, 0.8);\n  z-index: 98;\n  cursor: pointer;\n  visibility: hidden;\n  transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);\n  opacity: 0;\n  pointer-events: none; }\n  .blackout.open {\n    visibility: visible;\n    opacity: 1;\n    pointer-events: all; }\n\nbutton, .button, .btn {\n  display: inline-block;\n  vertical-align: middle;\n  padding: 6px 1em;\n  border: none;\n  border-radius: 2px;\n  border-width: 3px;\n  border-style: solid;\n  border-color: transparent;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 700;\n  font-size: 1.6rem;\n  text-align: center;\n  text-transform: uppercase;\n  line-height: 1;\n  letter-spacing: 0.025em;\n  text-shadow: none;\n  text-decoration: none;\n  cursor: pointer;\n  appearance: none;\n  outline: none;\n  transition: all 200ms;\n  background-color: #ff9c00;\n  color: #fefefe; }\n  button:visited, button:link, .button:visited, .button:link, .btn:visited, .btn:link {\n    color: #fefefe; }\n  button:hover, .button:hover, .btn:hover {\n    border-color: #ffb033;\n    background-color: #ffb033;\n    color: #fefefe; }\n  button:focus, button:active, button.is-active, .button:focus, .button:active, .button.is-active, .btn:focus, .btn:active, .btn.is-active {\n    color: #333333; }\n  button.m-blue, button.m-blue-filled, .button.m-blue, .button.m-blue-filled, .btn.m-blue, .btn.m-blue-filled {\n    border-color: transparent;\n    background-color: #00a5e2;\n    color: white; }\n    button.m-blue:hover, button.m-blue-filled:hover, .button.m-blue:hover, .button.m-blue-filled:hover, .btn.m-blue:hover, .btn.m-blue-filled:hover {\n      background-color: #0cbdff; }\n    button.m-blue:focus, button.m-blue:active, button.m-blue.is-active, button.m-blue-filled:focus, button.m-blue-filled:active, button.m-blue-filled.is-active, .button.m-blue:focus, .button.m-blue:active, .button.m-blue.is-active, .button.m-blue-filled:focus, .button.m-blue-filled:active, .button.m-blue-filled.is-active, .btn.m-blue:focus, .btn.m-blue:active, .btn.m-blue.is-active, .btn.m-blue-filled:focus, .btn.m-blue-filled:active, .btn.m-blue-filled.is-active {\n      color: #333333; }\n  button.m-blue-outline, .button.m-blue-outline, .btn.m-blue-outline {\n    color: #333333;\n    border-color: #00a5e2;\n    background-color: transparent; }\n    button.m-blue-outline:hover, button.m-blue-outline:focus, button.m-blue-outline:active, button.m-blue-outline.is-active, .button.m-blue-outline:hover, .button.m-blue-outline:focus, .button.m-blue-outline:active, .button.m-blue-outline.is-active, .btn.m-blue-outline:hover, .btn.m-blue-outline:focus, .btn.m-blue-outline:active, .btn.m-blue-outline.is-active {\n      background-color: #00a5e2;\n      color: white; }\n  button.m-white, .button.m-white, .btn.m-white {\n    color: white;\n    border-color: transparent;\n    background-color: white;\n    color: #333333; }\n    button.m-white:hover, button.m-white:focus, button.m-white:active, button.m-white.is-active, .button.m-white:hover, .button.m-white:focus, .button.m-white:active, .button.m-white.is-active, .btn.m-white:hover, .btn.m-white:focus, .btn.m-white:active, .btn.m-white.is-active {\n      border-color: white;\n      background-color: transparent;\n      color: white; }\n  button.m-white-outline, .button.m-white-outline, .btn.m-white-outline {\n    color: white;\n    border-color: white;\n    background-color: transparent; }\n    button.m-white-outline:hover, .button.m-white-outline:hover, .btn.m-white-outline:hover {\n      background-color: white;\n      color: #333333; }\n    button.m-white-outline:focus, button.m-white-outline:active, button.m-white-outline.is-active, .button.m-white-outline:focus, .button.m-white-outline:active, .button.m-white-outline.is-active, .btn.m-white-outline:focus, .btn.m-white-outline:active, .btn.m-white-outline.is-active {\n      background-color: white;\n      color: #333333; }\n  button.m-black, .button.m-black, .btn.m-black {\n    border-color: transparent;\n    background-color: #333333;\n    color: #fefefe; }\n    button.m-black:visited, button.m-black:link, .button.m-black:visited, .button.m-black:link, .btn.m-black:visited, .btn.m-black:link {\n      color: #fefefe; }\n    button.m-black:hover, button.m-black:focus, button.m-black:active, button.m-black.is-active, .button.m-black:hover, .button.m-black:focus, .button.m-black:active, .button.m-black.is-active, .btn.m-black:hover, .btn.m-black:focus, .btn.m-black:active, .btn.m-black.is-active {\n      border-color: #4d4d4d;\n      background-color: #4d4d4d;\n      color: #fefefe; }\n  button.m-black-outline, .button.m-black-outline, .btn.m-black-outline {\n    color: #333333;\n    border-color: #333333;\n    background-color: transparent; }\n    button.m-black-outline:hover, .button.m-black-outline:hover, .btn.m-black-outline:hover {\n      background-color: #333333;\n      color: white; }\n    button.m-black-outline:focus, button.m-black-outline:active, button.m-black-outline.is-active, .button.m-black-outline:focus, .button.m-black-outline:active, .button.m-black-outline.is-active, .btn.m-black-outline:focus, .btn.m-black-outline:active, .btn.m-black-outline.is-active {\n      background-color: #333333;\n      color: white; }\n  button.m-sm, .button.m-sm, .btn.m-sm {\n    font-size: 1.28rem;\n    border-width: 1px; }\n  button.m-lg, button.m-wide, .button.m-lg, .button.m-wide, .btn.m-lg, .btn.m-wide {\n    font-size: 2rem; }\n  button.m-xl, .button.m-xl, .btn.m-xl {\n    font-size: 2.5rem; }\n  button.is-disabled, .button.is-disabled, .btn.is-disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n    background: #a1a1a1;\n    border-color: #a1a1a1; }\n  @media only screen and (min-width: 0px) and (max-width: 399px) {\n    button.m-sm\\@xs, .button.m-sm\\@xs, .btn.m-sm\\@xs {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@xs, button.m-wide\\@xs, .button.m-lg\\@xs, .button.m-wide\\@xs, .btn.m-lg\\@xs, .btn.m-wide\\@xs {\n      font-size: 2rem; }\n    button.m-xl\\@xs, .button.m-xl\\@xs, .btn.m-xl\\@xs {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) {\n    button.m-sm\\@sm, .button.m-sm\\@sm, .btn.m-sm\\@sm {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@sm, button.m-wide\\@sm, .button.m-lg\\@sm, .button.m-wide\\@sm, .btn.m-lg\\@sm, .btn.m-wide\\@sm {\n      font-size: 2rem; }\n    button.m-xl\\@sm, .button.m-xl\\@sm, .btn.m-xl\\@sm {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 400px) {\n    button.m-sm\\@sm-min, .button.m-sm\\@sm-min, .btn.m-sm\\@sm-min {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@sm-min, button.m-wide\\@sm-min, .button.m-lg\\@sm-min, .button.m-wide\\@sm-min, .btn.m-lg\\@sm-min, .btn.m-wide\\@sm-min {\n      font-size: 2rem; }\n    button.m-xl\\@sm-min, .button.m-xl\\@sm-min, .btn.m-xl\\@sm-min {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) {\n    button.m-sm\\@md, .button.m-sm\\@md, .btn.m-sm\\@md {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@md, button.m-wide\\@md, .button.m-lg\\@md, .button.m-wide\\@md, .btn.m-lg\\@md, .btn.m-wide\\@md {\n      font-size: 2rem; }\n    button.m-xl\\@md, .button.m-xl\\@md, .btn.m-xl\\@md {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 768px) {\n    button.m-sm\\@md-min, .button.m-sm\\@md-min, .btn.m-sm\\@md-min {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@md-min, button.m-wide\\@md-min, .button.m-lg\\@md-min, .button.m-wide\\@md-min, .btn.m-lg\\@md-min, .btn.m-wide\\@md-min {\n      font-size: 2rem; }\n    button.m-xl\\@md-min, .button.m-xl\\@md-min, .btn.m-xl\\@md-min {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) {\n    button.m-sm\\@lg, .button.m-sm\\@lg, .btn.m-sm\\@lg {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@lg, button.m-wide\\@lg, .button.m-lg\\@lg, .button.m-wide\\@lg, .btn.m-lg\\@lg, .btn.m-wide\\@lg {\n      font-size: 2rem; }\n    button.m-xl\\@lg, .button.m-xl\\@lg, .btn.m-xl\\@lg {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 992px) {\n    button.m-sm\\@lg-min, .button.m-sm\\@lg-min, .btn.m-sm\\@lg-min {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@lg-min, button.m-wide\\@lg-min, .button.m-lg\\@lg-min, .button.m-wide\\@lg-min, .btn.m-lg\\@lg-min, .btn.m-wide\\@lg-min {\n      font-size: 2rem; }\n    button.m-xl\\@lg-min, .button.m-xl\\@lg-min, .btn.m-xl\\@lg-min {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) {\n    button.m-sm\\@xl, .button.m-sm\\@xl, .btn.m-sm\\@xl {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@xl, button.m-wide\\@xl, .button.m-lg\\@xl, .button.m-wide\\@xl, .btn.m-lg\\@xl, .btn.m-wide\\@xl {\n      font-size: 2rem; }\n    button.m-xl\\@xl, .button.m-xl\\@xl, .btn.m-xl\\@xl {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 1280px) {\n    button.m-sm\\@xl-min, .button.m-sm\\@xl-min, .btn.m-sm\\@xl-min {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@xl-min, button.m-wide\\@xl-min, .button.m-lg\\@xl-min, .button.m-wide\\@xl-min, .btn.m-lg\\@xl-min, .btn.m-wide\\@xl-min {\n      font-size: 2rem; }\n    button.m-xl\\@xl-min, .button.m-xl\\@xl-min, .btn.m-xl\\@xl-min {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) {\n    button.m-sm\\@xxl, .button.m-sm\\@xxl, .btn.m-sm\\@xxl {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@xxl, button.m-wide\\@xxl, .button.m-lg\\@xxl, .button.m-wide\\@xxl, .btn.m-lg\\@xxl, .btn.m-wide\\@xxl {\n      font-size: 2rem; }\n    button.m-xl\\@xxl, .button.m-xl\\@xxl, .btn.m-xl\\@xxl {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 1600px) {\n    button.m-sm\\@xxl-min, .button.m-sm\\@xxl-min, .btn.m-sm\\@xxl-min {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@xxl-min, button.m-wide\\@xxl-min, .button.m-lg\\@xxl-min, .button.m-wide\\@xxl-min, .btn.m-lg\\@xxl-min, .btn.m-wide\\@xxl-min {\n      font-size: 2rem; }\n    button.m-xl\\@xxl-min, .button.m-xl\\@xxl-min, .btn.m-xl\\@xxl-min {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) {\n    button.m-sm\\@xxxl, .button.m-sm\\@xxxl, .btn.m-sm\\@xxxl {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@xxxl, button.m-wide\\@xxxl, .button.m-lg\\@xxxl, .button.m-wide\\@xxxl, .btn.m-lg\\@xxxl, .btn.m-wide\\@xxxl {\n      font-size: 2rem; }\n    button.m-xl\\@xxxl, .button.m-xl\\@xxxl, .btn.m-xl\\@xxxl {\n      font-size: 2.5rem; } }\n  @media only screen and (min-width: 2560px) {\n    button.m-sm\\@xxxl-min, .button.m-sm\\@xxxl-min, .btn.m-sm\\@xxxl-min {\n      font-size: 1.28rem;\n      border-width: 1px; }\n    button.m-lg\\@xxxl-min, button.m-wide\\@xxxl-min, .button.m-lg\\@xxxl-min, .button.m-wide\\@xxxl-min, .btn.m-lg\\@xxxl-min, .btn.m-wide\\@xxxl-min {\n      font-size: 2rem; }\n    button.m-xl\\@xxxl-min, .button.m-xl\\@xxxl-min, .btn.m-xl\\@xxxl-min {\n      font-size: 2.5rem; } }\n  @media only screen and (max-width: 399px) {\n    button.m-sm:not(.m-auto-width), button.m-lg:not(.m-auto-width), button.m-wide:not(.m-auto-width), button:not(.m-auto-width), .button.m-sm:not(.m-auto-width), .button.m-lg:not(.m-auto-width), .button.m-wide:not(.m-auto-width), .button:not(.m-auto-width), .btn.m-sm:not(.m-auto-width), .btn.m-lg:not(.m-auto-width), .btn.m-wide:not(.m-auto-width), .btn:not(.m-auto-width) {\n      width: 100%;\n      padding-left: 0;\n      padding-right: 0; } }\n\nbody.ko-kr button, body.ko-kr .button, body.ko-kr .btn {\n  font-family: \"BlackFit77\", sans-serif;\n  font-weight: normal; }\n\n.button-group {\n  display: inline-block; }\n\n.button-group > button, .button-group > .button, .button-group > .btn {\n  border-radius: 0;\n  border-width: 1px; }\n\n.button-group > button:first-child, .button-group > .button:first-child, .button-group > .btn:first-child {\n  border-top-left-radius: 2px;\n  border-bottom-left-radius: 2px;\n  border-left-width: 1px; }\n\n.button-group > button:last-child, .button-group > .button:last-child, .button-group > .btn:last-child {\n  border-top-right-radius: 2px;\n  border-bottom-right-radius: 2px;\n  border-right-width: 1px; }\n\n.CalloutBox {\n  padding: 24px;\n  border-radius: 4px;\n  background-color: white;\n  border: 2px solid rgba(64, 82, 117, 0.2); }\n  .CalloutBox--attached {\n    border-top: 0;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0; }\n\n.card {\n  background-color: #3c4860;\n  padding: 24px;\n  height: 144px;\n  position: relative;\n  overflow: hidden; }\n  .card .bg-icon {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: -44px;\n    right: -44px;\n    background-position: right center; }\n    .card .bg-icon svg {\n      fill: rgba(255, 255, 255, 0.05);\n      height: 170px;\n      width: 170px;\n      position: absolute;\n      right: 0px; }\n\n.card:before {\n  content: \"\";\n  height: 100%;\n  display: inline-block;\n  vertical-align: baseline; }\n\n.card-content {\n  position: relative;\n  z-index: 1;\n  display: inline-block; }\n\n.card-heading {\n  line-height: 0.8; }\n\n.card-copy {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  color: rgba(246, 246, 246, 0.6);\n  margin-top: 6px;\n  line-height: 1.1;\n  text-transform: uppercase; }\n\n.carousel {\n  margin-left: auto;\n  margin-right: auto;\n  text-align: center; }\n\n.carousel-mask {\n  position: relative;\n  overflow: hidden; }\n\n.carousel-wrapper {\n  position: absolute;\n  top: 0;\n  margin: 0;\n  padding: 0;\n  display: table; }\n\n.carousel-slide {\n  display: table-cell;\n  vertical-align: middle;\n  padding: 0; }\n\n.carousel-pagination {\n  margin: 0;\n  padding: 0;\n  margin-top: 10px;\n  display: inline-block; }\n\n.carousel-page {\n  display: inline-block;\n  width: 10px;\n  height: 10px;\n  background-color: #000000;\n  border-radius: 50%;\n  margin-left: 15px;\n  cursor: pointer; }\n\n.carousel-page:first-child {\n  margin-left: 0; }\n\n.carousel-page.is-active, .carousel-page:hover {\n  background-color: #666; }\n\n/**\n * Carousel split parent component\n */\n.CarouselSplit {\n  display: flex;\n  flex-direction: row;\n  /* row | row-reverse | column | column-reverse */\n  flex-wrap: nowrap;\n  /* nowrap | wrap | wrap-reverse */\n  justify-content: flex-start;\n  /* flex-start | flex-end | center | space-between | space-around */\n  align-items: flex-start;\n  /* flex-start | flex-end | center | baseline | stretch */\n  align-content: stretch;\n  /* flex-start | flex-end | center | space-between | space-around | stretch */\n  overflow: hidden; }\n  .CarouselSplit--bordered {\n    border: 1px solid #a1a1a1; }\n\n/**\n * Carousel item container\n */\n.CarouselSplit-item {\n  position: relative;\n  flex-grow: 0;\n  /* <integer> */\n  flex-shrink: 1;\n  /* <integer> */\n  flex-basis: auto;\n  /* <length> | auto */\n  align-self: auto;\n  /* auto | flex-start | flex-end | center | baseline | stretch */\n  /*order: <integer> */\n  flex-grow: 1; }\n  .CarouselSplit-item--bordered {\n    border-left: 1px solid #a1a1a1; }\n    .CarouselSplit-item--bordered:first-child {\n      border-left: none; }\n  .CarouselSplit-item--default {\n    flex-grow: 4; }\n  .CarouselSplit--hoverExpand .CarouselSplit-item {\n    transition: 350ms flex-grow ease-out; }\n    .CarouselSplit--hoverExpand .CarouselSplit-item.is-animation-complete:hover {\n      flex-grow: 3.8 !important; }\n\n/**\n * Carousel item divider\n */\n.CarouselSplit-divider {\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  z-index: 1;\n  transform: translateX(-50%) translateY(-50%);\n  width: 44px;\n  height: 105%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  pointer-events: none; }\n  @supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n    .CarouselSplit--slanted .CarouselSplit-divider {\n      transform: translateX(calc(-50% - 30px / 2)) translateY(-50%) rotate(4deg); } }\n  .CarouselSplit-divider--tesla {\n    background-image: url(\"img/dividers/carousel-split-divider-tesla.png\"); }\n\n@keyframes carousel-split-divider-animation-tesla {\n  from {\n    background-position-y: 0px; }\n  to {\n    background-position-y: -11088px; } }\n    .CarouselSplit-divider--tesla:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      padding-top: 358%;\n      transform: translateX(-50%) translateY(-50%) scale(0.6);\n      background-image: url(\"img/dividers/carousel-split-divider-tesla-animation-spritesheet.png\");\n      animation: carousel-split-divider-animation-tesla 4800ms steps(72) infinite; }\n  .CarouselSplit-divider--icy {\n    background-image: url(\"img/dividers/carousel-split-divider-icy.png\");\n    width: 77px; }\n  .CarouselSplit-divider--simple-diamond:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 100%;\n    width: 3px;\n    background-color: #9daac8; }\n  .CarouselSplit-divider--simple-diamond:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-50%);\n    width: 44px;\n    height: 44px;\n    background-image: url(\"img/dividers/carousel-split-divider-simple-diamond.png\"); }\n\n/**\n * Carousel item content\n */\n.CarouselSplit-itemContent {\n  position: relative;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center center;\n  transition: 350ms filter ease-out; }\n  @supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n    .CarouselSplit--slanted .CarouselSplit-itemContent {\n      clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0 100%);\n      margin-left: -30px; }\n    .CarouselSplit--slanted .CarouselSplit-item:first-child .CarouselSplit-itemContent {\n      clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);\n      margin-left: 0; }\n    .CarouselSplit--slanted .CarouselSplit-item:last-child .CarouselSplit-itemContent {\n      clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%); } }\n\n.CarouselSplit-itemContent--muting {\n  filter: brightness(45%); }\n  .CarouselSplit-item.is-pre-active > .CarouselSplit-itemContent--muting,\n  .CarouselSplit-item.is-active > .CarouselSplit-itemContent--muting {\n    filter: brightness(100%); }\n\n.CarouselSplit-transparentContent {\n  opacity: 0; }\n  .CarouselSplit-transparentContent--default {\n    opacity: 1; }\n\n@supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n  .ContainerSlanted {\n    margin-top: -1.68vw;\n    margin-bottom: -2.52vw;\n    clip-path: polygon(0 1.6vw, 100% 0, 100% 100%, 0 calc(100% - 2.4vw)); }\n    .ContainerSlanted--reverse {\n      clip-path: polygon(0 0, 100% 1.6vw, 100% calc(100% - 2.4vw), 0 100%); }\n    .ContainerSlanted--end {\n      clip-path: polygon(0 1.6vw, 100% 0, 100% 100%, 0 100%); }\n    .ContainerSlanted--begin {\n      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2.4vw)); } }\n\n.data-table {\n  display: table;\n  width: 100%;\n  border-radius: 0.25rem;\n  text-transform: uppercase;\n  background-color: #F6F6F6; }\n\n.data-table > thead th {\n  padding: 1.4rem 2rem 1.2rem;\n  border-top-left-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n  background-color: #c6cbde;\n  color: #405275;\n  text-align: left; }\n\n.data-table > tbody {\n  display: table-row-group; }\n\n.data-table > tbody tr:nth-child(even) {\n  background-color: rgba(198, 203, 222, 0.35); }\n\n.data-table > tbody td {\n  padding: 1rem 2rem;\n  color: rgba(45, 41, 60, 0.55);\n  word-break: break-word; }\n  .data-table > tbody td:last-child {\n    width: 40%;\n    text-align: right;\n    color: #405275;\n    font-family: \"Arial\", sans-serif;\n    font-weight: normal; }\n\n.Drawer-handle {\n  background-color: rgba(64, 82, 117, 0.25);\n  border-radius: 6px;\n  padding: 12px 24px;\n  position: relative;\n  cursor: pointer; }\n  .Drawer-handle:after {\n    content: \"\";\n    position: absolute;\n    width: 28px;\n    height: 28px;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 20px;\n    background-image: url(\"img/icons/drawer-arrow.png\");\n    background-size: 100%;\n    background-repeat: no-repeat;\n    background-position: 0 -28px; }\n  .Drawer-handle.is-active, .Drawer-handle:hover {\n    background-color: #00a5e2;\n    color: #F6F6F6; }\n    .Drawer-handle.is-active:after, .Drawer-handle:hover:after {\n      background-position: 0 0; }\n\n.Drawer-handle ~ .Drawer-handle {\n  margin-top: 12px; }\n\n.Drawer-container {\n  padding: 0 24px; }\n  .Drawer-container > :first-child {\n    margin-top: 12px; }\n  .Drawer-container > :last-child {\n    margin-bottom: 24px; }\n\n.dropdown {\n  position: relative;\n  display: inline-block;\n  max-width: 100%; }\n\nbody.ko-kr .dropdown-text {\n  font-family: \"BlackFit77\", sans-serif; }\n\n.dropdown-text {\n  display: block;\n  width: 100%;\n  line-height: 20px;\n  padding: 4px 20px 4px 8px;\n  background-color: transparent;\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  text-transform: uppercase;\n  color: #cccccc;\n  text-align: left;\n  z-index: 1;\n  white-space: nowrap;\n  text-overflow: ellipsis; }\n\n.dropdown-text:after {\n  content: \" \";\n  display: block;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 6px;\n  width: 0;\n  height: 0;\n  margin-top: 3px;\n  border: 6px solid #cccccc;\n  border-left-color: transparent;\n  border-right-color: transparent;\n  border-bottom-color: transparent; }\n\n.dropdown.m-dark > .dropdown-text {\n  color: #405275;\n  border-color: #405275; }\n\n.dropdown.m-dark > .dropdown-text:after {\n  border-top-color: #405275; }\n\n.dropdown-select-element {\n  -webkit-appearance: menulist-button;\n  width: 100%;\n  filter: alpha(opacity=0);\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 2; }\n\n/**\n * Event map carousel parent component\n * TODO: probably deprecate this in favor of carousel split component\n */\n.EventMapCarousel {\n  display: flex;\n  flex-direction: row;\n  /* row | row-reverse | column | column-reverse */\n  flex-wrap: nowrap;\n  /* nowrap | wrap | wrap-reverse */\n  justify-content: flex-start;\n  /* flex-start | flex-end | center | space-between | space-around */\n  align-items: flex-start;\n  /* flex-start | flex-end | center | baseline | stretch */\n  align-content: stretch;\n  /* flex-start | flex-end | center | space-between | space-around | stretch */\n  overflow: hidden; }\n\n/**\n * Carousel item container\n */\n.EventMapCarousel-item {\n  position: relative;\n  flex-grow: 0;\n  /* <integer> */\n  flex-shrink: 1;\n  /* <integer> */\n  flex-basis: auto;\n  /* <length> | auto */\n  align-self: auto;\n  /* auto | flex-start | flex-end | center | baseline | stretch */\n  /*order: <integer> */\n  flex-grow: 1;\n  transition: 350ms flex-grow ease-out;\n  transition-delay: 250ms; }\n  .EventMapCarousel-item--highlighted {\n    flex-grow: 4; }\n    .EventMapCarousel-item--highlighted:hover {\n      flex-grow: 3.8; }\n\n/**\n * Carousel item divider\n */\n.EventMapCarousel-divider {\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  z-index: 1;\n  transform: translateX(-50%) translateY(-50%);\n  width: 44px;\n  height: 105%;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-position: center;\n  pointer-events: none; }\n  @supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n    .EventMapCarousel--slanted .EventMapCarousel-divider {\n      transform: translateX(calc(-50% - 30px / 2)) translateY(-50%) rotate(4deg); } }\n  .EventMapCarousel-divider--tesla {\n    background-image: url(\"img/dividers/carousel-split-divider-tesla.png\"); }\n\n@keyframes carousel-split-divider-animation-tesla {\n  from {\n    background-position-y: 0px; }\n  to {\n    background-position-y: -11088px; } }\n    .EventMapCarousel-divider--tesla:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 100%;\n      padding-top: 358%;\n      transform: translateX(-50%) translateY(-50%) scale(0.6);\n      background-image: url(\"img/dividers/carousel-split-divider-tesla-animation-spritesheet.png\");\n      animation: carousel-split-divider-animation-tesla 4800ms steps(72) infinite; }\n  .EventMapCarousel-divider--icy {\n    background-image: url(\"img/dividers/carousel-split-divider-icy.png\");\n    width: 77px; }\n  .EventMapCarousel-divider--simple-diamond:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 100%;\n    width: 3px;\n    background-color: #9daac8; }\n  .EventMapCarousel-divider--simple-diamond:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-50%);\n    width: 44px;\n    height: 44px;\n    background-image: url(\"img/dividers/carousel-split-divider-simple-diamond.png\"); }\n  .EventMapCarousel-divider--simple-circle-orange:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 100%;\n    width: 3px;\n    background-color: #ffa640; }\n  .EventMapCarousel-divider--simple-circle-orange:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-50%);\n    width: 40px;\n    height: 40px;\n    background-image: url(\"img/dividers/carousel-split-divider-simple-circle-orange.png\"); }\n  .EventMapCarousel-divider--simple-circle-gold:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 100%;\n    width: 3px;\n    background-color: #cd9d50; }\n  .EventMapCarousel-divider--simple-circle-gold:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-50%);\n    width: 46px;\n    height: 46px;\n    background-image: url(\"img/dividers/carousel-split-divider-simple-circle-gold.png\"); }\n  .EventMapCarousel-divider--simple-circle-grey:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 100%;\n    width: 3px;\n    background-color: #5c5a6d; }\n  .EventMapCarousel-divider--simple-circle-grey:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-50%);\n    width: 40px;\n    height: 40px;\n    background-image: url(\"img/dividers/carousel-split-divider-simple-circle-grey.png\"); }\n  .EventMapCarousel-divider--anniversary-medalion:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 100%;\n    width: 3px;\n    background-color: #fafafa; }\n  .EventMapCarousel-divider--anniversary-medalion:after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-50%);\n    width: 45px;\n    height: 44px;\n    background-image: url(\"img/dividers/carousel-split-divider-anniversary-medalion.png\"); }\n\n/**\n * Carousel item content\n */\n.EventMapCarousel-itemContent {\n  position: relative;\n  height: 50vh;\n  min-height: 560px;\n  max-height: 1000px;\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center center;\n  transition: 350ms filter ease-out;\n  filter: brightness(45%); }\n  .EventMapCarousel-item--highlighted > .EventMapCarousel-itemContent {\n    filter: brightness(100%); }\n  @supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n    .EventMapCarousel--slanted .EventMapCarousel-itemContent {\n      clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0 100%);\n      margin-left: -30px; }\n    .EventMapCarousel--slanted .EventMapCarousel-item:first-child .EventMapCarousel-itemContent {\n      clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);\n      margin-left: 0; }\n    .EventMapCarousel--slanted .EventMapCarousel-item:last-child .EventMapCarousel-itemContent {\n      clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%); } }\n\n/**\n * Carousel item content inner\n */\n.EventMapCarousel-itemContentInner {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  padding: 40px 70px;\n  transition: 350ms opacity ease-out;\n  opacity: 0; }\n  .EventMapCarousel-item--highlighted .EventMapCarousel-itemContentInner {\n    transition-delay: 600ms;\n    opacity: 1; }\n\n.EndorsementIcon {\n  width: 100%;\n  height: 100%; }\n\n.EndorsementIcon-inner {\n  position: relative;\n  width: 50%;\n  height: 50%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(-90deg); }\n\n.EndorsementIcon-background {\n  position: absolute;\n  display: block;\n  width: 110%;\n  height: 110%;\n  top: -5%;\n  left: -5%;\n  fill: #2A2B2E;\n  stroke: none; }\n\n.EndorsementIcon-border {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  fill: none;\n  stroke-width: 1px;\n  stroke-dasharray: 0, 100;\n  transition: transform 1s linear, stroke-dasharray 1s linear; }\n\n.EndorsementIcon-border--shotcaller {\n  stroke: #F19512; }\n\n.EndorsementIcon-border--sportsmanship {\n  stroke: #40CE44; }\n\n.EndorsementIcon-border--teammate {\n  stroke: #C81AF5; }\n\n.ExternalLink:after {\n  content: ' ';\n  width: 1em;\n  height: 1em;\n  display: inline-block;\n  background-image: url(\"img/icons/link-icon-white.png\");\n  background-size: 70%;\n  background-repeat: no-repeat;\n  margin-left: 8px;\n  vertical-align: middle; }\n\n.ExternalLink--nav:after {\n  background-image: url(\"img/icons/link-icon-grey.png\"); }\n\n.ExternalLink--nav:hover:after {\n  background-image: url(\"img/icons/link-icon-white.png\"); }\n\n@media only screen and (min-width: 992px) {\n  .ExternalLink--nav:hover:after {\n    background-image: url(\"img/icons/link-icon-orange.png\"); } }\n\n.u-font-tier0 {\n  font-size: 1.024rem; }\n\n.u-font-tier1 {\n  font-size: 1.28rem; }\n\n.u-font-tier2 {\n  font-size: 1.6rem; }\n\n.u-font-tier3 {\n  font-size: 2rem; }\n\n.u-font-tier4 {\n  font-size: 2.5rem; }\n\n.u-font-tier5 {\n  font-size: 3.125rem; }\n\n.u-font-tier6 {\n  font-size: 3.90625rem; }\n\n.u-font-tier7 {\n  font-size: 4.88281rem; }\n\n.u-font-tier8 {\n  font-size: 6.10352rem; }\n\n.u-font-tier9 {\n  font-size: 7.62939rem; }\n\n.u-font-tier10 {\n  font-size: 9.53674rem; }\n\n.u-font-tier11 {\n  font-size: 11.92093rem; }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .u-font-tier0\\@xs {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@xs {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@xs {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@xs {\n    font-size: 2rem; }\n  .u-font-tier4\\@xs {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@xs {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@xs {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@xs {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@xs {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@xs {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@xs {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@xs {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .u-font-tier0\\@sm {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@sm {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@sm {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@sm {\n    font-size: 2rem; }\n  .u-font-tier4\\@sm {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@sm {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@sm {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@sm {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@sm {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@sm {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@sm {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@sm {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 400px) {\n  .u-font-tier0\\@sm-min {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@sm-min {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@sm-min {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@sm-min {\n    font-size: 2rem; }\n  .u-font-tier4\\@sm-min {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@sm-min {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@sm-min {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@sm-min {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@sm-min {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@sm-min {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@sm-min {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@sm-min {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .u-font-tier0\\@md {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@md {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@md {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@md {\n    font-size: 2rem; }\n  .u-font-tier4\\@md {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@md {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@md {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@md {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@md {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@md {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@md {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@md {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 768px) {\n  .u-font-tier0\\@md-min {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@md-min {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@md-min {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@md-min {\n    font-size: 2rem; }\n  .u-font-tier4\\@md-min {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@md-min {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@md-min {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@md-min {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@md-min {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@md-min {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@md-min {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@md-min {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .u-font-tier0\\@lg {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@lg {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@lg {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@lg {\n    font-size: 2rem; }\n  .u-font-tier4\\@lg {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@lg {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@lg {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@lg {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@lg {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@lg {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@lg {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@lg {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 992px) {\n  .u-font-tier0\\@lg-min {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@lg-min {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@lg-min {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@lg-min {\n    font-size: 2rem; }\n  .u-font-tier4\\@lg-min {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@lg-min {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@lg-min {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@lg-min {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@lg-min {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@lg-min {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@lg-min {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@lg-min {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .u-font-tier0\\@xl {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@xl {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@xl {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@xl {\n    font-size: 2rem; }\n  .u-font-tier4\\@xl {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@xl {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@xl {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@xl {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@xl {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@xl {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@xl {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@xl {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 1280px) {\n  .u-font-tier0\\@xl-min {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@xl-min {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@xl-min {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@xl-min {\n    font-size: 2rem; }\n  .u-font-tier4\\@xl-min {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@xl-min {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@xl-min {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@xl-min {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@xl-min {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@xl-min {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@xl-min {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@xl-min {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .u-font-tier0\\@xxl {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@xxl {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@xxl {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@xxl {\n    font-size: 2rem; }\n  .u-font-tier4\\@xxl {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@xxl {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@xxl {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@xxl {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@xxl {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@xxl {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@xxl {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@xxl {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 1600px) {\n  .u-font-tier0\\@xxl-min {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@xxl-min {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@xxl-min {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@xxl-min {\n    font-size: 2rem; }\n  .u-font-tier4\\@xxl-min {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@xxl-min {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@xxl-min {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@xxl-min {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@xxl-min {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@xxl-min {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@xxl-min {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@xxl-min {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .u-font-tier0\\@xxxl {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@xxxl {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@xxxl {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@xxxl {\n    font-size: 2rem; }\n  .u-font-tier4\\@xxxl {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@xxxl {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@xxxl {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@xxxl {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@xxxl {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@xxxl {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@xxxl {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@xxxl {\n    font-size: 11.92093rem; } }\n\n@media only screen and (min-width: 2560px) {\n  .u-font-tier0\\@xxxl-min {\n    font-size: 1.024rem; }\n  .u-font-tier1\\@xxxl-min {\n    font-size: 1.28rem; }\n  .u-font-tier2\\@xxxl-min {\n    font-size: 1.6rem; }\n  .u-font-tier3\\@xxxl-min {\n    font-size: 2rem; }\n  .u-font-tier4\\@xxxl-min {\n    font-size: 2.5rem; }\n  .u-font-tier5\\@xxxl-min {\n    font-size: 3.125rem; }\n  .u-font-tier6\\@xxxl-min {\n    font-size: 3.90625rem; }\n  .u-font-tier7\\@xxxl-min {\n    font-size: 4.88281rem; }\n  .u-font-tier8\\@xxxl-min {\n    font-size: 6.10352rem; }\n  .u-font-tier9\\@xxxl-min {\n    font-size: 7.62939rem; }\n  .u-font-tier10\\@xxxl-min {\n    font-size: 9.53674rem; }\n  .u-font-tier11\\@xxxl-min {\n    font-size: 11.92093rem; } }\n\n.frame {\n  display: block;\n  position: relative;\n  border: 4px solid #ff9c00;\n  border-radius: 3px; }\n\n.frame-corner {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(135deg, transparent 0%, transparent 50%, #ff9c00 51%, #ff9c00 100%); }\n\n.frame-corner-content {\n  display: block;\n  position: relative;\n  top: 50%;\n  left: 50%;\n  width: 50%;\n  height: 50%;\n  fill: #F6F6F6; }\n\n.HeadingBanner {\n  display: flex;\n  align-items: flex-end;\n  min-height: 250px;\n  background-size: auto 100%;\n  background-position: left center;\n  padding: 20px;\n  border-radius: 3px; }\n\n.HeadingBanner-header {\n  flex: 1 1 0;\n  color: #F6F6F6;\n  text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }\n\n.HeroHeader {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  min-height: 82px;\n  height: 1px;\n  border-top-left-radius: 6px;\n  border-top-right-radius: 6px;\n  overflow: hidden; }\n  @media only screen and (min-width: 992px) {\n    .HeroHeader {\n      min-height: 154px; } }\n  .HeroHeader-text {\n    min-height: 50px;\n    padding: 0 18px;\n    display: flex;\n    align-items: center;\n    position: relative;\n    z-index: 1;\n    color: #F6F6F6;\n    fill: #F6F6F6;\n    text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75); }\n    @media only screen and (min-width: 992px) {\n      .HeroHeader-text {\n        min-height: 76px; } }\n  .HeroHeader-image, .HeroHeader-image-mobile {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    z-index: 0; }\n  .HeroHeader-image {\n    max-height: 154px; }\n    @media only screen and (max-width: 991px) {\n      .HeroHeader-image {\n        display: none; } }\n  .HeroHeader-image-mobile {\n    max-height: 82px; }\n    @media only screen and (min-width: 992px) {\n      .HeroHeader-image-mobile {\n        display: none; } }\n\n@media only screen and (min-width: 992px) {\n  .HeroHeader.HeroHeader--raised {\n    margin-top: -54px; } }\n\n.IconHeading {\n  display: flex;\n  align-items: flex-end; }\n\n.IconHeading--center-aligned {\n  align-items: center; }\n\n.IconHeading--inline {\n  display: inline-flex; }\n\n.IconHeading-icon {\n  width: 1.2em;\n  height: 1.2em;\n  margin-right: 0.3em; }\n  .IconHeading-icon--reverse {\n    margin-right: 0;\n    margin-left: 0.3em; }\n\n.IconHeading-text {\n  line-height: 1; }\n\n.icon {\n  height: 24px;\n  fill: #F6F6F6;\n  stroke: #F6F6F6;\n  stroke-width: 0; }\n\n.sprite-icon-overview {\n  background-image: url(\"img/icons/icon-overview.png\"); }\n\n.sprite-icon-overwatch {\n  background-image: url(\"img/icons/icon-overwatch.png\"); }\n\n.sprite-icon-heroes {\n  background-image: url(\"img/icons/icon-heroes.png\"); }\n\n.sprite-icon-roles {\n  background-image: url(\"img/icons/icon-roles.png\"); }\n\n.sprite-icon-objectives {\n  background-image: url(\"img/icons/icon-objectives.png\"); }\n\n[lightbox] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 99;\n  overflow-y: auto;\n  text-align: center;\n  font-size: 0px;\n  visibility: hidden;\n  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);\n  opacity: 0; }\n  [lightbox].open {\n    visibility: visible;\n    opacity: 1; }\n  [lightbox]:before {\n    content: '';\n    display: inline-block;\n    height: 100%;\n    vertical-align: middle; }\n  [lightbox].fluid .lightbox-container {\n    width: auto;\n    padding: initial; }\n\n.lightbox-container {\n  position: relative;\n  display: inline-block;\n  width: 75%;\n  max-width: 2560px;\n  margin-top: 5%;\n  padding: 30px 0;\n  z-index: 99;\n  font-size: 1.6rem;\n  box-sizing: border-box;\n  cursor: auto;\n  vertical-align: top; }\n  @media only screen and (max-width: 991px) {\n    .lightbox-container {\n      width: 90%; } }\n  .lightbox-container.m-media {\n    margin: 0;\n    vertical-align: middle; }\n\n.lightbox-close {\n  width: 60px;\n  height: 60px;\n  position: absolute;\n  top: -60px;\n  right: -17px;\n  z-index: 99;\n  cursor: pointer; }\n  .lightbox-close:before {\n    content: '\\00d7';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    line-height: 60px;\n    top: 0;\n    left: 0;\n    font-weight: 100;\n    font-family: initial;\n    color: #00c3ff;\n    font-size: 6rem;\n    transition: color 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }\n  .lightbox-close:hover:before {\n    transition: none;\n    color: #F6F6F6; }\n\n.lightbox-body {\n  position: relative;\n  background-color: rgba(0, 0, 0, 0.75);\n  color: #F6F6F6; }\n  .lightbox-body:hover .lightbox-prev, .lightbox-body:hover .lightbox-next {\n    visibility: visible;\n    opacity: 1; }\n  .lightbox-body.m-controls .lightbox-prev, .lightbox-body.m-controls .lightbox-next {\n    display: block; }\n  .lightbox-body.m-loader {\n    background-image: url(\"img/icons/loading.svg\");\n    background-position: center center;\n    background-repeat: no-repeat; }\n\n.lightbox-content {\n  display: block;\n  padding: 20px;\n  background-color: #3c4860;\n  text-align: left; }\n  .lightbox-content.m-media {\n    padding: 0;\n    padding-bottom: 56.25%;\n    background-color: transparent;\n    text-align: center;\n    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5); }\n\n.lightbox-prev, .lightbox-next {\n  width: 64px;\n  height: 69px;\n  background-image: url(\"img/lightbox-nav.png\");\n  background-repeat: no-repeat;\n  position: absolute;\n  top: 50%;\n  margin-top: -32px;\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.075, 0.82, 0.165, 1);\n  z-index: 99;\n  display: none; }\n  @media only screen and (max-width: 991px) {\n    .lightbox-prev, .lightbox-next {\n      width: 39px;\n      height: 42px;\n      margin-top: -21px;\n      visibility: visible;\n      opacity: 1; } }\n\n.lightbox-prev {\n  left: 0;\n  background-position: 0 -138px; }\n  @media only screen and (min-width: 992px) {\n    .lightbox-prev {\n      background-position: 0 0; }\n      .lightbox-prev:hover {\n        background-position: -64px 0; } }\n\n.lightbox-next {\n  right: 0;\n  background-position: 0 -180px; }\n  @media only screen and (min-width: 992px) {\n    .lightbox-next {\n      background-position: 0 -69px; }\n      .lightbox-next:hover {\n        background-position: -64px -69px; } }\n\n.logo {\n  width: 190px;\n  height: 143px;\n  background-image: url(\"img/overwatch-logo-mobile.png\");\n  background-size: contain; }\n  @media only screen and (min-width: 768px) {\n    .logo {\n      width: 794px;\n      height: 452px;\n      background-image: url(\"img/overwatch-logo.png\");\n      background-size: contain; } }\n\nbody.zh-tw .logo {\n  background-image: url(\"img/overwatch-tw-logo-mobile.png\"); }\n  @media only screen and (min-width: 768px) {\n    body.zh-tw .logo {\n      background-image: url(\"img/overwatch-tw-logo.png\"); } }\n\n.logo-text {\n  width: 100%;\n  padding-top: 16.1%;\n  background-image: url(\"img/logos/text-logo-lg-shadow.png\");\n  background-size: contain; }\n\n.logo-text.m-dark {\n  background-image: url(\"img/logos/text-logo-lg-shadow-dark.png\"); }\n\n.overwatch-emblem {\n  height: 180px;\n  width: 225px;\n  background: url(\"../../img/pages/patch-notes/overwatch-emblem.png\");\n  background-size: cover; }\n\n.media-card {\n  display: block;\n  color: #F6F6F6;\n  border-radius: 3px;\n  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);\n  display: block;\n  padding-top: 100%;\n  position: relative;\n  overflow: hidden;\n  padding-top: 100%;\n  /*undo hover styles for devices that don't have a hover feature*/\n  transition: all 200ms; }\n  .media-card-fill {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: inherit;\n    background-clip: inherit;\n    background-position: inherit; }\n  .media-card.m-image {\n    background-size: cover;\n    background-clip: padding-box;\n    background-position: center; }\n  .media-card.m-2-1 {\n    padding-top: 50%; }\n  .media-card.m-4-3 {\n    padding-top: 75%; }\n  .media-card.m-16-9 {\n    padding-top: 56.25%; }\n  .media-card.m-10-9 {\n    padding-top: 90%; }\n  .media-card.m-20-9 {\n    padding-top: 45%; }\n  @media only screen and (min-width: 0px) and (max-width: 399px) {\n    .media-card.m-2-1\\@xs {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@xs {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@xs {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@xs {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@xs {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) {\n    .media-card.m-2-1\\@sm {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@sm {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@sm {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@sm {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@sm {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 400px) {\n    .media-card.m-2-1\\@sm-min {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@sm-min {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@sm-min {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@sm-min {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@sm-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) {\n    .media-card.m-2-1\\@md {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@md {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@md {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@md {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@md {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 768px) {\n    .media-card.m-2-1\\@md-min {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@md-min {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@md-min {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@md-min {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@md-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) {\n    .media-card.m-2-1\\@lg {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@lg {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@lg {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@lg {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@lg {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 992px) {\n    .media-card.m-2-1\\@lg-min {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@lg-min {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@lg-min {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@lg-min {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@lg-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) {\n    .media-card.m-2-1\\@xl {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@xl {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@xl {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@xl {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@xl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1280px) {\n    .media-card.m-2-1\\@xl-min {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@xl-min {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@xl-min {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@xl-min {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@xl-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) {\n    .media-card.m-2-1\\@xxl {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@xxl {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@xxl {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@xxl {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@xxl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1600px) {\n    .media-card.m-2-1\\@xxl-min {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@xxl-min {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@xxl-min {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@xxl-min {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@xxl-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) {\n    .media-card.m-2-1\\@xxxl {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@xxxl {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@xxxl {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@xxxl {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@xxxl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 2560px) {\n    .media-card.m-2-1\\@xxxl-min {\n      padding-top: 50%; }\n    .media-card.m-4-3\\@xxxl-min {\n      padding-top: 75%; }\n    .media-card.m-16-9\\@xxxl-min {\n      padding-top: 56.25%; }\n    .media-card.m-10-9\\@xxxl-min {\n      padding-top: 90%; }\n    .media-card.m-20-9\\@xxxl-min {\n      padding-top: 45%; } }\n  .media-card:hover, .media-card:focus {\n    color: #F6F6F6;\n    z-index: 30;\n    transform: scale(1.08); }\n    .media-card:hover .media-card-caption, .media-card:focus .media-card-caption {\n      background-color: rgba(3, 20, 26, 0.95);\n      transition: background 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }\n  @media (hover: none) {\n    .media-card:hover, .media-card:focus {\n      z-index: 0;\n      transform: none; }\n      .media-card:hover .media-card-caption, .media-card:focus .media-card-caption {\n        background-color: rgba(3, 20, 26, 0.75); } }\n\n.media-card.m-disabled {\n  opacity: 0.3; }\n\n.media-card.m-no-border {\n  border: none;\n  border-radius: 0; }\n\n.media-card-caption {\n  position: absolute;\n  width: 100%;\n  left: 0;\n  bottom: 0;\n  padding: 10px 15px;\n  transition: background 200ms;\n  background-color: rgba(3, 20, 26, 0.75);\n  color: #F6F6F6;\n  text-align: left; }\n\n.media-card-outside-caption {\n  display: block;\n  width: 100%;\n  margin-top: 14px;\n  padding: 0 6px;\n  color: #333333; }\n\n.media-card-caption.m-thin {\n  padding: 10px; }\n\n.media-card-title {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 1.6rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal;\n  letter-spacing: 0.5px; }\n  .media-card-title.m-small {\n    font-size: 1.28rem; }\n\n.media-card-subtitle {\n  margin-top: 0;\n  font-size: 1.28rem; }\n\n.media-card-status {\n  /* Positioning */\n  position: absolute;\n  z-index: 1;\n  top: 5px;\n  right: 5px; }\n\n.gallery-title {\n  margin: 0;\n  font-size: 4.88281rem;\n  font-weight: 400;\n  color: #F6F6F6;\n  text-shadow: 2.5px -2px 0.5px rgba(35, 31, 32, 0.04), -2.5px 2px 0.5px rgba(35, 31, 32, 0.04), -2.5px -2px 0.5px rgba(35, 31, 32, 0.04), 2.5px 2px 0.5px rgba(35, 31, 32, 0.04);\n  line-height: 0.75; }\n\n.gallery-index {\n  font-size: 1.28rem;\n  color: #00c3ff;\n  margin: 15px 0; }\n\n.gallery-item {\n  background-size: cover;\n  background-clip: padding-box;\n  background-position: center; }\n  .gallery-item.m-artwork {\n    background-size: contain;\n    background-color: #fff; }\n  .gallery-item.m-video > video {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 100%; }\n\n.gallery-name {\n  margin: 18px 0 0;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  font-size: 2rem;\n  color: #F6F6F6;\n  line-height: 1;\n  text-transform: uppercase;\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }\n  @media only screen and (min-width: 768px) {\n    .gallery-name {\n      margin: 30px 0 0;\n      font-size: 3.125rem; } }\n\nbody.ko-kr .gallery-name {\n  font-family: \"BlackFit77\", sans-serif; }\n\n.gallery-sub-content {\n  margin-top: 10px;\n  font-size: 1.28rem; }\n\n.media-thumbnail {\n  display: block;\n  border: 3px solid rgba(255, 255, 255, 0.3);\n  border-radius: 3px;\n  transition: all 200ms;\n  cursor: pointer;\n  text-decoration: none; }\n  .media-thumbnail:hover, .media-thumbnail:focus {\n    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);\n    border-color: white; }\n\n.media-thumbnail > .caption {\n  display: block;\n  color: rgba(246, 246, 246, 0.8);\n  background-color: #333333;\n  text-transform: uppercase;\n  padding: 0.7rem 1.6rem;\n  border-bottom-left-radius: 3px;\n  border-bottom-right-radius: 3px; }\n\n.media-thumbnail:focus > .caption,\n.media-thumbnail:hover > .caption {\n  color: #F6F6F6; }\n\n.media-thumbnail > .wrap {\n  position: relative;\n  overflow: hidden; }\n\n.media-thumbnail > .wrap:before {\n  content: '';\n  display: block;\n  height: 0;\n  padding-top: 56.25%; }\n\n.media-thumbnail.m-viewable > .wrap:after,\n.media-thumbnail.m-playable > .wrap:after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 13% auto; }\n\n.media-thumbnail.m-playable > .wrap:after {\n  background-image: url(\"img/icons/youtube-btn-ylw.png\"); }\n\n.media-thumbnail.m-playable:focus > .wrap:after,\n.media-thumbnail.m-playable:hover > .wrap:after {\n  background-image: url(\"img/icons/youtube-btn-wh.png\"); }\n\n.media-thumbnail.m-viewable:focus > .wrap:after,\n.media-thumbnail.m-viewable:hover > .wrap:after {\n  background-image: url(\"img/icons/magnifying.png\"); }\n\n.media-thumbnail.m-playable:focus > .wrap:after,\n.media-thumbnail.m-playable:hover > .wrap:after,\n.media-thumbnail.m-viewable:focus > .wrap:after,\n.media-thumbnail.m-viewable:hover > .wrap:after {\n  background-color: rgba(51, 51, 51, 0.5); }\n\n.media-thumbnail > .wrap > .media {\n  position: absolute;\n  width: 100%;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px; }\n\n.NameCard {\n  max-width: 420px;\n  height: 210px;\n  margin-left: auto;\n  margin-right: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  border-radius: 6px; }\n\n.NameCard-icon {\n  width: 100px;\n  height: 80px; }\n\n.NameCard-header {\n  margin-top: 6px; }\n\n.NameCard-subheader {\n  margin-top: 0.3em; }\n\n.NameCard-description {\n  max-width: 420px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 1em;\n  line-height: 1.5; }\n\n.news-thumbnail {\n  max-width: 100%; }\n  @media only screen and (min-width: 992px) {\n    .news-thumbnail {\n      width: 264px; } }\n\n.news-text {\n  padding: 6px;\n  margin-top: 18px; }\n  @media only screen and (min-width: 992px) {\n    .news-text {\n      margin-top: 0; } }\n\n.NotificationBar {\n  position: relative;\n  display: none;\n  background-color: #00a0ea;\n  padding: 6px 0;\n  color: #F6F6F6;\n  fill: #F6F6F6;\n  text-align: center; }\n  @media only screen and (max-width: 767px) {\n    .NotificationBar {\n      font-size: 1.28rem; } }\n  @media only screen and (max-width: 399px) {\n    .NotificationBar {\n      font-size: 1.024rem; } }\n\n.NotificationBar-text {\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 0.75em;\n  margin-right: 0.75em; }\n\n.NotificationBar-close {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n  position: absolute;\n  right: 0;\n  width: 1em;\n  height: 1em;\n  padding: 0 6px;\n  box-sizing: content-box;\n  cursor: pointer;\n  color: #333333;\n  fill: #333333;\n  opacity: 0.7; }\n\n.NotificationBar-icon {\n  width: 1em;\n  height: 1em; }\n\n.Quote {\n  font-style: italic;\n  border-left: 8px solid rgba(64, 82, 117, 0.2);\n  padding: 6px 18px; }\n\n.Playbutton {\n  display: flex;\n  align-items: center;\n  background-color: #4b535d;\n  color: #F6F6F6;\n  padding: 6px 8px; }\n  .Playbutton--inset {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    z-index: 1; }\n  .Playbutton:before {\n    content: \"\";\n    width: 0;\n    height: 0;\n    border: 8px solid transparent;\n    border-left-color: #FF8900;\n    border-left-width: 12px; }\n\n.Slideout-container {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 1s; }\n  .Slideout-container--noTransition {\n    transition: none; }\n\n.star {\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  background-image: url(\"img/star.png\");\n  background-size: cover; }\n  @media only screen and (min-width: 1280px) {\n    .star {\n      width: 42px;\n      height: 42px; } }\n\n.star.m-empty {\n  background-position: 0 -32px; }\n  @media only screen and (min-width: 1280px) {\n    .star.m-empty {\n      background-position: 0 -42px; } }\n\n.table {\n  display: table; }\n\n.table-row {\n  display: table-row; }\n\n.table-column {\n  display: table-column; }\n\n.table-cell {\n  display: table-cell; }\n\n.tabs {\n  display: table;\n  width: calc(100% + 10px);\n  margin: -5px;\n  border-spacing: 5px;\n  white-space: nowrap; }\n\n.tabs > .tabs-title:first-child {\n  margin-left: 0; }\n\n.tabs-title {\n  display: table-cell;\n  padding: 12px;\n  margin-left: 6px;\n  background-color: rgba(255, 255, 255, 0.6);\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 2rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal;\n  cursor: pointer;\n  vertical-align: middle; }\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n    .tabs-title {\n      border-radius: 0; } }\n  @media only screen and (min-width: 768px) {\n    .tabs-title {\n      font-size: 2.5rem; } }\n\n.tabs-title.is-active {\n  background-color: rgba(19, 42, 77, 0.85); }\n\n.tabs-title > a {\n  color: #3E383A; }\n\n.tabs-title.is-active > a {\n  color: #B4BAC8; }\n\n.tabs-content {\n  color: #FFF;\n  background-color: rgba(19, 42, 77, 0.85); }\n\n.tabs-panel {\n  display: none; }\n\n.tabs-panel.is-active {\n  display: block; }\n\n.tab-separator {\n  max-width: none;\n  border-bottom: 3px solid rgba(255, 255, 255, 0.15);\n  margin: 0; }\n\n.Tooltip, .tooltip {\n  display: none;\n  position: absolute;\n  max-width: 320px;\n  padding: 20px;\n  top: 0;\n  left: 0;\n  background-color: #3c4860;\n  box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.2);\n  color: #F6F6F6;\n  z-index: 70;\n  cursor: pointer; }\n\n.Tooltip-handle, .tooltip-handle {\n  cursor: pointer; }\n\n.Tooltip-tip, .tooltip-tip {\n  display: none; }\n\n.Tooltip-handle.Tooltip-handle--text, .tooltip-handle.tooltip-handle--text {\n  display: inline-block;\n  color: #00a5e2;\n  fill: #00a5e2; }\n  .Tooltip-handle.Tooltip-handle--text:hover *, .tooltip-handle.tooltip-handle--text:hover * {\n    text-decoration: underline; }\n\n.Tooltip-arrow, .tooltip-arrow {\n  content: \" \";\n  position: absolute;\n  height: 0;\n  width: 0;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border: solid transparent;\n  border-color: transparent;\n  border-width: 10px;\n  border-top-color: #3c4860;\n  pointer-events: none; }\n  .Tooltip-arrow--top, .tooltip-arrow--top {\n    top: auto;\n    bottom: 100%;\n    border-bottom-color: #3c4860;\n    border-top-color: transparent; }\n\n.UnderlinedHeader {\n  padding-bottom: .2em;\n  border-bottom: 2px solid rgba(64, 82, 117, 0.2);\n  margin-bottom: .4em; }\n\n.video-background {\n  position: relative; }\n\n.video-background-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  overflow: hidden; }\n  .video-background-wrapper.m-blend:after {\n    content: \"\";\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 160px;\n    top: -160px;\n    background-image: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%); }\n  .video-background-wrapper::before, .video-background-wrapper::after {\n    content: ' ';\n    display: table;\n    flex-basis: 0;\n    order: 1; }\n  .video-background-wrapper::after {\n    clear: both; }\n\n.video-background-vid {\n  height: 100%;\n  width: auto; }\n\n.video-background-vid.m-fit-width {\n  width: 100%;\n  height: auto; }\n\n.video-background-vid.m-right-align {\n  float: right; }\n\n.video-background-vid.m-center-horizontal {\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%); }\n\n.video-background-vid.m-center-vertical {\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%); }\n\n.Webbing {\n  position: relative;\n  overflow: hidden; }\n\n.Webbing-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 0;\n  background-color: inherit; }\n\n.Webbing-topLayer {\n  position: relative;\n  z-index: 1; }\n\n.Webbing-pattern {\n  display: block;\n  position: absolute;\n  fill: rgba(255, 255, 255, 0.3); }\n\n.ie11 .Webbing-pattern {\n  width: 120%;\n  height: 120%;\n  left: -10%; }\n\n@keyframes rectangle {\n  /*rectangle*/\n  0% {\n    clip-path: inset(0 100% 0 -10%); }\n  40% {\n    clip-path: inset(0 -10% 0 100%); }\n  100% {\n    clip-path: inset(0 -10% 0 100%); } }\n\n@keyframes polygon {\n  /*slanted thick rectangle*/\n  0% {\n    clip-path: polygon(-20% 0, -10% 0, -30% 100%, -40% 100%); }\n  40% {\n    clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%); }\n  100% {\n    clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%); } }\n\n@keyframes polygon-thin {\n  /*slanted thin rectangle*/\n  0% {\n    clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%); }\n  40% {\n    clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%); }\n  100% {\n    clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%); } }\n\n.Webbing-pattern--bright {\n  display: none;\n  fill: rgba(255, 255, 255, 0.5);\n  clip-path: inset(100% 100%);\n  animation: polygon-thin 5s linear infinite;\n  filter: blur(1px); }\n  @supports (clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%)) {\n    .Webbing-pattern--bright {\n      display: block; } }\n\n.Webbing-mask {\n  position: absolute;\n  width: 80%;\n  height: 70%;\n  background-color: inherit;\n  color: inherit;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -55%);\n  border-radius: 50%;\n  box-shadow: 0 0 100px 30px; }\n\n/*\n    Hero Ability Showcase module\n*/\n.ability-showcase {\n  position: relative;\n  padding-bottom: 46vw;\n  overflow: hidden;\n  background-color: black; }\n\n.ability-showcase-video {\n  position: absolute;\n  width: 100%;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  visibility: hidden;\n  transition: 80ms opacity ease; }\n\n.ability-showcase-video.is-active {\n  opacity: 1;\n  visibility: visible; }\n\n.ability-showcase-controls {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: 100%;\n  margin-bottom: 3.5rem;\n  transform: translateX(-50%);\n  text-align: center; }\n\n.ability-showcase-controls .hero-name {\n  color: #F6F6F6;\n  background: -webkit-linear-gradient(#F6F6F6 50%, rgba(246, 246, 246, 0.25));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  line-height: 0.9; }\n\n.ability-showcase-controls .ability-name {\n  margin-top: 0;\n  color: #00c3ff; }\n\n.ability-button-list {\n  margin-top: 1.4rem; }\n  .ability-button-list::before, .ability-button-list::after {\n    content: ' ';\n    display: table;\n    flex-basis: 0;\n    order: 1; }\n  .ability-button-list::after {\n    clear: both; }\n\n.ability-button-list > li {\n  display: inline-block;\n  margin: 0 0.8rem; }\n\n.ability-showcase .ability-showcase-button {\n  position: relative;\n  width: 5vw;\n  height: 5vw;\n  cursor: pointer; }\n\n.ability-showcase .ability-showcase-button > .button-bg-svg {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: visible;\n  fill: rgba(64, 82, 117, 0.4);\n  stroke: rgba(246, 246, 246, 0.4);\n  stroke-width: 2; }\n\n.ability-showcase .ability-showcase-button > .hero-ability-icon {\n  max-width: 90%;\n  max-height: 65%;\n  height: auto; }\n\n.ability-showcase .ability-showcase-button.is-active > .button-bg-svg, .ability-showcase .ability-showcase-button:active > .button-bg-svg, .ability-showcase .ability-showcase-button:hover > .button-bg-svg {\n  fill: rgba(64, 82, 117, 0.9);\n  stroke: rgba(246, 246, 246, 0.9); }\n\n.ability-showcase .ability-showcase-button.is-active > .hero-ability-icon, .ability-showcase .ability-showcase-button:active > .hero-ability-icon, .ability-showcase .ability-showcase-button:hover > .hero-ability-icon {\n  opacity: 1; }\n\n.ability-showcase-button > .progress-svg {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: visible;\n  fill: none;\n  stroke: #00c3ff;\n  stroke-width: 4.5;\n  stroke-dasharray: 314;\n  stroke-dashoffset: 314;\n  transform: rotateZ(-90deg);\n  opacity: 0; }\n\n.ability-showcase-button.is-active > .progress-svg {\n  opacity: 1; }\n\n.achievement-card {\n  border: 3px solid rgba(255, 255, 255, 0.3);\n  border-radius: 3px;\n  transition: all 200ms;\n  cursor: pointer;\n  transition: 80ms border ease-out; }\n  .achievement-card:hover, .achievement-card:focus {\n    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);\n    border-color: white; }\n  .achievement-card:hover, .achievement-card:active {\n    border-color: #00c3ff; }\n  .achievement-card:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    box-shadow: inset 0px 0px 60px 0px rgba(0, 195, 255, 0.3);\n    opacity: 0;\n    transition: 80ms opacity ease-out; }\n  .achievement-card:hover:after, .achievement-card:active:after {\n    opacity: 1; }\n\n.announcement {\n  display: inline-flex;\n  align-items: center;\n  width: 100%;\n  overflow: hidden;\n  min-height: 556px;\n  padding-left: 20px;\n  padding-right: 20px; }\n  @media only screen and (min-width: 992px) {\n    .announcement {\n      min-height: 46vw; } }\n\n.announcement.m-bot-align {\n  align-items: flex-end;\n  height: 1px; }\n\n.announcement.u-video, .announcement.u-video_youtube {\n  cursor: pointer; }\n\n.announcement.u-video:after, .announcement.u-video_youtube:after {\n  background-size: 60px auto; }\n  @media only screen and (min-width: 992px) {\n    .announcement.u-video:after, .announcement.u-video_youtube:after {\n      background-size: 120px auto; } }\n\n.announcement.m-video-background > .announcement-video-background {\n  display: none; }\n  @media only screen and (min-width: 992px) {\n    .announcement.m-video-background > .announcement-video-background {\n      display: block; } }\n\n@media only screen and (min-width: 992px) {\n  .announcement.m-video-background > .announcement-background {\n    display: none; } }\n\n.announcement-background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding-bottom: 30vw;\n  background-size: cover;\n  background-position: center top;\n  z-index: -1; }\n\n.announcement-content {\n  width: 100%;\n  margin: 0 auto;\n  padding-top: 24px;\n  padding-bottom: 24px;\n  color: #cccccc;\n  text-align: center;\n  text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.75); }\n  @media only screen and (min-width: 992px) {\n    .announcement-content {\n      padding-top: 4vw;\n      padding-bottom: 4vw; } }\n\n@media only screen and (min-width: 768px) {\n  .announcement-content.m-pull-left\\@md-min {\n    width: 45vw;\n    margin-left: 0; }\n  .announcement-content.m-pull-right\\@md-min {\n    width: 45vw;\n    margin-right: 0; } }\n\n.announcement-header {\n  margin: 12px 0;\n  color: #F6F6F6;\n  line-height: 0.9; }\n  .announcement-header.m-border-accent {\n    border-top: 4px solid rgba(255, 255, 255, 0.2);\n    border-bottom: 4px solid rgba(255, 255, 255, 0.2);\n    padding: 10px 0; }\n  .announcement-header.m-image-title {\n    width: 90%; }\n    @media only screen and (min-width: 400px) {\n      .announcement-header.m-image-title {\n        width: auto;\n        max-width: 100%; } }\n\n.announcement-superheader, .announcement-subheader {\n  margin-top: 0;\n  letter-spacing: 2px; }\n\n.announcement-superheader {\n  letter-spacing: 5px;\n  color: #ff9c00; }\n\n.announcement-subheader {\n  margin-bottom: 20px; }\n\n.announcement-content.m-dark-theme {\n  color: #333333; }\n  .announcement-content.m-dark-theme > .announcement-superheader {\n    color: #333333; }\n  .announcement-content.m-dark-theme > .announcement-header {\n    color: #405275; }\n\n.announcement-button {\n  margin: 5px; }\n\n.announcement-legal {\n  margin-top: 5px;\n  font-size: 1.28rem;\n  text-shadow: none; }\n\nbody.zh-tw .announcement-header {\n  line-height: 1; }\n\n.bg-heroes-faceoff {\n  background-color: #fff;\n  background-image: url(\"img/pages/home/heroes-faceoff.jpg\");\n  background-position: center top; }\n\n.bg-petals {\n  background-color: #EDD9E0;\n  background-image: url(\"img/ow-fractal-bg.jpg\");\n  background-size: 100% auto;\n  background-position: center top; }\n  @media only screen and (max-width: 1279px) {\n    .bg-petals {\n      background-size: auto 100%; } }\n\n.bg-petals-cover {\n  background-color: #EDD9E0;\n  background-image: url(\"img/ow-fractal-bg.jpg\");\n  background-size: cover; }\n\n.bg-polygon-world-map {\n  background-image: url(\"img/pages/home/fight-for-future-bg.png\");\n  background-size: auto 100%;\n  background-position: center top; }\n\n.bg-filler {\n  min-height: 340px; }\n\n.bg-candy {\n  background-image: url(\"img/pages/hero-detail/backgrounds/candy.png\");\n  background-size: cover;\n  background-position: center top; }\n\n.bg-fftf {\n  opacity: 1;\n  content: '';\n  position: absolute;\n  z-index: -2;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n  @media only screen and (min-width: 992px) {\n    .bg-fftf.trans-in {\n      animation: 20s linear bg-fade-in; }\n    .bg-fftf.trans-out-latest {\n      animation: 20s linear bg-fade-out;\n      z-index: -1; }\n    .bg-fftf.trans-out {\n      z-index: -10; } }\n\n.bg-cairo {\n  background-color: #f0eef3;\n  background-size: contain; }\n  @media only screen and (max-width: 991px) {\n    .bg-cairo {\n      background-image: url(\"img/pages/home/cairo-tablet.jpg\");\n      background-color: #e4dfe6; } }\n  @media only screen and (min-width: 992px) {\n    .bg-cairo {\n      background-size: cover;\n      background-position: center top;\n      background-image: url(\"img/pages/home/cairo-desktop.jpg\"); } }\n\n.bg-volskaya {\n  background-size: contain; }\n  @media only screen and (max-width: 991px) {\n    .bg-volskaya {\n      background-image: url(\"img/pages/home/fight-for-the-future/volskaya-760.jpg\"); } }\n  @media only screen and (min-width: 992px) {\n    .bg-volskaya {\n      background-size: cover;\n      background-position: center top;\n      background-image: url(\"img/pages/home/fight-for-the-future/volskaya-2560.jpg\"); } }\n\n.bg-london {\n  background-size: contain; }\n  @media only screen and (max-width: 991px) {\n    .bg-london {\n      background-image: url(\"img/pages/home/fight-for-the-future/london-760.jpg\"); } }\n  @media only screen and (min-width: 992px) {\n    .bg-london {\n      background-size: cover;\n      background-position: center top;\n      background-image: url(\"img/pages/home/fight-for-the-future/london-2560.jpg\"); } }\n\n@keyframes bg-fade-in {\n  0 {\n    opacity: 0; }\n  100% {\n    opacity: 1; } }\n\n@keyframes bg-fade-out {\n  0 {\n    opacity: 1; }\n  10% {\n    opacity: 0; }\n  100% {\n    opacity: 0; } }\n\n.bg-color-blue-dark {\n  background-color: #293347; }\n\n.bg-gibraltar {\n  background-image: url(\"img/pages/career/gibraltar-bg-mobile.jpg\");\n  background-position: center top; }\n  @media only screen and (min-width: 768px) {\n    .bg-gibraltar {\n      background-image: url(\"img/pages/career/gibraltar-bg.jpg\"); } }\n\n.bg-crystal-dark {\n  background-image: url(\"img/pages/career/crystal-bg-mobile.png\");\n  background-position: center top; }\n  @media only screen and (min-width: 768px) {\n    .bg-crystal-dark {\n      background-image: url(\"img/pages/career/crystal-bg.png\"); } }\n\n.blog-sidebar {\n  margin-top: 40px; }\n\n@media only screen and (min-width: 992px) {\n  .blog-sidebar {\n    margin-top: 0;\n    padding: 20px 25px 5px 25px;\n    border-radius: 4px;\n    background-color: rgba(255, 255, 255, 0.04); } }\n\n.blog-sidebar-title {\n  line-height: 0.9em; }\n\n.blog-sidebar-list {\n  margin-top: 15px;\n  border-top: 3px solid rgba(255, 255, 255, 0.9);\n  padding-top: 2px; }\n\n.blog-sidebar-article {\n  padding: 15px 0;\n  border-top: 1px solid #f0edf2;\n  border-top: 1px solid rgba(255, 255, 255, 0.3);\n  line-height: 1.45em; }\n\n.blog-sidebar-article:first-child {\n  border-top: none; }\n\nbody.ko-kr .blog-sidebar-article-title {\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  text-align: inherit;\n  text-outline: inherit;\n  text-shadow: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  letter-spacing: inherit;\n  white-space: inherit; }\n\n.blog-sidebar-article-title {\n  color: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  font-style: inherit;\n  line-height: inherit;\n  text-align: inherit;\n  text-outline: inherit;\n  text-shadow: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  letter-spacing: inherit;\n  white-space: inherit; }\n\n.blog-sidebar-image {\n  width: 33%;\n  display: none; }\n  @media only screen and (min-width: 992px) {\n    .blog-sidebar-image {\n      display: block; } }\n\n.blog-sidebar-date {\n  color: #a1a1a1; }\n\n/**\nComments CSS overrides\n*/\n.bnet-comments .Author-avatar {\n  float: left;\n  margin-right: 1rem; }\n\n.bnet-comments button, select, input, textarea {\n  color: black; }\n\n.bnet-comments .Author-avatar {\n  height: 64px;\n  width: 64px;\n  background-image: none;\n  background-size: initial;\n  border: none;\n  float: left;\n  margin-right: 1rem; }\n\n.bnet-comments .comment-nested .Author-avatar {\n  height: 32px;\n  width: 32px; }\n\n.bnet-comments .Author-avatar, .bnet-comments .Author-avatar:after {\n  box-shadow: none; }\n\n/*\n    Blog Avatars\n*/\n.bnet-avatar {\n  display: none; }\n\n/*\n    Bnet common game site overrides\n*/\n.bnet-comments {\n  padding: 0; }\n\n.bnet-comments .comments-pages {\n  margin: 0; }\n\n.bnet-comments .hide {\n  display: none; }\n\n.comments-error .subheader-2.hide {\n  display: none; }\n\n.comments-error .hide {\n  display: block; }\n\n.button-mod span {\n  line-height: normal;\n  height: auto; }\n\n.bnet-comments .Author {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%; }\n\n.bnet-comments .Author.is-ignored {\n  display: none; }\n\n.bnet-comments .Author-ignored {\n  display: block; }\n\n.bnet-comments .Author-ignored.is-hidden {\n  display: none; }\n\n.bnet-comments .Author-details {\n  display: flex;\n  flex: 1 1 0;\n  flex-direction: column;\n  margin-left: 1rem; }\n\n.bnet-comments .Author-details > span {\n  margin-top: .5rem; }\n\n.bnet-comments .Author-details > span:first-of-type {\n  margin-top: 0; }\n\n.bnet-comments .Author-name {\n  color: #ffc70e;\n  transition: 200ms color ease;\n  font-weight: bold;\n  font-size: 14px;\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }\n\n.bnet-comments .Author-name:hover {\n  color: #f0edf2; }\n\n.bnet-comments .Author-comment {\n  color: #f0edf2;\n  word-wrap: break-word;\n  line-height: 1.4em;\n  font-size: 14px;\n  margin-top: 0.25rem; }\n\n/*\n    Blog Comments Icon\n*/\n.comments-link {\n  padding: 0 0 1px 24px;\n  background: url(\"img/icons/comment-count-lg.png\") 0 1px no-repeat; }\n\n.comments-link:hover {\n  background-position: 0 -26px; }\n\n/*\n    Blog Comment UI Buttons\n*/\n.ui-pagination {\n  padding: 0 .5em;\n  color: #fff;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  font-size: 12px;\n  text-transform: uppercase; }\n\n.ui-pagination li {\n  margin: 0 .2em; }\n\n.ui-pagination li > a {\n  font-size: .9em;\n  border-radius: 2px;\n  background-color: rgba(0, 0, 0, 0);\n  box-shadow: none;\n  border: 2px solid #fff;\n  color: #fff;\n  -webkit-transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);\n  transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  padding: 5px 7px; }\n\n.ui-pagination li.current > a {\n  background: #fff;\n  border-color: #fff;\n  color: #511616;\n  box-shadow: none; }\n\n.ui-pagination li > a:hover {\n  background: #fff;\n  border-color: #fff;\n  color: #511616;\n  box-shadow: none; }\n\nbody.ko-kr .ui-button, body.ko-kr .ui-button span {\n  font-family: \"Blackfit77\",sans-serif;\n  transform: none; }\n\n.ui-button {\n  display: inline-block;\n  padding: 0.35em 2em;\n  text-align: center;\n  cursor: pointer;\n  transition: none;\n  transform: skew(-0.25rad);\n  transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  background-color: #ffc70e;\n  color: #511616;\n  box-shadow: inset 0 0 10px 5px rgba(237, 186, 14, 0.6);\n  border: 1px solid #fdda75;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  text-transform: uppercase;\n  border-radius: 4px;\n  padding: 0.35em 0.9em;\n  font-size: 100%; }\n\n.ui-button span {\n  display: inline-block;\n  text-shadow: none;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  text-transform: uppercase;\n  transform: skew(0.25rad); }\n\n.ui-button.active,\n.ui-button:focus,\n.ui-button:hover {\n  background: #f0edf2;\n  border-color: #f0edf2;\n  color: #511616;\n  box-shadow: none; }\n\n.ui-button.disabled {\n  background-color: rgba(207, 206, 206, 0.5);\n  box-shadow: none;\n  border: none;\n  color: rgba(255, 255, 255, 0.5); }\n\n.ui-button > span {\n  display: block;\n  overflow: visible; }\n\n.ui-button .button-left {\n  overflow: visible;\n  transform: skew(0); }\n\n.ui-button .button-right {\n  overflow: visible; }\n\n.ui-button > span > span {\n  vertical-align: sub; }\n\n/* Removing button styles from ui-button for non-primary actions.*/\nbody.ko-kr .results-button,\nbody.ko-kr .ui-cancel {\n  font-family: \"Blackfit77\", sans-serif; }\n\n.results-button,\n.ui-cancel {\n  background-color: transparent;\n  box-shadow: none;\n  border: none;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  text-transform: uppercase;\n  color: #ffc70e;\n  padding: 0 10px; }\n\n.results-button:hover,\n.ui-cancel:hover {\n  color: #f0edf2;\n  background-color: transparent; }\n\n/*\n    Blog Comments\n*/\nbody.ko-kr .blog-comments .subheader-2 {\n  font: normal 5.5em \"Koverwatch\", sans-serif;\n  font-size: 2.5em; }\n\n.blog-comments .subheader-2 {\n  padding: 16px 0;\n  margin: 40px 0 24px;\n  border-bottom: 2px solid #f0edf2;\n  font: italic 5.5em \"Big Noodle Too\", impact, sans-serif;\n  line-height: 0.9em;\n  padding-right: 0.3em;\n  text-shadow: 2.5px -2px 0.5px rgba(35, 31, 32, 0.1), -2.5px 2px 0.5px rgba(35, 31, 32, 0.1), -2.5px -2px 0.5px rgba(35, 31, 32, 0.1), 2.5px 2px 0.5px rgba(35, 31, 32, 0.1);\n  font-size: 2.5em; }\n\n@media only screen and (max-width: 47.5em) {\n  .blog-comments .subheader-2 {\n    text-shadow: 2px -1.8px 0.5px rgba(35, 31, 32, 0.1), -2px 1.8px 0.5px rgba(35, 31, 32, 0.1), -2px -1.8px 0.5px rgba(35, 31, 32, 0.1), 2px 1.8px 0.5px rgba(35, 31, 32, 0.1); } }\n\n.blog-comments .comments-form-wrapper {\n  margin-bottom: 40px;\n  font-size: 14px; }\n\n.blog-comments .comments-form-wrapper > div,\n.blog-comments .comments-form-wrapper > form,\n.blog-comments .comments-form {\n  background-color: rgba(255, 255, 255, 0.04); }\n\n.blog-comments .comments-form {\n  border-radius: 4px;\n  padding-left: 16px; }\n\n.blog-comments .comments-form img {\n  height: 65px;\n  width: 65px;\n  border-radius: 7px;\n  border: 1px solid rgba(255, 255, 255, 0.1); }\n\n.blog-comments .comments-action {\n  margin-top: 8px;\n  margin-right: 5px; }\n\n.blog-comments .comments-action .ui-cancel {\n  margin-left: 5px; }\n\n.blog-comments .comments-form .input-wrapper {\n  margin-bottom: 8px; }\n\n.blog-comments .comments-form .input-wrapper textarea {\n  width: 100%;\n  padding: 10px 8px;\n  border: 0;\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 100%; }\n\n.blog-comments .comments-error-gate {\n  padding: 32px 30px; }\n\n.blog-comments #comments-sorting-wrapper {\n  overflow: hidden;\n  overflow-x: auto;\n  white-space: nowrap;\n  -webkit-overflow-scrolling: touch; }\n\n.blog-comments #comments-sorting-wrapper .tab-menu {\n  float: left;\n  min-width: 100%;\n  border-bottom: 2px solid #f0edf2;\n  padding: 0;\n  margin: 0; }\n\nbody.ko-kr .blog-comments #comments-sorting-wrapper .tab-menu > li {\n  font: 1.875em \"Koverwatch\", impact, sans-serif;\n  transform: none; }\n\n.blog-comments #comments-sorting-wrapper .tab-menu > li {\n  position: relative;\n  display: inline-block;\n  margin-bottom: -2px;\n  margin-right: -6px;\n  line-height: 1.2;\n  transform: skew(-0.25rad);\n  transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  font: 1.875em \"Big Noodle Too\", impact, sans-serif;\n  text-align: center; }\n\n.blog-comments #comments-sorting-wrapper .tab-menu > li > a {\n  display: block;\n  padding: 10px 15px;\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  color: rgba(255, 255, 255, 0.5);\n  text-decoration: none;\n  cursor: pointer; }\n\n.blog-comments #comments-sorting-wrapper .tab-menu > li:hover > a,\n.blog-comments #comments-sorting-wrapper .tab-menu > li > a.tab-active {\n  color: #f0edf2;\n  border-bottom: 5px solid #ffc70e; }\n\n.blog-comments .comments-list {\n  border-bottom: 1px solid;\n  border-color: rgba(255, 255, 255, 0.3); }\n\n.blog-comments .comments-list > li {\n  margin: 10px 0;\n  font-size: 14px;\n  line-height: 1.4em; }\n\n.blog-comments .comments-list > li:first-child .comment-tile {\n  border: none; }\n\n.blog-comments .comment-tile {\n  min-height: 105px;\n  position: relative;\n  padding: 24px 0 40px 0px;\n  background: none;\n  border-radius: 0;\n  border-top: 1px solid;\n  border-color: rgba(255, 255, 255, 0.3); }\n\n.blog-comments .comment-tile .comment-body {\n  position: relative; }\n\n.blog-comments .comment-tile img {\n  height: 65px;\n  width: 65px;\n  border-radius: 7px;\n  border: 1px solid rgba(255, 255, 255, 0.1); }\n\n/*.bnet-comments .comments-list>li {\n    padding: 32px;\n}*/\n.blog-comments .comments-list > li.comment-nested {\n  padding-left: 35px;\n  margin-bottom: 10px; }\n\n.blog-comments .comment-nested .comment-tile {\n  padding-left: 0px;\n  border-color: rgba(255, 255, 255, 0.1);\n  min-height: 105px;\n  padding-bottom: 0px; }\n\n.Author--blizzard .Author-avatar {\n  border: none;\n  border-radius: 0;\n  box-shadow: none; }\n\n.comment-nested .Author--blizzard .Author-avatar {\n  border: none;\n  border-radius: 0;\n  box-shadow: none;\n  width: 32px; }\n\n.blog-comments .comment-nested .comment-tile img {\n  width: 33px;\n  height: 33px;\n  border-radius: 7px;\n  border: 1px solid rgba(255, 255, 255, 0.1); }\n\n.blog-comments .comment-tile .timestamp {\n  vertical-align: top; }\n\n.blog-comments .comment-tile .comment-head {\n  margin-bottom: 8px;\n  position: relative; }\n\n.blog-comments .comment-tile .comment-foot {\n  margin: 4px 0;\n  position: absolute;\n  right: 0;\n  bottom: 0; }\n\n.blog-comments .comment-tile .comment-foot .ui-button {\n  background-color: rgba(0, 0, 0, 0);\n  box-shadow: none;\n  border: 2px solid #f0edf2;\n  color: #f0edf2;\n  padding: 0.1em 0.5em; }\n\n.blog-comments .comment-tile .comment-foot .ui-button:hover {\n  background: #f0edf2;\n  border-color: #f0edf2;\n  color: #511616;\n  box-shadow: none; }\n\n.blog-comments .moderator-controls {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center; }\n\n/*\n    Blog Comment UI Contexts\n*/\n.ui-context {\n  background: #f0edf2; }\n\n.ui-context a {\n  color: #ffc70e; }\n\n.ui-context .context strong {\n  color: #000000; }\n\n.ui-context .context span {\n  text-shadow: none; }\n\n.context-link {\n  background-image: url(\"img/icons/flyout-arrows.png\");\n  background-position: 100% -25px; }\n\n.context-link:hover {\n  background-position: 100% -87px; }\n\n/*\n    Blog Comment UI Dropdowns\n*/\n.blog-comments .report-comment a {\n  border-top: 1px solid rgba(0, 0, 0, 0.15);\n  background-image: url(\"img/layout/cms/report-small.png\");\n  background-position: 7px 6px;\n  background-repeat: no-repeat; }\n\n/*\n    Blog Comments Ratings\n*/\n.blog-comments .comment-rating {\n  font-size: 0.75em;\n  color: #75a448;\n  position: absolute;\n  top: 20px;\n  right: 8px;\n  text-align: right; }\n\n.blog-comments .rate-post-wrapper {\n  position: absolute;\n  bottom: 0;\n  left: 83px; }\n\n.blog-comments .rate-post-wrapper .dropdown-wrapper {\n  left: 0;\n  top: 0; }\n\n.blog-comments .comment-nested .rate-post-wrapper {\n  left: 45px; }\n\n.bnet-comments .moderator-review {\n  float: none;\n  background-color: rgba(0, 0, 0, 0.5);\n  font-size: 10px; }\n\n.bnet-comments .rate-option {\n  float: left;\n  display: inline-block;\n  cursor: pointer;\n  height: 30px;\n  width: 30px; }\n\n.bnet-comments .rate-up {\n  display: block;\n  height: 30px;\n  width: 30px;\n  background-image: url(\"img/pages/blog/icon-rating.png\"); }\n\n.bnet-comments .rate-down {\n  display: block;\n  height: 30px;\n  width: 30px;\n  background-image: url(\"img/pages/blog/icon-rating.png\"); }\n\n.bnet-comments .rate-option.rate-up {\n  background-position: 0 -30px; }\n\n.bnet-comments .rate-option .rate-down {\n  background-position: 0 0; }\n\n/*\n    Blog Comments Pagination\n*/\n.blog-comments .comments-controls {\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  padding: 10px 0 7px;\n  margin: 0; }\n\n/*\n    Responsive styles\n*/\n.blog-comments .bnet-comments .comment-mvp .comment-body {\n  color: inherit; }\n\n@media only screen and (max-width: 640px) {\n  .blog-comments .comment-tile {\n    padding-top: 16px; }\n  .blog-comments .comment-tile img {\n    height: 40px;\n    width: 40px; }\n  .blog-comments .comment-tile .bnet-avatar {\n    top: 16px; }\n  .blog-comments .comment-tile .bnet-avatar img,\n  .blog-comments .comment-tile .bnet-avatar .avatar-outer a {\n    height: 32px;\n    width: 32px; }\n  .blog-comments .comments-list > li {\n    font-size: 12px; }\n  .blog-comments .comments-list > li.nested-reply {\n    padding-left: 0; }\n  .blog-comments .rate-post-wrapper {\n    left: 43px; }\n  .blog-comments .comments-form {\n    padding-left: 16px; }\n  .blog-comments .comments-form img {\n    height: 40px;\n    width: 40px; }\n  .blog-comments .comments-form .bnet-avatar img {\n    height: 32px;\n    width: 32px; }\n  .blog-comments .context-link {\n    background-position: 100% -27px; }\n  .blog-comments .context-link:hover {\n    background-position: 100% -89px; }\n  .blog-comments .bnet-comments .comment-blizzard .comment-head .employee-icon {\n    margin-top: 2px; }\n  .blog-comments .bnet-comments .comment-tile .comment-foot .ui-button {\n    visibility: visible; }\n  .blog-comments .moderator-controls .control-label {\n    width: 100%; } }\n\n.content-box, .u-container-background, .u-container-background-cropped-mobile {\n  padding-top: 44px;\n  padding-bottom: 44px; }\n  @media only screen and (min-width: 992px) {\n    .content-box, .u-container-background, .u-container-background-cropped-mobile {\n      padding-top: 72px;\n      padding-bottom: 72px; } }\n  .content-box.u-nav-offset, .u-nav-offset.u-container-background, .u-nav-offset.u-container-background-cropped-mobile {\n    padding-top: 92px; }\n    @media only screen and (min-width: 992px) {\n      .content-box.u-nav-offset, .u-nav-offset.u-container-background, .u-nav-offset.u-container-background-cropped-mobile {\n        padding-top: 182px; } }\n\n.content-box.m-tinyPad, .m-tinyPad.u-container-background, .m-tinyPad.u-container-background-cropped-mobile {\n  padding-top: 10px;\n  padding-bottom: 10px; }\n\n.content-box > h1, .u-container-background > h1, .u-container-background-cropped-mobile > h1 {\n  margin-bottom: 2.9rem; }\n\n.Control-group, .control-group {\n  display: inline-block;\n  vertical-align: top; }\n\n.Control, .control {\n  position: relative;\n  display: inline-block;\n  padding-left: 1.4em;\n  cursor: pointer;\n  height: 1.2em; }\n\n.Control-input, .control-input {\n  position: absolute;\n  z-index: -1;\n  opacity: 0; }\n\n.Control-indicator, .control__indicator {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0px;\n  width: 1.2em;\n  height: 1.2em;\n  background: #405275;\n  border: 2px solid #F6F6F6;\n  border-radius: 4px; }\n\n.Control--radio .Control-indicator,\n.Control--radio .Control-indicator:before,\n.control--radio .control__indicator,\n.control--radio .control__indicator:before {\n  border-radius: 50%; }\n\n/* Hover and focus states */\n.Control:hover .Control-input ~ .Control-indicator,\n.Control .Control-input:focus ~ .Control-indicator,\n.Control:hover .Control-input:not([disabled]):checked ~ .Control-indicator,\n.Control .Control-input:checked:focus ~ .Control-indicator,\n.control:hover input ~ .control__indicator,\n.control input:focus ~ .control__indicator,\n.control:hover input:not([disabled]):checked ~ .control__indicator,\n.control input:checked:focus ~ .control__indicator {\n  background: #2e3b54; }\n\n/* Disabled state */\n.control input:disabled ~ .control__indicator {\n  pointer-events: none;\n  opacity: .6;\n  background: #e6e6e6; }\n\n/* Check mark */\n.Control--checkbox .Control-indicator:after,\n.Control--checkbox .control__indicator:after {\n  position: absolute;\n  opacity: 0;\n  content: ''; }\n\n/* Checkbox tick */\n.Control--checkbox .Control-input ~ .Control-indicator:after,\n.control--checkbox input:checked ~ .control__indicator:after {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url(img/checkbox.png);\n  background-size: contain; }\n\n/* Show check mark */\n.Control--checkbox .Control-input:checked ~ .Control-indicator:after,\n.control--checkbox input:checked ~ .control__indicator:after {\n  opacity: 1; }\n\n/* Disabled tick colour */\n.Control--checkbox .Control-input:disabled ~ .Control-indicator,\n.Control--radio .Control-input:disabled ~ .Control-indicator,\n.control--checkbox input:disabled ~ .control__indicator,\n.control--radio input:disabled ~ .control__indicator {\n  background-color: #727272;\n  cursor: default; }\n\n/* Radio button inner circle */\n.Control--radio .Control--indicator:after .control--radio .control__indicator:after {\n  top: 7px;\n  left: 7px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: white; }\n\n/*\n    Dividers meant to be used on sections\n*/\n.section-divider {\n  position: relative; }\n  .section-divider:before, .section-divider:after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    background-size: auto 100%;\n    background-position: center top;\n    background-repeat: no-repeat;\n    z-index: 10; }\n  .section-divider:before {\n    bottom: 100%; }\n  .section-divider:after {\n    top: 100%; }\n\n.section-divider.m-top-only:after {\n  content: none; }\n\n.section-divider.m-bottom-only:before {\n  content: none; }\n\n.section-divider.m-wings:before, .section-divider.m-wings:after {\n  height: 3rem;\n  background-image: url(\"img/dividers/wing.png\"); }\n\n.section-divider.m-wings:after {\n  transform: scale(1, -1); }\n\n.section-divider.m-wings-lg:before, .section-divider.m-wings-lg:after {\n  height: 3rem;\n  background-image: url(\"img/scene/deco.png\"); }\n\n.section-divider.m-wings-lg:after {\n  transform: scale(1, -1); }\n\n.section-divider.m-line:before, .section-divider.m-line:after {\n  height: 2px;\n  border: 2px solid rgba(114, 114, 114, 0.7); }\n\n.section-divider.m-inset:before {\n  top: 0;\n  bottom: auto;\n  transform: scale3d(1, -1, 1); }\n\n.section-divider.m-inset:after {\n  bottom: 0;\n  top: auto;\n  transform: scale3d(1, 1, 1); }\n\n.event-divider,\n.wood-divider {\n  position: relative; }\n  .event-divider:before,\n  .wood-divider:before {\n    display: inline-block;\n    content: \"\";\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    z-index: 10;\n    width: 100%;\n    border-top-width: 0;\n    border-bottom-width: 0;\n    transform: translateY(-3px); }\n  .event-divider:before,\n  .wood-divider:before {\n    height: 25px; }\n    @media only screen and (min-width: 992px) {\n      .event-divider:before,\n      .wood-divider:before {\n        height: 65px;\n        transform: translateY(-15px); } }\n\n.wood-divider:before {\n  background: url(\"img/components/dividers/ww-divider-mobile.png\"); }\n  @media only screen and (min-width: 992px) {\n    .wood-divider:before {\n      background: url(\"img/components/dividers/ww-divider-desktop.png\"); } }\n\n.wood-divider.wood-divider--one:before {\n  background-position-y: 0; }\n\n.wood-divider.wood-divider--two:before {\n  background-position-y: -48px; }\n  @media only screen and (min-width: 992px) {\n    .wood-divider.wood-divider--two:before {\n      background-position-y: -65px; } }\n\n.wood-divider.wood-divider--three:before {\n  background-position-y: -96px; }\n  @media only screen and (min-width: 992px) {\n    .wood-divider.wood-divider--three:before {\n      background-position-y: -196px; } }\n\n.fadein-animation {\n  opacity: 0.0;\n  transform: translateY(25px);\n  transition: opacity 750ms ease-out, transform 750ms ease-out; }\n\n.fadein-animation.is-visible {\n  opacity: 1.0;\n  transform: translateY(0px); }\n\n.Filter, .filter {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 1.6rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal;\n  letter-spacing: 0.5px;\n  text-transform: uppercase; }\n\n.Filter-sort, .filter-platform,\n.filter-sort, .filter-platform {\n  color: #405275; }\n\n.Filter-sort,\n.filter-sort {\n  margin-bottom: 10px; }\n  @media only screen and (min-width: 992px) {\n    .Filter-sort,\n    .filter-sort {\n      margin-bottom: 0px; } }\n\n.Filter-sort-label {\n  margin-right: 6px; }\n\n.Filter-sort-option,\n.filter-sort-option {\n  margin: 0 3px;\n  padding-right: 5px;\n  border-width: 0px 2px;\n  border-right: 1px solid rgba(255, 255, 255, 0.5);\n  color: #333333; }\n  .Filter-sort-option:last-child, .Filter-sort-option:last-of-type,\n  .filter-sort-option:last-child,\n  .filter-sort-option:last-of-type {\n    border-right: none; }\n  .Filter-sort-option:hover, .Filter-sort-option.is-selected,\n  .filter-sort-option:hover,\n  .filter-sort-option.is-selected {\n    color: white;\n    cursor: pointer; }\n\n.Filter-text, .filter-text {\n  margin-right: 15px; }\n\n.Filter-platform-list {\n  display: inline-block; }\n\n.Filter-platform-list-item {\n  margin-top: 5px; }\n  .Filter-platform-list-item:first-child {\n    margin-top: 0px; }\n  @media only screen and (min-width: 400px) {\n    .Filter-platform-list-item {\n      margin-top: 0px;\n      display: inline-block;\n      margin-left: 20px; }\n      .Filter-platform-list-item:first-child {\n        margin-left: 0px; } }\n\n.Filter-platform,\n.filter-platform {\n  text-align: left; }\n\n.Filter-platform-input {\n  vertical-align: middle;\n  margin-left: 1rem;\n  margin-right: .5rem; }\n\n.overwatch-footer {\n  background-image: url(\"img/pages/buy/buy-bar-bg.jpg\"); }\n\n.social-footer-header {\n  margin-top: 4px;\n  font-family: \"Big Noodle Too\", impact, sans-serif;\n  font-style: italic;\n  color: #F6F6F6;\n  letter-spacing: 0.05rem; }\n\n.social-container {\n  margin-top: 5px; }\n\n.footer-rule {\n  margin: 0px 0px;\n  max-width: none;\n  border-bottom: 2px solid #cacaca;\n  opacity: 0.1;\n  background: none; }\n\n.footer ul ul {\n  margin-right: 0rem;\n  margin-left: 0rem; }\n\n.footer .footer-section .ratings .rating-wrapper {\n  float: none; }\n  @media only screen and (min-width: 992px) {\n    .footer .footer-section .ratings .rating-wrapper {\n      float: left; } }\n\n.footer-career {\n  margin-top: 20px;\n  text-align: center; }\n\n.footer-prepurchase {\n  padding: 36px 0 30px; }\n\n.bootstrap-footer > .footer {\n  max-width: 100%;\n  margin: 0;\n  background-color: #f0edf2; }\n\n.bootstrap-footer .row {\n  margin: 0; }\n\n.bootstrap-footer .desktop-footer-container {\n  width: 100%;\n  max-width: 1250px;\n  padding-left: 15px;\n  padding-right: 15px;\n  margin-left: auto;\n  margin-right: auto; }\n  @media only screen and (min-width: 768px) {\n    .bootstrap-footer .desktop-footer-container {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n.bootstrap-footer .mobile-footer-container > .footer-section {\n  width: 100%;\n  max-width: 1250px;\n  padding-left: 15px;\n  padding-right: 15px;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 8px; }\n  @media only screen and (min-width: 768px) {\n    .bootstrap-footer .mobile-footer-container > .footer-section {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n.dropdown-section > .btn {\n  font-family: \"Arial\", sans-serif; }\n\n#eu-cookie-compliance .btn {\n  width: auto;\n  font-family: Blizzard,Arial,Helvetica,sans-serif;\n  font-weight: normal; }\n\n#eu-cookie-compliance .modal-header {\n  text-align: left;\n  margin: 19px 20px 0 0px; }\n  #eu-cookie-compliance .modal-header h1 {\n    font-style: normal; }\n\n#eu-cookie-compliance .modal-body {\n  text-align: left; }\n\n.footer-prepurchase {\n  padding-top: 36px;\n  padding-bottom: 30px; }\n\n.footer-container {\n  background-color: #F0EDF2; }\n  .footer-container > .NavbarFooter {\n    margin-top: 0;\n    padding-top: 20px; }\n\n/* Expected output of this loop will be classes such as:\n    ** .row.gutter-6 > .column, .row.gutter-12 > .column\n    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column\n    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column\n    */\n.row.gutter-0 > .column, .row.gutter-0 > .columns, .row.gutter-0.column, .row.gutter-0.columns {\n  padding-left: 0px;\n  padding-right: 0px; }\n\n.row.gutter-0 .row {\n  margin-left: 0px;\n  margin-right: 0px; }\n\n.row.gutter-6 > .column, .row.gutter-6 > .columns, .row.gutter-6.column, .row.gutter-6.columns {\n  padding-left: 3px;\n  padding-right: 3px; }\n\n.row.gutter-6 .row {\n  margin-left: -3px;\n  margin-right: -3px; }\n\n.row.gutter-12 > .column, .row.gutter-12 > .columns, .row.gutter-12.column, .row.gutter-12.columns {\n  padding-left: 6px;\n  padding-right: 6px; }\n\n.row.gutter-12 .row {\n  margin-left: -6px;\n  margin-right: -6px; }\n\n.row.gutter-18 > .column, .row.gutter-18 > .columns, .row.gutter-18.column, .row.gutter-18.columns {\n  padding-left: 9px;\n  padding-right: 9px; }\n\n.row.gutter-18 .row {\n  margin-left: -9px;\n  margin-right: -9px; }\n\n.row.gutter-24 > .column, .row.gutter-24 > .columns, .row.gutter-24.column, .row.gutter-24.columns {\n  padding-left: 12px;\n  padding-right: 12px; }\n\n.row.gutter-24 .row {\n  margin-left: -12px;\n  margin-right: -12px; }\n\n.row.gutter-30 > .column, .row.gutter-30 > .columns, .row.gutter-30.column, .row.gutter-30.columns {\n  padding-left: 15px;\n  padding-right: 15px; }\n\n.row.gutter-30 .row {\n  margin-left: -15px;\n  margin-right: -15px; }\n\n.row.gutter-36 > .column, .row.gutter-36 > .columns, .row.gutter-36.column, .row.gutter-36.columns {\n  padding-left: 18px;\n  padding-right: 18px; }\n\n.row.gutter-36 .row {\n  margin-left: -18px;\n  margin-right: -18px; }\n\n.row.gutter-42 > .column, .row.gutter-42 > .columns, .row.gutter-42.column, .row.gutter-42.columns {\n  padding-left: 21px;\n  padding-right: 21px; }\n\n.row.gutter-42 .row {\n  margin-left: -21px;\n  margin-right: -21px; }\n\n.row.gutter-48 > .column, .row.gutter-48 > .columns, .row.gutter-48.column, .row.gutter-48.columns {\n  padding-left: 24px;\n  padding-right: 24px; }\n\n.row.gutter-48 .row {\n  margin-left: -24px;\n  margin-right: -24px; }\n\n.row.gutter-54 > .column, .row.gutter-54 > .columns, .row.gutter-54.column, .row.gutter-54.columns {\n  padding-left: 27px;\n  padding-right: 27px; }\n\n.row.gutter-54 .row {\n  margin-left: -27px;\n  margin-right: -27px; }\n\n.row.gutter-60 > .column, .row.gutter-60 > .columns, .row.gutter-60.column, .row.gutter-60.columns {\n  padding-left: 30px;\n  padding-right: 30px; }\n\n.row.gutter-60 .row {\n  margin-left: -30px;\n  margin-right: -30px; }\n\n/* Expected output of this loop will be classes such as:\n    ** .row.spacer-6 > .column, .row.spacer-12 > .column\n    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column\n    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column\n    */\n.row.spacer-0 > .column, .row.spacer-0 > .columns, .row.spacer-0.column, .row.spacer-0.columns {\n  margin-top: 0px;\n  margin-bottom: 0px; }\n\n.row.spacer-6 > .column, .row.spacer-6 > .columns, .row.spacer-6.column, .row.spacer-6.columns {\n  margin-top: 3px;\n  margin-bottom: 3px; }\n\n.row.spacer-12 > .column, .row.spacer-12 > .columns, .row.spacer-12.column, .row.spacer-12.columns {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.row.spacer-18 > .column, .row.spacer-18 > .columns, .row.spacer-18.column, .row.spacer-18.columns {\n  margin-top: 9px;\n  margin-bottom: 9px; }\n\n.row.spacer-24 > .column, .row.spacer-24 > .columns, .row.spacer-24.column, .row.spacer-24.columns {\n  margin-top: 12px;\n  margin-bottom: 12px; }\n\n.row.spacer-30 > .column, .row.spacer-30 > .columns, .row.spacer-30.column, .row.spacer-30.columns {\n  margin-top: 15px;\n  margin-bottom: 15px; }\n\n.row.spacer-36 > .column, .row.spacer-36 > .columns, .row.spacer-36.column, .row.spacer-36.columns {\n  margin-top: 18px;\n  margin-bottom: 18px; }\n\n.row.spacer-42 > .column, .row.spacer-42 > .columns, .row.spacer-42.column, .row.spacer-42.columns {\n  margin-top: 21px;\n  margin-bottom: 21px; }\n\n.row.spacer-48 > .column, .row.spacer-48 > .columns, .row.spacer-48.column, .row.spacer-48.columns {\n  margin-top: 24px;\n  margin-bottom: 24px; }\n\n.row.spacer-54 > .column, .row.spacer-54 > .columns, .row.spacer-54.column, .row.spacer-54.columns {\n  margin-top: 27px;\n  margin-bottom: 27px; }\n\n.row.spacer-60 > .column, .row.spacer-60 > .columns, .row.spacer-60.column, .row.spacer-60.columns {\n  margin-top: 30px;\n  margin-bottom: 30px; }\n\n@media only screen and (min-width: 0px) {\n  /* Expected output of this loop will be classes such as:\n    ** .row.gutter-6 > .column, .row.gutter-12 > .column\n    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column\n    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column\n    */\n  .row.gutter-0\\@xs > .column, .row.gutter-0\\@xs > .columns, .row.gutter-0\\@xs.column, .row.gutter-0\\@xs.columns {\n    padding-left: 0px;\n    padding-right: 0px; }\n  .row.gutter-0\\@xs .row {\n    margin-left: 0px;\n    margin-right: 0px; }\n  .row.gutter-6\\@xs > .column, .row.gutter-6\\@xs > .columns, .row.gutter-6\\@xs.column, .row.gutter-6\\@xs.columns {\n    padding-left: 3px;\n    padding-right: 3px; }\n  .row.gutter-6\\@xs .row {\n    margin-left: -3px;\n    margin-right: -3px; }\n  .row.gutter-12\\@xs > .column, .row.gutter-12\\@xs > .columns, .row.gutter-12\\@xs.column, .row.gutter-12\\@xs.columns {\n    padding-left: 6px;\n    padding-right: 6px; }\n  .row.gutter-12\\@xs .row {\n    margin-left: -6px;\n    margin-right: -6px; }\n  .row.gutter-18\\@xs > .column, .row.gutter-18\\@xs > .columns, .row.gutter-18\\@xs.column, .row.gutter-18\\@xs.columns {\n    padding-left: 9px;\n    padding-right: 9px; }\n  .row.gutter-18\\@xs .row {\n    margin-left: -9px;\n    margin-right: -9px; }\n  .row.gutter-24\\@xs > .column, .row.gutter-24\\@xs > .columns, .row.gutter-24\\@xs.column, .row.gutter-24\\@xs.columns {\n    padding-left: 12px;\n    padding-right: 12px; }\n  .row.gutter-24\\@xs .row {\n    margin-left: -12px;\n    margin-right: -12px; }\n  .row.gutter-30\\@xs > .column, .row.gutter-30\\@xs > .columns, .row.gutter-30\\@xs.column, .row.gutter-30\\@xs.columns {\n    padding-left: 15px;\n    padding-right: 15px; }\n  .row.gutter-30\\@xs .row {\n    margin-left: -15px;\n    margin-right: -15px; }\n  .row.gutter-36\\@xs > .column, .row.gutter-36\\@xs > .columns, .row.gutter-36\\@xs.column, .row.gutter-36\\@xs.columns {\n    padding-left: 18px;\n    padding-right: 18px; }\n  .row.gutter-36\\@xs .row {\n    margin-left: -18px;\n    margin-right: -18px; }\n  .row.gutter-42\\@xs > .column, .row.gutter-42\\@xs > .columns, .row.gutter-42\\@xs.column, .row.gutter-42\\@xs.columns {\n    padding-left: 21px;\n    padding-right: 21px; }\n  .row.gutter-42\\@xs .row {\n    margin-left: -21px;\n    margin-right: -21px; }\n  .row.gutter-48\\@xs > .column, .row.gutter-48\\@xs > .columns, .row.gutter-48\\@xs.column, .row.gutter-48\\@xs.columns {\n    padding-left: 24px;\n    padding-right: 24px; }\n  .row.gutter-48\\@xs .row {\n    margin-left: -24px;\n    margin-right: -24px; }\n  .row.gutter-54\\@xs > .column, .row.gutter-54\\@xs > .columns, .row.gutter-54\\@xs.column, .row.gutter-54\\@xs.columns {\n    padding-left: 27px;\n    padding-right: 27px; }\n  .row.gutter-54\\@xs .row {\n    margin-left: -27px;\n    margin-right: -27px; }\n  .row.gutter-60\\@xs > .column, .row.gutter-60\\@xs > .columns, .row.gutter-60\\@xs.column, .row.gutter-60\\@xs.columns {\n    padding-left: 30px;\n    padding-right: 30px; }\n  .row.gutter-60\\@xs .row {\n    margin-left: -30px;\n    margin-right: -30px; }\n  /* Expected output of this loop will be classes such as:\n    ** .row.spacer-6 > .column, .row.spacer-12 > .column\n    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column\n    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column\n    */\n  .row.spacer-0\\@xs > .column, .row.spacer-0\\@xs > .columns, .row.spacer-0\\@xs.column, .row.spacer-0\\@xs.columns {\n    margin-top: 0px;\n    margin-bottom: 0px; }\n  .row.spacer-6\\@xs > .column, .row.spacer-6\\@xs > .columns, .row.spacer-6\\@xs.column, .row.spacer-6\\@xs.columns {\n    margin-top: 3px;\n    margin-bottom: 3px; }\n  .row.spacer-12\\@xs > .column, .row.spacer-12\\@xs > .columns, .row.spacer-12\\@xs.column, .row.spacer-12\\@xs.columns {\n    margin-top: 6px;\n    margin-bottom: 6px; }\n  .row.spacer-18\\@xs > .column, .row.spacer-18\\@xs > .columns, .row.spacer-18\\@xs.column, .row.spacer-18\\@xs.columns {\n    margin-top: 9px;\n    margin-bottom: 9px; }\n  .row.spacer-24\\@xs > .column, .row.spacer-24\\@xs > .columns, .row.spacer-24\\@xs.column, .row.spacer-24\\@xs.columns {\n    margin-top: 12px;\n    margin-bottom: 12px; }\n  .row.spacer-30\\@xs > .column, .row.spacer-30\\@xs > .columns, .row.spacer-30\\@xs.column, .row.spacer-30\\@xs.columns {\n    margin-top: 15px;\n    margin-bottom: 15px; }\n  .row.spacer-36\\@xs > .column, .row.spacer-36\\@xs > .columns, .row.spacer-36\\@xs.column, .row.spacer-36\\@xs.columns {\n    margin-top: 18px;\n    margin-bottom: 18px; }\n  .row.spacer-42\\@xs > .column, .row.spacer-42\\@xs > .columns, .row.spacer-42\\@xs.column, .row.spacer-42\\@xs.columns {\n    margin-top: 21px;\n    margin-bottom: 21px; }\n  .row.spacer-48\\@xs > .column, .row.spacer-48\\@xs > .columns, .row.spacer-48\\@xs.column, .row.spacer-48\\@xs.columns {\n    margin-top: 24px;\n    margin-bottom: 24px; }\n  .row.spacer-54\\@xs > .column, .row.spacer-54\\@xs > .columns, .row.spacer-54\\@xs.column, .row.spacer-54\\@xs.columns {\n    margin-top: 27px;\n    margin-bottom: 27px; }\n  .row.spacer-60\\@xs > .column, .row.spacer-60\\@xs > .columns, .row.spacer-60\\@xs.column, .row.spacer-60\\@xs.columns {\n    margin-top: 30px;\n    margin-bottom: 30px; } }\n\n@media only screen and (min-width: 400px) {\n  /* Expected output of this loop will be classes such as:\n    ** .row.gutter-6 > .column, .row.gutter-12 > .column\n    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column\n    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column\n    */\n  .row.gutter-0\\@sm > .column, .row.gutter-0\\@sm > .columns, .row.gutter-0\\@sm.column, .row.gutter-0\\@sm.columns {\n    padding-left: 0px;\n    padding-right: 0px; }\n  .row.gutter-0\\@sm .row {\n    margin-left: 0px;\n    margin-right: 0px; }\n  .row.gutter-6\\@sm > .column, .row.gutter-6\\@sm > .columns, .row.gutter-6\\@sm.column, .row.gutter-6\\@sm.columns {\n    padding-left: 3px;\n    padding-right: 3px; }\n  .row.gutter-6\\@sm .row {\n    margin-left: -3px;\n    margin-right: -3px; }\n  .row.gutter-12\\@sm > .column, .row.gutter-12\\@sm > .columns, .row.gutter-12\\@sm.column, .row.gutter-12\\@sm.columns {\n    padding-left: 6px;\n    padding-right: 6px; }\n  .row.gutter-12\\@sm .row {\n    margin-left: -6px;\n    margin-right: -6px; }\n  .row.gutter-18\\@sm > .column, .row.gutter-18\\@sm > .columns, .row.gutter-18\\@sm.column, .row.gutter-18\\@sm.columns {\n    padding-left: 9px;\n    padding-right: 9px; }\n  .row.gutter-18\\@sm .row {\n    margin-left: -9px;\n    margin-right: -9px; }\n  .row.gutter-24\\@sm > .column, .row.gutter-24\\@sm > .columns, .row.gutter-24\\@sm.column, .row.gutter-24\\@sm.columns {\n    padding-left: 12px;\n    padding-right: 12px; }\n  .row.gutter-24\\@sm .row {\n    margin-left: -12px;\n    margin-right: -12px; }\n  .row.gutter-30\\@sm > .column, .row.gutter-30\\@sm > .columns, .row.gutter-30\\@sm.column, .row.gutter-30\\@sm.columns {\n    padding-left: 15px;\n    padding-right: 15px; }\n  .row.gutter-30\\@sm .row {\n    margin-left: -15px;\n    margin-right: -15px; }\n  .row.gutter-36\\@sm > .column, .row.gutter-36\\@sm > .columns, .row.gutter-36\\@sm.column, .row.gutter-36\\@sm.columns {\n    padding-left: 18px;\n    padding-right: 18px; }\n  .row.gutter-36\\@sm .row {\n    margin-left: -18px;\n    margin-right: -18px; }\n  .row.gutter-42\\@sm > .column, .row.gutter-42\\@sm > .columns, .row.gutter-42\\@sm.column, .row.gutter-42\\@sm.columns {\n    padding-left: 21px;\n    padding-right: 21px; }\n  .row.gutter-42\\@sm .row {\n    margin-left: -21px;\n    margin-right: -21px; }\n  .row.gutter-48\\@sm > .column, .row.gutter-48\\@sm > .columns, .row.gutter-48\\@sm.column, .row.gutter-48\\@sm.columns {\n    padding-left: 24px;\n    padding-right: 24px; }\n  .row.gutter-48\\@sm .row {\n    margin-left: -24px;\n    margin-right: -24px; }\n  .row.gutter-54\\@sm > .column, .row.gutter-54\\@sm > .columns, .row.gutter-54\\@sm.column, .row.gutter-54\\@sm.columns {\n    padding-left: 27px;\n    padding-right: 27px; }\n  .row.gutter-54\\@sm .row {\n    margin-left: -27px;\n    margin-right: -27px; }\n  .row.gutter-60\\@sm > .column, .row.gutter-60\\@sm > .columns, .row.gutter-60\\@sm.column, .row.gutter-60\\@sm.columns {\n    padding-left: 30px;\n    padding-right: 30px; }\n  .row.gutter-60\\@sm .row {\n    margin-left: -30px;\n    margin-right: -30px; }\n  /* Expected output of this loop will be classes such as:\n    ** .row.spacer-6 > .column, .row.spacer-12 > .column\n    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column\n    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column\n    */\n  .row.spacer-0\\@sm > .column, .row.spacer-0\\@sm > .columns, .row.spacer-0\\@sm.column, .row.spacer-0\\@sm.columns {\n    margin-top: 0px;\n    margin-bottom: 0px; }\n  .row.spacer-6\\@sm > .column, .row.spacer-6\\@sm > .columns, .row.spacer-6\\@sm.column, .row.spacer-6\\@sm.columns {\n    margin-top: 3px;\n    margin-bottom: 3px; }\n  .row.spacer-12\\@sm > .column, .row.spacer-12\\@sm > .columns, .row.spacer-12\\@sm.column, .row.spacer-12\\@sm.columns {\n    margin-top: 6px;\n    margin-bottom: 6px; }\n  .row.spacer-18\\@sm > .column, .row.spacer-18\\@sm > .columns, .row.spacer-18\\@sm.column, .row.spacer-18\\@sm.columns {\n    margin-top: 9px;\n    margin-bottom: 9px; }\n  .row.spacer-24\\@sm > .column, .row.spacer-24\\@sm > .columns, .row.spacer-24\\@sm.column, .row.spacer-24\\@sm.columns {\n    margin-top: 12px;\n    margin-bottom: 12px; }\n  .row.spacer-30\\@sm > .column, .row.spacer-30\\@sm > .columns, .row.spacer-30\\@sm.column, .row.spacer-30\\@sm.columns {\n    margin-top: 15px;\n    margin-bottom: 15px; }\n  .row.spacer-36\\@sm > .column, .row.spacer-36\\@sm > .columns, .row.spacer-36\\@sm.column, .row.spacer-36\\@sm.columns {\n    margin-top: 18px;\n    margin-bottom: 18px; }\n  .row.spacer-42\\@sm > .column, .row.spacer-42\\@sm > .columns, .row.spacer-42\\@sm.column, .row.spacer-42\\@sm.columns {\n    margin-top: 21px;\n    margin-bottom: 21px; }\n  .row.spacer-48\\@sm > .column, .row.spacer-48\\@sm > .columns, .row.spacer-48\\@sm.column, .row.spacer-48\\@sm.columns {\n    margin-top: 24px;\n    margin-bottom: 24px; }\n  .row.spacer-54\\@sm > .column, .row.spacer-54\\@sm > .columns, .row.spacer-54\\@sm.column, .row.spacer-54\\@sm.columns {\n    margin-top: 27px;\n    margin-bottom: 27px; }\n  .row.spacer-60\\@sm > .column, .row.spacer-60\\@sm > .columns, .row.spacer-60\\@sm.column, .row.spacer-60\\@sm.columns {\n    margin-top: 30px;\n    margin-bottom: 30px; } }\n\n@media only screen and (min-width: 768px) {\n  /* Expected output of this loop will be classes such as:\n    ** .row.gutter-6 > .column, .row.gutter-12 > .column\n    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column\n    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column\n    */\n  .row.gutter-0\\@md > .column, .row.gutter-0\\@md > .columns, .row.gutter-0\\@md.column, .row.gutter-0\\@md.columns {\n    padding-left: 0px;\n    padding-right: 0px; }\n  .row.gutter-0\\@md .row {\n    margin-left: 0px;\n    margin-right: 0px; }\n  .row.gutter-6\\@md > .column, .row.gutter-6\\@md > .columns, .row.gutter-6\\@md.column, .row.gutter-6\\@md.columns {\n    padding-left: 3px;\n    padding-right: 3px; }\n  .row.gutter-6\\@md .row {\n    margin-left: -3px;\n    margin-right: -3px; }\n  .row.gutter-12\\@md > .column, .row.gutter-12\\@md > .columns, .row.gutter-12\\@md.column, .row.gutter-12\\@md.columns {\n    padding-left: 6px;\n    padding-right: 6px; }\n  .row.gutter-12\\@md .row {\n    margin-left: -6px;\n    margin-right: -6px; }\n  .row.gutter-18\\@md > .column, .row.gutter-18\\@md > .columns, .row.gutter-18\\@md.column, .row.gutter-18\\@md.columns {\n    padding-left: 9px;\n    padding-right: 9px; }\n  .row.gutter-18\\@md .row {\n    margin-left: -9px;\n    margin-right: -9px; }\n  .row.gutter-24\\@md > .column, .row.gutter-24\\@md > .columns, .row.gutter-24\\@md.column, .row.gutter-24\\@md.columns {\n    padding-left: 12px;\n    padding-right: 12px; }\n  .row.gutter-24\\@md .row {\n    margin-left: -12px;\n    margin-right: -12px; }\n  .row.gutter-30\\@md > .column, .row.gutter-30\\@md > .columns, .row.gutter-30\\@md.column, .row.gutter-30\\@md.columns {\n    padding-left: 15px;\n    padding-right: 15px; }\n  .row.gutter-30\\@md .row {\n    margin-left: -15px;\n    margin-right: -15px; }\n  .row.gutter-36\\@md > .column, .row.gutter-36\\@md > .columns, .row.gutter-36\\@md.column, .row.gutter-36\\@md.columns {\n    padding-left: 18px;\n    padding-right: 18px; }\n  .row.gutter-36\\@md .row {\n    margin-left: -18px;\n    margin-right: -18px; }\n  .row.gutter-42\\@md > .column, .row.gutter-42\\@md > .columns, .row.gutter-42\\@md.column, .row.gutter-42\\@md.columns {\n    padding-left: 21px;\n    padding-right: 21px; }\n  .row.gutter-42\\@md .row {\n    margin-left: -21px;\n    margin-right: -21px; }\n  .row.gutter-48\\@md > .column, .row.gutter-48\\@md > .columns, .row.gutter-48\\@md.column, .row.gutter-48\\@md.columns {\n    padding-left: 24px;\n    padding-right: 24px; }\n  .row.gutter-48\\@md .row {\n    margin-left: -24px;\n    margin-right: -24px; }\n  .row.gutter-54\\@md > .column, .row.gutter-54\\@md > .columns, .row.gutter-54\\@md.column, .row.gutter-54\\@md.columns {\n    padding-left: 27px;\n    padding-right: 27px; }\n  .row.gutter-54\\@md .row {\n    margin-left: -27px;\n    margin-right: -27px; }\n  .row.gutter-60\\@md > .column, .row.gutter-60\\@md > .columns, .row.gutter-60\\@md.column, .row.gutter-60\\@md.columns {\n    padding-left: 30px;\n    padding-right: 30px; }\n  .row.gutter-60\\@md .row {\n    margin-left: -30px;\n    margin-right: -30px; }\n  /* Expected output of this loop will be classes such as:\n    ** .row.spacer-6 > .column, .row.spacer-12 > .column\n    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column\n    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column\n    */\n  .row.spacer-0\\@md > .column, .row.spacer-0\\@md > .columns, .row.spacer-0\\@md.column, .row.spacer-0\\@md.columns {\n    margin-top: 0px;\n    margin-bottom: 0px; }\n  .row.spacer-6\\@md > .column, .row.spacer-6\\@md > .columns, .row.spacer-6\\@md.column, .row.spacer-6\\@md.columns {\n    margin-top: 3px;\n    margin-bottom: 3px; }\n  .row.spacer-12\\@md > .column, .row.spacer-12\\@md > .columns, .row.spacer-12\\@md.column, .row.spacer-12\\@md.columns {\n    margin-top: 6px;\n    margin-bottom: 6px; }\n  .row.spacer-18\\@md > .column, .row.spacer-18\\@md > .columns, .row.spacer-18\\@md.column, .row.spacer-18\\@md.columns {\n    margin-top: 9px;\n    margin-bottom: 9px; }\n  .row.spacer-24\\@md > .column, .row.spacer-24\\@md > .columns, .row.spacer-24\\@md.column, .row.spacer-24\\@md.columns {\n    margin-top: 12px;\n    margin-bottom: 12px; }\n  .row.spacer-30\\@md > .column, .row.spacer-30\\@md > .columns, .row.spacer-30\\@md.column, .row.spacer-30\\@md.columns {\n    margin-top: 15px;\n    margin-bottom: 15px; }\n  .row.spacer-36\\@md > .column, .row.spacer-36\\@md > .columns, .row.spacer-36\\@md.column, .row.spacer-36\\@md.columns {\n    margin-top: 18px;\n    margin-bottom: 18px; }\n  .row.spacer-42\\@md > .column, .row.spacer-42\\@md > .columns, .row.spacer-42\\@md.column, .row.spacer-42\\@md.columns {\n    margin-top: 21px;\n    margin-bottom: 21px; }\n  .row.spacer-48\\@md > .column, .row.spacer-48\\@md > .columns, .row.spacer-48\\@md.column, .row.spacer-48\\@md.columns {\n    margin-top: 24px;\n    margin-bottom: 24px; }\n  .row.spacer-54\\@md > .column, .row.spacer-54\\@md > .columns, .row.spacer-54\\@md.column, .row.spacer-54\\@md.columns {\n    margin-top: 27px;\n    margin-bottom: 27px; }\n  .row.spacer-60\\@md > .column, .row.spacer-60\\@md > .columns, .row.spacer-60\\@md.column, .row.spacer-60\\@md.columns {\n    margin-top: 30px;\n    margin-bottom: 30px; } }\n\n@media only screen and (min-width: 992px) {\n  /* Expected output of this loop will be classes such as:\n    ** .row.gutter-6 > .column, .row.gutter-12 > .column\n    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column\n    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column\n    */\n  .row.gutter-0\\@lg > .column, .row.gutter-0\\@lg > .columns, .row.gutter-0\\@lg.column, .row.gutter-0\\@lg.columns {\n    padding-left: 0px;\n    padding-right: 0px; }\n  .row.gutter-0\\@lg .row {\n    margin-left: 0px;\n    margin-right: 0px; }\n  .row.gutter-6\\@lg > .column, .row.gutter-6\\@lg > .columns, .row.gutter-6\\@lg.column, .row.gutter-6\\@lg.columns {\n    padding-left: 3px;\n    padding-right: 3px; }\n  .row.gutter-6\\@lg .row {\n    margin-left: -3px;\n    margin-right: -3px; }\n  .row.gutter-12\\@lg > .column, .row.gutter-12\\@lg > .columns, .row.gutter-12\\@lg.column, .row.gutter-12\\@lg.columns {\n    padding-left: 6px;\n    padding-right: 6px; }\n  .row.gutter-12\\@lg .row {\n    margin-left: -6px;\n    margin-right: -6px; }\n  .row.gutter-18\\@lg > .column, .row.gutter-18\\@lg > .columns, .row.gutter-18\\@lg.column, .row.gutter-18\\@lg.columns {\n    padding-left: 9px;\n    padding-right: 9px; }\n  .row.gutter-18\\@lg .row {\n    margin-left: -9px;\n    margin-right: -9px; }\n  .row.gutter-24\\@lg > .column, .row.gutter-24\\@lg > .columns, .row.gutter-24\\@lg.column, .row.gutter-24\\@lg.columns {\n    padding-left: 12px;\n    padding-right: 12px; }\n  .row.gutter-24\\@lg .row {\n    margin-left: -12px;\n    margin-right: -12px; }\n  .row.gutter-30\\@lg > .column, .row.gutter-30\\@lg > .columns, .row.gutter-30\\@lg.column, .row.gutter-30\\@lg.columns {\n    padding-left: 15px;\n    padding-right: 15px; }\n  .row.gutter-30\\@lg .row {\n    margin-left: -15px;\n    margin-right: -15px; }\n  .row.gutter-36\\@lg > .column, .row.gutter-36\\@lg > .columns, .row.gutter-36\\@lg.column, .row.gutter-36\\@lg.columns {\n    padding-left: 18px;\n    padding-right: 18px; }\n  .row.gutter-36\\@lg .row {\n    margin-left: -18px;\n    margin-right: -18px; }\n  .row.gutter-42\\@lg > .column, .row.gutter-42\\@lg > .columns, .row.gutter-42\\@lg.column, .row.gutter-42\\@lg.columns {\n    padding-left: 21px;\n    padding-right: 21px; }\n  .row.gutter-42\\@lg .row {\n    margin-left: -21px;\n    margin-right: -21px; }\n  .row.gutter-48\\@lg > .column, .row.gutter-48\\@lg > .columns, .row.gutter-48\\@lg.column, .row.gutter-48\\@lg.columns {\n    padding-left: 24px;\n    padding-right: 24px; }\n  .row.gutter-48\\@lg .row {\n    margin-left: -24px;\n    margin-right: -24px; }\n  .row.gutter-54\\@lg > .column, .row.gutter-54\\@lg > .columns, .row.gutter-54\\@lg.column, .row.gutter-54\\@lg.columns {\n    padding-left: 27px;\n    padding-right: 27px; }\n  .row.gutter-54\\@lg .row {\n    margin-left: -27px;\n    margin-right: -27px; }\n  .row.gutter-60\\@lg > .column, .row.gutter-60\\@lg > .columns, .row.gutter-60\\@lg.column, .row.gutter-60\\@lg.columns {\n    padding-left: 30px;\n    padding-right: 30px; }\n  .row.gutter-60\\@lg .row {\n    margin-left: -30px;\n    margin-right: -30px; }\n  /* Expected output of this loop will be classes such as:\n    ** .row.spacer-6 > .column, .row.spacer-12 > .column\n    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column\n    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column\n    */\n  .row.spacer-0\\@lg > .column, .row.spacer-0\\@lg > .columns, .row.spacer-0\\@lg.column, .row.spacer-0\\@lg.columns {\n    margin-top: 0px;\n    margin-bottom: 0px; }\n  .row.spacer-6\\@lg > .column, .row.spacer-6\\@lg > .columns, .row.spacer-6\\@lg.column, .row.spacer-6\\@lg.columns {\n    margin-top: 3px;\n    margin-bottom: 3px; }\n  .row.spacer-12\\@lg > .column, .row.spacer-12\\@lg > .columns, .row.spacer-12\\@lg.column, .row.spacer-12\\@lg.columns {\n    margin-top: 6px;\n    margin-bottom: 6px; }\n  .row.spacer-18\\@lg > .column, .row.spacer-18\\@lg > .columns, .row.spacer-18\\@lg.column, .row.spacer-18\\@lg.columns {\n    margin-top: 9px;\n    margin-bottom: 9px; }\n  .row.spacer-24\\@lg > .column, .row.spacer-24\\@lg > .columns, .row.spacer-24\\@lg.column, .row.spacer-24\\@lg.columns {\n    margin-top: 12px;\n    margin-bottom: 12px; }\n  .row.spacer-30\\@lg > .column, .row.spacer-30\\@lg > .columns, .row.spacer-30\\@lg.column, .row.spacer-30\\@lg.columns {\n    margin-top: 15px;\n    margin-bottom: 15px; }\n  .row.spacer-36\\@lg > .column, .row.spacer-36\\@lg > .columns, .row.spacer-36\\@lg.column, .row.spacer-36\\@lg.columns {\n    margin-top: 18px;\n    margin-bottom: 18px; }\n  .row.spacer-42\\@lg > .column, .row.spacer-42\\@lg > .columns, .row.spacer-42\\@lg.column, .row.spacer-42\\@lg.columns {\n    margin-top: 21px;\n    margin-bottom: 21px; }\n  .row.spacer-48\\@lg > .column, .row.spacer-48\\@lg > .columns, .row.spacer-48\\@lg.column, .row.spacer-48\\@lg.columns {\n    margin-top: 24px;\n    margin-bottom: 24px; }\n  .row.spacer-54\\@lg > .column, .row.spacer-54\\@lg > .columns, .row.spacer-54\\@lg.column, .row.spacer-54\\@lg.columns {\n    margin-top: 27px;\n    margin-bottom: 27px; }\n  .row.spacer-60\\@lg > .column, .row.spacer-60\\@lg > .columns, .row.spacer-60\\@lg.column, .row.spacer-60\\@lg.columns {\n    margin-top: 30px;\n    margin-bottom: 30px; } }\n\n@media only screen and (min-width: 1280px) {\n  /* Expected output of this loop will be classes such as:\n    ** .row.gutter-6 > .column, .row.gutter-12 > .column\n    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column\n    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column\n    */\n  .row.gutter-0\\@xl > .column, .row.gutter-0\\@xl > .columns, .row.gutter-0\\@xl.column, .row.gutter-0\\@xl.columns {\n    padding-left: 0px;\n    padding-right: 0px; }\n  .row.gutter-0\\@xl .row {\n    margin-left: 0px;\n    margin-right: 0px; }\n  .row.gutter-6\\@xl > .column, .row.gutter-6\\@xl > .columns, .row.gutter-6\\@xl.column, .row.gutter-6\\@xl.columns {\n    padding-left: 3px;\n    padding-right: 3px; }\n  .row.gutter-6\\@xl .row {\n    margin-left: -3px;\n    margin-right: -3px; }\n  .row.gutter-12\\@xl > .column, .row.gutter-12\\@xl > .columns, .row.gutter-12\\@xl.column, .row.gutter-12\\@xl.columns {\n    padding-left: 6px;\n    padding-right: 6px; }\n  .row.gutter-12\\@xl .row {\n    margin-left: -6px;\n    margin-right: -6px; }\n  .row.gutter-18\\@xl > .column, .row.gutter-18\\@xl > .columns, .row.gutter-18\\@xl.column, .row.gutter-18\\@xl.columns {\n    padding-left: 9px;\n    padding-right: 9px; }\n  .row.gutter-18\\@xl .row {\n    margin-left: -9px;\n    margin-right: -9px; }\n  .row.gutter-24\\@xl > .column, .row.gutter-24\\@xl > .columns, .row.gutter-24\\@xl.column, .row.gutter-24\\@xl.columns {\n    padding-left: 12px;\n    padding-right: 12px; }\n  .row.gutter-24\\@xl .row {\n    margin-left: -12px;\n    margin-right: -12px; }\n  .row.gutter-30\\@xl > .column, .row.gutter-30\\@xl > .columns, .row.gutter-30\\@xl.column, .row.gutter-30\\@xl.columns {\n    padding-left: 15px;\n    padding-right: 15px; }\n  .row.gutter-30\\@xl .row {\n    margin-left: -15px;\n    margin-right: -15px; }\n  .row.gutter-36\\@xl > .column, .row.gutter-36\\@xl > .columns, .row.gutter-36\\@xl.column, .row.gutter-36\\@xl.columns {\n    padding-left: 18px;\n    padding-right: 18px; }\n  .row.gutter-36\\@xl .row {\n    margin-left: -18px;\n    margin-right: -18px; }\n  .row.gutter-42\\@xl > .column, .row.gutter-42\\@xl > .columns, .row.gutter-42\\@xl.column, .row.gutter-42\\@xl.columns {\n    padding-left: 21px;\n    padding-right: 21px; }\n  .row.gutter-42\\@xl .row {\n    margin-left: -21px;\n    margin-right: -21px; }\n  .row.gutter-48\\@xl > .column, .row.gutter-48\\@xl > .columns, .row.gutter-48\\@xl.column, .row.gutter-48\\@xl.columns {\n    padding-left: 24px;\n    padding-right: 24px; }\n  .row.gutter-48\\@xl .row {\n    margin-left: -24px;\n    margin-right: -24px; }\n  .row.gutter-54\\@xl > .column, .row.gutter-54\\@xl > .columns, .row.gutter-54\\@xl.column, .row.gutter-54\\@xl.columns {\n    padding-left: 27px;\n    padding-right: 27px; }\n  .row.gutter-54\\@xl .row {\n    margin-left: -27px;\n    margin-right: -27px; }\n  .row.gutter-60\\@xl > .column, .row.gutter-60\\@xl > .columns, .row.gutter-60\\@xl.column, .row.gutter-60\\@xl.columns {\n    padding-left: 30px;\n    padding-right: 30px; }\n  .row.gutter-60\\@xl .row {\n    margin-left: -30px;\n    margin-right: -30px; }\n  /* Expected output of this loop will be classes such as:\n    ** .row.spacer-6 > .column, .row.spacer-12 > .column\n    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column\n    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column\n    */\n  .row.spacer-0\\@xl > .column, .row.spacer-0\\@xl > .columns, .row.spacer-0\\@xl.column, .row.spacer-0\\@xl.columns {\n    margin-top: 0px;\n    margin-bottom: 0px; }\n  .row.spacer-6\\@xl > .column, .row.spacer-6\\@xl > .columns, .row.spacer-6\\@xl.column, .row.spacer-6\\@xl.columns {\n    margin-top: 3px;\n    margin-bottom: 3px; }\n  .row.spacer-12\\@xl > .column, .row.spacer-12\\@xl > .columns, .row.spacer-12\\@xl.column, .row.spacer-12\\@xl.columns {\n    margin-top: 6px;\n    margin-bottom: 6px; }\n  .row.spacer-18\\@xl > .column, .row.spacer-18\\@xl > .columns, .row.spacer-18\\@xl.column, .row.spacer-18\\@xl.columns {\n    margin-top: 9px;\n    margin-bottom: 9px; }\n  .row.spacer-24\\@xl > .column, .row.spacer-24\\@xl > .columns, .row.spacer-24\\@xl.column, .row.spacer-24\\@xl.columns {\n    margin-top: 12px;\n    margin-bottom: 12px; }\n  .row.spacer-30\\@xl > .column, .row.spacer-30\\@xl > .columns, .row.spacer-30\\@xl.column, .row.spacer-30\\@xl.columns {\n    margin-top: 15px;\n    margin-bottom: 15px; }\n  .row.spacer-36\\@xl > .column, .row.spacer-36\\@xl > .columns, .row.spacer-36\\@xl.column, .row.spacer-36\\@xl.columns {\n    margin-top: 18px;\n    margin-bottom: 18px; }\n  .row.spacer-42\\@xl > .column, .row.spacer-42\\@xl > .columns, .row.spacer-42\\@xl.column, .row.spacer-42\\@xl.columns {\n    margin-top: 21px;\n    margin-bottom: 21px; }\n  .row.spacer-48\\@xl > .column, .row.spacer-48\\@xl > .columns, .row.spacer-48\\@xl.column, .row.spacer-48\\@xl.columns {\n    margin-top: 24px;\n    margin-bottom: 24px; }\n  .row.spacer-54\\@xl > .column, .row.spacer-54\\@xl > .columns, .row.spacer-54\\@xl.column, .row.spacer-54\\@xl.columns {\n    margin-top: 27px;\n    margin-bottom: 27px; }\n  .row.spacer-60\\@xl > .column, .row.spacer-60\\@xl > .columns, .row.spacer-60\\@xl.column, .row.spacer-60\\@xl.columns {\n    margin-top: 30px;\n    margin-bottom: 30px; } }\n\n@media only screen and (min-width: 1600px) {\n  /* Expected output of this loop will be classes such as:\n    ** .row.gutter-6 > .column, .row.gutter-12 > .column\n    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column\n    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column\n    */\n  .row.gutter-0\\@xxl > .column, .row.gutter-0\\@xxl > .columns, .row.gutter-0\\@xxl.column, .row.gutter-0\\@xxl.columns {\n    padding-left: 0px;\n    padding-right: 0px; }\n  .row.gutter-0\\@xxl .row {\n    margin-left: 0px;\n    margin-right: 0px; }\n  .row.gutter-6\\@xxl > .column, .row.gutter-6\\@xxl > .columns, .row.gutter-6\\@xxl.column, .row.gutter-6\\@xxl.columns {\n    padding-left: 3px;\n    padding-right: 3px; }\n  .row.gutter-6\\@xxl .row {\n    margin-left: -3px;\n    margin-right: -3px; }\n  .row.gutter-12\\@xxl > .column, .row.gutter-12\\@xxl > .columns, .row.gutter-12\\@xxl.column, .row.gutter-12\\@xxl.columns {\n    padding-left: 6px;\n    padding-right: 6px; }\n  .row.gutter-12\\@xxl .row {\n    margin-left: -6px;\n    margin-right: -6px; }\n  .row.gutter-18\\@xxl > .column, .row.gutter-18\\@xxl > .columns, .row.gutter-18\\@xxl.column, .row.gutter-18\\@xxl.columns {\n    padding-left: 9px;\n    padding-right: 9px; }\n  .row.gutter-18\\@xxl .row {\n    margin-left: -9px;\n    margin-right: -9px; }\n  .row.gutter-24\\@xxl > .column, .row.gutter-24\\@xxl > .columns, .row.gutter-24\\@xxl.column, .row.gutter-24\\@xxl.columns {\n    padding-left: 12px;\n    padding-right: 12px; }\n  .row.gutter-24\\@xxl .row {\n    margin-left: -12px;\n    margin-right: -12px; }\n  .row.gutter-30\\@xxl > .column, .row.gutter-30\\@xxl > .columns, .row.gutter-30\\@xxl.column, .row.gutter-30\\@xxl.columns {\n    padding-left: 15px;\n    padding-right: 15px; }\n  .row.gutter-30\\@xxl .row {\n    margin-left: -15px;\n    margin-right: -15px; }\n  .row.gutter-36\\@xxl > .column, .row.gutter-36\\@xxl > .columns, .row.gutter-36\\@xxl.column, .row.gutter-36\\@xxl.columns {\n    padding-left: 18px;\n    padding-right: 18px; }\n  .row.gutter-36\\@xxl .row {\n    margin-left: -18px;\n    margin-right: -18px; }\n  .row.gutter-42\\@xxl > .column, .row.gutter-42\\@xxl > .columns, .row.gutter-42\\@xxl.column, .row.gutter-42\\@xxl.columns {\n    padding-left: 21px;\n    padding-right: 21px; }\n  .row.gutter-42\\@xxl .row {\n    margin-left: -21px;\n    margin-right: -21px; }\n  .row.gutter-48\\@xxl > .column, .row.gutter-48\\@xxl > .columns, .row.gutter-48\\@xxl.column, .row.gutter-48\\@xxl.columns {\n    padding-left: 24px;\n    padding-right: 24px; }\n  .row.gutter-48\\@xxl .row {\n    margin-left: -24px;\n    margin-right: -24px; }\n  .row.gutter-54\\@xxl > .column, .row.gutter-54\\@xxl > .columns, .row.gutter-54\\@xxl.column, .row.gutter-54\\@xxl.columns {\n    padding-left: 27px;\n    padding-right: 27px; }\n  .row.gutter-54\\@xxl .row {\n    margin-left: -27px;\n    margin-right: -27px; }\n  .row.gutter-60\\@xxl > .column, .row.gutter-60\\@xxl > .columns, .row.gutter-60\\@xxl.column, .row.gutter-60\\@xxl.columns {\n    padding-left: 30px;\n    padding-right: 30px; }\n  .row.gutter-60\\@xxl .row {\n    margin-left: -30px;\n    margin-right: -30px; }\n  /* Expected output of this loop will be classes such as:\n    ** .row.spacer-6 > .column, .row.spacer-12 > .column\n    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column\n    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column\n    */\n  .row.spacer-0\\@xxl > .column, .row.spacer-0\\@xxl > .columns, .row.spacer-0\\@xxl.column, .row.spacer-0\\@xxl.columns {\n    margin-top: 0px;\n    margin-bottom: 0px; }\n  .row.spacer-6\\@xxl > .column, .row.spacer-6\\@xxl > .columns, .row.spacer-6\\@xxl.column, .row.spacer-6\\@xxl.columns {\n    margin-top: 3px;\n    margin-bottom: 3px; }\n  .row.spacer-12\\@xxl > .column, .row.spacer-12\\@xxl > .columns, .row.spacer-12\\@xxl.column, .row.spacer-12\\@xxl.columns {\n    margin-top: 6px;\n    margin-bottom: 6px; }\n  .row.spacer-18\\@xxl > .column, .row.spacer-18\\@xxl > .columns, .row.spacer-18\\@xxl.column, .row.spacer-18\\@xxl.columns {\n    margin-top: 9px;\n    margin-bottom: 9px; }\n  .row.spacer-24\\@xxl > .column, .row.spacer-24\\@xxl > .columns, .row.spacer-24\\@xxl.column, .row.spacer-24\\@xxl.columns {\n    margin-top: 12px;\n    margin-bottom: 12px; }\n  .row.spacer-30\\@xxl > .column, .row.spacer-30\\@xxl > .columns, .row.spacer-30\\@xxl.column, .row.spacer-30\\@xxl.columns {\n    margin-top: 15px;\n    margin-bottom: 15px; }\n  .row.spacer-36\\@xxl > .column, .row.spacer-36\\@xxl > .columns, .row.spacer-36\\@xxl.column, .row.spacer-36\\@xxl.columns {\n    margin-top: 18px;\n    margin-bottom: 18px; }\n  .row.spacer-42\\@xxl > .column, .row.spacer-42\\@xxl > .columns, .row.spacer-42\\@xxl.column, .row.spacer-42\\@xxl.columns {\n    margin-top: 21px;\n    margin-bottom: 21px; }\n  .row.spacer-48\\@xxl > .column, .row.spacer-48\\@xxl > .columns, .row.spacer-48\\@xxl.column, .row.spacer-48\\@xxl.columns {\n    margin-top: 24px;\n    margin-bottom: 24px; }\n  .row.spacer-54\\@xxl > .column, .row.spacer-54\\@xxl > .columns, .row.spacer-54\\@xxl.column, .row.spacer-54\\@xxl.columns {\n    margin-top: 27px;\n    margin-bottom: 27px; }\n  .row.spacer-60\\@xxl > .column, .row.spacer-60\\@xxl > .columns, .row.spacer-60\\@xxl.column, .row.spacer-60\\@xxl.columns {\n    margin-top: 30px;\n    margin-bottom: 30px; } }\n\n.navbars {\n  position: fixed;\n  top: 0;\n  width: 100%;\n  display: block;\n  z-index: 97;\n  max-width: 2560px;\n  left: auto;\n  right: auto; }\n\n.nav-client #nav-client-bar {\n  display: block;\n  height: 44px;\n  background-color: rgba(2, 25, 72, 0.3);\n  width: 100%; }\n\n@media only screen and (max-width: 767px) {\n  .nav-client .nav-mobile-menubar,\n  #nav-client-header.mobileEnabled #nav-client-bar {\n    display: none; } }\n\n.nav-client .nav-link {\n  color: #e6e9ef;\n  text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }\n\n#nav-client-header {\n  z-index: 100; }\n\n.nav-client .nav-mobile-menu-wrap {\n  box-shadow: none;\n  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) !important; }\n\n.nav-client #nav-blackout {\n  display: block !important;\n  visibility: hidden;\n  opacity: 0;\n  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);\n  background-color: rgba(0, 0, 0, 0.8);\n  cursor: pointer; }\n\n.nav-client .out ~ #nav-blackout {\n  display: block !important;\n  visibility: visible;\n  opacity: 1; }\n\n.hero-ability {\n  margin-top: 22px;\n  padding: 20px 12px 12px 12px;\n  background-color: rgba(19, 42, 77, 0.2);\n  overflow: hidden;\n  position: relative; }\n  @media only screen and (min-width: 992px) {\n    .hero-ability {\n      margin-top: 2px;\n      padding: 0; } }\n\n@media only screen and (max-width: 767px) {\n  .hero-ability-descriptor {\n    margin-top: 14px;\n    text-align: center; } }\n\n@media only screen and (min-width: 768px) {\n  .hero-ability-descriptor {\n    padding-right: 18px;\n    display: table-cell;\n    vertical-align: top; } }\n\n@media only screen and (min-width: 992px) {\n  .hero-ability-descriptor {\n    padding: 20px 16px 20px 16px; } }\n\n.hero-ability-descriptor > :first-child {\n  text-transform: uppercase;\n  color: #F6F6F6;\n  margin-top: 0; }\n\n.hero-ability-video {\n  width: 100%;\n  display: block;\n  margin-top: 20px; }\n\n@media only screen and (min-width: 992px) {\n  .hero-ability-video {\n    display: none; } }\n\n.hero-ability-icon-container {\n  text-align: center; }\n  @media only screen and (min-width: 768px) {\n    .hero-ability-icon-container {\n      display: table-cell;\n      vertical-align: middle;\n      padding-left: 18px;\n      padding-right: 18px; } }\n  @media only screen and (min-width: 992px) {\n    .hero-ability-icon-container {\n      padding-left: 24px;\n      padding-right: 24px;\n      background-color: rgba(19, 42, 77, 0.1); } }\n\n.hero-ability-icon-bg {\n  position: relative;\n  border-radius: 50%;\n  width: 60px;\n  height: 60px;\n  margin-left: auto;\n  margin-right: auto;\n  text-align: center;\n  background-color: rgba(64, 82, 117, 0.4);\n  border: 2px solid rgba(246, 246, 246, 0.4); }\n  @media only screen and (min-width: 992px) {\n    .hero-ability-icon-bg {\n      width: 74px;\n      height: 74px; } }\n\n.hero-ability-icon-bg.m-hoverable.is-active, .hero-ability-icon-bg.m-hoverable:active, .hero-ability-icon-bg.m-hoverable:hover {\n  background-color: rgba(64, 82, 117, 0.9);\n  border: 2px solid rgba(246, 246, 246, 0.9); }\n\n.hero-ability-icon {\n  width: auto;\n  height: auto;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n  max-height: 65%;\n  max-width: 150%; }\n\n.hero-ability-icon-bg.m-hoverable > .hero-ability-icon,\n.hero-ability-icon.m-hoverable {\n  opacity: 0.7; }\n\n.hero-ability-icon-bg.m-hoverable.is-active > .hero-ability-icon, .hero-ability-icon-bg.m-hoverable:active > .hero-ability-icon, .hero-ability-icon-bg.m-hoverable:hover > .hero-ability-icon {\n  opacity: 1; }\n\n.hero-ability-icon.m-hoverable.is-active, .hero-ability-icon.m-hoverable:active, .hero-ability-icon.m-hoverable:hover {\n  opacity: 1; }\n\n.hero-ability-icon.m-small {\n  height: 45%; }\n\n.hero-ability-icon.m-weapon {\n  height: 55%; }\n\n.hero-bio > li {\n  margin-top: 12px;\n  margin-bottom: 12px; }\n\n.hero-bio-copy {\n  display: block;\n  overflow: hidden;\n  padding-left: 12px; }\n\n.hero-bio-icon {\n  width: 24px;\n  height: 24px;\n  fill: #00c3ff;\n  float: left; }\n\n.hero-bio-backstory {\n  margin-top: 18px;\n  background-color: rgba(19, 42, 77, 0.65);\n  line-height: 1.6; }\n\n.hero-bio-quote {\n  font-family: \"Big Noodle Too\", impact, sans-serif;\n  font-size: 2.5rem;\n  font-style: italic;\n  font-weight: normal;\n  color: #00c3ff;\n  letter-spacing: 0.5px; }\n  @media only screen and (min-width: 768px) {\n    .hero-bio-quote {\n      font-size: 3.125rem; } }\n\n.hero-detail {\n  position: relative; }\n\n.hero-detail-tabs {\n  padding-bottom: 50px; }\n  @media only screen and (min-width: 992px) {\n    .hero-detail-tabs {\n      padding-top: 72px; } }\n  .hero-detail-tabs .tabs-title {\n    width: 49.5%;\n    margin-left: 1%;\n    text-align: center; }\n\n.hero-detail-description {\n  border-left: 6px solid #00c3ff;\n  padding-left: 18px;\n  margin-left: 6px;\n  margin-top: 18px;\n  line-height: 1.6; }\n  @media only screen and (min-width: 400px) {\n    .hero-detail-description {\n      max-width: 90%; } }\n\n.hero-detail-title {\n  margin-top: 0;\n  color: #00c3ff; }\n\n.hero-detail-title.m-indent {\n  margin-left: 6px; }\n\n.hero-detail-abilities {\n  margin-top: 18px; }\n\n.hero-detail-role-name {\n  color: #F6F6F6;\n  display: inline-block;\n  vertical-align: text-top;\n  line-height: .75;\n  margin-top: 0; }\n\n.hero-detail-role-icon {\n  display: inline-block;\n  vertical-align: text-top;\n  margin-left: 14px;\n  fill: #F6F6F6;\n  height: 24px;\n  width: 24px; }\n\n.hero-detail-difficulty {\n  margin: 12px 0; }\n  @media only screen and (min-width: 768px) {\n    .hero-detail-difficulty {\n      margin: 0; } }\n\n.hero-detail-wrapper {\n  padding: 15px; }\n\n.hero-detail-wrapper.m-no-pad-bot {\n  padding-bottom: 0; }\n\n.hero-detail-background, .hero-detail-video {\n  display: none; }\n\n.hero-detail-background {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: -1;\n  background-size: cover;\n  background-position: 75% top; }\n  @media only screen and (min-width: 1600px) {\n    .hero-detail-background {\n      background-position: center top; } }\n\n@media only screen and (min-width: 992px) {\n  .hero-detail-video.is-active, .hero-detail-background.is-active {\n    display: block; }\n  .hero-detail-video > .video-background-vid.m-right-align {\n    top: -40px;\n    right: -280px; } }\n\n@media only screen and (min-width: 1280px) {\n  .hero-detail-video > .video-background-vid.m-right-align {\n    top: -40px;\n    right: -140px; } }\n\n@media only screen and (min-width: 1600px) {\n  .hero-detail-video > .video-background-vid.m-right-align {\n    top: 0;\n    right: 0; } }\n\n@media only screen and (min-width: 400px) {\n  .hero-detail-role {\n    float: left; } }\n\n@media only screen and (min-width: 768px) {\n  .hero-detail-difficulty {\n    float: right;\n    min-width: 30%; } }\n\n/*\n    Hero portrait module\n    modifiers: m-color-inverted\n    states: is-active, :active, :hover, :focus\n*/\n.hero-portrait {\n  display: inline-block;\n  text-align: center; }\n\n/** Notes on the mask:\n** In order to prevent jumpiness, the box model for both non-active state and active states are equal.\n** To compensate for the difference in the width and height between the scaled up version and the regular scaled version,\n** margin is added to the regular scaled version, which should be equal to half the difference between the height.\n** It's halved so that the space is distributed evenly on each side, resulting in the scaled up version appearing to remain\n** centered on the same spot before and after it's hovered.\n**/\n.hero-portrait-image-mask {\n  display: block;\n  position: relative;\n  width: 70px;\n  height: 84px;\n  margin-left: 6px;\n  margin-right: 6px;\n  margin-top: 2.4px;\n  margin-bottom: 2.4px;\n  border: 3px solid #F6F6F6;\n  border-left-width: 0;\n  border-right-width: 0;\n  background-color: rgba(51, 51, 51, 0.9);\n  background-clip: padding-box;\n  overflow: hidden;\n  border-radius: 7px;\n  transform: skew(25rad); }\n  @media only screen and (min-width: 992px) {\n    .hero-portrait.is-active > .hero-portrait-image-mask, .hero-portrait:hover > .hero-portrait-image-mask, .hero-portrait:focus > .hero-portrait-image-mask, .hero-portrait:active > .hero-portrait-image-mask {\n      width: 84px;\n      height: 100.8px;\n      margin: -6px -1px;\n      border-left-width: 3px;\n      border-right-width: 3px;\n      background-color: #ff9c00; } }\n\n.hero-portrait-image {\n  display: inline-block;\n  width: calc(100% + 10px);\n  height: 100%;\n  background-size: auto 100%;\n  background-position: 50% 50%;\n  position: relative;\n  transform: skew(-25rad) translateX(-5px); }\n\n.hero-portrait-label {\n  position: relative;\n  display: inline-block;\n  top: -4.2px;\n  margin-left: -10px;\n  padding: 1px 10px;\n  font-size: 1.28rem;\n  color: #333333;\n  white-space: nowrap; }\n  .hero-portrait-label.m-color-inverted {\n    color: #F6F6F6; }\n  @media only screen and (min-width: 992px) {\n    .hero-portrait.is-active > .hero-portrait-label, .hero-portrait:hover > .hero-portrait-label, .hero-portrait:focus > .hero-portrait-label, .hero-portrait:active > .hero-portrait-label {\n      top: -8.4px;\n      border-radius: 0.3rem;\n      background-color: #F6F6F6;\n      color: #333333; } }\n\nbody.ko-kr .portrait-title {\n  font-family: \"Koverwatch\", sans-serif; }\n\nbody.ja-jp .hero-portrait-detailed > .container {\n  height: 8rem; }\n\n.hero-portrait-detailed {\n  background: url(\"../../img/hero-portrait-detailed/hero-portrait-detailed-bg.jpg\") no-repeat;\n  background-size: cover;\n  width: 184px;\n  height: 319px;\n  position: relative;\n  border: 2px solid rgba(255, 255, 255, 0.4);\n  display: block;\n  border-radius: 1px;\n  transition: all 100ms; }\n  .hero-portrait-detailed:before {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    box-shadow: inset 0 0 57px 14px rgba(0, 195, 255, 0.7);\n    visibility: hidden;\n    opacity: 0;\n    transition: all 100ms;\n    transition: inherit; }\n  .hero-portrait-detailed:hover {\n    transition: 100ms cubic-bezier(0.075, 0.82, 0.165, 1);\n    transform: scale(1.15);\n    z-index: 10; }\n  .hero-portrait-detailed:hover, .hero-portrait-detailed.m-selected:hover, .hero-portrait-detailed.m-subdued:hover {\n    opacity: 1;\n    filter: none;\n    border-color: #fff; }\n    .hero-portrait-detailed:hover:before, .hero-portrait-detailed.m-selected:hover:before, .hero-portrait-detailed.m-subdued:hover:before {\n      visibility: hidden;\n      opacity: 0; }\n    .hero-portrait-detailed:hover > .container, .hero-portrait-detailed.m-selected:hover > .container, .hero-portrait-detailed.m-subdued:hover > .container {\n      background-color: #fff;\n      transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }\n      .hero-portrait-detailed:hover > .container .icon, .hero-portrait-detailed.m-selected:hover > .container .icon, .hero-portrait-detailed.m-subdued:hover > .container .icon {\n        fill: #1a325e; }\n    .hero-portrait-detailed:hover .portrait-title, .hero-portrait-detailed.m-selected:hover .portrait-title, .hero-portrait-detailed.m-subdued:hover .portrait-title {\n      color: #1a325e; }\n  .hero-portrait-detailed > .portrait {\n    width: 100%; }\n  .hero-portrait-detailed > .container {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    display: block;\n    width: 100%;\n    text-align: center;\n    height: 7rem;\n    background: rgba(40, 53, 79, 0.9);\n    transition: all 100ms; }\n    .hero-portrait-detailed > .container > .icon {\n      position: absolute;\n      top: .8rem;\n      left: .8rem;\n      fill: #fff;\n      transition: inherit; }\n      .hero-portrait-detailed > .container > .icon svg {\n        height: 1.8rem;\n        width: 1.8rem; }\n  .hero-portrait-detailed .portrait-title {\n    font-size: 3.125rem;\n    font-family: \"Big Noodle Too\", impact, sans-serif;\n    font-style: italic;\n    color: #d0d0dc;\n    width: 100%;\n    position: absolute;\n    left: 0px;\n    bottom: 6px;\n    transition: inherit; }\n  .hero-portrait-detailed.m-selected > .container {\n    background: rgba(0, 195, 255, 0.98); }\n  .hero-portrait-detailed.m-selected .portrait-title {\n    color: #fff; }\n  .hero-portrait-detailed.m-selected::before {\n    visibility: visible;\n    opacity: 1; }\n  .hero-portrait-detailed.m-subdued {\n    opacity: 0.8;\n    filter: grayscale(40%); }\n\n.hero-pose {\n  display: block;\n  overflow: hidden; }\n\n.hero-pose-image {\n  display: block;\n  height: 80vh;\n  background-size: contain;\n  background-position: center center; }\n\n.hero-pose-name {\n  position: relative;\n  z-index: 0;\n  text-align: center;\n  color: #F6F6F6;\n  background: -webkit-linear-gradient(#F6F6F6 50%, rgba(246, 246, 246, 0));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent; }\n\n[hero-scene] {\n  padding-bottom: 46.25%;\n  position: relative;\n  display: block;\n  overflow: hidden; }\n  @media only screen and (min-width: 768px) and (max-width: 991px) {\n    [hero-scene] {\n      padding-bottom: 56.25%; } }\n  @media only screen and (max-width: 767px) {\n    [hero-scene] {\n      padding-bottom: 84.77%;\n      margin-top: 45px; } }\n  [hero-scene] .scene {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 2; }\n    @media only screen and (max-width: 767px) {\n      [hero-scene] .scene {\n        display: none; } }\n  [hero-scene] .fg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 3; }\n    @media only screen and (max-width: 767px) {\n      [hero-scene] .fg {\n        display: none; } }\n  [hero-scene] .bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1; }\n  [hero-scene] .candy {\n    background-image: url(\"/img/scene/candy.jpg\");\n    background-position: center top;\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: inherit;\n    width: inherit;\n    height: inherit;\n    z-index: 1; }\n    @media only screen and (max-width: 767px) {\n      [hero-scene] .candy {\n        display: none; } }\n  [hero-scene] .mobile {\n    background-position: center top;\n    background-size: cover;\n    background-repeat: no-repeat;\n    position: inherit;\n    width: inherit;\n    height: inherit;\n    z-index: 1;\n    display: none; }\n    @media only screen and (max-width: 767px) {\n      [hero-scene] .mobile {\n        background-image: url(\"/img/scene/header-mobile.jpg\");\n        display: block; } }\n  [hero-scene] .logo {\n    background-image: url(\"/img/overwatch-logo-copyright.png\");\n    background-position: center top 37%;\n    background-repeat: no-repeat;\n    background-size: 35% auto;\n    position: inherit;\n    width: inherit;\n    height: inherit;\n    z-index: 1; }\n    @media only screen and (max-width: 767px) {\n      [hero-scene] .logo {\n        background-position: center top 26%;\n        background-size: 60% auto; } }\n  [hero-scene] .layer {\n    position: absolute !important;\n    top: 0;\n    left: 0;\n    width: 100% !important;\n    height: 120% !important;\n    text-align: center;\n    z-index: inherit;\n    background-repeat: no-repeat;\n    bottom: -5%; }\n    [hero-scene] .layer.left {\n      left: 0 !important;\n      right: auto !important;\n      bottom: -5% !important;\n      top: auto !important; }\n    [hero-scene] .layer.right {\n      left: auto !important;\n      right: 0 !important;\n      bottom: -5% !important;\n      top: auto !important; }\n    [hero-scene] .layer.tracer {\n      z-index: 4;\n      left: -1% !important;\n      background-size: 28% auto;\n      background-position: bottom left -6.5vw;\n      background-image: url(\"img/scene/hero-left-1.png\"); }\n    [hero-scene] .layer.widowmaker {\n      z-index: 4;\n      right: -1% !important;\n      background-size: 26% auto;\n      background-position: bottom -5vw right -5vw;\n      background-image: url(\"img/scene/hero-right-1.png\"); }\n    [hero-scene] .layer.symmetra {\n      z-index: 3;\n      background-size: 19% auto;\n      background-position: bottom left 8vw;\n      background-image: url(\"img/scene/hero-left-2.png\"); }\n    [hero-scene] .layer.hanzo {\n      z-index: 3;\n      background-size: 21% auto;\n      background-position: bottom -1vw right 7vw;\n      background-image: url(\"img/scene/hero-right-2.png\"); }\n    [hero-scene] .layer.soldier-76 {\n      z-index: 2;\n      background-size: 29% auto;\n      background-position: bottom -5.5vw left 13vw;\n      background-image: url(\"img/scene/hero-left-345.png\"); }\n    [hero-scene] .layer.mercy {\n      z-index: 2;\n      background-size: 29% auto;\n      background-position: bottom -3vw right 17vw;\n      background-image: url(\"img/scene/hero-right-345.png\"); }\n    [hero-scene] .layer.winston {\n      z-index: 1;\n      background-size: 15% auto;\n      background-position: top 19vw left 23vw;\n      background-image: url(\"img/scene/hero-left-6.png\"); }\n      @media only screen and (min-width: 768px) and (max-width: 991px) {\n        [hero-scene] .layer.winston {\n          background-position: top 25vw left 23vw; } }\n    [hero-scene] .layer.pharah {\n      z-index: 1;\n      background-size: 23% auto;\n      background-position: top 17vw right 18vw;\n      background-image: url(\"img/scene/hero-right-6.png\"); }\n      @media only screen and (min-width: 768px) and (max-width: 991px) {\n        [hero-scene] .layer.pharah {\n          background-position: top 22vw right 18vw; } }\n  [hero-scene] .particles {\n    width: inherit;\n    height: inherit;\n    position: inherit;\n    z-index: 3;\n    opacity: 0.25; }\n  [hero-scene] .deco {\n    width: inherit;\n    height: inherit;\n    position: inherit;\n    bottom: 0;\n    z-index: 2;\n    background-image: url(\"/img/scene/deco.png\");\n    background-position: bottom center;\n    background-repeat: no-repeat; }\n  [hero-scene] .video {\n    width: inherit;\n    height: inherit;\n    z-index: 2;\n    position: inherit;\n    height: 100%;\n    width: auto;\n    left: 50%;\n    transform: translateX(-50%); }\n    @media only screen and (max-width: 767px) {\n      [hero-scene] .video {\n        display: none; } }\n\n@media only screen and (max-width: 767px) {\n  body.zh-tw [hero-scene] .mobile {\n    background-image: url(\"/img/scene/header-mobile-tw.jpg\"); } }\n\n#selectHeroes {\n  background: url(\"img/bg-tmp-hero-mobile.jpg\");\n  background-size: cover;\n  background-position: center bottom; }\n\n.hero-select-navigation {\n  padding-top: 40px;\n  padding-bottom: 40px;\n  max-width: 1600px;\n  text-align: center; }\n  .hero-select-navigation .hero-type-container {\n    display: inline-table; }\n    @media only screen and (min-width: 768px) {\n      .hero-select-navigation .hero-type-container {\n        margin-right: 18px;\n        margin-left: 18px; } }\n  .hero-select-navigation .hero-item {\n    display: inline-block;\n    margin-bottom: 16px; }\n  .hero-select-navigation .nav-title {\n    color: #fff; }\n  .hero-select-navigation .hero-select-title {\n    margin-top: 3rem;\n    margin-bottom: 1.6rem;\n    position: relative;\n    text-align: center;\n    width: 100%;\n    display: table; }\n    .hero-select-navigation .hero-select-title .heading-line {\n      display: table-cell;\n      width: 50%;\n      position: relative; }\n      .hero-select-navigation .hero-select-title .heading-line:before {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        margin-top: -1px;\n        left: 0;\n        width: 100%;\n        height: 2px;\n        opacity: .2;\n        background: #fff; }\n    .hero-select-navigation .hero-select-title > .text {\n      word-break: keep-all;\n      color: #fff;\n      opacity: .6;\n      padding: 0 3px;\n      display: table-cell; }\n\n.hero-selector .navigation-selector {\n  margin-bottom: 64px; }\n\n.hero-selector .hero-portrait-detailed {\n  width: 100%;\n  margin-bottom: 6px; }\n  @media only screen and (min-width: 400px) {\n    .hero-selector .hero-portrait-detailed {\n      width: 176px;\n      margin-right: 6px; } }\n  @media only screen and (min-width: 768px) {\n    .hero-selector .hero-portrait-detailed {\n      width: 184px; } }\n\n.HorizontalAccordion {\n  display: flex;\n  align-items: stretch;\n  min-height: 60px;\n  background-color: white; }\n\n.HorizontalAccordion-column {\n  position: relative;\n  flex: 1 0 10%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border: 1px solid #a1a1a1; }\n  .HorizontalAccordion-column--arrow:before {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    /*CSS Right-facing Triangle using borders*/\n    border-color: #a1a1a1;\n    border-width: 12px;\n    border-style: solid;\n    border-top-color: transparent;\n    border-bottom-color: transparent;\n    border-right: 0;\n    width: 0;\n    height: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 10; }\n\n.HorizontalAccordion-column + .HorizontalAccordion-column {\n  border-left: 0; }\n\n.HorizontalAccordion-media {\n  display: flex;\n  align-items: center;\n  justify-content: center; }\n\n.HorizontalAccordion-image {\n  transform: scale(0.7);\n  transform-origin: center; }\n\n.HorizontalAccordion-content {\n  max-height: 320px;\n  overflow: hidden; }\n\n.HorizontalAccordion-icon {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 24px;\n  width: 18px;\n  height: 18px;\n  fill: #ff9c00; }\n\n.HorizontalAccordion-column:hover {\n  box-shadow: inset 0 0 50px 10px white; }\n\n.HorizontalAccordion-icon.is-hover {\n  bottom: 5.0rem;\n  opacity: 0;\n  width: 27px;\n  transition-property: width, bottom, opacity;\n  transition-duration: 200ms;\n  transition-delay: 0;\n  transition-timing-function: ease-out, linear;\n  transform-origin: center; }\n\n.HorizontalAccordion-image {\n  transform-origin: center;\n  transition-property: transform;\n  transition-timing-function: ease-out, linear;\n  transition-delay: 0;\n  transition-duration: 200ms; }\n  .HorizontalAccordion-image.is-hover, .HorizontalAccordion-column.is-open .HorizontalAccordion-image {\n    transform: scale(0.85); }\n\n.HorizontalAccordion-column {\n  transform-origin: center;\n  transition-property: flex-basis;\n  transition-timing-function: ease-out;\n  transition-delay: 0;\n  transition-duration: 400ms; }\n\n.HorizontalAccordion-column.is-open {\n  flex-basis: 54%; }\n  @media only screen and (min-width: 1600px) {\n    .HorizontalAccordion-column.is-open {\n      flex-basis: 60%; } }\n  .HorizontalAccordion-column.is-open .HorizontalAccordion-icon {\n    opacity: 0; }\n\n.HorizontalAccordion-content {\n  max-width: 0;\n  opacity: 0; }\n  @supports (transition-property: flex-basis) {\n    .HorizontalAccordion-content {\n      transform-origin: left center;\n      transition-property: max-width, opacity;\n      transition-delay: 10ms, 1ms;\n      transition-duration: 400ms, 30ms;\n      transition-timing-function: ease-out; } }\n\n.HorizontalAccordion-content.is-visible {\n  max-width: 516px;\n  opacity: 1; }\n  @supports (transition-property: flex-basis) {\n    .HorizontalAccordion-content.is-visible {\n      transform-origin: left center;\n      transition-property: max-width, opacity;\n      transition-delay: 1ms, 400ms;\n      transition-duration: 300ms, 400ms;\n      transition-timing-function: ease-out; } }\n  @media only screen and (min-width: 1600px) {\n    .HorizontalAccordion-content.is-visible {\n      max-width: 40em; } }\n\nhtml.safari .HorizontalAccordion-content, html.safari .HorizontalAccordion-content.is-visible {\n  transition: none; }\n\n.HorizontalAccordion-media {\n  opacity: 0; }\n\n.HorizontalAccordion-column.is-viewable:nth-child(1) .HorizontalAccordion-media {\n  animation-name: bounce-move-from-top;\n  animation-fill-mode: both;\n  animation-duration: 200ms;\n  animation-delay: 150ms; }\n\n.HorizontalAccordion-column.is-viewable:nth-child(2) .HorizontalAccordion-media {\n  animation-name: bounce-move-from-top;\n  animation-fill-mode: both;\n  animation-duration: 200ms;\n  animation-delay: 250ms; }\n\n.HorizontalAccordion-column.is-viewable:nth-child(3) .HorizontalAccordion-media {\n  animation-name: bounce-move-from-top;\n  animation-fill-mode: both;\n  animation-duration: 200ms;\n  animation-delay: 350ms; }\n\n.HorizontalAccordion-column.is-viewable:nth-child(4) .HorizontalAccordion-media {\n  animation-name: bounce-move-from-top;\n  animation-fill-mode: both;\n  animation-duration: 200ms;\n  animation-delay: 450ms; }\n\n@keyframes bounce-move-from-top {\n  0% {\n    transform: translateY(-40px);\n    animation-timing-function: linear;\n    border-width: 0;\n    opacity: 0; }\n  25% {\n    opacity: 1; }\n  65% {\n    transform: translateY(0);\n    animation-timing-function: linear; }\n  85% {\n    transform: translateY(5px);\n    animation-timing-function: ease-in; }\n  100% {\n    transform: translateY(0);\n    animation-timing-function: ease-out;\n    border-width: 1px;\n    opacity: 1; } }\n\n.instruction-popout-box {\n  display: none;\n  position: fixed;\n  z-index: 100;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  padding: 30px;\n  background-color: #001932;\n  border: 1px solid #263b51;\n  border-radius: 8px;\n  cursor: default !important; }\n  .instruction-popout-box.open {\n    display: block; }\n  @media only screen and (max-width: 991px) {\n    .instruction-popout-box {\n      width: 100%;\n      height: 100%;\n      border: none; } }\n  @media only screen and (max-width: 767px) {\n    .instruction-popout-box {\n      padding: 18px; } }\n  .instruction-popout-box .instruction-popout-box-title {\n    font-size: 1.6rem; }\n    .instruction-popout-box .instruction-popout-box-title h4 {\n      font-size: 3.125rem; }\n      @media only screen and (max-width: 767px) {\n        .instruction-popout-box .instruction-popout-box-title h4 {\n          font-size: 2rem; } }\n  .instruction-popout-box .instruction-popout-box-steps {\n    font-size: 2rem;\n    margin-top: 10px; }\n    @media only screen and (max-width: 991px) {\n      .instruction-popout-box .instruction-popout-box-steps {\n        font-size: 1.6rem; } }\n    @media only screen and (max-width: 767px) {\n      .instruction-popout-box .instruction-popout-box-steps {\n        font-size: 1.28rem; } }\n    .instruction-popout-box .instruction-popout-box-steps p {\n      margin: 0px; }\n  .instruction-popout-box .instruction-popout-box-exit {\n    background-image: url(\"img/icons/exit.png\");\n    background-size: 100%;\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    width: 16px;\n    height: 16px;\n    cursor: pointer; }\n  .instruction-popout-box .pc-download-btn {\n    margin-top: 14px; }\n\n.intro-text {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 2rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal; }\n  @media only screen and (min-width: 768px) {\n    .intro-text {\n      font-size: 2.5rem; } }\n\n.intro-heading {\n  text-shadow: 0 4px 5px rgba(60, 72, 96, 0.5); }\n\n.intro-trailer {\n  margin-left: auto;\n  margin-right: auto;\n  width: 100%;\n  margin-top: 18px; }\n  @media only screen and (min-width: 400px) {\n    .intro-trailer {\n      margin-top: 60px; } }\n\n.intro-heading-gradient-blue {\n  background: -webkit-linear-gradient(top, #3f6493 10%, #345177 100%);\n  background-image: -o-linear-gradient(transparent, transparent);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  text-shadow: 0 4px 5px rgba(60, 72, 96, 0.5); }\n\n.egg#egg-particles {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 97;\n  pointer-events: none; }\n\n.link {\n  cursor: pointer; }\n\nbody.ko-kr .link.primary {\n  font-family: \"BlackFit77\", sans-serif;\n  font-size: 2rem;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  line-height: normal; }\n\n.link.primary {\n  text-transform: uppercase;\n  text-decoration: none;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 2rem;\n  font-style: normal;\n  font-weight: 700;\n  font-variant: normal;\n  line-height: normal;\n  color: #FF9A00; }\n\n.link.primary:hover {\n  color: #F6F6F6; }\n\n.loader {\n  position: absolute;\n  display: none;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 10; }\n\n.loader.is-active {\n  display: block; }\n\n.loader-svg {\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100px;\n  height: 100px;\n  fill: white; }\n\n.map {\n  background-size: cover;\n  display: block;\n  padding-top: 100%;\n  position: relative;\n  overflow: hidden;\n  padding-top: 100%;\n  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28);\n  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28);\n  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28); }\n  .map-fill {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: inherit;\n    background-clip: inherit;\n    background-position: inherit; }\n  .map.m-image {\n    background-size: cover;\n    background-clip: padding-box;\n    background-position: center; }\n  .map.m-2-1 {\n    padding-top: 50%; }\n  .map.m-4-3 {\n    padding-top: 75%; }\n  .map.m-16-9 {\n    padding-top: 56.25%; }\n  .map.m-10-9 {\n    padding-top: 90%; }\n  .map.m-20-9 {\n    padding-top: 45%; }\n  @media only screen and (min-width: 0px) and (max-width: 399px) {\n    .map.m-2-1\\@xs {\n      padding-top: 50%; }\n    .map.m-4-3\\@xs {\n      padding-top: 75%; }\n    .map.m-16-9\\@xs {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@xs {\n      padding-top: 90%; }\n    .map.m-20-9\\@xs {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) {\n    .map.m-2-1\\@sm {\n      padding-top: 50%; }\n    .map.m-4-3\\@sm {\n      padding-top: 75%; }\n    .map.m-16-9\\@sm {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@sm {\n      padding-top: 90%; }\n    .map.m-20-9\\@sm {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 400px) {\n    .map.m-2-1\\@sm-min {\n      padding-top: 50%; }\n    .map.m-4-3\\@sm-min {\n      padding-top: 75%; }\n    .map.m-16-9\\@sm-min {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@sm-min {\n      padding-top: 90%; }\n    .map.m-20-9\\@sm-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) {\n    .map.m-2-1\\@md {\n      padding-top: 50%; }\n    .map.m-4-3\\@md {\n      padding-top: 75%; }\n    .map.m-16-9\\@md {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@md {\n      padding-top: 90%; }\n    .map.m-20-9\\@md {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 768px) {\n    .map.m-2-1\\@md-min {\n      padding-top: 50%; }\n    .map.m-4-3\\@md-min {\n      padding-top: 75%; }\n    .map.m-16-9\\@md-min {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@md-min {\n      padding-top: 90%; }\n    .map.m-20-9\\@md-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) {\n    .map.m-2-1\\@lg {\n      padding-top: 50%; }\n    .map.m-4-3\\@lg {\n      padding-top: 75%; }\n    .map.m-16-9\\@lg {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@lg {\n      padding-top: 90%; }\n    .map.m-20-9\\@lg {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 992px) {\n    .map.m-2-1\\@lg-min {\n      padding-top: 50%; }\n    .map.m-4-3\\@lg-min {\n      padding-top: 75%; }\n    .map.m-16-9\\@lg-min {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@lg-min {\n      padding-top: 90%; }\n    .map.m-20-9\\@lg-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) {\n    .map.m-2-1\\@xl {\n      padding-top: 50%; }\n    .map.m-4-3\\@xl {\n      padding-top: 75%; }\n    .map.m-16-9\\@xl {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@xl {\n      padding-top: 90%; }\n    .map.m-20-9\\@xl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1280px) {\n    .map.m-2-1\\@xl-min {\n      padding-top: 50%; }\n    .map.m-4-3\\@xl-min {\n      padding-top: 75%; }\n    .map.m-16-9\\@xl-min {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@xl-min {\n      padding-top: 90%; }\n    .map.m-20-9\\@xl-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) {\n    .map.m-2-1\\@xxl {\n      padding-top: 50%; }\n    .map.m-4-3\\@xxl {\n      padding-top: 75%; }\n    .map.m-16-9\\@xxl {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@xxl {\n      padding-top: 90%; }\n    .map.m-20-9\\@xxl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1600px) {\n    .map.m-2-1\\@xxl-min {\n      padding-top: 50%; }\n    .map.m-4-3\\@xxl-min {\n      padding-top: 75%; }\n    .map.m-16-9\\@xxl-min {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@xxl-min {\n      padding-top: 90%; }\n    .map.m-20-9\\@xxl-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) {\n    .map.m-2-1\\@xxxl {\n      padding-top: 50%; }\n    .map.m-4-3\\@xxxl {\n      padding-top: 75%; }\n    .map.m-16-9\\@xxxl {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@xxxl {\n      padding-top: 90%; }\n    .map.m-20-9\\@xxxl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 2560px) {\n    .map.m-2-1\\@xxxl-min {\n      padding-top: 50%; }\n    .map.m-4-3\\@xxxl-min {\n      padding-top: 75%; }\n    .map.m-16-9\\@xxxl-min {\n      padding-top: 56.25%; }\n    .map.m-10-9\\@xxxl-min {\n      padding-top: 90%; }\n    .map.m-20-9\\@xxxl-min {\n      padding-top: 45%; } }\n\n.map-gradient {\n  position: absolute;\n  display: inline-block;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5) 100%); }\n\n.map-name-wrapper {\n  position: absolute;\n  vertical-align: middle;\n  text-align: right;\n  bottom: 0px;\n  width: 100%;\n  padding-right: 4%;\n  padding-bottom: 2%; }\n\n.map-flag {\n  height: 3.14vw;\n  margin-right: 5px;\n  display: inline-block;\n  position: relative; }\n  @media only screen and (min-width: 768px) {\n    .map-flag {\n      height: 1.82vw; } }\n  @media only screen and (min-width: 992px) {\n    .map-flag {\n      height: 17px; } }\n\n.map-name {\n  font-style: italic;\n  font-size: 5vw;\n  font-family: \"Big Noodle Too\", impact, sans-serif;\n  letter-spacing: 1.5px;\n  display: inline-block;\n  position: relative; }\n  @media only screen and (min-width: 768px) {\n    .map-name {\n      font-size: 2.5vw; } }\n  @media only screen and (min-width: 992px) {\n    .map-name {\n      font-size: 2vw; } }\n  @media only screen and (min-width: 1280px) {\n    .map-name {\n      font-size: 2.5rem; } }\n\nbody.ko-kr nav[role=main] .nav-btn, body.ko-kr nav[role=mobile] .nav-btn {\n  font-family: \"BlackFit77\", sans-serif; }\n\nbody.home.is-logged-in nav[role=main].is-contracted {\n  background-color: rgba(0, 0, 0, 0.75); }\n\nnav[role=main] {\n  display: none;\n  position: relative;\n  left: 0;\n  right: 0;\n  max-width: 1600px;\n  height: 50px;\n  margin: 20px 20px 0;\n  background-color: rgba(0, 0, 0, 0.75);\n  transition: all 100ms, background-color 300ms;\n  z-index: 97; }\n  @media only screen and (min-width: 992px) {\n    nav[role=main] {\n      display: flex;\n      flex-flow: nowrap; } }\n  @media only screen and (min-width: 1600px) {\n    nav[role=main] {\n      margin-left: auto;\n      margin-right: auto; } }\n  nav[role=main].is-expanded {\n    margin-top: 0;\n    margin-left: 0;\n    margin-right: 0; }\n    @media only screen and (min-width: 1600px) {\n      nav[role=main].is-expanded {\n        margin-top: 10px;\n        margin-left: auto;\n        margin-right: auto; } }\n  nav[role=main].is-contracted {\n    margin-top: 20px; }\n    @media only screen and (min-width: 1280px) {\n      nav[role=main].is-contracted body.home, body.nav-transparent nav[role=main].is-contracted {\n        background-color: transparent; } }\n    nav[role=main].is-contracted body.home.is-submenu-open, nav[role=main].is-contracted body.home.is-search-open, nav[role=main].is-contracted body.home:hover, body.nav-transparent nav[role=main].is-contracted.is-submenu-open, body.nav-transparent nav[role=main].is-contracted.is-search-open, body.nav-transparent nav[role=main].is-contracted:hover {\n      background-color: rgba(0, 0, 0, 0.75); }\n    @media only screen and (min-width: 992px) {\n      body.nav-transparent nav[role=main].is-contracted {\n        background-color: transparent; } }\n  nav[role=main] .nav-section {\n    display: flex;\n    align-items: center;\n    height: 100%; }\n    @media only screen and (min-width: 992px) {\n      nav[role=main] .nav-section.m-right\\@lg-min {\n        margin-left: auto; } }\n    nav[role=main] .nav-section.m-right {\n      margin-left: auto;\n      display: block; }\n  nav[role=main] .nav-menu {\n    display: flex;\n    height: 100%; }\n    nav[role=main] .nav-menu > li {\n      display: inline-block;\n      height: 100%; }\n  nav[role=main] .nav-btn {\n    display: inline-flex;\n    height: 100%;\n    align-items: center;\n    padding: 0 8px;\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 1.28rem;\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-weight: 600;\n    text-transform: uppercase;\n    transition: background-color 200ms, color 200ms;\n    position: relative;\n    white-space: nowrap;\n    justify-content: center;\n    vertical-align: middle; }\n    @media only screen and (min-width: 1280px) {\n      nav[role=main] .nav-btn {\n        padding: 0 12px;\n        font-size: 1.6rem; } }\n    nav[role=main] .nav-btn.m-dark {\n      background-color: rgba(0, 0, 0, 0.15); }\n      nav[role=main] .nav-btn.m-dark:hover {\n        background-color: rgba(0, 0, 0, 0.75); }\n    nav[role=main] .nav-btn.m-orange {\n      background-color: #f7931e; }\n      nav[role=main] .nav-btn.m-orange:hover {\n        background-color: #f89e35; }\n    nav[role=main] .nav-btn.m-user {\n      padding-top: 4px;\n      padding-bottom: 4px; }\n    nav[role=main] .nav-btn.m-buy {\n      min-width: 74px;\n      height: 30px;\n      margin-top: auto;\n      margin-bottom: auto; }\n      @media only screen and (min-width: 992px) {\n        nav[role=main] .nav-btn.m-buy {\n          min-width: 104px; } }\n    nav[role=main] .nav-btn.m-has-children:after {\n      content: '';\n      background-image: url(/img/caret-gray.png);\n      width: 12px;\n      height: 7px;\n      background-position: center center;\n      display: inline-block;\n      margin: 0 0 2px 8px;\n      transform: rotate(0deg); }\n    nav[role=main] .nav-btn.m-has-children.m-open:after {\n      transform: rotate(180deg); }\n    nav[role=main] .nav-btn:hover, nav[role=main] .nav-btn.m-open, nav[role=main] .nav-btn.m-active {\n      transition: none;\n      color: #ff9c00; }\n  nav[role=main] .nav-buy-btn {\n    font-size: 1.6rem; }\n  nav[role=main] .nav-menu.m-sub-menu {\n    display: none;\n    position: absolute;\n    left: 0;\n    top: 100%;\n    height: auto;\n    margin: 2px 0 0 0;\n    background-color: rgba(0, 0, 0, 0.75);\n    border-radius: 4px; }\n    nav[role=main] .nav-menu.m-sub-menu > li {\n      display: block;\n      height: auto; }\n    nav[role=main] .nav-menu.m-sub-menu.m-open {\n      display: block; }\n    nav[role=main] .nav-menu.m-sub-menu:before {\n      content: '';\n      width: 100%;\n      background-color: red; }\n    nav[role=main] .nav-menu.m-sub-menu .nav-btn {\n      display: block;\n      line-height: 30px;\n      padding: 0 24px 0 8px;\n      font-size: 1.024rem;\n      text-align: left;\n      font-weight: 100; }\n      @media only screen and (min-width: 1280px) {\n        nav[role=main] .nav-menu.m-sub-menu .nav-btn {\n          font-size: 1.28rem; } }\n  nav[role=main] .nav-logo {\n    display: inline-flex;\n    height: 100%;\n    width: 52px;\n    padding: 10px;\n    fill: #F6F6F6; }\n    @media (min-width: 1280px) {\n      nav[role=main] .nav-logo {\n        width: 220px;\n        padding: 12px; } }\n  nav[role=main] .nav-logo > svg {\n    width: 100%;\n    height: 100%; }\n  nav[role=main] .nav-user-name {\n    font-size: 1.28rem;\n    display: inline-block;\n    position: relative;\n    display: inline-block;\n    color: #f7931e;\n    text-transform: none;\n    line-height: 1; }\n  nav[role=main] .nav-view-profile {\n    display: block;\n    color: #f0edf2;\n    font-weight: normal;\n    white-space: nowrap;\n    font-size: 1.024rem;\n    line-height: 1;\n    margin-top: 5px;\n    font-family: \"Arial\", sans-serif; }\n  nav[role=main] .nav-user-icon {\n    width: 40px;\n    height: 40px;\n    background-size: cover;\n    background-position: center center;\n    margin-left: 8px; }\n\nnav[role=mobile] {\n  font-size: 1.6rem;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.85);\n  letter-spacing: 0.05em;\n  z-index: 99; }\n  nav[role=mobile] a {\n    color: inherit; }\n  nav[role=mobile] .nav-logo {\n    display: inline-block;\n    width: 100%;\n    height: 134px;\n    padding-left: 40px;\n    padding-right: 40px;\n    padding-top: 25px;\n    fill: #fff; }\n  nav[role=mobile] .nav-menu {\n    margin: 0; }\n    nav[role=mobile] .nav-menu.m-sub-menu {\n      display: none; }\n      nav[role=mobile] .nav-menu.m-sub-menu .nav-btn {\n        color: rgba(255, 255, 255, 0.5);\n        border-top: none;\n        padding: 18px 51px; }\n    nav[role=mobile] .nav-menu.m-open {\n      display: block; }\n    nav[role=mobile] .nav-menu li:last-child .nav-btn {\n      border-bottom: 1px solid #313d56; }\n  nav[role=mobile] .nav-btn {\n    display: block;\n    width: 100%;\n    padding: 18px 24px;\n    border-bottom: 1px solid #313d56;\n    border-left: 2px solid transparent;\n    line-height: 1;\n    text-align: left;\n    color: rgba(255, 255, 255, 0.7);\n    outline: none;\n    transition: background-color 200ms, color 200ms; }\n    nav[role=mobile] .nav-btn:hover {\n      background-color: #39455d;\n      color: #fff;\n      transition: none; }\n    nav[role=mobile] .nav-btn.m-active {\n      border-left-color: #00c3ff; }\n    nav[role=mobile] .nav-btn.m-dark {\n      background-color: rgba(0, 0, 0, 0.15); }\n      nav[role=mobile] .nav-btn.m-dark:hover {\n        background-color: rgba(0, 0, 0, 0.075); }\n    nav[role=mobile] .nav-btn.m-orange {\n      text-shadow: none;\n      background-color: #ff9c00; }\n      nav[role=mobile] .nav-btn.m-orange:hover {\n        background-color: #ffb033; }\n      nav[role=mobile] .nav-btn.m-orange:focus, nav[role=mobile] .nav-btn.m-orange:active {\n        background-color: #f29400; }\n    nav[role=mobile] .nav-btn.m-noPad {\n      width: auto;\n      padding: 0; }\n    nav[role=mobile] .nav-btn.m-center {\n      text-align: center; }\n    nav[role=mobile] .nav-btn.m-has-children:after {\n      content: '';\n      background-image: url(\"/img/caret-gray.png\");\n      width: 12px;\n      height: 7px;\n      background-position: center center;\n      display: inline-block;\n      margin: 0 0 2px 8px;\n      transform: rotate(0deg); }\n    nav[role=mobile] .nav-btn.m-has-children.m-open:after {\n      transform: rotate(180deg); }\n    nav[role=mobile] .nav-btn.m-user {\n      display: inline-flex;\n      align-items: center;\n      height: 82px;\n      padding: 10px 18px 10px 36px; }\n    nav[role=mobile] .nav-btn.m-buy {\n      border-radius: 2px; }\n  nav[role=mobile] .nav-user-info {\n    display: inline-block; }\n  nav[role=mobile] .nav-user-name {\n    display: inline-block;\n    position: relative;\n    display: inline-block;\n    color: #f7931e;\n    text-transform: none;\n    line-height: 1; }\n  nav[role=mobile] .nav-view-profile {\n    display: block;\n    color: #f0edf2;\n    font-weight: normal;\n    white-space: nowrap;\n    font-size: 1.024rem;\n    line-height: 1;\n    margin-top: 5px;\n    font-family: \"Arial\", sans-serif; }\n  nav[role=mobile] .nav-user-icon {\n    height: 100%;\n    width: 62px;\n    background-size: cover;\n    background-position: center center;\n    margin-left: auto; }\n  nav[role=mobile] .buy-btn-spacer {\n    margin: 18px; }\n  nav[role=mobile] .nav-search-icon {\n    width: 20px;\n    margin-left: 24px;\n    background-position: right 15px center; }\n  nav[role=mobile] .nav-search-field {\n    padding-left: 58px;\n    /*sum of nav-search-icon width and margin plus 14px offset */ }\n  nav[role=mobile] .user {\n    display: block; }\n\n.magnifier-svg-wrapper {\n  position: relative;\n  margin: 0 auto;\n  height: 1em;\n  width: 32px; }\n  .magnifier-svg-wrapper .nav-magnifier-icon {\n    position: relative;\n    height: 24px;\n    top: 50%;\n    left: 50%;\n    margin-top: -12px;\n    margin-left: -32px; }\n\n.ru-ru nav[role=main] .nav-btn {\n  font-size: 1.28rem; }\n  @media only screen and (min-width: 1280px) {\n    .ru-ru nav[role=main] .nav-btn {\n      font-size: 1.6rem; } }\n\nbody.ko-kr .navigation-selector .navigation-link {\n  font-family: \"BlackFit77\", sans-serif; }\n\n.navigation-selector {\n  table-layout: fixed;\n  display: table;\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 2px; }\n  @media only screen and (min-width: 992px) {\n    .navigation-selector {\n      width: auto;\n      border-spacing: 1px; } }\n  .navigation-selector .navigation-list {\n    display: table-row;\n    padding: 0;\n    margin: 0; }\n  .navigation-selector .navigation-item {\n    width: 19.7%;\n    display: table-cell;\n    vertical-align: middle;\n    background-color: rgba(255, 255, 255, 0.3);\n    border-radius: 2px;\n    transition: all 200ms; }\n    @media only screen and (min-width: 992px) {\n      .navigation-selector .navigation-item {\n        max-width: 162px;\n        width: 162px;\n        vertical-align: baseline; } }\n    .navigation-selector .navigation-item:first-child {\n      margin-left: 0px; }\n    .navigation-selector .navigation-item.active, .navigation-selector .navigation-item:hover {\n      background-color: white;\n      transition: none; }\n      .navigation-selector .navigation-item.active .navigation-link, .navigation-selector .navigation-item:hover .navigation-link {\n        opacity: 1; }\n  .navigation-selector .navigation-link {\n    padding: 8px 2px;\n    text-transform: uppercase;\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-weight: 600;\n    opacity: 0.7;\n    width: 100%;\n    display: block;\n    text-align: center;\n    color: #1a325e;\n    transition: inherit;\n    white-space: nowrap; }\n    @media only screen and (min-width: 400px) {\n      .navigation-selector .navigation-link {\n        padding: 14px 2px; } }\n    @media only screen and (min-width: 992px) {\n      .navigation-selector .navigation-link {\n        height: auto;\n        padding: 9px 10px; } }\n    .navigation-selector .navigation-link > .icon {\n      vertical-align: middle;\n      margin-left: auto;\n      margin-right: auto;\n      margin-bottom: 6px;\n      height: 22px;\n      max-width: 22px;\n      display: block;\n      fill: #1a325e; }\n      @media only screen and (min-width: 400px) {\n        .navigation-selector .navigation-link > .icon {\n          height: 30px;\n          margin-bottom: 10px; } }\n      @media only screen and (min-width: 992px) {\n        .navigation-selector .navigation-link > .icon {\n          height: 22px;\n          display: inline-block;\n          height: 18px;\n          margin-right: 9px;\n          margin-bottom: 3px; } }\n    .navigation-selector .navigation-link > .text {\n      font-size: 1.28rem;\n      line-height: 1rem;\n      display: block; }\n      @media only screen and (min-width: 768px) {\n        .navigation-selector .navigation-link > .text {\n          font-size: 1.6rem; } }\n      @media only screen and (min-width: 992px) {\n        .navigation-selector .navigation-link > .text {\n          display: inline-block;\n          font-size: 1.6rem;\n          line-height: 1.6rem; } }\n\nbody.ko-kr .grid-item .author {\n  font-family: \"Noto Sans\", sans-serif; }\n\n.news-panels {\n  /*\n    * panels grid item\n    */\n  /*\n    * media queries\n    */ }\n  .news-panels:after {\n    content: '';\n    display: block;\n    height: 0;\n    clear: both; }\n  .news-panels .grid-item {\n    display: block;\n    box-sizing: border-box;\n    width: 25%;\n    margin-bottom: 15px;\n    padding: 0 0.8333%;\n    float: left;\n    position: relative;\n    color: #F6F6F6;\n    text-align: left; }\n  .news-panels .grid-item .box {\n    background-color: #9d9d9d;\n    background-color: rgba(255, 255, 255, 0.25);\n    display: block;\n    width: 100%;\n    padding-bottom: 91.8727%;\n    box-sizing: border-box;\n    border-radius: 3px;\n    position: relative;\n    transition: all 200ms; }\n  .news-panels .grid-item .box:hover {\n    background-color: #f0edf2;\n    background-color: rgba(255, 255, 255, 0.75);\n    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }\n  .news-panels .grid-item .container {\n    overflow: hidden;\n    position: absolute;\n    top: 3px;\n    left: 3px;\n    right: 3px;\n    bottom: 3px;\n    border-radius: 3px; }\n  .news-panels .grid-item .bg {\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center center;\n    box-sizing: border-box;\n    width: auto;\n    height: 100%;\n    display: block; }\n  .news-panels .grid-item .content {\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n    background-color: rgba(0, 0, 0, 0.75);\n    padding: 15px 20px;\n    box-sizing: border-box; }\n  .news-panels .grid-item .title {\n    text-transform: uppercase;\n    color: #F6F6F6; }\n    .news-panels .grid-item .title a {\n      color: #F6F6F6; }\n    @media only screen and (max-width: 991px) {\n      .news-panels .grid-item .title {\n        font-size: 1.4rem; } }\n  .news-panels .grid-item .subtitle {\n    line-height: 1.1;\n    margin: 7px 0 2px;\n    display: none; }\n    @media only screen and (max-width: 1279px) {\n      .news-panels .grid-item .subtitle {\n        display: none; } }\n  .news-panels .grid-item .author {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    font-size: 10px;\n    font-size: 1em;\n    color: rgba(255, 255, 255, 0.3);\n    line-height: 1;\n    text-transform: uppercase;\n    font-family: \"Arial\", sans-serif; }\n  .news-panels .grid-item .type-icon {\n    position: absolute;\n    bottom: 10px;\n    right: 10px;\n    background-repeat: no-repeat;\n    background-position: center center;\n    background-size: 100% auto; }\n  .news-panels .grid-item .type-icon.youtube {\n    background-image: url(\"img/icons/youtube-icon-wh.png\");\n    width: 26px;\n    height: 19px;\n    display: none; }\n  .news-panels .grid-item .type-icon.twitter {\n    background-image: url(\"img/icons/twitter-icon-wh.png\");\n    width: 26px;\n    height: 21px; }\n  .news-panels .grid-item .link-icon {\n    display: inline-block;\n    background-repeat: no-repeat;\n    background-position: center center;\n    background-image: url(\"img/icons/link-icon-blue-sm.png\");\n    width: 10px;\n    height: 10px;\n    margin-left: 7px; }\n  .news-panels .grid-item.lg {\n    width: 50%; }\n  .news-panels .grid-item.lg .box {\n    padding-bottom: 44.2697%; }\n  .news-panels .grid-item.youtube .table {\n    display: table;\n    table-layout: auto;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    bottom: 0;\n    left: 0; }\n  .news-panels .grid-item.youtube .row {\n    display: table-row; }\n  .news-panels .grid-item.youtube .btn-overlay {\n    width: 100%;\n    height: 100%;\n    background-image: url(\"img/icons/youtube-btn-ylw.png\");\n    background-repeat: no-repeat;\n    background-position: center center;\n    font-size: 0;\n    text-indent: -9999px;\n    transition: all 200ms; }\n  .news-panels .grid-item.youtube .content {\n    position: relative;\n    background-color: rgba(3, 20, 26, 0.75); }\n  .news-panels .grid-item.youtube:hover .btn-overlay {\n    background-image: url(\"img/icons/youtube-btn-wh.png\");\n    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }\n  .news-panels .grid-item.twitter .content {\n    background-color: rgba(3, 20, 26, 0.75); }\n  @media (max-width: 61.25em) {\n    .news-panels .grid-item .type-icon.youtube {\n      width: 21px;\n      height: 15px; }\n    .news-panels .grid-item .type-icon.twitter {\n      width: 21px;\n      height: 17px; } }\n  @media (min-width: 47.5em) and (max-width: 61.25em) {\n    .news-panels .grid-item .container {\n      font-size: 9px; } }\n  @media (min-width: 47.5em) {\n    .news-panels .grid-item.clear {\n      clear: left; } }\n  @media (max-width: 47.5em) {\n    .news-panels .grid-panels {\n      padding: 0 1em; }\n    .news-panels .grid-item {\n      width: 50%;\n      margin-bottom: 1em; }\n    .news-panels .grid-item .container {\n      font-size: 8px; }\n    .news-panels .grid-item.lg {\n      width: 100%; }\n    .news-panels .grid-item .type-icon.youtube {\n      width: 16px;\n      height: 11px; }\n    .news-panels .grid-item .type-icon.twitter {\n      width: 16px;\n      height: 13px; } }\n  @media (max-width: 30em) {\n    .news-panels .grid-item {\n      width: 100%; }\n    .news-panels .grid-item.lg .bg {\n      font-size: 7px;\n      position: relative; }\n    .news-panels .grid-item .box,\n    .news-panels .grid-item.lg .box {\n      padding-bottom: 65.8727%; } }\n\n.player-badge-wrapper {\n  display: table;\n  table-layout: fixed;\n  min-width: 385px; }\n\n.player-badge {\n  display: table-row;\n  background-color: #3c4860; }\n\n.player-badge-lock, .player-badge-name, .player-badge-level, .player-badge-platform {\n  display: table-cell;\n  vertical-align: middle; }\n\n.player-badge-icon {\n  display: table-cell;\n  width: 60px;\n  height: 60px;\n  background-size: cover; }\n\n.player-badge-lock {\n  width: 21px; }\n  .player-badge-lock svg {\n    display: none;\n    width: 21px;\n    height: 21px;\n    fill: rgba(255, 255, 255, 0.25); }\n  .player-badge-lock[data-visibility-private=\"true\"] svg {\n    display: inline-block; }\n\n.player-badge-name {\n  padding: 0 5%;\n  text-align: left;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  color: rgba(246, 246, 246, 0.8); }\n  @media only screen and (min-width: 768px) {\n    .player-badge-name {\n      font-size: 1.75rem;\n      line-height: 2rem;\n      white-space: normal; } }\n\n.player-badge-level {\n  text-align: right;\n  padding-right: 0;\n  width: 65px; }\n\n.player-badge-platform {\n  padding: 0 3%;\n  text-align: right;\n  width: 12%; }\n\n.player-badge-level-value {\n  display: inline-block;\n  padding: 4px 10px;\n  border-radius: 3px;\n  line-height: 1;\n  font-weight: bold;\n  background-color: rgba(246, 246, 246, 0.8);\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  color: #3c4860; }\n\n.player-level, .endorsement-level {\n  position: relative;\n  display: inline-block;\n  width: 120px;\n  height: 120px;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600;\n  font-size: 2rem;\n  text-align: center;\n  color: #F6F6F6; }\n\n.endorsement-level {\n  padding: 12px; }\n\n.player-level {\n  background-image: url(\"img/hexagon.png\");\n  background-size: auto 100%; }\n\n.player-rank {\n  position: absolute;\n  bottom: -4%;\n  width: 100%;\n  height: 50%;\n  background-size: auto 100%; }\n\n.progress > .bar-container {\n  position: relative;\n  min-height: 1.8rem;\n  border: 0.2rem solid rgba(114, 114, 114, 0.8);\n  border-radius: 0.25rem;\n  background-color: #333333; }\n\n.progress > .bar-container > .bar,\n.progress > .bar-container > .glow,\n.progress > .bar-container > .cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%; }\n\n.progress > .bar-container > .bar {\n  background-color: #ff9c00;\n  background-image: linear-gradient(to right, #f2cb2e, #feffa1); }\n\n.progress > .bar-container > .glow {\n  box-shadow: 0 0 1.7rem rgba(255, 203, 142, 0.5);\n  transition: 1s opacity linear;\n  transform-origin: left; }\n\n.progress.m-animated > .bar-container > .glow {\n  opacity: 0; }\n  .progress.m-animated > .bar-container > .glow.is-active {\n    opacity: 1; }\n\n.progress > .bar-container > .cover {\n  background-color: #333333;\n  transform-origin: right;\n  transform: scaleX(1); }\n\n.progress > .info {\n  margin-top: 1rem; }\n  .progress > .info::before, .progress > .info::after {\n    content: ' ';\n    display: table;\n    flex-basis: 0;\n    order: 1; }\n  .progress > .info::after {\n    clear: both; }\n\n.progress > .info > .info-text {\n  margin-bottom: 0;\n  color: #a1a1a1;\n  font-family: \"Arial\", sans-serif;\n  font-size: 2rem;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  line-height: normal; }\n  .progress > .info > .info-text.m-emphasis {\n    color: #F6F6F6;\n    font-weight: bold; }\n  .progress > .info > .info-text.m-left {\n    float: left; }\n  .progress > .info > .info-text.m-right {\n    float: right; }\n\n.progress-2 > img {\n  display: block;\n  float: left;\n  height: 5rem;\n  width: auto;\n  margin-right: 0.2rem;\n  border: 0.2rem solid #a1a1a1;\n  border-radius: 0.4rem; }\n\n.progress-2 > .bar-container {\n  position: relative;\n  overflow: hidden;\n  padding: 0.3rem;\n  border-radius: 0.4rem;\n  background-color: rgba(24, 34, 62, 0.7); }\n\n.progress-2 > .bar-container > .bar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 100%;\n  bottom: 0;\n  margin: 0.3rem;\n  border-radius: 0.5rem;\n  background-color: #9daac8;\n  box-shadow: inset 0 0.2rem 0 0 #c6cbde; }\n\n.progress-2 > .bar-container > .bar-text {\n  height: 44px;\n  display: table;\n  position: relative;\n  width: 100%;\n  color: #F6F6F6;\n  text-shadow: 0.1rem 0.2rem 0.2rem rgba(51, 51, 51, 0.3); }\n\n.progress-2 > .bar-container > .bar-text > .title {\n  display: table-cell;\n  padding: 0.5rem 1.2rem;\n  vertical-align: middle;\n  font-family: \"Big Noodle Too\", impact, sans-serif;\n  font-size: 3.125rem;\n  font-style: italic;\n  color: #F6F6F6;\n  line-height: 0.9; }\n\n.progress-2 > .bar-container > .bar-text > .description {\n  display: table-cell;\n  padding: 0 1.2rem;\n  font-family: \"Arial\", sans-serif;\n  font-size: 1.8rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal;\n  vertical-align: middle;\n  text-align: right; }\n\nbody.ko-kr .progress-2 > .bar-container > .bar-text > .title {\n  font-size: 2rem; }\n\n.progress-category > .progress-category-item {\n  display: block; }\n\n.progress-category.is-partial > .progress-category-item:nth-child(5) ~ .progress-category-item {\n  display: none; }\n\n.AboutRole-section {\n  background-color: black; }\n\n.AboutRole-section-container {\n  background: linear-gradient(#fafafa, #e0e0e0); }\n\n.AboutRole-section-title {\n  color: #585858; }\n\n.AboutRole-row {\n  padding-top: 50px; }\n\n.AboutRole-column {\n  padding-top: 50px; }\n  .AboutRole-column:first-child {\n    padding-top: 0; }\n  @media only screen and (min-width: 992px) {\n    .AboutRole-column {\n      padding-top: 0;\n      padding-left: 60px;\n      padding-right: 60px; } }\n\n.AboutRole-icon {\n  display: block;\n  width: 170px;\n  height: 196px;\n  margin-left: auto;\n  margin-right: auto; }\n  .AboutRole-icon--damage {\n    fill: #e71d26; }\n  .AboutRole-icon--tank {\n    fill: #f8a22d; }\n  .AboutRole-icon--support {\n    fill: #00a345; }\n\n.AboutRole-name {\n  text-align: center;\n  padding-top: 15px; }\n  .AboutRole-name--damage {\n    color: #e71d26; }\n  .AboutRole-name--tank {\n    color: #f8a22d; }\n  .AboutRole-name--support {\n    color: #00a345; }\n\n.AboutRole-description {\n  padding-top: 20px;\n  max-width: 500px;\n  margin: auto; }\n\n.search-input {\n  height: 34px;\n  width: 360px;\n  margin-right: .5rem;\n  border-radius: 5px;\n  background-clip: padding-box;\n  border: 3px solid rgba(51, 51, 51, 0.25); }\n\n.search-button {\n  vertical-align: top;\n  padding: 6px 30px;\n  color: #F6F6F6; }\n  .search-button:hover {\n    color: #F6F6F6; }\n\n.nav-search-bar {\n  position: relative;\n  vertical-align: middle; }\n  .nav-search-bar.m-mobile-only {\n    margin: 0 28px;\n    margin: 0;\n    height: 49px;\n    border-bottom: 1px solid #313d56;\n    border-top: 1px solid #313d56;\n    width: 100%; }\n    @media (min-width: 992px) {\n      .nav-search-bar.m-mobile-only {\n        display: none; } }\n    .nav-search-bar.m-mobile-only .nav-search-field {\n      text-transform: none;\n      background-position: left 36px center; }\n      .nav-search-bar.m-mobile-only .nav-search-field:hover, .nav-search-bar.m-mobile-only .nav-search-field:focus, .nav-search-bar.m-mobile-only .nav-search-field:active {\n        background-color: #39455d; }\n    .nav-search-bar.m-mobile-only .search-nav-magnifier-icon {\n      top: 15px;\n      left: 25px;\n      height: 16px;\n      width: 16px;\n      margin: 0; }\n  .nav-search-bar.m-desktop-only {\n    height: 100%;\n    padding-right: 10px; }\n    @media (max-width: 767px) {\n      .nav-search-bar.m-desktop-only {\n        display: none; } }\n    .nav-search-bar.m-desktop-only:after {\n      content: \"|\";\n      position: absolute;\n      top: 50%;\n      right: 0;\n      transform: translateY(-50%);\n      color: rgba(255, 255, 255, 0.7); }\n\n.nav-search-form {\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  position: relative;\n  transition: width 500ms; }\n  @media only screen and (min-width: 992px) {\n    .nav-search-form {\n      width: 138px; } }\n  .nav-search-form.is-collapsed {\n    width: 0; }\n\n.nav-search-icon {\n  position: absolute;\n  top: 50%;\n  width: 20px;\n  height: 20px;\n  background-position: center center;\n  background-size: 18px;\n  pointer-events: none;\n  fill: rgba(255, 255, 255, 0.7);\n  stroke: rgba(255, 255, 255, 0.7);\n  z-index: 10;\n  vertical-align: middle;\n  transform: translateY(-50%); }\n  @media only screen and (min-width: 992px) {\n    .nav-search-icon {\n      margin-right: 5px; } }\n  .m-desktop-only .nav-search-icon {\n    cursor: pointer;\n    pointer-events: auto;\n    position: static;\n    transform: none; }\n    .m-desktop-only .nav-search-icon:hover {\n      stroke: #ff9c00;\n      fill: #ff9c00; }\n\n.nav-search-field {\n  height: 100%;\n  width: 100%;\n  vertical-align: middle;\n  border: 0;\n  outline: 0;\n  background-color: transparent;\n  color: rgba(255, 255, 255, 0.7);\n  font-weight: 100;\n  font-family: \"Arial\", sans-serif;\n  transition: opacity 0.5s 0.5s ease;\n  text-overflow: ellipsis; }\n  .nav-search-field::placeholder {\n    color: rgba(255, 255, 255, 0.25);\n    text-overflow: ellipsis;\n    transition: color 200ms; }\n\n.search-nav-magnifier-icon {\n  display: block;\n  position: absolute;\n  height: 18px;\n  width: 17px;\n  top: 50%;\n  margin-left: 8px;\n  margin-top: -9px;\n  fill: #9daac8; }\n  @media only screen and (min-width: 992px) {\n    .search-nav-magnifier-icon {\n      margin-left: 10px; } }\n  @media only screen and (min-width: 1280px) {\n    .search-nav-magnifier-icon {\n      margin-left: 15px; } }\n\n.slide-menu {\n  box-sizing: border-box;\n  display: block; }\n  .slide-menu .content {\n    width: 100%;\n    box-sizing: border-box; }\n  .slide-menu.m-centered .content {\n    display: table-cell;\n    vertical-align: middle; }\n  .slide-menu .slide-menu-bottom {\n    position: absolute;\n    bottom: 0;\n    width: 100%; }\n    .slide-menu .slide-menu-bottom .nav-btn {\n      text-align: center; }\n\n.social::before, .social::after {\n  content: ' ';\n  display: table;\n  flex-basis: 0;\n  order: 1; }\n\n.social::after {\n  clear: both; }\n\n.social-header {\n  color: #F6F6F6;\n  margin-bottom: 10px; }\n  @media (min-width: 550px) {\n    .social-header {\n      margin-left: 10px;\n      margin-bottom: 0; } }\n\n.social-share-wrapper, .social-like-wrapper {\n  float: right;\n  width: 50%; }\n  .social-share-wrapper::before, .social-share-wrapper::after, .social-like-wrapper::before, .social-like-wrapper::after {\n    content: ' ';\n    display: table;\n    flex-basis: 0;\n    order: 1; }\n  .social-share-wrapper::after, .social-like-wrapper::after {\n    clear: both; }\n\n.social-share-links {\n  background-color: transparent;\n  display: block;\n  float: right; }\n  .social-share-links::before, .social-share-links::after {\n    content: ' ';\n    display: table;\n    flex-basis: 0;\n    order: 1; }\n  .social-share-links::after {\n    clear: both; }\n\n.social-share-link {\n  background: url(\"img/icons/social/social-media-logos-small.png\") no-repeat;\n  width: 16px;\n  height: 16px;\n  display: block;\n  float: right;\n  margin: 0 1px 0 0; }\n\n.social-share-link.facebook {\n  background-position: 0 0; }\n\n.social-share-link.twitter {\n  background-position: 0 -16px; }\n\n.social-share-link.reddit {\n  background-position: 0 -208px; }\n\n.social-share-link.studivz {\n  background-position: 0 -240px; }\n\n.social-share-link.tuenti {\n  background-position: 0 -224px; }\n\n.social-share-link.nasza-klasa {\n  background-position: 0 -272px; }\n\n.social-share-link.vkontakte {\n  background-position: 0 -288px; }\n\n.social-share-link.odnoklassniki {\n  background-position: 0 -304px; }\n\n.social-share-title {\n  display: block;\n  float: right;\n  padding: 0 5px 0 0;\n  height: 20px;\n  line-height: 20px; }\n\n.social-like-wrapper div,\n.social-like-wrapper object,\n.social-like-wrapper iframe {\n  line-height: 1em;\n  float: left;\n  max-width: 110px;\n  margin-right: 10px; }\n\n@media only screen and (max-width: 30em) {\n  .social-like-wrapper {\n    clear: none; }\n  .social-like-wrapper div,\n  .social-like-wrapper object,\n  .social-like-wrapper iframe {\n    margin-bottom: 1em; }\n  .social-like-wrapper div:last-child,\n  .social-like-wrapper object:last-child,\n  .social-like-wrapper iframe:last-child {\n    margin-bottom: 0; } }\n\n.social-icon-vk {\n  width: 57px;\n  height: 54px;\n  display: inline-block;\n  background-image: url(\"/img/icons/social/new-social-icons.png\");\n  background-size: cover; }\n  .social-icon-vk:hover {\n    background-image: url(\"/img/icons/social/new-social-icons-hover.png\"); }\n\n.social-icon-facebook {\n  width: 57px;\n  height: 54px;\n  display: inline-block;\n  background-image: url(\"/img/icons/social/new-social-icons.png\");\n  background-size: cover;\n  background-position: -73px; }\n  .social-icon-facebook:hover {\n    background-image: url(\"/img/icons/social/new-social-icons-hover.png\"); }\n\n.social-icon-twitter {\n  width: 57px;\n  height: 54px;\n  display: inline-block;\n  background-image: url(\"/img/icons/social/new-social-icons.png\");\n  background-size: cover;\n  background-position: -146px 0; }\n  .social-icon-twitter:hover {\n    background-image: url(\"/img/icons/social/new-social-icons-hover.png\"); }\n\n.social-icon-youtube {\n  width: 57px;\n  height: 54px;\n  display: inline-block;\n  background-image: url(\"/img/icons/social/new-social-icons.png\");\n  background-size: cover;\n  background-position: -219px 0; }\n  .social-icon-youtube:hover {\n    background-image: url(\"/img/icons/social/new-social-icons-hover.png\"); }\n\n.social-icon-instagram {\n  width: 57px;\n  height: 54px;\n  display: inline-block;\n  background-image: url(\"/img/icons/social/new-social-icons.png\");\n  background-size: cover;\n  background-position: -292px 0; }\n  .social-icon-instagram:hover {\n    background-image: url(\"/img/icons/social/new-social-icons-hover.png\"); }\n\n.social-icon-spacer {\n  display: inline-block;\n  background-image: url(\"/img/icons/social/new-social-icons.png\");\n  width: 14px;\n  height: 54px;\n  background-size: cover;\n  background-position: -56px 0;\n  margin: 0 2px; }\n\n/*\n    Spotlight component styles\n*/\n.spotlight {\n  position: relative; }\n\n.spotlight-header, .spotlight-caption {\n  color: #F6F6F6;\n  padding-left: 64%;\n  text-align: center; }\n\n.spotlight-caption {\n  min-height: 48px; }\n\n.spotlight-image {\n  position: relative;\n  left: -270px;\n  display: inline-block;\n  min-width: 746px;\n  min-height: 440px;\n  margin: 0 auto;\n  background-size: auto 100%;\n  background-repeat: no-repeat;\n  background-position: right bottom;\n  z-index: 0; }\n\n.spotlight-banner {\n  width: 100%;\n  min-height: 200px;\n  position: absolute;\n  padding: 10px 0 15px 0;\n  top: calc(50% - 100px);\n  text-align: right;\n  background-image: linear-gradient(to right, rgba(64, 82, 117, 0) 0%, rgba(64, 82, 117, 0.8) 25%, rgba(64, 82, 117, 0.8) 75%, rgba(64, 82, 117, 0) 100%);\n  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n  background-position: center center;\n  background-size: 1920px auto;\n  z-index: 0; }\n\n.sub-nav {\n  position: relative;\n  z-index: 20; }\n  .sub-nav .is-menu-hidden .sub-nav-item {\n    left: 100%;\n    margin-left: -3.6rem; }\n    @media only screen and (min-width: 992px) {\n      .sub-nav .is-menu-hidden .sub-nav-item:hover {\n        margin-left: -100%;\n        transition: .3s; }\n        .sub-nav .is-menu-hidden .sub-nav-item:hover .sub-nav-icon {\n          background-color: rgba(0, 0, 0, 0.1);\n          opacity: 1; } }\n  .sub-nav .sub-nav-menu {\n    position: fixed;\n    right: 0;\n    top: 50%;\n    transform: translate(0%, -50%); }\n  .sub-nav .sub-nav-item {\n    display: block;\n    position: relative;\n    margin-bottom: .1em;\n    background-color: #3c4860;\n    border-radius: .3rem; }\n    .sub-nav .sub-nav-item:hover, .sub-nav .sub-nav-item.active {\n      background-color: #00c3ff; }\n      .sub-nav .sub-nav-item:hover .sub-nav-icon, .sub-nav .sub-nav-item.active .sub-nav-icon {\n        background-position: top;\n        opacity: 1; }\n      .sub-nav .sub-nav-item:hover .sub-nav-text, .sub-nav .sub-nav-item.active .sub-nav-text {\n        opacity: 1; }\n  .sub-nav .sub-nav-btn {\n    color: #333333;\n    display: block; }\n  .sub-nav .sub-nav-icon {\n    display: inline-block;\n    padding: .5rem;\n    height: 100%;\n    vertical-align: middle;\n    width: 1em;\n    height: 1em;\n    font-size: 3.90625rem;\n    background-color: rgba(0, 0, 0, 0.2);\n    background-position: 0 -1em;\n    border-radius: .3rem 0 0 .3rem;\n    background-size: 1em 2em;\n    fill: #F6F6F6;\n    opacity: 0.8; }\n    .sub-nav .sub-nav-icon * {\n      fill: #F6F6F6; }\n  .sub-nav .sub-nav-text {\n    display: inline-block;\n    vertical-align: middle;\n    padding: 0.3em 1.2em;\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 1.6rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    color: #F6F6F6;\n    opacity: .5; }\n\nbody.ko-kr .sub-nav .sub-nav-text {\n  font-size: 1.28rem; }\n\n.summer-games-heroes {\n  display: none; }\n  @media only screen and (min-width: 768px) {\n    .summer-games-heroes {\n      display: block;\n      background: url(\"img/announcement/summer-games/summer-games-heroes.png\") no-repeat;\n      background-size: cover;\n      width: 56vw;\n      height: 34vw;\n      position: absolute;\n      bottom: 0;\n      right: 10rem; } }\n  @media only screen and (min-width: 1280px) {\n    .summer-games-heroes {\n      right: 20rem; } }\n\n.summer-games-loot-box {\n  right: 50%;\n  margin-right: -22vw;\n  width: 50vw;\n  height: 43vw;\n  bottom: -5vw;\n  background: url(\"img/announcement/summer-games/summer-games-loot-box.png\") no-repeat;\n  background-size: cover;\n  position: absolute; }\n  @media only screen and (min-width: 768px) {\n    .summer-games-loot-box {\n      bottom: 0;\n      right: -3vw;\n      margin-right: 0;\n      width: 20vw;\n      height: 17vw; } }\n\n.summer-games-logo {\n  top: 4vw;\n  left: 50%;\n  margin-left: -5.5vw;\n  width: 11vw;\n  height: 15vw;\n  background: url(\"img/announcement/summer-games/summer-games-logo.png\") no-repeat;\n  background-size: cover;\n  position: absolute;\n  right: 20px; }\n  @media only screen and (min-width: 768px) {\n    .summer-games-logo {\n      margin-left: 0;\n      left: initial;\n      width: 8vw;\n      height: 11vw; } }\n\n.toggle-display {\n  display: none; }\n  .toggle-display.is-active {\n    display: block; }\n\n.unlock-item--image {\n  display: block;\n  width: 100%;\n  border-radius: 6px;\n  border: 2px solid #fff; }\n\n.unlock-item--caption {\n  width: 80%;\n  margin-left: auto;\n  margin-right: auto;\n  text-align: center;\n  font-size: 1.6rem;\n  text-transform: uppercase; }\n\n.user {\n  display: inline-block;\n  position: relative;\n  padding: 20px 97px 21px 25px;\n  width: auto;\n  border-bottom: none;\n  font-family: \"Arial\", sans-serif;\n  font-size: 1.28rem;\n  font-weight: normal;\n  text-align: left;\n  text-transform: none;\n  letter-spacing: normal; }\n\n.user.m-small {\n  padding: 20px 87px 21px 15px; }\n\n.user-name {\n  position: relative;\n  display: inline-block;\n  padding-right: 14px;\n  font-size: 1.28rem;\n  color: #ff9c00;\n  font-weight: bold;\n  line-height: 1.3; }\n\n.user-profile-link {\n  display: block;\n  color: #F6F6F6;\n  font-size: 1.024rem;\n  font-weight: normal;\n  white-space: nowrap; }\n\n.user-icon {\n  height: 62px;\n  width: 62px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  margin: 5px 25px 0 0;\n  border-radius: 2px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  background-size: 100% auto;\n  background-size: cover;\n  background-position: center center; }\n\n.user.m-small > .user-icon {\n  margin-right: 15px; }\n\n[video] {\n  position: relative;\n  padding-bottom: 56.25%;\n  margin-bottom: 15px;\n  background-color: #000; }\n  [video]:before {\n    content: '';\n    display: block;\n    width: 100px;\n    height: 100px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    margin-top: -50px;\n    margin-left: -50px;\n    background-image: url(\"img/icons/loading.svg\");\n    background-position: center center;\n    background-repeat: no-repeat;\n    visibility: hidden;\n    opacity: 0;\n    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);\n    z-index: 3; }\n  [video] > .play, [video] > .poster, [video] > .video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }\n  [video] > .play {\n    z-index: 2;\n    visibility: hidden;\n    opacity: 0;\n    cursor: pointer;\n    background-image: url(\"img/icons/youtube-btn-ylw.png\");\n    background-repeat: no-repeat;\n    background-position: center center; }\n  [video] > .poster {\n    z-index: 1;\n    visibility: hidden;\n    opacity: 0;\n    background-color: #000;\n    background-size: cover;\n    background-position: center center; }\n  [video] > .video {\n    z-index: 0;\n    visibility: visible;\n    opacity: 1;\n    background-color: #000; }\n  [video].loading:before, [video].buffering:before {\n    visibility: visible;\n    opacity: 1; }\n  [video].unstarted > .play, [video].ended > .play, [video].paused > .play {\n    visibility: visible;\n    opacity: 1; }\n  [video].loading > .play {\n    visibility: hidden;\n    opacity: 0; }\n  [video].loading > .video {\n    visibility: hidden;\n    opacity: 0; }\n  [video].paused > .poster, [video].playing > .poster, [video].buffering > .poster {\n    visibility: hidden;\n    opacity: 0; }\n  [video].paused > .video, [video].playing > .video, [video].buffering > .video {\n    visibility: visible;\n    opacity: 1; }\n  [video].playing > .play {\n    visibility: hidden;\n    opacity: 0; }\n  [video].m-edge .play, [video].m-edge .poster, [video].m-edge:before, [video].m-ie .play, [video].m-ie .poster, [video].m-ie:before, [video].m-mobile .play, [video].m-mobile .poster, [video].m-mobile:before, [video].m-touch .play, [video].m-touch .poster, [video].m-touch:before {\n    visibility: hidden;\n    opacity: 0; }\n\n.wallpaper-icon {\n  display: inline-block;\n  position: relative; }\n  .wallpaper-icon:before {\n    content: '';\n    width: 75px;\n    height: 75px;\n    margin: 0 auto;\n    background-position: center top;\n    background-repeat: no-repeat;\n    display: block; }\n  .wallpaper-icon:hover:before {\n    background-position: center bottom; }\n  .wallpaper-icon.m-urlwide:before {\n    background-image: url(\"img/icons/wallpaper-wide.png\"); }\n  .wallpaper-icon.m-urlstandard:before {\n    background-image: url(\"img/icons/wallpaper-standard.png\"); }\n  .wallpaper-icon.m-urltablet:before {\n    background-image: url(\"img/icons/wallpaper-tablet.png\"); }\n  .wallpaper-icon.m-urlmobile:before {\n    background-image: url(\"img/icons/wallpaper-mobile.png\"); }\n  .wallpaper-icon.m-urlfacebook:before {\n    background-image: url(\"img/icons/wallpaper-facebook.png\"); }\n  .wallpaper-icon.m-urltwitter:before {\n    background-image: url(\"img/icons/wallpaper-twitter.png\"); }\n  .wallpaper-icon > span {\n    color: #F6F6F6;\n    display: block; }\n\n.youtubePlayer.is-active .youtubePlayer-preview {\n  display: none; }\n\n.youtubePlayer-frame {\n  display: block;\n  padding-top: 100%;\n  position: relative;\n  overflow: hidden;\n  padding-top: 100%;\n  border: 3px solid rgba(255, 255, 255, 0.3);\n  border-radius: 3px;\n  transition: all 200ms;\n  cursor: pointer;\n  display: none; }\n  .youtubePlayer-frame-fill {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: inherit;\n    background-clip: inherit;\n    background-position: inherit; }\n  .youtubePlayer-frame.m-image {\n    background-size: cover;\n    background-clip: padding-box;\n    background-position: center; }\n  .youtubePlayer-frame.m-2-1 {\n    padding-top: 50%; }\n  .youtubePlayer-frame.m-4-3 {\n    padding-top: 75%; }\n  .youtubePlayer-frame.m-16-9 {\n    padding-top: 56.25%; }\n  .youtubePlayer-frame.m-10-9 {\n    padding-top: 90%; }\n  .youtubePlayer-frame.m-20-9 {\n    padding-top: 45%; }\n  @media only screen and (min-width: 0px) and (max-width: 399px) {\n    .youtubePlayer-frame.m-2-1\\@xs {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@xs {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@xs {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@xs {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@xs {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) {\n    .youtubePlayer-frame.m-2-1\\@sm {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@sm {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@sm {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@sm {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@sm {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 400px) {\n    .youtubePlayer-frame.m-2-1\\@sm-min {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@sm-min {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@sm-min {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@sm-min {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@sm-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) {\n    .youtubePlayer-frame.m-2-1\\@md {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@md {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@md {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@md {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@md {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 768px) {\n    .youtubePlayer-frame.m-2-1\\@md-min {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@md-min {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@md-min {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@md-min {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@md-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) {\n    .youtubePlayer-frame.m-2-1\\@lg {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@lg {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@lg {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@lg {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@lg {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 992px) {\n    .youtubePlayer-frame.m-2-1\\@lg-min {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@lg-min {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@lg-min {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@lg-min {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@lg-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) {\n    .youtubePlayer-frame.m-2-1\\@xl {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@xl {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@xl {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@xl {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@xl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1280px) {\n    .youtubePlayer-frame.m-2-1\\@xl-min {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@xl-min {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@xl-min {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@xl-min {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@xl-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) {\n    .youtubePlayer-frame.m-2-1\\@xxl {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@xxl {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@xxl {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@xxl {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@xxl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1600px) {\n    .youtubePlayer-frame.m-2-1\\@xxl-min {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@xxl-min {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@xxl-min {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@xxl-min {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@xxl-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) {\n    .youtubePlayer-frame.m-2-1\\@xxxl {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@xxxl {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@xxxl {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@xxxl {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@xxxl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 2560px) {\n    .youtubePlayer-frame.m-2-1\\@xxxl-min {\n      padding-top: 50%; }\n    .youtubePlayer-frame.m-4-3\\@xxxl-min {\n      padding-top: 75%; }\n    .youtubePlayer-frame.m-16-9\\@xxxl-min {\n      padding-top: 56.25%; }\n    .youtubePlayer-frame.m-10-9\\@xxxl-min {\n      padding-top: 90%; }\n    .youtubePlayer-frame.m-20-9\\@xxxl-min {\n      padding-top: 45%; } }\n  .youtubePlayer-frame:hover, .youtubePlayer-frame:focus {\n    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);\n    border-color: white; }\n  .youtubePlayer.is-active .youtubePlayer-frame {\n    display: block; }\n\n.youtubePlayer-placeholder {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 100%; }\n\n@keyframes transition-out {\n  0% {\n    transform: translateX(0) translateY(-50%);\n    opacity: 1; }\n  30% {\n    transform: translateX(-50px) translateY(-50%);\n    opacity: 0; }\n  100% {\n    transform: translateX(-50px) translateY(-50%);\n    opacity: 0; } }\n\n@keyframes transition-in {\n  0% {\n    transform: translateX(20px) translateY(-50%);\n    opacity: 0; }\n  2% {\n    transform: translateX(20px) translateY(-50%);\n    opacity: 0; }\n  30% {\n    transform: translateX(0px) translateY(-50%);\n    opacity: 1; }\n  100% {\n    transform: translateX(0px) translateY(-50%);\n    opacity: 1; } }\n\n.home-header {\n  position: relative;\n  background-image: url(img/pages/home/homepage-header-mobile-bg.jpg);\n  background-position: center top;\n  background-size: cover;\n  background-color: #555d70; }\n  @media only screen and (min-width: 768px) {\n    .home-header {\n      background-image: url(img/pages/home/homepage-header-tablet-bg.jpg);\n      background-color: #48597d; } }\n  @media only screen and (min-width: 1280px) {\n    .home-header {\n      margin-top: 0;\n      padding-bottom: 17vh;\n      background-image: none;\n      min-height: 720px;\n      height: 100vh; } }\n\n.home-header__video-bg {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  overflow: hidden; }\n  .home-header__video-bg > video {\n    position: absolute;\n    display: block;\n    min-height: 100%;\n    min-width: 100%;\n    width: auto;\n    height: auto;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%); }\n  @media only screen and (min-width: 1280px) {\n    .home-header__video-bg:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background-image: linear-gradient(to bottom, transparent, transparent 56%, rgba(12, 11, 14, 0.62) 91%, rgba(12, 11, 14, 0.91) 100%); } }\n\n.home-header__logo {\n  margin-top: 30px;\n  min-height: 190px;\n  height: 27.3vmin;\n  fill: #F6F6F6; }\n  @media only screen and (min-width: 1600px) {\n    .home-header__logo {\n      height: 38.2vmin; } }\n  .home-header__logo--dark {\n    fill: #333333; }\n  .zh-tw .home-header__logo {\n    padding-left: 20px;\n    padding-right: 20px; }\n\n.home-header__logotext {\n  width: 80vw;\n  max-width: 100%;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  fill: #F6F6F6; }\n  @media only screen and (min-width: 768px) {\n    .home-header__logotext {\n      width: 70vw;\n      margin-top: 12px;\n      margin-bottom: 12px; } }\n  .home-header__logotext--dark {\n    fill: #333333; }\n  .zh-tw .home-header__logotext {\n    max-height: 70px;\n    margin-top: 20px; }\n\n.home-header__tagline {\n  font-family: \"Big Noodle Too\", impact, sans-serif;\n  font-style: italic;\n  font-weight: normal; }\n  @media only screen and (min-width: 1280px) {\n    .home-header__tagline {\n      color: #F6F6F6;\n      padding-top: 12px; } }\n  @media only screen and (min-width: 1600px) {\n    .home-header__tagline {\n      font-size: 4.88281rem; } }\n\n.home-header__button-container {\n  margin-top: 43vw;\n  display: flex;\n  flex-direction: column; }\n  @media only screen and (min-width: 768px) {\n    .home-header__button-container {\n      margin-top: 24vw; } }\n  @media only screen and (min-width: 1280px) {\n    .home-header__button-container {\n      margin-top: 60px; } }\n  @media only screen and (min-width: 1600px) {\n    .home-header__button-container {\n      margin-top: 80px; } }\n\n.home-header__button--buy, .home-header__button--watch {\n  flex: 0 1 auto; }\n\n.home-header__button--watch {\n  margin-top: 18px;\n  fill: #333333; }\n  .home-header__button--watch:hover, .home-header__button--watch:active {\n    fill: #FFF; }\n  .home-header__button--watch > .play-icon {\n    width: 1em;\n    height: 1em;\n    margin-right: 6px;\n    fill: inherit; }\n\n.home-header__bottom-container {\n  pointer-events: none; }\n  @media only screen and (min-width: 1280px) {\n    .home-header__bottom-container {\n      width: 100%;\n      position: absolute;\n      bottom: 0; } }\n\n.home-header__bottom {\n  padding-bottom: 18px;\n  flex-direction: column-reverse;\n  justify-content: space-between;\n  align-items: center; }\n  @media only screen and (min-width: 768px) {\n    .home-header__bottom {\n      flex-direction: row;\n      align-items: flex-end; } }\n\n.home-header__platform-icon-container {\n  margin-top: 18px;\n  align-items: flex-start;\n  justify-content: center;\n  width: 70vw; }\n  @media only screen and (min-width: 768px) {\n    .home-header__platform-icon-container {\n      margin-top: 0;\n      justify-content: flex-start;\n      width: 48vw; } }\n  @media only screen and (min-width: 992px) {\n    .home-header__platform-icon-container {\n      width: 35vw; } }\n\n.home-header__platform-icon {\n  display: inline-block;\n  vertical-align: bottom;\n  width: auto;\n  height: auto; }\n  .home-header__platform-icon.xb1 {\n    width: 31.8%; }\n  .home-header__platform-icon.ps4 {\n    margin-left: 6%;\n    width: 30.2%; }\n  .home-header__platform-icon.pc {\n    margin-left: 6%;\n    width: 9.2%; }\n\n.home-header__goty {\n  width: 18vmin;\n  max-width: 296px;\n  min-width: 140px;\n  padding-top: 3.8vw; }\n  @media only screen and (min-width: 768px) {\n    .home-header__goty {\n      padding-top: 0; } }\n  @media only screen and (min-width: 1600px) {\n    .home-header__goty {\n      width: 22vmin; } }\n\n@media only screen and (max-width: 767px) {\n  body.home {\n    background-color: #fbe6e9; }\n    body.home .u-white-background {\n      background-color: #fbe6e9; } }\n\nbody.home .heroes-section {\n  text-align: center;\n  background-image: url(\"img/scene/candy.jpg\");\n  background-position: top center;\n  background-size: cover; }\n  @media only screen and (max-width: 991px) {\n    body.home .heroes-section {\n      position: relative; }\n      body.home .heroes-section .hero-portrait-group {\n        position: relative;\n        z-index: 1; }\n      body.home .heroes-section:after {\n        content: \" \";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 100px;\n        background: linear-gradient(to bottom, rgba(240, 237, 242, 0) 0%, #f0edf2 100%); } }\n  @media only screen and (max-width: 767px) {\n    body.home .heroes-section:after {\n      background: linear-gradient(to bottom, rgba(251, 230, 233, 0) 0%, #fbe6e9 100%); } }\n\nbody.home .heroes-section-subheader {\n  margin-bottom: 36px; }\n  @media only screen and (min-width: 1280px) {\n    body.home .heroes-section-subheader {\n      font-size: 2.5rem; } }\n\nbody.home .fight-section {\n  letter-spacing: 0.05em;\n  padding: 65px 0 95px;\n  position: relative;\n  overflow: hidden;\n  text-align: center;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.4);\n  padding-top: 79%; }\n  @media only screen and (min-width: 400px) {\n    body.home .fight-section {\n      padding-top: 50%; } }\n  @media only screen and (min-width: 992px) {\n    body.home .fight-section {\n      padding-top: 80px;\n      background: none;\n      color: #F6F6F6;\n      text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); } }\n  body.home .fight-section .button {\n    margin-top: 30px; }\n\nbody.home .intro-section {\n  background-image: url(\"img/pages/home/hp-mobile-bg.jpg\");\n  background-position: center top; }\n  @media only screen and (min-width: 768px) {\n    body.home .intro-section {\n      background-color: #fffeff;\n      height: 70vh;\n      max-height: 41vw;\n      position: relative;\n      background-image: url(\"img/pages/home/hp-bg-candy-only.jpg\");\n      background-position: center -100px; }\n      body.home .intro-section:before, body.home .intro-section:after {\n        background-image: url(\"img/pages/home/left-heroes.png\");\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 100%;\n        background-size: contain;\n        position: absolute;\n        top: 0;\n        left: 0; }\n      body.home .intro-section:after {\n        background-image: url(\"img/pages/home/right-heroes.png\");\n        background-position: right; }\n      body.home .intro-section .border-detail {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 132px;\n        width: 100%;\n        background-image: url(\"img/pages/home/hp-lower-border-detail.png\");\n        background-position: center bottom;\n        z-index: 1; } }\n  body.home .intro-section .overwatch-hero-content {\n    position: relative;\n    z-index: 10;\n    height: 100%;\n    margin-top: 2rem; }\n    @media only screen and (min-width: 768px) {\n      body.home .intro-section .overwatch-hero-content {\n        margin-top: 0rem; } }\n    @media only screen and (min-width: 992px) {\n      body.home .intro-section .overwatch-hero-content {\n        margin-top: 2rem; } }\n    @media only screen and (min-width: 1280px) {\n      body.home .intro-section .overwatch-hero-content {\n        margin-top: 0rem; } }\n    body.home .intro-section .overwatch-hero-content .logo {\n      width: 80vw;\n      height: 60.21053vw;\n      max-width: 30rem;\n      max-height: 22.57895rem; }\n      @media only screen and (min-width: 768px) {\n        body.home .intro-section .overwatch-hero-content .logo {\n          width: 27vw;\n          height: 15.37028vw;\n          max-width: 75vh;\n          max-height: 42.69521vh; } }\n      @media only screen and (min-width: 1600px) {\n        body.home .intro-section .overwatch-hero-content .logo {\n          width: 32vw;\n          height: 18.21662vw;\n          max-width: 80vh;\n          max-height: 45.54156vh; } }\n  body.home .intro-section .cta-stacked {\n    margin-top: 4rem; }\n    body.home .intro-section .cta-stacked .button {\n      margin-bottom: 1rem; }\n\nbody.home .cta-bar-container {\n  position: relative;\n  z-index: 20;\n  display: none; }\n  body.home .cta-bar-container .button {\n    border-top: 0px;\n    border-bottom: 0px; }\n  body.home .cta-bar-container .center-in-button {\n    padding-top: 12px;\n    padding-bottom: 12px; }\n  body.home .cta-bar-container .cell {\n    width: 50%;\n    display: table-cell;\n    height: 100%; }\n    body.home .cta-bar-container .cell a {\n      height: 100%; }\n  body.home .cta-bar-container .cta-bar {\n    display: table;\n    width: 100%;\n    height: 100%;\n    margin-top: 5px; }\n    body.home .cta-bar-container .cta-bar .center-in-button-wrapper {\n      height: 100%;\n      width: 100%;\n      display: table; }\n    body.home .cta-bar-container .cta-bar .center-in-button {\n      display: table-cell;\n      vertical-align: middle;\n      height: 100%; }\n    body.home .cta-bar-container .cta-bar .homepage-cta, body.home .cta-bar-container .cta-bar .video-cta {\n      position: relative; }\n      @media only screen and (min-width: 768px) and (max-width: 991px) {\n        body.home .cta-bar-container .cta-bar .homepage-cta, body.home .cta-bar-container .cta-bar .video-cta {\n          font-size: 1.6rem; } }\n    body.home .cta-bar-container .cta-bar .homepage-cta {\n      float: right;\n      padding-right: 140px;\n      padding-left: 20px;\n      display: inline-block;\n      width: auto; }\n      body.home .cta-bar-container .cta-bar .homepage-cta .btn-art {\n        opacity: 0; }\n        body.home .cta-bar-container .cta-bar .homepage-cta .btn-art.fallback {\n          opacity: 1; }\n        body.home .cta-bar-container .cta-bar .homepage-cta .btn-art.trans-out {\n          z-index: 1;\n          animation: transition-out 3s;\n          animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }\n        body.home .cta-bar-container .cta-bar .homepage-cta .btn-art.trans-in {\n          animation: transition-in 3s;\n          animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }\n    body.home .cta-bar-container .cta-bar .homepage-cta--button-text {\n      display: block; }\n    body.home .cta-bar-container .cta-bar .video-cta {\n      float: left;\n      padding-left: 180px;\n      padding-right: 20px;\n      display: inline-block;\n      width: auto; }\n      body.home .cta-bar-container .cta-bar .video-cta .media-thumbnail {\n        border: 0px;\n        border-radius: 0px; }\n        body.home .cta-bar-container .cta-bar .video-cta .media-thumbnail > .wrap:after {\n          background-size: 30% auto; }\n      body.home .cta-bar-container .cta-bar .video-cta .btn-art {\n        left: 10px;\n        width: 150px;\n        margin-top: 0px;\n        right: auto; }\n    body.home .cta-bar-container .cta-bar .btn-art {\n      position: absolute;\n      right: 10px;\n      display: block;\n      top: 50%;\n      transform: translateY(-50%); }\n  @media only screen and (min-width: 768px) {\n    body.home .cta-bar-container {\n      display: block; } }\n\n@media screen and (min-width: 400px) and (max-width: 767px) {\n  body.home .intro-trailer, body.home .homepage-cta {\n    width: 100%;\n    max-width: 310px; } }\n\nbody.home .intro-vods {\n  margin-top: 12px; }\n\nbody.home .bottom-bg {\n  padding-bottom: 24px;\n  background: url(\"img/pages/home/game-bg-mobile.png\") 0 bottom; }\n  @media only screen and (min-width: 768px) {\n    body.home .bottom-bg {\n      background: url(\"img/pages/home/game-bg-tablet.png\") no-repeat;\n      background-size: cover; } }\n\nbody.home .hero-portrait-group {\n  padding: 0rem 1.2rem; }\n  @media only screen and (min-width: 768px) {\n    body.home .hero-portrait-group {\n      padding: 0rem; } }\n\nbody.home .mobile-cta {\n  text-align: center; }\n  @media only screen and (min-width: 768px) {\n    body.home .mobile-cta {\n      display: none; } }\n  body.home .mobile-cta .homepage-cta {\n    margin: 25px auto 0; }\n  body.home .mobile-cta .intro-trailer {\n    margin: 35px auto;\n    display: block;\n    max-width: none; }\n\nbody.home .cta-bar {\n  padding: 0 0.8333%; }\n\nbody.home .news-panels {\n  margin: 0 0 70px;\n  text-align: center; }\n  body.home .news-panels h2 {\n    text-align: center;\n    margin: 30px 0 30px; }\n  body.home .news-panels .intro-button {\n    margin-top: 25px; }\n    @media only screen and (max-width: 767px) {\n      body.home .news-panels .intro-button {\n        width: 100%;\n        padding-left: 0;\n        padding-right: 0; } }\n\nbody.home .media-card-title {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis; }\n\nbody.home .footer-prepurchase {\n  display: none; }\n\n@media only screen and (min-width: 992px) {\n  body.home .nav-logo {\n    display: none; } }\n\n.home-page-sku-section {\n  position: relative;\n  border-top: 1px solid rgba(255, 255, 255, 0.4);\n  background-image: url(\"img/pages/home/purchase-section-bg.jpg\");\n  background-size: cover;\n  background-position: center center;\n  padding-top: 25px;\n  padding-bottom: 44px;\n  min-height: 262px; }\n  @media only screen and (min-width: 400px) {\n    .home-page-sku-section {\n      min-height: 194px; } }\n  @media only screen and (min-width: 992px) {\n    .home-page-sku-section {\n      min-height: 306px; } }\n\n.home-page-sku-section__box-art {\n  float: right;\n  margin-right: 20px;\n  max-width: 436px; }\n  @media only screen and (min-width: 1280px) {\n    .home-page-sku-section__box-art {\n      float: none;\n      margin-right: 0;\n      width: 45vw;\n      transform: scale(0.9); } }\n  @media only screen and (min-width: 1600px) {\n    .home-page-sku-section__box-art {\n      transform: none; } }\n\n.home-page-sku-section__text-container {\n  padding-top: 20px; }\n  @media only screen and (min-width: 992px) {\n    .home-page-sku-section__text-container {\n      padding-top: 34px;\n      padding-left: 20px; } }\n\n.home-page-sku-section__cta {\n  margin-left: auto;\n  margin-right: auto;\n  margin-top: 18px; }\n  @media only screen and (min-width: 400px) {\n    .home-page-sku-section__cta {\n      margin-top: 24px;\n      margin-left: 0;\n      margin-right: 0; } }\n  @media only screen and (min-width: 1280px) {\n    .home-page-sku-section__cta {\n      margin-top: 18px; } }\n\n@media only screen and (min-width: 1600px) {\n  .home-page-sku-section__brigitte-container {\n    position: relative; } }\n\n.home-page-sku-section__brigitte-flail {\n  position: absolute;\n  bottom: -20px;\n  width: 46vw;\n  max-width: 680px; }\n  @media only screen and (min-width: 1600px) {\n    .home-page-sku-section__brigitte-flail {\n      bottom: -280px; } }\n\nbody.game {\n  background-color: #060009; }\n  body.game p img {\n    vertical-align: middle; }\n  body.game .gray-blue {\n    color: #9daac8; }\n    body.game .gray-blue > p {\n      color: #9daac8; }\n  body.game .overview-section:not(li) {\n    position: relative;\n    z-index: 1;\n    padding-top: 150px;\n    text-align: center;\n    background-image: url(\"img/pages/game/backgrounds/bg-welcometooverwatch-mobile-3.jpg\");\n    background-color: #1B0B0C;\n    background-size: cover;\n    background-position: 0px; }\n    @media only screen and (min-width: 1280px) {\n      body.game .overview-section:not(li) {\n        background-position: 25% top;\n        text-align: left;\n        padding-bottom: 130px; } }\n    @media only screen and (min-width: 768px) {\n      body.game .overview-section:not(li) {\n        background-image: url(\"img/pages/game/backgrounds/bg-welcometooverwatch-3.jpg\"); } }\n    body.game .overview-section:not(li) .intro-row {\n      margin-top: 8rem; }\n    body.game .overview-section:not(li) .game-description {\n      margin-left: auto;\n      margin-right: auto;\n      margin-bottom: 12px;\n      font-size: 2rem;\n      max-width: 40em; }\n      @media only screen and (min-width: 1280px) {\n        body.game .overview-section:not(li) .game-description {\n          margin-left: 0; } }\n    body.game .overview-section:not(li) .overwatch-trailer {\n      max-width: 540px;\n      margin-left: auto;\n      margin-right: auto;\n      margin-bottom: 12px; }\n      @media only screen and (min-width: 1280px) {\n        body.game .overview-section:not(li) .overwatch-trailer {\n          margin-right: 30px;\n          margin-bottom: 0; } }\n  body.game .heroes-section:not(li) {\n    position: relative;\n    border-bottom: 5px solid rgba(255, 255, 255, 0.5);\n    padding-bottom: 40px;\n    z-index: 2; }\n    body.game .heroes-section:not(li):before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      height: 100%;\n      width: 100%;\n      background-image: url(\"img/pages/game/backgrounds/game_teams_bg.jpg\");\n      z-index: -1; }\n    @media only screen and (min-width: 1280px) {\n      body.game .heroes-section:not(li) {\n        padding-bottom: 200px; } }\n    body.game .heroes-section:not(li) .button {\n      margin-top: 40px; }\n    body.game .heroes-section:not(li) .overwatch-logo, body.game .heroes-section:not(li) .overwatch-logo-mini {\n      position: relative;\n      top: -40px;\n      margin-bottom: -40px;\n      max-width: 90%;\n      fill: #F6F6F6; }\n    body.game .heroes-section:not(li) .overwatch-logo {\n      height: 320px;\n      max-width: 30%;\n      padding: 16px; }\n      @media only screen and (max-width: 991px) {\n        body.game .heroes-section:not(li) .overwatch-logo {\n          display: none; } }\n      body.game .heroes-section:not(li) .overwatch-logo > svg {\n        width: 100%;\n        height: 100%; }\n    body.game .heroes-section:not(li) .overwatch-logo-mini {\n      width: 320px; }\n      @media only screen and (min-width: 992px) {\n        body.game .heroes-section:not(li) .overwatch-logo-mini {\n          display: none; } }\n    @media only screen and (min-width: 992px) {\n      body.game .heroes-section:not(li) .left-team-image {\n        background-image: url(\"img/pages/game/backgrounds/game_teams_left.png\");\n        position: absolute;\n        left: 0;\n        top: -60px;\n        height: calc(100% + 60px);\n        width: 60%;\n        background-position: right bottom;\n        background-size: auto 100%;\n        z-index: -1; }\n      body.game .heroes-section:not(li) .right-team-image {\n        background-image: url(\"img/pages/game/backgrounds/game_teams_right.png\");\n        position: absolute;\n        right: 0;\n        top: -60px;\n        height: calc(100% + 60px);\n        width: 50%;\n        background-position: left bottom;\n        background-size: auto 100%;\n        z-index: -1; } }\n    @media only screen and (min-width: 1600px) {\n      body.game .heroes-section:not(li) .left-team-image {\n        background-position: left bottom; }\n      body.game .heroes-section:not(li) .right-team-image {\n        background-position: right bottom; } }\n  body.game .map-group--map {\n    width: 33.33%;\n    padding-left: 6px;\n    padding-right: 6px;\n    margin-bottom: 2rem;\n    display: inline-block;\n    text-align: center;\n    vertical-align: top; }\n  body.game .map-group--maps-container {\n    text-align: center; }\n  body.game .game-maps-section {\n    background-image: url(\"img/pages/game/backgrounds/bg-maps-section.jpg\");\n    background-size: contain;\n    background-position: top;\n    background-color: #1f2224;\n    left: 0;\n    position: relative;\n    transition: left 250ms ease-in-out; }\n    @media only screen and (min-width: 992px) {\n      body.game .game-maps-section {\n        background-size: cover; } }\n    @media only screen and (max-width: 767px) {\n      body.game .game-maps-section {\n        padding-bottom: 0px; } }\n  body.game .maps-subtitle {\n    padding-bottom: 60px; }\n  body.game .map-types {\n    background-color: #314550; }\n    @media only screen and (min-width: 768px) {\n      body.game .map-types {\n        margin-bottom: 24px;\n        background-color: rgba(49, 69, 80, 0.65); } }\n  body.game .map-types-flex {\n    display: block; }\n    @media only screen and (min-width: 768px) {\n      body.game .map-types-flex {\n        display: flex;\n        flex-wrap: wrap;\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-items: stretch;\n        padding-top: 20px;\n        padding-bottom: 20px; } }\n  body.game .map-type-wrapper {\n    min-width: 100%;\n    flex: 1 1 346px;\n    border-bottom: 1px solid #476577;\n    padding: 20px 10px 20px 10px;\n    pointer-events: auto;\n    transition: background-color 100ms linear; }\n    @media only screen and (min-width: 768px) {\n      body.game .map-type-wrapper {\n        padding: 20px 20px 20px 10px;\n        border-bottom: none;\n        min-width: 325px;\n        width: 50%;\n        cursor: pointer; } }\n    @media only screen and (min-width: 1280px) {\n      body.game .map-type-wrapper {\n        max-width: 33.33%; } }\n  @media only screen and (min-width: 768px) {\n    body.game .map-type-wrapper:hover {\n      background-color: #476577;\n      cursor: pointer; } }\n  @media only screen and (min-width: 768px) {\n    body.game .map-type-wrapper-active {\n      background-color: #476577; } }\n  body.game .map-type-icon {\n    width: 75px;\n    height: 75px;\n    position: relative;\n    fill: #f0edf2;\n    stroke: #f0edf2;\n    stroke-width: 0; }\n  body.game .map-type-icon-mobile {\n    position: relative;\n    min-width: 0px;\n    width: 30px;\n    height: 30px;\n    margin-right: 7px; }\n  body.game .map-type-name {\n    vertical-align: middle;\n    font-weight: 300; }\n  body.game .map-type-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between; }\n  body.game .map-type-description {\n    margin-top: 15px;\n    text-align: left; }\n    @media only screen and (min-width: 768px) {\n      body.game .map-type-description {\n        margin-top: 5px; } }\n    @media only screen and (max-width: 767px) {\n      body.game .map-type-description {\n        padding-right: 30px; } }\n  body.game .map-type-nav-arrow {\n    background-image: url(\"img/icons/map-nav-arrows.png\");\n    background-position-y: -410px;\n    flex: 0;\n    min-width: 24px;\n    height: 38px; }\n  body.game .map-wrapper {\n    padding-bottom: 32px;\n    pointer-events: none; }\n  body.game .mobile-maps-nav {\n    width: 100%;\n    padding-left: 12px;\n    padding-right: 12px;\n    vertical-align: middle; }\n  body.game .mobile-maps-category-header {\n    vertical-align: middle;\n    text-align: center;\n    margin-bottom: 15px;\n    margin-top: 15px;\n    padding-right: 3%; }\n  body.game .mobile-maps-back-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    cursor: pointer; }\n  body.game .mobile-maps-back-button {\n    flex: 0;\n    background-image: url(\"img/icons/map-nav-arrows.png\");\n    background-size: 50px;\n    background-position-y: -89px;\n    min-width: 15px;\n    height: 26px; }\n  body.game .mobile-maps-back-text {\n    margin-left: 5px;\n    flex: 1;\n    position: relative; }\n  body.game .type-mobile-header-icon {\n    position: relative;\n    width: 54px; }\n    @media only screen and (max-width: 399px) {\n      body.game .type-mobile-header-icon {\n        width: 48px; } }\n  body.game .map-type-mobile-header-name {\n    display: inline-block;\n    padding-left: 15px; }\n    @media only screen and (max-width: 399px) {\n      body.game .map-type-mobile-header-name {\n        padding-left: 5px; } }\n  body.game .mobile-maps-section {\n    transition: left 250ms ease-in-out; }\n    @media only screen and (max-width: 767px) {\n      body.game .mobile-maps-section {\n        padding-top: 70px;\n        position: fixed;\n        top: 0;\n        height: 100%;\n        width: 100%;\n        display: none;\n        background-color: #1f2224;\n        overflow: scroll;\n        left: 100vw;\n        z-index: 95; } }\n  body.game .maps-no-transition {\n    transition: none; }\n  body.game .maps-back-button {\n    width: 50px;\n    height: 50px;\n    background-color: white; }\n  body.game .mobile-maps-section-moveFromLeft {\n    left: 0vw !important; }\n  @media only screen and (max-width: 767px) {\n    body.game.freeze-scroll-sm {\n      position: fixed;\n      overflow: hidden; } }\n  @media only screen and (max-width: 767px) {\n    body.game .mobile-maps-section-moveToRight {\n      left: -100vw !important; } }\n  body.game .map-category-container {\n    margin-top: 5px;\n    min-height: 60px; }\n  body.game .map-category {\n    padding-top: 3px;\n    display: inline-block;\n    vertical-align: middle; }\n  body.game .map-category-icon {\n    display: inline-block; }\n    body.game .map-category-icon svg {\n      width: 28.92px; }\n  body.game .map-category-name {\n    display: inline-block;\n    font-size: 1.6rem;\n    padding-left: 6px;\n    padding-right: 14px; }\n  body.game .abilities-section:not(li) {\n    background-size: cover;\n    background-position: center;\n    left: 0;\n    position: relative;\n    transition: left 250ms ease-in-out; }\n    @media only screen and (max-width: 991px) {\n      body.game .abilities-section:not(li) {\n        background-image: url(\"img/pages/game/backgrounds/bg-basics-faded.png\");\n        background-size: contain;\n        background-position: top;\n        padding-top: 50%; } }\n    @media only screen and (max-width: 991px) {\n      body.game .abilities-section:not(li) .video-background-wrapper {\n        display: none; } }\n    body.game .abilities-section:not(li) .video-background-wrapper.m-blend:after {\n      content: \"\";\n      display: block;\n      position: relative;\n      width: 100%;\n      height: 160px;\n      top: -160px;\n      background-image: linear-gradient(to bottom, rgba(6, 0, 9, 0) 0%, #060009 100%);\n      top: 100%;\n      margin-top: -160px; }\n  body.game .abilities-section .video-background-vid {\n    transform: translate(-50%, -50%);\n    left: 50%;\n    top: 50%;\n    position: absolute;\n    min-height: 100%;\n    min-width: 100%;\n    width: auto;\n    height: auto; }\n  body.game .match-section:not(li) {\n    background-image: url(\"img/pages/game/backgrounds/bg-howtoplay.jpg\");\n    background-size: cover;\n    background-position: center; }\n    @media only screen and (max-width: 991px) {\n      body.game .match-section:not(li) {\n        background-image: url(\"img/pages/game/backgrounds/bg-howtoplay-faded.png\");\n        background-size: contain;\n        background-position: top;\n        padding-top: 50%; } }\n    body.game .match-section:not(li) .side-tips-section {\n      margin-top: 2em;\n      background-color: rgba(40, 53, 79, 0.9);\n      text-shadow: none; }\n    body.game .match-section:not(li) .side-tips-section-content {\n      padding: 1.4em; }\n  body.game .progress-section:not(li) {\n    overflow: hidden;\n    background-color: #17121d; }\n    body.game .progress-section:not(li) h2, body.game .progress-section:not(li) p, body.game .progress-section:not(li) .progress-content {\n      position: relative;\n      z-index: 1; }\n    body.game .progress-section:not(li) .progress-bg {\n      position: relative;\n      right: 50%;\n      float: right; }\n      @media only screen and (min-width: 768px) {\n        body.game .progress-section:not(li) .progress-bg {\n          float: none; } }\n    body.game .progress-section:not(li) .progress-bg > img {\n      position: relative;\n      right: -50%;\n      margin-top: -14%;\n      margin-bottom: -17%; }\n      @media only screen and (min-width: 768px) {\n        body.game .progress-section:not(li) .progress-bg > img {\n          right: -25%;\n          max-width: 150%;\n          margin-top: -13%;\n          margin-bottom: -6%; } }\n    body.game .progress-section:not(li) .progress-content {\n      margin-top: 20px; }\n    body.game .progress-section:not(li) .progress-description {\n      max-width: 70em; }\n    @media only screen and (max-width: 767px) {\n      body.game .progress-section:not(li) .loot-image {\n        display: none; } }\n    body.game .progress-section:not(li) .loot-image > img {\n      height: 200px;\n      position: relative;\n      bottom: 10px;\n      right: 60px; }\n    @media only screen and (min-width: 400px) {\n      body.game .progress-section:not(li) .loot-description {\n        padding-right: 5em; } }\n    body.game .progress-section:not(li) .achievement-description {\n      text-align: left;\n      margin-top: 4em;\n      padding-left: 5em; }\n      @media only screen and (max-width: 767px) {\n        body.game .progress-section:not(li) .achievement-description {\n          padding-left: 0;\n          margin-top: 3em; } }\n    body.game .progress-section:not(li) .achievement-image {\n      margin-top: -4em; }\n      @media only screen and (max-width: 767px) {\n        body.game .progress-section:not(li) .achievement-image {\n          display: none; } }\n      body.game .progress-section:not(li) .achievement-image > img {\n        height: 400px;\n        left: -100px;\n        position: relative; }\n  body.game .game-modes-section:not(li) {\n    background-image: url(\"img/pages/game/backgrounds/bg-gamemodes.jpg\");\n    background-size: cover;\n    background-position: center;\n    /* .game-mode-items {\n            max-width:846px;\n        } */ }\n    @media only screen and (min-width: 768px) {\n      body.game .game-modes-section:not(li) {\n        padding-bottom: 100px; } }\n    body.game .game-modes-section:not(li) .game-modes-subtitle {\n      margin-bottom: 3em; }\n    body.game .game-modes-section:not(li) .game-modes-item {\n      display: inline-block;\n      margin-left: 20px;\n      margin-right: 20px;\n      margin-bottom: 40px;\n      width: 260px;\n      height: 453px;\n      border: none;\n      overflow: hidden;\n      position: relative;\n      background-size: contain;\n      vertical-align: top; }\n      @media only screen and (min-width: 400px) {\n        body.game .game-modes-section:not(li) .game-modes-item {\n          width: 300px; } }\n      body.game .game-modes-section:not(li) .game-modes-item:last-child {\n        margin-bottom: 0px; }\n        @media only screen and (min-width: 400px) {\n          body.game .game-modes-section:not(li) .game-modes-item:last-child {\n            margin-bottom: 20px; } }\n      body.game .game-modes-section:not(li) .game-modes-item.practice {\n        background-image: url(\"img/pages/game/game-modes/thumbs/practice-range.jpg\"); }\n      body.game .game-modes-section:not(li) .game-modes-item.ai {\n        background-image: url(\"img/pages/game/game-modes/thumbs/vs-ai.jpg\"); }\n      body.game .game-modes-section:not(li) .game-modes-item.quick {\n        background-image: url(\"img/pages/game/game-modes/thumbs/quick-play.jpg\"); }\n      body.game .game-modes-section:not(li) .game-modes-item.custom {\n        background-image: url(\"img/pages/game/game-modes/thumbs/custom-game.jpg\"); }\n      body.game .game-modes-section:not(li) .game-modes-item.arcade {\n        background-image: url(\"img/pages/game/game-modes/thumbs/arcade.jpg\"); }\n      body.game .game-modes-section:not(li) .game-modes-item.competitive {\n        background-image: url(\"img/pages/game/game-modes/thumbs/competitive-play.jpg\"); }\n      body.game .game-modes-section:not(li) .game-modes-item > .container {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        display: block;\n        width: 100%;\n        min-height: 206px;\n        padding: 10px;\n        text-align: center;\n        color: #2E3C51;\n        text-shadow: none;\n        background-color: white; }\n        body.game .game-modes-section:not(li) .game-modes-item > .container > .btn {\n          margin-top: 18px; }\n        body.game .game-modes-section:not(li) .game-modes-item > .container > p {\n          margin-top: 0px;\n          text-align: center;\n          color: #666666;\n          line-height: 1.6; }\n      body.game .game-modes-section:not(li) .game-modes-item .game-modes-item-title {\n        font-family: \"Big Noodle Too\", impact, sans-serif;\n        font-weight: normal;\n        font-style: italic;\n        font-size: 2.5rem;\n        margin-top: 10px;\n        margin-bottom: 8px; }\n      body.game .game-modes-section:not(li) .game-modes-item .game-modes-item-icon {\n        height: 36px; }\n  body.game .friends-section:not(li) {\n    background-color: #2d374f;\n    position: relative; }\n    body.game .friends-section:not(li) .friends-section-content {\n      float: right;\n      position: relative;\n      width: 58.33333%;\n      padding: 38px 28px 38px 48px; }\n      @media only screen and (max-width: 767px) {\n        body.game .friends-section:not(li) .friends-section-content {\n          width: 100%;\n          padding: 12px; } }\n      @media only screen and (max-width: 991px) {\n        body.game .friends-section:not(li) .friends-section-content {\n          background-image: linear-gradient(to right, rgba(45, 55, 79, 0) 5%, #2d374f 12%); } }\n    body.game .friends-section:not(li) .fg-hanzo-genji {\n      display: none;\n      position: absolute;\n      left: calc(50% - 560px);\n      height: calc(100% + 60px);\n      bottom: 0; }\n      @media only screen and (min-width: 768px) {\n        body.game .friends-section:not(li) .fg-hanzo-genji {\n          display: block; } }\n    body.game .friends-section:not(li) .fg-hanzo-genji + .hide-for-lg {\n      left: calc(50% - 453px); }\n  body.game .play-with-friends-title-icon {\n    display: inline-block;\n    width: 6rem;\n    height: 6rem;\n    margin-bottom: -0.7rem; }\n  body.game .play-with-friends-title-text {\n    display: inline-block;\n    margin-left: 1rem; }\n\nbody.heroes {\n  background: url(\"img/ow-heroes-bg.jpg\") no-repeat top center;\n  background-color: #d0c7dc; }\n\n@media only screen and (min-width: 992px) {\n  body.ja-jp .heroes-index.hero-selector .hero-portrait-detailed .portrait-title {\n    font-size: 2rem; } }\n\n@media only screen and (min-width: 768px) {\n  body.ja-jp .heroes-index.hero-selector .hero-portrait-detailed .portrait-title {\n    font-size: 1.6rem; } }\n\ndiv > h4.hero-selector-intro {\n  margin-top: 34px;\n  color: #32415f; }\n  @media only screen and (min-width: 992px) {\n    div > h4.hero-selector-intro {\n      margin-top: 100px; } }\n\n.heroes-index.hero-selector {\n  margin-top: 50px; }\n  .heroes-index.hero-selector .hero-portrait-detailed-container:hover {\n    z-index: 1; }\n  .heroes-index.hero-selector .navigation-selector {\n    margin-bottom: 50px; }\n  .heroes-index.hero-selector .heroes-container.shuffle {\n    overflow: visible !important; }\n  .heroes-index.hero-selector .hero-portrait-detailed .container {\n    display: table; }\n  .heroes-index.hero-selector .hero-portrait-detailed .portrait-title {\n    top: .5rem;\n    padding: 0rem .6rem;\n    font-size: 2rem;\n    line-height: .9em;\n    bottom: 0px;\n    vertical-align: middle;\n    display: table-cell;\n    position: relative;\n    letter-spacing: 0.8px; }\n    @media only screen and (min-width: 768px) {\n      .heroes-index.hero-selector .hero-portrait-detailed .portrait-title {\n        font-size: 3.125rem; } }\n  .heroes-index.hero-selector .hero-portrait-detailed-container {\n    position: relative;\n    width: 49.5%;\n    margin-right: .5%;\n    margin-bottom: .5%; }\n    .heroes-index.hero-selector .hero-portrait-detailed-container:before {\n      display: block;\n      content: \"\";\n      width: 100%;\n      padding-top: 172%; }\n    .heroes-index.hero-selector .hero-portrait-detailed-container > .hero-portrait-detailed {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      height: auto;\n      width: 100%; }\n      .heroes-index.hero-selector .hero-portrait-detailed-container > .hero-portrait-detailed > .portrait {\n        width: 100%; }\n    @media only screen and (min-width: 400px) {\n      .heroes-index.hero-selector .hero-portrait-detailed-container {\n        width: 32.9%; } }\n    @media only screen and (min-width: 768px) {\n      .heroes-index.hero-selector .hero-portrait-detailed-container {\n        width: 19.5%; } }\n    @media only screen and (min-width: 992px) {\n      .heroes-index.hero-selector .hero-portrait-detailed-container {\n        width: 16.1%; } }\n    @media only screen and (min-width: 1280px) {\n      .heroes-index.hero-selector .hero-portrait-detailed-container {\n        width: 13.8%; } }\n  .heroes-index.hero-selector .hero-portrait-detailed {\n    margin-right: 0px;\n    margin-bottom: 0px;\n    overflow: hidden; }\n    .heroes-index.hero-selector .hero-portrait-detailed > .portrait {\n      width: 100%; }\n\nbody.hero-detail-page > section:first-of-type {\n  padding-top: 0 !important; }\n\n@media only screen and (max-width: 991px) {\n  .hero-detail > .inner {\n    padding: 0; } }\n\n.hero-media {\n  padding-bottom: 50px; }\n  @media only screen and (min-width: 768px) {\n    .hero-media {\n      padding-bottom: 100px; } }\n\n.hero-media-gallery.is-partial > [data-media-id]:nth-child(4) ~ [data-media-id] {\n  display: none; }\n\nbody.media [class*=section-bg] {\n  background-size: cover;\n  background-position: center top;\n  background-repeat: no-repeat; }\n\nbody.media h2 {\n  color: #F6F6F6;\n  line-height: 0.75;\n  text-align: center; }\n\nbody.media .videos-section-bg {\n  background-image: url(\"img/pages/media/backgrounds/videos.jpg\"); }\n\nbody.media .screenshots-section-bg {\n  background-image: url(\"img/pages/media/backgrounds/screenshots.jpg\"); }\n\nbody.media .comics-section-bg {\n  background-image: url(\"img/pages/media/backgrounds/comics.jpg\"); }\n\nbody.media .artwork-section-bg {\n  background-image: url(\"img/pages/media/backgrounds/artwork.jpg\"); }\n\nbody.media .references-section-bg {\n  background-image: url(\"img/pages/media/backgrounds/reference.jpg\"); }\n\nbody.media .wallpapers-section-bg {\n  background-image: url(\"img/pages/media/backgrounds/wallpapers.jpg\"); }\n\nbody.media .media-gallery {\n  margin-top: 25px; }\n\nbody.blog-index {\n  background-image: url(\"img/pages/blog/news-background.jpeg\");\n  background-size: cover;\n  background-position: center top;\n  background-repeat: no-repeat;\n  background-color: #121932; }\n  body.blog-index .blog-load-more {\n    margin-top: 35px;\n    text-align: center; }\n    @media only screen and (max-width: 767px) {\n      body.blog-index .blog-load-more .btn {\n        display: block;\n        width: 100%; } }\n  body.blog-index .blog-info {\n    color: #F6F6F6;\n    transition: all 200ms; }\n    body.blog-index .blog-info:hover {\n      transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }\n  body.blog-index .blog-thumbnail.haloBorder {\n    border: 3px solid rgba(255, 255, 255, 0.25);\n    border-radius: 3px;\n    transition: all 200ms; }\n    body.blog-index .blog-thumbnail.haloBorder:hover {\n      border-color: rgba(255, 255, 255, 0.75);\n      transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }\n\nbody.blog {\n  background-image: url(\"img/layout/blog/bg-news.jpg\");\n  background-position: center top;\n  background-color: #141516;\n  color: #F6F6F6; }\n  body.blog .blog-title {\n    line-height: 1; }\n  body.blog .post-metadata {\n    margin: 10px 0 20px; }\n  body.blog .author-byline {\n    display: inline-block; }\n  body.blog .author-name {\n    color: #00c3ff; }\n  body.blog .blog-header-image {\n    margin-bottom: 12px; }\n    body.blog .blog-header-image > img {\n      max-width: 100%; }\n  body.blog .topic {\n    font-size: 1.024rem;\n    color: #000;\n    line-height: 1;\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-weight: 600;\n    text-transform: uppercase;\n    border-radius: 4px;\n    background-color: #ffc70e;\n    padding: 6px;\n    vertical-align: middle;\n    display: inline-block;\n    margin-right: 10px; }\n  body.blog .topic span {\n    display: inline-block;\n    text-shadow: none; }\n  body.blog h1 > small, body.blog h2 > small, body.blog h3 > small, body.blog h4 > small, body.blog h5 > small, body.blog h6 > small {\n    line-height: inherit; }\n\n.career-section {\n  margin: 36px 0; }\n\nbody.career-detail .card-stat-block th {\n  vertical-align: middle; }\n\nbody.career-detail .card-stat-block .icon {\n  margin-right: 0.8rem;\n  fill: #405275;\n  width: 26px;\n  height: 26px; }\n\nbody.career-detail .card-stat-block .stat-title {\n  display: inline-block; }\n\nbody.career-detail hr {\n  margin: 1em auto; }\n\nbody.career-detail .header {\n  text-align: center; }\n  @media only screen and (min-width: 768px) {\n    body.career-detail .header {\n      text-align: left; } }\n\nbody.career-detail .masthead {\n  text-align: center;\n  padding: 0; }\n  @media only screen and (min-width: 992px) {\n    body.career-detail .masthead {\n      padding: 6rem 0;\n      text-align: left; } }\n\nbody.career-detail .masthead-player-progression, body.career-detail .header-masthead, body.career-detail .player-portrait {\n  display: block;\n  margin-left: auto;\n  margin-right: auto; }\n  @media only screen and (min-width: 992px) {\n    body.career-detail .masthead-player-progression, body.career-detail .header-masthead, body.career-detail .player-portrait {\n      display: inline-block;\n      vertical-align: middle; } }\n\nbody.career-detail .masthead-permission-level-container {\n  color: #a1a1a1;\n  stroke: #a1a1a1;\n  fill: #a1a1a1; }\n\nbody.career-detail .masthead-permission-level-text {\n  display: inline-block;\n  padding-left: 5px; }\n\nbody.career-detail .player-portrait {\n  height: 80px; }\n  @media only screen and (min-width: 992px) {\n    body.career-detail .player-portrait {\n      padding-right: 12px; } }\n\nbody.career-detail .competitive-rank {\n  display: inline-block;\n  padding: 1rem; }\n  @media only screen and (min-width: 400px) {\n    body.career-detail .competitive-rank {\n      border-left: 1px solid rgba(246, 246, 246, 0.2); } }\n  body.career-detail .competitive-rank img {\n    width: 80px; }\n\nbody.career-detail .player-level, body.career-detail .endorsement-level, body.career-detail .competitive-rank {\n  vertical-align: middle; }\n\n@media only screen and (min-width: 400px) {\n  body.career-detail .endorsement-level {\n    border-left: 1px solid rgba(246, 246, 246, 0.2); } }\n\nbody.career-detail .masthead-buttons {\n  display: block; }\n  @media only screen and (max-width: 399px) {\n    body.career-detail .masthead-buttons > .button {\n      width: auto;\n      padding: 6px 9px; } }\n\nbody.career-detail .masthead-detail {\n  margin-top: 0;\n  margin-bottom: 0.3em;\n  color: #9daac8; }\n\nbody.career-detail .masthead-detail > .num {\n  color: #00c3ff; }\n\nbody.career-detail .masthead-hero-image {\n  display: none;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: auto;\n  right: 0;\n  width: 50%;\n  background-position: -290px bottom;\n  background-size: 1000px; }\n  @media only screen and (min-width: 992px) {\n    body.career-detail .masthead-hero-image {\n      display: block; } }\n\nbody.career-detail [data-hero-quickplay=\"reinhardt\"], body.career-detail [data-hero-competitive=\"reinhardt\"], body.career-detail [data-hero-quickplay=\"zenyatta\"], body.career-detail [data-hero-competitive=\"zenyatta\"], body.career-detail [data-hero-quickplay=\"mercy\"], body.career-detail [data-hero-competitive=\"mercy\"], body.career-detail [data-hero-quickplay=\"orisa\"], body.career-detail [data-hero-competitive=\"orisa\"] {\n  background-position: -105px bottom;\n  width: 56%; }\n  @media only screen and (max-width: 1279px) {\n    body.career-detail [data-hero-quickplay=\"reinhardt\"], body.career-detail [data-hero-competitive=\"reinhardt\"], body.career-detail [data-hero-quickplay=\"zenyatta\"], body.career-detail [data-hero-competitive=\"zenyatta\"], body.career-detail [data-hero-quickplay=\"mercy\"], body.career-detail [data-hero-competitive=\"mercy\"], body.career-detail [data-hero-quickplay=\"orisa\"], body.career-detail [data-hero-competitive=\"orisa\"] {\n      width: 68%; } }\n\nbody.career-detail .bg-gibraltar {\n  position: relative; }\n\n@media only screen and (max-width: 767px) {\n  body.career-detail select, body.career-detail .dropdown {\n    max-width: 100%;\n    display: block;\n    margin-left: auto;\n    margin-right: auto; } }\n\nbody.career-detail .hero-comparison-section .progress-2 {\n  margin-bottom: 0.4rem; }\n\nbody.career-detail .show-more-heroes {\n  display: table;\n  margin-top: 36px;\n  margin-left: auto;\n  margin-right: auto; }\n\n@media only screen and (min-width: 992px) {\n  body.career-detail #achievements-section {\n    padding-top: 0;\n    padding-bottom: 45px; } }\n\nbody.career-detail .button-group.loading {\n  width: 30px;\n  height: 30px;\n  background-image: url(\"/img/icons/loading.svg\");\n  background-size: 30px;\n  background-position: center center; }\n\nbody.career-detail .profile-btn-switcher {\n  width: 100%;\n  margin-top: 24px;\n  text-align: center; }\n\n.PrivateProfile_content-container {\n  max-width: 400px;\n  padding: 150px 0; }\n\n.search-input {\n  height: 34px;\n  width: 100%;\n  margin-bottom: 10px;\n  padding: 5px;\n  margin-right: .5rem;\n  border-radius: 5px;\n  background-clip: padding-box;\n  border: 3px solid rgba(51, 51, 51, 0.25); }\n  @media only screen and (min-width: 400px) {\n    .search-input {\n      width: 60%;\n      margin-bottom: 0px; } }\n  @media only screen and (min-width: 992px) {\n    .search-input {\n      width: 360px;\n      margin-bottom: 0px; } }\n\n.search-button {\n  vertical-align: top;\n  padding: 6px 30px;\n  color: #F6F6F6; }\n  .search-button:hover {\n    color: #F6F6F6; }\n\n.search-results {\n  position: relative;\n  min-height: 500px;\n  width: 100%; }\n  .search-results.is-loading:before {\n    font-size: 3.125rem;\n    text-align: center;\n    content: attr(data-loading-text);\n    display: block;\n    position: absolute;\n    top: 3rem;\n    left: 0;\n    height: 100%;\n    width: 100%;\n    background-image: url(\"/img/icons/loading.svg\");\n    background-size: 100px;\n    background-position: center 2em; }\n\n.Filter-platform-label {\n  color: #405275; }\n\n.ProfileStatusBar {\n  float: right; }\n\n.ProfileStatusBar-icon {\n  width: 1.5rem;\n  height: 1.5rem;\n  margin-left: 1rem; }\n\n.ProfileStatusBar-text {\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 1rem; }\n\n.filter-sort {\n  margin-left: 0.75rem;\n  margin-bottom: 1.25rem; }\n\n.patch-notes-container {\n  height: 100%;\n  overflow: auto;\n  background: url(\"/img/pages/patch-notes/patch-note-bg.jpg\");\n  background-size: cover; }\n\n.patch-notes-content {\n  margin: 0 auto; }\n\n.overwatch-emblem-position {\n  margin: 40px auto 0; }\n\n.patch-notes-title {\n  color: #cccccc; }\n\n.patch-notes-list-container {\n  margin-top: 15px; }\n\n.patch-notes-list-header {\n  margin-bottom: 10px;\n  color: #F6F6F6; }\n\n.patch-notes-item {\n  width: 70%;\n  padding: 3px 10px 3px;\n  cursor: pointer; }\n  .patch-notes-item:hover {\n    border-radius: 5px;\n    background-color: rgba(161, 161, 161, 0.3); }\n  .patch-notes-item > a {\n    color: #00a5e2; }\n    .patch-notes-item > a:hover {\n      color: #00c3ff; }\n\n.patch-notes-detail {\n  padding: 30px;\n  border-radius: 4px;\n  background-color: rgba(0, 0, 0, 0.5);\n  color: #F6F6F6; }\n\n.patch-notes-detail + .patch-notes-detail {\n  margin-top: 18px; }\n\n.patch-notes-page-container {\n  background-image: url(\"img/pages/patch-notes/patch-notes-background-desktop.jpg\");\n  background-position: center top; }\n\n.patch-notes-overview {\n  margin-bottom: 30px; }\n\n.patch-notes-body ul {\n  list-style-type: disc;\n  padding-left: 40px; }\n\n.patch-notes-patch + .patch-notes-patch {\n  margin-top: 60px; }\n\n.patch-notes-pagination {\n  margin: 18px 0; }\n  .patch-notes-pagination .btn {\n    margin-right: 5px;\n    margin-bottom: 5px; }\n  @media only screen and (min-width: 992px) {\n    .patch-notes-pagination {\n      margin: 40px 0 0; } }\n\n.patch-note-actions {\n  margin-top: 18px; }\n\n.button-group.patch-note-actions > .btn {\n  margin-right: -1px; }\n\n.button-group.patch-note-actions > .btn:last-child {\n  margin-right: unset; }\n\n.patch-notes-error {\n  margin: 10px 0; }\n  .patch-notes-error.m-main {\n    margin: 50px 0 10px; }\n\n.PatchNotesSideNav-header {\n  padding-bottom: 12px;\n  border-bottom: 8px solid rgba(64, 82, 117, 0.2); }\n\n.PatchNotesSideNav-listItem {\n  padding: 18px 12px;\n  border-bottom: 2px solid rgba(64, 82, 117, 0.2); }\n  .PatchNotesSideNav-listItem a:visited {\n    color: #ff9c00; }\n\n.HeadingBanner, .CalloutBox {\n  margin-bottom: 24px; }\n\n.UnderlinedHeader {\n  margin-top: 24px; }\n\n@media only screen and (max-width: 991px) {\n  .HeroHeader {\n    margin-top: 24px; } }\n\n.Quote {\n  margin-top: 12px; }\n\nbody.free-trial {\n  color: #333333; }\n  body.free-trial .section-divider {\n    z-index: 0; }\n  body.free-trial .footer-prepurchase {\n    display: none; }\n  body.free-trial h1, body.free-trial h2, body.free-trial h3, body.free-trial h4 {\n    line-height: .9; }\n  body.free-trial ol {\n    list-style-type: decimal;\n    list-style-position: inside; }\n  body.free-trial.de-de .pre-download .btn, body.free-trial.fr-fr .pre-download .btn, body.free-trial.pt-br .pre-download .btn, body.free-trial.pl-pl .pre-download .btn, body.free-trial.ru-ru .pre-download .btn {\n    font-size: 1.28rem; }\n\nsection.free-trial {\n  padding-bottom: 32px;\n  padding-top: 50%;\n  background-size: 100% auto;\n  background-position: center top;\n  background-color: white;\n  background-image: url(\"img/pages/free-trial/8/FW8-mobile.jpg\"); }\n  @media only screen and (min-width: 768px) {\n    section.free-trial {\n      padding-top: 38%;\n      background-image: url(\"img/pages/free-trial/8/FW8-tablet.jpg\"); } }\n  @media only screen and (min-width: 992px) {\n    section.free-trial {\n      padding-top: 29.5%;\n      background-image: url(\"img/pages/free-trial/8/FW8-desktop.jpg\"); } }\n  section.free-trial .button-row {\n    margin: 18px 0px 0; }\n  section.free-trial .btn-container {\n    display: block;\n    margin: 6px 0;\n    margin-top: 1rem;\n    margin-bottom: -0.5rem; }\n    @media only screen and (min-width: 400px) {\n      section.free-trial .btn-container {\n        display: inline-block;\n        vertical-align: top; } }\n    section.free-trial .btn-container > .btn {\n      min-width: 184px; }\n  section.free-trial .legal-subtext {\n    font-size: 1.024rem;\n    margin: 3px auto 0;\n    text-shadow: none; }\n  section.free-trial .legal-subtext + .legal-subtext {\n    margin-top: 0; }\n\n.free-trial-header {\n  color: #333333;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  hyphens: auto; }\n\n.free-trial-header-highlight {\n  color: #ff9c00; }\n\n.free-trial-subhead {\n  color: #333333;\n  margin: 6px 0 0; }\n\n.free-trial-official-date {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 1.6rem;\n  text-shadow: none; }\n\n.free-trial-platform-header {\n  margin-bottom: 6px;\n  color: #727272; }\n\n.free-trial-instructions {\n  padding-left: 20px;\n  margin: 12px auto; }\n\n.free-trial-instructions > li {\n  margin-top: 3px; }\n\n.icon.m-pc {\n  height: 20px; }\n\nbody.mercy-bcrf-charity-skin .footer-prepurchase {\n  display: none; }\n\n.mercy-bcrf-charity-skin {\n  background-size: 100% auto;\n  background-position: 0 48px;\n  background-color: white;\n  background-image: url(\"img/promos/mercy-bcrf-charity-skin/480.jpg\"); }\n  @media only screen and (min-width: 768px) {\n    .mercy-bcrf-charity-skin {\n      background-image: url(\"img/promos/mercy-bcrf-charity-skin/768.jpg\"); } }\n  @media only screen and (min-width: 992px) {\n    .mercy-bcrf-charity-skin {\n      background-image: url(\"img/promos/mercy-bcrf-charity-skin/992.jpg\"); } }\n  @media only screen and (min-width: 1280px) {\n    .mercy-bcrf-charity-skin {\n      background-position: center top;\n      background-size: 2560px 1041px;\n      background-image: url(\"img/promos/mercy-bcrf-charity-skin/2560.jpg\"); } }\n  .mercy-bcrf-charity-skin .btn-container {\n    display: block;\n    margin: 10px 0; }\n    @media only screen and (min-width: 400px) {\n      .mercy-bcrf-charity-skin .btn-container {\n        display: inline-block;\n        vertical-align: top;\n        margin: 5px; } }\n    .mercy-bcrf-charity-skin .btn-container > .btn {\n      min-width: 184px; }\n    .mercy-bcrf-charity-skin .btn-container:first-of-type {\n      margin-left: 0; }\n\n.mercy-bcrf-charity-skin-content {\n  padding-top: 44%; }\n  @media only screen and (min-width: 768px) {\n    .mercy-bcrf-charity-skin-content {\n      padding-top: 10%; } }\n  @media only screen and (min-width: 1280px) {\n    .mercy-bcrf-charity-skin-content {\n      padding-top: 100px; } }\n\n.mercy-bcrf-charity-skin-header {\n  color: #333333;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  hyphens: auto;\n  margin-top: 5px;\n  color: #FF1A81; }\n  @media only screen and (max-width: 767px) {\n    .mercy-bcrf-charity-skin-header {\n      font-size: 6.10352rem; } }\n  body.ja-jp .mercy-bcrf-charity-skin-header {\n    font-size: 2.5rem; }\n    @media only screen and (min-width: 400px) {\n      body.ja-jp .mercy-bcrf-charity-skin-header {\n        font-size: 3.125rem; } }\n    @media only screen and (min-width: 992px) {\n      body.ja-jp .mercy-bcrf-charity-skin-header {\n        font-size: 3.90625rem; } }\n    @media only screen and (min-width: 1280px) {\n      body.ja-jp .mercy-bcrf-charity-skin-header {\n        font-size: 4.88281rem; } }\n\n.mercy-bcrf-charity-skin-header-highlight {\n  color: #ff9c00; }\n\n.mercy-bcrf-charity-skin-subhead {\n  color: #333333;\n  margin-top: 124%;\n  color: #6553C3; }\n  @media only screen and (min-width: 768px) {\n    .mercy-bcrf-charity-skin-subhead {\n      margin: 6px 0 0; } }\n\n.mercy-bcrf-charity-skin-video-button {\n  margin-top: 20px; }\n  .mercy-bcrf-charity-skin-video-button:hover .play-icon {\n    fill: #F6F6F6; }\n  .mercy-bcrf-charity-skin-video-button .play-icon {\n    fill: #333333;\n    margin-right: 10px;\n    transition: all 200ms;\n    width: 24px; }\n\n.mercy-bcrf-charity-skin-description {\n  text-shadow: none;\n  margin-top: 20px; }\n\n.ExternalLink--mercy-bcrf-charity-skin {\n  font-weight: bold; }\n  .ExternalLink--mercy-bcrf-charity-skin:after {\n    background-image: url(\"img/icons/link-icon-orange.png\"); }\n  .ExternalLink--mercy-bcrf-charity-skin:hover:after {\n    background-image: url(\"img/icons/link-icon-orange-light.png\"); }\n\n.mercy-bcrf-charity-skin-disclaimer-container {\n  margin-top: 30px;\n  margin-bottom: 30px; }\n\n.mercy-bcrf-charity-skin-disclaimer {\n  font-weight: bold;\n  font-size: 1.28rem; }\n  .mercy-bcrf-charity-skin-disclaimer + .mercy-bcrf-charity-skin-disclaimer {\n    margin-top: 3px; }\n\n.mercy-bcrf-charity-skin-platform-header {\n  margin-bottom: 5px;\n  color: #333333; }\n\n.mercy-bcrf-charity-skin-instructions {\n  padding-left: 20px;\n  margin: 12px auto; }\n\n.mercy-bcrf-charity-skin-instructions > li {\n  margin-top: 3px; }\n\n.mercy-bcrf-charity-skin-bcrf-logo {\n  margin-top: 30px;\n  background-image: url(\"img/promos/mercy-bcrf-charity-skin/bcrf-logo-hi-res.png\");\n  width: 206px;\n  height: 89px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  margin-left: auto;\n  margin-right: auto; }\n  @media only screen and (min-width: 768px) {\n    .mercy-bcrf-charity-skin-bcrf-logo {\n      margin-left: 0;\n      margin-right: 0;\n      background-image: url(\"img/promos/mercy-bcrf-charity-skin/bcrf-logo.png\"); } }\n\n.esports-intro-section {\n  position: relative;\n  color: #F6F6F6;\n  background-image: url(\"img/pages/esports/overview-background-mobile.jpg\");\n  background-position: center top;\n  background-repeat: no-repeat;\n  background-color: black;\n  background-size: auto; }\n  @media only screen and (min-width: 992px) {\n    .esports-intro-section {\n      background-image: url(\"img/pages/esports/overview-background.jpg\"); } }\n\n.esports-flex-container {\n  flex-direction: column;\n  align-items: center;\n  height: 100%; }\n\n.esports-flex-item {\n  width: 100%;\n  padding-top: 36px; }\n  @media only screen and (min-width: 992px) {\n    .esports-flex-item {\n      padding-left: 20px;\n      padding-right: 20px; } }\n\n.esports-worldcup-logo {\n  width: 200px;\n  max-width: 100%; }\n\n.esports-overviewVideoContainer {\n  padding: 0; }\n  @media only screen and (min-width: 400px) {\n    .esports-overviewVideoContainer {\n      padding: 0 20px; } }\n  @media only screen and (min-width: 768px) {\n    .esports-overviewVideoContainer {\n      padding: 0 10%; } }\n\n.esports-pathtopro-container {\n  margin-top: 42px;\n  color: #333333; }\n  .esports-pathtopro-container [data-id=\"overwatchLeague\"] {\n    background-image: url(\"img/pages/esports/OWL-LBG-2-2560x300.jpg\");\n    background-attachment: fixed;\n    background-size: cover; }\n\n.esports-pathtopro-accordion {\n  background-color: #e9e9e7;\n  height: 1px;\n  min-height: 360px;\n  max-height: 560px; }\n\n.esports-worldcup-container {\n  background-image: url(\"img/esports/worldcup-background-mobile.jpg\");\n  background-color: #3d67bb; }\n  @media only screen and (min-width: 992px) {\n    .esports-worldcup-container {\n      background-image: url(\"img/esports/worldcup-background.jpg\"); } }\n\n.LadderSection-handle {\n  background: #F6F6F6;\n  color: black;\n  display: block;\n  vertical-align: middle;\n  box-sizing: border-box;\n  cursor: pointer;\n  position: relative;\n  overflow: hidden;\n  border-top: 2px solid #cccccc; }\n  .LadderSection-handle.is-active {\n    background-color: white; }\n    .LadderSection-handle.is-active .LadderSection-handleArrowIndicator {\n      background-position: 0 0; }\n    .LadderSection-handle.is-active > .LadderSection-container {\n      border-bottom-color: #333333; }\n  .LadderSection-handle--overwatchLeague {\n    background-color: white; }\n  .LadderSection-handle--contenders:before, .LadderSection-handle--contendersTrials:before {\n    content: '';\n    width: 24px;\n    height: 24px;\n    left: 50%;\n    top: -12px;\n    transform: translateX(-50%) rotate(45deg);\n    background-color: #cccccc;\n    position: absolute; }\n\n.LadderSection-handleContent {\n  padding: 0 18px;\n  height: 86px;\n  display: flex;\n  align-items: center; }\n\n.LadderSection-handleLogo {\n  width: 76px;\n  margin-right: 10px;\n  padding: 0; }\n  .LadderSection-handleLogo--openDivision {\n    padding: 0 6px; }\n\n.LadderSection-title {\n  display: inline-block;\n  font-size: 1.6rem;\n  text-transform: uppercase;\n  font-weight: bold; }\n  @media only screen and (min-width: 768px) {\n    .LadderSection-title {\n      font-size: 2.5rem; } }\n\n.LadderSection-handleArrowIndicator {\n  width: 28px;\n  height: 28px;\n  background-image: url(\"img/pages/esports/arrow-selector.png\");\n  background-size: 100%;\n  background-repeat: no-repeat;\n  background-position: 0 -28px;\n  position: absolute;\n  transform: translateY(-50%);\n  top: 50%;\n  right: 20px; }\n\n.LadderSection-contentLogo {\n  display: none; }\n  @media only screen and (min-width: 768px) {\n    .LadderSection-contentLogo {\n      display: block;\n      height: 200px;\n      margin-left: auto;\n      margin-right: auto; } }\n\n.LadderSection-container {\n  background: #e9e9e7;\n  position: relative; }\n\n.LadderSection-content {\n  padding: 24px 24px;\n  background-color: #333333; }\n\n.LadderSection-desc {\n  margin-bottom: 24px; }\n\n.LadderSection-container.is-open + .LadderSection-handle {\n  border-top-color: #333333; }\n  .LadderSection-container.is-open + .LadderSection-handle:before {\n    background-color: #333333; }\n\n.LadderInfoBlock {\n  display: block;\n  height: 100%;\n  padding: 0 18px 0 6px; }\n\n.es-es .LadderInfoBlock-copy,\n.es-mx .LadderInfoBlock-copy,\n.de-de .LadderInfoBlock-copy {\n  font-size: 14px; }\n\n.LadderInfoBlock-callToAction {\n  margin-top: 18px; }\n\n.event-view .footer-prepurchase {\n  display: none; }\n\n.event-overview-container {\n  background-size: 100% auto;\n  flex-direction: column;\n  overflow: hidden; }\n  @media only screen and (min-width: 992px) {\n    .event-overview-container {\n      background-attachment: fixed;\n      background-size: auto;\n      background-position: center top;\n      flex-direction: row;\n      align-items: stretch; } }\n\n.events-section-header, .events-overview-header {\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 18px; }\n  @media only screen and (min-width: 768px) {\n    .events-section-header, .events-overview-header {\n      text-align: left; } }\n\n.events-overview-header {\n  margin-top: 18px; }\n  @media only screen and (min-width: 992px) {\n    .events-overview-header {\n      margin-top: 0; } }\n\n.event-overview-container.is-playing {\n  width: 100vw;\n  height: 56.25vw;\n  max-width: 2560px;\n  max-height: 100vh;\n  overflow: hidden; }\n  @media only screen and (min-width: 3840px) {\n    .event-overview-container.is-playing {\n      max-height: 1440px; } }\n\n.event-overview-content-container {\n  max-width: 95%;\n  margin: 0 auto; }\n\n.event-foreground-image-container {\n  position: relative;\n  display: block;\n  padding-top: 5%; }\n\n.event-foreground-image {\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  width: 70%;\n  vertical-align: bottom;\n  z-index: 10; }\n  @media only screen and (min-width: 992px) {\n    .event-foreground-image {\n      width: 60%; } }\n\n.event-logo-container-mobile {\n  background-size: auto 100%;\n  background-position: center; }\n\n.event-logo-container-mobile--overlap {\n  position: relative;\n  margin-top: -15%;\n  margin-bottom: -15%;\n  padding-top: 10%;\n  padding-bottom: 10%;\n  z-index: 20; }\n  @media only screen and (max-width: 991px) {\n    .event-logo-container-mobile--overlap + section, .event-logo-container-mobile--overlap + div {\n      padding-top: 10%; } }\n\n.event-logo-container-mobile--overlap-small {\n  position: relative;\n  margin-top: -4%;\n  margin-bottom: -4%;\n  padding-top: 2%;\n  padding-bottom: 2%;\n  z-index: 20; }\n  @media only screen and (max-width: 991px) {\n    .event-logo-container-mobile--overlap-small + section, .event-logo-container-mobile--overlap-small + div {\n      padding-top: 4%; } }\n\n.event-logo {\n  text-align: center; }\n  @media only screen and (min-width: 992px) {\n    .event-logo {\n      padding: 18px 0; } }\n\n.event-logo-image {\n  width: 100%;\n  max-width: 500px;\n  height: auto; }\n\n.event-dates {\n  text-align: center; }\n\n.event-masthead-flex-item--small {\n  flex: 1 0 0; }\n  @media only screen and (min-width: 992px) {\n    .event-masthead-flex-item--small {\n      flex: 3 0 0;\n      padding-bottom: 24px; } }\n\n.event-masthead-flex-item--medium {\n  flex: 1 0 0; }\n  @media only screen and (min-width: 992px) {\n    .event-masthead-flex-item--medium {\n      flex: 4 0 0; } }\n\n.event-masthead-flex-item--large {\n  flex: 1 0 0; }\n  @media only screen and (min-width: 992px) {\n    .event-masthead-flex-item--large {\n      flex: 6 0 0; } }\n\n.event-masthead-flex-item--xlarge {\n  flex: 1 0 0; }\n  @media only screen and (min-width: 992px) {\n    .event-masthead-flex-item--xlarge {\n      flex: 7 0 0; } }\n\n.event-masthead-flex-item--bottom-aligned {\n  align-self: flex-end; }\n\n@media only screen and (min-width: 992px) {\n  .event-masthead-flex-item--center-aligned {\n    align-self: center; } }\n\n@media only screen and (min-width: 992px) {\n  .event-masthead-flex-item--left {\n    margin-right: 36px; } }\n\n.event-parallax-layer {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-size: cover; }\n\n.event-video-iframe {\n  display: inherit;\n  position: absolute;\n  top: 0px;\n  width: 100%;\n  z-index: 10; }\n\n.event-video-close {\n  display: inherit;\n  position: absolute;\n  width: 60px;\n  height: 60px;\n  left: auto;\n  right: 1vw;\n  top: 40px;\n  cursor: pointer;\n  z-index: 90; }\n  @media only screen and (min-width: 992px) {\n    .event-video-close {\n      top: 100px; } }\n  .event-video-close:before {\n    content: '\\00d7';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    text-align: center;\n    line-height: 60px;\n    font-family: initial;\n    color: #00c3ff;\n    font-size: 6.10352rem;\n    text-shadow: 1px 1px 5px #969696; }\n  .event-video-close:hover:before {\n    color: #F6F6F6; }\n\n.event-video-wrapper {\n  position: absolute;\n  display: none;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  z-index: 30;\n  box-shadow: 0px 11px 5px 0px rgba(0, 0, 0, 0.25); }\n\n.event-video-wrapper--fixed-height {\n  width: 100vw;\n  max-width: 2560px;\n  height: 56.25vw;\n  max-height: 100vh;\n  overflow: hidden; }\n  @media only screen and (min-width: 3840px) {\n    .event-video-wrapper--fixed-height {\n      max-height: 1440px; } }\n\n.event-video-wrapper.is-popout {\n  position: fixed;\n  top: auto !important;\n  bottom: 25px !important;\n  right: 25px;\n  width: 426px;\n  height: 240px;\n  z-index: 20;\n  transform: translateY(0px) !important;\n  overflow: visible; }\n  @media only screen and (min-width: 1600px) {\n    .event-video-wrapper.is-popout {\n      width: 28vw;\n      height: 15.75vw; } }\n  .event-video-wrapper.is-popout .event-video-iframe {\n    width: 100%;\n    height: 100%;\n    position: relative; }\n  .event-video-wrapper.is-popout .event-video-close {\n    position: absolute;\n    display: inline-block;\n    left: auto;\n    top: -50px;\n    right: -17px; }\n\n.event-video-play-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translateX(-50%) translateY(-50%);\n  width: 20vw;\n  height: auto;\n  z-index: 20; }\n  @media only screen and (min-width: 992px) {\n    .event-video-play-icon {\n      width: 10vw; } }\n  @media only screen and (min-width: 1280px) {\n    .event-video-play-icon {\n      width: 7vw; } }\n  .event-video-play-icon > img {\n    width: 100%; }\n\n@media only screen and (max-width: 991px) {\n  .event-video-play-icon--centerV-adjust {\n    margin-top: -5%; } }\n\n.event-info-intro {\n  color: #F6F6F6;\n  background-size: cover;\n  position: relative; }\n  @media only screen and (min-width: 992px) {\n    .event-info-intro {\n      margin-top: -4%;\n      margin-bottom: -3%;\n      padding-top: 4%;\n      padding-bottom: 3%;\n      background-size: auto 100%;\n      background-position: center;\n      z-index: 20;\n      border: none;\n      pointer-events: none; } }\n\n.event-into-subheading {\n  color: #ff9c00; }\n\n.event-info-details {\n  background-color: black; }\n\n.event-info-intro-content {\n  pointer-events: auto; }\n\n.event-info-logo-image {\n  max-width: 80%; }\n\n.event-game-modes {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding-top: 45%;\n  padding-bottom: 24px;\n  background-position: center top;\n  background-size: 100%; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes {\n      min-height: 770px;\n      max-height: 1200px;\n      padding-top: 9%;\n      padding-bottom: 5%;\n      background-size: cover; } }\n  @media only screen and (min-width: 1600px) {\n    .event-game-modes {\n      height: auto;\n      min-height: 1100px;\n      background-size: 2560px; } }\n\n.event-game-modes-item {\n  margin: 24px 0; }\n  .event-game-modes-item--mode-one {\n    align-self: flex-start; }\n  .event-game-modes-item--mode-two {\n    align-self: flex-end; }\n\n.event-game-modes-heading, .event-game-modes-text {\n  color: #F6F6F6;\n  text-align: center; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes-heading, .event-game-modes-text {\n      text-align: left; } }\n\n.event-game-modes-heading {\n  text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }\n\n.event-game-modes-text {\n  text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }\n\n.EventMapCarousel-ItemContent {\n  height: 50vh;\n  min-height: 560px;\n  max-height: 1000px;\n  right: unset;\n  top: unset;\n  filter: brightness(45%); }\n\n.EventMapCarousel-Content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  padding: 40px 70px; }\n\n.event-section__maps-overview {\n  background-size: cover;\n  background-position: center top;\n  text-align: center; }\n  @media only screen and (min-width: 992px) {\n    .event-section__maps-overview {\n      padding-top: 140px;\n      padding-bottom: 200px;\n      text-align: left;\n      color: #F6F6F6; } }\n  @media only screen and (max-width: 991px) {\n    .event-section__maps-overview {\n      background-image: none !important; } }\n\n.event-section__map {\n  background-size: cover;\n  background-position: center top; }\n  @media only screen and (min-width: 992px) {\n    .event-section__map {\n      padding-top: 130px;\n      padding-bottom: 130px; } }\n\n.event-section__map-icon {\n  max-height: 25px; }\n  @media only screen and (min-width: 992px) {\n    .event-section__map-icon {\n      max-height: 18px; } }\n\n@media only screen and (min-width: 992px) {\n  .event-section__maps-overview-inner,\n  .event-section__map-container {\n    padding: 20px;\n    background-color: rgba(0, 0, 0, 0.3);\n    border-radius: 3px;\n    text-align: center; } }\n\n.event-section__map-name {\n  display: inline-block;\n  position: relative;\n  padding-left: 10px; }\n\n@media only screen and (min-width: 992px) {\n  .EventMaps {\n    background-image: none; } }\n\n.event-unlocks {\n  background-image: url(\"img/pages/events/carbon-repeat.jpg\");\n  background-repeat: repeat; }\n  .event-unlocks [data-unlock-type] + [data-unlock-type] {\n    margin-top: 40px; }\n  @media only screen and (min-width: 992px) {\n    .event-unlocks {\n      background-position: center bottom; } }\n  @media only screen and (min-width: 1280px) {\n    .event-unlocks {\n      background-repeat: no-repeat;\n      background-position: bottom center;\n      background-color: #000; } }\n  .event-unlocks .frame-corner-content {\n    transform: translateY(-10%); }\n  .event-unlocks .frame-corner {\n    display: none; }\n  .event-unlocks .frame .frame-corner {\n    display: block; }\n\n.event-unlock-media-header {\n  text-align: center; }\n\n.event-unlock-icon-note {\n  text-align: center;\n  color: inherit;\n  fill: inherit;\n  margin-bottom: 10px; }\n  .event-unlock-icon-note > svg {\n    display: inline-block;\n    width: 18px;\n    height: 18px; }\n\n.event-unlocks-loader {\n  margin-top: 190px; }\n\n.events-platform-container {\n  position: relative; }\n\n.events-platform-selection {\n  margin-left: 12px; }\n\n[data-rarity='COMMON'] .media-card-caption {\n  color: white; }\n\n[data-rarity='RARE'] .media-card-caption {\n  color: #00c3ff; }\n\n[data-rarity='EPIC'] .media-card-caption {\n  color: #ed3cef; }\n\n[data-rarity='LEGENDARY'] .media-card-caption {\n  color: #ff9c00; }\n\n[data-rarity='COMMON'].frame {\n  border-color: white; }\n  [data-rarity='COMMON'].frame > .frame-corner {\n    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 51%, white 100%); }\n\n[data-rarity='RARE'].frame {\n  border-color: #00c3ff; }\n  [data-rarity='RARE'].frame > .frame-corner {\n    background: linear-gradient(135deg, rgba(0, 195, 255, 0) 0%, rgba(0, 195, 255, 0) 50%, #00c3ff 51%, #00c3ff 100%); }\n\n[data-rarity='EPIC'].frame {\n  border-color: #ed3cef; }\n  [data-rarity='EPIC'].frame > .frame-corner {\n    background: linear-gradient(135deg, rgba(237, 60, 239, 0) 0%, rgba(237, 60, 239, 0) 50%, #ed3cef 51%, #ed3cef 100%); }\n\n[data-rarity='LEGENDARY'].frame {\n  border-color: #ff9c00; }\n  [data-rarity='LEGENDARY'].frame > .frame-corner {\n    background: linear-gradient(135deg, rgba(255, 156, 0, 0) 0%, rgba(255, 156, 0, 0) 50%, #ff9c00 51%, #ff9c00 100%); }\n\n.sprite-icon-check-label {\n  padding-left: 5px;\n  display: inline-block;\n  font-weight: bold;\n  text-transform: uppercase; }\n\n.sprite-icon-check-label.m-emphasized {\n  font-weight: bold;\n  text-transform: uppercase; }\n\n.sprite-icon-check-label.m-white {\n  color: #F6F6F6; }\n\n.sprite-icon-check-label.m-dark {\n  color: #00205d; }\n\n.loot-box-container {\n  background-size: cover;\n  background-position: bottom center;\n  background-color: #1a0c25;\n  text-align: center; }\n  @media only screen and (max-width: 991px) {\n    .loot-box-container {\n      background-size: 100% auto;\n      padding-bottom: 70%; } }\n  @media only screen and (min-width: 992px) {\n    .loot-box-container {\n      text-align: left;\n      background-position: top center; } }\n  @media (min-width: 1900px) {\n    .loot-box-container {\n      min-height: 650px; } }\n\n.event-lootbox-section {\n  position: relative;\n  padding-bottom: 80%;\n  overflow: hidden;\n  background-position: bottom center;\n  background-repeat: no-repeat;\n  background-size: 100%; }\n  @media only screen and (min-width: 992px) {\n    .event-lootbox-section {\n      min-height: 518px;\n      padding: 0;\n      background-size: cover;\n      background-position: center center;\n      display: flex;\n      flex-direction: column;\n      justify-content: center; } }\n\n.event-lootbox-video {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 2560px; }\n  @media only screen and (min-width: 992px) {\n    .event-lootbox-video {\n      display: block; } }\n\n.event-loot-box-description {\n  text-align: left; }\n\n.event-view--summer-games .event-intro-video {\n  position: relative;\n  width: 100%;\n  height: 78.5vh;\n  max-height: 63vw;\n  overflow: hidden;\n  text-align: center; }\n  @media only screen and (min-width: 768px) {\n    .event-view--summer-games .event-intro-video {\n      max-height: 56.25vw; } }\n  @media only screen and (min-width: 992px) {\n    .event-view--summer-games .event-intro-video {\n      transition: height 250ms ease-in-out;\n      transition-property: height; } }\n  @media only screen and (min-width: 2560px) {\n    .event-view--summer-games .event-intro-video {\n      max-height: 1440px; } }\n  .event-view--summer-games .event-intro-video:before {\n    content: ' ';\n    display: inline-block;\n    vertical-align: middle;\n    height: 100%; }\n\n.event-view--summer-games .event-intro-video.is-playing {\n  height: 56.35vw;\n  max-height: 100vh; }\n  @media only screen and (min-width: 3840px) {\n    .event-view--summer-games .event-intro-video.is-playing {\n      max-height: 1440px; } }\n\n.event-view--summer-games .event-background {\n  position: fixed;\n  top: 0;\n  width: 100%;\n  max-width: 2560px;\n  height: inherit;\n  max-height: inherit;\n  align-items: stretch;\n  background-color: white; }\n\n.event-view--summer-games .event-logo-container {\n  flex: 1 0 0;\n  align-self: center; }\n\n.event-view--summer-games .sg-opacity-none .event-background {\n  opacity: 0; }\n\n.event-view--summer-games .video-play {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n  z-index: 10; }\n\n.event-view--summer-games .video-play-icon {\n  width: 20vw;\n  height: auto; }\n  @media only screen and (min-width: 992px) {\n    .event-view--summer-games .video-play-icon {\n      width: 10vw; } }\n  @media only screen and (min-width: 1280px) {\n    .event-view--summer-games .video-play-icon {\n      width: 7vw; } }\n\n.event-view--summer-games .event-description {\n  padding-top: 45px;\n  padding-bottom: 45px;\n  background-color: white; }\n  @media only screen and (min-width: 992px) {\n    .event-view--summer-games .event-description {\n      padding-top: 30px;\n      padding-bottom: 30px; } }\n\n.event-view--summer-games .event-unlocks {\n  background-image: none;\n  background-color: #F6F6F6; }\n  @media only screen and (min-width: 1280px) {\n    .event-view--summer-games .event-unlocks {\n      background-color: white;\n      background-image: url(\"img/pages/events/summer-games/unlocks-bg.jpg\"); } }\n\n.event-view--summer-games .loot-box-container {\n  background-image: url(\"img/pages/events/summer-games/loot-box-bg-mobile.jpg\");\n  background-color: #164677;\n  background-position: bottom center; }\n  @media only screen and (min-width: 992px) {\n    .event-view--summer-games .loot-box-container {\n      background-image: url(\"img/pages/events/summer-games/loot-box-bg.jpg\");\n      min-height: 25.56vw;\n      background-size: auto 100%; } }\n  @media only screen and (min-width: 2560px) {\n    .event-view--summer-games .loot-box-container {\n      min-height: 650px; } }\n\n.event-view--summer-games .event-loot-box-description {\n  padding-top: 16px;\n  padding-bottom: 8px; }\n\n.event-view--summer-games .event-unlock-media-header {\n  color: #405275; }\n  @media only screen and (min-width: 1280px) {\n    .event-view--summer-games .event-unlock-media-header {\n      color: #00205d;\n      text-align: center; } }\n\n.event-view--summer-games .event-video-close.m-top {\n  display: none;\n  top: 55px;\n  right: 25px;\n  z-index: 90; }\n  @media only screen and (min-width: 992px) {\n    .event-view--summer-games .event-video-close.m-top {\n      top: 110px;\n      right: 4px; } }\n  @media only screen and (min-width: 1770px) {\n    .event-view--summer-games .event-video-close.m-top {\n      top: 55px;\n      z-index: 99; } }\n\n.event-view--summer-games .event-video-iframe {\n  display: inherit;\n  position: absolute;\n  bottom: 0px;\n  width: 100%;\n  height: 56.25vw;\n  max-height: 100vh;\n  z-index: 10; }\n  @media only screen and (min-width: 3360px) {\n    .event-view--summer-games .event-video-iframe {\n      max-height: 1440px; } }\n\n.event-view--summer-games .event-logo {\n  padding-top: 48px;\n  width: 95%; }\n  @media only screen and (min-width: 992px) {\n    .event-view--summer-games .event-logo {\n      padding-top: 110px; } }\n  @media only screen and (min-width: 768px) {\n    .event-view--summer-games .event-logo {\n      width: 70%; } }\n\n.event-view--summer-games .event-background-image {\n  flex: 3 0 0;\n  background-position: right -10vh;\n  background-size: 150% auto;\n  transition-property: background-position;\n  background-image: url(\"./img/pages/events/summer-games/summer-games-header.jpg\"); }\n  @media only screen and (min-width: 992px) {\n    .event-view--summer-games .event-background-image {\n      background-size: cover; } }\n\n.event-view--summer-games .event-foreground-image {\n  padding-top: 48px;\n  padding-right: 3%;\n  padding-left: 7%;\n  position: relative;\n  width: 110%;\n  left: -10%; }\n  @media only screen and (min-width: 992px) {\n    .event-view--summer-games .event-foreground-image {\n      padding-top: 110px; } }\n  @media only screen and (min-width: 768px) {\n    .event-view--summer-games .event-foreground-image {\n      width: 100%;\n      height: auto;\n      left: 0; } }\n\n.summer-games-body {\n  position: relative;\n  z-index: 10;\n  margin-top: -3px; }\n\n.summer-games-container {\n  position: relative; }\n\n.summer-games-background {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 75%;\n  height: 78.5vh;\n  background-position: right -10vh;\n  background-size: cover;\n  background-image: url(\"./img/pages/events/summer-games/summer-games-header.jpg\");\n  transition-property: background-position;\n  z-index: 0; }\n  @media only screen and (min-width: 2560px) {\n    .summer-games-background {\n      max-width: 1920px;\n      margin-left: calc((100% - 2560px)/2); } }\n\n.lucio-ball-section {\n  position: relative;\n  background-image: url(\"./img/pages/events/summer-games/lucioball-bg-mobile.jpg\");\n  background-position: center center;\n  background-size: cover;\n  padding-top: 45px;\n  padding-bottom: 0px;\n  overflow: hidden; }\n  @media only screen and (min-width: 400px) {\n    .lucio-ball-section {\n      padding-bottom: 200px; } }\n  @media only screen and (min-width: 768px) {\n    .lucio-ball-section {\n      padding-top: 60px;\n      padding-bottom: 300px; } }\n  @media only screen and (min-width: 992px) {\n    .lucio-ball-section {\n      padding-top: 100px;\n      overflow: visible;\n      background-image: url(\"./img/pages/events/summer-games/lucioball-bg.jpg\"); } }\n\n.lucio-parallax-wrapper {\n  height: 10px;\n  margin-top: 300px;\n  overflow: visible; }\n  @media only screen and (min-width: 768px) {\n    .lucio-parallax-wrapper {\n      margin-top: 200px; } }\n  @media only screen and (min-width: 992px) {\n    .lucio-parallax-wrapper {\n      margin-top: 0px; } }\n  @media only screen and (min-width: 2560px) {\n    .lucio-parallax-wrapper {\n      margin-left: 8.33333%; } }\n\n.lucio-ball-lucio-image {\n  position: relative;\n  right: 0px;\n  width: 100%;\n  height: auto;\n  pointer-events: none;\n  transition-property: top; }\n  @media only screen and (min-width: 768px) {\n    .lucio-ball-lucio-image {\n      right: 125px;\n      width: 80%;\n      height: auto; } }\n  @media only screen and (min-width: 992px) {\n    .lucio-ball-lucio-image {\n      width: auto; } }\n\n.lucio-ball-ball-image {\n  position: absolute;\n  display: none;\n  right: 10px;\n  margin-top: 50px;\n  transition-property: top, width, height; }\n  @media only screen and (min-width: 768px) {\n    .lucio-ball-ball-image {\n      display: inline; } }\n  @media only screen and (min-width: 992px) {\n    .lucio-ball-ball-image {\n      display: none; } }\n  @media only screen and (min-width: 1600px) {\n    .lucio-ball-ball-image {\n      display: inline; } }\n  @media only screen and (min-width: 2560px) {\n    .lucio-ball-ball-image {\n      right: 8%; } }\n\n.lucio-ball-text {\n  padding-top: 20px;\n  line-height: 3rem;\n  z-index: 11;\n  transition-property: transform; }\n  @media only screen and (min-width: 992px) {\n    .lucio-ball-text {\n      padding: 20px;\n      background-color: rgba(3, 57, 93, 0.6);\n      border-radius: 3px; } }\n\n.event-view--halloween-terror {\n  color: #F6F6F6; }\n\n.event-overview-container--halloween-terror {\n  background-image: url(\"img/pages/events/halloween/header-bg-mobile.jpg\"); }\n  @media only screen and (min-width: 992px) {\n    .event-overview-container--halloween-terror {\n      background-image: url(\"img/pages/events/halloween/header-bg-tablet.jpg\"); } }\n  @media only screen and (min-width: 1600px) {\n    .event-overview-container--halloween-terror {\n      background-image: url(\"img/pages/events/halloween/header-bg.jpg\"); } }\n\n.event-logo-container-mobile--halloween-terror {\n  background-image: url(\"img/pages/events/halloween/brickwall-mobile.png\"); }\n\n@media only screen and (min-width: 992px) {\n  .event-logo--halloween-terror {\n    width: 90%; } }\n\n.event-logo-image--halloween-terror {\n  width: auto;\n  max-width: 80%;\n  max-height: 200px; }\n  @media only screen and (min-width: 992px) {\n    .event-logo-image--halloween-terror {\n      max-width: 100%;\n      max-height: 360px; } }\n\n.event-foreground-image-container--halloween-terror {\n  padding-top: 20%; }\n  @media only screen and (min-width: 992px) {\n    .event-foreground-image-container--halloween-terror {\n      padding-top: 15%; } }\n\n.event-foreground-image--halloween-terror {\n  display: inline-block;\n  left: -10%; }\n  @media only screen and (min-width: 992px) {\n    .event-foreground-image--halloween-terror {\n      left: 0; } }\n  .event-foreground-image--halloween-terror--right {\n    position: absolute;\n    left: auto;\n    bottom: 0;\n    right: -10%;\n    z-index: 1; }\n    @media only screen and (min-width: 992px) {\n      .event-foreground-image--halloween-terror--right {\n        right: 0; } }\n\n.event-info-intro--halloween-terror {\n  background-image: url(\"img/pages/events/halloween/info-background-mobile.jpg\"); }\n  @media only screen and (min-width: 992px) {\n    .event-info-intro--halloween-terror {\n      margin-top: -90px;\n      margin-bottom: -90px;\n      background-image: url(\"img/pages/events/halloween/brickwall.png\"); } }\n  @media only screen and (min-width: 1600px) {\n    .event-info-intro--halloween-terror {\n      background-image: url(\"img/pages/events/halloween/brickwall-huge.png\");\n      margin-top: -96px; } }\n\n.event-game-modes--halloween-terror {\n  background-image: url(\"img/pages/events/halloween/game-modes-bg-mobile.jpg\");\n  background-color: black; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes--halloween-terror {\n      background-image: url(\"img/pages/events/halloween/game-modes-bg.jpg\"); } }\n\n.EventMaps--halloween-terror {\n  background-image: url(\"img/pages/events/halloween/maps-background-mobile.jpg\"); }\n\n.event-unlocks--halloween-terror {\n  background-image: none;\n  background-color: #1c1b21; }\n  @media only screen and (min-width: 992px) {\n    .event-unlocks--halloween-terror {\n      background-image: url(\"img/pages/events/halloween/unlocks-bg-tablet.jpg\");\n      background-color: #1a141e;\n      background-size: 100%; } }\n  @media only screen and (min-width: 1850px) {\n    .event-unlocks--halloween-terror {\n      background-image: url(\"img/pages/events/halloween/unlocks-bg-wide.jpg\"); } }\n\n.event-lootbox-section--halloween-terror {\n  background-color: #201c35;\n  background-image: url(\"img/pages/events/halloween/loot-box-bg-mobile.jpg\"); }\n  @media only screen and (min-width: 992px) {\n    .event-lootbox-section--halloween-terror {\n      background-image: url(\"img/pages/events/halloween/loot-box-bg-wide.jpg\"); } }\n\n.event-overview-container--winter-wonderland {\n  background-image: url(\"img/pages/events/winter-wonderland/header-bg-mobile.jpg\");\n  color: #F6F6F6; }\n  @media only screen and (min-width: 992px) {\n    .event-overview-container--winter-wonderland {\n      background-image: url(\"img/pages/events/winter-wonderland/header-bg.jpg\");\n      background-position: top center;\n      background-size: 100% auto; } }\n  @media only screen and (min-width: 1600px) {\n    .event-overview-container--winter-wonderland {\n      background-image: url(\"img/pages/events/winter-wonderland/header-bg.jpg\"); } }\n\n.event-foreground-image-container--winter-wonderland {\n  padding-top: 5%; }\n\n.event-foreground-image--winter-wonderland {\n  display: inline-block;\n  width: 68%; }\n  @media only screen and (min-width: 992px) {\n    .event-foreground-image--winter-wonderland {\n      width: 74%; } }\n\n.event-bg-layer--winter-wonderland {\n  width: 30vw;\n  margin-top: 50px;\n  top: 50%;\n  left: 10%;\n  transform: translateY(-50%); }\n\n@media only screen and (min-width: 992px) {\n  .flex-container--winter-wonderland {\n    max-width: 80%;\n    margin: 0 auto; } }\n\n.event-logo-image--winter-wonderland {\n  width: auto;\n  max-width: 75%; }\n\n.event-dates--winter-wonderland {\n  text-shadow: 2px 2px 0 #564f76, -1px -1px 0 #564f76, 1px -1px 0 #564f76, -1px 1px 0 #564f76, 1px 1px 0 #564f76; }\n  body:not(.zh-tw) .event-dates--winter-wonderland {\n    -webkit-text-stroke-width: 2px;\n    -webkit-text-stroke-color: #564f76; }\n\n.event-logo-container-mobile--winter-wonderland {\n  background-image: url(\"img/pages/events/winter-wonderland/snowy-bricks-mobile.png\"); }\n\n.event-info-intro--winter-wonderland {\n  background-image: url(\"img/pages/events/winter-wonderland/info-background-mobile.jpg\");\n  color: #405275; }\n  @media only screen and (min-width: 992px) {\n    .event-info-intro--winter-wonderland {\n      color: #F6F6F6;\n      background-image: url(\"img/pages/events/winter-wonderland/snowy-bricks.png\"); } }\n  @media only screen and (min-width: 1600px) {\n    .event-info-intro--winter-wonderland {\n      background-image: url(\"img/pages/events/winter-wonderland/snowy-bricks-huge.png\"); } }\n\n.event-unlocks--winter-wonderland {\n  background-image: none;\n  background-color: #7178a3;\n  background-image: linear-gradient(to bottom, #7178a3 0%, #979ebe 100%); }\n  @media only screen and (min-width: 992px) {\n    .event-unlocks--winter-wonderland {\n      background-image: url(\"img/pages/events/winter-wonderland/unlocks-bg-tablet.jpg\"); } }\n  @media only screen and (min-width: 1850px) {\n    .event-unlocks--winter-wonderland {\n      background-image: url(\"img/pages/events/winter-wonderland/unlocks-bg-wide.jpg\"); } }\n\n.event-info-subheading--winter-wonderland {\n  color: inherit; }\n  @media only screen and (min-width: 992px) {\n    .event-info-subheading--winter-wonderland {\n      color: #F6F6F6; } }\n\n.event-game-modes--winter-wonderland {\n  background-image: url(\"img/pages/events/winter-wonderland/game-modes-bg-mobile.jpg\");\n  background-color: #1a325e;\n  padding-top: 50%; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes--winter-wonderland {\n      background-image: url(\"img/pages/events/winter-wonderland/game-modes-bg.jpg\");\n      padding-top: 5%;\n      padding-bottom: 8%;\n      background-position: center center;\n      min-height: 900px; } }\n  @media only screen and (min-width: 1600px) {\n    .event-game-modes--winter-wonderland {\n      min-height: 1200px; } }\n\n.EventMaps--winter-wonderland {\n  background-image: url(\"img/pages/events/winter-wonderland/maps-background-mobile.jpg\");\n  background-size: 100%;\n  background-position: center bottom;\n  color: #F6F6F6;\n  background-color: #849dc6; }\n  .EventMaps--winter-wonderland .CarouselSplit-itemTitle, .EventMaps--winter-wonderland .ImageSet-header {\n    text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }\n  .EventMaps--winter-wonderland .CarouselSplit-itemDesc, .EventMaps--winter-wonderland .ImageSet-description, .EventMaps--winter-wonderland .map-name {\n    text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }\n\n.event-lootbox-section--winter-wonderland {\n  padding-bottom: 65%;\n  background-color: #4890ca;\n  background-image: url(\"img/pages/events/winter-wonderland/loot-box-bg-mobile.jpg\");\n  color: #F6F6F6;\n  text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }\n  @media only screen and (min-width: 768px) {\n    .event-lootbox-section--winter-wonderland {\n      background-image: url(\"img/pages/events/winter-wonderland/loot-box-bg-tablet.jpg\"); } }\n  @media only screen and (min-width: 992px) {\n    .event-lootbox-section--winter-wonderland {\n      padding-bottom: 0;\n      background-image: url(\"img/pages/events/winter-wonderland/loot-box-bg-wide.jpg\");\n      color: inherit;\n      text-shadow: none; } }\n\n.event-overview-container--lunar-new-year {\n  background-image: url(\"img/pages/events/lunar-new-year/header-bg-mobile.jpg\");\n  background-size: cover; }\n  @media only screen and (min-width: 992px) {\n    .event-overview-container--lunar-new-year {\n      background-image: url(\"img/pages/events/lunar-new-year/header-bg.jpg\");\n      background-position: top center;\n      background-size: 100% auto; } }\n\n@media only screen and (min-width: 992px) {\n  .event-logo-image--lunar-new-year {\n    width: 50%; } }\n\nbody:not(.ko-kr) .event-foreground-image-container--lunar-new-year {\n  padding-top: 0; }\n  @media only screen and (min-width: 992px) {\n    body:not(.ko-kr) .event-foreground-image-container--lunar-new-year {\n      margin-top: -5%; } }\n\n.event-foreground-image--lunar-new-year {\n  width: 88%; }\n  @media only screen and (min-width: 992px) {\n    .event-foreground-image--lunar-new-year {\n      width: 100%; } }\n\n.event-foreground-image--lunar-new-year.ko-kr {\n  right: -3%;\n  display: none;\n  width: 100%; }\n  @media only screen and (min-width: 992px) {\n    .event-foreground-image--lunar-new-year.ko-kr {\n      margin-right: auto;\n      margin-top: 5%; } }\n\n.event-logo-container-mobile--lunar-new-year {\n  background-image: url(\"img/pages/events/lunar-new-year/logo-background-mobile.png\"); }\n  @media only screen and (max-width: 991px) {\n    .event-logo-container-mobile--lunar-new-year {\n      padding: 82px 0; } }\n\n.event-dates--lunar-new-year {\n  color: #F6F6F6; }\n  @media only screen and (min-width: 992px) {\n    .event-dates--lunar-new-year {\n      color: #cd2807; } }\n\n.wood-divider--lunar-new-year:before {\n  background-image: url(\"img/pages/events/lunar-new-year/lny-divider-mobile.png\"); }\n  @media only screen and (min-width: 992px) {\n    .wood-divider--lunar-new-year:before {\n      background-image: url(\"img/pages/events/lunar-new-year/lny-divider-desktop.png\"); } }\n\n.event-info-intro--lunar-new-year {\n  background-image: url(\"img/pages/events/lunar-new-year/lny-info-mobile.jpg\");\n  background-position: center bottom; }\n  @media only screen and (min-width: 992px) {\n    .event-info-intro--lunar-new-year {\n      background-image: url(\"img/pages/events/lunar-new-year/lny-info-huge.png\"); } }\n\n.event-game-modes--lunar-new-year {\n  background-image: url(\"img/pages/events/lunar-new-year/game-modes-bg-mobile.jpg\");\n  background-color: #ebebeb; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes--lunar-new-year {\n      background-image: url(\"img/pages/events/lunar-new-year/game-modes-bg-desktop.jpg\"); } }\n\n@media only screen and (max-width: 991px) {\n  .event-game-modes-heading--lunar-new-year {\n    color: #cd2807; }\n  .event-game-modes-text--lunar-new-year {\n    color: #333333; } }\n\n.EventMaps--lunar-new-year {\n  background-image: url(\"img/pages/events/lunar-new-year/maps-background-mobile.jpg\");\n  background-size: 100%;\n  background-position: center bottom;\n  color: #F6F6F6;\n  background-color: #849dc6; }\n  .EventMaps--lunar-new-year .CarouselSplit-itemTitle, .EventMaps--lunar-new-year .ImageSet-header {\n    text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }\n  .EventMaps--lunar-new-year .CarouselSplit-itemDesc, .EventMaps--lunar-new-year .ImageSet-description, .EventMaps--lunar-new-year .map-name {\n    text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }\n  .EventMaps--lunar-new-year .ImageSet-header {\n    color: #cd2807; }\n  .EventMaps--lunar-new-year .ImageSet-description {\n    color: #333333; }\n\n.event-unlocks--lunar-new-year {\n  color: #cd2807;\n  fill: #cd2807;\n  background-image: url(\"img/pages/events/lunar-new-year/unlocks-mobile-bg-top.jpg\"), url(\"img/pages/events/lunar-new-year/unlocks-mobile-bg-bottom.jpg\");\n  background-color: #ebebeb;\n  background-size: 100% auto;\n  background-position: top center, bottom center;\n  background-repeat: no-repeat; }\n  @media only screen and (min-width: 992px) {\n    .event-unlocks--lunar-new-year {\n      background-image: url(\"img/pages/events/lunar-new-year/unlocks-background-desktop.jpg\");\n      background-size: cover;\n      background-position: bottom center; } }\n  @media only screen and (min-width: 1850px) {\n    .event-unlocks--lunar-new-year {\n      background-image: url(\"img/pages/events/lunar-new-year/unlocks-background-desktop-wide.jpg\"); } }\n\n.event-lootbox-section--lunar-new-year {\n  padding-bottom: 65%;\n  background-image: url(\"img/pages/events/lunar-new-year/lny-lootbox-mobile.jpg\");\n  background-color: #2c1c1d;\n  color: #F6F6F6;\n  text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }\n  @media only screen and (min-width: 768px) {\n    .event-lootbox-section--lunar-new-year {\n      background-image: url(\"img/pages/events/lunar-new-year/lny-lootbox-tablet.jpg\"); } }\n  @media only screen and (min-width: 992px) {\n    .event-lootbox-section--lunar-new-year {\n      min-height: 514px;\n      padding-bottom: 0;\n      background-image: url(\"img/pages/events/lunar-new-year/lny-lootbox.jpg\");\n      text-shadow: none; } }\n\nbody.ko-kr .event-foreground-image-container--lunar-new-year {\n  padding-top: 0; }\n\nbody.ko-kr .event-foreground-image--lunar-new-year.non-kr {\n  display: none; }\n\nbody.ko-kr .event-foreground-image--lunar-new-year.ko-kr {\n  display: block; }\n\nbody.ko-kr .event-logo-container-mobile--lunar-new-year {\n  background-image: url(\"img/pages/events/lunar-new-year/ko-kr/lny-logo-mobile-kr.jpg\"); }\n\nbody.ko-kr .wood-divider--lunar-new-year:before {\n  background-image: url(\"img/pages/events/lunar-new-year/ko-kr/lny-divider-mobile-kr.png\"); }\n  @media only screen and (min-width: 992px) {\n    body.ko-kr .wood-divider--lunar-new-year:before {\n      background-image: url(\"img/pages/events/lunar-new-year/ko-kr/lny-divider-desktop-kr.png\"); } }\n\nbody.ko-kr .event-info-intro--lunar-new-year {\n  background-image: url(\"img/pages/events/lunar-new-year/ko-kr/more-info-background-mobile-kr.jpg\"); }\n  @media only screen and (min-width: 992px) {\n    body.ko-kr .event-info-intro--lunar-new-year {\n      background-image: url(\"img/pages/events/lunar-new-year/ko-kr/lny-info-huge-kr.png\"); } }\n\nbody.ko-kr .EventMaps--lunar-new-year {\n  background-image: url(\"img/pages/events/lunar-new-year/ko-kr/maps-background-mobile-kr.jpg\"); }\n\n@media only screen and (min-width: 1850px) {\n  body.ko-kr .event-unlocks--lunar-new-year {\n    background-image: url(\"img/pages/events/lunar-new-year/ko-kr/unlocks-background-desktop-wide-kr.jpg\"); } }\n\nbody.ko-kr .event-lootbox-section--lunar-new-year {\n  background-image: url(\"img/pages/events/lunar-new-year/ko-kr/lny-lootbox-mobile-kr.jpg\"); }\n  @media only screen and (min-width: 768px) {\n    body.ko-kr .event-lootbox-section--lunar-new-year {\n      background-image: url(\"img/pages/events/lunar-new-year/ko-kr/lny-lootbox-tablet-kr.jpg\"); } }\n  @media only screen and (min-width: 992px) {\n    body.ko-kr .event-lootbox-section--lunar-new-year {\n      background-image: url(\"img/pages/events/lunar-new-year/lny-lootbox-kr.jpg\"); } }\n\n.event-view--archives {\n  color: #F6F6F6; }\n\n.event-overview-container--archives {\n  background-image: url(\"img/pages/events/archives/headers/header-bg-mobile.jpg\");\n  background-size: cover; }\n  @media only screen and (min-width: 992px) {\n    .event-overview-container--archives {\n      background-image: url(\"img/pages/events/archives/headers/header-bg.jpg\"); } }\n\n@media only screen and (min-width: 992px) {\n  .event-logo--archives {\n    position: relative;\n    right: -25%;\n    z-index: 20; } }\n\n.event-logo-image--archives {\n  max-width: 640px; }\n  @media only screen and (max-width: 991px) {\n    .event-logo-image--archives {\n      padding-top: 10%; } }\n\n.event-foreground-image-container--archives {\n  padding-top: 2%; }\n\n.event-foreground-image--archives {\n  width: 100%; }\n  @media only screen and (max-width: 991px) {\n    .event-foreground-image--archives {\n      width: 106%;\n      margin-left: -3%;\n      margin-right: -3%; } }\n\n.event-logo-container-mobile--archives {\n  background-image: url(\"img/pages/events/archives/headers/logo-bg-mobile.jpg\"); }\n\n.event-divider--archives:before {\n  background-image: url(\"img/pages/events/archives/divider/divider-mobile.jpg\");\n  height: 32px; }\n  @media only screen and (min-width: 992px) {\n    .event-divider--archives:before {\n      background-image: url(\"img/pages/events/archives/divider/divider-desktop.jpg\"); } }\n\n.event-info-intro--archives {\n  background-image: url(\"img/pages/events/archives/moreinfo/info-bg-mobile.jpg\"); }\n  @media only screen and (min-width: 992px) {\n    .event-info-intro--archives {\n      background-image: url(\"img/pages/events/archives/moreinfo/info-bg-huge.png\");\n      background-size: auto 90%;\n      margin-bottom: -4.5%; } }\n\n.event-info-intro-content--archives {\n  margin-top: 5%; }\n\n.u-limit-width--archives {\n  max-width: 45em; }\n\n.event-game-modes--retribution {\n  background-image: url(\"img/pages/events/archives/gamemodes/retribution-game-mode-mobile.jpg\");\n  background-color: #191f2c;\n  border-bottom: 6px solid #7f2825; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes--retribution {\n      background-image: url(\"img/pages/events/archives/gamemodes/retribution-game-mode.jpg\");\n      background-position: center bottom;\n      min-height: 55vh; } }\n\n.event-game-modes--uprising {\n  background-image: url(\"img/pages/events/archives/gamemodes/uprising-game-mode-mobile.jpg\");\n  background-color: #310f0d; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes--uprising {\n      background-image: url(\"img/pages/events/archives/gamemodes/uprising-game-mode.jpg\");\n      background-position: center bottom;\n      min-height: 55vh; } }\n\n.event-game-modes-subheading {\n  text-align: center; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes-subheading {\n      text-align: unset; } }\n\n.EventMaps--archives {\n  background-image: url(\"img/pages/events/archives/maps/maps-bg-mobile.jpg\"); }\n\n.event-unlocks--archives {\n  background-image: none;\n  background-color: #310f0d; }\n  @media only screen and (min-width: 992px) {\n    .event-unlocks--archives {\n      background-image: url(\"img/pages/events/archives/unlocks/unlocks-bg-desktop.jpg\");\n      background-color: #1a141e; } }\n  @media only screen and (min-width: 1850px) {\n    .event-unlocks--archives {\n      background-image: url(\"img/pages/events/archives/unlocks/unlocks-bg-desktop-wide.jpg\");\n      background-position: center; } }\n\n.event-lootbox-section--archives {\n  background-color: #2c2a42;\n  background-image: url(\"img/pages/events/archives/lootbox/lootbox-bg-mobile.jpg\"); }\n  @media only screen and (min-width: 992px) {\n    .event-lootbox-section--archives {\n      background-image: url(\"img/pages/events/archives/lootbox/lootbox-bg-wide.jpg\"); } }\n\n/*#region factory */\n.event-overview-container--anniversary {\n  position: relative;\n  background-image: url(\"img/pages/events/anniversary/headers/header-bg-mobile.jpg\"); }\n  @media only screen and (min-width: 992px) {\n    .event-overview-container--anniversary {\n      background-image: url(\"img/pages/events/anniversary/headers/header-bg.jpg\"); } }\n\n.event-divider--anniversary:before {\n  background-image: unset; }\n  @media only screen and (min-width: 992px) {\n    .event-divider--anniversary:before {\n      background-image: unset; } }\n\n/*#region logo */\n@media only screen and (min-width: 992px) {\n  .event-logo-container-mobile--anniversary {\n    background-image: url(\"img/pages/events/anniversary/headers/logo.png\"); } }\n\n/*#endregion*/\n/*#region intro */\n.event-info-intro--anniversary {\n  background-image: url(\"img/pages/events/anniversary/moreinfo/info-bg-mobile.png\"); }\n  @media only screen and (min-width: 992px) {\n    .event-info-intro--anniversary {\n      background-image: url(\"img/pages/events/anniversary/moreinfo/info-bg.png\"); } }\n\n/*#endregion*/\n/*#region game modes and maps */\n.event-game-modes-1--anniversary {\n  background-image: url(\"img/pages/events/anniversary/gamemodes/yeti-hunt.jpg\");\n  background-color: #eaeae8; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes-1--anniversary {\n      background-image: url(\"img/pages/events/anniversary/gamemodes/yeti-hunt.jpg\"); } }\n\n.event-game-modes-2--anniversary {\n  background-image: url(\"img/pages/events/anniversary/gamemodes/yeti-hunt.jpg\");\n  background-color: #eaeae8; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes-2--anniversary {\n      background-image: url(\"img/pages/events/anniversary/gamemodes/yeti-hunt.jpg\"); } }\n\n.event-game-modes-3--anniversary {\n  background-image: url(\"img/pages/events/anniversary/gamemodes/halloween-terror.jpg\");\n  background-color: #eaeae8; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes-3--anniversary {\n      background-image: url(\"img/pages/events/anniversary/gamemodes/halloween-terrorjpg\"); } }\n\n.event-game-modes-4--anniversary {\n  background-image: url(\"img/pages/events/anniversary/gamemodes/lucio-ball.jpg\");\n  background-color: #eaeae8; }\n  @media only screen and (min-width: 992px) {\n    .event-game-modes-4--anniversary {\n      background-image: url(\"img/pages/events/anniversary/gamemodes/lucio-ball.jpg\"); } }\n\n.EventMaps--anniversary {\n  background-image: url(\"img/pages/events/anniversary/maps/maps-bg-mobile.jpg\"); }\n\n/*#endregion*/\n/*#region unlocks */\n.event-unlocks--anniversary {\n  background-image: none;\n  background-color: #EDEDEE; }\n  @media only screen and (min-width: 992px) {\n    .event-unlocks--anniversary {\n      background-image: url(\"img/pages/events/anniversary/unlocks/bg-desktop.jpg\"); } }\n  @media only screen and (min-width: 1850px) {\n    .event-unlocks--anniversary {\n      background-image: url(\"img/pages/events/anniversary/unlocks/bg-desktop-wide.jpg\"); } }\n\n/*#endregion*/\n/*#region lootbox */\n.event-lootbox-section--anniversary {\n  background-color: #dddddd;\n  background-image: url(\"img/pages/events/anniversary/lootbox/box-tablet.jpg\");\n  padding-top: 5px; }\n  @media only screen and (min-width: 992px) {\n    .event-lootbox-section--anniversary {\n      background-image: url(\"img/pages/events/anniversary/lootbox/box.png\"); } }\n\n/*#endregion*/\n/*#endregion*/\n/*#region overview */\n.event-overview-container--anniversary {\n  background-attachment: scroll;\n  background-size: 100% auto;\n  background-position: top center; }\n\n.event-overview-content-container--anniversary {\n  padding-top: 40vw;\n  padding-bottom: 30px; }\n  @media only screen and (min-width: 992px) {\n    .event-overview-content-container--anniversary {\n      padding-top: 20vw;\n      padding-bottom: 32px; } }\n  @media only screen and (min-width: 1280px) {\n    .event-overview-content-container--anniversary {\n      padding-top: 23vw;\n      padding-bottom: 64px; } }\n  @media only screen and (min-width: 2560px) {\n    .event-overview-content-container--anniversary {\n      padding-top: 664px; } }\n\n.event-video-play-icon--anniversary {\n  margin-top: -25%; }\n  @media only screen and (min-width: 768px) {\n    .event-video-play-icon--anniversary {\n      margin-top: -15%; } }\n  @media only screen and (min-width: 992px) {\n    .event-video-play-icon--anniversary {\n      margin-top: -5vh; } }\n  @media only screen and (min-width: 2560px) {\n    .event-video-play-icon--anniversary {\n      margin-top: 0; } }\n\n.event-logo-image--anniversary {\n  max-width: 400px; }\n  @media only screen and (min-width: 992px) {\n    .event-logo-image--anniversary {\n      max-width: 320px; } }\n  @media only screen and (min-width: 992px) {\n    .event-logo-image--anniversary {\n      width: 25vw;\n      max-width: 640px; } }\n\n/*#endregion*/\n/*#region intro */\n.event-info-intro--anniversary {\n  color: #333333;\n  background-color: #F6F6F6; }\n\n.event-intro-flex-container {\n  display: flex;\n  flex-direction: column; }\n  @media only screen and (min-width: 1280px) {\n    .event-intro-flex-container {\n      flex-direction: row;\n      align-items: flex-end; } }\n\n@media only screen and (min-width: 1280px) {\n  .event-info-intro-heroes-container {\n    max-width: 100%;\n    position: relative;\n    height: 470px;\n    margin-top: 0;\n    flex: 7 1 0;\n    max-height: 310px; } }\n\n.event-info-intro-heroes {\n  max-width: 100%;\n  margin-top: 18px; }\n  @media only screen and (max-width: 1279px) {\n    .event-info-intro-heroes {\n      flex: 7 1 0; } }\n  @media only screen and (min-width: 1280px) {\n    .event-info-intro-heroes {\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      width: 980px;\n      max-width: none; } }\n\n.event-info-intro-heroes--tablet {\n  width: 755px; }\n\n.event-info-intro-heroes--mobile {\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%); }\n  @media only screen and (min-width: 400px) {\n    .event-info-intro-heroes--mobile {\n      max-width: 80%; } }\n  @media only screen and (min-width: 768px) {\n    .event-info-intro-heroes--mobile {\n      max-width: 70%; } }\n  @media only screen and (min-width: 992px) {\n    .event-info-intro-heroes--mobile {\n      max-width: 50%; } }\n\n.event-info-intro-text {\n  padding-bottom: 36px;\n  margin-left: auto;\n  margin-right: auto; }\n  @media only screen and (min-width: 1280px) {\n    .event-info-intro-text {\n      flex: 5 1 0;\n      margin-left: 36px;\n      padding-top: 36px; } }\n\n@media only screen and (min-width: 1280px) {\n  .event-info-intro-heading.u-orange-text {\n    color: #333333; } }\n\n@media only screen and (min-width: 1280px) {\n  .event-info-intro-description-paragraph.u-center-block {\n    display: block;\n    margin-left: 0;\n    margin-right: auto; } }\n\n.event-info-intro-cta-container {\n  text-align: center; }\n\n/*#endregion*/\n/*#region unlocks */\n@media only screen and (max-width: 767px) {\n  .event-unlocks--anniversary {\n    background-image: url(\"img/pages/events/anniversary/unlocks/bg-tablet.jpg\"); } }\n\n.event-unlock-tabs {\n  width: 100%;\n  z-index: 1000;\n  background-color: #2f3543; }\n  .event-unlock-tabs nav {\n    text-align: left;\n    margin: auto;\n    white-space: nowrap;\n    padding: 1.5rem 5rem; }\n    @media only screen and (min-width: 768px) {\n      .event-unlock-tabs nav {\n        padding: 1rem 5rem; } }\n  .event-unlock-tabs nav > * {\n    line-height: 1; }\n  .event-unlock-tabs-fixed {\n    position: fixed;\n    top: 49px;\n    left: 50%;\n    z-index: 99999;\n    transform: translateX(-50%); }\n\n.event-unlock-tabs .swiper-slide {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-content: flex-start;\n  align-items: center; }\n  .event-unlock-tabs .swiper-slide-icon {\n    width: 1.2em;\n    height: 1.2em;\n    margin-right: 0.5rem;\n    flex: 0 1 auto;\n    align-self: auto;\n    fill: #F6F6F6; }\n  .event-unlock-tabs .swiper-slide-link {\n    flex: 0 1 auto;\n    align-self: auto;\n    text-align: center;\n    text-transform: uppercase;\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    color: #F6F6F6;\n    cursor: pointer;\n    white-space: nowrap; }\n    .event-unlock-tabs .swiper-slide-link:focus, .event-unlock-tabs .swiper-slide-link:active {\n      color: #00c3ff; }\n    @media (hover: hover) {\n      .event-unlock-tabs .swiper-slide-link:hover {\n        color: #00c3ff; } }\n  .event-unlock-tabs .swiper-slide-active .swiper-slide-icon {\n    fill: #00c3ff; }\n  .event-unlock-tabs .swiper-slide-active .swiper-slide-link {\n    color: #00c3ff; }\n\n.event-unlock-tabs .swiper-wrapper {\n  margin: 0;\n  padding: 0; }\n\n.event-unlock-tabs .swiper-button {\n  background-color: #2f3543;\n  background-image: unset;\n  min-width: 40px; }\n  .event-unlock-tabs .swiper-button:after {\n    content: '';\n    background: no-repeat url(\"img/icons/arrow-white-all.png\");\n    display: block;\n    position: absolute;\n    top: 50%;\n    height: 36px;\n    width: 30px;\n    transform: translateY(-50%); }\n  .event-unlock-tabs .swiper-button-prev {\n    left: 0; }\n  .event-unlock-tabs .swiper-button-prev:after {\n    left: 10px; }\n  .event-unlock-tabs .swiper-button-next:after {\n    background-position-x: -30px;\n    right: 10px; }\n  .event-unlock-tabs .swiper-button-next {\n    right: 0; }\n  .event-unlock-tabs .swiper-button-next.swiper-button-disabled, .event-unlock-tabs .swiper-button-prev.swiper-button-disabled {\n    opacity: 0.20; }\n  @media only screen and (min-width: 1280px) {\n    .event-unlock-tabs .swiper-button {\n      display: none; } }\n\n.event-divider--anniversary {\n  border-top: 2px solid #c68e26; }\n\n/*#endregion*/\n/*#region gameModes */\n.EventGameModes-container--anniversary {\n  background-color: #F6F6F6;\n  background-image: url(\"img/pages/events/anniversary/gamemodes/gamemode-bg.jpg\");\n  background-repeat: repeat; }\n\n.EventGameModes-image {\n  display: block;\n  width: 100%; }\n  .EventGameModes-image--mobile {\n    margin-bottom: 18px; }\n\n.EventGameModes a {\n  cursor: pointer; }\n\n.EventGameModesIndex {\n  padding-left: 15px;\n  padding-right: 15px; }\n  @media only screen and (min-width: 992px) {\n    .EventGameModesIndex {\n      text-align: left;\n      padding-left: 42px;\n      padding-right: 0; } }\n  .EventGameModesIndex-title {\n    color: #c68e26; }\n  .EventGameModesIndex-description {\n    margin-bottom: 18px; }\n  .EventGameModesIndex-list {\n    display: flex;\n    text-align: left;\n    flex-direction: column;\n    align-items: flex-start; }\n  .EventGameModesIndex-item {\n    fill: #00c3ff;\n    color: #00c3ff;\n    text-transform: uppercase;\n    margin-left: auto;\n    margin-right: auto;\n    cursor: pointer; }\n    .EventGameModesIndex-item + .EventGameModesIndex-item {\n      margin-top: 3px; }\n    .EventGameModesIndex-item:hover {\n      fill: #66dbff;\n      color: #66dbff; }\n    @media only screen and (min-width: 992px) {\n      .EventGameModesIndex-item {\n        margin-left: 0; } }\n\n.EventGameModeCard {\n  padding-bottom: 36px;\n  text-align: center; }\n  @media only screen and (min-width: 992px) {\n    .EventGameModeCard {\n      text-align: left;\n      padding-bottom: 0; } }\n  .EventGameModeCard-image {\n    display: block;\n    width: 100%; }\n  .EventGameModeCard-heading {\n    margin-top: 12px;\n    color: #c68e26; }\n  .EventGameModeCard-back {\n    display: block;\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 2rem;\n    font-style: normal;\n    font-weight: bold;\n    font-variant: normal;\n    line-height: normal;\n    margin-top: .5em;\n    color: #00c3ff;\n    cursor: pointer; }\n    .EventGameModeCard-back:hover {\n      color: #66dbff; }\n\n/*#endregion*/\n/*#region maps*/\n.EventMaps--anniversary {\n  background-repeat: repeat; }\n\n.EventMaps--anniversary .EventMapsGrid {\n  color: #F6F6F6;\n  background-image: url(\"img/pages/events/anniversary/maps/carbon-fiber-bg.jpg\");\n  background-repeat: repeat; }\n\n/*#endregion*/\n.Endorsement-overview-container {\n  background: #3bbac0;\n  /* Old browsers */\n  background: linear-gradient(to bottom, #3bbac0 0%, #2a7c83 100%); }\n\n.Endorsement-overview-icon {\n  display: block;\n  width: 100%;\n  fill: rgba(255, 255, 255, 0.5);\n  min-height: 238px; }\n\n@media only screen and (min-width: 992px) {\n  .Endorsement-category-level-outer-container {\n    background-image: url(\"img/pages/endorsements/blue-pattern.jpg\");\n    background-size: cover; } }\n\n.Endorsement-category-container {\n  background-color: black; }\n  @media only screen and (min-width: 992px) {\n    .Endorsement-category-container {\n      background-color: transparent; } }\n\n.Endorsement-levels-container {\n  background-image: url(\"img/pages/endorsements/blue-pattern.jpg\");\n  background-size: cover;\n  border-top: 2px solid #727272; }\n  @media only screen and (min-width: 992px) {\n    .Endorsement-levels-container {\n      background-image: none; } }\n\n/*------------------------------------*\\\n    #PAGE GENERAL RULES\n\\*------------------------------------*/\nbody.BlockScrolling {\n  overflow: hidden; }\n\n.Wrap {\n  overflow: hidden; }\n\n/*------------------------------------*\\\n    #FONTS\n\\*------------------------------------*/\n@font-face {\n  font-family: 'ConcourseT3';\n  src: url(\"/fonts/concourse_t3_regular-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'ConcourseT3';\n  src: url(\"/fonts/concourse_t3_bold-webfont.woff\") format(\"woff\");\n  font-weight: bold;\n  font-style: normal; }\n\n@font-face {\n  font-family: 'ConcourseT3';\n  src: url(\"/fonts/concourse_t3_italic-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: italic; }\n\n/*------------------------------------*\\\n    #BUTTON (OVERWRITES)\n\\*------------------------------------*/\n.Button--open {\n  color: #fff;\n  font-size: 21px;\n  font-weight: normal;\n  padding: 12px 20px 12px;\n  border-radius: 5px;\n  background: #ff9c00; }\n  @media (max-width: 320px) {\n    .Button--open {\n      font-size: 20px; }\n      .Button--open svg {\n        display: none; } }\n  .CTA .Button--open {\n    background: #ff9c00; }\n  .Button--open:active, .Button--open:focus, .Button--open:link, .Button--open:visited, .Button--open:hover {\n    color: #fff; }\n  .Button--open:hover {\n    background: #ffb033; }\n  .Button--open:focus, .Button--open:active {\n    background: #f29400; }\n\n.Button--disabled {\n  cursor: not-allowed; }\n  .Button--disabled, .Button--disabled:hover, .Button--disabled:focus, .Button--disabled:active {\n    background: #888888;\n    border-color: #888888; }\n    .Button--disabled path, .Button--disabled:hover path, .Button--disabled:focus path, .Button--disabled:active path {\n      fill: #fff; }\n\n.button.Button--openGhost {\n  font-size: 21px;\n  font-weight: normal;\n  padding: 12px 20px 12px;\n  border-radius: 5px;\n  color: #f29400;\n  border-width: 1px;\n  background: transparent;\n  word-break: break-word; }\n  .ja-jp .button.Button--openGhost {\n    font-size: 19px; }\n  @media only screen and (min-width: 768px) {\n    .button.Button--openGhost {\n      padding: 12px 40px 12px; } }\n  .button.Button--openGhost:active, .button.Button--openGhost:focus, .button.Button--openGhost:hover {\n    color: #fff; }\n  .button.Button--openGhost:hover {\n    background: #ffb033; }\n    .button.Button--openGhost:hover svg path {\n      fill: #fff; }\n  .button.Button--openGhost:focus, .button.Button--openGhost:active {\n    background: #f29400; }\n    .button.Button--openGhost:focus svg path, .button.Button--openGhost:active svg path {\n      fill: #fff; }\n  @media (max-width: 320px) {\n    .button.Button--openGhost {\n      font-size: 20px; }\n      .button.Button--openGhost svg {\n        display: none; } }\n  .button.Button--openGhost svg path {\n    fill: #f29400; }\n\n.Button--wide {\n  padding: 18px 80px 14px; }\n\n.Button--linkout {\n  padding: 12px 20px 12px;\n  word-break: break-word; }\n  @media only screen and (min-width: 768px) {\n    .Button--linkout {\n      padding: 12px 40px 12px; } }\n  .Button--linkout svg {\n    width: 18px;\n    height: 22px;\n    margin-left: 10px;\n    vertical-align: bottom;\n    transform: translateY(1px); }\n\n/*------------------------------------*\\\n    #ICONS\n\\*------------------------------------*/\n.Icon {\n  margin: 0 auto; }\n  .Stardom .Icon {\n    margin: 12px auto 0; }\n    @media only screen and (min-width: 768px) {\n      .Stardom .Icon {\n        display: none; } }\n\n.Icon--arrow {\n  width: 22px;\n  height: 17px; }\n\n/*------------------------------------*\\\n    #INTRO\n\\*------------------------------------*/\n.Intro {\n  position: relative;\n  background: no-repeat center top/cover;\n  background-image: url(\"img/esports/open/open-header-mobile.jpg\");\n  height: 350px; }\n  @media only screen and (min-width: 768px) {\n    .Intro {\n      background-image: url(\"img/esports/open/open-header-tablet.jpg\");\n      height: 450px; } }\n  @media only screen and (min-width: 992px) {\n    .Intro {\n      background-image: url(\"img/esports/open/open-header.jpg\");\n      height: 500px; } }\n  @media only screen and (min-width: 1600px) {\n    .Intro {\n      height: 700px; } }\n\n.Intro-logo {\n  position: absolute;\n  bottom: -24px; }\n  @media only screen and (min-width: 992px) {\n    .Intro-logo {\n      bottom: -35px; } }\n  .Intro-logo .Logo {\n    width: 100vw;\n    text-align: center; }\n  .Intro-logo .Logo-img {\n    display: none;\n    margin: 0 auto; }\n    @media only screen and (min-width: 992px) {\n      .Intro-logo .Logo-img {\n        display: block; } }\n  .Intro-logo .Logo-img--mobile {\n    display: block; }\n    @media only screen and (min-width: 992px) {\n      .Intro-logo .Logo-img--mobile {\n        display: none; } }\n\n/*------------------------------------*\\\n    #PATH TO STARDOM\n\\*------------------------------------*/\n.Stardom-heading {\n  color: #ebebeb;\n  font-size: 42px; }\n  @media only screen and (min-width: 768px) {\n    .Stardom-heading {\n      font-size: 48px; } }\n\n.Stardom-intro {\n  color: #d3d4d6;\n  font-size: 18px;\n  font-family: arial, sans-serif;\n  background: url(\"img/esports/open/carbon-repeat.jpg\") top left;\n  text-align: center;\n  padding: 34px 0 34px; }\n  @media only screen and (min-width: 768px) {\n    .Stardom-intro {\n      font-size: 21px;\n      padding: 54px 0 64px; } }\n\n.Stardom-step {\n  display: flex;\n  flex-direction: column;\n  border-bottom: 1px solid #3d464b; }\n  @media only screen and (min-width: 992px) {\n    .Stardom-step {\n      flex-direction: row; } }\n\n.Stardom-split {\n  width: 100%;\n  min-height: 287px; }\n  @media only screen and (min-width: 992px) {\n    .Stardom-split {\n      width: 50%; } }\n\n.Stardom-stepDetail {\n  color: #3d464b;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  max-width: 608px;\n  margin: 0 auto;\n  padding: 30px 8px;\n  text-align: center;\n  position: relative;\n  z-index: 1; }\n  @media only screen and (min-width: 992px) {\n    .Stardom-stepDetail {\n      padding: 60px 8px;\n      text-align: left;\n      margin: inherit; } }\n  .Stardom-stepDetail::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: #f0edf2;\n    transform: skewX(30deg);\n    transform-origin: bottom left;\n    z-index: -1; }\n\n.Stardom-stepHeader {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 35px;\n  font-style: normal; }\n\n.Stardom-stepTitle {\n  color: #f69300;\n  font-size: 21px;\n  text-transform: uppercase; }\n\n.Stardom-stepDesc {\n  font-family: arial, sans-serif;\n  font-size: 18px; }\n\n.Stardom-stepGraph {\n  background-size: cover;\n  background-position: top center; }\n  @media only screen and (min-width: 768px) {\n    .Stardom-stepGraph {\n      background-position: center; } }\n  @media only screen and (min-width: 992px) {\n    .Stardom-stepGraph {\n      background-position: center right;\n      background-size: auto; } }\n  @media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min--moz-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (-o-min-device-pixel-ratio: 13 / 10) and (min-width: 992px), only screen and (min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-resolution: 1.3dppx) and (min-width: 992px), only screen and (min-resolution: 120dpi) and (min-width: 992px) {\n    .Stardom-stepGraph {\n      background-size: auto 240%; } }\n  .Stardom-step--1 .Stardom-stepGraph {\n    background-image: url(\"img/esports/open/step-1-graph-m.jpg\"); }\n    @media only screen and (min-width: 992px) {\n      .Stardom-step--1 .Stardom-stepGraph {\n        background-image: url(\"img/esports/open/step-1-graph.jpg\"); } }\n    @media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min--moz-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (-o-min-device-pixel-ratio: 13 / 10) and (min-width: 992px), only screen and (min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-resolution: 1.3dppx) and (min-width: 992px), only screen and (min-resolution: 120dpi) and (min-width: 992px) {\n      .Stardom-step--1 .Stardom-stepGraph {\n        background-image: url(\"img/esports/open/step-1-graph-hirez.jpg\"); } }\n  .Stardom-step--2 .Stardom-stepGraph {\n    background-image: url(\"img/esports/open/step-2-graph-m.jpg\"); }\n    @media only screen and (min-width: 992px) {\n      .Stardom-step--2 .Stardom-stepGraph {\n        background-image: url(\"img/esports/open/step-2-graph.jpg\"); } }\n    @media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min--moz-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (-o-min-device-pixel-ratio: 13 / 10) and (min-width: 992px), only screen and (min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-resolution: 1.3dppx) and (min-width: 992px), only screen and (min-resolution: 120dpi) and (min-width: 992px) {\n      .Stardom-step--2 .Stardom-stepGraph {\n        background-image: url(\"img/esports/open/step-2-graph-hirez.jpg\"); } }\n  .Stardom-step--3 .Stardom-stepGraph {\n    background-image: url(\"img/esports/open/step-3-graph-m.jpg\"); }\n    @media only screen and (min-width: 992px) {\n      .Stardom-step--3 .Stardom-stepGraph {\n        background-image: url(\"img/esports/open/step-3-graph.jpg\"); } }\n    @media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min--moz-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (-o-min-device-pixel-ratio: 13 / 10) and (min-width: 992px), only screen and (min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-resolution: 1.3dppx) and (min-width: 992px), only screen and (min-resolution: 120dpi) and (min-width: 992px) {\n      .Stardom-step--3 .Stardom-stepGraph {\n        background-image: url(\"img/esports/open/step-3-graph-hirez.jpg\"); } }\n\n/*------------------------------------*\\\n    #REGION\n\\*------------------------------------*/\n.Region {\n  position: relative;\n  background: url(\"img/esports/open/sign-map-mobile.jpg\") center top no-repeat;\n  background-size: cover;\n  text-align: center;\n  padding: 200px 0; }\n  @media only screen and (min-width: 992px) {\n    .Region {\n      background: url(\"img/esports/open/sign-map.jpg\") center top no-repeat;\n      background-size: cover; } }\n  @media only screen and (min-width: 1280px) {\n    .Region {\n      background-size: auto; } }\n\n.Region-heading {\n  color: #ffeda4;\n  font-size: 42px;\n  margin-bottom: 28px; }\n  @media only screen and (min-width: 768px) {\n    .Region-heading {\n      font-size: 72px; } }\n\n.Region-heading--smaller {\n  color: #ebebeb;\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-style: normal;\n  font-size: 22px; }\n  @media only screen and (min-width: 768px) {\n    .Region-heading--smaller {\n      font-size: 35px; } }\n\n.Region-selector {\n  margin-top: 25px;\n  padding: 25px 0 55px; }\n  @media only screen and (min-width: 768px) {\n    .Region-selector {\n      margin-top: 49px;\n      padding: 45px 0 105px; } }\n  @media only screen and (min-width: 400px) {\n    .Region-selector > p {\n      padding: 0 1em; } }\n  @media only screen and (min-width: 768px) {\n    .Region-selector > p {\n      padding: 0 3em; } }\n  @media only screen and (min-width: 1280px) {\n    .Region-selector > p {\n      padding: 0 7em; } }\n  .Region-selector p {\n    color: #fff;\n    line-height: 1.2;\n    font-size: 21px;\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    margin: 0; }\n    .Region-selector p span:last-of-type {\n      margin-bottom: 2em; }\n\n.Region-selectText {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 18px;\n  font-weight: normal;\n  max-width: 748px;\n  line-height: 1.1;\n  color: #9ca0ab;\n  margin: 0 auto 30px; }\n\n.Region-select {\n  margin: 0 auto 45px;\n  height: 45px;\n  max-width: 100%; }\n  @media only screen and (min-width: 992px) {\n    .Region-select {\n      max-width: 410px; } }\n\n.RegionSelector {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column; }\n  @media only screen and (min-width: 1280px) {\n    .RegionSelector {\n      flex-direction: row; } }\n\n.RegionSelector-selection {\n  margin: 30px auto;\n  flex-shrink: 0;\n  max-width: 360px;\n  width: 100%; }\n  @media only screen and (min-width: 768px) {\n    .RegionSelector-selection {\n      max-width: inherit; } }\n  @media only screen and (min-width: 1280px) {\n    .RegionSelector-selection {\n      margin: 30px;\n      max-width: 360px; } }\n\n.RegionSelection-name {\n  font-size: 18px;\n  min-height: 36px;\n  line-height: 1.2;\n  text-transform: uppercase;\n  color: #fff;\n  font-weight: bold;\n  word-wrap: break-word; }\n  @media only screen and (min-width: 400px) {\n    .RegionSelection-name {\n      font-size: 22px; } }\n  @media only screen and (min-width: 768px) {\n    .RegionSelection-name {\n      font-size: 28px;\n      min-height: 70px; } }\n  .fr-fr .RegionSelection-name,\n  .it-it .RegionSelection-name,\n  .pl-pl .RegionSelection-name,\n  .pt-br .RegionSelection-name,\n  .ko-kr .RegionSelection-name {\n    min-height: 40px; }\n    @media only screen and (min-width: 768px) {\n      .fr-fr .RegionSelection-name,\n      .it-it .RegionSelection-name,\n      .pl-pl .RegionSelection-name,\n      .pt-br .RegionSelection-name,\n      .ko-kr .RegionSelection-name {\n        font-size: 22px; } }\n    @media only screen and (min-width: 1280px) {\n      .fr-fr .RegionSelection-name,\n      .it-it .RegionSelection-name,\n      .pl-pl .RegionSelection-name,\n      .pt-br .RegionSelection-name,\n      .ko-kr .RegionSelection-name {\n        min-height: 70px; } }\n  .ja-jp .RegionSelection-name,\n  .ru-ru .RegionSelection-name {\n    min-height: 50px; }\n    @media only screen and (min-width: 768px) {\n      .ja-jp .RegionSelection-name,\n      .ru-ru .RegionSelection-name {\n        font-size: 18px; } }\n\np.Region-info {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 18px;\n  font-weight: normal;\n  color: #fff;\n  text-transform: uppercase;\n  text-decoration: underline;\n  display: table;\n  margin: 1em auto 0;\n  cursor: pointer; }\n\np.Region-info--disabled {\n  cursor: not-allowed;\n  opacity: 0.5; }\n\n.Region-error {\n  position: relative;\n  background-color: #fff;\n  color: red;\n  text-transform: uppercase;\n  font-size: 18px;\n  padding: 6px 0;\n  margin-bottom: 28px; }\n  @media only screen and (min-width: 768px) {\n    .Region-error {\n      font-size: 22px; } }\n\n/*------------------------------------*\\\n    #CALL TO ACTION\n\\*------------------------------------*/\n.CTA {\n  position: relative;\n  padding: 30px 0;\n  background: url(\"img/esports/open/background-cta-m.jpg\") bottom center repeat-x;\n  background-size: contain; }\n  @media only screen and (min-width: 768px) {\n    .CTA {\n      padding: 30px 0 8px; } }\n  @media only screen and (min-width: 992px) {\n    .CTA {\n      padding: 80px 0 8px;\n      background: url(\"img/esports/open/background-cta.jpg\") top center no-repeat; } }\n  @media only screen and (min-width: 1280px) {\n    .CTA {\n      padding: 90px 0 8px; } }\n  .CTA::before {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 80px;\n    height: 24px;\n    background: #f8f9fa;\n    top: 1px;\n    left: 0;\n    transform: translate(-50%, -100%) skewX(60deg);\n    transform-origin: bottom left; }\n    @media only screen and (min-width: 992px) {\n      .CTA::before {\n        width: 2560px;\n        height: 85px;\n        top: 0;\n        left: 50%;\n        background: url(\"img/esports/open/background-cta-top.png\") top center no-repeat;\n        transform: translate(-50%, -85px);\n        transform-origin: center; } }\n  .CTA::after {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 80px;\n    height: 24px;\n    background: #f8f9fa;\n    top: 0;\n    right: 0;\n    transform: translate(50%, -100%) skewX(-60deg);\n    transform-origin: bottom right; }\n    @media only screen and (min-width: 992px) {\n      .CTA::after {\n        display: none; } }\n\n.CTA-content {\n  text-align: center; }\n  @media only screen and (min-width: 992px) {\n    .CTA-content {\n      transform: translateX(220px); } }\n\n.CTA-title {\n  font-size: 48px;\n  color: #5b5280; }\n  @media only screen and (min-width: 768px) {\n    .CTA-title {\n      font-size: 72px; } }\n  .ja-jp .CTA-title {\n    margin-top: 50px;\n    font-size: 42px;\n    transform: translateY(-20px); }\n\n.CTA-boxes {\n  width: 328px;\n  height: 268px;\n  background: url(\"img/esports/open/boxes.png\") center no-repeat;\n  background-size: contain;\n  margin: 12px auto -20px;\n  max-width: 100%;\n  background-size: contain; }\n  @media only screen and (min-width: 768px) {\n    .CTA-boxes {\n      width: 550px;\n      height: 375px;\n      margin: 12px auto -40px; } }\n  .ru-ru .CTA-boxes {\n    background: url(\"img/esports/open/boxes-ru.png\") center no-repeat;\n    background-size: contain; }\n  .ko-kr .CTA-boxes {\n    background: url(\"img/esports/open/boxes-kr.png\") center no-repeat;\n    background-size: contain; }\n  .pt-br .CTA-boxes {\n    background: url(\"img/esports/open/boxes-pt.png\") center no-repeat;\n    background-size: contain; }\n  .zh-tw .CTA-boxes {\n    background: url(\"img/esports/open/boxes-tw.png\") center no-repeat;\n    background-size: contain; }\n  .it-it .CTA-boxes,\n  .pt-pt .CTA-boxes,\n  .pl-pl .CTA-boxes,\n  .fr-fr .CTA-boxes,\n  .es-es .CTA-boxes,\n  .en-gb .CTA-boxes {\n    background: url(\"img/esports/open/boxes-eu.png\") center no-repeat;\n    background-size: contain; }\n  .de-de .CTA-boxes {\n    background: url(\"img/esports/open/boxes-de.png\") center no-repeat;\n    background-size: contain; }\n\n.CTA-callout {\n  font-family: 'ConcourseT3', sans-serif;\n  font-size: 16px;\n  font-weight: bold;\n  line-height: 1.4;\n  text-transform: uppercase;\n  color: #27324a;\n  margin: 0 auto;\n  max-width: 70%; }\n  @media only screen and (min-width: 768px) {\n    .CTA-callout {\n      font-size: 24px; } }\n\n.CTA-button {\n  max-width: 90%;\n  margin: 10px; }\n  @media only screen and (min-width: 768px) {\n    .CTA-button {\n      margin: 30px; } }\n\n/*------------------------------------*\\\n    #FOOTER (OVERWRITE)\n\\*------------------------------------*/\nbody.overwatch-open .footer-prepurchase {\n  display: none; }\n\nbody.overwatch-open .overwatch-footer::before {\n  border: none; }\n\nbody.overwatch-open .overwatch-footer .content-box.m-tinyPad, body.overwatch-open .overwatch-footer .m-tinyPad.u-container-background, body.overwatch-open .overwatch-footer .m-tinyPad.u-container-background-cropped-mobile {\n  padding-top: 40px;\n  padding-bottom: 40px; }\n\n/*------------------------------------*\\\n    #MODALS\n\\*------------------------------------*/\n.ModalWrapper {\n  position: fixed;\n  display: none;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: 1000; }\n  .ModalWrapper.is-active {\n    display: block; }\n  .ModalWrapper::before {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    height: 100%;\n    background-color: #000;\n    z-index: -1;\n    opacity: 0.6; }\n\n.Modal {\n  position: fixed;\n  display: none;\n  top: 50%;\n  left: 50%;\n  transform: translate3d(-50%, -40%, 0);\n  width: 100%;\n  margin: 0 auto;\n  transition: all 300ms ease;\n  opacity: 0; }\n  @media only screen and (min-width: 400px) {\n    .Modal {\n      width: 90%; } }\n  @media only screen and (min-width: 768px) {\n    .Modal {\n      max-width: 620px; } }\n  @media only screen and (min-width: 992px) {\n    .Modal {\n      max-width: 875px; } }\n  .Modal.is-active {\n    display: block; }\n  .Modal.is-visible {\n    opacity: 1;\n    transform: translate(-50%, -50%); }\n    @media only screen and (min-width: 768px) {\n      .Modal.is-visible {\n        transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); } }\n  @media only screen and (min-width: 992px) {\n    .Modal--faceit {\n      max-width: 1140px; } }\n\n.Modal-modalHeader {\n  background-color: #fbf9fb;\n  padding: 20px 28px;\n  width: 100%;\n  text-align: left;\n  border-top-right-radius: 4px;\n  border-top-left-radius: 4px;\n  text-transform: uppercase; }\n  .Modal-modalHeader span {\n    text-align: center;\n    display: block;\n    color: #0d0d0d;\n    font-size: 18px; }\n    @media only screen and (min-width: 768px) {\n      .Modal-modalHeader span {\n        font-size: 24px; } }\n\n.Modal-modalContent {\n  padding: 0;\n  background-color: #e3e1e3;\n  color: #5a5759;\n  max-height: 70vh;\n  overflow: auto;\n  text-align: center;\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n  transform: translateY(-3px); }\n  .Modal-modalContent h5, .Modal-modalContent p {\n    color: #5a5759; }\n  .Modal-modalContent img {\n    max-width: 100%; }\n  .Modal-modalContent p {\n    padding: 0 54px; }\n  .Modal-modalContent ul {\n    color: #111; }\n  .Modal-modalContent .GroupStage-cta {\n    margin: 1em; }\n\n.Modal-modalClose {\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: 20px;\n  padding: 1.1em !important;\n  position: absolute;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n  width: auto !important;\n  display: none; }\n  @media only screen and (min-width: 768px) {\n    .Modal-modalClose {\n      display: block;\n      font-size: 26px;\n      padding: 1em !important; } }\n  .Modal-modalClose:active, .Modal-modalClose:focus, .Modal-modalClose:hover {\n    background: transparent; }\n\n.Modal-modalClose--mobile {\n  display: block;\n  left: 0;\n  right: auto; }\n  .Modal-modalClose--mobile svg {\n    width: 25px;\n    height: 25px; }\n  @media only screen and (min-width: 768px) {\n    .Modal-modalClose--mobile {\n      display: none; } }\n\n.Modal-cta {\n  padding: 20px;\n  text-align: center;\n  background-color: #fff; }\n  .Modal-cta .Button--open {\n    font-size: 16px; }\n    @media only screen and (min-width: 768px) {\n      .Modal-cta .Button--open {\n        font-size: 20px; } }\n\n.Modal-list {\n  column-count: 1;\n  padding: 1em 4em;\n  display: inline-block;\n  text-align: left; }\n  @media only screen and (min-width: 768px) {\n    .Modal-list {\n      -webkit-column-count: 2;\n      column-count: 2;\n      padding: 1em 6em; } }\n  @media only screen and (min-width: 992px) {\n    .Modal-list {\n      -webkit-column-count: 3;\n      column-count: 3; } }\n  .Modal-list li {\n    position: relative;\n    padding-left: 1em;\n    padding-right: 1.5em;\n    line-height: 1.5;\n    color: #111;\n    font-size: 18px;\n    white-space: nowrap; }\n    .Modal-list li::before {\n      content: '';\n      position: absolute;\n      display: block;\n      top: 8px;\n      left: 0;\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background-color: #111; }\n  @media only screen and (min-width: 992px) {\n    .Modal--faceit .Modal-list {\n      -webkit-column-count: 2;\n      column-count: 2; } }\n  @media only screen and (min-width: 1180px) {\n    .Modal--faceit .Modal-list {\n      -webkit-column-count: 4;\n      column-count: 4; } }\n\n/*------------------------------------*\\\n    #SELECT2\n\\*------------------------------------*/\n.select2-container {\n  box-sizing: border-box;\n  display: inline-block;\n  margin: 0;\n  position: relative;\n  vertical-align: middle;\n  max-width: 100%; }\n\n.select2-container .select2-selection--single {\n  box-sizing: border-box;\n  cursor: pointer;\n  display: block;\n  user-select: none;\n  -webkit-user-select: none; }\n\n.Region-select-container {\n  height: 42px;\n  margin-bottom: 30px;\n  position: relative; }\n\n.select2-container .select2-selection--single .select2-selection__rendered {\n  display: block;\n  padding-left: 8px;\n  padding-right: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left; }\n\n.select2-container .select2-selection--single .select2-selection__clear {\n  position: relative; }\n\n.select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\n  padding-right: 8px;\n  padding-left: 20px; }\n\n.select2-container .select2-selection--multiple {\n  box-sizing: border-box;\n  cursor: pointer;\n  display: block;\n  min-height: 32px;\n  user-select: none;\n  -webkit-user-select: none; }\n\n.select2-container .select2-selection--multiple .select2-selection__rendered {\n  display: inline-block;\n  overflow: hidden;\n  padding-left: 8px;\n  text-overflow: ellipsis;\n  white-space: nowrap; }\n\n.select2-container .select2-search--inline {\n  float: left; }\n\n.select2-container .select2-search--inline .select2-search__field {\n  box-sizing: border-box;\n  border: none;\n  font-size: 100%;\n  margin-top: 5px;\n  padding: 0; }\n\n.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {\n  -webkit-appearance: none; }\n\n.select2-dropdown {\n  background-color: white;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  left: -100000px;\n  width: 100%;\n  z-index: 90; }\n\n.select2-results {\n  display: block; }\n\n.select2-results__options {\n  list-style: none;\n  margin: 0;\n  padding: 0; }\n\n.select2-results__option {\n  padding: 6px;\n  user-select: none;\n  -webkit-user-select: none;\n  /* Brisk overwrite */\n  color: #444; }\n\n.select2-results__option[aria-selected] {\n  cursor: pointer; }\n\n.select2-container--open .select2-dropdown {\n  left: 0; }\n\n.select2-container--open .select2-dropdown--above {\n  border-bottom: none;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0; }\n\n.select2-container--open .select2-dropdown--below {\n  border-top: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  transform: translateY(3px) scale(0.99); }\n\n.select2-search--dropdown {\n  display: block;\n  padding: 4px; }\n\n.select2-search--dropdown .select2-search__field {\n  padding: 4px;\n  width: 100%;\n  box-sizing: border-box; }\n\n.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {\n  -webkit-appearance: none; }\n\n.select2-search--dropdown.select2-search--hide {\n  display: none; }\n\n.select2-close-mask {\n  border: 0;\n  margin: 0;\n  padding: 0;\n  display: block;\n  position: fixed;\n  left: 0;\n  top: 0;\n  min-height: 100%;\n  min-width: 100%;\n  height: auto;\n  width: auto;\n  opacity: 0;\n  z-index: 99;\n  background-color: #fff;\n  filter: alpha(opacity=0); }\n\n.select2-hidden-accessible {\n  border: 0 !important;\n  clip: rect(0 0 0 0) !important;\n  height: 1px !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  padding: 0 !important;\n  position: absolute !important;\n  width: 1px !important; }\n\n.select2-container--default .select2-selection--single {\n  background-color: #fff;\n  border: 2px solid #9fa0a2;\n  border-radius: 2px; }\n  .has-error .select2-container--default .select2-selection--single {\n    border: 2px solid #f36e11; }\n  .select2-container--default .select2-selection--single:hover {\n    border: 2px solid #08abee; }\n\n.select2-container--open.select2-container--default .select2-selection--single {\n  border: 2px solid #08abee; }\n\n.select2-container--default .select2-selection--single .select2-selection__rendered {\n  color: #444;\n  line-height: 28px;\n  /* Brisk overwrite */\n  line-height: 38px; }\n\n.select2-container--default .select2-selection--single .select2-selection__clear {\n  cursor: pointer;\n  float: right;\n  font-weight: bold; }\n\n.select2-container--default .select2-selection--single .select2-selection__placeholder {\n  color: #999; }\n\n.select2-container--default .select2-selection--single .select2-selection__arrow {\n  position: absolute;\n  width: 42px;\n  height: 60%;\n  border-left: 1px solid #9fa0a2;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%); }\n\n.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow {\n  height: 100%;\n  background-color: #08abee;\n  border-left: none; }\n\n.select2-container--default .select2-selection--single .select2-selection__arrow b {\n  border-color: transparent transparent #9fa0a2 #9fa0a2;\n  border-width: 0 0 1px 1px;\n  border-style: solid;\n  background-color: transparent;\n  height: 8px;\n  width: 8px;\n  left: 50%;\n  top: 50%;\n  margin-left: -4px;\n  margin-top: -6px;\n  position: absolute;\n  transform: rotate(-45deg); }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n  float: left; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n  left: 1px;\n  right: auto; }\n\n.select2-container--default.select2-container--disabled .select2-selection--single {\n  background-color: #eee;\n  cursor: default; }\n\n.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {\n  display: none; }\n\n.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {\n  border-color: transparent transparent #fff #fff;\n  background-color: #08abee; }\n\n.select2-container--default .select2-selection--multiple {\n  background-color: white;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  cursor: text; }\n\n.select2-container--default .select2-selection--multiple .select2-selection__rendered {\n  box-sizing: border-box;\n  list-style: none;\n  margin: 0;\n  padding: 0 5px;\n  width: 100%; }\n\n.select2-container--default .select2-selection--multiple .select2-selection__rendered li {\n  list-style: none; }\n\n.select2-container--default .select2-selection--multiple .select2-selection__placeholder {\n  color: #999;\n  margin-top: 5px;\n  float: left; }\n\n.select2-container--default .select2-selection--multiple .select2-selection__clear {\n  cursor: pointer;\n  float: right;\n  font-weight: bold;\n  margin-top: 5px;\n  margin-right: 10px; }\n\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n  background-color: #e4e4e4;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  cursor: default;\n  float: left;\n  margin-right: 5px;\n  margin-top: 5px;\n  padding: 0 5px; }\n\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n  color: #999;\n  cursor: pointer;\n  display: inline-block;\n  font-weight: bold;\n  margin-right: 2px; }\n\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {\n  color: #333; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-search--inline,\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice,\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__placeholder {\n  float: right; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n  margin-left: 5px;\n  margin-right: auto; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n  margin-left: 2px;\n  margin-right: auto; }\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n  border: solid black 1px;\n  outline: 0; }\n\n.select2-container--default.select2-container--disabled .select2-selection--multiple {\n  background-color: #eee;\n  cursor: default; }\n\n.select2-container--default.select2-container--disabled .select2-selection__choice__remove {\n  display: none; }\n\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0; }\n\n.select2-container--default .select2-search--dropdown .select2-search__field {\n  border: 1px solid #aaa;\n  /* Brisk overwrite */\n  color: #444; }\n\n.select2-container--default .select2-search--inline .select2-search__field {\n  background: transparent;\n  border: none;\n  outline: 0;\n  box-shadow: none;\n  -webkit-appearance: textfield; }\n\n.select2-container--default .select2-results > .select2-results__options {\n  max-height: 200px;\n  overflow-y: auto; }\n\n.select2-container--default .select2-results__option[role=group] {\n  padding: 0; }\n\n.select2-container--default .select2-results__option[aria-disabled=true] {\n  color: #999; }\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n  background-color: #ddd; }\n\n.select2-container--default .select2-results__option .select2-results__option {\n  padding-left: 1em; }\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__group {\n  padding-left: 0; }\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option {\n  margin-left: -1em;\n  padding-left: 2em; }\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n  margin-left: -2em;\n  padding-left: 3em; }\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n  margin-left: -3em;\n  padding-left: 4em; }\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n  margin-left: -4em;\n  padding-left: 5em; }\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n  margin-left: -5em;\n  padding-left: 6em; }\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n  background-color: #5897fb;\n  color: white; }\n\n.select2-container--default .select2-results__group {\n  cursor: default;\n  display: block;\n  padding: 6px; }\n\n.select2-container--classic .select2-selection--single {\n  background-color: #f7f7f7;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  outline: 0;\n  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);\n  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);\n  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);\n  background-repeat: repeat-x;\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }\n\n.select2-container--classic .select2-selection--single:focus {\n  border: 1px solid #5897fb; }\n\n.select2-container--classic .select2-selection--single .select2-selection__rendered {\n  color: #444;\n  line-height: 28px; }\n\n.select2-container--classic .select2-selection--single .select2-selection__clear {\n  cursor: pointer;\n  float: right;\n  font-weight: bold;\n  margin-right: 10px; }\n\n.select2-container--classic .select2-selection--single .select2-selection__placeholder {\n  color: #999; }\n\n.select2-container--classic .select2-selection--single .select2-selection__arrow {\n  background-color: #ddd;\n  border: none;\n  border-left: 1px solid #aaa;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 4px;\n  height: 26px;\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  width: 20px;\n  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);\n  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);\n  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);\n  background-repeat: repeat-x;\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }\n\n.select2-container--classic .select2-selection--single .select2-selection__arrow b {\n  border-color: #888 transparent transparent transparent;\n  border-style: solid;\n  border-width: 5px 4px 0 4px;\n  height: 0;\n  left: 50%;\n  margin-left: -4px;\n  margin-top: -2px;\n  position: absolute;\n  top: 50%;\n  width: 0; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n  float: left; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n  border: none;\n  border-right: 1px solid #aaa;\n  border-radius: 0;\n  border-top-left-radius: 4px;\n  border-bottom-left-radius: 4px;\n  left: 1px;\n  right: auto; }\n\n.select2-container--classic.select2-container--open .select2-selection--single {\n  border: 1px solid #5897fb; }\n\n.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {\n  background: transparent;\n  border: none; }\n\n.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {\n  border-color: transparent transparent #888 transparent;\n  border-width: 0 4px 5px 4px; }\n\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {\n  border-top: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);\n  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);\n  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);\n  background-repeat: repeat-x;\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }\n\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {\n  border-bottom: none;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);\n  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);\n  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);\n  background-repeat: repeat-x;\n  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }\n\n.select2-container--classic .select2-selection--multiple {\n  background-color: white;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  cursor: text;\n  outline: 0; }\n\n.select2-container--classic .select2-selection--multiple:focus {\n  border: 1px solid #5897fb; }\n\n.select2-container--classic .select2-selection--multiple .select2-selection__rendered {\n  list-style: none;\n  margin: 0;\n  padding: 0 5px; }\n\n.select2-container--classic .select2-selection--multiple .select2-selection__clear {\n  display: none; }\n\n.select2-container--classic .select2-selection--multiple .select2-selection__choice {\n  background-color: #e4e4e4;\n  border: 1px solid #aaa;\n  border-radius: 4px;\n  cursor: default;\n  float: left;\n  margin-right: 5px;\n  margin-top: 5px;\n  padding: 0 5px; }\n\n.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {\n  color: #888;\n  cursor: pointer;\n  display: inline-block;\n  font-weight: bold;\n  margin-right: 2px; }\n\n.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {\n  color: #555; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n  float: right; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n  margin-left: 5px;\n  margin-right: auto; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n  margin-left: 2px;\n  margin-right: auto; }\n\n.select2-container--classic.select2-container--open .select2-selection--multiple {\n  border: 1px solid #5897fb; }\n\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {\n  border-top: none;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0; }\n\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {\n  border-bottom: none;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0; }\n\n.select2-container--classic .select2-search--dropdown .select2-search__field {\n  border: 1px solid #aaa;\n  outline: 0; }\n\n.select2-container--classic .select2-search--inline .select2-search__field {\n  outline: 0;\n  box-shadow: none; }\n\n.select2-container--classic .select2-dropdown {\n  background-color: #fff;\n  border: 1px solid transparent; }\n\n.select2-container--classic .select2-dropdown--above {\n  border-bottom: none; }\n\n.select2-container--classic .select2-dropdown--below {\n  border-top: none; }\n\n.select2-container--classic .select2-results > .select2-results__options {\n  max-height: 200px;\n  overflow-y: auto; }\n\n.select2-container--classic .select2-results__option[role=group] {\n  padding: 0; }\n\n.select2-container--classic .select2-results__option[aria-disabled=true] {\n  color: grey; }\n\n.select2-container--classic .select2-results__option--highlighted[aria-selected] {\n  background-color: #3875d7;\n  color: #fff; }\n\n.select2-container--classic .select2-results__group {\n  cursor: default;\n  display: block;\n  padding: 6px; }\n\n.select2-container--classic.select2-container--open .select2-dropdown {\n  border-color: #5897fb; }\n\n.u-center-block {\n  display: table;\n  margin-left: auto !important;\n  margin-right: auto !important; }\n\n.u-center-vertical-flex {\n  display: flex;\n  flex-direction: column;\n  align-content: center; }\n\n.u-center-horizontal-flex {\n  display: flex;\n  flex-direction: row;\n  align-content: center; }\n\n.u-center {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translateX(-50%) translateY(-50%); }\n\n.u-vertical-center {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.u-horizontal-center {\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  position: absolute; }\n\n.u-center-mobile {\n  margin-left: auto;\n  margin-right: auto; }\n  @media only screen and (min-width: 992px) {\n    .u-center-mobile {\n      margin-left: 0; } }\n\n.u-align-center {\n  text-align: center; }\n\n.u-align-right {\n  text-align: right; }\n\n.u-align-left {\n  text-align: left; }\n\n.u-align-top {\n  vertical-align: top; }\n\n.u-align-middle {\n  vertical-align: middle; }\n\n.u-align-bottom {\n  vertical-align: bottom; }\n\n.u-align-baseline {\n  vertical-align: baseline; }\n\n.u-vertical-center {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.u-horizontal-center {\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%); }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .u-align-left\\@xs {\n    text-align: left; }\n  .u-align-right\\@xs {\n    text-align: right; }\n  .u-align-center\\@xs {\n    text-align: center; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .u-align-left\\@sm {\n    text-align: left; }\n  .u-align-right\\@sm {\n    text-align: right; }\n  .u-align-center\\@sm {\n    text-align: center; } }\n\n@media only screen and (min-width: 400px) {\n  .u-align-left\\@sm-min {\n    text-align: left; }\n  .u-align-right\\@sm-min {\n    text-align: right; }\n  .u-align-center\\@sm-min {\n    text-align: center; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .u-align-left\\@md {\n    text-align: left; }\n  .u-align-right\\@md {\n    text-align: right; }\n  .u-align-center\\@md {\n    text-align: center; } }\n\n@media only screen and (min-width: 768px) {\n  .u-align-left\\@md-min {\n    text-align: left; }\n  .u-align-right\\@md-min {\n    text-align: right; }\n  .u-align-center\\@md-min {\n    text-align: center; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .u-align-left\\@lg {\n    text-align: left; }\n  .u-align-right\\@lg {\n    text-align: right; }\n  .u-align-center\\@lg {\n    text-align: center; } }\n\n@media only screen and (min-width: 992px) {\n  .u-align-left\\@lg-min {\n    text-align: left; }\n  .u-align-right\\@lg-min {\n    text-align: right; }\n  .u-align-center\\@lg-min {\n    text-align: center; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .u-align-left\\@xl {\n    text-align: left; }\n  .u-align-right\\@xl {\n    text-align: right; }\n  .u-align-center\\@xl {\n    text-align: center; } }\n\n@media only screen and (min-width: 1280px) {\n  .u-align-left\\@xl-min {\n    text-align: left; }\n  .u-align-right\\@xl-min {\n    text-align: right; }\n  .u-align-center\\@xl-min {\n    text-align: center; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .u-align-left\\@xxl {\n    text-align: left; }\n  .u-align-right\\@xxl {\n    text-align: right; }\n  .u-align-center\\@xxl {\n    text-align: center; } }\n\n@media only screen and (min-width: 1600px) {\n  .u-align-left\\@xxl-min {\n    text-align: left; }\n  .u-align-right\\@xxl-min {\n    text-align: right; }\n  .u-align-center\\@xxl-min {\n    text-align: center; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .u-align-left\\@xxxl {\n    text-align: left; }\n  .u-align-right\\@xxxl {\n    text-align: right; }\n  .u-align-center\\@xxxl {\n    text-align: center; } }\n\n@media only screen and (min-width: 2560px) {\n  .u-align-left\\@xxxl-min {\n    text-align: left; }\n  .u-align-right\\@xxxl-min {\n    text-align: right; }\n  .u-align-center\\@xxxl-min {\n    text-align: center; } }\n\n.u-bg-cover {\n  background-size: cover; }\n\n.u-bg-contain {\n  background-size: contain; }\n\n.u-bg-auto {\n  background-size: auto; }\n\n.u-bg-center {\n  background-position: center; }\n\n.u-bg-white, .u-white-background {\n  background-color: #F6F6F6; }\n\n.u-background-darken {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: 0;\n  border-radius: 4px;\n  background-color: rgba(0, 0, 0, 0.3);\n  z-index: -1; }\n\n.u-border-glow {\n  border: 3px solid rgba(255, 255, 255, 0.3);\n  border-radius: 3px;\n  transition: all 200ms;\n  cursor: pointer; }\n  .u-border-glow:hover, .u-border-glow:focus {\n    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);\n    border-color: white; }\n\n.u-border-glow-soft {\n  border: 3px solid rgba(255, 255, 255, 0);\n  border-radius: 3px;\n  transition: all 200ms;\n  cursor: pointer; }\n  .u-border-glow-soft:hover, .u-border-glow-soft:focus {\n    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);\n    border-color: white; }\n\n.u-border-separator, body.game .overview-section:not(li), body.game .abilities-section:not(li), body.game .match-section:not(li), body.game .progress-section:not(li), body.game .game-modes-section:not(li), body.game .friends-section:not(li) {\n  border-bottom: 5px solid rgba(255, 255, 255, 0.5); }\n\n.u-border-separator-duo {\n  position: relative; }\n  .u-border-separator-duo:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    width: 100%;\n    border-top: 5px solid #4b5f6b;\n    border-bottom: 5px solid #26353f;\n    transform: translateY(-50%);\n    z-index: 10; }\n\n.u-accent-blue-text, .u-accent-blue-color {\n  color: #00a0ea; }\n\n.u-accent-blue-background {\n  background-color: #00a0ea; }\n\n.u-blue-dark-text, .u-blue-dark-color {\n  color: #3c4860; }\n\n.u-blue-dark-background {\n  background-color: #3c4860; }\n\n.u-blue-text, .u-blue-color {\n  color: #405275; }\n\n.u-blue-background {\n  background-color: #405275; }\n\n.u-blue-light-text, .u-blue-light-color {\n  color: #9daac8; }\n\n.u-blue-light-background {\n  background-color: #9daac8; }\n\n.u-blue-lighter-text, .u-blue-lighter-color {\n  color: #c6cbde; }\n\n.u-blue-lighter-background {\n  background-color: #c6cbde; }\n\n.u-blue-midnight-text, .u-blue-midnight-color {\n  color: #00205d; }\n\n.u-blue-midnight-background {\n  background-color: #00205d; }\n\n.u-cyan-text, .u-cyan-color {\n  color: #00c3ff; }\n\n.u-cyan-background {\n  background-color: #00c3ff; }\n\n.u-cyan-dark-text, .u-cyan-dark-color {\n  color: #00a5e2; }\n\n.u-cyan-dark-background {\n  background-color: #00a5e2; }\n\n.u-orange-text, .u-orange-color {\n  color: #ff9c00; }\n\n.u-orange-background {\n  background-color: #ff9c00; }\n\n.u-orange-light-text, .u-orange-light-color {\n  color: #ffb033; }\n\n.u-orange-light-background {\n  background-color: #ffb033; }\n\n.u-grey-light-text, .u-grey-light-color {\n  color: #cccccc; }\n\n.u-grey-light-background {\n  background-color: #cccccc; }\n\n.u-grey-text, .u-grey-color {\n  color: #a1a1a1; }\n\n.u-grey-background {\n  background-color: #a1a1a1; }\n\n.u-grey-dark-text, .u-grey-dark-color {\n  color: #727272; }\n\n.u-grey-dark-background {\n  background-color: #727272; }\n\n.u-black-text, .u-black-color {\n  color: #333333; }\n\n.u-black-background {\n  background-color: #333333; }\n\n.u-white-text, .u-white-color {\n  color: #F6F6F6; }\n\n.u-white-background {\n  background-color: #F6F6F6; }\n\n.u-true-white-text, .u-true-white-color {\n  color: white; }\n\n.u-true-white-background {\n  background-color: white; }\n\n.u-true-black-text, .u-true-black-color {\n  color: black; }\n\n.u-true-black-background {\n  background-color: black; }\n\n.u-shotcaller-orange-text, .u-shotcaller-orange-color {\n  color: #F19512; }\n\n.u-shotcaller-orange-background {\n  background-color: #F19512; }\n\n.u-teammate-purple-text, .u-teammate-purple-color {\n  color: #C81AF5; }\n\n.u-teammate-purple-background {\n  background-color: #C81AF5; }\n\n.u-sportsmanship-green-text, .u-sportsmanship-green-color {\n  color: #40CE44; }\n\n.u-sportsmanship-green-background {\n  background-color: #40CE44; }\n\n.u-plum-text, .u-plum-color {\n  color: #33466C; }\n\n.u-plum-background {\n  background-color: #33466C; }\n\n.u-container-full-width, .u-full-width-container, .u-container-background, .u-container-background-cropped-mobile {\n  display: block;\n  width: 100%;\n  max-width: 100%; }\n\n.u-container-max-width, .u-max-width-container, .u-container-nav-width, .u-nav-width-container {\n  width: 100%;\n  max-width: 1250px;\n  padding-left: 15px;\n  padding-right: 15px;\n  margin-left: auto;\n  margin-right: auto; }\n  @media only screen and (min-width: 768px) {\n    .u-container-max-width, .u-max-width-container, .u-container-nav-width, .u-nav-width-container {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n.u-container-nav-width, .u-nav-width-container {\n  max-width: 1600px; }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .u-container-max-width\\@xs, .u-max-width-container\\@xs {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {\n    .u-container-max-width\\@xs, .u-max-width-container\\@xs {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .u-container-nav-width\\@xs, .u-nav-width-container\\@xs {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {\n    .u-container-nav-width\\@xs, .u-nav-width-container\\@xs {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .u-container-max-width\\@sm, .u-max-width-container\\@sm {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {\n    .u-container-max-width\\@sm, .u-max-width-container\\@sm {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .u-container-nav-width\\@sm, .u-nav-width-container\\@sm {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {\n    .u-container-nav-width\\@sm, .u-nav-width-container\\@sm {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 400px) {\n  .u-container-max-width\\@sm-min, .u-max-width-container\\@sm-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 400px) and (min-width: 768px) {\n    .u-container-max-width\\@sm-min, .u-max-width-container\\@sm-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 400px) {\n  .u-container-nav-width\\@sm-min, .u-nav-width-container\\@sm-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 400px) and (min-width: 768px) {\n    .u-container-nav-width\\@sm-min, .u-nav-width-container\\@sm-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .u-container-max-width\\@md, .u-max-width-container\\@md {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {\n    .u-container-max-width\\@md, .u-max-width-container\\@md {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .u-container-nav-width\\@md, .u-nav-width-container\\@md {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {\n    .u-container-nav-width\\@md, .u-nav-width-container\\@md {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 768px) {\n  .u-container-max-width\\@md-min, .u-max-width-container\\@md-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 768px) and (min-width: 768px) {\n    .u-container-max-width\\@md-min, .u-max-width-container\\@md-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 768px) {\n  .u-container-nav-width\\@md-min, .u-nav-width-container\\@md-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 768px) and (min-width: 768px) {\n    .u-container-nav-width\\@md-min, .u-nav-width-container\\@md-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .u-container-max-width\\@lg, .u-max-width-container\\@lg {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {\n    .u-container-max-width\\@lg, .u-max-width-container\\@lg {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .u-container-nav-width\\@lg, .u-nav-width-container\\@lg {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {\n    .u-container-nav-width\\@lg, .u-nav-width-container\\@lg {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 992px) {\n  .u-container-max-width\\@lg-min, .u-max-width-container\\@lg-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 992px) and (min-width: 768px) {\n    .u-container-max-width\\@lg-min, .u-max-width-container\\@lg-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 992px) {\n  .u-container-nav-width\\@lg-min, .u-nav-width-container\\@lg-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 992px) and (min-width: 768px) {\n    .u-container-nav-width\\@lg-min, .u-nav-width-container\\@lg-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .u-container-max-width\\@xl, .u-max-width-container\\@xl {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {\n    .u-container-max-width\\@xl, .u-max-width-container\\@xl {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .u-container-nav-width\\@xl, .u-nav-width-container\\@xl {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {\n    .u-container-nav-width\\@xl, .u-nav-width-container\\@xl {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 1280px) {\n  .u-container-max-width\\@xl-min, .u-max-width-container\\@xl-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 1280px) and (min-width: 768px) {\n    .u-container-max-width\\@xl-min, .u-max-width-container\\@xl-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 1280px) {\n  .u-container-nav-width\\@xl-min, .u-nav-width-container\\@xl-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 1280px) and (min-width: 768px) {\n    .u-container-nav-width\\@xl-min, .u-nav-width-container\\@xl-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .u-container-max-width\\@xxl, .u-max-width-container\\@xxl {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {\n    .u-container-max-width\\@xxl, .u-max-width-container\\@xxl {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .u-container-nav-width\\@xxl, .u-nav-width-container\\@xxl {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {\n    .u-container-nav-width\\@xxl, .u-nav-width-container\\@xxl {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 1600px) {\n  .u-container-max-width\\@xxl-min, .u-max-width-container\\@xxl-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 1600px) and (min-width: 768px) {\n    .u-container-max-width\\@xxl-min, .u-max-width-container\\@xxl-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 1600px) {\n  .u-container-nav-width\\@xxl-min, .u-nav-width-container\\@xxl-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 1600px) and (min-width: 768px) {\n    .u-container-nav-width\\@xxl-min, .u-nav-width-container\\@xxl-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .u-container-max-width\\@xxxl, .u-max-width-container\\@xxxl {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {\n    .u-container-max-width\\@xxxl, .u-max-width-container\\@xxxl {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .u-container-nav-width\\@xxxl, .u-nav-width-container\\@xxxl {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {\n    .u-container-nav-width\\@xxxl, .u-nav-width-container\\@xxxl {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 2560px) {\n  .u-container-max-width\\@xxxl-min, .u-max-width-container\\@xxxl-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto; } }\n  @media only screen and (min-width: 2560px) and (min-width: 768px) {\n    .u-container-max-width\\@xxxl-min, .u-max-width-container\\@xxxl-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n@media only screen and (min-width: 2560px) {\n  .u-container-nav-width\\@xxxl-min, .u-nav-width-container\\@xxxl-min {\n    width: 100%;\n    max-width: 1250px;\n    padding-left: 15px;\n    padding-right: 15px;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 1600px; } }\n  @media only screen and (min-width: 2560px) and (min-width: 768px) {\n    .u-container-nav-width\\@xxxl-min, .u-nav-width-container\\@xxxl-min {\n      padding-left: 30px;\n      padding-right: 30px; } }\n\n.u-container-background, .u-container-background-cropped-mobile {\n  background-position: top center;\n  background-size: cover; }\n\n@media only screen and (max-width: 991px) {\n  .u-container-background-cropped-mobile {\n    background-position: bottom center;\n    background-size: 991px; } }\n\n.u-container-fitted, .u-fitted-container {\n  display: block;\n  padding-top: 100%;\n  position: relative;\n  overflow: hidden;\n  padding-top: 100%; }\n  .u-container-fitted-fill, .u-fitted-container-fill {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: inherit;\n    background-clip: inherit;\n    background-position: inherit; }\n  .u-container-fitted.m-image, .u-fitted-container.m-image {\n    background-size: cover;\n    background-clip: padding-box;\n    background-position: center; }\n  .u-container-fitted.m-2-1, .u-fitted-container.m-2-1 {\n    padding-top: 50%; }\n  .u-container-fitted.m-4-3, .u-fitted-container.m-4-3 {\n    padding-top: 75%; }\n  .u-container-fitted.m-16-9, .u-fitted-container.m-16-9 {\n    padding-top: 56.25%; }\n  .u-container-fitted.m-10-9, .u-fitted-container.m-10-9 {\n    padding-top: 90%; }\n  .u-container-fitted.m-20-9, .u-fitted-container.m-20-9 {\n    padding-top: 45%; }\n  @media only screen and (min-width: 0px) and (max-width: 399px) {\n    .u-container-fitted.m-2-1\\@xs, .u-fitted-container.m-2-1\\@xs {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@xs, .u-fitted-container.m-4-3\\@xs {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@xs, .u-fitted-container.m-16-9\\@xs {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@xs, .u-fitted-container.m-10-9\\@xs {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@xs, .u-fitted-container.m-20-9\\@xs {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 400px) and (max-width: 767px) {\n    .u-container-fitted.m-2-1\\@sm, .u-fitted-container.m-2-1\\@sm {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@sm, .u-fitted-container.m-4-3\\@sm {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@sm, .u-fitted-container.m-16-9\\@sm {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@sm, .u-fitted-container.m-10-9\\@sm {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@sm, .u-fitted-container.m-20-9\\@sm {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 400px) {\n    .u-container-fitted.m-2-1\\@sm-min, .u-fitted-container.m-2-1\\@sm-min {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@sm-min, .u-fitted-container.m-4-3\\@sm-min {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@sm-min, .u-fitted-container.m-16-9\\@sm-min {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@sm-min, .u-fitted-container.m-10-9\\@sm-min {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@sm-min, .u-fitted-container.m-20-9\\@sm-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 768px) and (max-width: 991px) {\n    .u-container-fitted.m-2-1\\@md, .u-fitted-container.m-2-1\\@md {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@md, .u-fitted-container.m-4-3\\@md {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@md, .u-fitted-container.m-16-9\\@md {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@md, .u-fitted-container.m-10-9\\@md {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@md, .u-fitted-container.m-20-9\\@md {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 768px) {\n    .u-container-fitted.m-2-1\\@md-min, .u-fitted-container.m-2-1\\@md-min {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@md-min, .u-fitted-container.m-4-3\\@md-min {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@md-min, .u-fitted-container.m-16-9\\@md-min {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@md-min, .u-fitted-container.m-10-9\\@md-min {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@md-min, .u-fitted-container.m-20-9\\@md-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 992px) and (max-width: 1279px) {\n    .u-container-fitted.m-2-1\\@lg, .u-fitted-container.m-2-1\\@lg {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@lg, .u-fitted-container.m-4-3\\@lg {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@lg, .u-fitted-container.m-16-9\\@lg {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@lg, .u-fitted-container.m-10-9\\@lg {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@lg, .u-fitted-container.m-20-9\\@lg {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 992px) {\n    .u-container-fitted.m-2-1\\@lg-min, .u-fitted-container.m-2-1\\@lg-min {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@lg-min, .u-fitted-container.m-4-3\\@lg-min {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@lg-min, .u-fitted-container.m-16-9\\@lg-min {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@lg-min, .u-fitted-container.m-10-9\\@lg-min {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@lg-min, .u-fitted-container.m-20-9\\@lg-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1280px) and (max-width: 1599px) {\n    .u-container-fitted.m-2-1\\@xl, .u-fitted-container.m-2-1\\@xl {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@xl, .u-fitted-container.m-4-3\\@xl {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@xl, .u-fitted-container.m-16-9\\@xl {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@xl, .u-fitted-container.m-10-9\\@xl {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@xl, .u-fitted-container.m-20-9\\@xl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1280px) {\n    .u-container-fitted.m-2-1\\@xl-min, .u-fitted-container.m-2-1\\@xl-min {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@xl-min, .u-fitted-container.m-4-3\\@xl-min {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@xl-min, .u-fitted-container.m-16-9\\@xl-min {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@xl-min, .u-fitted-container.m-10-9\\@xl-min {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@xl-min, .u-fitted-container.m-20-9\\@xl-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1600px) and (max-width: 1920px) {\n    .u-container-fitted.m-2-1\\@xxl, .u-fitted-container.m-2-1\\@xxl {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@xxl, .u-fitted-container.m-4-3\\@xxl {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@xxl, .u-fitted-container.m-16-9\\@xxl {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@xxl, .u-fitted-container.m-10-9\\@xxl {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@xxl, .u-fitted-container.m-20-9\\@xxl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 1600px) {\n    .u-container-fitted.m-2-1\\@xxl-min, .u-fitted-container.m-2-1\\@xxl-min {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@xxl-min, .u-fitted-container.m-4-3\\@xxl-min {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@xxl-min, .u-fitted-container.m-16-9\\@xxl-min {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@xxl-min, .u-fitted-container.m-10-9\\@xxl-min {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@xxl-min, .u-fitted-container.m-20-9\\@xxl-min {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 2560px) and (max-width: 9999px) {\n    .u-container-fitted.m-2-1\\@xxxl, .u-fitted-container.m-2-1\\@xxxl {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@xxxl, .u-fitted-container.m-4-3\\@xxxl {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@xxxl, .u-fitted-container.m-16-9\\@xxxl {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@xxxl, .u-fitted-container.m-10-9\\@xxxl {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@xxxl, .u-fitted-container.m-20-9\\@xxxl {\n      padding-top: 45%; } }\n  @media only screen and (min-width: 2560px) {\n    .u-container-fitted.m-2-1\\@xxxl-min, .u-fitted-container.m-2-1\\@xxxl-min {\n      padding-top: 50%; }\n    .u-container-fitted.m-4-3\\@xxxl-min, .u-fitted-container.m-4-3\\@xxxl-min {\n      padding-top: 75%; }\n    .u-container-fitted.m-16-9\\@xxxl-min, .u-fitted-container.m-16-9\\@xxxl-min {\n      padding-top: 56.25%; }\n    .u-container-fitted.m-10-9\\@xxxl-min, .u-fitted-container.m-10-9\\@xxxl-min {\n      padding-top: 90%; }\n    .u-container-fitted.m-20-9\\@xxxl-min, .u-fitted-container.m-20-9\\@xxxl-min {\n      padding-top: 45%; } }\n\n.u-container-callout, .u-callout {\n  padding: 12px;\n  border-radius: 4px;\n  background-color: rgba(0, 0, 0, 0.5); }\n\n.u-container-box-shadow-inset, .u-box-shadow-inset {\n  box-shadow: inset 0 20px 20px -15px rgba(0, 0, 0, 0.4), inset 0 -20px 20px -15px rgba(0, 0, 0, 0.4); }\n\n.u-block {\n  display: block; }\n\n.u-inline-block {\n  display: inline-block; }\n\n[hidden] {\n  display: none; }\n\n.u-visually-hidden {\n  position: absolute;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  width: 1px;\n  margin: -1px;\n  padding: 0;\n  border: 0; }\n\n.u-slightly-transparent {\n  opacity: 0.7; }\n\n.u-magnifier, .u-video, .u-video_youtube, .u-pdf {\n  position: relative; }\n\n.u-magnifier:after, .u-video:after, .u-video_youtube:after, .u-pdf:after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-image: none; }\n\n.u-magnifier:hover:after {\n  background-size: 20% auto;\n  background-image: url(\"img/icons/magnifying.png\"); }\n\n.u-video:after, .u-video_youtube:after {\n  background-size: 13% auto;\n  background-image: url(\"img/icons/youtube-btn-ylw.png\"); }\n\n.u-video:hover:after, .u-video_youtube:hover:after {\n  background-image: url(\"img/icons/youtube-btn-wh.png\"); }\n\n.u-pdf:hover:after {\n  background-image: url(\"img/icons/pdf.png\");\n  background-size: 16% auto; }\n\n.u-fill-white {\n  fill: #F6F6F6; }\n\n.u-fill-black {\n  fill: #333333; }\n\n.u-full-scale-image {\n  background-size: cover;\n  background-clip: padding-box;\n  background-position: center; }\n\n.u-clearfix::before, .u-clearfix::after, .clearfix::before, .clearfix::after {\n  content: ' ';\n  display: table;\n  flex-basis: 0;\n  order: 1; }\n\n.u-clearfix::after, .clearfix::after {\n  clear: both; }\n\n.u-absolute-fill {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0; }\n\n.u-fill-width {\n  width: 100%; }\n\n.u-fill-height {\n  height: 100%; }\n\n.u-fill {\n  width: 100%;\n  height: 100%; }\n\n.u-float-left {\n  float: left; }\n\n.u-float-right {\n  float: right; }\n\n.u-nav-offset {\n  padding-top: 48px; }\n  @media only screen and (min-width: 992px) {\n    .u-nav-offset {\n      padding-top: 110px; } }\n\n.u-column-vertical-center {\n  float: none !important;\n  display: table-cell;\n  vertical-align: middle; }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .u-column-vertical-center\\@xs {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .u-column-vertical-center\\@sm {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 400px) {\n  .u-column-vertical-center\\@sm-min {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .u-column-vertical-center\\@md {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 768px) {\n  .u-column-vertical-center\\@md-min {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .u-column-vertical-center\\@lg {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 992px) {\n  .u-column-vertical-center\\@lg-min {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .u-column-vertical-center\\@xl {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 1280px) {\n  .u-column-vertical-center\\@xl-min {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .u-column-vertical-center\\@xxl {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 1600px) {\n  .u-column-vertical-center\\@xxl-min {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .u-column-vertical-center\\@xxxl {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n@media only screen and (min-width: 2560px) {\n  .u-column-vertical-center\\@xxxl-min {\n    float: none !important;\n    display: table-cell;\n    vertical-align: middle; } }\n\n.u-no-transition {\n  transition: none; }\n\n.u-relative {\n  position: relative; }\n\n.u-absolute {\n  position: absolute; }\n\n.u-fixed {\n  position: fixed; }\n\n.u-anchor-bottom {\n  position: absolute;\n  bottom: 0; }\n\n.u-uppercase {\n  text-transform: uppercase; }\n\n.u-lowercase {\n  text-transform: lowercase; }\n\n.u-bold {\n  font-weight: bold; }\n\n.u-normal {\n  font-weight: normal; }\n\n.u-italic, .u-italics {\n  font-style: italic; }\n\n.u-font-arial {\n  font-family: \"Arial\", sans-serif; }\n\n.u-font-futura {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-weight: 600; }\n\n@media only screen and (min-width: 768px) {\n  .u-font-large {\n    font-size: 2rem; } }\n\n.u-font-small {\n  font-size: 1.28rem; }\n\n.u-font-fine {\n  font-size: 1.024rem; }\n\n.u-invert, body.game .match-section:not(li) .side-tips-section-content h1, body.game .match-section:not(li) .side-tips-section-content h2, body.game .match-section:not(li) .side-tips-section-content h3, body.game .match-section:not(li) .side-tips-section-content h4, body.game .match-section:not(li) .side-tips-section-content h5, body.game .match-section:not(li) .side-tips-section-content h6 {\n  color: #F6F6F6;\n  fill: #F6F6F6; }\n\n@media only screen and (min-width: 992px) {\n  .u-invert\\@lg-min {\n    color: #F6F6F6;\n    fill: #F6F6F6; } }\n\n.u-limit-width {\n  max-width: 40em; }\n\n.u-subheading {\n  font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n  font-size: 2rem;\n  font-style: normal;\n  font-weight: bold;\n  font-variant: normal;\n  line-height: normal;\n  text-transform: none; }\n  @media only screen and (min-width: 768px) {\n    .u-subheading {\n      font-size: 2.5rem; } }\n\n.u-thin-heading {\n  line-height: 0.9; }\n\nbody.ko-kr .u-bigNoodleToo {\n  font-family: \"Koverwatch\", sans-serif; }\n\n.u-bigNoodleToo {\n  font-family: \"Big Noodle Too\", impact, sans-serif; }\n\n.u-font-shadow {\n  text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }\n\n.u-text-shadow {\n  text-shadow: 0 1px 2px black; }\n\n.u-font-header-shadow, .u-font-dark-gradient {\n  text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }\n\n.u-font-dark-gradient {\n  background: -webkit-linear-gradient(top, #3f6493 10%, #345177 100%);\n  background-image: -o-linear-gradient(transparent, transparent);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent; }\n\n.u-hideText {\n  /*http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/*/\n  overflow: hidden;\n  text-indent: 100%;\n  white-space: nowrap;\n  display: inline-block; }\n\n.u-plainList {\n  margin: 0;\n  padding: 0;\n  list-style: none; }\n\n.u-bulletList {\n  margin: 1em 0;\n  list-style-type: disc;\n  list-style-position: outside;\n  padding-left: 20px;\n  text-align: left; }\n  .u-bulletList > li {\n    margin: .5em 1em; }\n\n.u-margin-top-sm {\n  margin-top: 1rem; }\n\n.u-margin-top-md {\n  margin-top: 2rem; }\n\n.u-margin-top-lg {\n  margin-top: 4rem; }\n\n.u-margin-bottom-sm {\n  margin-bottom: 1rem; }\n\n.u-margin-bottom-md {\n  margin-bottom: 2rem; }\n\n.u-margin-bottom-lg {\n  margin-bottom: 4rem; }\n\n.pad-xs {\n  padding: 12px; }\n\n.pad-sm {\n  padding: 22px; }\n\n.pad-md {\n  padding: 32px; }\n\n.pad-lg {\n  padding: 45px; }\n\n.pad-xl {\n  padding: 60px; }\n\n.margin-xs {\n  margin: 12px; }\n\n.margin-sm {\n  margin: 22px; }\n\n.margin-md {\n  margin: 32px; }\n\n.margin-lg {\n  margin: 45px; }\n\n.margin-xl {\n  margin: 60px; }\n\n.margin-6 {\n  margin: 6px; }\n\n.padding-6, .pad-6 {\n  padding: 6px; }\n\n.margin-12 {\n  margin: 12px; }\n\n.padding-12, .pad-12 {\n  padding: 12px; }\n\n.margin-18 {\n  margin: 18px; }\n\n.padding-18, .pad-18 {\n  padding: 18px; }\n\n.margin-24 {\n  margin: 24px; }\n\n.padding-24, .pad-24 {\n  padding: 24px; }\n\n.margin-30 {\n  margin: 30px; }\n\n.padding-30, .pad-30 {\n  padding: 30px; }\n\n.margin-36 {\n  margin: 36px; }\n\n.padding-36, .pad-36 {\n  padding: 36px; }\n\n.margin-42 {\n  margin: 42px; }\n\n.padding-42, .pad-42 {\n  padding: 42px; }\n\n.margin-48 {\n  margin: 48px; }\n\n.padding-48, .pad-48 {\n  padding: 48px; }\n\n.margin-54 {\n  margin: 54px; }\n\n.padding-54, .pad-54 {\n  padding: 54px; }\n\n.margin-60 {\n  margin: 60px; }\n\n.padding-60, .pad-60 {\n  padding: 60px; }\n\n@media only screen and (min-width: 0px) and (max-width: 399px) {\n  .margin-6\\@xs {\n    margin: 6px; }\n  .padding-6\\@xs, .pad-6\\@xs {\n    padding: 6px; }\n  .margin-12\\@xs {\n    margin: 12px; }\n  .padding-12\\@xs, .pad-12\\@xs {\n    padding: 12px; }\n  .margin-18\\@xs {\n    margin: 18px; }\n  .padding-18\\@xs, .pad-18\\@xs {\n    padding: 18px; }\n  .margin-24\\@xs {\n    margin: 24px; }\n  .padding-24\\@xs, .pad-24\\@xs {\n    padding: 24px; }\n  .margin-30\\@xs {\n    margin: 30px; }\n  .padding-30\\@xs, .pad-30\\@xs {\n    padding: 30px; }\n  .margin-36\\@xs {\n    margin: 36px; }\n  .padding-36\\@xs, .pad-36\\@xs {\n    padding: 36px; }\n  .margin-42\\@xs {\n    margin: 42px; }\n  .padding-42\\@xs, .pad-42\\@xs {\n    padding: 42px; }\n  .margin-48\\@xs {\n    margin: 48px; }\n  .padding-48\\@xs, .pad-48\\@xs {\n    padding: 48px; }\n  .margin-54\\@xs {\n    margin: 54px; }\n  .padding-54\\@xs, .pad-54\\@xs {\n    padding: 54px; }\n  .margin-60\\@xs {\n    margin: 60px; }\n  .padding-60\\@xs, .pad-60\\@xs {\n    padding: 60px; } }\n\n@media only screen and (min-width: 400px) and (max-width: 767px) {\n  .margin-6\\@sm {\n    margin: 6px; }\n  .padding-6\\@sm, .pad-6\\@sm {\n    padding: 6px; }\n  .margin-12\\@sm {\n    margin: 12px; }\n  .padding-12\\@sm, .pad-12\\@sm {\n    padding: 12px; }\n  .margin-18\\@sm {\n    margin: 18px; }\n  .padding-18\\@sm, .pad-18\\@sm {\n    padding: 18px; }\n  .margin-24\\@sm {\n    margin: 24px; }\n  .padding-24\\@sm, .pad-24\\@sm {\n    padding: 24px; }\n  .margin-30\\@sm {\n    margin: 30px; }\n  .padding-30\\@sm, .pad-30\\@sm {\n    padding: 30px; }\n  .margin-36\\@sm {\n    margin: 36px; }\n  .padding-36\\@sm, .pad-36\\@sm {\n    padding: 36px; }\n  .margin-42\\@sm {\n    margin: 42px; }\n  .padding-42\\@sm, .pad-42\\@sm {\n    padding: 42px; }\n  .margin-48\\@sm {\n    margin: 48px; }\n  .padding-48\\@sm, .pad-48\\@sm {\n    padding: 48px; }\n  .margin-54\\@sm {\n    margin: 54px; }\n  .padding-54\\@sm, .pad-54\\@sm {\n    padding: 54px; }\n  .margin-60\\@sm {\n    margin: 60px; }\n  .padding-60\\@sm, .pad-60\\@sm {\n    padding: 60px; } }\n\n@media only screen and (min-width: 400px) {\n  .margin-6\\@sm-min {\n    margin: 6px; }\n  .padding-6\\@sm-min, .pad-6\\@sm-min {\n    padding: 6px; }\n  .margin-12\\@sm-min {\n    margin: 12px; }\n  .padding-12\\@sm-min, .pad-12\\@sm-min {\n    padding: 12px; }\n  .margin-18\\@sm-min {\n    margin: 18px; }\n  .padding-18\\@sm-min, .pad-18\\@sm-min {\n    padding: 18px; }\n  .margin-24\\@sm-min {\n    margin: 24px; }\n  .padding-24\\@sm-min, .pad-24\\@sm-min {\n    padding: 24px; }\n  .margin-30\\@sm-min {\n    margin: 30px; }\n  .padding-30\\@sm-min, .pad-30\\@sm-min {\n    padding: 30px; }\n  .margin-36\\@sm-min {\n    margin: 36px; }\n  .padding-36\\@sm-min, .pad-36\\@sm-min {\n    padding: 36px; }\n  .margin-42\\@sm-min {\n    margin: 42px; }\n  .padding-42\\@sm-min, .pad-42\\@sm-min {\n    padding: 42px; }\n  .margin-48\\@sm-min {\n    margin: 48px; }\n  .padding-48\\@sm-min, .pad-48\\@sm-min {\n    padding: 48px; }\n  .margin-54\\@sm-min {\n    margin: 54px; }\n  .padding-54\\@sm-min, .pad-54\\@sm-min {\n    padding: 54px; }\n  .margin-60\\@sm-min {\n    margin: 60px; }\n  .padding-60\\@sm-min, .pad-60\\@sm-min {\n    padding: 60px; } }\n\n@media only screen and (min-width: 768px) and (max-width: 991px) {\n  .margin-6\\@md {\n    margin: 6px; }\n  .padding-6\\@md, .pad-6\\@md {\n    padding: 6px; }\n  .margin-12\\@md {\n    margin: 12px; }\n  .padding-12\\@md, .pad-12\\@md {\n    padding: 12px; }\n  .margin-18\\@md {\n    margin: 18px; }\n  .padding-18\\@md, .pad-18\\@md {\n    padding: 18px; }\n  .margin-24\\@md {\n    margin: 24px; }\n  .padding-24\\@md, .pad-24\\@md {\n    padding: 24px; }\n  .margin-30\\@md {\n    margin: 30px; }\n  .padding-30\\@md, .pad-30\\@md {\n    padding: 30px; }\n  .margin-36\\@md {\n    margin: 36px; }\n  .padding-36\\@md, .pad-36\\@md {\n    padding: 36px; }\n  .margin-42\\@md {\n    margin: 42px; }\n  .padding-42\\@md, .pad-42\\@md {\n    padding: 42px; }\n  .margin-48\\@md {\n    margin: 48px; }\n  .padding-48\\@md, .pad-48\\@md {\n    padding: 48px; }\n  .margin-54\\@md {\n    margin: 54px; }\n  .padding-54\\@md, .pad-54\\@md {\n    padding: 54px; }\n  .margin-60\\@md {\n    margin: 60px; }\n  .padding-60\\@md, .pad-60\\@md {\n    padding: 60px; } }\n\n@media only screen and (min-width: 768px) {\n  .margin-6\\@md-min {\n    margin: 6px; }\n  .padding-6\\@md-min, .pad-6\\@md-min {\n    padding: 6px; }\n  .margin-12\\@md-min {\n    margin: 12px; }\n  .padding-12\\@md-min, .pad-12\\@md-min {\n    padding: 12px; }\n  .margin-18\\@md-min {\n    margin: 18px; }\n  .padding-18\\@md-min, .pad-18\\@md-min {\n    padding: 18px; }\n  .margin-24\\@md-min {\n    margin: 24px; }\n  .padding-24\\@md-min, .pad-24\\@md-min {\n    padding: 24px; }\n  .margin-30\\@md-min {\n    margin: 30px; }\n  .padding-30\\@md-min, .pad-30\\@md-min {\n    padding: 30px; }\n  .margin-36\\@md-min {\n    margin: 36px; }\n  .padding-36\\@md-min, .pad-36\\@md-min {\n    padding: 36px; }\n  .margin-42\\@md-min {\n    margin: 42px; }\n  .padding-42\\@md-min, .pad-42\\@md-min {\n    padding: 42px; }\n  .margin-48\\@md-min {\n    margin: 48px; }\n  .padding-48\\@md-min, .pad-48\\@md-min {\n    padding: 48px; }\n  .margin-54\\@md-min {\n    margin: 54px; }\n  .padding-54\\@md-min, .pad-54\\@md-min {\n    padding: 54px; }\n  .margin-60\\@md-min {\n    margin: 60px; }\n  .padding-60\\@md-min, .pad-60\\@md-min {\n    padding: 60px; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .margin-6\\@lg {\n    margin: 6px; }\n  .padding-6\\@lg, .pad-6\\@lg {\n    padding: 6px; }\n  .margin-12\\@lg {\n    margin: 12px; }\n  .padding-12\\@lg, .pad-12\\@lg {\n    padding: 12px; }\n  .margin-18\\@lg {\n    margin: 18px; }\n  .padding-18\\@lg, .pad-18\\@lg {\n    padding: 18px; }\n  .margin-24\\@lg {\n    margin: 24px; }\n  .padding-24\\@lg, .pad-24\\@lg {\n    padding: 24px; }\n  .margin-30\\@lg {\n    margin: 30px; }\n  .padding-30\\@lg, .pad-30\\@lg {\n    padding: 30px; }\n  .margin-36\\@lg {\n    margin: 36px; }\n  .padding-36\\@lg, .pad-36\\@lg {\n    padding: 36px; }\n  .margin-42\\@lg {\n    margin: 42px; }\n  .padding-42\\@lg, .pad-42\\@lg {\n    padding: 42px; }\n  .margin-48\\@lg {\n    margin: 48px; }\n  .padding-48\\@lg, .pad-48\\@lg {\n    padding: 48px; }\n  .margin-54\\@lg {\n    margin: 54px; }\n  .padding-54\\@lg, .pad-54\\@lg {\n    padding: 54px; }\n  .margin-60\\@lg {\n    margin: 60px; }\n  .padding-60\\@lg, .pad-60\\@lg {\n    padding: 60px; } }\n\n@media only screen and (min-width: 992px) {\n  .margin-6\\@lg-min {\n    margin: 6px; }\n  .padding-6\\@lg-min, .pad-6\\@lg-min {\n    padding: 6px; }\n  .margin-12\\@lg-min {\n    margin: 12px; }\n  .padding-12\\@lg-min, .pad-12\\@lg-min {\n    padding: 12px; }\n  .margin-18\\@lg-min {\n    margin: 18px; }\n  .padding-18\\@lg-min, .pad-18\\@lg-min {\n    padding: 18px; }\n  .margin-24\\@lg-min {\n    margin: 24px; }\n  .padding-24\\@lg-min, .pad-24\\@lg-min {\n    padding: 24px; }\n  .margin-30\\@lg-min {\n    margin: 30px; }\n  .padding-30\\@lg-min, .pad-30\\@lg-min {\n    padding: 30px; }\n  .margin-36\\@lg-min {\n    margin: 36px; }\n  .padding-36\\@lg-min, .pad-36\\@lg-min {\n    padding: 36px; }\n  .margin-42\\@lg-min {\n    margin: 42px; }\n  .padding-42\\@lg-min, .pad-42\\@lg-min {\n    padding: 42px; }\n  .margin-48\\@lg-min {\n    margin: 48px; }\n  .padding-48\\@lg-min, .pad-48\\@lg-min {\n    padding: 48px; }\n  .margin-54\\@lg-min {\n    margin: 54px; }\n  .padding-54\\@lg-min, .pad-54\\@lg-min {\n    padding: 54px; }\n  .margin-60\\@lg-min {\n    margin: 60px; }\n  .padding-60\\@lg-min, .pad-60\\@lg-min {\n    padding: 60px; } }\n\n@media only screen and (min-width: 1280px) and (max-width: 1599px) {\n  .margin-6\\@xl {\n    margin: 6px; }\n  .padding-6\\@xl, .pad-6\\@xl {\n    padding: 6px; }\n  .margin-12\\@xl {\n    margin: 12px; }\n  .padding-12\\@xl, .pad-12\\@xl {\n    padding: 12px; }\n  .margin-18\\@xl {\n    margin: 18px; }\n  .padding-18\\@xl, .pad-18\\@xl {\n    padding: 18px; }\n  .margin-24\\@xl {\n    margin: 24px; }\n  .padding-24\\@xl, .pad-24\\@xl {\n    padding: 24px; }\n  .margin-30\\@xl {\n    margin: 30px; }\n  .padding-30\\@xl, .pad-30\\@xl {\n    padding: 30px; }\n  .margin-36\\@xl {\n    margin: 36px; }\n  .padding-36\\@xl, .pad-36\\@xl {\n    padding: 36px; }\n  .margin-42\\@xl {\n    margin: 42px; }\n  .padding-42\\@xl, .pad-42\\@xl {\n    padding: 42px; }\n  .margin-48\\@xl {\n    margin: 48px; }\n  .padding-48\\@xl, .pad-48\\@xl {\n    padding: 48px; }\n  .margin-54\\@xl {\n    margin: 54px; }\n  .padding-54\\@xl, .pad-54\\@xl {\n    padding: 54px; }\n  .margin-60\\@xl {\n    margin: 60px; }\n  .padding-60\\@xl, .pad-60\\@xl {\n    padding: 60px; } }\n\n@media only screen and (min-width: 1280px) {\n  .margin-6\\@xl-min {\n    margin: 6px; }\n  .padding-6\\@xl-min, .pad-6\\@xl-min {\n    padding: 6px; }\n  .margin-12\\@xl-min {\n    margin: 12px; }\n  .padding-12\\@xl-min, .pad-12\\@xl-min {\n    padding: 12px; }\n  .margin-18\\@xl-min {\n    margin: 18px; }\n  .padding-18\\@xl-min, .pad-18\\@xl-min {\n    padding: 18px; }\n  .margin-24\\@xl-min {\n    margin: 24px; }\n  .padding-24\\@xl-min, .pad-24\\@xl-min {\n    padding: 24px; }\n  .margin-30\\@xl-min {\n    margin: 30px; }\n  .padding-30\\@xl-min, .pad-30\\@xl-min {\n    padding: 30px; }\n  .margin-36\\@xl-min {\n    margin: 36px; }\n  .padding-36\\@xl-min, .pad-36\\@xl-min {\n    padding: 36px; }\n  .margin-42\\@xl-min {\n    margin: 42px; }\n  .padding-42\\@xl-min, .pad-42\\@xl-min {\n    padding: 42px; }\n  .margin-48\\@xl-min {\n    margin: 48px; }\n  .padding-48\\@xl-min, .pad-48\\@xl-min {\n    padding: 48px; }\n  .margin-54\\@xl-min {\n    margin: 54px; }\n  .padding-54\\@xl-min, .pad-54\\@xl-min {\n    padding: 54px; }\n  .margin-60\\@xl-min {\n    margin: 60px; }\n  .padding-60\\@xl-min, .pad-60\\@xl-min {\n    padding: 60px; } }\n\n@media only screen and (min-width: 1600px) and (max-width: 1920px) {\n  .margin-6\\@xxl {\n    margin: 6px; }\n  .padding-6\\@xxl, .pad-6\\@xxl {\n    padding: 6px; }\n  .margin-12\\@xxl {\n    margin: 12px; }\n  .padding-12\\@xxl, .pad-12\\@xxl {\n    padding: 12px; }\n  .margin-18\\@xxl {\n    margin: 18px; }\n  .padding-18\\@xxl, .pad-18\\@xxl {\n    padding: 18px; }\n  .margin-24\\@xxl {\n    margin: 24px; }\n  .padding-24\\@xxl, .pad-24\\@xxl {\n    padding: 24px; }\n  .margin-30\\@xxl {\n    margin: 30px; }\n  .padding-30\\@xxl, .pad-30\\@xxl {\n    padding: 30px; }\n  .margin-36\\@xxl {\n    margin: 36px; }\n  .padding-36\\@xxl, .pad-36\\@xxl {\n    padding: 36px; }\n  .margin-42\\@xxl {\n    margin: 42px; }\n  .padding-42\\@xxl, .pad-42\\@xxl {\n    padding: 42px; }\n  .margin-48\\@xxl {\n    margin: 48px; }\n  .padding-48\\@xxl, .pad-48\\@xxl {\n    padding: 48px; }\n  .margin-54\\@xxl {\n    margin: 54px; }\n  .padding-54\\@xxl, .pad-54\\@xxl {\n    padding: 54px; }\n  .margin-60\\@xxl {\n    margin: 60px; }\n  .padding-60\\@xxl, .pad-60\\@xxl {\n    padding: 60px; } }\n\n@media only screen and (min-width: 1600px) {\n  .margin-6\\@xxl-min {\n    margin: 6px; }\n  .padding-6\\@xxl-min, .pad-6\\@xxl-min {\n    padding: 6px; }\n  .margin-12\\@xxl-min {\n    margin: 12px; }\n  .padding-12\\@xxl-min, .pad-12\\@xxl-min {\n    padding: 12px; }\n  .margin-18\\@xxl-min {\n    margin: 18px; }\n  .padding-18\\@xxl-min, .pad-18\\@xxl-min {\n    padding: 18px; }\n  .margin-24\\@xxl-min {\n    margin: 24px; }\n  .padding-24\\@xxl-min, .pad-24\\@xxl-min {\n    padding: 24px; }\n  .margin-30\\@xxl-min {\n    margin: 30px; }\n  .padding-30\\@xxl-min, .pad-30\\@xxl-min {\n    padding: 30px; }\n  .margin-36\\@xxl-min {\n    margin: 36px; }\n  .padding-36\\@xxl-min, .pad-36\\@xxl-min {\n    padding: 36px; }\n  .margin-42\\@xxl-min {\n    margin: 42px; }\n  .padding-42\\@xxl-min, .pad-42\\@xxl-min {\n    padding: 42px; }\n  .margin-48\\@xxl-min {\n    margin: 48px; }\n  .padding-48\\@xxl-min, .pad-48\\@xxl-min {\n    padding: 48px; }\n  .margin-54\\@xxl-min {\n    margin: 54px; }\n  .padding-54\\@xxl-min, .pad-54\\@xxl-min {\n    padding: 54px; }\n  .margin-60\\@xxl-min {\n    margin: 60px; }\n  .padding-60\\@xxl-min, .pad-60\\@xxl-min {\n    padding: 60px; } }\n\n@media only screen and (min-width: 2560px) and (max-width: 9999px) {\n  .margin-6\\@xxxl {\n    margin: 6px; }\n  .padding-6\\@xxxl, .pad-6\\@xxxl {\n    padding: 6px; }\n  .margin-12\\@xxxl {\n    margin: 12px; }\n  .padding-12\\@xxxl, .pad-12\\@xxxl {\n    padding: 12px; }\n  .margin-18\\@xxxl {\n    margin: 18px; }\n  .padding-18\\@xxxl, .pad-18\\@xxxl {\n    padding: 18px; }\n  .margin-24\\@xxxl {\n    margin: 24px; }\n  .padding-24\\@xxxl, .pad-24\\@xxxl {\n    padding: 24px; }\n  .margin-30\\@xxxl {\n    margin: 30px; }\n  .padding-30\\@xxxl, .pad-30\\@xxxl {\n    padding: 30px; }\n  .margin-36\\@xxxl {\n    margin: 36px; }\n  .padding-36\\@xxxl, .pad-36\\@xxxl {\n    padding: 36px; }\n  .margin-42\\@xxxl {\n    margin: 42px; }\n  .padding-42\\@xxxl, .pad-42\\@xxxl {\n    padding: 42px; }\n  .margin-48\\@xxxl {\n    margin: 48px; }\n  .padding-48\\@xxxl, .pad-48\\@xxxl {\n    padding: 48px; }\n  .margin-54\\@xxxl {\n    margin: 54px; }\n  .padding-54\\@xxxl, .pad-54\\@xxxl {\n    padding: 54px; }\n  .margin-60\\@xxxl {\n    margin: 60px; }\n  .padding-60\\@xxxl, .pad-60\\@xxxl {\n    padding: 60px; } }\n\n@media only screen and (min-width: 2560px) {\n  .margin-6\\@xxxl-min {\n    margin: 6px; }\n  .padding-6\\@xxxl-min, .pad-6\\@xxxl-min {\n    padding: 6px; }\n  .margin-12\\@xxxl-min {\n    margin: 12px; }\n  .padding-12\\@xxxl-min, .pad-12\\@xxxl-min {\n    padding: 12px; }\n  .margin-18\\@xxxl-min {\n    margin: 18px; }\n  .padding-18\\@xxxl-min, .pad-18\\@xxxl-min {\n    padding: 18px; }\n  .margin-24\\@xxxl-min {\n    margin: 24px; }\n  .padding-24\\@xxxl-min, .pad-24\\@xxxl-min {\n    padding: 24px; }\n  .margin-30\\@xxxl-min {\n    margin: 30px; }\n  .padding-30\\@xxxl-min, .pad-30\\@xxxl-min {\n    padding: 30px; }\n  .margin-36\\@xxxl-min {\n    margin: 36px; }\n  .padding-36\\@xxxl-min, .pad-36\\@xxxl-min {\n    padding: 36px; }\n  .margin-42\\@xxxl-min {\n    margin: 42px; }\n  .padding-42\\@xxxl-min, .pad-42\\@xxxl-min {\n    padding: 42px; }\n  .margin-48\\@xxxl-min {\n    margin: 48px; }\n  .padding-48\\@xxxl-min, .pad-48\\@xxxl-min {\n    padding: 48px; }\n  .margin-54\\@xxxl-min {\n    margin: 54px; }\n  .padding-54\\@xxxl-min, .pad-54\\@xxxl-min {\n    padding: 54px; }\n  .margin-60\\@xxxl-min {\n    margin: 60px; }\n  .padding-60\\@xxxl-min, .pad-60\\@xxxl-min {\n    padding: 60px; } }\n\n.margin-no-sides {\n  margin-left: 0;\n  margin-right: 0; }\n\n.margin-only-sides {\n  margin-top: 0;\n  margin-bottom: 0; }\n\n.margin-only-top {\n  margin-bottom: 0;\n  margin-left: 0;\n  margin-right: 0; }\n\n.margin-only-bottom {\n  margin-top: 0;\n  margin-left: 0;\n  margin-right: 0; }\n\n.margin-only-left {\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-right: 0; }\n\n.margin-only-right {\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: 0; }\n\n.padding-no-sides, .pad-no-sides {\n  padding-left: 0;\n  padding-right: 0; }\n\n.padding-only-sides, .pad-only-sides {\n  padding-top: 0;\n  padding-bottom: 0; }\n\n.padding-only-top, .pad-only-top {\n  padding-bottom: 0;\n  padding-left: 0;\n  padding-right: 0; }\n\n.padding-only-bottom, .pad-only-bottom {\n  padding-top: 0;\n  padding-left: 0;\n  padding-right: 0; }\n\n.padding-only-left, .pad-only-left {\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-right: 0; }\n\n.padding-only-right, .pad-only-right {\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-left: 0; }\n\n.margin-0 {\n  margin: 0; }\n\n.padding-0, .pad-0 {\n  padding: 0; }\n\n.u-spacer {\n  margin-top: 6px;\n  margin-bottom: 6px; }\n\n.u-spacer-sides {\n  margin-left: 6px;\n  margin-right: 6px; }\n\n.is-fullscreen video {\n  display: block; }\n\n.is-hidden {\n  display: none; }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .Navbar .Navbar-toast {\n    bottom: auto;\n    top: 50%; } }\n\n@media only screen and (min-width: 1280px) {\n  .Navbar .Navbar-toast {\n    position: absolute;\n    bottom: auto;\n    top: 110px; } }\n\n@media only screen and (min-width: 992px) and (max-width: 1279px) {\n  .Navbar .Navbar-toastContainer {\n    transform: translateY(-50%); } }\n","@import 'node_modules/normalize.css/normalize';\n\n// Remove input invalidation glow effect, which addresses\n// the symptom caused by this bug: https://jira.blizzard.com/browse/WMOWGS-1992\ninput:invalid {\n    box-shadow: none;\n}\n","/*\n* root styles\n*/\n*, *:before, *:after {\n\tbox-sizing: inherit;\n\tbackground-repeat:no-repeat;\n\tvertical-align:inherit;\n\twhite-space:inherit;\n\ttext-overflow:inherit;\n\ttext-shadow:inherit;\n}\nhtml {\n\t-ms-text-size-adjust: 100%;\n\t-webkit-text-size-adjust: 100%;\n\tposition: relative;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: block;\n\tbox-sizing:border-box;\n\tfont-size:10px;\n}\nbody {\n    color: $black;\n    fill: $black;\n\tpadding: 0;\n\tmargin: 0;\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: block;\n\tbackground-color: $white;\n\tmax-width: 100%;\n\toverflow-x: hidden;\n\t@include bodyfont();\n\t@media screen and (min-width:2560px) {\n\t\tmax-width:2560px;\n\t\tmargin-left:auto;\n\t\tmargin-right:auto;\n\t}\n}\nbody.ko-kr {\n\tfont-family: $noto-sans;\n\tword-break: keep-all;\n}\nbody.ja-jp {\n\tfont-family: $ud-typos;\n}\n\n/*\n* typography\n*/\nh1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {\n\tmargin: 0;\n\tdisplay: block;\n\ttext-transform: uppercase;\n\twhite-space: normal;\n}\nh1, .h1 {\n\t@include h1font();\n}\nh2, .h2 {\n\t@include h2font();\n}\nh3, .h3 {\n\t@include h3font();\n}\nh4, .h4 {\n\t@include h4font();\n}\nh5, .h5 {\n\t@include h5font();\n}\nh6, .h6 {\n\t@include h6font();\n}\n\n@each $breakpoint, $query in $layout-breakpoints {\n\t@media #{$query} {\n\t\t.h1\\@#{$breakpoint} {\n\t\t\t@include h1font();\n\t\t}\n\t\t.h2\\@#{$breakpoint} {\n\t\t\t@include h2font();\n\t\t}\n\t\t.h3\\@#{$breakpoint} {\n\t\t\t@include h3font();\n\t\t}\n\t\t.h4\\@#{$breakpoint} {\n\t\t\t@include h4font();\n\t\t}\n\t\t.h5\\@#{$breakpoint} {\n\t\t\t@include h5font();\n\t\t}\n\t\t.h6\\@#{$breakpoint} {\n\t\t\t@include h6font();\n\t\t}\n\t}\n}\n\nbody.ko-kr {\n\th1, .h1, h2, .h2 {\n\t\tfont-family: $koverwatch;\n\t\tfont-style: normal;\n\t}\n\th3, .h3, h4 .h4, h5, .h5, h6, .h6 {\n\t\tfont-family: $blackfit77;\n\t}\n}\nbody.ja-jp {\n\th1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {\n\t\tfont-family: $df-so-gei-std;\n\t\tfont-style: normal;\n\t}\n}\n\np {\n\tmargin-top:0;\n\tmargin-bottom:0;\n\twhite-space:normal;\n}\nspan {\n\twhite-space:normal;\n}\n\n/*\n* basic styles\n*/\na {\n\tcolor: $orange;\n\t&:hover{\n\t\tcolor: lighten($orange, 10%);\n\t}\n\t&:focus {\n\t\tcolor: lighten($orange, 10%);\n\t}\n\t&:visited {\n\t\tcolor: lighten($orange, 20%);\n\t}\n\t&:active {\n\t\tcolor: lighten($orange, 20%);\n\t}\n\twhite-space:normal;\n\ttext-decoration:none;\n}\n\nhr {\n\tborder:0;\n\tborder-bottom:3px solid rgba($white, 0.3);\n\t@media #{$md-min} {\n\t\tborder-bottom-width:6px;\n\t}\n}\nhr.m-dark {\n\tborder-bottom-color:rgba($blue, 0.5);\n}\n\nul {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n}\nbody.ko-kr {\n\tblockquote {\n\t\tfont-family: $noto-sans;\n\t\tfont-style: normal;\n\t}\n}\nblockquote {\n\tfont-family: $arial;\n\tfont-style: italic;\n\tfont-size: 1.6rem;\n\tline-height: 1.25;\n\tbackground-color: #f8f8f8;\n\tcolor: #545454;\n\tmargin: 0;\n\tpadding: 15px;\n\tborder-radius: 2px;\n\tp {\n\t\tmargin: 0 0 10px;\n\t}\n\tcite {\n\t\tcolor: rgba(84,84,84,0.5);\n\t\tfont-size: 1.4rem;\n\t}\n\ta {\n\t\tcolor: #545454;\n\t}\n}\n\n:not(pre) > code[class*=\"language-\"], pre[class*=\"language-\"]{\n\tbackground-color: rgba(84,84,84,0.025);\n\tborder-radius: 2px;\n\tpadding: 15px;\n}\ncode{\n\tdisplay: block;\n\tmargin: 10px 0;\n\toverflow: auto;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n\twidth: 100%;\n}\n\n//https://gist.github.com/unruthless/413930\nsub, sup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsup {\n\ttop: -0.3em;\n}\n\nsub {\n\tbottom: -0.2em;\n}\nbody.ko-kr {\n\tselect {\n\t\tfont-family: $blackfit77;\n\t}\n}\nselect {\n\tfont-family:$futura;\n\tfont-weight: 600;\n\ttext-transform:uppercase;\n\tpadding:3px 18px 3px 6px;\n\tcolor:$black;\n}\n\ntable, thead, tbody, tr {\n\twidth:100%;\n\tborder-collapse:collapse;\n}\n\nform {\n\twhite-space:normal;\n}\nbutton {\n\twhite-space:normal;\n}\nsmall {\n\tfont-size:0.8em;\n}\nsvg {\n    fill: inherit;\n}\n","// new palette\n$theme-colors: (\n    'plum': #8095c1,\n    'plum-v1': #aec3ed,\n    'plum-v2': #51658e,\n    'plum-v3': #33466c,\n    'white': #ffffff,\n    'white-v1': #f2f1ed,\n    'white-v2': #e5e3dc,\n    'white-v3': #c5c2bb,\n    'gray': #212529,\n    'gray-v1': #9b9da2,\n    'gray-v2': #727a82,\n    'gray-v3': #4b535d,\n    'blue': #00a0ea,\n    'blue-v1': #00c4ff,\n    'blue-v2': #007dd1,\n    'blue-v3': #005fb8,\n    'orange': #ff8900,\n    'orange-v1': #ff9d00,\n    'orange-v2': #e66700,\n    'orange-v3': #cc4b00,\n    'black': #000000,\n    'bright-red': #f53e31,\n    'bright-orange': #ff7940,\n    'bright-yellow': #fdd939,\n    'bright-green': #45ca00,\n    'bright-cyan': #07dcff,\n    'bright-blue': #1162ed,\n    'bright-violet': #8d37fb,\n    'bright-magenta': #ff68ab,\n);\n\n// Retrieve color from sass map $global-colors\n//\n// @param {string} $color - Name of color to return from `$color-config`.\n@function color($color) {\n    @if map-has-key($theme-colors, $color) {\n        @return map-get($theme-colors, $color);\n    } @else {\n        @error '`#{$color}` is not an available color for use on the site.';\n    }\n}\n\n@function modify-hsl($color, $hue-amount: 0, $saturation-amount: 0, $lightness-amount: 0) {\n    $new-color: $color;\n    $new-color: adjust-hue($new-color, $hue-amount);\n    $new-color: saturate($new-color, $saturation-amount);\n    $new-color: lighten($new-color, $lightness-amount);\n    @return $new-color;\n}\n\n// colors (refer to style guide)\n$orange: rgb(255,156,0);                            //-#ff9c00\n$cyan: rgb(0, 195, 255);                            //-#00C3FF\n$magenta: rgb(237,60,239);                          //-#ed3cef\n$green: rgb(0, 153, 61);                             //-#00993D\n$blue: rgb(64, 82, 117);                            //-#405275\n$blue-midnight: rgb(0,32,93);                       //-#00205d\n$purple: rgb(45,41,60);\n$black: rgb(51, 51, 51);                            //-#333333\n$white: #F6F6F6;\n$grey: rgb(161, 161, 161);                          //-#A1A1A1\n$true-white: rgb(255, 255, 255);\n$true-black: rgb(0, 0, 0);\n$gold: #c68e26;\n$blue-dark: rgb(60, 72, 96);                        //-#3C4860\n$blue-filter-link: rgb(26, 50, 94);                 //-#1A325E\n$blue-filter-link-opacity: rgba(60, 72, 96, 0.5);\n$blue-light: rgb(157, 170, 200);                    //-#9DAAC8\n$blue-lighter: rgb(198, 203, 222);                  //-#C6CBDE\n$cyan-dark: rgb(0, 165, 226);                       //-#00A5E2\n$orange-light: rgb(255,176,51);                     //-#ffb033\n$grey-light: rgb(204, 204, 204);                    //-#CCCCCC\n$grey-lighter: rgb(233, 233, 231);                  //-#E9E9E7\n$grey-dark: rgb(114, 114, 114);                     //-#727272\n$accent-blue: #00a0ea;\n$plum: #33466C;\n\n$shotcaller-orange: #F19512;\n$teammate-purple: #C81AF5;\n$sportsmanship-green: #40CE44;\n\n$role-damage-color: #e71d26;\n$role-tank-color: #f8a22d;\n$role-support-color: #00a345;\n\n$colors-map: (\n    accent-blue: $accent-blue,\n    blue-dark: $blue-dark,\n    blue: $blue,\n    blue-light: $blue-light,\n    blue-lighter: $blue-lighter,\n    blue-midnight: $blue-midnight,\n    cyan: $cyan,\n    cyan-dark: $cyan-dark,\n    orange: $orange,\n    orange-light: $orange-light,\n    grey-light: $grey-light,\n    grey: $grey,\n    grey-dark: $grey-dark,\n    black: $black,\n    white: $white,\n    true-white: $true-white,\n    true-black: $true-black,\n    shotcaller-orange: $shotcaller-orange,\n    teammate-purple: $teammate-purple,\n    sportsmanship-green: $sportsmanship-green,\n    plum: $plum\n);\n\n//TODO: Rename or delete these variables and move colors to where used.\n$new-tag-yellow: rgb(255, 227, 11);                 //-#ffe30b\n$new-tag-orange: rgb(231, 155, 42);                 //-#e79b2a\n$hero-portrait-blue: rgba(40, 53, 79, .9);\n$hero-portrait-selected: rgba(0, 195, 255, .98);\n$hero-portrait-title-blue: rgb(208, 208, 220);      //-#D0D0DC\n$border-duo-top-color: rgb(75, 95, 107);            //-#4b5f6b\n$border-duo-bottom-color: rgb(38, 53, 63);          //-#26353f\n\n//Unlock Rarity color map\n$rarity-common: $true-white;\n$rarity-rare: $cyan;\n$rarity-epic: $magenta;\n$rarity-legendary: $orange;\n","// font mixin\n@mixin font($family: $noto-sans, $size: $font-tier0, $lineheight: normal, $weight: normal, $style: normal, $variant: normal){\n\tfont-family: $family;\n\tfont-size: $size;\n\tfont-style: $style;\n\tfont-weight: $weight;\n\tfont-variant: $variant;\n\tline-height: $lineheight;\n}\n\n@mixin resetFont() {\n\tcolor:inherit;\n\tfont-family:inherit;\n\tfont-size:inherit;\n\tfont-weight:inherit;\n\tfont-style:inherit;\n\tline-height:inherit;\n\ttext-align:inherit;\n\ttext-outline:inherit;\n\ttext-shadow:inherit;\n\ttext-overflow:inherit;\n\ttext-transform:inherit;\n\tletter-spacing:inherit;\n\twhite-space:inherit;\n}\n\n@mixin h1font() {\n\t@include font($family: $big-noodle, $size: $font-tier7, $style: italic);\n\tletter-spacing: 0.5px;\n\t@media #{$md-min} {\n\t\tfont-size: $font-tier8;\n\t}\n\t@media #{$xl-min} {\n\t\tfont-size: $font-tier9;\n\t}\n}\n\n@mixin h2font() {\n\t@include font($family: $big-noodle, $size: $font-tier6, $style: italic);\n\tletter-spacing: 0.8px;\n\t@media #{$md-min} {\n\t\tfont-size: $font-tier7;\n\t}\n\t@media #{$xl-min} {\n\t\tfont-size: $font-tier8;\n\t}\n}\n\n@mixin h3font() {\n\t@include font($family: $futura, $size: $font-tier4, $weight: bold);\n\t@media #{$md-min} {\n\t\tfont-size: $font-tier5;\n\t}\n}\n\n@mixin h4font() {\n\t@include font($family: $futura, $size: $font-tier3, $weight: bold);\n\t@media #{$md-min} {\n\t\tfont-size: $font-tier4;\n\t}\n}\n\n@mixin h5font() {\n\t@include font($family: $futura, $size: $font-tier3, $weight: bold);\n}\n\n@mixin h6font() {\n\t@include font($family: $futura, $size: $font-tier2, $weight: bold);\n\tletter-spacing: 0.5px;\n}\n\n@mixin bodyfont() {\n\t@include font($family: $arial, $lineheight: 1.4, $size: $font-tier2);\n}\n\n@mixin smallfont() {\n\t@include font($family: $arial, $lineheight: 1.4, $size: $font-tier1);\n}\n","// fonts\n@import 'node_modules/modularscale-sass/stylesheets/modularscale';\n$modularscale: (\n  base: 1.6rem,\n  ratio: 1.25\n);\n\n$futura: 'FuturaNo2D', 'century gothic', arial, sans-serif;\n$big-noodle: 'Big Noodle Too', impact, sans-serif;\n$arial: 'Arial', sans-serif;\n$koverwatch: 'Koverwatch', sans-serif;\n$blackfit77: 'BlackFit77', sans-serif;\n$noto-sans: 'Noto Sans', sans-serif;\n$open-sans: 'Open Sans', sans-serif;\n$ud-typos: 'UDTypos', 'Arial', sans-serif;\n$df-so-gei-std: 'DFSoGeiStd', sans-serif;\n\n//http://www.modularscale.com/?1.8&rem&1.25\n$font-tier0: ms(-2);    //10.24px\n$font-tier1: ms(-1);    //12.8px\n$font-tier2: ms(0);     //16px\n$font-tier3: ms(1);     //20px\n$font-tier4: ms(2);     //25px\n$font-tier5: ms(3);     //31.25px\n$font-tier6: ms(4);     //39.06px\n$font-tier7: ms(5);     //48.83px\n$font-tier8: ms(6);\n$font-tier9: ms(7);\n$font-tier10: ms(8);\n$font-tier11: ms(9);\n\n//font sizes\n$large-font-size: $font-tier3;\n$small-font-size: $font-tier1;\n$fine-font-size: $font-tier0;\n","@function ms-function($v: 0, $base: false, $ratio: false, $thread: false, $settings: $modularscale) {\n\n  // Parse settings\n  $ms-settings: ms-settings($base,$ratio,$thread,$settings);\n  $base: nth($ms-settings, 1);\n  $ratio: nth($ms-settings, 2);\n\n  // Render target values from settings.\n  @if unit($ratio) != '' {\n    $ratio: ms-target($ratio,$base)\n  }\n\n  // Fast calc if not multi stranded\n  @if(length($base) == 1) {\n    @return ms-round-px(ms-pow($ratio, $v) * $base);\n  }\n\n  // Create new base array\n  $ms-bases: nth($base,1);\n\n  // Normalize base values\n  @for $i from 2 through length($base) {\n    // initial base value\n    $ms-base: nth($base,$i);\n    // If the base is bigger than the main base\n    @if($ms-base > nth($base,1)) {\n      // divide the value until it aligns with main base.\n      @while($ms-base > nth($base,1)) {\n        $ms-base: $ms-base / $ratio;\n      }\n      $ms-base: $ms-base * $ratio;\n    }\n    // If the base is smaller than the main base.\n    @elseif ($ms-base < nth($base,1)) {\n      // pump up the value until it aligns with main base.\n      @while $ms-base < nth($base,1) {\n        $ms-base: $ms-base * $ratio;\n      }\n    }\n    // Push into new array\n    $ms-bases: append($ms-bases,$ms-base);\n  }\n\n  // Sort array from smallest to largest.\n  $ms-bases: ms-sort($ms-bases);\n\n  // Find step to use in calculation\n  $vtep: floor($v / length($ms-bases));\n  // Find base to use in calculation\n  $ms-base: round(($v / length($ms-bases) - $vtep) * length($ms-bases)) + 1;\n\n  @return ms-round-px(ms-pow($ratio, $vtep) * nth($ms-bases,$ms-base));\n}","/*top margin of headings immediately following a heading*/\nh1 + h2, h1 + h3, h1 + h4, h2 + h2, h2 + h3, h2 + h4, h3 + h2, h3 + h3, h3 + h4, h4 + h2, h4 + h3, h4 + h4\n/*top margin to paragraphs immediately following list*/\n,ol + p, ul + p\n/*top margin of lists immediately following a heading*/\n,h1 + ol, h2 + ol, h3 + ol, h1 + ul, h2 + ul, h3 + ul\n{\n\tmargin-top: 0.3em;\n}\nh1 + p, .h1 + p,\nh2 + p, .h2 + p,\nh3 + p, .h3 + p,\nh4 + p, .h4 + p,\nh5 + p, .h5 + p,\nh6 + p, .h6 + p,\nh1 + .paragraph-spacing, .h1 + .paragraph-spacing,\nh2 + .paragraph-spacing, .h2 + .paragraph-spacing,\nh3 + .paragraph-spacing, .h3 + .paragraph-spacing,\nh4 + .paragraph-spacing, .h4 + .paragraph-spacing,\nh5 + .paragraph-spacing, .h5 + .paragraph-spacing,\nh6 + .paragraph-spacing, .h6 + .paragraph-spacing,\nh1 + * > p:first-child, .h1 + * > p:first-child,\nh2 + * > p:first-child, .h2 + * > p:first-child,\nh3 + * > p:first-child, .h3 + * > p:first-child,\nh4 + * > p:first-child, .h4 + * > p:first-child,\nh5 + * > p:first-child, .h5 + * > p:first-child,\nh6 + * > p:first-child , .h6 + * > p:first-child {\n\tmargin-top: 0.6em;\n}\n\n/*top margin to headings immediately following a paragraph*/\np + h2, p + .h2, p + h3, p + .h3 {\n\tmargin-top: 0.4em;\n}\np + h4, p + h5, p + h6, p + .h4, p + .h5, p + .h6 {\n\tmargin-top: 1.25em;\n}\np + p, p + .paragraph-spacing {\n\tmargin-top: 0.8em;\n}\n","@media print {\n\t@page {\n\t\tmargin: 0.5cm;\n\t}\n\tbody {\n\t\tfont: 12pt Georgia, \"Times New Roman\", Times, serif;\n\t\tline-height: 1.3;\n\t}\n\timg {\n\t\tmax-width: 100%;\n\t\tborder: 0;\n\t}\n\tvideo, audio, object, embed {\n\t\tdisplay:none;\n\t}\n\tp a[href^=\"http\"]:after {\n\t\tword-wrap: break-word;\n\t\tcontent: \" (\" attr(href) \")\";\n\t\tfont-size: 80%;\n\t}\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Outputs CSS classes for the grid.\n/// @access private\n@mixin foundation-grid(\n  $row: 'row',\n  $column: 'column',\n  $column-row: 'column-row',\n  $push: 'push',\n  $pull: 'pull',\n  $center: 'centered',\n  $uncenter: 'uncentered',\n  $collapse: 'collapse',\n  $uncollapse: 'uncollapse',\n  $offset: 'offset',\n  $end: 'end',\n  $expanded: 'expanded'\n) {\n  // Row\n  .#{$row} {\n    @include grid-row;\n\n    // Collapsing\n    &.#{$collapse} {\n      > .#{$column} {\n        @include grid-col-collapse;\n      }\n    }\n\n    // Nesting\n    & & {\n      @include grid-row-nest($grid-column-gutter);\n\n      &.#{$collapse} {\n        margin-left: 0;\n        margin-right: 0;\n      }\n    }\n\n    // Expanded (full-width) row\n    &.#{$expanded} {\n      max-width: none;\n\n      .#{$row} {\n        margin-left: auto;\n        margin-right: auto;\n      }\n    }\n  }\n\n  // Column\n  .#{$column} {\n    @include grid-col;\n\n    @if $grid-column-align-edge {\n      &.#{$end} {\n        @include grid-col-end;\n      }\n    }\n  }\n\n  // Column row\n  // The double .row class is needed to bump up the specificity\n  .#{$column}.#{$row}.#{$row} {\n    float: none;\n\n    // To properly nest a column row, padding and margin is removed\n    .#{$row} & {\n      padding-left: 0;\n      padding-right: 0;\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n\n  @include -zf-each-breakpoint {\n    @for $i from 1 through $grid-column-count {\n      // Column width\n      .#{$-zf-size}-#{$i} {\n        @include grid-col-size($i);\n      }\n\n      // Source ordering\n      @if $i < $grid-column-count {\n        .#{$-zf-size}-#{$push}-#{$i} {\n          @include grid-col-pos($i);\n        }\n\n        .#{$-zf-size}-#{$pull}-#{$i} {\n          @include grid-col-pos(-$i);\n        }\n      }\n\n      // Offsets\n      $o: $i - 1;\n\n      .#{$-zf-size}-#{$offset}-#{$o} {\n        @include grid-col-off($o);\n      }\n    }\n\n    // Block grid\n    @for $i from 1 through $block-grid-max {\n      .#{$-zf-size}-up-#{$i} {\n        @include grid-layout($i, \".#{$column}\");\n      }\n    }\n\n    // Responsive collapsing\n    .#{$-zf-size}-#{$collapse} {\n      > .#{$column} { @include grid-col-collapse; }\n\n      .#{$row} {\n        margin-left: 0;\n        margin-right: 0;\n      }\n    }\n\n    .#{$-zf-size}-#{$uncollapse} {\n      $gutter: -zf-get-bp-val($grid-column-gutter, $-zf-size);\n\n      > .#{$column} { @include grid-col-uncollapse($gutter); }\n    }\n\n    // Positioning\n    .#{$-zf-size}-#{$center} {\n      @include grid-col-pos(center);\n    }\n\n    // Gutter adjustment\n    .#{$-zf-size}-#{$uncenter},\n    .#{$-zf-size}-#{$push}-0,\n    .#{$-zf-size}-#{$pull}-0 {\n      @include grid-col-unpos;\n    }\n  }\n\n  @if $column == 'column' {\n    .columns {\n      // scss-lint:disable PlaceholderInExtend\n      @extend .column;\n    }\n  }\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Change the behavior of columns defined inside this mixin to use a different column count.\n/// @content\n///\n/// @param {Number} $columns - Number of columns to use.\n/// @param {Boolean} $root [false]\n///   If `false`, selectors inside this mixin will nest inside the parent selector.\n///   If `true`, selectors will not nest.\n@mixin grid-context(\n  $columns,\n  $root: false\n) {\n  // Store the current column count so it can be re-set later\n  $old-grid-column-count: $grid-column-count;\n  $grid-column-count: $columns !global;\n\n  @if $root {\n    @at-root { @content; }\n  }\n  @else {\n    @content;\n  }\n\n  // Restore the old column count\n  $grid-column-count: $old-grid-column-count;\n}\n\n/// Creates a grid row.\n/// @content\n///\n/// @param {Number} $columns [null] - Column count for this row. `null` will use the default column count.\n/// @param {Keywords} $behavior [null]\n///   Modifications to the default grid styles. `nest` indicates the row will be placed inside another row. `collapse` indicates that the columns inside this row will not have padding. `nest collapse` combines both behaviors.\n/// @param {Number} $width [$grid-row-width] - Maximum width of the row.\n/// @param {Boolean} $cf [true] - Whether or not to include a clearfix.\n/// @param {Number} $gutter [$grid-column-gutter] - Gutter to use when inverting margins, in case the row is nested.\n@mixin grid-row(\n  $columns: null,\n  $behavior: null,\n  $width: $grid-row-width,\n  $cf: true,\n  $gutter: $grid-column-gutter\n) {\n  $margin: auto;\n\n  @if index($behavior, nest) != null {\n    @include grid-row-nest($gutter);\n\n    @if index($behavior, collapse) != null {\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n  @else {\n    max-width: $width;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  @if $cf {\n    @include clearfix;\n  }\n\n  @if $columns != null {\n    @include grid-context($columns) {\n      @content;\n    }\n  }\n}\n\n/// Inverts the margins of a row to nest it inside of a column.\n///\n/// @param {Map|null} $gutter [null] - Gutter value to use when inverting the margins. Set to `null` to refer to the responsive gutter settings.\n@mixin grid-row-nest($gutter: $grid-column-gutter) {\n  @if type-of($gutter) == 'number' {\n    $gutter: (small: $gutter);\n  }\n\n  @each $breakpoint, $value in $gutter {\n    $margin: rem-calc($value) / 2 * -1;\n\n    @include breakpoint($breakpoint) {\n      margin-left: $margin;\n      margin-right: $margin;\n    }\n  }\n}\n","//  Foundation for Sites Settings\n//  -----------------------------\n//\n//  Table of Contents:\n//\n//   1. Global\n//   2. Breakpoints\n//   3. The Grid\n//   4. Base Typography\n//   5. Typography Helpers\n//   6. Abide\n//   7. Accordion\n//   8. Accordion Menu\n//   9. Badge\n//  10. Breadcrumbs\n//  11. Button\n//  12. Button Group\n//  13. Callout\n//  14. Close Button\n//  15. Drilldown\n//  16. Dropdown\n//  17. Dropdown Menu\n//  18. Flex Video\n//  19. Forms\n//  20. Label\n//  21. Media Object\n//  22. Menu\n//  23. Off-canvas\n//  24. Orbit\n//  25. Pagination\n//  26. Progress Bar\n//  27. Reveal\n//  28. Slider\n//  29. Switch\n//  30. Table\n//  31. Tabs\n//  32. Thumbnail\n//  33. Tooltip\n//  34. Top Bar\n\n@import 'node_modules/foundation-sites/scss/util/util';\n\n// 1. Global\n// ---------\n\n$global-font-size: 10px;\n$global-width: rem-calc(1900);\n// $global-font-size: 62.5%;\n// $global-lineheight: 1.5;\n$primary-color: #2199e8;\n// $secondary-color: #777;\n// $success-color: #3adb76;\n// $warning-color: #ffae00;\n// $alert-color: #ec5840;\n$light-gray: #e6e6e6;\n$medium-gray: #cacaca;\n$dark-gray: #8a8a8a;\n// $black: #0a0a0a;\n// $white: #fefefe;\n// $body-background: $white;\n// $body-font-color: $black;\n$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;\n// $body-antialiased: true;\n// $text-direction: ltr;\n$global-margin: 1rem;\n// $global-padding: 1rem;\n$global-weight-normal: normal;\n$global-weight-bold: bold;\n$global-radius: 0;\n// $global-text-direction: ltr;\n// $rem-base: 16px;\n$rem-base: 10px;\n\n// 2. Breakpoints\n// --------------\n\n$breakpoints: (\n  // these are needed to satisfy foundation's requirement for 'small' defined breakpoint\n  small: 0,\n  medium: 0,\n\n  xs: $xs-min-value,\n  sm: $sm-min-value,\n  md: $md-min-value,\n  lg: $lg-min-value,\n  xl: $xl-min-value,\n  xxl: $xxl-min-value\n);\n$breakpoint-classes: (small xs sm md lg xl xxl);\n\n// 3. The Grid\n// -----------\n\n$grid-row-width: none;\n$grid-column-count: 12;\n$grid-column-gutter: 0;\n$block-grid-max: 12;\n\n// 4. Base Typography\n// ------------------\n\n$header-font-family: $body-font-family;\n$header-font-weight: $global-weight-normal;\n$header-font-style: normal;\n$font-family-monospace: Consolas, 'Liberation Mono', Courier, monospace;\n$header-sizes: (\n small: (\n   'h1': 24,\n   'h2': 20,\n   'h3': 19,\n   'h4': 18,\n   'h5': 17,\n   'h6': 16,\n ),\n medium: (\n   'h1': 48,\n   'h2': 40,\n   'h3': 31,\n   'h4': 25,\n   'h5': 20,\n   'h6': 16,\n ),\n);\n$header-color: inherit;\n$header-lineheight: 1.4;\n$header-margin-bottom: 0.5rem;\n$header-text-rendering: optimizeLegibility;\n//$small-font-size: 80%;\n$header-small-font-color: $medium-gray;\n$paragraph-lineheight: 1.6;\n$paragraph-margin-bottom: 1rem;\n$paragraph-text-rendering: optimizeLegibility;\n$code-color: $black;\n$code-font-family: $font-family-monospace;\n$code-font-weight: $global-weight-normal;\n$code-background: $light-gray;\n$code-border: 1px solid $medium-gray;\n$code-padding: rem-calc(2 5 1);\n$anchor-color: $primary-color;\n$anchor-color-hover: scale-color($anchor-color, $lightness: -14%);\n$anchor-text-decoration: none;\n$anchor-text-decoration-hover: none;\n$hr-width: $global-width;\n$hr-border: 1px solid $medium-gray;\n$hr-margin: rem-calc(20) auto;\n$list-lineheight: $paragraph-lineheight;\n$list-margin-bottom: $paragraph-margin-bottom;\n$list-style-type: disc;\n$list-style-position: outside;\n$list-side-margin: 1.25rem;\n$list-nested-side-margin: 1.25rem;\n$defnlist-margin-bottom: 1rem;\n$defnlist-term-weight: $global-weight-bold;\n$defnlist-term-margin-bottom: 0.3rem;\n$blockquote-color: $dark-gray;\n$blockquote-padding: rem-calc(9 20 0 19);\n$blockquote-border: 1px solid $medium-gray;\n$cite-font-size: rem-calc(13);\n$cite-color: $dark-gray;\n$keystroke-font: $font-family-monospace;\n$keystroke-color: $black;\n$keystroke-background: $light-gray;\n$keystroke-padding: rem-calc(2 4 0);\n$keystroke-radius: $global-radius;\n$abbr-underline: 1px dotted $black;\n\n// 5. Typography Helpers\n// ---------------------\n\n//$lead-font-size: $global-font-size * 1.25;\n//$lead-lineheight: 1.6;\n//$subheader-lineheight: 1.4;\n//$subheader-color: $dark-gray;\n//$subheader-font-weight: $global-weight-normal;\n//$subheader-margin-top: 0.2rem;\n//$subheader-margin-bottom: 0.5rem;\n//$stat-font-size: 2.5rem;\n\n// 6. Abide\n// --------\n\n//$abide-inputs: true;\n//$abide-labels: true;\n//$input-background-invalid: $alert-color;\n//$form-label-color-invalid: $alert-color;\n//$input-error-color: $alert-color;\n//$input-error-font-size: rem-calc(12);\n//$input-error-font-weight: $global-weight-bold;\n\n// 7. Accordion\n// ------------\n\n//$accordion-background: $white;\n//$accordion-plusminus: true;\n//$accordion-item-color: foreground($accordion-background, $primary-color);\n//$accordion-item-background-hover: $light-gray;\n//$accordion-item-padding: 1.25rem 1rem;\n//$accordion-content-background: $white;\n//$accordion-content-border: 1px solid $light-gray;\n//$accordion-content-color: foreground($accordion-background, $primary-color);\n//$accordion-content-padding: 1rem;\n\n// 8. Accordion Menu\n// -----------------\n\n//$accordionmenu-arrows: true;\n\n// 9. Badge\n// --------\n\n//$badge-background: $primary-color;\n//$badge-color: foreground($badge-background);\n//$badge-padding: 0.3em;\n//$badge-minwidth: 2.1em;\n//$badge-font-size: 0.6rem;\n\n// 10. Breadcrumbs\n// ---------------\n\n//$breadcrumbs-margin: 0 0 $global-margin 0;\n//$breadcrumbs-item-font-size: rem-calc(11);\n//$breadcrumbs-item-color: $primary-color;\n//$breadcrumbs-item-color-current: $black;\n//$breadcrumbs-item-color-disabled: $medium-gray;\n//$breadcrumbs-item-margin: 0.75rem;\n//$breadcrumbs-item-uppercase: true;\n//$breadcrumbs-item-slash: true;\n\n// 11. Button\n// ----------\n\n$button-padding: 0.85em 1em;\n$button-margin: 0 $global-margin $global-margin 0;\n$button-fill: solid;\n$button-background: $primary-color;\n$button-background-hover: scale-color($button-background, $lightness: -15%);\n$button-color: #fff;\n$button-color-alt: #000;\n$button-radius: $global-radius;\n$button-sizes: (\n tiny: 0.6rem,\n small: 0.75rem,\n default: 0.9rem,\n large: 1.25rem,\n);\n$button-opacity-disabled: 0.25;\n\n// 12. Button Group\n// ----------------\n\n//$buttongroup-margin: 1rem;\n//$buttongroup-spacing: 1px;\n//$buttongroup-child-selector: '.button';\n//$buttongroup-expand-max: 6;\n\n// 13. Callout\n// -----------\n\n//$callout-background: $white;\n//$callout-background-fade: 85%;\n//$callout-border: 1px solid rgba($black, 0.25);\n//$callout-margin: 0 0 1rem 0;\n//$callout-padding: 1rem;\n//$callout-font-color: $body-font-color;\n//$callout-font-color-alt: $body-background;\n//$callout-radius: $global-radius;\n//$callout-link-tint: 30%;\n\n// 14. Close Button\n// ----------------\n\n//$closebutton-position: right top;\n//$closebutton-offset-horizontal: 1rem;\n//$closebutton-offset-vertical: 0.5rem;\n//$closebutton-size: 2em;\n//$closebutton-lineheight: 1;\n//$closebutton-color: $dark-gray;\n//$closebutton-color-hover: $black;\n\n// 15. Drilldown\n// -------------\n\n//$drilldown-transition: transform 0.15s linear;\n//$drilldown-arrows: true;\n\n// 16. Dropdown\n// ------------\n\n//$dropdown-padding: 1rem;\n//$dropdown-border: 1px solid $medium-gray;\n//$dropdown-font-size: 16rem;\n//$dropdown-width: 300px;\n//$dropdown-radius: $global-radius;\n//$dropdown-sizes: (\n//  tiny: 100px,\n//  small: 200px,\n//  large: 400px,\n//);\n\n// 17. Dropdown Menu\n// -----------------\n\n//$dropdownmenu-arrows: true;\n//$dropdownmenu-min-width: 200px;\n//$dropdownmenu-background: $white;\n//$dropdown-border: 1px solid $medium-gray;\n\n// 18. Flex Video\n// --------------\n\n//$flexvideo-padding-top: rem-calc(25);\n//$flexvideo-margin-bottom: rem-calc(16);\n//$flexvideo-ratio: 4 by 3;\n//$flexvideo-ratio-widescreen: 16 by 9;\n\n// 19. Forms\n// ---------\n\n//$fieldset-border: 1px solid $medium-gray;\n//$fieldset-padding: rem-calc(20);\n//$fieldset-margin: rem-calc(18 0);\n//$legend-padding: rem-calc(0 3);\n//$form-spacing: rem-calc(16);\n//$helptext-color: #333;\n//$helptext-font-size: rem-calc(13);\n//$helptext-font-style: italic;\n//$input-prefix-color: $black;\n//$input-prefix-background: $light-gray;\n//$input-prefix-border: 1px solid $medium-gray;\n//$input-prefix-padding: 1rem;\n//$form-label-color: $black;\n//$form-label-font-size: rem-calc(14);\n//$form-label-font-weight: $global-weight-normal;\n//$form-label-line-height: 1.8;\n//$select-background: #fafafa;\n//$select-triangle-color: #333;\n//$select-radius: $global-radius;\n//$input-color: $dark-gray;\n//$input-font-family: inherit;\n//$input-font-size: rem-calc(16);\n//$input-background: $white;\n//$input-background-focus: $white;\n//$input-background-disabled: $light-gray;\n//$input-border: 1px solid $medium-gray;\n//$input-border-focus: 1px solid $dark-gray;\n//$input-shadow: inset 0 1px 2px rgba($black, 0.1);\n//$input-shadow-focus: 0 0 5px $medium-gray;\n//$input-cursor-disabled: default;\n//$input-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;\n//$input-number-spinners: true;\n//$input-radius: $global-radius;\n\n// 20. Label\n// ---------\n\n//$label-background: $primary-color;\n//$label-color: foreground($label-background);\n//$label-font-size: 0.8rem;\n//$label-padding: 0.33333rem 0.5rem;\n//$label-radius: $global-radius;\n\n// 21. Media Object\n// ----------------\n\n//$mediaobject-margin-bottom: $global-margin;\n//$mediaobject-section-padding: $global-padding;\n//$mediaobject-image-width-stacked: 100%;\n\n// 22. Menu\n// --------\n\n//$menu-margin: 0;\n//$menu-margin-nested: 1rem;\n//$menu-item-padding: 0.7rem 1rem;\n//$menu-icon-spacing: 0.25rem;\n//$menu-expand-max: 6;\n\n// 23. Off-canvas\n// --------------\n\n//$offcanvas-size: 250px;\n//$offcanvas-background: $light-gray;\n//$offcanvas-zindex: -1;\n//$offcanvas-transition-length: 0.5s;\n//$offcanvas-transition-timing: ease;\n//$offcanvas-exit-background: rgba($white, 0.25);\n//$maincontent-class: 'off-canvas-content';\n//$maincontent-shadow: 0 0 10px rgba($black, 0.5);\n\n// 24. Orbit\n// ---------\n\n//$orbit-bullet-background: $medium-gray;\n//$orbit-bullet-background-active: $dark-gray;\n//$orbit-bullet-diameter: 1.2rem;\n//$orbit-bullet-margin: 0.1rem;\n//$orbit-bullet-margin-top: 0.8rem;\n//$orbit-bullet-margin-bottom: 0.8rem;\n//$orbit-caption-background: rgba($black, 0.5);\n//$orbit-caption-padding: 1rem;\n//$orbit-control-background-hover: rgba($black, 0.5);\n//$orbit-control-padding: 1rem;\n//$orbit-control-zindex: 10;\n\n// 25. Pagination\n// --------------\n\n//$pagination-font-size: rem-calc(14);\n//$pagination-margin-bottom: $global-margin;\n//$pagination-item-color: $black;\n//$pagination-item-padding: rem-calc(3 10);\n//$pagination-item-spacing: rem-calc(1);\n//$pagination-radius: $global-radius;\n//$pagination-item-background-hover: $light-gray;\n//$pagination-item-background-current: $primary-color;\n//$pagination-item-color-current: foreground($pagination-item-background-current);\n//$pagination-item-color-disabled: $medium-gray;\n//$pagination-ellipsis-color: $black;\n//$pagination-mobile-items: false;\n//$pagination-arrows: true;\n\n// 26. Progress Bar\n// ----------------\n\n//$progress-height: 1rem;\n//$progress-background: $medium-gray;\n//$progress-margin-bottom: $global-margin;\n//$progress-meter-background: $primary-color;\n//$progress-radius: $global-radius;\n\n// 27. Reveal\n// ----------\n\n//$reveal-background: $white;\n//$reveal-width: 600px;\n//$reveal-max-width: $global-width;\n//$reveal-offset: rem-calc(100);\n//$reveal-padding: $global-padding;\n//$reveal-border: 1px solid $medium-gray;\n//$reveal-radius: $global-radius;\n//$reveal-zindex: 1005;\n//$reveal-overlay-background: rgba($black, 0.45);\n\n// 28. Slider\n// ----------\n\n//$slider-height: 0.5rem;\n//$slider-width-vertical: $slider-height;\n//$slider-background: $light-gray;\n//$slider-fill-background: $medium-gray;\n//$slider-handle-height: 1.4rem;\n//$slider-handle-width: 1.4rem;\n//$slider-handle-background: $primary-color;\n//$slider-opacity-disabled: 0.25;\n//$slider-radius: $global-radius;\n//$slider-transition: all 0.2s ease-in-out;\n\n// 29. Switch\n// ----------\n\n//$switch-background: $medium-gray;\n//$switch-background-active: $primary-color;\n//$switch-height: 2rem;\n//$switch-height-tiny: 1.5rem;\n//$switch-height-small: 1.75rem;\n//$switch-height-large: 2.5rem;\n//$switch-radius: $global-radius;\n//$switch-margin: $global-margin;\n//$switch-paddle-background: $white;\n//$switch-paddle-offset: 0.25rem;\n//$switch-paddle-radius: $global-radius;\n//$switch-paddle-transition: all 0.25s ease-out;\n\n// 30. Table\n// ---------\n\n//$table-background: $white;\n//$table-color-scale: 5%;\n//$table-border: 1px solid smart-scale($table-background, $table-color-scale);\n//$table-padding: rem-calc(8 10 10);\n//$table-hover-scale: 2%;\n//$table-row-hover: darken($table-background, $table-hover-scale);\n//$table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);\n//$table-striped-background: smart-scale($table-background, $table-color-scale);\n//$table-stripe: even;\n//$table-head-background: smart-scale($table-background, $table-color-scale / 2);\n//$table-foot-background: smart-scale($table-background, $table-color-scale);\n//$table-head-font-color: $body-font-color;\n//$show-header-for-stacked: false;\n\n// 31. Tabs\n// --------\n\n// $tab-margin: 0;\n// $tab-background: $white;\n// $tab-background-active: $blue;\n// $tab-border: transparent;\n// $tab-item-color: foreground($tab-background, $primary-color);\n// $tab-item-background-hover: $white;\n// $tab-item-padding: 1.25rem 1.5rem;\n// $tab-expand-max: 6;\n// $tab-content-background: $white;\n// $tab-content-border: $light-gray;\n// $tab-content-color: foreground($tab-background, $primary-color);\n// $tab-content-padding: 0;\n\n// 32. Thumbnail\n// -------------\n\n//$thumbnail-border: solid 4px $white;\n//$thumbnail-margin-bottom: $global-margin;\n//$thumbnail-shadow: 0 0 0 1px rgba($black, 0.2);\n//$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);\n//$thumbnail-transition: box-shadow 200ms ease-out;\n//$thumbnail-radius: $global-radius;\n\n// 33. Tooltip\n// -----------\n\n//$tooltip-background-color: $black;\n//$tooltip-color: $white;\n//$tooltip-padding: 0.75rem;\n//$tooltip-font-size: $small-font-size;\n//$tooltip-pip-width: 0.75rem;\n//$tooltip-pip-height: $tooltip-pip-width * 0.866;\n//$tooltip-pip-offset: 1.25rem;\n//$tooltip-radius: $global-radius;\n\n// 34. Top Bar\n// -----------\n\n//$topbar-padding: 0.5rem;\n//$topbar-background: #eee;\n//$topbar-link-color: #fff;\n//$topbar-input-width: 200px;\n","@mixin clearfix {\n  &::before,\n  &::after {\n    content: ' ';\n    display: table;\n    flex-basis: 0;\n    order: 1;\n  }\n\n  &::after {\n    clear: both;\n  }\n}\n\n@import 'fonts';\n\n\n@mixin border-hoverable($initial:0.3, $size:3px) {\n\tborder: $size solid rgba(white, $initial);\n\tborder-radius: $size;\n    transition: all 200ms;\n    cursor:pointer;\n\t&:hover,\n\t&:focus {\n\t\ttransition: all 100ms $easeOutCirc;\n\t\tborder-color: white;\n\t}\n}\n\n@mixin absolute-fill() {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n}\n@mixin absolute-fill-horizontal() {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\twidth: 100%;\n}\n@mixin absolute-fill-vertical() {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\theight: 100%;\n}\n@mixin transparent-blend($color) {\n\tdisplay:block;\n\tposition:relative;\n\twidth:100%;\n\theight:160px;\n\ttop:-160px;\n\tbackground-image: linear-gradient(to bottom, rgba($color,0) 0%,rgba($color, 1) 100%);\n}\n\n@mixin box-shadow-inset() {\n\tbox-shadow: inset 0 20px 20px -15px rgba(0, 0, 0, 0.4), inset 0 -20px 20px -15px rgba(0, 0, 0, 0.4);\n}\n\n@mixin max-width-container() {\n\twidth: 100%;\n\tmax-width: 1250px;\n\tpadding-left:15px;\n\tpadding-right:15px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\t@media #{$md-min}{\n\t\tpadding-left:30px;\n\t\tpadding-right:30px;\n\t}\n}\n\n@mixin text-outline($color: rgba($black, 0.1)) {\n\ttext-shadow:\n\t1px 1px 0 $color,\n\t-1px -1px 0 $color,\n\t1px -1px 0 $color,\n\t-1px 1px 0 $color,\n\t1px 1px 0 $color;\n}\n@mixin calloutBox($bg-color:rgba(0,0,0,0.5),$padding:12px) {\n\tpadding: $padding;\n\tborder-radius: 4px;\n\tbackground-color: $bg-color;\n}\n@mixin fitted-container($height:100%) {\n\tdisplay:block;\n\tpadding-top: $height;\n\tposition: relative;\n\toverflow: hidden;\n\tpadding-top: 100%;\n\t&-fill {\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\twidth:100%;\n\t\theight:100%;\n\t\tbackground-size:inherit;\n\t\tbackground-clip:inherit;\n\t\tbackground-position:inherit;\n\t}\n\t&.m-image {\n\t\t@include full-scale-image();\n\t}\n\t&.m-2-1 {\n\t\tpadding-top:50%;\n\t}\n\t&.m-4-3 {\n\t\tpadding-top:75%;\n\t}\n\t&.m-16-9 {\n\t\tpadding-top:56.25%;\n\t}\n\t&.m-10-9 {\n\t\tpadding-top:90%;\n\t}\n\t&.m-20-9 {\n\t\tpadding-top:45%;\n\t}\n\t@each $breakpoint, $query in $layout-breakpoints {\n\t\t@media #{$query} {\n\t\t\t&.m-2-1\\@#{$breakpoint} {\n\t\t\t\tpadding-top:50%;\n\t\t\t}\n\t\t\t&.m-4-3\\@#{$breakpoint} {\n\t\t\t\tpadding-top:75%;\n\t\t\t}\n\t\t\t&.m-16-9\\@#{$breakpoint} {\n\t\t\t\tpadding-top:56.25%;\n\t\t\t}\n\t\t\t&.m-10-9\\@#{$breakpoint} {\n\t\t\t\tpadding-top:90%;\n\t\t\t}\n\t\t\t&.m-20-9\\@#{$breakpoint} {\n\t\t\t\tpadding-top:45%;\n\t\t\t}\n\t\t}\n\t}\n}\n@mixin nowrap() {\n\twhite-space:nowrap;\n\toverflow:hidden;\n}\n@mixin nowrap-dots() {\n\twhite-space:nowrap;\n\toverflow:hidden;\n\ttext-overflow:ellipsis;\n}\n@mixin full-scale-image() {\n\tbackground-size:cover;\n\tbackground-clip:padding-box; //background doesn't go under borders\n\tbackground-position:center;\n}\n\n/// Vertically centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin vertical-center() {\n  position: relative;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/// Horizontally centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin horizontal-center() {\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n@mixin center() {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform:  translateX(-50%) translateY(-50%);\n}\n\n@mixin background-image-pseudo-element($image: \"\", $psuedo-element:before) {\n\t&:#{$psuedo-element} {\n\t\tcontent:\"\";\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tbackground-image:url('#{$image}');\n\t\tz-index: -1;\n\t}\n}\n\n@mixin border-section-divider($size:5px, $color:white, $opacity:0.5, $position:bottom) {\n\tborder-#{$position}:$size solid rgba($color, $opacity);\n}\n\n@mixin fontShadow() {\n    text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5);\n}\n\n@mixin fontHeaderShadow() {\n    text-shadow: 1px 1px 3px $blue-filter-link-opacity;\n}\n\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Collapse the gutters on a column by removing the padding. **Note:** only use this mixin within a breakpoint. To collapse a column's gutters on all screen sizes, use the `$gutter` parameter of the `grid-column()` mixin instead.\n@mixin grid-column-collapse {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n/// Un-collapse the gutters on a column by re-adding the padding.\n///\n/// @param {Number} $gutter [$grid-column-gutter] - Spacing between columns.\n@mixin grid-column-uncollapse($gutter: $grid-column-gutter) {\n  $gutter: rem-calc($gutter) / 2;\n  padding-left: $gutter;\n  padding-right: $gutter;\n}\n\n/// Shorthand for `grid-column-collapse()`.\n/// @alias grid-column-collapse\n@mixin grid-col-collapse {\n  @include grid-column-collapse;\n}\n\n/// Shorthand for `grid-column-uncollapse()`.\n/// @alias grid-column-uncollapse\n@mixin grid-col-uncollapse($gutter: $grid-column-gutter) {\n  @include grid-column-uncollapse($gutter);\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n$global-font-size: 100% !default;\n\n// scss-lint:disable ZeroUnit\n\n/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.\n///\n/// @param {Number} $num - Number to strip unit from.\n///\n/// @returns {Number} The same number, sans unit.\n@function strip-unit($num) {\n  @return $num / ($num * 0 + 1);\n}\n\n/// Converts one or more pixel values into matching rem values.\n///\n/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.\n/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.\n///\n/// @returns {List} A list of converted values.\n@function rem-calc($values, $base: null) {\n  $rem-values: ();\n  $count: length($values);\n\n  // If no base is defined, defer to the global font size\n  @if $base == null {\n    $base: $global-font-size;\n  }\n\n  // If the base font size is a %, then multiply it by 16px\n  // This is because 100% font size = 16px in most all browsers\n  @if unit($base) == '%' {\n    $base: ($base / 100%) * 16px;\n  }\n\n  @if $count == 1 {\n    @return -zf-to-rem($values, $base);\n  }\n\n  @for $i from 1 through $count {\n    $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));\n  }\n\n  @return $rem-values;\n}\n\n// Converts a unitless, pixel, or rem value to em, for use in breakpoints.\n@function -zf-bp-to-em($value) {\n  // Pixel and unitless values are converted to rems\n  @if unit($value) == 'px' or unitless($value) {\n    $value: rem-calc($value, $base: 16px);\n  }\n\n  // Then the value is converted to ems\n  @return strip-unit($value) * 1em;\n}\n\n/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.\n/// @access private\n///\n/// @param {Number} $value - Pixel value to convert.\n/// @param {Number} $base [null] - Base for pixel conversion.\n///\n/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.\n@function -zf-to-rem($value, $base: null) {\n  // Check if the value is a number\n  @if type-of($value) != 'number' {\n    @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';\n    @return $value;\n  }\n\n  // Calculate rem if units for $value is not rem\n  @if unit($value) != 'rem' {\n    $value: strip-unit($value) / strip-unit($base) * 1rem;\n  }\n\n  // Turn 0rem into 0\n  @if $value == 0rem {\n    $value: 0;\n  }\n\n  @return $value;\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Set the width of a grid column.\n///\n/// @param {Number|List} $width [$grid-column-count] - Width to make the column. You can pass in any value accepted by the `grid-column()` function, such as `6`, `50%`, or `1 of 2`.\n@mixin grid-column-size(\n  $columns: $grid-column-count\n) {\n  width: grid-column($columns);\n}\n\n/// Shorthand for `grid-column-size()`.\n/// @alias grid-column-size\n@mixin grid-col-size(\n  $columns: $grid-column-count\n) {\n  @include grid-column-size($columns);\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Calculates the width of a column based on a number of factors.\n///\n/// @param {Number|List} $columns\n///   Width of the column. Accepts multiple values:\n///   - A percentage value will make the column that exact size.\n///   - A single digit will make the column span that number of columns wide, taking into account the column count of the parent row.\n///   - A string of the format \"x of y\" will make a column that is *x* columns wide, assuming *y* total columns for the parent.\n///\n/// @returns {Number} A calculated percentage value.\n@function grid-column($columns) {\n  $width: 0%;\n\n  // Parsing percents, decimals, and column counts\n  @if type-of($columns) == 'number' {\n    @if unit($columns) == '%' {\n      $width: $columns;\n    }\n    @else if $columns < 1 {\n      $width: percentage($columns);\n    }\n    @else {\n      $width: percentage($columns / $grid-column-count);\n    }\n  }\n\n  // Parsing \"n of n\" expressions\n  @else if type-of($columns) == 'list' {\n    @if length($columns) != 3 {\n      @error 'Wrong syntax for grid-column(). Use the format \"n of n\".';\n    }\n    @else {\n      $width: percentage(nth($columns, 1) / nth($columns, 3));\n    }\n  }\n\n  // Anything else is incorrect\n  @else {\n    @error 'Wrong syntax for grid-column(). Use a number, decimal, percentage, or \"n of n\".';\n  }\n\n  @return $width;\n}\n\n/// Creates a grid column.\n///\n/// @param {Mixed} $columns [$grid-column-count] - Width of the column. Refer to the `grid-column()` function to see possible values.\n/// @param {Number} $gutter [$grid-column-gutter] - Spacing between columns.\n@mixin grid-column(\n  $columns: $grid-column-count,\n  $gutter: $grid-column-gutter\n) {\n  @include grid-column-size($columns);\n  float: $global-left;\n\n  // Gutters\n  @if type-of($gutter) == 'map' {\n    @each $breakpoint, $value in $gutter {\n      $padding: rem-calc($value) / 2;\n\n      @include breakpoint($breakpoint) {\n        padding-left: $padding;\n        padding-right: $padding;\n      }\n    }\n  }\n  @else if type-of($gutter) == 'number' and strip-unit($gutter) > 0 {\n    $padding: rem-calc($gutter) / 2;\n    padding-left: $padding;\n    padding-right: $padding;\n  }\n\n  // Last column alignment\n  @if $grid-column-align-edge {\n    &:last-child:not(:first-child) {\n      float: $global-right;\n    }\n  }\n}\n\n/// Creates a grid column row. This is the equivalent of adding `.row` and `.column` to the same element.\n///\n/// @param {Number} $gutter [$grid-column-gutter] - Width of the gutters on either side of the column row.\n@mixin grid-column-row(\n  $gutter: $grid-column-gutter\n) {\n  @include grid-row;\n  @include grid-column($gutter: $gutter);\n\n  &,\n  &:last-child {\n    float: none;\n  }\n}\n\n/// Shorthand for `grid-column()`.\n/// @alias grid-column\n@function grid-col(\n  $columns: $grid-column-count\n) {\n  @return grid-column($columns);\n}\n\n/// Shorthand for `grid-column()`.\n/// @alias grid-column\n@mixin grid-col(\n  $columns: $grid-column-count,\n  $gutter: $grid-column-gutter\n) {\n  @include grid-column($columns, $gutter);\n}\n\n/// Shorthand for `grid-column-row()`.\n/// @alias grid-column-row\n@mixin grid-col-row(\n  $gutter: $grid-column-gutter\n) {\n  @include grid-column-row($gutter);\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n// scss-lint:disable ColorVariable, QualifyingElement, VendorPrefix\n\n////\n/// @group global\n////\n\n/// Font size attribute applied to `<html>` and `<body>`. We use 100% by default so the value is inherited from the user's browser settings.\n/// @type Number\n$global-font-size: 100% !default;\n\n/// Global width of your site. Used by the grid to determine row width.\n/// @type Number\n$global-width: rem-calc(1200) !default;\n\n/// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px\n/// @type Number\n$global-lineheight: 1.5 !default;\n\n/// Colors used for buttons, callouts, links, etc. There must always be a color called `primary`.\n/// @type Map\n$foundation-palette: (\n  primary: #2199e8,\n  secondary: #777,\n  success: #3adb76,\n  warning: #ffae00,\n  alert: #ec5840,\n) !default;\n\n/// Color used for light gray UI items.\n/// @type Color\n$light-gray: #e6e6e6 !default;\n\n/// Color used for medium gray UI items.\n/// @type Color\n$medium-gray: #cacaca !default;\n\n/// Color used for dark gray UI items.\n/// @type Color\n$dark-gray: #8a8a8a !default;\n\n/// Color used for black ui items.\n/// @type Color\n$black: #0a0a0a !default;\n\n/// Color used for white ui items.\n/// @type Color\n$white: #fefefe !default;\n\n/// Background color of the body.\n/// @type Color\n$body-background: $white !default;\n\n/// Text color of the body.\n/// @type Color\n$body-font-color: $black !default;\n\n/// Font stack of the body.\n/// @type List\n$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif !default;\n\n/// Set to `true` to enable antialiased type, using the `-webkit-font-smoothing` and `-moz-osx-font-smoothing` CSS properties.\n/// @type Boolean\n$body-antialiased: true !default;\n\n/// Global value used for margin on components.\n/// @type Number\n$global-margin: 1rem !default;\n\n/// Global value used for padding on components.\n/// @type Number\n$global-padding: 1rem !default;\n\n/// Global font weight used for normal type.\n/// @type Keyword | Number\n$global-weight-normal: normal !default;\n\n/// Global font weight used for bold type.\n/// @type Keyword | Number\n$global-weight-bold: bold !default;\n\n/// Global value used for all elements that have a border radius.\n/// @type Number\n$global-radius: 0 !default;\n\n/// Sets the text direction of the CSS. Can be either `ltr` or `rtl`.\n/// @type Keyword\n$global-text-direction: ltr !default;\n\n/// Enables flexbox for components that support it.\n/// @type Boolean\n$global-flexbox: false !default;\n\n@if not map-has-key($foundation-palette, primary) {\n  @error 'In $foundation-palette, you must have a color named \"primary\".';\n}\n\n// Internal variables used for text direction\n$global-left: if($global-text-direction == rtl, right, left);\n$global-right: if($global-text-direction == rtl, left, right);\n\n// Internal variables used for colors\n$primary-color: map-get($foundation-palette, primary);\n$secondary-color: map-get($foundation-palette, secondary);\n$success-color: map-get($foundation-palette, success);\n$warning-color: map-get($foundation-palette, warning);\n$alert-color: map-get($foundation-palette, alert);\n\n// Remove this in 6.3\n$-zf-menu-icon-imported: false;\n$-zf-flex-classes-imported: false;\n\n@mixin foundation-global-styles {\n  @include -zf-normalize;\n\n  // These styles are applied to a <meta> tag, which is read by the Foundation JavaScript\n  .foundation-mq {\n    font-family: '#{-zf-bp-serialize($breakpoints)}';\n  }\n\n  html {\n    font-size: $global-font-size;\n    box-sizing: border-box;\n  }\n\n  // Set box-sizing globally to handle padding and border widths\n  *,\n  *:before,\n  *:after {\n    box-sizing: inherit;\n  }\n\n  // Default body styles\n  body {\n    padding: 0;\n    margin: 0;\n    font-family: $body-font-family;\n    font-weight: $global-weight-normal;\n    line-height: $global-lineheight;\n    color: $body-font-color;\n    background: $body-background;\n\n    @if ($body-antialiased) {\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n  }\n\n  img {\n    // Grid defaults to get images and embeds to work properly\n    max-width: 100%;\n    height: auto;\n    -ms-interpolation-mode: bicubic;\n\n    // Get rid of gap under images by making them display: inline-block; by default\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  // Make sure textarea takes on height automatically\n  textarea {\n    height: auto;\n    min-height: 50px;\n    border-radius: $global-radius;\n  }\n\n  // Make select elements are 100% width by default\n  select {\n    width: 100%;\n    border-radius: $global-radius;\n  }\n\n  // Styles Google Maps and MapQuest embeds properly\n  // scss-lint:disable IdSelector\n  #map_canvas,\n  .map_canvas,\n  .mqa-display {\n    img,\n    embed,\n    object {\n      max-width: none !important;\n    }\n  }\n\n  // Reset <button> styles created by most browsers\n  button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    background: transparent;\n    padding: 0;\n    border: 0;\n    border-radius: $global-radius;\n    line-height: 1;\n  }\n\n  // Internal classes to show/hide elements in JavaScript\n  .is-visible {\n    display: block !important;\n  }\n\n  .is-hidden {\n    display: none !important;\n  }\n}\n\n/// Loads normalize.css.\n/// @access private\n@mixin -zf-normalize {\n  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */\n\n  /**\n   * 1. Set default font family to sans-serif.\n   * 2. Prevent iOS and IE text size adjust after device orientation change,\n   *    without disabling user zoom.\n   */\n\n  html {\n    font-family: sans-serif; /* 1 */\n    -ms-text-size-adjust: 100%; /* 2 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n  }\n\n  /**\n   * Remove default margin.\n   */\n\n  body {\n    margin: 0;\n  }\n\n  /* HTML5 display definitions\n     ========================================================================== */\n\n  /**\n   * Correct `block` display not defined for any HTML5 element in IE 8/9.\n   * Correct `block` display not defined for `details` or `summary` in IE 10/11\n   * and Firefox.\n   * Correct `block` display not defined for `main` in IE 11.\n   */\n\n  article,\n  aside,\n  details,\n  figcaption,\n  figure,\n  footer,\n  header,\n  hgroup,\n  main,\n  menu,\n  nav,\n  section,\n  summary {\n    display: block;\n  }\n\n  /**\n   * 1. Correct `inline-block` display not defined in IE 8/9.\n   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n   */\n\n  audio,\n  canvas,\n  progress,\n  video {\n    display: inline-block; /* 1 */\n    vertical-align: baseline; /* 2 */\n  }\n\n  /**\n   * Prevent modern browsers from displaying `audio` without controls.\n   * Remove excess height in iOS 5 devices.\n   */\n\n  audio:not([controls]) {\n    display: none;\n    height: 0;\n  }\n\n  /**\n   * Address `[hidden]` styling not present in IE 8/9/10.\n   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n   */\n\n  [hidden],\n  template {\n    display: none;\n  }\n\n  /* Links\n     ========================================================================== */\n\n  /**\n   * Remove the gray background color from active links in IE 10.\n   */\n\n  a {\n    background-color: transparent;\n  }\n\n  /**\n   * Improve readability of focused elements when they are also in an\n   * active/hover state.\n   */\n\n  a:active,\n  a:hover {\n    outline: 0;\n  }\n\n  /* Text-level semantics\n     ========================================================================== */\n\n  /**\n   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n   */\n\n  abbr[title] {\n    border-bottom: 1px dotted;\n  }\n\n  /**\n   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n   */\n\n  b,\n  strong {\n    font-weight: bold;\n  }\n\n  /**\n   * Address styling not present in Safari and Chrome.\n   */\n\n  dfn {\n    font-style: italic;\n  }\n\n  /**\n   * Address variable `h1` font-size and margin within `section` and `article`\n   * contexts in Firefox 4+, Safari, and Chrome.\n   */\n\n  h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n\n  /**\n   * Address styling not present in IE 8/9.\n   */\n\n  mark {\n    background: #ff0;\n    color: #000;\n  }\n\n  /**\n   * Address inconsistent and variable font size in all browsers.\n   */\n\n  small {\n    font-size: 80%;\n  }\n\n  /**\n   * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n   */\n\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n\n  sup {\n    top: -0.5em;\n  }\n\n  sub {\n    bottom: -0.25em;\n  }\n\n  /* Embedded content\n     ========================================================================== */\n\n  /**\n   * Remove border when inside `a` element in IE 8/9/10.\n   */\n\n  img {\n    border: 0;\n  }\n\n  /**\n   * Correct overflow not hidden in IE 9/10/11.\n   */\n\n  svg:not(:root) {\n    overflow: hidden;\n  }\n\n  /* Grouping content\n     ========================================================================== */\n\n  /**\n   * Address margin not present in IE 8/9 and Safari.\n   */\n\n  figure {\n    margin: 1em 40px;\n  }\n\n  /**\n   * Address differences between Firefox and other browsers.\n   */\n\n  hr {\n    box-sizing: content-box;\n    height: 0;\n  }\n\n  /**\n   * Contain overflow in all browsers.\n   */\n\n  pre {\n    overflow: auto;\n  }\n\n  /**\n   * Address odd `em`-unit font size rendering in all browsers.\n   */\n\n  code,\n  kbd,\n  pre,\n  samp {\n    font-family: monospace, monospace;\n    font-size: 1em;\n  }\n\n  /* Forms\n     ========================================================================== */\n\n  /**\n   * Known limitation: by default, Chrome and Safari on OS X allow very limited\n   * styling of `select`, unless a `border` property is set.\n   */\n\n  /**\n   * 1. Correct color not being inherited.\n   *    Known issue: affects color of disabled elements.\n   * 2. Correct font properties not being inherited.\n   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n   */\n\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    color: inherit; /* 1 */\n    font: inherit; /* 2 */\n    margin: 0; /* 3 */\n  }\n\n  /**\n   * Address `overflow` set to `hidden` in IE 8/9/10/11.\n   */\n\n  button {\n    overflow: visible;\n  }\n\n  /**\n   * Address inconsistent `text-transform` inheritance for `button` and `select`.\n   * All other form control elements do not inherit `text-transform` values.\n   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n   * Correct `select` style inheritance in Firefox.\n   */\n\n  button,\n  select {\n    text-transform: none;\n  }\n\n  /**\n   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n   *    and `video` controls.\n   * 2. Correct inability to style clickable `input` types in iOS.\n   * 3. Improve usability and consistency of cursor style between image-type\n   *    `input` and others.\n   */\n\n  button,\n  html input[type=\"button\"], /* 1 */\n  input[type=\"reset\"],\n  input[type=\"submit\"] {\n    -webkit-appearance: button; /* 2 */\n    cursor: pointer; /* 3 */\n  }\n\n  /**\n   * Re-set default cursor for disabled elements.\n   */\n\n  button[disabled],\n  html input[disabled] {\n    cursor: default;\n  }\n\n  /**\n   * Remove inner padding and border in Firefox 4+.\n   */\n\n  button::-moz-focus-inner,\n  input::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n  }\n\n  /**\n   * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n   * the UA stylesheet.\n   */\n\n  input {\n    line-height: normal;\n  }\n\n  /**\n   * It's recommended that you don't attempt to style these elements.\n   * Firefox's implementation doesn't respect box-sizing, padding, or width.\n   *\n   * 1. Address box sizing set to `content-box` in IE 8/9/10.\n   * 2. Remove excess padding in IE 8/9/10.\n   */\n\n  input[type=\"checkbox\"],\n  input[type=\"radio\"] {\n    box-sizing: border-box; /* 1 */\n    padding: 0; /* 2 */\n  }\n\n  /**\n   * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n   * `font-size` values of the `input`, it causes the cursor style of the\n   * decrement button to change from `default` to `text`.\n   */\n\n  input[type=\"number\"]::-webkit-inner-spin-button,\n  input[type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  /**\n   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n   */\n\n  input[type=\"search\"] {\n    -webkit-appearance: textfield; /* 1 */\n    box-sizing: content-box; /* 2 */\n  }\n\n  /**\n   * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n   * Safari (but not Chrome) clips the cancel button when the search input has\n   * padding (and `textfield` appearance).\n   */\n\n  input[type=\"search\"]::-webkit-search-cancel-button,\n  input[type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  /**\n   * Define consistent border, margin, and padding.\n   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.\n   */\n\n  /* fieldset {\n    border: 1px solid #c0c0c0;\n    margin: 0 2px;\n    padding: 0.35em 0.625em 0.75em;\n  } */\n\n  /**\n   * 1. Correct `color` not being inherited in IE 8/9/10/11.\n   * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n   */\n\n  legend {\n    border: 0; /* 1 */\n    padding: 0; /* 2 */\n  }\n\n  /**\n   * Remove default vertical scrollbar in IE 8/9/10/11.\n   */\n\n  textarea {\n    overflow: auto;\n  }\n\n  /**\n   * Don't inherit the `font-weight` (applied by a rule above).\n   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n   */\n\n  optgroup {\n    font-weight: bold;\n  }\n\n  /* Tables\n     ========================================================================== */\n\n  /**\n   * Remove most spacing between table cells.\n   */\n\n  table {\n    border-collapse: collapse;\n    border-spacing: 0;\n  }\n\n  td,\n  th {\n    padding: 0;\n  }\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Reposition a column.\n///\n/// @param {Number} $position - Direction and amount to move. The column will move equal to the width of the column count specified. A positive number will push the column to the right, while a negative number will pull it to the left.\n@mixin grid-column-position($position) {\n  @if type-of($position) == 'number' {\n    $offset: percentage($position / $grid-column-count);\n\n    position: relative;\n    #{$global-left}: $offset;\n  }\n  @else if $position == center {\n    float: none;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  @else {\n    @warn 'Wrong syntax for grid-column-position(). Enter a positive or negative number, or center.';\n  }\n}\n\n/// Reset a position definition.\n@mixin grid-column-unposition {\n  position: static;\n  margin-left: 0;\n  margin-right: 0;\n  float: left;\n}\n\n/// Offsets a column to the right by `$n` columns.\n/// @param {Number|List} $n - Width to offset by. You can pass in any value accepted by the `grid-column()` mixin, such as `6`, `50%`, or `1 of 2`.\n@mixin grid-column-offset($n) {\n  margin-#{$global-left}: grid-column($n);\n}\n\n/// Disable the default behavior of the last column in a row aligning to the opposite edge.\n@mixin grid-column-end {\n  // This extra specificity is required for the property to be applied\n  &:last-child:last-child {\n    float: $global-left;\n  }\n}\n\n/// Shorthand for `grid-column-position()`.\n/// @alias grid-column-position\n@mixin grid-col-pos($position) {\n  @include grid-column-position($position);\n}\n\n/// Shorthand for `grid-column-unposition()`.\n/// @alias grid-column-unposition\n@mixin grid-col-unpos {\n  @include grid-column-unposition;\n}\n\n/// Shorthand for `grid-column-offset()`.\n/// @alias grid-column-offset\n@mixin grid-col-off($n) {\n  @include grid-column-offset($n);\n}\n\n/// Shorthand for `grid-column-end()`.\n/// @alias grid-column-end\n@mixin grid-col-end {\n  @include grid-column-end;\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group grid\n////\n\n/// Sizes child elements so that `$n` number of items appear on each row.\n///\n/// @param {Number} $n - Number of elements to display per row.\n/// @param {String} $selector ['.column'] - Selector(s) to use for child elements.\n@mixin grid-layout(\n  $n,\n  $selector: '.column'\n) {\n  & > #{$selector} {\n    width: percentage(1/$n);\n    float: $global-left;\n\n    &:nth-of-type(1n) {\n      clear: none;\n    }\n\n    &:nth-of-type(#{$n}n+1) {\n      clear: both;\n    }\n\n    &:last-child {\n      float: left;\n    }\n  }\n}\n\n/// Adds extra CSS to block grid children so the last items in the row center automatically. Apply this to the columns, not the row.\n///\n/// @param {Number} $n - Number of items that appear in each row.\n@mixin grid-layout-center-last($n) {\n  @for $i from 1 to $n {\n    @if $i == 1 {\n      &:nth-child(#{$n}n+1):last-child {\n        margin-left: (100 - 100/$n * $i) / 2 * 1%;\n      }\n    }\n    @else {\n      &:nth-child(#{$n}n+1):nth-last-child(#{$i}) {\n        margin-left: (100 - 100/$n * $i) / 2 * 1%;\n      }\n    }\n  }\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group breakpoints\n////\n\n// scss-lint:disable ZeroUnit\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n  small: 0,\n  medium: 640px,\n  large: 1024px,\n  xlarge: 1200px,\n  xxlarge: 1440px,\n) !default;\n\n@if not map-has-key($breakpoints, small) or not map-has-key($breakpoints, medium) {\n  @error 'Your list of breakpoints (defined in $breakpoints) must include one named \"small\" and one named \"medium\".';\n}\n@else if map-get($breakpoints, small) != 0 {\n  @error 'Your \"small\" breakpoint (defined in $breakpoints) must be set to \"0\".';\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: small) {\n  // Size or keyword\n  $bp: nth($val, 1);\n  // Value for max-width media queries\n  $bp-max: 0;\n  // Direction of media query (up, down, or only)\n  $dir: if(length($val) > 1, nth($val, 2), up);\n  // Eventual output\n  $str: '';\n  // Is it a named media query?\n  $named: false;\n\n  // Orientation media queries have a unique syntax\n  @if $bp == 'landscape' or $bp == 'portrait' {\n    @return '(orientation: #{$bp})';\n  }\n  @else if $bp == 'retina' {\n    @return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';\n  }\n\n  // Try to pull a named breakpoint out of the $breakpoints map\n  @if type-of($bp) == 'string' {\n    @if map-has-key($breakpoints, $bp) {\n      @if $dir == 'only' or $dir == 'down' {\n        $bp-max: -zf-map-next($breakpoints, $bp);\n      }\n\n      $bp: map-get($breakpoints, $bp);\n      $named: true;\n    }\n    @else {\n      $bp: 0;\n    }\n  }\n\n  // Convert any pixel, rem, or unitless value to em\n  $bp: -zf-bp-to-em($bp);\n  @if $bp-max {\n    $bp-max: -zf-bp-to-em($bp-max) - (1/16);\n  }\n\n  // Conditions to skip media query creation\n  // - It's a named breakpoint that resolved to \"0 down\" or \"0 up\"\n  // - It's a numeric breakpoint that resolved to \"0 \" + anything\n  @if $bp > 0em or $dir == 'only' or $dir == 'down' {\n    // `only` ranges use the format `(min-width: n) and (max-width: n)`\n    @if $dir == 'only' {\n      // Only named media queries can have an \"only\" range\n      @if $named == true {\n        // Only use \"min-width\" if the floor is greater than 0\n        @if $bp > 0em {\n          $str: $str + '(min-width: #{$bp})';\n\n          // Only add \"and\" to the media query if there's a ceiling\n          @if $bp-max != null {\n            $str: $str + ' and ';\n          }\n        }\n\n        // Only use \"max-width\" if there's a ceiling\n        @if $bp-max != null {\n          $str: $str + '(max-width: #{$bp-max})';\n        }\n      }\n      @else {\n        @warn 'breakpoint(): Only named media queries can have an `only` range.';\n      }\n    }\n\n    // `down` ranges use the format `(max-width: n)`\n    @else if $dir == 'down' {\n      $max: if($named, $bp-max, $bp);\n\n      // Skip media query creation if input value is exactly \"0 down\",\n      // unless the function was called as \"small down\", in which case it's just \"small only\"\n      @if $named or $bp > 0em {\n        @if $max != null {\n          $str: $str + '(max-width: #{$max})';\n        }\n      }\n    }\n\n    // `up` ranges use the format `(min-width: n)`\n    @else if $bp > 0em {\n      $str: $str + '(min-width: #{$bp})';\n    }\n  }\n\n  @return $str;\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n///  - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there.\n///  - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n///  - If a rem value is passed, the unit will be changed to em.\n///  - If an em value is passed, the value will be used as-is.\n///\n/// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($value) {\n  $str: breakpoint($value);\n\n  // If $str is still an empty string, no media query is needed\n  @if $str == '' {\n    @content;\n  }\n\n  // Otherwise, wrap the content in a media query\n  @else {\n    @media screen and #{$str} {\n      @content;\n    }\n  }\n}\n\n/// Convers the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `<meta>` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n  $str: '';\n  @each $key, $value in $map {\n    $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n  }\n  $str: str-slice($str, 1, -2);\n\n  @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n  // Store the values of the map as a list, so we can access them with nth\n  $values: map-values($map);\n\n  // Ghetto for loop\n  $i: 1;\n  $found: false;\n  @each $val in map-keys($map) {\n    @if $found == false {\n      @if ($key == $val) {\n        $found: true;\n      }\n      $i: $i + 1;\n    }\n  }\n\n  // If the key doesn't exist, or it's the last key in the map, return null\n  @if $i > length($map) {\n    @return null;\n  }\n  // Otherwise, return the value\n  @else {\n    @return nth($values, $i);\n  }\n}\n\n/// Get a value for a breakpoint from a responsive config map. If the config map has the key `$value`, the exact breakpoint value is returned. If the config map does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Map} $map - Input config map.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n  // Check if the breakpoint name exists globally\n  @if not map-has-key($breakpoints, $value) {\n    @return null;\n  }\n  // Check if the breakpoint name exists in the local config map\n  @else if map-has-key($map, $value) {\n    // If it does, just return the value\n    @return map-get($map, $value);\n  }\n  // Otherwise, find the next lowest breakpoint and return that value\n  @else {\n    $anchor: null;\n    $found: false;\n\n    @each $key, $val in $breakpoints {\n      @if not $found {\n        @if map-has-key($map, $key) {\n          $anchor: $key;\n        }\n        @if $key == $value {\n          $found: true;\n        }\n      }\n    }\n\n    @return map-get($map, $anchor);\n  }\n}\n\n// Legacy breakpoint variables\n// These will be removed in 6.3\n$small-up: null;\n$small-only: null;\n$medium-up: null;\n$medium-only: null;\n$large-up: null;\n$large-only: null;\n$xlarge-up: null;\n$xlarge-only: null;\n$xxlarge-up: null;\n$xxlarge-only: null;\n\n@if map-has-key($breakpoints, small) {\n  $small-up: screen;\n  $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n@if map-has-key($breakpoints, medium) {\n  $medium-up: unquote('screen and #{breakpoint(medium)}');\n  $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n@if map-has-key($breakpoints, large) {\n  $large-up: unquote('screen and #{breakpoint(large)}');\n  $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n@if map-has-key($breakpoints, xlarge) {\n  $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n  $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n@if map-has-key($breakpoints, xxlarge) {\n  $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n/// Hide an element by default, only displaying it above a certain screen size.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin show-for($size) {\n  $size: map-get($breakpoints, $size);\n  $size: -zf-bp-to-em($size) - (1/16);\n\n  @include breakpoint($size down) {\n    display: none !important;\n  }\n}\n\n/// Hide an element by default, only displaying it within a certain breakpoint.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin show-for-only($size) {\n  $lower-bound-size: map-get($breakpoints, $size);\n  $upper-bound-size: -zf-map-next($breakpoints, $size);\n\n  // more often than not this will be correct, just one time round the loop it won't so set in scope here\n  $lower-bound: -zf-bp-to-em($lower-bound-size) - (1/16);\n  // test actual lower-bound-size, if 0 set it to 0em\n  @if strip-unit($lower-bound-size) == 0 {\n    $lower-bound: -zf-bp-to-em($lower-bound-size);\n  }\n\n  @if $upper-bound-size == null {\n    @media screen and (max-width: $lower-bound) {\n      display: none !important;\n    }\n  }\n  @else {\n    $upper-bound: -zf-bp-to-em($upper-bound-size);\n    @media screen and (max-width: $lower-bound), screen and (min-width: $upper-bound) {\n      display: none !important;\n    }\n  }\n}\n\n\n/// Show an element by default, and hide it above a certain screen size.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin hide-for($size) {\n  @include breakpoint($size) {\n    display: none !important;\n  }\n}\n\n/// Show an element by default, and hide it above a certain screen size.\n/// @param {Keyword} $size - Breakpoint to use. **Must be a breakpoint defined in `$breakpoints`.**\n@mixin hide-for-only($size) {\n  @include breakpoint($size only) {\n    display: none !important;\n  }\n}\n\n@mixin foundation-visibility-classes {\n  // Basic hiding classes\n  .hide {\n    display: none !important;\n  }\n\n  .invisible {\n    visibility: hidden;\n  }\n\n  // Responsive visibility classes\n  @each $size in $breakpoint-classes {\n    @if $size != small {\n      .hide-for-#{$size} {\n        @include hide-for($size);\n      }\n\n      .show-for-#{$size} {\n        @include show-for($size);\n      }\n    }\n\n    .hide-for-#{$size}-only {\n      @include hide-for-only($size);\n    }\n\n    .show-for-#{$size}-only {\n      @include show-for-only($size);\n    }\n  }\n\n  // Screen reader visibility classes\n  // Need a \"hide-for-sr\" class? Add aria-hidden='true' to the element\n  .show-for-sr,\n  .show-on-focus {\n    @include element-invisible;\n  }\n\n  // Only display the element when it's focused\n  .show-on-focus {\n    &:active,\n    &:focus {\n      @include element-invisible-off;\n    }\n  }\n\n  // Landscape and portrait visibility\n  .show-for-landscape,\n  .hide-for-portrait {\n    display: block !important;\n\n    @include breakpoint(landscape) {\n      display: block !important;\n    }\n\n    @include breakpoint(portrait) {\n      display: none !important;\n    }\n  }\n\n  .hide-for-landscape,\n  .show-for-portrait {\n    display: none !important;\n\n    @include breakpoint(landscape) {\n      display: none !important;\n    }\n\n    @include breakpoint(portrait) {\n      display: block !important;\n    }\n  }\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n////\n/// @group functions\n////\n\n/// Creates a CSS triangle, which can be used for dropdown arrows, dropdown pips, and more. Use this mixin inside a `&::before` or `&::after` selector, to attach the triangle to an existing element.\n///\n/// @param {Number} $triangle-size - Width of the triangle.\n/// @param {Color} $triangle-color - Color of the triangle.\n/// @param {Keyword} $triangle-direction - Direction the triangle points. Can be `up`, `right`, `down`, or `left`.\n@mixin css-triangle(\n  $triangle-size,\n  $triangle-color,\n  $triangle-direction\n) {\n  content: '';\n  display: block;\n  width: 0;\n  height: 0;\n  border: inset $triangle-size;\n\n  @if ($triangle-direction == down) {\n    border-color: $triangle-color transparent transparent;\n    border-top-style: solid;\n    border-bottom-width: 0;\n  }\n  @if ($triangle-direction == up) {\n    border-color: transparent transparent $triangle-color;\n    border-bottom-style: solid;\n    border-top-width: 0;\n  }\n  @if ($triangle-direction == right) {\n    border-color: transparent transparent transparent $triangle-color;\n    border-left-style: solid;\n    border-right-width: 0;\n  }\n  @if ($triangle-direction == left) {\n    border-color: transparent $triangle-color transparent transparent;\n    border-right-style: solid;\n    border-left-width: 0;\n  }\n}\n\n/// Creates a menu icon with a set width, height, number of bars, and colors. The mixin uses the height of the icon and the weight of the bars to determine spacing. <div class=\"docs-example-burger\"></div>\n///\n/// @param {Color} $color [$black] - Color to use for the icon.\n/// @param {Color} $color-hover [$dark-gray] - Color to use when the icon is hovered over.\n/// @param {Number} $width [20px] - Width of the icon.\n/// @param {Number} $height [16px] - Height of the icon.\n/// @param {Number} $weight [2px] - Height of individual bars in the icon.\n/// @param {Number} $bars [3] - Number of bars in the icon.\n@mixin hamburger(\n  $color: $black,\n  $color-hover: $dark-gray,\n  $width: 20px,\n  $height: 16px,\n  $weight: 2px,\n  $bars: 3\n) {\n  // box-shadow CSS output\n  $shadow: ();\n  $hover-shadow: ();\n\n  // Spacing between bars is calculated based on the total height of the icon and the weight of each bar\n  $spacing: floor(($height - ($weight * $bars)) / ($bars - 1));\n\n  // Icon container\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  cursor: pointer;\n  width: $width;\n  height: $height;\n\n  // Icon bars\n  &::after {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: $weight;\n    background: $color;\n    top: 0;\n    left: 0;\n\n    @for $i from 2 through $bars {\n      $offset: ($weight + $spacing) * ($i - 1);\n      $shadow: append($shadow, 0 $offset 0 $color, comma);\n    }\n\n    box-shadow: $shadow;\n  }\n\n  // Hover state\n  @if $color-hover {\n    // Generate CSS\n    @for $i from 2 through $bars {\n      $offset: ($weight + $spacing) * ($i - 1);\n      $hover-shadow: append($hover-shadow, 0 $offset 0 $color-hover, comma);\n    }\n\n    &:hover::after {\n      background: $color-hover;\n      box-shadow: $hover-shadow;\n    }\n  }\n}\n\n/// Adds a downward-facing triangle as a background image to an element. The image is formatted as an SVG, making it easy to change the color. Because Internet Explorer doesn't support encoded SVGs as background images, a PNG fallback is also included.\n/// There are two PNG fallbacks: a black triangle and a white triangle. The one used depends on the lightness of the input color.\n///\n/// @param {Color} $color [$black] - Color to use for the triangle.\n@mixin background-triangle($color: $black) {\n  $rgb: 'rgb%28#{red($color)}, #{green($color)}, #{blue($color)}%29';\n\n  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" width=\"32\" height=\"24\" viewBox=\"0 0 32 24\"><polygon points=\"0,0 32,0 16,24\" style=\"fill: #{$rgb}\"></polygon></svg>');\n\n  @media screen and (min-width:0\\0) {\n    @if lightness($color) < 60% {\n      // White triangle\n      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');\n    }\n    @else {\n      // Black triangle\n      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg==');\n    }\n  }\n}\n\n/// Applies the micro clearfix hack popularized by Nicolas Gallagher. Include this mixin on a container if its children are all floated, to give the container a proper height.\n/// The clearfix is augmented with specific styles to prevent borders in flexbox environments\n/// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix Hack\n/// @link http://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/ Flexbox fix\n@mixin clearfix {\n  &::before,\n  &::after {\n    content: ' ';\n    display: table;\n    flex-basis: 0;\n    order: 1;\n  }\n\n  &::after {\n    clear: both;\n  }\n}\n\n/// Adds CSS for a \"quantity query\" selector that automatically sizes elements based on how many there are inside a container.\n/// @link http://alistapart.com/article/quantity-queries-for-css Quantity Queries for CSS\n///\n/// @param {Number} $max - Maximum number of items to detect. The higher this number is, the more CSS that's required to cover each number of items.\n/// @param {Keyword} $elem [li] - Tag to use for sibling selectors.\n@mixin auto-width($max, $elem: li) {\n  @for $i from 2 through $max {\n    &:nth-last-child(#{$i}):first-child,\n    &:nth-last-child(#{$i}):first-child ~ #{$elem} {\n      width: percentage(1 / $i);\n    }\n  }\n}\n\n/// Removes the focus ring around an element when a mouse input is detected.\n@mixin disable-mouse-outline {\n  [data-whatinput='mouse'] & {\n    outline: 0;\n  }\n}\n\n/// Makes an element visually hidden, but still accessible to keyboards and assistive devices.\n/// @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility Hiding Content for Accessibility\n@mixin element-invisible {\n  position: absolute !important;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n}\n\n/// Reverses the CSS output created by the `element-invisible()` mixin.\n@mixin element-invisible-off {\n  position: static !important;\n  height: auto;\n  width: auto;\n  overflow: visible;\n  clip: auto;\n}\n\n/// Vertically centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin vertical-center {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/// Horizontally centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin horizontal-center {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n/// Absolutely centers the element inside of its first non-static parent,\n/// @link http://www.sitepoint.com/centering-with-sass/ Centering With Sass\n@mixin absolute-center {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n/// Iterates through breakpoints defined in `$breakpoint-classes` and prints the CSS inside the mixin at each breakpoint's media query. Use this with the grid, or any other component that has responsive classes.\n///\n/// @param {Boolean} $small [true] - If `false`, the mixin will skip the `small` breakpoint. Use this with components that don't prefix classes with `small-`, only `medium-` and up.\n@mixin -zf-each-breakpoint($small: true) {\n  $map: $breakpoint-classes;\n\n  @if not $small {\n    $map: map-remove($map, small);\n  }\n\n  @each $size in $map {\n    $-zf-size: $size !global;\n\n    @include breakpoint($size) {\n      @content;\n    }\n  }\n}\n","/***************************************************\nFlag Module\nAn alternative to the media object that supports vertical alignment\nhttp://csswizardry.com/2013/05/the-flag-object/\n***************************************************/\n\n.flag {\n\tdisplay: table;\n\twidth: 100%;\n}\n\n.flag-body {\n\twidth: 100%;\n}\n\n.flag-body, .flag-figure {\n\tdisplay:table-cell;\n\tvertical-align: middle;\n}\n\n.flag-figure {\n\tpadding-right: $media-layout-gutter;\n}\n.flag-figure.m-reverse {\n\tpadding-right: 0;\n\tpadding-left: $media-layout-gutter;\n}\n.flag-figure > *:first-child {\n\tdisplay: block;\n\tmax-width: none;\n}","// media queries\n// print\n$print: 'print';\n\n// high density devices\n$hd:\n'only screen and (-webkit-min-device-pixel-ratio: 1.3)',\n'only screen and (min--moz-device-pixel-ratio: 1.3)',\n'only screen and (-o-min-device-pixel-ratio: 13/10)',\n'only screen and (min-device-pixel-ratio: 1.3)',\n'only screen and (min-resolution: 1.3dppx)',\n'only screen and (min-resolution: 120dpi)';\n\n// xxxl - xx-large desktops/ retina laptops\n$xxxl-min-value: 2560px;\n$xxxl-max-value: 9999px;\n$xxxl: 'only screen and (min-width: 2560px) and (max-width: 9999px)';\n$xxxl-min: 'only screen and (min-width: 2560px)';\n$xxxl-max: 'only screen and (max-width: 9999px)';\n\n// xxl - x-large desktops/ retina laptops\n$xxl-min-value: 1600px;\n$xxl-max-value: 1920px;\n$xxl: 'only screen and (min-width: 1600px) and (max-width: 1920px)';\n$xxl-min: 'only screen and (min-width: 1600px)';\n$xxl-max: 'only screen and (max-width: 1920px)';\n\n// xl - large desktops\n$xl-min-value: 1280px;\n$xl-max-value: 1599px;\n$xl: 'only screen and (min-width: 1280px) and (max-width: 1599px)';\n$xl-min: 'only screen and (min-width: 1280px)';\n$xl-max: 'only screen and (max-width: 1599px)';\n\n// lg - tablet landscape || small desktop\n$lg-min-value: 992px;\n$lg-max-value: 1279px;\n$lg: 'only screen and (min-width: 992px) and (max-width: 1279px)';\n$lg-min: 'only screen and (min-width: 992px)';\n$lg-max: 'only screen and (max-width: 1279px)';\n\n// md - tablet portrait\n$md-min-value: 768px;\n$md-max-value: 991px;\n$md: 'only screen and (min-width: 768px) and (max-width: 991px)';\n$md-min: 'only screen and (min-width: 768px)';\n$md-max: 'only screen and (max-width: 991px)';\n\n// sm - phones landscape\n$sm-min-value: 400px;\n$sm-max-value: 767px;\n$sm: 'only screen and (min-width: 400px) and (max-width: 767px)';\n$sm-min: 'only screen and (min-width: 400px)';\n$sm-max: 'only screen and (max-width: 767px)';\n\n// xs - phones portrait\n$xs-min-value: 0px;\n$xs-max-value: 399px;\n$xs: 'only screen and (min-width: 0px) and (max-width: 399px)';\n$xs-min: 'only screen and (min-width: 0px)';\n$xs-max: 'only screen and (max-width: 399px)';\n\n// orientation\n$portrait: '(orientation: portrait)';\n$landscape: '(orientation: landscape)';\n\n$layout-breakpoints:(\n    \"xs\": $xs,\n    \"sm\": $sm,\n    \"sm-min\" : $sm-min,\n    \"md\": $md,\n    \"md-min\": $md-min,\n    \"lg\": $lg,\n    \"lg-min\": $lg-min,\n    \"xl\": $xl,\n    \"xl-min\": $xl-min,\n    \"xxl\": $xxl,\n    \"xxl-min\": $xxl-min,\n    \"xxxl\": $xxxl,\n    \"xxxl-min\": $xxxl-min\n);\n$spacing-base:6;\n$media-layout-gutter:16px;\n","// Mixins\n@mixin flex-container() {\n\tdisplay: flex;\n\tflex-direction: row; \t\t\t/* row | row-reverse | column | column-reverse */\n\tflex-wrap: nowrap; \t\t\t\t/* nowrap | wrap | wrap-reverse */\n\tjustify-content: flex-start; \t/* flex-start | flex-end | center | space-between | space-around */\n\talign-items: flex-start; \t\t/* flex-start | flex-end | center | baseline | stretch */\n\talign-content: stretch; \t\t/* flex-start | flex-end | center | space-between | space-around | stretch */\n}\n@mixin flex-item() {\n\tflex-grow: 0; /* <integer> */\n\tflex-shrink: 1;  /* <integer> */\n\tflex-basis: auto; /* <length> | auto */\n\talign-self: auto; /* auto | flex-start | flex-end | center | baseline | stretch */\n\t/*order: <integer> */\n}\n\n// Classes\n.flex-container {\n\t@include flex-container();\n}\n[class*=flex-container].m-center-items {\n\talign-items: center;\n}\n[class*=flex-container].m-column {\n\tflex-direction: column;\n\talign-items: stretch;\n}\n[class*=flex-container].m-bottom-items {\n\talign-items: flex-end;\n}\n\n.flex-item {\n\t@include flex-item();\n}\n[class*=flex-item].m-grow, [class*=flex-item].m-stretch {\n\tflex-grow:1;\n}\n\n@each $breakpoint, $query in $layout-breakpoints {\n\t@media #{$query} {\n\t\t.flex-container\\@#{$breakpoint} {\n\t\t\t@include flex-container();\n\t\t}\n\t\t.flex-item\\@#{$breakpoint} {\n\t\t\t@include flex-item();\n\t\t}\n\t}\n}\n\n.u-flex-direction-row {\n    flex-direction: row;\n}\n.u-flex-direction-column {\n    flex-direction: column;\n}\n.u-justify-content-start {\n    justify-content: flex-start;\n}\n.u-justify-content-end {\n    justify-content: flex-end;\n}\n.u-justify-content-center {\n    justify-content: center;\n}\n.u-justify-content-between {\n    justify-content: space-between;\n}\n.u-justify-content-around {\n    justify-content: space-around;\n}\n\n.u-align-items-start {\n    align-items: flex-start;\n}\n.u-align-items-end {\n    align-items: flex-end;\n}\n.u-align-items-center {\n    align-items: center;\n}\n.u-align-items-baseline {\n    align-items: baseline;\n}\n.u-align-items-stretch {\n    align-items: stretch;\n}\n\n.u-align-self-start {\n    align-self: flex-start;\n}\n.u-align-self-end {\n    align-self: flex-end;\n}\n.u-align-self-center {\n    align-self: center;\n}\n.u-align-self-baseline {\n    align-self: baseline;\n}\n.u-align-self-stretch {\n    align-self: stretch;\n}\n\n@for $i from 1 through 12 {\n    .u-flex-column-width-#{$i}, .u-flex-basis-#{$i} {\n        flex-basis: percentage($i/12);\n    }\n}\n@each $breakpoint, $query in $layout-breakpoints {\n\t@media #{$query} {\n        @for $i from 1 through 12 {\n            .u-flex-column-width-#{$i}\\@#{$breakpoint}, .u-flex-basis-#{$i}\\@#{$breakpoint} {\n                flex-basis: percentage($i/12);\n            }\n        }\n        .u-flex-direction-row\\@#{$breakpoint} {\n            flex-direction: row;\n        }\n        .u-flex-direction-column\\@#{$breakpoint} {\n            flex-direction: column;\n        }\n        .u-justify-content-start\\@#{$breakpoint} {\n            justify-content: flex-start;\n        }\n        .u-justify-content-end\\@#{$breakpoint} {\n            justify-content: flex-end;\n        }\n        .u-justify-content-center\\@#{$breakpoint} {\n            justify-content: center;\n        }\n        .u-justify-content-between\\@#{$breakpoint} {\n            justify-content: space-between;\n        }\n        .u-justify-content-around\\@#{$breakpoint} {\n            justify-content: space-around;\n        }\n\n        .u-align-items-start\\@#{$breakpoint} {\n            align-items: flex-start;\n        }\n        .u-align-items-end\\@#{$breakpoint} {\n            align-items: flex-end;\n        }\n        .u-align-items-center\\@#{$breakpoint} {\n            align-items: center;\n        }\n        .u-align-items-baseline\\@#{$breakpoint} {\n            align-items: baseline;\n        }\n        .u-align-items-stretch\\@#{$breakpoint} {\n            align-items: stretch;\n        }\n\n        .u-align-self-start\\@#{$breakpoint} {\n            align-self: flex-start;\n        }\n        .u-align-self-end\\@#{$breakpoint} {\n            align-self: flex-end;\n        }\n        .u-align-self-center\\@#{$breakpoint} {\n            align-self: center;\n        }\n        .u-align-self-baseline\\@#{$breakpoint} {\n            align-self: baseline;\n        }\n        .u-align-self-stretch\\@#{$breakpoint} {\n            align-self: stretch;\n        }\n\n\t}\n}\n",".gutters {\n\tmargin:-5px;\n}\n.gutters-el {\n\tmargin:5px;\n}\n","/***************************************************\n\t\t\t\tMedia Module\n A module for creating a block formatting context for a fluid width container next to a fixed width container.\n https://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/\n https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n***************************************************/\n.media {\n\tdisplay:block;\n\toverflow:auto;\n}\n.media-graphic  {\n\tfloat:left;\n\tmargin-right:$media-layout-gutter;\n}\n.media-graphic.m-flipped {\n\tfloat:right;\n\tmargin-right:0;\n\tmargin-left:$media-layout-gutter;\n}\n.media-content {\n\toverflow:auto; /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/\n}\n@each $breakpoint, $query in $layout-breakpoints {\n\t@media #{$query} {\n\t\t.media\\@#{$breakpoint} {\n\t\t\tdisplay:block;\n\t\t\toverflow:auto;\n\t\t}\n\t\t.media-graphic\\@#{$breakpoint}  {\n\t\t\tfloat:left;\n\t\t\tmargin-right:$media-layout-gutter;\n\t\t}\n\t\t.media-graphic\\@#{$breakpoint}.m-flipped {\n\t\t\tfloat:right;\n\t\t\tmargin-right:0;\n\t\t\tmargin-left:$media-layout-gutter;\n\t\t}\n\t\t.media-content\\@#{$breakpoint} {\n\t\t\toverflow:auto; /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/\n\t\t}\n\t}\n}\n",".badge {\n\tline-height: 1;\n\tpadding: 3px 5px;\n\tbox-shadow: 0px 0px 1px 1px rgba($true-black,0.65);\n\n\t/* Border Styles */\n\tborder: 2px solid $new-tag-orange;\n\tborder-radius: 3px;\n\n\t/* Text & Color */\n\tbackground-color: rgba($true-black, 0.65);\n\tcolor: $new-tag-yellow;\n\tfont-size: 1.28rem;\n\tfont-family: $futura;\n\ttext-transform: uppercase;\n}\n",".blackout{\n    position: fixed;\n    display: block;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: #000;\n    background: rgba(0, 0, 0, 0.8);\n    z-index: 98;\n    cursor: pointer;\n    visibility: hidden;\n    transition: all 600ms $easeOutCirc;\n    opacity: 0;\n    pointer-events: none;\n    &.open{\n        visibility: visible;\n        opacity: 1;\n        pointer-events: all;\n    }\n}\n","// easings\n$easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);\n$easeOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);\n$easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1);\n","$button-white: #fefefe;\n\n@mixin basicButtonStyles() {\n    //box\n    display: inline-block;\n    vertical-align: middle;\n    padding: 6px 1em;\n    //border\n    border: none;\n    border-radius: 2px;\n    border-width: 3px;\n    border-style: solid;\n    border-color: transparent;\n    //background\n    //text\n    font-family: $futura;\n    font-weight: 700;\n    font-size: $font-tier2;\n    text-align: center;\n    text-transform: uppercase;\n    line-height: 1;\n    letter-spacing: 0.025em;\n    text-shadow: none;\n    text-decoration: none;\n    //other\n    cursor: pointer;\n    appearance: none;\n    outline: none;\n    transition: all 200ms;\n}\n\n//Color Variations\n@mixin orangeButton() {\n    background-color: $orange;\n    color: $button-white;\n    &:visited, &:link{\n        color: $button-white;\n    }\n    &:hover {\n        border-color: lighten($orange, 10%);\n        background-color: lighten($orange, 10%);\n        color: $button-white;\n    }\n    &:focus, &:active, &.is-active {\n        color: $black;\n    }\n}\n@mixin blueButton() {\n    $blue: $cyan-dark;\n    border-color: transparent;\n    background-color: $blue;\n    color: $true-white;\n    &:hover {\n        background-color: lighten($blue, 8%);\n    }\n    &:focus, &:active, &.is-active{\n        color: $black;\n    }\n}\n@mixin whiteButton() {\n    color: $true-white;\n    border-color: transparent;\n    background-color: $true-white;\n    color: $black;\n    &:hover, &:focus, &:active, &.is-active {\n        border-color: $true-white;\n        background-color: transparent;\n        color: $true-white;\n    }\n}\n@mixin whiteOutlineButton() {\n    color: $true-white;\n    border-color: $true-white;\n    background-color: transparent;\n    &:hover {\n        background-color: $true-white;\n        color: $black;\n    }\n    &:focus, &:active, &.is-active {\n        background-color: $true-white;\n        color: $black;\n    }\n}\n\n@mixin blueOutlineButton() {\n    $blue: $cyan-dark;\n    color: $black;\n    border-color: $blue;\n    background-color: transparent;\n    &:hover, &:focus, &:active, &.is-active {\n        background-color: $blue;\n        color: $true-white;\n    }\n}\n\n@mixin blackButton() {\n    border-color: transparent;\n    background-color: $black;\n    color: $button-white;\n    &:visited, &:link{\n        color: $button-white;\n    }\n    &:hover, &:focus, &:active, &.is-active {\n        border-color: lighten($black, 10%);\n        background-color: lighten($black, 10%);\n        color: $button-white;\n    }\n}\n\n@mixin blackOutlineButton() {\n    color: $black;\n    border-color: $black;\n    background-color: transparent;\n    &:hover {\n        background-color: $black;\n        color: $true-white;\n    }\n    &:focus, &:active, &.is-active {\n        background-color: $black;\n        color: $true-white;\n    }\n}\n\n//button size variations\n@mixin smallButton() {\n    font-size: $font-tier1;\n    border-width: 1px;\n}\n@mixin largeButton() {\n    font-size: $font-tier3;\n}\n@mixin extraLargeButton() {\n    font-size: $font-tier4;\n}\n\nbutton, .button, .btn {\n    @include basicButtonStyles();\n    @include orangeButton();\n\n    //color variations\n    &.m-blue, &.m-blue-filled {\n        @include blueButton();\n    }\n    &.m-blue-outline {\n        @include blueOutlineButton();\n    }\n    &.m-white{\n        @include whiteButton();\n    }\n    &.m-white-outline {\n        @include whiteOutlineButton();\n    }\n    &.m-black {\n        @include blackButton();\n    }\n    &.m-black-outline {\n        @include blackOutlineButton();\n    }\n    //size variations\n    &.m-sm {\n        @include smallButton();\n    }\n    &.m-lg, &.m-wide {\n        @include largeButton();\n    }\n    &.m-xl{\n        @include extraLargeButton();\n    }\n    &.is-disabled{\n        cursor: not-allowed;\n        pointer-events: none;\n        background: $grey;\n        border-color: $grey;\n    }\n    @each $breakpoint, $query in $layout-breakpoints {\n        @media #{$query} {\n            &.m-sm\\@#{$breakpoint} {\n                @include smallButton();\n            }\n            &.m-lg\\@#{$breakpoint}, &.m-wide\\@#{$breakpoint} {\n                @include largeButton();\n            }\n            &.m-xl\\@#{$breakpoint} {\n                @include extraLargeButton();\n            }\n        }\n    }\n\n    @media #{$xs-max} {\n        &.m-sm, &.m-lg, &.m-wide, &{\n            &:not(.m-auto-width) {\n                width:100%;\n                padding-left:0;\n                padding-right:0;\n            }\n        }\n    }\n}\nbody.ko-kr {\n    button, .button, .btn{\n        font-family: $blackfit77;\n        font-weight: normal;\n    }\n}\n",".button-group {\n\tdisplay: inline-block;\n}\n.button-group > button, .button-group > .button, .button-group > .btn {\n\tborder-radius: 0;\n\tborder-width: 1px;\n}\n.button-group > button:first-child, .button-group > .button:first-child,  .button-group > .btn:first-child {\n\tborder-top-left-radius: 2px;\n\tborder-bottom-left-radius: 2px;\n\tborder-left-width: 1px;\n}\n.button-group > button:last-child, .button-group > .button:last-child, .button-group > .btn:last-child {\n\tborder-top-right-radius: 2px;\n\tborder-bottom-right-radius: 2px;\n\tborder-right-width: 1px;\n}\n",".CalloutBox {\n    @include calloutBox($bg-color: $true-white, $padding: 24px)\n    border: 2px solid rgba($blue, 0.2);\n    &--attached {\n        border-top: 0;\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n}\n",".card {\n\tbackground-color:$blue-dark;\n\tpadding:24px;\n\theight:144px;\n\tposition: relative;\n\toverflow: hidden;\n\t.bg-icon {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttop: -44px;\n\t\tright: -44px;\n\t\tbackground-position: right center;\n\t\t\n\t\tsvg {\n\t\t\tfill: rgba(255, 255, 255, 0.05);\n\t\t\theight: 170px;\n\t\t\twidth: 170px;\n\t\t\tposition: absolute;\n\t\t\tright: 0px;\n\t\t}\n\t}\n}\n.card:before {\n\tcontent:\"\";\n\theight:100%;\n\tdisplay:inline-block;\n\tvertical-align:baseline;\n}\n.card-content {\n\tposition: relative;\n\tz-index: $z-index2;\n\tdisplay:inline-block;\n}\n.card-heading {\n\tline-height:0.8;\n}\n.card-copy {\n\tfont-family: $futura;\n\tfont-weight: 600;\n\tcolor: rgba($white, 0.6);\n\tmargin-top:6px;\n\tline-height: 1.1;\n\ttext-transform:uppercase;\n}\n","//z index scale\n$z-index0: -1; //for backgrounds\n$z-index1: 0;\n$z-index2: 1;\n$z-index3: 10;\n$z-index4: 20;\n$z-index5: 30;\n$z-index6: 40;\n$z-index7: 50;\n$z-index8: 60;\n$z-index9: 70;\n$z-index10: 80;\n$z-index11: 90;\n$z-index12: 100;\n",".carousel {\n\tmargin-left:auto;\n\tmargin-right:auto;\n\ttext-align:center;\n}\n.carousel-mask {\n    position: relative;\n    overflow: hidden;\n}\n.carousel-wrapper {\n    position: absolute;\n    top: 0;\n    margin: 0;\n    padding:0;\n    display:table;\n}\n.carousel-slide {\n    display:table-cell;\n\tvertical-align:middle;\n\tpadding:0;\n}\n.carousel-pagination {\n\tmargin:0;\n\tpadding:0;\n\tmargin-top:10px;\n\tdisplay:inline-block;\n}\n\n.carousel-page {\n\tdisplay:inline-block;\n\twidth:10px;\n\theight:10px;\n\tbackground-color:#000000;\n\tborder-radius:50%;\n\tmargin-left:15px;\n\tcursor:pointer;\n}\n.carousel-page:first-child {\n\tmargin-left:0;\n}\n.carousel-page.is-active, .carousel-page:hover {\n\tbackground-color:#666;\n}","$active-flex-grow: 4;\n$active-flex-grow-ratio: 0.95;\n$no-highlight-brightness: 45%;\n\n$slant-rotation: 4deg;\n$slant-clip-offset: 30px;\n\n$grow-animation-duration: 350ms;\n$grow-animation-delay: 250ms;\n\n/**\n * Carousel split parent component\n */\n\n$borderStyle: 1px solid $grey;\n.CarouselSplit {\n    @include flex-container();\n    overflow: hidden;\n    &--bordered {\n        border: $borderStyle;\n    }\n}\n\n\n/**\n * Carousel item container\n */\n.CarouselSplit-item {\n    position: relative;\n    @include flex-item();\n    flex-grow: 1;\n    &--bordered {\n        border-left: $borderStyle;\n        &:first-child {\n            border-left: none;\n        }\n    }\n    &--default {\n        flex-grow: $active-flex-grow;\n    }\n    .CarouselSplit--hoverExpand & {\n        transition: $grow-animation-duration flex-grow ease-out;\n        &.is-animation-complete:hover {\n            // need !important to override inline styles applied by js\n            // TODO: remove !important once we move to css-only solution\n            flex-grow: $active-flex-grow * $active-flex-grow-ratio !important;\n        }\n    }\n}\n\n/**\n * Carousel item divider\n */\n\n .CarouselSplit-divider {\n    $dividerWidth: 44px;\n    position: absolute;\n    top: 50%;\n    left: 100%;\n    z-index: $z-index2;\n    transform: translateX(-50%) translateY(-50%);\n\n    width: $dividerWidth;\n    height: 105%;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n\n    // Don't use the divider to trigger select event\n    pointer-events: none;\n\n    @supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n        .CarouselSplit--slanted & {\n            transform: translateX(calc(-50% - #{$slant-clip-offset} / 2)) translateY(-50%) rotate($slant-rotation);\n        }\n    }\n\n    &--tesla {\n        background-image: url('img/dividers/carousel-split-divider-tesla.png');\n\n        @keyframes carousel-split-divider-animation-tesla {\n            from { background-position-y: 0px; }\n            to { background-position-y: -11088px; }\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 100%;\n            // aspect ratio hack to maintain proper proportion for this element\n            padding-top: 358%;\n\n            transform: translateX(-50%) translateY(-50%) scale(0.6);\n            background-image: url('img/dividers/carousel-split-divider-tesla-animation-spritesheet.png');\n            animation: carousel-split-divider-animation-tesla 4800ms steps(72) infinite;\n        }\n    }\n\n    &--icy {\n        background-image: url('img/dividers/carousel-split-divider-icy.png');\n        width: 77px;\n\n    }\n\n    &--simple-diamond {\n        &:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            height: 100%;\n            width: 3px;\n            background-color: $blue-light;\n        }\n        &:after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translateX(-50%) translateY(-50%);\n            width: $dividerWidth;\n            height: 44px;\n            background-image: url('img/dividers/carousel-split-divider-simple-diamond.png');\n        }\n    }\n}\n\n\n\n/**\n * Carousel item content\n */\n.CarouselSplit-itemContent {\n    position: relative;\n\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n    transition: $grow-animation-duration filter ease-out;\n\n    // slant styles\n    @supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n        .CarouselSplit--slanted & {\n            clip-path: polygon(\n                #{$slant-clip-offset} 0,\n                100% 0,\n                calc(100% - #{$slant-clip-offset}) 100%,\n                0 100%\n            );\n            margin-left: -#{$slant-clip-offset};\n        }\n        .CarouselSplit--slanted .CarouselSplit-item:first-child & {\n            clip-path: polygon(\n                0 0,\n                100% 0,\n                calc(100% - #{$slant-clip-offset}) 100%,\n                0 100%\n            );\n            margin-left: 0;\n        }\n        .CarouselSplit--slanted .CarouselSplit-item:last-child & {\n            clip-path: polygon(\n                #{$slant-clip-offset} 0,\n                100% 0,\n                100% 100%,\n                0 100%\n            );\n        }\n    }\n}\n\n// TODO: move this into previous selector since it's a modifier\n// for the CarouselSplit-itemContent element\n.CarouselSplit-itemContent--muting {\n    filter: brightness($no-highlight-brightness);\n\n    .CarouselSplit-item.is-pre-active > &,\n    .CarouselSplit-item.is-active > & {\n        filter: brightness(100%);\n    }\n\n}\n\n.CarouselSplit-transparentContent {\n    opacity: 0;\n    &--default {\n        opacity: 1;\n    }\n}\n","$top-offset: 1.6vw;\n$bottom-offset: 2.4vw;\n\n.ContainerSlanted {\n    @supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n        margin-top: -$top-offset * 1.05;\n        margin-bottom: -$bottom-offset * 1.05;\n\n        clip-path: polygon(\n            0 $top-offset,\n            100% 0,\n            100% 100%,\n            0 calc(100% - #{$bottom-offset})\n        );\n\n        &--reverse {\n            clip-path: polygon(\n                0 0,\n                100% $top-offset,\n                100% calc(100% - #{$bottom-offset}),\n                0 100%\n            );\n        }\n        &--end {\n            clip-path: polygon(\n                0 $top-offset,\n                100% 0,\n                100% 100%,\n                0 100%\n            );\n        }\n        &--begin {\n            clip-path: polygon(\n                0 0,\n                100% 0,\n                100% 100%,\n                0 calc(100% - #{$bottom-offset})\n            );\n        }\n    }\n}\n",".data-table {\n    display: table;\n    width: 100%;\n    border-radius: 0.25rem;\n    text-transform: uppercase;\n    background-color: $white;\n}\n.data-table > thead th {\n    padding: 1.4rem 2rem 1.2rem;\n    border-top-left-radius: 0.25rem;\n    border-top-right-radius: 0.25rem;\n    background-color: $blue-lighter;\n    color: $blue;\n    text-align: left;\n}\n.data-table > tbody {\n    display: table-row-group;\n    @extend .h6;\n}\n.data-table > tbody tr:nth-child(even) {\n    background-color: rgba($blue-lighter, 0.35);\n}\n.data-table > tbody td {\n    padding: 1rem 2rem;\n    color: rgba($purple, 0.55);\n    word-break: break-word;\n\n    &:last-child {\n        width: 40%;\n        text-align: right;\n        color: $blue;\n        font-family: $arial;\n        font-weight: normal;\n    }\n}\n",".Drawer-handle {\n    background-color: rgba($blue, 0.25);\n    border-radius: 6px;\n    padding: 12px 24px;\n    position: relative;\n    cursor: pointer;\n    &:after {\n        content: \"\";\n        position: absolute;\n        width: 28px;\n        height: 28px;\n        top: 50%;\n        transform: translateY(-50%);\n        right: 20px;\n        background-image: url('img/icons/drawer-arrow.png');\n        background-size: 100%;\n        background-repeat: no-repeat;\n        background-position: 0 -28px;\n    }\n    &.is-active, &:hover {\n        background-color: $cyan-dark;\n        color: $white;\n        &:after {\n            background-position: 0 0;\n        }\n    }\n}\n\n.Drawer-handle ~ .Drawer-handle {\n    margin-top: 12px;\n}\n.Drawer-container {\n    padding: 0 24px;\n    > :first-child {\n        margin-top: 12px;\n    }\n    > :last-child {\n        margin-bottom: 24px;\n    }\n}\n",".dropdown {\n\tposition:relative;\n\tdisplay:inline-block;\n\tmax-width:100%;\n}\nbody.ko-kr {\n\t.dropdown-text {\n\t\tfont-family: $blackfit77;\n\t}\n}\n.dropdown-text {\n\t//box\n\tdisplay:block;\n\twidth:100%;\n\t//line height and padding add up to 30px. set that height on select below\n\tline-height:20px;\n\tpadding:4px 20px 4px 8px;\n\t//background\n\tbackground-color: transparent;\n\t//border\n\tborder:1px solid $grey-light;\n\tborder-radius:3px;\n\t//text\n\tfont-family:$futura;\n\tfont-weight: 600;\n\ttext-transform:uppercase;\n\tcolor:$grey-light;\n\ttext-align:left;\n\t//other\n\tz-index:1;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n}\n.dropdown-text:after {\n\t//box\n\tcontent:\" \";\n\tdisplay:block;\n\tposition:absolute;\n\ttop:50%;\n\ttransform:translateY(-50%);\n\tright:6px;\n\twidth:0;\n\theight:0;\n\tmargin-top:3px;\n\t//border\n\tborder:6px solid $grey-light;\n\tborder-left-color:transparent;\n\tborder-right-color:transparent;\n\tborder-bottom-color:transparent;\n}\n\n.dropdown.m-dark > .dropdown-text {\n\tcolor:$blue;\n\tborder-color:$blue;\n}\n.dropdown.m-dark > .dropdown-text:after {\n\tborder-top-color:$blue;\n}\n.dropdown-select-element {\n\t// to allow for height styling on mac\n\t// http://stackoverflow.com/questions/2547354/how-to-increase-the-height-of-the-select-box\n\t-webkit-appearance: menulist-button;\n\twidth: 100%;\n\tfilter: alpha(opacity=0);\n\topacity:0;\n\tposition: absolute;\n\ttop: 0;\n\tleft:0;\n    z-index: 2;\n}\n","$highlight-flex-grow: 4;\n$highlight-flex-grow-ratio: 0.95;\n$no-highlight-brightness: 45%;\n\n$slant-rotation: 4deg;\n$slant-clip-offset: 30px;\n\n$grow-animation-duration: 350ms;\n$grow-animation-delay: 250ms;\n\n/**\n * Event map carousel parent component\n * TODO: probably deprecate this in favor of carousel split component\n */\n.EventMapCarousel {\n    @include flex-container();\n    overflow: hidden;\n}\n\n\n\n/**\n * Carousel item container\n */\n.EventMapCarousel-item {\n    position: relative;\n    @include flex-item();\n    flex-grow: 1;\n\n    transition: $grow-animation-duration flex-grow ease-out;\n    transition-delay: $grow-animation-delay;\n\n    &--highlighted {\n        flex-grow: $highlight-flex-grow;\n\n        &:hover {\n            flex-grow: $highlight-flex-grow * $highlight-flex-grow-ratio;\n        }\n    }\n}\n\n\n\n/**\n * Carousel item divider\n */\n.EventMapCarousel-divider {\n    position: absolute;\n    top: 50%;\n    left: 100%;\n    z-index: $z-index2;\n    transform: translateX(-50%) translateY(-50%);\n\n    width: 44px;\n    height: 105%;\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n\n    // Don't use the divider to trigger select event\n    pointer-events: none;\n\n    @supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n        .EventMapCarousel--slanted & {\n            transform: translateX(calc(-50% - #{$slant-clip-offset} / 2)) translateY(-50%) rotate($slant-rotation);\n        }\n    }\n\n    &--tesla {\n        background-image: url('img/dividers/carousel-split-divider-tesla.png');\n\n        @keyframes carousel-split-divider-animation-tesla {\n            from { background-position-y: 0px; }\n            to { background-position-y: -11088px; }\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 100%;\n            // aspect ratio hack to maintain proper proportion for this element\n            padding-top: 358%;\n\n            transform: translateX(-50%) translateY(-50%) scale(0.6);\n            background-image: url('img/dividers/carousel-split-divider-tesla-animation-spritesheet.png');\n            animation: carousel-split-divider-animation-tesla 4800ms steps(72) infinite;\n        }\n    }\n\n    &--icy {\n        background-image: url('img/dividers/carousel-split-divider-icy.png');\n        width: 77px;\n    }\n\n    &--simple-diamond {\n        &:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            height: 100%;\n            width: 3px;\n            background-color: $blue-light;\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translateX(-50%) translateY(-50%);\n            width: 44px;\n            height: 44px;\n            background-image: url('img/dividers/carousel-split-divider-simple-diamond.png');\n        }\n    }\n\n    &--simple-circle-orange {\n        &:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            height: 100%;\n            width: 3px;\n            background-color: #ffa640;\n        }\n        &:after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translateX(-50%) translateY(-50%);\n            width: 40px;\n            height: 40px;\n            background-image: url('img/dividers/carousel-split-divider-simple-circle-orange.png');\n        }\n    }\n\n    &--simple-circle-gold {\n        &:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            height: 100%;\n            width: 3px;\n            background-color: #cd9d50;\n        }\n        &:after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translateX(-50%) translateY(-50%);\n            width: 46px;\n            height: 46px;\n            background-image: url('img/dividers/carousel-split-divider-simple-circle-gold.png');\n        }\n    }\n\n    &--simple-circle-grey {\n        &:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            height: 100%;\n            width: 3px;\n            background-color: #5c5a6d;\n        }\n        &:after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translateX(-50%) translateY(-50%);\n            width: 40px;\n            height: 40px;\n            background-image: url('img/dividers/carousel-split-divider-simple-circle-grey.png');\n        }\n    }\n\n    &--anniversary-medalion {\n        &:before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            height: 100%;\n            width: 3px;\n            background-color: #fafafa;\n        }\n        &:after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translateX(-50%) translateY(-50%);\n            width: 45px;\n            height: 44px;\n            background-image: url('img/dividers/carousel-split-divider-anniversary-medalion.png');\n        }\n    }\n}\n\n\n\n/**\n * Carousel item content\n */\n.EventMapCarousel-itemContent {\n    position: relative;\n    height: 50vh;\n    min-height: 560px;\n    max-height: 1000px;\n\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n    transition: $grow-animation-duration filter ease-out;\n    filter: brightness($no-highlight-brightness);\n\n    .EventMapCarousel-item--highlighted > & {\n        filter: brightness(100%);\n    }\n\n    // slant styles\n    @supports (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) {\n        .EventMapCarousel--slanted & {\n            clip-path: polygon(\n                #{$slant-clip-offset} 0,\n                100% 0,\n                calc(100% - #{$slant-clip-offset}) 100%,\n                0 100%\n            );\n            margin-left: -#{$slant-clip-offset};\n        }\n        .EventMapCarousel--slanted .EventMapCarousel-item:first-child & {\n            clip-path: polygon(\n                0 0,\n                100% 0,\n                calc(100% - #{$slant-clip-offset}) 100%,\n                0 100%\n            );\n            margin-left: 0;\n        }\n        .EventMapCarousel--slanted .EventMapCarousel-item:last-child & {\n            clip-path: polygon(\n                #{$slant-clip-offset} 0,\n                100% 0,\n                100% 100%,\n                0 100%\n            );\n        }\n    }\n}\n\n\n\n/**\n * Carousel item content inner\n */\n.EventMapCarousel-itemContentInner {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    padding: 40px 70px;\n    transition: $grow-animation-duration opacity ease-out;\n    opacity: 0;\n\n    .EventMapCarousel-item--highlighted & {\n        transition-delay: ($grow-animation-duration + $grow-animation-delay);\n        opacity: 1;\n    }\n}\n",".EndorsementIcon {\n    width: 100%;\n    height: 100%;\n}\n.EndorsementIcon-inner {\n    position: relative;\n    width: 50%;\n    height: 50%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%) rotate(-90deg);\n}\n.EndorsementIcon-background {\n    position: absolute;\n    display: block;\n    width: 110%;\n    height: 110%;\n    top: -5%;\n    left: -5%;\n    fill: #2A2B2E;\n    stroke: none;\n}\n.EndorsementIcon-border {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    fill: none;\n    stroke-width: 1px;\n    stroke-dasharray: 0, 100;\n    transition: transform 1s linear, stroke-dasharray 1s linear;\n}\n.EndorsementIcon-border--shotcaller {\n    stroke: $shotcaller-orange;\n}\n.EndorsementIcon-border--sportsmanship {\n    stroke: $sportsmanship-green;\n}\n.EndorsementIcon-border--teammate {\n    stroke: $teammate-purple;\n}\n","//For buttons leaving the site\n.ExternalLink {\n    &:after {\n        content:' ';\n        width: 1em;\n        height: 1em;\n        display: inline-block;\n        background-image: url('img/icons/link-icon-white.png');\n        background-size: 70%;\n        background-repeat: no-repeat;\n        margin-left: 8px;\n        vertical-align: middle;\n    }\n    &--nav {\n        &:after {\n            background-image: url('img/icons/link-icon-grey.png');\n        }\n        &:hover {\n            &:after {\n                background-image: url('img/icons/link-icon-white.png');\n            }\n        }\n        @media #{$lg-min} {\n            &:hover {\n                &:after {\n                    background-image: url('img/icons/link-icon-orange.png');\n                }\n            }\n        }\n    }\n}\n",".u-font-tier0 {\n\tfont-size: $font-tier0;\n}\n.u-font-tier1 {\n\tfont-size: $font-tier1;\n}\n.u-font-tier2 {\n\tfont-size: $font-tier2;\n}\n.u-font-tier3 {\n\tfont-size: $font-tier3;\n}\n.u-font-tier4 {\n\tfont-size: $font-tier4;\n}\n.u-font-tier5 {\n\tfont-size: $font-tier5;\n}\n.u-font-tier6 {\n\tfont-size: $font-tier6;\n}\n.u-font-tier7 {\n\tfont-size: $font-tier7;\n}\n.u-font-tier8 {\n\tfont-size: $font-tier8;\n}\n.u-font-tier9 {\n\tfont-size: $font-tier9;\n}\n.u-font-tier10 {\n\tfont-size: $font-tier10;\n}\n.u-font-tier11 {\n\tfont-size: $font-tier11;\n}\n\n@each $breakpoint, $query in $layout-breakpoints {\n\t@media #{$query} {\n\t\t.u-font-tier0\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier0;\n\t\t}\n\t\t.u-font-tier1\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier1;\n\t\t}\n\t\t.u-font-tier2\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier2;\n\t\t}\n\t\t.u-font-tier3\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier3;\n\t\t}\n\t\t.u-font-tier4\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier4;\n\t\t}\n\t\t.u-font-tier5\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier5;\n\t\t}\n\t\t.u-font-tier6\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier6;\n\t\t}\n\t\t.u-font-tier7\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier7;\n\t\t}\n\t\t.u-font-tier8\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier8;\n\t\t}\n\t\t.u-font-tier9\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier9;\n\t\t}\n\t\t.u-font-tier10\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier10;\n\t\t}\n\t\t.u-font-tier11\\@#{$breakpoint} {\n\t\t\tfont-size: $font-tier11;\n\t\t}\n\t}\n}\n",".frame {\n\tdisplay: block;\n\tposition: relative;\n\tborder: 4px solid $rarity-legendary;\n\tborder-radius: 3px;\n}\n.frame-corner {\n\tposition: absolute;\n\tbottom: 0;\n\tright: 0;\n\twidth: 40px;\n\theight: 40px;\n\tbackground: linear-gradient(\n\t\t135deg,\n\t\ttransparent 0%,\n\t\ttransparent 50%,\n\t\t$rarity-legendary 51%,\n\t\t$rarity-legendary 100%\n\t);\n}\n.frame-corner-content {\n\tdisplay: block;\n\tposition: relative;\n\ttop: 50%;\n\tleft: 50%;\n\twidth: 50%;\n\theight: 50%;\n\tfill: $white;\n}\n",".HeadingBanner {\n    display: flex;\n    align-items: flex-end;\n\n    min-height: 250px;\n    background-size: auto 100%;\n    background-position: left center;\n    padding: 20px;\n    border-radius: 3px;\n}\n.HeadingBanner-header {\n    flex: 1 1 0;\n    color: $white;\n    @include fontHeaderShadow();\n}\n","@import './foundation/foundation'; //foundation mixins\n@import 'node_modules/@blizzard/overwatch-ui/assets/scss/mixins/_mixins';\n\n@mixin nav-offset() {\n    padding-top: $nav-offset-mobile;\n    @media #{$lg-min}{\n        padding-top: $nav-offset-desktop;\n    }\n}\n\n@mixin fontShadow() {\n    text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5);\n}\n\n@mixin fontHeaderShadow() {\n    text-shadow: 1px 1px 3px $blue-filter-link-opacity;\n}\n","//Hero Header\n.HeroHeader {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    min-height: 82px;\n    height: 1px; //hack to fix flexbox in IE11. https://github.com/philipwalton/flexbugs/issues/231\n    //background and border\n    border-top-left-radius: 6px;\n    border-top-right-radius: 6px;\n\n    overflow: hidden;\n    @media #{$lg-min} {\n        min-height: 154px;\n    }\n    &-text {\n        min-height: 50px;\n        padding: 0 18px;\n        display: flex;\n        align-items: center;\n        position: relative;\n        z-index: $z-index2;\n        color: $white;\n        fill: $white;\n        text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75);\n        @media #{$lg-min} {\n            min-height: 76px;\n        }\n    }\n    &-image, &-image-mobile {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        z-index: $z-index1;\n    }\n    &-image {\n        max-height: 154px;\n        @media #{$md-max} {\n            display: none;\n        }\n    }\n    &-image-mobile {\n        max-height: 82px;\n        @media #{$lg-min} {\n            display: none;\n        }\n    }\n}\n.HeroHeader.HeroHeader--raised {\n    @media #{$lg-min} {\n        margin-top: -54px;\n    }\n}\n","\n.IconHeading {\n    display: flex;\n    align-items: flex-end;\n}\n.IconHeading--center-aligned {\n    align-items: center;\n}\n.IconHeading--inline {\n    display: inline-flex;\n}\n\n.IconHeading-icon {\n    width: 1.2em;\n    height: 1.2em;\n    margin-right: 0.3em;\n    &--reverse {\n        margin-right: 0;\n        margin-left: 0.3em;\n    }\n}\n.IconHeading-text {\n    line-height: 1;\n}\n",".icon {\n    height:24px;\n    fill:$white;\n    stroke:$white;\n    stroke-width:0;\n}\n\n.sprite-icon-overview {\n    background-image: url('img/icons/icon-overview.png');\n}\n\n.sprite-icon-overwatch {\n    background-image: url('img/icons/icon-overwatch.png');\n}\n\n.sprite-icon-heroes {\n    background-image: url('img/icons/icon-heroes.png');\n}\n\n.sprite-icon-roles {\n    background-image: url('img/icons/icon-roles.png');\n}\n\n.sprite-icon-objectives {\n    background-image: url('img/icons/icon-objectives.png');\n}\n","[lightbox]{\n\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 99;\n\toverflow-y: auto;\n\ttext-align: center;\n\tfont-size: 0px;\n\tvisibility: hidden;\n\ttransition: all 300ms $easeOutCirc;\n\topacity: 0;\n\n\t&.open{\n\t\tvisibility: visible;\n\t\topacity: 1;\n\t}\n\n\t&:before {\n\t\tcontent: '';\n\t\tdisplay: inline-block;\n\t\theight: 100%;\n\t\tvertical-align: middle;\n\t}\n\t&.fluid{\n\t\t.lightbox-container{\n\t\t\twidth: auto;\n\t\t\tpadding: initial;\n\t\t}\n\t}\n}\n\n.lightbox-container {\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: 75%;\n\tmax-width: 2560px;\n\tmargin-top:5%;\n\tpadding: 30px 0;\n\tz-index: 99;\n\tfont-size: $font-tier2;\n\tbox-sizing: border-box;\n\tcursor: auto;\n\tvertical-align:top;\n\t@media #{$md-max}{\n\t\twidth: 90%;\n\t}\n\t&.m-media {\n\t\tmargin: 0;\n\t\tvertical-align: middle;\n\t}\n}\n\n.lightbox-close {\n\n\twidth: 60px;\n\theight: 60px;\n\tposition: absolute;\n\ttop: -60px;\n\tright: -17px;\n\tz-index: 99;\n\tcursor: pointer;\n\n\t&:before{\n\t\tcontent: '\\00d7';\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttext-align: center;\n\t\tline-height: 60px;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tfont-weight: 100;\n\t\tfont-family: initial;\n\t\tcolor: #00c3ff;\n\t\tfont-size: 6rem;\n\t\ttransition: color 100ms $easeOutCirc;\n\t}\n\n\t&:hover {\n\t\t&:before {\n\t\t\ttransition: none;\n\t\t\tcolor: $white;\n\t\t}\n\t}\n}\n\n.lightbox-header{\n\n}\n\n.lightbox-body {\n\tposition: relative;\n\tbackground-color: rgba(0,0,0,0.75);\n\tcolor:$white;\n\t&:hover{\n\t\t.lightbox-prev, .lightbox-next{\n\t\t\tvisibility: visible;\n\t\t\topacity: 1;\n\t\t}\n\t}\n\t&.m-controls{\n\t\t.lightbox-prev, .lightbox-next{\n\t\t\tdisplay: block;\n\t\t}\n\t}\n\t&.m-loader {\n\t\tbackground-image: url('img/icons/loading.svg');\n\t\tbackground-position: center center;\n\t\tbackground-repeat: no-repeat;\n\t}\n}\n\n.lightbox-footer {\n\n}\n\n.lightbox-controls {\n\n}\n\n.lightbox-content {\n\tdisplay: block;\n\tpadding:20px;\n\tbackground-color:$blue-dark;\n\ttext-align:left;\n\t&.m-media {\n\t\tpadding:0;\n\t\tpadding-bottom: 56.25%;\n\t\tbackground-color:transparent;\n\t\ttext-align:center;\n\t\tbox-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);\n\t}\n}\n\n.lightbox-prev, .lightbox-next{\n\twidth: 64px;\n\theight: 69px;\n\tbackground-image: url('img/lightbox-nav.png');\n\tbackground-repeat: no-repeat;\n\tposition: absolute;\n\ttop: 50%;\n\tmargin-top: -32px;\n\tvisibility: hidden;\n\topacity: 0;\n\ttransition: opacity 100ms $easeOutCirc;\n\tz-index: 99;\n\tdisplay: none;\n\t@media #{$md-max}{\n\t\twidth: 39px;\n\t\theight: 42px;\n\t\tmargin-top: -21px;\n\t\tvisibility: visible;\n\t\topacity: 1;\n\t}\n}\n\n.lightbox-prev{\n\tleft: 0;\n\tbackground-position: 0 -138px;\n\t@media #{$lg-min}{\n\t\tbackground-position: 0 0;\n\t\t&:hover{\n\t\t\tbackground-position: -64px 0;\n\t\t}\n\t}\n}\n\n.lightbox-next{\n\tright: 0;\n\tbackground-position: 0 -180px;\n\t@media #{$lg-min}{\n\t\tbackground-position: 0 -69px;\n\t\t&:hover{\n\t\t\tbackground-position: -64px -69px;\n\t\t}\n\t}\n}\n","//TODO: rename block elements to logo-<blockelement>\n\n.logo {\n\twidth:190px;\n\theight:143px;\n\tbackground-image:url(\"img/overwatch-logo-mobile.png\");\n\tbackground-size: contain;\n\t@media #{$md-min} {\n\t\twidth:794px;\n\t\theight:452px;\n\t\tbackground-image:url(\"img/overwatch-logo.png\");\n\t\tbackground-size: contain;\n\t}\n}\n\nbody.zh-tw {\n\t.logo {\n\t\tbackground-image:url(\"img/overwatch-tw-logo-mobile.png\");\n\t\t@media #{$md-min} {\n\t\t\tbackground-image:url(\"img/overwatch-tw-logo.png\");\n\t\t}\n\t}\n}\n.logo-text {\n\twidth:100%;\n\tpadding-top:16.1%;\n\tbackground-image:url(\"img/logos/text-logo-lg-shadow.png\");\n\tbackground-size: contain;\n}\n.logo-text.m-dark {\n\tbackground-image:url(\"img/logos/text-logo-lg-shadow-dark.png\");\n}\n.overwatch-emblem {\n\theight: 180px;\n\twidth: 225px;\n\tbackground: url('../../img/pages/patch-notes/overwatch-emblem.png');\n\tbackground-size: cover;\n}\n","$media-card-background: rgb(3,20,26);\n\n.media-card {\n    display:block;\n    color: $white;\n\n    border-radius: 3px;\n\n    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);\n    @include fitted-container(); //provides media-card-fill class\n\n    &:hover, &:focus {\n        color: $white;\n        .media-card-caption {\n            background-color: rgba($media-card-background,.95);\n            transition: background 100ms $easeOutCirc;\n        }\n        z-index: $z-index5;\n        transform: scale(1.08);\n    }\n    /*undo hover styles for devices that don't have a hover feature*/\n    @media (hover: none) {\n        &:hover, &:focus {\n            .media-card-caption {\n                background-color: rgba($media-card-background,.75);\n            }\n            z-index: $z-index1;\n            transform: none;\n        }\n    }\n\n    transition: all 200ms;\n}\n.media-card.m-disabled {\n    opacity: 0.3;\n}\n.media-card.m-no-border {\n    border: none;\n    border-radius: 0;\n}\n.media-card-caption {\n    position: absolute;\n    width: 100%;\n    left: 0;\n    bottom: 0;\n    padding: 10px 15px;\n    transition: background 200ms;\n    background-color: rgba($media-card-background,.75);\n    color: $white;\n    text-align: left;\n}\n.media-card-outside-caption {\n    display: block;\n    width: 100%;\n    margin-top: 14px;\n    padding:0 6px;\n    color: $black;\n}\n.media-card-caption.m-thin {\n    padding:10px;\n}\n.media-card-title {\n    @include h6font();\n    &.m-small {\n        font-size: $small-font-size;\n    }\n}\n.media-card-subtitle {\n    margin-top: 0;\n    font-size: $small-font-size;\n}\n.media-card-status {\n    /* Positioning */\n    position: absolute;\n    z-index: $z-index2;\n    top: 5px;\n    right: 5px;\n}\n",".gallery-title{\n\tmargin: 0;\n    font-size: $font-tier7;\n    font-weight: 400;\n    color: $white;\n    text-shadow: 2.5px -2px .5px rgba(35,31,32,.04),-2.5px 2px .5px rgba(35,31,32,.04),-2.5px -2px .5px rgba(35,31,32,.04),2.5px 2px .5px rgba(35,31,32,.04);\n    line-height: 0.75;\n\n}\n.gallery-index{\n    font-size: $font-tier1;\n    color: #00c3ff;\n    margin: 15px 0;\n}\n.gallery-item {\n    @include full-scale-image();\n    &.m-artwork {\n        background-size: contain;\n        background-color: #fff;\n    }\n    &.m-video > video {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: 100%;\n    }\n}\n.gallery-name{\n\tmargin: 18px 0 0;\n    font-family: $futura;\n    font-weight: 600;\n    font-size: $font-tier3;\n    @media #{$md-min} {\n    \tmargin: 30px 0 0;\n    \tfont-size: $font-tier5;\n\t}\n    color: $white;\n    line-height: 1;\n    text-transform: uppercase;\n    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);\n}\nbody.ko-kr {\n    .gallery-name {\n        font-family: $blackfit77;\n    }\n}\n//Used for subnavigating wallpaper sizes in lightbox\n.gallery-sub-content {\n    margin-top: 10px;\n    font-size: $font-tier1;\n}\n","//deprecated - use media card and video player utility\n.media-thumbnail {\n\tdisplay: block;\n\t@include border-hoverable;\n\ttext-decoration: none;\n}\n\n.media-thumbnail > .caption {\n\tdisplay:block;\n\t@extend .h6;\n\tcolor: rgba($white, 0.8);\n\tbackground-color: $black;\n\ttext-transform: uppercase;\n\tpadding: 0.7rem 1.6rem;\n\tborder-bottom-left-radius:3px;\n\tborder-bottom-right-radius:3px;\n}\n.media-thumbnail:focus > .caption,\n.media-thumbnail:hover > .caption {\n\tcolor: $white;\n}\n\n.media-thumbnail > .wrap {\n\tposition: relative;\n\toverflow: hidden;\n}\n.media-thumbnail > .wrap:before {\n\t// padding hack to maintain aspect ratio\n\tcontent: '';\n\tdisplay: block;\n\theight: 0;\n\tpadding-top: 56.25%;\n}\n.media-thumbnail.m-viewable > .wrap:after,\n.media-thumbnail.m-playable > .wrap:after {\n\t// thumbnail overlay (e.g. play button)\n\tcontent: '';\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\ttransition: all 200ms $easeOutQuad;\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 13% auto;\n}\n.media-thumbnail.m-playable > .wrap:after {\n\tbackground-image: url('img/icons/youtube-btn-ylw.png');\n}\n.media-thumbnail.m-playable:focus > .wrap:after,\n.media-thumbnail.m-playable:hover > .wrap:after {\n\tbackground-image: url('img/icons/youtube-btn-wh.png');\n}\n.media-thumbnail.m-viewable:focus > .wrap:after,\n.media-thumbnail.m-viewable:hover > .wrap:after {\n\tbackground-image: url('img/icons/magnifying.png');\n}\n.media-thumbnail.m-playable:focus > .wrap:after,\n.media-thumbnail.m-playable:hover > .wrap:after,\n.media-thumbnail.m-viewable:focus > .wrap:after,\n.media-thumbnail.m-viewable:hover > .wrap:after {\n\tbackground-color: rgba($black, 0.5);\n}\n\n.media-thumbnail > .wrap > .media {\n\tposition: absolute;\n\twidth: 100%;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\tborder-top-left-radius:3px;\n\tborder-top-right-radius:3px;\n}\n",".NameCard {\n    max-width: 420px;\n    height: 210px;\n    margin-left: auto;\n    margin-right: auto;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    border-radius: 6px;\n}\n.NameCard-icon {\n    width: 100px;\n    height: 80px;\n}\n.NameCard-header {\n    margin-top: 6px;\n}\n.NameCard-subheader {\n    margin-top: 0.3em;\n}\n.NameCard-description {\n    max-width: 420px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 1em;\n    line-height: 1.5;\n}\n",".news-thumbnail {\n    max-width: 100%;\n    @media #{$lg-min} {\n        width: 264px;\n    }\n}\n.news-text {\n    padding: 6px;\n    margin-top: 18px;\n    @media #{$lg-min} {\n        margin-top: 0;\n    }\n}\n",".NotificationBar {\n    position: relative;\n    display: none;\n    background-color: $accent-blue; //TODO: verify this is correct hex.\n    padding: 6px 0;\n    color: $white;\n    fill: $white;\n    text-align: center;\n    @media #{$sm-max} {\n        font-size: $font-tier1;\n    }\n    @media #{$xs-max} {\n        font-size: $font-tier0;\n    }\n}\n.NotificationBar-text {\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: 0.75em;\n    margin-right: 0.75em;\n\n}\n.NotificationBar-close {\n    @include vertical-center();\n    position: absolute;\n    right: 0;\n    width: 1em;\n    height: 1em;\n    padding: 0 6px;\n    box-sizing: content-box;\n    cursor: pointer;\n    color: $black;\n    fill: $black;\n    opacity: 0.7;\n}\n.NotificationBar-icon {\n    width: 1em;\n    height: 1em;\n}\n",".Quote {\n    font-style: italic;\n    border-left: 8px solid rgba($blue, 0.2);\n    padding: 6px 18px;\n}\n",".Playbutton {\n    display: flex;\n    align-items: center;\n    background-color: #4b535d;\n    color: $white;\n    padding: 6px 8px;\n    &--inset {\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        z-index: $z-index2;\n    }\n    &:before {\n        content: \"\";\n        width: 0;\n        height: 0;\n\n        border: 8px solid transparent;\n        border-left-color: #FF8900;\n        border-left-width: 12px;\n    }\n}\n",".Slideout-container {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 1s;\n    &--noTransition {\n        transition: none;\n    }\n}\n","//Used for ratings\n\n.star {\n\tdisplay:inline-block;\n\twidth:32px;\n\theight:32px;\n\tbackground-image:url(\"img/star.png\");\n\tbackground-size:cover;\n\t@media #{$xl-min} {\n\t\twidth: 42px;\n\t\theight: 42px;\n\t}\n}\n.star.m-empty {\n\tbackground-position: 0 -32px;\n\t@media #{$xl-min} {\n\t\tbackground-position: 0 -42px;\n\t}\n}\n",".table{\n\tdisplay: table;\n}\n.table-row{\n\tdisplay: table-row;\n}\n.table-column{\n\tdisplay: table-column;\n}\n.table-cell{\n\tdisplay: table-cell;\n}","//uses Foundation.js for javascript\n\n.tabs {\n\tdisplay:table;\n\twidth:calc(100% + 10px); // + 10px to account for negative left/right margins\n\tmargin:-5px; // negate outer spacing introduced by border-spacing\n\tborder-spacing:5px; // used to add padding in between cells in table\n\twhite-space:nowrap;\n}\n.tabs > .tabs-title:first-child {\n\tmargin-left:0;\n}\n.tabs-title {\n\tdisplay:table-cell;\n\tpadding:12px;\n\tmargin-left:6px;\n\tbackground-color: rgba(255,255,255,0.6);\n\tborder-top-left-radius:3px;\n\tborder-top-right-radius:3px;\n\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\tborder-radius:0;\n\t}\n\t@include h4font();\n\tcursor: pointer;\n\tvertical-align:middle;\n}\n.tabs-title.is-active {\n\tbackground-color: rgba(19, 42, 77, 0.85);\n}\n.tabs-title > a {\n\tcolor:#3E383A;\n}\n.tabs-title.is-active > a {\n\tcolor:#B4BAC8;\n}\n.tabs-content {\n\tcolor:#FFF;\n\tbackground-color: rgba(19, 42, 77, 0.85);\n}\n.tabs-panel {\n\tdisplay:none;\n}\n.tabs-panel.is-active {\n\tdisplay:block;\n}\n.tab-separator {\n\tmax-width:none;\n\tborder-bottom: 3px solid rgba(255,255,255,0.15);\n\tmargin:0;\n}\n",".Tooltip, .tooltip {\n    display: none;\n    position: absolute;\n    max-width: 320px;\n    padding: 20px;\n    top: 0;\n    left: 0;\n    background-color: $blue-dark;\n    box-shadow: 0 5px 20px 1px rgba(0,0,0,.2);\n    color: $white;\n    z-index: $z-index9;\n\tcursor: pointer;\n}\n.Tooltip-handle, .tooltip-handle {\n    cursor: pointer;\n}\n.Tooltip-tip, .tooltip-tip {\n    display: none;\n}\n.Tooltip-handle.Tooltip-handle--text, .tooltip-handle.tooltip-handle--text {\n    display: inline-block;\n    color: $cyan-dark;\n    fill: $cyan-dark;\n    &:hover {\n        * {\n            text-decoration: underline;\n        }\n    }\n}\n.Tooltip-arrow, .tooltip-arrow {\n\t//box\n\tcontent:\" \";\n\tposition: absolute;\n\theight: 0;\n\twidth: 0;\n\ttop: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n\t//border\n\tborder: solid transparent;\n    border-color: transparent;\n    border-width: 10px;\n    border-top-color: $blue-dark;\n\t//other\n    pointer-events: none;\n   &--top {\n        top: auto;\n        bottom: 100%;\n        border-bottom-color: $blue-dark;\n        border-top-color: transparent;\n    }\n}\n",".UnderlinedHeader {\n    padding-bottom: .2em;\n    border-bottom: 2px solid rgba($blue, 0.2);\n    margin-bottom: .4em;\n}\n",".video-background {\n\tposition:relative;\n}\n.video-background-wrapper {\n\tposition:absolute;\n\ttop:0;\n\tleft:0;\n\twidth:100%;\n\theight:100%;\n\tz-index: $z-index0;\n\toverflow:hidden;\n\t&.m-blend:after {\n\t\tcontent:\"\";\n\t\t@include transparent-blend($white);\n\t}\n\t@include clearfix();\n}\n\n.video-background-vid {\n\theight:100%;\n\twidth:auto;\n}\n.video-background-vid.m-fit-width {\n\twidth:100%;\n\theight:auto;\n}\n.video-background-vid.m-right-align {\n\tfloat:right;\n}\n.video-background-vid.m-center-horizontal {\n\t@include horizontal-center();\n}\n.video-background-vid.m-center-vertical {\n\t@include horizontal-center();\n}\n",".Webbing {\n    position: relative;\n    overflow: hidden;\n}\n.Webbing-wrapper {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: $z-index1;\n    background-color: inherit;\n}\n.Webbing-topLayer {\n    position: relative;\n    z-index: $z-index2;\n}\n\n.Webbing-pattern {\n    display: block;\n    position: absolute;\n    fill: rgba(255, 255, 255, 0.3);\n}\n.ie11 .Webbing-pattern {\n    width: 120%;\n    height: 120%;\n    left: -10%;\n}\n\n@keyframes rectangle {\n    /*rectangle*/\n    0% {\n        clip-path: inset(0 100% 0 -10%);\n    }\n    40% {\n        clip-path: inset(0 -10% 0 100%);\n    }\n    100% {\n        clip-path: inset(0 -10% 0 100%);\n    }\n}\n@keyframes polygon {\n    /*slanted thick rectangle*/\n    0% {\n        clip-path: polygon(-20% 0, -10% 0, -30% 100%, -40% 100%);\n    }\n    40% {\n        clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%);\n    }\n    100% {\n        clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%);\n    }\n}\n@keyframes polygon-thin {\n    /*slanted thin rectangle*/\n    0% {\n        clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%);\n    }\n    40% {\n        clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%);\n    }\n    100% {\n        clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%);\n    }\n}\n\n.Webbing-pattern--bright {\n    display: none;\n    @supports (clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%)) {\n        display: block;\n    }\n    fill: rgba(255, 255, 255, .5);\n    clip-path: inset(100% 100%);\n    animation: polygon-thin 5s linear infinite;\n    filter: blur(1px);\n}\n\n.Webbing-mask {\n    position: absolute;\n    width: 80%;\n    height: 70%;\n    background-color: inherit;\n    color: inherit;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -55%);\n    border-radius: 50%;\n    box-shadow: 0 0 100px 30px;\n}\n","/*\n    Hero Ability Showcase module\n*/\n.ability-showcase {\n    position: relative;\n    // 56 vw would give a ratio of 16-9. Use 46 to shave a bit of height off the video to allow the section below the video showcase to appear.\n    padding-bottom: 46vw;\n    overflow: hidden;\n    background-color: black;\n}\n\n\n\n// HTML5 Video\n.ability-showcase-video {\n    position: absolute;\n    width: 100%;\n    // center video horizontally and vertically\n    top:0;\n    //transform:translateY(-50%);\n    left: 0;\n\n    opacity: 0;\n    visibility: hidden;\n    transition: 80ms opacity ease;\n}\n.ability-showcase-video.is-active {\n    opacity: 1;\n    visibility: visible;\n}\n\n\n\n// Showcase controls\n.ability-showcase-controls {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    width: 100%;\n    margin-bottom: 3.5rem;\n\n    transform: translateX(-50%);\n    text-align: center;\n}\n.ability-showcase-controls .hero-name {\n    color: $white;\n\n    // fancy text gradient for chrome\n    background: -webkit-linear-gradient($white 50%, rgba($white, .25));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    line-height: 0.9;\n}\n.ability-showcase-controls .ability-name {\n    margin-top:0;\n    color: $cyan;\n}\n\n\n\n// Ability button list\n.ability-button-list {\n    @include clearfix();\n    margin-top: 1.4rem;\n}\n.ability-button-list > li {\n    display: inline-block;\n    margin: 0 0.8rem;\n}\n\n\n\n// Ability button\n.ability-showcase .ability-showcase-button {\n    position: relative;\n    width: 5vw;\n    height: 5vw;\n\n    cursor: pointer;\n}\n.ability-showcase .ability-showcase-button > .button-bg-svg {\n    @include absolute-fill();\n\n    overflow: visible;\n    fill: rgba($blue, 0.4);\n    stroke: rgba($white, 0.4);\n    stroke-width: 2;\n}\n.ability-showcase .ability-showcase-button {\n    & > .hero-ability-icon {\n        max-width: 90%;\n        max-height: 65%;\n        height: auto;\n    }\n    &.is-active,\n    &:active,\n    &:hover {\n        & > .button-bg-svg {\n            fill: rgba($blue, 0.9);\n            stroke: rgba($white, 0.9);\n        }\n        & > .hero-ability-icon {\n            opacity: 1;\n        }\n    }\n}\n\n\n\n// Ability button (video) progress circle\n.ability-showcase-button > .progress-svg {\n    @include absolute-fill();\n\n    overflow: visible;\n    fill: none;\n    stroke: $cyan;\n    stroke-width: 4.5;\n    stroke-dasharray: 314;\n    stroke-dashoffset: 314;\n    transform: rotateZ(-90deg);\n    opacity: 0;\n}\n.ability-showcase-button.is-active > .progress-svg {\n    opacity: 1;\n}\n","$transition-speed: 80ms;\n\n.achievement-card {\n    @include border-hoverable();\n    &:hover,\n    &:active {\n        border-color: $cyan;\n    }\n    transition: $transition-speed border ease-out;\n\n    &:after {\n        content: '';\n        @include absolute-fill();\n        box-shadow: inset 0px 0px 60px 0px rgba($cyan, 0.3);\n        opacity: 0;\n        transition: $transition-speed opacity ease-out;\n    }\n    &:hover:after,\n    &:active:after {\n        opacity: 1;\n    }\n}\n",".announcement {\n    display:inline-flex;\n    align-items:center;\n    width:100%;\n    overflow:hidden;\n    min-height:556px;\n    @media #{$lg-min} {\n        min-height:46vw;\n    }\n    padding-left:20px;\n    padding-right:20px;\n}\n.announcement.m-bot-align {\n    align-items:flex-end;\n    //IE 11 needs a height defined for align-items to work.\n    height: 1px;\n}\n//for video announcements with a link to the youtube lightbox/video\n.announcement.u-video {\n    cursor:pointer;\n}\n.announcement.u-video:after {\n    background-size:60px auto;\n    @media #{$lg-min} {\n        background-size:120px auto;\n    }\n}\n\n.announcement.m-video-background > .announcement-video-background {\n    display:none;\n    @media #{$lg-min} {\n        display:block;\n    }\n}\n.announcement.m-video-background > .announcement-background {\n    @media #{$lg-min} {\n        display:none;\n    }\n}\n\n.announcement-background {\n    @include absolute-fill();\n    padding-bottom: 30vw;\n    background-size: cover;\n    background-position:center top;\n    z-index:$z-index0;\n}\n\n//container for elements that sit atop the background.\n.announcement-content {\n    width:100%;\n    margin: 0 auto;\n    padding-top:24px;\n    padding-bottom:24px;\n    @media #{$lg-min} {\n        padding-top:4vw;\n        padding-bottom:4vw;\n    }\n    color: $grey-light;\n    text-align:center;\n    text-shadow: 1px 1px 1px rgba($black, 0.75);\n}\n\n@media #{$md-min} {\n    .announcement-content.m-pull-left\\@md-min {\n        width: 45vw;\n        margin-left:0;\n    }\n    .announcement-content.m-pull-right\\@md-min {\n        width: 45vw;\n        margin-right:0;\n    }\n}\n\n\n.announcement-header {\n    margin: 12px 0;\n    color:$white;\n    line-height: 0.9;\n    &.m-border-accent {\n        border-top: 4px solid rgba(255, 255, 255, 0.2);\n        border-bottom: 4px solid rgba(255, 255, 255, 0.2);\n        padding: 10px 0;\n    }\n    &.m-image-title{\n        width:90%;\n        @media #{$sm-min} {\n            width: auto;\n            max-width:100%;\n        }\n    }\n}\n.announcement-superheader, .announcement-subheader {\n    margin-top: 0;\n    letter-spacing: 2px;\n}\n.announcement-superheader {\n    letter-spacing: 5px;\n    color: $orange;\n}\n.announcement-subheader {\n    margin-bottom:20px;\n}\n\n.announcement-content.m-dark-theme {\n    color: $black;\n    > .announcement-superheader {\n        color: $black;\n    }\n    > .announcement-header {\n        color: $blue;\n    }\n}\n\n.announcement-button {\n    margin:5px;\n}\n\n.announcement-legal {\n    margin-top:5px;\n    font-size: $small-font-size;\n    text-shadow:none;\n}\n\n//font adjustments for AP languages\nbody.zh-tw {\n    .announcement-header {\n        line-height: 1;\n    }\n}\n","@mixin bg-heroes-faceoff() {\n    background-color: #fff;\n    background-image: url('img/pages/home/heroes-faceoff.jpg');\n    background-position: center top;\n}\n.bg-heroes-faceoff {\n    @include bg-heroes-faceoff();\n}\n\n.bg-petals {\n    //background-image: //TODO\n    background-color:#EDD9E0;\n    background-image: url('img/ow-fractal-bg.jpg');\n    background-size: 100% auto;\n    @media #{$lg-max} {\n        background-size: auto 100%;\n    }\n    background-position: center top;\n}\n.bg-petals-cover {\n    background-color:#EDD9E0;\n    background-image: url('img/ow-fractal-bg.jpg');\n    background-size: cover;\n}\n@mixin bg-polygon-world-map() {\n    background-image: url('img/pages/home/fight-for-future-bg.png');\n    background-size: auto 100%;\n    background-position: center top;\n}\n.bg-polygon-world-map {\n    @include bg-polygon-world-map();\n}\n.bg-filler {\n    min-height:340px;\n}\n.bg-candy {\n    background-image: url(\"img/pages/hero-detail/backgrounds/candy.png\");\n    background-size: cover;\n    background-position: center top;\n}\n@mixin bg-fftf {\n    background-color: #4A2D4B;\n    background-size: 100% auto;\n    background-position: center top;\n    @media #{$lg-min} {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        top: 0;\n        background-size: cover;\n    }\n}\n@mixin bg-cairo {\n    background-color: rgb(240, 238, 243);\n    background-size: contain;\n    @media #{$md-max} {\n        background-image: url('img/pages/home/cairo-tablet.jpg');\n        background-color: rgb(228, 223, 230);\n    }\n    @media #{$lg-min} {\n        background-size: cover;\n        background-position: center top;\n        background-image: url('img/pages/home/cairo-desktop.jpg');\n    }\n}\n@mixin bg-volskaya {\n    background-size: contain;\n    @media #{$md-max} {\n        background-image: url('img/pages/home/fight-for-the-future/volskaya-760.jpg');\n    }\n    @media #{$lg-min} {\n        background-size: cover;\n        background-position: center top;\n        background-image: url('img/pages/home/fight-for-the-future/volskaya-2560.jpg');\n    }\n}\n@mixin bg-london {\n    background-size: contain;\n    @media #{$md-max} {\n        background-image: url('img/pages/home/fight-for-the-future/london-760.jpg');\n    }\n    @media #{$lg-min} {\n        background-size: cover;\n        background-position: center top;\n        background-image: url('img/pages/home/fight-for-the-future/london-2560.jpg');\n    }\n}\n\n$percentToFadeIn: 10;\n\n.bg-fftf {\n    opacity: 1;\n\n    @media #{$lg-min} {\n        &.trans-in {\n            animation: 20s linear bg-fade-in;\n        }\n        &.trans-out-latest {\n            animation: 20s linear bg-fade-out;\n            z-index: -1;\n        }\n        &.trans-out {\n            z-index: -10;\n        }\n    }\n    content: '';\n    position: absolute;\n    z-index: -2;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.bg-cairo {\n    @include bg-cairo();\n}\n.bg-volskaya {\n    @include bg-volskaya();\n}\n.bg-london {\n    @include bg-london();\n}\n@keyframes bg-fade-in {\n    0 {\n        opacity: 0;\n    }\n    100% {\n        opacity: 1;\n    }\n}\n@keyframes bg-fade-out {\n    0 {\n        opacity: 1;\n    }\n    #{$percentToFadeIn}% {\n        opacity: 0;\n    }\n    100% {\n        opacity: 0;\n    }\n}\n\n.bg-color-blue-dark {\n    background-color: rgb(41, 51, 71);\n}\n.bg-gibraltar {\n    background-image:url(\"img/pages/career/gibraltar-bg-mobile.jpg\");\n    background-position:center top;\n    @media #{$md-min} {\n        background-image:url(\"img/pages/career/gibraltar-bg.jpg\");\n    }\n}\n.bg-crystal-dark {\n    background-image:url(\"img/pages/career/crystal-bg-mobile.png\");\n    background-position:center top;\n    @media #{$md-min} {\n        background-image:url(\"img/pages/career/crystal-bg.png\");\n    }\n}\n",".blog-sidebar {\n    margin-top:40px;\n}\n@media #{$lg-min} {\n    .blog-sidebar {\n        margin-top:0;\n        @include calloutBox(hsla(0, 0, 100, 0.04), 20px 25px 5px 25px);\n    }\n}\n.blog-sidebar-title {\n    line-height: 0.9em;\n}\n.blog-sidebar-list {\n    margin-top: 15px;\n    border-top:3px solid hsla(0,0%,100%,.9);\n    padding-top:2px;\n}\n.blog-sidebar-article {\n    padding: 15px 0;\n    border-top: 1px solid #f0edf2;\n    border-top: 1px solid rgba(255, 255, 255, 0.3);\n    line-height: 1.45em;\n}\n.blog-sidebar-article:first-child {\n    border-top: none;\n}\nbody.ko-kr {\n    .blog-sidebar-article-title {\n        @include resetFont();\n    }\n}\n.blog-sidebar-article-title {\n    @include resetFont();\n}\n.blog-sidebar-image {\n    width:33%;\n    display:none;\n    @media #{$lg-min} {\n        display:block;\n    }\n}\n.blog-sidebar-date {\n    color:$grey;\n}\n","/**\nComments CSS overrides\n*/\n.bnet-comments .Author-avatar{\n        float: left;\n        margin-right: 1rem;\n}\n.bnet-comments button, select, input, textarea{\n        color: black;\n}\n\n.bnet-comments .Author-avatar{\n        height: 64px;\n    width: 64px;\n    background-image: none;\n    background-size: initial;\n    border: none;\n        float: left;\n        margin-right: 1rem;\n}\n\n.bnet-comments .comment-nested .Author-avatar{\n    height: 32px;\n    width: 32px;\n}\n\n.bnet-comments .Author-avatar, .bnet-comments .Author-avatar:after {\n        box-shadow: none;\n}\n/*\n    Blog Avatars\n*/\n.bnet-avatar {\n  display: none;\n}\n/*\n    Bnet common game site overrides\n*/\n.bnet-comments {\n  padding: 0;\n}\n.bnet-comments .comments-pages {\n  margin: 0;\n}\n.bnet-comments .hide {\n  display: none;\n}\n.comments-error .subheader-2.hide {\n  display: none;\n}\n.comments-error .hide {\n  display: block;\n}\n.button-mod span {\n  line-height: normal;\n  height: auto;\n}\n.bnet-comments .Author {\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n}\n.bnet-comments .Author.is-ignored {\n  display: none;\n}\n.bnet-comments .Author-ignored {\n  display: block;\n}\n.bnet-comments .Author-ignored.is-hidden {\n  display: none;\n}\n.bnet-comments .Author-details {\n  display: flex;\n  flex: 1 1 0;\n  flex-direction: column;\n  margin-left: 1rem;\n}\n.bnet-comments .Author-details > span {\n  margin-top: .5rem;\n}\n.bnet-comments .Author-details > span:first-of-type {\n  margin-top: 0;\n}\n.bnet-comments .Author-name {\n  color: #ffc70e;\n  transition: 200ms color ease;\n  font-weight: bold;\n  font-size: 14px;\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);\n}\n.bnet-comments .Author-name:hover {\n  color:#f0edf2;\n}\n.bnet-comments .Author-comment {\n  color:#f0edf2;\n  word-wrap: break-word;\n  line-height: 1.4em;\n  font-size: 14px;\n  margin-top: 0.25rem;\n}\n/*\n    Blog Comments Icon\n*/\n.comments-link {\n  padding: 0 0 1px 24px;\n  background: url(\"img/icons/comment-count-lg.png\") 0 1px no-repeat;\n}\n.comments-link:hover {\n  background-position: 0 -26px;\n}\n/*\n    Blog Comment UI Buttons\n*/\n\n.ui-pagination {\n    padding: 0 .5em;\n    color: #fff;\n    font-family: $futura;\n    font-weight: 600;\n    font-size: 12px;\n    text-transform: uppercase;\n}\n.ui-pagination li {\n    margin: 0 .2em;\n}\n.ui-pagination li>a {\n    font-size: .9em;\n    border-radius: 2px;\n    background-color: rgba(0,0,0,0);\n    box-shadow: none;\n    border: 2px solid #fff;\n    color: #fff;\n    -webkit-transform: skew(-.25rad) perspective(1px) translate3d(0,0,0);\n    transform: skew(-.25rad) perspective(1px) translate3d(0,0,0);\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    padding: 5px 7px;\n}\n.ui-pagination li.current>a {\n    background: #fff;\n    border-color: #fff;\n    color: #511616;\n    box-shadow: none;\n}\n.ui-pagination li>a:hover {\n    background: #fff;\n    border-color: #fff;\n    color: #511616;\n    box-shadow: none;\n}\nbody.ko-kr .ui-button, body.ko-kr .ui-button span  {\n    font-family: \"Blackfit77\",sans-serif;\n    transform: none;\n}\n.ui-button {\n  display: inline-block;\n  padding: 0.35em 2em;\n  text-align: center;\n  cursor: pointer;\n  transition: none;\n  transform: skew(-0.25rad);\n  transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  background-color: #ffc70e;\n  color: #511616;\n  box-shadow: inset 0 0 10px 5px rgba(237, 186, 14, 0.6);\n  border: 1px solid #fdda75;\n  font-family: $futura;\n  font-weight: 600;\n  text-transform: uppercase;\n  border-radius: 4px;\n  padding: 0.35em 0.9em;\n  font-size: 100%;\n}\n.ui-button span {\n  display: inline-block;\n  text-shadow: none;\n  font-family: $futura;\n  font-weight: 600;\n  text-transform: uppercase;\n  transform: skew(0.25rad);\n}\n.ui-button.active,\n.ui-button:focus,\n.ui-button:hover {\n  background:#f0edf2;\n  border-color:#f0edf2;\n  color: #511616;\n  box-shadow: none;\n}\n.ui-button.disabled {\n  background-color: rgba(207, 206, 206, 0.5);\n  box-shadow: none;\n  border: none;\n  color: rgba(255, 255, 255, 0.5);\n}\n.ui-button > span {\n  display: block;\n  overflow: visible;\n}\n.ui-button .button-left {\n  overflow: visible;\n  transform: skew(0);\n}\n.ui-button .button-right {\n  overflow: visible;\n}\n.ui-button > span > span {\n  vertical-align: sub;\n}\n/* Removing button styles from ui-button for non-primary actions.*/\nbody.ko-kr .results-button,\nbody.ko-kr .ui-cancel {\n    font-family: \"Blackfit77\", sans-serif;\n}\n\n.results-button,\n.ui-cancel {\n  background-color: transparent;\n  box-shadow: none;\n  border: none;\n  font-family: $futura;\n  font-weight: 600;\n  text-transform: uppercase;\n  color: #ffc70e;\n  padding: 0 10px;\n}\n.results-button:hover,\n.ui-cancel:hover {\n  color:#f0edf2;\n  background-color: transparent;\n}\n\n\n/*\n    Blog Comments\n*/\nbody.ko-kr .blog-comments .subheader-2 {\n  font: normal 5.5em \"Koverwatch\", sans-serif;\n  font-size: 2.5em;\n}\n.blog-comments .subheader-2 {\n  padding: 16px 0;\n  margin: 40px 0 24px;\n  border-bottom: 2px solid#f0edf2;\n  font: italic 5.5em \"Big Noodle Too\", impact, sans-serif;\n  line-height: 0.9em;\n  padding-right: 0.3em;\n  text-shadow: 2.5px -2px 0.5px rgba(35, 31, 32, 0.1), -2.5px 2px 0.5px rgba(35, 31, 32, 0.1), -2.5px -2px 0.5px rgba(35, 31, 32, 0.1), 2.5px 2px 0.5px rgba(35, 31, 32, 0.1);\n  font-size: 2.5em;\n}\n@media only screen and (max-width: 47.5em) {\n  .blog-comments .subheader-2 {\n    text-shadow: 2px -1.8px 0.5px rgba(35, 31, 32, 0.1), -2px 1.8px 0.5px rgba(35, 31, 32, 0.1), -2px -1.8px 0.5px rgba(35, 31, 32, 0.1), 2px 1.8px 0.5px rgba(35, 31, 32, 0.1);\n  }\n}\n.blog-comments .comments-form-wrapper {\n  margin-bottom: 40px;\n  font-size: 14px;\n}\n.blog-comments .comments-form-wrapper > div,\n.blog-comments .comments-form-wrapper > form,\n.blog-comments .comments-form {\n  background-color: rgba(255, 255, 255, 0.04);\n}\n.blog-comments .comments-form {\n  border-radius: 4px;\n  padding-left: 16px;\n}\n.blog-comments .comments-form img {\n  height: 65px;\n  width: 65px;\n  border-radius: 7px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n.blog-comments .comments-action {\n  margin-top: 8px;\n  margin-right: 5px;\n}\n.blog-comments .comments-action .ui-cancel {\n  margin-left: 5px;\n}\n.blog-comments .comments-form .input-wrapper {\n  margin-bottom: 8px;\n}\n.blog-comments .comments-form .input-wrapper textarea {\n  width: 100%;\n  padding: 10px 8px;\n  border: 0;\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 100%;\n}\n.blog-comments .comments-error-gate {\n  padding: 32px 30px;\n}\n.blog-comments #comments-sorting-wrapper {\n  overflow: hidden;\n  overflow-x: auto;\n  white-space: nowrap;\n  -webkit-overflow-scrolling: touch;\n}\n.blog-comments #comments-sorting-wrapper .tab-menu {\n  float: left;\n  min-width: 100%;\n  border-bottom: 2px solid#f0edf2;\n  padding: 0;\n  margin: 0;\n}\nbody.ko-kr .blog-comments #comments-sorting-wrapper .tab-menu > li {\n  font: 1.875em \"Koverwatch\", impact, sans-serif;\n  transform: none;\n}\n.blog-comments #comments-sorting-wrapper .tab-menu > li {\n  position: relative;\n  display: inline-block;\n  margin-bottom: -2px;\n  margin-right: -6px;\n  line-height: 1.2;\n  transform: skew(-0.25rad);\n  transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);\n  backface-visibility: hidden;\n  font: 1.875em \"Big Noodle Too\", impact, sans-serif;\n  text-align: center;\n}\n.blog-comments #comments-sorting-wrapper .tab-menu > li > a {\n  display: block;\n  padding: 10px 15px;\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  color: rgba(255, 255, 255, 0.5);\n  text-decoration: none;\n  cursor: pointer;\n}\n.blog-comments #comments-sorting-wrapper .tab-menu > li:hover > a,\n.blog-comments #comments-sorting-wrapper .tab-menu > li > a.tab-active {\n  color:#f0edf2;\n  border-bottom: 5px solid #ffc70e;\n}\n.blog-comments .comments-list {\n  border-bottom: 1px solid;\n  border-color: rgba(255, 255, 255, 0.3);\n}\n.blog-comments .comments-list > li {\n  margin: 10px 0;\n  font-size: 14px;\n  line-height: 1.4em;\n}\n.blog-comments .comments-list > li:first-child .comment-tile {\n  border: none;\n}\n.blog-comments .comment-tile {\n  min-height: 105px;\n  position: relative;\n  padding: 24px 0 40px 0px;\n  background: none;\n  border-radius: 0;\n  border-top: 1px solid;\n  border-color: rgba(255, 255, 255, 0.3);\n}\n.blog-comments .comment-tile .comment-body {\n  position: relative;\n}\n.blog-comments .comment-tile img {\n  height: 65px;\n  width: 65px;\n  border-radius: 7px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n/*.bnet-comments .comments-list>li {\n    padding: 32px;\n}*/\n.blog-comments .comments-list > li.comment-nested {\n  padding-left: 35px;\n  margin-bottom: 10px;\n}\n.blog-comments .comment-nested .comment-tile {\n  padding-left: 0px;\n  border-color: rgba(255, 255, 255, 0.1);\n  min-height: 105px;\n  padding-bottom: 0px;\n}\n.Author--blizzard .Author-avatar {\n    border: none;\n    border-radius: 0;\n    box-shadow: none;\n}\n.comment-nested .Author--blizzard .Author-avatar {\n    border: none;\n    border-radius: 0;\n    box-shadow: none;\n    width: 32px;\n}\n.blog-comments .comment-nested .comment-tile img {\n  width: 33px;\n  height: 33px;\n  border-radius: 7px;\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n.blog-comments .comment-tile .timestamp {\n  vertical-align: top;\n}\n.blog-comments .comment-tile .comment-head {\n  margin-bottom: 8px;\n  position: relative;\n}\n.blog-comments .comment-tile .comment-foot {\n  margin: 4px 0;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n}\n.blog-comments .comment-tile .comment-foot .ui-button {\n  background-color: rgba(0, 0, 0, 0);\n  box-shadow: none;\n  border: 2px solid#f0edf2;\n  color:#f0edf2;\n  padding: 0.1em 0.5em;\n}\n.blog-comments .comment-tile .comment-foot .ui-button:hover {\n  background:#f0edf2;\n  border-color:#f0edf2;\n  color: #511616;\n  box-shadow: none;\n}\n.blog-comments .moderator-controls {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n/*\n    Blog Comment UI Contexts\n*/\n.ui-context {\n  background:#f0edf2;\n}\n.ui-context a {\n  color: #ffc70e;\n}\n.ui-context .context strong {\n  color: #000000;\n}\n.ui-context .context span {\n  text-shadow: none;\n}\n.context-link {\n  background-image: url(\"img/icons/flyout-arrows.png\");\n  background-position: 100% -25px;\n}\n.context-link:hover {\n  background-position: 100% -87px;\n}\n/*\n    Blog Comment UI Dropdowns\n*/\n.blog-comments .report-comment a {\n  border-top: 1px solid rgba(0, 0, 0, 0.15);\n  background-image: url(\"img/layout/cms/report-small.png\");\n  background-position: 7px 6px;\n  background-repeat: no-repeat;\n}\n/*\n    Blog Comments Ratings\n*/\n.blog-comments .comment-rating {\n  font-size: 0.75em;\n  color: #75a448;\n  position: absolute;\n  top: 20px;\n  right: 8px;\n  text-align: right;\n}\n.blog-comments .rate-post-wrapper {\n  position: absolute;\n  bottom: 0;\n  left: 83px;\n}\n.blog-comments .rate-post-wrapper .dropdown-wrapper {\n  left: 0;\n  top: 0;\n}\n.blog-comments .comment-nested .rate-post-wrapper {\n  left: 45px;\n}\n.bnet-comments .moderator-review {\n  float: none;\n  background-color: rgba(0, 0, 0, 0.5);\n  font-size: 10px;\n}\n.bnet-comments .rate-option {\n    float: left;\n    display: inline-block;\n    cursor: pointer;\n    height: 30px;\n    width: 30px;\n}\n.bnet-comments .rate-up {\n    display: block;\n    height: 30px;\n    width: 30px;\n    background-image: url(\"img/pages/blog/icon-rating.png\");\n}\n.bnet-comments .rate-down {\n    display: block;\n    height: 30px;\n    width: 30px;\n    background-image: url(\"img/pages/blog/icon-rating.png\");\n}\n.bnet-comments .rate-option.rate-up {\n    background-position: 0 -30px;\n}\n.bnet-comments .rate-option .rate-down {\n    background-position: 0 0;\n}\n\n/*\n    Blog Comments Pagination\n*/\n.blog-comments .comments-controls {\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  padding: 10px 0 7px;\n  margin: 0;\n}\n\n/*\n    Responsive styles\n*/\n.blog-comments .bnet-comments .comment-mvp .comment-body {\n  color: inherit;\n}\n@media only screen and (max-width: 640px) {\n  .blog-comments .comment-tile {\n    padding-top: 16px;\n  }\n  .blog-comments .comment-tile img {\n    height: 40px;\n    width: 40px;\n  }\n  .blog-comments .comment-tile .bnet-avatar {\n    top: 16px;\n  }\n  .blog-comments .comment-tile .bnet-avatar img,\n  .blog-comments .comment-tile .bnet-avatar .avatar-outer a {\n    height: 32px;\n    width: 32px;\n  }\n  .blog-comments .comments-list > li {\n    font-size: 12px;\n  }\n  .blog-comments .comments-list > li.nested-reply {\n    padding-left: 0;\n  }\n  .blog-comments .rate-post-wrapper {\n    left: 43px;\n  }\n  .blog-comments .comments-form {\n    padding-left: 16px;\n  }\n  .blog-comments .comments-form img {\n    height: 40px;\n    width: 40px;\n  }\n  .blog-comments .comments-form .bnet-avatar img {\n    height: 32px;\n    width: 32px;\n  }\n  .blog-comments .context-link {\n    background-position: 100% -27px;\n  }\n  .blog-comments .context-link:hover {\n    background-position: 100% -89px;\n  }\n  .blog-comments .bnet-comments .comment-blizzard .comment-head .employee-icon {\n    margin-top: 2px;\n  }\n  .blog-comments .bnet-comments .comment-tile .comment-foot .ui-button {\n    visibility: visible;\n  }\n  .blog-comments .moderator-controls .control-label {\n    width: 100%;\n  }\n}\n",".content-box {\n    $mobile-padding: 44px;\n    $desktop-padding: 72px;\n    padding-top: $mobile-padding;\n    padding-bottom:$mobile-padding;\n\n    @media #{$lg-min} {\n        padding-top: $desktop-padding;\n        padding-bottom: $desktop-padding;\n    }\n    &.u-nav-offset {\n        padding-top: $mobile-padding + $nav-offset-mobile;\n        @media #{$lg-min} {\n            padding-top: $desktop-padding + $nav-offset-desktop;\n        }\n    }\n}\n.content-box.m-tinyPad {\n    padding-top: 10px;\n    padding-bottom: 10px;\n}\n\n//todo: probably better to move this off the content box\n.content-box > h1 {\n    margin-bottom: 2.9rem;\n}\n",".Control-group, .control-group {\n    display: inline-block;\n    vertical-align: top;\n}\n\n.Control, .control {\n    position: relative;\n    display: inline-block;\n    padding-left: 1.4em;\n    cursor: pointer;\n    height: 1.2em;\n}\n\n.Control-input, .control-input {\n    position: absolute;\n    z-index: $z-index0;\n    opacity: 0;\n}\n\n.Control-indicator, .control__indicator {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0px;\n    width: 1.2em;\n    height: 1.2em;\n    background: $blue;\n    border: 2px solid $white;\n    border-radius: 4px;\n\n}\n\n.Control--radio .Control-indicator, \n.Control--radio .Control-indicator:before,\n.control--radio .control__indicator,\n.control--radio .control__indicator:before {\n    border-radius: 50%;\n}\n\n/* Hover and focus states */\n.Control:hover .Control-input ~ .Control-indicator,\n.Control .Control-input:focus ~ .Control-indicator,\n.Control:hover .Control-input:not([disabled]):checked ~ .Control-indicator,\n.Control .Control-input:checked:focus ~ .Control-indicator,\n\n.control:hover input ~ .control__indicator,\n.control input:focus ~ .control__indicator,\n.control:hover input:not([disabled]):checked ~ .control__indicator,\n.control input:checked:focus ~ .control__indicator {\n    background: darken($blue, 10%);\n}\n\n/* Disabled state */\n.control input:disabled ~ .control__indicator {\n    pointer-events: none;\n    opacity: .6;\n    background: #e6e6e6;\n}\n\n/* Check mark */\n.Control--checkbox .Control-indicator:after, \n.Control--checkbox .control__indicator:after {\n    position: absolute;\n    opacity: 0;\n    content: '';\n}\n\n\n/* Checkbox tick */\n.Control--checkbox .Control-input ~ .Control-indicator:after,\n.control--checkbox input:checked ~ .control__indicator:after {\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: url(img/checkbox.png);\n    background-size: contain;\n}\n\n/* Show check mark */\n.Control--checkbox .Control-input:checked ~ .Control-indicator:after,\n.control--checkbox input:checked ~ .control__indicator:after {\n    opacity: 1;\n}\n\n/* Disabled tick colour */\n.Control--checkbox .Control-input:disabled ~ .Control-indicator, \n.Control--radio .Control-input:disabled ~ .Control-indicator, \n.control--checkbox input:disabled ~ .control__indicator,\n.control--radio input:disabled ~ .control__indicator {\n    background-color: $grey-dark;\n    cursor: default;\n}\n\n\n/* Radio button inner circle */\n.Control--radio .Control--indicator:after\n.control--radio .control__indicator:after {\n    top: 7px;\n    left: 7px;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: $true-white;\n}","/*\n    Dividers meant to be used on sections\n*/\n.section-divider {\n    position: relative;\n\n    &:before,\n    &:after {\n        content: '';\n        position: absolute;\n        left: 0;\n        right: 0;\n\n        background-size: auto 100%;\n        background-position: center top;\n        background-repeat: no-repeat;\n        z-index: $z-index3;\n    }\n    &:before {\n        bottom: 100%;\n    }\n    &:after {\n        top: 100%;\n    }\n}\n.section-divider.m-top-only {\n    &:after {\n        content: none;\n    }\n}\n.section-divider.m-bottom-only {\n    &:before {\n        content: none;\n    }\n}\n.section-divider.m-wings {\n    &:before,\n    &:after {\n        height: 3rem;\n        background-image: url('img/dividers/wing.png');\n    }\n    &:after {\n        transform: scale(1, -1);\n    }\n}\n.section-divider.m-wings-lg {\n    &:before,\n    &:after {\n        height: 3rem;\n        background-image: url('img/scene/deco.png');\n    }\n    &:after {\n        transform: scale(1, -1);\n    }\n}\n.section-divider.m-line {\n    &:before,\n    &:after {\n        height: 2px;\n        border: 2px solid rgba($grey-dark, 0.7);\n    }\n}\n\n// needs to be last to override above default behavior\n.section-divider.m-inset {\n    &:before {\n        top: 0;\n        bottom: auto;\n        // need to vertically flip the divider to reverse the default behavior\n        transform: scale3d(1, -1, 1);\n    }\n    &:after {\n        bottom: 0;\n        top: auto;\n        // need to vertically flip the divider to reverse the default behavior\n        transform: scale3d(1, 1, 1);\n    }\n}\n\n.event-divider,\n.wood-divider {\n    position: relative;\n    &:before {\n        display: inline-block;\n        content: \"\";\n\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n\n        z-index: $z-index3;\n\n        width: 100%;\n\n        border-top-width: 0;\n        border-bottom-width: 0;\n\n        transform: translateY(-3px);\n    }\n    &:before {\n        height: 25px;\n        @media #{$lg-min} {\n            height: 65px;\n            transform: translateY(-15px);\n        }\n    }\n}\n.wood-divider {\n    &:before {\n        background: url(\"img/components/dividers/ww-divider-mobile.png\");\n        @media #{$lg-min} {\n            background: url(\"img/components/dividers/ww-divider-desktop.png\");\n        }\n    }\n}\n\n.wood-divider.wood-divider--one {\n    &:before {\n        background-position-y: 0;\n    }\n}\n\n.wood-divider.wood-divider--two {\n    &:before {\n        background-position-y: -48px;\n        @media #{$lg-min} {\n            background-position-y: -65px;\n        }\n    }\n}\n\n.wood-divider.wood-divider--three {\n    &:before {\n        background-position-y: -96px;\n        @media #{$lg-min} {\n            background-position-y: -196px;\n        }\n    }\n}\n",".fadein-animation {\n    opacity: 0.0;\n    transform: translateY(25px);\n    transition: opacity 750ms ease-out, transform 750ms ease-out;\n}\n.fadein-animation.is-visible {\n    opacity: 1.0;\n    transform: translateY(0px);\n}\n",".Filter, .filter {\n    @include h6font();\n    text-transform: uppercase;\n}\n\n.Filter-sort, .filter-platform,\n.filter-sort, .filter-platform {\n    color: $blue;\n}\n\n.Filter-sort,\n.filter-sort {\n    margin-bottom: 10px;\n\n    @media #{$lg-min} {\n        margin-bottom: 0px;\n    }\n}\n\n.Filter-sort-label {\n    margin-right: 6px;\n}\n\n.Filter-sort-option,\n.filter-sort-option {\n    margin: 0 3px;\n    padding-right: 5px;\n    border-width: 0px 2px;\n    border-right: 1px solid rgba(255, 255, 255, 0.5);\n    color: $black;\n    &:last-child, &:last-of-type {\n        border-right: none;\n    }\n    &:hover, &.is-selected {\n        color: $true-white;\n        cursor: pointer;\n    }\n}\n\n.Filter-text, .filter-text {\n    margin-right: 15px;\n}\n.Filter-platform-list {\n    display: inline-block;\n}\n.Filter-platform-list-item {\n    margin-top: 5px;\n\n    &:first-child {\n        margin-top: 0px;\n    }\n    @media #{$sm-min} {\n        margin-top: 0px;\n        display: inline-block;\n        margin-left: 20px;\n        &:first-child {\n            margin-left: 0px;\n        }\n    }\n}\n\n.Filter-platform,\n.filter-platform {\n    text-align: left;\n}\n\n.Filter-platform-input {\n    vertical-align: middle;\n    margin-left: 1rem;\n    margin-right: .5rem;\n}\n",".overwatch-footer{\n    background-image: url(\"img/pages/buy/buy-bar-bg.jpg\");\n}\n.social-footer-header {\n    margin-top: 4px;\n    font-family: $big-noodle;\n    font-style: italic;\n    color: $white;\n    letter-spacing: 0.05rem;\n}\n.social-container{\n    margin-top: 5px;\n}\n.footer-rule{\n    margin: 0px 0px;\n    max-width: none;\n    border-bottom: 2px solid #cacaca;\n    opacity: 0.1;\n    background: none;\n}\n\n.footer ul ul {\n  margin-right: 0rem;\n  margin-left: 0rem;\n}\n.footer .footer-section .ratings .rating-wrapper {\n  float: none;\n  @media #{$lg-min} {\n    float: left;\n  }\n}\n\n.footer-career {\n    margin-top: 20px;\n    text-align: center;\n}\n\n.footer-prepurchase {\n    padding:36px 0 30px;\n}\n\n.bootstrap-footer{\n    >.footer{\n        max-width: 100%;\n        margin: 0;\n        background-color: #f0edf2;\n    }\n    .row {\n        margin:0;\n    }\n\n    .desktop-footer-container {\n        @include max-width-container();\n    }\n    .mobile-footer-container > .footer-section {\n        @include max-width-container();\n        padding-left:8px;\n    }\n}\n\n.dropdown-section {\n    >.btn {\n        font-family: $arial;\n    }\n}\n\n#eu-cookie-compliance {\n    .btn {\n        width: auto;\n        font-family: Blizzard,Arial,Helvetica,sans-serif;\n        font-weight: normal;\n    }\n    .modal-header {\n        text-align: left;\n        margin: 19px 20px 0 0px;\n        h1 {\n            font-style: normal;\n        }\n    }\n    .modal-body {\n        text-align: left;\n    }\n}\n.footer-prepurchase {\n    padding-top: 36px;\n    padding-bottom: 30px;\n}\n.footer-container {\n    background-color: #F0EDF2;\n    > .NavbarFooter {\n        margin-top: 0;\n        padding-top: 20px;\n    }\n}\n","$gutter-count:10;\n$gutter-base:6;\n$gutter-breakpoints: (\n    xs: $xs-min,\n    sm: $sm-min,\n    md: $md-min,\n    lg: $lg-min,\n    xl: $xl-min,\n    xxl: $xxl-min\n);\n\n@mixin gutters($suffix:\"\") {\n    /* Expected output of this loop will be classes such as:\n    ** .row.gutter-6 > .column, .row.gutter-12 > .column\n    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column\n    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column\n    */\n    $i:0;\n    @while $i <= $gutter-count {\n    $gutter-size : $i * $gutter-base;\n    $gutter-amount: $gutter-size/2;\n        .row.gutter-#{$gutter-size}#{$suffix} > .column, .row.gutter-#{$gutter-size}#{$suffix}.column {\n            padding-left: $gutter-amount+px;\n            padding-right: $gutter-amount+px;\n    }\n        .row.gutter-#{$gutter-size}#{$suffix} .row {\n            margin-left: -$gutter-amount+px;\n            margin-right: -$gutter-amount+px;\n    }\n\n        $i : $i + 1;\n            }\n}\n\n@mixin spacers($suffix:\"\") {\n    /* Expected output of this loop will be classes such as:\n    ** .row.spacer-6 > .column, .row.spacer-12 > .column\n    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column\n    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column\n    */\n    $i:0;\n    @while $i <= $gutter-count {\n    $gutter-size : $i * $gutter-base;\n    $gutter-amount: $gutter-size/2;\n        .row.spacer-#{$gutter-size}#{$suffix} > .column, .row.spacer-#{$gutter-size}#{$suffix}.column {\n        margin-top: $gutter-amount+px;\n        margin-bottom: $gutter-amount+px;\n    }\n\n        $i : $i + 1;\n    }\n}\n\n@include gutters();\n@include spacers();\n\n@each $breakpoint, $query in $gutter-breakpoints {\n        @media #{$query} {\n        @include gutters(\\@#{$breakpoint});\n        @include spacers(\\@#{$breakpoint});\n        }\n}\n",".navbars{\n\n    position: fixed;\n    top: 0;\n    width: 100%;\n    display: block;\n    z-index: 97;\n    max-width: 2560px;\n    left: auto;\n    right: auto;\n}\n\n.nav-client #nav-client-bar{\n    display: block;\n    height: 44px;\n    background-color: rgba(2, 25, 72, 0.3);\n    width: 100%;\n}\n\n@media #{$sm-max}{\n    .nav-client .nav-mobile-menubar,\n    #nav-client-header.mobileEnabled #nav-client-bar{\n        display: none;\n    }\n}\n\n// .nav{\n//     display: block;\n//     margin: 0;\n//     height: 71.192px;\n//     background-color: rgba(40, 53, 79, 0.9);\n//     @media #{$md-min}{\n//         margin: 1.618vw 1.618vw 0;\n//     }\n// }\n.nav-client .nav-link{\n    color: #e6e9ef;\n    //color: rgba(255,255,255,0.7);\n    text-shadow: 1px 1px rgba(0,0,0,0.5);\n}\n\n\n#nav-client-header{\n    z-index: 100;\n}\n\n.nav-client .nav-mobile-menu-wrap{\n\tbox-shadow: none;\n\ttransition: all 300ms $easeOutCirc !important;\n}\n\n#nav-client-header.mobileEnabled .nav-header-content{\n    //display: block;\n}\n\n\n.nav-client #nav-blackout{\n\tdisplay: block !important;\n\tvisibility: hidden;\n\topacity: 0;\n\ttransition: all 300ms $easeOutCirc;\n\tbackground-color: rgba(0, 0, 0, 0.8);\n    cursor: pointer;\n}\n\n.nav-client .out ~ #nav-blackout{\n\tdisplay: block !important;\n\tvisibility: visible;\n\topacity: 1;\n}\n",".hero-ability {\n    margin-top:22px;\n    padding: 20px 12px 12px 12px;\n    @media #{$lg-min} {\n        margin-top:2px;\n        padding:0;\n    }\n    background-color: rgba(19, 42, 77, 0.2);\n    overflow: hidden;\n    position: relative;\n}\n\n.hero-ability-descriptor {\n    @media #{$sm-max} {\n        margin-top:14px;\n        text-align:center;\n    }\n    @media #{$md-min} {\n        padding-right:18px;\n        display:table-cell;\n        vertical-align: top;\n    }\n    @media #{$lg-min} {\n        padding: 20px 16px 20px 16px;\n    }\n}\n.hero-ability-descriptor > :first-child {\n    text-transform:uppercase;\n    color:$white;\n    margin-top:0;\n}\n.hero-ability-video {\n    width:100%;\n    display:block;\n    margin-top:20px;\n}\n@media #{$lg-min} {\n    .hero-ability-video {\n        display:none;\n    }\n}\n.hero-ability-icon-container {\n    text-align:center;\n    @media #{$md-min} {\n        display:table-cell;\n        vertical-align: middle;\n        padding-left:18px;\n        padding-right:18px;\n    }\n    @media #{$lg-min} {\n        padding-left:24px;\n        padding-right:24px;\n        background-color: rgba(19, 42, 77, 0.1);\n    }\n}\n.hero-ability-icon-bg {\n    position:relative;\n    border-radius:50%;\n    width:60px;\n    height:60px;\n    margin-left:auto;\n    margin-right:auto;\n    text-align:center;\n    @media #{$lg-min} {\n        width:74px;\n        height:74px;\n    }\n    background-color: rgba($blue, 0.4);\n    border:2px solid rgba($white, 0.4);\n}\n.hero-ability-icon-bg.m-hoverable {\n    &.is-active,\n    &:active,\n    &:hover {\n        background-color: rgba($blue, 0.9);\n        border:2px solid rgba($white, 0.9);\n    }\n}\n.hero-ability-icon {\n    width: auto;\n    height: auto;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translateX(-50%)translateY(-50%);\n    max-height: 65%;\n    max-width: 150%;\n}\n.hero-ability-icon-bg.m-hoverable > .hero-ability-icon,\n.hero-ability-icon.m-hoverable  {\n    opacity: 0.7;\n}\n.hero-ability-icon-bg.m-hoverable {\n    &.is-active,\n    &:active,\n    &:hover {\n        > .hero-ability-icon {\n            opacity: 1;\n        }\n    }\n}\n.hero-ability-icon.m-hoverable {\n    &.is-active,\n    &:active,\n    &:hover {\n        opacity: 1;\n    }\n}\n.hero-ability-icon.m-small {\n    height: 45%;\n}\n.hero-ability-icon.m-weapon {\n    height: 55%;\n}\n",".hero-bio > li {\n    margin-top:12px;\n    margin-bottom:12px;\n}\n.hero-bio-copy {\n    display:block;\n    overflow:hidden;\n    padding-left:12px;\n}\n.hero-bio-icon {\n    width:24px;\n    height:24px;\n    fill:$cyan;\n    float:left;\n}\n\n.hero-bio-backstory {\n    margin-top:18px;\n    background-color: rgba(19, 42, 77, 0.65);\n    line-height: 1.6;\n}\n.hero-bio-quote {\n    font-family: $big-noodle;\n    font-size: $font-tier4;\n    font-style: italic;\n    font-weight: normal;\n    color: $cyan;\n    letter-spacing: 0.5px;\n    @media #{$md-min} {\n        font-size: $font-tier5;\n    }\n}\n",".hero-detail {\n    position:relative;\n}\n.hero-detail-tabs {\n    padding-bottom: 50px;\n    @media #{$lg-min} {\n        padding-top: 72px;\n    }\n    .tabs-title {\n        width: 49.5%;\n        margin-left: 1%;\n        text-align: center;\n    }\n}\n.hero-detail-description {\n    @media #{$sm-min} {\n        max-width:90%;\n    }\n    border-left:6px solid $cyan;\n    padding-left:18px;\n    margin-left:6px;\n    margin-top:18px;\n    line-height: 1.6;\n}\n.hero-detail-title {\n    margin-top: 0;\n    color:$cyan;\n}\n.hero-detail-title.m-indent {\n    margin-left:6px;\n}\n.hero-detail-abilities {\n    margin-top:18px;\n}\n.hero-detail-role-name {\n    color:$white;\n    display:inline-block;\n    vertical-align: text-top;\n    line-height:.75;\n    margin-top:0;\n}\n.hero-detail-role-icon {\n    display:inline-block;\n    vertical-align: text-top;\n    margin-left:14px;\n    fill:$white;\n    height:24px;\n    width:24px;\n}\n\n.hero-detail-difficulty {\n    margin:12px 0;\n    @media #{$md-min} {\n        margin:0;\n    }\n}\n\n.hero-detail-wrapper {\n    padding:15px;\n}\n.hero-detail-wrapper.m-no-pad-bot {\n    padding-bottom:0;\n}\n\n.hero-detail-background, .hero-detail-video {\n    display:none;\n}\n.hero-detail-background {\n    @include absolute-fill();\n    z-index: $z-index0;\n    background-size:cover;\n    background-position:75% top;\n    @media #{$xxl-min} {\n        background-position:center top;\n    }\n}\n\n@media #{$lg-min} {\n    .hero-detail-video.is-active, .hero-detail-background.is-active {\n        display:block;\n    }\n    .hero-detail-video > .video-background-vid.m-right-align {\n        top:-40px;\n        right:-280px;\n    }\n}\n\n@media #{$xl-min} {\n    .hero-detail-video > .video-background-vid.m-right-align {\n        top:-40px;\n        right:-140px;\n    }\n}\n@media #{$xxl-min} {\n    .hero-detail-video > .video-background-vid.m-right-align {\n        top:0;\n        right:0;\n    }\n}\n\n@media #{$sm-min} {\n    .hero-detail-role {\n        float:left;\n    }\n}\n@media #{$md-min} {\n    .hero-detail-difficulty {\n        float:right;\n        min-width:30%;\n    }\n}\n","/*\n    Hero portrait module\n    modifiers: m-color-inverted\n    states: is-active, :active, :hover, :focus\n*/\n\n$hero-portrait-width: 70px;\n$hero-portrait-height: 84px;\n$hero-portrait-scale: 1.2;\n$hero-portrait-horizontal-space: -1px;\n$hero-portrait-vertical-space: -6px;\n$hero-portrait-skew-offset: 10px;\n$hero-portrait-width-difference: ($hero-portrait-width*$hero-portrait-scale - $hero-portrait-width); //pixels\n    //the mathematical difference between the scaled up width and the normal width\n$hero-portrait-height-difference: ($hero-portrait-height*$hero-portrait-scale - $hero-portrait-height); //pixels\n    //the mathematical difference between the scaled up height and the normal height\n\n.hero-portrait {\n    display:inline-block;\n    text-align:center;\n}\n\n/** Notes on the mask:\n** In order to prevent jumpiness, the box model for both non-active state and active states are equal.\n** To compensate for the difference in the width and height between the scaled up version and the regular scaled version,\n** margin is added to the regular scaled version, which should be equal to half the difference between the height.\n** It's halved so that the space is distributed evenly on each side, resulting in the scaled up version appearing to remain\n** centered on the same spot before and after it's hovered.\n**/\n.hero-portrait-image-mask {\n    display:block;\n    position:relative;\n    width: $hero-portrait-width;\n    height: $hero-portrait-height;\n    margin-left: $hero-portrait-width-difference/2 + $hero-portrait-horizontal-space;\n    margin-right: $hero-portrait-width-difference/2 + $hero-portrait-horizontal-space;\n    margin-top: $hero-portrait-height-difference/2 + $hero-portrait-vertical-space;\n    margin-bottom: $hero-portrait-height-difference/2 + $hero-portrait-vertical-space;\n    border:3px solid $white;\n    border-left-width:0;\n    border-right-width:0;\n    background-color: rgba($black, 0.9);\n    background-clip: padding-box;\n    overflow:hidden;\n    border-radius: 7px;\n    transform: skew(25rad);\n    @media #{$lg-min} {\n        .hero-portrait.is-active > &, .hero-portrait:hover > &, .hero-portrait:focus > &, .hero-portrait:active > & {\n            width: $hero-portrait-width*$hero-portrait-scale;\n            height: $hero-portrait-height*$hero-portrait-scale;\n            margin: $hero-portrait-vertical-space $hero-portrait-horizontal-space;\n            border-left-width:3px;\n            border-right-width:3px;\n            background-color: $orange;\n        }\n    }\n}\n.hero-portrait-image {\n    display:inline-block;\n    width:calc(100% + #{$hero-portrait-skew-offset});\n        //add 10px to fill the space created by the skew\n    height:100%;\n    background-size:auto 100%;\n    background-position:50% 50%;\n    position:relative;\n    transform:skew(-25rad) translateX(-($hero-portrait-skew-offset/2));\n        //undo the skew that'd applied to the parent\n        //adjust it left 5px so it remains horizontally centered\n}\n.hero-portrait-label {\n    position:relative;\n    display:inline-block;\n    top:-($hero-portrait-height-difference/4);\n    margin-left: -$hero-portrait-skew-offset;\n    padding: 1px 10px;\n    font-size: $small-font-size;\n    color: $black;\n    white-space: nowrap;\n    &.m-color-inverted {\n        color:$white;\n    }\n    @media #{$lg-min} {\n        .hero-portrait.is-active > &, .hero-portrait:hover > &, .hero-portrait:focus > &, .hero-portrait:active > & {\n            top: -($hero-portrait-height-difference/2);\n                //slide up the extra amount that's added as padding to the image mask + the offset amount used to push it down a bit\n            border-radius: 0.3rem;\n            background-color: $white;\n            color: $black;\n        }\n    }\n}\n","body.ko-kr {\n    .portrait-title {\n        font-family: $koverwatch;\n    }\n}\n\nbody.ja-jp {\n  .hero-portrait-detailed > .container {\n    height: 8rem;\n  }\n}\n\n.hero-portrait-detailed {\n  background: url('../../img/hero-portrait-detailed/hero-portrait-detailed-bg.jpg') no-repeat;\n  background-size: cover;\n  width: 184px;\n  height: 319px;\n  position: relative;\n  border: 2px solid rgba(255, 255, 255, 0.4);\n  display: block;\n  border-radius: 1px;\n  transition: all 100ms;\n\n  &:before{\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      box-shadow: inset 0 0 57px 14px rgba(0,195,255,.7);\n      visibility: hidden;\n      opacity: 0;\n      transition: all 100ms;\n      transition: inherit;\n  }\n\n  &:hover {\n    transition: 100ms $easeOutCirc;\n    transform: scale(1.15);\n    z-index: 10;\n  }\n\n  &:hover, &.m-selected:hover, &.m-subdued:hover {\n    opacity: 1;\n    filter: none;\n    border-color: #fff;\n    &:before {\n      //display:none;\n      visibility: hidden;\n      opacity: 0;\n    }\n    > .container {\n      background-color: #fff;\n      transition: all 100ms $easeOutCirc;\n      .icon {\n         fill: $blue-filter-link;\n      }\n    }\n\n    .portrait-title {\n      color: $blue-filter-link;\n    }\n  }\n\n  > .portrait {\n    width: 100%;\n    //transition: all 100ms $easeOutQuad;\n  }\n\n  > .container {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    display: block;\n    width: 100%;\n    text-align: center;\n    height: 7rem;\n    background: $hero-portrait-blue;\n    transition: all 100ms;\n\n    > .icon {\n      position: absolute;\n      top: .8rem;\n      left: .8rem;\n      fill: #fff;\n      transition: inherit;\n      svg {\n        height: 1.8rem;\n        width: 1.8rem;\n      }\n    }\n  }\n\n  .portrait-title {\n    font-size: $font-tier5;\n    font-family: $big-noodle;\n    font-style: italic;\n    color: $hero-portrait-title-blue;\n\n    width: 100%;\n    position: absolute;\n    left: 0px;\n    bottom: 6px;\n    transition: inherit;\n  }\n\n  &.m-selected {\n    > .container {\n      background: $hero-portrait-selected;\n    }\n    .portrait-title {\n      color: #fff;\n    }\n    &::before {\n\n      visibility: visible;\n      opacity: 1;\n    }\n  }\n\n  &.m-subdued {\n    opacity: 0.8;\n    filter: grayscale(40%);\n  }\n}\n",".hero-pose {\n    display:block;\n    overflow:hidden;\n}\n.hero-pose-image {\n    display:block;\n    height:80vh;\n    background-size: contain;\n    background-position: center center;\n}\n.hero-pose-name {\n    position: relative;\n    z-index: $z-index1;\n    text-align: center;\n    color: $white;\n\n    // fancy text gradient for chrome\n    background: -webkit-linear-gradient($white 50%, rgba($white, 0));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n","[hero-scene]{\n\n    padding-bottom: 46.25%;\n    position: relative;\n    display: block;\n    overflow: hidden;\n\n    @media #{$md}{\n        padding-bottom: 56.25%;\n    }\n    @media #{$sm-max}{\n        padding-bottom: 84.77%;\n        margin-top: 45px;\n    }\n\n    .scene{\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 2;\n        @media #{$sm-max}{\n            display: none;\n        }\n    }\n\n    .fg{\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 3;\n        @media #{$sm-max}{\n            display: none;\n        }\n    }\n\n    .bg{\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 1;\n    }\n\n    .candy{\n        background-image: url('/img/scene/candy.jpg');\n        background-position: center top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        position: inherit;\n        width: inherit;\n        height: inherit;\n        z-index: 1;\n        @media #{$sm-max}{\n            display: none;\n        }\n    }\n\n    .mobile{\n        background-position: center top;\n        background-size: cover;\n        background-repeat: no-repeat;\n        position: inherit;\n        width: inherit;\n        height: inherit;\n        z-index: 1;\n        display: none;\n        @media #{$sm-max}{\n            background-image: url('/img/scene/header-mobile.jpg');\n            display: block;\n        }\n    }\n\n    .logo{\n        background-image: url('/img/overwatch-logo-copyright.png');\n        background-position: center top 37%;\n        background-repeat: no-repeat;\n        background-size: 35% auto;\n        position: inherit;\n        width: inherit;\n        height: inherit;\n        z-index: 1;\n        @media #{$sm-max}{\n            background-position: center top 26%;\n            background-size: 60% auto;\n        }\n    }\n\n    .layer{\n        position: absolute !important;\n        top: 0;\n        left: 0;\n        width: 100% !important;\n        height: 120% !important;\n        text-align: center;\n        z-index: inherit;\n        background-repeat: no-repeat;\n        bottom: -5%;\n\n        &.left{\n            left: 0 !important;\n            right: auto !important;\n            bottom: -5% !important;\n            top: auto !important;\n        }\n        &.right{\n            left: auto !important;\n            right: 0 !important;\n            bottom: -5% !important;\n            top: auto !important;\n        }\n\n        &.tracer{\n            z-index: 4;\n            left: -1% !important;\n            background-size: 28% auto;\n            background-position: bottom left -6.5vw;\n            background-image: url('img/scene/hero-left-1.png');\n        }\n        &.widowmaker{\n            z-index: 4;\n            right: -1% !important;\n            background-size: 26% auto;\n            background-position: bottom -5vw right -5vw;\n            background-image: url('img/scene/hero-right-1.png');\n        }\n\n        &.symmetra{\n            z-index: 3;\n            background-size: 19% auto;\n            background-position: bottom left 8vw;\n            background-image: url('img/scene/hero-left-2.png');\n        }\n        &.hanzo{\n            z-index: 3;\n            background-size: 21% auto;\n            background-position: bottom -1vw right 7vw;\n            background-image: url('img/scene/hero-right-2.png');\n        }\n\n        &.soldier-76{\n            z-index: 2;\n            background-size: 29% auto;\n            background-position: bottom -5.5vw left 13vw;\n            background-image: url('img/scene/hero-left-345.png');\n        }\n        &.mercy{\n            z-index: 2;\n            background-size: 29% auto;\n            background-position: bottom -3vw right 17vw;\n            background-image: url('img/scene/hero-right-345.png');\n        }\n\n        &.winston{\n            z-index: 1;\n            background-size: 15% auto;\n            background-position: top 19vw left 23vw;\n            background-image: url('img/scene/hero-left-6.png');\n            @media #{$md}{\n                background-position: top 25vw left 23vw;\n            }\n        }\n        &.pharah{\n            z-index: 1;\n            background-size: 23% auto;\n            background-position: top 17vw right 18vw;\n            background-image: url('img/scene/hero-right-6.png');\n            @media #{$md}{\n                background-position: top 22vw right 18vw;\n            }\n        }\n    }\n\n    .particles{\n        width: inherit;\n        height: inherit;\n        position: inherit;\n        z-index: 3;\n        opacity: 0.25;\n    }\n\n    .deco{\n        width: inherit;\n        height: inherit;\n        position: inherit;\n        bottom: 0;\n        z-index: 2;\n        background-image: url('/img/scene/deco.png');\n        background-position: bottom center;\n        background-repeat: no-repeat;\n    }\n\n    .video{\n        width: inherit;\n        height: inherit;\n        z-index: 2;\n        position: inherit;\n        height: 100%;\n        width: auto;\n        left: 50%;\n        transform: translateX(-50%);\n        @media #{$sm-max}{\n            display: none;\n        }\n    }\n\n}\n\n\nbody.zh-tw {\n    [hero-scene]{\n        .mobile{\n            @media #{$sm-max}{\n                background-image: url('/img/scene/header-mobile-tw.jpg');\n            }\n        }\n    }\n}\n","#selectHeroes {\n  background: url('img/bg-tmp-hero-mobile.jpg');\n  background-size: cover;\n  background-position: center bottom;\n}\n\n.hero-select-navigation {\n\n  //TODO testing\n  padding-top: 40px;\n  padding-bottom: 40px;\n  max-width: 1600px;\n\n  text-align: center;\n  .hero-type-container {\n    display: inline-table;\n    @media #{$md-min} {\n      margin-right: 18px;\n      margin-left: 18px;\n    }\n  }\n\n  .hero-item {\n    display: inline-block;\n    margin-bottom: 16px\n  }\n\n  .nav-title {\n    color: #fff;\n  }\n  .hero-select-title {\n    margin-top: 3rem;\n    margin-bottom: 1.6rem;\n    position: relative;\n    text-align: center;\n    width: 100%;\n    display: table;\n    .heading-line {\n      display: table-cell;\n      width: 50%;\n\n      position: relative;\n      &:before {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        margin-top: -1px;\n        left: 0;\n        width: 100%;\n        height: 2px;\n        opacity: .2;\n        background: #fff;\n      }\n    }\n    > .text {\n      word-break: keep-all;\n      color: #fff;\n      opacity: .6;\n      padding: 0 3px;\n      display: table-cell;\n    }\n  }\n}\n",".hero-selector {\n  \n  .navigation-selector {\n    margin-bottom: 64px;\n  }\n  \n  .hero-portrait-detailed {\n    \n    width: 100%;\n    margin-bottom: 6px;\n    @media #{$sm-min} {\n      width: 176px;\n      margin-right: 6px;\n    }\n    @media #{$md-min} {\n      width: 184px;\n    }\n  }\n}\n",".HorizontalAccordion {\n    display: flex;\n    align-items: stretch; //equal height for all columns\n    min-height: 60px;\n    background-color: $true-white;\n}\n.HorizontalAccordion-column {\n    position: relative;\n    flex: 1 0 10%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center; //vertically center content in the columns\n    border: 1px solid $grey;\n\n    &--arrow {\n        &:before {\n            content: '';\n            display: inline-block;\n            position: absolute;\n                /*CSS Right-facing Triangle using borders*/\n                border-color: $grey;\n                border-width: 12px;\n                border-style: solid;\n                border-top-color: transparent;\n                border-bottom-color: transparent;\n                border-right: 0;\n                width: 0;\n                height: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            z-index: $z-index3;\n        }\n    }\n}\n.HorizontalAccordion-column + .HorizontalAccordion-column {\n    border-left: 0;\n}\n.HorizontalAccordion-media {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.HorizontalAccordion-image {\n    transform: scale(0.7);\n    transform-origin: center;\n}\n.HorizontalAccordion-content {\n    max-height: 320px;\n    overflow: hidden;\n}\n\n$horizontal-accordion-icon-width: 18px;\n\n.HorizontalAccordion-icon {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    bottom: 24px;\n    width: $horizontal-accordion-icon-width;\n    height: $horizontal-accordion-icon-width;\n    fill: $orange;\n}\n\n\n//STATES and ANIMATIONS\n//1. hover state\n$hover-animation-duration: 200ms;\n.HorizontalAccordion-column:hover {\n    box-shadow: inset 0 0 50px 10px rgba(255, 255, 255, 1.0);\n}\n.HorizontalAccordion-icon.is-hover {\n    bottom: 5.0rem;\n    opacity: 0;\n    width: $horizontal-accordion-icon-width * 1.5;\n\n    transition-property: width, bottom, opacity;\n    transition-duration: $hover-animation-duration;\n    transition-delay: 0;\n    transition-timing-function: ease-out, linear;\n    transform-origin: center;\n}\n.HorizontalAccordion-image {\n    transform-origin: center;\n    transition-property: transform;\n    transition-timing-function: ease-out, linear;\n    transition-delay: 0;\n    transition-duration: $hover-animation-duration;\n    &.is-hover, .HorizontalAccordion-column.is-open & {\n        transform: scale(.85);\n    }\n}\n$exaggeration-timing: cubic-bezier(0,.01,.4,1.3);\n//2. Open\n.HorizontalAccordion-column {\n    transform-origin: center;\n    transition-property: flex-basis;\n    transition-timing-function: ease-out;\n    transition-delay: 0;\n    transition-duration: 400ms;\n}\n.HorizontalAccordion-column.is-open {\n    flex-basis: 54%;\n    @media #{$xxl-min} {\n        flex-basis: 60%;\n    }\n    .HorizontalAccordion-icon {\n        opacity: 0;\n    }\n}\n.HorizontalAccordion-content { //closed\n    @supports (transition-property: flex-basis) {\n        transform-origin: left center;\n        transition-property: max-width, opacity;\n        transition-delay: 10ms, 1ms;\n        transition-duration: 400ms, 30ms;\n        transition-timing-function: ease-out;\n    }\n    max-width: 0;\n    opacity: 0;\n}\n.HorizontalAccordion-content.is-visible {\n    @supports (transition-property: flex-basis) {\n        transform-origin: left center;\n        transition-property: max-width, opacity;\n        transition-delay: 1ms, 400ms;\n        transition-duration: 300ms, 400ms;\n        transition-timing-function: ease-out;\n    }\n    max-width: 516px;\n    opacity: 1;\n    @media #{$xxl-min} {\n        max-width: 40em;\n    }\n}\n//ie11 sux at flexbox. And as such animations look whack. Not worth fixing...cuz ie11. So turn em all off.\nhtml.safari {\n    .HorizontalAccordion-content, .HorizontalAccordion-content.is-visible {\n        transition: none;\n    }\n}\n\n//3. Intro\n$hover-animation-columns: 4;\n$hover-animation-intro-delay: 50ms;\n$hover-animation-intro-duration: 200ms;\n$hover-animation-intro-increment: 100ms;\n\n.HorizontalAccordion-media {\n    opacity: 0;\n}\n\n.HorizontalAccordion-column {\n    &.is-viewable {\n        @for $i from 1 through $hover-animation-columns {\n            &:nth-child(#{$i}) .HorizontalAccordion-media {\n                animation-name: bounce-move-from-top;\n                animation-fill-mode: both;\n                animation-duration: $hover-animation-intro-duration;\n                animation-delay: #{$i * $hover-animation-intro-increment + $hover-animation-intro-delay};\n            }\n        }\n    }\n}\n\n@keyframes bounce-move-from-top {\n    0% {\n        transform: translateY(-40px);\n        animation-timing-function: linear;\n        border-width: 0;\n        opacity: 0;\n    }\n    25% {\n        opacity: 1;\n    }\n    65% {\n        transform: translateY(0);\n        animation-timing-function: linear;\n    }\n    85% {\n        transform: translateY(5px);\n        animation-timing-function: ease-in;\n    }\n    100% {\n        transform: translateY(0);\n        animation-timing-function: ease-out;\n        border-width: 1px;\n        opacity: 1;\n    }\n}\n",".instruction-popout-box{\n    &.open{\n        display: block;\n    }\n    display: none;\n    position: fixed;\n    z-index: 100;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    padding: 30px;\n    background-color: #001932;\n    border: 1px solid #263b51;\n    border-radius: 8px;\n    cursor: default !important;\n    @media #{$md-max} {\n        width: 100%;\n        height: 100%;\n        border: none;\n    }\n    @media #{$sm-max}{\n        padding: 18px;\n    }\n    .instruction-popout-box-title{\n        font-size: $font-tier2;\n        h4{\n            font-size: $font-tier5;\n            @media #{$sm-max} {\n                font-size: $font-tier3;\n            }\n        }\n    }\n    .instruction-popout-box-steps{\n        font-size: $font-tier3;\n        margin-top: 10px;\n        @media #{$md-max}{\n            font-size: $font-tier2;\n        }\n        @media #{$sm-max}{\n            font-size: $font-tier1;\n        }\n        p{\n            margin: 0px;\n        }\n    }\n    .instruction-popout-box-exit{\n        background-image: url(\"img/icons/exit.png\");\n        background-size: 100%;\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        width: 16px;\n        height: 16px;\n        cursor: pointer;\n    }\n    .pc-download-btn{\n        margin-top: 14px;\n    }\n}\n",".intro-text {\n    @include h4font();\n}\n.intro-heading {\n    //TODO shadows overall? For now just this one because we are not doing\n    //the text gradient.\n    text-shadow: 0 4px 5px rgba(60, 72, 96, 0.5);\n}\n\n.intro-trailer {\n    margin-left:auto;\n    margin-right:auto;\n    width:100%;\n    margin-top:18px;\n    @media #{$sm-min} {\n        margin-top:60px;\n    }\n}\n\n.intro-heading-gradient-blue {\n    //Very unique text treatment, didn't want add vars for these.\n    background: -webkit-linear-gradient(top, #3f6493 10%,#345177 100%);\n    background-image: -o-linear-gradient(transparent, transparent);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n\n    text-shadow: 0 4px 5px $blue-filter-link-opacity;\n}\n",".egg#egg-particles{\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 97;\n    pointer-events: none;\n}\n","$brand-color: #FF9A00;\n\n.link {\n    cursor:pointer;\n}\n\nbody.ko-kr {\n    .link.primary {\n        @include font($family: $blackfit77, $size: 2rem, $weight: normal);\n    }\n}\n\n.link.primary {\n    text-transform:uppercase;\n    text-decoration:none;\n    @include font($family: $futura, $size: 2rem, $weight: 700);\n    color:$brand-color;\n}\n.link.primary:hover {\n    color:$white;\n}\n",".loader {\n    position: absolute;\n    display: none;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: $z-index3;\n}\n.loader.is-active {\n    display: block;\n}\n.loader-svg {\n    @include horizontal-center();\n    width: 100px;\n    height: 100px;    \n    fill: $true-white;\n}",".map {\n    background-size: cover;\n    @include fitted-container();\n    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);\n    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);\n    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.28);\n}\n.map-gradient {\n    position: absolute;\n    display: inline-block;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-image: linear-gradient(to bottom, rgba(255,255,255,0.0) 40%, rgba(0,0,0,0.5) 100%);\n}\n.map-name-wrapper {\n    position: absolute;\n    vertical-align: middle;\n    text-align: right;\n    bottom: 0px;\n    width: 100%;\n    padding-right: 4%;\n    padding-bottom: 2%;\n}\n.map-flag{\n    height: 3.14vw;\n    margin-right: 5px;\n    display: inline-block;\n    position: relative;\n    @media #{$md-min} {\n        height: 1.82vw;\n    }\n    @media #{$lg-min} {\n        height: 17px;\n    }\n}\n.map-name {\n    font-style: italic;\n    font-size: 5vw;\n    font-family: $big-noodle;\n    letter-spacing: 1.5px;\n    display: inline-block;\n    position: relative;\n    @media #{$md-min} {\n        font-size: 2.5vw;\n    }\n    @media #{$lg-min} {\n        font-size: 2vw;\n    }\n    @media #{$xl-min} {\n        font-size: $font-tier4;\n    }\n}\n","$nav-height-mobile:45px;\r\n$nav-height:50px;\r\n$nav-button-padding: 8px;\r\n$nav-background-color: rgba(0, 0, 0, 0.75);\r\n\r\n@function vw($px, $width: 1920){\r\n    $vw: ($px/$width) * 100;\r\n    @return $vw + vw;\r\n}\r\n\r\n@mixin pattern-dark(){\r\n    background-image: url('/img/carbon-fiber-small.jpg');\r\n    background-position: top center;\r\n}\r\n\r\nbody.ko-kr {\r\n    nav[role=main], nav[role=mobile] {\r\n        .nav-btn {\r\n            font-family: $blackfit77;\r\n        }\r\n    }\r\n}\r\n\r\nbody.home.is-logged-in {\r\n    nav[role=main].is-contracted {\r\n        background-color: $nav-background-color;\r\n    }\r\n}\r\n\r\nnav[role=main]{\r\n    display: none;\r\n    position: relative;\r\n    left: 0;\r\n    right: 0;\r\n    max-width: 1600px;\r\n    height: $nav-height;\r\n    margin: 20px 20px 0;\r\n    background-color: $nav-background-color;\r\n    transition: all 100ms, background-color 300ms;\r\n    z-index: 97;\r\n\r\n    @media #{$lg-min}{\r\n        display: flex;\r\n        flex-flow: nowrap;\r\n    }\r\n\r\n    @media #{$xxl-min}{\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n     &.is-expanded{\r\n        margin-top: 0;\r\n        margin-left: 0;\r\n        margin-right: 0;\r\n\r\n        @media #{$xxl-min}{\r\n            margin-top: 10px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n     }\r\n\r\n     &.is-contracted{\r\n        margin-top: 20px;\r\n\r\n        body.home, body.nav-transparent & {\r\n            @media #{$xl-min} {\r\n                background-color: transparent;\r\n            }\r\n\r\n            &.is-submenu-open, &.is-search-open, &:hover {\r\n                background-color: $nav-background-color;\r\n            }\r\n        }\r\n        body.nav-transparent & {\r\n            @media #{$lg-min} {\r\n                background-color: transparent;\r\n            }\r\n        }\r\n     }\r\n\r\n    .nav-section{\r\n        display: flex;\r\n        align-items:center;\r\n        height: 100%;\r\n        &.m-right\\@lg-min {\r\n            @media #{$lg-min}{\r\n                margin-left: auto;\r\n            }\r\n        }\r\n        &.m-right {\r\n            margin-left: auto;\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    .nav-menu{\r\n        display: flex;\r\n        height: 100%;\r\n        > li {\r\n            display: inline-block;\r\n            height: 100%;\r\n        }\r\n    }\r\n\r\n    .nav-btn {\r\n\r\n        display: inline-flex;\r\n        height: 100%;\r\n        align-items: center;\r\n        padding: 0 $nav-button-padding;\r\n        color: rgba(255,255,255,0.7);\r\n        font-size: $font-tier1;\r\n        font-family: $futura;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        transition: background-color 200ms, color 200ms;\r\n        position: relative;\r\n        white-space: nowrap;\r\n        justify-content: center;\r\n        vertical-align: middle;\r\n\r\n        @media #{$xl-min}{\r\n            padding: 0 $nav-button-padding+4px;\r\n            font-size: $font-tier2;\r\n        }\r\n        \r\n        &.m-dark{\r\n            background-color: rgba(0, 0, 0, 0.15);\r\n            &:hover{\r\n                background-color: $nav-background-color;\r\n            }\r\n        }\r\n\r\n        &.m-orange{\r\n            background-color: #f7931e;\r\n            &:hover{\r\n                background-color: #f89e35;\r\n            }\r\n        }\r\n\r\n        &.m-user{\r\n            padding-top: 4px;\r\n            padding-bottom: 4px;\r\n        }\r\n\r\n        &.m-buy{\r\n\r\n            min-width: 74px;\r\n            height: 30px;\r\n            margin-top: auto;\r\n            margin-bottom: auto;\r\n\r\n            @media #{$lg-min}{\r\n                min-width: 104px;\r\n            }\r\n        }\r\n\r\n        &.m-has-children{\r\n            &:after{\r\n                content: '';\r\n                background-image: url(/img/caret-gray.png);\r\n                width: 12px;\r\n                height: 7px;\r\n                background-position: center center;\r\n                display: inline-block;\r\n                margin: 0 0 2px 8px;\r\n                transform: rotate(0deg);\r\n            }\r\n            &.m-open{\r\n                &:after{\r\n                    transform: rotate(180deg);\r\n                }\r\n            }\r\n        }\r\n\r\n        &:hover, &.m-open, &.m-active {\r\n            transition: none;\r\n            color: $orange;\r\n        }\r\n\r\n    }\r\n\r\n    .nav-buy-btn {\r\n        font-size: $font-tier2;\r\n    }\r\n\r\n    .nav-menu.m-sub-menu {\r\n        display: none;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 100%;\r\n        height: auto;\r\n        margin: 2px 0 0 0;\r\n        background-color: $nav-background-color;\r\n        border-radius: 4px;\r\n\r\n        > li {\r\n            display: block;\r\n            height: auto;\r\n        }\r\n\r\n        &.m-open{\r\n            display: block;\r\n        }\r\n\r\n        &:before{\r\n            content: '';\r\n            width: 100%;\r\n            background-color: red;\r\n        }\r\n\r\n        .nav-btn {\r\n            display:block;\r\n            line-height: $nav-height*.6;\r\n            padding: 0 $nav-button-padding*3 0 $nav-button-padding;\r\n\r\n            font-size: $font-tier0;\r\n            text-align: left;\r\n            font-weight: 100;\r\n\r\n            @media #{$xl-min}{\r\n                font-size: $font-tier1;\r\n            }\r\n        }\r\n    }\r\n\r\n    .nav-logo {\r\n        display: inline-flex;\r\n        height: 100%;\r\n        width: 52px;\r\n        padding: 10px;\r\n        fill: $white;\r\n\r\n        @media (min-width: #{$xl-min-value}){\r\n            width: 220px;\r\n            padding: 12px;\r\n        }\r\n    }\r\n\r\n    .nav-logo > svg {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n    .nav-user-name {\r\n        font-size: $font-tier1;\r\n        display: inline-block;\r\n        position: relative;\r\n        display: inline-block;\r\n        color: #f7931e;\r\n        text-transform: none;\r\n        line-height: 1;\r\n    }\r\n\r\n    .nav-view-profile {\r\n        display: block;\r\n        color: #f0edf2;\r\n        font-weight: normal;\r\n        white-space: nowrap;\r\n        font-size: $font-tier0;\r\n        line-height: 1;\r\n        margin-top: 5px;\r\n        font-family: $arial;\r\n    }\r\n\r\n    .nav-user-icon {\r\n        width: 40px;\r\n        height: 40px;\r\n        background-size: cover;\r\n        background-position: center center;\r\n        margin-left: 8px;\r\n    }\r\n}\r\n\r\nnav[role=mobile]{\r\n\r\n    $black: #000;\r\n    $white: #fff;\r\n    $blue-dark: #28354f;\r\n    $blue-med: #1f76bc;\r\n\r\n    font-size: $font-tier2;\r\n    font-family: $futura;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    color: rgba($white, 0.85);\r\n    letter-spacing: 0.05em;\r\n\r\n    z-index: 99;\r\n\r\n    a {\r\n        color:inherit;\r\n    }\r\n\r\n    .nav-logo{\r\n        display: inline-block;\r\n        width: 100%;\r\n        height: 134px;\r\n        padding-left: 40px;\r\n        padding-right: 40px;\r\n        padding-top: 25px;\r\n        fill: $white;\r\n    }\r\n\r\n    .nav-menu{\r\n        margin: 0;\r\n        &.m-sub-menu{\r\n            display: none;\r\n            .nav-btn{\r\n                color: rgba(255, 255, 255, 0.5);\r\n                border-top: none;\r\n                padding: 18px 51px;\r\n            }\r\n        }\r\n        &.m-open{\r\n            display: block;\r\n        }\r\n        li{\r\n            &:last-child{\r\n                .nav-btn{\r\n                    border-bottom: 1px solid #313d56;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .nav-btn {\r\n        //box\r\n        display: block;\r\n        width: 100%;\r\n        padding: 18px 24px;\r\n        //border\r\n        border-bottom: 1px solid #313d56;\r\n        border-left: 2px solid transparent;\r\n        //text\r\n        line-height: 1;\r\n        text-align: left;\r\n        color: rgba(255,255,255,0.7);\r\n        outline: none;\r\n        transition: background-color 200ms, color 200ms;\r\n\r\n        &:hover{\r\n            background-color: #39455d;\r\n            color: #fff;\r\n            transition: none;\r\n        }\r\n        &.m-active{\r\n            border-left-color: $cyan;\r\n        }\r\n        &.m-dark{\r\n            background-color: rgba(0, 0, 0, 0.15);\r\n            &:hover{\r\n                background-color: rgba(0, 0, 0, 0.075);\r\n            }\r\n        }\r\n        &.m-orange{\r\n            text-shadow: none;\r\n            background-color: $orange;\r\n            &:hover{\r\n                background-color: $orange-light;\r\n            }\r\n            &:focus, &:active{\r\n                background-color: darken($orange, 2.5%);\r\n            }\r\n        }\r\n        &.m-noPad {\r\n            width:auto;\r\n            padding:0;\r\n        }\r\n        &.m-center{\r\n            text-align: center;\r\n        }\r\n        &.m-has-children{\r\n            &:after{\r\n                content: '';\r\n                background-image: url('/img/caret-gray.png');\r\n                width: 12px;\r\n                height: 7px;\r\n                background-position: center center;\r\n                display: inline-block;\r\n                margin: 0 0 2px 8px;\r\n                transform: rotate(0deg);\r\n            }\r\n            &.m-open{\r\n                &:after{\r\n                    transform: rotate(180deg);\r\n                }\r\n            }\r\n        }\r\n        &.m-user{\r\n            display: inline-flex;\r\n            align-items: center;\r\n            height: 82px;\r\n            padding: 10px 18px 10px 36px;\r\n        }\r\n        &.m-buy{\r\n            border-radius: 2px;\r\n        }\r\n    }\r\n\r\n    .nav-user-info{\r\n        display: inline-block;\r\n    }\r\n\r\n    .nav-user-name{\r\n        display: inline-block;\r\n        position: relative;\r\n        display: inline-block;\r\n        color: #f7931e;\r\n        text-transform: none;\r\n        line-height: 1;\r\n    }\r\n\r\n    .nav-view-profile{\r\n        display: block;\r\n        color: #f0edf2;\r\n        font-weight: normal;\r\n        white-space: nowrap;\r\n        font-size: $font-tier0;\r\n        line-height: 1;\r\n        margin-top: 5px;\r\n        font-family: $arial;\r\n    }\r\n\r\n    .nav-user-icon{\r\n        height: 100%;\r\n        width: 62px;\r\n        background-size: cover;\r\n        background-position: center center;\r\n        margin-left: auto;\r\n    }\r\n\r\n    .buy-btn-spacer{\r\n        margin: 18px;\r\n    }\r\n\r\n    .nav-search-icon {\r\n        width: 20px;\r\n        margin-left: 24px;\r\n        background-position: right 15px center;\r\n    }\r\n    .nav-search-field {\r\n        padding-left: 44px + 14px; /*sum of nav-search-icon width and margin plus 14px offset */\r\n    }\r\n\r\n    .user {\r\n        display:block;\r\n    }\r\n}\r\n.magnifier-svg-wrapper {\r\n    position: relative;\r\n    margin: 0 auto;\r\n    height: 1em;\r\n    width: 32px;\r\n\r\n    .nav-magnifier-icon {\r\n        position: relative;\r\n        height: 24px;\r\n        top: 50%;\r\n        left: 50%;\r\n        margin-top: -12px;\r\n        margin-left: -32px;\r\n    }\r\n}\r\n\r\n//desktop nav so 992px and up\r\n.ru-ru nav[role=main] .nav-btn {\r\n    font-size: $font-tier1;\r\n    @media #{$xl-min}{\r\n        font-size: $font-tier2;\r\n    }\r\n}\r\n","body.ko-kr {\n    .navigation-selector {\n        .navigation-link {\n            font-family: $blackfit77;\n        }\n    }\n}\n.navigation-selector {\n  table-layout: fixed;\n  display: table;\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 2px;\n\n  @media #{$lg-min} {\n    width: auto;\n    border-spacing: 1px;\n  }\n\n  .navigation-list {\n    display: table-row;\n    padding: 0;\n    margin: 0;\n  }\n\n  .navigation-item {\n    width: 19.7%;\n    display: table-cell;\n    vertical-align: middle;\n    background-color: rgba(255, 255, 255, 0.3);\n    border-radius: 2px;\n    transition: all 200ms;\n\n    @media #{$lg-min} {\n      max-width: 162px;\n      width: 162px;\n      vertical-align: baseline;\n    }\n\n    &:first-child {\n      margin-left: 0px;\n    }\n\n    &.active, &:hover {\n      background-color: rgba(255, 255, 255, 1);\n      transition: none;\n\n      .navigation-link {\n        opacity: 1;\n      }\n    }\n  }\n  .navigation-link {\n    //height: 50px;\n    padding: 8px 2px;\n    text-transform: uppercase;\n    font-family: $futura;\n    font-weight: 600;\n    opacity: 0.7;\n    width: 100%;\n    display: block;\n    text-align: center;\n    color: $blue-filter-link;\n    transition: inherit;\n    white-space:nowrap;\n\n    @media #{$sm-min} {\n      padding: 14px 2px;\n    }\n\n    @media #{$lg-min} {\n      height: auto;\n      padding: 9px 10px;\n    }\n\n    > .icon {\n      vertical-align: middle;\n      margin-left: auto;\n      margin-right: auto;\n      margin-bottom: 6px;\n\n      height: 22px;\n      max-width: 22px;\n      display: block;\n      fill: $blue-filter-link;\n\n\n      @media #{$sm-min} {\n        height: 30px;\n        margin-bottom: 10px;\n      }\n      @media #{$lg-min} {\n        height: 22px;\n        display: inline-block;\n        height: 18px;\n        margin-right: 9px;\n        margin-bottom: 3px;\n      }\n\n    }\n    > .text {\n      font-size: $font-tier1;\n      line-height: 1rem;\n      display: block;\n\n      @media #{$md-min} {\n        font-size: $font-tier2;\n      }\n      @media #{$lg-min} {\n        display: inline-block;\n        font-size: $font-tier2;\n        line-height: 1.6rem;\n      }\n    }\n  }\n}\n","body.ko-kr {\n\t.grid-item .author {\n\t\tfont-family: $noto-sans;\n\t}\n}\n\n.news-panels{\n\n    &:after{\n        content: '';\n        display: block;\n        height: 0;\n        clear: both;\n    }\n\n    /*\n    * panels grid item\n    */\n    .grid-item {\n      display: block;\n      box-sizing: border-box;\n      width: 25%;\n      margin-bottom: 15px;\n      padding: 0 0.8333%;\n      float: left;\n      position: relative;\n      color: $white;\n      text-align: left;\n    }\n    .grid-item .box {\n      background-color: #9d9d9d;\n      background-color: rgba(255, 255, 255, 0.25);\n      display: block;\n      width: 100%;\n      padding-bottom: 91.8727%;\n      box-sizing: border-box;\n      border-radius: 3px;\n      position: relative;\n      transition: all 200ms;\n    }\n    .grid-item .box:hover {\n      background-color:#f0edf2;\n      background-color: rgba(255, 255, 255, 0.75);\n      transition: all 100ms $easeOutCirc;\n    }\n    .grid-item .container {\n      overflow: hidden;\n      position: absolute;\n      top: 3px;\n      left: 3px;\n      right: 3px;\n      bottom: 3px;\n      border-radius: 3px;\n    }\n    .grid-item .bg {\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center center;\n      box-sizing: border-box;\n      width: auto;\n      height: 100%;\n      display: block;\n    }\n    .grid-item .content {\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      //background-color: #0e0f11;\n      background-color: rgba(0, 0, 0, 0.75);\n      padding: 15px 20px;\n      box-sizing: border-box;\n    }\n    .grid-item .title {\n      //margin: 0 0 7px;\n      text-transform: uppercase;\n      color: $white;\n      a{\n          color: $white;\n      }\n      @media #{$md-max}{\n          font-size: 1.4rem;\n      }\n    }\n    .grid-item .subtitle {\n      line-height:1.1;\n      margin: 7px 0 2px;\n      display: none;\n      @media #{$lg-max}{\n          display: none;\n      }\n    }\n    .grid-item .author {\n      position: absolute;\n      bottom: 10px;\n      right: 10px;\n      font-size: 10px;\n      font-size: 1em;\n      color: rgba(255, 255, 255, 0.3);\n      line-height: 1;\n      text-transform: uppercase;\n      font-family: $arial;\n    }\n    .grid-item .type-icon {\n      position: absolute;\n      bottom: 10px;\n      right: 10px;\n      background-repeat: no-repeat;\n      background-position: center center;\n      background-size: 100% auto;\n    }\n    .grid-item .type-icon.youtube {\n      background-image: url('img/icons/youtube-icon-wh.png');\n      width: 26px;\n      height: 19px;\n      display: none;\n    }\n    .grid-item .type-icon.twitter {\n      background-image: url('img/icons/twitter-icon-wh.png');\n      width: 26px;\n      height: 21px;\n    }\n    .grid-item .link-icon {\n      display: inline-block;\n      background-repeat: no-repeat;\n      background-position: center center;\n      background-image: url('img/icons/link-icon-blue-sm.png');\n      width: 10px;\n      height: 10px;\n      margin-left: 7px;\n    }\n    .grid-item.lg {\n      width: 50%;\n    }\n    .grid-item.lg .box {\n      padding-bottom: 44.2697%;\n    }\n    .grid-item.youtube .table {\n      display: table;\n      table-layout: auto;\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      bottom: 0;\n      left: 0;\n    }\n    .grid-item.youtube .row {\n      display: table-row;\n    }\n    .grid-item.youtube .btn-overlay {\n      width: 100%;\n      height: 100%;\n      background-image: url('img/icons/youtube-btn-ylw.png');\n      background-repeat: no-repeat;\n      background-position: center center;\n      font-size: 0;\n      text-indent: -9999px;\n      transition: all 200ms;\n    }\n    .grid-item.youtube .content {\n      position: relative;\n      //background-color: #0b1c25;\n      background-color: rgba(3, 20, 26, 0.75);\n      //padding: 15px 20px 25px;\n    }\n    .grid-item.youtube:hover .btn-overlay {\n      background-image: url('img/icons/youtube-btn-wh.png');\n      transition: all 100ms $easeOutCirc;\n    }\n    .grid-item.twitter .content {\n      //background-color: #0b1c25;\n      background-color: rgba(3, 20, 26, 0.75);\n    }\n    /*\n    * media queries\n    */\n    @media (max-width: 61.25em) {\n      .grid-item .content {\n        //padding: 15px 15px 25px;\n      }\n      .grid-item .type-icon.youtube {\n        width: 21px;\n        height: 15px;\n      }\n      .grid-item .type-icon.twitter {\n        width: 21px;\n        height: 17px;\n      }\n    }\n    @media (min-width: 47.5em) and (max-width: 61.25em) {\n      .grid-item .container {\n        font-size: 9px;\n      }\n    }\n    @media (min-width: 47.5em) {\n      .grid-item.clear {\n        clear: left;\n      }\n    }\n    @media (max-width: 47.5em) {\n      .grid-panels {\n        padding: 0 1em;\n      }\n      .grid-item {\n        width: 50%;\n        margin-bottom: 1em;\n      }\n      .grid-item .container {\n        font-size: 8px;\n      }\n      .grid-item.lg {\n        width: 100%;\n      }\n      .grid-item .type-icon.youtube {\n        width: 16px;\n        height: 11px;\n      }\n      .grid-item .type-icon.twitter {\n        width: 16px;\n        height: 13px;\n      }\n    }\n    @media (max-width: 30em) {\n      .grid-item {\n        width: 100%;\n      }\n      .grid-item .bg {\n        //width: 100%;\n        //height: auto;\n      }\n      .grid-item.lg .bg {\n        //width: auto;\n        //height: 100%;\n        font-size: 7px;\n        //left: -12%;\n        position: relative;\n      }\n      .grid-item .box,\n      .grid-item.lg .box {\n        padding-bottom: 65.8727%;\n      }\n    }\n\n}\n",".player-badge-wrapper {\n    display: table;\n    table-layout: fixed;\n    min-width: 385px;\n}\n.player-badge {\n    display: table-row;\n    background-color:$blue-dark;\n}\n.player-badge-lock, .player-badge-name, .player-badge-level, .player-badge-platform {\n    display: table-cell;\n    vertical-align:middle;\n}\n.player-badge-icon {\n    display: table-cell;\n    width:60px;\n    height:60px;\n    background-size: cover;\n}\n.player-badge-lock {\n    $badge-lock-size: 21px;\n\n    width: $badge-lock-size;\n    svg {\n        display: none;\n        width: $badge-lock-size;\n        height: $badge-lock-size;\n        fill: rgba(255, 255, 255, 0.25);\n    }\n    &[data-visibility-private=\"true\"] svg {\n        display: inline-block;\n    }\n}\n.player-badge-name {\n    padding: 0 5%;\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space:nowrap;\n    color:rgba($white,0.8);\n    @media #{$md-min} {\n        font-size: 1.75rem;\n        line-height: 2rem;\n        white-space: normal;\n    }\n}\n.player-badge-level {\n    text-align: right;\n    padding-right: 0;\n    width: 65px; // width needed to allow for player-badge-name to expand\n}\n.player-badge-platform {\n    padding: 0 3%;\n    text-align: right;\n    width: 12%;\n}\n.player-badge-level-value   {\n    display: inline-block;\n    padding:4px 10px;\n    border-radius:3px;\n    line-height:1;\n    font-weight:bold;\n    background-color:rgba($white,0.8);\n    font-family:$futura;\n    font-weight: 600;\n    color:$blue-dark;\n}\n",".player-level, .endorsement-level {\n    position: relative;\n    display:inline-block;\n    width:120px;\n    height:120px;\n\n    font-family: $futura;\n    font-weight: 600;\n    font-size: $font-tier3;\n    text-align: center;\n    color: $white;\n}\n.endorsement-level {\n    padding: 12px;\n}\n.player-level {\n    background-image:url(\"img/hexagon.png\");\n    background-size:auto 100%;\n}\n.player-rank{\n    position: absolute;\n    bottom:-4%;\n    width: 100%;\n    height: 50%;\n    background-size: auto 100%;\n}\n","// Progress Bar Module\n.progress > .bar-container {\n    position: relative;\n    min-height: 1.8rem;\n\n    border: 0.2rem solid rgba($grey-dark, 0.8);\n    border-radius: 0.25rem;\n    background-color: $black;\n}\n.progress > .bar-container > .bar,\n.progress > .bar-container > .glow,\n.progress > .bar-container > .cover {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n.progress > .bar-container > .bar {\n    background-color: $orange;\n    background-image: linear-gradient(to right, rgb(242, 203, 46), rgb(254, 255, 161));\n}\n.progress > .bar-container > .glow {\n    box-shadow: 0 0 1.7rem rgba(255, 203, 142, 0.5);\n    transition: 1s opacity linear;\n    transform-origin: left;\n}\n.progress.m-animated > .bar-container > .glow {\n    opacity: 0;\n    &.is-active {\n        opacity: 1;\n    }\n}\n.progress > .bar-container > .cover {\n    background-color: $black;\n    transform-origin: right;\n    transform: scaleX(1);\n}\n\n\n\n// Progress Info Sub-module\n.progress > .info {\n    margin-top: 1rem;\n    @include clearfix();\n}\n.progress > .info > .info-text {\n    margin-bottom: 0;\n\n    color: $grey;\n    @include font($family: $arial, $size: 2rem);\n\n    &.m-emphasis {\n        color: $white;\n        font-weight: bold;\n    }\n    &.m-left {\n        float: left;\n    }\n    &.m-right {\n        float: right;\n    }\n}\n\n\n\n// Progress Bar 2 Module\n.progress-2 > img {\n    display: block;\n    float: left;\n    height: 5rem;\n    width: auto;\n    margin-right: 0.2rem;\n    border: 0.2rem solid $grey;\n    border-radius: 0.4rem;\n}\n.progress-2 > .bar-container {\n    position: relative;\n    overflow: hidden;\n    padding: 0.3rem;\n\n    border-radius: 0.4rem;\n    background-color: rgba(24, 34, 62, 0.7);\n}\n.progress-2 > .bar-container > .bar {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 100%; // bar is initially at 0 width\n    bottom: 0;\n    margin: 0.3rem;\n    border-radius: 0.5rem;\n\n    background-color: $blue-light;\n    box-shadow: inset 0 0.2rem 0 0 $blue-lighter;\n}\n.progress-2 > .bar-container > .bar-text {\n    height: 44px;\n    display: table;\n    position: relative;\n    width: 100%;\n    color: $white;\n    text-shadow: 0.1rem 0.2rem 0.2rem rgba($black, 0.3);\n}\n\n\n.progress-2 > .bar-container > .bar-text > .title {\n    display: table-cell;\n    padding: 0.5rem 1.2rem;\n    vertical-align: middle;\n    font-family: $big-noodle;\n    font-size: $font-tier5;\n    font-style: italic;\n    color: $white;\n    line-height: 0.9;\n}\n.progress-2 > .bar-container > .bar-text > .description {\n    display: table-cell;\n    padding: 0 1.2rem;\n    @include font($family: $arial, $size: 1.8rem, $weight: bold);\n    vertical-align: middle;\n    text-align: right;\n}\nbody.ko-kr .progress-2 > .bar-container > .bar-text > .title {\n    font-size: $font-tier3;\n}\n",".progress-category > .progress-category-item {\n    display:block;\n}\n.progress-category.is-partial > .progress-category-item:nth-child(5) ~ .progress-category-item {\n    display:none;\n}\n","//Used on Game page\n.AboutRole-section {\n    background-color: $true-black;\n}\n\n.AboutRole-section-container {\n    background: linear-gradient(#fafafa, #e0e0e0);\n}\n\n.AboutRole-section-title {\n    color: #585858;\n}\n\n.AboutRole-row {\n    padding-top: 50px;\n}\n\n.AboutRole-column {\n    padding-top: 50px;\n\n    &:first-child {\n        padding-top: 0;\n    }\n\n    @media #{$lg-min} {\n        padding-top: 0;\n        padding-left: 60px;\n        padding-right: 60px;\n    }\n}\n\n.AboutRole-icon {\n    display: block;\n    width: 170px;\n    height: 196px;\n    margin-left: auto;\n    margin-right: auto;\n\n    &--damage {\n        fill: $role-damage-color;\n    }\n\n    &--tank {\n        fill: $role-tank-color;\n    }\n\n    &--support {\n        fill: $role-support-color;\n    }\n}\n\n.AboutRole-name {\n    text-align: center;\n    padding-top: 15px;\n\n    &--damage {\n        color: $role-damage-color;\n    }\n\n    &--tank {\n        color: $role-tank-color;\n    }\n\n    &--support {\n        color: $role-support-color;\n    }\n}\n\n.AboutRole-description {\n    padding-top: 20px;\n    max-width: 500px;\n    margin: auto;\n}\n","//Used in Navigation\n\n.search-input {\n    height: 34px;\n    width: 360px;\n    margin-right: .5rem;\n    border-radius: 5px;\n    background-clip: padding-box;\n    border: 3px solid rgba($black, 0.25);\n}\n\n.search-button {\n    vertical-align: top;\n    padding: 6px 30px;\n    color: $white;\n    &:hover {\n        color: $white;\n    }\n}\n\n.nav-search-bar{\n    position: relative;\n    vertical-align: middle;\n\n    &.m-mobile-only{\n        margin: 0 28px;\n        margin: 0;\n        height: 49px;\n        border-bottom: 1px solid #313d56;\n        border-top: 1px solid #313d56;\n        width: 100%;\n        @media (min-width: #{$lg-min-value}){\n            display: none;\n        }\n        .nav-search-field{\n            text-transform: none;\n            background-position: left 36px center;\n            &:hover, &:focus, &:active{\n                background-color: #39455d;\n            }\n        }\n        .search-nav-magnifier-icon{\n            top: 15px;\n            left: 25px;\n            height: 16px;\n            width: 16px;\n            margin: 0;\n        }\n\n    }\n    &.m-desktop-only{\n        height: 100%;\n        padding-right: 10px;\n\n        @media (max-width: #{$sm-max-value}){\n            display: none;\n        }\n\n        &:after {\n            content: \"|\";\n            position: absolute;\n            top: 50%;\n            right: 0;\n            transform: translateY(-50%);\n            color: rgba(255,255,255,0.7);\n        }\n    }\n}\n.nav-search-form {\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    position: relative;\n    transition: width 500ms;\n\n    @media #{$lg-min} {\n        width: 138px;\n    }\n    &.is-collapsed {\n        width: 0;\n    }\n}\n\n.nav-search-icon{\n    position: absolute;\n    top: 50%;\n    width: 20px;\n    height: 20px;\n    background-position: center center;\n    background-size: 18px;\n    pointer-events: none;\n    fill: rgba(255,255,255,0.7);\n    stroke: rgba(255,255,255,0.7);\n    z-index: $z-index3;\n    vertical-align: middle;\n    transform: translateY(-50%);\n\n    @media #{$lg-min}{\n        margin-right: 5px;\n    }\n\n    .m-desktop-only & {\n        cursor: pointer;\n        pointer-events: auto;\n        position: static;\n        transform: none;\n\n        &:hover {\n            stroke: $orange;\n            fill: $orange;\n        }\n    }\n}\n\n.nav-search-field {\n    //box\n    height: 100%;\n    width: 100%;\n    vertical-align: middle;\n    //border\n    border: 0;\n    outline: 0;\n    //background\n    background-color: transparent;\n    //text\n    color: rgba(255,255,255,0.7);\n    font-weight: 100;\n    font-family: $arial;\n    transition: opacity 0.5s 0.5s ease;\n    text-overflow: ellipsis;\n\n    &::placeholder{\n        color: rgba(255,255,255,0.25);\n        text-overflow: ellipsis;\n        transition: color 200ms;\n    }\n}\n\n.search-nav-magnifier-icon {\n\n    display: block;\n    position: absolute;\n    height: 18px;\n    width: 17px;\n    top: 50%;\n    margin-left: 8px;\n    margin-top: -9px;\n    fill: $blue-light;\n\n    @media #{$lg-min}{\n        margin-left: 10px;\n    }\n\n    @media #{$xl-min}{\n        margin-left: 15px;\n    }\n}\n","//Used in Navigation\n\n.slide-menu {\n    box-sizing: border-box;\n    display: block;\n    .content{\n        width: 100%;\n        box-sizing: border-box;\n    }\n    &.m-centered{\n        .content{\n            display: table-cell;\n            vertical-align: middle;\n        }\n    }\n\t.slide-menu-bottom{\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\twidth: 100%;\n\t\t.nav-btn{\n\t\t\ttext-align: center;\n\t\t}\n\t}\n}\n",".social {\n    @include clearfix();\n}\n.social-header {\n    color:$white;\n    margin-bottom: 10px;\n    //this custom breakpoint is necessary because the iframe below this heading has its own breakpoints.\n    @media (min-width: 550px) {\n        margin-left: 10px;\n        margin-bottom: 0;\n    }\n}\n.social-share-wrapper, .social-like-wrapper {\n    float:right;\n    width:50%;\n    @include clearfix();\n}\n.social-share-links {\n    background-color: transparent;\n    display: block;\n    float: right;\n    @include clearfix();\n}\n.social-share-link {\n    background: url(\"img/icons/social/social-media-logos-small.png\") no-repeat;\n    width: 16px;\n    height: 16px;\n    display: block;\n    float: right;\n    margin: 0 1px 0 0;\n}\n.social-share-link.facebook {\n    background-position: 0 0;\n}\n.social-share-link.twitter {\n    background-position: 0 -16px;\n}\n.social-share-link.reddit {\n    background-position: 0 -208px;\n}\n.social-share-link.studivz {\n    background-position: 0 -240px;\n}\n.social-share-link.tuenti {\n    background-position: 0 -224px;\n}\n.social-share-link.nasza-klasa {\n    background-position: 0 -272px;\n}\n.social-share-link.vkontakte {\n    background-position: 0 -288px;\n}\n.social-share-link.odnoklassniki {\n    background-position: 0 -304px;\n}\n.social-share-title {\n    display: block;\n    float: right;\n    padding: 0 5px 0 0;\n    height: 20px;\n    line-height: 20px;\n}\n.social-like-wrapper div,\n.social-like-wrapper object,\n.social-like-wrapper iframe {\n    line-height: 1em;\n    float: left;\n    max-width: 110px;\n    margin-right: 10px;\n}\n\n@media only screen and (max-width: 30em) {\n    .social-like-wrapper {\n        clear: none;\n    }\n    .social-like-wrapper div,\n    .social-like-wrapper object,\n    .social-like-wrapper iframe {\n        margin-bottom: 1em;\n    }\n    .social-like-wrapper div:last-child,\n    .social-like-wrapper object:last-child,\n    .social-like-wrapper iframe:last-child {\n        margin-bottom: 0;\n    }\n}\n",".social-icon-vk {\n    width: 57px;\n    height: 54px;\n    display: inline-block;\n    background-image: url('/img/icons/social/new-social-icons.png');\n    background-size: cover;\n    &:hover{\n        background-image: url('/img/icons/social/new-social-icons-hover.png');\n    }\n}\n\n.social-icon-facebook{\n    width: 57px;\n    height: 54px;\n    display: inline-block;\n    background-image: url('/img/icons/social/new-social-icons.png');\n    background-size: cover;\n    background-position: -73px;\n    &:hover{\n        background-image: url('/img/icons/social/new-social-icons-hover.png');\n    }\n}\n\n.social-icon-twitter{\n    width: 57px;\n    height: 54px;\n    display: inline-block;\n    background-image: url('/img/icons/social/new-social-icons.png');\n    background-size: cover;\n    background-position: -146px 0;\n    &:hover{\n        background-image: url('/img/icons/social/new-social-icons-hover.png');\n    }\n}\n\n.social-icon-youtube{\n    width: 57px;\n    height: 54px;\n    display: inline-block;\n    background-image: url('/img/icons/social/new-social-icons.png');\n    background-size: cover;\n    background-position: -219px 0;\n    &:hover{\n        background-image: url('/img/icons/social/new-social-icons-hover.png');\n    }\n}\n\n.social-icon-instagram{\n    width: 57px;\n    height: 54px;\n    display: inline-block;\n    background-image: url('/img/icons/social/new-social-icons.png');\n    background-size: cover;\n    background-position: -292px 0;\n    &:hover{\n        background-image: url('/img/icons/social/new-social-icons-hover.png');\n    }\n}\n\n.social-icon-spacer{\n    display: inline-block;\n    background-image: url('/img/icons/social/new-social-icons.png');\n    width: 14px;\n    height: 54px;\n    background-size: cover;\n    background-position: -56px 0;\n    margin: 0 2px;\n}\n","/*\n    Spotlight component styles\n*/\n.spotlight {\n    position:relative;\n}\n\n.spotlight-header, .spotlight-caption {\n    color: $white;\n    padding-left: 64%;\n    text-align: center;\n}\n\n.spotlight-caption {\n    min-height:48px;\n}\n\n.spotlight-image {\n    position:relative;\n    left:-270px;\n    display: inline-block;\n    min-width:746px;\n    min-height:440px;\n    margin:0 auto;\n    background-size: auto 100%;\n    background-repeat: no-repeat;\n    background-position: right bottom;\n    z-index: $z-index1;\n        //same z-index as the banner means the image must come later in the DOM\n}\n\n.spotlight-banner {\n    width:100%;\n    min-height:200px;\n    position:absolute;\n    padding:10px 0 15px 0;\n    top:calc(50% - 100px);\n    text-align: right;\n    background-image: linear-gradient(to right, rgba($blue,0) 0%, rgba($blue,.8) 25%, rgba($blue,.8) 75%, rgba($blue,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\n    background-position: center center;\n    background-size: 1920px auto;\n    z-index: $z-index1;\n}\n",".sub-nav {\n    position: relative;\n    z-index: $z-index4;\n\n    .is-menu-hidden {\n        .sub-nav-item {\n            left: 100%;\n            margin-left: -3.6rem;\n\n            @media #{$lg-min} {\n                &:hover {\n                    margin-left: -100%;\n                    transition: .3s;\n\n                    .sub-nav-icon {\n                        background-color: rgba(0, 0, 0, 0.1);\n                        opacity: 1;\n                    }\n                }\n            }\n        }\n    }\n\n    .sub-nav-menu {\n        position: fixed;\n        right: 0;\n        top: 50%;\n        transform: translate(0%, -50%);\n    }\n\n    .sub-nav-item {\n        display: block;\n        position: relative;\n        margin-bottom: .1em;\n        background-color: $blue-dark;\n        border-radius: .3rem;\n\n        &:hover, &.active {\n            background-color: $cyan;\n\n            .sub-nav-icon {\n                background-position: top;\n                opacity: 1;\n            }\n\n            .sub-nav-text {\n                opacity: 1;\n            }\n        }\n    }\n\n    .sub-nav-btn {\n        color: $black;\n        display: block;\n    }\n\n    .sub-nav-icon {\n        display: inline-block;\n        padding: .5rem;\n        height: 100%;\n        vertical-align: middle;\n        width: 1em;\n        height: 1em;\n        font-size: $font-tier6;\n        background-color: rgba(0,0,0,0.2);\n        background-position: 0 -1em;\n        border-radius: .3rem 0 0 .3rem;\n        background-size: 1em 2em;\n        fill: $white;\n        opacity: 0.8;\n\n        * {\n            fill: $white;\n        }\n    }\n\n    .sub-nav-text {\n    \tdisplay: inline-block;\n    \tvertical-align: middle;\n    \tpadding: 0.3em 1.2em;\n        @include h6font();\n        text-transform: uppercase;\n        color: $white;\n        opacity: .5;\n    }\n}\nbody.ko-kr .sub-nav {\n    .sub-nav-text {\n    \tfont-size: $font-tier1;\n    }\n}\n",".summer-games-heroes {\n    display: none;\n    @media #{$md-min} {\n        display: block;\n        background: url('img/announcement/summer-games/summer-games-heroes.png') no-repeat;\n        background-size: cover;\n        width: 56vw;\n        height: 34vw;\n        position: absolute;\n        bottom: 0;\n        right: 10rem;\n    }\n    @media #{$xl-min} {\n        right: 20rem;\n    }\n}\n\n.summer-games-loot-box {\n    right: 50%;\n    margin-right: -22vw;\n    width: 50vw;\n    height: 43vw;\n    bottom: -5vw;\n\n    @media #{$md-min} {\n        bottom: 0;\n        right: -3vw;\n        margin-right: 0;\n        width: 20vw;\n        height: 17vw;\n    }\n    background: url('img/announcement/summer-games/summer-games-loot-box.png') no-repeat;\n    background-size: cover;\n    position: absolute;\n}\n\n.summer-games-logo {\n    top: 4vw;\n    left: 50%;\n    margin-left: -5.5vw;\n    width: 11vw;\n    height: 15vw;\n    @media #{$md-min} {\n        margin-left: 0;\n        left: initial;\n        width: 8vw;\n        height: 11vw;\n    }\n    background: url('img/announcement/summer-games/summer-games-logo.png') no-repeat;\n    background-size: cover;\n    position: absolute;\n    right: 20px;\n}\n","//TODO: Change to global states\n.toggle-display {\n    display: none;\n    &.is-active {\n        display: block;\n    }\n}\n",".unlock-item--image-container {\n}\n\n.unlock-item--image {\n    display: block;\n    width: 100%;\n    border-radius: 6px;\n    border: 2px solid #fff;\n}\n\n.unlock-item--caption {\n    width: 80%;\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n    font-size: $font-tier2;\n    text-transform: uppercase;\n}\n","//used in Navigation\n\n//mobile\n.user {\n    //box\n    display:inline-block;\n    position: relative;\n    padding:20px 97px 21px 25px;\n    width: auto;\n    //border\n    border-bottom: none;\n    //text\n    font-family: $arial;\n    font-size: $small-font-size;\n    font-weight: normal;\n    text-align: left;\n    text-transform: none;\n    letter-spacing: normal;\n}\n.user.m-small {\n    padding:20px 87px 21px 15px;\n}\n.user-name{\n    //box\n    position:relative;\n    display: inline-block;\n    padding-right:14px;\n    //text\n    font-size: $font-tier1;\n    color: $orange;\n    font-weight: bold;\n    line-height: 1.3;\n}\n.user-profile-link {\n    display: block;\n    color:$white;\n    font-size: $font-tier0;\n    font-weight:normal;\n    white-space:nowrap;\n}\n.user-icon {\n    //box\n    height: 62px;\n    width: 62px;\n    position: absolute;\n    top: 0;\n    right: 0;\n    margin: 5px 25px 0 0;\n    //border\n    border-radius: 2px;\n    border: 1px solid rgba(255,255,255,0.1);\n    //background\n    background-size: 100% auto;\n    background-size: cover;\n    background-position: center center;\n}\n.user.m-small > .user-icon {\n    margin-right:15px;\n}\n","[video]{\n\n    position: relative;\n    padding-bottom: 56.25%;\n    margin-bottom: 15px;\n    background-color: #000;\n\n    &:before{\n        content: '';\n        display: block;;\n        width: 100px;\n        height: 100px;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        margin-top: -50px;\n        margin-left: -50px;\n        background-image: url('img/icons/loading.svg');\n        background-position: center center;\n        background-repeat: no-repeat;\n        visibility: hidden;\n        opacity: 0;\n        transition: all 100ms $easeOutCirc;\n        z-index: 3;\n    }\n\n    >.play, >.poster, >.video{\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        transition: all 100ms $easeOutCirc;\n    }\n\n    >.play{\n        z-index: 2;\n        visibility: hidden;\n        opacity: 0;\n        cursor: pointer;\n        background-image: url('img/icons/youtube-btn-ylw.png');\n        background-repeat: no-repeat;\n        background-position: center center;\n    }\n\n    >.poster{\n        z-index: 1;\n        visibility: hidden;\n        opacity: 0;\n        background-color: #000;\n        background-size: cover;\n        background-position: center center;\n    }\n\n    >.video{\n        z-index: 0;\n        visibility: visible;\n        opacity: 1;\n        background-color: #000;\n    }\n\n    &.loading, &.buffering{\n        &:before{\n            visibility: visible;\n            opacity: 1;\n        }\n    }\n\n    &.unstarted, &.ended, &.paused{\n        >.play{\n            visibility: visible;;\n            opacity: 1;\n        }\n    }\n\n    &.loading{\n        >.play{\n            visibility: hidden;\n            opacity: 0;\n        }\n        >.video{\n            visibility: hidden;\n            opacity: 0;\n        }\n    }\n\n    &.paused, &.playing, &.buffering{\n        >.poster{\n            visibility: hidden;\n            opacity: 0;\n        }\n        >.video{\n            visibility: visible;\n            opacity: 1;\n        }\n    }\n\n    &.playing{\n        >.play{\n            visibility: hidden;\n            opacity: 0;\n        }\n    }\n\n    &.lightbox-content{\n\n    }\n\n    &.m-edge, &.m-ie, &.m-mobile, &.m-touch{\n        .play, .poster, &:before{\n            visibility: hidden;\n            opacity: 0;\n        }\n    }\n}\n",".wallpaper-icon {\n    display: inline-block;\n    position: relative;\n    &:before{\n        content: '';\n        width: 75px;\n        height: 75px;\n        margin: 0 auto;\n        background-position: center top;\n        background-repeat: no-repeat;\n        display: block;\n    }\n    &:hover{\n        &:before{\n            background-position: center bottom;\n        }\n    }\n    &.m-urlwide{\n        &:before{\n            background-image: url('img/icons/wallpaper-wide.png');\n        }\n    }\n    &.m-urlstandard{\n        &:before{\n            background-image: url('img/icons/wallpaper-standard.png');\n        }\n    }\n    &.m-urltablet{\n        &:before{\n            background-image: url('img/icons/wallpaper-tablet.png');\n        }\n    }\n    &.m-urlmobile{\n        &:before{\n            background-image: url('img/icons/wallpaper-mobile.png');\n        }\n    }\n    &.m-urlfacebook{\n        &:before{\n            background-image: url('img/icons/wallpaper-facebook.png');\n        }\n    }\n    &.m-urltwitter{\n        &:before{\n            background-image: url('img/icons/wallpaper-twitter.png');\n        }\n    }\n    > span{\n        color: $white;\n        display: block;\n    }\n}\n","// Preview element shown before video is played\n.youtubePlayer-preview {\n    .youtubePlayer.is-active & {\n        display: none;\n    }\n}\n\n.youtubePlayer-frame {\n    @include fitted-container();\n    @include border-hoverable();\n\n    display: none;\n    .youtubePlayer.is-active & {\n        display: block;\n    }\n}\n\n// Placeholder element to be replaced with youtube embed\n.youtubePlayer-placeholder {\n    @include absolute-fill();\n    height: 100%;\n}\n","@keyframes transition-out {\n    0% {\n        transform: translateX(0) translateY(-50%);\n        opacity: 1;\n    }\n\n    30% {\n        transform: translateX(-50px) translateY(-50%);\n        opacity: 0;\n    }\n\n    100% {\n        transform: translateX(-50px) translateY(-50%);\n        opacity: 0;\n    }\n}\n\n@keyframes transition-in {\n    0% {\n        transform: translateX(20px) translateY(-50%);\n        opacity: 0;\n    }\n    2% {\n        transform: translateX(20px) translateY(-50%);\n        opacity: 0;\n    }\n    30% {\n        transform: translateX(0px) translateY(-50%);\n        opacity: 1;\n    }\n    100% {\n        transform: translateX(0px) translateY(-50%);\n        opacity: 1;\n    }\n}\n\n.home-header {\n    position: relative;\n    background-image: url(img/pages/home/homepage-header-mobile-bg.jpg);\n    background-position: center top;\n    background-size: cover;\n    background-color: #555d70;\n\n    @media #{$md-min} {\n        background-image: url(img/pages/home/homepage-header-tablet-bg.jpg);\n        background-color: #48597d;\n    }\n    @media #{$xl-min} {\n        margin-top: 0;\n        padding-bottom: 17vh;\n        background-image: none;\n        min-height: 720px;\n        height: 100vh;\n    }\n}\n.home-header__video-bg {\n    @include absolute-fill();\n    overflow: hidden;\n    & > video {\n        position: absolute;\n        display: block;\n        min-height: 100%;\n        min-width: 100%;\n        width: auto;\n        height: auto;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n    }\n\n    &:after {\n        @media #{$xl-min} {\n            content: '';\n            @include absolute-fill();\n            background-image:\n                linear-gradient(to bottom,\n                    transparent,\n                    transparent 56%,\n                    rgba(12, 11, 14, 0.62) 91%,\n                    rgba(12, 11, 14, 0.91) 100%);\n        }\n    }\n}\n\n.home-header__logo {\n    margin-top: 30px;\n    min-height: 190px;\n    height: 27.3vmin;\n    @media #{$xxl-min} {\n        height: 38.2vmin;\n    }\n\n    fill: $white;\n    &--dark {\n        fill: $black;\n    }\n\n    .zh-tw & {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n}\n.home-header__logotext {\n    width:80vw;\n    max-width:100%;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    @media #{$md-min} {\n        width: 70vw;\n        margin-top: 12px;\n        margin-bottom: 12px;\n    }\n\n    fill: $white;\n    &--dark {\n        fill: $black;\n    }\n\n    .zh-tw & {\n        max-height: 70px;\n        margin-top: 20px;\n    }\n}\n.home-header__tagline {\n    font-family: $big-noodle;\n    font-style: italic;\n    font-weight:normal;\n    @media #{$xl-min} {\n        color:$white;\n    padding-top:12px;\n    }\n    @media #{$xxl-min} {\n        font-size: $font-tier7;\n    }\n}\n.home-header__button-container {\n    margin-top: 43vw;\n    @media #{$md-min} {\n        margin-top: 24vw;\n    }\n    @media #{$xl-min} {\n        margin-top: 60px;\n    }\n    @media #{$xxl-min} {\n        margin-top: 80px;\n    }\n    display: flex;\n    flex-direction: column;\n}\n\n.home-header__button--buy, .home-header__button--watch {\n    flex: 0 1 auto;\n}\n.home-header__button--watch {\n    margin-top: 18px;\n    fill: $black;\n    &:hover, &:active {\n        fill: #FFF;\n    }\n    & > .play-icon {\n        width: 1em;\n        height: 1em;\n        margin-right: 6px;\n        fill: inherit;\n    }\n}\n\n.home-header__bottom-container {\n    pointer-events: none;\n\n    @media #{$xl-min} {\n        width:100%;\n        position: absolute;\n        bottom: 0;\n    }\n}\n.home-header__bottom {\n    padding-bottom: 18px;\n\n    flex-direction: column-reverse;\n    justify-content: space-between;\n    align-items: center;\n\n    @media #{$md-min} {\n        flex-direction: row;\n        align-items: flex-end;\n    }\n}\n.home-header__platform-icon-container {\n    margin-top: 18px;\n    align-items: flex-start;\n    justify-content: center;\n    width: 70vw;\n    @media #{$md-min} {\n        margin-top: 0;\n        justify-content: flex-start;\n        width: 48vw;\n    }\n    @media #{$lg-min} {\n        width: 35vw;\n    }\n}\n.home-header__platform-icon {\n    display: inline-block;\n    vertical-align:bottom;\n    width: auto;\n    height:auto;\n    &.xb1 {\n        width: 31.8%; //2x 15.9% (width of svg is 159)\n    }\n    &.ps4 {\n        margin-left: 6%;\n        width: 30.2%; //2x 15.1% (width of svg is 151)\n    }\n    &.pc {\n        margin-left: 6%;\n        width: 9.2%; //2x 4.6% (width of svg is 46)\n    }\n}\n.home-header__goty {\n    width: 18vmin;\n    max-width: 296px;\n    min-width: 140px;\n    padding-top: 3.8vw;\n\n    @media #{$md-min} {\n        padding-top: 0;\n    }\n    @media #{$xxl-min} {\n        width: 22vmin;\n    }\n}\n\nbody.home {\n    @media #{$sm-max} {\n        background-color: #fbe6e9;\n        .u-white-background {\n            background-color: #fbe6e9;\n        }\n    }\n    .heroes-section {\n        text-align: center;\n        background-image: url('img/scene/candy.jpg');\n        background-position: top center;\n        background-size: cover;\n\n        @media #{$md-max} {\n            position: relative;\n            .hero-portrait-group {\n                position: relative;\n                z-index: $z-index2;\n            }\n            &:after {\n                content: \" \";\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                width: 100%;\n                height: 100px;\n                background: linear-gradient(to bottom, rgba(240, 237, 242, 0) 0%, rgba(240, 237, 242, 1) 100%);\n            }\n        }\n\n        @media #{$sm-max} {\n            &:after {\n                background: linear-gradient(to bottom, rgba(251, 230, 233, 0) 0%, rgba(251, 230, 233, 1) 100%);\n            }\n        }\n    }\n    .heroes-section-subheader {\n        margin-bottom: 36px;\n        @media #{$xl-min} {\n            font-size: $font-tier4;\n        }\n    }\n\n    .fight-section {\n        letter-spacing: 0.05em;\n        padding: 65px 0 95px;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n        border-bottom: 1px solid rgba(255, 255, 255, .4);\n\n        padding-top: 79%;\n\n        @media #{$sm-min} {\n            padding-top: 50%;\n        }\n        @media #{$lg-min} {\n            padding-top: 80px;\n            background: none;\n            color: $white;\n            text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5);\n        }\n\n\n        .button{\n            margin-top: 30px;\n        }\n    }\n\n    .intro-section {\n        //Bg for mobile\n        background-image:url('img/pages/home/hp-mobile-bg.jpg');\n        background-position: center top;\n\n        //Background for md up.\n        @media #{$md-min} {\n            background-color: #fffeff;\n            height: 70vh;\n            max-height: 41vw;\n            position: relative;\n            background-image: url('img/pages/home/hp-bg-candy-only.jpg');\n            background-position: center -100px;\n\n            &:before, &:after {\n                background-image: url('img/pages/home/left-heroes.png');\n                content: \"\";\n                display: block;\n                width: 100%;\n                height: 100%;\n                background-size: contain;\n                position: absolute;\n                top: 0;\n                left: 0;\n            }\n            &:after {\n                background-image: url('img/pages/home/right-heroes.png');\n                background-position: right;\n            }\n\n            .border-detail {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                height: 132px;\n                width: 100%;\n                background-image: url('img/pages/home/hp-lower-border-detail.png');\n                background-position: center bottom;\n                z-index: $z-index2;\n            }\n        }\n\n        .overwatch-hero-content {\n            position: relative;\n            z-index: $z-index3;\n            height: 100%;\n            margin-top: 2rem;\n            @media #{$md-min} {\n                margin-top: 0rem;\n            }\n            @media #{$lg-min} {\n                margin-top: 2rem;\n            }\n            @media #{$xl-min} {\n                margin-top: 0rem;\n            }\n            .logo {\n                $logo-width: 80vw;\n                $logo-max-width: 30rem;\n\n                width: $logo-width;\n                height: (143/190) * $logo-width;\n                max-width: $logo-max-width;\n                max-height: (143/190) * $logo-max-width;\n\n                @media #{$md-min} {\n                    //Based on aspect ratio of 397 : 226, the logo\n                    $logo-width: 27vw;\n                    $logo-max-width: 75vh;\n                    width: $logo-width;\n                    height: (226/397) * $logo-width;\n                    max-width: $logo-max-width;\n                    max-height: (226/397) * $logo-max-width;\n                }\n                @media #{$xxl-min} {\n                    $logo-width: 32vw;\n                    $logo-max-width: 80vh;\n                    width: $logo-width;\n                    height: (226/397) * $logo-width;\n                    max-width: $logo-max-width;\n                    max-height: (226/397) * $logo-max-width;\n                }\n            }\n        }\n\n        .cta-stacked {\n            margin-top: 4rem;\n            .button {\n                margin-bottom: 1rem;\n            }\n        }\n    }\n\n    .cta-bar-container {\n\n        position: relative;\n        z-index: $z-index4;\n        display: none;\n\n        .button {\n            border-top: 0px;\n            border-bottom: 0px;\n        }\n\n        .center-in-button {\n            padding-top: 12px;\n            padding-bottom: 12px;\n        }\n\n        .cell {\n            width: 50%;\n            display: table-cell;\n            height: 100%;\n            a {\n                height: 100%;\n            }\n        }\n\n        .cta-bar {\n            display: table;\n            width: 100%;\n            height: 100%;\n            margin-top: 5px;\n\n            .center-in-button-wrapper {\n                height: 100%;\n                width: 100%;\n                display: table;\n            }\n            .center-in-button {\n                display: table-cell;\n                vertical-align: middle;\n                height: 100%;\n            }\n\n            .homepage-cta, .video-cta {\n                position: relative;\n                @media #{$md}{\n                    font-size: $font-tier2;\n                }\n            }\n\n            .homepage-cta {\n                float: right;\n                padding-right: 140px;\n                padding-left: 20px;\n                display: inline-block;\n                width: auto;\n\n                .btn-art {\n                    opacity: 0;\n                    &.fallback {\n                        opacity: 1;\n                    }\n                    &.trans-out {\n                        z-index: 1;\n                        animation: transition-out 3s;\n                        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);\n                    }\n                    &.trans-in {\n                        animation: transition-in 3s;\n                        animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);\n                    }\n\n                    &.transition-out {\n                    }\n                }\n            }\n\n            .homepage-cta--button-text {\n                display: block;\n            }\n\n            .video-cta {\n                float: left;\n                padding-left: 180px;\n                padding-right: 20px;\n                display: inline-block;\n                width: auto;\n\n                .media-thumbnail {\n                    border: 0px;\n                    border-radius: 0px;\n\n                    > .wrap {\n                        &:after {\n                            background-size: 30% auto;\n                        }\n                    }\n                }\n                .btn-art {\n                    left: 10px;\n                    width: 150px;\n                    margin-top: 0px;\n                    right: auto;\n                }\n            }\n\n            .btn-art {\n                position: absolute;\n                right: 10px;\n                display: block;\n                top: 50%;\n                transform: translateY(-50%);\n            }\n        }\n\n        @media #{$md-min}{\n            display: block;\n        }\n    }\n\n    .intro-trailer, .homepage-cta {\n        @media screen and (min-width:#{$sm-min-value}) and (max-width:#{$sm-max-value}) {\n            width: 100%;\n            max-width:310px;\n        }\n    }\n\n    .intro-vods {\n        margin-top:12px;\n    }\n\n    .bottom-bg {\n        padding-bottom: 24px;\n        background: url('img/pages/home/game-bg-mobile.png') 0 bottom;\n        @media #{$md-min} {\n            background: url('img/pages/home/game-bg-tablet.png') no-repeat;\n            background-size: cover;\n        }\n    }\n\n    .hero-portrait-group {\n        padding: 0rem 1.2rem;\n        @media #{$md-min} {\n            padding: 0rem;\n        }\n    }\n\n    .mobile-cta{\n        text-align: center;\n        @media #{$md-min}{\n            display: none;\n        }\n        .homepage-cta{\n            margin: 25px auto 0;\n        }\n        .intro-trailer{\n            margin: 35px auto;\n            display: block;\n            max-width: none;\n        }\n    }\n\n    .cta-bar{\n        padding: 0 0.8333%;\n    }\n\n    .news-panels{\n        margin: 0 0 70px;\n        text-align: center;\n        h2{\n            text-align: center;\n            margin: 30px 0 30px;\n        }\n        .intro-button{\n            margin-top: 25px;\n            @media #{$sm-max}{\n                width: 100%;\n                padding-left: 0;\n                padding-right: 0;\n            }\n        }\n    }\n    .media-card-title {\n        @include nowrap-dots();\n    }\n\n    .fight-section{\n\n    }\n\n    .footer-prepurchase {\n        display:none;\n    }\n\n    .nav-logo {\n        @media #{$lg-min} {\n            display:none;\n        }\n    }\n\n}\n\n.home-page-sku-section{\n    position: relative;\n    border-top: 1px solid rgba(255, 255, 255, .4);\n    background-image: url('img/pages/home/purchase-section-bg.jpg');\n    background-size: cover;\n    background-position: center center;\n    padding-top: 25px;\n    padding-bottom: 44px;\n    min-height: 262px;\n    @media #{$sm-min} {\n        min-height: 194px;\n    }\n    @media #{$lg-min} {\n        min-height: 306px;\n    }\n}\n\n.home-page-sku-section__box-art {\n    float: right;\n    margin-right: 20px;\n    max-width: 436px;\n    @media #{$xl-min} {\n        float: none;\n        margin-right: 0;\n        width: 45vw;\n        transform: scale(0.9);\n    }\n    @media #{$xxl-min} {\n        transform: none;\n    }\n}\n\n.home-page-sku-section__text-container {\n    padding-top: 20px;\n    @media #{$lg-min} {\n        padding-top: 34px;\n        padding-left: 20px;\n    }\n}\n\n.home-page-sku-section__cta {\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 18px;\n    @media #{$sm-min} {\n        margin-top: 24px;\n        margin-left: 0;\n        margin-right: 0;\n    }\n    @media #{$xl-min} {\n        margin-top: 18px;\n    }\n}\n\n.home-page-sku-section__brigitte-container {\n    @media #{$xxl-min} {\n        position: relative;\n    }\n}\n\n.home-page-sku-section__brigitte-flail {\n    position: absolute;\n    bottom: -20px;\n    width: 46vw;\n    max-width: 680px;\n    @media #{$xxl-min} {\n        bottom: -280px;\n    }\n}\n","body.game{\n    background-color: #060009;\n\n    p img {\n        vertical-align: middle;\n    }\n\n    .gray-blue{\n        color: #9daac8;\n        & > p {\n            color: #9daac8;\n        }\n    }\n\n    .overview-section:not(li){\n        @extend .u-border-separator;\n        position: relative;\n        z-index: 1;\n        padding-top:150px;\n        text-align:center;\n        background-image: url('img/pages/game/backgrounds/bg-welcometooverwatch-mobile-3.jpg');\n        background-color:#1B0B0C;\n        background-size: cover;\n        background-position: 0px;\n        @media #{$xl-min} {\n            background-position:25% top;\n            text-align:left;\n            padding-bottom:130px;\n        }\n        @media #{$md-min} {\n            background-image: url('img/pages/game/backgrounds/bg-welcometooverwatch-3.jpg');\n        }\n        .intro-row{\n            margin-top: 8rem;\n        }\n        .game-description {\n            margin-left:auto;\n            margin-right:auto;\n            margin-bottom:12px;\n            @media #{$xl-min} {\n                margin-left:0;\n            }\n            font-size: $large-font-size;\n            max-width: 40em;\n        }\n\n        .overwatch-trailer {\n            max-width:540px;\n            margin-left:auto;\n            margin-right:auto;\n            margin-bottom:12px;\n            @media #{$xl-min} {\n                margin-right:30px;\n                margin-bottom:0;\n            }\n        }\n    }\n\n    .heroes-section:not(li) {\n        position: relative;\n        @include background-image-pseudo-element(\"img/pages/game/backgrounds/game_teams_bg.jpg\");\n        @include border-section-divider();\n        padding-bottom:40px;\n        @media #{$xl-min} {\n            padding-bottom:200px;\n        }\n        z-index:2;\n\n        .button{\n            margin-top: 40px;\n        }\n\n        .overwatch-logo, .overwatch-logo-mini {\n            position: relative;\n            top: -40px;\n            margin-bottom:-40px;\n            max-width:90%;\n            fill: $white;\n        }\n        .overwatch-logo{\n            height: 320px;\n            max-width: 30%;\n            padding: 16px;\n            @media #{$md-max}{\n                display: none;\n            }\n\n            & > svg {\n                width: 100%;\n                height: 100%;\n            }\n        }\n        .overwatch-logo-mini{\n            width: 320px;\n            @media #{$lg-min}{\n                display: none;\n            }\n        }\n        //todo: text collides with heroes\n        .heroes-section-subtitle{\n\n        }\n        @media #{$lg-min} {\n            .left-team-image {\n                background-image:url('img/pages/game/backgrounds/game_teams_left.png');\n                position: absolute;\n                left: 0;\n                top: -60px;\n                height: calc(100% + 60px);\n                width: 60%;\n                background-position: right bottom;\n                background-size: auto 100%;\n                z-index: -1;\n            }\n            .right-team-image {\n                background-image:url('img/pages/game/backgrounds/game_teams_right.png');\n                position: absolute;\n                right: 0;\n                top: -60px;\n                height: calc(100% + 60px);\n                width: 50%;\n                background-position: left bottom;\n                background-size: auto 100%;\n                z-index: -1;\n            }\n        }\n        @media #{$xxl-min} {\n            .left-team-image {\n                background-position: left bottom;\n            }\n            .right-team-image {\n                background-position: right bottom;\n            }\n        }\n    }\n\n    .map-group--map {\n        width: 33.33%;\n        padding-left: 6px;\n        padding-right: 6px;\n        margin-bottom: 2rem;\n        display: inline-block;\n        text-align: center;\n        vertical-align: top;\n    }\n\n    .map-group--maps-container {\n        text-align: center;\n    }\n    .game-maps-section {\n        background-image:url('img/pages/game/backgrounds/bg-maps-section.jpg');\n        background-size: contain;\n        background-position: top;\n        background-color: rgb(31, 34, 36);\n        left: 0;\n        position: relative;\n        transition: left 250ms ease-in-out;\n        @media #{$lg-min} {\n            background-size: cover;\n        }\n        @media #{$sm-max} {\n            padding-bottom: 0px;\n        }\n    }\n    .maps-subtitle {\n        padding-bottom: 60px;\n    }\n    .map-types {\n        background-color: rgb(49, 69, 80);\n        @media #{$md-min} {\n            margin-bottom: 24px;\n            background-color: rgba(49, 69, 80, 0.65)\n        }\n    }\n    .map-types-flex {\n        display: block;\n\n        @media #{$md-min} {\n            display: flex;\n            flex-wrap: wrap;\n            display:flex;\n            flex-direction: row;\n            justify-content: center;\n            align-items: stretch;\n            padding-top: 20px;\n            padding-bottom: 20px;\n        }\n    }\n    .map-type-wrapper {\n        min-width: 100%;\n        flex: 1 1 346px;\n        border-bottom: 1px solid rgb(71, 101, 119);\n        padding: 20px 10px 20px 10px;\n        pointer-events: auto;\n        transition: background-color 100ms linear;\n\n        @media #{$md-min}{\n            padding: 20px 20px 20px 10px;\n            border-bottom: none;\n            min-width: 325px;\n            width: 50%;\n            cursor: pointer;\n        }\n        @media #{$xl-min} {\n\n            max-width: 33.33%;\n        }\n    }\n    .map-type-wrapper:hover {\n        @media #{$md-min} {\n            background-color: #476577;\n            cursor: pointer;\n        }\n    }\n    .map-type-wrapper-active {\n        @media #{$md-min} {\n            background-color: #476577;\n        }\n    }\n    .map-type-icon {\n        width: 75px;\n        height: 75px;\n        position: relative;\n        fill: #f0edf2;\n        stroke: #f0edf2;\n        stroke-width: 0;\n    }\n    .map-type-icon-mobile {\n        position: relative;\n        min-width: 0px;\n        width: 30px;\n        height: 30px;\n        margin-right: 7px;\n    }\n    .map-type-name {\n        vertical-align: middle;\n        font-weight: 300;\n    }\n    .map-type-content {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n    .map-type-description {\n        margin-top: 15px;\n        text-align: left;\n        @media #{$md-min} {\n            margin-top: 5px;\n        }\n        @media #{$sm-max} {\n            padding-right: 30px;\n        }\n    }\n    .map-type-nav-arrow {\n        background-image: url(\"img/icons/map-nav-arrows.png\");\n        background-position-y: -410px;\n        flex: 0;\n        min-width: 24px;\n        height: 38px;\n    }\n    //Individual maps\n    .map-wrapper {\n        padding-bottom: 32px;\n        pointer-events: none;\n    }\n    .mobile-maps-nav {\n        width: 100%;\n        padding-left: 12px;\n        padding-right: 12px;\n        vertical-align: middle;\n    }\n    .mobile-maps-category-header {\n        vertical-align: middle;\n        text-align: center;\n        margin-bottom: 15px;\n        margin-top: 15px;\n        padding-right: 3%;\n    }\n    .mobile-maps-back-wrapper {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        cursor: pointer;\n    }\n    .mobile-maps-back-button {\n        flex: 0;\n        background-image: url(\"img/icons/map-nav-arrows.png\");\n        background-size: 50px;\n        background-position-y: -89px;\n        min-width: 15px;\n        height: 26px;\n    }\n    .mobile-maps-back-text {\n        margin-left: 5px;\n        flex: 1;\n        position: relative;\n    }\n    .type-mobile-header-icon {\n        position: relative;\n        width: 54px;\n        @media #{$xs-max} {\n            width: 48px;\n        }\n    }\n    .map-type-mobile-header-name {\n        display: inline-block;\n        padding-left: 15px;\n        @media #{$xs-max} {\n            padding-left: 5px;\n        }\n    }\n    .mobile-maps-section {\n        transition: left 250ms ease-in-out;\n        @media #{$sm-max} {\n            padding-top: 70px;\n            position: fixed;\n            top: 0;\n            height: 100%;\n            width: 100%;\n            display: none;\n            background-color: rgb(31, 34, 36);\n            overflow: scroll;\n            left: 100vw;\n            z-index: 95;\n        }\n    }\n    .maps-no-transition {\n        transition: none;\n    }\n    .maps-back-button {\n        width: 50px;\n        height: 50px;\n        background-color: white;\n    }\n    .mobile-maps-section-moveFromLeft {\n        //Animation classes should always override underlying settings\n        left: 0vw !important;\n    }\n    &.freeze-scroll-sm {\n        @media #{$sm-max} {\n            position: fixed;\n            overflow: hidden;\n        }\n    }\n    .mobile-maps-section-moveToRight {\n        @media #{$sm-max} {\n            //Animation classes should always override underlying settings\n            left: -100vw !important;\n        }\n    }\n\n\n    .map-category-container {\n        margin-top: 5px;\n        min-height: 60px;\n    }\n    .map-category {\n        padding-top: 3px;\n        display: inline-block;\n        vertical-align: middle;\n    }\n    .map-category-icon {\n        display: inline-block;\n        svg {\n            width: 28.92px;\n        }\n    }\n    .map-category-name {\n        display: inline-block;\n        font-size: $font-tier2;\n        padding-left: 6px;\n        padding-right: 14px;\n    }\n    .abilities-section:not(li){\n        background-size: cover;\n        background-position: center;\n        left: 0;\n        position: relative;\n        transition: left 250ms ease-in-out;\n        @media #{$md-max}{\n            background-image:url('img/pages/game/backgrounds/bg-basics-faded.png');\n            background-size: contain;\n            background-position: top;\n            padding-top:50%;\n        }\n        @extend .u-border-separator;\n\n        .video-background-wrapper {\n            @media #{$md-max} {\n                display:none;\n            }\n        }\n        .video-background-wrapper.m-blend:after {\n            content:\"\";\n            @include transparent-blend(#060009);\n            top: 100%;\n            margin-top: -160px;\n        }\n    }\n\n    .abilities-section .video-background-vid {\n        transform: translate(-50%, -50%);\n        left: 50%;\n        top: 50%;\n        position: absolute;\n        min-height: 100%;\n        min-width: 100%;\n        width: auto;\n        height: auto;\n    }\n\n    .match-section:not(li){\n        background-image:url('img/pages/game/backgrounds/bg-howtoplay.jpg');\n        background-size: cover;\n        background-position: center;\n        @media #{$md-max}{\n            background-image:url('img/pages/game/backgrounds/bg-howtoplay-faded.png');\n            background-size: contain;\n            background-position: top;\n            padding-top:50%;\n        }\n        @extend .u-border-separator;\n        .side-tips-section{\n            margin-top: 2em;\n            background-color: rgba(40, 53, 79, 0.9);\n            text-shadow: none;\n        }\n        .side-tips-section-content{\n            h1, h2, h3, h4, h5, h6 {\n                @extend .u-invert;\n            }\n            padding: 1.4em;\n        }\n    }\n    .progress-section:not(li){\n        overflow:hidden;\n        background-color: #17121d;\n        h2, p, .progress-content {\n            position: relative;\n            z-index: $z-index2;\n        }\n        .progress-bg {\n            position:relative;\n            right:50%;\n            float: right;\n            @media #{$md-min} {\n                float: none;\n            }\n        }\n        .progress-bg > img {\n            position:relative;\n            right:-50%;\n            margin-top: -14%;\n            margin-bottom: -17%;\n            @media #{$md-min} {\n                right:-25%;\n                max-width:150%;\n                margin-top: -13%;\n                margin-bottom: -6%;\n            }\n        }\n        @extend .u-border-separator;\n        .progress-content{\n            margin-top:20px;\n            // margin:554px 32px 0 32px;\n            // @media #{$md-min} {\n            //  margin-top: 554px;\n            // }\n            // @media #{$lg-min} {\n            //  margin-top:570px;\n            // }\n        }\n\n        .progress-description{\n            max-width: 70em;\n        }\n        .loot-image{\n            @media #{$sm-max}{\n                display: none;\n            }\n            & > img{\n                height: 200px;\n                position: relative;\n                bottom: 10px;\n                right: 60px;\n            }\n        }\n        .loot-description{\n            @media #{$sm-min}{\n                padding-right: 5em;\n            }\n        }\n        .achievement-description{\n            text-align: left;\n            margin-top: 4em;\n            padding-left: 5em;\n            @media #{$sm-max}{\n                padding-left: 0;\n                margin-top: 3em;\n            }\n        }\n        .achievement-image{\n            margin-top: -4em;\n            @media #{$sm-max}{\n                display: none;\n            }\n            & > img{\n                height: 400px;\n                left: -100px;\n                position: relative;\n            }\n        }\n    }\n    .game-modes-section:not(li){\n        background-image:url('img/pages/game/backgrounds/bg-gamemodes.jpg');\n        background-size: cover;\n        background-position: center;\n        @media #{$md-min} {\n            padding-bottom:100px;\n        }\n\n        @extend .u-border-separator;\n        .game-modes-subtitle{\n            margin-bottom: 3em;\n        }\n        /* .game-mode-items {\n            max-width:846px;\n        } */\n\n        .game-modes-item{\n            display: inline-block;\n            margin-left: 20px;\n            margin-right: 20px;\n            margin-bottom: 40px;\n            width: 260px;\n            height: 453px;\n            border: none;\n            overflow: hidden;\n            position: relative;\n            background-size: contain;\n            vertical-align:top;\n            @media #{$sm-min} {\n                width: 300px;\n            }\n            &:last-child {\n                margin-bottom: 0px;\n                @media #{$sm-min} {\n                    margin-bottom: 20px;\n                }\n            }\n\n            &.practice{\n                background-image: url('img/pages/game/game-modes/thumbs/practice-range.jpg');\n            }\n            &.ai{\n                background-image:  url('img/pages/game/game-modes/thumbs/vs-ai.jpg');\n            }\n            &.quick{\n                background-image:  url('img/pages/game/game-modes/thumbs/quick-play.jpg');\n            }\n            &.custom{\n                background-image:  url('img/pages/game/game-modes/thumbs/custom-game.jpg');\n            }\n            &.arcade{\n                background-image:  url('img/pages/game/game-modes/thumbs/arcade.jpg');\n            }\n            &.competitive{\n                background-image:  url('img/pages/game/game-modes/thumbs/competitive-play.jpg');\n            }\n            & > .container {\n                position: absolute;\n                bottom: 0;\n                left: 0;\n                display: block;\n                width: 100%;\n                min-height: 206px;\n                padding: 10px;\n                text-align: center;\n                color: #2E3C51;\n                text-shadow: none;\n                background-color: white;\n                & > .btn{\n                    margin-top: 18px;\n                }\n                & > p {\n                    margin-top: 0px;\n                    text-align: center;\n                    color: lighten($black, 20%);\n                    line-height: 1.6;\n                }\n            }\n\n            .game-modes-item-title{\n                font-family: $big-noodle;\n                font-weight: normal;\n                font-style: italic;\n                font-size: $font-tier4;\n                margin-top: 10px;\n                margin-bottom: 8px;\n            }\n            .game-modes-item-icon{\n                height: 36px;\n            }\n        }\n    }\n    .friends-section:not(li){\n        //todo: use color variable\n        background-color: #2d374f;\n        position: relative;\n        @extend .u-border-separator;\n\n        .friends-section-content{\n            float: right;\n            position: relative;\n            width: 58.33333%;\n            padding: 38px 28px 38px 48px;\n            @media #{$sm-max}{\n                width: 100%;\n                padding: 12px;\n            }\n            @media #{$md-max} {\n                background-image: linear-gradient(to right, rgba(45, 55, 79, 0.0) 5%, rgba(45, 55, 79, 1.0) 12%);\n            }\n        }\n        .fg-hanzo-genji {\n            display: none;\n            @media #{$md-min} {\n                display: block;\n            }\n            position: absolute;\n            left: calc(50% - 560px);\n            height: calc(100% + 60px);\n            bottom: 0;\n        }\n        .fg-hanzo-genji + .hide-for-lg {\n            left: calc(50% - 453px);\n        }\n    }\n    .play-with-friends-title-icon {\n        display: inline-block;\n        width: 6rem;\n        height: 6rem;\n        margin-bottom: -0.7rem;\n    }\n    .play-with-friends-title-text {\n        display: inline-block;\n        margin-left: 1rem;\n    }\n}\n","body.heroes {\n    background: url('img/ow-heroes-bg.jpg') no-repeat top center;\n    background-color: #d0c7dc;\n}\n\nbody.ja-jp .heroes-index.hero-selector .hero-portrait-detailed {\n    .portrait-title {\n        @media #{$lg-min} {\n            font-size: $font-tier3;\n        }\n        @media #{$md-min} {\n            font-size: $font-tier2;\n        }\n    }\n}\n\ndiv > h4.hero-selector-intro {\n    margin-top: 34px;\n    color: rgb(50, 65, 95);\n    @media #{$lg-min} {\n        margin-top: 100px;\n    }\n}\n\n.heroes-index.hero-selector {\n    margin-top: 50px;\n\n    .hero-portrait-detailed-container:hover {\n        z-index: $z-index2;\n    }\n\n    .navigation-selector {\n        margin-bottom: 50px;\n    }\n\n    .heroes-container.shuffle {\n        //TODO to overwrite js functionality\n        overflow: visible !important;\n    }\n\n    .hero-portrait-detailed {\n        .container {\n            display: table;\n        }\n        .portrait-title {\n            top: .5rem;\n            padding: 0rem .6rem;\n            font-size: $font-tier3;\n            line-height: .9em;\n            bottom: 0px;\n            vertical-align: middle;\n            display: table-cell;\n            position: relative;\n            @media #{$md-min} {\n                font-size: $font-tier5;\n            }\n            letter-spacing: 0.8px;\n        }\n    }\n\n    .hero-portrait-detailed-container {\n        position: relative;\n\n        &:before {\n            //set aspect ratio for height\n            display: block;\n            content: \"\";\n            width: 100%;\n            padding-top: 172%;\n        }\n\n        > .hero-portrait-detailed {\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            height: auto;\n            width: 100%;\n            > .portrait {\n                //Adjust for smaller\n                width: 100%;\n            }\n        }\n\n        width: 49.5%;\n        margin-right: .5%;\n        margin-bottom: .5%;\n        @media #{$sm-min} {\n            width:32.9%;\n        }\n        @media #{$md-min} {\n            width: 19.5%;\n        }\n        @media #{$lg-min} {\n            width: 16.1%;\n        }\n        @media #{$xl-min} {\n            width: 13.8%;\n        }\n    }\n\n    .hero-portrait-detailed {\n        margin-right: 0px;\n        margin-bottom: 0px;\n        overflow: hidden;\n        & > .portrait {\n            width: 100%;\n        }\n    }\n}\n","body.hero-detail-page {\n    & > section:first-of-type {\n        padding-top: 0 !important;\n    }\n}\n\n.hero-detail{\n    >.inner{\n        @media #{$md-max}{\n            padding: 0;\n        }\n    }\n}\n\n.hero-media{\n    padding-bottom: 50px;\n    @media #{$md-min} {\n        padding-bottom: 100px;\n    }\n}\n\n.hero-media-gallery.is-partial > [data-media-id]:nth-child(4) ~ [data-media-id] {\n    display:none;\n}\n","body.media {\n\n    [class*=section-bg]{\n        background-size: cover;\n        background-position: center top;\n        background-repeat: no-repeat;\n    }\n\n    h2{\n        color: $white;\n        line-height: 0.75;\n        text-align: center;\n    }\n\n    .videos-section-bg {\n        background-image: url('img/pages/media/backgrounds/videos.jpg');\n    }\n\n    .screenshots-section-bg {\n        background-image: url('img/pages/media/backgrounds/screenshots.jpg');\n    }\n\n    .comics-section-bg {\n        background-image: url('img/pages/media/backgrounds/comics.jpg');\n    }\n\n    .artwork-section-bg {\n        background-image: url('img/pages/media/backgrounds/artwork.jpg');\n    }\n\n    .references-section-bg {\n        background-image: url('img/pages/media/backgrounds/reference.jpg');\n    }\n\n    .wallpapers-section-bg {\n        background-image: url('img/pages/media/backgrounds/wallpapers.jpg');\n    }\n\n    .media-gallery {\n        margin-top:25px;\n    }\n\n}\n","body.blog-index{\n\n    background-image: url(\"img/pages/blog/news-background.jpeg\");\n    background-size: cover;\n    background-position: center top;\n    background-repeat: no-repeat;\n    background-color: #121932;\n\n\n    .blog-load-more{\n        margin-top: 35px;\n        text-align: center;\n        .btn{\n            @media #{$sm-max}{\n                display: block;\n                width: 100%;\n            }\n        }\n    }\n\n    .blog-info{\n        color: $white;\n        transition: all 200ms;\n        &:hover{\n            transition: all 100ms $easeOutCirc;\n        }\n    }\n\n    .blog-thumbnail.haloBorder{\n        border: 3px solid rgba(255, 255, 255, 0.25);\n        border-radius: 3px;\n        transition: all 200ms;\n        &:hover{\n            border-color: rgba(255,255,255,0.75);\n            transition: all 100ms $easeOutCirc;\n        }\n    }\n\n}\n","body.blog {\n    background-image: url(\"img/layout/blog/bg-news.jpg\");\n    background-position: center top;\n    background-color: #141516;\n    color:$white;\n    .blog-title {\n        line-height: 1;\n    }\n\n    .post-metadata {\n        margin: 10px 0 20px;\n    }\n\n    .author-byline {\n        display: inline-block;\n    }\n    .author-name {\n        color: $cyan;\n    }\n    .blog-header-image {\n        margin-bottom:12px;\n        & > img {\n            max-width:100%;\n        }\n    }\n    .topic {\n        font-size: $font-tier0;\n        color: #000;\n        line-height: 1;\n        font-family: $futura;\n        font-weight: 600;\n        text-transform: uppercase;\n        border-radius: 4px;\n        background-color: #ffc70e;\n        padding: 6px;\n        vertical-align: middle;\n        display: inline-block;\n        margin-right: 10px;\n    }\n    .topic span {\n        display: inline-block;\n        text-shadow: none;\n    }\n    //TODO: Remove this once Foundation typography is removed.\n    h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {\n        line-height:inherit;\n    }\n}\n","// TODO: consider putting in ui if this pattern becomes common enough\n@mixin text-align-center-responsive() {\n    text-align: center;\n    @media #{$md-min} {\n        text-align: left;\n    }\n}\n\n.career-section {\n    margin: 36px 0;\n}\n\nbody.career-detail {\n    .card-stat-block {\n        th {\n            vertical-align: middle;\n        }\n        .icon {\n            margin-right: 0.8rem;\n            fill: $blue;\n            width: 26px;\n            height: 26px;\n        }\n        .stat-title {\n            display: inline-block;\n        }\n    }\n    hr {\n        margin:1em auto;\n    }\n\n    .header {\n        @include text-align-center-responsive();\n    }\n\n    // Masthead section\n    .masthead {\n        text-align: center;\n        padding: 0;\n        @media #{$lg-min} {\n            padding: 6rem 0;\n            text-align: left;\n        }\n    }\n    .masthead-player-progression, .header-masthead, .player-portrait {\n        display:block;\n        margin-left:auto;\n        margin-right:auto;\n        @media #{$lg-min} {\n            display:inline-block;\n            vertical-align:middle;\n        }\n    }\n\n    .masthead-permission-level-container {\n        color: $grey;\n        stroke: $grey;\n        fill: $grey;\n    }\n\n    .masthead-permission-level-text {\n        display: inline-block;\n        padding-left: 5px;\n    }\n\n    .player-portrait {\n        height: 80px;\n        @media #{$lg-min} {\n            padding-right: 12px;\n        }\n    }\n    .competitive-rank{\n        display: inline-block;\n        @media #{$sm-min} {\n            border-left: 1px solid rgba($white, .2);\n        }\n        padding: 1rem;\n        img{\n            width: 80px;\n        }\n    }\n    .player-level, .endorsement-level, .competitive-rank {\n        vertical-align: middle;\n    }\n\n    .endorsement-level {\n        @media #{$sm-min} {\n            border-left: 1px solid rgba($white, .2);\n        }\n    }\n    .masthead-buttons {\n        display:block;\n        //undo global wide mobile button rule\n        > .button {\n            @media #{$xs-max} {\n                width: auto;\n                padding: 6px 9px;\n            }\n        }\n    }\n    .masthead-detail {\n        margin-top:0;\n        margin-bottom:0.3em;\n        color: $blue-light;\n    }\n    .masthead-detail > .num {\n        color: $cyan;\n    }\n    .masthead-hero-image {\n        display:none;\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left:auto;\n        right:0;\n        width: 50%;\n        background-position: -290px bottom;\n        background-size: 1000px;\n        @media #{$lg-min} {\n            display:block;\n        }\n    }\n\n    [data-hero-quickplay=\"reinhardt\"], [data-hero-competitive=\"reinhardt\"], [data-hero-quickplay=\"zenyatta\"], [data-hero-competitive=\"zenyatta\"], [data-hero-quickplay=\"mercy\"], [data-hero-competitive=\"mercy\"], [data-hero-quickplay=\"orisa\"], [data-hero-competitive=\"orisa\"]{\n        background-position: -105px bottom;\n        width:56%;\n\n        @media #{$lg-max} {\n            width:68%;\n        }\n    }\n\n    .bg-gibraltar {\n        position:relative;\n    }\n\n    @media #{$sm-max} {\n        select, .dropdown {\n            max-width:100%;\n            display:block;\n            margin-left:auto;\n            margin-right:auto;\n        }\n    }\n\n    // add spacing for specific sections\n    .hero-comparison-section .progress-2 {\n        margin-bottom: 0.4rem;\n    }\n    .show-more-heroes {\n        display: table;\n        margin-top: 36px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    #achievements-section{\n        @media #{$lg-min} {\n            padding-top:0;\n            padding-bottom:45px;\n        }\n    }\n    .button-group.loading {\n        width: 30px;\n        height: 30px;\n        background-image: url('/img/icons/loading.svg');\n        background-size: 30px;\n        background-position: center center;\n    }\n\n    .profile-btn-switcher {\n        width: 100%;\n        margin-top: 24px;\n        text-align: center;\n    }\n}\n\n.PrivateProfile_content-container {\n    max-width: 400px;\n    padding: 150px 0;\n}\n",".search-input {\n    height: 34px;\n    width: 100%;\n    margin-bottom: 10px;\n    @media #{$sm-min} {\n        width: 60%;\n        margin-bottom: 0px;\n    }\n\n    @media #{$lg-min} {\n        width: 360px;\n        margin-bottom: 0px;\n    }\n    padding: 5px;\n    margin-right: .5rem;\n    border-radius: 5px;\n    background-clip: padding-box;\n    border: 3px solid rgba($black, 0.25);\n}\n\n.search-button {\n    vertical-align: top;\n    padding: 6px 30px;\n    color: $white;\n    &:hover {\n        color: $white;\n    }\n}\n\n.search-results {\n    position: relative;\n    min-height: 500px;\n    width: 100%;\n    &.is-loading:before {\n        font-size: $font-tier5; //IE 11 has a bug with em related rendering in psudo elements\n        text-align: center;\n        content: attr(data-loading-text);\n        display: block;\n        position: absolute;\n        top: 3rem;\n        left: 0;\n        height: 100%;\n        width: 100%;\n\n        background-image: url('/img/icons/loading.svg');\n        background-size: 100px;\n        background-position: center 2em;\n    }\n}\n\n\n\n.Filter-platform-label {\n    color: $blue;\n}\n\n.ProfileStatusBar {\n    float: right;\n}\n\n.ProfileStatusBar-icon {\n    width: 1.5rem;\n    height: 1.5rem;\n    margin-left: 1rem;\n}\n\n.ProfileStatusBar-text {\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: 1rem;\n}\n\n.filter-sort {\n    margin-left: 0.75rem;\n    margin-bottom: 1.25rem;\n}\n",".patch-notes-container {\n    height: 100%;\n    overflow: auto;\n    background: url('/img/pages/patch-notes/patch-note-bg.jpg');\n    background-size: cover;\n}\n.patch-notes-content {\n    margin: 0 auto;\n}\n// header\n.overwatch-emblem-position {\n    margin: 40px auto 0;\n}\n.patch-notes-title {\n    color: $grey-light;\n}\n// patch notes list\n.patch-notes-list-container {\n    margin-top: 15px;\n}\n.patch-notes-list-header {\n    margin-bottom: 10px;\n    color: $white;\n}\n.patch-notes-item {\n    width: 70%;\n    padding: 3px 10px 3px;\n    cursor: pointer;\n    &:hover {\n        border-radius: 5px;\n        background-color: rgba($grey, 0.3);\n    }\n    > a {\n        color: $cyan-dark;\n        &:hover {\n            color: $cyan;\n        }\n    }\n}\n// patch notes details\n.patch-notes-detail {\n    @include calloutBox(rgba(0,0,0,.5), 30px);\n    color: $white;\n}\n.patch-notes-detail + .patch-notes-detail {\n    margin-top: 18px;\n}\n",".patch-notes-page-container {\n    background-image: url('img/pages/patch-notes/patch-notes-background-desktop.jpg');\n    background-position: center top;\n}\n\n.patch-notes-overview {\n    margin-bottom: 30px;\n}\n\n.patch-notes-body {\n    ul {\n        list-style-type: disc;\n        padding-left: 40px;\n    }\n}\n\n.patch-notes-patch + .patch-notes-patch {\n    margin-top: 60px;\n}\n\n.patch-notes-pagination {\n    margin: 18px 0;\n    .btn{\n        margin-right: 5px;\n        margin-bottom: 5px;\n    }\n    @media #{$lg-min} {\n        margin: 40px 0 0;\n    }\n}\n\n.patch-note-actions {\n    margin-top: 18px;\n}\n\n// Adjust borders between buttons\n.button-group {\n    &.patch-note-actions {\n        > .btn {\n            margin-right: -1px;\n        }\n        > .btn:last-child {\n            margin-right: unset;\n        }\n    }\n}\n\n.patch-notes-error {\n    margin: 10px 0;\n    &.m-main{\n        margin: 50px 0 10px;\n    }\n}\n\n.PatchNotesSideNav {\n    &-header {\n        padding-bottom: 12px;\n        border-bottom: 8px solid rgba($blue, 0.2);\n    }\n    &-listItem {\n        padding: 18px 12px;\n        border-bottom: 2px solid rgba($blue, 0.2);\n        a {\n            &:visited {\n                color: $orange\n            }\n        }\n    }\n}\n\n.HeadingBanner, .CalloutBox, {\n    margin-bottom: 24px;\n}\n.UnderlinedHeader, {\n    margin-top: 24px;\n}\n@media #{$md-max} {\n    .HeroHeader {\n        margin-top: 24px;\n    }\n}\n.Quote {\n    margin-top: 12px;\n}\n","body.free-trial {\n    color: $black;\n    //Footer modifications for free-trial page\n    .section-divider{\n        z-index: 0;\n    }\n    .footer-prepurchase {\n        display: none;\n    }\n    h1, h2, h3, h4 {\n        line-height:.9;\n    }\n    ol {\n        list-style-type: decimal;\n        list-style-position: inside;\n    }\n    &.de-de,\n    &.fr-fr,\n    &.pt-br,\n    &.pl-pl,\n    &.ru-ru {\n        .pre-download {\n            .btn {\n                font-size: $font-tier1;\n            }\n        }\n    }\n}\n\nsection.free-trial {\n    padding-bottom: 32px;\n    padding-top: 50%;\n    background-size: 100% auto;\n    background-position: center top;\n    background-color: $true-white;\n    background-image: url('img/pages/free-trial/8/FW8-mobile.jpg');\n    @media #{$md-min} {\n        padding-top: 38%;\n        background-image: url('img/pages/free-trial/8/FW8-tablet.jpg');\n    }\n    @media #{$lg-min} {\n        padding-top: 29.5%;\n        background-image: url('img/pages/free-trial/8/FW8-desktop.jpg');\n    }\n\n\n    .button-row{\n        margin: 18px 0px 0;\n    }\n    .btn-container{\n        display: block;\n        margin: 6px 0;\n        margin-top: 1rem;\n        margin-bottom:  -0.5rem;\n        @media #{$sm-min} {\n            display: inline-block;\n            vertical-align: top;\n        }\n        > .btn {\n            min-width: 184px;\n        }\n    }\n    .legal-subtext {\n        font-size: $font-tier0;\n        margin: 3px auto 0;\n        text-shadow: none;\n    }\n    .legal-subtext + .legal-subtext {\n        margin-top:0;\n    }\n}\n.free-trial-header {\n    color: $black;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    hyphens: auto;\n}\n.free-trial-header-highlight {\n    color: $orange;\n}\n.free-trial-subhead {\n    color: $black;\n    margin:6px 0 0;\n}\n.free-trial-official-date {\n    font-family: $futura;\n    font-size: $font-tier2;\n    text-shadow: none;\n}\n.free-trial-platform-header {\n    margin-bottom: 6px;\n    color: $grey-dark;\n}\n.free-trial-instructions {\n    padding-left: 20px;\n    margin: 12px auto;\n}\n.free-trial-instructions > li {\n    margin-top: 3px;\n}\n.icon.m-pc {\n    height:20px;\n}\n","body.mercy-bcrf-charity-skin {\n    //Footer modifications for mercy-bcrf-charity-skin page\n    .footer-prepurchase {\n        display: none;\n    }\n}\n\n.mercy-bcrf-charity-skin {\n    background-size: 100% auto;\n    background-position: 0 $nav-offset-mobile;\n    background-color: $true-white;\n    background-image: url('img/promos/mercy-bcrf-charity-skin/480.jpg');\n    @media #{$md-min} {\n        background-image: url('img/promos/mercy-bcrf-charity-skin/768.jpg');\n    }\n    @media #{$lg-min} {\n        background-image: url('img/promos/mercy-bcrf-charity-skin/992.jpg');\n    }\n    @media #{$xl-min} {\n        background-position: center top;\n        background-size: 2560px 1041px;\n        background-image: url('img/promos/mercy-bcrf-charity-skin/2560.jpg');\n    }\n\n    .btn-container{\n        display: block;\n        margin: 10px 0;\n        @media #{$sm-min} {\n            display: inline-block;\n            vertical-align: top;\n            margin: 5px;\n        }\n        > .btn {\n            min-width: 184px;\n        }\n        &:first-of-type {\n            margin-left: 0;\n        }\n    }\n}\n.mercy-bcrf-charity-skin-content {\n    padding-top: 44%;\n    @media #{$md-min} {\n        padding-top: 10%;\n    }\n    @media #{$xl-min} {\n        padding-top: 100px;\n    }\n}\n.mercy-bcrf-charity-skin-header {\n    color: $black;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n    hyphens: auto;\n    margin-top: 5px;\n    color: #FF1A81;\n    @media #{$sm-max} {\n        font-size: $font-tier8;\n    }\n\n    body.ja-jp & {\n        font-size: $font-tier4;\n\n        @media #{$sm-min} {\n            font-size: $font-tier5;\n        }\n\n        @media #{$lg-min} {\n            font-size: $font-tier6;\n        }\n\n        @media #{$xl-min} {\n            font-size: $font-tier7;\n        }\n    }\n}\n.mercy-bcrf-charity-skin-header-highlight {\n    color: $orange;\n}\n.mercy-bcrf-charity-skin-subhead {\n    color: $black;\n    margin-top: 124%;\n    color: #6553C3;\n    @media #{$md-min} {\n        margin:6px 0 0;\n    }\n}\n.mercy-bcrf-charity-skin-video-button {\n    margin-top: 20px;\n    &:hover {\n        .play-icon {\n            fill: $white;\n        }\n    }\n    .play-icon {\n        fill: $black;\n        margin-right: 10px;\n        transition: all 200ms;\n        width: 24px;\n    }\n}\n.mercy-bcrf-charity-skin-description {\n    text-shadow: none;\n    margin-top: 20px;\n}\n.ExternalLink--mercy-bcrf-charity-skin {\n    font-weight: bold;\n    &:after {\n        background-image: url('img/icons/link-icon-orange.png');\n    }\n    &:hover:after {\n        background-image: url('img/icons/link-icon-orange-light.png');\n    }\n}\n.mercy-bcrf-charity-skin-disclaimer-container {\n    margin-top: 30px;\n    margin-bottom: 30px;\n}\n.mercy-bcrf-charity-skin-disclaimer {\n    font-weight: bold;\n    font-size: $font-tier1;\n    & + .mercy-bcrf-charity-skin-disclaimer {\n        margin-top: 3px;\n    }\n}\n.mercy-bcrf-charity-skin-platform-header {\n    margin-bottom: 5px;\n    color: $black;\n}\n.mercy-bcrf-charity-skin-instructions {\n    padding-left: 20px;\n    margin: 12px auto;\n}\n.mercy-bcrf-charity-skin-instructions > li {\n    margin-top: 3px;\n}\n.mercy-bcrf-charity-skin-bcrf-logo {\n    margin-top: 30px;\n    background-image: url('img/promos/mercy-bcrf-charity-skin/bcrf-logo-hi-res.png');\n    width: 206px;\n    height: 89px;\n    background-size: contain;\n    background-repeat: no-repeat;\n    margin-left: auto;\n    margin-right: auto;\n\n    @media #{$md-min} {\n        margin-left: 0;\n        margin-right: 0;\n        background-image: url('img/promos/mercy-bcrf-charity-skin/bcrf-logo.png');\n    }\n}\n","@import 'node_modules/@blizzard/overwatch-ui/assets/scss/variables.scss'; //overwatch-ui variables\n@import './foundation/_settings'; //foundation variables - //https://github.com/zurb/foundation-sites/blob/develop/scss/settings/_settings.scss\n\n$max-content-width: 1250px;\n$max-container-width: 2560px;\n\n$nav-offset-mobile: 48px;\n$nav-offset-desktop: 110px;\n",".esports-intro-section {\n    position: relative;\n    color: $white;\n    background-image: url('img/pages/esports/overview-background-mobile.jpg');\n    background-position: center top;\n    background-repeat: no-repeat;\n    background-color: $true-black;\n    background-size: auto;\n\n    @media #{$lg-min} {\n        background-image: url('img/pages/esports/overview-background.jpg');\n    }\n}\n.esports-flex-container {\n    flex-direction: column;\n    align-items: center;\n    height: 100%;\n}\n.esports-flex-item {\n    width: 100%;\n    padding-top: 36px;\n    @media #{$lg-min} {\n        padding-left: 20px;\n        padding-right: 20px;\n    }\n}\n\n.esports-worldcup-logo {\n    width: 200px;\n    max-width: 100%;\n}\n\n.esports-overviewVideoContainer {\n    padding: 0;\n    @media #{$sm-min} {\n        padding: 0 20px;\n    }\n    @media #{$md-min} {\n        padding: 0 10%;\n    }\n}\n\n.esports-pathtopro-container {\n    margin-top: 42px;\n    color: $black;\n    [data-id=\"overwatchLeague\"] {\n        background-image: url('img/pages/esports/OWL-LBG-2-2560x300.jpg');\n        background-attachment: fixed;\n        background-size: cover;\n    }\n}\n.esports-pathtopro-accordion {\n    background-color: $grey-lighter;\n    height: 1px;\n    min-height: 360px;\n    max-height: 560px;\n}\n\n.esports-worldcup-container {\n    background-image: url('img/esports/worldcup-background-mobile.jpg');\n    background-color: #3d67bb;\n    @media #{$lg-min} {\n        background-image: url('img/esports/worldcup-background.jpg');\n    }\n}\n\n@import 'esports-ladder-section';\n@import 'ladderInfoBlock';\n","$cta-buffer-vertical: 24px;\n\n.LadderSection {\n    &-handle {\n        background: $white;\n        color: $true-black;\n        display: block;\n        vertical-align: middle;\n        box-sizing: border-box;\n        cursor: pointer;\n        position: relative;\n        overflow: hidden;\n        border-top: 2px solid $grey-light;\n\n        &.is-active {\n            background-color: $true-white;\n\n            .LadderSection-handleArrowIndicator {\n                background-position: 0 0;\n            }\n            > .LadderSection-container {\n                border-bottom-color: $black;\n            }\n        }\n\n        &--overwatchLeague {\n            background-color: $true-white;\n        }\n\n        &--contenders,\n        &--contendersTrials {\n            &:before {\n                $square-size: 24px;\n                content: '';\n                width: $square-size;\n                height: $square-size;\n                left: 50%;\n                top: -$square-size/2;\n                transform: translateX(-50%) rotate(45deg);\n                background-color: $grey-light;\n                position: absolute;\n            }\n        }\n        }\n    &-handleContent {\n        padding: 0 18px;\n        height: 86px;\n        display: flex;\n        align-items: center;\n    }\n    &-handleLogo {\n        width: 76px;\n        margin-right: 10px;\n        padding: 0;\n        &--openDivision {\n            padding: 0 6px;\n        }\n    }\n    &-title {\n        display: inline-block;\n        font-size: $font-tier2;\n        text-transform: uppercase;\n        font-weight: bold;\n        @media #{$md-min} {\n            font-size: $font-tier4;\n        }\n    }\n    &-handleArrowIndicator {\n        width: 28px;\n        height: 28px;\n        background-image: url('img/pages/esports/arrow-selector.png');\n        background-size: 100%;\n        background-repeat: no-repeat;\n        background-position: 0 -28px;\n        position: absolute;\n        transform: translateY(-50%);\n        top: 50%;\n        right: 20px;\n\n    }\n    &-contentLogo {\n        display: none;\n\n        @media #{$md-min} {\n            display: block;\n            height: 200px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n    }\n    &-container {\n        background: $grey-lighter;\n        position: relative;\n    }\n    &-content {\n        padding: $cta-buffer-vertical 24px;\n        background-color: $black;\n    }\n    &-desc {\n        margin-bottom: $cta-buffer-vertical;\n    }\n}\n.LadderSection-container.is-open + .LadderSection-handle {\n    border-top-color: $black;\n    &:before {\n        background-color: $black;\n    }\n}\n",".LadderInfoBlock {\n    display: block;\n    height: 100%;\n    padding: 0 18px 0 6px;\n}\n.LadderInfoBlock-copy {\n    .es-es &,\n    .es-mx &,\n    .de-de & {\n        font-size: 14px;\n    }\n}\n.LadderInfoBlock-callToAction {\n    margin-top: 18px;\n}\n","\n//FOOTER\n.event-view .footer-prepurchase {\n    display:none;\n}\n\n$unlocks-background-characters-breakpoint: 'only screen and (min-width: 1850px)';\n\n// shared\n@import 'masthead';\n@import 'video';\n@import 'gamemodes';\n@import 'maps';\n@import 'unlocks';\n@import 'lootbox';\n@import 'events-factory.scss';\n// specific events\n@import 'summer-games';\n@import 'halloween-terror';\n@import 'winter-wonderland';\n@import 'lunar-new-year';\n@import 'archives';\n@import 'anniversary';\n","//MASTHEAD\n//SECTIONS and HEADERS\n.event-overview-container {\n    //background-image set by page.\n    background-size: 100% auto;\n    flex-direction: column;\n    overflow: hidden;\n    @media #{$lg-min} {\n        background-attachment: fixed;\n        background-size: auto;\n        background-position: center top;\n        flex-direction: row;\n        align-items: stretch;\n    }\n}\n\n.events-section-header, .events-overview-header {\n    text-align: center;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 18px;\n\n    @media #{$md-min} {\n        text-align: left;\n    }\n}\n.events-overview-header {\n    margin-top: 18px;\n    @media #{$lg-min} {\n        margin-top: 0;\n    }\n}\n//Adjust the masthead container when the video is playing so there's no extra background.\n.event-overview-container.is-playing {\n    width: 100vw;\n    height: 56.25vw;\n    //Max width for the global max page width\n    max-width: $max-container-width;\n    max-height: 100vh;\n    @media #{'only screen and (min-width: 3840px)'} {\n        //For very large (4k) monitors, don't base the max height of the header on the viewport\n        max-height: 1440px;\n    }\n    overflow: hidden;\n}\n\n.event-overview-content-container {\n    max-width: 95%;\n    margin: 0 auto;\n}\n\n.event-foreground-image-container {\n    position: relative;\n    display: block;\n    padding-top: 5%;\n}\n.event-foreground-image {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    //display: inline-block;\n    position: relative;\n    width: 70%;\n    vertical-align: bottom;\n    z-index: $z-index3;\n    @media #{$lg-min} {\n        width: 60%;\n    }\n}\n//EVENT LOGO AND DATES\n.event-logo-container-mobile {\n    //background-image gets set by the page.\n    background-size: auto 100%;\n    background-position: center;\n}\n.event-logo-container-mobile--overlap {\n    position: relative;\n    margin-top: -15%;\n    margin-bottom: -15%;\n    padding-top: 10%;\n    padding-bottom: 10%;\n    z-index: $z-index4;\n    & + section, & + div {\n        @media #{$md-max} {\n            padding-top: 10%;\n        }\n    }\n}\n.event-logo-container-mobile--overlap-small {\n    position: relative;\n    margin-top: -4%;\n    margin-bottom: -4%;\n    padding-top: 2%;\n    padding-bottom: 2%;\n    z-index: $z-index4;\n    & + section, & + div {\n        @media #{$md-max} {\n            padding-top: 4%;\n        }\n    }\n}\n.event-logo {\n    text-align: center;\n    @media #{$lg-min} {\n        padding:18px 0;\n    }\n}\n.event-logo-image {\n    width: 100%;\n    max-width: 500px;\n    height: auto;\n}\n@mixin text-stroke($stroke-color: black) {\n    text-shadow: 2px 2px 0 $stroke-color, -1px -1px 0 $stroke-color, 1px -1px 0 $stroke-color, -1px 1px 0 $stroke-color, 1px 1px 0 $stroke-color;\n    body:not(.zh-tw) & {\n        -webkit-text-stroke-width: 2px;\n        -webkit-text-stroke-color: $stroke-color;\n    }\n}\n.event-dates {\n    text-align: center;\n}\n// Meant to be used with .flex-item\n.event-masthead-flex-item--small {\n    flex: 1 0 0;\n    @media #{$lg-min} {\n        flex: 3 0 0;\n        padding-bottom: 24px;\n    }\n}\n.event-masthead-flex-item--medium {\n    flex: 1 0 0;\n    @media #{$lg-min} {\n        flex: 4 0 0;\n    }\n}\n.event-masthead-flex-item--large {\n    flex: 1 0 0;\n    @media #{$lg-min} {\n        flex: 6 0 0;\n    }\n}\n.event-masthead-flex-item--xlarge {\n    flex: 1 0 0;\n    @media #{$lg-min} {\n        flex: 7 0 0;\n    }\n}\n.event-masthead-flex-item--bottom-aligned {\n    align-self: flex-end;\n}\n.event-masthead-flex-item--center-aligned {\n    @media #{$lg-min} {\n        align-self: center;\n    }\n}\n.event-masthead-flex-item--left {\n    @media #{$lg-min} {\n        margin-right: 36px;\n    }\n}\n.event-parallax-layer {\n    @include absolute-fill();\n    background-size: cover;\n}\n","//Event Video\n.event-video-iframe {\n    display: inherit;\n    position: absolute;\n    top: 0px;\n    width: 100%;\n    z-index: $z-index3;\n}\n.event-video-close {\n    display: inherit;\n    position: absolute;\n    width: 60px;\n    height: 60px;\n    left: auto;\n    right: 1vw;\n    top: 40px;\n    @media #{$lg-min} {\n        top: 100px;\n    }\n    cursor: pointer;\n    z-index: $z-index11;\n    &:before {\n        content: '\\00d7';\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        text-align: center;\n        line-height: 60px;\n        font-family: initial;\n        color: $cyan;\n        font-size: $font-tier8;\n        text-shadow: 1px 1px 5px rgba(150, 150, 150, 1);\n    }\n    &:hover {\n        &:before {\n            color: $white;\n        }\n    }\n}\n.event-video-wrapper {\n    position: absolute;\n    display: none;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    z-index: $z-index5;\n    box-shadow: 0px 11px 5px 0px rgba($true-black, 0.25);\n}\n.event-video-wrapper--fixed-height {\n    width: 100vw;\n    //Max width for the global max page width\n    max-width: $max-container-width;\n    height: 56.25vw;\n    max-height: 100vh;\n    overflow: hidden;\n    //4k\n    @media #{'only screen and (min-width: 3840px)'} {\n        //When the screen gets too large, don't base the height of the header on the view width.\n        max-height: 1440px;\n    }\n}\n.event-video-wrapper.is-popout {\n    position: fixed;\n    top: auto !important;\n    bottom: 25px !important;\n    right: 25px;\n    width: 426px;\n    height: 240px;\n    z-index: $z-index4;\n    transform: translateY(0px) !important;\n    overflow: visible;\n    @media #{$xxl-min} {\n        width: 28vw;\n        height: 15.75vw;\n    }\n    .event-video-iframe {\n        width: 100%;\n        height: 100%;\n        position: relative;\n    }\n    .event-video-close {\n        position: absolute;\n        display: inline-block;\n        left: auto;\n        top: -50px;\n        right: -17px;\n    }\n    \n}\n.event-video-play-icon {\n    @include center();\n    width: 20vw;\n    height: auto;\n   \n    @media #{$lg-min} {\n        width: 10vw;\n    }\n    @media #{$xl-min} {\n        width: 7vw;\n    }\n    z-index: $z-index4;\n    & > img {\n        width: 100%;\n    }\n}\n.event-video-play-icon--centerV-adjust {\n    @media #{$md-max} {\n        margin-top:-5%;\n    }\n}",".event-info-intro {\n    color: $white;\n    background-size: cover;\n    position: relative;\n    @media #{$lg-min} {\n        margin-top: -4%;\n        margin-bottom: -3%;\n        padding-top: 4%;\n        padding-bottom: 3%;\n        background-size: auto 100%;\n        background-position: center;\n        z-index: $z-index4;\n        border: none;\n        pointer-events: none; //so the buy button is clickable as it parallaxes below this container\n    }\n}\n.event-into-subheading {\n    color: $orange;\n}\n.event-info-details {\n    background-color: black;\n}\n.event-info-intro-content {\n    pointer-events: auto;\n}\n.event-info-logo-image {\n    max-width: 80%;\n}\n\n.event-game-modes {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding-top: 45%;\n    padding-bottom: 24px;\n\n    background-position: center top;\n    background-size: 100%;\n    //background-image and color set by page styles\n\n    @media #{$lg-min} {\n        min-height: 770px;\n        max-height: 1200px;\n        padding-top: 9%;\n        padding-bottom: 5%;\n        //background-image set by page styles\n        background-size: cover;\n    }\n    @media #{$xxl-min} {\n        height: auto;\n        min-height: 1100px;\n        background-size: 2560px;\n    }\n}\n.event-game-modes-item {\n    margin: 24px 0;\n\n    &--mode-one {\n        align-self: flex-start;\n    }\n    &--mode-two {\n        align-self: flex-end;\n    }\n}\n.event-game-modes-heading, .event-game-modes-text {\n    color: $white;\n    text-align: center;\n    @media #{$lg-min} {\n        text-align: left;\n    }\n}\n.event-game-modes-heading {\n    @include fontHeaderShadow();\n}\n.event-game-modes-text {\n    @include fontShadow();\n}\n","//Event MAPS\n\n//Desktop Maps in Carousel.\n.EventMapCarousel {\n    &-ItemContent {\n        height: 50vh;\n        min-height: 560px;\n        max-height: 1000px;\n        right: unset;\n        top: unset;\n        filter: brightness($no-highlight-brightness);\n    }\n}\n.EventMapCarousel-Content {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    padding: 40px 70px;\n}\n\n\n//Mobile Maps.\n.event-section__maps-overview {\n    background-size: cover;\n    background-position: center top;\n    text-align: center;\n    @media #{$lg-min} {\n        padding-top: 140px;\n        padding-bottom: 200px;\n        text-align: left;\n        color: $white;\n    }\n    @media #{$md-max} {\n        background-image: none !important;\n    }\n}\n\n.event-section__map {\n    background-size: cover;\n    background-position: center top;\n    @media #{$lg-min} {\n        padding-top: 130px;\n        padding-bottom: 130px;\n    }\n}\n.event-section__map-icon {\n    max-height: 25px;\n    @media #{$lg-min} {\n        max-height: 18px;\n    }\n}\n.event-section__maps-overview-inner,\n.event-section__map-container {\n    @media #{$lg-min} {\n        padding: 20px;\n        background-color: rgba(0, 0, 0, 0.3);\n        border-radius: 3px;\n        text-align: center;\n    }\n}\n.event-section__map-name {\n    display: inline-block;\n    position: relative;\n    padding-left: 10px;\n}\n\n//Maps\n.EventMaps {\n    @media #{$lg-min} {\n        background-image: none;\n    }\n}\n\n//desktop maps\n@mixin event-map-background($image) {\n    background-image:\n    linear-gradient(\n         to bottom,\n         transparent 0%,\n         transparent 45%,\n         rgba(0, 0, 0, 0.6) 66%,\n         rgb(0, 0, 0) 100%),\n     url($image);\n}\n","//UNLOCKS SECTION\n//Unlocks Container\n.event-unlocks {\n    background-image: url('img/pages/events/carbon-repeat.jpg');\n    background-repeat: repeat;\n    [data-unlock-type] + [data-unlock-type] {\n        margin-top:40px;\n    }\n\n    @media #{$lg-min} {\n        background-position: center bottom;\n    }\n\n    @media #{$xl-min} {\n        background-repeat: no-repeat;\n        background-position: bottom center;\n        background-color:#000;\n    }\n\n    .frame-corner-content {\n        transform: translateY(-10%);\n    }\n    .frame-corner {\n        display: none;\n    }\n    .frame .frame-corner {\n        display: block;\n    }\n}\n.event-unlock-media-header {\n    text-align: center;\n}\n.event-unlock-icon-note {\n    text-align: center;\n    color: inherit;\n    fill: inherit;\n    margin-bottom: 10px;\n    > svg {\n        display:inline-block;\n        width: 18px;\n        height: 18px;\n    }\n}\n.event-unlocks-loader {\n    margin-top: 190px;\n}\n.events-platform-container {\n    position: relative;\n}\n.events-platform-selection {\n    margin-left: 12px;\n}\n//Unlocks Colors\n[data-rarity='COMMON'] .media-card-caption {\n    color: $rarity-common;\n}\n[data-rarity='RARE'] .media-card-caption {\n    color: $rarity-rare;\n}\n[data-rarity='EPIC'] .media-card-caption {\n    color: $rarity-epic;\n}\n[data-rarity='LEGENDARY'] .media-card-caption {\n    color: $rarity-legendary;\n}\n\n@function triangle-bg($color) {\n    @return linear-gradient(135deg, rgba($color, 0) 0%, rgba($color, 0) 50%, rgba($color, 1) 51%, rgba($color, 1) 100%);\n}\n[data-rarity='COMMON'].frame {\n    border-color: $rarity-common;\n    & > .frame-corner {\n        background: triangle-bg($rarity-common);\n    }\n}\n[data-rarity='RARE'].frame {\n    border-color: $rarity-rare;\n    & > .frame-corner {\n        background: triangle-bg($rarity-rare);\n    }\n}\n[data-rarity='EPIC'].frame {\n    border-color: $rarity-epic;\n    & > .frame-corner {\n        background: triangle-bg($rarity-epic);\n    }\n}\n[data-rarity='LEGENDARY'].frame {\n    border-color: $rarity-legendary;\n    & > .frame-corner {\n        background: triangle-bg($rarity-legendary);\n    }\n}\n\n.sprite-icon-check-label {\n    //display and positioning\n    padding-left: 5px;\n    display: inline-block;\n\n    font-weight: bold;\n    text-transform: uppercase;\n}\n.sprite-icon-check-label.m-emphasized {\n    font-weight: bold;\n    text-transform: uppercase;\n}\n.sprite-icon-check-label.m-white {\n    color: $white;\n}\n.sprite-icon-check-label.m-dark {\n    color: $blue-midnight;\n}\n","//LOOT BOX\n    //DEPRECATED: loot-box-conatainer is used on scm and summer-games event pages\n    .loot-box-container {\n        background-size: cover;\n        background-position: bottom center;\n        background-color: #1a0c25;\n        text-align:center;\n        @media #{$md-max} {\n            background-size: 100% auto;\n            padding-bottom: 70%;\n        }\n        @media #{$lg-min} {\n            text-align:left;\n            background-position: top center;\n        }\n        @media (min-width: 1900px) {\n            min-height:650px;\n        }\n    }\n//new version\n.event-lootbox-section {\n    position: relative;\n    padding-bottom: 80%;\n    overflow: hidden;\n    background-position: bottom center;\n    background-repeat: no-repeat;\n    background-size: 100%;\n\n    @media #{$lg-min} {\n        min-height: 518px;\n        padding: 0;\n        background-size: cover;\n        background-position: center center;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n}\n.event-lootbox-video {\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    width: $xxxl-min-value;\n    @media #{$lg-min} {\n        display: block;\n    }\n}\n.event-loot-box-description {\n    text-align: left;\n}\n",".event-view--summer-games {\n    .event-intro-video {\n        position: relative;\n        width: 100%;\n        height: 78.5vh;\n        max-height: 63vw;\n        overflow: hidden;\n        text-align: center;\n        @media #{$md-min} {\n            max-height: 56.25vw;\n        }\n        @media #{$lg-min} {\n            transition: height 250ms ease-in-out;\n            transition-property: height;\n        }\n        @media #{$xxxl-min} {\n            //When the screen gets too large, don't base the height of the header on the view width.\n            max-height: 1440px;\n        }\n        &:before {\n            content: ' ';\n            display: inline-block;\n            vertical-align: middle;\n            height: 100%;\n        }\n    }\n    .event-intro-video.is-playing {\n        height: 56.35vw;\n        max-height: 100vh;\n        //4k\n        @media #{'only screen and (min-width: 3840px)'} {\n            //When the screen gets too large, don't base the height on the view width.\n            max-height: 1440px;\n        }\n    }\n    .event-background {\n        position: fixed;\n        top:0;\n        width: 100%;\n        max-width: 2560px;\n        height: inherit;\n        max-height: inherit;\n        align-items: stretch;\n        background-color: $true-white;\n    }\n    .event-logo-container {\n        flex: 1 0 0;\n        align-self: center;\n    }\n    .sg-opacity-none .event-background {\n        opacity: 0;\n    }\n    .video-play {\n        position: relative;\n        display: inline-block;\n        vertical-align: middle;\n        cursor: pointer;\n        z-index: $z-index3;\n    }\n    .video-play-icon {\n        width: 20vw;\n        height: auto;\n        @media #{$lg-min} {\n            width: 10vw;\n        }\n        @media #{$xl-min} {\n            width: 7vw;\n        }\n    }\n    .event-description {\n        padding-top: 45px;\n        padding-bottom: 45px;\n        background-color: $true-white;\n        @media #{$lg-min} {\n            padding-top: 30px;\n            padding-bottom: 30px;\n        }\n    }\n    .event-unlocks {\n        background-image: none;\n        background-color: $white;\n        @media #{$xl-min} {\n            background-color: $true-white;\n            background-image: url('img/pages/events/summer-games/unlocks-bg.jpg');\n        }\n    }\n    .loot-box-container {\n        background-image: url('img/pages/events/summer-games/loot-box-bg-mobile.jpg');\n        background-color: #164677;\n        background-position: bottom center;\n        @media #{$lg-min} {\n            background-image: url('img/pages/events/summer-games/loot-box-bg.jpg');\n            min-height: 25.56vw;\n            background-size: auto 100%;\n        }\n        @media #{$xxxl-min} {\n            min-height: 650px;\n        }\n    }\n    .event-loot-box-description {\n        padding-top: 16px;\n        padding-bottom: 8px;\n    }\n    .event-unlock-media-header {\n        color: $blue;\n        @media #{$xl-min} {\n            color: $blue-midnight;\n            text-align: center;\n        }\n    }\n    .event-video-close.m-top {\n        display: none;\n        //Position the close button below the mobile nav\n        top: 55px;\n        right: 25px;\n        z-index: $z-index11;\n        @media #{$lg-min} {\n            //position the close button below the desktop nav\n            top: 110px;\n            right: 4px;\n        }\n        //Weird break point so that the close button can be positioned beside the header instead of below it\n        @media #{'only screen and (min-width: 1770px)'} {\n            top: 55px;\n            z-index: ($z-index12 - 1);\n        }\n    }\n    .event-video-iframe {\n        display: inherit;\n        position: absolute;\n        bottom: 0px;\n        width: 100%;\n        height: 56.25vw;\n        max-height: 100vh;\n        z-index: $z-index3;\n        //1440p ultrawide\n        @media #{'only screen and (min-width: 3360px)'} {\n            //When the screen gets too large, don't base the height of the header on the view width.\n            max-height: 1440px;\n        }\n    }\n\n    .event-logo {\n        @include nav-offset();\n        width: 95%;\n        @media #{$md-min} {\n            width: 70%;\n        }\n    }\n\n    .event-background-image {\n        flex: 3 0 0;\n        background-position: right -10vh;\n        background-size: 150% auto;\n        @media #{$lg-min} {\n            background-size: cover;\n        }\n        transition-property: background-position;\n        background-image: url('./img/pages/events/summer-games/summer-games-header.jpg');\n    }\n    .event-foreground-image {\n        @include nav-offset();\n        padding-right: 3%;\n        padding-left: 7%;\n        position: relative;\n        width:110%;\n        left: -10%;\n        @media #{$md-min} {\n            width: 100%;\n            height: auto;\n            left: 0;\n        }\n    }\n}\n.summer-games-body {\n    position: relative;\n    z-index: $z-index3;\n    margin-top: -3px;\n}\n\n.summer-games-container {\n    position: relative;\n}\n\n.summer-games-background {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 75%;\n    height: 78.5vh;\n    background-position: right -10vh;\n    background-size: cover;\n    background-image: url('./img/pages/events/summer-games/summer-games-header.jpg');\n    transition-property: background-position;\n    z-index: $z-index1;\n    @media #{$xxxl-min} {\n        //Fixed elements are positioned relative to the view port.  This takes care of screens wider than the site-wide max\n        max-width: 1920px;\n        margin-left: calc((100% - 2560px)/2);\n    }\n}\n//LUCIO BALL SECTION\n.lucio-ball-section {\n    position: relative;\n    background-image: url('./img/pages/events/summer-games/lucioball-bg-mobile.jpg');\n    background-position: center center;\n    background-size: cover;\n    padding-top: 45px;\n    padding-bottom: 0px;\n    overflow: hidden;\n    @media #{$sm-min} {\n        padding-bottom: 200px;\n    }\n    @media #{$md-min} {\n        padding-top: 60px;\n        padding-bottom: 300px;\n    }\n    @media #{$lg-min} {\n        padding-top: 100px;\n        overflow: visible;\n        background-image: url('./img/pages/events/summer-games/lucioball-bg.jpg');\n    }\n}\n.lucio-parallax-wrapper {\n    height: 10px;\n    margin-top: 300px;\n    overflow: visible;\n    @media #{$md-min} {\n        margin-top: 200px;\n    }\n    @media #{$lg-min} {\n        margin-top: 0px;\n    }\n    @media #{$xxxl-min} {\n        margin-left: 8.33333%;\n    }\n}\n.lucio-ball-lucio-image {\n    position: relative;\n    right: 0px;\n    width: 100%;\n    height: auto;\n    pointer-events: none;\n    transition-property: top;\n    @media #{$md-min} {\n        right: 125px;\n        width: 80%;\n        height: auto;\n    }\n    @media #{$lg-min} {\n        width: auto;\n    }\n}\n.lucio-ball-ball-image {\n    position: absolute;\n    display: none;\n    right: 10px;\n    margin-top: 50px;\n    transition-property: top, width, height;\n    @media #{$md-min} {\n        display: inline;\n    }\n    @media #{$lg-min} {\n        display: none;\n    }\n    @media #{$xxl-min} {\n        display: inline;\n    }\n    @media #{$xxxl-min} {\n        right: 8%;\n    }\n}\n.lucio-ball-text {\n    padding-top: 20px;\n    line-height: 3rem;\n    z-index: ($z-index3 + 1);\n    transition-property: transform;\n    @media #{$lg-min} {\n        padding: 20px;\n        background-color: rgba(3, 57, 93, 0.6);\n        border-radius: 3px;\n    }\n}\n",".event-view--halloween-terror {\n    color: $white;\n}\n//masthead & Logo\n.event-overview-container--halloween-terror {\n    background-image: url(\"img/pages/events/halloween/header-bg-mobile.jpg\");\n    @media #{$lg-min} {\n        background-image: url(\"img/pages/events/halloween/header-bg-tablet.jpg\");\n    }\n    @media #{$xxl-min} {\n        background-image: url(\"img/pages/events/halloween/header-bg.jpg\");\n    }\n}\n.event-logo-container-mobile--halloween-terror {\n    background-image: url('img/pages/events/halloween/brickwall-mobile.png');\n}\n.event-logo--halloween-terror {\n    @media #{$lg-min} {\n        width: 90%;\n    }\n}\n.event-logo-image--halloween-terror {\n    width: auto;\n    max-width: 80%;\n    max-height: 200px;\n    @media #{$lg-min} {\n        max-width: 100%;\n        max-height: 360px;\n    }\n}\n.event-foreground-image-container--halloween-terror {\n    padding-top: 20%;\n    @media #{$lg-min} {\n        padding-top: 15%;\n    }\n}\n.event-foreground-image--halloween-terror {\n    display: inline-block;\n    left: -10%;\n    @media #{$lg-min} {\n        left: 0;\n    }\n    &--right {\n        position: absolute;\n        left: auto;\n        bottom: 0;\n        right: -10%;\n        z-index: $z-index2;\n        @media #{$lg-min} {\n            right: 0;\n        }\n    }\n}\n//Event Info and Game Modes\n.event-info-intro--halloween-terror {\n    background-image: url('img/pages/events/halloween/info-background-mobile.jpg');\n    @media #{$lg-min} {\n        margin-top: -90px;\n        margin-bottom: -90px;\n        background-image: url('img/pages/events/halloween/brickwall.png');\n    }\n    @media #{$xxl-min} {\n        background-image: url('img/pages/events/halloween/brickwall-huge.png');\n        margin-top: -96px;\n    }\n}\n.event-game-modes--halloween-terror {\n    background-image: url('img/pages/events/halloween/game-modes-bg-mobile.jpg');\n    background-color: $true-black;\n    @media #{$lg-min} {\n        background-image: url('img/pages/events/halloween/game-modes-bg.jpg');\n    }\n}\n//Maps\n.EventMaps--halloween-terror {\n    background-image: url('img/pages/events/halloween/maps-background-mobile.jpg');\n}\n\n//unlocks\n.event-unlocks--halloween-terror {\n    background-image: none;\n    background-color: #1c1b21;\n\n    @media #{$lg-min} {\n        background-image: url('img/pages/events/halloween/unlocks-bg-tablet.jpg');\n        background-color: #1a141e;\n        background-size: 100%;\n    }\n    // only show the background with Symmetra and McCree if the screen is wide enough\n    // to see their eyes\n    @media #{$unlocks-background-characters-breakpoint} {\n        background-image: url('img/pages/events/halloween/unlocks-bg-wide.jpg');\n    }\n}\n\n.event-lootbox-section--halloween-terror {\n    background-color: #201c35;\n    background-image: url('img/pages/events/halloween/loot-box-bg-mobile.jpg');\n\n    @media #{$lg-min} {\n        background-image: url('img/pages/events/halloween/loot-box-bg-wide.jpg');\n    }\n}\n","\n\n.event-overview-container--winter-wonderland {\n    background-image: url(\"img/pages/events/winter-wonderland/header-bg-mobile.jpg\");\n    @media #{$lg-min} {\n        background-image: url(\"img/pages/events/winter-wonderland/header-bg.jpg\");\n        background-position: top center;\n        background-size: 100% auto;\n    }\n    @media #{$xxl-min} {\n        background-image: url(\"img/pages/events/winter-wonderland/header-bg.jpg\");\n    }\n    color: $white;\n}\n.event-foreground-image-container--winter-wonderland {\n    padding-top: 5%;\n}\n.event-foreground-image--winter-wonderland {\n    display: inline-block;\n    width: 68%;\n    @media #{$lg-min} {\n        width: 74%;\n    }\n}\n.event-bg-layer--winter-wonderland {\n    width: 30vw;\n    margin-top: 50px;\n    top: 50%;\n    left: 10%;\n    transform: translateY(-50%);\n}\n.flex-container--winter-wonderland {\n    @media #{$lg-min} {\n        max-width: 80%;\n        margin: 0 auto;\n    }\n}\n.event-logo-image--winter-wonderland {\n    width: auto;\n    max-width: 75%;\n}\n.event-dates--winter-wonderland {\n    @include text-stroke($stroke-color: #564f76);\n}\n.event-logo-container-mobile--winter-wonderland {\n    background-image: url('img/pages/events/winter-wonderland/snowy-bricks-mobile.png');\n}\n\n.event-info-intro--winter-wonderland {\n    background-image: url('img/pages/events/winter-wonderland/info-background-mobile.jpg');\n    color: $blue;\n    @media #{$lg-min} {\n        color: $white;\n        background-image: url('img/pages/events/winter-wonderland/snowy-bricks.png');\n    }\n    @media #{$xxl-min} {\n        background-image: url('img/pages/events/winter-wonderland/snowy-bricks-huge.png');\n    }\n}\n\n.event-unlocks--winter-wonderland {\n    background-image: none;\n    background-color: #7178a3; //background bleeds into this color\n    background-image: linear-gradient(to bottom, #7178a3 0%,#979ebe 100%);\n\n    @media #{$lg-min} {\n        background-image: url('img/pages/events/winter-wonderland/unlocks-bg-tablet.jpg');\n    }\n    @media #{$unlocks-background-characters-breakpoint} {\n        background-image: url('img/pages/events/winter-wonderland/unlocks-bg-wide.jpg');\n    }\n}\n\n.event-info-subheading--winter-wonderland {\n    color: inherit;\n    @media #{$lg-min} {\n        color: $white;\n    }\n}\n.event-game-modes--winter-wonderland {\n    background-image: url('img/pages/events/winter-wonderland/game-modes-bg-mobile.jpg');\n    background-color: $blue-filter-link; // the background fades to this color.\n    padding-top: 50%;\n    @media #{$lg-min} {\n        background-image: url('img/pages/events/winter-wonderland/game-modes-bg.jpg');\n        padding-top: 5%;\n        padding-bottom: 8%;\n        background-position: center center;\n        min-height: 900px;\n    }\n    @media #{$xxl-min} {\n        min-height: 1200px;\n    }\n}\n\n//Maps\n.EventMaps--winter-wonderland {\n    background-image: url('img/pages/events/winter-wonderland/maps-background-mobile.jpg');\n    background-size: 100%;\n    background-position: center bottom;\n    color: $white;\n    background-color: #849dc6;\n\n    .CarouselSplit-itemTitle, .ImageSet-header {\n        @include fontHeaderShadow();\n    }\n\n    .CarouselSplit-itemDesc, .ImageSet-description, .map-name {\n        @include fontShadow();\n    }\n}\n//Lootbox\n.event-lootbox-section--winter-wonderland {\n    padding-bottom: 65%;\n    background-color: #4890ca; // Background image fade color\n    background-image: url('img/pages/events/winter-wonderland/loot-box-bg-mobile.jpg');\n    color: $white;\n    @include fontShadow();\n\n    @media #{$md-min} {\n        background-image: url('img/pages/events/winter-wonderland/loot-box-bg-tablet.jpg');\n    }\n\n    @media #{$lg-min} {\n        padding-bottom: 0;\n        background-image: url('img/pages/events/winter-wonderland/loot-box-bg-wide.jpg');\n        color: inherit;\n        text-shadow: none;\n    }\n}\n","$lunar-new-year-red: #cd2807;\n\n//masthead\n.event-overview-container--lunar-new-year {\n    background-image: url(\"img/pages/events/lunar-new-year/header-bg-mobile.jpg\");\n    background-size: cover;\n    @media #{$lg-min} {\n        background-image: url(\"img/pages/events/lunar-new-year/header-bg.jpg\");\n        background-position: top center;\n        background-size: 100% auto;\n    }\n}\n.event-logo-image--lunar-new-year {\n    @media #{$lg-min} {\n        width: 50%;\n    }\n}\n\nbody:not(.ko-kr) .event-foreground-image-container--lunar-new-year {\n    padding-top: 0;\n    @media #{$lg-min} {\n        margin-top: -5%;\n    }\n}\n\n.event-foreground-image--lunar-new-year {\n    width: 88%;\n    @media #{$lg-min} {\n        width: 100%;\n    }\n}\n.event-foreground-image--lunar-new-year.ko-kr {\n    right: -3%;\n    display: none;\n    width: 100%;\n    @media #{$lg-min} {\n        margin-right: auto;\n        margin-top: 5%;\n    }\n}\n.event-logo-container-mobile--lunar-new-year {\n    background-image: url('img/pages/events/lunar-new-year/logo-background-mobile.png');\n    @media #{$md-max} {\n        padding: 82px 0;\n    }\n}\n.event-dates--lunar-new-year {\n    color: $white;\n    @media #{$lg-min} {\n        color: $lunar-new-year-red;\n    }\n}\n\n.wood-divider--lunar-new-year {\n    &:before {\n        background-image: url(\"img/pages/events/lunar-new-year/lny-divider-mobile.png\");\n        @media #{$lg-min} {\n            background-image: url(\"img/pages/events/lunar-new-year/lny-divider-desktop.png\");\n        }\n    }\n}\n\n// Event Info\n.event-info-intro--lunar-new-year {\n    background-image: url('img/pages/events/lunar-new-year/lny-info-mobile.jpg');\n    background-position: center bottom;\n    @media #{$lg-min} {\n        background-image: url('img/pages/events/lunar-new-year/lny-info-huge.png');\n    }\n}\n\n.event-game-modes--lunar-new-year {\n    background-image: url('img/pages/events/lunar-new-year/game-modes-bg-mobile.jpg');\n    background-color: #ebebeb;  // replace with variable once Design finishes new color palette\n    @media #{$lg-min} {\n        background-image: url('img/pages/events/lunar-new-year/game-modes-bg-desktop.jpg');\n    }\n}\n@media #{$md-max} {\n    .event-game-modes-heading--lunar-new-year {\n        color: $lunar-new-year-red;\n    }\n    .event-game-modes-text--lunar-new-year {\n        color: $black;\n    }\n}\n\n// MAPS\n.EventMaps--lunar-new-year {\n    background-image: url('img/pages/events/lunar-new-year/maps-background-mobile.jpg');\n    background-size: 100%;\n    background-position: center bottom;\n    color: $white;\n    background-color: #849dc6; // replace with variable once Design finishes new color palette\n\n    .CarouselSplit-itemTitle, .ImageSet-header {\n        @include fontHeaderShadow();\n    }\n\n    .CarouselSplit-itemDesc, .ImageSet-description, .map-name {\n        @include fontShadow();\n    }\n    .ImageSet-header {\n        color: $lunar-new-year-red;\n    }\n    .ImageSet-description {\n        color: $black;\n    }\n}\n\n\n// Unlocks\n\n.event-unlocks--lunar-new-year {\n    color: $lunar-new-year-red;\n    fill: $lunar-new-year-red;\n    background-image: url('img/pages/events/lunar-new-year/unlocks-mobile-bg-top.jpg'), url('img/pages/events/lunar-new-year/unlocks-mobile-bg-bottom.jpg');\n    background-color: #ebebeb;\n    background-size: 100% auto;\n    background-position: top center, bottom center;\n    background-repeat: no-repeat;\n    @media #{$lg-min} {\n        background-image: url('img/pages/events/lunar-new-year/unlocks-background-desktop.jpg');\n        background-size: cover;\n        background-position: bottom center;\n    }\n    @media #{$unlocks-background-characters-breakpoint} {\n        background-image: url('img/pages/events/lunar-new-year/unlocks-background-desktop-wide.jpg');\n    }\n}\n\n//Lootbox\n.event-lootbox-section--lunar-new-year {\n    padding-bottom: 65%;\n    background-image: url('img/pages/events/lunar-new-year/lny-lootbox-mobile.jpg');\n    background-color: #2c1c1d;\n    color: $white;\n    @include fontShadow();\n\n    @media #{$md-min} {\n        background-image: url('img/pages/events/lunar-new-year/lny-lootbox-tablet.jpg');\n    }\n\n    @media #{$lg-min} {\n        min-height: 514px;\n        padding-bottom: 0;\n        background-image: url('img/pages/events/lunar-new-year/lny-lootbox.jpg');\n        text-shadow: none;\n    }\n}\n\nbody.ko-kr {\n    .event-foreground-image-container--lunar-new-year {\n        padding-top: 0;\n\n    }\n    .event-foreground-image--lunar-new-year.non-kr {\n        display: none;\n    }\n    .event-foreground-image--lunar-new-year.ko-kr {\n        display: block;\n    }\n    .event-logo-container-mobile--lunar-new-year {\n        background-image: url('img/pages/events/lunar-new-year/ko-kr/lny-logo-mobile-kr.jpg');\n    }\n\n\n    .wood-divider--lunar-new-year {\n        &:before {\n            background-image: url(\"img/pages/events/lunar-new-year/ko-kr/lny-divider-mobile-kr.png\");\n            @media #{$lg-min} {\n                background-image: url(\"img/pages/events/lunar-new-year/ko-kr/lny-divider-desktop-kr.png\");\n            }\n        }\n    }\n\n    // Event Info\n    .event-info-intro--lunar-new-year {\n        background-image: url('img/pages/events/lunar-new-year/ko-kr/more-info-background-mobile-kr.jpg');\n        @media #{$lg-min} {\n            background-image: url('img/pages/events/lunar-new-year/ko-kr/lny-info-huge-kr.png');\n        }\n    }\n\n    // MAPS\n    .EventMaps--lunar-new-year {\n        background-image: url('img/pages/events/lunar-new-year/ko-kr/maps-background-mobile-kr.jpg');\n    }\n\n\n\n    // Unlocks\n    .event-unlocks--lunar-new-year {\n        @media #{$unlocks-background-characters-breakpoint} {\n            background-image: url('img/pages/events/lunar-new-year/ko-kr/unlocks-background-desktop-wide-kr.jpg');\n        }\n    }\n\n    //Lootbox\n    .event-lootbox-section--lunar-new-year {\n        background-image: url('img/pages/events/lunar-new-year/ko-kr/lny-lootbox-mobile-kr.jpg');\n\n        @media #{$md-min} {\n            background-image: url('img/pages/events/lunar-new-year/ko-kr/lny-lootbox-tablet-kr.jpg');\n        }\n\n        @media #{$lg-min} {\n            background-image: url('img/pages/events/lunar-new-year/lny-lootbox-kr.jpg');\n        }\n    }\n}\n","// These variables are local variables, accessible only to this rule and it's childrens.\n\n$event-img-path                : 'img/pages/events/archives';\n\n$event-header-mobile           : '#{$event-img-path}/headers/header-bg-mobile.jpg';\n$event-header                  : '#{$event-img-path}/headers/header-bg.jpg';\n$event-header-logo-mobile      : '#{$event-img-path}/headers/logo-bg-mobile.jpg';\n\n$event-divider-mobile          : '#{$event-img-path}/divider/divider-mobile.jpg';\n$event-divider                 : '#{$event-img-path}/divider/divider-desktop.jpg';\n\n$event-moreinfo-mobile         : '#{$event-img-path}/moreinfo/info-bg-mobile.jpg';\n$event-moreinfo-huge           : '#{$event-img-path}/moreinfo/info-bg-huge.png';\n\n$event-gamemode1-mobile        : '#{$event-img-path}/gamemodes/retribution-game-mode-mobile.jpg';\n$event-gamemode1               : '#{$event-img-path}/gamemodes/retribution-game-mode.jpg';\n\n$event-gamemode2-mobile        : '#{$event-img-path}/gamemodes/uprising-game-mode-mobile.jpg';\n$event-gamemode2               : '#{$event-img-path}/gamemodes/uprising-game-mode.jpg';\n\n$event-gamemodes-bg-color      : #310f0d;\n$event-gamemodes-border-color  : #7f2825;\n\n$event-unlock-desktop          : '#{$event-img-path}/unlocks/unlocks-bg-desktop.jpg';\n$event-unlock-desktop-wide     : '#{$event-img-path}/unlocks/unlocks-bg-desktop-wide.jpg';\n\n$event-lootbox-mobile          : '#{$event-img-path}/lootbox/lootbox-bg-mobile.jpg';\n$event-lootbox-wide            : '#{$event-img-path}/lootbox/lootbox-bg-wide.jpg';\n\n$event-map-bg-mobile           : '#{$event-img-path}/maps/maps-bg-mobile.jpg';\n\n//MASTHEAD\n.event-view--archives {\n    color: $white;\n}\n.event-overview-container--archives {\n    background-image: url($event-header-mobile);\n    background-size: cover;\n    @media #{$lg-min} {\n        background-image: url($event-header);\n    }\n}\n.event-logo--archives {\n    @media #{$lg-min} {\n        position: relative;\n        right: -25%;\n        z-index: $z-index4;\n    }\n}\n.event-logo-image--archives {\n    max-width: 640px;\n    @media #{$md-max} {\n        padding-top: 10%;\n    }\n}\n.event-foreground-image-container--archives {\n    padding-top: 2%;\n}\n.event-foreground-image--archives {\n    @media #{$md-max} {\n        width: 106%;\n        margin-left: -3%;\n        margin-right: -3%;\n    }\n    width: 100%;\n}\n.event-logo-container-mobile--archives {\n    background-image: url($event-header-logo-mobile);\n}\n\n.event-divider--archives {\n    &:before {\n        background-image: url($event-divider-mobile);\n        height: 32px;\n        @media #{$lg-min} {\n            background-image: url($event-divider);\n        }\n    }\n}\n\n//Event Info and Game Modes\n.event-info-intro--archives {\n    background-image: url('#{$event-moreinfo-mobile}');\n    @media #{$lg-min} {\n        background-image: url('#{$event-moreinfo-huge}');\n        background-size: auto 90%;\n        margin-bottom: -4.5%;\n    }\n}\n\n.event-info-intro-content--archives {\n    margin-top: 5%;\n}\n\n.u-limit-width--archives {\n    max-width: 45em;\n}\n\n.event-game-modes--retribution {\n    background-image: url($event-gamemode1-mobile);\n    background-color: #191f2c;\n    border-bottom: 6px solid $event-gamemodes-border-color;\n    @media #{$lg-min} {\n        background-image: url($event-gamemode1);\n        background-position: center bottom;\n        min-height: 55vh;\n    }\n}\n\n.event-game-modes--uprising {\n    background-image: url($event-gamemode2-mobile);\n    background-color: $event-gamemodes-bg-color;\n    @media #{$lg-min} {\n        background-image: url($event-gamemode2);\n        background-position: center bottom;\n        min-height: 55vh;\n    }\n}\n\n.event-game-modes-subheading {\n    text-align: center;\n    @media #{$lg-min} {\n        text-align: unset;\n    }\n}\n\n.EventMaps--archives {\n    background-image: url('#{$event-map-bg-mobile}');\n}\n\n//unlocks\n.event-unlocks--archives {\n        background-image: none;\n        background-color: $event-gamemodes-bg-color;\n\n    @media #{$lg-min} {\n        background-image: url('#{$event-unlock-desktop}');\n        background-color: #1a141e;\n    }\n    // only show the background with Symmetra and McCree if the screen is wide enough\n    // to see their eyes\n    @media #{$unlocks-background-characters-breakpoint} {\n        background-image: url('#{$event-unlock-desktop-wide}');\n        background-position: center;\n    }\n}\n\n// lootbox\n.event-lootbox-section--archives {\n    background-color: #2c2a42;\n    background-image: url('#{$event-lootbox-mobile}');\n\n    @media #{$lg-min} {\n        background-image: url('#{$event-lootbox-wide}');\n    }\n}\n","// Using a mixin to create local variables and scope, similar to JS IIFE.\n@mixin event-anniversary () {\n    // Note: assets names are not standardized for old events before the refactor\n    $event-name                    : 'anniversary';\n    $event-img-path                : 'img/pages/events/anniversary';\n    $event-bg-color : #eaeae8;\n\n    $masthead: (\n        logo       : '#{$event-img-path}/headers/logo.png',\n        bg-color   : $event-bg-color,\n        bg-mobile  : '#{$event-img-path}/headers/header-bg-mobile.jpg',\n        bg-desktop : '#{$event-img-path}/headers/header-bg.jpg',\n    );\n    $lootbox: (\n        bg-color   : #dddddd,\n        bg-mobile  : '#{$event-img-path}/lootbox/box-tablet.jpg',\n        bg-desktop : '#{$event-img-path}/lootbox/box.png',\n    );\n    $divider: (\n        bg-mobile  : '#{$event-img-path}/divider/carbon-fiber-bg.jpg',\n        bg-desktop : '#{$event-img-path}/divider/carbon-fiber-bg.jpg',\n    );\n    $unlocks: (\n        bg-color     : #EDEDEE,\n        desktop      : '#{$event-img-path}/unlocks/bg-desktop.jpg',\n        desktop-wide : '#{$event-img-path}/unlocks/bg-desktop-wide.jpg',\n    );\n    $moreinfo: (\n        bg-mobile  : '#{$event-img-path}/moreinfo/info-bg-mobile.png',\n        bg-tabelt  : '#{$event-img-path}/moreinfo/info-bg-tablet.png',\n        bg-desktop : '#{$event-img-path}/moreinfo/info-bg.png',\n    );\n\n    /*#region factory */\n    @include event-factory(\n        $event-name              : $event-name,\n        $event-img-path          : $event-img-path,\n        //\n        $masthead       : $masthead,\n        $lootbox        : $lootbox,\n        $unlocks        : $unlocks,\n        $moreinfo       : $moreinfo,\n        $divider        : null,\n        // game modes\n        $gamemodes: (\n            01: (\n                mobile: '#{$event-img-path}/gamemodes/yeti-hunt.jpg',\n                desktop: '#{$event-img-path}/gamemodes/yeti-hunt.jpg',\n            ),\n            02: (\n                mobile: '#{$event-img-path}/gamemodes/yeti-hunt.jpg',\n                desktop: '#{$event-img-path}/gamemodes/yeti-hunt.jpg',\n            ),\n            03: (\n                mobile: '#{$event-img-path}/gamemodes/halloween-terror.jpg',\n                desktop: '#{$event-img-path}/gamemodes/halloween-terrorjpg',\n            ),\n            04: (\n                mobile: '#{$event-img-path}/gamemodes/lucio-ball.jpg',\n                desktop: '#{$event-img-path}/gamemodes/lucio-ball.jpg',\n            )\n        ),\n        // game modes - shared\n        $gamemodes-bg-color     : $event-bg-color,\n        $gamemodes-border-color : #BF903D,\n        $map-bg-mobile           : '#{$event-img-path}/maps/maps-bg-mobile.jpg'\n    );\n    /*#endregion*/\n    /*#region overview */\n    .event-overview-container--anniversary {\n        background-attachment: scroll;\n        background-size: 100% auto;\n        background-position: top center;\n    }\n    .event-overview-content-container--anniversary {\n        padding-top: 40vw;\n        padding-bottom: 30px;\n        @media #{$lg-min} {\n            padding-top: 20vw;\n            padding-bottom: 32px;\n        }\n        @media #{$xl-min} {\n            padding-top: 23vw;\n            padding-bottom: 64px;\n        }\n        @media #{$xxxl-min} {\n            padding-top: 664px;\n        }\n    }\n    .event-video-play-icon--anniversary {\n        margin-top: -25%;\n        @media #{$md-min} {\n            margin-top: -15%;\n        }\n        @media #{$lg-min} {\n            margin-top: -5vh;\n        }\n        @media #{$xxxl-min} {\n            margin-top: 0;\n        }\n    }\n    .event-logo-image--anniversary {\n        max-width: 400px;\n        @media #{$lg-min} {\n            max-width: 320px;\n        }\n        @media #{$lg-min} {\n            width: 25vw;\n            max-width: 640px;\n        }\n    }\n    /*#endregion*/\n\n    /*#region intro */\n    .event-info-intro--anniversary {\n        color: $black;\n        background-color: $white;\n    }\n    .event-intro-flex-container {\n        display: flex;\n        flex-direction: column;\n        @media #{$xl-min} {\n            flex-direction: row;\n            align-items: flex-end;\n        }\n    }\n    .event-info-intro-heroes-container {\n        @media #{$xl-min} {\n            max-width: 100%;\n            position: relative;\n            height: 470px;\n            margin-top:0;\n            flex: 7 1 0;\n            max-height: 310px;\n        }\n    }\n    .event-info-intro-heroes {\n        max-width: 100%;\n        margin-top: 18px;\n        @media #{$lg-max} {\n            flex: 7 1 0;\n        }\n        @media #{$xl-min} {\n            position: absolute;\n            bottom: 0;\n            right: 0;\n            width: 980px;\n            max-width: none;\n        }\n    }\n    .event-info-intro-heroes--tablet {\n        width: 755px;\n    }\n    .event-info-intro-heroes--mobile {\n        position: relative;\n        left: 50%;\n        transform: translateX(-50%);\n        @media #{$sm-min} {\n            max-width: 80%;\n        }\n        @media #{$md-min} {\n            max-width: 70%;\n        }\n        @media #{$lg-min} {\n            max-width: 50%;\n        }\n    }\n    .event-info-intro-text {\n        padding-bottom: 36px;\n        margin-left: auto;\n        margin-right: auto;\n        @media #{$xl-min} {\n            flex: 5 1 0;\n            margin-left: 36px;\n            padding-top: 36px;\n        }\n    }\n    .event-info-intro-heading {\n        &.u-orange-text {\n            @media #{$xl-min} {\n                color: $black;\n            }\n        }\n    }\n    .event-info-intro-description-paragraph {\n        &.u-center-block {\n            @media #{$xl-min} {\n                display: block;\n                margin-left: 0;\n                margin-right: auto;\n            }\n        }\n    }\n\n    .event-info-intro-cta-container {\n        text-align: center;\n    }\n    /*#endregion*/\n\n    /*#region unlocks */\n    .event-unlocks--anniversary {\n        @media #{$sm-max} {\n            background-image: url('#{$event-img-path}/unlocks/bg-tablet.jpg');\n        }\n    }\n    .event-unlock-tabs {\n        width: 100%;\n        z-index: 1000;\n        background-color: #2f3543;\n        nav {\n            // max-height: 38px;\n            text-align: left;\n            margin: auto;\n            white-space: nowrap;\n            // padding-left: 30px;\n            // padding-right: 30px;\n            padding: 1.5rem 5rem;\n            @media #{$md-min} {\n                padding: 1rem 5rem;\n            }\n        }\n        nav > * { line-height: 1; }\n        &-fixed {\n            position: fixed;\n            top: 49px;\n            left: 50%;\n            z-index: 99999;\n            transform: translateX(-50%);\n        }\n    }\n\n    .event-unlock-tabs {\n        .swiper-slide {\n            display: flex;\n            flex-direction: row;\n            flex-wrap: nowrap;\n            justify-content: center;\n            align-content: flex-start;\n            align-items: center;\n            &-icon {\n                width: 1.2em;\n                height: 1.2em;\n                margin-right: 0.5rem;\n                flex: 0 1 auto;\n                align-self: auto;\n                fill: $white;\n            }\n\n            &-link {\n                flex: 0 1 auto;\n                align-self: auto;\n\n                text-align: center;\n                text-transform: uppercase;\n                font-family: $futura;\n                color: $white;\n                cursor: pointer;\n                white-space: nowrap;\n                &:focus, &:active {\n                    color: $cyan;\n                }\n                @media (hover: hover) {\n                    &:hover {\n                        color: $cyan;\n                    }\n                }\n            }\n            &-active {\n                .swiper-slide-icon {\n                    fill: $cyan;\n                }\n                .swiper-slide-link {\n                    color: $cyan;\n                }\n            }\n        }\n        .swiper-wrapper {\n            margin: 0;\n            padding: 0;\n        }\n        .swiper-button {\n            background-color: #2f3543;\n            background-image: unset;\n            min-width: 40px;\n            &:after {\n                content: '';\n                background: no-repeat url('img/icons/arrow-white-all.png');\n                display: block;\n                position: absolute;\n                top: 50%;\n                height: 36px;\n                width: 30px;\n                transform: translateY(-50%)\n            }\n            &-prev {\n                left: 0;\n            }\n            &-prev:after {\n                left: 10px;\n            }\n            &-next:after {\n                background-position-x: -30px;\n                right: 10px;\n            }\n            &-next {\n                right: 0;\n            }\n\n            &-next, &-prev {\n                &.swiper-button-disabled {\n                    opacity: 0.20;\n                }\n            }\n            @media #{$xl-min} {\n                display: none;\n            }\n        }\n    }\n    .event-divider--anniversary {\n        border-top: 2px solid $gold;\n    }\n    /*#endregion*/\n    /*#region gameModes */\n\n    .EventGameModes {\n        &-container {\n            &--anniversary {\n                background-color: $white;\n                background-image: url('#{$event-img-path}/gamemodes/gamemode-bg.jpg');\n                background-repeat: repeat;\n            }\n        }\n        &-image {\n            display: block;\n            width: 100%;\n            &--mobile {\n                margin-bottom: 18px;\n            }\n        }\n        a {\n            cursor: pointer;\n        }\n    }\n\n    .EventGameModesIndex {\n        padding-left: 15px;\n\t    padding-right :15px;\n        @media #{$lg-min} {\n            text-align: left;\n            padding-left: 42px;\n            padding-right: 0;\n        }\n\n\n        &-title {\n            color: $gold;\n        }\n        &-description {\n            margin-bottom: 18px;\n        }\n        &-list {\n            display: flex;\n            text-align: left;\n            flex-direction: column;\n            align-items: flex-start;\n        }\n        &-item {\n            fill: $cyan;\n            color: $cyan;\n            text-transform: uppercase;\n            margin-left: auto;\n            margin-right: auto;\n            cursor: pointer;\n            & + & {\n                margin-top: 3px;\n            }\n            &:hover {\n                fill: lighten($cyan, 20%);\n                color: lighten($cyan, 20%);\n            }\n            @media #{$lg-min} {\n                margin-left: 0;\n        }\n    }\n    }\n    .EventGameModeCard {\n        padding-bottom: 36px;\n        text-align: center;\n        @media #{$lg-min} {\n            text-align: left;\n            padding-bottom: 0;\n        }\n        &-image {\n            display: block;\n            width: 100%;\n        }\n        &-heading {\n            margin-top: 12px;\n            color: $gold;\n        }\n        &-back {\n            display: block;\n            @include h5font();\n            margin-top: .5em;\n            color: $cyan;\n            cursor: pointer;\n            &:hover {\n                color: lighten($cyan, 20%);\n            }\n        }\n    }\n    /*#endregion*/\n    /*#region maps*/\n    .EventMaps--anniversary {\n        background-repeat: repeat;\n    }\n    .EventMaps--anniversary {\n        .EventMapsGrid {\n            color: $white;\n            background-image: url('#{$event-img-path}/maps/carbon-fiber-bg.jpg');\n            background-repeat: repeat;\n        }\n    }\n    /*#endregion*/\n}\n\n@include event-anniversary();\n\n","@mixin event-factory (\n    $event-name,\n    $event-img-path,\n    $masthead,\n    $unlocks,\n    $lootbox,\n    $moreinfo,\n    $divider,\n    // game modes\n    $gamemodes-bg-color,\n    $gamemodes-border-color,\n    $gamemodes,\n    // moreinfo\n    $moreinfo-mobile         : '#{$event-img-path}/moreinfo/info-bg-mobile.jpg',\n    $moreinfo-desktop        : '#{$event-img-path}/moreinfo/info-bg-desktop.png',\n    // map\n    $map-bg-mobile           : '#{$event-img-path}/maps/maps-bg-mobile.jpg'\n    )\n{\n    .event-overview-container {\n        &--#{$event-name} {\n            position: relative;\n            background-image: url(map-get($masthead, 'bg-mobile'));\n            @media #{$lg-min} {\n                background-image: url(map-get($masthead, 'bg-desktop'));\n            }\n        }\n    }\n\n    @if ($divider) {\n        .event-divider {\n            &--#{$event-name} {\n                &:before {\n                    background-image: url(map-get($divider, 'bg-mobile'));\n                    @media #{$lg-min} {\n                        background-image: url(map-get($divider, 'bg-mobile'));\n                    }\n                }\n            }\n        }\n    } @else {\n        .event-divider {\n            &--#{$event-name} {\n                &:before {\n                    background-image: unset;\n                    @media #{$lg-min} {\n                        background-image: unset;\n                    }\n                }\n            }\n        }\n    }\n\n    /*#region logo */\n    .event-logo {\n        &-container-mobile--#{$event-name} {\n            @media #{$lg-min} {\n                background-image: url(map-get($masthead, 'logo'));\n            }\n        }\n    }\n    /*#endregion*/\n\n     /*#region intro */\n     .event-info-intro {\n        &--#{$event-name} {\n            background-image: url(map-get($moreinfo, 'bg-mobile'));\n            @media #{$lg-min} {\n                background-image: url(map-get($moreinfo, 'bg-desktop'));\n            }\n        }\n     }\n    /*#endregion*/\n\n    /*#region game modes and maps */\n    .event-game-modes {\n        @each $gamemode-key, $gamemode-value in $gamemodes {\n            &-#{$gamemode-key}--#{$event-name} {\n                background-image: url(map-get($gamemode-value, 'mobile'));\n                background-color: $gamemodes-bg-color;\n            @media #{$lg-min} {\n                    background-image: url(map-get($gamemode-value, 'desktop'));\n        }\n            }\n        }\n    }\n    .EventMaps {\n        &--#{$event-name} {\n            background-image: url('#{$map-bg-mobile}');\n        }\n    }\n    /*#endregion*/\n\n    /*#region unlocks */\n    .event-unlocks {\n        &--#{$event-name} {\n            background-image: none;\n            background-color: map-get($unlocks, 'bg-color');\n            @media #{$lg-min} {\n                background-image: url(map-get($unlocks, 'desktop'));\n            }\n            // only show the background if the screen is wide enough\n            @media #{$unlocks-background-characters-breakpoint} {\n                background-image: url(map-get($unlocks, 'desktop-wide'));\n            }\n        }\n    }\n    /*#endregion*/\n\n    /*#region lootbox */\n    .event-lootbox {\n        &-section--#{$event-name} {\n            background-color: map-get($lootbox, 'bg-color');\n            background-image: url(map-get($lootbox, 'bg-mobile'));\n            padding-top: 5px;\n        @media #{$lg-min} {\n                background-image: url(map-get($lootbox, 'bg-desktop'));\n            }\n        }\n    }\n    /*#endregion*/\n}\n",".Endorsement-overview-container {\n    $teal-color: #3bbac0;\n    background: $teal-color; /* Old browsers */\n    background: linear-gradient(to bottom, $teal-color 0%,#2a7c83 100%);\n}\n.Endorsement-overview-icon {\n    display: block;\n    width: 100%;\n    fill: rgba(255, 255, 255, 0.5);\n    min-height: 238px;\n}\n.Endorsement-category-level-outer-container {\n    @media #{$lg-min} {\n        background-image: url('img/pages/endorsements/blue-pattern.jpg');\n        background-size: cover;\n    }\n}\n.Endorsement-category-container {\n    background-color: $true-black;\n    @media #{$lg-min} {\n        background-color: transparent;\n    }\n}\n.Endorsement-levels-container {\n    background-image: url('img/pages/endorsements/blue-pattern.jpg');\n    background-size: cover;\n    @media #{$lg-min} {\n        background-image: none;\n    }\n    border-top: 2px solid $grey-dark;\n}\n","/*------------------------------------*\\\n    #PAGE GENERAL RULES\n\\*------------------------------------*/\n\nbody.BlockScrolling {\n    overflow: hidden;\n}\n\n.Wrap {\n    overflow: hidden;\n}\n","/*------------------------------------*\\\n    #FONTS\n\\*------------------------------------*/\n\n@font-face {\n    font-family: 'ConcourseT3';\n    src: url(\"/fonts/concourse_t3_regular-webfont.woff\") format(\"woff\");\n    font-weight: normal;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'ConcourseT3';\n    src: url(\"/fonts/concourse_t3_bold-webfont.woff\") format(\"woff\");\n    font-weight: bold;\n    font-style: normal;\n}\n\n@font-face {\n    font-family: 'ConcourseT3';\n    src: url(\"/fonts/concourse_t3_italic-webfont.woff\") format(\"woff\");\n    font-weight: normal;\n    font-style: italic;\n}\n","/*------------------------------------*\\\n    #BUTTON (OVERWRITES)\n\\*------------------------------------*/\n\n.Button--open {\n    color: #fff;\n    font-size: 21px;\n    font-weight: normal;\n    padding: 12px 20px 12px;\n    border-radius: 5px;\n    background: #ff9c00;\n\n    @media (max-width: 320px){\n        font-size: 20px;\n\n        svg {\n            display: none;\n        }\n    }\n\n    .CTA & {\n        background: #ff9c00;\n    }\n\n    &:active,\n    &:focus,\n    &:link,\n    &:visited,\n    &:hover {\n        color: #fff;\n    }\n\n    &:hover {\n        background: #ffb033;\n    }\n\n    &:focus,\n    &:active {\n        background: #f29400;\n    }\n}\n\n.Button--disabled {\n    cursor: not-allowed;\n\n    &,\n    &:hover,\n    &:focus,\n    &:active {\n        background: #888888;\n        border-color: #888888;\n\n        path {\n            fill: #fff;\n        }\n    }\n}\n\n.button.Button--openGhost {\n    font-size: 21px;\n    font-weight: normal;\n    padding: 12px 20px 12px;\n    border-radius: 5px;\n    color: #f29400;\n    border-width: 1px;\n    background: transparent;\n    word-break: break-word;\n\n    .ja-jp & {\n        font-size: 19px;\n    }\n\n    @media #{$md-min}{\n        padding: 12px 40px 12px;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n        color: #fff;\n    }\n\n\n    &:hover {\n        background: #ffb033;\n\n        svg {\n            path {\n                fill: #fff;\n            }\n        }\n    }\n\n    &:focus,\n    &:active {\n        background: #f29400;\n\n        svg {\n            path {\n                fill: #fff;\n            }\n        }\n    }\n\n    @media (max-width: 320px){\n        font-size: 20px;\n\n        svg {\n            display: none;\n        }\n    }\n\n    svg {\n        path {\n            fill: #f29400;\n        }\n    }\n}\n\n.Button--wide {\n    padding: 18px 80px 14px;\n}\n\n.Button--linkout {\n    padding: 12px 20px 12px;\n    word-break: break-word;\n\n    @media #{$md-min}{\n        padding: 12px 40px 12px;\n    }\n\n    svg {\n        width: 18px;\n        height: 22px;\n        margin-left: 10px;\n        vertical-align: bottom;\n        transform: translateY(1px);\n    }\n}\n","/*------------------------------------*\\\n    #ICONS\n\\*------------------------------------*/\n\n.Icon {\n    margin: 0 auto;\n\n    .Stardom & {\n        margin: 12px auto 0;\n\n        @media #{$md-min}{\n            display: none;\n        }\n    }\n}\n\n.Icon--arrow {\n    width: 22px;\n    height: 17px;\n}\n","/*------------------------------------*\\\n    #INTRO\n\\*------------------------------------*/\n\n.Intro {\n    position: relative;\n    background: no-repeat center top/cover;\n    background-image: url('img/esports/open/open-header-mobile.jpg');\n    height: 350px;\n\n    @media #{$md-min} {\n        background-image: url('img/esports/open/open-header-tablet.jpg');\n        height: 450px;\n    }\n\n    @media #{$lg-min}{\n        background-image: url('img/esports/open/open-header.jpg');\n        height: 500px;\n    }\n\n    @media #{$xxl-min}{\n        height: 700px;\n    }\n}\n\n.Intro-logo {\n    position: absolute;\n    bottom: -24px;\n\n    @media #{$lg-min}{\n        bottom: -35px;\n    }\n\n    .Logo {\n        width: 100vw;\n        text-align: center;\n    }\n\n    .Logo-img {\n        display: none;\n        margin: 0 auto;\n\n        @media #{$lg-min}{\n            display: block;\n        }\n    }\n\n    .Logo-img--mobile {\n        display: block;\n\n        @media #{$lg-min}{\n            display: none;\n        }\n    }\n}\n","/*------------------------------------*\\\n    #PATH TO STARDOM\n\\*------------------------------------*/\n\n.Stardom-heading {\n    color: #ebebeb;\n    font-size: 42px;\n\n    @media #{$md-min}{\n        font-size: 48px;\n    }\n}\n\n.Stardom-intro {\n    color: #d3d4d6;\n    font-size: 18px;\n    font-family: arial, sans-serif;\n    background: url('img/esports/open/carbon-repeat.jpg') top left;\n    text-align: center;\n    padding: 34px 0 34px;\n\n    @media #{$md-min}{\n        font-size: 21px;\n        padding: 54px 0 64px;\n    }\n}\n\n.Stardom-step {\n    display: flex;\n    flex-direction: column;\n    border-bottom: 1px solid #3d464b;\n\n    @media #{$lg-min}{\n        flex-direction: row;\n    }\n}\n\n.Stardom-split {\n    width: 100%;\n    min-height: 287px;\n\n    @media #{$lg-min}{\n        width: 50%;\n    }\n}\n\n.Stardom-stepDetail {\n    color: #3d464b;\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    max-width: 608px;\n    margin: 0 auto;\n    padding: 30px 8px;\n    text-align: center;\n    position: relative;\n    z-index: 1;\n\n    @media #{$lg-min}{\n        padding: 60px 8px;\n        text-align: left;\n        margin: inherit;\n    }\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-color: #f0edf2;\n        transform: skewX(30deg);\n        transform-origin: bottom left;\n        z-index: -1;\n    }\n}\n\n.Stardom-stepHeader {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 35px;\n    font-style: normal;\n}\n\n.Stardom-stepTitle {\n    color: #f69300;\n    font-size: 21px;\n    text-transform: uppercase;\n}\n\n.Stardom-stepDesc {\n    font-family: arial, sans-serif;\n    font-size: 18px;\n}\n\n\n.Stardom-stepGraph {\n    background-size: cover;\n    background-position: top center;\n    @media #{$md-min}{\n        background-position: center;\n    }\n    @media #{$lg-min}{\n        background-position: center right;\n        background-size: auto;\n    }\n    @media #{retina($lg-min-value)} {\n        background-size: auto 240%;\n    }\n\n    .Stardom-step--1 & {\n        background-image: url('img/esports/open/step-1-graph-m.jpg');\n        @media #{$lg-min}{\n            background-image: url('img/esports/open/step-1-graph.jpg');\n        }\n        @media #{retina($lg-min-value)} {\n            background-image: url('img/esports/open/step-1-graph-hirez.jpg');\n        }\n    }\n    .Stardom-step--2 & {\n        background-image: url('img/esports/open/step-2-graph-m.jpg');\n        @media #{$lg-min}{\n            background-image: url('img/esports/open/step-2-graph.jpg');\n        }\n        @media #{retina($lg-min-value)} {\n            background-image: url('img/esports/open/step-2-graph-hirez.jpg');\n        }\n    }\n    .Stardom-step--3 & {\n        background-image: url('img/esports/open/step-3-graph-m.jpg');\n        @media #{$lg-min}{\n            background-image: url('img/esports/open/step-3-graph.jpg');\n        }\n        @media #{retina($lg-min-value)} {\n            background-image: url('img/esports/open/step-3-graph-hirez.jpg');\n        }\n    }\n}\n","/*------------------------------------*\\\n    #REGION\n\\*------------------------------------*/\n\n.Region {\n    position: relative;\n    background: url('img/esports/open/sign-map-mobile.jpg') center top no-repeat;\n    background-size: cover;\n    text-align: center;\n    padding: 200px 0;\n\n    @media #{$lg-min}{\n        background: url('img/esports/open/sign-map.jpg') center top no-repeat;\n        background-size: cover;\n    }\n\n    @media #{$xl-min}{\n        background-size: auto;\n    }\n}\n\n.Region-heading {\n    color: #ffeda4;\n    font-size: 42px;\n    margin-bottom: 28px;\n\n    @media #{$md-min}{\n        font-size: 72px;\n    }\n}\n\n.Region-heading--smaller {\n    color: #ebebeb;\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-style: normal;\n    font-size: 22px;\n\n    @media #{$md-min}{\n        font-size: 35px;\n    }\n}\n\n.Region-selector {\n    // background: url('img/esports/open/background-path.jpg') top left;\n    margin-top: 25px;\n    padding: 25px 0 55px;\n\n    @media #{$md-min}{\n        margin-top: 49px;\n        padding: 45px 0 105px;\n    }\n\n    & > p {\n\n        @media #{$sm-min}{\n            padding: 0 1em;\n        }\n\n        @media #{$md-min}{\n            padding: 0 3em;\n        }\n\n        @media #{$xl-min}{\n            padding: 0 7em;\n        }\n    }\n\n    p {\n        color: #fff;\n        line-height: 1.2;\n        font-size: 21px;\n        font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n        margin: 0;\n\n        span:last-of-type {\n            margin-bottom: 2em;\n        }\n    }\n}\n\n.Region-selectText {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 18px;\n    font-weight: normal;\n    max-width: 748px;\n    line-height: 1.1;\n    color: #9ca0ab;\n    margin: 0 auto 30px;\n}\n\n.Region-select {\n    margin: 0 auto 45px;\n    height: 45px;\n    max-width: 100%;\n\n    @media #{$lg-min} {\n        max-width: 410px;\n    }\n}\n\n.RegionSelector {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n\n    @media #{$xl-min}{\n        flex-direction: row;\n    }\n}\n\n.RegionSelector-selection {\n    margin: 30px auto;\n    flex-shrink: 0;\n    max-width: 360px;\n    width: 100%;\n\n    @media #{$md-min}{\n        max-width: inherit;\n    }\n\n    @media #{$xl-min}{\n        margin: 30px;\n        max-width: 360px;\n    }\n}\n\n.RegionSelection-name {\n    font-size: 18px;\n    min-height: 36px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    color: #fff;\n    font-weight: bold;\n    word-wrap: break-word;\n\n    @media #{$sm-min}{\n        font-size: 22px;\n    }\n\n    @media #{$md-min}{\n        font-size: 28px;\n        min-height: 70px;\n    }\n\n    .fr-fr &,\n    .it-it &,\n    .pl-pl &,\n    .pt-br &,\n    .ko-kr & {\n\n        min-height: 40px;\n\n        @media #{$md-min}{\n            font-size: 22px;\n        }\n\n        @media #{$xl-min}{\n            min-height: 70px;\n        }\n    }\n\n    .ja-jp &,\n    .ru-ru & {\n\n        min-height: 50px;\n\n        @media #{$md-min}{\n            font-size: 18px;\n        }\n    }\n}\n\np.Region-info {\n    font-family: \"FuturaNo2D\", \"century gothic\", arial, sans-serif;\n    font-size: 18px;\n    font-weight: normal;\n    color: #fff;\n    text-transform: uppercase;\n    text-decoration: underline;\n    display: table;\n    margin: 1em auto 0;\n    cursor: pointer;\n}\n\np.Region-info--disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n\n.Region-error {\n    position: relative;\n    background-color: #fff;\n    color: red;\n    text-transform: uppercase;\n    font-size: 18px;\n    padding: 6px 0;\n    margin-bottom: 28px;\n\n    @media #{$md-min}{\n        font-size: 22px;\n    }\n}\n","/*------------------------------------*\\\n    #CALL TO ACTION\n\\*------------------------------------*/\n\n.CTA {\n    position: relative;\n    padding: 30px 0;\n    background: url('img/esports/open/background-cta-m.jpg') bottom center repeat-x;\n    background-size: contain;\n\n    @media #{$md-min}{\n        padding: 30px 0 8px;\n    }\n\n    @media #{$lg-min}{\n        padding: 80px 0 8px;\n        background: url('img/esports/open/background-cta.jpg') top center no-repeat;\n    }\n\n    @media #{$xl-min}{\n        padding: 90px 0 8px;\n    }\n\n    &::before {\n        content: '';\n        display: block;\n        position: absolute;\n        width: 80px;\n        height: 24px;\n        background: #f8f9fa;\n        top: 1px;\n        left: 0;\n        transform: translate(-50%, -100%) skewX(60deg);\n        transform-origin: bottom left;\n\n        @media #{$lg-min}{\n            width: 2560px;\n            height: 85px;\n            top: 0;\n            left: 50%;\n            background: url('img/esports/open/background-cta-top.png') top center no-repeat;\n            transform: translate(-50%, -85px);\n            transform-origin: center;\n        }\n    }\n\n    &::after {\n        content: '';\n        display: block;\n        position: absolute;\n        width: 80px;\n        height: 24px;\n        background: #f8f9fa;\n        top: 0;\n        right: 0;\n        transform: translate(50%, -100%) skewX(-60deg);\n        transform-origin: bottom right;\n\n        @media #{$lg-min}{\n            display: none;\n        }\n    }\n}\n\n.CTA-content {\n    text-align: center;\n\n    @media #{$lg-min}{\n        transform: translateX(220px);\n    }\n}\n\n.CTA-title {\n    font-size: 48px;\n    color: #5b5280;\n\n    @media #{$md-min}{\n        font-size: 72px;\n    }\n\n    .ja-jp & {\n        margin-top: 50px;\n        font-size: 42px;\n        transform: translateY(-20px);\n    }\n}\n\n.CTA-boxes {\n    width: 328px;\n    height: 268px;\n    background: url('img/esports/open/boxes.png') center no-repeat;\n    // background: url('img/esports/open/boxes-m.png') center no-repeat;\n    background-size: contain;\n    margin: 12px auto -20px;\n    max-width: 100%;\n    background-size: contain;\n\n    @media #{$md-min}{\n        width: 550px;\n        height: 375px;\n        // background: url('img/esports/open/boxes.png') center no-repeat;\n        margin: 12px auto -40px;\n    }\n\n    .ru-ru & {\n        background: url('img/esports/open/boxes-ru.png') center no-repeat;\n        background-size: contain;\n    }\n\n    .ko-kr & {\n        background: url('img/esports/open/boxes-kr.png') center no-repeat;\n        background-size: contain;\n    }\n\n    .pt-br & {\n        background: url('img/esports/open/boxes-pt.png') center no-repeat;\n        background-size: contain;\n    }\n\n    .zh-tw & {\n        background: url('img/esports/open/boxes-tw.png') center no-repeat;\n        background-size: contain;\n    }\n\n    .it-it &,\n    .pt-pt &,\n    .pl-pl &,\n    .fr-fr &,\n    .es-es &,\n    .en-gb & {\n        background: url('img/esports/open/boxes-eu.png') center no-repeat;\n        background-size: contain;\n    }\n\n    .de-de & {\n        background: url('img/esports/open/boxes-de.png') center no-repeat;\n        background-size: contain;\n    }\n\n}\n\n.CTA-callout {\n    font-family: 'ConcourseT3', sans-serif;\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 1.4;\n    text-transform: uppercase;\n    color: #27324a;\n    margin: 0 auto;\n    max-width: 70%;\n\n    @media #{$md-min}{\n        font-size: 24px;\n    }\n}\n\n.CTA-button {\n    max-width: 90%;\n    margin: 10px;\n\n    @media #{$md-min}{\n        margin: 30px;\n    }\n}\n","/*------------------------------------*\\\n    #FOOTER (OVERWRITE)\n\\*------------------------------------*/\n\nbody.overwatch-open {\n\n    .footer-prepurchase {\n        display: none;\n    }\n\n    // This is not how Overwatch works,\n    // but we are just doing this according to the design.\n    .overwatch-footer {\n\n        &::before {\n            border: none;\n        }\n\n        .content-box.m-tinyPad {\n            padding-top: 40px;\n            padding-bottom: 40px;\n        }\n    }\n\n}\n","/*------------------------------------*\\\n    #MODALS\n\\*------------------------------------*/\n\n.ModalWrapper {\n    position: fixed;\n    display: none;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    z-index: 1000;\n\n    &.is-active {\n        display: block;\n    }\n\n    &::before {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n        height: 100%;\n        background-color: #000;\n        z-index: -1;\n        opacity: 0.6;\n    }\n}\n\n.Modal {\n    position: fixed;\n    display: none;\n    top: 50%;\n    left: 50%;\n    transform: translate3d(-50%, -40%, 0);\n    width: 100%;\n    margin: 0 auto;\n    transition: all 300ms ease;\n    opacity: 0;\n\n    @media #{$sm-min}{\n        width: 90%;\n    }\n\n    @media #{$md-min}{\n        max-width: 620px;\n    }\n\n    @media #{$lg-min}{\n        max-width: 875px;\n    }\n\n    &.is-active {\n        display: block;\n    }\n\n    &.is-visible {\n        opacity: 1;\n        transform: translate(-50%, -50%);\n\n        @media #{$md-min}{\n            transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));\n        }\n    }\n\n    &--faceit {\n        @media #{$lg-min}{\n            max-width: 1140px;\n        }\n    }\n}\n\n.Modal-modalHeader {\n    background-color: #fbf9fb;\n    padding: 20px 28px;\n    width: 100%;\n    text-align: left;\n    border-top-right-radius: 4px;\n    border-top-left-radius: 4px;\n    text-transform: uppercase;\n\n    span {\n        text-align: center;\n        display: block;\n        color: #0d0d0d;\n        font-size: 18px;\n\n        @media #{$md-min}{\n            font-size: 24px;\n        }\n    }\n\n}\n\n.Modal-modalContent {\n    padding: 0;\n    background-color: #e3e1e3;\n    color: #5a5759;\n    max-height: 70vh;\n    overflow: auto;\n    text-align: center;\n    overflow-x: hidden;\n    display: flex;\n    flex-direction: column;\n    transform: translateY(-3px);\n\n    h5, p {\n        color: #5a5759;\n    }\n\n    img {\n        max-width: 100%;\n    }\n\n    p {\n        padding: 0 54px;\n    }\n\n    ul {\n        color: #111;\n    }\n\n    .GroupStage-cta {\n        margin: 1em;\n    }\n}\n\n.Modal-modalClose {\n    border: none;\n    background: transparent;\n    outline: none;\n    font-size: 20px;\n    padding: 1.1em !important;\n    position: absolute;\n    right: 0;\n    top: 0;\n    cursor: pointer;\n    width: auto !important;\n    display: none;\n\n    @media #{$md-min}{\n        display: block;\n        font-size: 26px;\n        padding: 1em !important;\n    }\n\n    &:active,\n    &:focus,\n    &:hover {\n        background: transparent;\n    }\n}\n\n.Modal-modalClose--mobile {\n    display: block;\n    left: 0;\n    right: auto;\n\n    svg {\n        width: 25px;\n        height: 25px;\n    }\n\n    @media #{$md-min} {\n        display: none;\n    }\n}\n\n.Modal-cta {\n    padding: 20px;\n    text-align: center;\n    background-color: #fff;\n\n    .Button--open {\n        font-size: 16px;\n\n        @media #{$md-min}{\n            font-size: 20px;\n        }\n    }\n}\n\n.Modal-list {\n    column-count: 1;\n    padding: 1em 4em;\n    display: inline-block;\n    text-align: left;\n\n    @media #{$md-min}{\n        -webkit-column-count: 2;\n        column-count: 2;\n        padding: 1em 6em;\n    }\n\n    @media #{$lg-min}{\n        -webkit-column-count: 3;\n        column-count: 3;\n    }\n\n    li {\n        position: relative;\n        padding-left: 1em;\n        padding-right: 1.5em;\n        line-height: 1.5;\n        color: #111;\n        font-size: 18px;\n        white-space: nowrap;\n\n        &::before {\n            content: '';\n            position: absolute;\n            display: block;\n            top: 8px;\n            left: 0;\n            width: 7px;\n            height: 7px;\n            border-radius: 50%;\n            background-color: #111;\n        }\n    }\n\n    .Modal--faceit & {\n\n        @media #{$lg-min}{\n            -webkit-column-count: 2;\n            column-count: 2;\n        }\n\n        @media only screen and (min-width: 1180px) {\n            -webkit-column-count: 4;\n            column-count: 4;\n        }\n    }\n}\n","/*------------------------------------*\\\n    #SELECT2\n\\*------------------------------------*/\n\n.select2-container {\n    box-sizing: border-box;\n    display: inline-block;\n    margin: 0;\n    position: relative;\n    vertical-align: middle;\n    max-width: 100%;\n}\n\n.select2-container .select2-selection--single {\n    box-sizing: border-box;\n    cursor: pointer;\n    display: block;\n    user-select: none;\n    -webkit-user-select: none;\n}\n\n.Region-select-container {\n    height: 42px;\n    margin-bottom: 30px;\n    position: relative;\n}\n\n.select2-container .select2-selection--single .select2-selection__rendered {\n    display: block;\n    padding-left: 8px;\n    padding-right: 20px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-align: left;\n}\n\n.select2-container .select2-selection--single .select2-selection__clear {\n    position: relative;\n}\n\n.select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\n    padding-right: 8px;\n    padding-left: 20px;\n}\n\n.select2-container .select2-selection--multiple {\n    box-sizing: border-box;\n    cursor: pointer;\n    display: block;\n    min-height: 32px;\n    user-select: none;\n    -webkit-user-select: none;\n}\n\n.select2-container .select2-selection--multiple .select2-selection__rendered {\n    display: inline-block;\n    overflow: hidden;\n    padding-left: 8px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.select2-container .select2-search--inline {\n    float: left;\n}\n\n.select2-container .select2-search--inline .select2-search__field {\n    box-sizing: border-box;\n    border: none;\n    font-size: 100%;\n    margin-top: 5px;\n    padding: 0;\n}\n\n.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n}\n\n.select2-dropdown {\n    background-color: white;\n    border: 1px solid #aaa;\n    border-radius: 4px;\n    box-sizing: border-box;\n    display: block;\n    position: absolute;\n    left: -100000px;\n    width: 100%;\n    z-index: 90;\n}\n\n.select2-results {\n    display: block;\n}\n\n.select2-results__options {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.select2-results__option {\n    padding: 6px;\n    user-select: none;\n    -webkit-user-select: none;\n\n    /* Brisk overwrite */\n    color: #444;\n}\n\n.select2-results__option[aria-selected] {\n    cursor: pointer;\n}\n\n.select2-container--open .select2-dropdown {\n    left: 0;\n}\n\n.select2-container--open .select2-dropdown--above {\n    border-bottom: none;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.select2-container--open .select2-dropdown--below {\n    border-top: none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    transform: translateY(3px) scale(.99);\n}\n\n.select2-search--dropdown {\n    display: block;\n    padding: 4px;\n}\n\n.select2-search--dropdown .select2-search__field {\n    padding: 4px;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n}\n\n.select2-search--dropdown.select2-search--hide {\n    display: none;\n}\n\n.select2-close-mask {\n    border: 0;\n    margin: 0;\n    padding: 0;\n    display: block;\n    position: fixed;\n    left: 0;\n    top: 0;\n    min-height: 100%;\n    min-width: 100%;\n    height: auto;\n    width: auto;\n    opacity: 0;\n    z-index: 99;\n    background-color: #fff;\n    filter:alpha(opacity=0);\n}\n\n.select2-hidden-accessible {\n    border: 0 !important;\n    clip: rect(0 0 0 0) !important;\n    height: 1px !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    padding: 0 !important;\n    position: absolute !important;\n    width: 1px !important;\n}\n\n.select2-container--default .select2-selection--single {\n    background-color: #fff;\n    border: 2px solid #9fa0a2;\n    border-radius: 2px;\n\n    .has-error & {\n        border: 2px solid #f36e11;\n    }\n\n    &:hover {\n        border: 2px solid #08abee;\n    }\n}\n\n.select2-container--open.select2-container--default .select2-selection--single {\n    border: 2px solid #08abee;\n}\n\n\n.select2-container--default .select2-selection--single .select2-selection__rendered {\n    color: #444;\n    line-height: 28px;\n\n    /* Brisk overwrite */\n    line-height: 38px;\n}\n\n.select2-container--default .select2-selection--single .select2-selection__clear {\n    cursor: pointer;\n    float: right;\n    font-weight: bold;\n}\n\n.select2-container--default .select2-selection--single .select2-selection__placeholder {\n    color: #999;\n}\n\n.select2-container--default .select2-selection--single .select2-selection__arrow {\n    position: absolute;\n    width: 42px;\n    height: 60%;\n    border-left: 1px solid #9fa0a2;\n\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n}\n\n.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow {\n    height: 100%;\n    background-color: #08abee;\n    border-left: none;\n}\n\n\n.select2-container--default .select2-selection--single .select2-selection__arrow b {\n    border-color: transparent transparent #9fa0a2 #9fa0a2;\n    border-width: 0 0 1px 1px;\n    border-style: solid;\n    background-color: transparent;\n    height: 8px;\n    width: 8px;\n    left: 50%;\n    top: 50%;\n    margin-left: -4px;\n    margin-top: -6px;\n    position: absolute;\n    transform: rotate(-45deg);\n}\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n    float: left;\n}\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n    left: 1px;\n    right: auto;\n}\n\n.select2-container--default.select2-container--disabled .select2-selection--single {\n    background-color: #eee;\n    cursor: default;\n}\n\n.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {\n    display: none;\n}\n\n.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {\n    border-color: transparent transparent #fff #fff;\n    background-color: #08abee;\n}\n\n.select2-container--default .select2-selection--multiple {\n    background-color: white;\n    border: 1px solid #aaa;\n    border-radius: 4px;\n    cursor: text;\n}\n\n.select2-container--default .select2-selection--multiple .select2-selection__rendered {\n    box-sizing: border-box;\n    list-style: none;\n    margin: 0;\n    padding: 0 5px;\n    width: 100%;\n}\n\n.select2-container--default .select2-selection--multiple .select2-selection__rendered li {\n    list-style: none;\n}\n\n.select2-container--default .select2-selection--multiple .select2-selection__placeholder {\n    color: #999;\n    margin-top: 5px;\n    float: left;\n}\n\n.select2-container--default .select2-selection--multiple .select2-selection__clear {\n    cursor: pointer;\n    float: right;\n    font-weight: bold;\n    margin-top: 5px;\n    margin-right: 10px;\n}\n\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n    background-color: #e4e4e4;\n    border: 1px solid #aaa;\n    border-radius: 4px;\n    cursor: default;\n    float: left;\n    margin-right: 5px;\n    margin-top: 5px;\n    padding: 0 5px;\n}\n\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n    color: #999;\n    cursor: pointer;\n    display: inline-block;\n    font-weight: bold;\n    margin-right: 2px;\n}\n\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {\n    color: #333;\n}\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-search--inline,\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice,\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__placeholder {\n    float: right;\n}\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n    margin-left: 5px;\n    margin-right: auto;\n}\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n    margin-left: 2px;\n    margin-right: auto;\n}\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n    border: solid black 1px;\n    outline: 0;\n}\n\n.select2-container--default.select2-container--disabled .select2-selection--multiple {\n    background-color: #eee;\n    cursor: default;\n}\n\n.select2-container--default.select2-container--disabled .select2-selection__choice__remove {\n    display: none;\n}\n\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n}\n\n// .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,\n// .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {\n//     border-bottom-left-radius: 0;\n//     border-bottom-right-radius: 0;\n// }\n\n.select2-container--default .select2-search--dropdown .select2-search__field {\n    border: 1px solid #aaa;\n    /* Brisk overwrite */\n    color: #444;\n}\n\n.select2-container--default .select2-search--inline .select2-search__field {\n    background: transparent;\n    border: none;\n    outline: 0;\n    box-shadow: none;\n    -webkit-appearance: textfield;\n}\n\n.select2-container--default .select2-results > .select2-results__options {\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.select2-container--default .select2-results__option[role=group] {\n    padding: 0;\n}\n\n.select2-container--default .select2-results__option[aria-disabled=true] {\n    color: #999;\n}\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n    background-color: #ddd;\n}\n\n.select2-container--default .select2-results__option .select2-results__option {\n    padding-left: 1em;\n}\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__group {\n    padding-left: 0;\n}\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option {\n    margin-left: -1em;\n    padding-left: 2em;\n}\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n    margin-left: -2em;\n    padding-left: 3em;\n}\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n    margin-left: -3em;\n    padding-left: 4em;\n}\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n    margin-left: -4em;\n    padding-left: 5em;\n}\n\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n    margin-left: -5em;\n    padding-left: 6em;\n}\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n    background-color: #5897fb;\n    color: white;\n}\n\n.select2-container--default .select2-results__group {\n    cursor: default;\n    display: block;\n    padding: 6px;\n}\n\n.select2-container--classic .select2-selection--single {\n    background-color: #f7f7f7;\n    border: 1px solid #aaa;\n    border-radius: 4px;\n    outline: 0;\n    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);\n    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);\n    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);\n    background-repeat: repeat-x;\n    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);\n}\n\n.select2-container--classic .select2-selection--single:focus {\n    border: 1px solid #5897fb;\n}\n\n.select2-container--classic .select2-selection--single .select2-selection__rendered {\n    color: #444;\n    line-height: 28px;\n}\n\n.select2-container--classic .select2-selection--single .select2-selection__clear {\n    cursor: pointer;\n    float: right;\n    font-weight: bold;\n    margin-right: 10px;\n}\n\n.select2-container--classic .select2-selection--single .select2-selection__placeholder {\n    color: #999;\n}\n\n.select2-container--classic .select2-selection--single .select2-selection__arrow {\n    background-color: #ddd;\n    border: none;\n    border-left: 1px solid #aaa;\n    border-top-right-radius: 4px;\n    border-bottom-right-radius: 4px;\n    height: 26px;\n    position: absolute;\n    top: 1px;\n    right: 1px;\n    width: 20px;\n    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);\n    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);\n    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);\n    background-repeat: repeat-x;\n    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);\n}\n\n.select2-container--classic .select2-selection--single .select2-selection__arrow b {\n    border-color: #888 transparent transparent transparent;\n    border-style: solid;\n    border-width: 5px 4px 0 4px;\n    height: 0;\n    left: 50%;\n    margin-left: -4px;\n    margin-top: -2px;\n    position: absolute;\n    top: 50%;\n    width: 0;\n}\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n    float: left;\n}\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n    border: none;\n    border-right: 1px solid #aaa;\n    border-radius: 0;\n    border-top-left-radius: 4px;\n    border-bottom-left-radius: 4px;\n    left: 1px;\n    right: auto;\n}\n\n.select2-container--classic.select2-container--open .select2-selection--single {\n    border: 1px solid #5897fb;\n}\n\n.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {\n    background: transparent;\n    border: none;\n}\n\n.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {\n    border-color: transparent transparent #888 transparent;\n    border-width: 0 4px 5px 4px;\n}\n\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {\n    border-top: none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);\n    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);\n    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);\n    background-repeat: repeat-x;\n    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);\n}\n\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {\n    border-bottom: none;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);\n    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);\n    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);\n    background-repeat: repeat-x;\n    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);\n}\n\n.select2-container--classic .select2-selection--multiple {\n    background-color: white;\n    border: 1px solid #aaa;\n    border-radius: 4px;\n    cursor: text;\n    outline: 0;\n}\n\n.select2-container--classic .select2-selection--multiple:focus {\n    border: 1px solid #5897fb;\n}\n\n.select2-container--classic .select2-selection--multiple .select2-selection__rendered {\n    list-style: none;\n    margin: 0;\n    padding: 0 5px;\n}\n\n.select2-container--classic .select2-selection--multiple .select2-selection__clear {\n    display: none;\n}\n\n.select2-container--classic .select2-selection--multiple .select2-selection__choice {\n    background-color: #e4e4e4;\n    border: 1px solid #aaa;\n    border-radius: 4px;\n    cursor: default;\n    float: left;\n    margin-right: 5px;\n    margin-top: 5px;\n    padding: 0 5px;\n}\n\n.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {\n    color: #888;\n    cursor: pointer;\n    display: inline-block;\n    font-weight: bold;\n    margin-right: 2px;\n}\n\n.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {\n    color: #555;\n}\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n    float: right;\n}\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n    margin-left: 5px;\n    margin-right: auto;\n}\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n    margin-left: 2px;\n    margin-right: auto;\n}\n\n.select2-container--classic.select2-container--open .select2-selection--multiple {\n    border: 1px solid #5897fb;\n}\n\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {\n    border-top: none;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n}\n\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {\n    border-bottom: none;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.select2-container--classic .select2-search--dropdown .select2-search__field {\n    border: 1px solid #aaa;\n    outline: 0;\n}\n\n.select2-container--classic .select2-search--inline .select2-search__field {\n    outline: 0;\n    box-shadow: none;\n}\n\n.select2-container--classic .select2-dropdown {\n    background-color: #fff;\n    border: 1px solid transparent;\n}\n\n.select2-container--classic .select2-dropdown--above {\n    border-bottom: none;\n}\n\n.select2-container--classic .select2-dropdown--below {\n    border-top: none;\n}\n\n.select2-container--classic .select2-results > .select2-results__options {\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.select2-container--classic .select2-results__option[role=group] {\n    padding: 0;\n}\n\n.select2-container--classic .select2-results__option[aria-disabled=true] {\n    color: grey;\n}\n\n.select2-container--classic .select2-results__option--highlighted[aria-selected] {\n    background-color: #3875d7;\n    color: #fff;\n}\n\n.select2-container--classic .select2-results__group {\n    cursor: default;\n    display: block;\n    padding: 6px;\n}\n\n.select2-container--classic.select2-container--open .select2-dropdown {\n    border-color: #5897fb;\n}\n","//box\n.u-center-block {\n    display: table;\n    margin-left: auto !important;\n    margin-right: auto !important;\n}\n.u-center-vertical-flex {\n    display: flex;\n    flex-direction: column;\n    align-content: center;\n}\n.u-center-horizontal-flex {\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n}\n.u-center {\n    @include center();\n}\n.u-vertical-center {\n    @include vertical-center();\n}\n.u-horizontal-center {\n    @include horizontal-center();\n    position: absolute;\n}\n.u-center-mobile {\n    margin-left: auto;\n    margin-right: auto;\n    @media #{$lg-min} {\n        margin-left: 0;\n    }\n}\n//text\n.u-align-center {\n    text-align: center;\n}\n.u-align-right {\n    text-align: right;\n}\n.u-align-left {\n    text-align: left;\n}\n//inline-block\n.u-align-top {\n    vertical-align: top;\n}\n.u-align-middle {\n    vertical-align: middle;\n}\n.u-align-bottom {\n    vertical-align: bottom;\n}\n.u-align-baseline {\n    vertical-align: baseline;\n}\n.u-vertical-center {\n    @include vertical-center();\n}\n.u-horizontal-center {\n    @include horizontal-center();\n}\n\n@each $breakpoint, $query in $layout-breakpoints {\n\t@media #{$query} {\n\t\t.u-align-left\\@#{$breakpoint} {\n\t\t\ttext-align: left;\n\t\t}\n\t\t.u-align-right\\@#{$breakpoint} {\n\t\t\ttext-align: right;\n        }\n        .u-align-center\\@#{$breakpoint} {\n\t\t\ttext-align: center;\n\t\t}\n\t}\n}\n",".u-bg-cover {\n    background-size: cover;\n}\n.u-bg-contain {\n    background-size: contain;\n}\n.u-bg-auto {\n    background-size: auto;\n}\n.u-bg-center {\n    background-position: center;\n}\n.u-bg-white, .u-white-background {\n    background-color:$white;\n}\n.u-background-darken {\n    @include absolute-fill();\n    @include calloutBox($bg-color:rgba(0,0,0,0.3), $padding:0);\n    z-index: $z-index0;\n}\n",".u-border-glow {\n    @include border-hoverable();\n}\n.u-border-glow-soft {\n    @include border-hoverable(0);\n}\n.u-border-separator {\n    @include border-section-divider();\n}\n.u-border-separator-duo {\n    position: relative;\n    &:before {\n        content: '';\n        @include absolute-fill-horizontal();\n        @include border-section-divider($color: $border-duo-top-color, $position: top, $opacity: 1);\n        @include border-section-divider($color: $border-duo-bottom-color, $position: bottom, $opacity: 1);\n        transform: translateY(-50%);\n        z-index: $z-index3;\n    }\n}\n","@each $key, $value in $colors-map {\n  .u-#{$key}-text, .u-#{$key}-color {\n    color: $value;\n  }\n\n  .u-#{$key}-background {\n    background-color: $value;\n  }\n}\n",".u-container-full-width, .u-full-width-container {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n}\n.u-container-max-width, .u-max-width-container {\n    @include max-width-container();\n}\n// This is a temp use until we can update the max-width to be equal to the nav width\n.u-container-nav-width, .u-nav-width-container {\n    @extend .u-max-width-container;\n    max-width: 1600px;\n}\n\n@each $breakpoint, $query in $layout-breakpoints {\n\t@media #{$query} {\n\t\t.u-container-max-width\\@#{$breakpoint}, .u-max-width-container\\@#{$breakpoint} {\n            @include max-width-container();\n        }\n        .u-container-nav-width\\@#{$breakpoint}, .u-nav-width-container\\@#{$breakpoint} {\n            @include max-width-container();\n            max-width: 1600px;\n        }\n\t}\n}\n\n\n.u-container-background {\n    @extend .u-full-width-container;\n    @extend .content-box;\n\n    background-position: top center;\n    background-size: cover;\n}\n.u-container-background-cropped-mobile {\n    @extend .u-container-background;\n    @media #{$md-max} {\n        background-position: bottom center;\n        // set to exact value (instead of auto) so high-resolution\n        // background images aren't wider than the container\n        background-size: $md-max-value;\n    }\n}\n.u-container-fitted, .u-fitted-container {\n    @include fitted-container();\n}\n.u-container-callout, .u-callout {\n    @include calloutBox();\n}\n.u-container-box-shadow-inset, .u-box-shadow-inset {\n    @include box-shadow-inset;\n}\n",".u-block{\n    display: block;\n}\n.u-inline-block {\n    display: inline-block;\n}\n[hidden] {\n    display:none;\n}\n.u-visually-hidden {\n    position: absolute;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n    height: 1px; width: 1px;\n    margin: -1px; padding: 0; border: 0;\n}\n.u-slightly-transparent{\n    opacity: 0.7;\n}\n",".u-magnifier, .u-video, .u-pdf {\n    position:relative;\n}\n.u-magnifier:after, .u-video:after, .u-pdf:after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    transition: all 200ms $easeOutQuad;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-image: none; //in most cases, the image only shows on hover\n}\n.u-magnifier:hover:after {\n    background-size: 20% auto;\n    background-image: url('img/icons/magnifying.png');\n}\n.u-video:after {\n    background-size: 13% auto;\n    background-image: url('img/icons/youtube-btn-ylw.png');\n}\n.u-video:hover:after {\n    background-image: url('img/icons/youtube-btn-wh.png');\n}\n.u-pdf:hover:after {\n    background-image: url('img/icons/pdf.png');\n    background-size: 16% auto;\n}\n.u-video_youtube {\n    @extend .u-video;\n}\n.u-fill-white {\n    fill: $white;\n}\n.u-fill-black {\n    fill: $black;\n}\n",".u-full-scale-image {\n    @include full-scale-image();\n}",".u-clearfix, .clearfix {\n    @include clearfix();\n}\n.u-absolute-fill {\n    @include absolute-fill();\n}\n.u-fill-width {\n    width: 100%;\n}\n.u-fill-height {\n    height: 100%;\n}\n.u-fill {\n    width: 100%;\n    height: 100%;\n}\n.u-float-left {\n    float: left;\n}\n.u-float-right {\n    float: right;\n}\n\n.u-nav-offset {\n    @include nav-offset();\n}\n\n@mixin column-vertical-center() {\n    float: none!important;\n    display: table-cell;\n    vertical-align: middle;\n}\n.u-column-vertical-center {\n    @include column-vertical-center();\n}\n@each $breakpoint, $query in $layout-breakpoints {\n\t@media #{$query} {\n        .u-column-vertical-center\\@#{$breakpoint} {\n            @include column-vertical-center();\n        }\n    }\n}","\n.u-no-transition {\n    transition: none;\n}\n",".u-relative {\n    position:relative;\n}\n.u-absolute {\n    position:absolute;\n}\n.u-fixed {\n    position:fixed;\n}\n.u-anchor-bottom {\n    position:absolute;\n    bottom:0;\n}\n",".u-uppercase {\n\ttext-transform:uppercase;\n}\n.u-lowercase {\n\ttext-transform:lowercase;\n}\n.u-bold {\n\tfont-weight:bold;\n}\n.u-normal {\n\tfont-weight:normal;\n}\n.u-italic, .u-italics {\n\tfont-style:italic;\n}\n.u-font-arial {\n\tfont-family:$arial;\n}\n.u-font-futura {\n\tfont-family:$futura;\n\tfont-weight: 600;\n}\n.u-font-large {\n\t@media #{$md-min} {\n\t\tfont-size:$large-font-size;\n\t}\n}\n.u-font-small {\n\tfont-size:$small-font-size;\n}\n.u-font-fine {\n\tfont-size:$fine-font-size;\n}\n.u-invert {\n\tcolor: $white;\n    fill: $white;\n}\n.u-invert\\@lg-min {\n    @media #{$lg-min} {\n        color: $white;\n        fill: $white;\n    }\n}\n.u-limit-width {\n\tmax-width:40em;\n}\n.u-subheading {\n    @include h4font();\n    text-transform: none;\n}\n// not good for text that wraps\n.u-thin-heading {\n    line-height: 0.9;\n}\nbody.ko-kr {\n\t.u-bigNoodleToo {\n\t\tfont-family: $koverwatch;\n\t}\n}\n.u-bigNoodleToo {\n\tfont-family: $big-noodle;\n}\n//TODO: Design Debt: consolidate these shadow styles\n.u-font-shadow {\n    @include fontShadow();\n}\n.u-text-shadow {\n\ttext-shadow: 0 1px 2px black;\n}\n.u-font-header-shadow, .u-font-dark-gradient {\n    @include fontHeaderShadow();\n}\n.u-font-dark-gradient {\n\tbackground: -webkit-linear-gradient(top, #3f6493 10%,#345177 100%);\n\tbackground-image: -o-linear-gradient(transparent, transparent);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n}\n.u-hideText { /*http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/*/\n\toverflow:hidden;\n\ttext-indent: 100%;\n\twhite-space: nowrap;\n\tdisplay:inline-block;\n}\n.u-plainList {\n\tmargin:0;\n\tpadding:0;\n\tlist-style:none;\n}\n.u-bulletList {\n\tmargin:1em 0;\n\tlist-style-type: disc;\n\tlist-style-position: outside;\n\tpadding-left:20px;\n\ttext-align:left;\n\t> li {\n\t\tmargin:.5em 1em;\n\t}\n}\n","//DEPRECATED, backwards compatible\n    .u-margin-top-sm { margin-top: 1rem; }\n    .u-margin-top-md { margin-top: 2rem; }\n    .u-margin-top-lg { margin-top: 4rem; }\n    .u-margin-bottom-sm { margin-bottom: 1rem; }\n    .u-margin-bottom-md { margin-bottom: 2rem; }\n    .u-margin-bottom-lg { margin-bottom: 4rem; }\n\n    //the xs - xl spacing classes are deprecated. Please don't use going forward. Will be removed in the future\n    .pad-xs {\n        padding:12px;\n    }\n    .pad-sm {\n        padding:22px;\n    }\n    .pad-md {\n        padding:32px;\n    }\n    .pad-lg {\n        padding:45px;\n    }\n    .pad-xl {\n        padding:60px;\n    }\n\n    .margin-xs {\n        margin:12px;\n    }\n    .margin-sm {\n        margin:22px;\n    }\n    .margin-md {\n        margin:32px;\n    }\n    .margin-lg {\n        margin:45px;\n    }\n    .margin-xl {\n        margin:60px;\n    }\n//ABOVE DEPRECATED, backwards compatible\n\n\n//creates spacing classe like margin-6, or with media query suffixes like padding-12@sm\n@mixin spacingUtilityClasses($breakpoint) {\n    $spacing-count: 10;\n    $i: 1;\n    @while $i <= $spacing-count {\n        $spacing-size: $i * $spacing-base;\n        @if $breakpoint {\n            .margin-#{$spacing-size}\\@#{$breakpoint} {\n                margin:$spacing-size+px;\n            }\n            .padding-#{$spacing-size}\\@#{$breakpoint}, .pad-#{$spacing-size}\\@#{$breakpoint} {\n                padding:$spacing-size+px;\n            }\n        } @else {\n            .margin-#{$spacing-size} {\n                margin:$spacing-size+px;\n            }\n            .padding-#{$spacing-size}, .pad-#{$spacing-size} {\n                padding:$spacing-size+px;\n            }\n        }\n        $i : $i + 1;\n    }\n}\n\n@include spacingUtilityClasses(false);\n@each $breakpoint, $query in $layout-breakpoints {\n    @media #{$query} {\n        $spacing-count: 10;\n        $i: 1;\n        @include spacingUtilityClasses($breakpoint);\n    }\n}\n\n.margin-no-sides {\n    margin-left:0;\n    margin-right:0;\n}\n.margin-only-sides {\n    margin-top:0;\n    margin-bottom:0;\n}\n.margin-only-top {\n    margin-bottom:0;\n    margin-left:0;\n    margin-right:0;\n}\n.margin-only-bottom {\n    margin-top:0;\n    margin-left:0;\n    margin-right:0;\n}\n.margin-only-left {\n    margin-top:0;\n    margin-bottom:0;\n    margin-right:0;\n}\n.margin-only-right {\n    margin-top:0;\n    margin-bottom:0;\n    margin-left:0;\n}\n\n\n.padding-no-sides, .pad-no-sides {\n    padding-left:0;\n    padding-right:0;\n}\n.padding-only-sides, .pad-only-sides {\n    padding-top:0;\n    padding-bottom:0;\n}\n.padding-only-top, .pad-only-top {\n    padding-bottom:0;\n    padding-left:0;\n    padding-right:0;\n}\n.padding-only-bottom, .pad-only-bottom {\n    padding-top:0;\n    padding-left:0;\n    padding-right:0;\n}\n.padding-only-left, .pad-only-left {\n    padding-top:0;\n    padding-bottom:0;\n    padding-right:0;\n}\n.padding-only-right, .pad-only-right {\n    padding-top:0;\n    padding-bottom:0;\n    padding-left:0;\n}\n\n.margin-0 {\n    margin:0;\n}\n\n.padding-0, .pad-0 {\n    padding:0;\n}\n\n.u-spacer {\n    margin-top: 6px;\n    margin-bottom: 6px;\n}\n.u-spacer-sides {\n    margin-left: 6px;\n    margin-right: 6px;\n}\n","// Global States\n.is-fullscreen video {\n    display:block;\n}\n.is-hidden {\n    display: none;\n}\n","@import '_variables';\n@import '_functions';\n@import '_mixins';\n\n@import './base/_base';\n@import './modules/_modules';\n@import './pages/_pages'; //TODO: Move all page styles into a modules, or other appropriate category. These styles are not scalable/re-useable.\n@import './utilities/_utilities';\n@import 'states';\n\n//TODO: Remove once this is configurable in blizznav.\n.Navbar .Navbar-toast {\n    @media #{$lg} {\n        bottom: auto;\n        top: 50%;\n    }\n    @media #{$xl-min}{\n        position: absolute;\n        bottom: auto;\n        top: 110px;\n    }\n}\n.Navbar .Navbar-toastContainer {\n    @media #{$lg} {\n        transform: translateY(-50%);\n    }\n}\n"]}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,700|Open+Sans:400,300,600,700);
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none; }

@font-face {
  font-family: 'FuturaNo2D';
  src: url("fonts/FuturaNo2D-DemiBold-6bcaf79a95daaac7cb0a86449fa6c6f0d6dd222878eef52c61f7ed10037631c8b6ca8442408276e82b04d1a4bf6db3e18bca760ac182a81d08cbf7924e1dfb4b.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Big Noodle Too';
  src: url("fonts/big-noodle-too-eaef42cc66ce3dcbe29cd88eca8801d55fe8dcc11c7153cc9c3f3418084ef1c50b1b7e270c826ded2d868a825af5c5b9d9be69d25795aae62c721c64faef1a95.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Big Noodle Too';
  src: url("fonts/big-noodle-too-oblique-0762bcfb7ce452ecfa21830ab40ee34f9bf2e6fbcecb649c8995bd59fdf93a74a8345855c3890ec3901ac7ca442040112f37f387c98a57ced5af61d92ee8e06c.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Koverwatch';
  src: url("fonts/koverwatch-webfont-3d911fd6af57ecd106b85bccbcdb661abb3edccc7f7f31ce8667fcf15a20920a4a2ea5dd15b0c2c7922c2edb566fd9c961700dba56baa8557002a863f6d0e090.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BlackFit77';
  src: url("fonts/yoonblackfit77-webfont-e22667373903cb18a3736cb44df54cd50ffe9c2c83db3a31691a30d8d9b6d06162852bf412dbd0b35356d8a005d63949829ad43e762a384df6898d7dd97aeb75.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'UDTypos';
  src: url("fonts/UDTypos512B_P_H-79f9d971114e228f1cac42e9f09b9b898c5c58d417ab374b4a2101a478a1f19e8cf6a8976ade5e6de6ea7bca21336b09dc9915d486b2d5131f48a3277e52a4ac.TTF") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DFSoGeiStd';
  src: url("fonts/DFSoGeiStd-W9-b1051772df2c3370f9f21a2fde68d09879f05982aa84fea933d78cbd7e934d2149469fa80202f1796263d2b7af285dd84ea36101659f3cb9f1fc08eda95fa24d.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/*
* root styles
*/
*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  background-repeat: no-repeat;
  vertical-align: inherit;
  white-space: inherit;
  text-overflow: inherit;
  text-shadow: inherit; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 10px; }

body {
  color: #333333;
  fill: #333333;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #F6F6F6;
  max-width: 100%;
  overflow-x: hidden;
  font-family: "Arial", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1.4; }
  @media screen and (min-width: 2560px) {
    body {
      max-width: 2560px;
      margin-left: auto;
      margin-right: auto; } }

body.ko-kr {
  font-family: "Noto Sans", sans-serif;
  word-break: keep-all; }

body.ja-jp {
  font-family: "UDTypos", "Arial", sans-serif; }

/*
* typography
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .data-table > tbody, .media-thumbnail > .caption {
  margin: 0;
  display: block;
  text-transform: uppercase;
  white-space: normal; }

h1, .h1 {
  font-family: "Big Noodle Too", impact, sans-serif;
  font-size: 4.88281rem;
  font-style: italic;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  letter-spacing: 0.5px; }
  @media only screen and (min-width: 768px) {
    h1, .h1 {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 1280px) {
    h1, .h1 {
      font-size: 7.62939rem; } }

h2, .h2 {
  font-family: "Big Noodle Too", impact, sans-serif;
  font-size: 3.90625rem;
  font-style: italic;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  letter-spacing: 0.8px; }
  @media only screen and (min-width: 768px) {
    h2, .h2 {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 1280px) {
    h2, .h2 {
      font-size: 6.10352rem; } }

h3, .h3 {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal; }
  @media only screen and (min-width: 768px) {
    h3, .h3 {
      font-size: 3.125rem; } }

h4, .h4 {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal; }
  @media only screen and (min-width: 768px) {
    h4, .h4 {
      font-size: 2.5rem; } }

h5, .h5 {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal; }

h6, .h6, .data-table > tbody, .media-thumbnail > .caption {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  letter-spacing: 0.5px; }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .h1\@xs {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {
    .h1\@xs {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 1280px) {
    .h1\@xs {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .h2\@xs {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {
    .h2\@xs {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 1280px) {
    .h2\@xs {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .h3\@xs {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {
    .h3\@xs {
      font-size: 3.125rem; } }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .h4\@xs {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {
    .h4\@xs {
      font-size: 2.5rem; } }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .h5\@xs {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@xs {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .h1\@sm {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {
    .h1\@sm {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 1280px) {
    .h1\@sm {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .h2\@sm {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {
    .h2\@sm {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 1280px) {
    .h2\@sm {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .h3\@sm {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {
    .h3\@sm {
      font-size: 3.125rem; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .h4\@sm {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {
    .h4\@sm {
      font-size: 2.5rem; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .h5\@sm {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@sm {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 400px) {
  .h1\@sm-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 400px) and (min-width: 768px) {
    .h1\@sm-min {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 400px) and (min-width: 1280px) {
    .h1\@sm-min {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 400px) {
  .h2\@sm-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 400px) and (min-width: 768px) {
    .h2\@sm-min {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 400px) and (min-width: 1280px) {
    .h2\@sm-min {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 400px) {
  .h3\@sm-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 400px) and (min-width: 768px) {
    .h3\@sm-min {
      font-size: 3.125rem; } }

@media only screen and (min-width: 400px) {
  .h4\@sm-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 400px) and (min-width: 768px) {
    .h4\@sm-min {
      font-size: 2.5rem; } }

@media only screen and (min-width: 400px) {
  .h5\@sm-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@sm-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h1\@md {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
    .h1\@md {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 1280px) {
    .h1\@md {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h2\@md {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
    .h2\@md {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 1280px) {
    .h2\@md {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h3\@md {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
    .h3\@md {
      font-size: 3.125rem; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h4\@md {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
    .h4\@md {
      font-size: 2.5rem; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .h5\@md {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@md {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 768px) {
  .h1\@md-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .h1\@md-min {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 768px) and (min-width: 1280px) {
    .h1\@md-min {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 768px) {
  .h2\@md-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .h2\@md-min {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 768px) and (min-width: 1280px) {
    .h2\@md-min {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 768px) {
  .h3\@md-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .h3\@md-min {
      font-size: 3.125rem; } }

@media only screen and (min-width: 768px) {
  .h4\@md-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .h4\@md-min {
      font-size: 2.5rem; } }

@media only screen and (min-width: 768px) {
  .h5\@md-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@md-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .h1\@lg {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {
    .h1\@lg {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 1280px) {
    .h1\@lg {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .h2\@lg {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {
    .h2\@lg {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 1280px) {
    .h2\@lg {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .h3\@lg {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {
    .h3\@lg {
      font-size: 3.125rem; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .h4\@lg {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {
    .h4\@lg {
      font-size: 2.5rem; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .h5\@lg {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@lg {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 992px) {
  .h1\@lg-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 992px) and (min-width: 768px) {
    .h1\@lg-min {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 992px) and (min-width: 1280px) {
    .h1\@lg-min {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 992px) {
  .h2\@lg-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 992px) and (min-width: 768px) {
    .h2\@lg-min {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 992px) and (min-width: 1280px) {
    .h2\@lg-min {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 992px) {
  .h3\@lg-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 992px) and (min-width: 768px) {
    .h3\@lg-min {
      font-size: 3.125rem; } }

@media only screen and (min-width: 992px) {
  .h4\@lg-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 992px) and (min-width: 768px) {
    .h4\@lg-min {
      font-size: 2.5rem; } }

@media only screen and (min-width: 992px) {
  .h5\@lg-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@lg-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .h1\@xl {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {
    .h1\@xl {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 1280px) {
    .h1\@xl {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .h2\@xl {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {
    .h2\@xl {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 1280px) {
    .h2\@xl {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .h3\@xl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {
    .h3\@xl {
      font-size: 3.125rem; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .h4\@xl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {
    .h4\@xl {
      font-size: 2.5rem; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .h5\@xl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@xl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 1280px) {
  .h1\@xl-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 1280px) and (min-width: 768px) {
    .h1\@xl-min {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 1280px) and (min-width: 1280px) {
    .h1\@xl-min {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 1280px) {
  .h2\@xl-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 1280px) and (min-width: 768px) {
    .h2\@xl-min {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 1280px) and (min-width: 1280px) {
    .h2\@xl-min {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 1280px) {
  .h3\@xl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 1280px) and (min-width: 768px) {
    .h3\@xl-min {
      font-size: 3.125rem; } }

@media only screen and (min-width: 1280px) {
  .h4\@xl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 1280px) and (min-width: 768px) {
    .h4\@xl-min {
      font-size: 2.5rem; } }

@media only screen and (min-width: 1280px) {
  .h5\@xl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@xl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .h1\@xxl {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {
    .h1\@xxl {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 1280px) {
    .h1\@xxl {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .h2\@xxl {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {
    .h2\@xxl {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 1280px) {
    .h2\@xxl {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .h3\@xxl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {
    .h3\@xxl {
      font-size: 3.125rem; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .h4\@xxl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {
    .h4\@xxl {
      font-size: 2.5rem; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .h5\@xxl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@xxl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 1600px) {
  .h1\@xxl-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 1600px) and (min-width: 768px) {
    .h1\@xxl-min {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 1600px) and (min-width: 1280px) {
    .h1\@xxl-min {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 1600px) {
  .h2\@xxl-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 1600px) and (min-width: 768px) {
    .h2\@xxl-min {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 1600px) and (min-width: 1280px) {
    .h2\@xxl-min {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 1600px) {
  .h3\@xxl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 1600px) and (min-width: 768px) {
    .h3\@xxl-min {
      font-size: 3.125rem; } }

@media only screen and (min-width: 1600px) {
  .h4\@xxl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 1600px) and (min-width: 768px) {
    .h4\@xxl-min {
      font-size: 2.5rem; } }

@media only screen and (min-width: 1600px) {
  .h5\@xxl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@xxl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .h1\@xxxl {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {
    .h1\@xxxl {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 1280px) {
    .h1\@xxxl {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .h2\@xxxl {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {
    .h2\@xxxl {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 1280px) {
    .h2\@xxxl {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .h3\@xxxl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {
    .h3\@xxxl {
      font-size: 3.125rem; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .h4\@xxxl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {
    .h4\@xxxl {
      font-size: 2.5rem; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .h5\@xxxl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@xxxl {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 2560px) {
  .h1\@xxxl-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 4.88281rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }
  @media only screen and (min-width: 2560px) and (min-width: 768px) {
    .h1\@xxxl-min {
      font-size: 6.10352rem; } }
  @media only screen and (min-width: 2560px) and (min-width: 1280px) {
    .h1\@xxxl-min {
      font-size: 7.62939rem; } }

@media only screen and (min-width: 2560px) {
  .h2\@xxxl-min {
    font-family: "Big Noodle Too", impact, sans-serif;
    font-size: 3.90625rem;
    font-style: italic;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.8px; } }
  @media only screen and (min-width: 2560px) and (min-width: 768px) {
    .h2\@xxxl-min {
      font-size: 4.88281rem; } }
  @media only screen and (min-width: 2560px) and (min-width: 1280px) {
    .h2\@xxxl-min {
      font-size: 6.10352rem; } }

@media only screen and (min-width: 2560px) {
  .h3\@xxxl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 2560px) and (min-width: 768px) {
    .h3\@xxxl-min {
      font-size: 3.125rem; } }

@media only screen and (min-width: 2560px) {
  .h4\@xxxl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; } }
  @media only screen and (min-width: 2560px) and (min-width: 768px) {
    .h4\@xxxl-min {
      font-size: 2.5rem; } }

@media only screen and (min-width: 2560px) {
  .h5\@xxxl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal; }
  .h6\@xxxl-min {
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px; } }

body.ko-kr h1, body.ko-kr .h1, body.ko-kr h2, body.ko-kr .h2 {
  font-family: "Koverwatch", sans-serif;
  font-style: normal; }

body.ko-kr h3, body.ko-kr .h3, body.ko-kr h4 .h4, body.ko-kr h5, body.ko-kr .h5, body.ko-kr h6, body.ko-kr .h6, body.ko-kr .data-table > tbody, body.ko-kr .media-thumbnail > .caption {
  font-family: "BlackFit77", sans-serif; }

body.ja-jp h1, body.ja-jp .h1, body.ja-jp h2, body.ja-jp .h2, body.ja-jp h3, body.ja-jp .h3, body.ja-jp h4, body.ja-jp .h4, body.ja-jp h5, body.ja-jp .h5, body.ja-jp h6, body.ja-jp .h6, body.ja-jp .data-table > tbody, body.ja-jp .media-thumbnail > .caption {
  font-family: "DFSoGeiStd", sans-serif;
  font-style: normal; }

p {
  margin-top: 0;
  margin-bottom: 0;
  white-space: normal; }

span {
  white-space: normal; }

/*
* basic styles
*/
a {
  color: #ff9c00;
  white-space: normal;
  text-decoration: none; }
  a:hover {
    color: #ffb033; }
  a:focus {
    color: #ffb033; }
  a:visited {
    color: #ffc466; }
  a:active {
    color: #ffc466; }

hr {
  border: 0;
  border-bottom: 3px solid rgba(246, 246, 246, 0.3); }
  @media only screen and (min-width: 768px) {
    hr {
      border-bottom-width: 6px; } }

hr.m-dark {
  border-bottom-color: rgba(64, 82, 117, 0.5); }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

body.ko-kr blockquote {
  font-family: "Noto Sans", sans-serif;
  font-style: normal; }

blockquote {
  font-family: "Arial", sans-serif;
  font-style: italic;
  font-size: 1.6rem;
  line-height: 1.25;
  background-color: #f8f8f8;
  color: #545454;
  margin: 0;
  padding: 15px;
  border-radius: 2px; }
  blockquote p {
    margin: 0 0 10px; }
  blockquote cite {
    color: rgba(84, 84, 84, 0.5);
    font-size: 1.4rem; }
  blockquote a {
    color: #545454; }

:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background-color: rgba(84, 84, 84, 0.025);
  border-radius: 2px;
  padding: 15px; }

code {
  display: block;
  margin: 10px 0;
  overflow: auto; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.3em; }

sub {
  bottom: -0.2em; }

body.ko-kr select {
  font-family: "BlackFit77", sans-serif; }

select {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding: 3px 18px 3px 6px;
  color: #333333; }

table, thead, tbody, tr {
  width: 100%;
  border-collapse: collapse; }

form {
  white-space: normal; }

button {
  white-space: normal; }

small {
  font-size: 0.8em; }

svg {
  fill: inherit; }

/*top margin of headings immediately following a heading*/
h1 + h2, h1 + h3, h1 + h4, h2 + h2, h2 + h3, h2 + h4, h3 + h2, h3 + h3, h3 + h4, h4 + h2, h4 + h3, h4 + h4, ol + p, ul + p, h1 + ol, h2 + ol, h3 + ol, h1 + ul, h2 + ul, h3 + ul {
  margin-top: 0.3em; }

h1 + p, .h1 + p,
h2 + p, .h2 + p,
h3 + p, .h3 + p,
h4 + p, .h4 + p,
h5 + p, .h5 + p,
h6 + p, .h6 + p, .data-table > tbody + p, .media-thumbnail > .caption + p,
h1 + .paragraph-spacing, .h1 + .paragraph-spacing,
h2 + .paragraph-spacing, .h2 + .paragraph-spacing,
h3 + .paragraph-spacing, .h3 + .paragraph-spacing,
h4 + .paragraph-spacing, .h4 + .paragraph-spacing,
h5 + .paragraph-spacing, .h5 + .paragraph-spacing,
h6 + .paragraph-spacing, .h6 + .paragraph-spacing, .data-table > tbody + .paragraph-spacing, .media-thumbnail > .caption + .paragraph-spacing,
h1 + * > p:first-child, .h1 + * > p:first-child,
h2 + * > p:first-child, .h2 + * > p:first-child,
h3 + * > p:first-child, .h3 + * > p:first-child,
h4 + * > p:first-child, .h4 + * > p:first-child,
h5 + * > p:first-child, .h5 + * > p:first-child,
h6 + * > p:first-child, .h6 + * > p:first-child, .data-table > tbody + * > p:first-child, .media-thumbnail > .caption + * > p:first-child {
  margin-top: 0.6em; }

/*top margin to headings immediately following a paragraph*/
p + h2, p + .h2, p + h3, p + .h3 {
  margin-top: 0.4em; }

p + h4, p + h5, p + h6, p + .h4, p + .h5, p + .h6, .data-table > p + tbody, .media-thumbnail > p + .caption {
  margin-top: 1.25em; }

p + p, p + .paragraph-spacing {
  margin-top: 0.8em; }

@media print {
  @page {
    margin: 0.5cm; }
  body {
    font: 12pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3; }
  img {
    max-width: 100%;
    border: 0; }
  video, audio, object, embed {
    display: none; }
  p a[href^="http"]:after {
    word-wrap: break-word;
    content: " (" attr(href) ")";
    font-size: 80%; } }

.row {
  max-width: none;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    margin-left: 0;
    margin-right: 0; }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-left: auto;
      margin-right: auto; }

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0;
  padding-right: 0; }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }
  .row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

.small-offset-1 {
  margin-left: 8.33333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.66667%; }

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

.small-offset-4 {
  margin-left: 33.33333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.66667%; }

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

.small-offset-7 {
  margin-left: 58.33333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.66667%; }

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

.small-offset-10 {
  margin-left: 83.33333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
  width: 100%;
  float: left; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  width: 50%;
  float: left; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  width: 25%;
  float: left; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  width: 20%;
  float: left; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  width: 14.28571%;
  float: left; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  width: 12.5%;
  float: left; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-up-9 > .column, .small-up-9 > .columns {
  width: 11.11111%;
  float: left; }
  .small-up-9 > .column:nth-of-type(1n), .small-up-9 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-9 > .column:nth-of-type(9n+1), .small-up-9 > .columns:nth-of-type(9n+1) {
    clear: both; }
  .small-up-9 > .column:last-child, .small-up-9 > .columns:last-child {
    float: left; }

.small-up-10 > .column, .small-up-10 > .columns {
  width: 10%;
  float: left; }
  .small-up-10 > .column:nth-of-type(1n), .small-up-10 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-10 > .column:nth-of-type(10n+1), .small-up-10 > .columns:nth-of-type(10n+1) {
    clear: both; }
  .small-up-10 > .column:last-child, .small-up-10 > .columns:last-child {
    float: left; }

.small-up-11 > .column, .small-up-11 > .columns {
  width: 9.09091%;
  float: left; }
  .small-up-11 > .column:nth-of-type(1n), .small-up-11 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-11 > .column:nth-of-type(11n+1), .small-up-11 > .columns:nth-of-type(11n+1) {
    clear: both; }
  .small-up-11 > .column:last-child, .small-up-11 > .columns:last-child {
    float: left; }

.small-up-12 > .column, .small-up-12 > .columns {
  width: 8.33333%;
  float: left; }
  .small-up-12 > .column:nth-of-type(1n), .small-up-12 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-12 > .column:nth-of-type(12n+1), .small-up-12 > .columns:nth-of-type(12n+1) {
    clear: both; }
  .small-up-12 > .column:last-child, .small-up-12 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-collapse .row {
  margin-left: 0;
  margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

.xs-1 {
  width: 8.33333%; }

.xs-push-1 {
  position: relative;
  left: 8.33333%; }

.xs-pull-1 {
  position: relative;
  left: -8.33333%; }

.xs-offset-0 {
  margin-left: 0%; }

.xs-2 {
  width: 16.66667%; }

.xs-push-2 {
  position: relative;
  left: 16.66667%; }

.xs-pull-2 {
  position: relative;
  left: -16.66667%; }

.xs-offset-1 {
  margin-left: 8.33333%; }

.xs-3 {
  width: 25%; }

.xs-push-3 {
  position: relative;
  left: 25%; }

.xs-pull-3 {
  position: relative;
  left: -25%; }

.xs-offset-2 {
  margin-left: 16.66667%; }

.xs-4 {
  width: 33.33333%; }

.xs-push-4 {
  position: relative;
  left: 33.33333%; }

.xs-pull-4 {
  position: relative;
  left: -33.33333%; }

.xs-offset-3 {
  margin-left: 25%; }

.xs-5 {
  width: 41.66667%; }

.xs-push-5 {
  position: relative;
  left: 41.66667%; }

.xs-pull-5 {
  position: relative;
  left: -41.66667%; }

.xs-offset-4 {
  margin-left: 33.33333%; }

.xs-6 {
  width: 50%; }

.xs-push-6 {
  position: relative;
  left: 50%; }

.xs-pull-6 {
  position: relative;
  left: -50%; }

.xs-offset-5 {
  margin-left: 41.66667%; }

.xs-7 {
  width: 58.33333%; }

.xs-push-7 {
  position: relative;
  left: 58.33333%; }

.xs-pull-7 {
  position: relative;
  left: -58.33333%; }

.xs-offset-6 {
  margin-left: 50%; }

.xs-8 {
  width: 66.66667%; }

.xs-push-8 {
  position: relative;
  left: 66.66667%; }

.xs-pull-8 {
  position: relative;
  left: -66.66667%; }

.xs-offset-7 {
  margin-left: 58.33333%; }

.xs-9 {
  width: 75%; }

.xs-push-9 {
  position: relative;
  left: 75%; }

.xs-pull-9 {
  position: relative;
  left: -75%; }

.xs-offset-8 {
  margin-left: 66.66667%; }

.xs-10 {
  width: 83.33333%; }

.xs-push-10 {
  position: relative;
  left: 83.33333%; }

.xs-pull-10 {
  position: relative;
  left: -83.33333%; }

.xs-offset-9 {
  margin-left: 75%; }

.xs-11 {
  width: 91.66667%; }

.xs-push-11 {
  position: relative;
  left: 91.66667%; }

.xs-pull-11 {
  position: relative;
  left: -91.66667%; }

.xs-offset-10 {
  margin-left: 83.33333%; }

.xs-12 {
  width: 100%; }

.xs-offset-11 {
  margin-left: 91.66667%; }

.xs-up-1 > .column, .xs-up-1 > .columns {
  width: 100%;
  float: left; }
  .xs-up-1 > .column:nth-of-type(1n), .xs-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-1 > .column:nth-of-type(1n+1), .xs-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .xs-up-1 > .column:last-child, .xs-up-1 > .columns:last-child {
    float: left; }

.xs-up-2 > .column, .xs-up-2 > .columns {
  width: 50%;
  float: left; }
  .xs-up-2 > .column:nth-of-type(1n), .xs-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-2 > .column:nth-of-type(2n+1), .xs-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .xs-up-2 > .column:last-child, .xs-up-2 > .columns:last-child {
    float: left; }

.xs-up-3 > .column, .xs-up-3 > .columns {
  width: 33.33333%;
  float: left; }
  .xs-up-3 > .column:nth-of-type(1n), .xs-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-3 > .column:nth-of-type(3n+1), .xs-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .xs-up-3 > .column:last-child, .xs-up-3 > .columns:last-child {
    float: left; }

.xs-up-4 > .column, .xs-up-4 > .columns {
  width: 25%;
  float: left; }
  .xs-up-4 > .column:nth-of-type(1n), .xs-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-4 > .column:nth-of-type(4n+1), .xs-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .xs-up-4 > .column:last-child, .xs-up-4 > .columns:last-child {
    float: left; }

.xs-up-5 > .column, .xs-up-5 > .columns {
  width: 20%;
  float: left; }
  .xs-up-5 > .column:nth-of-type(1n), .xs-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-5 > .column:nth-of-type(5n+1), .xs-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .xs-up-5 > .column:last-child, .xs-up-5 > .columns:last-child {
    float: left; }

.xs-up-6 > .column, .xs-up-6 > .columns {
  width: 16.66667%;
  float: left; }
  .xs-up-6 > .column:nth-of-type(1n), .xs-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-6 > .column:nth-of-type(6n+1), .xs-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .xs-up-6 > .column:last-child, .xs-up-6 > .columns:last-child {
    float: left; }

.xs-up-7 > .column, .xs-up-7 > .columns {
  width: 14.28571%;
  float: left; }
  .xs-up-7 > .column:nth-of-type(1n), .xs-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-7 > .column:nth-of-type(7n+1), .xs-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .xs-up-7 > .column:last-child, .xs-up-7 > .columns:last-child {
    float: left; }

.xs-up-8 > .column, .xs-up-8 > .columns {
  width: 12.5%;
  float: left; }
  .xs-up-8 > .column:nth-of-type(1n), .xs-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-8 > .column:nth-of-type(8n+1), .xs-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .xs-up-8 > .column:last-child, .xs-up-8 > .columns:last-child {
    float: left; }

.xs-up-9 > .column, .xs-up-9 > .columns {
  width: 11.11111%;
  float: left; }
  .xs-up-9 > .column:nth-of-type(1n), .xs-up-9 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-9 > .column:nth-of-type(9n+1), .xs-up-9 > .columns:nth-of-type(9n+1) {
    clear: both; }
  .xs-up-9 > .column:last-child, .xs-up-9 > .columns:last-child {
    float: left; }

.xs-up-10 > .column, .xs-up-10 > .columns {
  width: 10%;
  float: left; }
  .xs-up-10 > .column:nth-of-type(1n), .xs-up-10 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-10 > .column:nth-of-type(10n+1), .xs-up-10 > .columns:nth-of-type(10n+1) {
    clear: both; }
  .xs-up-10 > .column:last-child, .xs-up-10 > .columns:last-child {
    float: left; }

.xs-up-11 > .column, .xs-up-11 > .columns {
  width: 9.09091%;
  float: left; }
  .xs-up-11 > .column:nth-of-type(1n), .xs-up-11 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-11 > .column:nth-of-type(11n+1), .xs-up-11 > .columns:nth-of-type(11n+1) {
    clear: both; }
  .xs-up-11 > .column:last-child, .xs-up-11 > .columns:last-child {
    float: left; }

.xs-up-12 > .column, .xs-up-12 > .columns {
  width: 8.33333%;
  float: left; }
  .xs-up-12 > .column:nth-of-type(1n), .xs-up-12 > .columns:nth-of-type(1n) {
    clear: none; }
  .xs-up-12 > .column:nth-of-type(12n+1), .xs-up-12 > .columns:nth-of-type(12n+1) {
    clear: both; }
  .xs-up-12 > .column:last-child, .xs-up-12 > .columns:last-child {
    float: left; }

.xs-collapse > .column, .xs-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.xs-collapse .row {
  margin-left: 0;
  margin-right: 0; }

.xs-uncollapse > .column, .xs-uncollapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.xs-centered {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.xs-uncentered,
.xs-push-0,
.xs-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
  float: left; }

@media screen and (min-width: 25em) {
  .sm-1 {
    width: 8.33333%; }
  .sm-push-1 {
    position: relative;
    left: 8.33333%; }
  .sm-pull-1 {
    position: relative;
    left: -8.33333%; }
  .sm-offset-0 {
    margin-left: 0%; }
  .sm-2 {
    width: 16.66667%; }
  .sm-push-2 {
    position: relative;
    left: 16.66667%; }
  .sm-pull-2 {
    position: relative;
    left: -16.66667%; }
  .sm-offset-1 {
    margin-left: 8.33333%; }
  .sm-3 {
    width: 25%; }
  .sm-push-3 {
    position: relative;
    left: 25%; }
  .sm-pull-3 {
    position: relative;
    left: -25%; }
  .sm-offset-2 {
    margin-left: 16.66667%; }
  .sm-4 {
    width: 33.33333%; }
  .sm-push-4 {
    position: relative;
    left: 33.33333%; }
  .sm-pull-4 {
    position: relative;
    left: -33.33333%; }
  .sm-offset-3 {
    margin-left: 25%; }
  .sm-5 {
    width: 41.66667%; }
  .sm-push-5 {
    position: relative;
    left: 41.66667%; }
  .sm-pull-5 {
    position: relative;
    left: -41.66667%; }
  .sm-offset-4 {
    margin-left: 33.33333%; }
  .sm-6 {
    width: 50%; }
  .sm-push-6 {
    position: relative;
    left: 50%; }
  .sm-pull-6 {
    position: relative;
    left: -50%; }
  .sm-offset-5 {
    margin-left: 41.66667%; }
  .sm-7 {
    width: 58.33333%; }
  .sm-push-7 {
    position: relative;
    left: 58.33333%; }
  .sm-pull-7 {
    position: relative;
    left: -58.33333%; }
  .sm-offset-6 {
    margin-left: 50%; }
  .sm-8 {
    width: 66.66667%; }
  .sm-push-8 {
    position: relative;
    left: 66.66667%; }
  .sm-pull-8 {
    position: relative;
    left: -66.66667%; }
  .sm-offset-7 {
    margin-left: 58.33333%; }
  .sm-9 {
    width: 75%; }
  .sm-push-9 {
    position: relative;
    left: 75%; }
  .sm-pull-9 {
    position: relative;
    left: -75%; }
  .sm-offset-8 {
    margin-left: 66.66667%; }
  .sm-10 {
    width: 83.33333%; }
  .sm-push-10 {
    position: relative;
    left: 83.33333%; }
  .sm-pull-10 {
    position: relative;
    left: -83.33333%; }
  .sm-offset-9 {
    margin-left: 75%; }
  .sm-11 {
    width: 91.66667%; }
  .sm-push-11 {
    position: relative;
    left: 91.66667%; }
  .sm-pull-11 {
    position: relative;
    left: -91.66667%; }
  .sm-offset-10 {
    margin-left: 83.33333%; }
  .sm-12 {
    width: 100%; }
  .sm-offset-11 {
    margin-left: 91.66667%; }
  .sm-up-1 > .column, .sm-up-1 > .columns {
    width: 100%;
    float: left; }
    .sm-up-1 > .column:nth-of-type(1n), .sm-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-1 > .column:nth-of-type(1n+1), .sm-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .sm-up-1 > .column:last-child, .sm-up-1 > .columns:last-child {
      float: left; }
  .sm-up-2 > .column, .sm-up-2 > .columns {
    width: 50%;
    float: left; }
    .sm-up-2 > .column:nth-of-type(1n), .sm-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-2 > .column:nth-of-type(2n+1), .sm-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .sm-up-2 > .column:last-child, .sm-up-2 > .columns:last-child {
      float: left; }
  .sm-up-3 > .column, .sm-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .sm-up-3 > .column:nth-of-type(1n), .sm-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-3 > .column:nth-of-type(3n+1), .sm-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .sm-up-3 > .column:last-child, .sm-up-3 > .columns:last-child {
      float: left; }
  .sm-up-4 > .column, .sm-up-4 > .columns {
    width: 25%;
    float: left; }
    .sm-up-4 > .column:nth-of-type(1n), .sm-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-4 > .column:nth-of-type(4n+1), .sm-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .sm-up-4 > .column:last-child, .sm-up-4 > .columns:last-child {
      float: left; }
  .sm-up-5 > .column, .sm-up-5 > .columns {
    width: 20%;
    float: left; }
    .sm-up-5 > .column:nth-of-type(1n), .sm-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-5 > .column:nth-of-type(5n+1), .sm-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .sm-up-5 > .column:last-child, .sm-up-5 > .columns:last-child {
      float: left; }
  .sm-up-6 > .column, .sm-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .sm-up-6 > .column:nth-of-type(1n), .sm-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-6 > .column:nth-of-type(6n+1), .sm-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .sm-up-6 > .column:last-child, .sm-up-6 > .columns:last-child {
      float: left; }
  .sm-up-7 > .column, .sm-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .sm-up-7 > .column:nth-of-type(1n), .sm-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-7 > .column:nth-of-type(7n+1), .sm-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .sm-up-7 > .column:last-child, .sm-up-7 > .columns:last-child {
      float: left; }
  .sm-up-8 > .column, .sm-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .sm-up-8 > .column:nth-of-type(1n), .sm-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-8 > .column:nth-of-type(8n+1), .sm-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .sm-up-8 > .column:last-child, .sm-up-8 > .columns:last-child {
      float: left; }
  .sm-up-9 > .column, .sm-up-9 > .columns {
    width: 11.11111%;
    float: left; }
    .sm-up-9 > .column:nth-of-type(1n), .sm-up-9 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-9 > .column:nth-of-type(9n+1), .sm-up-9 > .columns:nth-of-type(9n+1) {
      clear: both; }
    .sm-up-9 > .column:last-child, .sm-up-9 > .columns:last-child {
      float: left; }
  .sm-up-10 > .column, .sm-up-10 > .columns {
    width: 10%;
    float: left; }
    .sm-up-10 > .column:nth-of-type(1n), .sm-up-10 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-10 > .column:nth-of-type(10n+1), .sm-up-10 > .columns:nth-of-type(10n+1) {
      clear: both; }
    .sm-up-10 > .column:last-child, .sm-up-10 > .columns:last-child {
      float: left; }
  .sm-up-11 > .column, .sm-up-11 > .columns {
    width: 9.09091%;
    float: left; }
    .sm-up-11 > .column:nth-of-type(1n), .sm-up-11 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-11 > .column:nth-of-type(11n+1), .sm-up-11 > .columns:nth-of-type(11n+1) {
      clear: both; }
    .sm-up-11 > .column:last-child, .sm-up-11 > .columns:last-child {
      float: left; }
  .sm-up-12 > .column, .sm-up-12 > .columns {
    width: 8.33333%;
    float: left; }
    .sm-up-12 > .column:nth-of-type(1n), .sm-up-12 > .columns:nth-of-type(1n) {
      clear: none; }
    .sm-up-12 > .column:nth-of-type(12n+1), .sm-up-12 > .columns:nth-of-type(12n+1) {
      clear: both; }
    .sm-up-12 > .column:last-child, .sm-up-12 > .columns:last-child {
      float: left; }
  .sm-collapse > .column, .sm-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .sm-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .sm-uncollapse > .column, .sm-uncollapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .sm-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .sm-uncentered,
  .sm-push-0,
  .sm-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 48em) {
  .md-1 {
    width: 8.33333%; }
  .md-push-1 {
    position: relative;
    left: 8.33333%; }
  .md-pull-1 {
    position: relative;
    left: -8.33333%; }
  .md-offset-0 {
    margin-left: 0%; }
  .md-2 {
    width: 16.66667%; }
  .md-push-2 {
    position: relative;
    left: 16.66667%; }
  .md-pull-2 {
    position: relative;
    left: -16.66667%; }
  .md-offset-1 {
    margin-left: 8.33333%; }
  .md-3 {
    width: 25%; }
  .md-push-3 {
    position: relative;
    left: 25%; }
  .md-pull-3 {
    position: relative;
    left: -25%; }
  .md-offset-2 {
    margin-left: 16.66667%; }
  .md-4 {
    width: 33.33333%; }
  .md-push-4 {
    position: relative;
    left: 33.33333%; }
  .md-pull-4 {
    position: relative;
    left: -33.33333%; }
  .md-offset-3 {
    margin-left: 25%; }
  .md-5 {
    width: 41.66667%; }
  .md-push-5 {
    position: relative;
    left: 41.66667%; }
  .md-pull-5 {
    position: relative;
    left: -41.66667%; }
  .md-offset-4 {
    margin-left: 33.33333%; }
  .md-6 {
    width: 50%; }
  .md-push-6 {
    position: relative;
    left: 50%; }
  .md-pull-6 {
    position: relative;
    left: -50%; }
  .md-offset-5 {
    margin-left: 41.66667%; }
  .md-7 {
    width: 58.33333%; }
  .md-push-7 {
    position: relative;
    left: 58.33333%; }
  .md-pull-7 {
    position: relative;
    left: -58.33333%; }
  .md-offset-6 {
    margin-left: 50%; }
  .md-8 {
    width: 66.66667%; }
  .md-push-8 {
    position: relative;
    left: 66.66667%; }
  .md-pull-8 {
    position: relative;
    left: -66.66667%; }
  .md-offset-7 {
    margin-left: 58.33333%; }
  .md-9 {
    width: 75%; }
  .md-push-9 {
    position: relative;
    left: 75%; }
  .md-pull-9 {
    position: relative;
    left: -75%; }
  .md-offset-8 {
    margin-left: 66.66667%; }
  .md-10 {
    width: 83.33333%; }
  .md-push-10 {
    position: relative;
    left: 83.33333%; }
  .md-pull-10 {
    position: relative;
    left: -83.33333%; }
  .md-offset-9 {
    margin-left: 75%; }
  .md-11 {
    width: 91.66667%; }
  .md-push-11 {
    position: relative;
    left: 91.66667%; }
  .md-pull-11 {
    position: relative;
    left: -91.66667%; }
  .md-offset-10 {
    margin-left: 83.33333%; }
  .md-12 {
    width: 100%; }
  .md-offset-11 {
    margin-left: 91.66667%; }
  .md-up-1 > .column, .md-up-1 > .columns {
    width: 100%;
    float: left; }
    .md-up-1 > .column:nth-of-type(1n), .md-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-1 > .column:nth-of-type(1n+1), .md-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .md-up-1 > .column:last-child, .md-up-1 > .columns:last-child {
      float: left; }
  .md-up-2 > .column, .md-up-2 > .columns {
    width: 50%;
    float: left; }
    .md-up-2 > .column:nth-of-type(1n), .md-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-2 > .column:nth-of-type(2n+1), .md-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .md-up-2 > .column:last-child, .md-up-2 > .columns:last-child {
      float: left; }
  .md-up-3 > .column, .md-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .md-up-3 > .column:nth-of-type(1n), .md-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-3 > .column:nth-of-type(3n+1), .md-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .md-up-3 > .column:last-child, .md-up-3 > .columns:last-child {
      float: left; }
  .md-up-4 > .column, .md-up-4 > .columns {
    width: 25%;
    float: left; }
    .md-up-4 > .column:nth-of-type(1n), .md-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-4 > .column:nth-of-type(4n+1), .md-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .md-up-4 > .column:last-child, .md-up-4 > .columns:last-child {
      float: left; }
  .md-up-5 > .column, .md-up-5 > .columns {
    width: 20%;
    float: left; }
    .md-up-5 > .column:nth-of-type(1n), .md-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-5 > .column:nth-of-type(5n+1), .md-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .md-up-5 > .column:last-child, .md-up-5 > .columns:last-child {
      float: left; }
  .md-up-6 > .column, .md-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .md-up-6 > .column:nth-of-type(1n), .md-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-6 > .column:nth-of-type(6n+1), .md-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .md-up-6 > .column:last-child, .md-up-6 > .columns:last-child {
      float: left; }
  .md-up-7 > .column, .md-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .md-up-7 > .column:nth-of-type(1n), .md-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-7 > .column:nth-of-type(7n+1), .md-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .md-up-7 > .column:last-child, .md-up-7 > .columns:last-child {
      float: left; }
  .md-up-8 > .column, .md-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .md-up-8 > .column:nth-of-type(1n), .md-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-8 > .column:nth-of-type(8n+1), .md-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .md-up-8 > .column:last-child, .md-up-8 > .columns:last-child {
      float: left; }
  .md-up-9 > .column, .md-up-9 > .columns {
    width: 11.11111%;
    float: left; }
    .md-up-9 > .column:nth-of-type(1n), .md-up-9 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-9 > .column:nth-of-type(9n+1), .md-up-9 > .columns:nth-of-type(9n+1) {
      clear: both; }
    .md-up-9 > .column:last-child, .md-up-9 > .columns:last-child {
      float: left; }
  .md-up-10 > .column, .md-up-10 > .columns {
    width: 10%;
    float: left; }
    .md-up-10 > .column:nth-of-type(1n), .md-up-10 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-10 > .column:nth-of-type(10n+1), .md-up-10 > .columns:nth-of-type(10n+1) {
      clear: both; }
    .md-up-10 > .column:last-child, .md-up-10 > .columns:last-child {
      float: left; }
  .md-up-11 > .column, .md-up-11 > .columns {
    width: 9.09091%;
    float: left; }
    .md-up-11 > .column:nth-of-type(1n), .md-up-11 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-11 > .column:nth-of-type(11n+1), .md-up-11 > .columns:nth-of-type(11n+1) {
      clear: both; }
    .md-up-11 > .column:last-child, .md-up-11 > .columns:last-child {
      float: left; }
  .md-up-12 > .column, .md-up-12 > .columns {
    width: 8.33333%;
    float: left; }
    .md-up-12 > .column:nth-of-type(1n), .md-up-12 > .columns:nth-of-type(1n) {
      clear: none; }
    .md-up-12 > .column:nth-of-type(12n+1), .md-up-12 > .columns:nth-of-type(12n+1) {
      clear: both; }
    .md-up-12 > .column:last-child, .md-up-12 > .columns:last-child {
      float: left; }
  .md-collapse > .column, .md-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .md-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .md-uncollapse > .column, .md-uncollapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .md-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .md-uncentered,
  .md-push-0,
  .md-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 62em) {
  .lg-1 {
    width: 8.33333%; }
  .lg-push-1 {
    position: relative;
    left: 8.33333%; }
  .lg-pull-1 {
    position: relative;
    left: -8.33333%; }
  .lg-offset-0 {
    margin-left: 0%; }
  .lg-2 {
    width: 16.66667%; }
  .lg-push-2 {
    position: relative;
    left: 16.66667%; }
  .lg-pull-2 {
    position: relative;
    left: -16.66667%; }
  .lg-offset-1 {
    margin-left: 8.33333%; }
  .lg-3 {
    width: 25%; }
  .lg-push-3 {
    position: relative;
    left: 25%; }
  .lg-pull-3 {
    position: relative;
    left: -25%; }
  .lg-offset-2 {
    margin-left: 16.66667%; }
  .lg-4 {
    width: 33.33333%; }
  .lg-push-4 {
    position: relative;
    left: 33.33333%; }
  .lg-pull-4 {
    position: relative;
    left: -33.33333%; }
  .lg-offset-3 {
    margin-left: 25%; }
  .lg-5 {
    width: 41.66667%; }
  .lg-push-5 {
    position: relative;
    left: 41.66667%; }
  .lg-pull-5 {
    position: relative;
    left: -41.66667%; }
  .lg-offset-4 {
    margin-left: 33.33333%; }
  .lg-6 {
    width: 50%; }
  .lg-push-6 {
    position: relative;
    left: 50%; }
  .lg-pull-6 {
    position: relative;
    left: -50%; }
  .lg-offset-5 {
    margin-left: 41.66667%; }
  .lg-7 {
    width: 58.33333%; }
  .lg-push-7 {
    position: relative;
    left: 58.33333%; }
  .lg-pull-7 {
    position: relative;
    left: -58.33333%; }
  .lg-offset-6 {
    margin-left: 50%; }
  .lg-8 {
    width: 66.66667%; }
  .lg-push-8 {
    position: relative;
    left: 66.66667%; }
  .lg-pull-8 {
    position: relative;
    left: -66.66667%; }
  .lg-offset-7 {
    margin-left: 58.33333%; }
  .lg-9 {
    width: 75%; }
  .lg-push-9 {
    position: relative;
    left: 75%; }
  .lg-pull-9 {
    position: relative;
    left: -75%; }
  .lg-offset-8 {
    margin-left: 66.66667%; }
  .lg-10 {
    width: 83.33333%; }
  .lg-push-10 {
    position: relative;
    left: 83.33333%; }
  .lg-pull-10 {
    position: relative;
    left: -83.33333%; }
  .lg-offset-9 {
    margin-left: 75%; }
  .lg-11 {
    width: 91.66667%; }
  .lg-push-11 {
    position: relative;
    left: 91.66667%; }
  .lg-pull-11 {
    position: relative;
    left: -91.66667%; }
  .lg-offset-10 {
    margin-left: 83.33333%; }
  .lg-12 {
    width: 100%; }
  .lg-offset-11 {
    margin-left: 91.66667%; }
  .lg-up-1 > .column, .lg-up-1 > .columns {
    width: 100%;
    float: left; }
    .lg-up-1 > .column:nth-of-type(1n), .lg-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-1 > .column:nth-of-type(1n+1), .lg-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .lg-up-1 > .column:last-child, .lg-up-1 > .columns:last-child {
      float: left; }
  .lg-up-2 > .column, .lg-up-2 > .columns {
    width: 50%;
    float: left; }
    .lg-up-2 > .column:nth-of-type(1n), .lg-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-2 > .column:nth-of-type(2n+1), .lg-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .lg-up-2 > .column:last-child, .lg-up-2 > .columns:last-child {
      float: left; }
  .lg-up-3 > .column, .lg-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .lg-up-3 > .column:nth-of-type(1n), .lg-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-3 > .column:nth-of-type(3n+1), .lg-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .lg-up-3 > .column:last-child, .lg-up-3 > .columns:last-child {
      float: left; }
  .lg-up-4 > .column, .lg-up-4 > .columns {
    width: 25%;
    float: left; }
    .lg-up-4 > .column:nth-of-type(1n), .lg-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-4 > .column:nth-of-type(4n+1), .lg-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .lg-up-4 > .column:last-child, .lg-up-4 > .columns:last-child {
      float: left; }
  .lg-up-5 > .column, .lg-up-5 > .columns {
    width: 20%;
    float: left; }
    .lg-up-5 > .column:nth-of-type(1n), .lg-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-5 > .column:nth-of-type(5n+1), .lg-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .lg-up-5 > .column:last-child, .lg-up-5 > .columns:last-child {
      float: left; }
  .lg-up-6 > .column, .lg-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .lg-up-6 > .column:nth-of-type(1n), .lg-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-6 > .column:nth-of-type(6n+1), .lg-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .lg-up-6 > .column:last-child, .lg-up-6 > .columns:last-child {
      float: left; }
  .lg-up-7 > .column, .lg-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .lg-up-7 > .column:nth-of-type(1n), .lg-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-7 > .column:nth-of-type(7n+1), .lg-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .lg-up-7 > .column:last-child, .lg-up-7 > .columns:last-child {
      float: left; }
  .lg-up-8 > .column, .lg-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .lg-up-8 > .column:nth-of-type(1n), .lg-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-8 > .column:nth-of-type(8n+1), .lg-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .lg-up-8 > .column:last-child, .lg-up-8 > .columns:last-child {
      float: left; }
  .lg-up-9 > .column, .lg-up-9 > .columns {
    width: 11.11111%;
    float: left; }
    .lg-up-9 > .column:nth-of-type(1n), .lg-up-9 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-9 > .column:nth-of-type(9n+1), .lg-up-9 > .columns:nth-of-type(9n+1) {
      clear: both; }
    .lg-up-9 > .column:last-child, .lg-up-9 > .columns:last-child {
      float: left; }
  .lg-up-10 > .column, .lg-up-10 > .columns {
    width: 10%;
    float: left; }
    .lg-up-10 > .column:nth-of-type(1n), .lg-up-10 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-10 > .column:nth-of-type(10n+1), .lg-up-10 > .columns:nth-of-type(10n+1) {
      clear: both; }
    .lg-up-10 > .column:last-child, .lg-up-10 > .columns:last-child {
      float: left; }
  .lg-up-11 > .column, .lg-up-11 > .columns {
    width: 9.09091%;
    float: left; }
    .lg-up-11 > .column:nth-of-type(1n), .lg-up-11 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-11 > .column:nth-of-type(11n+1), .lg-up-11 > .columns:nth-of-type(11n+1) {
      clear: both; }
    .lg-up-11 > .column:last-child, .lg-up-11 > .columns:last-child {
      float: left; }
  .lg-up-12 > .column, .lg-up-12 > .columns {
    width: 8.33333%;
    float: left; }
    .lg-up-12 > .column:nth-of-type(1n), .lg-up-12 > .columns:nth-of-type(1n) {
      clear: none; }
    .lg-up-12 > .column:nth-of-type(12n+1), .lg-up-12 > .columns:nth-of-type(12n+1) {
      clear: both; }
    .lg-up-12 > .column:last-child, .lg-up-12 > .columns:last-child {
      float: left; }
  .lg-collapse > .column, .lg-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .lg-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .lg-uncollapse > .column, .lg-uncollapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .lg-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .lg-uncentered,
  .lg-push-0,
  .lg-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 80em) {
  .xl-1 {
    width: 8.33333%; }
  .xl-push-1 {
    position: relative;
    left: 8.33333%; }
  .xl-pull-1 {
    position: relative;
    left: -8.33333%; }
  .xl-offset-0 {
    margin-left: 0%; }
  .xl-2 {
    width: 16.66667%; }
  .xl-push-2 {
    position: relative;
    left: 16.66667%; }
  .xl-pull-2 {
    position: relative;
    left: -16.66667%; }
  .xl-offset-1 {
    margin-left: 8.33333%; }
  .xl-3 {
    width: 25%; }
  .xl-push-3 {
    position: relative;
    left: 25%; }
  .xl-pull-3 {
    position: relative;
    left: -25%; }
  .xl-offset-2 {
    margin-left: 16.66667%; }
  .xl-4 {
    width: 33.33333%; }
  .xl-push-4 {
    position: relative;
    left: 33.33333%; }
  .xl-pull-4 {
    position: relative;
    left: -33.33333%; }
  .xl-offset-3 {
    margin-left: 25%; }
  .xl-5 {
    width: 41.66667%; }
  .xl-push-5 {
    position: relative;
    left: 41.66667%; }
  .xl-pull-5 {
    position: relative;
    left: -41.66667%; }
  .xl-offset-4 {
    margin-left: 33.33333%; }
  .xl-6 {
    width: 50%; }
  .xl-push-6 {
    position: relative;
    left: 50%; }
  .xl-pull-6 {
    position: relative;
    left: -50%; }
  .xl-offset-5 {
    margin-left: 41.66667%; }
  .xl-7 {
    width: 58.33333%; }
  .xl-push-7 {
    position: relative;
    left: 58.33333%; }
  .xl-pull-7 {
    position: relative;
    left: -58.33333%; }
  .xl-offset-6 {
    margin-left: 50%; }
  .xl-8 {
    width: 66.66667%; }
  .xl-push-8 {
    position: relative;
    left: 66.66667%; }
  .xl-pull-8 {
    position: relative;
    left: -66.66667%; }
  .xl-offset-7 {
    margin-left: 58.33333%; }
  .xl-9 {
    width: 75%; }
  .xl-push-9 {
    position: relative;
    left: 75%; }
  .xl-pull-9 {
    position: relative;
    left: -75%; }
  .xl-offset-8 {
    margin-left: 66.66667%; }
  .xl-10 {
    width: 83.33333%; }
  .xl-push-10 {
    position: relative;
    left: 83.33333%; }
  .xl-pull-10 {
    position: relative;
    left: -83.33333%; }
  .xl-offset-9 {
    margin-left: 75%; }
  .xl-11 {
    width: 91.66667%; }
  .xl-push-11 {
    position: relative;
    left: 91.66667%; }
  .xl-pull-11 {
    position: relative;
    left: -91.66667%; }
  .xl-offset-10 {
    margin-left: 83.33333%; }
  .xl-12 {
    width: 100%; }
  .xl-offset-11 {
    margin-left: 91.66667%; }
  .xl-up-1 > .column, .xl-up-1 > .columns {
    width: 100%;
    float: left; }
    .xl-up-1 > .column:nth-of-type(1n), .xl-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-1 > .column:nth-of-type(1n+1), .xl-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .xl-up-1 > .column:last-child, .xl-up-1 > .columns:last-child {
      float: left; }
  .xl-up-2 > .column, .xl-up-2 > .columns {
    width: 50%;
    float: left; }
    .xl-up-2 > .column:nth-of-type(1n), .xl-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-2 > .column:nth-of-type(2n+1), .xl-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .xl-up-2 > .column:last-child, .xl-up-2 > .columns:last-child {
      float: left; }
  .xl-up-3 > .column, .xl-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .xl-up-3 > .column:nth-of-type(1n), .xl-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-3 > .column:nth-of-type(3n+1), .xl-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .xl-up-3 > .column:last-child, .xl-up-3 > .columns:last-child {
      float: left; }
  .xl-up-4 > .column, .xl-up-4 > .columns {
    width: 25%;
    float: left; }
    .xl-up-4 > .column:nth-of-type(1n), .xl-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-4 > .column:nth-of-type(4n+1), .xl-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .xl-up-4 > .column:last-child, .xl-up-4 > .columns:last-child {
      float: left; }
  .xl-up-5 > .column, .xl-up-5 > .columns {
    width: 20%;
    float: left; }
    .xl-up-5 > .column:nth-of-type(1n), .xl-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-5 > .column:nth-of-type(5n+1), .xl-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .xl-up-5 > .column:last-child, .xl-up-5 > .columns:last-child {
      float: left; }
  .xl-up-6 > .column, .xl-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .xl-up-6 > .column:nth-of-type(1n), .xl-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-6 > .column:nth-of-type(6n+1), .xl-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .xl-up-6 > .column:last-child, .xl-up-6 > .columns:last-child {
      float: left; }
  .xl-up-7 > .column, .xl-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .xl-up-7 > .column:nth-of-type(1n), .xl-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-7 > .column:nth-of-type(7n+1), .xl-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .xl-up-7 > .column:last-child, .xl-up-7 > .columns:last-child {
      float: left; }
  .xl-up-8 > .column, .xl-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .xl-up-8 > .column:nth-of-type(1n), .xl-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-8 > .column:nth-of-type(8n+1), .xl-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .xl-up-8 > .column:last-child, .xl-up-8 > .columns:last-child {
      float: left; }
  .xl-up-9 > .column, .xl-up-9 > .columns {
    width: 11.11111%;
    float: left; }
    .xl-up-9 > .column:nth-of-type(1n), .xl-up-9 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-9 > .column:nth-of-type(9n+1), .xl-up-9 > .columns:nth-of-type(9n+1) {
      clear: both; }
    .xl-up-9 > .column:last-child, .xl-up-9 > .columns:last-child {
      float: left; }
  .xl-up-10 > .column, .xl-up-10 > .columns {
    width: 10%;
    float: left; }
    .xl-up-10 > .column:nth-of-type(1n), .xl-up-10 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-10 > .column:nth-of-type(10n+1), .xl-up-10 > .columns:nth-of-type(10n+1) {
      clear: both; }
    .xl-up-10 > .column:last-child, .xl-up-10 > .columns:last-child {
      float: left; }
  .xl-up-11 > .column, .xl-up-11 > .columns {
    width: 9.09091%;
    float: left; }
    .xl-up-11 > .column:nth-of-type(1n), .xl-up-11 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-11 > .column:nth-of-type(11n+1), .xl-up-11 > .columns:nth-of-type(11n+1) {
      clear: both; }
    .xl-up-11 > .column:last-child, .xl-up-11 > .columns:last-child {
      float: left; }
  .xl-up-12 > .column, .xl-up-12 > .columns {
    width: 8.33333%;
    float: left; }
    .xl-up-12 > .column:nth-of-type(1n), .xl-up-12 > .columns:nth-of-type(1n) {
      clear: none; }
    .xl-up-12 > .column:nth-of-type(12n+1), .xl-up-12 > .columns:nth-of-type(12n+1) {
      clear: both; }
    .xl-up-12 > .column:last-child, .xl-up-12 > .columns:last-child {
      float: left; }
  .xl-collapse > .column, .xl-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xl-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .xl-uncollapse > .column, .xl-uncollapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xl-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .xl-uncentered,
  .xl-push-0,
  .xl-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

@media screen and (min-width: 100em) {
  .xxl-1 {
    width: 8.33333%; }
  .xxl-push-1 {
    position: relative;
    left: 8.33333%; }
  .xxl-pull-1 {
    position: relative;
    left: -8.33333%; }
  .xxl-offset-0 {
    margin-left: 0%; }
  .xxl-2 {
    width: 16.66667%; }
  .xxl-push-2 {
    position: relative;
    left: 16.66667%; }
  .xxl-pull-2 {
    position: relative;
    left: -16.66667%; }
  .xxl-offset-1 {
    margin-left: 8.33333%; }
  .xxl-3 {
    width: 25%; }
  .xxl-push-3 {
    position: relative;
    left: 25%; }
  .xxl-pull-3 {
    position: relative;
    left: -25%; }
  .xxl-offset-2 {
    margin-left: 16.66667%; }
  .xxl-4 {
    width: 33.33333%; }
  .xxl-push-4 {
    position: relative;
    left: 33.33333%; }
  .xxl-pull-4 {
    position: relative;
    left: -33.33333%; }
  .xxl-offset-3 {
    margin-left: 25%; }
  .xxl-5 {
    width: 41.66667%; }
  .xxl-push-5 {
    position: relative;
    left: 41.66667%; }
  .xxl-pull-5 {
    position: relative;
    left: -41.66667%; }
  .xxl-offset-4 {
    margin-left: 33.33333%; }
  .xxl-6 {
    width: 50%; }
  .xxl-push-6 {
    position: relative;
    left: 50%; }
  .xxl-pull-6 {
    position: relative;
    left: -50%; }
  .xxl-offset-5 {
    margin-left: 41.66667%; }
  .xxl-7 {
    width: 58.33333%; }
  .xxl-push-7 {
    position: relative;
    left: 58.33333%; }
  .xxl-pull-7 {
    position: relative;
    left: -58.33333%; }
  .xxl-offset-6 {
    margin-left: 50%; }
  .xxl-8 {
    width: 66.66667%; }
  .xxl-push-8 {
    position: relative;
    left: 66.66667%; }
  .xxl-pull-8 {
    position: relative;
    left: -66.66667%; }
  .xxl-offset-7 {
    margin-left: 58.33333%; }
  .xxl-9 {
    width: 75%; }
  .xxl-push-9 {
    position: relative;
    left: 75%; }
  .xxl-pull-9 {
    position: relative;
    left: -75%; }
  .xxl-offset-8 {
    margin-left: 66.66667%; }
  .xxl-10 {
    width: 83.33333%; }
  .xxl-push-10 {
    position: relative;
    left: 83.33333%; }
  .xxl-pull-10 {
    position: relative;
    left: -83.33333%; }
  .xxl-offset-9 {
    margin-left: 75%; }
  .xxl-11 {
    width: 91.66667%; }
  .xxl-push-11 {
    position: relative;
    left: 91.66667%; }
  .xxl-pull-11 {
    position: relative;
    left: -91.66667%; }
  .xxl-offset-10 {
    margin-left: 83.33333%; }
  .xxl-12 {
    width: 100%; }
  .xxl-offset-11 {
    margin-left: 91.66667%; }
  .xxl-up-1 > .column, .xxl-up-1 > .columns {
    width: 100%;
    float: left; }
    .xxl-up-1 > .column:nth-of-type(1n), .xxl-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-1 > .column:nth-of-type(1n+1), .xxl-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .xxl-up-1 > .column:last-child, .xxl-up-1 > .columns:last-child {
      float: left; }
  .xxl-up-2 > .column, .xxl-up-2 > .columns {
    width: 50%;
    float: left; }
    .xxl-up-2 > .column:nth-of-type(1n), .xxl-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-2 > .column:nth-of-type(2n+1), .xxl-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .xxl-up-2 > .column:last-child, .xxl-up-2 > .columns:last-child {
      float: left; }
  .xxl-up-3 > .column, .xxl-up-3 > .columns {
    width: 33.33333%;
    float: left; }
    .xxl-up-3 > .column:nth-of-type(1n), .xxl-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-3 > .column:nth-of-type(3n+1), .xxl-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .xxl-up-3 > .column:last-child, .xxl-up-3 > .columns:last-child {
      float: left; }
  .xxl-up-4 > .column, .xxl-up-4 > .columns {
    width: 25%;
    float: left; }
    .xxl-up-4 > .column:nth-of-type(1n), .xxl-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-4 > .column:nth-of-type(4n+1), .xxl-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .xxl-up-4 > .column:last-child, .xxl-up-4 > .columns:last-child {
      float: left; }
  .xxl-up-5 > .column, .xxl-up-5 > .columns {
    width: 20%;
    float: left; }
    .xxl-up-5 > .column:nth-of-type(1n), .xxl-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-5 > .column:nth-of-type(5n+1), .xxl-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .xxl-up-5 > .column:last-child, .xxl-up-5 > .columns:last-child {
      float: left; }
  .xxl-up-6 > .column, .xxl-up-6 > .columns {
    width: 16.66667%;
    float: left; }
    .xxl-up-6 > .column:nth-of-type(1n), .xxl-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-6 > .column:nth-of-type(6n+1), .xxl-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .xxl-up-6 > .column:last-child, .xxl-up-6 > .columns:last-child {
      float: left; }
  .xxl-up-7 > .column, .xxl-up-7 > .columns {
    width: 14.28571%;
    float: left; }
    .xxl-up-7 > .column:nth-of-type(1n), .xxl-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-7 > .column:nth-of-type(7n+1), .xxl-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .xxl-up-7 > .column:last-child, .xxl-up-7 > .columns:last-child {
      float: left; }
  .xxl-up-8 > .column, .xxl-up-8 > .columns {
    width: 12.5%;
    float: left; }
    .xxl-up-8 > .column:nth-of-type(1n), .xxl-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-8 > .column:nth-of-type(8n+1), .xxl-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .xxl-up-8 > .column:last-child, .xxl-up-8 > .columns:last-child {
      float: left; }
  .xxl-up-9 > .column, .xxl-up-9 > .columns {
    width: 11.11111%;
    float: left; }
    .xxl-up-9 > .column:nth-of-type(1n), .xxl-up-9 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-9 > .column:nth-of-type(9n+1), .xxl-up-9 > .columns:nth-of-type(9n+1) {
      clear: both; }
    .xxl-up-9 > .column:last-child, .xxl-up-9 > .columns:last-child {
      float: left; }
  .xxl-up-10 > .column, .xxl-up-10 > .columns {
    width: 10%;
    float: left; }
    .xxl-up-10 > .column:nth-of-type(1n), .xxl-up-10 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-10 > .column:nth-of-type(10n+1), .xxl-up-10 > .columns:nth-of-type(10n+1) {
      clear: both; }
    .xxl-up-10 > .column:last-child, .xxl-up-10 > .columns:last-child {
      float: left; }
  .xxl-up-11 > .column, .xxl-up-11 > .columns {
    width: 9.09091%;
    float: left; }
    .xxl-up-11 > .column:nth-of-type(1n), .xxl-up-11 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-11 > .column:nth-of-type(11n+1), .xxl-up-11 > .columns:nth-of-type(11n+1) {
      clear: both; }
    .xxl-up-11 > .column:last-child, .xxl-up-11 > .columns:last-child {
      float: left; }
  .xxl-up-12 > .column, .xxl-up-12 > .columns {
    width: 8.33333%;
    float: left; }
    .xxl-up-12 > .column:nth-of-type(1n), .xxl-up-12 > .columns:nth-of-type(1n) {
      clear: none; }
    .xxl-up-12 > .column:nth-of-type(12n+1), .xxl-up-12 > .columns:nth-of-type(12n+1) {
      clear: both; }
    .xxl-up-12 > .column:last-child, .xxl-up-12 > .columns:last-child {
      float: left; }
  .xxl-collapse > .column, .xxl-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xxl-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .xxl-uncollapse > .column, .xxl-uncollapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xxl-centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .xxl-uncentered,
  .xxl-push-0,
  .xxl-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left; } }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: -0.0625em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 0em) {
  .show-for-small-only {
    display: none !important; } }

.hide-for-xs {
  display: none !important; }

.show-for-xs {
  display: none !important; }

@media screen and (max-width: 24.9375em) {
  .hide-for-xs-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 25em) {
  .show-for-xs-only {
    display: none !important; } }

@media screen and (min-width: 25em) {
  .hide-for-sm {
    display: none !important; } }

@media screen and (max-width: 24.9375em) {
  .show-for-sm {
    display: none !important; } }

@media screen and (min-width: 25em) and (max-width: 47.9375em) {
  .hide-for-sm-only {
    display: none !important; } }

@media screen and (max-width: 24.9375em), screen and (min-width: 48em) {
  .show-for-sm-only {
    display: none !important; } }

@media screen and (min-width: 48em) {
  .hide-for-md {
    display: none !important; } }

@media screen and (max-width: 47.9375em) {
  .show-for-md {
    display: none !important; } }

@media screen and (min-width: 48em) and (max-width: 61.9375em) {
  .hide-for-md-only {
    display: none !important; } }

@media screen and (max-width: 47.9375em), screen and (min-width: 62em) {
  .show-for-md-only {
    display: none !important; } }

@media screen and (min-width: 62em) {
  .hide-for-lg {
    display: none !important; } }

@media screen and (max-width: 61.9375em) {
  .show-for-lg {
    display: none !important; } }

@media screen and (min-width: 62em) and (max-width: 79.9375em) {
  .hide-for-lg-only {
    display: none !important; } }

@media screen and (max-width: 61.9375em), screen and (min-width: 80em) {
  .show-for-lg-only {
    display: none !important; } }

@media screen and (min-width: 80em) {
  .hide-for-xl {
    display: none !important; } }

@media screen and (max-width: 79.9375em) {
  .show-for-xl {
    display: none !important; } }

@media screen and (min-width: 80em) and (max-width: 99.9375em) {
  .hide-for-xl-only {
    display: none !important; } }

@media screen and (max-width: 79.9375em), screen and (min-width: 100em) {
  .show-for-xl-only {
    display: none !important; } }

@media screen and (min-width: 100em) {
  .hide-for-xxl {
    display: none !important; } }

@media screen and (max-width: 99.9375em) {
  .show-for-xxl {
    display: none !important; } }

@media screen and (min-width: 100em) {
  .hide-for-xxl-only {
    display: none !important; } }

@media screen and (max-width: 99.9375em) {
  .show-for-xxl-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

/***************************************************
Flag Module
An alternative to the media object that supports vertical alignment
http://csswizardry.com/2013/05/the-flag-object/
***************************************************/
.flag {
  display: table;
  width: 100%; }

.flag-body {
  width: 100%; }

.flag-body, .flag-figure {
  display: table-cell;
  vertical-align: middle; }

.flag-figure {
  padding-right: 16px; }

.flag-figure.m-reverse {
  padding-right: 0;
  padding-left: 16px; }

.flag-figure > *:first-child {
  display: block;
  max-width: none; }

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /* row | row-reverse | column | column-reverse */
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* nowrap | wrap | wrap-reverse */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* flex-start | flex-end | center | space-between | space-around */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* flex-start | flex-end | center | baseline | stretch */
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  /* flex-start | flex-end | center | space-between | space-around | stretch */ }

[class*=flex-container].m-center-items {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

[class*=flex-container].m-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

[class*=flex-container].m-bottom-items {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.flex-item {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  /* <integer> */
  -ms-flex-negative: 1;
      flex-shrink: 1;
  /* <integer> */
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  /* <length> | auto */
  -ms-flex-item-align: auto;
      align-self: auto;
  /* auto | flex-start | flex-end | center | baseline | stretch */
  /*order: <integer> */ }

[class*=flex-item].m-grow, [class*=flex-item].m-stretch {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .flex-container\@xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@xs {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .flex-container\@sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@sm {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 400px) {
  .flex-container\@sm-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@sm-min {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .flex-container\@md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@md {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 768px) {
  .flex-container\@md-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@md-min {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .flex-container\@lg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@lg {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 992px) {
  .flex-container\@lg-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@lg-min {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .flex-container\@xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@xl {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 1280px) {
  .flex-container\@xl-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@xl-min {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .flex-container\@xxl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@xxl {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 1600px) {
  .flex-container\@xxl-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@xxl-min {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .flex-container\@xxxl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@xxxl {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

@media only screen and (min-width: 2560px) {
  .flex-container\@xxxl-min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /* row | row-reverse | column | column-reverse */
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    /* flex-start | flex-end | center | space-between | space-around | stretch */ }
  .flex-item\@xxxl-min {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    /* <integer> */
    -ms-flex-negative: 1;
        flex-shrink: 1;
    /* <integer> */
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    /* <length> | auto */
    -ms-flex-item-align: auto;
        align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
    /*order: <integer> */ } }

.u-flex-direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.u-flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.u-justify-content-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.u-justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.u-justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.u-justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.u-justify-content-around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.u-align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.u-align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.u-align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.u-align-items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.u-align-items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.u-align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.u-align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.u-align-self-center {
  -ms-flex-item-align: center;
      align-self: center; }

.u-align-self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline; }

.u-align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.u-flex-column-width-1, .u-flex-basis-1 {
  -ms-flex-preferred-size: 8.33333%;
      flex-basis: 8.33333%; }

.u-flex-column-width-2, .u-flex-basis-2 {
  -ms-flex-preferred-size: 16.66667%;
      flex-basis: 16.66667%; }

.u-flex-column-width-3, .u-flex-basis-3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%; }

.u-flex-column-width-4, .u-flex-basis-4 {
  -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%; }

.u-flex-column-width-5, .u-flex-basis-5 {
  -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%; }

.u-flex-column-width-6, .u-flex-basis-6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }

.u-flex-column-width-7, .u-flex-basis-7 {
  -ms-flex-preferred-size: 58.33333%;
      flex-basis: 58.33333%; }

.u-flex-column-width-8, .u-flex-basis-8 {
  -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%; }

.u-flex-column-width-9, .u-flex-basis-9 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%; }

.u-flex-column-width-10, .u-flex-basis-10 {
  -ms-flex-preferred-size: 83.33333%;
      flex-basis: 83.33333%; }

.u-flex-column-width-11, .u-flex-basis-11 {
  -ms-flex-preferred-size: 91.66667%;
      flex-basis: 91.66667%; }

.u-flex-column-width-12, .u-flex-basis-12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .u-flex-column-width-1\@xs, .u-flex-basis-1\@xs {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@xs, .u-flex-basis-2\@xs {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@xs, .u-flex-basis-3\@xs {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@xs, .u-flex-basis-4\@xs {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@xs, .u-flex-basis-5\@xs {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@xs, .u-flex-basis-6\@xs {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@xs, .u-flex-basis-7\@xs {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@xs, .u-flex-basis-8\@xs {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@xs, .u-flex-basis-9\@xs {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@xs, .u-flex-basis-10\@xs {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@xs, .u-flex-basis-11\@xs {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@xs, .u-flex-basis-12\@xs {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@xs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@xs {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@xs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@xs {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@xs {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@xs {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@xs {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@xs {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@xs {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@xs {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@xs {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@xs {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@xs {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@xs {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@xs {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .u-flex-column-width-1\@sm, .u-flex-basis-1\@sm {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@sm, .u-flex-basis-2\@sm {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@sm, .u-flex-basis-3\@sm {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@sm, .u-flex-basis-4\@sm {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@sm, .u-flex-basis-5\@sm {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@sm, .u-flex-basis-6\@sm {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@sm, .u-flex-basis-7\@sm {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@sm, .u-flex-basis-8\@sm {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@sm, .u-flex-basis-9\@sm {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@sm, .u-flex-basis-10\@sm {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@sm, .u-flex-basis-11\@sm {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@sm, .u-flex-basis-12\@sm {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@sm {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@sm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@sm {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@sm {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@sm {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@sm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@sm {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@sm {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@sm {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@sm {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@sm {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@sm {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@sm {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 400px) {
  .u-flex-column-width-1\@sm-min, .u-flex-basis-1\@sm-min {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@sm-min, .u-flex-basis-2\@sm-min {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@sm-min, .u-flex-basis-3\@sm-min {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@sm-min, .u-flex-basis-4\@sm-min {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@sm-min, .u-flex-basis-5\@sm-min {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@sm-min, .u-flex-basis-6\@sm-min {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@sm-min, .u-flex-basis-7\@sm-min {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@sm-min, .u-flex-basis-8\@sm-min {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@sm-min, .u-flex-basis-9\@sm-min {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@sm-min, .u-flex-basis-10\@sm-min {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@sm-min, .u-flex-basis-11\@sm-min {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@sm-min, .u-flex-basis-12\@sm-min {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@sm-min {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@sm-min {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@sm-min {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@sm-min {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@sm-min {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@sm-min {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@sm-min {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@sm-min {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@sm-min {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@sm-min {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@sm-min {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@sm-min {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@sm-min {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@sm-min {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@sm-min {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@sm-min {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@sm-min {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .u-flex-column-width-1\@md, .u-flex-basis-1\@md {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@md, .u-flex-basis-2\@md {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@md, .u-flex-basis-3\@md {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@md, .u-flex-basis-4\@md {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@md, .u-flex-basis-5\@md {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@md, .u-flex-basis-6\@md {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@md, .u-flex-basis-7\@md {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@md, .u-flex-basis-8\@md {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@md, .u-flex-basis-9\@md {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@md, .u-flex-basis-10\@md {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@md, .u-flex-basis-11\@md {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@md, .u-flex-basis-12\@md {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@md {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@md {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@md {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@md {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@md {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@md {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@md {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@md {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@md {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@md {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@md {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 768px) {
  .u-flex-column-width-1\@md-min, .u-flex-basis-1\@md-min {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@md-min, .u-flex-basis-2\@md-min {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@md-min, .u-flex-basis-3\@md-min {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@md-min, .u-flex-basis-4\@md-min {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@md-min, .u-flex-basis-5\@md-min {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@md-min, .u-flex-basis-6\@md-min {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@md-min, .u-flex-basis-7\@md-min {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@md-min, .u-flex-basis-8\@md-min {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@md-min, .u-flex-basis-9\@md-min {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@md-min, .u-flex-basis-10\@md-min {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@md-min, .u-flex-basis-11\@md-min {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@md-min, .u-flex-basis-12\@md-min {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@md-min {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@md-min {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@md-min {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@md-min {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@md-min {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@md-min {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@md-min {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@md-min {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@md-min {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@md-min {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@md-min {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@md-min {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@md-min {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@md-min {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@md-min {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@md-min {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@md-min {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .u-flex-column-width-1\@lg, .u-flex-basis-1\@lg {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@lg, .u-flex-basis-2\@lg {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@lg, .u-flex-basis-3\@lg {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@lg, .u-flex-basis-4\@lg {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@lg, .u-flex-basis-5\@lg {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@lg, .u-flex-basis-6\@lg {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@lg, .u-flex-basis-7\@lg {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@lg, .u-flex-basis-8\@lg {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@lg, .u-flex-basis-9\@lg {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@lg, .u-flex-basis-10\@lg {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@lg, .u-flex-basis-11\@lg {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@lg, .u-flex-basis-12\@lg {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@lg {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@lg {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@lg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@lg {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@lg {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@lg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@lg {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@lg {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@lg {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@lg {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@lg {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@lg {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@lg {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@lg {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@lg {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 992px) {
  .u-flex-column-width-1\@lg-min, .u-flex-basis-1\@lg-min {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@lg-min, .u-flex-basis-2\@lg-min {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@lg-min, .u-flex-basis-3\@lg-min {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@lg-min, .u-flex-basis-4\@lg-min {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@lg-min, .u-flex-basis-5\@lg-min {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@lg-min, .u-flex-basis-6\@lg-min {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@lg-min, .u-flex-basis-7\@lg-min {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@lg-min, .u-flex-basis-8\@lg-min {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@lg-min, .u-flex-basis-9\@lg-min {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@lg-min, .u-flex-basis-10\@lg-min {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@lg-min, .u-flex-basis-11\@lg-min {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@lg-min, .u-flex-basis-12\@lg-min {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@lg-min {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@lg-min {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@lg-min {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@lg-min {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@lg-min {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@lg-min {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@lg-min {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@lg-min {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@lg-min {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@lg-min {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@lg-min {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@lg-min {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@lg-min {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@lg-min {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@lg-min {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@lg-min {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@lg-min {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .u-flex-column-width-1\@xl, .u-flex-basis-1\@xl {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@xl, .u-flex-basis-2\@xl {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@xl, .u-flex-basis-3\@xl {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@xl, .u-flex-basis-4\@xl {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@xl, .u-flex-basis-5\@xl {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@xl, .u-flex-basis-6\@xl {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@xl, .u-flex-basis-7\@xl {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@xl, .u-flex-basis-8\@xl {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@xl, .u-flex-basis-9\@xl {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@xl, .u-flex-basis-10\@xl {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@xl, .u-flex-basis-11\@xl {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@xl, .u-flex-basis-12\@xl {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@xl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@xl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@xl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@xl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@xl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@xl {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@xl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@xl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@xl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@xl {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@xl {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@xl {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@xl {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@xl {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@xl {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@xl {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 1280px) {
  .u-flex-column-width-1\@xl-min, .u-flex-basis-1\@xl-min {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@xl-min, .u-flex-basis-2\@xl-min {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@xl-min, .u-flex-basis-3\@xl-min {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@xl-min, .u-flex-basis-4\@xl-min {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@xl-min, .u-flex-basis-5\@xl-min {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@xl-min, .u-flex-basis-6\@xl-min {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@xl-min, .u-flex-basis-7\@xl-min {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@xl-min, .u-flex-basis-8\@xl-min {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@xl-min, .u-flex-basis-9\@xl-min {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@xl-min, .u-flex-basis-10\@xl-min {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@xl-min, .u-flex-basis-11\@xl-min {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@xl-min, .u-flex-basis-12\@xl-min {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@xl-min {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@xl-min {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@xl-min {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@xl-min {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@xl-min {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@xl-min {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@xl-min {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@xl-min {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@xl-min {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@xl-min {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@xl-min {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@xl-min {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@xl-min {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@xl-min {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@xl-min {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@xl-min {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@xl-min {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .u-flex-column-width-1\@xxl, .u-flex-basis-1\@xxl {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@xxl, .u-flex-basis-2\@xxl {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@xxl, .u-flex-basis-3\@xxl {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@xxl, .u-flex-basis-4\@xxl {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@xxl, .u-flex-basis-5\@xxl {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@xxl, .u-flex-basis-6\@xxl {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@xxl, .u-flex-basis-7\@xxl {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@xxl, .u-flex-basis-8\@xxl {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@xxl, .u-flex-basis-9\@xxl {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@xxl, .u-flex-basis-10\@xxl {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@xxl, .u-flex-basis-11\@xxl {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@xxl, .u-flex-basis-12\@xxl {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@xxl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@xxl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@xxl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@xxl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@xxl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@xxl {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@xxl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@xxl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@xxl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@xxl {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@xxl {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@xxl {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@xxl {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@xxl {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@xxl {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@xxl {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 1600px) {
  .u-flex-column-width-1\@xxl-min, .u-flex-basis-1\@xxl-min {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@xxl-min, .u-flex-basis-2\@xxl-min {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@xxl-min, .u-flex-basis-3\@xxl-min {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@xxl-min, .u-flex-basis-4\@xxl-min {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@xxl-min, .u-flex-basis-5\@xxl-min {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@xxl-min, .u-flex-basis-6\@xxl-min {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@xxl-min, .u-flex-basis-7\@xxl-min {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@xxl-min, .u-flex-basis-8\@xxl-min {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@xxl-min, .u-flex-basis-9\@xxl-min {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@xxl-min, .u-flex-basis-10\@xxl-min {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@xxl-min, .u-flex-basis-11\@xxl-min {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@xxl-min, .u-flex-basis-12\@xxl-min {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@xxl-min {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@xxl-min {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@xxl-min {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@xxl-min {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@xxl-min {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@xxl-min {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@xxl-min {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@xxl-min {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@xxl-min {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@xxl-min {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@xxl-min {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@xxl-min {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@xxl-min {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@xxl-min {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@xxl-min {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@xxl-min {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@xxl-min {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .u-flex-column-width-1\@xxxl, .u-flex-basis-1\@xxxl {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@xxxl, .u-flex-basis-2\@xxxl {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@xxxl, .u-flex-basis-3\@xxxl {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@xxxl, .u-flex-basis-4\@xxxl {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@xxxl, .u-flex-basis-5\@xxxl {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@xxxl, .u-flex-basis-6\@xxxl {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@xxxl, .u-flex-basis-7\@xxxl {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@xxxl, .u-flex-basis-8\@xxxl {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@xxxl, .u-flex-basis-9\@xxxl {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@xxxl, .u-flex-basis-10\@xxxl {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@xxxl, .u-flex-basis-11\@xxxl {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@xxxl, .u-flex-basis-12\@xxxl {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@xxxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@xxxl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@xxxl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@xxxl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@xxxl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@xxxl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@xxxl {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@xxxl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@xxxl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@xxxl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@xxxl {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@xxxl {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@xxxl {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@xxxl {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@xxxl {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@xxxl {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@xxxl {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

@media only screen and (min-width: 2560px) {
  .u-flex-column-width-1\@xxxl-min, .u-flex-basis-1\@xxxl-min {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%; }
  .u-flex-column-width-2\@xxxl-min, .u-flex-basis-2\@xxxl-min {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%; }
  .u-flex-column-width-3\@xxxl-min, .u-flex-basis-3\@xxxl-min {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .u-flex-column-width-4\@xxxl-min, .u-flex-basis-4\@xxxl-min {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%; }
  .u-flex-column-width-5\@xxxl-min, .u-flex-basis-5\@xxxl-min {
    -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%; }
  .u-flex-column-width-6\@xxxl-min, .u-flex-basis-6\@xxxl-min {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }
  .u-flex-column-width-7\@xxxl-min, .u-flex-basis-7\@xxxl-min {
    -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%; }
  .u-flex-column-width-8\@xxxl-min, .u-flex-basis-8\@xxxl-min {
    -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%; }
  .u-flex-column-width-9\@xxxl-min, .u-flex-basis-9\@xxxl-min {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%; }
  .u-flex-column-width-10\@xxxl-min, .u-flex-basis-10\@xxxl-min {
    -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%; }
  .u-flex-column-width-11\@xxxl-min, .u-flex-basis-11\@xxxl-min {
    -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%; }
  .u-flex-column-width-12\@xxxl-min, .u-flex-basis-12\@xxxl-min {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .u-flex-direction-row\@xxxl-min {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-flex-direction-column\@xxxl-min {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-justify-content-start\@xxxl-min {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end\@xxxl-min {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-center\@xxxl-min {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-between\@xxxl-min {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around\@xxxl-min {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-align-items-start\@xxxl-min {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-align-items-end\@xxxl-min {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-center\@xxxl-min {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-baseline\@xxxl-min {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .u-align-items-stretch\@xxxl-min {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .u-align-self-start\@xxxl-min {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-end\@xxxl-min {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-center\@xxxl-min {
    -ms-flex-item-align: center;
        align-self: center; }
  .u-align-self-baseline\@xxxl-min {
    -ms-flex-item-align: baseline;
        align-self: baseline; }
  .u-align-self-stretch\@xxxl-min {
    -ms-flex-item-align: stretch;
        align-self: stretch; } }

.gutters {
  margin: -5px; }

.gutters-el {
  margin: 5px; }

/***************************************************
				Media Module
 A module for creating a block formatting context for a fluid width container next to a fixed width container.
 https://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
***************************************************/
.media {
  display: block;
  overflow: auto; }

.media-graphic {
  float: left;
  margin-right: 16px; }

.media-graphic.m-flipped {
  float: right;
  margin-right: 0;
  margin-left: 16px; }

.media-content {
  overflow: auto;
  /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .media\@xs {
    display: block;
    overflow: auto; }
  .media-graphic\@xs {
    float: left;
    margin-right: 16px; }
  .media-graphic\@xs.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@xs {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .media\@sm {
    display: block;
    overflow: auto; }
  .media-graphic\@sm {
    float: left;
    margin-right: 16px; }
  .media-graphic\@sm.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@sm {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 400px) {
  .media\@sm-min {
    display: block;
    overflow: auto; }
  .media-graphic\@sm-min {
    float: left;
    margin-right: 16px; }
  .media-graphic\@sm-min.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@sm-min {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .media\@md {
    display: block;
    overflow: auto; }
  .media-graphic\@md {
    float: left;
    margin-right: 16px; }
  .media-graphic\@md.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@md {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 768px) {
  .media\@md-min {
    display: block;
    overflow: auto; }
  .media-graphic\@md-min {
    float: left;
    margin-right: 16px; }
  .media-graphic\@md-min.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@md-min {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .media\@lg {
    display: block;
    overflow: auto; }
  .media-graphic\@lg {
    float: left;
    margin-right: 16px; }
  .media-graphic\@lg.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@lg {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 992px) {
  .media\@lg-min {
    display: block;
    overflow: auto; }
  .media-graphic\@lg-min {
    float: left;
    margin-right: 16px; }
  .media-graphic\@lg-min.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@lg-min {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .media\@xl {
    display: block;
    overflow: auto; }
  .media-graphic\@xl {
    float: left;
    margin-right: 16px; }
  .media-graphic\@xl.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@xl {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 1280px) {
  .media\@xl-min {
    display: block;
    overflow: auto; }
  .media-graphic\@xl-min {
    float: left;
    margin-right: 16px; }
  .media-graphic\@xl-min.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@xl-min {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .media\@xxl {
    display: block;
    overflow: auto; }
  .media-graphic\@xxl {
    float: left;
    margin-right: 16px; }
  .media-graphic\@xxl.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@xxl {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 1600px) {
  .media\@xxl-min {
    display: block;
    overflow: auto; }
  .media-graphic\@xxl-min {
    float: left;
    margin-right: 16px; }
  .media-graphic\@xxl-min.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@xxl-min {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .media\@xxxl {
    display: block;
    overflow: auto; }
  .media-graphic\@xxxl {
    float: left;
    margin-right: 16px; }
  .media-graphic\@xxxl.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@xxxl {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

@media only screen and (min-width: 2560px) {
  .media\@xxxl-min {
    display: block;
    overflow: auto; }
  .media-graphic\@xxxl-min {
    float: left;
    margin-right: 16px; }
  .media-graphic\@xxxl-min.m-flipped {
    float: right;
    margin-right: 0;
    margin-left: 16px; }
  .media-content\@xxxl-min {
    overflow: auto;
    /*https://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/*/ } }

.badge {
  line-height: 1;
  padding: 3px 5px;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.65);
          box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.65);
  /* Border Styles */
  border: 2px solid #e79b2a;
  border-radius: 3px;
  /* Text & Color */
  background-color: rgba(0, 0, 0, 0.65);
  color: #ffe30b;
  font-size: 1.28rem;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  text-transform: uppercase; }

.blackout {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 98;
  cursor: pointer;
  visibility: hidden;
  -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  pointer-events: none; }
  .blackout.open {
    visibility: visible;
    opacity: 1;
    pointer-events: all; }

button, .button, .btn {
  display: inline-block;
  vertical-align: middle;
  padding: 6px 1em;
  border: none;
  border-radius: 2px;
  border-width: 3px;
  border-style: solid;
  border-color: transparent;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.025em;
  text-shadow: none;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  background-color: #ff9c00;
  color: #fefefe; }
  button:visited, button:link, .button:visited, .button:link, .btn:visited, .btn:link {
    color: #fefefe; }
  button:hover, .button:hover, .btn:hover {
    border-color: #ffb033;
    background-color: #ffb033;
    color: #fefefe; }
  button:focus, button:active, button.is-active, .button:focus, .button:active, .button.is-active, .btn:focus, .btn:active, .btn.is-active {
    color: #333333; }
  button.m-blue, button.m-blue-filled, .button.m-blue, .button.m-blue-filled, .btn.m-blue, .btn.m-blue-filled {
    border-color: transparent;
    background-color: #00a5e2;
    color: white; }
    button.m-blue:hover, button.m-blue-filled:hover, .button.m-blue:hover, .button.m-blue-filled:hover, .btn.m-blue:hover, .btn.m-blue-filled:hover {
      background-color: #0cbdff; }
    button.m-blue:focus, button.m-blue:active, button.m-blue.is-active, button.m-blue-filled:focus, button.m-blue-filled:active, button.m-blue-filled.is-active, .button.m-blue:focus, .button.m-blue:active, .button.m-blue.is-active, .button.m-blue-filled:focus, .button.m-blue-filled:active, .button.m-blue-filled.is-active, .btn.m-blue:focus, .btn.m-blue:active, .btn.m-blue.is-active, .btn.m-blue-filled:focus, .btn.m-blue-filled:active, .btn.m-blue-filled.is-active {
      color: #333333; }
  button.m-blue-outline, .button.m-blue-outline, .btn.m-blue-outline {
    color: #333333;
    border-color: #00a5e2;
    background-color: transparent; }
    button.m-blue-outline:hover, button.m-blue-outline:focus, button.m-blue-outline:active, button.m-blue-outline.is-active, .button.m-blue-outline:hover, .button.m-blue-outline:focus, .button.m-blue-outline:active, .button.m-blue-outline.is-active, .btn.m-blue-outline:hover, .btn.m-blue-outline:focus, .btn.m-blue-outline:active, .btn.m-blue-outline.is-active {
      background-color: #00a5e2;
      color: white; }
  button.m-white, .button.m-white, .btn.m-white {
    color: white;
    border-color: transparent;
    background-color: white;
    color: #333333; }
    button.m-white:hover, button.m-white:focus, button.m-white:active, button.m-white.is-active, .button.m-white:hover, .button.m-white:focus, .button.m-white:active, .button.m-white.is-active, .btn.m-white:hover, .btn.m-white:focus, .btn.m-white:active, .btn.m-white.is-active {
      border-color: white;
      background-color: transparent;
      color: white; }
  button.m-white-outline, .button.m-white-outline, .btn.m-white-outline {
    color: white;
    border-color: white;
    background-color: transparent; }
    button.m-white-outline:hover, .button.m-white-outline:hover, .btn.m-white-outline:hover {
      background-color: white;
      color: #333333; }
    button.m-white-outline:focus, button.m-white-outline:active, button.m-white-outline.is-active, .button.m-white-outline:focus, .button.m-white-outline:active, .button.m-white-outline.is-active, .btn.m-white-outline:focus, .btn.m-white-outline:active, .btn.m-white-outline.is-active {
      background-color: white;
      color: #333333; }
  button.m-black, .button.m-black, .btn.m-black {
    border-color: transparent;
    background-color: #333333;
    color: #fefefe; }
    button.m-black:visited, button.m-black:link, .button.m-black:visited, .button.m-black:link, .btn.m-black:visited, .btn.m-black:link {
      color: #fefefe; }
    button.m-black:hover, button.m-black:focus, button.m-black:active, button.m-black.is-active, .button.m-black:hover, .button.m-black:focus, .button.m-black:active, .button.m-black.is-active, .btn.m-black:hover, .btn.m-black:focus, .btn.m-black:active, .btn.m-black.is-active {
      border-color: #4d4d4d;
      background-color: #4d4d4d;
      color: #fefefe; }
  button.m-black-outline, .button.m-black-outline, .btn.m-black-outline {
    color: #333333;
    border-color: #333333;
    background-color: transparent; }
    button.m-black-outline:hover, .button.m-black-outline:hover, .btn.m-black-outline:hover {
      background-color: #333333;
      color: white; }
    button.m-black-outline:focus, button.m-black-outline:active, button.m-black-outline.is-active, .button.m-black-outline:focus, .button.m-black-outline:active, .button.m-black-outline.is-active, .btn.m-black-outline:focus, .btn.m-black-outline:active, .btn.m-black-outline.is-active {
      background-color: #333333;
      color: white; }
  button.m-sm, .button.m-sm, .btn.m-sm {
    font-size: 1.28rem;
    border-width: 1px; }
  button.m-lg, button.m-wide, .button.m-lg, .button.m-wide, .btn.m-lg, .btn.m-wide {
    font-size: 2rem; }
  button.m-xl, .button.m-xl, .btn.m-xl {
    font-size: 2.5rem; }
  button.is-disabled, .button.is-disabled, .btn.is-disabled {
    cursor: not-allowed;
    pointer-events: none;
    background: #a1a1a1;
    border-color: #a1a1a1; }
  @media only screen and (min-width: 0px) and (max-width: 399px) {
    button.m-sm\@xs, .button.m-sm\@xs, .btn.m-sm\@xs {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@xs, button.m-wide\@xs, .button.m-lg\@xs, .button.m-wide\@xs, .btn.m-lg\@xs, .btn.m-wide\@xs {
      font-size: 2rem; }
    button.m-xl\@xs, .button.m-xl\@xs, .btn.m-xl\@xs {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) {
    button.m-sm\@sm, .button.m-sm\@sm, .btn.m-sm\@sm {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@sm, button.m-wide\@sm, .button.m-lg\@sm, .button.m-wide\@sm, .btn.m-lg\@sm, .btn.m-wide\@sm {
      font-size: 2rem; }
    button.m-xl\@sm, .button.m-xl\@sm, .btn.m-xl\@sm {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 400px) {
    button.m-sm\@sm-min, .button.m-sm\@sm-min, .btn.m-sm\@sm-min {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@sm-min, button.m-wide\@sm-min, .button.m-lg\@sm-min, .button.m-wide\@sm-min, .btn.m-lg\@sm-min, .btn.m-wide\@sm-min {
      font-size: 2rem; }
    button.m-xl\@sm-min, .button.m-xl\@sm-min, .btn.m-xl\@sm-min {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    button.m-sm\@md, .button.m-sm\@md, .btn.m-sm\@md {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@md, button.m-wide\@md, .button.m-lg\@md, .button.m-wide\@md, .btn.m-lg\@md, .btn.m-wide\@md {
      font-size: 2rem; }
    button.m-xl\@md, .button.m-xl\@md, .btn.m-xl\@md {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 768px) {
    button.m-sm\@md-min, .button.m-sm\@md-min, .btn.m-sm\@md-min {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@md-min, button.m-wide\@md-min, .button.m-lg\@md-min, .button.m-wide\@md-min, .btn.m-lg\@md-min, .btn.m-wide\@md-min {
      font-size: 2rem; }
    button.m-xl\@md-min, .button.m-xl\@md-min, .btn.m-xl\@md-min {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) {
    button.m-sm\@lg, .button.m-sm\@lg, .btn.m-sm\@lg {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@lg, button.m-wide\@lg, .button.m-lg\@lg, .button.m-wide\@lg, .btn.m-lg\@lg, .btn.m-wide\@lg {
      font-size: 2rem; }
    button.m-xl\@lg, .button.m-xl\@lg, .btn.m-xl\@lg {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 992px) {
    button.m-sm\@lg-min, .button.m-sm\@lg-min, .btn.m-sm\@lg-min {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@lg-min, button.m-wide\@lg-min, .button.m-lg\@lg-min, .button.m-wide\@lg-min, .btn.m-lg\@lg-min, .btn.m-wide\@lg-min {
      font-size: 2rem; }
    button.m-xl\@lg-min, .button.m-xl\@lg-min, .btn.m-xl\@lg-min {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) {
    button.m-sm\@xl, .button.m-sm\@xl, .btn.m-sm\@xl {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@xl, button.m-wide\@xl, .button.m-lg\@xl, .button.m-wide\@xl, .btn.m-lg\@xl, .btn.m-wide\@xl {
      font-size: 2rem; }
    button.m-xl\@xl, .button.m-xl\@xl, .btn.m-xl\@xl {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1280px) {
    button.m-sm\@xl-min, .button.m-sm\@xl-min, .btn.m-sm\@xl-min {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@xl-min, button.m-wide\@xl-min, .button.m-lg\@xl-min, .button.m-wide\@xl-min, .btn.m-lg\@xl-min, .btn.m-wide\@xl-min {
      font-size: 2rem; }
    button.m-xl\@xl-min, .button.m-xl\@xl-min, .btn.m-xl\@xl-min {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    button.m-sm\@xxl, .button.m-sm\@xxl, .btn.m-sm\@xxl {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@xxl, button.m-wide\@xxl, .button.m-lg\@xxl, .button.m-wide\@xxl, .btn.m-lg\@xxl, .btn.m-wide\@xxl {
      font-size: 2rem; }
    button.m-xl\@xxl, .button.m-xl\@xxl, .btn.m-xl\@xxl {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 1600px) {
    button.m-sm\@xxl-min, .button.m-sm\@xxl-min, .btn.m-sm\@xxl-min {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@xxl-min, button.m-wide\@xxl-min, .button.m-lg\@xxl-min, .button.m-wide\@xxl-min, .btn.m-lg\@xxl-min, .btn.m-wide\@xxl-min {
      font-size: 2rem; }
    button.m-xl\@xxl-min, .button.m-xl\@xxl-min, .btn.m-xl\@xxl-min {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) {
    button.m-sm\@xxxl, .button.m-sm\@xxxl, .btn.m-sm\@xxxl {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@xxxl, button.m-wide\@xxxl, .button.m-lg\@xxxl, .button.m-wide\@xxxl, .btn.m-lg\@xxxl, .btn.m-wide\@xxxl {
      font-size: 2rem; }
    button.m-xl\@xxxl, .button.m-xl\@xxxl, .btn.m-xl\@xxxl {
      font-size: 2.5rem; } }
  @media only screen and (min-width: 2560px) {
    button.m-sm\@xxxl-min, .button.m-sm\@xxxl-min, .btn.m-sm\@xxxl-min {
      font-size: 1.28rem;
      border-width: 1px; }
    button.m-lg\@xxxl-min, button.m-wide\@xxxl-min, .button.m-lg\@xxxl-min, .button.m-wide\@xxxl-min, .btn.m-lg\@xxxl-min, .btn.m-wide\@xxxl-min {
      font-size: 2rem; }
    button.m-xl\@xxxl-min, .button.m-xl\@xxxl-min, .btn.m-xl\@xxxl-min {
      font-size: 2.5rem; } }
  @media only screen and (max-width: 399px) {
    button.m-sm:not(.m-auto-width), button.m-lg:not(.m-auto-width), button.m-wide:not(.m-auto-width), button:not(.m-auto-width), .button.m-sm:not(.m-auto-width), .button.m-lg:not(.m-auto-width), .button.m-wide:not(.m-auto-width), .button:not(.m-auto-width), .btn.m-sm:not(.m-auto-width), .btn.m-lg:not(.m-auto-width), .btn.m-wide:not(.m-auto-width), .btn:not(.m-auto-width) {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }

body.ko-kr button, body.ko-kr .button, body.ko-kr .btn {
  font-family: "BlackFit77", sans-serif;
  font-weight: normal; }

.button-group {
  display: inline-block; }

.button-group > button, .button-group > .button, .button-group > .btn {
  border-radius: 0;
  border-width: 1px; }

.button-group > button:first-child, .button-group > .button:first-child, .button-group > .btn:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-left-width: 1px; }

.button-group > button:last-child, .button-group > .button:last-child, .button-group > .btn:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right-width: 1px; }

.CalloutBox {
  padding: 24px;
  border-radius: 4px;
  background-color: white;
  border: 2px solid rgba(64, 82, 117, 0.2); }
  .CalloutBox--attached {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.card {
  background-color: #3c4860;
  padding: 24px;
  height: 144px;
  position: relative;
  overflow: hidden; }
  .card .bg-icon {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -44px;
    right: -44px;
    background-position: right center; }
    .card .bg-icon svg {
      fill: rgba(255, 255, 255, 0.05);
      height: 170px;
      width: 170px;
      position: absolute;
      right: 0px; }

.card:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: baseline; }

.card-content {
  position: relative;
  z-index: 1;
  display: inline-block; }

.card-heading {
  line-height: 0.8; }

.card-copy {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  color: rgba(246, 246, 246, 0.6);
  margin-top: 6px;
  line-height: 1.1;
  text-transform: uppercase; }

.carousel {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.carousel-mask {
  position: relative;
  overflow: hidden; }

.carousel-wrapper {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: table; }

.carousel-slide {
  display: table-cell;
  vertical-align: middle;
  padding: 0; }

.carousel-pagination {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  display: inline-block; }

.carousel-page {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #000000;
  border-radius: 50%;
  margin-left: 15px;
  cursor: pointer; }

.carousel-page:first-child {
  margin-left: 0; }

.carousel-page.is-active, .carousel-page:hover {
  background-color: #666; }

/**
 * Carousel split parent component
 */
.CarouselSplit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /* row | row-reverse | column | column-reverse */
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* nowrap | wrap | wrap-reverse */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* flex-start | flex-end | center | space-between | space-around */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* flex-start | flex-end | center | baseline | stretch */
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  /* flex-start | flex-end | center | space-between | space-around | stretch */
  overflow: hidden; }
  .CarouselSplit--bordered {
    border: 1px solid #a1a1a1; }

/**
 * Carousel item container
 */
.CarouselSplit-item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  /* <integer> */
  -ms-flex-negative: 1;
      flex-shrink: 1;
  /* <integer> */
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  /* <length> | auto */
  -ms-flex-item-align: auto;
      align-self: auto;
  /* auto | flex-start | flex-end | center | baseline | stretch */
  /*order: <integer> */
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .CarouselSplit-item--bordered {
    border-left: 1px solid #a1a1a1; }
    .CarouselSplit-item--bordered:first-child {
      border-left: none; }
  .CarouselSplit-item--default {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4; }
  .CarouselSplit--hoverExpand .CarouselSplit-item {
    -webkit-transition: 350ms flex-grow ease-out, 350ms -webkit-box-flex ease-out;
    transition: 350ms flex-grow ease-out, 350ms -webkit-box-flex ease-out;
    transition: 350ms flex-grow ease-out;
    transition: 350ms flex-grow ease-out, 350ms -webkit-box-flex ease-out, 350ms -ms-flex-positive ease-out; }
    .CarouselSplit--hoverExpand .CarouselSplit-item.is-animation-complete:hover {
      -webkit-box-flex: 3.8 !important;
          -ms-flex-positive: 3.8 !important;
              flex-grow: 3.8 !important; }

/**
 * Carousel item divider
 */
.CarouselSplit-divider {
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 44px;
  height: 105%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none; }
  @supports ((-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) or (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%))) {
    .CarouselSplit--slanted .CarouselSplit-divider {
      -webkit-transform: translateX(calc(-50% - 30px / 2)) translateY(-50%) rotate(4deg);
          -ms-transform: translateX(calc(-50% - 30px / 2)) translateY(-50%) rotate(4deg);
              transform: translateX(calc(-50% - 30px / 2)) translateY(-50%) rotate(4deg); } }
  .CarouselSplit-divider--tesla {
    background-image: url("img/dividers/carousel-split-divider-tesla-65514c41585ba787929e80e5d1168a34610a1ca3d553783610b8aa93966620a32e2731a5c027a26646241d399437a56d44882a22db2fee46058f6ae32a87edfc.png"); }

@-webkit-keyframes carousel-split-divider-animation-tesla {
  from {
    background-position-y: 0px; }
  to {
    background-position-y: -11088px; } }

@keyframes carousel-split-divider-animation-tesla {
  from {
    background-position-y: 0px; }
  to {
    background-position-y: -11088px; } }
    .CarouselSplit-divider--tesla:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      padding-top: 358%;
      -webkit-transform: translateX(-50%) translateY(-50%) scale(0.6);
          -ms-transform: translateX(-50%) translateY(-50%) scale(0.6);
              transform: translateX(-50%) translateY(-50%) scale(0.6);
      background-image: url("img/dividers/carousel-split-divider-tesla-animation-spritesheet-742730cf2a0049f1f011a649d033cd0a66249e79fe9a7b895e7b868319298fb78c0eefc6a156bfce817e3ea41e5195dbaa3df1eff6ff7800f24e30a48f90d369.png");
      -webkit-animation: carousel-split-divider-animation-tesla 4800ms steps(72) infinite;
              animation: carousel-split-divider-animation-tesla 4800ms steps(72) infinite; }
  .CarouselSplit-divider--icy {
    background-image: url("img/dividers/carousel-split-divider-icy-58ae10f9596e09de141aa96c582c63d58693f3afcadcf5a8b72a8d66c07212e085d2dc9f321f4e0f200188eafabbea69a3ebdb041bbbc26aa3cb593884dcefad.png");
    width: 77px; }
  .CarouselSplit-divider--simple-diamond:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    width: 3px;
    background-color: #9daac8; }
  .CarouselSplit-divider--simple-diamond:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 44px;
    height: 44px;
    background-image: url("img/dividers/carousel-split-divider-simple-diamond-3c42ea32dc5f77d407d8c26ee435cca9720f403b612ddf2c688dcc8eb562bab4a1842245433cd9bc411d0fea1fb660c65d39125bfbe20135fbccc2f65c23542f.png"); }

/**
 * Carousel item content
 */
.CarouselSplit-itemContent {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: 350ms -webkit-filter ease-out;
  transition: 350ms -webkit-filter ease-out;
  transition: 350ms filter ease-out;
  transition: 350ms filter ease-out, 350ms -webkit-filter ease-out; }
  @supports ((-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) or (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%))) {
    .CarouselSplit--slanted .CarouselSplit-itemContent {
      -webkit-clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
              clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
      margin-left: -30px; }
    .CarouselSplit--slanted .CarouselSplit-item:first-child .CarouselSplit-itemContent {
      -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
              clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
      margin-left: 0; }
    .CarouselSplit--slanted .CarouselSplit-item:last-child .CarouselSplit-itemContent {
      -webkit-clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%); } }

.CarouselSplit-itemContent--muting {
  -webkit-filter: brightness(45%);
          filter: brightness(45%); }
  .CarouselSplit-item.is-pre-active > .CarouselSplit-itemContent--muting,
  .CarouselSplit-item.is-active > .CarouselSplit-itemContent--muting {
    -webkit-filter: brightness(100%);
            filter: brightness(100%); }

.CarouselSplit-transparentContent {
  opacity: 0; }
  .CarouselSplit-transparentContent--default {
    opacity: 1; }

@supports ((-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) or (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%))) {
  .ContainerSlanted {
    margin-top: -1.68vw;
    margin-bottom: -2.52vw;
    -webkit-clip-path: polygon(0 1.6vw, 100% 0, 100% 100%, 0 calc(100% - 2.4vw));
            clip-path: polygon(0 1.6vw, 100% 0, 100% 100%, 0 calc(100% - 2.4vw)); }
    .ContainerSlanted--reverse {
      -webkit-clip-path: polygon(0 0, 100% 1.6vw, 100% calc(100% - 2.4vw), 0 100%);
              clip-path: polygon(0 0, 100% 1.6vw, 100% calc(100% - 2.4vw), 0 100%); }
    .ContainerSlanted--end {
      -webkit-clip-path: polygon(0 1.6vw, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 1.6vw, 100% 0, 100% 100%, 0 100%); }
    .ContainerSlanted--begin {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2.4vw));
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 2.4vw)); } }

.data-table {
  display: table;
  width: 100%;
  border-radius: 0.25rem;
  text-transform: uppercase;
  background-color: #F6F6F6; }

.data-table > thead th {
  padding: 1.4rem 2rem 1.2rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background-color: #c6cbde;
  color: #405275;
  text-align: left; }

.data-table > tbody {
  display: table-row-group; }

.data-table > tbody tr:nth-child(even) {
  background-color: rgba(198, 203, 222, 0.35); }

.data-table > tbody td {
  padding: 1rem 2rem;
  color: rgba(45, 41, 60, 0.55);
  word-break: break-word; }
  .data-table > tbody td:last-child {
    width: 40%;
    text-align: right;
    color: #405275;
    font-family: "Arial", sans-serif;
    font-weight: normal; }

.Drawer-handle {
  background-color: rgba(64, 82, 117, 0.25);
  border-radius: 6px;
  padding: 12px 24px;
  position: relative;
  cursor: pointer; }
  .Drawer-handle:after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
    background-image: url("img/icons/drawer-arrow-dcf2bf2d16a909df84619793696186cc6d6697e1406e7fd23b4e229815e3e2ac1b2633309d288fc1171c6ce42df0ac64941bfcd37d6cd0c3e82e159903daa941.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -28px; }
  .Drawer-handle.is-active, .Drawer-handle:hover {
    background-color: #00a5e2;
    color: #F6F6F6; }
    .Drawer-handle.is-active:after, .Drawer-handle:hover:after {
      background-position: 0 0; }

.Drawer-handle ~ .Drawer-handle {
  margin-top: 12px; }

.Drawer-container {
  padding: 0 24px; }
  .Drawer-container > :first-child {
    margin-top: 12px; }
  .Drawer-container > :last-child {
    margin-bottom: 24px; }

.dropdown {
  position: relative;
  display: inline-block;
  max-width: 100%; }

body.ko-kr .dropdown-text {
  font-family: "BlackFit77", sans-serif; }

.dropdown-text {
  display: block;
  width: 100%;
  line-height: 20px;
  padding: 4px 20px 4px 8px;
  background-color: transparent;
  border: 1px solid #cccccc;
  border-radius: 3px;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #cccccc;
  text-align: left;
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis; }

.dropdown-text:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 6px;
  width: 0;
  height: 0;
  margin-top: 3px;
  border: 6px solid #cccccc;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent; }

.dropdown.m-dark > .dropdown-text {
  color: #405275;
  border-color: #405275; }

.dropdown.m-dark > .dropdown-text:after {
  border-top-color: #405275; }

.dropdown-select-element {
  -webkit-appearance: menulist-button;
  width: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

/**
 * Event map carousel parent component
 * TODO: probably deprecate this in favor of carousel split component
 */
.EventMapCarousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /* row | row-reverse | column | column-reverse */
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  /* nowrap | wrap | wrap-reverse */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* flex-start | flex-end | center | space-between | space-around */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* flex-start | flex-end | center | baseline | stretch */
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  /* flex-start | flex-end | center | space-between | space-around | stretch */
  overflow: hidden; }

/**
 * Carousel item container
 */
.EventMapCarousel-item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  /* <integer> */
  -ms-flex-negative: 1;
      flex-shrink: 1;
  /* <integer> */
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  /* <length> | auto */
  -ms-flex-item-align: auto;
      align-self: auto;
  /* auto | flex-start | flex-end | center | baseline | stretch */
  /*order: <integer> */
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition: 350ms flex-grow ease-out, 350ms -webkit-box-flex ease-out;
  transition: 350ms flex-grow ease-out, 350ms -webkit-box-flex ease-out;
  transition: 350ms flex-grow ease-out;
  transition: 350ms flex-grow ease-out, 350ms -webkit-box-flex ease-out, 350ms -ms-flex-positive ease-out;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms; }
  .EventMapCarousel-item--highlighted {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4; }
    .EventMapCarousel-item--highlighted:hover {
      -webkit-box-flex: 3.8;
          -ms-flex-positive: 3.8;
              flex-grow: 3.8; }

/**
 * Carousel item divider
 */
.EventMapCarousel-divider {
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 44px;
  height: 105%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none; }
  @supports ((-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) or (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%))) {
    .EventMapCarousel--slanted .EventMapCarousel-divider {
      -webkit-transform: translateX(calc(-50% - 30px / 2)) translateY(-50%) rotate(4deg);
          -ms-transform: translateX(calc(-50% - 30px / 2)) translateY(-50%) rotate(4deg);
              transform: translateX(calc(-50% - 30px / 2)) translateY(-50%) rotate(4deg); } }
  .EventMapCarousel-divider--tesla {
    background-image: url("img/dividers/carousel-split-divider-tesla-65514c41585ba787929e80e5d1168a34610a1ca3d553783610b8aa93966620a32e2731a5c027a26646241d399437a56d44882a22db2fee46058f6ae32a87edfc.png"); }

@keyframes carousel-split-divider-animation-tesla {
  from {
    background-position-y: 0px; }
  to {
    background-position-y: -11088px; } }
    .EventMapCarousel-divider--tesla:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      padding-top: 358%;
      -webkit-transform: translateX(-50%) translateY(-50%) scale(0.6);
          -ms-transform: translateX(-50%) translateY(-50%) scale(0.6);
              transform: translateX(-50%) translateY(-50%) scale(0.6);
      background-image: url("img/dividers/carousel-split-divider-tesla-animation-spritesheet-742730cf2a0049f1f011a649d033cd0a66249e79fe9a7b895e7b868319298fb78c0eefc6a156bfce817e3ea41e5195dbaa3df1eff6ff7800f24e30a48f90d369.png");
      -webkit-animation: carousel-split-divider-animation-tesla 4800ms steps(72) infinite;
              animation: carousel-split-divider-animation-tesla 4800ms steps(72) infinite; }
  .EventMapCarousel-divider--icy {
    background-image: url("img/dividers/carousel-split-divider-icy-58ae10f9596e09de141aa96c582c63d58693f3afcadcf5a8b72a8d66c07212e085d2dc9f321f4e0f200188eafabbea69a3ebdb041bbbc26aa3cb593884dcefad.png");
    width: 77px; }
  .EventMapCarousel-divider--simple-diamond:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    width: 3px;
    background-color: #9daac8; }
  .EventMapCarousel-divider--simple-diamond:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 44px;
    height: 44px;
    background-image: url("img/dividers/carousel-split-divider-simple-diamond-3c42ea32dc5f77d407d8c26ee435cca9720f403b612ddf2c688dcc8eb562bab4a1842245433cd9bc411d0fea1fb660c65d39125bfbe20135fbccc2f65c23542f.png"); }
  .EventMapCarousel-divider--simple-circle-orange:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    width: 3px;
    background-color: #ffa640; }
  .EventMapCarousel-divider--simple-circle-orange:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 40px;
    height: 40px;
    background-image: url("img/dividers/carousel-split-divider-simple-circle-orange-ad039a8f72722ff61d109466a7a48f1d6ef380a65787fc16ac4a1718aa900e542f9e6dbb3bd27610d0ed1f9380f1e00c6675da6bf935315d65fa1d5face112ab.png"); }
  .EventMapCarousel-divider--simple-circle-gold:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    width: 3px;
    background-color: #cd9d50; }
  .EventMapCarousel-divider--simple-circle-gold:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 46px;
    height: 46px;
    background-image: url("img/dividers/carousel-split-divider-simple-circle-gold-e452c79c6da2bb581896ecdf586a99ba3068456a59c7e4a83669a65b1fc89b9d09b4e833eb9214191e477e67dd4635b24d6eddfcfd1a450836006d6b71140c29.png"); }
  .EventMapCarousel-divider--simple-circle-grey:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    width: 3px;
    background-color: #5c5a6d; }
  .EventMapCarousel-divider--simple-circle-grey:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 40px;
    height: 40px;
    background-image: url("img/dividers/carousel-split-divider-simple-circle-grey-5f4171510c7a6519242a1d8d051012af43fd833cc45516a6d37d09a8f986b8b502a8de940c3b0a9cc89b3925264448a20e2f1f48fa9a23b20fd887ea9857a41c.png"); }
  .EventMapCarousel-divider--anniversary-medalion:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 100%;
    width: 3px;
    background-color: #fafafa; }
  .EventMapCarousel-divider--anniversary-medalion:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    width: 45px;
    height: 44px;
    background-image: url("img/dividers/carousel-split-divider-anniversary-medalion-141683e94b1356367923e918d2f5dd876caccc1f857c2351a21c5b0b4f0bb2eac9ad78222079afab65c4df0e3f00ac3a5110071d76768dc1a18e76f90a9d4298.png"); }

/**
 * Carousel item content
 */
.EventMapCarousel-itemContent {
  position: relative;
  height: 50vh;
  min-height: 560px;
  max-height: 1000px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: 350ms -webkit-filter ease-out;
  transition: 350ms -webkit-filter ease-out;
  transition: 350ms filter ease-out;
  transition: 350ms filter ease-out, 350ms -webkit-filter ease-out;
  -webkit-filter: brightness(45%);
          filter: brightness(45%); }
  .EventMapCarousel-item--highlighted > .EventMapCarousel-itemContent {
    -webkit-filter: brightness(100%);
            filter: brightness(100%); }
  @supports ((-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)) or (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%))) {
    .EventMapCarousel--slanted .EventMapCarousel-itemContent {
      -webkit-clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
              clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
      margin-left: -30px; }
    .EventMapCarousel--slanted .EventMapCarousel-item:first-child .EventMapCarousel-itemContent {
      -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
              clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
      margin-left: 0; }
    .EventMapCarousel--slanted .EventMapCarousel-item:last-child .EventMapCarousel-itemContent {
      -webkit-clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%); } }

/**
 * Carousel item content inner
 */
.EventMapCarousel-itemContentInner {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px 70px;
  -webkit-transition: 350ms opacity ease-out;
  transition: 350ms opacity ease-out;
  opacity: 0; }
  .EventMapCarousel-item--highlighted .EventMapCarousel-itemContentInner {
    -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
    opacity: 1; }

.EndorsementIcon {
  width: 100%;
  height: 100%; }

.EndorsementIcon-inner {
  position: relative;
  width: 50%;
  height: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
      -ms-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg); }

.EndorsementIcon-background {
  position: absolute;
  display: block;
  width: 110%;
  height: 110%;
  top: -5%;
  left: -5%;
  fill: #2A2B2E;
  stroke: none; }

.EndorsementIcon-border {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  fill: none;
  stroke-width: 1px;
  stroke-dasharray: 0, 100;
  -webkit-transition: stroke-dasharray 1s linear, -webkit-transform 1s linear;
  transition: stroke-dasharray 1s linear, -webkit-transform 1s linear;
  transition: transform 1s linear, stroke-dasharray 1s linear;
  transition: transform 1s linear, stroke-dasharray 1s linear, -webkit-transform 1s linear; }

.EndorsementIcon-border--shotcaller {
  stroke: #F19512; }

.EndorsementIcon-border--sportsmanship {
  stroke: #40CE44; }

.EndorsementIcon-border--teammate {
  stroke: #C81AF5; }

.ExternalLink:after {
  content: ' ';
  width: 1em;
  height: 1em;
  display: inline-block;
  background-image: url("img/icons/link-icon-white-cf7a97c0f31d1f8811f1be6270f14ab4b7884e75662e92248835509c52977fac770472cebbbff0eda0510753703bf34716b4295451f5b383f7ba082c10bacc1a.png");
  background-size: 70%;
  background-repeat: no-repeat;
  margin-left: 8px;
  vertical-align: middle; }

.ExternalLink--nav:after {
  background-image: url("img/icons/link-icon-grey-90de14f73b1b6001ebb675c2079aa267b9767d9692897185c1b1aebc717ccca27edcc5abc3cb89713b6ea5571234ced52ca8027c788c59c32ee92a18d5a7544d.png"); }

.ExternalLink--nav:hover:after {
  background-image: url("img/icons/link-icon-white-cf7a97c0f31d1f8811f1be6270f14ab4b7884e75662e92248835509c52977fac770472cebbbff0eda0510753703bf34716b4295451f5b383f7ba082c10bacc1a.png"); }

@media only screen and (min-width: 992px) {
  .ExternalLink--nav:hover:after {
    background-image: url("img/icons/link-icon-orange-a3280bf8add9dffc3ae68df1a36bd76d6635328080942939ea1e2c6d5f77bf0258e9ee7941bfff7809ea59a0f679dd37ea29ee05c13038cbb40be9d1aeb2193b.png"); } }

.u-font-tier0 {
  font-size: 1.024rem; }

.u-font-tier1 {
  font-size: 1.28rem; }

.u-font-tier2 {
  font-size: 1.6rem; }

.u-font-tier3 {
  font-size: 2rem; }

.u-font-tier4 {
  font-size: 2.5rem; }

.u-font-tier5 {
  font-size: 3.125rem; }

.u-font-tier6 {
  font-size: 3.90625rem; }

.u-font-tier7 {
  font-size: 4.88281rem; }

.u-font-tier8 {
  font-size: 6.10352rem; }

.u-font-tier9 {
  font-size: 7.62939rem; }

.u-font-tier10 {
  font-size: 9.53674rem; }

.u-font-tier11 {
  font-size: 11.92093rem; }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .u-font-tier0\@xs {
    font-size: 1.024rem; }
  .u-font-tier1\@xs {
    font-size: 1.28rem; }
  .u-font-tier2\@xs {
    font-size: 1.6rem; }
  .u-font-tier3\@xs {
    font-size: 2rem; }
  .u-font-tier4\@xs {
    font-size: 2.5rem; }
  .u-font-tier5\@xs {
    font-size: 3.125rem; }
  .u-font-tier6\@xs {
    font-size: 3.90625rem; }
  .u-font-tier7\@xs {
    font-size: 4.88281rem; }
  .u-font-tier8\@xs {
    font-size: 6.10352rem; }
  .u-font-tier9\@xs {
    font-size: 7.62939rem; }
  .u-font-tier10\@xs {
    font-size: 9.53674rem; }
  .u-font-tier11\@xs {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .u-font-tier0\@sm {
    font-size: 1.024rem; }
  .u-font-tier1\@sm {
    font-size: 1.28rem; }
  .u-font-tier2\@sm {
    font-size: 1.6rem; }
  .u-font-tier3\@sm {
    font-size: 2rem; }
  .u-font-tier4\@sm {
    font-size: 2.5rem; }
  .u-font-tier5\@sm {
    font-size: 3.125rem; }
  .u-font-tier6\@sm {
    font-size: 3.90625rem; }
  .u-font-tier7\@sm {
    font-size: 4.88281rem; }
  .u-font-tier8\@sm {
    font-size: 6.10352rem; }
  .u-font-tier9\@sm {
    font-size: 7.62939rem; }
  .u-font-tier10\@sm {
    font-size: 9.53674rem; }
  .u-font-tier11\@sm {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 400px) {
  .u-font-tier0\@sm-min {
    font-size: 1.024rem; }
  .u-font-tier1\@sm-min {
    font-size: 1.28rem; }
  .u-font-tier2\@sm-min {
    font-size: 1.6rem; }
  .u-font-tier3\@sm-min {
    font-size: 2rem; }
  .u-font-tier4\@sm-min {
    font-size: 2.5rem; }
  .u-font-tier5\@sm-min {
    font-size: 3.125rem; }
  .u-font-tier6\@sm-min {
    font-size: 3.90625rem; }
  .u-font-tier7\@sm-min {
    font-size: 4.88281rem; }
  .u-font-tier8\@sm-min {
    font-size: 6.10352rem; }
  .u-font-tier9\@sm-min {
    font-size: 7.62939rem; }
  .u-font-tier10\@sm-min {
    font-size: 9.53674rem; }
  .u-font-tier11\@sm-min {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .u-font-tier0\@md {
    font-size: 1.024rem; }
  .u-font-tier1\@md {
    font-size: 1.28rem; }
  .u-font-tier2\@md {
    font-size: 1.6rem; }
  .u-font-tier3\@md {
    font-size: 2rem; }
  .u-font-tier4\@md {
    font-size: 2.5rem; }
  .u-font-tier5\@md {
    font-size: 3.125rem; }
  .u-font-tier6\@md {
    font-size: 3.90625rem; }
  .u-font-tier7\@md {
    font-size: 4.88281rem; }
  .u-font-tier8\@md {
    font-size: 6.10352rem; }
  .u-font-tier9\@md {
    font-size: 7.62939rem; }
  .u-font-tier10\@md {
    font-size: 9.53674rem; }
  .u-font-tier11\@md {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 768px) {
  .u-font-tier0\@md-min {
    font-size: 1.024rem; }
  .u-font-tier1\@md-min {
    font-size: 1.28rem; }
  .u-font-tier2\@md-min {
    font-size: 1.6rem; }
  .u-font-tier3\@md-min {
    font-size: 2rem; }
  .u-font-tier4\@md-min {
    font-size: 2.5rem; }
  .u-font-tier5\@md-min {
    font-size: 3.125rem; }
  .u-font-tier6\@md-min {
    font-size: 3.90625rem; }
  .u-font-tier7\@md-min {
    font-size: 4.88281rem; }
  .u-font-tier8\@md-min {
    font-size: 6.10352rem; }
  .u-font-tier9\@md-min {
    font-size: 7.62939rem; }
  .u-font-tier10\@md-min {
    font-size: 9.53674rem; }
  .u-font-tier11\@md-min {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .u-font-tier0\@lg {
    font-size: 1.024rem; }
  .u-font-tier1\@lg {
    font-size: 1.28rem; }
  .u-font-tier2\@lg {
    font-size: 1.6rem; }
  .u-font-tier3\@lg {
    font-size: 2rem; }
  .u-font-tier4\@lg {
    font-size: 2.5rem; }
  .u-font-tier5\@lg {
    font-size: 3.125rem; }
  .u-font-tier6\@lg {
    font-size: 3.90625rem; }
  .u-font-tier7\@lg {
    font-size: 4.88281rem; }
  .u-font-tier8\@lg {
    font-size: 6.10352rem; }
  .u-font-tier9\@lg {
    font-size: 7.62939rem; }
  .u-font-tier10\@lg {
    font-size: 9.53674rem; }
  .u-font-tier11\@lg {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 992px) {
  .u-font-tier0\@lg-min {
    font-size: 1.024rem; }
  .u-font-tier1\@lg-min {
    font-size: 1.28rem; }
  .u-font-tier2\@lg-min {
    font-size: 1.6rem; }
  .u-font-tier3\@lg-min {
    font-size: 2rem; }
  .u-font-tier4\@lg-min {
    font-size: 2.5rem; }
  .u-font-tier5\@lg-min {
    font-size: 3.125rem; }
  .u-font-tier6\@lg-min {
    font-size: 3.90625rem; }
  .u-font-tier7\@lg-min {
    font-size: 4.88281rem; }
  .u-font-tier8\@lg-min {
    font-size: 6.10352rem; }
  .u-font-tier9\@lg-min {
    font-size: 7.62939rem; }
  .u-font-tier10\@lg-min {
    font-size: 9.53674rem; }
  .u-font-tier11\@lg-min {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .u-font-tier0\@xl {
    font-size: 1.024rem; }
  .u-font-tier1\@xl {
    font-size: 1.28rem; }
  .u-font-tier2\@xl {
    font-size: 1.6rem; }
  .u-font-tier3\@xl {
    font-size: 2rem; }
  .u-font-tier4\@xl {
    font-size: 2.5rem; }
  .u-font-tier5\@xl {
    font-size: 3.125rem; }
  .u-font-tier6\@xl {
    font-size: 3.90625rem; }
  .u-font-tier7\@xl {
    font-size: 4.88281rem; }
  .u-font-tier8\@xl {
    font-size: 6.10352rem; }
  .u-font-tier9\@xl {
    font-size: 7.62939rem; }
  .u-font-tier10\@xl {
    font-size: 9.53674rem; }
  .u-font-tier11\@xl {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 1280px) {
  .u-font-tier0\@xl-min {
    font-size: 1.024rem; }
  .u-font-tier1\@xl-min {
    font-size: 1.28rem; }
  .u-font-tier2\@xl-min {
    font-size: 1.6rem; }
  .u-font-tier3\@xl-min {
    font-size: 2rem; }
  .u-font-tier4\@xl-min {
    font-size: 2.5rem; }
  .u-font-tier5\@xl-min {
    font-size: 3.125rem; }
  .u-font-tier6\@xl-min {
    font-size: 3.90625rem; }
  .u-font-tier7\@xl-min {
    font-size: 4.88281rem; }
  .u-font-tier8\@xl-min {
    font-size: 6.10352rem; }
  .u-font-tier9\@xl-min {
    font-size: 7.62939rem; }
  .u-font-tier10\@xl-min {
    font-size: 9.53674rem; }
  .u-font-tier11\@xl-min {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .u-font-tier0\@xxl {
    font-size: 1.024rem; }
  .u-font-tier1\@xxl {
    font-size: 1.28rem; }
  .u-font-tier2\@xxl {
    font-size: 1.6rem; }
  .u-font-tier3\@xxl {
    font-size: 2rem; }
  .u-font-tier4\@xxl {
    font-size: 2.5rem; }
  .u-font-tier5\@xxl {
    font-size: 3.125rem; }
  .u-font-tier6\@xxl {
    font-size: 3.90625rem; }
  .u-font-tier7\@xxl {
    font-size: 4.88281rem; }
  .u-font-tier8\@xxl {
    font-size: 6.10352rem; }
  .u-font-tier9\@xxl {
    font-size: 7.62939rem; }
  .u-font-tier10\@xxl {
    font-size: 9.53674rem; }
  .u-font-tier11\@xxl {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 1600px) {
  .u-font-tier0\@xxl-min {
    font-size: 1.024rem; }
  .u-font-tier1\@xxl-min {
    font-size: 1.28rem; }
  .u-font-tier2\@xxl-min {
    font-size: 1.6rem; }
  .u-font-tier3\@xxl-min {
    font-size: 2rem; }
  .u-font-tier4\@xxl-min {
    font-size: 2.5rem; }
  .u-font-tier5\@xxl-min {
    font-size: 3.125rem; }
  .u-font-tier6\@xxl-min {
    font-size: 3.90625rem; }
  .u-font-tier7\@xxl-min {
    font-size: 4.88281rem; }
  .u-font-tier8\@xxl-min {
    font-size: 6.10352rem; }
  .u-font-tier9\@xxl-min {
    font-size: 7.62939rem; }
  .u-font-tier10\@xxl-min {
    font-size: 9.53674rem; }
  .u-font-tier11\@xxl-min {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .u-font-tier0\@xxxl {
    font-size: 1.024rem; }
  .u-font-tier1\@xxxl {
    font-size: 1.28rem; }
  .u-font-tier2\@xxxl {
    font-size: 1.6rem; }
  .u-font-tier3\@xxxl {
    font-size: 2rem; }
  .u-font-tier4\@xxxl {
    font-size: 2.5rem; }
  .u-font-tier5\@xxxl {
    font-size: 3.125rem; }
  .u-font-tier6\@xxxl {
    font-size: 3.90625rem; }
  .u-font-tier7\@xxxl {
    font-size: 4.88281rem; }
  .u-font-tier8\@xxxl {
    font-size: 6.10352rem; }
  .u-font-tier9\@xxxl {
    font-size: 7.62939rem; }
  .u-font-tier10\@xxxl {
    font-size: 9.53674rem; }
  .u-font-tier11\@xxxl {
    font-size: 11.92093rem; } }

@media only screen and (min-width: 2560px) {
  .u-font-tier0\@xxxl-min {
    font-size: 1.024rem; }
  .u-font-tier1\@xxxl-min {
    font-size: 1.28rem; }
  .u-font-tier2\@xxxl-min {
    font-size: 1.6rem; }
  .u-font-tier3\@xxxl-min {
    font-size: 2rem; }
  .u-font-tier4\@xxxl-min {
    font-size: 2.5rem; }
  .u-font-tier5\@xxxl-min {
    font-size: 3.125rem; }
  .u-font-tier6\@xxxl-min {
    font-size: 3.90625rem; }
  .u-font-tier7\@xxxl-min {
    font-size: 4.88281rem; }
  .u-font-tier8\@xxxl-min {
    font-size: 6.10352rem; }
  .u-font-tier9\@xxxl-min {
    font-size: 7.62939rem; }
  .u-font-tier10\@xxxl-min {
    font-size: 9.53674rem; }
  .u-font-tier11\@xxxl-min {
    font-size: 11.92093rem; } }

.frame {
  display: block;
  position: relative;
  border: 4px solid #ff9c00;
  border-radius: 3px; }

.frame-corner {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, transparent 0%, transparent 50%, #ff9c00 51%, #ff9c00 100%); }

.frame-corner-content {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 50%;
  fill: #F6F6F6; }

.HeadingBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 250px;
  background-size: auto 100%;
  background-position: left center;
  padding: 20px;
  border-radius: 3px; }

.HeadingBanner-header {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  color: #F6F6F6;
  text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }

.HeroHeader {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 82px;
  height: 1px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  overflow: hidden; }
  @media only screen and (min-width: 992px) {
    .HeroHeader {
      min-height: 154px; } }
  .HeroHeader-text {
    min-height: 50px;
    padding: 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 1;
    color: #F6F6F6;
    fill: #F6F6F6;
    text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.75); }
    @media only screen and (min-width: 992px) {
      .HeroHeader-text {
        min-height: 76px; } }
  .HeroHeader-image, .HeroHeader-image-mobile {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0; }
  .HeroHeader-image {
    max-height: 154px; }
    @media only screen and (max-width: 991px) {
      .HeroHeader-image {
        display: none; } }
  .HeroHeader-image-mobile {
    max-height: 82px; }
    @media only screen and (min-width: 992px) {
      .HeroHeader-image-mobile {
        display: none; } }

@media only screen and (min-width: 992px) {
  .HeroHeader.HeroHeader--raised {
    margin-top: -54px; } }

.IconHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.IconHeading--center-aligned {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.IconHeading--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.IconHeading-icon {
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.3em; }
  .IconHeading-icon--reverse {
    margin-right: 0;
    margin-left: 0.3em; }

.IconHeading-text {
  line-height: 1; }

.icon {
  height: 24px;
  fill: #F6F6F6;
  stroke: #F6F6F6;
  stroke-width: 0; }

.sprite-icon-overview {
  background-image: url("img/icons/icon-overview-266b5e6e25eb2e3de235a94d6d5f62e7c7182c8819f2883d0d081a2c00a60751359f38de65a3cea0d9458808bc3cfeb3eef8915e6004c65f9525808d9b4f1f7e.png"); }

.sprite-icon-overwatch {
  background-image: url("img/icons/icon-overwatch-e53be99e23bd3cb40efeb0717b90c2897d8fc660d7c48b0b9f7911a39f18025029e49f7df24f4977810df92fdbf639b7e2f87b34c49581f8e038c801a38a7b6d.png"); }

.sprite-icon-heroes {
  background-image: url("img/icons/icon-heroes-c759fd019acb586b972b8c465f7aabb8ca55dae4770130eff790b5aff04fbc4ed64718d355d9fa92780c749d5a546366e2e26669c04b12e15ae7993613845475.png"); }

.sprite-icon-roles {
  background-image: url("img/icons/icon-roles-c8063eec5622cb2e1c452056d822009ddd5f2a1e85116a233d86ca8fcca11b7a0b8ccf25e6a6d21fc4a74bb6a23dc141b3a78c6abe2bd3cbe3c9125471f0bdfb.png"); }

.sprite-icon-objectives {
  background-image: url("img/icons/icon-objectives-f0758d54fb5820693df0fe22d5c40b43833f32b9a2d13035793180d40e95713677ab5b472bb1727ab6782ea982d76110d3a74e979a1800c8ada2c9490036bc00.png"); }

[lightbox] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  overflow-y: auto;
  text-align: center;
  font-size: 0px;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0; }
  [lightbox].open {
    visibility: visible;
    opacity: 1; }
  [lightbox]:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  [lightbox].fluid .lightbox-container {
    width: auto;
    padding: initial; }

.lightbox-container {
  position: relative;
  display: inline-block;
  width: 75%;
  max-width: 2560px;
  margin-top: 5%;
  padding: 30px 0;
  z-index: 99;
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: auto;
  vertical-align: top; }
  @media only screen and (max-width: 991px) {
    .lightbox-container {
      width: 90%; } }
  .lightbox-container.m-media {
    margin: 0;
    vertical-align: middle; }

.lightbox-close {
  width: 60px;
  height: 60px;
  position: absolute;
  top: -60px;
  right: -17px;
  z-index: 99;
  cursor: pointer; }
  .lightbox-close:before {
    content: '\00d7';
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 60px;
    top: 0;
    left: 0;
    font-weight: 100;
    font-family: initial;
    color: #00c3ff;
    font-size: 6rem;
    -webkit-transition: color 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: color 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }
  .lightbox-close:hover:before {
    -webkit-transition: none;
    transition: none;
    color: #F6F6F6; }

.lightbox-body {
  position: relative;
  background-color: rgba(0, 0, 0, 0.75);
  color: #F6F6F6; }
  .lightbox-body:hover .lightbox-prev, .lightbox-body:hover .lightbox-next {
    visibility: visible;
    opacity: 1; }
  .lightbox-body.m-controls .lightbox-prev, .lightbox-body.m-controls .lightbox-next {
    display: block; }
  .lightbox-body.m-loader {
    background-image: url("img/icons/loading-a5939d909cea1dae2a9b172bb8fa2a38421d40722756ec14a67208e066c348706c909c48aaf4dfe7fe8ffc911abb44133f723ad1822e9b8bfa27eea38351a41d.svg");
    background-position: center center;
    background-repeat: no-repeat; }

.lightbox-content {
  display: block;
  padding: 20px;
  background-color: #3c4860;
  text-align: left; }
  .lightbox-content.m-media {
    padding: 0;
    padding-bottom: 56.25%;
    background-color: transparent;
    text-align: center;
    -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5); }

.lightbox-prev, .lightbox-next {
  width: 64px;
  height: 69px;
  background-image: url("img/lightbox-nav-7e49675334a668b67909ff5ec936dcad471b6f5cded13f3006737eb6c03f0ed465e63420d5ebcfdc29189d1131eeb12e747432970568879039fdb78090d7fbee.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -32px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
  z-index: 99;
  display: none; }
  @media only screen and (max-width: 991px) {
    .lightbox-prev, .lightbox-next {
      width: 39px;
      height: 42px;
      margin-top: -21px;
      visibility: visible;
      opacity: 1; } }

.lightbox-prev {
  left: 0;
  background-position: 0 -138px; }
  @media only screen and (min-width: 992px) {
    .lightbox-prev {
      background-position: 0 0; }
      .lightbox-prev:hover {
        background-position: -64px 0; } }

.lightbox-next {
  right: 0;
  background-position: 0 -180px; }
  @media only screen and (min-width: 992px) {
    .lightbox-next {
      background-position: 0 -69px; }
      .lightbox-next:hover {
        background-position: -64px -69px; } }

.logo {
  width: 190px;
  height: 143px;
  background-image: url("img/overwatch-logo-mobile-6de463e1e03afb1ce42e469a149bfdfd913e339469286bf7a8c2e08a70fd302a1e66396e1826e00aa5b960f120b2e47ff29b6f00c91856f0693b965d6990f505.png");
  background-size: contain; }
  @media only screen and (min-width: 768px) {
    .logo {
      width: 794px;
      height: 452px;
      background-image: url("img/overwatch-logo-cf569725b43b8fb7188409f07ab65eb58029424d4d0e58c743c4f23f57a39d7b55e25a0e72bca6f2787f786821808cc93dc1076269753371a08fcf88c023cc85.png");
      background-size: contain; } }

body.zh-tw .logo {
  background-image: url("img/overwatch-tw-logo-mobile-1a139652a3f25dcf3709b42cc9a75d7ccd220b101a240d93a544b9a1adcec8da5e276b9ca555b059a701596ffcedacdb642c96b971569f313786e187881e587a.png"); }
  @media only screen and (min-width: 768px) {
    body.zh-tw .logo {
      background-image: url("img/overwatch-tw-logo-7321a5220726920ca5f84bbe0d2a548232d686e3172c8de975874b2e610e292a1df7f2e8c22c109d78cc832f6723de80556e2274f52ceea7a4ba8828b8a04370.png"); } }

.logo-text {
  width: 100%;
  padding-top: 16.1%;
  background-image: url("img/logos/text-logo-lg-shadow-12ea5ae5a3c6924e411d26c6f6313a5b9dc5bae4341071952850722c5ba535af1c25f5e114e8752b52e65f7cdfe49654af510ba1aaae7afab810057e156211fa.png");
  background-size: contain; }

.logo-text.m-dark {
  background-image: url("img/logos/text-logo-lg-shadow-dark-a1b14e5b953b013fc383b518bfb7d31f286931661ce9485baa90bb00e18c15ce17049791d91a0cf0f9808bc4b3c885ff25293d1779a6e11a550a55782c60ee81.png"); }

.overwatch-emblem {
  height: 180px;
  width: 225px;
  background: url("img/pages/patch-notes/overwatch-emblem-f3622489bb58d3f9b139bde7c25e7b08e66c4a90c7c1b1d811c6aefca50dce41a145db7f4738ebde85686c0009c9d8a9e9b17cd8a38f32681f1d6229881570f6.png");
  background-size: cover; }

.media-card {
  display: block;
  color: #F6F6F6;
  border-radius: 3px;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  display: block;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  /*undo hover styles for devices that don't have a hover feature*/
  -webkit-transition: all 200ms;
  transition: all 200ms; }
  .media-card-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: inherit;
    background-clip: inherit;
    background-position: inherit; }
  .media-card.m-image {
    background-size: cover;
    background-clip: padding-box;
    background-position: center; }
  .media-card.m-2-1 {
    padding-top: 50%; }
  .media-card.m-4-3 {
    padding-top: 75%; }
  .media-card.m-16-9 {
    padding-top: 56.25%; }
  .media-card.m-10-9 {
    padding-top: 90%; }
  .media-card.m-20-9 {
    padding-top: 45%; }
  @media only screen and (min-width: 0px) and (max-width: 399px) {
    .media-card.m-2-1\@xs {
      padding-top: 50%; }
    .media-card.m-4-3\@xs {
      padding-top: 75%; }
    .media-card.m-16-9\@xs {
      padding-top: 56.25%; }
    .media-card.m-10-9\@xs {
      padding-top: 90%; }
    .media-card.m-20-9\@xs {
      padding-top: 45%; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) {
    .media-card.m-2-1\@sm {
      padding-top: 50%; }
    .media-card.m-4-3\@sm {
      padding-top: 75%; }
    .media-card.m-16-9\@sm {
      padding-top: 56.25%; }
    .media-card.m-10-9\@sm {
      padding-top: 90%; }
    .media-card.m-20-9\@sm {
      padding-top: 45%; } }
  @media only screen and (min-width: 400px) {
    .media-card.m-2-1\@sm-min {
      padding-top: 50%; }
    .media-card.m-4-3\@sm-min {
      padding-top: 75%; }
    .media-card.m-16-9\@sm-min {
      padding-top: 56.25%; }
    .media-card.m-10-9\@sm-min {
      padding-top: 90%; }
    .media-card.m-20-9\@sm-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .media-card.m-2-1\@md {
      padding-top: 50%; }
    .media-card.m-4-3\@md {
      padding-top: 75%; }
    .media-card.m-16-9\@md {
      padding-top: 56.25%; }
    .media-card.m-10-9\@md {
      padding-top: 90%; }
    .media-card.m-20-9\@md {
      padding-top: 45%; } }
  @media only screen and (min-width: 768px) {
    .media-card.m-2-1\@md-min {
      padding-top: 50%; }
    .media-card.m-4-3\@md-min {
      padding-top: 75%; }
    .media-card.m-16-9\@md-min {
      padding-top: 56.25%; }
    .media-card.m-10-9\@md-min {
      padding-top: 90%; }
    .media-card.m-20-9\@md-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) {
    .media-card.m-2-1\@lg {
      padding-top: 50%; }
    .media-card.m-4-3\@lg {
      padding-top: 75%; }
    .media-card.m-16-9\@lg {
      padding-top: 56.25%; }
    .media-card.m-10-9\@lg {
      padding-top: 90%; }
    .media-card.m-20-9\@lg {
      padding-top: 45%; } }
  @media only screen and (min-width: 992px) {
    .media-card.m-2-1\@lg-min {
      padding-top: 50%; }
    .media-card.m-4-3\@lg-min {
      padding-top: 75%; }
    .media-card.m-16-9\@lg-min {
      padding-top: 56.25%; }
    .media-card.m-10-9\@lg-min {
      padding-top: 90%; }
    .media-card.m-20-9\@lg-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) {
    .media-card.m-2-1\@xl {
      padding-top: 50%; }
    .media-card.m-4-3\@xl {
      padding-top: 75%; }
    .media-card.m-16-9\@xl {
      padding-top: 56.25%; }
    .media-card.m-10-9\@xl {
      padding-top: 90%; }
    .media-card.m-20-9\@xl {
      padding-top: 45%; } }
  @media only screen and (min-width: 1280px) {
    .media-card.m-2-1\@xl-min {
      padding-top: 50%; }
    .media-card.m-4-3\@xl-min {
      padding-top: 75%; }
    .media-card.m-16-9\@xl-min {
      padding-top: 56.25%; }
    .media-card.m-10-9\@xl-min {
      padding-top: 90%; }
    .media-card.m-20-9\@xl-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .media-card.m-2-1\@xxl {
      padding-top: 50%; }
    .media-card.m-4-3\@xxl {
      padding-top: 75%; }
    .media-card.m-16-9\@xxl {
      padding-top: 56.25%; }
    .media-card.m-10-9\@xxl {
      padding-top: 90%; }
    .media-card.m-20-9\@xxl {
      padding-top: 45%; } }
  @media only screen and (min-width: 1600px) {
    .media-card.m-2-1\@xxl-min {
      padding-top: 50%; }
    .media-card.m-4-3\@xxl-min {
      padding-top: 75%; }
    .media-card.m-16-9\@xxl-min {
      padding-top: 56.25%; }
    .media-card.m-10-9\@xxl-min {
      padding-top: 90%; }
    .media-card.m-20-9\@xxl-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) {
    .media-card.m-2-1\@xxxl {
      padding-top: 50%; }
    .media-card.m-4-3\@xxxl {
      padding-top: 75%; }
    .media-card.m-16-9\@xxxl {
      padding-top: 56.25%; }
    .media-card.m-10-9\@xxxl {
      padding-top: 90%; }
    .media-card.m-20-9\@xxxl {
      padding-top: 45%; } }
  @media only screen and (min-width: 2560px) {
    .media-card.m-2-1\@xxxl-min {
      padding-top: 50%; }
    .media-card.m-4-3\@xxxl-min {
      padding-top: 75%; }
    .media-card.m-16-9\@xxxl-min {
      padding-top: 56.25%; }
    .media-card.m-10-9\@xxxl-min {
      padding-top: 90%; }
    .media-card.m-20-9\@xxxl-min {
      padding-top: 45%; } }
  .media-card:hover, .media-card:focus {
    color: #F6F6F6;
    z-index: 30;
    -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
            transform: scale(1.08); }
    .media-card:hover .media-card-caption, .media-card:focus .media-card-caption {
      background-color: rgba(3, 20, 26, 0.95);
      -webkit-transition: background 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: background 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }
  @media (hover: none) {
    .media-card:hover, .media-card:focus {
      z-index: 0;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
      .media-card:hover .media-card-caption, .media-card:focus .media-card-caption {
        background-color: rgba(3, 20, 26, 0.75); } }

.media-card.m-disabled {
  opacity: 0.3; }

.media-card.m-no-border {
  border: none;
  border-radius: 0; }

.media-card-caption {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 10px 15px;
  -webkit-transition: background 200ms;
  transition: background 200ms;
  background-color: rgba(3, 20, 26, 0.75);
  color: #F6F6F6;
  text-align: left; }

.media-card-outside-caption {
  display: block;
  width: 100%;
  margin-top: 14px;
  padding: 0 6px;
  color: #333333; }

.media-card-caption.m-thin {
  padding: 10px; }

.media-card-title {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  letter-spacing: 0.5px; }
  .media-card-title.m-small {
    font-size: 1.28rem; }

.media-card-subtitle {
  margin-top: 0;
  font-size: 1.28rem; }

.media-card-status {
  /* Positioning */
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 5px; }

.gallery-title {
  margin: 0;
  font-size: 4.88281rem;
  font-weight: 400;
  color: #F6F6F6;
  text-shadow: 2.5px -2px 0.5px rgba(35, 31, 32, 0.04), -2.5px 2px 0.5px rgba(35, 31, 32, 0.04), -2.5px -2px 0.5px rgba(35, 31, 32, 0.04), 2.5px 2px 0.5px rgba(35, 31, 32, 0.04);
  line-height: 0.75; }

.gallery-index {
  font-size: 1.28rem;
  color: #00c3ff;
  margin: 15px 0; }

.gallery-item {
  background-size: cover;
  background-clip: padding-box;
  background-position: center; }
  .gallery-item.m-artwork {
    background-size: contain;
    background-color: #fff; }
  .gallery-item.m-video > video {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }

.gallery-name {
  margin: 18px 0 0;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  color: #F6F6F6;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
  @media only screen and (min-width: 768px) {
    .gallery-name {
      margin: 30px 0 0;
      font-size: 3.125rem; } }

body.ko-kr .gallery-name {
  font-family: "BlackFit77", sans-serif; }

.gallery-sub-content {
  margin-top: 10px;
  font-size: 1.28rem; }

.media-thumbnail {
  display: block;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
  text-decoration: none; }
  .media-thumbnail:hover, .media-thumbnail:focus {
    -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    border-color: white; }

.media-thumbnail > .caption {
  display: block;
  color: rgba(246, 246, 246, 0.8);
  background-color: #333333;
  text-transform: uppercase;
  padding: 0.7rem 1.6rem;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.media-thumbnail:focus > .caption,
.media-thumbnail:hover > .caption {
  color: #F6F6F6; }

.media-thumbnail > .wrap {
  position: relative;
  overflow: hidden; }

.media-thumbnail > .wrap:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 56.25%; }

.media-thumbnail.m-viewable > .wrap:after,
.media-thumbnail.m-playable > .wrap:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13% auto; }

.media-thumbnail.m-playable > .wrap:after {
  background-image: url("img/icons/youtube-btn-ylw-febe88da98cefc524ecddbfd48ebd65e818e470b1ece8e1926b854248ba4751d2f3309c69eb11f77e06b34e094bd28637a21fef12e2a95c3271013845f1d5e25.png"); }

.media-thumbnail.m-playable:focus > .wrap:after,
.media-thumbnail.m-playable:hover > .wrap:after {
  background-image: url("img/icons/youtube-btn-wh-cd5fb684d0929b460aecbda8aad5db10c70dc6ea323ab2aafa3e07b1219133d4dd8afc8dfe1b056c13ba9ec671af446e8dce7f302d423308769eb144500c7c2f.png"); }

.media-thumbnail.m-viewable:focus > .wrap:after,
.media-thumbnail.m-viewable:hover > .wrap:after {
  background-image: url("img/icons/magnifying-2ff3cfb86a74db635da585c7e2dcdbea8e05d0e04339444570a1bf37bb1039079f5ce1ee4fe262800d53f3931d4dc259346af9e89db689d653185e11e6604a94.png"); }

.media-thumbnail.m-playable:focus > .wrap:after,
.media-thumbnail.m-playable:hover > .wrap:after,
.media-thumbnail.m-viewable:focus > .wrap:after,
.media-thumbnail.m-viewable:hover > .wrap:after {
  background-color: rgba(51, 51, 51, 0.5); }

.media-thumbnail > .wrap > .media {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.NameCard {
  max-width: 420px;
  height: 210px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 6px; }

.NameCard-icon {
  width: 100px;
  height: 80px; }

.NameCard-header {
  margin-top: 6px; }

.NameCard-subheader {
  margin-top: 0.3em; }

.NameCard-description {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  line-height: 1.5; }

.news-thumbnail {
  max-width: 100%; }
  @media only screen and (min-width: 992px) {
    .news-thumbnail {
      width: 264px; } }

.news-text {
  padding: 6px;
  margin-top: 18px; }
  @media only screen and (min-width: 992px) {
    .news-text {
      margin-top: 0; } }

.NotificationBar {
  position: relative;
  display: none;
  background-color: #00a0ea;
  padding: 6px 0;
  color: #F6F6F6;
  fill: #F6F6F6;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .NotificationBar {
      font-size: 1.28rem; } }
  @media only screen and (max-width: 399px) {
    .NotificationBar {
      font-size: 1.024rem; } }

.NotificationBar-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.75em;
  margin-right: 0.75em; }

.NotificationBar-close {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  padding: 0 6px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
  color: #333333;
  fill: #333333;
  opacity: 0.7; }

.NotificationBar-icon {
  width: 1em;
  height: 1em; }

.Quote {
  font-style: italic;
  border-left: 8px solid rgba(64, 82, 117, 0.2);
  padding: 6px 18px; }

.Playbutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4b535d;
  color: #F6F6F6;
  padding: 6px 8px; }
  .Playbutton--inset {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1; }
  .Playbutton:before {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: #FF8900;
    border-left-width: 12px; }

.Slideout-container {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  transition: max-height 1s; }
  .Slideout-container--noTransition {
    -webkit-transition: none;
    transition: none; }

.star {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url("img/star-85ced227029e950a4e59b71cd728e4241293fab3602704691d43a53add939a93e075cffb2bfe7a0af48d40c1615f574e26b12e50445305c06802b7318109c6e0.png");
  background-size: cover; }
  @media only screen and (min-width: 1280px) {
    .star {
      width: 42px;
      height: 42px; } }

.star.m-empty {
  background-position: 0 -32px; }
  @media only screen and (min-width: 1280px) {
    .star.m-empty {
      background-position: 0 -42px; } }

.table {
  display: table; }

.table-row {
  display: table-row; }

.table-column {
  display: table-column; }

.table-cell {
  display: table-cell; }

.tabs {
  display: table;
  width: calc(100% + 10px);
  margin: -5px;
  border-spacing: 5px;
  white-space: nowrap; }

.tabs > .tabs-title:first-child {
  margin-left: 0; }

.tabs-title {
  display: table-cell;
  padding: 12px;
  margin-left: 6px;
  background-color: rgba(255, 255, 255, 0.6);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  cursor: pointer;
  vertical-align: middle; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .tabs-title {
      border-radius: 0; } }
  @media only screen and (min-width: 768px) {
    .tabs-title {
      font-size: 2.5rem; } }

.tabs-title.is-active {
  background-color: rgba(19, 42, 77, 0.85); }

.tabs-title > a {
  color: #3E383A; }

.tabs-title.is-active > a {
  color: #B4BAC8; }

.tabs-content {
  color: #FFF;
  background-color: rgba(19, 42, 77, 0.85); }

.tabs-panel {
  display: none; }

.tabs-panel.is-active {
  display: block; }

.tab-separator {
  max-width: none;
  border-bottom: 3px solid rgba(255, 255, 255, 0.15);
  margin: 0; }

.Tooltip, .tooltip {
  display: none;
  position: absolute;
  max-width: 320px;
  padding: 20px;
  top: 0;
  left: 0;
  background-color: #3c4860;
  -webkit-box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px 1px rgba(0, 0, 0, 0.2);
  color: #F6F6F6;
  z-index: 70;
  cursor: pointer; }

.Tooltip-handle, .tooltip-handle {
  cursor: pointer; }

.Tooltip-tip, .tooltip-tip {
  display: none; }

.Tooltip-handle.Tooltip-handle--text, .tooltip-handle.tooltip-handle--text {
  display: inline-block;
  color: #00a5e2;
  fill: #00a5e2; }
  .Tooltip-handle.Tooltip-handle--text:hover *, .tooltip-handle.tooltip-handle--text:hover * {
    text-decoration: underline; }

.Tooltip-arrow, .tooltip-arrow {
  content: " ";
  position: absolute;
  height: 0;
  width: 0;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border: solid transparent;
  border-color: transparent;
  border-width: 10px;
  border-top-color: #3c4860;
  pointer-events: none; }
  .Tooltip-arrow--top, .tooltip-arrow--top {
    top: auto;
    bottom: 100%;
    border-bottom-color: #3c4860;
    border-top-color: transparent; }

.UnderlinedHeader {
  padding-bottom: .2em;
  border-bottom: 2px solid rgba(64, 82, 117, 0.2);
  margin-bottom: .4em; }

.video-background {
  position: relative; }

.video-background-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden; }
  .video-background-wrapper.m-blend:after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 160px;
    top: -160px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 246, 246, 0)), to(#f6f6f6));
    background-image: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%); }
  .video-background-wrapper::before, .video-background-wrapper::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .video-background-wrapper::after {
    clear: both; }

.video-background-vid {
  height: 100%;
  width: auto; }

.video-background-vid.m-fit-width {
  width: 100%;
  height: auto; }

.video-background-vid.m-right-align {
  float: right; }

.video-background-vid.m-center-horizontal {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.video-background-vid.m-center-vertical {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.Webbing {
  position: relative;
  overflow: hidden; }

.Webbing-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: inherit; }

.Webbing-topLayer {
  position: relative;
  z-index: 1; }

.Webbing-pattern {
  display: block;
  position: absolute;
  fill: rgba(255, 255, 255, 0.3); }

.ie11 .Webbing-pattern {
  width: 120%;
  height: 120%;
  left: -10%; }

@-webkit-keyframes rectangle {
  /*rectangle*/
  0% {
    -webkit-clip-path: inset(0 100% 0 -10%);
            clip-path: inset(0 100% 0 -10%); }
  40% {
    -webkit-clip-path: inset(0 -10% 0 100%);
            clip-path: inset(0 -10% 0 100%); }
  100% {
    -webkit-clip-path: inset(0 -10% 0 100%);
            clip-path: inset(0 -10% 0 100%); } }

@keyframes rectangle {
  /*rectangle*/
  0% {
    -webkit-clip-path: inset(0 100% 0 -10%);
            clip-path: inset(0 100% 0 -10%); }
  40% {
    -webkit-clip-path: inset(0 -10% 0 100%);
            clip-path: inset(0 -10% 0 100%); }
  100% {
    -webkit-clip-path: inset(0 -10% 0 100%);
            clip-path: inset(0 -10% 0 100%); } }

@-webkit-keyframes polygon {
  /*slanted thick rectangle*/
  0% {
    -webkit-clip-path: polygon(-20% 0, -10% 0, -30% 100%, -40% 100%);
            clip-path: polygon(-20% 0, -10% 0, -30% 100%, -40% 100%); }
  40% {
    -webkit-clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%);
            clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%); }
  100% {
    -webkit-clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%);
            clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%); } }

@keyframes polygon {
  /*slanted thick rectangle*/
  0% {
    -webkit-clip-path: polygon(-20% 0, -10% 0, -30% 100%, -40% 100%);
            clip-path: polygon(-20% 0, -10% 0, -30% 100%, -40% 100%); }
  40% {
    -webkit-clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%);
            clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%); }
  100% {
    -webkit-clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%);
            clip-path: polygon(120% 0, 130% 0, 110% 100%, 100% 100%); } }

@-webkit-keyframes polygon-thin {
  /*slanted thin rectangle*/
  0% {
    -webkit-clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%);
            clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%); }
  40% {
    -webkit-clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%);
            clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%); }
  100% {
    -webkit-clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%);
            clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%); } }

@keyframes polygon-thin {
  /*slanted thin rectangle*/
  0% {
    -webkit-clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%);
            clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%); }
  40% {
    -webkit-clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%);
            clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%); }
  100% {
    -webkit-clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%);
            clip-path: polygon(125% 0, 130% 0, 105% 100%, 100% 100%); } }

.Webbing-pattern--bright {
  display: none;
  fill: rgba(255, 255, 255, 0.5);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
  -webkit-animation: polygon-thin 5s linear infinite;
          animation: polygon-thin 5s linear infinite;
  -webkit-filter: blur(1px);
          filter: blur(1px); }
  @supports ((-webkit-clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%)) or (clip-path: polygon(-15% 0, -10% 0, -35% 100%, -40% 100%))) {
    .Webbing-pattern--bright {
      display: block; } }

.Webbing-mask {
  position: absolute;
  width: 80%;
  height: 70%;
  background-color: inherit;
  color: inherit;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -55%);
      -ms-transform: translate(-50%, -55%);
          transform: translate(-50%, -55%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 100px 30px;
          box-shadow: 0 0 100px 30px; }

/*
    Hero Ability Showcase module
*/
.ability-showcase {
  position: relative;
  padding-bottom: 46vw;
  overflow: hidden;
  background-color: black; }

.ability-showcase-video {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 80ms opacity ease;
  transition: 80ms opacity ease; }

.ability-showcase-video.is-active {
  opacity: 1;
  visibility: visible; }

.ability-showcase-controls {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  margin-bottom: 3.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center; }

.ability-showcase-controls .hero-name {
  color: #F6F6F6;
  background: -webkit-linear-gradient(#F6F6F6 50%, rgba(246, 246, 246, 0.25));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 0.9; }

.ability-showcase-controls .ability-name {
  margin-top: 0;
  color: #00c3ff; }

.ability-button-list {
  margin-top: 1.4rem; }
  .ability-button-list::before, .ability-button-list::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .ability-button-list::after {
    clear: both; }

.ability-button-list > li {
  display: inline-block;
  margin: 0 0.8rem; }

.ability-showcase .ability-showcase-button {
  position: relative;
  width: 5vw;
  height: 5vw;
  cursor: pointer; }

.ability-showcase .ability-showcase-button > .button-bg-svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  fill: rgba(64, 82, 117, 0.4);
  stroke: rgba(246, 246, 246, 0.4);
  stroke-width: 2; }

.ability-showcase .ability-showcase-button > .hero-ability-icon {
  max-width: 90%;
  max-height: 65%;
  height: auto; }

.ability-showcase .ability-showcase-button.is-active > .button-bg-svg, .ability-showcase .ability-showcase-button:active > .button-bg-svg, .ability-showcase .ability-showcase-button:hover > .button-bg-svg {
  fill: rgba(64, 82, 117, 0.9);
  stroke: rgba(246, 246, 246, 0.9); }

.ability-showcase .ability-showcase-button.is-active > .hero-ability-icon, .ability-showcase .ability-showcase-button:active > .hero-ability-icon, .ability-showcase .ability-showcase-button:hover > .hero-ability-icon {
  opacity: 1; }

.ability-showcase-button > .progress-svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
  fill: none;
  stroke: #00c3ff;
  stroke-width: 4.5;
  stroke-dasharray: 314;
  stroke-dashoffset: 314;
  -webkit-transform: rotateZ(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotateZ(-90deg);
  opacity: 0; }

.ability-showcase-button.is-active > .progress-svg {
  opacity: 1; }

.achievement-card {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
  -webkit-transition: 80ms border ease-out;
  transition: 80ms border ease-out; }
  .achievement-card:hover, .achievement-card:focus {
    -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    border-color: white; }
  .achievement-card:hover, .achievement-card:active {
    border-color: #00c3ff; }
  .achievement-card:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: inset 0px 0px 60px 0px rgba(0, 195, 255, 0.3);
            box-shadow: inset 0px 0px 60px 0px rgba(0, 195, 255, 0.3);
    opacity: 0;
    -webkit-transition: 80ms opacity ease-out;
    transition: 80ms opacity ease-out; }
  .achievement-card:hover:after, .achievement-card:active:after {
    opacity: 1; }

.announcement {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  overflow: hidden;
  min-height: 556px;
  padding-left: 20px;
  padding-right: 20px; }
  @media only screen and (min-width: 992px) {
    .announcement {
      min-height: 46vw; } }

.announcement.m-bot-align {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 1px; }

.announcement.u-video, .announcement.u-video_youtube {
  cursor: pointer; }

.announcement.u-video:after, .announcement.u-video_youtube:after {
  background-size: 60px auto; }
  @media only screen and (min-width: 992px) {
    .announcement.u-video:after, .announcement.u-video_youtube:after {
      background-size: 120px auto; } }

.announcement.m-video-background > .announcement-video-background {
  display: none; }
  @media only screen and (min-width: 992px) {
    .announcement.m-video-background > .announcement-video-background {
      display: block; } }

@media only screen and (min-width: 992px) {
  .announcement.m-video-background > .announcement-background {
    display: none; } }

.announcement-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 30vw;
  background-size: cover;
  background-position: center top;
  z-index: -1; }

.announcement-content {
  width: 100%;
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 24px;
  color: #cccccc;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.75); }
  @media only screen and (min-width: 992px) {
    .announcement-content {
      padding-top: 4vw;
      padding-bottom: 4vw; } }

@media only screen and (min-width: 768px) {
  .announcement-content.m-pull-left\@md-min {
    width: 45vw;
    margin-left: 0; }
  .announcement-content.m-pull-right\@md-min {
    width: 45vw;
    margin-right: 0; } }

.announcement-header {
  margin: 12px 0;
  color: #F6F6F6;
  line-height: 0.9; }
  .announcement-header.m-border-accent {
    border-top: 4px solid rgba(255, 255, 255, 0.2);
    border-bottom: 4px solid rgba(255, 255, 255, 0.2);
    padding: 10px 0; }
  .announcement-header.m-image-title {
    width: 90%; }
    @media only screen and (min-width: 400px) {
      .announcement-header.m-image-title {
        width: auto;
        max-width: 100%; } }

.announcement-superheader, .announcement-subheader {
  margin-top: 0;
  letter-spacing: 2px; }

.announcement-superheader {
  letter-spacing: 5px;
  color: #ff9c00; }

.announcement-subheader {
  margin-bottom: 20px; }

.announcement-content.m-dark-theme {
  color: #333333; }
  .announcement-content.m-dark-theme > .announcement-superheader {
    color: #333333; }
  .announcement-content.m-dark-theme > .announcement-header {
    color: #405275; }

.announcement-button {
  margin: 5px; }

.announcement-legal {
  margin-top: 5px;
  font-size: 1.28rem;
  text-shadow: none; }

body.zh-tw .announcement-header {
  line-height: 1; }

.bg-heroes-faceoff {
  background-color: #fff;
  background-image: url("img/pages/home/heroes-faceoff-75cc5406d8b8d9268528a82c5ad683336824b284103b31cfc58146b8b7fcb6125c958d382e179a19809da04dcc02a4d42f775a073c4a8e3c9d938766b1c97476.jpg");
  background-position: center top; }

.bg-petals {
  background-color: #EDD9E0;
  background-image: url("img/ow-fractal-bg-560a8b12481e653dd68127bfe7ab850c0ffd8b0ed6b591e329140a72f91b5f03f601d36ff54af87c62eac7cb743b58de7917f4c381c03b7ff92d22ffcec97ec2.jpg");
  background-size: 100% auto;
  background-position: center top; }
  @media only screen and (max-width: 1279px) {
    .bg-petals {
      background-size: auto 100%; } }

.bg-petals-cover {
  background-color: #EDD9E0;
  background-image: url("img/ow-fractal-bg-560a8b12481e653dd68127bfe7ab850c0ffd8b0ed6b591e329140a72f91b5f03f601d36ff54af87c62eac7cb743b58de7917f4c381c03b7ff92d22ffcec97ec2.jpg");
  background-size: cover; }

.bg-polygon-world-map {
  background-image: url("img/pages/home/fight-for-future-bg.png");
  background-size: auto 100%;
  background-position: center top; }

.bg-filler {
  min-height: 340px; }

.bg-candy {
  background-image: url("img/pages/hero-detail/backgrounds/candy-0f9cc7a27f940458dd80dee7f9b0a45ecdd0a767dd87d81fc4de8dc95a0f237083fb8901e113ac5627fd10416d33f4a831620d252c3c76401953cb0a98fc7ce3.png");
  background-size: cover;
  background-position: center top; }

.bg-fftf {
  opacity: 1;
  content: '';
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  @media only screen and (min-width: 992px) {
    .bg-fftf.trans-in {
      -webkit-animation: 20s linear bg-fade-in;
              animation: 20s linear bg-fade-in; }
    .bg-fftf.trans-out-latest {
      -webkit-animation: 20s linear bg-fade-out;
              animation: 20s linear bg-fade-out;
      z-index: -1; }
    .bg-fftf.trans-out {
      z-index: -10; } }

.bg-cairo {
  background-color: #f0eef3;
  background-size: contain; }
  @media only screen and (max-width: 991px) {
    .bg-cairo {
      background-image: url("img/pages/home/cairo-tablet-fdfcc96605fe7180309594e3d64829f17d6d58aa7ea261a18a1d7d674df81dc4d3de5b39048b9333428066249773cb0354c80c34a323d4ea25e16f71e641279c.jpg");
      background-color: #e4dfe6; } }
  @media only screen and (min-width: 992px) {
    .bg-cairo {
      background-size: cover;
      background-position: center top;
      background-image: url("img/pages/home/cairo-desktop-4dae8aca153c6157f694c3334959f959f94017d8e14c8acf51d83c818b2f941066f35ef94b0b321101ed45e356acc9ba86f3f21bdb228634f00c9eb73896c0f5.jpg"); } }

.bg-volskaya {
  background-size: contain; }
  @media only screen and (max-width: 991px) {
    .bg-volskaya {
      background-image: url("img/pages/home/fight-for-the-future/volskaya-760-dc8a7a09679a29b7db45c0231fbdc45e804ec8bc957313fefc39a12b897eb8528013790d546bbc93388f6b3bc1c0667bbd940edf251a68d93506e2b821d0a579.jpg"); } }
  @media only screen and (min-width: 992px) {
    .bg-volskaya {
      background-size: cover;
      background-position: center top;
      background-image: url("img/pages/home/fight-for-the-future/volskaya-2560-9570e63637d0f4eb811cc11cc3b91005987bc21949bf8d9d48ebb9b4e67aa872f58666702415c32aef6c85fb36b567717857fb868ed9940280173a331e9b7ddf.jpg"); } }

.bg-london {
  background-size: contain; }
  @media only screen and (max-width: 991px) {
    .bg-london {
      background-image: url("img/pages/home/fight-for-the-future/london-760-d2621f6654bbc5f6c6c21fb9ec6303ea19f14a61128baa405de83be58f5a8f3854ed3a8571cc0dc66c485afa737480c7223827e05d2803bec27e2970c87a03c5.jpg"); } }
  @media only screen and (min-width: 992px) {
    .bg-london {
      background-size: cover;
      background-position: center top;
      background-image: url("img/pages/home/fight-for-the-future/london-2560-315e74f8af81f11bfa7c4e175712246b104203b24e9a360540ff407c5fb4d48fb039f2e4ded78a803b57ba5ba84a9c974c24a322950a0f106d4457554418cfb8.jpg"); } }

@-webkit-keyframes bg-fade-in {
  0 {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes bg-fade-in {
  0 {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes bg-fade-out {
  0 {
    opacity: 1; }
  10% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes bg-fade-out {
  0 {
    opacity: 1; }
  10% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.bg-color-blue-dark {
  background-color: #293347; }

.bg-gibraltar {
  background-image: url("img/pages/career/gibraltar-bg-mobile-a6a0b1707aba262aa1062686a185c838f9f9058a1f0cd35829066b8f7284f88f24d84fa3817cfc1b104f5641d472de8370dfc95ba816501b0eddb697befb1334.jpg");
  background-position: center top; }
  @media only screen and (min-width: 768px) {
    .bg-gibraltar {
      background-image: url("img/pages/career/gibraltar-bg-194b7fee37eb4135f6e971c704f27b43a99e345585e5cc920025afff7683b9023397dfff19ae795c920375f32aa310c8daba5c9c31d43167006649c81e8562c6.jpg"); } }

.bg-crystal-dark {
  background-image: url("img/pages/career/crystal-bg-mobile-df4c950afe0ef11047b90905c31207b407aa6e2d0f59f583b4fbd05e86e1d213c1a2b98b231d4ee46958484b615bbcf4db3fea8f4b7510bfeed69d8f1fbd1dad.png");
  background-position: center top; }
  @media only screen and (min-width: 768px) {
    .bg-crystal-dark {
      background-image: url("img/pages/career/crystal-bg-cd071eb518f80c2dabf60ef9ffa5d15657c5b788ca6dec1429e9d38831377fd71f0a9105c8d7714c44241e01206bce0f0319abf55b202adbaf3ec400d3e8835c.png"); } }

.blog-sidebar {
  margin-top: 40px; }

@media only screen and (min-width: 992px) {
  .blog-sidebar {
    margin-top: 0;
    padding: 20px 25px 5px 25px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.04); } }

.blog-sidebar-title {
  line-height: 0.9em; }

.blog-sidebar-list {
  margin-top: 15px;
  border-top: 3px solid rgba(255, 255, 255, 0.9);
  padding-top: 2px; }

.blog-sidebar-article {
  padding: 15px 0;
  border-top: 1px solid #f0edf2;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 1.45em; }

.blog-sidebar-article:first-child {
  border-top: none; }

body.ko-kr .blog-sidebar-article-title {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  text-align: inherit;
  text-outline: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  white-space: inherit; }

.blog-sidebar-article-title {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  text-align: inherit;
  text-outline: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  white-space: inherit; }

.blog-sidebar-image {
  width: 33%;
  display: none; }
  @media only screen and (min-width: 992px) {
    .blog-sidebar-image {
      display: block; } }

.blog-sidebar-date {
  color: #a1a1a1; }

/**
Comments CSS overrides
*/
.bnet-comments .Author-avatar {
  float: left;
  margin-right: 1rem; }

.bnet-comments button, select, input, textarea {
  color: black; }

.bnet-comments .Author-avatar {
  height: 64px;
  width: 64px;
  background-image: none;
  background-size: initial;
  border: none;
  float: left;
  margin-right: 1rem; }

.bnet-comments .comment-nested .Author-avatar {
  height: 32px;
  width: 32px; }

.bnet-comments .Author-avatar, .bnet-comments .Author-avatar:after {
  -webkit-box-shadow: none;
          box-shadow: none; }

/*
    Blog Avatars
*/
.bnet-avatar {
  display: none; }

/*
    Bnet common game site overrides
*/
.bnet-comments {
  padding: 0; }

.bnet-comments .comments-pages {
  margin: 0; }

.bnet-comments .hide {
  display: none; }

.comments-error .subheader-2.hide {
  display: none; }

.comments-error .hide {
  display: block; }

.button-mod span {
  line-height: normal;
  height: auto; }

.bnet-comments .Author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }

.bnet-comments .Author.is-ignored {
  display: none; }

.bnet-comments .Author-ignored {
  display: block; }

.bnet-comments .Author-ignored.is-hidden {
  display: none; }

.bnet-comments .Author-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 1rem; }

.bnet-comments .Author-details > span {
  margin-top: .5rem; }

.bnet-comments .Author-details > span:first-of-type {
  margin-top: 0; }

.bnet-comments .Author-name {
  color: #ffc70e;
  -webkit-transition: 200ms color ease;
  transition: 200ms color ease;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.bnet-comments .Author-name:hover {
  color: #f0edf2; }

.bnet-comments .Author-comment {
  color: #f0edf2;
  word-wrap: break-word;
  line-height: 1.4em;
  font-size: 14px;
  margin-top: 0.25rem; }

/*
    Blog Comments Icon
*/
.comments-link {
  padding: 0 0 1px 24px;
  background: url("img/icons/comment-count-lg-f2ae5b4ec1f1a81dabb292db574b77a7c34bf2fddf579c3d47f3e7f49d665b06b5698cafe0fff4ec73070889670790c6fd863918bbd3f72b94578128da77ea40.png") 0 1px no-repeat; }

.comments-link:hover {
  background-position: 0 -26px; }

/*
    Blog Comment UI Buttons
*/
.ui-pagination {
  padding: 0 .5em;
  color: #fff;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase; }

.ui-pagination li {
  margin: 0 .2em; }

.ui-pagination li > a {
  font-size: .9em;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid #fff;
  color: #fff;
  -webkit-transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);
  transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding: 5px 7px; }

.ui-pagination li.current > a {
  background: #fff;
  border-color: #fff;
  color: #511616;
  -webkit-box-shadow: none;
          box-shadow: none; }

.ui-pagination li > a:hover {
  background: #fff;
  border-color: #fff;
  color: #511616;
  -webkit-box-shadow: none;
          box-shadow: none; }

body.ko-kr .ui-button, body.ko-kr .ui-button span {
  font-family: "Blackfit77",sans-serif;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.ui-button {
  display: inline-block;
  padding: 0.35em 2em;
  text-align: center;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: skew(-0.25rad);
      -ms-transform: skew(-0.25rad);
          transform: skew(-0.25rad);
  -webkit-transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);
          transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #ffc70e;
  color: #511616;
  -webkit-box-shadow: inset 0 0 10px 5px rgba(237, 186, 14, 0.6);
          box-shadow: inset 0 0 10px 5px rgba(237, 186, 14, 0.6);
  border: 1px solid #fdda75;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 0.35em 0.9em;
  font-size: 100%; }

.ui-button span {
  display: inline-block;
  text-shadow: none;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transform: skew(0.25rad);
      -ms-transform: skew(0.25rad);
          transform: skew(0.25rad); }

.ui-button.active,
.ui-button:focus,
.ui-button:hover {
  background: #f0edf2;
  border-color: #f0edf2;
  color: #511616;
  -webkit-box-shadow: none;
          box-shadow: none; }

.ui-button.disabled {
  background-color: rgba(207, 206, 206, 0.5);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  color: rgba(255, 255, 255, 0.5); }

.ui-button > span {
  display: block;
  overflow: visible; }

.ui-button .button-left {
  overflow: visible;
  -webkit-transform: skew(0);
      -ms-transform: skew(0);
          transform: skew(0); }

.ui-button .button-right {
  overflow: visible; }

.ui-button > span > span {
  vertical-align: sub; }

/* Removing button styles from ui-button for non-primary actions.*/
body.ko-kr .results-button,
body.ko-kr .ui-cancel {
  font-family: "Blackfit77", sans-serif; }

.results-button,
.ui-cancel {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffc70e;
  padding: 0 10px; }

.results-button:hover,
.ui-cancel:hover {
  color: #f0edf2;
  background-color: transparent; }

/*
    Blog Comments
*/
body.ko-kr .blog-comments .subheader-2 {
  font: normal 5.5em "Koverwatch", sans-serif;
  font-size: 2.5em; }

.blog-comments .subheader-2 {
  padding: 16px 0;
  margin: 40px 0 24px;
  border-bottom: 2px solid #f0edf2;
  font: italic 5.5em "Big Noodle Too", impact, sans-serif;
  line-height: 0.9em;
  padding-right: 0.3em;
  text-shadow: 2.5px -2px 0.5px rgba(35, 31, 32, 0.1), -2.5px 2px 0.5px rgba(35, 31, 32, 0.1), -2.5px -2px 0.5px rgba(35, 31, 32, 0.1), 2.5px 2px 0.5px rgba(35, 31, 32, 0.1);
  font-size: 2.5em; }

@media only screen and (max-width: 47.5em) {
  .blog-comments .subheader-2 {
    text-shadow: 2px -1.8px 0.5px rgba(35, 31, 32, 0.1), -2px 1.8px 0.5px rgba(35, 31, 32, 0.1), -2px -1.8px 0.5px rgba(35, 31, 32, 0.1), 2px 1.8px 0.5px rgba(35, 31, 32, 0.1); } }

.blog-comments .comments-form-wrapper {
  margin-bottom: 40px;
  font-size: 14px; }

.blog-comments .comments-form-wrapper > div,
.blog-comments .comments-form-wrapper > form,
.blog-comments .comments-form {
  background-color: rgba(255, 255, 255, 0.04); }

.blog-comments .comments-form {
  border-radius: 4px;
  padding-left: 16px; }

.blog-comments .comments-form img {
  height: 65px;
  width: 65px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.1); }

.blog-comments .comments-action {
  margin-top: 8px;
  margin-right: 5px; }

.blog-comments .comments-action .ui-cancel {
  margin-left: 5px; }

.blog-comments .comments-form .input-wrapper {
  margin-bottom: 8px; }

.blog-comments .comments-form .input-wrapper textarea {
  width: 100%;
  padding: 10px 8px;
  border: 0;
  border-radius: 4px;
  font-family: inherit;
  font-size: 100%; }

.blog-comments .comments-error-gate {
  padding: 32px 30px; }

.blog-comments #comments-sorting-wrapper {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

.blog-comments #comments-sorting-wrapper .tab-menu {
  float: left;
  min-width: 100%;
  border-bottom: 2px solid #f0edf2;
  padding: 0;
  margin: 0; }

body.ko-kr .blog-comments #comments-sorting-wrapper .tab-menu > li {
  font: 1.875em "Koverwatch", impact, sans-serif;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none; }

.blog-comments #comments-sorting-wrapper .tab-menu > li {
  position: relative;
  display: inline-block;
  margin-bottom: -2px;
  margin-right: -6px;
  line-height: 1.2;
  -webkit-transform: skew(-0.25rad);
      -ms-transform: skew(-0.25rad);
          transform: skew(-0.25rad);
  -webkit-transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);
          transform: skew(-0.25rad) perspective(1px) translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font: 1.875em "Big Noodle Too", impact, sans-serif;
  text-align: center; }

.blog-comments #comments-sorting-wrapper .tab-menu > li > a {
  display: block;
  padding: 10px 15px;
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  cursor: pointer; }

.blog-comments #comments-sorting-wrapper .tab-menu > li:hover > a,
.blog-comments #comments-sorting-wrapper .tab-menu > li > a.tab-active {
  color: #f0edf2;
  border-bottom: 5px solid #ffc70e; }

.blog-comments .comments-list {
  border-bottom: 1px solid;
  border-color: rgba(255, 255, 255, 0.3); }

.blog-comments .comments-list > li {
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.4em; }

.blog-comments .comments-list > li:first-child .comment-tile {
  border: none; }

.blog-comments .comment-tile {
  min-height: 105px;
  position: relative;
  padding: 24px 0 40px 0px;
  background: none;
  border-radius: 0;
  border-top: 1px solid;
  border-color: rgba(255, 255, 255, 0.3); }

.blog-comments .comment-tile .comment-body {
  position: relative; }

.blog-comments .comment-tile img {
  height: 65px;
  width: 65px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.1); }

/*.bnet-comments .comments-list>li {
    padding: 32px;
}*/
.blog-comments .comments-list > li.comment-nested {
  padding-left: 35px;
  margin-bottom: 10px; }

.blog-comments .comment-nested .comment-tile {
  padding-left: 0px;
  border-color: rgba(255, 255, 255, 0.1);
  min-height: 105px;
  padding-bottom: 0px; }

.Author--blizzard .Author-avatar {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.comment-nested .Author--blizzard .Author-avatar {
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 32px; }

.blog-comments .comment-nested .comment-tile img {
  width: 33px;
  height: 33px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.1); }

.blog-comments .comment-tile .timestamp {
  vertical-align: top; }

.blog-comments .comment-tile .comment-head {
  margin-bottom: 8px;
  position: relative; }

.blog-comments .comment-tile .comment-foot {
  margin: 4px 0;
  position: absolute;
  right: 0;
  bottom: 0; }

.blog-comments .comment-tile .comment-foot .ui-button {
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid #f0edf2;
  color: #f0edf2;
  padding: 0.1em 0.5em; }

.blog-comments .comment-tile .comment-foot .ui-button:hover {
  background: #f0edf2;
  border-color: #f0edf2;
  color: #511616;
  -webkit-box-shadow: none;
          box-shadow: none; }

.blog-comments .moderator-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

/*
    Blog Comment UI Contexts
*/
.ui-context {
  background: #f0edf2; }

.ui-context a {
  color: #ffc70e; }

.ui-context .context strong {
  color: #000000; }

.ui-context .context span {
  text-shadow: none; }

.context-link {
  background-image: url("img/icons/flyout-arrows-6f5cf0ec10452e42601d5f9840a5bcb087a591795f6fa336017e3cb2b88bafa096e264097a65f780ec042a0ca540f68781db5d56b9ca2ddf65e06babed55be91.png");
  background-position: 100% -25px; }

.context-link:hover {
  background-position: 100% -87px; }

/*
    Blog Comment UI Dropdowns
*/
.blog-comments .report-comment a {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  background-image: url("img/layout/cms/report-small-d048a832bb46db109d9abdccf2988c27ce9a5a0320823f7c281fc051612a32fc88c9bcf9496d4a7178e180c2772393687f37f6963f5103c448d36c88b1039516.png");
  background-position: 7px 6px;
  background-repeat: no-repeat; }

/*
    Blog Comments Ratings
*/
.blog-comments .comment-rating {
  font-size: 0.75em;
  color: #75a448;
  position: absolute;
  top: 20px;
  right: 8px;
  text-align: right; }

.blog-comments .rate-post-wrapper {
  position: absolute;
  bottom: 0;
  left: 83px; }

.blog-comments .rate-post-wrapper .dropdown-wrapper {
  left: 0;
  top: 0; }

.blog-comments .comment-nested .rate-post-wrapper {
  left: 45px; }

.bnet-comments .moderator-review {
  float: none;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 10px; }

.bnet-comments .rate-option {
  float: left;
  display: inline-block;
  cursor: pointer;
  height: 30px;
  width: 30px; }

.bnet-comments .rate-up {
  display: block;
  height: 30px;
  width: 30px;
  background-image: url("img/pages/blog/icon-rating-b10f4bc6827b36a2e9d466abcf58fc2291035fffb5a30b1af801f4dff8fdd47ea7b14e4fd7bff9ae65bb478aa0f82f127e376906e647b1ab1cb78fb1b02aedc7.png"); }

.bnet-comments .rate-down {
  display: block;
  height: 30px;
  width: 30px;
  background-image: url("img/pages/blog/icon-rating-b10f4bc6827b36a2e9d466abcf58fc2291035fffb5a30b1af801f4dff8fdd47ea7b14e4fd7bff9ae65bb478aa0f82f127e376906e647b1ab1cb78fb1b02aedc7.png"); }

.bnet-comments .rate-option.rate-up {
  background-position: 0 -30px; }

.bnet-comments .rate-option .rate-down {
  background-position: 0 0; }

/*
    Blog Comments Pagination
*/
.blog-comments .comments-controls {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 0 7px;
  margin: 0; }

/*
    Responsive styles
*/
.blog-comments .bnet-comments .comment-mvp .comment-body {
  color: inherit; }

@media only screen and (max-width: 640px) {
  .blog-comments .comment-tile {
    padding-top: 16px; }
  .blog-comments .comment-tile img {
    height: 40px;
    width: 40px; }
  .blog-comments .comment-tile .bnet-avatar {
    top: 16px; }
  .blog-comments .comment-tile .bnet-avatar img,
  .blog-comments .comment-tile .bnet-avatar .avatar-outer a {
    height: 32px;
    width: 32px; }
  .blog-comments .comments-list > li {
    font-size: 12px; }
  .blog-comments .comments-list > li.nested-reply {
    padding-left: 0; }
  .blog-comments .rate-post-wrapper {
    left: 43px; }
  .blog-comments .comments-form {
    padding-left: 16px; }
  .blog-comments .comments-form img {
    height: 40px;
    width: 40px; }
  .blog-comments .comments-form .bnet-avatar img {
    height: 32px;
    width: 32px; }
  .blog-comments .context-link {
    background-position: 100% -27px; }
  .blog-comments .context-link:hover {
    background-position: 100% -89px; }
  .blog-comments .bnet-comments .comment-blizzard .comment-head .employee-icon {
    margin-top: 2px; }
  .blog-comments .bnet-comments .comment-tile .comment-foot .ui-button {
    visibility: visible; }
  .blog-comments .moderator-controls .control-label {
    width: 100%; } }

.content-box, .u-container-background, .u-container-background-cropped-mobile {
  padding-top: 44px;
  padding-bottom: 44px; }
  @media only screen and (min-width: 992px) {
    .content-box, .u-container-background, .u-container-background-cropped-mobile {
      padding-top: 72px;
      padding-bottom: 72px; } }
  .content-box.u-nav-offset, .u-nav-offset.u-container-background, .u-nav-offset.u-container-background-cropped-mobile {
    padding-top: 92px; }
    @media only screen and (min-width: 992px) {
      .content-box.u-nav-offset, .u-nav-offset.u-container-background, .u-nav-offset.u-container-background-cropped-mobile {
        padding-top: 182px; } }

.content-box.m-tinyPad, .m-tinyPad.u-container-background, .m-tinyPad.u-container-background-cropped-mobile {
  padding-top: 10px;
  padding-bottom: 10px; }

.content-box > h1, .u-container-background > h1, .u-container-background-cropped-mobile > h1 {
  margin-bottom: 2.9rem; }

.Control-group, .control-group {
  display: inline-block;
  vertical-align: top; }

.Control, .control {
  position: relative;
  display: inline-block;
  padding-left: 1.4em;
  cursor: pointer;
  height: 1.2em; }

.Control-input, .control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.Control-indicator, .control__indicator {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0px;
  width: 1.2em;
  height: 1.2em;
  background: #405275;
  border: 2px solid #F6F6F6;
  border-radius: 4px; }

.Control--radio .Control-indicator,
.Control--radio .Control-indicator:before,
.control--radio .control__indicator,
.control--radio .control__indicator:before {
  border-radius: 50%; }

/* Hover and focus states */
.Control:hover .Control-input ~ .Control-indicator,
.Control .Control-input:focus ~ .Control-indicator,
.Control:hover .Control-input:not([disabled]):checked ~ .Control-indicator,
.Control .Control-input:checked:focus ~ .Control-indicator,
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator,
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #2e3b54; }

/* Disabled state */
.control input:disabled ~ .control__indicator {
  pointer-events: none;
  opacity: .6;
  background: #e6e6e6; }

/* Check mark */
.Control--checkbox .Control-indicator:after,
.Control--checkbox .control__indicator:after {
  position: absolute;
  opacity: 0;
  content: ''; }

/* Checkbox tick */
.Control--checkbox .Control-input ~ .Control-indicator:after,
.control--checkbox input:checked ~ .control__indicator:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("img/checkbox-c647fd2ed4e4d1d68ca9fa3b989fda823732b48e517a1ce9a462f1ecebe71889a172f5948695dde4e4bada166b53c9dc65fdc5020ba986be3c652e8a0e78d0cf.png");
  background-size: contain; }

/* Show check mark */
.Control--checkbox .Control-input:checked ~ .Control-indicator:after,
.control--checkbox input:checked ~ .control__indicator:after {
  opacity: 1; }

/* Disabled tick colour */
.Control--checkbox .Control-input:disabled ~ .Control-indicator,
.Control--radio .Control-input:disabled ~ .Control-indicator,
.control--checkbox input:disabled ~ .control__indicator,
.control--radio input:disabled ~ .control__indicator {
  background-color: #727272;
  cursor: default; }

/* Radio button inner circle */
.Control--radio .Control--indicator:after .control--radio .control__indicator:after {
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white; }

/*
    Dividers meant to be used on sections
*/
.section-divider {
  position: relative; }
  .section-divider:before, .section-divider:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 10; }
  .section-divider:before {
    bottom: 100%; }
  .section-divider:after {
    top: 100%; }

.section-divider.m-top-only:after {
  content: none; }

.section-divider.m-bottom-only:before {
  content: none; }

.section-divider.m-wings:before, .section-divider.m-wings:after {
  height: 3rem;
  background-image: url("img/dividers/wing-69271c3c90421d431edebbba7d0f0ce9f75861ea2f2a7855af93dff7b79235c18a0c42674d2b11239e41ed9d290066dd96a4a8e0d53b8472c464fc0590140f7b.png"); }

.section-divider.m-wings:after {
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1); }

.section-divider.m-wings-lg:before, .section-divider.m-wings-lg:after {
  height: 3rem;
  background-image: url("img/scene/deco-961c7a2105392c84e18599be2a28c2de5da372afbdc1a34c2faca5f845a6fd8aaa4e0411bfc87d0bd2091aead62aebe2f54b8d4cb0953a35ebbbe0ced0122b16.png"); }

.section-divider.m-wings-lg:after {
  -webkit-transform: scale(1, -1);
      -ms-transform: scale(1, -1);
          transform: scale(1, -1); }

.section-divider.m-line:before, .section-divider.m-line:after {
  height: 2px;
  border: 2px solid rgba(114, 114, 114, 0.7); }

.section-divider.m-inset:before {
  top: 0;
  bottom: auto;
  -webkit-transform: scale3d(1, -1, 1);
          transform: scale3d(1, -1, 1); }

.section-divider.m-inset:after {
  bottom: 0;
  top: auto;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1); }

.event-divider,
.wood-divider {
  position: relative; }
  .event-divider:before,
  .wood-divider:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    border-top-width: 0;
    border-bottom-width: 0;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px); }
  .event-divider:before,
  .wood-divider:before {
    height: 25px; }
    @media only screen and (min-width: 992px) {
      .event-divider:before,
      .wood-divider:before {
        height: 65px;
        -webkit-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
                transform: translateY(-15px); } }

.wood-divider:before {
  background: url("img/components/dividers/ww-divider-mobile-2a7845bc098f1dfc40ddcb2c1544a86346c43e2a501ec5260f9a0686879b3b706238f23d087aca5f221e2101b4602c486ffe57f85383ad615dfedecfb5272640.png"); }
  @media only screen and (min-width: 992px) {
    .wood-divider:before {
      background: url("img/components/dividers/ww-divider-desktop-0b985ab5964bb0142f25d2e6eb943a868d89e9099919c99c70f96b049c08b84df49296d8b6839dffe0c6c01509b57505ee0a1d8880920acf4cc43927d8353e6c.png"); } }

.wood-divider.wood-divider--one:before {
  background-position-y: 0; }

.wood-divider.wood-divider--two:before {
  background-position-y: -48px; }
  @media only screen and (min-width: 992px) {
    .wood-divider.wood-divider--two:before {
      background-position-y: -65px; } }

.wood-divider.wood-divider--three:before {
  background-position-y: -96px; }
  @media only screen and (min-width: 992px) {
    .wood-divider.wood-divider--three:before {
      background-position-y: -196px; } }

.fadein-animation {
  opacity: 0.0;
  -webkit-transform: translateY(25px);
      -ms-transform: translateY(25px);
          transform: translateY(25px);
  -webkit-transition: opacity 750ms ease-out, -webkit-transform 750ms ease-out;
  transition: opacity 750ms ease-out, -webkit-transform 750ms ease-out;
  transition: opacity 750ms ease-out, transform 750ms ease-out;
  transition: opacity 750ms ease-out, transform 750ms ease-out, -webkit-transform 750ms ease-out; }

.fadein-animation.is-visible {
  opacity: 1.0;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px); }

.Filter, .filter {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.Filter-sort, .filter-platform,
.filter-sort, .filter-platform {
  color: #405275; }

.Filter-sort,
.filter-sort {
  margin-bottom: 10px; }
  @media only screen and (min-width: 992px) {
    .Filter-sort,
    .filter-sort {
      margin-bottom: 0px; } }

.Filter-sort-label {
  margin-right: 6px; }

.Filter-sort-option,
.filter-sort-option {
  margin: 0 3px;
  padding-right: 5px;
  border-width: 0px 2px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  color: #333333; }
  .Filter-sort-option:last-child, .Filter-sort-option:last-of-type,
  .filter-sort-option:last-child,
  .filter-sort-option:last-of-type {
    border-right: none; }
  .Filter-sort-option:hover, .Filter-sort-option.is-selected,
  .filter-sort-option:hover,
  .filter-sort-option.is-selected {
    color: white;
    cursor: pointer; }

.Filter-text, .filter-text {
  margin-right: 15px; }

.Filter-platform-list {
  display: inline-block; }

.Filter-platform-list-item {
  margin-top: 5px; }
  .Filter-platform-list-item:first-child {
    margin-top: 0px; }
  @media only screen and (min-width: 400px) {
    .Filter-platform-list-item {
      margin-top: 0px;
      display: inline-block;
      margin-left: 20px; }
      .Filter-platform-list-item:first-child {
        margin-left: 0px; } }

.Filter-platform,
.filter-platform {
  text-align: left; }

.Filter-platform-input {
  vertical-align: middle;
  margin-left: 1rem;
  margin-right: .5rem; }

.overwatch-footer {
  background-image: url("img/pages/buy/buy-bar-bg-b848f091bff6072bda7671311ce459727decd0281e85902958bc8d6b0b4d342875ad58385fa809928fd9b6bff0f7945217aed6e32581b6718a12fb99ab240f1c.jpg"); }

.social-footer-header {
  margin-top: 4px;
  font-family: "Big Noodle Too", impact, sans-serif;
  font-style: italic;
  color: #F6F6F6;
  letter-spacing: 0.05rem; }

.social-container {
  margin-top: 5px; }

.footer-rule {
  margin: 0px 0px;
  max-width: none;
  border-bottom: 2px solid #cacaca;
  opacity: 0.1;
  background: none; }

.footer ul ul {
  margin-right: 0rem;
  margin-left: 0rem; }

.footer .footer-section .ratings .rating-wrapper {
  float: none; }
  @media only screen and (min-width: 992px) {
    .footer .footer-section .ratings .rating-wrapper {
      float: left; } }

.footer-career {
  margin-top: 20px;
  text-align: center; }

.footer-prepurchase {
  padding: 36px 0 30px; }

.bootstrap-footer > .footer {
  max-width: 100%;
  margin: 0;
  background-color: #f0edf2; }

.bootstrap-footer .row {
  margin: 0; }

.bootstrap-footer .desktop-footer-container {
  width: 100%;
  max-width: 1250px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .bootstrap-footer .desktop-footer-container {
      padding-left: 30px;
      padding-right: 30px; } }

.bootstrap-footer .mobile-footer-container > .footer-section {
  width: 100%;
  max-width: 1250px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8px; }
  @media only screen and (min-width: 768px) {
    .bootstrap-footer .mobile-footer-container > .footer-section {
      padding-left: 30px;
      padding-right: 30px; } }

.dropdown-section > .btn {
  font-family: "Arial", sans-serif; }

#eu-cookie-compliance .btn {
  width: auto;
  font-family: Blizzard,Arial,Helvetica,sans-serif;
  font-weight: normal; }

#eu-cookie-compliance .modal-header {
  text-align: left;
  margin: 19px 20px 0 0px; }
  #eu-cookie-compliance .modal-header h1 {
    font-style: normal; }

#eu-cookie-compliance .modal-body {
  text-align: left; }

.footer-prepurchase {
  padding-top: 36px;
  padding-bottom: 30px; }

.footer-container {
  background-color: #F0EDF2; }
  .footer-container > .NavbarFooter {
    margin-top: 0;
    padding-top: 20px; }

/* Expected output of this loop will be classes such as:
    ** .row.gutter-6 > .column, .row.gutter-12 > .column
    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column
    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column
    */
.row.gutter-0 > .column, .row.gutter-0 > .columns, .row.gutter-0.column, .row.gutter-0.columns {
  padding-left: 0px;
  padding-right: 0px; }

.row.gutter-0 .row {
  margin-left: 0px;
  margin-right: 0px; }

.row.gutter-6 > .column, .row.gutter-6 > .columns, .row.gutter-6.column, .row.gutter-6.columns {
  padding-left: 3px;
  padding-right: 3px; }

.row.gutter-6 .row {
  margin-left: -3px;
  margin-right: -3px; }

.row.gutter-12 > .column, .row.gutter-12 > .columns, .row.gutter-12.column, .row.gutter-12.columns {
  padding-left: 6px;
  padding-right: 6px; }

.row.gutter-12 .row {
  margin-left: -6px;
  margin-right: -6px; }

.row.gutter-18 > .column, .row.gutter-18 > .columns, .row.gutter-18.column, .row.gutter-18.columns {
  padding-left: 9px;
  padding-right: 9px; }

.row.gutter-18 .row {
  margin-left: -9px;
  margin-right: -9px; }

.row.gutter-24 > .column, .row.gutter-24 > .columns, .row.gutter-24.column, .row.gutter-24.columns {
  padding-left: 12px;
  padding-right: 12px; }

.row.gutter-24 .row {
  margin-left: -12px;
  margin-right: -12px; }

.row.gutter-30 > .column, .row.gutter-30 > .columns, .row.gutter-30.column, .row.gutter-30.columns {
  padding-left: 15px;
  padding-right: 15px; }

.row.gutter-30 .row {
  margin-left: -15px;
  margin-right: -15px; }

.row.gutter-36 > .column, .row.gutter-36 > .columns, .row.gutter-36.column, .row.gutter-36.columns {
  padding-left: 18px;
  padding-right: 18px; }

.row.gutter-36 .row {
  margin-left: -18px;
  margin-right: -18px; }

.row.gutter-42 > .column, .row.gutter-42 > .columns, .row.gutter-42.column, .row.gutter-42.columns {
  padding-left: 21px;
  padding-right: 21px; }

.row.gutter-42 .row {
  margin-left: -21px;
  margin-right: -21px; }

.row.gutter-48 > .column, .row.gutter-48 > .columns, .row.gutter-48.column, .row.gutter-48.columns {
  padding-left: 24px;
  padding-right: 24px; }

.row.gutter-48 .row {
  margin-left: -24px;
  margin-right: -24px; }

.row.gutter-54 > .column, .row.gutter-54 > .columns, .row.gutter-54.column, .row.gutter-54.columns {
  padding-left: 27px;
  padding-right: 27px; }

.row.gutter-54 .row {
  margin-left: -27px;
  margin-right: -27px; }

.row.gutter-60 > .column, .row.gutter-60 > .columns, .row.gutter-60.column, .row.gutter-60.columns {
  padding-left: 30px;
  padding-right: 30px; }

.row.gutter-60 .row {
  margin-left: -30px;
  margin-right: -30px; }

/* Expected output of this loop will be classes such as:
    ** .row.spacer-6 > .column, .row.spacer-12 > .column
    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column
    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column
    */
.row.spacer-0 > .column, .row.spacer-0 > .columns, .row.spacer-0.column, .row.spacer-0.columns {
  margin-top: 0px;
  margin-bottom: 0px; }

.row.spacer-6 > .column, .row.spacer-6 > .columns, .row.spacer-6.column, .row.spacer-6.columns {
  margin-top: 3px;
  margin-bottom: 3px; }

.row.spacer-12 > .column, .row.spacer-12 > .columns, .row.spacer-12.column, .row.spacer-12.columns {
  margin-top: 6px;
  margin-bottom: 6px; }

.row.spacer-18 > .column, .row.spacer-18 > .columns, .row.spacer-18.column, .row.spacer-18.columns {
  margin-top: 9px;
  margin-bottom: 9px; }

.row.spacer-24 > .column, .row.spacer-24 > .columns, .row.spacer-24.column, .row.spacer-24.columns {
  margin-top: 12px;
  margin-bottom: 12px; }

.row.spacer-30 > .column, .row.spacer-30 > .columns, .row.spacer-30.column, .row.spacer-30.columns {
  margin-top: 15px;
  margin-bottom: 15px; }

.row.spacer-36 > .column, .row.spacer-36 > .columns, .row.spacer-36.column, .row.spacer-36.columns {
  margin-top: 18px;
  margin-bottom: 18px; }

.row.spacer-42 > .column, .row.spacer-42 > .columns, .row.spacer-42.column, .row.spacer-42.columns {
  margin-top: 21px;
  margin-bottom: 21px; }

.row.spacer-48 > .column, .row.spacer-48 > .columns, .row.spacer-48.column, .row.spacer-48.columns {
  margin-top: 24px;
  margin-bottom: 24px; }

.row.spacer-54 > .column, .row.spacer-54 > .columns, .row.spacer-54.column, .row.spacer-54.columns {
  margin-top: 27px;
  margin-bottom: 27px; }

.row.spacer-60 > .column, .row.spacer-60 > .columns, .row.spacer-60.column, .row.spacer-60.columns {
  margin-top: 30px;
  margin-bottom: 30px; }

@media only screen and (min-width: 0px) {
  /* Expected output of this loop will be classes such as:
    ** .row.gutter-6 > .column, .row.gutter-12 > .column
    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column
    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column
    */
  .row.gutter-0\@xs > .column, .row.gutter-0\@xs > .columns, .row.gutter-0\@xs.column, .row.gutter-0\@xs.columns {
    padding-left: 0px;
    padding-right: 0px; }
  .row.gutter-0\@xs .row {
    margin-left: 0px;
    margin-right: 0px; }
  .row.gutter-6\@xs > .column, .row.gutter-6\@xs > .columns, .row.gutter-6\@xs.column, .row.gutter-6\@xs.columns {
    padding-left: 3px;
    padding-right: 3px; }
  .row.gutter-6\@xs .row {
    margin-left: -3px;
    margin-right: -3px; }
  .row.gutter-12\@xs > .column, .row.gutter-12\@xs > .columns, .row.gutter-12\@xs.column, .row.gutter-12\@xs.columns {
    padding-left: 6px;
    padding-right: 6px; }
  .row.gutter-12\@xs .row {
    margin-left: -6px;
    margin-right: -6px; }
  .row.gutter-18\@xs > .column, .row.gutter-18\@xs > .columns, .row.gutter-18\@xs.column, .row.gutter-18\@xs.columns {
    padding-left: 9px;
    padding-right: 9px; }
  .row.gutter-18\@xs .row {
    margin-left: -9px;
    margin-right: -9px; }
  .row.gutter-24\@xs > .column, .row.gutter-24\@xs > .columns, .row.gutter-24\@xs.column, .row.gutter-24\@xs.columns {
    padding-left: 12px;
    padding-right: 12px; }
  .row.gutter-24\@xs .row {
    margin-left: -12px;
    margin-right: -12px; }
  .row.gutter-30\@xs > .column, .row.gutter-30\@xs > .columns, .row.gutter-30\@xs.column, .row.gutter-30\@xs.columns {
    padding-left: 15px;
    padding-right: 15px; }
  .row.gutter-30\@xs .row {
    margin-left: -15px;
    margin-right: -15px; }
  .row.gutter-36\@xs > .column, .row.gutter-36\@xs > .columns, .row.gutter-36\@xs.column, .row.gutter-36\@xs.columns {
    padding-left: 18px;
    padding-right: 18px; }
  .row.gutter-36\@xs .row {
    margin-left: -18px;
    margin-right: -18px; }
  .row.gutter-42\@xs > .column, .row.gutter-42\@xs > .columns, .row.gutter-42\@xs.column, .row.gutter-42\@xs.columns {
    padding-left: 21px;
    padding-right: 21px; }
  .row.gutter-42\@xs .row {
    margin-left: -21px;
    margin-right: -21px; }
  .row.gutter-48\@xs > .column, .row.gutter-48\@xs > .columns, .row.gutter-48\@xs.column, .row.gutter-48\@xs.columns {
    padding-left: 24px;
    padding-right: 24px; }
  .row.gutter-48\@xs .row {
    margin-left: -24px;
    margin-right: -24px; }
  .row.gutter-54\@xs > .column, .row.gutter-54\@xs > .columns, .row.gutter-54\@xs.column, .row.gutter-54\@xs.columns {
    padding-left: 27px;
    padding-right: 27px; }
  .row.gutter-54\@xs .row {
    margin-left: -27px;
    margin-right: -27px; }
  .row.gutter-60\@xs > .column, .row.gutter-60\@xs > .columns, .row.gutter-60\@xs.column, .row.gutter-60\@xs.columns {
    padding-left: 30px;
    padding-right: 30px; }
  .row.gutter-60\@xs .row {
    margin-left: -30px;
    margin-right: -30px; }
  /* Expected output of this loop will be classes such as:
    ** .row.spacer-6 > .column, .row.spacer-12 > .column
    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column
    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column
    */
  .row.spacer-0\@xs > .column, .row.spacer-0\@xs > .columns, .row.spacer-0\@xs.column, .row.spacer-0\@xs.columns {
    margin-top: 0px;
    margin-bottom: 0px; }
  .row.spacer-6\@xs > .column, .row.spacer-6\@xs > .columns, .row.spacer-6\@xs.column, .row.spacer-6\@xs.columns {
    margin-top: 3px;
    margin-bottom: 3px; }
  .row.spacer-12\@xs > .column, .row.spacer-12\@xs > .columns, .row.spacer-12\@xs.column, .row.spacer-12\@xs.columns {
    margin-top: 6px;
    margin-bottom: 6px; }
  .row.spacer-18\@xs > .column, .row.spacer-18\@xs > .columns, .row.spacer-18\@xs.column, .row.spacer-18\@xs.columns {
    margin-top: 9px;
    margin-bottom: 9px; }
  .row.spacer-24\@xs > .column, .row.spacer-24\@xs > .columns, .row.spacer-24\@xs.column, .row.spacer-24\@xs.columns {
    margin-top: 12px;
    margin-bottom: 12px; }
  .row.spacer-30\@xs > .column, .row.spacer-30\@xs > .columns, .row.spacer-30\@xs.column, .row.spacer-30\@xs.columns {
    margin-top: 15px;
    margin-bottom: 15px; }
  .row.spacer-36\@xs > .column, .row.spacer-36\@xs > .columns, .row.spacer-36\@xs.column, .row.spacer-36\@xs.columns {
    margin-top: 18px;
    margin-bottom: 18px; }
  .row.spacer-42\@xs > .column, .row.spacer-42\@xs > .columns, .row.spacer-42\@xs.column, .row.spacer-42\@xs.columns {
    margin-top: 21px;
    margin-bottom: 21px; }
  .row.spacer-48\@xs > .column, .row.spacer-48\@xs > .columns, .row.spacer-48\@xs.column, .row.spacer-48\@xs.columns {
    margin-top: 24px;
    margin-bottom: 24px; }
  .row.spacer-54\@xs > .column, .row.spacer-54\@xs > .columns, .row.spacer-54\@xs.column, .row.spacer-54\@xs.columns {
    margin-top: 27px;
    margin-bottom: 27px; }
  .row.spacer-60\@xs > .column, .row.spacer-60\@xs > .columns, .row.spacer-60\@xs.column, .row.spacer-60\@xs.columns {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media only screen and (min-width: 400px) {
  /* Expected output of this loop will be classes such as:
    ** .row.gutter-6 > .column, .row.gutter-12 > .column
    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column
    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column
    */
  .row.gutter-0\@sm > .column, .row.gutter-0\@sm > .columns, .row.gutter-0\@sm.column, .row.gutter-0\@sm.columns {
    padding-left: 0px;
    padding-right: 0px; }
  .row.gutter-0\@sm .row {
    margin-left: 0px;
    margin-right: 0px; }
  .row.gutter-6\@sm > .column, .row.gutter-6\@sm > .columns, .row.gutter-6\@sm.column, .row.gutter-6\@sm.columns {
    padding-left: 3px;
    padding-right: 3px; }
  .row.gutter-6\@sm .row {
    margin-left: -3px;
    margin-right: -3px; }
  .row.gutter-12\@sm > .column, .row.gutter-12\@sm > .columns, .row.gutter-12\@sm.column, .row.gutter-12\@sm.columns {
    padding-left: 6px;
    padding-right: 6px; }
  .row.gutter-12\@sm .row {
    margin-left: -6px;
    margin-right: -6px; }
  .row.gutter-18\@sm > .column, .row.gutter-18\@sm > .columns, .row.gutter-18\@sm.column, .row.gutter-18\@sm.columns {
    padding-left: 9px;
    padding-right: 9px; }
  .row.gutter-18\@sm .row {
    margin-left: -9px;
    margin-right: -9px; }
  .row.gutter-24\@sm > .column, .row.gutter-24\@sm > .columns, .row.gutter-24\@sm.column, .row.gutter-24\@sm.columns {
    padding-left: 12px;
    padding-right: 12px; }
  .row.gutter-24\@sm .row {
    margin-left: -12px;
    margin-right: -12px; }
  .row.gutter-30\@sm > .column, .row.gutter-30\@sm > .columns, .row.gutter-30\@sm.column, .row.gutter-30\@sm.columns {
    padding-left: 15px;
    padding-right: 15px; }
  .row.gutter-30\@sm .row {
    margin-left: -15px;
    margin-right: -15px; }
  .row.gutter-36\@sm > .column, .row.gutter-36\@sm > .columns, .row.gutter-36\@sm.column, .row.gutter-36\@sm.columns {
    padding-left: 18px;
    padding-right: 18px; }
  .row.gutter-36\@sm .row {
    margin-left: -18px;
    margin-right: -18px; }
  .row.gutter-42\@sm > .column, .row.gutter-42\@sm > .columns, .row.gutter-42\@sm.column, .row.gutter-42\@sm.columns {
    padding-left: 21px;
    padding-right: 21px; }
  .row.gutter-42\@sm .row {
    margin-left: -21px;
    margin-right: -21px; }
  .row.gutter-48\@sm > .column, .row.gutter-48\@sm > .columns, .row.gutter-48\@sm.column, .row.gutter-48\@sm.columns {
    padding-left: 24px;
    padding-right: 24px; }
  .row.gutter-48\@sm .row {
    margin-left: -24px;
    margin-right: -24px; }
  .row.gutter-54\@sm > .column, .row.gutter-54\@sm > .columns, .row.gutter-54\@sm.column, .row.gutter-54\@sm.columns {
    padding-left: 27px;
    padding-right: 27px; }
  .row.gutter-54\@sm .row {
    margin-left: -27px;
    margin-right: -27px; }
  .row.gutter-60\@sm > .column, .row.gutter-60\@sm > .columns, .row.gutter-60\@sm.column, .row.gutter-60\@sm.columns {
    padding-left: 30px;
    padding-right: 30px; }
  .row.gutter-60\@sm .row {
    margin-left: -30px;
    margin-right: -30px; }
  /* Expected output of this loop will be classes such as:
    ** .row.spacer-6 > .column, .row.spacer-12 > .column
    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column
    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column
    */
  .row.spacer-0\@sm > .column, .row.spacer-0\@sm > .columns, .row.spacer-0\@sm.column, .row.spacer-0\@sm.columns {
    margin-top: 0px;
    margin-bottom: 0px; }
  .row.spacer-6\@sm > .column, .row.spacer-6\@sm > .columns, .row.spacer-6\@sm.column, .row.spacer-6\@sm.columns {
    margin-top: 3px;
    margin-bottom: 3px; }
  .row.spacer-12\@sm > .column, .row.spacer-12\@sm > .columns, .row.spacer-12\@sm.column, .row.spacer-12\@sm.columns {
    margin-top: 6px;
    margin-bottom: 6px; }
  .row.spacer-18\@sm > .column, .row.spacer-18\@sm > .columns, .row.spacer-18\@sm.column, .row.spacer-18\@sm.columns {
    margin-top: 9px;
    margin-bottom: 9px; }
  .row.spacer-24\@sm > .column, .row.spacer-24\@sm > .columns, .row.spacer-24\@sm.column, .row.spacer-24\@sm.columns {
    margin-top: 12px;
    margin-bottom: 12px; }
  .row.spacer-30\@sm > .column, .row.spacer-30\@sm > .columns, .row.spacer-30\@sm.column, .row.spacer-30\@sm.columns {
    margin-top: 15px;
    margin-bottom: 15px; }
  .row.spacer-36\@sm > .column, .row.spacer-36\@sm > .columns, .row.spacer-36\@sm.column, .row.spacer-36\@sm.columns {
    margin-top: 18px;
    margin-bottom: 18px; }
  .row.spacer-42\@sm > .column, .row.spacer-42\@sm > .columns, .row.spacer-42\@sm.column, .row.spacer-42\@sm.columns {
    margin-top: 21px;
    margin-bottom: 21px; }
  .row.spacer-48\@sm > .column, .row.spacer-48\@sm > .columns, .row.spacer-48\@sm.column, .row.spacer-48\@sm.columns {
    margin-top: 24px;
    margin-bottom: 24px; }
  .row.spacer-54\@sm > .column, .row.spacer-54\@sm > .columns, .row.spacer-54\@sm.column, .row.spacer-54\@sm.columns {
    margin-top: 27px;
    margin-bottom: 27px; }
  .row.spacer-60\@sm > .column, .row.spacer-60\@sm > .columns, .row.spacer-60\@sm.column, .row.spacer-60\@sm.columns {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media only screen and (min-width: 768px) {
  /* Expected output of this loop will be classes such as:
    ** .row.gutter-6 > .column, .row.gutter-12 > .column
    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column
    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column
    */
  .row.gutter-0\@md > .column, .row.gutter-0\@md > .columns, .row.gutter-0\@md.column, .row.gutter-0\@md.columns {
    padding-left: 0px;
    padding-right: 0px; }
  .row.gutter-0\@md .row {
    margin-left: 0px;
    margin-right: 0px; }
  .row.gutter-6\@md > .column, .row.gutter-6\@md > .columns, .row.gutter-6\@md.column, .row.gutter-6\@md.columns {
    padding-left: 3px;
    padding-right: 3px; }
  .row.gutter-6\@md .row {
    margin-left: -3px;
    margin-right: -3px; }
  .row.gutter-12\@md > .column, .row.gutter-12\@md > .columns, .row.gutter-12\@md.column, .row.gutter-12\@md.columns {
    padding-left: 6px;
    padding-right: 6px; }
  .row.gutter-12\@md .row {
    margin-left: -6px;
    margin-right: -6px; }
  .row.gutter-18\@md > .column, .row.gutter-18\@md > .columns, .row.gutter-18\@md.column, .row.gutter-18\@md.columns {
    padding-left: 9px;
    padding-right: 9px; }
  .row.gutter-18\@md .row {
    margin-left: -9px;
    margin-right: -9px; }
  .row.gutter-24\@md > .column, .row.gutter-24\@md > .columns, .row.gutter-24\@md.column, .row.gutter-24\@md.columns {
    padding-left: 12px;
    padding-right: 12px; }
  .row.gutter-24\@md .row {
    margin-left: -12px;
    margin-right: -12px; }
  .row.gutter-30\@md > .column, .row.gutter-30\@md > .columns, .row.gutter-30\@md.column, .row.gutter-30\@md.columns {
    padding-left: 15px;
    padding-right: 15px; }
  .row.gutter-30\@md .row {
    margin-left: -15px;
    margin-right: -15px; }
  .row.gutter-36\@md > .column, .row.gutter-36\@md > .columns, .row.gutter-36\@md.column, .row.gutter-36\@md.columns {
    padding-left: 18px;
    padding-right: 18px; }
  .row.gutter-36\@md .row {
    margin-left: -18px;
    margin-right: -18px; }
  .row.gutter-42\@md > .column, .row.gutter-42\@md > .columns, .row.gutter-42\@md.column, .row.gutter-42\@md.columns {
    padding-left: 21px;
    padding-right: 21px; }
  .row.gutter-42\@md .row {
    margin-left: -21px;
    margin-right: -21px; }
  .row.gutter-48\@md > .column, .row.gutter-48\@md > .columns, .row.gutter-48\@md.column, .row.gutter-48\@md.columns {
    padding-left: 24px;
    padding-right: 24px; }
  .row.gutter-48\@md .row {
    margin-left: -24px;
    margin-right: -24px; }
  .row.gutter-54\@md > .column, .row.gutter-54\@md > .columns, .row.gutter-54\@md.column, .row.gutter-54\@md.columns {
    padding-left: 27px;
    padding-right: 27px; }
  .row.gutter-54\@md .row {
    margin-left: -27px;
    margin-right: -27px; }
  .row.gutter-60\@md > .column, .row.gutter-60\@md > .columns, .row.gutter-60\@md.column, .row.gutter-60\@md.columns {
    padding-left: 30px;
    padding-right: 30px; }
  .row.gutter-60\@md .row {
    margin-left: -30px;
    margin-right: -30px; }
  /* Expected output of this loop will be classes such as:
    ** .row.spacer-6 > .column, .row.spacer-12 > .column
    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column
    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column
    */
  .row.spacer-0\@md > .column, .row.spacer-0\@md > .columns, .row.spacer-0\@md.column, .row.spacer-0\@md.columns {
    margin-top: 0px;
    margin-bottom: 0px; }
  .row.spacer-6\@md > .column, .row.spacer-6\@md > .columns, .row.spacer-6\@md.column, .row.spacer-6\@md.columns {
    margin-top: 3px;
    margin-bottom: 3px; }
  .row.spacer-12\@md > .column, .row.spacer-12\@md > .columns, .row.spacer-12\@md.column, .row.spacer-12\@md.columns {
    margin-top: 6px;
    margin-bottom: 6px; }
  .row.spacer-18\@md > .column, .row.spacer-18\@md > .columns, .row.spacer-18\@md.column, .row.spacer-18\@md.columns {
    margin-top: 9px;
    margin-bottom: 9px; }
  .row.spacer-24\@md > .column, .row.spacer-24\@md > .columns, .row.spacer-24\@md.column, .row.spacer-24\@md.columns {
    margin-top: 12px;
    margin-bottom: 12px; }
  .row.spacer-30\@md > .column, .row.spacer-30\@md > .columns, .row.spacer-30\@md.column, .row.spacer-30\@md.columns {
    margin-top: 15px;
    margin-bottom: 15px; }
  .row.spacer-36\@md > .column, .row.spacer-36\@md > .columns, .row.spacer-36\@md.column, .row.spacer-36\@md.columns {
    margin-top: 18px;
    margin-bottom: 18px; }
  .row.spacer-42\@md > .column, .row.spacer-42\@md > .columns, .row.spacer-42\@md.column, .row.spacer-42\@md.columns {
    margin-top: 21px;
    margin-bottom: 21px; }
  .row.spacer-48\@md > .column, .row.spacer-48\@md > .columns, .row.spacer-48\@md.column, .row.spacer-48\@md.columns {
    margin-top: 24px;
    margin-bottom: 24px; }
  .row.spacer-54\@md > .column, .row.spacer-54\@md > .columns, .row.spacer-54\@md.column, .row.spacer-54\@md.columns {
    margin-top: 27px;
    margin-bottom: 27px; }
  .row.spacer-60\@md > .column, .row.spacer-60\@md > .columns, .row.spacer-60\@md.column, .row.spacer-60\@md.columns {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media only screen and (min-width: 992px) {
  /* Expected output of this loop will be classes such as:
    ** .row.gutter-6 > .column, .row.gutter-12 > .column
    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column
    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column
    */
  .row.gutter-0\@lg > .column, .row.gutter-0\@lg > .columns, .row.gutter-0\@lg.column, .row.gutter-0\@lg.columns {
    padding-left: 0px;
    padding-right: 0px; }
  .row.gutter-0\@lg .row {
    margin-left: 0px;
    margin-right: 0px; }
  .row.gutter-6\@lg > .column, .row.gutter-6\@lg > .columns, .row.gutter-6\@lg.column, .row.gutter-6\@lg.columns {
    padding-left: 3px;
    padding-right: 3px; }
  .row.gutter-6\@lg .row {
    margin-left: -3px;
    margin-right: -3px; }
  .row.gutter-12\@lg > .column, .row.gutter-12\@lg > .columns, .row.gutter-12\@lg.column, .row.gutter-12\@lg.columns {
    padding-left: 6px;
    padding-right: 6px; }
  .row.gutter-12\@lg .row {
    margin-left: -6px;
    margin-right: -6px; }
  .row.gutter-18\@lg > .column, .row.gutter-18\@lg > .columns, .row.gutter-18\@lg.column, .row.gutter-18\@lg.columns {
    padding-left: 9px;
    padding-right: 9px; }
  .row.gutter-18\@lg .row {
    margin-left: -9px;
    margin-right: -9px; }
  .row.gutter-24\@lg > .column, .row.gutter-24\@lg > .columns, .row.gutter-24\@lg.column, .row.gutter-24\@lg.columns {
    padding-left: 12px;
    padding-right: 12px; }
  .row.gutter-24\@lg .row {
    margin-left: -12px;
    margin-right: -12px; }
  .row.gutter-30\@lg > .column, .row.gutter-30\@lg > .columns, .row.gutter-30\@lg.column, .row.gutter-30\@lg.columns {
    padding-left: 15px;
    padding-right: 15px; }
  .row.gutter-30\@lg .row {
    margin-left: -15px;
    margin-right: -15px; }
  .row.gutter-36\@lg > .column, .row.gutter-36\@lg > .columns, .row.gutter-36\@lg.column, .row.gutter-36\@lg.columns {
    padding-left: 18px;
    padding-right: 18px; }
  .row.gutter-36\@lg .row {
    margin-left: -18px;
    margin-right: -18px; }
  .row.gutter-42\@lg > .column, .row.gutter-42\@lg > .columns, .row.gutter-42\@lg.column, .row.gutter-42\@lg.columns {
    padding-left: 21px;
    padding-right: 21px; }
  .row.gutter-42\@lg .row {
    margin-left: -21px;
    margin-right: -21px; }
  .row.gutter-48\@lg > .column, .row.gutter-48\@lg > .columns, .row.gutter-48\@lg.column, .row.gutter-48\@lg.columns {
    padding-left: 24px;
    padding-right: 24px; }
  .row.gutter-48\@lg .row {
    margin-left: -24px;
    margin-right: -24px; }
  .row.gutter-54\@lg > .column, .row.gutter-54\@lg > .columns, .row.gutter-54\@lg.column, .row.gutter-54\@lg.columns {
    padding-left: 27px;
    padding-right: 27px; }
  .row.gutter-54\@lg .row {
    margin-left: -27px;
    margin-right: -27px; }
  .row.gutter-60\@lg > .column, .row.gutter-60\@lg > .columns, .row.gutter-60\@lg.column, .row.gutter-60\@lg.columns {
    padding-left: 30px;
    padding-right: 30px; }
  .row.gutter-60\@lg .row {
    margin-left: -30px;
    margin-right: -30px; }
  /* Expected output of this loop will be classes such as:
    ** .row.spacer-6 > .column, .row.spacer-12 > .column
    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column
    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column
    */
  .row.spacer-0\@lg > .column, .row.spacer-0\@lg > .columns, .row.spacer-0\@lg.column, .row.spacer-0\@lg.columns {
    margin-top: 0px;
    margin-bottom: 0px; }
  .row.spacer-6\@lg > .column, .row.spacer-6\@lg > .columns, .row.spacer-6\@lg.column, .row.spacer-6\@lg.columns {
    margin-top: 3px;
    margin-bottom: 3px; }
  .row.spacer-12\@lg > .column, .row.spacer-12\@lg > .columns, .row.spacer-12\@lg.column, .row.spacer-12\@lg.columns {
    margin-top: 6px;
    margin-bottom: 6px; }
  .row.spacer-18\@lg > .column, .row.spacer-18\@lg > .columns, .row.spacer-18\@lg.column, .row.spacer-18\@lg.columns {
    margin-top: 9px;
    margin-bottom: 9px; }
  .row.spacer-24\@lg > .column, .row.spacer-24\@lg > .columns, .row.spacer-24\@lg.column, .row.spacer-24\@lg.columns {
    margin-top: 12px;
    margin-bottom: 12px; }
  .row.spacer-30\@lg > .column, .row.spacer-30\@lg > .columns, .row.spacer-30\@lg.column, .row.spacer-30\@lg.columns {
    margin-top: 15px;
    margin-bottom: 15px; }
  .row.spacer-36\@lg > .column, .row.spacer-36\@lg > .columns, .row.spacer-36\@lg.column, .row.spacer-36\@lg.columns {
    margin-top: 18px;
    margin-bottom: 18px; }
  .row.spacer-42\@lg > .column, .row.spacer-42\@lg > .columns, .row.spacer-42\@lg.column, .row.spacer-42\@lg.columns {
    margin-top: 21px;
    margin-bottom: 21px; }
  .row.spacer-48\@lg > .column, .row.spacer-48\@lg > .columns, .row.spacer-48\@lg.column, .row.spacer-48\@lg.columns {
    margin-top: 24px;
    margin-bottom: 24px; }
  .row.spacer-54\@lg > .column, .row.spacer-54\@lg > .columns, .row.spacer-54\@lg.column, .row.spacer-54\@lg.columns {
    margin-top: 27px;
    margin-bottom: 27px; }
  .row.spacer-60\@lg > .column, .row.spacer-60\@lg > .columns, .row.spacer-60\@lg.column, .row.spacer-60\@lg.columns {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media only screen and (min-width: 1280px) {
  /* Expected output of this loop will be classes such as:
    ** .row.gutter-6 > .column, .row.gutter-12 > .column
    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column
    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column
    */
  .row.gutter-0\@xl > .column, .row.gutter-0\@xl > .columns, .row.gutter-0\@xl.column, .row.gutter-0\@xl.columns {
    padding-left: 0px;
    padding-right: 0px; }
  .row.gutter-0\@xl .row {
    margin-left: 0px;
    margin-right: 0px; }
  .row.gutter-6\@xl > .column, .row.gutter-6\@xl > .columns, .row.gutter-6\@xl.column, .row.gutter-6\@xl.columns {
    padding-left: 3px;
    padding-right: 3px; }
  .row.gutter-6\@xl .row {
    margin-left: -3px;
    margin-right: -3px; }
  .row.gutter-12\@xl > .column, .row.gutter-12\@xl > .columns, .row.gutter-12\@xl.column, .row.gutter-12\@xl.columns {
    padding-left: 6px;
    padding-right: 6px; }
  .row.gutter-12\@xl .row {
    margin-left: -6px;
    margin-right: -6px; }
  .row.gutter-18\@xl > .column, .row.gutter-18\@xl > .columns, .row.gutter-18\@xl.column, .row.gutter-18\@xl.columns {
    padding-left: 9px;
    padding-right: 9px; }
  .row.gutter-18\@xl .row {
    margin-left: -9px;
    margin-right: -9px; }
  .row.gutter-24\@xl > .column, .row.gutter-24\@xl > .columns, .row.gutter-24\@xl.column, .row.gutter-24\@xl.columns {
    padding-left: 12px;
    padding-right: 12px; }
  .row.gutter-24\@xl .row {
    margin-left: -12px;
    margin-right: -12px; }
  .row.gutter-30\@xl > .column, .row.gutter-30\@xl > .columns, .row.gutter-30\@xl.column, .row.gutter-30\@xl.columns {
    padding-left: 15px;
    padding-right: 15px; }
  .row.gutter-30\@xl .row {
    margin-left: -15px;
    margin-right: -15px; }
  .row.gutter-36\@xl > .column, .row.gutter-36\@xl > .columns, .row.gutter-36\@xl.column, .row.gutter-36\@xl.columns {
    padding-left: 18px;
    padding-right: 18px; }
  .row.gutter-36\@xl .row {
    margin-left: -18px;
    margin-right: -18px; }
  .row.gutter-42\@xl > .column, .row.gutter-42\@xl > .columns, .row.gutter-42\@xl.column, .row.gutter-42\@xl.columns {
    padding-left: 21px;
    padding-right: 21px; }
  .row.gutter-42\@xl .row {
    margin-left: -21px;
    margin-right: -21px; }
  .row.gutter-48\@xl > .column, .row.gutter-48\@xl > .columns, .row.gutter-48\@xl.column, .row.gutter-48\@xl.columns {
    padding-left: 24px;
    padding-right: 24px; }
  .row.gutter-48\@xl .row {
    margin-left: -24px;
    margin-right: -24px; }
  .row.gutter-54\@xl > .column, .row.gutter-54\@xl > .columns, .row.gutter-54\@xl.column, .row.gutter-54\@xl.columns {
    padding-left: 27px;
    padding-right: 27px; }
  .row.gutter-54\@xl .row {
    margin-left: -27px;
    margin-right: -27px; }
  .row.gutter-60\@xl > .column, .row.gutter-60\@xl > .columns, .row.gutter-60\@xl.column, .row.gutter-60\@xl.columns {
    padding-left: 30px;
    padding-right: 30px; }
  .row.gutter-60\@xl .row {
    margin-left: -30px;
    margin-right: -30px; }
  /* Expected output of this loop will be classes such as:
    ** .row.spacer-6 > .column, .row.spacer-12 > .column
    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column
    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column
    */
  .row.spacer-0\@xl > .column, .row.spacer-0\@xl > .columns, .row.spacer-0\@xl.column, .row.spacer-0\@xl.columns {
    margin-top: 0px;
    margin-bottom: 0px; }
  .row.spacer-6\@xl > .column, .row.spacer-6\@xl > .columns, .row.spacer-6\@xl.column, .row.spacer-6\@xl.columns {
    margin-top: 3px;
    margin-bottom: 3px; }
  .row.spacer-12\@xl > .column, .row.spacer-12\@xl > .columns, .row.spacer-12\@xl.column, .row.spacer-12\@xl.columns {
    margin-top: 6px;
    margin-bottom: 6px; }
  .row.spacer-18\@xl > .column, .row.spacer-18\@xl > .columns, .row.spacer-18\@xl.column, .row.spacer-18\@xl.columns {
    margin-top: 9px;
    margin-bottom: 9px; }
  .row.spacer-24\@xl > .column, .row.spacer-24\@xl > .columns, .row.spacer-24\@xl.column, .row.spacer-24\@xl.columns {
    margin-top: 12px;
    margin-bottom: 12px; }
  .row.spacer-30\@xl > .column, .row.spacer-30\@xl > .columns, .row.spacer-30\@xl.column, .row.spacer-30\@xl.columns {
    margin-top: 15px;
    margin-bottom: 15px; }
  .row.spacer-36\@xl > .column, .row.spacer-36\@xl > .columns, .row.spacer-36\@xl.column, .row.spacer-36\@xl.columns {
    margin-top: 18px;
    margin-bottom: 18px; }
  .row.spacer-42\@xl > .column, .row.spacer-42\@xl > .columns, .row.spacer-42\@xl.column, .row.spacer-42\@xl.columns {
    margin-top: 21px;
    margin-bottom: 21px; }
  .row.spacer-48\@xl > .column, .row.spacer-48\@xl > .columns, .row.spacer-48\@xl.column, .row.spacer-48\@xl.columns {
    margin-top: 24px;
    margin-bottom: 24px; }
  .row.spacer-54\@xl > .column, .row.spacer-54\@xl > .columns, .row.spacer-54\@xl.column, .row.spacer-54\@xl.columns {
    margin-top: 27px;
    margin-bottom: 27px; }
  .row.spacer-60\@xl > .column, .row.spacer-60\@xl > .columns, .row.spacer-60\@xl.column, .row.spacer-60\@xl.columns {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media only screen and (min-width: 1600px) {
  /* Expected output of this loop will be classes such as:
    ** .row.gutter-6 > .column, .row.gutter-12 > .column
    ** .row.gutter-18@sm > .column, .row.gutter-24@sm > .column
    ** .row.gutter-6@md > .column, .row.gutter-30@lg > .column
    */
  .row.gutter-0\@xxl > .column, .row.gutter-0\@xxl > .columns, .row.gutter-0\@xxl.column, .row.gutter-0\@xxl.columns {
    padding-left: 0px;
    padding-right: 0px; }
  .row.gutter-0\@xxl .row {
    margin-left: 0px;
    margin-right: 0px; }
  .row.gutter-6\@xxl > .column, .row.gutter-6\@xxl > .columns, .row.gutter-6\@xxl.column, .row.gutter-6\@xxl.columns {
    padding-left: 3px;
    padding-right: 3px; }
  .row.gutter-6\@xxl .row {
    margin-left: -3px;
    margin-right: -3px; }
  .row.gutter-12\@xxl > .column, .row.gutter-12\@xxl > .columns, .row.gutter-12\@xxl.column, .row.gutter-12\@xxl.columns {
    padding-left: 6px;
    padding-right: 6px; }
  .row.gutter-12\@xxl .row {
    margin-left: -6px;
    margin-right: -6px; }
  .row.gutter-18\@xxl > .column, .row.gutter-18\@xxl > .columns, .row.gutter-18\@xxl.column, .row.gutter-18\@xxl.columns {
    padding-left: 9px;
    padding-right: 9px; }
  .row.gutter-18\@xxl .row {
    margin-left: -9px;
    margin-right: -9px; }
  .row.gutter-24\@xxl > .column, .row.gutter-24\@xxl > .columns, .row.gutter-24\@xxl.column, .row.gutter-24\@xxl.columns {
    padding-left: 12px;
    padding-right: 12px; }
  .row.gutter-24\@xxl .row {
    margin-left: -12px;
    margin-right: -12px; }
  .row.gutter-30\@xxl > .column, .row.gutter-30\@xxl > .columns, .row.gutter-30\@xxl.column, .row.gutter-30\@xxl.columns {
    padding-left: 15px;
    padding-right: 15px; }
  .row.gutter-30\@xxl .row {
    margin-left: -15px;
    margin-right: -15px; }
  .row.gutter-36\@xxl > .column, .row.gutter-36\@xxl > .columns, .row.gutter-36\@xxl.column, .row.gutter-36\@xxl.columns {
    padding-left: 18px;
    padding-right: 18px; }
  .row.gutter-36\@xxl .row {
    margin-left: -18px;
    margin-right: -18px; }
  .row.gutter-42\@xxl > .column, .row.gutter-42\@xxl > .columns, .row.gutter-42\@xxl.column, .row.gutter-42\@xxl.columns {
    padding-left: 21px;
    padding-right: 21px; }
  .row.gutter-42\@xxl .row {
    margin-left: -21px;
    margin-right: -21px; }
  .row.gutter-48\@xxl > .column, .row.gutter-48\@xxl > .columns, .row.gutter-48\@xxl.column, .row.gutter-48\@xxl.columns {
    padding-left: 24px;
    padding-right: 24px; }
  .row.gutter-48\@xxl .row {
    margin-left: -24px;
    margin-right: -24px; }
  .row.gutter-54\@xxl > .column, .row.gutter-54\@xxl > .columns, .row.gutter-54\@xxl.column, .row.gutter-54\@xxl.columns {
    padding-left: 27px;
    padding-right: 27px; }
  .row.gutter-54\@xxl .row {
    margin-left: -27px;
    margin-right: -27px; }
  .row.gutter-60\@xxl > .column, .row.gutter-60\@xxl > .columns, .row.gutter-60\@xxl.column, .row.gutter-60\@xxl.columns {
    padding-left: 30px;
    padding-right: 30px; }
  .row.gutter-60\@xxl .row {
    margin-left: -30px;
    margin-right: -30px; }
  /* Expected output of this loop will be classes such as:
    ** .row.spacer-6 > .column, .row.spacer-12 > .column
    ** .row.spacer-18@sm > .column, .row.spacer-24@sm > .column
    ** .row.spacer-6@md > .column, .row.spacer-30@lg > .column
    */
  .row.spacer-0\@xxl > .column, .row.spacer-0\@xxl > .columns, .row.spacer-0\@xxl.column, .row.spacer-0\@xxl.columns {
    margin-top: 0px;
    margin-bottom: 0px; }
  .row.spacer-6\@xxl > .column, .row.spacer-6\@xxl > .columns, .row.spacer-6\@xxl.column, .row.spacer-6\@xxl.columns {
    margin-top: 3px;
    margin-bottom: 3px; }
  .row.spacer-12\@xxl > .column, .row.spacer-12\@xxl > .columns, .row.spacer-12\@xxl.column, .row.spacer-12\@xxl.columns {
    margin-top: 6px;
    margin-bottom: 6px; }
  .row.spacer-18\@xxl > .column, .row.spacer-18\@xxl > .columns, .row.spacer-18\@xxl.column, .row.spacer-18\@xxl.columns {
    margin-top: 9px;
    margin-bottom: 9px; }
  .row.spacer-24\@xxl > .column, .row.spacer-24\@xxl > .columns, .row.spacer-24\@xxl.column, .row.spacer-24\@xxl.columns {
    margin-top: 12px;
    margin-bottom: 12px; }
  .row.spacer-30\@xxl > .column, .row.spacer-30\@xxl > .columns, .row.spacer-30\@xxl.column, .row.spacer-30\@xxl.columns {
    margin-top: 15px;
    margin-bottom: 15px; }
  .row.spacer-36\@xxl > .column, .row.spacer-36\@xxl > .columns, .row.spacer-36\@xxl.column, .row.spacer-36\@xxl.columns {
    margin-top: 18px;
    margin-bottom: 18px; }
  .row.spacer-42\@xxl > .column, .row.spacer-42\@xxl > .columns, .row.spacer-42\@xxl.column, .row.spacer-42\@xxl.columns {
    margin-top: 21px;
    margin-bottom: 21px; }
  .row.spacer-48\@xxl > .column, .row.spacer-48\@xxl > .columns, .row.spacer-48\@xxl.column, .row.spacer-48\@xxl.columns {
    margin-top: 24px;
    margin-bottom: 24px; }
  .row.spacer-54\@xxl > .column, .row.spacer-54\@xxl > .columns, .row.spacer-54\@xxl.column, .row.spacer-54\@xxl.columns {
    margin-top: 27px;
    margin-bottom: 27px; }
  .row.spacer-60\@xxl > .column, .row.spacer-60\@xxl > .columns, .row.spacer-60\@xxl.column, .row.spacer-60\@xxl.columns {
    margin-top: 30px;
    margin-bottom: 30px; } }

.navbars {
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  z-index: 97;
  max-width: 2560px;
  left: auto;
  right: auto; }

.nav-client #nav-client-bar {
  display: block;
  height: 44px;
  background-color: rgba(2, 25, 72, 0.3);
  width: 100%; }

@media only screen and (max-width: 767px) {
  .nav-client .nav-mobile-menubar,
  #nav-client-header.mobileEnabled #nav-client-bar {
    display: none; } }

.nav-client .nav-link {
  color: #e6e9ef;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }

#nav-client-header {
  z-index: 100; }

.nav-client .nav-mobile-menu-wrap {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) !important;
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1) !important; }

.nav-client #nav-blackout {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer; }

.nav-client .out ~ #nav-blackout {
  display: block !important;
  visibility: visible;
  opacity: 1; }

.hero-ability {
  margin-top: 22px;
  padding: 20px 12px 12px 12px;
  background-color: rgba(19, 42, 77, 0.2);
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .hero-ability {
      margin-top: 2px;
      padding: 0; } }

@media only screen and (max-width: 767px) {
  .hero-ability-descriptor {
    margin-top: 14px;
    text-align: center; } }

@media only screen and (min-width: 768px) {
  .hero-ability-descriptor {
    padding-right: 18px;
    display: table-cell;
    vertical-align: top; } }

@media only screen and (min-width: 992px) {
  .hero-ability-descriptor {
    padding: 20px 16px 20px 16px; } }

.hero-ability-descriptor > :first-child {
  text-transform: uppercase;
  color: #F6F6F6;
  margin-top: 0; }

.hero-ability-video {
  width: 100%;
  display: block;
  margin-top: 20px; }

@media only screen and (min-width: 992px) {
  .hero-ability-video {
    display: none; } }

.hero-ability-icon-container {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .hero-ability-icon-container {
      display: table-cell;
      vertical-align: middle;
      padding-left: 18px;
      padding-right: 18px; } }
  @media only screen and (min-width: 992px) {
    .hero-ability-icon-container {
      padding-left: 24px;
      padding-right: 24px;
      background-color: rgba(19, 42, 77, 0.1); } }

.hero-ability-icon-bg {
  position: relative;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(64, 82, 117, 0.4);
  border: 2px solid rgba(246, 246, 246, 0.4); }
  @media only screen and (min-width: 992px) {
    .hero-ability-icon-bg {
      width: 74px;
      height: 74px; } }

.hero-ability-icon-bg.m-hoverable.is-active, .hero-ability-icon-bg.m-hoverable:active, .hero-ability-icon-bg.m-hoverable:hover {
  background-color: rgba(64, 82, 117, 0.9);
  border: 2px solid rgba(246, 246, 246, 0.9); }

.hero-ability-icon {
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  max-height: 65%;
  max-width: 150%; }

.hero-ability-icon-bg.m-hoverable > .hero-ability-icon,
.hero-ability-icon.m-hoverable {
  opacity: 0.7; }

.hero-ability-icon-bg.m-hoverable.is-active > .hero-ability-icon, .hero-ability-icon-bg.m-hoverable:active > .hero-ability-icon, .hero-ability-icon-bg.m-hoverable:hover > .hero-ability-icon {
  opacity: 1; }

.hero-ability-icon.m-hoverable.is-active, .hero-ability-icon.m-hoverable:active, .hero-ability-icon.m-hoverable:hover {
  opacity: 1; }

.hero-ability-icon.m-small {
  height: 45%; }

.hero-ability-icon.m-weapon {
  height: 55%; }

.hero-bio > li {
  margin-top: 12px;
  margin-bottom: 12px; }

.hero-bio-copy {
  display: block;
  overflow: hidden;
  padding-left: 12px; }

.hero-bio-icon {
  width: 24px;
  height: 24px;
  fill: #00c3ff;
  float: left; }

.hero-bio-backstory {
  margin-top: 18px;
  background-color: rgba(19, 42, 77, 0.65);
  line-height: 1.6; }

.hero-bio-quote {
  font-family: "Big Noodle Too", impact, sans-serif;
  font-size: 2.5rem;
  font-style: italic;
  font-weight: normal;
  color: #00c3ff;
  letter-spacing: 0.5px; }
  @media only screen and (min-width: 768px) {
    .hero-bio-quote {
      font-size: 3.125rem; } }

.hero-detail {
  position: relative; }

.hero-detail-tabs {
  padding-bottom: 50px; }
  @media only screen and (min-width: 992px) {
    .hero-detail-tabs {
      padding-top: 72px; } }
  .hero-detail-tabs .tabs-title {
    width: 49.5%;
    margin-left: 1%;
    text-align: center; }

.hero-detail-description {
  border-left: 6px solid #00c3ff;
  padding-left: 18px;
  margin-left: 6px;
  margin-top: 18px;
  line-height: 1.6; }
  @media only screen and (min-width: 400px) {
    .hero-detail-description {
      max-width: 90%; } }

.hero-detail-title {
  margin-top: 0;
  color: #00c3ff; }

.hero-detail-title.m-indent {
  margin-left: 6px; }

.hero-detail-abilities {
  margin-top: 18px; }

.hero-detail-role-name {
  color: #F6F6F6;
  display: inline-block;
  vertical-align: text-top;
  line-height: .75;
  margin-top: 0; }

.hero-detail-role-icon {
  display: inline-block;
  vertical-align: text-top;
  margin-left: 14px;
  fill: #F6F6F6;
  height: 24px;
  width: 24px; }

.hero-detail-difficulty {
  margin: 12px 0; }
  @media only screen and (min-width: 768px) {
    .hero-detail-difficulty {
      margin: 0; } }

.hero-detail-wrapper {
  padding: 15px; }

.hero-detail-wrapper.m-no-pad-bot {
  padding-bottom: 0; }

.hero-detail-background, .hero-detail-video {
  display: none; }

.hero-detail-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-position: 75% top; }
  @media only screen and (min-width: 1600px) {
    .hero-detail-background {
      background-position: center top; } }

@media only screen and (min-width: 992px) {
  .hero-detail-video.is-active, .hero-detail-background.is-active {
    display: block; }
  .hero-detail-video > .video-background-vid.m-right-align {
    top: -40px;
    right: -280px; } }

@media only screen and (min-width: 1280px) {
  .hero-detail-video > .video-background-vid.m-right-align {
    top: -40px;
    right: -140px; } }

@media only screen and (min-width: 1600px) {
  .hero-detail-video > .video-background-vid.m-right-align {
    top: 0;
    right: 0; } }

@media only screen and (min-width: 400px) {
  .hero-detail-role {
    float: left; } }

@media only screen and (min-width: 768px) {
  .hero-detail-difficulty {
    float: right;
    min-width: 30%; } }

/*
    Hero portrait module
    modifiers: m-color-inverted
    states: is-active, :active, :hover, :focus
*/
.hero-portrait {
  display: inline-block;
  text-align: center; }

/** Notes on the mask:
** In order to prevent jumpiness, the box model for both non-active state and active states are equal.
** To compensate for the difference in the width and height between the scaled up version and the regular scaled version,
** margin is added to the regular scaled version, which should be equal to half the difference between the height.
** It's halved so that the space is distributed evenly on each side, resulting in the scaled up version appearing to remain
** centered on the same spot before and after it's hovered.
**/
.hero-portrait-image-mask {
  display: block;
  position: relative;
  width: 70px;
  height: 84px;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 2.4px;
  margin-bottom: 2.4px;
  border: 3px solid #F6F6F6;
  border-left-width: 0;
  border-right-width: 0;
  background-color: rgba(51, 51, 51, 0.9);
  background-clip: padding-box;
  overflow: hidden;
  border-radius: 7px;
  -webkit-transform: skew(25rad);
      -ms-transform: skew(25rad);
          transform: skew(25rad); }
  @media only screen and (min-width: 992px) {
    .hero-portrait.is-active > .hero-portrait-image-mask, .hero-portrait:hover > .hero-portrait-image-mask, .hero-portrait:focus > .hero-portrait-image-mask, .hero-portrait:active > .hero-portrait-image-mask {
      width: 84px;
      height: 100.8px;
      margin: -6px -1px;
      border-left-width: 3px;
      border-right-width: 3px;
      background-color: #ff9c00; } }

.hero-portrait-image {
  display: inline-block;
  width: calc(100% + 10px);
  height: 100%;
  background-size: auto 100%;
  background-position: 50% 50%;
  position: relative;
  -webkit-transform: skew(-25rad) translateX(-5px);
      -ms-transform: skew(-25rad) translateX(-5px);
          transform: skew(-25rad) translateX(-5px); }

.hero-portrait-label {
  position: relative;
  display: inline-block;
  top: -4.2px;
  margin-left: -10px;
  padding: 1px 10px;
  font-size: 1.28rem;
  color: #333333;
  white-space: nowrap; }
  .hero-portrait-label.m-color-inverted {
    color: #F6F6F6; }
  @media only screen and (min-width: 992px) {
    .hero-portrait.is-active > .hero-portrait-label, .hero-portrait:hover > .hero-portrait-label, .hero-portrait:focus > .hero-portrait-label, .hero-portrait:active > .hero-portrait-label {
      top: -8.4px;
      border-radius: 0.3rem;
      background-color: #F6F6F6;
      color: #333333; } }

body.ko-kr .portrait-title {
  font-family: "Koverwatch", sans-serif; }

body.ja-jp .hero-portrait-detailed > .container {
  height: 8rem; }

.hero-portrait-detailed {
  background: url("img/hero-portrait-detailed/hero-portrait-detailed-bg-f2fded168cc47adb3996a3a9a015da500f0b74099df2f6a33735cce9dc99bd6fbbd4c9a5d225dd107fe9d88da61db05a8b455687c301e6545244753bc979b819.jpg") no-repeat;
  background-size: cover;
  width: 184px;
  height: 319px;
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.4);
  display: block;
  border-radius: 1px;
  -webkit-transition: all 100ms;
  transition: all 100ms; }
  .hero-portrait-detailed:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 0 57px 14px rgba(0, 195, 255, 0.7);
            box-shadow: inset 0 0 57px 14px rgba(0, 195, 255, 0.7);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    -webkit-transition: inherit;
    transition: inherit; }
  .hero-portrait-detailed:hover {
    -webkit-transition: 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
    z-index: 10; }
  .hero-portrait-detailed:hover, .hero-portrait-detailed.m-selected:hover, .hero-portrait-detailed.m-subdued:hover {
    opacity: 1;
    -webkit-filter: none;
            filter: none;
    border-color: #fff; }
    .hero-portrait-detailed:hover:before, .hero-portrait-detailed.m-selected:hover:before, .hero-portrait-detailed.m-subdued:hover:before {
      visibility: hidden;
      opacity: 0; }
    .hero-portrait-detailed:hover > .container, .hero-portrait-detailed.m-selected:hover > .container, .hero-portrait-detailed.m-subdued:hover > .container {
      background-color: #fff;
      -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }
      .hero-portrait-detailed:hover > .container .icon, .hero-portrait-detailed.m-selected:hover > .container .icon, .hero-portrait-detailed.m-subdued:hover > .container .icon {
        fill: #1a325e; }
    .hero-portrait-detailed:hover .portrait-title, .hero-portrait-detailed.m-selected:hover .portrait-title, .hero-portrait-detailed.m-subdued:hover .portrait-title {
      color: #1a325e; }
  .hero-portrait-detailed > .portrait {
    width: 100%; }
  .hero-portrait-detailed > .container {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    text-align: center;
    height: 7rem;
    background: rgba(40, 53, 79, 0.9);
    -webkit-transition: all 100ms;
    transition: all 100ms; }
    .hero-portrait-detailed > .container > .icon {
      position: absolute;
      top: .8rem;
      left: .8rem;
      fill: #fff;
      -webkit-transition: inherit;
      transition: inherit; }
      .hero-portrait-detailed > .container > .icon svg {
        height: 1.8rem;
        width: 1.8rem; }
  .hero-portrait-detailed .portrait-title {
    font-size: 3.125rem;
    font-family: "Big Noodle Too", impact, sans-serif;
    font-style: italic;
    color: #d0d0dc;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 6px;
    -webkit-transition: inherit;
    transition: inherit; }
  .hero-portrait-detailed.m-selected > .container {
    background: rgba(0, 195, 255, 0.98); }
  .hero-portrait-detailed.m-selected .portrait-title {
    color: #fff; }
  .hero-portrait-detailed.m-selected::before {
    visibility: visible;
    opacity: 1; }
  .hero-portrait-detailed.m-subdued {
    opacity: 0.8;
    -webkit-filter: grayscale(40%);
            filter: grayscale(40%); }

.hero-pose {
  display: block;
  overflow: hidden; }

.hero-pose-image {
  display: block;
  height: 80vh;
  background-size: contain;
  background-position: center center; }

.hero-pose-name {
  position: relative;
  z-index: 0;
  text-align: center;
  color: #F6F6F6;
  background: -webkit-linear-gradient(#F6F6F6 50%, rgba(246, 246, 246, 0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

[hero-scene] {
  padding-bottom: 46.25%;
  position: relative;
  display: block;
  overflow: hidden; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    [hero-scene] {
      padding-bottom: 56.25%; } }
  @media only screen and (max-width: 767px) {
    [hero-scene] {
      padding-bottom: 84.77%;
      margin-top: 45px; } }
  [hero-scene] .scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      [hero-scene] .scene {
        display: none; } }
  [hero-scene] .fg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }
    @media only screen and (max-width: 767px) {
      [hero-scene] .fg {
        display: none; } }
  [hero-scene] .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  [hero-scene] .candy {
    background-image: url("img/scene/candy-895e91cbc198218dbe56fed67b590a7c37a8bc3ef29d4b8c2989edf2196cfdb4b6150e64cb6f57a01a26268ae764b4cc22da52168121287e68aa8a9891efd616.jpg");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: inherit;
    width: inherit;
    height: inherit;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      [hero-scene] .candy {
        display: none; } }
  [hero-scene] .mobile {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    position: inherit;
    width: inherit;
    height: inherit;
    z-index: 1;
    display: none; }
    @media only screen and (max-width: 767px) {
      [hero-scene] .mobile {
        background-image: url("img/scene/header-mobile-fc1a7fe3559021abf7fa80fc967d1d03b8f0eed989136d05ed8daaa45e843acfa3329465be2746279c04ba1a83ae2095bab77906efd5f2680b646a846aa1c55c.jpg");
        display: block; } }
  [hero-scene] .logo {
    background-image: url("/img/overwatch-logo-copyright.png");
    background-position: center top 37%;
    background-repeat: no-repeat;
    background-size: 35% auto;
    position: inherit;
    width: inherit;
    height: inherit;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      [hero-scene] .logo {
        background-position: center top 26%;
        background-size: 60% auto; } }
  [hero-scene] .layer {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 120% !important;
    text-align: center;
    z-index: inherit;
    background-repeat: no-repeat;
    bottom: -5%; }
    [hero-scene] .layer.left {
      left: 0 !important;
      right: auto !important;
      bottom: -5% !important;
      top: auto !important; }
    [hero-scene] .layer.right {
      left: auto !important;
      right: 0 !important;
      bottom: -5% !important;
      top: auto !important; }
    [hero-scene] .layer.tracer {
      z-index: 4;
      left: -1% !important;
      background-size: 28% auto;
      background-position: bottom left -6.5vw;
      background-image: url("img/scene/hero-left-1-fa62b53cb061e1bcadc488a220e63fb8e444c72a139c96e190f1b3a519de752e04da049c93e31c6520719cedf70973ff8f4d74311858c8c28dba9b56fa084a52.png"); }
    [hero-scene] .layer.widowmaker {
      z-index: 4;
      right: -1% !important;
      background-size: 26% auto;
      background-position: bottom -5vw right -5vw;
      background-image: url("img/scene/hero-right-1-825898d4d5f1cd8abe86b56f3d4edda96efde61339df0de69a4ba669f97e70362deccb4ef07aac6b8458e0c9fd1093be03c53927a7b6d81729d2294005f423da.png"); }
    [hero-scene] .layer.symmetra {
      z-index: 3;
      background-size: 19% auto;
      background-position: bottom left 8vw;
      background-image: url("img/scene/hero-left-2-44478067c4b29f6ef3838d680161c1150c4dc89eb9cd5499c14e4b04143624d23ca9591f320b50feffd1ea9998f2fce534aad30b9c861f2395126321a64c35af.png"); }
    [hero-scene] .layer.hanzo {
      z-index: 3;
      background-size: 21% auto;
      background-position: bottom -1vw right 7vw;
      background-image: url("img/scene/hero-right-2-e7c5b4539a2a41e1305a0b37400d278ab5f48b736d1d87cbcfaf82745da891050a0efffd245b2c84b42717e7a91ea94e1f37deeb4ec4df43e7fde47072bcf389.png"); }
    [hero-scene] .layer.soldier-76 {
      z-index: 2;
      background-size: 29% auto;
      background-position: bottom -5.5vw left 13vw;
      background-image: url("img/scene/hero-left-345-07dd522dd7d3697d97925b7a1bc0812fa67fa2066f612704eb7bc0379ada5a656f0689e06500c89b2fe3a667595875b09a4cc8f07b87fcef70c3e50aa7f56a07.png"); }
    [hero-scene] .layer.mercy {
      z-index: 2;
      background-size: 29% auto;
      background-position: bottom -3vw right 17vw;
      background-image: url("img/scene/hero-right-345-296082a131ba6c5f49982ea36cf523a86b119d04f8d5852a0519de16819a8e43b4eef32b8350205bfd802e7e2ad1a0532664e69a810e1a9ae4530edb03d5cad5.png"); }
    [hero-scene] .layer.winston {
      z-index: 1;
      background-size: 15% auto;
      background-position: top 19vw left 23vw;
      background-image: url("img/scene/hero-left-6-a585da98cd45d00e65da0c1130ee12de5bfb1e71f2d96050853fc610d61f7930fafd5e82a84cc2d897b0c31ebbdc4007db6fa03f155b457aa6a46cd598fe7ab3.png"); }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        [hero-scene] .layer.winston {
          background-position: top 25vw left 23vw; } }
    [hero-scene] .layer.pharah {
      z-index: 1;
      background-size: 23% auto;
      background-position: top 17vw right 18vw;
      background-image: url("img/scene/hero-right-6-d28f170b9794044d6b823ec08b52b7cfabc43424a587be6f8bad8a13eb5a43ea1df1d193d0ac1e8fe122070f7cc10dbcc4483abfb31eb8313944686d6e257da9.png"); }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        [hero-scene] .layer.pharah {
          background-position: top 22vw right 18vw; } }
  [hero-scene] .particles {
    width: inherit;
    height: inherit;
    position: inherit;
    z-index: 3;
    opacity: 0.25; }
  [hero-scene] .deco {
    width: inherit;
    height: inherit;
    position: inherit;
    bottom: 0;
    z-index: 2;
    background-image: url("img/scene/deco-961c7a2105392c84e18599be2a28c2de5da372afbdc1a34c2faca5f845a6fd8aaa4e0411bfc87d0bd2091aead62aebe2f54b8d4cb0953a35ebbbe0ced0122b16.png");
    background-position: bottom center;
    background-repeat: no-repeat; }
  [hero-scene] .video {
    width: inherit;
    height: inherit;
    z-index: 2;
    position: inherit;
    height: 100%;
    width: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media only screen and (max-width: 767px) {
      [hero-scene] .video {
        display: none; } }

@media only screen and (max-width: 767px) {
  body.zh-tw [hero-scene] .mobile {
    background-image: url("img/scene/header-mobile-tw-56226f3db2ffd86fd64bc93ecdfa9fad0726d204b86627c760b15d4df06f3e187b0dd121b86af2b7bf108c3bec623e4408a8d996d338713df684bef2962db3f8.jpg"); } }

#selectHeroes {
  background: url("img/bg-tmp-hero-mobile-0e22f0d6d0433ad18a7158c029b33abefe6bf0046188e2660dc4c28f7eaeae276793e28dd4146c7dd1fc1956e1da9ba2fda23d73e4030713f33967dc004b813a.jpg");
  background-size: cover;
  background-position: center bottom; }

.hero-select-navigation {
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 1600px;
  text-align: center; }
  .hero-select-navigation .hero-type-container {
    display: inline-table; }
    @media only screen and (min-width: 768px) {
      .hero-select-navigation .hero-type-container {
        margin-right: 18px;
        margin-left: 18px; } }
  .hero-select-navigation .hero-item {
    display: inline-block;
    margin-bottom: 16px; }
  .hero-select-navigation .nav-title {
    color: #fff; }
  .hero-select-navigation .hero-select-title {
    margin-top: 3rem;
    margin-bottom: 1.6rem;
    position: relative;
    text-align: center;
    width: 100%;
    display: table; }
    .hero-select-navigation .hero-select-title .heading-line {
      display: table-cell;
      width: 50%;
      position: relative; }
      .hero-select-navigation .hero-select-title .heading-line:before {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -1px;
        left: 0;
        width: 100%;
        height: 2px;
        opacity: .2;
        background: #fff; }
    .hero-select-navigation .hero-select-title > .text {
      word-break: keep-all;
      color: #fff;
      opacity: .6;
      padding: 0 3px;
      display: table-cell; }

.hero-selector .navigation-selector {
  margin-bottom: 64px; }

.hero-selector .hero-portrait-detailed {
  width: 100%;
  margin-bottom: 6px; }
  @media only screen and (min-width: 400px) {
    .hero-selector .hero-portrait-detailed {
      width: 176px;
      margin-right: 6px; } }
  @media only screen and (min-width: 768px) {
    .hero-selector .hero-portrait-detailed {
      width: 184px; } }

.HorizontalAccordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 60px;
  background-color: white; }

.HorizontalAccordion-column {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 10%;
          flex: 1 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #a1a1a1; }
  .HorizontalAccordion-column--arrow:before {
    content: '';
    display: inline-block;
    position: absolute;
    /*CSS Right-facing Triangle using borders*/
    border-color: #a1a1a1;
    border-width: 12px;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right: 0;
    width: 0;
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 10; }

.HorizontalAccordion-column + .HorizontalAccordion-column {
  border-left: 0; }

.HorizontalAccordion-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.HorizontalAccordion-image {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center; }

.HorizontalAccordion-content {
  max-height: 320px;
  overflow: hidden; }

.HorizontalAccordion-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 24px;
  width: 18px;
  height: 18px;
  fill: #ff9c00; }

.HorizontalAccordion-column:hover {
  -webkit-box-shadow: inset 0 0 50px 10px white;
          box-shadow: inset 0 0 50px 10px white; }

.HorizontalAccordion-icon.is-hover {
  bottom: 5.0rem;
  opacity: 0;
  width: 27px;
  -webkit-transition-property: width, bottom, opacity;
  transition-property: width, bottom, opacity;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-timing-function: ease-out, linear;
          transition-timing-function: ease-out, linear;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center; }

.HorizontalAccordion-image {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out, linear;
          transition-timing-function: ease-out, linear;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms; }
  .HorizontalAccordion-image.is-hover, .HorizontalAccordion-column.is-open .HorizontalAccordion-image {
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85); }

.HorizontalAccordion-column {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: -webkit-flex-basis;
  transition-property: -webkit-flex-basis;
  transition-property: flex-basis;
  transition-property: flex-basis, -webkit-flex-basis, -ms-flex-preferred-size;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms; }

.HorizontalAccordion-column.is-open {
  -ms-flex-preferred-size: 54%;
      flex-basis: 54%; }
  @media only screen and (min-width: 1600px) {
    .HorizontalAccordion-column.is-open {
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%; } }
  .HorizontalAccordion-column.is-open .HorizontalAccordion-icon {
    opacity: 0; }

.HorizontalAccordion-content {
  max-width: 0;
  opacity: 0; }
  @supports (transition-property: flex-basis) {
    .HorizontalAccordion-content {
      -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
              transform-origin: left center;
      -webkit-transition-property: max-width, opacity;
      transition-property: max-width, opacity;
      -webkit-transition-delay: 10ms, 1ms;
              transition-delay: 10ms, 1ms;
      -webkit-transition-duration: 400ms, 30ms;
              transition-duration: 400ms, 30ms;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; } }

.HorizontalAccordion-content.is-visible {
  max-width: 516px;
  opacity: 1; }
  @supports (transition-property: flex-basis) {
    .HorizontalAccordion-content.is-visible {
      -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
              transform-origin: left center;
      -webkit-transition-property: max-width, opacity;
      transition-property: max-width, opacity;
      -webkit-transition-delay: 1ms, 400ms;
              transition-delay: 1ms, 400ms;
      -webkit-transition-duration: 300ms, 400ms;
              transition-duration: 300ms, 400ms;
      -webkit-transition-timing-function: ease-out;
              transition-timing-function: ease-out; } }
  @media only screen and (min-width: 1600px) {
    .HorizontalAccordion-content.is-visible {
      max-width: 40em; } }

html.safari .HorizontalAccordion-content, html.safari .HorizontalAccordion-content.is-visible {
  -webkit-transition: none;
  transition: none; }

.HorizontalAccordion-media {
  opacity: 0; }

.HorizontalAccordion-column.is-viewable:nth-child(1) .HorizontalAccordion-media {
  -webkit-animation-name: bounce-move-from-top;
          animation-name: bounce-move-from-top;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms; }

.HorizontalAccordion-column.is-viewable:nth-child(2) .HorizontalAccordion-media {
  -webkit-animation-name: bounce-move-from-top;
          animation-name: bounce-move-from-top;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms; }

.HorizontalAccordion-column.is-viewable:nth-child(3) .HorizontalAccordion-media {
  -webkit-animation-name: bounce-move-from-top;
          animation-name: bounce-move-from-top;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-delay: 350ms;
          animation-delay: 350ms; }

.HorizontalAccordion-column.is-viewable:nth-child(4) .HorizontalAccordion-media {
  -webkit-animation-name: bounce-move-from-top;
          animation-name: bounce-move-from-top;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  -webkit-animation-delay: 450ms;
          animation-delay: 450ms; }

@-webkit-keyframes bounce-move-from-top {
  0% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    border-width: 0;
    opacity: 0; }
  25% {
    opacity: 1; }
  65% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  85% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    border-width: 1px;
    opacity: 1; } }

@keyframes bounce-move-from-top {
  0% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    border-width: 0;
    opacity: 0; }
  25% {
    opacity: 1; }
  65% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  85% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    border-width: 1px;
    opacity: 1; } }

.instruction-popout-box {
  display: none;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 30px;
  background-color: #001932;
  border: 1px solid #263b51;
  border-radius: 8px;
  cursor: default !important; }
  .instruction-popout-box.open {
    display: block; }
  @media only screen and (max-width: 991px) {
    .instruction-popout-box {
      width: 100%;
      height: 100%;
      border: none; } }
  @media only screen and (max-width: 767px) {
    .instruction-popout-box {
      padding: 18px; } }
  .instruction-popout-box .instruction-popout-box-title {
    font-size: 1.6rem; }
    .instruction-popout-box .instruction-popout-box-title h4 {
      font-size: 3.125rem; }
      @media only screen and (max-width: 767px) {
        .instruction-popout-box .instruction-popout-box-title h4 {
          font-size: 2rem; } }
  .instruction-popout-box .instruction-popout-box-steps {
    font-size: 2rem;
    margin-top: 10px; }
    @media only screen and (max-width: 991px) {
      .instruction-popout-box .instruction-popout-box-steps {
        font-size: 1.6rem; } }
    @media only screen and (max-width: 767px) {
      .instruction-popout-box .instruction-popout-box-steps {
        font-size: 1.28rem; } }
    .instruction-popout-box .instruction-popout-box-steps p {
      margin: 0px; }
  .instruction-popout-box .instruction-popout-box-exit {
    background-image: url("img/icons/exit-6995bf071494b53418e09978bfcf0e815eb9d52d839921ac76f255a09632ef097e1373d04e09c8be8bf71509c32f35a98f8b8ac8362cb695ce0a9849a121e889.png");
    background-size: 100%;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    cursor: pointer; }
  .instruction-popout-box .pc-download-btn {
    margin-top: 14px; }

.intro-text {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal; }
  @media only screen and (min-width: 768px) {
    .intro-text {
      font-size: 2.5rem; } }

.intro-heading {
  text-shadow: 0 4px 5px rgba(60, 72, 96, 0.5); }

.intro-trailer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 18px; }
  @media only screen and (min-width: 400px) {
    .intro-trailer {
      margin-top: 60px; } }

.intro-heading-gradient-blue {
  background: -webkit-linear-gradient(top, #3f6493 10%, #345177 100%);
  background-image: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 5px rgba(60, 72, 96, 0.5); }

.egg#egg-particles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 97;
  pointer-events: none; }

.link {
  cursor: pointer; }

body.ko-kr .link.primary {
  font-family: "BlackFit77", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal; }

.link.primary {
  text-transform: uppercase;
  text-decoration: none;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  line-height: normal;
  color: #FF9A00; }

.link.primary:hover {
  color: #F6F6F6; }

.loader {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }

.loader.is-active {
  display: block; }

.loader-svg {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100px;
  height: 100px;
  fill: white; }

.map {
  background-size: cover;
  display: block;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.28); }
  .map-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: inherit;
    background-clip: inherit;
    background-position: inherit; }
  .map.m-image {
    background-size: cover;
    background-clip: padding-box;
    background-position: center; }
  .map.m-2-1 {
    padding-top: 50%; }
  .map.m-4-3 {
    padding-top: 75%; }
  .map.m-16-9 {
    padding-top: 56.25%; }
  .map.m-10-9 {
    padding-top: 90%; }
  .map.m-20-9 {
    padding-top: 45%; }
  @media only screen and (min-width: 0px) and (max-width: 399px) {
    .map.m-2-1\@xs {
      padding-top: 50%; }
    .map.m-4-3\@xs {
      padding-top: 75%; }
    .map.m-16-9\@xs {
      padding-top: 56.25%; }
    .map.m-10-9\@xs {
      padding-top: 90%; }
    .map.m-20-9\@xs {
      padding-top: 45%; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) {
    .map.m-2-1\@sm {
      padding-top: 50%; }
    .map.m-4-3\@sm {
      padding-top: 75%; }
    .map.m-16-9\@sm {
      padding-top: 56.25%; }
    .map.m-10-9\@sm {
      padding-top: 90%; }
    .map.m-20-9\@sm {
      padding-top: 45%; } }
  @media only screen and (min-width: 400px) {
    .map.m-2-1\@sm-min {
      padding-top: 50%; }
    .map.m-4-3\@sm-min {
      padding-top: 75%; }
    .map.m-16-9\@sm-min {
      padding-top: 56.25%; }
    .map.m-10-9\@sm-min {
      padding-top: 90%; }
    .map.m-20-9\@sm-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .map.m-2-1\@md {
      padding-top: 50%; }
    .map.m-4-3\@md {
      padding-top: 75%; }
    .map.m-16-9\@md {
      padding-top: 56.25%; }
    .map.m-10-9\@md {
      padding-top: 90%; }
    .map.m-20-9\@md {
      padding-top: 45%; } }
  @media only screen and (min-width: 768px) {
    .map.m-2-1\@md-min {
      padding-top: 50%; }
    .map.m-4-3\@md-min {
      padding-top: 75%; }
    .map.m-16-9\@md-min {
      padding-top: 56.25%; }
    .map.m-10-9\@md-min {
      padding-top: 90%; }
    .map.m-20-9\@md-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) {
    .map.m-2-1\@lg {
      padding-top: 50%; }
    .map.m-4-3\@lg {
      padding-top: 75%; }
    .map.m-16-9\@lg {
      padding-top: 56.25%; }
    .map.m-10-9\@lg {
      padding-top: 90%; }
    .map.m-20-9\@lg {
      padding-top: 45%; } }
  @media only screen and (min-width: 992px) {
    .map.m-2-1\@lg-min {
      padding-top: 50%; }
    .map.m-4-3\@lg-min {
      padding-top: 75%; }
    .map.m-16-9\@lg-min {
      padding-top: 56.25%; }
    .map.m-10-9\@lg-min {
      padding-top: 90%; }
    .map.m-20-9\@lg-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) {
    .map.m-2-1\@xl {
      padding-top: 50%; }
    .map.m-4-3\@xl {
      padding-top: 75%; }
    .map.m-16-9\@xl {
      padding-top: 56.25%; }
    .map.m-10-9\@xl {
      padding-top: 90%; }
    .map.m-20-9\@xl {
      padding-top: 45%; } }
  @media only screen and (min-width: 1280px) {
    .map.m-2-1\@xl-min {
      padding-top: 50%; }
    .map.m-4-3\@xl-min {
      padding-top: 75%; }
    .map.m-16-9\@xl-min {
      padding-top: 56.25%; }
    .map.m-10-9\@xl-min {
      padding-top: 90%; }
    .map.m-20-9\@xl-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .map.m-2-1\@xxl {
      padding-top: 50%; }
    .map.m-4-3\@xxl {
      padding-top: 75%; }
    .map.m-16-9\@xxl {
      padding-top: 56.25%; }
    .map.m-10-9\@xxl {
      padding-top: 90%; }
    .map.m-20-9\@xxl {
      padding-top: 45%; } }
  @media only screen and (min-width: 1600px) {
    .map.m-2-1\@xxl-min {
      padding-top: 50%; }
    .map.m-4-3\@xxl-min {
      padding-top: 75%; }
    .map.m-16-9\@xxl-min {
      padding-top: 56.25%; }
    .map.m-10-9\@xxl-min {
      padding-top: 90%; }
    .map.m-20-9\@xxl-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) {
    .map.m-2-1\@xxxl {
      padding-top: 50%; }
    .map.m-4-3\@xxxl {
      padding-top: 75%; }
    .map.m-16-9\@xxxl {
      padding-top: 56.25%; }
    .map.m-10-9\@xxxl {
      padding-top: 90%; }
    .map.m-20-9\@xxxl {
      padding-top: 45%; } }
  @media only screen and (min-width: 2560px) {
    .map.m-2-1\@xxxl-min {
      padding-top: 50%; }
    .map.m-4-3\@xxxl-min {
      padding-top: 75%; }
    .map.m-16-9\@xxxl-min {
      padding-top: 56.25%; }
    .map.m-10-9\@xxxl-min {
      padding-top: 90%; }
    .map.m-20-9\@xxxl-min {
      padding-top: 45%; } }

.map-gradient {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5) 100%); }

.map-name-wrapper {
  position: absolute;
  vertical-align: middle;
  text-align: right;
  bottom: 0px;
  width: 100%;
  padding-right: 4%;
  padding-bottom: 2%; }

.map-flag {
  height: 3.14vw;
  margin-right: 5px;
  display: inline-block;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .map-flag {
      height: 1.82vw; } }
  @media only screen and (min-width: 992px) {
    .map-flag {
      height: 17px; } }

.map-name {
  font-style: italic;
  font-size: 5vw;
  font-family: "Big Noodle Too", impact, sans-serif;
  letter-spacing: 1.5px;
  display: inline-block;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .map-name {
      font-size: 2.5vw; } }
  @media only screen and (min-width: 992px) {
    .map-name {
      font-size: 2vw; } }
  @media only screen and (min-width: 1280px) {
    .map-name {
      font-size: 2.5rem; } }

body.ko-kr nav[role=main] .nav-btn, body.ko-kr nav[role=mobile] .nav-btn {
  font-family: "BlackFit77", sans-serif; }

body.home.is-logged-in nav[role=main].is-contracted {
  background-color: rgba(0, 0, 0, 0.75); }

nav[role=main] {
  display: none;
  position: relative;
  left: 0;
  right: 0;
  max-width: 1600px;
  height: 50px;
  margin: 20px 20px 0;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-transition: all 100ms, background-color 300ms;
  transition: all 100ms, background-color 300ms;
  z-index: 97; }
  @media only screen and (min-width: 992px) {
    nav[role=main] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap; } }
  @media only screen and (min-width: 1600px) {
    nav[role=main] {
      margin-left: auto;
      margin-right: auto; } }
  nav[role=main].is-expanded {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0; }
    @media only screen and (min-width: 1600px) {
      nav[role=main].is-expanded {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto; } }
  nav[role=main].is-contracted {
    margin-top: 20px; }
    @media only screen and (min-width: 1280px) {
      nav[role=main].is-contracted body.home, body.nav-transparent nav[role=main].is-contracted {
        background-color: transparent; } }
    nav[role=main].is-contracted body.home.is-submenu-open, nav[role=main].is-contracted body.home.is-search-open, nav[role=main].is-contracted body.home:hover, body.nav-transparent nav[role=main].is-contracted.is-submenu-open, body.nav-transparent nav[role=main].is-contracted.is-search-open, body.nav-transparent nav[role=main].is-contracted:hover {
      background-color: rgba(0, 0, 0, 0.75); }
    @media only screen and (min-width: 992px) {
      body.nav-transparent nav[role=main].is-contracted {
        background-color: transparent; } }
  nav[role=main] .nav-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
    @media only screen and (min-width: 992px) {
      nav[role=main] .nav-section.m-right\@lg-min {
        margin-left: auto; } }
    nav[role=main] .nav-section.m-right {
      margin-left: auto;
      display: block; }
  nav[role=main] .nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
    nav[role=main] .nav-menu > li {
      display: inline-block;
      height: 100%; }
  nav[role=main] .nav-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.28rem;
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: background-color 200ms, color 200ms;
    transition: background-color 200ms, color 200ms;
    position: relative;
    white-space: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    vertical-align: middle; }
    @media only screen and (min-width: 1280px) {
      nav[role=main] .nav-btn {
        padding: 0 12px;
        font-size: 1.6rem; } }
    nav[role=main] .nav-btn.m-dark {
      background-color: rgba(0, 0, 0, 0.15); }
      nav[role=main] .nav-btn.m-dark:hover {
        background-color: rgba(0, 0, 0, 0.75); }
    nav[role=main] .nav-btn.m-orange {
      background-color: #f7931e; }
      nav[role=main] .nav-btn.m-orange:hover {
        background-color: #f89e35; }
    nav[role=main] .nav-btn.m-user {
      padding-top: 4px;
      padding-bottom: 4px; }
    nav[role=main] .nav-btn.m-buy {
      min-width: 74px;
      height: 30px;
      margin-top: auto;
      margin-bottom: auto; }
      @media only screen and (min-width: 992px) {
        nav[role=main] .nav-btn.m-buy {
          min-width: 104px; } }
    nav[role=main] .nav-btn.m-has-children:after {
      content: '';
      background-image: url("img/caret-gray-3f3873972cedea546db0be5c318d11b1686fb1eb1433b2866c0775cc51c252c373438f4d7448ec1884efbd64a4efb80e0422f635b40cf4ef46e22d81c609c2bc.png");
      width: 12px;
      height: 7px;
      background-position: center center;
      display: inline-block;
      margin: 0 0 2px 8px;
      -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg); }
    nav[role=main] .nav-btn.m-has-children.m-open:after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    nav[role=main] .nav-btn:hover, nav[role=main] .nav-btn.m-open, nav[role=main] .nav-btn.m-active {
      -webkit-transition: none;
      transition: none;
      color: #ff9c00; }
  nav[role=main] .nav-buy-btn {
    font-size: 1.6rem; }
  nav[role=main] .nav-menu.m-sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    height: auto;
    margin: 2px 0 0 0;
    background-color: rgba(0, 0, 0, 0.75);
    border-radius: 4px; }
    nav[role=main] .nav-menu.m-sub-menu > li {
      display: block;
      height: auto; }
    nav[role=main] .nav-menu.m-sub-menu.m-open {
      display: block; }
    nav[role=main] .nav-menu.m-sub-menu:before {
      content: '';
      width: 100%;
      background-color: red; }
    nav[role=main] .nav-menu.m-sub-menu .nav-btn {
      display: block;
      line-height: 30px;
      padding: 0 24px 0 8px;
      font-size: 1.024rem;
      text-align: left;
      font-weight: 100; }
      @media only screen and (min-width: 1280px) {
        nav[role=main] .nav-menu.m-sub-menu .nav-btn {
          font-size: 1.28rem; } }
  nav[role=main] .nav-logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    width: 52px;
    padding: 10px;
    fill: #F6F6F6; }
    @media (min-width: 1280px) {
      nav[role=main] .nav-logo {
        width: 220px;
        padding: 12px; } }
  nav[role=main] .nav-logo > svg {
    width: 100%;
    height: 100%; }
  nav[role=main] .nav-user-name {
    font-size: 1.28rem;
    display: inline-block;
    position: relative;
    display: inline-block;
    color: #f7931e;
    text-transform: none;
    line-height: 1; }
  nav[role=main] .nav-view-profile {
    display: block;
    color: #f0edf2;
    font-weight: normal;
    white-space: nowrap;
    font-size: 1.024rem;
    line-height: 1;
    margin-top: 5px;
    font-family: "Arial", sans-serif; }
  nav[role=main] .nav-user-icon {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center center;
    margin-left: 8px; }

nav[role=mobile] {
  font-size: 1.6rem;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.85);
  letter-spacing: 0.05em;
  z-index: 99; }
  nav[role=mobile] a {
    color: inherit; }
  nav[role=mobile] .nav-logo {
    display: inline-block;
    width: 100%;
    height: 134px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 25px;
    fill: #fff; }
  nav[role=mobile] .nav-menu {
    margin: 0; }
    nav[role=mobile] .nav-menu.m-sub-menu {
      display: none; }
      nav[role=mobile] .nav-menu.m-sub-menu .nav-btn {
        color: rgba(255, 255, 255, 0.5);
        border-top: none;
        padding: 18px 51px; }
    nav[role=mobile] .nav-menu.m-open {
      display: block; }
    nav[role=mobile] .nav-menu li:last-child .nav-btn {
      border-bottom: 1px solid #313d56; }
  nav[role=mobile] .nav-btn {
    display: block;
    width: 100%;
    padding: 18px 24px;
    border-bottom: 1px solid #313d56;
    border-left: 2px solid transparent;
    line-height: 1;
    text-align: left;
    color: rgba(255, 255, 255, 0.7);
    outline: none;
    -webkit-transition: background-color 200ms, color 200ms;
    transition: background-color 200ms, color 200ms; }
    nav[role=mobile] .nav-btn:hover {
      background-color: #39455d;
      color: #fff;
      -webkit-transition: none;
      transition: none; }
    nav[role=mobile] .nav-btn.m-active {
      border-left-color: #00c3ff; }
    nav[role=mobile] .nav-btn.m-dark {
      background-color: rgba(0, 0, 0, 0.15); }
      nav[role=mobile] .nav-btn.m-dark:hover {
        background-color: rgba(0, 0, 0, 0.075); }
    nav[role=mobile] .nav-btn.m-orange {
      text-shadow: none;
      background-color: #ff9c00; }
      nav[role=mobile] .nav-btn.m-orange:hover {
        background-color: #ffb033; }
      nav[role=mobile] .nav-btn.m-orange:focus, nav[role=mobile] .nav-btn.m-orange:active {
        background-color: #f29400; }
    nav[role=mobile] .nav-btn.m-noPad {
      width: auto;
      padding: 0; }
    nav[role=mobile] .nav-btn.m-center {
      text-align: center; }
    nav[role=mobile] .nav-btn.m-has-children:after {
      content: '';
      background-image: url("img/caret-gray-3f3873972cedea546db0be5c318d11b1686fb1eb1433b2866c0775cc51c252c373438f4d7448ec1884efbd64a4efb80e0422f635b40cf4ef46e22d81c609c2bc.png");
      width: 12px;
      height: 7px;
      background-position: center center;
      display: inline-block;
      margin: 0 0 2px 8px;
      -webkit-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg); }
    nav[role=mobile] .nav-btn.m-has-children.m-open:after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    nav[role=mobile] .nav-btn.m-user {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 82px;
      padding: 10px 18px 10px 36px; }
    nav[role=mobile] .nav-btn.m-buy {
      border-radius: 2px; }
  nav[role=mobile] .nav-user-info {
    display: inline-block; }
  nav[role=mobile] .nav-user-name {
    display: inline-block;
    position: relative;
    display: inline-block;
    color: #f7931e;
    text-transform: none;
    line-height: 1; }
  nav[role=mobile] .nav-view-profile {
    display: block;
    color: #f0edf2;
    font-weight: normal;
    white-space: nowrap;
    font-size: 1.024rem;
    line-height: 1;
    margin-top: 5px;
    font-family: "Arial", sans-serif; }
  nav[role=mobile] .nav-user-icon {
    height: 100%;
    width: 62px;
    background-size: cover;
    background-position: center center;
    margin-left: auto; }
  nav[role=mobile] .buy-btn-spacer {
    margin: 18px; }
  nav[role=mobile] .nav-search-icon {
    width: 20px;
    margin-left: 24px;
    background-position: right 15px center; }
  nav[role=mobile] .nav-search-field {
    padding-left: 58px;
    /*sum of nav-search-icon width and margin plus 14px offset */ }
  nav[role=mobile] .user {
    display: block; }

.magnifier-svg-wrapper {
  position: relative;
  margin: 0 auto;
  height: 1em;
  width: 32px; }
  .magnifier-svg-wrapper .nav-magnifier-icon {
    position: relative;
    height: 24px;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -32px; }

.ru-ru nav[role=main] .nav-btn {
  font-size: 1.28rem; }
  @media only screen and (min-width: 1280px) {
    .ru-ru nav[role=main] .nav-btn {
      font-size: 1.6rem; } }

body.ko-kr .navigation-selector .navigation-link {
  font-family: "BlackFit77", sans-serif; }

.navigation-selector {
  table-layout: fixed;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px; }
  @media only screen and (min-width: 992px) {
    .navigation-selector {
      width: auto;
      border-spacing: 1px; } }
  .navigation-selector .navigation-list {
    display: table-row;
    padding: 0;
    margin: 0; }
  .navigation-selector .navigation-item {
    width: 19.7%;
    display: table-cell;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    -webkit-transition: all 200ms;
    transition: all 200ms; }
    @media only screen and (min-width: 992px) {
      .navigation-selector .navigation-item {
        max-width: 162px;
        width: 162px;
        vertical-align: baseline; } }
    .navigation-selector .navigation-item:first-child {
      margin-left: 0px; }
    .navigation-selector .navigation-item.active, .navigation-selector .navigation-item:hover {
      background-color: white;
      -webkit-transition: none;
      transition: none; }
      .navigation-selector .navigation-item.active .navigation-link, .navigation-selector .navigation-item:hover .navigation-link {
        opacity: 1; }
  .navigation-selector .navigation-link {
    padding: 8px 2px;
    text-transform: uppercase;
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-weight: 600;
    opacity: 0.7;
    width: 100%;
    display: block;
    text-align: center;
    color: #1a325e;
    -webkit-transition: inherit;
    transition: inherit;
    white-space: nowrap; }
    @media only screen and (min-width: 400px) {
      .navigation-selector .navigation-link {
        padding: 14px 2px; } }
    @media only screen and (min-width: 992px) {
      .navigation-selector .navigation-link {
        height: auto;
        padding: 9px 10px; } }
    .navigation-selector .navigation-link > .icon {
      vertical-align: middle;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 6px;
      height: 22px;
      max-width: 22px;
      display: block;
      fill: #1a325e; }
      @media only screen and (min-width: 400px) {
        .navigation-selector .navigation-link > .icon {
          height: 30px;
          margin-bottom: 10px; } }
      @media only screen and (min-width: 992px) {
        .navigation-selector .navigation-link > .icon {
          height: 22px;
          display: inline-block;
          height: 18px;
          margin-right: 9px;
          margin-bottom: 3px; } }
    .navigation-selector .navigation-link > .text {
      font-size: 1.28rem;
      line-height: 1rem;
      display: block; }
      @media only screen and (min-width: 768px) {
        .navigation-selector .navigation-link > .text {
          font-size: 1.6rem; } }
      @media only screen and (min-width: 992px) {
        .navigation-selector .navigation-link > .text {
          display: inline-block;
          font-size: 1.6rem;
          line-height: 1.6rem; } }

body.ko-kr .grid-item .author {
  font-family: "Noto Sans", sans-serif; }

.news-panels {
  /*
    * panels grid item
    */
  /*
    * media queries
    */ }
  .news-panels:after {
    content: '';
    display: block;
    height: 0;
    clear: both; }
  .news-panels .grid-item {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
    margin-bottom: 15px;
    padding: 0 0.8333%;
    float: left;
    position: relative;
    color: #F6F6F6;
    text-align: left; }
  .news-panels .grid-item .box {
    background-color: #9d9d9d;
    background-color: rgba(255, 255, 255, 0.25);
    display: block;
    width: 100%;
    padding-bottom: 91.8727%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 3px;
    position: relative;
    -webkit-transition: all 200ms;
    transition: all 200ms; }
  .news-panels .grid-item .box:hover {
    background-color: #f0edf2;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }
  .news-panels .grid-item .container {
    overflow: hidden;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 3px; }
  .news-panels .grid-item .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: auto;
    height: 100%;
    display: block; }
  .news-panels .grid-item .content {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .news-panels .grid-item .title {
    text-transform: uppercase;
    color: #F6F6F6; }
    .news-panels .grid-item .title a {
      color: #F6F6F6; }
    @media only screen and (max-width: 991px) {
      .news-panels .grid-item .title {
        font-size: 1.4rem; } }
  .news-panels .grid-item .subtitle {
    line-height: 1.1;
    margin: 7px 0 2px;
    display: none; }
    @media only screen and (max-width: 1279px) {
      .news-panels .grid-item .subtitle {
        display: none; } }
  .news-panels .grid-item .author {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 10px;
    font-size: 1em;
    color: rgba(255, 255, 255, 0.3);
    line-height: 1;
    text-transform: uppercase;
    font-family: "Arial", sans-serif; }
  .news-panels .grid-item .type-icon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto; }
  .news-panels .grid-item .type-icon.youtube {
    background-image: url("img/icons/youtube-icon-wh-3ee26037f1108f4fa59f748b44be65f8e9d2dcc0fc65c582f56166841a0dff966ffe00dcfe34873dc6d33075a74bc831aaf882f4a3682645c1720ad7bcf3a5eb.png");
    width: 26px;
    height: 19px;
    display: none; }
  .news-panels .grid-item .type-icon.twitter {
    background-image: url("img/icons/twitter-icon-wh-249ee3ea890b9d835a0487752685a51e24a3eff6ed2a55b0c68a7187069471a7cae7c86786b858fed51de5074bc6b4a913af868dd8e8171dad988fd915d3be51.png");
    width: 26px;
    height: 21px; }
  .news-panels .grid-item .link-icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("img/icons/link-icon-blue-sm-22c54c1f69a3147c34e203f82f90eb428d624b8e71744988e0e9c1c70c14acc4d7f9ea20c00ae5e870bc7098aabee355e997067888c51375105ed89d46a4861c.png");
    width: 10px;
    height: 10px;
    margin-left: 7px; }
  .news-panels .grid-item.lg {
    width: 50%; }
  .news-panels .grid-item.lg .box {
    padding-bottom: 44.2697%; }
  .news-panels .grid-item.youtube .table {
    display: table;
    table-layout: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .news-panels .grid-item.youtube .row {
    display: table-row; }
  .news-panels .grid-item.youtube .btn-overlay {
    width: 100%;
    height: 100%;
    background-image: url("img/icons/youtube-btn-ylw-febe88da98cefc524ecddbfd48ebd65e818e470b1ece8e1926b854248ba4751d2f3309c69eb11f77e06b34e094bd28637a21fef12e2a95c3271013845f1d5e25.png");
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0;
    text-indent: -9999px;
    -webkit-transition: all 200ms;
    transition: all 200ms; }
  .news-panels .grid-item.youtube .content {
    position: relative;
    background-color: rgba(3, 20, 26, 0.75); }
  .news-panels .grid-item.youtube:hover .btn-overlay {
    background-image: url("img/icons/youtube-btn-wh-cd5fb684d0929b460aecbda8aad5db10c70dc6ea323ab2aafa3e07b1219133d4dd8afc8dfe1b056c13ba9ec671af446e8dce7f302d423308769eb144500c7c2f.png");
    -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }
  .news-panels .grid-item.twitter .content {
    background-color: rgba(3, 20, 26, 0.75); }
  @media (max-width: 61.25em) {
    .news-panels .grid-item .type-icon.youtube {
      width: 21px;
      height: 15px; }
    .news-panels .grid-item .type-icon.twitter {
      width: 21px;
      height: 17px; } }
  @media (min-width: 47.5em) and (max-width: 61.25em) {
    .news-panels .grid-item .container {
      font-size: 9px; } }
  @media (min-width: 47.5em) {
    .news-panels .grid-item.clear {
      clear: left; } }
  @media (max-width: 47.5em) {
    .news-panels .grid-panels {
      padding: 0 1em; }
    .news-panels .grid-item {
      width: 50%;
      margin-bottom: 1em; }
    .news-panels .grid-item .container {
      font-size: 8px; }
    .news-panels .grid-item.lg {
      width: 100%; }
    .news-panels .grid-item .type-icon.youtube {
      width: 16px;
      height: 11px; }
    .news-panels .grid-item .type-icon.twitter {
      width: 16px;
      height: 13px; } }
  @media (max-width: 30em) {
    .news-panels .grid-item {
      width: 100%; }
    .news-panels .grid-item.lg .bg {
      font-size: 7px;
      position: relative; }
    .news-panels .grid-item .box,
    .news-panels .grid-item.lg .box {
      padding-bottom: 65.8727%; } }

.player-badge-wrapper {
  display: table;
  table-layout: fixed;
  min-width: 385px; }

.player-badge {
  display: table-row;
  background-color: #3c4860; }

.player-badge-lock, .player-badge-name, .player-badge-level, .player-badge-platform {
  display: table-cell;
  vertical-align: middle; }

.player-badge-icon {
  display: table-cell;
  width: 60px;
  height: 60px;
  background-size: cover; }

.player-badge-lock {
  width: 21px; }
  .player-badge-lock svg {
    display: none;
    width: 21px;
    height: 21px;
    fill: rgba(255, 255, 255, 0.25); }
  .player-badge-lock[data-visibility-private="true"] svg {
    display: inline-block; }

.player-badge-name {
  padding: 0 5%;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: rgba(246, 246, 246, 0.8); }
  @media only screen and (min-width: 768px) {
    .player-badge-name {
      font-size: 1.75rem;
      line-height: 2rem;
      white-space: normal; } }

.player-badge-level {
  text-align: right;
  padding-right: 0;
  width: 65px; }

.player-badge-platform {
  padding: 0 3%;
  text-align: right;
  width: 12%; }

.player-badge-level-value {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 3px;
  line-height: 1;
  font-weight: bold;
  background-color: rgba(246, 246, 246, 0.8);
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  color: #3c4860; }

.player-level, .endorsement-level {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  text-align: center;
  color: #F6F6F6; }

.endorsement-level {
  padding: 12px; }

.player-level {
  background-image: url("img/hexagon-2650e1ff2bf2f67eda695db4271509cda6ad326a27b3149815346c139d45d29ca3207fa72b11390443e05ae0adc76a90f0863743756fd4c32c6b7b1bee1484a1.png");
  background-size: auto 100%; }

.player-rank {
  position: absolute;
  bottom: -4%;
  width: 100%;
  height: 50%;
  background-size: auto 100%; }

.progress > .bar-container {
  position: relative;
  min-height: 1.8rem;
  border: 0.2rem solid rgba(114, 114, 114, 0.8);
  border-radius: 0.25rem;
  background-color: #333333; }

.progress > .bar-container > .bar,
.progress > .bar-container > .glow,
.progress > .bar-container > .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.progress > .bar-container > .bar {
  background-color: #ff9c00;
  background-image: -webkit-gradient(linear, left top, right top, from(#f2cb2e), to(#feffa1));
  background-image: linear-gradient(to right, #f2cb2e, #feffa1); }

.progress > .bar-container > .glow {
  -webkit-box-shadow: 0 0 1.7rem rgba(255, 203, 142, 0.5);
          box-shadow: 0 0 1.7rem rgba(255, 203, 142, 0.5);
  -webkit-transition: 1s opacity linear;
  transition: 1s opacity linear;
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left; }

.progress.m-animated > .bar-container > .glow {
  opacity: 0; }
  .progress.m-animated > .bar-container > .glow.is-active {
    opacity: 1; }

.progress > .bar-container > .cover {
  background-color: #333333;
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1); }

.progress > .info {
  margin-top: 1rem; }
  .progress > .info::before, .progress > .info::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .progress > .info::after {
    clear: both; }

.progress > .info > .info-text {
  margin-bottom: 0;
  color: #a1a1a1;
  font-family: "Arial", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal; }
  .progress > .info > .info-text.m-emphasis {
    color: #F6F6F6;
    font-weight: bold; }
  .progress > .info > .info-text.m-left {
    float: left; }
  .progress > .info > .info-text.m-right {
    float: right; }

.progress-2 > img {
  display: block;
  float: left;
  height: 5rem;
  width: auto;
  margin-right: 0.2rem;
  border: 0.2rem solid #a1a1a1;
  border-radius: 0.4rem; }

.progress-2 > .bar-container {
  position: relative;
  overflow: hidden;
  padding: 0.3rem;
  border-radius: 0.4rem;
  background-color: rgba(24, 34, 62, 0.7); }

.progress-2 > .bar-container > .bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  margin: 0.3rem;
  border-radius: 0.5rem;
  background-color: #9daac8;
  -webkit-box-shadow: inset 0 0.2rem 0 0 #c6cbde;
          box-shadow: inset 0 0.2rem 0 0 #c6cbde; }

.progress-2 > .bar-container > .bar-text {
  height: 44px;
  display: table;
  position: relative;
  width: 100%;
  color: #F6F6F6;
  text-shadow: 0.1rem 0.2rem 0.2rem rgba(51, 51, 51, 0.3); }

.progress-2 > .bar-container > .bar-text > .title {
  display: table-cell;
  padding: 0.5rem 1.2rem;
  vertical-align: middle;
  font-family: "Big Noodle Too", impact, sans-serif;
  font-size: 3.125rem;
  font-style: italic;
  color: #F6F6F6;
  line-height: 0.9; }

.progress-2 > .bar-container > .bar-text > .description {
  display: table-cell;
  padding: 0 1.2rem;
  font-family: "Arial", sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  vertical-align: middle;
  text-align: right; }

body.ko-kr .progress-2 > .bar-container > .bar-text > .title {
  font-size: 2rem; }

.progress-category > .progress-category-item {
  display: block; }

.progress-category.is-partial > .progress-category-item:nth-child(5) ~ .progress-category-item {
  display: none; }

.AboutRole-section {
  background-color: black; }

.AboutRole-section-container {
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e0e0e0));
  background: linear-gradient(#fafafa, #e0e0e0); }

.AboutRole-section-title {
  color: #585858; }

.AboutRole-row {
  padding-top: 50px; }

.AboutRole-column {
  padding-top: 50px; }
  .AboutRole-column:first-child {
    padding-top: 0; }
  @media only screen and (min-width: 992px) {
    .AboutRole-column {
      padding-top: 0;
      padding-left: 60px;
      padding-right: 60px; } }

.AboutRole-icon {
  display: block;
  width: 170px;
  height: 196px;
  margin-left: auto;
  margin-right: auto; }
  .AboutRole-icon--damage {
    fill: #e71d26; }
  .AboutRole-icon--tank {
    fill: #f8a22d; }
  .AboutRole-icon--support {
    fill: #00a345; }

.AboutRole-name {
  text-align: center;
  padding-top: 15px; }
  .AboutRole-name--damage {
    color: #e71d26; }
  .AboutRole-name--tank {
    color: #f8a22d; }
  .AboutRole-name--support {
    color: #00a345; }

.AboutRole-description {
  padding-top: 20px;
  max-width: 500px;
  margin: auto; }

.search-input {
  height: 34px;
  width: 360px;
  margin-right: .5rem;
  border-radius: 5px;
  background-clip: padding-box;
  border: 3px solid rgba(51, 51, 51, 0.25); }

.search-button {
  vertical-align: top;
  padding: 6px 30px;
  color: #F6F6F6; }
  .search-button:hover {
    color: #F6F6F6; }

.nav-search-bar {
  position: relative;
  vertical-align: middle; }
  .nav-search-bar.m-mobile-only {
    margin: 0 28px;
    margin: 0;
    height: 49px;
    border-bottom: 1px solid #313d56;
    border-top: 1px solid #313d56;
    width: 100%; }
    @media (min-width: 992px) {
      .nav-search-bar.m-mobile-only {
        display: none; } }
    .nav-search-bar.m-mobile-only .nav-search-field {
      text-transform: none;
      background-position: left 36px center; }
      .nav-search-bar.m-mobile-only .nav-search-field:hover, .nav-search-bar.m-mobile-only .nav-search-field:focus, .nav-search-bar.m-mobile-only .nav-search-field:active {
        background-color: #39455d; }
    .nav-search-bar.m-mobile-only .search-nav-magnifier-icon {
      top: 15px;
      left: 25px;
      height: 16px;
      width: 16px;
      margin: 0; }
  .nav-search-bar.m-desktop-only {
    height: 100%;
    padding-right: 10px; }
    @media (max-width: 767px) {
      .nav-search-bar.m-desktop-only {
        display: none; } }
    .nav-search-bar.m-desktop-only:after {
      content: "|";
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      color: rgba(255, 255, 255, 0.7); }

.nav-search-form {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  -webkit-transition: width 500ms;
  transition: width 500ms; }
  @media only screen and (min-width: 992px) {
    .nav-search-form {
      width: 138px; } }
  .nav-search-form.is-collapsed {
    width: 0; }

.nav-search-icon {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: 18px;
  pointer-events: none;
  fill: rgba(255, 255, 255, 0.7);
  stroke: rgba(255, 255, 255, 0.7);
  z-index: 10;
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  @media only screen and (min-width: 992px) {
    .nav-search-icon {
      margin-right: 5px; } }
  .m-desktop-only .nav-search-icon {
    cursor: pointer;
    pointer-events: auto;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
    .m-desktop-only .nav-search-icon:hover {
      stroke: #ff9c00;
      fill: #ff9c00; }

.nav-search-field {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 100;
  font-family: "Arial", sans-serif;
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
  text-overflow: ellipsis; }
  .nav-search-field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.25);
    text-overflow: ellipsis;
    -webkit-transition: color 200ms;
    transition: color 200ms; }
  .nav-search-field:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.25);
    text-overflow: ellipsis;
    -webkit-transition: color 200ms;
    transition: color 200ms; }
  .nav-search-field::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.25);
    text-overflow: ellipsis;
    -webkit-transition: color 200ms;
    transition: color 200ms; }
  .nav-search-field::placeholder {
    color: rgba(255, 255, 255, 0.25);
    text-overflow: ellipsis;
    -webkit-transition: color 200ms;
    transition: color 200ms; }

.search-nav-magnifier-icon {
  display: block;
  position: absolute;
  height: 18px;
  width: 17px;
  top: 50%;
  margin-left: 8px;
  margin-top: -9px;
  fill: #9daac8; }
  @media only screen and (min-width: 992px) {
    .search-nav-magnifier-icon {
      margin-left: 10px; } }
  @media only screen and (min-width: 1280px) {
    .search-nav-magnifier-icon {
      margin-left: 15px; } }

.slide-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block; }
  .slide-menu .content {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .slide-menu.m-centered .content {
    display: table-cell;
    vertical-align: middle; }
  .slide-menu .slide-menu-bottom {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .slide-menu .slide-menu-bottom .nav-btn {
      text-align: center; }

.social::before, .social::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.social::after {
  clear: both; }

.social-header {
  color: #F6F6F6;
  margin-bottom: 10px; }
  @media (min-width: 550px) {
    .social-header {
      margin-left: 10px;
      margin-bottom: 0; } }

.social-share-wrapper, .social-like-wrapper {
  float: right;
  width: 50%; }
  .social-share-wrapper::before, .social-share-wrapper::after, .social-like-wrapper::before, .social-like-wrapper::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .social-share-wrapper::after, .social-like-wrapper::after {
    clear: both; }

.social-share-links {
  background-color: transparent;
  display: block;
  float: right; }
  .social-share-links::before, .social-share-links::after {
    content: ' ';
    display: table;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .social-share-links::after {
    clear: both; }

.social-share-link {
  background: url("img/icons/social/social-media-logos-small-eb06774d13e1cfb0e89acb56b349ff1cc01bae20a4335c921a9e8774c27c5cb06d027e694d08c84108b18607d835ad7f4386f994a385d1eaf476611e0db8d520.png") no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  float: right;
  margin: 0 1px 0 0; }

.social-share-link.facebook {
  background-position: 0 0; }

.social-share-link.twitter {
  background-position: 0 -16px; }

.social-share-link.reddit {
  background-position: 0 -208px; }

.social-share-link.studivz {
  background-position: 0 -240px; }

.social-share-link.tuenti {
  background-position: 0 -224px; }

.social-share-link.nasza-klasa {
  background-position: 0 -272px; }

.social-share-link.vkontakte {
  background-position: 0 -288px; }

.social-share-link.odnoklassniki {
  background-position: 0 -304px; }

.social-share-title {
  display: block;
  float: right;
  padding: 0 5px 0 0;
  height: 20px;
  line-height: 20px; }

.social-like-wrapper div,
.social-like-wrapper object,
.social-like-wrapper iframe {
  line-height: 1em;
  float: left;
  max-width: 110px;
  margin-right: 10px; }

@media only screen and (max-width: 30em) {
  .social-like-wrapper {
    clear: none; }
  .social-like-wrapper div,
  .social-like-wrapper object,
  .social-like-wrapper iframe {
    margin-bottom: 1em; }
  .social-like-wrapper div:last-child,
  .social-like-wrapper object:last-child,
  .social-like-wrapper iframe:last-child {
    margin-bottom: 0; } }

.social-icon-vk {
  width: 57px;
  height: 54px;
  display: inline-block;
  background-image: url("img/icons/social/new-social-icons-62369d9e7f73dd61d12ee847a5599cc85f1230ce42c3dedfbc3892bc506dd7ecb97706c2cf3f1df720de821ba68ef165765804c14ffa50859f6ed3037db784a0.png");
  background-size: cover; }
  .social-icon-vk:hover {
    background-image: url("img/icons/social/new-social-icons-hover-01379d4b1cef1783707ce67aa2ff01dbdded8a623960c2dec8b11faaed04811eadcdfe409abb976b116fae5983db0d8e839bd83df542904a740185c2b09aa5df.png"); }

.social-icon-facebook {
  width: 57px;
  height: 54px;
  display: inline-block;
  background-image: url("img/icons/social/new-social-icons-62369d9e7f73dd61d12ee847a5599cc85f1230ce42c3dedfbc3892bc506dd7ecb97706c2cf3f1df720de821ba68ef165765804c14ffa50859f6ed3037db784a0.png");
  background-size: cover;
  background-position: -73px; }
  .social-icon-facebook:hover {
    background-image: url("img/icons/social/new-social-icons-hover-01379d4b1cef1783707ce67aa2ff01dbdded8a623960c2dec8b11faaed04811eadcdfe409abb976b116fae5983db0d8e839bd83df542904a740185c2b09aa5df.png"); }

.social-icon-twitter {
  width: 57px;
  height: 54px;
  display: inline-block;
  background-image: url("img/icons/social/new-social-icons-62369d9e7f73dd61d12ee847a5599cc85f1230ce42c3dedfbc3892bc506dd7ecb97706c2cf3f1df720de821ba68ef165765804c14ffa50859f6ed3037db784a0.png");
  background-size: cover;
  background-position: -146px 0; }
  .social-icon-twitter:hover {
    background-image: url("img/icons/social/new-social-icons-hover-01379d4b1cef1783707ce67aa2ff01dbdded8a623960c2dec8b11faaed04811eadcdfe409abb976b116fae5983db0d8e839bd83df542904a740185c2b09aa5df.png"); }

.social-icon-youtube {
  width: 57px;
  height: 54px;
  display: inline-block;
  background-image: url("img/icons/social/new-social-icons-62369d9e7f73dd61d12ee847a5599cc85f1230ce42c3dedfbc3892bc506dd7ecb97706c2cf3f1df720de821ba68ef165765804c14ffa50859f6ed3037db784a0.png");
  background-size: cover;
  background-position: -219px 0; }
  .social-icon-youtube:hover {
    background-image: url("img/icons/social/new-social-icons-hover-01379d4b1cef1783707ce67aa2ff01dbdded8a623960c2dec8b11faaed04811eadcdfe409abb976b116fae5983db0d8e839bd83df542904a740185c2b09aa5df.png"); }

.social-icon-instagram {
  width: 57px;
  height: 54px;
  display: inline-block;
  background-image: url("img/icons/social/new-social-icons-62369d9e7f73dd61d12ee847a5599cc85f1230ce42c3dedfbc3892bc506dd7ecb97706c2cf3f1df720de821ba68ef165765804c14ffa50859f6ed3037db784a0.png");
  background-size: cover;
  background-position: -292px 0; }
  .social-icon-instagram:hover {
    background-image: url("img/icons/social/new-social-icons-hover-01379d4b1cef1783707ce67aa2ff01dbdded8a623960c2dec8b11faaed04811eadcdfe409abb976b116fae5983db0d8e839bd83df542904a740185c2b09aa5df.png"); }

.social-icon-spacer {
  display: inline-block;
  background-image: url("img/icons/social/new-social-icons-62369d9e7f73dd61d12ee847a5599cc85f1230ce42c3dedfbc3892bc506dd7ecb97706c2cf3f1df720de821ba68ef165765804c14ffa50859f6ed3037db784a0.png");
  width: 14px;
  height: 54px;
  background-size: cover;
  background-position: -56px 0;
  margin: 0 2px; }

/*
    Spotlight component styles
*/
.spotlight {
  position: relative; }

.spotlight-header, .spotlight-caption {
  color: #F6F6F6;
  padding-left: 64%;
  text-align: center; }

.spotlight-caption {
  min-height: 48px; }

.spotlight-image {
  position: relative;
  left: -270px;
  display: inline-block;
  min-width: 746px;
  min-height: 440px;
  margin: 0 auto;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  z-index: 0; }

.spotlight-banner {
  width: 100%;
  min-height: 200px;
  position: absolute;
  padding: 10px 0 15px 0;
  top: calc(50% - 100px);
  text-align: right;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(64, 82, 117, 0)), color-stop(25%, rgba(64, 82, 117, 0.8)), color-stop(75%, rgba(64, 82, 117, 0.8)), to(rgba(64, 82, 117, 0)));
  background-image: linear-gradient(to right, rgba(64, 82, 117, 0) 0%, rgba(64, 82, 117, 0.8) 25%, rgba(64, 82, 117, 0.8) 75%, rgba(64, 82, 117, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background-position: center center;
  background-size: 1920px auto;
  z-index: 0; }

.sub-nav {
  position: relative;
  z-index: 20; }
  .sub-nav .is-menu-hidden .sub-nav-item {
    left: 100%;
    margin-left: -3.6rem; }
    @media only screen and (min-width: 992px) {
      .sub-nav .is-menu-hidden .sub-nav-item:hover {
        margin-left: -100%;
        -webkit-transition: .3s;
        transition: .3s; }
        .sub-nav .is-menu-hidden .sub-nav-item:hover .sub-nav-icon {
          background-color: rgba(0, 0, 0, 0.1);
          opacity: 1; } }
  .sub-nav .sub-nav-menu {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%); }
  .sub-nav .sub-nav-item {
    display: block;
    position: relative;
    margin-bottom: .1em;
    background-color: #3c4860;
    border-radius: .3rem; }
    .sub-nav .sub-nav-item:hover, .sub-nav .sub-nav-item.active {
      background-color: #00c3ff; }
      .sub-nav .sub-nav-item:hover .sub-nav-icon, .sub-nav .sub-nav-item.active .sub-nav-icon {
        background-position: top;
        opacity: 1; }
      .sub-nav .sub-nav-item:hover .sub-nav-text, .sub-nav .sub-nav-item.active .sub-nav-text {
        opacity: 1; }
  .sub-nav .sub-nav-btn {
    color: #333333;
    display: block; }
  .sub-nav .sub-nav-icon {
    display: inline-block;
    padding: .5rem;
    height: 100%;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    font-size: 3.90625rem;
    background-color: rgba(0, 0, 0, 0.2);
    background-position: 0 -1em;
    border-radius: .3rem 0 0 .3rem;
    background-size: 1em 2em;
    fill: #F6F6F6;
    opacity: 0.8; }
    .sub-nav .sub-nav-icon * {
      fill: #F6F6F6; }
  .sub-nav .sub-nav-text {
    display: inline-block;
    vertical-align: middle;
    padding: 0.3em 1.2em;
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #F6F6F6;
    opacity: .5; }

body.ko-kr .sub-nav .sub-nav-text {
  font-size: 1.28rem; }

.summer-games-heroes {
  display: none; }
  @media only screen and (min-width: 768px) {
    .summer-games-heroes {
      display: block;
      background: url("img/announcement/summer-games/summer-games-heroes-3ab9a6a736277db684c3f222d4634bacecc72da971d9713782595f18ac5544bda6c06b4513d484cfddc498b4a2facdf83ea829b00e3c6cba5df8da50c73a6f54.png") no-repeat;
      background-size: cover;
      width: 56vw;
      height: 34vw;
      position: absolute;
      bottom: 0;
      right: 10rem; } }
  @media only screen and (min-width: 1280px) {
    .summer-games-heroes {
      right: 20rem; } }

.summer-games-loot-box {
  right: 50%;
  margin-right: -22vw;
  width: 50vw;
  height: 43vw;
  bottom: -5vw;
  background: url("img/announcement/summer-games/summer-games-loot-box-de4458f7666e3e86cbd683c89c2b5693d17ab6275dc82317c7141c17fc54760e4b8a536ecce9bcb9068be985b36429cc26a9904b520e785adffd8de944c8fc10.png") no-repeat;
  background-size: cover;
  position: absolute; }
  @media only screen and (min-width: 768px) {
    .summer-games-loot-box {
      bottom: 0;
      right: -3vw;
      margin-right: 0;
      width: 20vw;
      height: 17vw; } }

.summer-games-logo {
  top: 4vw;
  left: 50%;
  margin-left: -5.5vw;
  width: 11vw;
  height: 15vw;
  background: url("img/announcement/summer-games/summer-games-logo-2951385850c612d7bd7452b45e1dbe457d3c1b965d9738b190ade97ee19b842af19ef90e3e6ead67640cb6c109f3eed4bb9a35c8239225431f46da29a7256287.png") no-repeat;
  background-size: cover;
  position: absolute;
  right: 20px; }
  @media only screen and (min-width: 768px) {
    .summer-games-logo {
      margin-left: 0;
      left: initial;
      width: 8vw;
      height: 11vw; } }

.toggle-display {
  display: none; }
  .toggle-display.is-active {
    display: block; }

.unlock-item--image {
  display: block;
  width: 100%;
  border-radius: 6px;
  border: 2px solid #fff; }

.unlock-item--caption {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1.6rem;
  text-transform: uppercase; }

.user {
  display: inline-block;
  position: relative;
  padding: 20px 97px 21px 25px;
  width: auto;
  border-bottom: none;
  font-family: "Arial", sans-serif;
  font-size: 1.28rem;
  font-weight: normal;
  text-align: left;
  text-transform: none;
  letter-spacing: normal; }

.user.m-small {
  padding: 20px 87px 21px 15px; }

.user-name {
  position: relative;
  display: inline-block;
  padding-right: 14px;
  font-size: 1.28rem;
  color: #ff9c00;
  font-weight: bold;
  line-height: 1.3; }

.user-profile-link {
  display: block;
  color: #F6F6F6;
  font-size: 1.024rem;
  font-weight: normal;
  white-space: nowrap; }

.user-icon {
  height: 62px;
  width: 62px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px 25px 0 0;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-size: 100% auto;
  background-size: cover;
  background-position: center center; }

.user.m-small > .user-icon {
  margin-right: 15px; }

[video] {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 15px;
  background-color: #000; }
  [video]:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    background-image: url("img/icons/loading-a5939d909cea1dae2a9b172bb8fa2a38421d40722756ec14a67208e066c348706c909c48aaf4dfe7fe8ffc911abb44133f723ad1822e9b8bfa27eea38351a41d.svg");
    background-position: center center;
    background-repeat: no-repeat;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    z-index: 3; }
  [video] > .play, [video] > .poster, [video] > .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }
  [video] > .play {
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    background-image: url("img/icons/youtube-btn-ylw-febe88da98cefc524ecddbfd48ebd65e818e470b1ece8e1926b854248ba4751d2f3309c69eb11f77e06b34e094bd28637a21fef12e2a95c3271013845f1d5e25.png");
    background-repeat: no-repeat;
    background-position: center center; }
  [video] > .poster {
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    background-color: #000;
    background-size: cover;
    background-position: center center; }
  [video] > .video {
    z-index: 0;
    visibility: visible;
    opacity: 1;
    background-color: #000; }
  [video].loading:before, [video].buffering:before {
    visibility: visible;
    opacity: 1; }
  [video].unstarted > .play, [video].ended > .play, [video].paused > .play {
    visibility: visible;
    opacity: 1; }
  [video].loading > .play {
    visibility: hidden;
    opacity: 0; }
  [video].loading > .video {
    visibility: hidden;
    opacity: 0; }
  [video].paused > .poster, [video].playing > .poster, [video].buffering > .poster {
    visibility: hidden;
    opacity: 0; }
  [video].paused > .video, [video].playing > .video, [video].buffering > .video {
    visibility: visible;
    opacity: 1; }
  [video].playing > .play {
    visibility: hidden;
    opacity: 0; }
  [video].m-edge .play, [video].m-edge .poster, [video].m-edge:before, [video].m-ie .play, [video].m-ie .poster, [video].m-ie:before, [video].m-mobile .play, [video].m-mobile .poster, [video].m-mobile:before, [video].m-touch .play, [video].m-touch .poster, [video].m-touch:before {
    visibility: hidden;
    opacity: 0; }

.wallpaper-icon {
  display: inline-block;
  position: relative; }
  .wallpaper-icon:before {
    content: '';
    width: 75px;
    height: 75px;
    margin: 0 auto;
    background-position: center top;
    background-repeat: no-repeat;
    display: block; }
  .wallpaper-icon:hover:before {
    background-position: center bottom; }
  .wallpaper-icon.m-urlwide:before {
    background-image: url("img/icons/wallpaper-wide-2847e34afb9ba29fb2120faa53e7b3f54f738258cd18b948446d279be523de5ae37aca5c19c41d5395514f43daa7b7ff8ab412dda29e97d6a32e10b6da3375d5.png"); }
  .wallpaper-icon.m-urlstandard:before {
    background-image: url("img/icons/wallpaper-standard-5886a951b262dec20528d5d909a7980802194e1f6c11ae6d2daa955f8d4c9dd59f5c3678b0f5f34b7ba9e2dd9bc3a31066db7290b4272f77d76c2af81be74ef8.png"); }
  .wallpaper-icon.m-urltablet:before {
    background-image: url("img/icons/wallpaper-tablet-da5101ea53d54634bbbf6521787630d7a755c9c24977cb0efac1a249364d8df7a42e6451da7d52a756a9c8d4aa124b358487c708c1474ecf13fc6578edb6a812.png"); }
  .wallpaper-icon.m-urlmobile:before {
    background-image: url("img/icons/wallpaper-mobile-2a0376a8d4e8e780524042d6c6d12ad64e444d1c491560f3a61c2abd438fdc5d6b9f3bdbea5284534a577320c9ab3e03fcaa794a0ea53f7fbb50ec1c2dbac0dd.png"); }
  .wallpaper-icon.m-urlfacebook:before {
    background-image: url("img/icons/wallpaper-facebook-80fc26502c7d2fe7990b302ad996f5870d050c32b680395fd54b46946659e77f436f65c4a80311d1c7442e85995f9e15f814639f7bf24847e3858a9ee14d0f53.png"); }
  .wallpaper-icon.m-urltwitter:before {
    background-image: url("img/icons/wallpaper-twitter-729c3ae6c2e92cc3bd2a5e2227936a8497a34be7913b7b090e7b412c43603abe29f790cfae904d6788bd58af0ab42e911e13d2c93128d427306716e3521d2611.png"); }
  .wallpaper-icon > span {
    color: #F6F6F6;
    display: block; }

.youtubePlayer.is-active .youtubePlayer-preview {
  display: none; }

.youtubePlayer-frame {
  display: block;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
  display: none; }
  .youtubePlayer-frame-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: inherit;
    background-clip: inherit;
    background-position: inherit; }
  .youtubePlayer-frame.m-image {
    background-size: cover;
    background-clip: padding-box;
    background-position: center; }
  .youtubePlayer-frame.m-2-1 {
    padding-top: 50%; }
  .youtubePlayer-frame.m-4-3 {
    padding-top: 75%; }
  .youtubePlayer-frame.m-16-9 {
    padding-top: 56.25%; }
  .youtubePlayer-frame.m-10-9 {
    padding-top: 90%; }
  .youtubePlayer-frame.m-20-9 {
    padding-top: 45%; }
  @media only screen and (min-width: 0px) and (max-width: 399px) {
    .youtubePlayer-frame.m-2-1\@xs {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@xs {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@xs {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@xs {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@xs {
      padding-top: 45%; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) {
    .youtubePlayer-frame.m-2-1\@sm {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@sm {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@sm {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@sm {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@sm {
      padding-top: 45%; } }
  @media only screen and (min-width: 400px) {
    .youtubePlayer-frame.m-2-1\@sm-min {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@sm-min {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@sm-min {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@sm-min {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@sm-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .youtubePlayer-frame.m-2-1\@md {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@md {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@md {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@md {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@md {
      padding-top: 45%; } }
  @media only screen and (min-width: 768px) {
    .youtubePlayer-frame.m-2-1\@md-min {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@md-min {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@md-min {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@md-min {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@md-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) {
    .youtubePlayer-frame.m-2-1\@lg {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@lg {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@lg {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@lg {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@lg {
      padding-top: 45%; } }
  @media only screen and (min-width: 992px) {
    .youtubePlayer-frame.m-2-1\@lg-min {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@lg-min {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@lg-min {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@lg-min {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@lg-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) {
    .youtubePlayer-frame.m-2-1\@xl {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@xl {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@xl {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@xl {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@xl {
      padding-top: 45%; } }
  @media only screen and (min-width: 1280px) {
    .youtubePlayer-frame.m-2-1\@xl-min {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@xl-min {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@xl-min {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@xl-min {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@xl-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .youtubePlayer-frame.m-2-1\@xxl {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@xxl {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@xxl {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@xxl {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@xxl {
      padding-top: 45%; } }
  @media only screen and (min-width: 1600px) {
    .youtubePlayer-frame.m-2-1\@xxl-min {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@xxl-min {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@xxl-min {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@xxl-min {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@xxl-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) {
    .youtubePlayer-frame.m-2-1\@xxxl {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@xxxl {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@xxxl {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@xxxl {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@xxxl {
      padding-top: 45%; } }
  @media only screen and (min-width: 2560px) {
    .youtubePlayer-frame.m-2-1\@xxxl-min {
      padding-top: 50%; }
    .youtubePlayer-frame.m-4-3\@xxxl-min {
      padding-top: 75%; }
    .youtubePlayer-frame.m-16-9\@xxxl-min {
      padding-top: 56.25%; }
    .youtubePlayer-frame.m-10-9\@xxxl-min {
      padding-top: 90%; }
    .youtubePlayer-frame.m-20-9\@xxxl-min {
      padding-top: 45%; } }
  .youtubePlayer-frame:hover, .youtubePlayer-frame:focus {
    -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    border-color: white; }
  .youtubePlayer.is-active .youtubePlayer-frame {
    display: block; }

.youtubePlayer-placeholder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

@-webkit-keyframes transition-out {
  0% {
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
    opacity: 1; }
  30% {
    -webkit-transform: translateX(-50px) translateY(-50%);
            transform: translateX(-50px) translateY(-50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(-50px) translateY(-50%);
            transform: translateX(-50px) translateY(-50%);
    opacity: 0; } }

@keyframes transition-out {
  0% {
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
    opacity: 1; }
  30% {
    -webkit-transform: translateX(-50px) translateY(-50%);
            transform: translateX(-50px) translateY(-50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(-50px) translateY(-50%);
            transform: translateX(-50px) translateY(-50%);
    opacity: 0; } }

@-webkit-keyframes transition-in {
  0% {
    -webkit-transform: translateX(20px) translateY(-50%);
            transform: translateX(20px) translateY(-50%);
    opacity: 0; }
  2% {
    -webkit-transform: translateX(20px) translateY(-50%);
            transform: translateX(20px) translateY(-50%);
    opacity: 0; }
  30% {
    -webkit-transform: translateX(0px) translateY(-50%);
            transform: translateX(0px) translateY(-50%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0px) translateY(-50%);
            transform: translateX(0px) translateY(-50%);
    opacity: 1; } }

@keyframes transition-in {
  0% {
    -webkit-transform: translateX(20px) translateY(-50%);
            transform: translateX(20px) translateY(-50%);
    opacity: 0; }
  2% {
    -webkit-transform: translateX(20px) translateY(-50%);
            transform: translateX(20px) translateY(-50%);
    opacity: 0; }
  30% {
    -webkit-transform: translateX(0px) translateY(-50%);
            transform: translateX(0px) translateY(-50%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(0px) translateY(-50%);
            transform: translateX(0px) translateY(-50%);
    opacity: 1; } }

.home-header {
  position: relative;
  background-image: url("img/pages/home/homepage-header-mobile-bg-df719d83293a5aca0a9789b156c03bb2faa0be779f73f6beeb7c542fa59d3424b54660c4987dd3e455c10720aa32c80579a0bedfd4a1ed6e3a2d1ee97cad89ef.jpg");
  background-position: center top;
  background-size: cover;
  background-color: #555d70; }
  @media only screen and (min-width: 768px) {
    .home-header {
      background-image: url("img/pages/home/homepage-header-tablet-bg-f0ae03fbb296cce5f59a75f5c8cb9243d60e34b52d223dc1834032312e2ce8c2e5e021cb15ac1079242cb71e09f71a0ca28a66c1dc9478df5f4da0213020bf74.jpg");
      background-color: #48597d; } }
  @media only screen and (min-width: 1280px) {
    .home-header {
      margin-top: 0;
      padding-bottom: 17vh;
      background-image: none;
      min-height: 720px;
      height: 100vh; } }

.home-header__video-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }
  .home-header__video-bg > video {
    position: absolute;
    display: block;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  @media only screen and (min-width: 1280px) {
    .home-header__video-bg:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(56%, transparent), color-stop(91%, rgba(12, 11, 14, 0.62)), to(rgba(12, 11, 14, 0.91)));
      background-image: linear-gradient(to bottom, transparent, transparent 56%, rgba(12, 11, 14, 0.62) 91%, rgba(12, 11, 14, 0.91) 100%); } }

.home-header__logo {
  margin-top: 30px;
  min-height: 190px;
  height: 27.3vmin;
  fill: #F6F6F6; }
  @media only screen and (min-width: 1600px) {
    .home-header__logo {
      height: 38.2vmin; } }
  .home-header__logo--dark {
    fill: #333333; }
  .zh-tw .home-header__logo {
    padding-left: 20px;
    padding-right: 20px; }

.home-header__logotext {
  width: 80vw;
  max-width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  fill: #F6F6F6; }
  @media only screen and (min-width: 768px) {
    .home-header__logotext {
      width: 70vw;
      margin-top: 12px;
      margin-bottom: 12px; } }
  .home-header__logotext--dark {
    fill: #333333; }
  .zh-tw .home-header__logotext {
    max-height: 70px;
    margin-top: 20px; }

.home-header__tagline {
  font-family: "Big Noodle Too", impact, sans-serif;
  font-style: italic;
  font-weight: normal; }
  @media only screen and (min-width: 1280px) {
    .home-header__tagline {
      color: #F6F6F6;
      padding-top: 12px; } }
  @media only screen and (min-width: 1600px) {
    .home-header__tagline {
      font-size: 4.88281rem; } }

.home-header__button-container {
  margin-top: 43vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (min-width: 768px) {
    .home-header__button-container {
      margin-top: 24vw; } }
  @media only screen and (min-width: 1280px) {
    .home-header__button-container {
      margin-top: 60px; } }
  @media only screen and (min-width: 1600px) {
    .home-header__button-container {
      margin-top: 80px; } }

.home-header__button--buy, .home-header__button--watch {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }

.home-header__button--watch {
  margin-top: 18px;
  fill: #333333; }
  .home-header__button--watch:hover, .home-header__button--watch:active {
    fill: #FFF; }
  .home-header__button--watch > .play-icon {
    width: 1em;
    height: 1em;
    margin-right: 6px;
    fill: inherit; }

.home-header__bottom-container {
  pointer-events: none; }
  @media only screen and (min-width: 1280px) {
    .home-header__bottom-container {
      width: 100%;
      position: absolute;
      bottom: 0; } }

.home-header__bottom {
  padding-bottom: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (min-width: 768px) {
    .home-header__bottom {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }

.home-header__platform-icon-container {
  margin-top: 18px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70vw; }
  @media only screen and (min-width: 768px) {
    .home-header__platform-icon-container {
      margin-top: 0;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      width: 48vw; } }
  @media only screen and (min-width: 992px) {
    .home-header__platform-icon-container {
      width: 35vw; } }

.home-header__platform-icon {
  display: inline-block;
  vertical-align: bottom;
  width: auto;
  height: auto; }
  .home-header__platform-icon.xb1 {
    width: 31.8%; }
  .home-header__platform-icon.ps4 {
    margin-left: 6%;
    width: 30.2%; }
  .home-header__platform-icon.pc {
    margin-left: 6%;
    width: 9.2%; }

.home-header__goty {
  width: 18vmin;
  max-width: 296px;
  min-width: 140px;
  padding-top: 3.8vw; }
  @media only screen and (min-width: 768px) {
    .home-header__goty {
      padding-top: 0; } }
  @media only screen and (min-width: 1600px) {
    .home-header__goty {
      width: 22vmin; } }

@media only screen and (max-width: 767px) {
  body.home {
    background-color: #fbe6e9; }
    body.home .u-white-background {
      background-color: #fbe6e9; } }

body.home .heroes-section {
  text-align: center;
  background-image: url("img/scene/candy-895e91cbc198218dbe56fed67b590a7c37a8bc3ef29d4b8c2989edf2196cfdb4b6150e64cb6f57a01a26268ae764b4cc22da52168121287e68aa8a9891efd616.jpg");
  background-position: top center;
  background-size: cover; }
  @media only screen and (max-width: 991px) {
    body.home .heroes-section {
      position: relative; }
      body.home .heroes-section .hero-portrait-group {
        position: relative;
        z-index: 1; }
      body.home .heroes-section:after {
        content: " ";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(240, 237, 242, 0)), to(#f0edf2));
        background: linear-gradient(to bottom, rgba(240, 237, 242, 0) 0%, #f0edf2 100%); } }
  @media only screen and (max-width: 767px) {
    body.home .heroes-section:after {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 230, 233, 0)), to(#fbe6e9));
      background: linear-gradient(to bottom, rgba(251, 230, 233, 0) 0%, #fbe6e9 100%); } }

body.home .heroes-section-subheader {
  margin-bottom: 36px; }
  @media only screen and (min-width: 1280px) {
    body.home .heroes-section-subheader {
      font-size: 2.5rem; } }

body.home .fight-section {
  letter-spacing: 0.05em;
  padding: 65px 0 95px;
  position: relative;
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding-top: 79%; }
  @media only screen and (min-width: 400px) {
    body.home .fight-section {
      padding-top: 50%; } }
  @media only screen and (min-width: 992px) {
    body.home .fight-section {
      padding-top: 80px;
      background: none;
      color: #F6F6F6;
      text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); } }
  body.home .fight-section .button {
    margin-top: 30px; }

body.home .intro-section {
  background-image: url("img/pages/home/hp-mobile-bg-90021cfd150bcaaa293d9bda953e497515631f964a735ae1d2a784bdf5e437e96e7c4a2b3803a174a9e79e94b22437aab69370432b17489808f2ba6073d38ee2.jpg");
  background-position: center top; }
  @media only screen and (min-width: 768px) {
    body.home .intro-section {
      background-color: #fffeff;
      height: 70vh;
      max-height: 41vw;
      position: relative;
      background-image: url("img/pages/home/hp-bg-candy-only-895e91cbc198218dbe56fed67b590a7c37a8bc3ef29d4b8c2989edf2196cfdb4b6150e64cb6f57a01a26268ae764b4cc22da52168121287e68aa8a9891efd616.jpg");
      background-position: center -100px; }
      body.home .intro-section:before, body.home .intro-section:after {
        background-image: url("img/pages/home/left-heroes-4d1b459f1f90918502ad8a9ed22c6605295543e3eabe3fb25ea573926ee8f1eaf5049b5daf20295f2a91f48f9e70784315f26cf8714b916ff563c22b7d8db9a5.png");
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-size: contain;
        position: absolute;
        top: 0;
        left: 0; }
      body.home .intro-section:after {
        background-image: url("img/pages/home/right-heroes-b050ca4e3e909a57f57c6616bac0cb1b14d5f27f8c67e2287c6b5189529f4db502a8fbee40a16d7989033c2d433f88fed820bedfd4b42440fd348c313c8539bd.png");
        background-position: right; }
      body.home .intro-section .border-detail {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 132px;
        width: 100%;
        background-image: url("img/pages/home/hp-lower-border-detail-c90ed4ac478c5c7d861687834b1f5092629288885b283beb27d09dfa8f2015a3d8c6f970ce64873d63409e0fade739a4a38a98b6886baf57819c30eb13f67f3c.png");
        background-position: center bottom;
        z-index: 1; } }
  body.home .intro-section .overwatch-hero-content {
    position: relative;
    z-index: 10;
    height: 100%;
    margin-top: 2rem; }
    @media only screen and (min-width: 768px) {
      body.home .intro-section .overwatch-hero-content {
        margin-top: 0rem; } }
    @media only screen and (min-width: 992px) {
      body.home .intro-section .overwatch-hero-content {
        margin-top: 2rem; } }
    @media only screen and (min-width: 1280px) {
      body.home .intro-section .overwatch-hero-content {
        margin-top: 0rem; } }
    body.home .intro-section .overwatch-hero-content .logo {
      width: 80vw;
      height: 60.21053vw;
      max-width: 30rem;
      max-height: 22.57895rem; }
      @media only screen and (min-width: 768px) {
        body.home .intro-section .overwatch-hero-content .logo {
          width: 27vw;
          height: 15.37028vw;
          max-width: 75vh;
          max-height: 42.69521vh; } }
      @media only screen and (min-width: 1600px) {
        body.home .intro-section .overwatch-hero-content .logo {
          width: 32vw;
          height: 18.21662vw;
          max-width: 80vh;
          max-height: 45.54156vh; } }
  body.home .intro-section .cta-stacked {
    margin-top: 4rem; }
    body.home .intro-section .cta-stacked .button {
      margin-bottom: 1rem; }

body.home .cta-bar-container {
  position: relative;
  z-index: 20;
  display: none; }
  body.home .cta-bar-container .button {
    border-top: 0px;
    border-bottom: 0px; }
  body.home .cta-bar-container .center-in-button {
    padding-top: 12px;
    padding-bottom: 12px; }
  body.home .cta-bar-container .cell {
    width: 50%;
    display: table-cell;
    height: 100%; }
    body.home .cta-bar-container .cell a {
      height: 100%; }
  body.home .cta-bar-container .cta-bar {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 5px; }
    body.home .cta-bar-container .cta-bar .center-in-button-wrapper {
      height: 100%;
      width: 100%;
      display: table; }
    body.home .cta-bar-container .cta-bar .center-in-button {
      display: table-cell;
      vertical-align: middle;
      height: 100%; }
    body.home .cta-bar-container .cta-bar .homepage-cta, body.home .cta-bar-container .cta-bar .video-cta {
      position: relative; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        body.home .cta-bar-container .cta-bar .homepage-cta, body.home .cta-bar-container .cta-bar .video-cta {
          font-size: 1.6rem; } }
    body.home .cta-bar-container .cta-bar .homepage-cta {
      float: right;
      padding-right: 140px;
      padding-left: 20px;
      display: inline-block;
      width: auto; }
      body.home .cta-bar-container .cta-bar .homepage-cta .btn-art {
        opacity: 0; }
        body.home .cta-bar-container .cta-bar .homepage-cta .btn-art.fallback {
          opacity: 1; }
        body.home .cta-bar-container .cta-bar .homepage-cta .btn-art.trans-out {
          z-index: 1;
          -webkit-animation: transition-out 3s;
                  animation: transition-out 3s;
          -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
        body.home .cta-bar-container .cta-bar .homepage-cta .btn-art.trans-in {
          -webkit-animation: transition-in 3s;
                  animation: transition-in 3s;
          -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
    body.home .cta-bar-container .cta-bar .homepage-cta--button-text {
      display: block; }
    body.home .cta-bar-container .cta-bar .video-cta {
      float: left;
      padding-left: 180px;
      padding-right: 20px;
      display: inline-block;
      width: auto; }
      body.home .cta-bar-container .cta-bar .video-cta .media-thumbnail {
        border: 0px;
        border-radius: 0px; }
        body.home .cta-bar-container .cta-bar .video-cta .media-thumbnail > .wrap:after {
          background-size: 30% auto; }
      body.home .cta-bar-container .cta-bar .video-cta .btn-art {
        left: 10px;
        width: 150px;
        margin-top: 0px;
        right: auto; }
    body.home .cta-bar-container .cta-bar .btn-art {
      position: absolute;
      right: 10px;
      display: block;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  @media only screen and (min-width: 768px) {
    body.home .cta-bar-container {
      display: block; } }

@media screen and (min-width: 400px) and (max-width: 767px) {
  body.home .intro-trailer, body.home .homepage-cta {
    width: 100%;
    max-width: 310px; } }

body.home .intro-vods {
  margin-top: 12px; }

body.home .bottom-bg {
  padding-bottom: 24px;
  background: url("img/pages/home/game-bg-mobile-9b5ab1105cb78274fdc8b01c6d66ca7005d1669c773cf4ec1835cee9a954839b98531f4ee162c016132d8610fd03d95634d6b5e30a92ea7a87ab6c30582732dd.png") 0 bottom; }
  @media only screen and (min-width: 768px) {
    body.home .bottom-bg {
      background: url("img/pages/home/game-bg-tablet-923be442d4c671786b4a30d92481ddc28252eda66b0be3b4f15b96412a06fea13d66e3bb7ea9de54058253e7d1df4376da08586341045707b97053bb96a84bcb.png") no-repeat;
      background-size: cover; } }

body.home .hero-portrait-group {
  padding: 0rem 1.2rem; }
  @media only screen and (min-width: 768px) {
    body.home .hero-portrait-group {
      padding: 0rem; } }

body.home .mobile-cta {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    body.home .mobile-cta {
      display: none; } }
  body.home .mobile-cta .homepage-cta {
    margin: 25px auto 0; }
  body.home .mobile-cta .intro-trailer {
    margin: 35px auto;
    display: block;
    max-width: none; }

body.home .cta-bar {
  padding: 0 0.8333%; }

body.home .news-panels {
  margin: 0 0 70px;
  text-align: center; }
  body.home .news-panels h2 {
    text-align: center;
    margin: 30px 0 30px; }
  body.home .news-panels .intro-button {
    margin-top: 25px; }
    @media only screen and (max-width: 767px) {
      body.home .news-panels .intro-button {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }

body.home .media-card-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

body.home .footer-prepurchase {
  display: none; }

@media only screen and (min-width: 992px) {
  body.home .nav-logo {
    display: none; } }

.home-page-sku-section {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  background-image: url("img/pages/home/purchase-section-bg-8359f513fc4abebe3137b4dfa29d62092145ed7cdd20bf819ecc0177835c9745a62fd83a422ce9380014f7def0a98cbc3ea58df4883a7897d82a175bd4759679.jpg");
  background-size: cover;
  background-position: center center;
  padding-top: 25px;
  padding-bottom: 44px;
  min-height: 262px; }
  @media only screen and (min-width: 400px) {
    .home-page-sku-section {
      min-height: 194px; } }
  @media only screen and (min-width: 992px) {
    .home-page-sku-section {
      min-height: 306px; } }

.home-page-sku-section__box-art {
  float: right;
  margin-right: 20px;
  max-width: 436px; }
  @media only screen and (min-width: 1280px) {
    .home-page-sku-section__box-art {
      float: none;
      margin-right: 0;
      width: 45vw;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9); } }
  @media only screen and (min-width: 1600px) {
    .home-page-sku-section__box-art {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; } }

.home-page-sku-section__text-container {
  padding-top: 20px; }
  @media only screen and (min-width: 992px) {
    .home-page-sku-section__text-container {
      padding-top: 34px;
      padding-left: 20px; } }

.home-page-sku-section__cta {
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px; }
  @media only screen and (min-width: 400px) {
    .home-page-sku-section__cta {
      margin-top: 24px;
      margin-left: 0;
      margin-right: 0; } }
  @media only screen and (min-width: 1280px) {
    .home-page-sku-section__cta {
      margin-top: 18px; } }

@media only screen and (min-width: 1600px) {
  .home-page-sku-section__brigitte-container {
    position: relative; } }

.home-page-sku-section__brigitte-flail {
  position: absolute;
  bottom: -20px;
  width: 46vw;
  max-width: 680px; }
  @media only screen and (min-width: 1600px) {
    .home-page-sku-section__brigitte-flail {
      bottom: -280px; } }

body.game {
  background-color: #060009; }
  body.game p img {
    vertical-align: middle; }
  body.game .gray-blue {
    color: #9daac8; }
    body.game .gray-blue > p {
      color: #9daac8; }
  body.game .overview-section:not(li) {
    position: relative;
    z-index: 1;
    padding-top: 150px;
    text-align: center;
    background-image: url("img/pages/game/backgrounds/bg-welcometooverwatch-mobile-3-78418f6e3f354106e817d1129c623b3866b2629467bdaa41575cb9c7eedc935b4e7f5cd375a431dd7e3b4b641b0fe18d924696ec2618bb02e6d6823f34c9c8a1.jpg");
    background-color: #1B0B0C;
    background-size: cover;
    background-position: 0px; }
    @media only screen and (min-width: 1280px) {
      body.game .overview-section:not(li) {
        background-position: 25% top;
        text-align: left;
        padding-bottom: 130px; } }
    @media only screen and (min-width: 768px) {
      body.game .overview-section:not(li) {
        background-image: url("img/pages/game/backgrounds/bg-welcometooverwatch-3-c466c33fd7995ce2f9c7afb5ef41c4f0791d3390262d6f7a9975abc4ff0dd41e8d4d750a151c9f7df977f7008e588cba4fbcaa021e54a76a204d1e9dbd4db5ce.jpg"); } }
    body.game .overview-section:not(li) .intro-row {
      margin-top: 8rem; }
    body.game .overview-section:not(li) .game-description {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px;
      font-size: 2rem;
      max-width: 40em; }
      @media only screen and (min-width: 1280px) {
        body.game .overview-section:not(li) .game-description {
          margin-left: 0; } }
    body.game .overview-section:not(li) .overwatch-trailer {
      max-width: 540px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 12px; }
      @media only screen and (min-width: 1280px) {
        body.game .overview-section:not(li) .overwatch-trailer {
          margin-right: 30px;
          margin-bottom: 0; } }
  body.game .heroes-section:not(li) {
    position: relative;
    border-bottom: 5px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 40px;
    z-index: 2; }
    body.game .heroes-section:not(li):before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-image: url("img/pages/game/backgrounds/game_teams_bg-108fe1677c4a7a8520b4a910a87a356507900d5786bbe9dbce35ddfa01842f8b25088b3a1d54468b0d51dc3e1096cfe693a5394a846629483507008a8a604938.jpg");
      z-index: -1; }
    @media only screen and (min-width: 1280px) {
      body.game .heroes-section:not(li) {
        padding-bottom: 200px; } }
    body.game .heroes-section:not(li) .button {
      margin-top: 40px; }
    body.game .heroes-section:not(li) .overwatch-logo, body.game .heroes-section:not(li) .overwatch-logo-mini {
      position: relative;
      top: -40px;
      margin-bottom: -40px;
      max-width: 90%;
      fill: #F6F6F6; }
    body.game .heroes-section:not(li) .overwatch-logo {
      height: 320px;
      max-width: 30%;
      padding: 16px; }
      @media only screen and (max-width: 991px) {
        body.game .heroes-section:not(li) .overwatch-logo {
          display: none; } }
      body.game .heroes-section:not(li) .overwatch-logo > svg {
        width: 100%;
        height: 100%; }
    body.game .heroes-section:not(li) .overwatch-logo-mini {
      width: 320px; }
      @media only screen and (min-width: 992px) {
        body.game .heroes-section:not(li) .overwatch-logo-mini {
          display: none; } }
    @media only screen and (min-width: 992px) {
      body.game .heroes-section:not(li) .left-team-image {
        background-image: url("img/pages/game/backgrounds/game_teams_left-e385bd682551756533a1ce31c9cfb7ae4b02cfdf32cb831c47e83f65c2e198203a781a7c49f1b3295b0cd0ef48328c99c1ffa469b225ef43e8a6cd0f6e86e3d7.png");
        position: absolute;
        left: 0;
        top: -60px;
        height: calc(100% + 60px);
        width: 60%;
        background-position: right bottom;
        background-size: auto 100%;
        z-index: -1; }
      body.game .heroes-section:not(li) .right-team-image {
        background-image: url("img/pages/game/backgrounds/game_teams_right-c2e7548933a4255f3f772f881063271e53c23cb28f0f48c08b06bc4a9abeacd4b99c1e5ee785e1e7800bf016852a92f44769333030db9fde75d5b2d43abf9029.png");
        position: absolute;
        right: 0;
        top: -60px;
        height: calc(100% + 60px);
        width: 50%;
        background-position: left bottom;
        background-size: auto 100%;
        z-index: -1; } }
    @media only screen and (min-width: 1600px) {
      body.game .heroes-section:not(li) .left-team-image {
        background-position: left bottom; }
      body.game .heroes-section:not(li) .right-team-image {
        background-position: right bottom; } }
  body.game .map-group--map {
    width: 33.33%;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 2rem;
    display: inline-block;
    text-align: center;
    vertical-align: top; }
  body.game .map-group--maps-container {
    text-align: center; }
  body.game .game-maps-section {
    background-image: url("img/pages/game/backgrounds/bg-maps-section-16d9e0ba084784410337ae843cccd0d4dc2fd2edac01f8bc32453b010575950986b9cea99a856ca08ffcb227d7d8cfd444bc04d246679d3010a4017d4ff0f9d8.jpg");
    background-size: contain;
    background-position: top;
    background-color: #1f2224;
    left: 0;
    position: relative;
    -webkit-transition: left 250ms ease-in-out;
    transition: left 250ms ease-in-out; }
    @media only screen and (min-width: 992px) {
      body.game .game-maps-section {
        background-size: cover; } }
    @media only screen and (max-width: 767px) {
      body.game .game-maps-section {
        padding-bottom: 0px; } }
  body.game .maps-subtitle {
    padding-bottom: 60px; }
  body.game .map-types {
    background-color: #314550; }
    @media only screen and (min-width: 768px) {
      body.game .map-types {
        margin-bottom: 24px;
        background-color: rgba(49, 69, 80, 0.65); } }
  body.game .map-types-flex {
    display: block; }
    @media only screen and (min-width: 768px) {
      body.game .map-types-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        padding-top: 20px;
        padding-bottom: 20px; } }
  body.game .map-type-wrapper {
    min-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 346px;
            flex: 1 1 346px;
    border-bottom: 1px solid #476577;
    padding: 20px 10px 20px 10px;
    pointer-events: auto;
    -webkit-transition: background-color 100ms linear;
    transition: background-color 100ms linear; }
    @media only screen and (min-width: 768px) {
      body.game .map-type-wrapper {
        padding: 20px 20px 20px 10px;
        border-bottom: none;
        min-width: 325px;
        width: 50%;
        cursor: pointer; } }
    @media only screen and (min-width: 1280px) {
      body.game .map-type-wrapper {
        max-width: 33.33%; } }
  @media only screen and (min-width: 768px) {
    body.game .map-type-wrapper:hover {
      background-color: #476577;
      cursor: pointer; } }
  @media only screen and (min-width: 768px) {
    body.game .map-type-wrapper-active {
      background-color: #476577; } }
  body.game .map-type-icon {
    width: 75px;
    height: 75px;
    position: relative;
    fill: #f0edf2;
    stroke: #f0edf2;
    stroke-width: 0; }
  body.game .map-type-icon-mobile {
    position: relative;
    min-width: 0px;
    width: 30px;
    height: 30px;
    margin-right: 7px; }
  body.game .map-type-name {
    vertical-align: middle;
    font-weight: 300; }
  body.game .map-type-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  body.game .map-type-description {
    margin-top: 15px;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      body.game .map-type-description {
        margin-top: 5px; } }
    @media only screen and (max-width: 767px) {
      body.game .map-type-description {
        padding-right: 30px; } }
  body.game .map-type-nav-arrow {
    background-image: url("img/icons/map-nav-arrows-cc67c3e97c8b9a4fe81e354e8bf1860c41bbe919af32fcdda1ad20c193331b37fce42a135f2c93c387b89af0e3a613b9e827d957e6deae66f50656bf504c567c.png");
    background-position-y: -410px;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    min-width: 24px;
    height: 38px; }
  body.game .map-wrapper {
    padding-bottom: 32px;
    pointer-events: none; }
  body.game .mobile-maps-nav {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: middle; }
  body.game .mobile-maps-category-header {
    vertical-align: middle;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-right: 3%; }
  body.game .mobile-maps-back-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  body.game .mobile-maps-back-button {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    background-image: url("img/icons/map-nav-arrows-cc67c3e97c8b9a4fe81e354e8bf1860c41bbe919af32fcdda1ad20c193331b37fce42a135f2c93c387b89af0e3a613b9e827d957e6deae66f50656bf504c567c.png");
    background-size: 50px;
    background-position-y: -89px;
    min-width: 15px;
    height: 26px; }
  body.game .mobile-maps-back-text {
    margin-left: 5px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative; }
  body.game .type-mobile-header-icon {
    position: relative;
    width: 54px; }
    @media only screen and (max-width: 399px) {
      body.game .type-mobile-header-icon {
        width: 48px; } }
  body.game .map-type-mobile-header-name {
    display: inline-block;
    padding-left: 15px; }
    @media only screen and (max-width: 399px) {
      body.game .map-type-mobile-header-name {
        padding-left: 5px; } }
  body.game .mobile-maps-section {
    -webkit-transition: left 250ms ease-in-out;
    transition: left 250ms ease-in-out; }
    @media only screen and (max-width: 767px) {
      body.game .mobile-maps-section {
        padding-top: 70px;
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        display: none;
        background-color: #1f2224;
        overflow: scroll;
        left: 100vw;
        z-index: 95; } }
  body.game .maps-no-transition {
    -webkit-transition: none;
    transition: none; }
  body.game .maps-back-button {
    width: 50px;
    height: 50px;
    background-color: white; }
  body.game .mobile-maps-section-moveFromLeft {
    left: 0vw !important; }
  @media only screen and (max-width: 767px) {
    body.game.freeze-scroll-sm {
      position: fixed;
      overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    body.game .mobile-maps-section-moveToRight {
      left: -100vw !important; } }
  body.game .map-category-container {
    margin-top: 5px;
    min-height: 60px; }
  body.game .map-category {
    padding-top: 3px;
    display: inline-block;
    vertical-align: middle; }
  body.game .map-category-icon {
    display: inline-block; }
    body.game .map-category-icon svg {
      width: 28.92px; }
  body.game .map-category-name {
    display: inline-block;
    font-size: 1.6rem;
    padding-left: 6px;
    padding-right: 14px; }
  body.game .abilities-section:not(li) {
    background-size: cover;
    background-position: center;
    left: 0;
    position: relative;
    -webkit-transition: left 250ms ease-in-out;
    transition: left 250ms ease-in-out; }
    @media only screen and (max-width: 991px) {
      body.game .abilities-section:not(li) {
        background-image: url("img/pages/game/backgrounds/bg-basics-faded-17a2c4f28dcc8913dd914d748a0c265c59eb064209cf5151c4ec336e7865b6b3662fb7464575aca19a3f6771749545370ac3a7dc343449b7f81acda3ee42ee03.png");
        background-size: contain;
        background-position: top;
        padding-top: 50%; } }
    @media only screen and (max-width: 991px) {
      body.game .abilities-section:not(li) .video-background-wrapper {
        display: none; } }
    body.game .abilities-section:not(li) .video-background-wrapper.m-blend:after {
      content: "";
      display: block;
      position: relative;
      width: 100%;
      height: 160px;
      top: -160px;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 0, 9, 0)), to(#060009));
      background-image: linear-gradient(to bottom, rgba(6, 0, 9, 0) 0%, #060009 100%);
      top: 100%;
      margin-top: -160px; }
  body.game .abilities-section .video-background-vid {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto; }
  body.game .match-section:not(li) {
    background-image: url("img/pages/game/backgrounds/bg-howtoplay-003749b1b293efe201052708998942805beb28d35ae693e796fcf3de23e70588911c820a8414b611dff35cdc693b982bfd5ae737961113fc3a0c8b970298ee79.jpg");
    background-size: cover;
    background-position: center; }
    @media only screen and (max-width: 991px) {
      body.game .match-section:not(li) {
        background-image: url("img/pages/game/backgrounds/bg-howtoplay-faded-36477f81b20e00c26e944fc193b4b57990ef7a9770b82495c5ffb1225980978949ea224738078b5be839c075c3bb6cf082cf54ab687b34ef9980db8d1ad383a1.png");
        background-size: contain;
        background-position: top;
        padding-top: 50%; } }
    body.game .match-section:not(li) .side-tips-section {
      margin-top: 2em;
      background-color: rgba(40, 53, 79, 0.9);
      text-shadow: none; }
    body.game .match-section:not(li) .side-tips-section-content {
      padding: 1.4em; }
  body.game .progress-section:not(li) {
    overflow: hidden;
    background-color: #17121d; }
    body.game .progress-section:not(li) h2, body.game .progress-section:not(li) p, body.game .progress-section:not(li) .progress-content {
      position: relative;
      z-index: 1; }
    body.game .progress-section:not(li) .progress-bg {
      position: relative;
      right: 50%;
      float: right; }
      @media only screen and (min-width: 768px) {
        body.game .progress-section:not(li) .progress-bg {
          float: none; } }
    body.game .progress-section:not(li) .progress-bg > img {
      position: relative;
      right: -50%;
      margin-top: -14%;
      margin-bottom: -17%; }
      @media only screen and (min-width: 768px) {
        body.game .progress-section:not(li) .progress-bg > img {
          right: -25%;
          max-width: 150%;
          margin-top: -13%;
          margin-bottom: -6%; } }
    body.game .progress-section:not(li) .progress-content {
      margin-top: 20px; }
    body.game .progress-section:not(li) .progress-description {
      max-width: 70em; }
    @media only screen and (max-width: 767px) {
      body.game .progress-section:not(li) .loot-image {
        display: none; } }
    body.game .progress-section:not(li) .loot-image > img {
      height: 200px;
      position: relative;
      bottom: 10px;
      right: 60px; }
    @media only screen and (min-width: 400px) {
      body.game .progress-section:not(li) .loot-description {
        padding-right: 5em; } }
    body.game .progress-section:not(li) .achievement-description {
      text-align: left;
      margin-top: 4em;
      padding-left: 5em; }
      @media only screen and (max-width: 767px) {
        body.game .progress-section:not(li) .achievement-description {
          padding-left: 0;
          margin-top: 3em; } }
    body.game .progress-section:not(li) .achievement-image {
      margin-top: -4em; }
      @media only screen and (max-width: 767px) {
        body.game .progress-section:not(li) .achievement-image {
          display: none; } }
      body.game .progress-section:not(li) .achievement-image > img {
        height: 400px;
        left: -100px;
        position: relative; }
  body.game .game-modes-section:not(li) {
    background-image: url("img/pages/game/backgrounds/bg-gamemodes-94fdb6a126f8f0d10ef54ca74364e763428cdaa92dbb6554e560506f032fc0ffaa7011f9cc333575e644fb89fbe1c570ae2c689cc7565aea489daf5cbc59eed7.jpg");
    background-size: cover;
    background-position: center;
    /* .game-mode-items {
            max-width:846px;
        } */ }
    @media only screen and (min-width: 768px) {
      body.game .game-modes-section:not(li) {
        padding-bottom: 100px; } }
    body.game .game-modes-section:not(li) .game-modes-subtitle {
      margin-bottom: 3em; }
    body.game .game-modes-section:not(li) .game-modes-item {
      display: inline-block;
      margin-left: 20px;
      margin-right: 20px;
      margin-bottom: 40px;
      width: 260px;
      height: 453px;
      border: none;
      overflow: hidden;
      position: relative;
      background-size: contain;
      vertical-align: top; }
      @media only screen and (min-width: 400px) {
        body.game .game-modes-section:not(li) .game-modes-item {
          width: 300px; } }
      body.game .game-modes-section:not(li) .game-modes-item:last-child {
        margin-bottom: 0px; }
        @media only screen and (min-width: 400px) {
          body.game .game-modes-section:not(li) .game-modes-item:last-child {
            margin-bottom: 20px; } }
      body.game .game-modes-section:not(li) .game-modes-item.practice {
        background-image: url("img/pages/game/game-modes/thumbs/practice-range-f54653bfe91f49b7b749a4b7647266725fccf0b730ad18eff1dffc2cb347a77c25cb8f5a2e237724a55ae9e6eab372a151e0b71c28a7967ee104d99c4278961f.jpg"); }
      body.game .game-modes-section:not(li) .game-modes-item.ai {
        background-image: url("img/pages/game/game-modes/thumbs/vs-ai-c0a8b2ac3d3409cec15615dfe3658fcad6a67dda21bfe2c4d9f002443d84972667be9add29b352314a26586b282d0dd9471e2f4ee8de6ab89c05f1c1672bc8be.jpg"); }
      body.game .game-modes-section:not(li) .game-modes-item.quick {
        background-image: url("img/pages/game/game-modes/thumbs/quick-play-3dbd4f7e17b3eeeefe5ebfa59b496935c5d84a09996722dc86375d086251b7ac8b66176c7dd892e5f8330a8b9e06413c96275295084112719a77c24563a39268.jpg"); }
      body.game .game-modes-section:not(li) .game-modes-item.custom {
        background-image: url("img/pages/game/game-modes/thumbs/custom-game-4ee82493c726ef442f32c83502b19cd7f81f4debc4e38d0c06b2e82f53ea4658a9511192a8a0e7ff7a69ff68532cbf5ffb818b6e5522af299557930383a1102d.jpg"); }
      body.game .game-modes-section:not(li) .game-modes-item.arcade {
        background-image: url("img/pages/game/game-modes/thumbs/arcade-f5eaf8acbc4a6956435e300a98b81ca5b86d2e536bd0f2796b103b8793dd3bd9f4bb5a49901b41e575e1fa85c87048fded05371f54015ce8c8a4bba6401ef892.jpg"); }
      body.game .game-modes-section:not(li) .game-modes-item.competitive {
        background-image: url("img/pages/game/game-modes/thumbs/competitive-play-6bca7df29544af6563bf55f2d1555f53e1e08354303958c8fbbebc86285067106440e1c95b611920f12e537a9966f7bcd7f5f1da0ae5d805c67430586c061758.jpg"); }
      body.game .game-modes-section:not(li) .game-modes-item > .container {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        min-height: 206px;
        padding: 10px;
        text-align: center;
        color: #2E3C51;
        text-shadow: none;
        background-color: white; }
        body.game .game-modes-section:not(li) .game-modes-item > .container > .btn {
          margin-top: 18px; }
        body.game .game-modes-section:not(li) .game-modes-item > .container > p {
          margin-top: 0px;
          text-align: center;
          color: #666666;
          line-height: 1.6; }
      body.game .game-modes-section:not(li) .game-modes-item .game-modes-item-title {
        font-family: "Big Noodle Too", impact, sans-serif;
        font-weight: normal;
        font-style: italic;
        font-size: 2.5rem;
        margin-top: 10px;
        margin-bottom: 8px; }
      body.game .game-modes-section:not(li) .game-modes-item .game-modes-item-icon {
        height: 36px; }
  body.game .friends-section:not(li) {
    background-color: #2d374f;
    position: relative; }
    body.game .friends-section:not(li) .friends-section-content {
      float: right;
      position: relative;
      width: 58.33333%;
      padding: 38px 28px 38px 48px; }
      @media only screen and (max-width: 767px) {
        body.game .friends-section:not(li) .friends-section-content {
          width: 100%;
          padding: 12px; } }
      @media only screen and (max-width: 991px) {
        body.game .friends-section:not(li) .friends-section-content {
          background-image: -webkit-gradient(linear, left top, right top, color-stop(5%, rgba(45, 55, 79, 0)), color-stop(12%, #2d374f));
          background-image: linear-gradient(to right, rgba(45, 55, 79, 0) 5%, #2d374f 12%); } }
    body.game .friends-section:not(li) .fg-hanzo-genji {
      display: none;
      position: absolute;
      left: calc(50% - 560px);
      height: calc(100% + 60px);
      bottom: 0; }
      @media only screen and (min-width: 768px) {
        body.game .friends-section:not(li) .fg-hanzo-genji {
          display: block; } }
    body.game .friends-section:not(li) .fg-hanzo-genji + .hide-for-lg {
      left: calc(50% - 453px); }
  body.game .play-with-friends-title-icon {
    display: inline-block;
    width: 6rem;
    height: 6rem;
    margin-bottom: -0.7rem; }
  body.game .play-with-friends-title-text {
    display: inline-block;
    margin-left: 1rem; }

body.heroes {
  background: url("img/ow-heroes-bg-eaa5e09760cf1e126669f9e3a1e1b7e12a4c0c73bb86728015299d99c1907ac1218f0a4304c6233547ae1e93d104adc88636aead01deb7bfebeeb666f07574e3.jpg") no-repeat top center;
  background-color: #d0c7dc; }

@media only screen and (min-width: 992px) {
  body.ja-jp .heroes-index.hero-selector .hero-portrait-detailed .portrait-title {
    font-size: 2rem; } }

@media only screen and (min-width: 768px) {
  body.ja-jp .heroes-index.hero-selector .hero-portrait-detailed .portrait-title {
    font-size: 1.6rem; } }

div > h4.hero-selector-intro {
  margin-top: 34px;
  color: #32415f; }
  @media only screen and (min-width: 992px) {
    div > h4.hero-selector-intro {
      margin-top: 100px; } }

.heroes-index.hero-selector {
  margin-top: 50px; }
  .heroes-index.hero-selector .hero-portrait-detailed-container:hover {
    z-index: 1; }
  .heroes-index.hero-selector .navigation-selector {
    margin-bottom: 50px; }
  .heroes-index.hero-selector .heroes-container.shuffle {
    overflow: visible !important; }
  .heroes-index.hero-selector .hero-portrait-detailed .container {
    display: table; }
  .heroes-index.hero-selector .hero-portrait-detailed .portrait-title {
    top: .5rem;
    padding: 0rem .6rem;
    font-size: 2rem;
    line-height: .9em;
    bottom: 0px;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    letter-spacing: 0.8px; }
    @media only screen and (min-width: 768px) {
      .heroes-index.hero-selector .hero-portrait-detailed .portrait-title {
        font-size: 3.125rem; } }
  .heroes-index.hero-selector .hero-portrait-detailed-container {
    position: relative;
    width: 49.5%;
    margin-right: .5%;
    margin-bottom: .5%; }
    .heroes-index.hero-selector .hero-portrait-detailed-container:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 172%; }
    .heroes-index.hero-selector .hero-portrait-detailed-container > .hero-portrait-detailed {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      height: auto;
      width: 100%; }
      .heroes-index.hero-selector .hero-portrait-detailed-container > .hero-portrait-detailed > .portrait {
        width: 100%; }
    @media only screen and (min-width: 400px) {
      .heroes-index.hero-selector .hero-portrait-detailed-container {
        width: 32.9%; } }
    @media only screen and (min-width: 768px) {
      .heroes-index.hero-selector .hero-portrait-detailed-container {
        width: 19.5%; } }
    @media only screen and (min-width: 992px) {
      .heroes-index.hero-selector .hero-portrait-detailed-container {
        width: 16.1%; } }
    @media only screen and (min-width: 1280px) {
      .heroes-index.hero-selector .hero-portrait-detailed-container {
        width: 13.8%; } }
  .heroes-index.hero-selector .hero-portrait-detailed {
    margin-right: 0px;
    margin-bottom: 0px;
    overflow: hidden; }
    .heroes-index.hero-selector .hero-portrait-detailed > .portrait {
      width: 100%; }

body.hero-detail-page > section:first-of-type {
  padding-top: 0 !important; }

@media only screen and (max-width: 991px) {
  .hero-detail > .inner {
    padding: 0; } }

.hero-media {
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .hero-media {
      padding-bottom: 100px; } }

.hero-media-gallery.is-partial > [data-media-id]:nth-child(4) ~ [data-media-id] {
  display: none; }

body.media [class*=section-bg] {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat; }

body.media h2 {
  color: #F6F6F6;
  line-height: 0.75;
  text-align: center; }

body.media .videos-section-bg {
  background-image: url("img/pages/media/backgrounds/videos-ff18713010d1dff19875dda4b088143108246040122001cb8718187c2243eb75f2c748f1f63569a4db1a99fd34e9568bdba151dbc1755e63f6d48f355367444d.jpg"); }

body.media .screenshots-section-bg {
  background-image: url("img/pages/media/backgrounds/screenshots-36110f19778a660302680b8089fa3b0954d150cb8d8cf2a2e39c1260eba67a70e62e53d269f131e58a91c3c74688759a4cbc72da5ecdf0a870fe742f3b83798d.jpg"); }

body.media .comics-section-bg {
  background-image: url("img/pages/media/backgrounds/comics-12c9515f967f4103761fdec035982975d4ed23dcdd629d0dbaced0ecdca4dad4c5fef275344aa18886da6e9045f3ae07c99e6e998d3e88f66132c26b6ce0f0a6.jpg"); }

body.media .artwork-section-bg {
  background-image: url("img/pages/media/backgrounds/artwork-5f1e1b0cf9bf800a34e0bac697a336bf38b3e5d679b05dbcf5b3f6dabb08d6b92775c2cfb594c8f41d63a36c3565078ab7099fda4a29c9663cc50d6c56677ac2.jpg"); }

body.media .references-section-bg {
  background-image: url("img/pages/media/backgrounds/reference-6196e9bde1895b4a7995602bd165c33d45be5deae457c3dfb26bfd6952a2aeb755ad7ecb963e078578a8d195a42841e2c8921a74a2e5079605d8448f1fa173ba.jpg"); }

body.media .wallpapers-section-bg {
  background-image: url("img/pages/media/backgrounds/wallpapers-37657c7126af2373d9706d43b4624bc1d35f876cffc39a6260db0a3b607568a87300a7711144153db1271d573bcaaba2bcc3ed7bb0e4cbb313bb4df02de06e79.jpg"); }

body.media .media-gallery {
  margin-top: 25px; }

body.blog-index {
  background-image: url("img/pages/blog/news-background-4878aa4e2fb664d564bd3e8ea519d1151393313d963c4b0b5096d7213cb70bdcf750a621fb031ebbc1b3184644cd51001a6f7d2ccebadffa0709941c9d95478d.jpeg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #121932; }
  body.blog-index .blog-load-more {
    margin-top: 35px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      body.blog-index .blog-load-more .btn {
        display: block;
        width: 100%; } }
  body.blog-index .blog-info {
    color: #F6F6F6;
    -webkit-transition: all 200ms;
    transition: all 200ms; }
    body.blog-index .blog-info:hover {
      -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }
  body.blog-index .blog-thumbnail.haloBorder {
    border: 3px solid rgba(255, 255, 255, 0.25);
    border-radius: 3px;
    -webkit-transition: all 200ms;
    transition: all 200ms; }
    body.blog-index .blog-thumbnail.haloBorder:hover {
      border-color: rgba(255, 255, 255, 0.75);
      -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); }

body.blog {
  background-image: url("img/layout/blog/bg-news-c02edc6ee2e6999de6605add455d8552578da77dd511000509572067fbf3a813b2f9e25bb1fb700f925cdf7ea87a2ee5846abb9cf947d14ace6d57a79044d117.jpg");
  background-position: center top;
  background-color: #141516;
  color: #F6F6F6; }
  body.blog .blog-title {
    line-height: 1; }
  body.blog .post-metadata {
    margin: 10px 0 20px; }
  body.blog .author-byline {
    display: inline-block; }
  body.blog .author-name {
    color: #00c3ff; }
  body.blog .blog-header-image {
    margin-bottom: 12px; }
    body.blog .blog-header-image > img {
      max-width: 100%; }
  body.blog .topic {
    font-size: 1.024rem;
    color: #000;
    line-height: 1;
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: #ffc70e;
    padding: 6px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px; }
  body.blog .topic span {
    display: inline-block;
    text-shadow: none; }
  body.blog h1 > small, body.blog h2 > small, body.blog h3 > small, body.blog h4 > small, body.blog h5 > small, body.blog h6 > small {
    line-height: inherit; }

.career-section {
  margin: 36px 0; }

body.career-detail .card-stat-block th {
  vertical-align: middle; }

body.career-detail .card-stat-block .icon {
  margin-right: 0.8rem;
  fill: #405275;
  width: 26px;
  height: 26px; }

body.career-detail .card-stat-block .stat-title {
  display: inline-block; }

body.career-detail hr {
  margin: 1em auto; }

body.career-detail .header {
  text-align: center; }
  @media only screen and (min-width: 768px) {
    body.career-detail .header {
      text-align: left; } }

body.career-detail .masthead {
  text-align: center;
  padding: 0; }
  @media only screen and (min-width: 992px) {
    body.career-detail .masthead {
      padding: 6rem 0;
      text-align: left; } }

body.career-detail .masthead-player-progression, body.career-detail .header-masthead, body.career-detail .player-portrait {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 992px) {
    body.career-detail .masthead-player-progression, body.career-detail .header-masthead, body.career-detail .player-portrait {
      display: inline-block;
      vertical-align: middle; } }

body.career-detail .masthead-permission-level-container {
  color: #a1a1a1;
  stroke: #a1a1a1;
  fill: #a1a1a1; }

body.career-detail .masthead-permission-level-text {
  display: inline-block;
  padding-left: 5px; }

body.career-detail .player-portrait {
  height: 80px; }
  @media only screen and (min-width: 992px) {
    body.career-detail .player-portrait {
      padding-right: 12px; } }

body.career-detail .competitive-rank {
  display: inline-block;
  padding: 1rem; }
  @media only screen and (min-width: 400px) {
    body.career-detail .competitive-rank {
      border-left: 1px solid rgba(246, 246, 246, 0.2); } }
  body.career-detail .competitive-rank img {
    width: 80px; }

body.career-detail .player-level, body.career-detail .endorsement-level, body.career-detail .competitive-rank {
  vertical-align: middle; }

@media only screen and (min-width: 400px) {
  body.career-detail .endorsement-level {
    border-left: 1px solid rgba(246, 246, 246, 0.2); } }

body.career-detail .masthead-buttons {
  display: block; }
  @media only screen and (max-width: 399px) {
    body.career-detail .masthead-buttons > .button {
      width: auto;
      padding: 6px 9px; } }

body.career-detail .masthead-detail {
  margin-top: 0;
  margin-bottom: 0.3em;
  color: #9daac8; }

body.career-detail .masthead-detail > .num {
  color: #00c3ff; }

body.career-detail .masthead-hero-image {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  width: 50%;
  background-position: -290px bottom;
  background-size: 1000px; }
  @media only screen and (min-width: 992px) {
    body.career-detail .masthead-hero-image {
      display: block; } }

body.career-detail [data-hero-quickplay="reinhardt"], body.career-detail [data-hero-competitive="reinhardt"], body.career-detail [data-hero-quickplay="zenyatta"], body.career-detail [data-hero-competitive="zenyatta"], body.career-detail [data-hero-quickplay="mercy"], body.career-detail [data-hero-competitive="mercy"], body.career-detail [data-hero-quickplay="orisa"], body.career-detail [data-hero-competitive="orisa"] {
  background-position: -105px bottom;
  width: 56%; }
  @media only screen and (max-width: 1279px) {
    body.career-detail [data-hero-quickplay="reinhardt"], body.career-detail [data-hero-competitive="reinhardt"], body.career-detail [data-hero-quickplay="zenyatta"], body.career-detail [data-hero-competitive="zenyatta"], body.career-detail [data-hero-quickplay="mercy"], body.career-detail [data-hero-competitive="mercy"], body.career-detail [data-hero-quickplay="orisa"], body.career-detail [data-hero-competitive="orisa"] {
      width: 68%; } }

body.career-detail .bg-gibraltar {
  position: relative; }

@media only screen and (max-width: 767px) {
  body.career-detail select, body.career-detail .dropdown {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto; } }

body.career-detail .hero-comparison-section .progress-2 {
  margin-bottom: 0.4rem; }

body.career-detail .show-more-heroes {
  display: table;
  margin-top: 36px;
  margin-left: auto;
  margin-right: auto; }

@media only screen and (min-width: 992px) {
  body.career-detail #achievements-section {
    padding-top: 0;
    padding-bottom: 45px; } }

body.career-detail .button-group.loading {
  width: 30px;
  height: 30px;
  background-image: url("img/icons/loading-a5939d909cea1dae2a9b172bb8fa2a38421d40722756ec14a67208e066c348706c909c48aaf4dfe7fe8ffc911abb44133f723ad1822e9b8bfa27eea38351a41d.svg");
  background-size: 30px;
  background-position: center center; }

body.career-detail .profile-btn-switcher {
  width: 100%;
  margin-top: 24px;
  text-align: center; }

.PrivateProfile_content-container {
  max-width: 400px;
  padding: 150px 0; }

.search-input {
  height: 34px;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px;
  margin-right: .5rem;
  border-radius: 5px;
  background-clip: padding-box;
  border: 3px solid rgba(51, 51, 51, 0.25); }
  @media only screen and (min-width: 400px) {
    .search-input {
      width: 60%;
      margin-bottom: 0px; } }
  @media only screen and (min-width: 992px) {
    .search-input {
      width: 360px;
      margin-bottom: 0px; } }

.search-button {
  vertical-align: top;
  padding: 6px 30px;
  color: #F6F6F6; }
  .search-button:hover {
    color: #F6F6F6; }

.search-results {
  position: relative;
  min-height: 500px;
  width: 100%; }
  .search-results.is-loading:before {
    font-size: 3.125rem;
    text-align: center;
    content: attr(data-loading-text);
    display: block;
    position: absolute;
    top: 3rem;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url("img/icons/loading-a5939d909cea1dae2a9b172bb8fa2a38421d40722756ec14a67208e066c348706c909c48aaf4dfe7fe8ffc911abb44133f723ad1822e9b8bfa27eea38351a41d.svg");
    background-size: 100px;
    background-position: center 2em; }

.Filter-platform-label {
  color: #405275; }

.ProfileStatusBar {
  float: right; }

.ProfileStatusBar-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 1rem; }

.ProfileStatusBar-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem; }

.filter-sort {
  margin-left: 0.75rem;
  margin-bottom: 1.25rem; }

.patch-notes-container {
  height: 100%;
  overflow: auto;
  background: url("img/pages/patch-notes/patch-note-bg-562d1e260d358fb465a35bf7ec0cf47e282d86ea047813b53e3c93b587b066d31dbb25c7fc433e06727e31edf12c9674de5c2015184dbd17da22243c4dc31a74.jpg");
  background-size: cover; }

.patch-notes-content {
  margin: 0 auto; }

.overwatch-emblem-position {
  margin: 40px auto 0; }

.patch-notes-title {
  color: #cccccc; }

.patch-notes-list-container {
  margin-top: 15px; }

.patch-notes-list-header {
  margin-bottom: 10px;
  color: #F6F6F6; }

.patch-notes-item {
  width: 70%;
  padding: 3px 10px 3px;
  cursor: pointer; }
  .patch-notes-item:hover {
    border-radius: 5px;
    background-color: rgba(161, 161, 161, 0.3); }
  .patch-notes-item > a {
    color: #00a5e2; }
    .patch-notes-item > a:hover {
      color: #00c3ff; }

.patch-notes-detail {
  padding: 30px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #F6F6F6; }

.patch-notes-detail + .patch-notes-detail {
  margin-top: 18px; }

.patch-notes-page-container {
  background-image: url("img/pages/patch-notes/patch-notes-background-desktop-bb8d032d3737c76fd941d645992dde4da3c1a29393153663be203b95d20ea601ae1ae41a15edbe4cd5b8615ecced3b54a4d627d3ebd0182c36eb462f619d556b.jpg");
  background-position: center top; }

.patch-notes-overview {
  margin-bottom: 30px; }

.patch-notes-body ul {
  list-style-type: disc;
  padding-left: 40px; }

.patch-notes-patch + .patch-notes-patch {
  margin-top: 60px; }

.patch-notes-pagination {
  margin: 18px 0; }
  .patch-notes-pagination .btn {
    margin-right: 5px;
    margin-bottom: 5px; }
  @media only screen and (min-width: 992px) {
    .patch-notes-pagination {
      margin: 40px 0 0; } }

.patch-note-actions {
  margin-top: 18px; }

.button-group.patch-note-actions > .btn {
  margin-right: -1px; }

.button-group.patch-note-actions > .btn:last-child {
  margin-right: unset; }

.patch-notes-error {
  margin: 10px 0; }
  .patch-notes-error.m-main {
    margin: 50px 0 10px; }

.PatchNotesSideNav-header {
  padding-bottom: 12px;
  border-bottom: 8px solid rgba(64, 82, 117, 0.2); }

.PatchNotesSideNav-listItem {
  padding: 18px 12px;
  border-bottom: 2px solid rgba(64, 82, 117, 0.2); }
  .PatchNotesSideNav-listItem a:visited {
    color: #ff9c00; }

.HeadingBanner, .CalloutBox {
  margin-bottom: 24px; }

.UnderlinedHeader {
  margin-top: 24px; }

@media only screen and (max-width: 991px) {
  .HeroHeader {
    margin-top: 24px; } }

.Quote {
  margin-top: 12px; }

body.free-trial {
  color: #333333; }
  body.free-trial .section-divider {
    z-index: 0; }
  body.free-trial .footer-prepurchase {
    display: none; }
  body.free-trial h1, body.free-trial h2, body.free-trial h3, body.free-trial h4 {
    line-height: .9; }
  body.free-trial ol {
    list-style-type: decimal;
    list-style-position: inside; }
  body.free-trial.de-de .pre-download .btn, body.free-trial.fr-fr .pre-download .btn, body.free-trial.pt-br .pre-download .btn, body.free-trial.pl-pl .pre-download .btn, body.free-trial.ru-ru .pre-download .btn {
    font-size: 1.28rem; }

section.free-trial {
  padding-bottom: 32px;
  padding-top: 50%;
  background-size: 100% auto;
  background-position: center top;
  background-color: white;
  background-image: url("img/pages/free-trial/8/FW8-mobile-493da59885a70f14bb50bb18e3f2133eabb607bdfbc4730480bd146a057d24566e484e790760ce04df7c213d77d6a3662e95d6bd9687d76a025a5d5ad57c8745.jpg"); }
  @media only screen and (min-width: 768px) {
    section.free-trial {
      padding-top: 38%;
      background-image: url("img/pages/free-trial/8/FW8-tablet-2b9b93e0a0e4413b443ef0920ce515f2275ad997dce3d9bd4093bd15f623c47416e70a0c5191f384149c970904dbd91e1a55cd193f1919167e347f43ed781a60.jpg"); } }
  @media only screen and (min-width: 992px) {
    section.free-trial {
      padding-top: 29.5%;
      background-image: url("img/pages/free-trial/8/FW8-desktop-3a4e250713afa5388b5653bb13601f4022e2196bed015bf520b5534b4e4b4b17dca821681afad62b0906b980eb4caf6e2fb67ad533b4198b0e425189fcd7f254.jpg"); } }
  section.free-trial .button-row {
    margin: 18px 0px 0; }
  section.free-trial .btn-container {
    display: block;
    margin: 6px 0;
    margin-top: 1rem;
    margin-bottom: -0.5rem; }
    @media only screen and (min-width: 400px) {
      section.free-trial .btn-container {
        display: inline-block;
        vertical-align: top; } }
    section.free-trial .btn-container > .btn {
      min-width: 184px; }
  section.free-trial .legal-subtext {
    font-size: 1.024rem;
    margin: 3px auto 0;
    text-shadow: none; }
  section.free-trial .legal-subtext + .legal-subtext {
    margin-top: 0; }

.free-trial-header {
  color: #333333;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto; }

.free-trial-header-highlight {
  color: #ff9c00; }

.free-trial-subhead {
  color: #333333;
  margin: 6px 0 0; }

.free-trial-official-date {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 1.6rem;
  text-shadow: none; }

.free-trial-platform-header {
  margin-bottom: 6px;
  color: #727272; }

.free-trial-instructions {
  padding-left: 20px;
  margin: 12px auto; }

.free-trial-instructions > li {
  margin-top: 3px; }

.icon.m-pc {
  height: 20px; }

body.mercy-bcrf-charity-skin .footer-prepurchase {
  display: none; }

.mercy-bcrf-charity-skin {
  background-size: 100% auto;
  background-position: 0 48px;
  background-color: white;
  background-image: url("img/promos/mercy-bcrf-charity-skin/480-0ca86b10b6ec84d9c0795cfb77e1d40c68ef555f341998a3bd860ae064bdfa0ba43792e9e26b65baae387f2ee6f5cd7474bbde9fbfc6300c1ffbf1349cda2775.jpg"); }
  @media only screen and (min-width: 768px) {
    .mercy-bcrf-charity-skin {
      background-image: url("img/promos/mercy-bcrf-charity-skin/768-fb19779e47d85a740045f24eb24f96822529114b654b65276f8fdc59d9035c900f41169e209be56e8deed192e0bd1122fe610846b2997f7996f069ba5de30ea0.jpg"); } }
  @media only screen and (min-width: 992px) {
    .mercy-bcrf-charity-skin {
      background-image: url("img/promos/mercy-bcrf-charity-skin/992-a11c01eed8ccddba6cf890f78e8519c3296180def10c91db80ae60c16376bd498546704efb82f174ff4b49d1c68507186e1f888a9209b044eb560ae24cd9446b.jpg"); } }
  @media only screen and (min-width: 1280px) {
    .mercy-bcrf-charity-skin {
      background-position: center top;
      background-size: 2560px 1041px;
      background-image: url("img/promos/mercy-bcrf-charity-skin/2560-b530faa7f4d30eb3076765d8ede0dcbcdabdc49bb6ba862a3dca09cc5ef99ab2b1a17afcaceaaf23be54a227513029d743f746497af6e3500935bb023307a03d.jpg"); } }
  .mercy-bcrf-charity-skin .btn-container {
    display: block;
    margin: 10px 0; }
    @media only screen and (min-width: 400px) {
      .mercy-bcrf-charity-skin .btn-container {
        display: inline-block;
        vertical-align: top;
        margin: 5px; } }
    .mercy-bcrf-charity-skin .btn-container > .btn {
      min-width: 184px; }
    .mercy-bcrf-charity-skin .btn-container:first-of-type {
      margin-left: 0; }

.mercy-bcrf-charity-skin-content {
  padding-top: 44%; }
  @media only screen and (min-width: 768px) {
    .mercy-bcrf-charity-skin-content {
      padding-top: 10%; } }
  @media only screen and (min-width: 1280px) {
    .mercy-bcrf-charity-skin-content {
      padding-top: 100px; } }

.mercy-bcrf-charity-skin-header {
  color: #333333;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  margin-top: 5px;
  color: #FF1A81; }
  @media only screen and (max-width: 767px) {
    .mercy-bcrf-charity-skin-header {
      font-size: 6.10352rem; } }
  body.ja-jp .mercy-bcrf-charity-skin-header {
    font-size: 2.5rem; }
    @media only screen and (min-width: 400px) {
      body.ja-jp .mercy-bcrf-charity-skin-header {
        font-size: 3.125rem; } }
    @media only screen and (min-width: 992px) {
      body.ja-jp .mercy-bcrf-charity-skin-header {
        font-size: 3.90625rem; } }
    @media only screen and (min-width: 1280px) {
      body.ja-jp .mercy-bcrf-charity-skin-header {
        font-size: 4.88281rem; } }

.mercy-bcrf-charity-skin-header-highlight {
  color: #ff9c00; }

.mercy-bcrf-charity-skin-subhead {
  color: #333333;
  margin-top: 124%;
  color: #6553C3; }
  @media only screen and (min-width: 768px) {
    .mercy-bcrf-charity-skin-subhead {
      margin: 6px 0 0; } }

.mercy-bcrf-charity-skin-video-button {
  margin-top: 20px; }
  .mercy-bcrf-charity-skin-video-button:hover .play-icon {
    fill: #F6F6F6; }
  .mercy-bcrf-charity-skin-video-button .play-icon {
    fill: #333333;
    margin-right: 10px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    width: 24px; }

.mercy-bcrf-charity-skin-description {
  text-shadow: none;
  margin-top: 20px; }

.ExternalLink--mercy-bcrf-charity-skin {
  font-weight: bold; }
  .ExternalLink--mercy-bcrf-charity-skin:after {
    background-image: url("img/icons/link-icon-orange-a3280bf8add9dffc3ae68df1a36bd76d6635328080942939ea1e2c6d5f77bf0258e9ee7941bfff7809ea59a0f679dd37ea29ee05c13038cbb40be9d1aeb2193b.png"); }
  .ExternalLink--mercy-bcrf-charity-skin:hover:after {
    background-image: url("img/icons/link-icon-orange-light-95e573975247f0d8c5dc56811472f098d37773a588dc2d45759f056fd31cb4e98e533dfca19df277157a0527802231f43a4760906f6bf91541a1ff32f0da2789.png"); }

.mercy-bcrf-charity-skin-disclaimer-container {
  margin-top: 30px;
  margin-bottom: 30px; }

.mercy-bcrf-charity-skin-disclaimer {
  font-weight: bold;
  font-size: 1.28rem; }
  .mercy-bcrf-charity-skin-disclaimer + .mercy-bcrf-charity-skin-disclaimer {
    margin-top: 3px; }

.mercy-bcrf-charity-skin-platform-header {
  margin-bottom: 5px;
  color: #333333; }

.mercy-bcrf-charity-skin-instructions {
  padding-left: 20px;
  margin: 12px auto; }

.mercy-bcrf-charity-skin-instructions > li {
  margin-top: 3px; }

.mercy-bcrf-charity-skin-bcrf-logo {
  margin-top: 30px;
  background-image: url("img/promos/mercy-bcrf-charity-skin/bcrf-logo-hi-res-d10eed4e926b02a175e4e461f53240560327917463d4e6960f53086081a94d3d2570ff318a61e1ea2d0773a43ad93cc58ba97fdd7e449cdef47e47b932244a45.png");
  width: 206px;
  height: 89px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .mercy-bcrf-charity-skin-bcrf-logo {
      margin-left: 0;
      margin-right: 0;
      background-image: url("img/promos/mercy-bcrf-charity-skin/bcrf-logo-8bad280c5d9af432584d19fdfd59ad496578e27d94bc096c67ede4c7b7741790871b95796475162f1cfc7467361efcd612a38630e9b116ca19e818e9777e164a.png"); } }

.esports-intro-section {
  position: relative;
  color: #F6F6F6;
  background-image: url("img/pages/esports/overview-background-mobile-f9acd80dde06859a9ec630c8c6cbe8646f50901a7e72b2be9b0ab98b8b5e4cee56c838ef7a07c43a98942ffa8ef1b838b236d4e2e2d0281fda5c97c7e981e977.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-color: black;
  background-size: auto; }
  @media only screen and (min-width: 992px) {
    .esports-intro-section {
      background-image: url("img/pages/esports/overview-background-4601d74144ddfd617709da8262d30353a2f37cf25d856a095452f52650dddc799973cf22b35a91d07c59caf12910a890eb79763e56a10ca7dc7a189141b49907.jpg"); } }

.esports-flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%; }

.esports-flex-item {
  width: 100%;
  padding-top: 36px; }
  @media only screen and (min-width: 992px) {
    .esports-flex-item {
      padding-left: 20px;
      padding-right: 20px; } }

.esports-worldcup-logo {
  width: 200px;
  max-width: 100%; }

.esports-overviewVideoContainer {
  padding: 0; }
  @media only screen and (min-width: 400px) {
    .esports-overviewVideoContainer {
      padding: 0 20px; } }
  @media only screen and (min-width: 768px) {
    .esports-overviewVideoContainer {
      padding: 0 10%; } }

.esports-pathtopro-container {
  margin-top: 42px;
  color: #333333; }
  .esports-pathtopro-container [data-id="overwatchLeague"] {
    background-image: url("img/pages/esports/OWL-LBG-2-2560x300-40065510df3c30ee9c251a510660f87d605d0c9d7f741469920cc36d3942fe5d3fcf6f16ad549023fd6277abe5b9c21a00f70624b237cfc2bd92554a734e5f4e.jpg");
    background-attachment: fixed;
    background-size: cover; }

.esports-pathtopro-accordion {
  background-color: #e9e9e7;
  height: 1px;
  min-height: 360px;
  max-height: 560px; }

.esports-worldcup-container {
  background-image: url("img/esports/worldcup-background-mobile-8ff8d7ea76d62c6456d0bae6e9ef3f719d8b27ac4e4279dc3855b4db8782a00030f7f00e95ff514d5bfe9c945e6e35ac53b072fdf69db425fc4dda7b365bff77.jpg");
  background-color: #3d67bb; }
  @media only screen and (min-width: 992px) {
    .esports-worldcup-container {
      background-image: url("img/esports/worldcup-background-81c0be2664b542577ee8678cb0c3baca8032847b0c29566c6137e19fb8a4f03426e3f274fabf359d8c10eceb5c405dd1ccaf6873ecec30748d7df2da0ff609f1.jpg"); } }

.LadderSection-handle {
  background: #F6F6F6;
  color: black;
  display: block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-top: 2px solid #cccccc; }
  .LadderSection-handle.is-active {
    background-color: white; }
    .LadderSection-handle.is-active .LadderSection-handleArrowIndicator {
      background-position: 0 0; }
    .LadderSection-handle.is-active > .LadderSection-container {
      border-bottom-color: #333333; }
  .LadderSection-handle--overwatchLeague {
    background-color: white; }
  .LadderSection-handle--contenders:before, .LadderSection-handle--contendersTrials:before {
    content: '';
    width: 24px;
    height: 24px;
    left: 50%;
    top: -12px;
    -webkit-transform: translateX(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
    background-color: #cccccc;
    position: absolute; }

.LadderSection-handleContent {
  padding: 0 18px;
  height: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.LadderSection-handleLogo {
  width: 76px;
  margin-right: 10px;
  padding: 0; }
  .LadderSection-handleLogo--openDivision {
    padding: 0 6px; }

.LadderSection-title {
  display: inline-block;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: bold; }
  @media only screen and (min-width: 768px) {
    .LadderSection-title {
      font-size: 2.5rem; } }

.LadderSection-handleArrowIndicator {
  width: 28px;
  height: 28px;
  background-image: url("img/pages/esports/arrow-selector-64fb32e58917557f1b10779f387e8c6dc9aad6c5b82f76ebd2bb48c9c92cba3a1025f759d32a4263bd82d468708b98f2b03f9cc64c7f7db335b286d68e467a18.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 -28px;
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 20px; }

.LadderSection-contentLogo {
  display: none; }
  @media only screen and (min-width: 768px) {
    .LadderSection-contentLogo {
      display: block;
      height: 200px;
      margin-left: auto;
      margin-right: auto; } }

.LadderSection-container {
  background: #e9e9e7;
  position: relative; }

.LadderSection-content {
  padding: 24px 24px;
  background-color: #333333; }

.LadderSection-desc {
  margin-bottom: 24px; }

.LadderSection-container.is-open + .LadderSection-handle {
  border-top-color: #333333; }
  .LadderSection-container.is-open + .LadderSection-handle:before {
    background-color: #333333; }

.LadderInfoBlock {
  display: block;
  height: 100%;
  padding: 0 18px 0 6px; }

.es-es .LadderInfoBlock-copy,
.es-mx .LadderInfoBlock-copy,
.de-de .LadderInfoBlock-copy {
  font-size: 14px; }

.LadderInfoBlock-callToAction {
  margin-top: 18px; }

.event-view .footer-prepurchase {
  display: none; }

.event-overview-container {
  background-size: 100% auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden; }
  @media only screen and (min-width: 992px) {
    .event-overview-container {
      background-attachment: fixed;
      background-size: auto;
      background-position: center top;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }

.events-section-header, .events-overview-header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px; }
  @media only screen and (min-width: 768px) {
    .events-section-header, .events-overview-header {
      text-align: left; } }

.events-overview-header {
  margin-top: 18px; }
  @media only screen and (min-width: 992px) {
    .events-overview-header {
      margin-top: 0; } }

.event-overview-container.is-playing {
  width: 100vw;
  height: 56.25vw;
  max-width: 2560px;
  max-height: 100vh;
  overflow: hidden; }
  @media only screen and (min-width: 3840px) {
    .event-overview-container.is-playing {
      max-height: 1440px; } }

.event-overview-content-container {
  max-width: 95%;
  margin: 0 auto; }

.event-foreground-image-container {
  position: relative;
  display: block;
  padding-top: 5%; }

.event-foreground-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 70%;
  vertical-align: bottom;
  z-index: 10; }
  @media only screen and (min-width: 992px) {
    .event-foreground-image {
      width: 60%; } }

.event-logo-container-mobile {
  background-size: auto 100%;
  background-position: center; }

.event-logo-container-mobile--overlap {
  position: relative;
  margin-top: -15%;
  margin-bottom: -15%;
  padding-top: 10%;
  padding-bottom: 10%;
  z-index: 20; }
  @media only screen and (max-width: 991px) {
    .event-logo-container-mobile--overlap + section, .event-logo-container-mobile--overlap + div {
      padding-top: 10%; } }

.event-logo-container-mobile--overlap-small {
  position: relative;
  margin-top: -4%;
  margin-bottom: -4%;
  padding-top: 2%;
  padding-bottom: 2%;
  z-index: 20; }
  @media only screen and (max-width: 991px) {
    .event-logo-container-mobile--overlap-small + section, .event-logo-container-mobile--overlap-small + div {
      padding-top: 4%; } }

.event-logo {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .event-logo {
      padding: 18px 0; } }

.event-logo-image {
  width: 100%;
  max-width: 500px;
  height: auto; }

.event-dates {
  text-align: center; }

.event-masthead-flex-item--small {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }
  @media only screen and (min-width: 992px) {
    .event-masthead-flex-item--small {
      -webkit-box-flex: 3;
          -ms-flex: 3 0 0px;
              flex: 3 0 0;
      padding-bottom: 24px; } }

.event-masthead-flex-item--medium {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }
  @media only screen and (min-width: 992px) {
    .event-masthead-flex-item--medium {
      -webkit-box-flex: 4;
          -ms-flex: 4 0 0px;
              flex: 4 0 0; } }

.event-masthead-flex-item--large {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }
  @media only screen and (min-width: 992px) {
    .event-masthead-flex-item--large {
      -webkit-box-flex: 6;
          -ms-flex: 6 0 0px;
              flex: 6 0 0; } }

.event-masthead-flex-item--xlarge {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }
  @media only screen and (min-width: 992px) {
    .event-masthead-flex-item--xlarge {
      -webkit-box-flex: 7;
          -ms-flex: 7 0 0px;
              flex: 7 0 0; } }

.event-masthead-flex-item--bottom-aligned {
  -ms-flex-item-align: end;
      align-self: flex-end; }

@media only screen and (min-width: 992px) {
  .event-masthead-flex-item--center-aligned {
    -ms-flex-item-align: center;
        align-self: center; } }

@media only screen and (min-width: 992px) {
  .event-masthead-flex-item--left {
    margin-right: 36px; } }

.event-parallax-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover; }

.event-video-iframe {
  display: inherit;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 10; }

.event-video-close {
  display: inherit;
  position: absolute;
  width: 60px;
  height: 60px;
  left: auto;
  right: 1vw;
  top: 40px;
  cursor: pointer;
  z-index: 90; }
  @media only screen and (min-width: 992px) {
    .event-video-close {
      top: 100px; } }
  .event-video-close:before {
    content: '\00d7';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 60px;
    font-family: initial;
    color: #00c3ff;
    font-size: 6.10352rem;
    text-shadow: 1px 1px 5px #969696; }
  .event-video-close:hover:before {
    color: #F6F6F6; }

.event-video-wrapper {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 30;
  -webkit-box-shadow: 0px 11px 5px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 11px 5px 0px rgba(0, 0, 0, 0.25); }

.event-video-wrapper--fixed-height {
  width: 100vw;
  max-width: 2560px;
  height: 56.25vw;
  max-height: 100vh;
  overflow: hidden; }
  @media only screen and (min-width: 3840px) {
    .event-video-wrapper--fixed-height {
      max-height: 1440px; } }

.event-video-wrapper.is-popout {
  position: fixed;
  top: auto !important;
  bottom: 25px !important;
  right: 25px;
  width: 426px;
  height: 240px;
  z-index: 20;
  -webkit-transform: translateY(0px) !important;
      -ms-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
  overflow: visible; }
  @media only screen and (min-width: 1600px) {
    .event-video-wrapper.is-popout {
      width: 28vw;
      height: 15.75vw; } }
  .event-video-wrapper.is-popout .event-video-iframe {
    width: 100%;
    height: 100%;
    position: relative; }
  .event-video-wrapper.is-popout .event-video-close {
    position: absolute;
    display: inline-block;
    left: auto;
    top: -50px;
    right: -17px; }

.event-video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 20vw;
  height: auto;
  z-index: 20; }
  @media only screen and (min-width: 992px) {
    .event-video-play-icon {
      width: 10vw; } }
  @media only screen and (min-width: 1280px) {
    .event-video-play-icon {
      width: 7vw; } }
  .event-video-play-icon > img {
    width: 100%; }

@media only screen and (max-width: 991px) {
  .event-video-play-icon--centerV-adjust {
    margin-top: -5%; } }

.event-info-intro {
  color: #F6F6F6;
  background-size: cover;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .event-info-intro {
      margin-top: -4%;
      margin-bottom: -3%;
      padding-top: 4%;
      padding-bottom: 3%;
      background-size: auto 100%;
      background-position: center;
      z-index: 20;
      border: none;
      pointer-events: none; } }

.event-into-subheading {
  color: #ff9c00; }

.event-info-details {
  background-color: black; }

.event-info-intro-content {
  pointer-events: auto; }

.event-info-logo-image {
  max-width: 80%; }

.event-game-modes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 45%;
  padding-bottom: 24px;
  background-position: center top;
  background-size: 100%; }
  @media only screen and (min-width: 992px) {
    .event-game-modes {
      min-height: 770px;
      max-height: 1200px;
      padding-top: 9%;
      padding-bottom: 5%;
      background-size: cover; } }
  @media only screen and (min-width: 1600px) {
    .event-game-modes {
      height: auto;
      min-height: 1100px;
      background-size: 2560px; } }

.event-game-modes-item {
  margin: 24px 0; }
  .event-game-modes-item--mode-one {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .event-game-modes-item--mode-two {
    -ms-flex-item-align: end;
        align-self: flex-end; }

.event-game-modes-heading, .event-game-modes-text {
  color: #F6F6F6;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .event-game-modes-heading, .event-game-modes-text {
      text-align: left; } }

.event-game-modes-heading {
  text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }

.event-game-modes-text {
  text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }

.EventMapCarousel-ItemContent {
  height: 50vh;
  min-height: 560px;
  max-height: 1000px;
  right: unset;
  top: unset;
  -webkit-filter: brightness(45%);
          filter: brightness(45%); }

.EventMapCarousel-Content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 40px 70px; }

.event-section__maps-overview {
  background-size: cover;
  background-position: center top;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .event-section__maps-overview {
      padding-top: 140px;
      padding-bottom: 200px;
      text-align: left;
      color: #F6F6F6; } }
  @media only screen and (max-width: 991px) {
    .event-section__maps-overview {
      background-image: none !important; } }

.event-section__map {
  background-size: cover;
  background-position: center top; }
  @media only screen and (min-width: 992px) {
    .event-section__map {
      padding-top: 130px;
      padding-bottom: 130px; } }

.event-section__map-icon {
  max-height: 25px; }
  @media only screen and (min-width: 992px) {
    .event-section__map-icon {
      max-height: 18px; } }

@media only screen and (min-width: 992px) {
  .event-section__maps-overview-inner,
  .event-section__map-container {
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    text-align: center; } }

.event-section__map-name {
  display: inline-block;
  position: relative;
  padding-left: 10px; }

@media only screen and (min-width: 992px) {
  .EventMaps {
    background-image: none; } }

.event-unlocks {
  background-image: url("img/pages/events/carbon-repeat-7cceb77691e2768ea21fa7643853424ab2771e96849d0538cebb3dbe8a51a0691ab171e86a73ce109943c5fffaf46daf7190e7e4ff526c10198d35ad55f8915e.jpg");
  background-repeat: repeat; }
  .event-unlocks [data-unlock-type] + [data-unlock-type] {
    margin-top: 40px; }
  @media only screen and (min-width: 992px) {
    .event-unlocks {
      background-position: center bottom; } }
  @media only screen and (min-width: 1280px) {
    .event-unlocks {
      background-repeat: no-repeat;
      background-position: bottom center;
      background-color: #000; } }
  .event-unlocks .frame-corner-content {
    -webkit-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
            transform: translateY(-10%); }
  .event-unlocks .frame-corner {
    display: none; }
  .event-unlocks .frame .frame-corner {
    display: block; }

.event-unlock-media-header {
  text-align: center; }

.event-unlock-icon-note {
  text-align: center;
  color: inherit;
  fill: inherit;
  margin-bottom: 10px; }
  .event-unlock-icon-note > svg {
    display: inline-block;
    width: 18px;
    height: 18px; }

.event-unlocks-loader {
  margin-top: 190px; }

.events-platform-container {
  position: relative; }

.events-platform-selection {
  margin-left: 12px; }

[data-rarity='COMMON'] .media-card-caption {
  color: white; }

[data-rarity='RARE'] .media-card-caption {
  color: #00c3ff; }

[data-rarity='EPIC'] .media-card-caption {
  color: #ed3cef; }

[data-rarity='LEGENDARY'] .media-card-caption {
  color: #ff9c00; }

[data-rarity='COMMON'].frame {
  border-color: white; }
  [data-rarity='COMMON'].frame > .frame-corner {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, white 51%, white 100%); }

[data-rarity='RARE'].frame {
  border-color: #00c3ff; }
  [data-rarity='RARE'].frame > .frame-corner {
    background: linear-gradient(135deg, rgba(0, 195, 255, 0) 0%, rgba(0, 195, 255, 0) 50%, #00c3ff 51%, #00c3ff 100%); }

[data-rarity='EPIC'].frame {
  border-color: #ed3cef; }
  [data-rarity='EPIC'].frame > .frame-corner {
    background: linear-gradient(135deg, rgba(237, 60, 239, 0) 0%, rgba(237, 60, 239, 0) 50%, #ed3cef 51%, #ed3cef 100%); }

[data-rarity='LEGENDARY'].frame {
  border-color: #ff9c00; }
  [data-rarity='LEGENDARY'].frame > .frame-corner {
    background: linear-gradient(135deg, rgba(255, 156, 0, 0) 0%, rgba(255, 156, 0, 0) 50%, #ff9c00 51%, #ff9c00 100%); }

.sprite-icon-check-label {
  padding-left: 5px;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase; }

.sprite-icon-check-label.m-emphasized {
  font-weight: bold;
  text-transform: uppercase; }

.sprite-icon-check-label.m-white {
  color: #F6F6F6; }

.sprite-icon-check-label.m-dark {
  color: #00205d; }

.loot-box-container {
  background-size: cover;
  background-position: bottom center;
  background-color: #1a0c25;
  text-align: center; }
  @media only screen and (max-width: 991px) {
    .loot-box-container {
      background-size: 100% auto;
      padding-bottom: 70%; } }
  @media only screen and (min-width: 992px) {
    .loot-box-container {
      text-align: left;
      background-position: top center; } }
  @media (min-width: 1900px) {
    .loot-box-container {
      min-height: 650px; } }

.event-lootbox-section {
  position: relative;
  padding-bottom: 80%;
  overflow: hidden;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%; }
  @media only screen and (min-width: 992px) {
    .event-lootbox-section {
      min-height: 518px;
      padding: 0;
      background-size: cover;
      background-position: center center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.event-lootbox-video {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2560px; }
  @media only screen and (min-width: 992px) {
    .event-lootbox-video {
      display: block; } }

.event-loot-box-description {
  text-align: left; }

.event-view--summer-games .event-intro-video {
  position: relative;
  width: 100%;
  height: 78.5vh;
  max-height: 63vw;
  overflow: hidden;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .event-view--summer-games .event-intro-video {
      max-height: 56.25vw; } }
  @media only screen and (min-width: 992px) {
    .event-view--summer-games .event-intro-video {
      -webkit-transition: height 250ms ease-in-out;
      transition: height 250ms ease-in-out;
      -webkit-transition-property: height;
      transition-property: height; } }
  @media only screen and (min-width: 2560px) {
    .event-view--summer-games .event-intro-video {
      max-height: 1440px; } }
  .event-view--summer-games .event-intro-video:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%; }

.event-view--summer-games .event-intro-video.is-playing {
  height: 56.35vw;
  max-height: 100vh; }
  @media only screen and (min-width: 3840px) {
    .event-view--summer-games .event-intro-video.is-playing {
      max-height: 1440px; } }

.event-view--summer-games .event-background {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: 2560px;
  height: inherit;
  max-height: inherit;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: white; }

.event-view--summer-games .event-logo-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -ms-flex-item-align: center;
      align-self: center; }

.event-view--summer-games .sg-opacity-none .event-background {
  opacity: 0; }

.event-view--summer-games .video-play {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  z-index: 10; }

.event-view--summer-games .video-play-icon {
  width: 20vw;
  height: auto; }
  @media only screen and (min-width: 992px) {
    .event-view--summer-games .video-play-icon {
      width: 10vw; } }
  @media only screen and (min-width: 1280px) {
    .event-view--summer-games .video-play-icon {
      width: 7vw; } }

.event-view--summer-games .event-description {
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: white; }
  @media only screen and (min-width: 992px) {
    .event-view--summer-games .event-description {
      padding-top: 30px;
      padding-bottom: 30px; } }

.event-view--summer-games .event-unlocks {
  background-image: none;
  background-color: #F6F6F6; }
  @media only screen and (min-width: 1280px) {
    .event-view--summer-games .event-unlocks {
      background-color: white;
      background-image: url("img/pages/events/summer-games/unlocks-bg-3a0e0b9c5d282f10445f3e5a47b1dfa756c9b406269872311255e7d645b2daa3d6d695096e1653ec3ce133aa6d78468de64560b24b38770ad00eb6a088cd2042.jpg"); } }

.event-view--summer-games .loot-box-container {
  background-image: url("img/pages/events/summer-games/loot-box-bg-mobile-32845164e42386039431452658dfe14eabf34e42c18795fd3a2a2d9ab7da09d952353de2dbb33b1b7536f434dafe1c7fae2a884b731fd632f4ba6b0146a6ac0a.jpg");
  background-color: #164677;
  background-position: bottom center; }
  @media only screen and (min-width: 992px) {
    .event-view--summer-games .loot-box-container {
      background-image: url("img/pages/events/summer-games/loot-box-bg-45ab9c48ff398801ed23edb15bcd9b3cf3e49930990a7b063e37daebc24b7f07b23b76c39e1788e65e51b68a6655cd816cd5661a8ad7476d8efaf65274f9073f.jpg");
      min-height: 25.56vw;
      background-size: auto 100%; } }
  @media only screen and (min-width: 2560px) {
    .event-view--summer-games .loot-box-container {
      min-height: 650px; } }

.event-view--summer-games .event-loot-box-description {
  padding-top: 16px;
  padding-bottom: 8px; }

.event-view--summer-games .event-unlock-media-header {
  color: #405275; }
  @media only screen and (min-width: 1280px) {
    .event-view--summer-games .event-unlock-media-header {
      color: #00205d;
      text-align: center; } }

.event-view--summer-games .event-video-close.m-top {
  display: none;
  top: 55px;
  right: 25px;
  z-index: 90; }
  @media only screen and (min-width: 992px) {
    .event-view--summer-games .event-video-close.m-top {
      top: 110px;
      right: 4px; } }
  @media only screen and (min-width: 1770px) {
    .event-view--summer-games .event-video-close.m-top {
      top: 55px;
      z-index: 99; } }

.event-view--summer-games .event-video-iframe {
  display: inherit;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 56.25vw;
  max-height: 100vh;
  z-index: 10; }
  @media only screen and (min-width: 3360px) {
    .event-view--summer-games .event-video-iframe {
      max-height: 1440px; } }

.event-view--summer-games .event-logo {
  padding-top: 48px;
  width: 95%; }
  @media only screen and (min-width: 992px) {
    .event-view--summer-games .event-logo {
      padding-top: 110px; } }
  @media only screen and (min-width: 768px) {
    .event-view--summer-games .event-logo {
      width: 70%; } }

.event-view--summer-games .event-background-image {
  -webkit-box-flex: 3;
      -ms-flex: 3 0 0px;
          flex: 3 0 0;
  background-position: right -10vh;
  background-size: 150% auto;
  -webkit-transition-property: background-position;
  transition-property: background-position;
  background-image: url("img/pages/events/summer-games/summer-games-header-028f8034e469761043acac8b27bc23aafaa58e4825a89c83c970e8f6246de0e0bc94c5680c1f2a36fe6bd7c491777591bb0707f45155cd89941a81352db80a4c.jpg"); }
  @media only screen and (min-width: 992px) {
    .event-view--summer-games .event-background-image {
      background-size: cover; } }

.event-view--summer-games .event-foreground-image {
  padding-top: 48px;
  padding-right: 3%;
  padding-left: 7%;
  position: relative;
  width: 110%;
  left: -10%; }
  @media only screen and (min-width: 992px) {
    .event-view--summer-games .event-foreground-image {
      padding-top: 110px; } }
  @media only screen and (min-width: 768px) {
    .event-view--summer-games .event-foreground-image {
      width: 100%;
      height: auto;
      left: 0; } }

.summer-games-body {
  position: relative;
  z-index: 10;
  margin-top: -3px; }

.summer-games-container {
  position: relative; }

.summer-games-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 75%;
  height: 78.5vh;
  background-position: right -10vh;
  background-size: cover;
  background-image: url("img/pages/events/summer-games/summer-games-header-028f8034e469761043acac8b27bc23aafaa58e4825a89c83c970e8f6246de0e0bc94c5680c1f2a36fe6bd7c491777591bb0707f45155cd89941a81352db80a4c.jpg");
  -webkit-transition-property: background-position;
  transition-property: background-position;
  z-index: 0; }
  @media only screen and (min-width: 2560px) {
    .summer-games-background {
      max-width: 1920px;
      margin-left: calc((100% - 2560px)/2); } }

.lucio-ball-section {
  position: relative;
  background-image: url("img/pages/events/summer-games/lucioball-bg-mobile-929e5c6ec840fe428ca5603cf190e7d2130f58ff142b3080e03d48f1a59ba6254fae003681766499293c26b747365867e5d9656b323f2d615865c9575742fdd9.jpg");
  background-position: center center;
  background-size: cover;
  padding-top: 45px;
  padding-bottom: 0px;
  overflow: hidden; }
  @media only screen and (min-width: 400px) {
    .lucio-ball-section {
      padding-bottom: 200px; } }
  @media only screen and (min-width: 768px) {
    .lucio-ball-section {
      padding-top: 60px;
      padding-bottom: 300px; } }
  @media only screen and (min-width: 992px) {
    .lucio-ball-section {
      padding-top: 100px;
      overflow: visible;
      background-image: url("img/pages/events/summer-games/lucioball-bg-dfe2eac67a782c6df4fd30dbde0766cafb2fc3aeb5edf457dc6f3124c3c3e03b690f01bae1df898d1814a769cc3c47cd3932d776b505ea0b59d6f798c2d9b290.jpg"); } }

.lucio-parallax-wrapper {
  height: 10px;
  margin-top: 300px;
  overflow: visible; }
  @media only screen and (min-width: 768px) {
    .lucio-parallax-wrapper {
      margin-top: 200px; } }
  @media only screen and (min-width: 992px) {
    .lucio-parallax-wrapper {
      margin-top: 0px; } }
  @media only screen and (min-width: 2560px) {
    .lucio-parallax-wrapper {
      margin-left: 8.33333%; } }

.lucio-ball-lucio-image {
  position: relative;
  right: 0px;
  width: 100%;
  height: auto;
  pointer-events: none;
  -webkit-transition-property: top;
  transition-property: top; }
  @media only screen and (min-width: 768px) {
    .lucio-ball-lucio-image {
      right: 125px;
      width: 80%;
      height: auto; } }
  @media only screen and (min-width: 992px) {
    .lucio-ball-lucio-image {
      width: auto; } }

.lucio-ball-ball-image {
  position: absolute;
  display: none;
  right: 10px;
  margin-top: 50px;
  -webkit-transition-property: top, width, height;
  transition-property: top, width, height; }
  @media only screen and (min-width: 768px) {
    .lucio-ball-ball-image {
      display: inline; } }
  @media only screen and (min-width: 992px) {
    .lucio-ball-ball-image {
      display: none; } }
  @media only screen and (min-width: 1600px) {
    .lucio-ball-ball-image {
      display: inline; } }
  @media only screen and (min-width: 2560px) {
    .lucio-ball-ball-image {
      right: 8%; } }

.lucio-ball-text {
  padding-top: 20px;
  line-height: 3rem;
  z-index: 11;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  @media only screen and (min-width: 992px) {
    .lucio-ball-text {
      padding: 20px;
      background-color: rgba(3, 57, 93, 0.6);
      border-radius: 3px; } }

.event-view--halloween-terror {
  color: #F6F6F6; }

.event-overview-container--halloween-terror {
  background-image: url("img/pages/events/halloween/header-bg-mobile-4a4ccd3cbf7127507000b04d0b36e7ebadad66ed128c9a816e20a325e7c6732a6d233b7eeb329725f87ace0cc12b5f03aa250e7d8c148057f9e26228464ba4e0.jpg"); }
  @media only screen and (min-width: 992px) {
    .event-overview-container--halloween-terror {
      background-image: url("img/pages/events/halloween/header-bg-tablet-344a739b0ebddb388e6b4c3bddd686482817eb199853222e23915fca12feb15925331d814e159bbad61af4df1c4371012cfcc44d5d0a50dc28725c1ab11abd06.jpg"); } }
  @media only screen and (min-width: 1600px) {
    .event-overview-container--halloween-terror {
      background-image: url("img/pages/events/halloween/header-bg-73b28e9db57bc4ea4f80b62a99de8d50f2582876ef18d16a9402a17e43ae4fbec518afeebd623c30fc4e4e18d1fed7bfc275d47c929dca3b912363f4fbc5a1ff.jpg"); } }

.event-logo-container-mobile--halloween-terror {
  background-image: url("img/pages/events/halloween/brickwall-mobile-d95d8c74050ed4881538253e935abf431190c4800a5096138f11d5d35b5295023a638b406fe14d4cead0f4b61248a4449a31d955031aebac381145b0379779c9.png"); }

@media only screen and (min-width: 992px) {
  .event-logo--halloween-terror {
    width: 90%; } }

.event-logo-image--halloween-terror {
  width: auto;
  max-width: 80%;
  max-height: 200px; }
  @media only screen and (min-width: 992px) {
    .event-logo-image--halloween-terror {
      max-width: 100%;
      max-height: 360px; } }

.event-foreground-image-container--halloween-terror {
  padding-top: 20%; }
  @media only screen and (min-width: 992px) {
    .event-foreground-image-container--halloween-terror {
      padding-top: 15%; } }

.event-foreground-image--halloween-terror {
  display: inline-block;
  left: -10%; }
  @media only screen and (min-width: 992px) {
    .event-foreground-image--halloween-terror {
      left: 0; } }
  .event-foreground-image--halloween-terror--right {
    position: absolute;
    left: auto;
    bottom: 0;
    right: -10%;
    z-index: 1; }
    @media only screen and (min-width: 992px) {
      .event-foreground-image--halloween-terror--right {
        right: 0; } }

.event-info-intro--halloween-terror {
  background-image: url("img/pages/events/halloween/info-background-mobile-e112a105acaa06a936c31d4a50583120954e31874a3ee39a53733f675bedd0d3b394fe4ef50e2f5d2bf01ad4e29bc98dd2a551efce0dd169c3bd31e1b0e7f069.jpg"); }
  @media only screen and (min-width: 992px) {
    .event-info-intro--halloween-terror {
      margin-top: -90px;
      margin-bottom: -90px;
      background-image: url("img/pages/events/halloween/brickwall-29e95e86764785590dbbd0ae1a2f9db79dd125803d25280ce347598b99860f372e4bf62dbc2a263935b8d76f0536d7d349463b869ab9b613d21959c00aa2510d.png"); } }
  @media only screen and (min-width: 1600px) {
    .event-info-intro--halloween-terror {
      background-image: url("img/pages/events/halloween/brickwall-huge-64eeaa80bb00c720d3024c663cefc8eb098f3252a69981cd89ec693c22d210b209d1be30ab251381662d05f50f9f720727d6cbce57e914e9103f5a9121e47ecf.png");
      margin-top: -96px; } }

.event-game-modes--halloween-terror {
  background-image: url("img/pages/events/halloween/game-modes-bg-mobile-b9e6c7b213ed401e61cd96a557d89c82dacea712ff45a4d044271a12162dd7629b56a73c44d0fe3c6b58da99880e6907371b752b77ae680a51f3decf95a9f84e.jpg");
  background-color: black; }
  @media only screen and (min-width: 992px) {
    .event-game-modes--halloween-terror {
      background-image: url("img/pages/events/halloween/game-modes-bg-e95c3892a4825a402c4a2fbd596338c43021ba04bf3fbc3ecbf93e5c154672522231381adcea28ed55475cf3b97f2774abb14814fcfb379c6dea2ee96ce43ede.jpg"); } }

.EventMaps--halloween-terror {
  background-image: url("img/pages/events/halloween/maps-background-mobile-bd4fb0c0dd04d8547ca8af35df6ee5b435905ef7a5b9cc378ba59441d0e3c3eacce39f8fbe0b90d895a80a26aaeff2348d7e91bf684c097b59663a8f4e1293de.jpg"); }

.event-unlocks--halloween-terror {
  background-image: none;
  background-color: #1c1b21; }
  @media only screen and (min-width: 992px) {
    .event-unlocks--halloween-terror {
      background-image: url("img/pages/events/halloween/unlocks-bg-tablet-5afbefdff1f41933e6c864ce91207d0fbec229f234a1b307b98aeefcf7139a37630fe3c3b68a63deae20a8972a4a382f93345a999371efe936108d4650d992a7.jpg");
      background-color: #1a141e;
      background-size: 100%; } }
  @media only screen and (min-width: 1850px) {
    .event-unlocks--halloween-terror {
      background-image: url("img/pages/events/halloween/unlocks-bg-wide-73f59492b4ed7fd8bfc998df3bd125346ab461e44d2d442f39fa9082f674cef02956107c207dee4853c03ffa9f95cca31fb8b569400f298ad9b7357f94fecf46.jpg"); } }

.event-lootbox-section--halloween-terror {
  background-color: #201c35;
  background-image: url("img/pages/events/halloween/loot-box-bg-mobile-fa37aa3c885b6fa33b124c386492f52476e91fd29c3203730344d7937776ddb68a9cacfcb68091e07e242cd28879f451351f3f9d2c7e50d0ea948919c679ec53.jpg"); }
  @media only screen and (min-width: 992px) {
    .event-lootbox-section--halloween-terror {
      background-image: url("img/pages/events/halloween/loot-box-bg-wide-5fac93542c246aa06f9bc4b09b610ebb2afbde052a54a5f0e92c56da7260dfb9be7fe27f9f82fbf9c6eefefd22995fcc34bf88c73936e00bb89e9a0aadd98642.jpg"); } }

.event-overview-container--winter-wonderland {
  background-image: url("img/pages/events/winter-wonderland/header-bg-mobile-fb8b6e2938dd16b088eefdd2ecdc5c75f66cf8fdb8b37b62fb50edfb50185bb8926d79a64514b09ad0356f2067f247a6d5b58da2d4814bd0038640810e9bad27.jpg");
  color: #F6F6F6; }
  @media only screen and (min-width: 992px) {
    .event-overview-container--winter-wonderland {
      background-image: url("img/pages/events/winter-wonderland/header-bg-935407457192a2a96a086a19a03e38bc62f0d84c582fc66f7e10fb3f640eea013dc8ff82b448f4b5e43aa924616e528c813fdedc0d4c997842616e1d6862cc94.jpg");
      background-position: top center;
      background-size: 100% auto; } }
  @media only screen and (min-width: 1600px) {
    .event-overview-container--winter-wonderland {
      background-image: url("img/pages/events/winter-wonderland/header-bg-935407457192a2a96a086a19a03e38bc62f0d84c582fc66f7e10fb3f640eea013dc8ff82b448f4b5e43aa924616e528c813fdedc0d4c997842616e1d6862cc94.jpg"); } }

.event-foreground-image-container--winter-wonderland {
  padding-top: 5%; }

.event-foreground-image--winter-wonderland {
  display: inline-block;
  width: 68%; }
  @media only screen and (min-width: 992px) {
    .event-foreground-image--winter-wonderland {
      width: 74%; } }

.event-bg-layer--winter-wonderland {
  width: 30vw;
  margin-top: 50px;
  top: 50%;
  left: 10%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

@media only screen and (min-width: 992px) {
  .flex-container--winter-wonderland {
    max-width: 80%;
    margin: 0 auto; } }

.event-logo-image--winter-wonderland {
  width: auto;
  max-width: 75%; }

.event-dates--winter-wonderland {
  text-shadow: 2px 2px 0 #564f76, -1px -1px 0 #564f76, 1px -1px 0 #564f76, -1px 1px 0 #564f76, 1px 1px 0 #564f76; }
  body:not(.zh-tw) .event-dates--winter-wonderland {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #564f76; }

.event-logo-container-mobile--winter-wonderland {
  background-image: url("img/pages/events/winter-wonderland/snowy-bricks-mobile-b7e2c03746e5087c8da3b9cf2c852a70aefd8505b797ac7d8fb84afa5ec1a986cdc897929e8700439ffdc24dcf5fc6d1caa33da8d1cb3464a385d83fe3c1a615.png"); }

.event-info-intro--winter-wonderland {
  background-image: url("img/pages/events/winter-wonderland/info-background-mobile-93f7794e869595da053f629f06ff294cc832597123cfcd3f003ebc12184974f0599dbed3ab501f164824684dfd52eb984809604b33fde0a1a7638ccbbe3ca2ac.jpg");
  color: #405275; }
  @media only screen and (min-width: 992px) {
    .event-info-intro--winter-wonderland {
      color: #F6F6F6;
      background-image: url("img/pages/events/winter-wonderland/snowy-bricks-22c38ac7ea026cb0758c5db7b4a34375cfc85dd6af2eec002986be36c1cebb592ad61c74f29ddd0174d00643fbe0b071def207bed21f25aba7d9aa553d445173.png"); } }
  @media only screen and (min-width: 1600px) {
    .event-info-intro--winter-wonderland {
      background-image: url("img/pages/events/winter-wonderland/snowy-bricks-huge-dd4c79ee7611c40746641b42090b16c8a39558bdcdd2ba93f44353b06f330471583ab635ebd1ce878b2f13ee4850d01a084179584147b4b4f559ecdb44707f41.png"); } }

.event-unlocks--winter-wonderland {
  background-image: none;
  background-color: #7178a3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7178a3), to(#979ebe));
  background-image: linear-gradient(to bottom, #7178a3 0%, #979ebe 100%); }
  @media only screen and (min-width: 992px) {
    .event-unlocks--winter-wonderland {
      background-image: url("img/pages/events/winter-wonderland/unlocks-bg-tablet-7ad0dd6ab709c5d1d03a00e8424adb48fdb1fbccc6e3a11978d4051b68573e6f787ae1ca5963cfdd8618c0c96e4f7db2b7756e8b9fe66d2130e8db7121b083cc.jpg"); } }
  @media only screen and (min-width: 1850px) {
    .event-unlocks--winter-wonderland {
      background-image: url("img/pages/events/winter-wonderland/unlocks-bg-wide-7a18dc9c413a329b91aead7a1e1c7212420a3cd1bc372dab304b352f99764735e5091d5de0d94cf6ab7c9b74720cf570aa70937eff181fbfe952aacbb2b88847.jpg"); } }

.event-info-subheading--winter-wonderland {
  color: inherit; }
  @media only screen and (min-width: 992px) {
    .event-info-subheading--winter-wonderland {
      color: #F6F6F6; } }

.event-game-modes--winter-wonderland {
  background-image: url("img/pages/events/winter-wonderland/game-modes-bg-mobile-b92c10d6549d3af6a7c6bde3d3336403b02121c8546275b535a9372e96b1b1df7da488bbddf97b679f480cd147cfe0523b7e3187bddca5174e113caea77dd07e.jpg");
  background-color: #1a325e;
  padding-top: 50%; }
  @media only screen and (min-width: 992px) {
    .event-game-modes--winter-wonderland {
      background-image: url("img/pages/events/winter-wonderland/game-modes-bg-5bf7bc792589a3a9fa68431725b5f86d9625a406a96da98b37d5c2d8956f6f237387c0e29c9dc0c90e1ea22b44040fddb263da0bd478f71e0c4c5945735ec276.jpg");
      padding-top: 5%;
      padding-bottom: 8%;
      background-position: center center;
      min-height: 900px; } }
  @media only screen and (min-width: 1600px) {
    .event-game-modes--winter-wonderland {
      min-height: 1200px; } }

.EventMaps--winter-wonderland {
  background-image: url("img/pages/events/winter-wonderland/maps-background-mobile-07b8ab94690d7e017de1b21d42082a856c325cc9aab9e455ca5d177850b23a216a83e7e9da5c57db5cf1d3c27c315bdf3e44b05062c865211ef2c9a4dcd4a212.jpg");
  background-size: 100%;
  background-position: center bottom;
  color: #F6F6F6;
  background-color: #849dc6; }
  .EventMaps--winter-wonderland .CarouselSplit-itemTitle, .EventMaps--winter-wonderland .ImageSet-header {
    text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }
  .EventMaps--winter-wonderland .CarouselSplit-itemDesc, .EventMaps--winter-wonderland .ImageSet-description, .EventMaps--winter-wonderland .map-name {
    text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }

.event-lootbox-section--winter-wonderland {
  padding-bottom: 65%;
  background-color: #4890ca;
  background-image: url("img/pages/events/winter-wonderland/loot-box-bg-mobile-d518648eee61dc5519b1262c1c23f46c4c3c6e5c94142020dbedc5ac044816079bd92d04446109b1cf91bfa6c28ab20ab400b7f012dd2db72cc944bba42a2427.jpg");
  color: #F6F6F6;
  text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }
  @media only screen and (min-width: 768px) {
    .event-lootbox-section--winter-wonderland {
      background-image: url("img/pages/events/winter-wonderland/loot-box-bg-tablet-e0cf6ef71c13f15b1e4e73c7ef58fff58b0fed95282ddf92ab2ddb49bd71a4bd36832407c06f39f9bb62ceebe0e989ed5c5a373e42adac461d771300c8f872b8.jpg"); } }
  @media only screen and (min-width: 992px) {
    .event-lootbox-section--winter-wonderland {
      padding-bottom: 0;
      background-image: url("img/pages/events/winter-wonderland/loot-box-bg-wide-db660c4b34df85bbc127d1e9443009239c48af7789f19e9a9c3bcbc81ea263a06676c2957c44b54f4a6bc92d54b1fa869d1483c5ce0c437110e41fca57cf1551.jpg");
      color: inherit;
      text-shadow: none; } }

.event-overview-container--lunar-new-year {
  background-image: url("img/pages/events/lunar-new-year/header-bg-mobile-6e5223577ebc7e71b37fd92fcb8b6b0d3829c1e879fd21425c04639c3a2332fd36dd433b747113be38b0bbe4d9999ca555d83528cee2a9b07249f31735b7921f.jpg");
  background-size: cover; }
  @media only screen and (min-width: 992px) {
    .event-overview-container--lunar-new-year {
      background-image: url("img/pages/events/lunar-new-year/header-bg-b3803a07e2b1ad1d1c3597a1871b9606855220d0799d2ef0a72522bb2d9fee30940761883b7bc8fd05ba59c178626de9157efcc1ed9651d2ec493a480e3c1b82.jpg");
      background-position: top center;
      background-size: 100% auto; } }

@media only screen and (min-width: 992px) {
  .event-logo-image--lunar-new-year {
    width: 50%; } }

body:not(.ko-kr) .event-foreground-image-container--lunar-new-year {
  padding-top: 0; }
  @media only screen and (min-width: 992px) {
    body:not(.ko-kr) .event-foreground-image-container--lunar-new-year {
      margin-top: -5%; } }

.event-foreground-image--lunar-new-year {
  width: 88%; }
  @media only screen and (min-width: 992px) {
    .event-foreground-image--lunar-new-year {
      width: 100%; } }

.event-foreground-image--lunar-new-year.ko-kr {
  right: -3%;
  display: none;
  width: 100%; }
  @media only screen and (min-width: 992px) {
    .event-foreground-image--lunar-new-year.ko-kr {
      margin-right: auto;
      margin-top: 5%; } }

.event-logo-container-mobile--lunar-new-year {
  background-image: url("img/pages/events/lunar-new-year/logo-background-mobile-d171118d4aeab61b80377e0db52017b4ee7015c54629dd048bb969cf766bfe19277a9e08d123dd28e7daebb1bc0878dda8f92c218aed8d8ac1559d86b9c6a292.png"); }
  @media only screen and (max-width: 991px) {
    .event-logo-container-mobile--lunar-new-year {
      padding: 82px 0; } }

.event-dates--lunar-new-year {
  color: #F6F6F6; }
  @media only screen and (min-width: 992px) {
    .event-dates--lunar-new-year {
      color: #cd2807; } }

.wood-divider--lunar-new-year:before {
  background-image: url("img/pages/events/lunar-new-year/lny-divider-mobile-bab96a1261f7dadc1e485cc74435dcf9d4ea8857b6deeceb15707d4671744d6d07eedb11a3324c0163dfedbeb79468ec3e4efcf2a98f0d7bb005421ba90ba387.png"); }
  @media only screen and (min-width: 992px) {
    .wood-divider--lunar-new-year:before {
      background-image: url("img/pages/events/lunar-new-year/lny-divider-desktop-69f6c717e41937ee9935391826fd7818e24b4aa765bcc7a4a427296b4afad8f0e4635dafadb98793506e3f50d2f1be6c9556aaf1152e504f43f176ec5f0b6ea5.png"); } }

.event-info-intro--lunar-new-year {
  background-image: url("img/pages/events/lunar-new-year/lny-info-mobile-8020f517ddb8bb7f4343afa67b463eb10d0b1bffd9f9680b43aada5bbe4c33db1b5e7b7be669aeeadb2d8c2f2ef25a08dcf7d55205e894baeb7f78d909414115.jpg");
  background-position: center bottom; }
  @media only screen and (min-width: 992px) {
    .event-info-intro--lunar-new-year {
      background-image: url("img/pages/events/lunar-new-year/lny-info-huge-9b349d81942cf2e12e64c0e4ac9fc8ebe7937043103aca905a089a94ffbaf3374f1a38fbb7534caeec54085b944d7398075414429ae80122ce4fab1e449e30b5.png"); } }

.event-game-modes--lunar-new-year {
  background-image: url("img/pages/events/lunar-new-year/game-modes-bg-mobile-8fbc02c8bc068d5fbae418ffcae971e0bdeba05e589a2b8812577ff2eb1a4458511733775e4d44976856b3839e12e15044128d54b7dbcff4275ddec209b10549.jpg");
  background-color: #ebebeb; }
  @media only screen and (min-width: 992px) {
    .event-game-modes--lunar-new-year {
      background-image: url("img/pages/events/lunar-new-year/game-modes-bg-desktop-99be4eba170b63bab47bdfc5e3abde7f8f1c935c5679e580c148f742ff57299d3f80c6a91293588213773940cc4cdfdb54853a4f66e657eaf3ca4f6cf7f22f1e.jpg"); } }

@media only screen and (max-width: 991px) {
  .event-game-modes-heading--lunar-new-year {
    color: #cd2807; }
  .event-game-modes-text--lunar-new-year {
    color: #333333; } }

.EventMaps--lunar-new-year {
  background-image: url("img/pages/events/lunar-new-year/maps-background-mobile-6bf90145146b90bb39e9f8c5a3b2dd284112925dd812160d6affdb4b276d9cccf578bd104329c6abdf539df798b228eb7f5dc15176fb1e1e32e932c8796f10e9.jpg");
  background-size: 100%;
  background-position: center bottom;
  color: #F6F6F6;
  background-color: #849dc6; }
  .EventMaps--lunar-new-year .CarouselSplit-itemTitle, .EventMaps--lunar-new-year .ImageSet-header {
    text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }
  .EventMaps--lunar-new-year .CarouselSplit-itemDesc, .EventMaps--lunar-new-year .ImageSet-description, .EventMaps--lunar-new-year .map-name {
    text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }
  .EventMaps--lunar-new-year .ImageSet-header {
    color: #cd2807; }
  .EventMaps--lunar-new-year .ImageSet-description {
    color: #333333; }

.event-unlocks--lunar-new-year {
  color: #cd2807;
  fill: #cd2807;
  background-image: url("img/pages/events/lunar-new-year/unlocks-mobile-bg-top-a2b5abce7ad3f0ac19e56dcafb5cb62cfdcb266f3edd834f5dec20897914f5f6f825305d0592a3a5cd75f823054fbd0aa16afe3b7ceed93a4f2fefbd840f9018.jpg"), url("img/pages/events/lunar-new-year/unlocks-mobile-bg-bottom-272fed1b577a3e778871bdc5ee7775f810a1a65b0ddb5a14016e2075d743012b41fc6e242dcb934d736074c49127b3a92e65affe1a2b27dc2a9a0eb0eb23734b.jpg");
  background-color: #ebebeb;
  background-size: 100% auto;
  background-position: top center, bottom center;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 992px) {
    .event-unlocks--lunar-new-year {
      background-image: url("img/pages/events/lunar-new-year/unlocks-background-desktop-6bbc3e96de95c3b79dbc8d909d9a69c1e4386d2604e4a0aae7f4b0d4e883b2fb5f7da93d4124b509799e1227913a2301c432706a48d590572976501a3feb9dd6.jpg");
      background-size: cover;
      background-position: bottom center; } }
  @media only screen and (min-width: 1850px) {
    .event-unlocks--lunar-new-year {
      background-image: url("img/pages/events/lunar-new-year/unlocks-background-desktop-wide-206a47c60abdd54521042a02e3afeda8c89d0828f8af03a84dc63162b43ae0569c4a94a8ef165df04513de17ce9dcb0094606702e635c201d05c71eb459de03e.jpg"); } }

.event-lootbox-section--lunar-new-year {
  padding-bottom: 65%;
  background-image: url("img/pages/events/lunar-new-year/lny-lootbox-mobile-3bdba48e24920dd5e90d6edb6625f9e07e7c74e31638ccaddca91aabfb8ffa01f2ba8e90661c800eff3f3cee5acc5c78e2d52621b6d9bf3caa7d768be0dc381b.jpg");
  background-color: #2c1c1d;
  color: #F6F6F6;
  text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }
  @media only screen and (min-width: 768px) {
    .event-lootbox-section--lunar-new-year {
      background-image: url("img/pages/events/lunar-new-year/lny-lootbox-tablet-58792e8d0f5b51b4550eed1824d6260a3612980b7aee8d6ab360260e5160bd59892826e09a6857ebf67039d419c794d232dcd369d5f8e3895cdbfb6da9889f1e.jpg"); } }
  @media only screen and (min-width: 992px) {
    .event-lootbox-section--lunar-new-year {
      min-height: 514px;
      padding-bottom: 0;
      background-image: url("img/pages/events/lunar-new-year/lny-lootbox-0acd2f8d88fa7a5a51c55de864f1b54baf14e2faa3741afbe028d1487da97d14e08f1afbde57bf132ec077a07aaf35528cc69ecd9a7f57391e94096f36f7471b.jpg");
      text-shadow: none; } }

body.ko-kr .event-foreground-image-container--lunar-new-year {
  padding-top: 0; }

body.ko-kr .event-foreground-image--lunar-new-year.non-kr {
  display: none; }

body.ko-kr .event-foreground-image--lunar-new-year.ko-kr {
  display: block; }

body.ko-kr .event-logo-container-mobile--lunar-new-year {
  background-image: url("img/pages/events/lunar-new-year/ko-kr/lny-logo-mobile-kr-69497df2462202a1dc49f006290e090ec7d30dbc7e22b4f56188732362c1b8c2eec7690d341f354dcfea78e5059be12b4acef76d5ebc2c67810e31002b3d190a.jpg"); }

body.ko-kr .wood-divider--lunar-new-year:before {
  background-image: url("img/pages/events/lunar-new-year/ko-kr/lny-divider-mobile-kr-964afb3896c8a6db4daec31da9ac7303c6dae6b8c4862e2b3174754bf9cfd256c8b209e61699447d0b78afcb12172aaeebd6a7294bae32ac641a38c55e083da4.png"); }
  @media only screen and (min-width: 992px) {
    body.ko-kr .wood-divider--lunar-new-year:before {
      background-image: url("img/pages/events/lunar-new-year/ko-kr/lny-divider-desktop-kr-ea336f33094885ad307c1f4937499ada2726f9a83e20ab644f8ee2660d123b5063263155d2f4030b009f4173d20e7aafb8adbeb4ccd7ae5c1383d6094b0f991a.png"); } }

body.ko-kr .event-info-intro--lunar-new-year {
  background-image: url("img/pages/events/lunar-new-year/ko-kr/more-info-background-mobile-kr-d97eddbdb5f96cd2e414884576a8d433785b46e8726c1119d05d64e489989ddc36dca25c9b59a14eef5afd55e5f19559fbc27f330a94e2d47100d1a46550018e.jpg"); }
  @media only screen and (min-width: 992px) {
    body.ko-kr .event-info-intro--lunar-new-year {
      background-image: url("img/pages/events/lunar-new-year/ko-kr/lny-info-huge-kr-a5687da03aff8842cdfe705bc2d9f780f685eeb2df215c8f4018008c7acadbee45b09d9425f4337a226db5aefbd478ac4016eeedcc48ba968ae9bb427a54a139.png"); } }

body.ko-kr .EventMaps--lunar-new-year {
  background-image: url("img/pages/events/lunar-new-year/ko-kr/maps-background-mobile-kr-b9bf24124f885a9ba21369e46110c3b4a88f1ae0fa203ef595d13d0902abaf957cb51da9b15aa668e9dcc44033e55b25757dff9013b0016d15fe4e1432e3e914.jpg"); }

@media only screen and (min-width: 1850px) {
  body.ko-kr .event-unlocks--lunar-new-year {
    background-image: url("img/pages/events/lunar-new-year/ko-kr/unlocks-background-desktop-wide-kr-cd38f84184c9f96d3bd3e85025a0a2cde433f7b1785012d4c709b60aa314814cb5ff683dbcb0866fefa6053b261984db8896dd3995aee892be63f9107f32aaba.jpg"); } }

body.ko-kr .event-lootbox-section--lunar-new-year {
  background-image: url("img/pages/events/lunar-new-year/ko-kr/lny-lootbox-mobile-kr-c9d78c81abfef072a7f15c9a1d1d228fc9ddf30b9576256c037a38a6ac14dbcc915b6d06dabfe16120c4783f2206f54f0155896e4e4c48da468be1f1e5d7c134.jpg"); }
  @media only screen and (min-width: 768px) {
    body.ko-kr .event-lootbox-section--lunar-new-year {
      background-image: url("img/pages/events/lunar-new-year/ko-kr/lny-lootbox-tablet-kr-3f7b725fca9ef2f4461687ac988a38156774e9fefb62a798b6563bb3fe341ee866427dcaa7eb406238b6ea0916a456b449d302555be07f90857a02d9e809fd45.jpg"); } }
  @media only screen and (min-width: 992px) {
    body.ko-kr .event-lootbox-section--lunar-new-year {
      background-image: url("img/pages/events/lunar-new-year/lny-lootbox-kr.jpg"); } }

.event-view--archives {
  color: #F6F6F6; }

.event-overview-container--archives {
  background-image: url("img/pages/events/archives/headers/header-bg-mobile-acf3194a77918924b5857e47d445553c4c1249ed98055df0020d2dc120c58e94793d62c805ded96fa03881ea2353af73355896aa792ed148034e6bff748be973.jpg");
  background-size: cover; }
  @media only screen and (min-width: 992px) {
    .event-overview-container--archives {
      background-image: url("img/pages/events/archives/headers/header-bg-86a1a21e3a2d36c431cd6f800d9f2cd4593d52caab86f24ce1a1464acdbbfe118c1cd0e867ec0af0aeeb7d0a62f9cf6392187134aff8de84d3d7b1c6dd533449.jpg"); } }

@media only screen and (min-width: 992px) {
  .event-logo--archives {
    position: relative;
    right: -25%;
    z-index: 20; } }

.event-logo-image--archives {
  max-width: 640px; }
  @media only screen and (max-width: 991px) {
    .event-logo-image--archives {
      padding-top: 10%; } }

.event-foreground-image-container--archives {
  padding-top: 2%; }

.event-foreground-image--archives {
  width: 100%; }
  @media only screen and (max-width: 991px) {
    .event-foreground-image--archives {
      width: 106%;
      margin-left: -3%;
      margin-right: -3%; } }

.event-logo-container-mobile--archives {
  background-image: url("img/pages/events/archives/headers/logo-bg-mobile-a416f48f6edf11a16bdeaa6493c9cb0fb87964548353c38a7a8bc45baca40d8399169be2315f0ad8ef30ae59c41981bef308dee1d1afe9db29018af1b5a76cdc.jpg"); }

.event-divider--archives:before {
  background-image: url("img/pages/events/archives/divider/divider-mobile-aba4d338607f87d67b82ad43c5be415e5d29de1fceaa886226467b4171b87daeea7ddd43160cb327976f42fd4afa2eb87a14c594ba89e7fea4d77225c901dbd9.jpg");
  height: 32px; }
  @media only screen and (min-width: 992px) {
    .event-divider--archives:before {
      background-image: url("img/pages/events/archives/divider/divider-desktop-7964d344182fb5c5115960eb24a5990e2c6cb9489dafe79ba88405b4fe81502ece83c9162ea38251dbb7f8d85141d70d598599cb9dc022620189021d6774a6b4.jpg"); } }

.event-info-intro--archives {
  background-image: url("img/pages/events/archives/moreinfo/info-bg-mobile-38088d9e3038cb4416a47e6545a1826f98a44387327fbd6fc7075b3e2bd9ef7c17dc152414e14804a525d5cb8d6a41a988fb1eb79c0c9ba8fbae478161ada550.jpg"); }
  @media only screen and (min-width: 992px) {
    .event-info-intro--archives {
      background-image: url("img/pages/events/archives/moreinfo/info-bg-huge-758466e3356b467818f169300552f9186c6db79f09b4f713adc8fa032c6ea80f025e5b5b724c69e67e0ff5df347f9f8b556f15c9ce17cdda574ec116d9a71226.png");
      background-size: auto 90%;
      margin-bottom: -4.5%; } }

.event-info-intro-content--archives {
  margin-top: 5%; }

.u-limit-width--archives {
  max-width: 45em; }

.event-game-modes--retribution {
  background-image: url("img/pages/events/archives/gamemodes/retribution-game-mode-mobile-674c5d919684ad27ebd99fe48f643637c1c16f642ac5b06b89b4351ba52b04adbe4f58f105ef906d95a3e01b545719c7083edb45ba0b52f9e44e30fe1c2526f5.jpg");
  background-color: #191f2c;
  border-bottom: 6px solid #7f2825; }
  @media only screen and (min-width: 992px) {
    .event-game-modes--retribution {
      background-image: url("img/pages/events/archives/gamemodes/retribution-game-mode-7478d040fb90f8ba3697ee76981537251dc9e79d0703e5a8a761bb35af8b0395aa741b9958be10d0f07714e6d293cf1810151373df5147f59d9d45fcf6464742.jpg");
      background-position: center bottom;
      min-height: 55vh; } }

.event-game-modes--uprising {
  background-image: url("img/pages/events/archives/gamemodes/uprising-game-mode-mobile-53151c838a13fe2c1120765f1c86c7cbe5048f9601eac867de9024dc159f2864724aacc616a12f93aff84ef930523b17b5297456b7435da68f01c31823303ce9.jpg");
  background-color: #310f0d; }
  @media only screen and (min-width: 992px) {
    .event-game-modes--uprising {
      background-image: url("img/pages/events/archives/gamemodes/uprising-game-mode-8ca587eb93faa74744c1e96e51b17f8497de022ab0c0298ddcde59b6e003a1da03cf0ffa7e999211a6bf68dfd03b01a88127a01ef057e0840306da4b837600f9.jpg");
      background-position: center bottom;
      min-height: 55vh; } }

.event-game-modes-subheading {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .event-game-modes-subheading {
      text-align: unset; } }

.EventMaps--archives {
  background-image: url("img/pages/events/archives/maps/maps-bg-mobile-5768779a53b492d9d5e1593ac8215163d7c75a88de5e5df77c2cefb7b30ec767c216b20d68487e312419c4df7466580b6b0ac6dc3ca7b6017552c0767c32a534.jpg"); }

.event-unlocks--archives {
  background-image: none;
  background-color: #310f0d; }
  @media only screen and (min-width: 992px) {
    .event-unlocks--archives {
      background-image: url("img/pages/events/archives/unlocks/unlocks-bg-desktop-410df591b6260ac80015643fb0115f36859071c591cc2d3c58ca9dd3ac28854033146f7502226749547f9debac570f3ea215b4b4aedcfd0d5ec1e661af0eb668.jpg");
      background-color: #1a141e; } }
  @media only screen and (min-width: 1850px) {
    .event-unlocks--archives {
      background-image: url("img/pages/events/archives/unlocks/unlocks-bg-desktop-wide-9e581813b9c4aa0078034f293e3f9f24b2fced594dd5f63bba52409c3af0dfd5d9e62e436031bb77f257f5ffa0d0927bf5f912e53d0c03d6ef3bc213e649a909.jpg");
      background-position: center; } }

.event-lootbox-section--archives {
  background-color: #2c2a42;
  background-image: url("img/pages/events/archives/lootbox/lootbox-bg-mobile-156d9ff3e6bddc4a03344e0929667eab427d9bfacf4e07627fb96e948fdcc5a5b1e02a7d0f236e9393d9e0d8ba554a1d3ab26d6cdeab4fa213a91438eee5d920.jpg"); }
  @media only screen and (min-width: 992px) {
    .event-lootbox-section--archives {
      background-image: url("img/pages/events/archives/lootbox/lootbox-bg-wide-3988d617dbb0adf077d1196390095191465457a3f5fd466c9d3ae37906d4254de4a3cd2e106037c88b2ff9cf1f53302e977b1aa36b02fdcd027ba7b8df4937c5.jpg"); } }

/*#region factory */
.event-overview-container--anniversary {
  position: relative;
  background-image: url("img/pages/events/anniversary/headers/header-bg-mobile-70af8896d116b152e532c51c9fe4db95e013ad5cf8ab0731fa51f043cf05a9f7f7b26255c5cc01135a397aa10fd81ed0047956962be67e1dad273e976ef0dee0.jpg"); }
  @media only screen and (min-width: 992px) {
    .event-overview-container--anniversary {
      background-image: url("img/pages/events/anniversary/headers/header-bg-4e824096df65e01fc7895ab8fb90ab148e405856e95d8a565b1095ddf4234554c5031932aeff50f12b7019621b4a9a597c4a3138db60905b243cf5e67a095cb9.jpg"); } }

.event-divider--anniversary:before {
  background-image: unset; }
  @media only screen and (min-width: 992px) {
    .event-divider--anniversary:before {
      background-image: unset; } }

/*#region logo */
@media only screen and (min-width: 992px) {
  .event-logo-container-mobile--anniversary {
    background-image: url("img/pages/events/anniversary/headers/logo.png"); } }

/*#endregion*/
/*#region intro */
.event-info-intro--anniversary {
  background-image: url("img/pages/events/anniversary/moreinfo/info-bg-mobile.png"); }
  @media only screen and (min-width: 992px) {
    .event-info-intro--anniversary {
      background-image: url("img/pages/events/anniversary/moreinfo/info-bg.png"); } }

/*#endregion*/
/*#region game modes and maps */
.event-game-modes-1--anniversary {
  background-image: url("img/pages/events/anniversary/gamemodes/yeti-hunt.jpg");
  background-color: #eaeae8; }
  @media only screen and (min-width: 992px) {
    .event-game-modes-1--anniversary {
      background-image: url("img/pages/events/anniversary/gamemodes/yeti-hunt.jpg"); } }

.event-game-modes-2--anniversary {
  background-image: url("img/pages/events/anniversary/gamemodes/yeti-hunt.jpg");
  background-color: #eaeae8; }
  @media only screen and (min-width: 992px) {
    .event-game-modes-2--anniversary {
      background-image: url("img/pages/events/anniversary/gamemodes/yeti-hunt.jpg"); } }

.event-game-modes-3--anniversary {
  background-image: url("img/pages/events/anniversary/gamemodes/halloween-terror.jpg");
  background-color: #eaeae8; }
  @media only screen and (min-width: 992px) {
    .event-game-modes-3--anniversary {
      background-image: url("img/pages/events/anniversary/gamemodes/halloween-terrorjpg"); } }

.event-game-modes-4--anniversary {
  background-image: url("img/pages/events/anniversary/gamemodes/lucio-ball.jpg");
  background-color: #eaeae8; }
  @media only screen and (min-width: 992px) {
    .event-game-modes-4--anniversary {
      background-image: url("img/pages/events/anniversary/gamemodes/lucio-ball.jpg"); } }

.EventMaps--anniversary {
  background-image: url("img/pages/events/anniversary/maps/maps-bg-mobile-22abb34612b5a66958886d609152c82046fb4a572bc23bbebb746f352e2d77303bf60a89655dc5533adbe451b0fdb9fda799d3cec8ab323dc26aa060183a95cc.jpg"); }

/*#endregion*/
/*#region unlocks */
.event-unlocks--anniversary {
  background-image: none;
  background-color: #EDEDEE; }
  @media only screen and (min-width: 992px) {
    .event-unlocks--anniversary {
      background-image: url("img/pages/events/anniversary/unlocks/bg-desktop-8590ead6adfe7973bcb5f814ec0d8a24301323ab0f0e615717bf2a17c66c5c64c019515c1657f141589790bd61be0119990043640a731a6bab013c0c33151602.jpg"); } }
  @media only screen and (min-width: 1850px) {
    .event-unlocks--anniversary {
      background-image: url("img/pages/events/anniversary/unlocks/bg-desktop-wide-1340402b0dac8ce735298eaa1a8b2fcd395cf70521af8438c6018d040f5fedad965dad5c5bf4e0c81bf38145cf525c80b3aeb230bda532d63f39ccc75af2d913.jpg"); } }

/*#endregion*/
/*#region lootbox */
.event-lootbox-section--anniversary {
  background-color: #dddddd;
  background-image: url("img/pages/events/anniversary/lootbox/box-tablet.jpg");
  padding-top: 5px; }
  @media only screen and (min-width: 992px) {
    .event-lootbox-section--anniversary {
      background-image: url("img/pages/events/anniversary/lootbox/box.png"); } }

/*#endregion*/
/*#endregion*/
/*#region overview */
.event-overview-container--anniversary {
  background-attachment: scroll;
  background-size: 100% auto;
  background-position: top center; }

.event-overview-content-container--anniversary {
  padding-top: 40vw;
  padding-bottom: 30px; }
  @media only screen and (min-width: 992px) {
    .event-overview-content-container--anniversary {
      padding-top: 20vw;
      padding-bottom: 32px; } }
  @media only screen and (min-width: 1280px) {
    .event-overview-content-container--anniversary {
      padding-top: 23vw;
      padding-bottom: 64px; } }
  @media only screen and (min-width: 2560px) {
    .event-overview-content-container--anniversary {
      padding-top: 664px; } }

.event-video-play-icon--anniversary {
  margin-top: -25%; }
  @media only screen and (min-width: 768px) {
    .event-video-play-icon--anniversary {
      margin-top: -15%; } }
  @media only screen and (min-width: 992px) {
    .event-video-play-icon--anniversary {
      margin-top: -5vh; } }
  @media only screen and (min-width: 2560px) {
    .event-video-play-icon--anniversary {
      margin-top: 0; } }

.event-logo-image--anniversary {
  max-width: 400px; }
  @media only screen and (min-width: 992px) {
    .event-logo-image--anniversary {
      max-width: 320px; } }
  @media only screen and (min-width: 992px) {
    .event-logo-image--anniversary {
      width: 25vw;
      max-width: 640px; } }

/*#endregion*/
/*#region intro */
.event-info-intro--anniversary {
  color: #333333;
  background-color: #F6F6F6; }

.event-intro-flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (min-width: 1280px) {
    .event-intro-flex-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }

@media only screen and (min-width: 1280px) {
  .event-info-intro-heroes-container {
    max-width: 100%;
    position: relative;
    height: 470px;
    margin-top: 0;
    -webkit-box-flex: 7;
        -ms-flex: 7 1 0px;
            flex: 7 1 0;
    max-height: 310px; } }

.event-info-intro-heroes {
  max-width: 100%;
  margin-top: 18px; }
  @media only screen and (max-width: 1279px) {
    .event-info-intro-heroes {
      -webkit-box-flex: 7;
          -ms-flex: 7 1 0px;
              flex: 7 1 0; } }
  @media only screen and (min-width: 1280px) {
    .event-info-intro-heroes {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 980px;
      max-width: none; } }

.event-info-intro-heroes--tablet {
  width: 755px; }

.event-info-intro-heroes--mobile {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media only screen and (min-width: 400px) {
    .event-info-intro-heroes--mobile {
      max-width: 80%; } }
  @media only screen and (min-width: 768px) {
    .event-info-intro-heroes--mobile {
      max-width: 70%; } }
  @media only screen and (min-width: 992px) {
    .event-info-intro-heroes--mobile {
      max-width: 50%; } }

.event-info-intro-text {
  padding-bottom: 36px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 1280px) {
    .event-info-intro-text {
      -webkit-box-flex: 5;
          -ms-flex: 5 1 0px;
              flex: 5 1 0;
      margin-left: 36px;
      padding-top: 36px; } }

@media only screen and (min-width: 1280px) {
  .event-info-intro-heading.u-orange-text {
    color: #333333; } }

@media only screen and (min-width: 1280px) {
  .event-info-intro-description-paragraph.u-center-block {
    display: block;
    margin-left: 0;
    margin-right: auto; } }

.event-info-intro-cta-container {
  text-align: center; }

/*#endregion*/
/*#region unlocks */
@media only screen and (max-width: 767px) {
  .event-unlocks--anniversary {
    background-image: url("img/pages/events/anniversary/unlocks/bg-tablet-1c7f28796261b9ce5c1bf36b246340fcba4716af2913d1769ccb5799cd3c2dd3459701cd154699ef9c08eb3f79129124939b57e03dacd113bd225594ec3e8148.jpg"); } }

.event-unlock-tabs {
  width: 100%;
  z-index: 1000;
  background-color: #2f3543; }
  .event-unlock-tabs nav {
    text-align: left;
    margin: auto;
    white-space: nowrap;
    padding: 1.5rem 5rem; }
    @media only screen and (min-width: 768px) {
      .event-unlock-tabs nav {
        padding: 1rem 5rem; } }
  .event-unlock-tabs nav > * {
    line-height: 1; }
  .event-unlock-tabs-fixed {
    position: fixed;
    top: 49px;
    left: 50%;
    z-index: 99999;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }

.event-unlock-tabs .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .event-unlock-tabs .swiper-slide-icon {
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
        align-self: auto;
    fill: #F6F6F6; }
  .event-unlock-tabs .swiper-slide-link {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -ms-flex-item-align: auto;
        align-self: auto;
    text-align: center;
    text-transform: uppercase;
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    color: #F6F6F6;
    cursor: pointer;
    white-space: nowrap; }
    .event-unlock-tabs .swiper-slide-link:focus, .event-unlock-tabs .swiper-slide-link:active {
      color: #00c3ff; }
    @media (hover: hover) {
      .event-unlock-tabs .swiper-slide-link:hover {
        color: #00c3ff; } }
  .event-unlock-tabs .swiper-slide-active .swiper-slide-icon {
    fill: #00c3ff; }
  .event-unlock-tabs .swiper-slide-active .swiper-slide-link {
    color: #00c3ff; }

.event-unlock-tabs .swiper-wrapper {
  margin: 0;
  padding: 0; }

.event-unlock-tabs .swiper-button {
  background-color: #2f3543;
  background-image: unset;
  min-width: 40px; }
  .event-unlock-tabs .swiper-button:after {
    content: '';
    background: no-repeat url("img/icons/arrow-white-all-f25aa8829ab9e1abb04f8d33fecdfbf26b76e38160952dd5886f82de8d9bd8b9e2a62d9e40bf6b92df01ae4dba48986ddb9e2f98f586e229ff13ee36b6c23c9a.png");
    display: block;
    position: absolute;
    top: 50%;
    height: 36px;
    width: 30px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .event-unlock-tabs .swiper-button-prev {
    left: 0; }
  .event-unlock-tabs .swiper-button-prev:after {
    left: 10px; }
  .event-unlock-tabs .swiper-button-next:after {
    background-position-x: -30px;
    right: 10px; }
  .event-unlock-tabs .swiper-button-next {
    right: 0; }
  .event-unlock-tabs .swiper-button-next.swiper-button-disabled, .event-unlock-tabs .swiper-button-prev.swiper-button-disabled {
    opacity: 0.20; }
  @media only screen and (min-width: 1280px) {
    .event-unlock-tabs .swiper-button {
      display: none; } }

.event-divider--anniversary {
  border-top: 2px solid #c68e26; }

/*#endregion*/
/*#region gameModes */
.EventGameModes-container--anniversary {
  background-color: #F6F6F6;
  background-image: url("img/pages/events/anniversary/gamemodes/gamemode-bg-2345ba41c57c2bbdb5eefbff38a9f3cb8f77ac32bd892559a3c062e6207b8ff15d24ddc5de059223bf7a494a62caf43062621097bbf6e980be93d0ca6754c636.jpg");
  background-repeat: repeat; }

.EventGameModes-image {
  display: block;
  width: 100%; }
  .EventGameModes-image--mobile {
    margin-bottom: 18px; }

.EventGameModes a {
  cursor: pointer; }

.EventGameModesIndex {
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (min-width: 992px) {
    .EventGameModesIndex {
      text-align: left;
      padding-left: 42px;
      padding-right: 0; } }
  .EventGameModesIndex-title {
    color: #c68e26; }
  .EventGameModesIndex-description {
    margin-bottom: 18px; }
  .EventGameModesIndex-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .EventGameModesIndex-item {
    fill: #00c3ff;
    color: #00c3ff;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer; }
    .EventGameModesIndex-item + .EventGameModesIndex-item {
      margin-top: 3px; }
    .EventGameModesIndex-item:hover {
      fill: #66dbff;
      color: #66dbff; }
    @media only screen and (min-width: 992px) {
      .EventGameModesIndex-item {
        margin-left: 0; } }

.EventGameModeCard {
  padding-bottom: 36px;
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .EventGameModeCard {
      text-align: left;
      padding-bottom: 0; } }
  .EventGameModeCard-image {
    display: block;
    width: 100%; }
  .EventGameModeCard-heading {
    margin-top: 12px;
    color: #c68e26; }
  .EventGameModeCard-back {
    display: block;
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    line-height: normal;
    margin-top: .5em;
    color: #00c3ff;
    cursor: pointer; }
    .EventGameModeCard-back:hover {
      color: #66dbff; }

/*#endregion*/
/*#region maps*/
.EventMaps--anniversary {
  background-repeat: repeat; }

.EventMaps--anniversary .EventMapsGrid {
  color: #F6F6F6;
  background-image: url("img/pages/events/anniversary/maps/carbon-fiber-bg.jpg");
  background-repeat: repeat; }

/*#endregion*/
.Endorsement-overview-container {
  background: #3bbac0;
  /* Old browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#3bbac0), to(#2a7c83));
  background: linear-gradient(to bottom, #3bbac0 0%, #2a7c83 100%); }

.Endorsement-overview-icon {
  display: block;
  width: 100%;
  fill: rgba(255, 255, 255, 0.5);
  min-height: 238px; }

@media only screen and (min-width: 992px) {
  .Endorsement-category-level-outer-container {
    background-image: url("img/pages/endorsements/blue-pattern-7de0f4848f857fa60ce46faa5ec43561fef30762b670a2e7a623d912911c19c783151a9fb83a40f99885c7da0f0de8c55382a69844d3cdf241ec58790f596bd8.jpg");
    background-size: cover; } }

.Endorsement-category-container {
  background-color: black; }
  @media only screen and (min-width: 992px) {
    .Endorsement-category-container {
      background-color: transparent; } }

.Endorsement-levels-container {
  background-image: url("img/pages/endorsements/blue-pattern-7de0f4848f857fa60ce46faa5ec43561fef30762b670a2e7a623d912911c19c783151a9fb83a40f99885c7da0f0de8c55382a69844d3cdf241ec58790f596bd8.jpg");
  background-size: cover;
  border-top: 2px solid #727272; }
  @media only screen and (min-width: 992px) {
    .Endorsement-levels-container {
      background-image: none; } }

/*------------------------------------*\
    #PAGE GENERAL RULES
\*------------------------------------*/
body.BlockScrolling {
  overflow: hidden; }

.Wrap {
  overflow: hidden; }

/*------------------------------------*\
    #FONTS
\*------------------------------------*/
@font-face {
  font-family: 'ConcourseT3';
  src: url("fonts/concourse_t3_regular-webfont-b6a90e39104fabfeb2dce6023fa134859857a751cd073d29b5383faed11dcf95dee858960eefb134fe6afb4b21a587033e5f2368ae8ae503a2e94ec1560bb8ed.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ConcourseT3';
  src: url("fonts/concourse_t3_bold-webfont-d64c9ddc4c2dd6abd080f97efeb849a43e0f1603d4b7171e170781dc5474e9c51e4a7ff05042f2d1f546ecaf835e3a592f27ed6637ad38ff9b7415bfa996f849.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'ConcourseT3';
  src: url("fonts/concourse_t3_italic-webfont-76f4e02d8568b8b0a758e1546d359f0b001f46ae9c685ef859ce7b7242e4d0af1e7447adea19c6abc0857e6ead05175170a864da8eb2a25f2c8be92b1a61f371.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

/*------------------------------------*\
    #BUTTON (OVERWRITES)
\*------------------------------------*/
.Button--open {
  color: #fff;
  font-size: 21px;
  font-weight: normal;
  padding: 12px 20px 12px;
  border-radius: 5px;
  background: #ff9c00; }
  @media (max-width: 320px) {
    .Button--open {
      font-size: 20px; }
      .Button--open svg {
        display: none; } }
  .CTA .Button--open {
    background: #ff9c00; }
  .Button--open:active, .Button--open:focus, .Button--open:link, .Button--open:visited, .Button--open:hover {
    color: #fff; }
  .Button--open:hover {
    background: #ffb033; }
  .Button--open:focus, .Button--open:active {
    background: #f29400; }

.Button--disabled {
  cursor: not-allowed; }
  .Button--disabled, .Button--disabled:hover, .Button--disabled:focus, .Button--disabled:active {
    background: #888888;
    border-color: #888888; }
    .Button--disabled path, .Button--disabled:hover path, .Button--disabled:focus path, .Button--disabled:active path {
      fill: #fff; }

.button.Button--openGhost {
  font-size: 21px;
  font-weight: normal;
  padding: 12px 20px 12px;
  border-radius: 5px;
  color: #f29400;
  border-width: 1px;
  background: transparent;
  word-break: break-word; }
  .ja-jp .button.Button--openGhost {
    font-size: 19px; }
  @media only screen and (min-width: 768px) {
    .button.Button--openGhost {
      padding: 12px 40px 12px; } }
  .button.Button--openGhost:active, .button.Button--openGhost:focus, .button.Button--openGhost:hover {
    color: #fff; }
  .button.Button--openGhost:hover {
    background: #ffb033; }
    .button.Button--openGhost:hover svg path {
      fill: #fff; }
  .button.Button--openGhost:focus, .button.Button--openGhost:active {
    background: #f29400; }
    .button.Button--openGhost:focus svg path, .button.Button--openGhost:active svg path {
      fill: #fff; }
  @media (max-width: 320px) {
    .button.Button--openGhost {
      font-size: 20px; }
      .button.Button--openGhost svg {
        display: none; } }
  .button.Button--openGhost svg path {
    fill: #f29400; }

.Button--wide {
  padding: 18px 80px 14px; }

.Button--linkout {
  padding: 12px 20px 12px;
  word-break: break-word; }
  @media only screen and (min-width: 768px) {
    .Button--linkout {
      padding: 12px 40px 12px; } }
  .Button--linkout svg {
    width: 18px;
    height: 22px;
    margin-left: 10px;
    vertical-align: bottom;
    -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
            transform: translateY(1px); }

/*------------------------------------*\
    #ICONS
\*------------------------------------*/
.Icon {
  margin: 0 auto; }
  .Stardom .Icon {
    margin: 12px auto 0; }
    @media only screen and (min-width: 768px) {
      .Stardom .Icon {
        display: none; } }

.Icon--arrow {
  width: 22px;
  height: 17px; }

/*------------------------------------*\
    #INTRO
\*------------------------------------*/
.Intro {
  position: relative;
  background: no-repeat center top/cover;
  background-image: url("img/esports/open/open-header-mobile-22fd912f92faf1b341513c3dd100d162abd3032c64f257c2f4b3d251cdc19afc0894f5570d25134f1b72b43b23cb637474c4c879788a79f7ee448cde0ef6567b.jpg");
  height: 350px; }
  @media only screen and (min-width: 768px) {
    .Intro {
      background-image: url("img/esports/open/open-header-tablet-a6071a9f4c4527baccf5b1a78c01dd3b4ca20d6f94920dbcdc2f41d9cea56d0cdb6262b5366075a097dd642f6bd9bc9808908d4e40055b1f50933322b1a1d401.jpg");
      height: 450px; } }
  @media only screen and (min-width: 992px) {
    .Intro {
      background-image: url("img/esports/open/open-header-e924bd1538b999cd82202a44186b964bf67fdd292778273aa860cedee9922353b6f6abfc28254a6bb377981f1d7bcc7eb203d465404fac38ef1a281bd3ba4e4c.jpg");
      height: 500px; } }
  @media only screen and (min-width: 1600px) {
    .Intro {
      height: 700px; } }

.Intro-logo {
  position: absolute;
  bottom: -24px; }
  @media only screen and (min-width: 992px) {
    .Intro-logo {
      bottom: -35px; } }
  .Intro-logo .Logo {
    width: 100vw;
    text-align: center; }
  .Intro-logo .Logo-img {
    display: none;
    margin: 0 auto; }
    @media only screen and (min-width: 992px) {
      .Intro-logo .Logo-img {
        display: block; } }
  .Intro-logo .Logo-img--mobile {
    display: block; }
    @media only screen and (min-width: 992px) {
      .Intro-logo .Logo-img--mobile {
        display: none; } }

/*------------------------------------*\
    #PATH TO STARDOM
\*------------------------------------*/
.Stardom-heading {
  color: #ebebeb;
  font-size: 42px; }
  @media only screen and (min-width: 768px) {
    .Stardom-heading {
      font-size: 48px; } }

.Stardom-intro {
  color: #d3d4d6;
  font-size: 18px;
  font-family: arial, sans-serif;
  background: url("img/esports/open/carbon-repeat-b6282ee562be1788a7e33803854bf32f9a592153e6a1a34478754d3c802ddd1d9a2057d9538dec84cc72b205c7d152a9ed510123987bdd286926200033a16993.jpg") top left;
  text-align: center;
  padding: 34px 0 34px; }
  @media only screen and (min-width: 768px) {
    .Stardom-intro {
      font-size: 21px;
      padding: 54px 0 64px; } }

.Stardom-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid #3d464b; }
  @media only screen and (min-width: 992px) {
    .Stardom-step {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.Stardom-split {
  width: 100%;
  min-height: 287px; }
  @media only screen and (min-width: 992px) {
    .Stardom-split {
      width: 50%; } }

.Stardom-stepDetail {
  color: #3d464b;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  max-width: 608px;
  margin: 0 auto;
  padding: 30px 8px;
  text-align: center;
  position: relative;
  z-index: 1; }
  @media only screen and (min-width: 992px) {
    .Stardom-stepDetail {
      padding: 60px 8px;
      text-align: left;
      margin: inherit; } }
  .Stardom-stepDetail::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f0edf2;
    -webkit-transform: skewX(30deg);
        -ms-transform: skewX(30deg);
            transform: skewX(30deg);
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
    z-index: -1; }

.Stardom-stepHeader {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 35px;
  font-style: normal; }

.Stardom-stepTitle {
  color: #f69300;
  font-size: 21px;
  text-transform: uppercase; }

.Stardom-stepDesc {
  font-family: arial, sans-serif;
  font-size: 18px; }

.Stardom-stepGraph {
  background-size: cover;
  background-position: top center; }
  @media only screen and (min-width: 768px) {
    .Stardom-stepGraph {
      background-position: center; } }
  @media only screen and (min-width: 992px) {
    .Stardom-stepGraph {
      background-position: center right;
      background-size: auto; } }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min--moz-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-resolution: 1.3dppx) and (min-width: 992px), only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 992px), only screen and (min-resolution: 120dpi) and (min-width: 992px) {
    .Stardom-stepGraph {
      background-size: auto 240%; } }
  .Stardom-step--1 .Stardom-stepGraph {
    background-image: url("img/esports/open/step-1-graph-m-90f485ed1ab97a5b84c2e578694829e6063bd7b206519ab4f36b5e4a2f154a8c6cf2d218d83a0e2c4fe2e4f25b53e435f1b62b28d718419b0d10ece964ccdb81.jpg"); }
    @media only screen and (min-width: 992px) {
      .Stardom-step--1 .Stardom-stepGraph {
        background-image: url("img/esports/open/step-1-graph-ee214d02d1534c13033a30e3ccf787fbc8ea443a3f13596bd039518ca23ef22cddafa07b1042127920a91cb140a4e79460e267297a7adbacf101ff0559123e96.jpg"); } }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min--moz-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-resolution: 1.3dppx) and (min-width: 992px), only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 992px), only screen and (min-resolution: 120dpi) and (min-width: 992px) {
      .Stardom-step--1 .Stardom-stepGraph {
        background-image: url("img/esports/open/step-1-graph-hirez-49589c4d1936141eabb9b496bd33f44ded26ffd7721c995166f6a87dfd6b290c9df5c020b4ed7be43438dc7c371e3933531776f8f6eb76c699eddb4a970db631.jpg"); } }
  .Stardom-step--2 .Stardom-stepGraph {
    background-image: url("img/esports/open/step-2-graph-m-45746104c5dfd09a6bbe73b9b84b556726e07cd2223c4531de3dcd540ef18b31b571a9b0668214433db0da94db6e62880185f051d44302f90bf23a3b0300de28.jpg"); }
    @media only screen and (min-width: 992px) {
      .Stardom-step--2 .Stardom-stepGraph {
        background-image: url("img/esports/open/step-2-graph-fe01b3d73c86d3e3a4c58c2b3d7dd0ebdebfb7c715aa0a6f98c9d2dba08ab093a6380a89f5a8632a7129af45154453cc2e9b1eac07ef0310e1d2df5c237afd05.jpg"); } }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min--moz-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-resolution: 1.3dppx) and (min-width: 992px), only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 992px), only screen and (min-resolution: 120dpi) and (min-width: 992px) {
      .Stardom-step--2 .Stardom-stepGraph {
        background-image: url("img/esports/open/step-2-graph-hirez-b5f8ba4062ffde1525323164fdcfa8aae9c8d0f74781e513ae3f61abb1db48e83174665eed0c5601212a2d9389a0cfb089b37bd50befb5d66aa4a3155db40ac6.jpg"); } }
  .Stardom-step--3 .Stardom-stepGraph {
    background-image: url("img/esports/open/step-3-graph-m-3e5ed789cfa5f78bd5d2db69b65165d95b4ede392e0828a3926ce0c5345936ad174d24a77be0dc986b4d93f5d746ccf852b7b4723d318a6ba838b6a8bd6cc118.jpg"); }
    @media only screen and (min-width: 992px) {
      .Stardom-step--3 .Stardom-stepGraph {
        background-image: url("img/esports/open/step-3-graph-d70a877419ac0d54c964db4d74c67a5d06c29da8820eb22b858d8b1ce84c6e52bcb4ad53b8c5c059cdd282a354ab9a29d0754740df0fb55ee2367289f9393a83.jpg"); } }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min--moz-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-device-pixel-ratio: 1.3) and (min-width: 992px), only screen and (min-resolution: 1.3dppx) and (min-width: 992px), only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 992px), only screen and (min-resolution: 120dpi) and (min-width: 992px) {
      .Stardom-step--3 .Stardom-stepGraph {
        background-image: url("img/esports/open/step-3-graph-hirez-dab07f4f213bbe6ffdc150ee850799a5e76a321cec4cc70e2a21d6d360a85e5a9235535f2b76a02da9d75b45eeac029f655bed7d709a1ae42912e85208a35b67.jpg"); } }

/*------------------------------------*\
    #REGION
\*------------------------------------*/
.Region {
  position: relative;
  background: url("img/esports/open/sign-map-mobile-4e8449c7f1507675a3af74206364380c45b7bb14edb5b10c8ed2324f741b63f7f192b7d5ca69a93b4bbfcd563f25ca31d3f015ee018c20271cc5c63d7292884d.jpg") center top no-repeat;
  background-size: cover;
  text-align: center;
  padding: 200px 0; }
  @media only screen and (min-width: 992px) {
    .Region {
      background: url("img/esports/open/sign-map-acfc6219f84e6d81d3a28a64e1597fe6edae9306f0acbd9bfe97c441bc01bf3080bb6df570921312f135a8f27774b3ef2c70e0b129717192e7df0c6285bccd5f.jpg") center top no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 1280px) {
    .Region {
      background-size: auto; } }

.Region-heading {
  color: #ffeda4;
  font-size: 42px;
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .Region-heading {
      font-size: 72px; } }

.Region-heading--smaller {
  color: #ebebeb;
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-style: normal;
  font-size: 22px; }
  @media only screen and (min-width: 768px) {
    .Region-heading--smaller {
      font-size: 35px; } }

.Region-selector {
  margin-top: 25px;
  padding: 25px 0 55px; }
  @media only screen and (min-width: 768px) {
    .Region-selector {
      margin-top: 49px;
      padding: 45px 0 105px; } }
  @media only screen and (min-width: 400px) {
    .Region-selector > p {
      padding: 0 1em; } }
  @media only screen and (min-width: 768px) {
    .Region-selector > p {
      padding: 0 3em; } }
  @media only screen and (min-width: 1280px) {
    .Region-selector > p {
      padding: 0 7em; } }
  .Region-selector p {
    color: #fff;
    line-height: 1.2;
    font-size: 21px;
    font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
    margin: 0; }
    .Region-selector p span:last-of-type {
      margin-bottom: 2em; }

.Region-selectText {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  max-width: 748px;
  line-height: 1.1;
  color: #9ca0ab;
  margin: 0 auto 30px; }

.Region-select {
  margin: 0 auto 45px;
  height: 45px;
  max-width: 100%; }
  @media only screen and (min-width: 992px) {
    .Region-select {
      max-width: 410px; } }

.RegionSelector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (min-width: 1280px) {
    .RegionSelector {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.RegionSelector-selection {
  margin: 30px auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 360px;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .RegionSelector-selection {
      max-width: inherit; } }
  @media only screen and (min-width: 1280px) {
    .RegionSelector-selection {
      margin: 30px;
      max-width: 360px; } }

.RegionSelection-name {
  font-size: 18px;
  min-height: 36px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  word-wrap: break-word; }
  @media only screen and (min-width: 400px) {
    .RegionSelection-name {
      font-size: 22px; } }
  @media only screen and (min-width: 768px) {
    .RegionSelection-name {
      font-size: 28px;
      min-height: 70px; } }
  .fr-fr .RegionSelection-name,
  .it-it .RegionSelection-name,
  .pl-pl .RegionSelection-name,
  .pt-br .RegionSelection-name,
  .ko-kr .RegionSelection-name {
    min-height: 40px; }
    @media only screen and (min-width: 768px) {
      .fr-fr .RegionSelection-name,
      .it-it .RegionSelection-name,
      .pl-pl .RegionSelection-name,
      .pt-br .RegionSelection-name,
      .ko-kr .RegionSelection-name {
        font-size: 22px; } }
    @media only screen and (min-width: 1280px) {
      .fr-fr .RegionSelection-name,
      .it-it .RegionSelection-name,
      .pl-pl .RegionSelection-name,
      .pt-br .RegionSelection-name,
      .ko-kr .RegionSelection-name {
        min-height: 70px; } }
  .ja-jp .RegionSelection-name,
  .ru-ru .RegionSelection-name {
    min-height: 50px; }
    @media only screen and (min-width: 768px) {
      .ja-jp .RegionSelection-name,
      .ru-ru .RegionSelection-name {
        font-size: 18px; } }

p.Region-info {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
  display: table;
  margin: 1em auto 0;
  cursor: pointer; }

p.Region-info--disabled {
  cursor: not-allowed;
  opacity: 0.5; }

.Region-error {
  position: relative;
  background-color: #fff;
  color: red;
  text-transform: uppercase;
  font-size: 18px;
  padding: 6px 0;
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .Region-error {
      font-size: 22px; } }

/*------------------------------------*\
    #CALL TO ACTION
\*------------------------------------*/
.CTA {
  position: relative;
  padding: 30px 0;
  background: url("img/esports/open/background-cta-m-9a51ff1606976d60c94d6cfeac489680bfa40cb7f5c986d3826a6771526c5a8ffa15b9fbb2a6ad0b815837e8c2481122edbd4ee2232b351e5f7f2cd337a28496.jpg") bottom center repeat-x;
  background-size: contain; }
  @media only screen and (min-width: 768px) {
    .CTA {
      padding: 30px 0 8px; } }
  @media only screen and (min-width: 992px) {
    .CTA {
      padding: 80px 0 8px;
      background: url("img/esports/open/background-cta-6f18c6a65b1516b25d076370d0cf64dc2b0669ed5aaf09968f1d5c40a73d19512181b41f53cb182df0dd9f08eefb5d95ecbf3eec0e9dbec4e8cb1bf8ae40d37f.jpg") top center no-repeat; } }
  @media only screen and (min-width: 1280px) {
    .CTA {
      padding: 90px 0 8px; } }
  .CTA::before {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 24px;
    background: #f8f9fa;
    top: 1px;
    left: 0;
    -webkit-transform: translate(-50%, -100%) skewX(60deg);
        -ms-transform: translate(-50%, -100%) skewX(60deg);
            transform: translate(-50%, -100%) skewX(60deg);
    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left; }
    @media only screen and (min-width: 992px) {
      .CTA::before {
        width: 2560px;
        height: 85px;
        top: 0;
        left: 50%;
        background: url("img/esports/open/background-cta-top-f26fd8ea6a2557795f97c9e1d42ef9ee99e5b84e0730eed6762bc1952e09344ade52377c78426ed0a8c6b4257e0d69de9900ea9738a02edb71924db7a361a7f3.png") top center no-repeat;
        -webkit-transform: translate(-50%, -85px);
            -ms-transform: translate(-50%, -85px);
                transform: translate(-50%, -85px);
        -webkit-transform-origin: center;
            -ms-transform-origin: center;
                transform-origin: center; } }
  .CTA::after {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 24px;
    background: #f8f9fa;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -100%) skewX(-60deg);
        -ms-transform: translate(50%, -100%) skewX(-60deg);
            transform: translate(50%, -100%) skewX(-60deg);
    -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
            transform-origin: bottom right; }
    @media only screen and (min-width: 992px) {
      .CTA::after {
        display: none; } }

.CTA-content {
  text-align: center; }
  @media only screen and (min-width: 992px) {
    .CTA-content {
      -webkit-transform: translateX(220px);
          -ms-transform: translateX(220px);
              transform: translateX(220px); } }

.CTA-title {
  font-size: 48px;
  color: #5b5280; }
  @media only screen and (min-width: 768px) {
    .CTA-title {
      font-size: 72px; } }
  .ja-jp .CTA-title {
    margin-top: 50px;
    font-size: 42px;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px); }

.CTA-boxes {
  width: 328px;
  height: 268px;
  background: url("img/esports/open/boxes-76fece5fb3cba2255e50a5a03273fedc329e144167fcc28e312fdf1b32d0f3d2bfcacaa6e6d3497b0c119c5b964e3185be2baee7540af9a91762c69b3311fb96.png") center no-repeat;
  background-size: contain;
  margin: 12px auto -20px;
  max-width: 100%;
  background-size: contain; }
  @media only screen and (min-width: 768px) {
    .CTA-boxes {
      width: 550px;
      height: 375px;
      margin: 12px auto -40px; } }
  .ru-ru .CTA-boxes {
    background: url("img/esports/open/boxes-ru-9d6604881d67479169ee1737c45c0ceca947ca23e41d569742a9ee0fa1517b5ee8fab886bfdeeac55b8bf93294acdfd60baa58721cf5c8cbed4b8ab6a9a4f489.png") center no-repeat;
    background-size: contain; }
  .ko-kr .CTA-boxes {
    background: url("img/esports/open/boxes-kr-2ef71848d3bd864b40e82b876d7ec918e570e00d36f1f2b5a236fbb30271daba6009e1d3ea7fde00cebcb52268038ad367bbb0f419542ec662369f4723a5af89.png") center no-repeat;
    background-size: contain; }
  .pt-br .CTA-boxes {
    background: url("img/esports/open/boxes-pt-ce323012c4fbafa073bbabbacdd0dc8cd33ce57457818b67ba0a5c291281aae5b5d7361490116fe357ecd833b7d4bf1edf51348503de319b224084da0ef12fef.png") center no-repeat;
    background-size: contain; }
  .zh-tw .CTA-boxes {
    background: url("img/esports/open/boxes-tw-1e5a1c0bae3f7c98bd93c0fec21d0426ed67bcd6f6e92fa10345970e8daf52d52aa1c6939eee0db44e8d951678bd8e0424504c959e1aca924f47dcecea0fa1df.png") center no-repeat;
    background-size: contain; }
  .it-it .CTA-boxes,
  .pt-pt .CTA-boxes,
  .pl-pl .CTA-boxes,
  .fr-fr .CTA-boxes,
  .es-es .CTA-boxes,
  .en-gb .CTA-boxes {
    background: url("img/esports/open/boxes-eu-dc66d0346044e1893becb6acb39c44ae2082317f5a0a46242a90391dfd5bce9ec4ab4d6fa9ce88ab05653bbf1468032f1614ca5a72b46459fe7b5999ba26a9a3.png") center no-repeat;
    background-size: contain; }
  .de-de .CTA-boxes {
    background: url("img/esports/open/boxes-de-ee567a0007a2107792a4aeb7120cb2f4d861622d8cb5295f9c2e47a143ca7e1c4e14ee7759b3ca5e7e489c2a417a17d5d24b574253d422c7f395cf94d9f4f228.png") center no-repeat;
    background-size: contain; }

.CTA-callout {
  font-family: 'ConcourseT3', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  text-transform: uppercase;
  color: #27324a;
  margin: 0 auto;
  max-width: 70%; }
  @media only screen and (min-width: 768px) {
    .CTA-callout {
      font-size: 24px; } }

.CTA-button {
  max-width: 90%;
  margin: 10px; }
  @media only screen and (min-width: 768px) {
    .CTA-button {
      margin: 30px; } }

/*------------------------------------*\
    #FOOTER (OVERWRITE)
\*------------------------------------*/
body.overwatch-open .footer-prepurchase {
  display: none; }

body.overwatch-open .overwatch-footer::before {
  border: none; }

body.overwatch-open .overwatch-footer .content-box.m-tinyPad, body.overwatch-open .overwatch-footer .m-tinyPad.u-container-background, body.overwatch-open .overwatch-footer .m-tinyPad.u-container-background-cropped-mobile {
  padding-top: 40px;
  padding-bottom: 40px; }

/*------------------------------------*\
    #MODALS
\*------------------------------------*/
.ModalWrapper {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000; }
  .ModalWrapper.is-active {
    display: block; }
  .ModalWrapper::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: -1;
    opacity: 0.6; }

.Modal {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -40%, 0);
          transform: translate3d(-50%, -40%, 0);
  width: 100%;
  margin: 0 auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 0; }
  @media only screen and (min-width: 400px) {
    .Modal {
      width: 90%; } }
  @media only screen and (min-width: 768px) {
    .Modal {
      max-width: 620px; } }
  @media only screen and (min-width: 992px) {
    .Modal {
      max-width: 875px; } }
  .Modal.is-active {
    display: block; }
  .Modal.is-visible {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    @media only screen and (min-width: 768px) {
      .Modal.is-visible {
        -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
            -ms-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
                transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); } }
  @media only screen and (min-width: 992px) {
    .Modal--faceit {
      max-width: 1140px; } }

.Modal-modalHeader {
  background-color: #fbf9fb;
  padding: 20px 28px;
  width: 100%;
  text-align: left;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  text-transform: uppercase; }
  .Modal-modalHeader span {
    text-align: center;
    display: block;
    color: #0d0d0d;
    font-size: 18px; }
    @media only screen and (min-width: 768px) {
      .Modal-modalHeader span {
        font-size: 24px; } }

.Modal-modalContent {
  padding: 0;
  background-color: #e3e1e3;
  color: #5a5759;
  max-height: 70vh;
  overflow: auto;
  text-align: center;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px); }
  .Modal-modalContent h5, .Modal-modalContent p {
    color: #5a5759; }
  .Modal-modalContent img {
    max-width: 100%; }
  .Modal-modalContent p {
    padding: 0 54px; }
  .Modal-modalContent ul {
    color: #111; }
  .Modal-modalContent .GroupStage-cta {
    margin: 1em; }

.Modal-modalClose {
  border: none;
  background: transparent;
  outline: none;
  font-size: 20px;
  padding: 1.1em !important;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: auto !important;
  display: none; }
  @media only screen and (min-width: 768px) {
    .Modal-modalClose {
      display: block;
      font-size: 26px;
      padding: 1em !important; } }
  .Modal-modalClose:active, .Modal-modalClose:focus, .Modal-modalClose:hover {
    background: transparent; }

.Modal-modalClose--mobile {
  display: block;
  left: 0;
  right: auto; }
  .Modal-modalClose--mobile svg {
    width: 25px;
    height: 25px; }
  @media only screen and (min-width: 768px) {
    .Modal-modalClose--mobile {
      display: none; } }

.Modal-cta {
  padding: 20px;
  text-align: center;
  background-color: #fff; }
  .Modal-cta .Button--open {
    font-size: 16px; }
    @media only screen and (min-width: 768px) {
      .Modal-cta .Button--open {
        font-size: 20px; } }

.Modal-list {
  -webkit-column-count: 1;
          column-count: 1;
  padding: 1em 4em;
  display: inline-block;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .Modal-list {
      -webkit-column-count: 2;
      column-count: 2;
      padding: 1em 6em; } }
  @media only screen and (min-width: 992px) {
    .Modal-list {
      -webkit-column-count: 3;
      column-count: 3; } }
  .Modal-list li {
    position: relative;
    padding-left: 1em;
    padding-right: 1.5em;
    line-height: 1.5;
    color: #111;
    font-size: 18px;
    white-space: nowrap; }
    .Modal-list li::before {
      content: '';
      position: absolute;
      display: block;
      top: 8px;
      left: 0;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background-color: #111; }
  @media only screen and (min-width: 992px) {
    .Modal--faceit .Modal-list {
      -webkit-column-count: 2;
      column-count: 2; } }
  @media only screen and (min-width: 1180px) {
    .Modal--faceit .Modal-list {
      -webkit-column-count: 4;
      column-count: 4; } }

/*------------------------------------*\
    #SELECT2
\*------------------------------------*/
.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  max-width: 100%; }

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.Region-select-container {
  height: 42px;
  margin-bottom: 30px;
  position: relative; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left; }

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 90; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  /* Brisk overwrite */
  color: #444; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-transform: translateY(3px) scale(0.99);
      -ms-transform: translateY(3px) scale(0.99);
          transform: translateY(3px) scale(0.99); }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 2px solid #9fa0a2;
  border-radius: 2px; }
  .has-error .select2-container--default .select2-selection--single {
    border: 2px solid #f36e11; }
  .select2-container--default .select2-selection--single:hover {
    border: 2px solid #08abee; }

.select2-container--open.select2-container--default .select2-selection--single {
  border: 2px solid #08abee; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
  /* Brisk overwrite */
  line-height: 38px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  width: 42px;
  height: 60%;
  border-left: 1px solid #9fa0a2;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.select2-container--open.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  background-color: #08abee;
  border-left: none; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #9fa0a2 #9fa0a2;
  border-width: 0 0 1px 1px;
  border-style: solid;
  background-color: transparent;
  height: 8px;
  width: 8px;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -6px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff #fff;
  background-color: #08abee; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  /* Brisk overwrite */
  color: #444; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.u-center-block {
  display: table;
  margin-left: auto !important;
  margin-right: auto !important; }

.u-center-vertical-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center; }

.u-center-horizontal-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: center;
      align-content: center; }

.u-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

.u-vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.u-horizontal-center {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute; }

.u-center-mobile {
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 992px) {
    .u-center-mobile {
      margin-left: 0; } }

.u-align-center {
  text-align: center; }

.u-align-right {
  text-align: right; }

.u-align-left {
  text-align: left; }

.u-align-top {
  vertical-align: top; }

.u-align-middle {
  vertical-align: middle; }

.u-align-bottom {
  vertical-align: bottom; }

.u-align-baseline {
  vertical-align: baseline; }

.u-vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }

.u-horizontal-center {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .u-align-left\@xs {
    text-align: left; }
  .u-align-right\@xs {
    text-align: right; }
  .u-align-center\@xs {
    text-align: center; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .u-align-left\@sm {
    text-align: left; }
  .u-align-right\@sm {
    text-align: right; }
  .u-align-center\@sm {
    text-align: center; } }

@media only screen and (min-width: 400px) {
  .u-align-left\@sm-min {
    text-align: left; }
  .u-align-right\@sm-min {
    text-align: right; }
  .u-align-center\@sm-min {
    text-align: center; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .u-align-left\@md {
    text-align: left; }
  .u-align-right\@md {
    text-align: right; }
  .u-align-center\@md {
    text-align: center; } }

@media only screen and (min-width: 768px) {
  .u-align-left\@md-min {
    text-align: left; }
  .u-align-right\@md-min {
    text-align: right; }
  .u-align-center\@md-min {
    text-align: center; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .u-align-left\@lg {
    text-align: left; }
  .u-align-right\@lg {
    text-align: right; }
  .u-align-center\@lg {
    text-align: center; } }

@media only screen and (min-width: 992px) {
  .u-align-left\@lg-min {
    text-align: left; }
  .u-align-right\@lg-min {
    text-align: right; }
  .u-align-center\@lg-min {
    text-align: center; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .u-align-left\@xl {
    text-align: left; }
  .u-align-right\@xl {
    text-align: right; }
  .u-align-center\@xl {
    text-align: center; } }

@media only screen and (min-width: 1280px) {
  .u-align-left\@xl-min {
    text-align: left; }
  .u-align-right\@xl-min {
    text-align: right; }
  .u-align-center\@xl-min {
    text-align: center; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .u-align-left\@xxl {
    text-align: left; }
  .u-align-right\@xxl {
    text-align: right; }
  .u-align-center\@xxl {
    text-align: center; } }

@media only screen and (min-width: 1600px) {
  .u-align-left\@xxl-min {
    text-align: left; }
  .u-align-right\@xxl-min {
    text-align: right; }
  .u-align-center\@xxl-min {
    text-align: center; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .u-align-left\@xxxl {
    text-align: left; }
  .u-align-right\@xxxl {
    text-align: right; }
  .u-align-center\@xxxl {
    text-align: center; } }

@media only screen and (min-width: 2560px) {
  .u-align-left\@xxxl-min {
    text-align: left; }
  .u-align-right\@xxxl-min {
    text-align: right; }
  .u-align-center\@xxxl-min {
    text-align: center; } }

.u-bg-cover {
  background-size: cover; }

.u-bg-contain {
  background-size: contain; }

.u-bg-auto {
  background-size: auto; }

.u-bg-center {
  background-position: center; }

.u-bg-white, .u-white-background {
  background-color: #F6F6F6; }

.u-background-darken {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1; }

.u-border-glow {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer; }
  .u-border-glow:hover, .u-border-glow:focus {
    -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    border-color: white; }

.u-border-glow-soft {
  border: 3px solid rgba(255, 255, 255, 0);
  border-radius: 3px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer; }
  .u-border-glow-soft:hover, .u-border-glow-soft:focus {
    -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
    border-color: white; }

.u-border-separator, body.game .overview-section:not(li), body.game .abilities-section:not(li), body.game .match-section:not(li), body.game .progress-section:not(li), body.game .game-modes-section:not(li), body.game .friends-section:not(li) {
  border-bottom: 5px solid rgba(255, 255, 255, 0.5); }

.u-border-separator-duo {
  position: relative; }
  .u-border-separator-duo:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    border-top: 5px solid #4b5f6b;
    border-bottom: 5px solid #26353f;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 10; }

.u-accent-blue-text, .u-accent-blue-color {
  color: #00a0ea; }

.u-accent-blue-background {
  background-color: #00a0ea; }

.u-blue-dark-text, .u-blue-dark-color {
  color: #3c4860; }

.u-blue-dark-background {
  background-color: #3c4860; }

.u-blue-text, .u-blue-color {
  color: #405275; }

.u-blue-background {
  background-color: #405275; }

.u-blue-light-text, .u-blue-light-color {
  color: #9daac8; }

.u-blue-light-background {
  background-color: #9daac8; }

.u-blue-lighter-text, .u-blue-lighter-color {
  color: #c6cbde; }

.u-blue-lighter-background {
  background-color: #c6cbde; }

.u-blue-midnight-text, .u-blue-midnight-color {
  color: #00205d; }

.u-blue-midnight-background {
  background-color: #00205d; }

.u-cyan-text, .u-cyan-color {
  color: #00c3ff; }

.u-cyan-background {
  background-color: #00c3ff; }

.u-cyan-dark-text, .u-cyan-dark-color {
  color: #00a5e2; }

.u-cyan-dark-background {
  background-color: #00a5e2; }

.u-orange-text, .u-orange-color {
  color: #ff9c00; }

.u-orange-background {
  background-color: #ff9c00; }

.u-orange-light-text, .u-orange-light-color {
  color: #ffb033; }

.u-orange-light-background {
  background-color: #ffb033; }

.u-grey-light-text, .u-grey-light-color {
  color: #cccccc; }

.u-grey-light-background {
  background-color: #cccccc; }

.u-grey-text, .u-grey-color {
  color: #a1a1a1; }

.u-grey-background {
  background-color: #a1a1a1; }

.u-grey-dark-text, .u-grey-dark-color {
  color: #727272; }

.u-grey-dark-background {
  background-color: #727272; }

.u-black-text, .u-black-color {
  color: #333333; }

.u-black-background {
  background-color: #333333; }

.u-white-text, .u-white-color {
  color: #F6F6F6; }

.u-white-background {
  background-color: #F6F6F6; }

.u-true-white-text, .u-true-white-color {
  color: white; }

.u-true-white-background {
  background-color: white; }

.u-true-black-text, .u-true-black-color {
  color: black; }

.u-true-black-background {
  background-color: black; }

.u-shotcaller-orange-text, .u-shotcaller-orange-color {
  color: #F19512; }

.u-shotcaller-orange-background {
  background-color: #F19512; }

.u-teammate-purple-text, .u-teammate-purple-color {
  color: #C81AF5; }

.u-teammate-purple-background {
  background-color: #C81AF5; }

.u-sportsmanship-green-text, .u-sportsmanship-green-color {
  color: #40CE44; }

.u-sportsmanship-green-background {
  background-color: #40CE44; }

.u-plum-text, .u-plum-color {
  color: #33466C; }

.u-plum-background {
  background-color: #33466C; }

.u-container-full-width, .u-full-width-container, .u-container-background, .u-container-background-cropped-mobile {
  display: block;
  width: 100%;
  max-width: 100%; }

.u-container-max-width, .u-max-width-container, .u-container-nav-width, .u-nav-width-container {
  width: 100%;
  max-width: 1250px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .u-container-max-width, .u-max-width-container, .u-container-nav-width, .u-nav-width-container {
      padding-left: 30px;
      padding-right: 30px; } }

.u-container-nav-width, .u-nav-width-container {
  max-width: 1600px; }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .u-container-max-width\@xs, .u-max-width-container\@xs {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {
    .u-container-max-width\@xs, .u-max-width-container\@xs {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .u-container-nav-width\@xs, .u-nav-width-container\@xs {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 0px) and (max-width: 399px) and (min-width: 768px) {
    .u-container-nav-width\@xs, .u-nav-width-container\@xs {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .u-container-max-width\@sm, .u-max-width-container\@sm {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {
    .u-container-max-width\@sm, .u-max-width-container\@sm {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .u-container-nav-width\@sm, .u-nav-width-container\@sm {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) and (min-width: 768px) {
    .u-container-nav-width\@sm, .u-nav-width-container\@sm {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 400px) {
  .u-container-max-width\@sm-min, .u-max-width-container\@sm-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 400px) and (min-width: 768px) {
    .u-container-max-width\@sm-min, .u-max-width-container\@sm-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 400px) {
  .u-container-nav-width\@sm-min, .u-nav-width-container\@sm-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 400px) and (min-width: 768px) {
    .u-container-nav-width\@sm-min, .u-nav-width-container\@sm-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .u-container-max-width\@md, .u-max-width-container\@md {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
    .u-container-max-width\@md, .u-max-width-container\@md {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .u-container-nav-width\@md, .u-nav-width-container\@md {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) {
    .u-container-nav-width\@md, .u-nav-width-container\@md {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 768px) {
  .u-container-max-width\@md-min, .u-max-width-container\@md-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .u-container-max-width\@md-min, .u-max-width-container\@md-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 768px) {
  .u-container-nav-width\@md-min, .u-nav-width-container\@md-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .u-container-nav-width\@md-min, .u-nav-width-container\@md-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .u-container-max-width\@lg, .u-max-width-container\@lg {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {
    .u-container-max-width\@lg, .u-max-width-container\@lg {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .u-container-nav-width\@lg, .u-nav-width-container\@lg {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) and (min-width: 768px) {
    .u-container-nav-width\@lg, .u-nav-width-container\@lg {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 992px) {
  .u-container-max-width\@lg-min, .u-max-width-container\@lg-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 992px) and (min-width: 768px) {
    .u-container-max-width\@lg-min, .u-max-width-container\@lg-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 992px) {
  .u-container-nav-width\@lg-min, .u-nav-width-container\@lg-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 992px) and (min-width: 768px) {
    .u-container-nav-width\@lg-min, .u-nav-width-container\@lg-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .u-container-max-width\@xl, .u-max-width-container\@xl {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {
    .u-container-max-width\@xl, .u-max-width-container\@xl {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .u-container-nav-width\@xl, .u-nav-width-container\@xl {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) and (min-width: 768px) {
    .u-container-nav-width\@xl, .u-nav-width-container\@xl {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 1280px) {
  .u-container-max-width\@xl-min, .u-max-width-container\@xl-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 1280px) and (min-width: 768px) {
    .u-container-max-width\@xl-min, .u-max-width-container\@xl-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 1280px) {
  .u-container-nav-width\@xl-min, .u-nav-width-container\@xl-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 1280px) and (min-width: 768px) {
    .u-container-nav-width\@xl-min, .u-nav-width-container\@xl-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .u-container-max-width\@xxl, .u-max-width-container\@xxl {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {
    .u-container-max-width\@xxl, .u-max-width-container\@xxl {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .u-container-nav-width\@xxl, .u-nav-width-container\@xxl {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) and (min-width: 768px) {
    .u-container-nav-width\@xxl, .u-nav-width-container\@xxl {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 1600px) {
  .u-container-max-width\@xxl-min, .u-max-width-container\@xxl-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 1600px) and (min-width: 768px) {
    .u-container-max-width\@xxl-min, .u-max-width-container\@xxl-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 1600px) {
  .u-container-nav-width\@xxl-min, .u-nav-width-container\@xxl-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 1600px) and (min-width: 768px) {
    .u-container-nav-width\@xxl-min, .u-nav-width-container\@xxl-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .u-container-max-width\@xxxl, .u-max-width-container\@xxxl {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {
    .u-container-max-width\@xxxl, .u-max-width-container\@xxxl {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .u-container-nav-width\@xxxl, .u-nav-width-container\@xxxl {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) and (min-width: 768px) {
    .u-container-nav-width\@xxxl, .u-nav-width-container\@xxxl {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 2560px) {
  .u-container-max-width\@xxxl-min, .u-max-width-container\@xxxl-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto; } }
  @media only screen and (min-width: 2560px) and (min-width: 768px) {
    .u-container-max-width\@xxxl-min, .u-max-width-container\@xxxl-min {
      padding-left: 30px;
      padding-right: 30px; } }

@media only screen and (min-width: 2560px) {
  .u-container-nav-width\@xxxl-min, .u-nav-width-container\@xxxl-min {
    width: 100%;
    max-width: 1250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px; } }
  @media only screen and (min-width: 2560px) and (min-width: 768px) {
    .u-container-nav-width\@xxxl-min, .u-nav-width-container\@xxxl-min {
      padding-left: 30px;
      padding-right: 30px; } }

.u-container-background, .u-container-background-cropped-mobile {
  background-position: top center;
  background-size: cover; }

@media only screen and (max-width: 991px) {
  .u-container-background-cropped-mobile {
    background-position: bottom center;
    background-size: 991px; } }

.u-container-fitted, .u-fitted-container {
  display: block;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 100%; }
  .u-container-fitted-fill, .u-fitted-container-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: inherit;
    background-clip: inherit;
    background-position: inherit; }
  .u-container-fitted.m-image, .u-fitted-container.m-image {
    background-size: cover;
    background-clip: padding-box;
    background-position: center; }
  .u-container-fitted.m-2-1, .u-fitted-container.m-2-1 {
    padding-top: 50%; }
  .u-container-fitted.m-4-3, .u-fitted-container.m-4-3 {
    padding-top: 75%; }
  .u-container-fitted.m-16-9, .u-fitted-container.m-16-9 {
    padding-top: 56.25%; }
  .u-container-fitted.m-10-9, .u-fitted-container.m-10-9 {
    padding-top: 90%; }
  .u-container-fitted.m-20-9, .u-fitted-container.m-20-9 {
    padding-top: 45%; }
  @media only screen and (min-width: 0px) and (max-width: 399px) {
    .u-container-fitted.m-2-1\@xs, .u-fitted-container.m-2-1\@xs {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@xs, .u-fitted-container.m-4-3\@xs {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@xs, .u-fitted-container.m-16-9\@xs {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@xs, .u-fitted-container.m-10-9\@xs {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@xs, .u-fitted-container.m-20-9\@xs {
      padding-top: 45%; } }
  @media only screen and (min-width: 400px) and (max-width: 767px) {
    .u-container-fitted.m-2-1\@sm, .u-fitted-container.m-2-1\@sm {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@sm, .u-fitted-container.m-4-3\@sm {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@sm, .u-fitted-container.m-16-9\@sm {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@sm, .u-fitted-container.m-10-9\@sm {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@sm, .u-fitted-container.m-20-9\@sm {
      padding-top: 45%; } }
  @media only screen and (min-width: 400px) {
    .u-container-fitted.m-2-1\@sm-min, .u-fitted-container.m-2-1\@sm-min {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@sm-min, .u-fitted-container.m-4-3\@sm-min {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@sm-min, .u-fitted-container.m-16-9\@sm-min {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@sm-min, .u-fitted-container.m-10-9\@sm-min {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@sm-min, .u-fitted-container.m-20-9\@sm-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .u-container-fitted.m-2-1\@md, .u-fitted-container.m-2-1\@md {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@md, .u-fitted-container.m-4-3\@md {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@md, .u-fitted-container.m-16-9\@md {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@md, .u-fitted-container.m-10-9\@md {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@md, .u-fitted-container.m-20-9\@md {
      padding-top: 45%; } }
  @media only screen and (min-width: 768px) {
    .u-container-fitted.m-2-1\@md-min, .u-fitted-container.m-2-1\@md-min {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@md-min, .u-fitted-container.m-4-3\@md-min {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@md-min, .u-fitted-container.m-16-9\@md-min {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@md-min, .u-fitted-container.m-10-9\@md-min {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@md-min, .u-fitted-container.m-20-9\@md-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 992px) and (max-width: 1279px) {
    .u-container-fitted.m-2-1\@lg, .u-fitted-container.m-2-1\@lg {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@lg, .u-fitted-container.m-4-3\@lg {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@lg, .u-fitted-container.m-16-9\@lg {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@lg, .u-fitted-container.m-10-9\@lg {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@lg, .u-fitted-container.m-20-9\@lg {
      padding-top: 45%; } }
  @media only screen and (min-width: 992px) {
    .u-container-fitted.m-2-1\@lg-min, .u-fitted-container.m-2-1\@lg-min {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@lg-min, .u-fitted-container.m-4-3\@lg-min {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@lg-min, .u-fitted-container.m-16-9\@lg-min {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@lg-min, .u-fitted-container.m-10-9\@lg-min {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@lg-min, .u-fitted-container.m-20-9\@lg-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 1280px) and (max-width: 1599px) {
    .u-container-fitted.m-2-1\@xl, .u-fitted-container.m-2-1\@xl {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@xl, .u-fitted-container.m-4-3\@xl {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@xl, .u-fitted-container.m-16-9\@xl {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@xl, .u-fitted-container.m-10-9\@xl {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@xl, .u-fitted-container.m-20-9\@xl {
      padding-top: 45%; } }
  @media only screen and (min-width: 1280px) {
    .u-container-fitted.m-2-1\@xl-min, .u-fitted-container.m-2-1\@xl-min {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@xl-min, .u-fitted-container.m-4-3\@xl-min {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@xl-min, .u-fitted-container.m-16-9\@xl-min {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@xl-min, .u-fitted-container.m-10-9\@xl-min {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@xl-min, .u-fitted-container.m-20-9\@xl-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .u-container-fitted.m-2-1\@xxl, .u-fitted-container.m-2-1\@xxl {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@xxl, .u-fitted-container.m-4-3\@xxl {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@xxl, .u-fitted-container.m-16-9\@xxl {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@xxl, .u-fitted-container.m-10-9\@xxl {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@xxl, .u-fitted-container.m-20-9\@xxl {
      padding-top: 45%; } }
  @media only screen and (min-width: 1600px) {
    .u-container-fitted.m-2-1\@xxl-min, .u-fitted-container.m-2-1\@xxl-min {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@xxl-min, .u-fitted-container.m-4-3\@xxl-min {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@xxl-min, .u-fitted-container.m-16-9\@xxl-min {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@xxl-min, .u-fitted-container.m-10-9\@xxl-min {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@xxl-min, .u-fitted-container.m-20-9\@xxl-min {
      padding-top: 45%; } }
  @media only screen and (min-width: 2560px) and (max-width: 9999px) {
    .u-container-fitted.m-2-1\@xxxl, .u-fitted-container.m-2-1\@xxxl {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@xxxl, .u-fitted-container.m-4-3\@xxxl {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@xxxl, .u-fitted-container.m-16-9\@xxxl {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@xxxl, .u-fitted-container.m-10-9\@xxxl {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@xxxl, .u-fitted-container.m-20-9\@xxxl {
      padding-top: 45%; } }
  @media only screen and (min-width: 2560px) {
    .u-container-fitted.m-2-1\@xxxl-min, .u-fitted-container.m-2-1\@xxxl-min {
      padding-top: 50%; }
    .u-container-fitted.m-4-3\@xxxl-min, .u-fitted-container.m-4-3\@xxxl-min {
      padding-top: 75%; }
    .u-container-fitted.m-16-9\@xxxl-min, .u-fitted-container.m-16-9\@xxxl-min {
      padding-top: 56.25%; }
    .u-container-fitted.m-10-9\@xxxl-min, .u-fitted-container.m-10-9\@xxxl-min {
      padding-top: 90%; }
    .u-container-fitted.m-20-9\@xxxl-min, .u-fitted-container.m-20-9\@xxxl-min {
      padding-top: 45%; } }

.u-container-callout, .u-callout {
  padding: 12px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5); }

.u-container-box-shadow-inset, .u-box-shadow-inset {
  -webkit-box-shadow: inset 0 20px 20px -15px rgba(0, 0, 0, 0.4), inset 0 -20px 20px -15px rgba(0, 0, 0, 0.4);
          box-shadow: inset 0 20px 20px -15px rgba(0, 0, 0, 0.4), inset 0 -20px 20px -15px rgba(0, 0, 0, 0.4); }

.u-block {
  display: block; }

.u-inline-block {
  display: inline-block; }

[hidden] {
  display: none; }

.u-visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.u-slightly-transparent {
  opacity: 0.7; }

.u-magnifier, .u-video, .u-video_youtube, .u-pdf {
  position: relative; }

.u-magnifier:after, .u-video:after, .u-video_youtube:after, .u-pdf:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-position: center;
  background-repeat: no-repeat;
  background-image: none; }

.u-magnifier:hover:after {
  background-size: 20% auto;
  background-image: url("img/icons/magnifying-2ff3cfb86a74db635da585c7e2dcdbea8e05d0e04339444570a1bf37bb1039079f5ce1ee4fe262800d53f3931d4dc259346af9e89db689d653185e11e6604a94.png"); }

.u-video:after, .u-video_youtube:after {
  background-size: 13% auto;
  background-image: url("img/icons/youtube-btn-ylw-febe88da98cefc524ecddbfd48ebd65e818e470b1ece8e1926b854248ba4751d2f3309c69eb11f77e06b34e094bd28637a21fef12e2a95c3271013845f1d5e25.png"); }

.u-video:hover:after, .u-video_youtube:hover:after {
  background-image: url("img/icons/youtube-btn-wh-cd5fb684d0929b460aecbda8aad5db10c70dc6ea323ab2aafa3e07b1219133d4dd8afc8dfe1b056c13ba9ec671af446e8dce7f302d423308769eb144500c7c2f.png"); }

.u-pdf:hover:after {
  background-image: url("img/icons/pdf-c7d72c356b951bfac6052a77798af20a1d10f9b81e16b6660bbce3e702a3f9e92264546e469dec5e7831e3836fe6d734e85b8ac4e7b27d668848f8ad0274a824.png");
  background-size: 16% auto; }

.u-fill-white {
  fill: #F6F6F6; }

.u-fill-black {
  fill: #333333; }

.u-full-scale-image {
  background-size: cover;
  background-clip: padding-box;
  background-position: center; }

.u-clearfix::before, .u-clearfix::after, .clearfix::before, .clearfix::after {
  content: ' ';
  display: table;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.u-clearfix::after, .clearfix::after {
  clear: both; }

.u-absolute-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.u-fill-width {
  width: 100%; }

.u-fill-height {
  height: 100%; }

.u-fill {
  width: 100%;
  height: 100%; }

.u-float-left {
  float: left; }

.u-float-right {
  float: right; }

.u-nav-offset {
  padding-top: 48px; }
  @media only screen and (min-width: 992px) {
    .u-nav-offset {
      padding-top: 110px; } }

.u-column-vertical-center {
  float: none !important;
  display: table-cell;
  vertical-align: middle; }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .u-column-vertical-center\@xs {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .u-column-vertical-center\@sm {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 400px) {
  .u-column-vertical-center\@sm-min {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .u-column-vertical-center\@md {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 768px) {
  .u-column-vertical-center\@md-min {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .u-column-vertical-center\@lg {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 992px) {
  .u-column-vertical-center\@lg-min {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .u-column-vertical-center\@xl {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 1280px) {
  .u-column-vertical-center\@xl-min {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .u-column-vertical-center\@xxl {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 1600px) {
  .u-column-vertical-center\@xxl-min {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .u-column-vertical-center\@xxxl {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

@media only screen and (min-width: 2560px) {
  .u-column-vertical-center\@xxxl-min {
    float: none !important;
    display: table-cell;
    vertical-align: middle; } }

.u-no-transition {
  -webkit-transition: none;
  transition: none; }

.u-relative {
  position: relative; }

.u-absolute {
  position: absolute; }

.u-fixed {
  position: fixed; }

.u-anchor-bottom {
  position: absolute;
  bottom: 0; }

.u-uppercase {
  text-transform: uppercase; }

.u-lowercase {
  text-transform: lowercase; }

.u-bold {
  font-weight: bold; }

.u-normal {
  font-weight: normal; }

.u-italic, .u-italics {
  font-style: italic; }

.u-font-arial {
  font-family: "Arial", sans-serif; }

.u-font-futura {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-weight: 600; }

@media only screen and (min-width: 768px) {
  .u-font-large {
    font-size: 2rem; } }

.u-font-small {
  font-size: 1.28rem; }

.u-font-fine {
  font-size: 1.024rem; }

.u-invert, body.game .match-section:not(li) .side-tips-section-content h1, body.game .match-section:not(li) .side-tips-section-content h2, body.game .match-section:not(li) .side-tips-section-content h3, body.game .match-section:not(li) .side-tips-section-content h4, body.game .match-section:not(li) .side-tips-section-content h5, body.game .match-section:not(li) .side-tips-section-content h6 {
  color: #F6F6F6;
  fill: #F6F6F6; }

@media only screen and (min-width: 992px) {
  .u-invert\@lg-min {
    color: #F6F6F6;
    fill: #F6F6F6; } }

.u-limit-width {
  max-width: 40em; }

.u-subheading {
  font-family: "FuturaNo2D", "century gothic", arial, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  text-transform: none; }
  @media only screen and (min-width: 768px) {
    .u-subheading {
      font-size: 2.5rem; } }

.u-thin-heading {
  line-height: 0.9; }

body.ko-kr .u-bigNoodleToo {
  font-family: "Koverwatch", sans-serif; }

.u-bigNoodleToo {
  font-family: "Big Noodle Too", impact, sans-serif; }

.u-font-shadow {
  text-shadow: 1px 2px 3px rgba(51, 51, 51, 0.5); }

.u-text-shadow {
  text-shadow: 0 1px 2px black; }

.u-font-header-shadow, .u-font-dark-gradient {
  text-shadow: 1px 1px 3px rgba(60, 72, 96, 0.5); }

.u-font-dark-gradient {
  background: -webkit-linear-gradient(top, #3f6493 10%, #345177 100%);
  background-image: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.u-hideText {
  /*http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/*/
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: inline-block; }

.u-plainList {
  margin: 0;
  padding: 0;
  list-style: none; }

.u-bulletList {
  margin: 1em 0;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 20px;
  text-align: left; }
  .u-bulletList > li {
    margin: .5em 1em; }

.u-margin-top-sm {
  margin-top: 1rem; }

.u-margin-top-md {
  margin-top: 2rem; }

.u-margin-top-lg {
  margin-top: 4rem; }

.u-margin-bottom-sm {
  margin-bottom: 1rem; }

.u-margin-bottom-md {
  margin-bottom: 2rem; }

.u-margin-bottom-lg {
  margin-bottom: 4rem; }

.pad-xs {
  padding: 12px; }

.pad-sm {
  padding: 22px; }

.pad-md {
  padding: 32px; }

.pad-lg {
  padding: 45px; }

.pad-xl {
  padding: 60px; }

.margin-xs {
  margin: 12px; }

.margin-sm {
  margin: 22px; }

.margin-md {
  margin: 32px; }

.margin-lg {
  margin: 45px; }

.margin-xl {
  margin: 60px; }

.margin-6 {
  margin: 6px; }

.padding-6, .pad-6 {
  padding: 6px; }

.margin-12 {
  margin: 12px; }

.padding-12, .pad-12 {
  padding: 12px; }

.margin-18 {
  margin: 18px; }

.padding-18, .pad-18 {
  padding: 18px; }

.margin-24 {
  margin: 24px; }

.padding-24, .pad-24 {
  padding: 24px; }

.margin-30 {
  margin: 30px; }

.padding-30, .pad-30 {
  padding: 30px; }

.margin-36 {
  margin: 36px; }

.padding-36, .pad-36 {
  padding: 36px; }

.margin-42 {
  margin: 42px; }

.padding-42, .pad-42 {
  padding: 42px; }

.margin-48 {
  margin: 48px; }

.padding-48, .pad-48 {
  padding: 48px; }

.margin-54 {
  margin: 54px; }

.padding-54, .pad-54 {
  padding: 54px; }

.margin-60 {
  margin: 60px; }

.padding-60, .pad-60 {
  padding: 60px; }

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .margin-6\@xs {
    margin: 6px; }
  .padding-6\@xs, .pad-6\@xs {
    padding: 6px; }
  .margin-12\@xs {
    margin: 12px; }
  .padding-12\@xs, .pad-12\@xs {
    padding: 12px; }
  .margin-18\@xs {
    margin: 18px; }
  .padding-18\@xs, .pad-18\@xs {
    padding: 18px; }
  .margin-24\@xs {
    margin: 24px; }
  .padding-24\@xs, .pad-24\@xs {
    padding: 24px; }
  .margin-30\@xs {
    margin: 30px; }
  .padding-30\@xs, .pad-30\@xs {
    padding: 30px; }
  .margin-36\@xs {
    margin: 36px; }
  .padding-36\@xs, .pad-36\@xs {
    padding: 36px; }
  .margin-42\@xs {
    margin: 42px; }
  .padding-42\@xs, .pad-42\@xs {
    padding: 42px; }
  .margin-48\@xs {
    margin: 48px; }
  .padding-48\@xs, .pad-48\@xs {
    padding: 48px; }
  .margin-54\@xs {
    margin: 54px; }
  .padding-54\@xs, .pad-54\@xs {
    padding: 54px; }
  .margin-60\@xs {
    margin: 60px; }
  .padding-60\@xs, .pad-60\@xs {
    padding: 60px; } }

@media only screen and (min-width: 400px) and (max-width: 767px) {
  .margin-6\@sm {
    margin: 6px; }
  .padding-6\@sm, .pad-6\@sm {
    padding: 6px; }
  .margin-12\@sm {
    margin: 12px; }
  .padding-12\@sm, .pad-12\@sm {
    padding: 12px; }
  .margin-18\@sm {
    margin: 18px; }
  .padding-18\@sm, .pad-18\@sm {
    padding: 18px; }
  .margin-24\@sm {
    margin: 24px; }
  .padding-24\@sm, .pad-24\@sm {
    padding: 24px; }
  .margin-30\@sm {
    margin: 30px; }
  .padding-30\@sm, .pad-30\@sm {
    padding: 30px; }
  .margin-36\@sm {
    margin: 36px; }
  .padding-36\@sm, .pad-36\@sm {
    padding: 36px; }
  .margin-42\@sm {
    margin: 42px; }
  .padding-42\@sm, .pad-42\@sm {
    padding: 42px; }
  .margin-48\@sm {
    margin: 48px; }
  .padding-48\@sm, .pad-48\@sm {
    padding: 48px; }
  .margin-54\@sm {
    margin: 54px; }
  .padding-54\@sm, .pad-54\@sm {
    padding: 54px; }
  .margin-60\@sm {
    margin: 60px; }
  .padding-60\@sm, .pad-60\@sm {
    padding: 60px; } }

@media only screen and (min-width: 400px) {
  .margin-6\@sm-min {
    margin: 6px; }
  .padding-6\@sm-min, .pad-6\@sm-min {
    padding: 6px; }
  .margin-12\@sm-min {
    margin: 12px; }
  .padding-12\@sm-min, .pad-12\@sm-min {
    padding: 12px; }
  .margin-18\@sm-min {
    margin: 18px; }
  .padding-18\@sm-min, .pad-18\@sm-min {
    padding: 18px; }
  .margin-24\@sm-min {
    margin: 24px; }
  .padding-24\@sm-min, .pad-24\@sm-min {
    padding: 24px; }
  .margin-30\@sm-min {
    margin: 30px; }
  .padding-30\@sm-min, .pad-30\@sm-min {
    padding: 30px; }
  .margin-36\@sm-min {
    margin: 36px; }
  .padding-36\@sm-min, .pad-36\@sm-min {
    padding: 36px; }
  .margin-42\@sm-min {
    margin: 42px; }
  .padding-42\@sm-min, .pad-42\@sm-min {
    padding: 42px; }
  .margin-48\@sm-min {
    margin: 48px; }
  .padding-48\@sm-min, .pad-48\@sm-min {
    padding: 48px; }
  .margin-54\@sm-min {
    margin: 54px; }
  .padding-54\@sm-min, .pad-54\@sm-min {
    padding: 54px; }
  .margin-60\@sm-min {
    margin: 60px; }
  .padding-60\@sm-min, .pad-60\@sm-min {
    padding: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .margin-6\@md {
    margin: 6px; }
  .padding-6\@md, .pad-6\@md {
    padding: 6px; }
  .margin-12\@md {
    margin: 12px; }
  .padding-12\@md, .pad-12\@md {
    padding: 12px; }
  .margin-18\@md {
    margin: 18px; }
  .padding-18\@md, .pad-18\@md {
    padding: 18px; }
  .margin-24\@md {
    margin: 24px; }
  .padding-24\@md, .pad-24\@md {
    padding: 24px; }
  .margin-30\@md {
    margin: 30px; }
  .padding-30\@md, .pad-30\@md {
    padding: 30px; }
  .margin-36\@md {
    margin: 36px; }
  .padding-36\@md, .pad-36\@md {
    padding: 36px; }
  .margin-42\@md {
    margin: 42px; }
  .padding-42\@md, .pad-42\@md {
    padding: 42px; }
  .margin-48\@md {
    margin: 48px; }
  .padding-48\@md, .pad-48\@md {
    padding: 48px; }
  .margin-54\@md {
    margin: 54px; }
  .padding-54\@md, .pad-54\@md {
    padding: 54px; }
  .margin-60\@md {
    margin: 60px; }
  .padding-60\@md, .pad-60\@md {
    padding: 60px; } }

@media only screen and (min-width: 768px) {
  .margin-6\@md-min {
    margin: 6px; }
  .padding-6\@md-min, .pad-6\@md-min {
    padding: 6px; }
  .margin-12\@md-min {
    margin: 12px; }
  .padding-12\@md-min, .pad-12\@md-min {
    padding: 12px; }
  .margin-18\@md-min {
    margin: 18px; }
  .padding-18\@md-min, .pad-18\@md-min {
    padding: 18px; }
  .margin-24\@md-min {
    margin: 24px; }
  .padding-24\@md-min, .pad-24\@md-min {
    padding: 24px; }
  .margin-30\@md-min {
    margin: 30px; }
  .padding-30\@md-min, .pad-30\@md-min {
    padding: 30px; }
  .margin-36\@md-min {
    margin: 36px; }
  .padding-36\@md-min, .pad-36\@md-min {
    padding: 36px; }
  .margin-42\@md-min {
    margin: 42px; }
  .padding-42\@md-min, .pad-42\@md-min {
    padding: 42px; }
  .margin-48\@md-min {
    margin: 48px; }
  .padding-48\@md-min, .pad-48\@md-min {
    padding: 48px; }
  .margin-54\@md-min {
    margin: 54px; }
  .padding-54\@md-min, .pad-54\@md-min {
    padding: 54px; }
  .margin-60\@md-min {
    margin: 60px; }
  .padding-60\@md-min, .pad-60\@md-min {
    padding: 60px; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .margin-6\@lg {
    margin: 6px; }
  .padding-6\@lg, .pad-6\@lg {
    padding: 6px; }
  .margin-12\@lg {
    margin: 12px; }
  .padding-12\@lg, .pad-12\@lg {
    padding: 12px; }
  .margin-18\@lg {
    margin: 18px; }
  .padding-18\@lg, .pad-18\@lg {
    padding: 18px; }
  .margin-24\@lg {
    margin: 24px; }
  .padding-24\@lg, .pad-24\@lg {
    padding: 24px; }
  .margin-30\@lg {
    margin: 30px; }
  .padding-30\@lg, .pad-30\@lg {
    padding: 30px; }
  .margin-36\@lg {
    margin: 36px; }
  .padding-36\@lg, .pad-36\@lg {
    padding: 36px; }
  .margin-42\@lg {
    margin: 42px; }
  .padding-42\@lg, .pad-42\@lg {
    padding: 42px; }
  .margin-48\@lg {
    margin: 48px; }
  .padding-48\@lg, .pad-48\@lg {
    padding: 48px; }
  .margin-54\@lg {
    margin: 54px; }
  .padding-54\@lg, .pad-54\@lg {
    padding: 54px; }
  .margin-60\@lg {
    margin: 60px; }
  .padding-60\@lg, .pad-60\@lg {
    padding: 60px; } }

@media only screen and (min-width: 992px) {
  .margin-6\@lg-min {
    margin: 6px; }
  .padding-6\@lg-min, .pad-6\@lg-min {
    padding: 6px; }
  .margin-12\@lg-min {
    margin: 12px; }
  .padding-12\@lg-min, .pad-12\@lg-min {
    padding: 12px; }
  .margin-18\@lg-min {
    margin: 18px; }
  .padding-18\@lg-min, .pad-18\@lg-min {
    padding: 18px; }
  .margin-24\@lg-min {
    margin: 24px; }
  .padding-24\@lg-min, .pad-24\@lg-min {
    padding: 24px; }
  .margin-30\@lg-min {
    margin: 30px; }
  .padding-30\@lg-min, .pad-30\@lg-min {
    padding: 30px; }
  .margin-36\@lg-min {
    margin: 36px; }
  .padding-36\@lg-min, .pad-36\@lg-min {
    padding: 36px; }
  .margin-42\@lg-min {
    margin: 42px; }
  .padding-42\@lg-min, .pad-42\@lg-min {
    padding: 42px; }
  .margin-48\@lg-min {
    margin: 48px; }
  .padding-48\@lg-min, .pad-48\@lg-min {
    padding: 48px; }
  .margin-54\@lg-min {
    margin: 54px; }
  .padding-54\@lg-min, .pad-54\@lg-min {
    padding: 54px; }
  .margin-60\@lg-min {
    margin: 60px; }
  .padding-60\@lg-min, .pad-60\@lg-min {
    padding: 60px; } }

@media only screen and (min-width: 1280px) and (max-width: 1599px) {
  .margin-6\@xl {
    margin: 6px; }
  .padding-6\@xl, .pad-6\@xl {
    padding: 6px; }
  .margin-12\@xl {
    margin: 12px; }
  .padding-12\@xl, .pad-12\@xl {
    padding: 12px; }
  .margin-18\@xl {
    margin: 18px; }
  .padding-18\@xl, .pad-18\@xl {
    padding: 18px; }
  .margin-24\@xl {
    margin: 24px; }
  .padding-24\@xl, .pad-24\@xl {
    padding: 24px; }
  .margin-30\@xl {
    margin: 30px; }
  .padding-30\@xl, .pad-30\@xl {
    padding: 30px; }
  .margin-36\@xl {
    margin: 36px; }
  .padding-36\@xl, .pad-36\@xl {
    padding: 36px; }
  .margin-42\@xl {
    margin: 42px; }
  .padding-42\@xl, .pad-42\@xl {
    padding: 42px; }
  .margin-48\@xl {
    margin: 48px; }
  .padding-48\@xl, .pad-48\@xl {
    padding: 48px; }
  .margin-54\@xl {
    margin: 54px; }
  .padding-54\@xl, .pad-54\@xl {
    padding: 54px; }
  .margin-60\@xl {
    margin: 60px; }
  .padding-60\@xl, .pad-60\@xl {
    padding: 60px; } }

@media only screen and (min-width: 1280px) {
  .margin-6\@xl-min {
    margin: 6px; }
  .padding-6\@xl-min, .pad-6\@xl-min {
    padding: 6px; }
  .margin-12\@xl-min {
    margin: 12px; }
  .padding-12\@xl-min, .pad-12\@xl-min {
    padding: 12px; }
  .margin-18\@xl-min {
    margin: 18px; }
  .padding-18\@xl-min, .pad-18\@xl-min {
    padding: 18px; }
  .margin-24\@xl-min {
    margin: 24px; }
  .padding-24\@xl-min, .pad-24\@xl-min {
    padding: 24px; }
  .margin-30\@xl-min {
    margin: 30px; }
  .padding-30\@xl-min, .pad-30\@xl-min {
    padding: 30px; }
  .margin-36\@xl-min {
    margin: 36px; }
  .padding-36\@xl-min, .pad-36\@xl-min {
    padding: 36px; }
  .margin-42\@xl-min {
    margin: 42px; }
  .padding-42\@xl-min, .pad-42\@xl-min {
    padding: 42px; }
  .margin-48\@xl-min {
    margin: 48px; }
  .padding-48\@xl-min, .pad-48\@xl-min {
    padding: 48px; }
  .margin-54\@xl-min {
    margin: 54px; }
  .padding-54\@xl-min, .pad-54\@xl-min {
    padding: 54px; }
  .margin-60\@xl-min {
    margin: 60px; }
  .padding-60\@xl-min, .pad-60\@xl-min {
    padding: 60px; } }

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .margin-6\@xxl {
    margin: 6px; }
  .padding-6\@xxl, .pad-6\@xxl {
    padding: 6px; }
  .margin-12\@xxl {
    margin: 12px; }
  .padding-12\@xxl, .pad-12\@xxl {
    padding: 12px; }
  .margin-18\@xxl {
    margin: 18px; }
  .padding-18\@xxl, .pad-18\@xxl {
    padding: 18px; }
  .margin-24\@xxl {
    margin: 24px; }
  .padding-24\@xxl, .pad-24\@xxl {
    padding: 24px; }
  .margin-30\@xxl {
    margin: 30px; }
  .padding-30\@xxl, .pad-30\@xxl {
    padding: 30px; }
  .margin-36\@xxl {
    margin: 36px; }
  .padding-36\@xxl, .pad-36\@xxl {
    padding: 36px; }
  .margin-42\@xxl {
    margin: 42px; }
  .padding-42\@xxl, .pad-42\@xxl {
    padding: 42px; }
  .margin-48\@xxl {
    margin: 48px; }
  .padding-48\@xxl, .pad-48\@xxl {
    padding: 48px; }
  .margin-54\@xxl {
    margin: 54px; }
  .padding-54\@xxl, .pad-54\@xxl {
    padding: 54px; }
  .margin-60\@xxl {
    margin: 60px; }
  .padding-60\@xxl, .pad-60\@xxl {
    padding: 60px; } }

@media only screen and (min-width: 1600px) {
  .margin-6\@xxl-min {
    margin: 6px; }
  .padding-6\@xxl-min, .pad-6\@xxl-min {
    padding: 6px; }
  .margin-12\@xxl-min {
    margin: 12px; }
  .padding-12\@xxl-min, .pad-12\@xxl-min {
    padding: 12px; }
  .margin-18\@xxl-min {
    margin: 18px; }
  .padding-18\@xxl-min, .pad-18\@xxl-min {
    padding: 18px; }
  .margin-24\@xxl-min {
    margin: 24px; }
  .padding-24\@xxl-min, .pad-24\@xxl-min {
    padding: 24px; }
  .margin-30\@xxl-min {
    margin: 30px; }
  .padding-30\@xxl-min, .pad-30\@xxl-min {
    padding: 30px; }
  .margin-36\@xxl-min {
    margin: 36px; }
  .padding-36\@xxl-min, .pad-36\@xxl-min {
    padding: 36px; }
  .margin-42\@xxl-min {
    margin: 42px; }
  .padding-42\@xxl-min, .pad-42\@xxl-min {
    padding: 42px; }
  .margin-48\@xxl-min {
    margin: 48px; }
  .padding-48\@xxl-min, .pad-48\@xxl-min {
    padding: 48px; }
  .margin-54\@xxl-min {
    margin: 54px; }
  .padding-54\@xxl-min, .pad-54\@xxl-min {
    padding: 54px; }
  .margin-60\@xxl-min {
    margin: 60px; }
  .padding-60\@xxl-min, .pad-60\@xxl-min {
    padding: 60px; } }

@media only screen and (min-width: 2560px) and (max-width: 9999px) {
  .margin-6\@xxxl {
    margin: 6px; }
  .padding-6\@xxxl, .pad-6\@xxxl {
    padding: 6px; }
  .margin-12\@xxxl {
    margin: 12px; }
  .padding-12\@xxxl, .pad-12\@xxxl {
    padding: 12px; }
  .margin-18\@xxxl {
    margin: 18px; }
  .padding-18\@xxxl, .pad-18\@xxxl {
    padding: 18px; }
  .margin-24\@xxxl {
    margin: 24px; }
  .padding-24\@xxxl, .pad-24\@xxxl {
    padding: 24px; }
  .margin-30\@xxxl {
    margin: 30px; }
  .padding-30\@xxxl, .pad-30\@xxxl {
    padding: 30px; }
  .margin-36\@xxxl {
    margin: 36px; }
  .padding-36\@xxxl, .pad-36\@xxxl {
    padding: 36px; }
  .margin-42\@xxxl {
    margin: 42px; }
  .padding-42\@xxxl, .pad-42\@xxxl {
    padding: 42px; }
  .margin-48\@xxxl {
    margin: 48px; }
  .padding-48\@xxxl, .pad-48\@xxxl {
    padding: 48px; }
  .margin-54\@xxxl {
    margin: 54px; }
  .padding-54\@xxxl, .pad-54\@xxxl {
    padding: 54px; }
  .margin-60\@xxxl {
    margin: 60px; }
  .padding-60\@xxxl, .pad-60\@xxxl {
    padding: 60px; } }

@media only screen and (min-width: 2560px) {
  .margin-6\@xxxl-min {
    margin: 6px; }
  .padding-6\@xxxl-min, .pad-6\@xxxl-min {
    padding: 6px; }
  .margin-12\@xxxl-min {
    margin: 12px; }
  .padding-12\@xxxl-min, .pad-12\@xxxl-min {
    padding: 12px; }
  .margin-18\@xxxl-min {
    margin: 18px; }
  .padding-18\@xxxl-min, .pad-18\@xxxl-min {
    padding: 18px; }
  .margin-24\@xxxl-min {
    margin: 24px; }
  .padding-24\@xxxl-min, .pad-24\@xxxl-min {
    padding: 24px; }
  .margin-30\@xxxl-min {
    margin: 30px; }
  .padding-30\@xxxl-min, .pad-30\@xxxl-min {
    padding: 30px; }
  .margin-36\@xxxl-min {
    margin: 36px; }
  .padding-36\@xxxl-min, .pad-36\@xxxl-min {
    padding: 36px; }
  .margin-42\@xxxl-min {
    margin: 42px; }
  .padding-42\@xxxl-min, .pad-42\@xxxl-min {
    padding: 42px; }
  .margin-48\@xxxl-min {
    margin: 48px; }
  .padding-48\@xxxl-min, .pad-48\@xxxl-min {
    padding: 48px; }
  .margin-54\@xxxl-min {
    margin: 54px; }
  .padding-54\@xxxl-min, .pad-54\@xxxl-min {
    padding: 54px; }
  .margin-60\@xxxl-min {
    margin: 60px; }
  .padding-60\@xxxl-min, .pad-60\@xxxl-min {
    padding: 60px; } }

.margin-no-sides {
  margin-left: 0;
  margin-right: 0; }

.margin-only-sides {
  margin-top: 0;
  margin-bottom: 0; }

.margin-only-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0; }

.margin-only-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0; }

.margin-only-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0; }

.margin-only-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0; }

.padding-no-sides, .pad-no-sides {
  padding-left: 0;
  padding-right: 0; }

.padding-only-sides, .pad-only-sides {
  padding-top: 0;
  padding-bottom: 0; }

.padding-only-top, .pad-only-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0; }

.padding-only-bottom, .pad-only-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0; }

.padding-only-left, .pad-only-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0; }

.padding-only-right, .pad-only-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0; }

.margin-0 {
  margin: 0; }

.padding-0, .pad-0 {
  padding: 0; }

.u-spacer {
  margin-top: 6px;
  margin-bottom: 6px; }

.u-spacer-sides {
  margin-left: 6px;
  margin-right: 6px; }

.is-fullscreen video {
  display: block; }

.is-hidden {
  display: none; }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .Navbar .Navbar-toast {
    bottom: auto;
    top: 50%; } }

@media only screen and (min-width: 1280px) {
  .Navbar .Navbar-toast {
    position: absolute;
    bottom: auto;
    top: 110px; } }

@media only screen and (min-width: 992px) and (max-width: 1279px) {
  .Navbar .Navbar-toastContainer {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); } }

/*# sourceMappingURL=overwatch-site.css.map */

{"version":3,"sources":["styleguide.scss"],"names":[],"mappings":"AAMI;EAFJ;IAIY,YAAW,EACd,EAAA;;AALT;EASQ,gBAAe;EACf,WAAU;EACV,YAAW;EACX,yBAAgB;MAAhB,qBAAgB;UAAhB,iBAAgB;EAChB,aAAY;EACZ,iBAAgB;EAChB,kBAAiB,EACpB;;AAhBL;EAuBQ,gBAAe,EAClB;;AAxBL;EA2BQ,gBAAe,EAClB;;AA5BL;EA+BQ,gBAAe,EAClB;;AAhCL;EAmCQ,0BAAyB;EACzB,aAAY;EACZ,aAAY,EAMf;EA3CL;IAwCY,sBAAqB;IACrB,0BAAyB,EAC5B;;AA1CT;EA8CQ,mBAAkB,EACrB","file":"styleguide.css","sourcesContent":[".styleguide, .styleguide * {\n    // font-family: 'Roboto';\n}\n\n.styleguide {\n\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n        img[src*=\".svg\"] {\n            width: 100%;\n        }\n    }\n\n    .img-responsive.u-center {\n        position: unset;\n        top: unset;\n        left: unset;\n        transform: unset;\n        margin: auto;\n        max-width: 330px;\n        max-height: 152px;\n    }\n\n    // TODO\n    // styleguide rem is base on 20px;\n    // overwatch-ui is base on 10px;\n\n    .u-ui1 {\n        font-size: 32px; // 2rem @ 16px;\n    }\n\n    .u-ui3 {\n        font-size: 20px; // 1.25rem;\n    }\n\n    .Button {\n        font-size: 14px; //.875rem;\n    }\n\n    .Button--primary {\n        background-color: #ff9c00;\n        color: white;\n        border: none;\n\n        &:hover {\n            border-color: #ffb033;\n            background-color: #ffb033;\n        }\n    }\n\n    .u-flex-grow-only .u-horizontalPadding {\n        position: relative;\n    }\n}\n"]}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .styleguide img[src*=".svg"] {
    width: 100%; } }

.styleguide .img-responsive.u-center {
  position: unset;
  top: unset;
  left: unset;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
  margin: auto;
  max-width: 330px;
  max-height: 152px; }

.styleguide .u-ui1 {
  font-size: 32px; }

.styleguide .u-ui3 {
  font-size: 20px; }

.styleguide .Button {
  font-size: 14px; }

.styleguide .Button--primary {
  background-color: #ff9c00;
  color: white;
  border: none; }
  .styleguide .Button--primary:hover {
    border-color: #ffb033;
    background-color: #ffb033; }

.styleguide .u-flex-grow-only .u-horizontalPadding {
  position: relative; }

/*# sourceMappingURL=styleguide.css.map */