/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
  line-height: 1.15;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
progress {
  vertical-align: baseline;
}
[hidden],
template {
  display: none;
}
a {
  -webkit-text-decoration-skip: objects;
  background-color: transparent;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
figure {
  margin: 1em 2.5rem;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}
optgroup {
  font-weight: 700;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 0.0625rem dotted ButtonText;
}
fieldset {
  border: 0.0625rem solid silver;
  margin: 0 0.125rem;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -0.125rem;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.grid-parent {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 90rem;
  position: relative;
  width: 90%;
}
.grid-row {
  box-sizing: border-box;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0.3125rem, 1fr));
  margin-left: 1rem;
  margin-right: 1rem;
}
.mainBox {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto;
}

.box1 {
  flex: 1;
  display: flex;
  align-items: center;
  height: 40px;
}

.box2 {
  flex: 1;
  display: flex;
  justify-content: end;
  align-items: center;
}

@media (min-width: 600px) {
  .grid-row {
    -moz-column-gap: 0.9375rem;
    column-gap: 0.9375rem;
    grid-template-columns: repeat(11, minmax(0.3125rem, 1fr));
    margin-left: 2rem;
    margin-right: 2rem;
  }
  
}
@media (min-width: 1024px) {
  .grid-row {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (min-width: 1441px) {
  .grid-row {
    -moz-column-gap: 1.6875rem;
    column-gap: 1.6875rem;
    margin-left: 5rem;
    margin-right: 5rem;
  }
}
@media (max-width: 599px) {
  .grid-row--full-bleed-sm {
    margin-left: 0;
    margin-right: 0;
  }
}
.market-selector-modal__title,
.page-section__subtitle,
.related-content-drawer__subheader,
.related-content-drawer__toggle-heading,
h1,
h2,
h3,
h4,
h5 {
  color: #212121;
  font-family: Google Sans, arial, sans-serif;
  font-weight: 400;
}
.market-selector-modal__title:lang(zh-hant),
.page-section__subtitle:lang(zh-hant),
.related-content-drawer__subheader:lang(zh-hant),
.related-content-drawer__toggle-heading:lang(zh-hant),
h1:lang(zh-hant),
h2:lang(zh-hant),
h3:lang(zh-hant),
h4:lang(zh-hant),
h5:lang(zh-hant) {
  font-family: Google Sans, Noto Sans TC, arial, sans-serif;
}
.market-selector-modal__title:lang(ko-kr),
.page-section__subtitle:lang(ko-kr),
.related-content-drawer__subheader:lang(ko-kr),
.related-content-drawer__toggle-heading:lang(ko-kr),
h1:lang(ko-kr),
h2:lang(ko-kr),
h3:lang(ko-kr),
h4:lang(ko-kr),
h5:lang(ko-kr) {
  font-family: Google Sans, Noto Sans KR, sans-serif;
}
.market-selector-modal__title:lang(ja-jp),
.page-section__subtitle:lang(ja-jp),
.related-content-drawer__subheader:lang(ja-jp),
.related-content-drawer__toggle-heading:lang(ja-jp),
h1:lang(ja-jp),
h2:lang(ja-jp),
h3:lang(ja-jp),
h4:lang(ja-jp),
h5:lang(ja-jp) {
  font-family: Google Sans, Noto Sans JP, sans-serif;
}
.market-selector-modal__title,
.page-section__subtitle,
.related-content-drawer__subheader,
.related-content-drawer__toggle-heading,
h2,
h3,
h4 {
  letter-spacing: 0;
}
h1 {
  font-size: 2rem;
  letter-spacing: -0.02063rem;
  line-height: 2.5rem;
}
@media (min-width: 600px) {
  h1 {
    font-size: 2.25rem;
    letter-spacing: -0.02563rem;
    line-height: 2.75rem;
  }
}
@media (max-width: 800px) {
  .mainBox {
    flex-direction: column;
    padding-top: 20px;
  }
  
  .grid-parent {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 90rem;
  position: relative;
  width: 100%;
}
  .box1,
  .box2 {
    flex: none;
    width: 100%;
    justify-content: flex-start;
  }
}
@media (min-width: 1024px) {
  h1 {
    font-size: 2.75rem;
    letter-spacing: -0.03125rem;
    line-height: 3.25rem;
  }
}
h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 600px) {
  h2 {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}
@media (min-width: 1024px) {
  h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.market-selector-modal__title,
.page-section__subtitle,
.related-content-drawer__toggle-heading,
h3 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.related-content-drawer__subheader,
h4 {
  letter-spacing: 0.00625rem;
  line-height: 1.5rem;
}
@media (min-width: 600px) {
  .related-content-drawer__subheader,
  h4 {
    font-size: 1rem;
  }
}
h5 {
  font-size: 0.875rem;
  letter-spacing: 0.00563rem;
  line-height: 1.25rem;
}
.collapsible__trigger,
.external-link,
.gated-content-modal__cta,
.market-selector-footer__button,
.related-content__next-article-link,
.video-badge {
  font-family: Google Sans, arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.collapsible__trigger,
.external-link,
.gated-content-modal__cta,
.related-content__next-article-link,
.video-badge {
  color: #14B396;
}
.collapsible__trigger:lang(zh-hant),
.external-link:lang(zh-hant),
.gated-content-modal__cta:lang(zh-hant),
.related-content__next-article-link:lang(zh-hant),
.video-badge:lang(zh-hant) {
  font-family: Google Sans, Noto Sans TC, arial, sans-serif;
}
.collapsible__trigger:lang(ko-kr),
.external-link:lang(ko-kr),
.gated-content-modal__cta:lang(ko-kr),
.related-content__next-article-link:lang(ko-kr),
.video-badge:lang(ko-kr) {
  font-family: Google Sans, Noto Sans KR, sans-serif;
}
.collapsible__trigger:lang(ja-jp),
.external-link:lang(ja-jp),
.gated-content-modal__cta:lang(ja-jp),
.related-content__next-article-link:lang(ja-jp),
.video-badge:lang(ja-jp) {
  font-family: Google Sans, Noto Sans JP, sans-serif;
}
.collapsible__trigger:focus,
.collapsible__trigger:hover,
.external-link:focus,
.external-link:hover,
.gated-content-modal__cta:focus,
.gated-content-modal__cta:hover,
.market-selector-footer__button:focus,
.market-selector-footer__button:hover,
.related-content__next-article-link:focus,
.related-content__next-article-link:hover,
.video-badge:focus,
.video-badge:hover {
  color: #174ea6;
}
.locale-select {
  font-family: Google Sans, arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.2;
  line-height: 1.25rem;
}
.locale-select:lang(zh-hant) {
  font-family: Google Sans, Noto Sans TC, arial, sans-serif;
}
.locale-select:lang(ko-kr) {
  font-family: Google Sans, Noto Sans KR, sans-serif;
}
.locale-select:lang(ja-jp) {
  font-family: Google Sans, Noto Sans JP, sans-serif;
}
.collapsible__trigger-label--is-hidden,
.visually-hidden {
  clip: rect(0 0 0 0);
  border: 0;
  height: 0.0625rem;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0625rem;
}
@media (forced-colors: active), screen and (prefers-contrast: more) {
  .gated-content-modal__wrapper,
  .market-selector-modal__content,
  .related-content-drawer {
    border: 0.0625rem solid;
  }
}
html {
  box-sizing: border-box;
  font-size: 1rem;
}
*,
:after,
:before {
  box-sizing: inherit;
}
:not(input):focus {
  outline: thin dotted;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #3c4043;
  /* font-family: Roboto, sans-serif; */
  font-family: General Sans, sans-serif;
  letter-spacing: 0.00688rem;
  line-height: 1.75rem;
  overflow-x: hidden;
}
@media (min-width: 600px) {
  body {
    font-size: 1.125rem;
  }
}
body:lang(zh-hant) {
  font-family: Roboto, Noto Sans TC, arial, sans-serif;
}
body:lang(ko-kr) {
  font-family: Roboto, Noto Sans KR, sans-serif;
}
body:lang(ja-jp) {
  font-family: Roboto, Noto Sans JP, sans-serif;
}
body:before {
  display: none;
}
@media (min-width: 1025px) {
  body:before {
    content: "desktop";
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  body:before {
    content: "tablet";
  }
}
@media (min-width: 320px) and (max-width: 480px),
  (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
  body:before {
    content: "mobile";
  }
}
a,
a:hover,
a:visited {
  outline: none;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #174ea6;
}
blockquote {
  color: #4caf50;
  font-family: Google Sans, arial, sans-serif;
  font-size: 1.625rem;
  font-weight: 300;
  letter-spacing: -0.00625rem;
  line-height: 1.3;
  margin: 0.9em 0;
}
@media (min-width: 600px) {
  blockquote {
    font-size: 2.0625rem;
  }
}
@media (min-width: 1024px) {
  blockquote {
    font-size: 2.4375rem;
  }
}
blockquote:lang(zh-hant) {
  font-family: Google Sans, Noto Sans TC, arial, sans-serif;
}
blockquote:lang(ko-kr) {
  font-family: Google Sans, Noto Sans KR, sans-serif;
}
blockquote:lang(ja-jp) {
  font-family: Google Sans, Noto Sans JP, sans-serif;
}
button {
  background: none;
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
button[type="button"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#main-content {
  flex-grow: 1;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
  -webkit-transition-delay: 9999s;
}
input::-moz-placeholder {
  line-height: normal;
}
input::placeholder {
  line-height: normal;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
select option {
  background-color: #fff;
  color: #212121;
}
.svg-manifest {
  height: 0;
  position: absolute;
  visibility: hidden;
  width: 0;
}
.cjk-title-wrap {
  display: inline-block;
}
.cjk-title-wrap-ko-kr {
  word-break: keep-all;
}
.picture-image,
.video__container {
  display: block;
  overflow: hidden;
  position: relative;
}
.video__container {
  transform: translateZ(0);
}
.picture-image img,
.video__container video {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: fill;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
html.lock-scroll,
html.lock-scroll body {
  overflow: hidden;
}
html.lock-scroll .app-content > .twgn-sub-header {
  left: 0;
  position: fixed;
  right: 0;
}
.app-content.secondary-spacing,
.modal--fullwidth .modal__mask.secondary-spacing {
  padding-top: 3.75rem;
}
@media (min-width: 600px) {
  .app-content.secondary-spacing,
  .modal--fullwidth .modal__mask.secondary-spacing {
    padding-top: 4rem;
  }
}
.app-content.tertiary-spacing,
.modal--fullwidth .modal__mask.tertiary-spacing {
  padding-top: 3.75rem;
}
@media (min-width: 600px) {
  .app-content.tertiary-spacing,
  .modal--fullwidth .modal__mask.tertiary-spacing {
    padding-top: 4rem;
  }
}
@media (min-width: 1024px) {
  .app-content.tertiary-spacing,
  .modal--fullwidth .modal__mask.tertiary-spacing {
    padding-top: 4.75rem;
  }
}
.scroll-behavior--smooth {
  scroll-behavior: smooth;
}
.glue-cookie-notification-bar {
  z-index: 10000;
}
.collapsible__trigger {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-decoration: none;
  width: 100%;
}
.collapsible__trigger:not(:focus-visible) {
  outline: none;
}
.collapsible__trigger-aria-label {
  left: -100vw;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: -100vh;
  visibility: hidden;
}
.collapsible__trigger-content {
  flex: 1;
}
.collapsible__trigger-icon {
  height: 0.625rem;
  margin: 0 0.625rem 0 0;
  position: relative;
  width: 1.4375rem;
}
.collapsible__trigger-icon:after,
.collapsible__trigger-icon:before {
  background: #14B396;
  content: "";
  height: 0.6875rem;
  position: absolute;
  transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1);
  width: 0.1875rem;
}
@media (forced-colors: active), screen and (prefers-contrast: more) {
  .collapsible__trigger-icon:after,
  .collapsible__trigger-icon:before {
    border-style: solid;
  }
}
@supports (-moz-appearance: none) {
  .collapsible__trigger-icon:after,
  .collapsible__trigger-icon:before {
    border-width: 0.0625rem;
  }
}
@media not all and (-webkit-min-device-pixel-ratio: 0),
  not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .collapsible__trigger-icon:after,
    .collapsible__trigger-icon:before {
      border-style: unset;
    }
  }
}
.collapsible__trigger-icon:before {
  right: 0.625rem;
  transform: rotate(45deg);
}
.collapsible__trigger-icon:after {
  right: 1rem;
  transform: rotate(-45deg);
}
.collapsible__trigger-icon--expanded:before {
  transform: rotate(-45deg);
}
.collapsible__trigger-icon--expanded:after {
  transform: rotate(45deg);
}
.collapsible__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.collapsible__content--hidden {
  max-height: 0;
}
.lazyload {
  opacity: 0;
}
.lazyload--background {
  background-position: 50%;
  background-size: cover;
}
.lazyload--loaded {
  transition: opacity 0.6s ease-out;
}
.gated-content-modal {
  background-color: #fff;
  border: 0.0625rem solid #eee;
  border-radius: 0.625rem;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
  line-height: normal;
}
.gated-content-modal__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 2.5rem 1.5rem 2rem;
}
@media (min-width: 600px) {
  .gated-content-modal__content {
    padding: 1.875rem 2rem;
  }
}
.gated-content-modal__title {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.03125rem;
  line-height: 1.875rem;
  margin: 0 0 1.5rem;
  text-align: center;
}
@media (min-width: 600px) {
  .gated-content-modal__title {
    margin: 0 0.375rem 2rem;
  }
}
.gated-content-modal__video {
  height: 9.28125rem;
  margin-bottom: 0;
  width: 16.5rem;
}
.gated-content-modal__video > .video_animation {
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 600px) {
  .gated-content-modal__video {
    height: 12.25rem;
    width: 19rem;
  }
}
.gated-content-modal__wrapper {
  height: 2rem;
  overflow: hidden;
}
.gated-content-modal__container-second {
  margin: 0;
}
.gated-content-modal__container-second .twgl-button {
  min-width: 12.9375rem;
}
.gated-content-modal__copy,
.gated-content-modal__eyebrow {
  font-family: Google Sans, arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  text-align: center;
}
.gated-content-modal__copy {
  margin: 1.5rem 0;
}
@media (min-width: 600px) {
  .gated-content-modal__copy {
    margin: 2rem 0;
  }
}
.gated-content-modal__eyebrow {
  margin: 1.5rem 0.625rem 0;
}
@media (min-width: 600px) {
  .gated-content-modal__eyebrow {
    margin: 2rem 0 0;
    width: 16.125rem;
  }
}
.modal.modal--fixed-width .modal__mask {
  background: linear-gradient(180deg, transparent, #eee 71.22%, #eee);
}
.modal {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 60;
}
.modal--fixed-width {
  z-index: 9;
}
.modal__content {
  text-align: left;
}
.modal--show {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.modal--hidden {
  pointer-events: none;
  visibility: hidden;
}
.modal__content {
  height: 100%;
}
.modal__mask {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 61;
}
.modal--fixed-width .modal__mask {
  top: 4rem;
}
@media (min-width: 600px) {
  .modal--fixed-width .modal__mask {
    top: 8rem;
  }
}
.modal--fullwidth .modal__mask {
  align-items: center;
  display: flex;
  height: calc(100vh - 4rem);
  justify-content: center;
  margin-top: 4rem;
}
.modal__bottom-spacer {
  height: 4rem;
  width: 100%;
}
.modal__content-container {
  left: 50%;
  margin-bottom: 1rem;
  max-height: 100%;
  position: absolute;
  top: 1rem;
  transform: translate(-50%) scale(1.1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: calc(100% - 2rem);
}
@media (min-width: 600px) {
  .modal__content-container {
    top: 50%;
    transform: translate(-50%, -50%) scale(1.1);
    width: 35.5rem;
  }
}
@media (min-width: 1024px) {
  .modal__content-container {
    width: 48.75rem;
  }
}
.modal--fullwidth.modal--show .modal__content-container {
  bottom: auto;
  height: calc(100vh - 10.25rem);
  left: auto;
  margin-bottom: 0;
  max-height: 19.6875rem;
  position: relative;
  right: auto;
  top: auto;
  transform: none;
  transition: none;
}
@media (min-width: 600px) {
  .modal--fullwidth.modal--show .modal__content-container {
    max-width: 82rem;
    width: calc(100% - 8rem);
  }
}
@media (min-width: 768px) {
  .modal--fullwidth.modal--show .modal__content-container {
    max-height: 25.625rem;
  }
}
@media (min-width: 1024px) {
  .modal--fullwidth.modal--show .modal__content-container {
    max-height: 26rem;
    max-width: 41.8125rem;
  }
}
@media (min-width: 1441px) {
  .modal--fullwidth.modal--show .modal__content-container {
    max-height: 37rem;
    max-width: 61.5625rem;
  }
}
.modal--market-selector .modal__content-container {
  max-width: 50rem;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.1);
}
@media (min-width: 600px) {
  .modal--market-selector .modal__content-container {
    width: 32.75rem;
  }
}
.modal--share .modal__content-container {
  top: 50%;
  transform: translate(-50%, -50%) scale(1.1);
}
@media (min-width: 1024px) {
  .modal--share .modal__content-container {
    width: 37.1875rem;
  }
}
.modal--fixed-width .modal__content-container {
  width: 19.5rem;
}
@media (min-width: 600px) {
  .modal--fixed-width .modal__content-container {
    width: 25.25rem;
  }
}
@media (min-width: 1024px) {
  .modal--fixed-width .modal__content-container {
    width: 36.875rem;
  }
}
.modal--show .modal__content-container {
  transform: translate(-50%);
}
@media (min-width: 600px) {
  .modal--show .modal__content-container {
    transform: translate(-50%, -50%);
  }
}
.modal--show.modal--share .modal__content-container {
  transform: translate(-50%, calc(-50% + 2rem));
}
.modal--show.modal--market-selector .modal__content-container {
  transform: translate(-50%, calc(-50% + 2rem));
  transition-delay: 0.6s;
}
.modal--show.modal--fixed-width .modal__content-container {
  top: calc(50% + 2rem);
  transform: translate(-50%, -50%);
}
.modal-trigger {
  flex-shrink: 0;
}
.modal__focus-handle {
  opacity: 0;
}
.modal-active--fixed-width .global-header {
  z-index: 62;
}
.locale-select-container {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
@media (min-width: 600px) {
  .locale-select-container {
    flex-direction: row;
  }
}
.locale-select-wrapper {
  position: relative;
}
.locale-select {
  background-color: transparent;
  color: #5f6368;
  padding-right: 1.25rem;
  width: 100%;
}
.locale-select option {
  color: #5f6368;
}
.locale-select--loaded option[value=""] {
  display: none;
}
.locale-select-icon {
  fill: #3c4043;
  display: inline-block;
  height: 0.375rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  width: 0.5625rem;
}
.locale-select-go-button {
  background-color: #14B396;
  border-radius: 0.25rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Google Sans, arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-left: 1.5rem;
  min-width: 6.25rem;
  min-width: 4.375rem;
  outline: 0.0625rem solid #fff;
  padding: 0.5rem 1rem;
  text-align: center;
}
.locale-select-go-button:lang(zh-hant) {
  font-family: Google Sans, Noto Sans TC, arial, sans-serif;
}
.locale-select-go-button:lang(ko-kr) {
  font-family: Google Sans, Noto Sans KR, sans-serif;
}
.locale-select-go-button:lang(ja-jp) {
  font-family: Google Sans, Noto Sans JP, sans-serif;
}
.locale-select-go-button:focus,
.locale-select-go-button:hover {
  background-color: #174ea6;
  color: #fff;
  outline: 0.0625rem solid #fff;
}
.locale-select-go-button:focus {
  outline: 0.3125rem auto #3b99fc;
}
.locale-select-go-button:visited {
  color: #fff;
}
.market-selector-modal {
  background: #fff;
  border-radius: 0.5rem;
}
.market-selector-modal__wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 600px) {
  .market-selector-modal__wrapper {
    flex-direction: row;
  }
}
.market-selector-modal__content {
  padding: 3.5rem 1.5rem 2rem;
  position: relative;
}
@media (min-width: 600px) {
  .market-selector-modal__content {
    padding: 3.5rem 4.5rem;
  }
}
.market-selector-modal__title {
  color: #000;
  margin: 0 0 1.125rem;
  text-align: center;
}
@media (min-width: 600px) {
  .market-selector-modal__title {
    margin: 0 0 0.5rem;
    text-align: left;
  }
}
.market-selector-modal__description {
  color: #757575;
  font-family: Google Sans, arial, sans-serif;
  line-height: 1.5rem;
  margin: 0 0 2rem;
  text-align: center;
}
@media (min-width: 600px) {
  .market-selector-modal__description {
    text-align: left;
  }
}
.market-selector__select-container {
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .market-selector__select-container {
    margin-bottom: 1.75rem;
  }
}
.market-selector__select-wrapper {
  border-bottom: 0.125rem solid #14B396;
  margin-bottom: 2rem;
  width: 100%;
}
@media (min-width: 600px) {
  .market-selector__select-wrapper {
    margin-bottom: 0;
    width: 16rem;
  }
}
.market-selector__select-wrapper .locale-select {
  color: #14B396;
}
.market-selector__locale-select-icon {
  fill: #14B396;
  height: 0.5rem;
  right: 0;
  width: 0.6875rem;
}
.market-selector-modal__close-button {
  position: absolute;
  right: 1.125rem;
  top: 1.125rem;
  z-index: 1;
}
.market-selector-modal__close-button:focus,
.market-selector-modal__close-button:hover {
  color: #3c4043;
}
@media (min-width: 600px) {
  .market-selector-modal__close-button:focus .market-selector-modal__close-icon,
  .market-selector-modal__close-button:hover
    .market-selector-modal__close-icon {
    fill: #174ea6;
  }
}
.market-selector-modal__close-icon {
  fill: #bdbdbd;
  display: inline-block;
  height: 2rem;
  vertical-align: middle;
  width: 2rem;
}
.market-selector-footer {
  bottom: 2.5rem;
  left: 1.5rem;
  position: absolute;
}
@media (min-width: 600px) {
  .market-selector-footer {
    bottom: 2rem;
    left: auto;
    right: 1.5rem;
  }
}
.market-selector-footer__button {
  color: #757575;
}
.page-content {
  background-color: #fff;
}
@media (min-width: 1024px) {
  .page-content:last-of-type {
    padding-bottom: 2rem;
  }
}
.page-content--light-grey {
  background-color: #fafafa;
}
.page-content--light-grey + .page-content:not(.page-content--light-grey),
.page-content:not(.page-content--light-grey) + .page-content--light-grey {
  padding-top: 3rem;
}
@media (min-width: 600px) {
  .page-content--light-grey + .page-content:not(.page-content--light-grey),
  .page-content:not(.page-content--light-grey) + .page-content--light-grey {
    padding-top: 4rem;
  }
}
@media (min-width: 1024px) {
  .page-content--light-grey + .page-content:not(.page-content--light-grey),
  .page-content:not(.page-content--light-grey) + .page-content--light-grey {
    padding-top: 4rem;
  }
}
.secondary-page-hero {
  padding: 6.25rem 0 3rem;
}
@media (min-width: 600px) {
  .secondary-page-hero {
    padding: 8.5rem 0 4rem;
  }
}
@media (min-width: 1024px) {
  .secondary-page-hero {
    padding: 8.5rem 0 6rem;
  }
}
.page-section {
  padding-bottom: 3rem;
}
@media (min-width: 600px) {
  .page-section {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1024px) {
  .page-section {
    padding-bottom: 4rem;
    padding-top: 2rem;
  }
  .page-section:first-of-type {
    padding-top: 0;
  }
  .page-section__inner {
    float: none;
    grid-column-end: span 10;
  }
}
.page-section__heading,
.page-section__title {
  margin-bottom: 1.5rem;
  margin-top: 0;
}
.page-section__title {
  grid-column-end: span 4;
}
@media (min-width: 600px) {
  .page-section__title {
    grid-column-end: span 8;
  }
}
@media (min-width: 1024px) {
  .page-section__title {
    grid-column-end: span 6;
  }
}
.page-section__heading {
  grid-column-end: span 4;
}
@media (min-width: 600px) {
  .page-section__heading {
    grid-column-end: span 8;
  }
}
@media (min-width: 1024px) {
  .page-section__heading {
    grid-column-end: span 6;
  }
}
.page-section__title--with-description {
  margin-bottom: 0.625rem;
}
.page-section__subtitle {
  margin-bottom: 1.875rem;
}
.page-section__description {
  margin: 0.625rem 0 1.875rem;
}
@media (min-width: 600px) {
  .page-section__description {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .page-section__description {
    margin-bottom: 3.125rem;
  }
}
.page-section__footer {
  margin-top: 2.5rem;
  text-align: center;
}
@media (min-width: 600px) {
  .page-section__footer {
    margin-top: 0.75rem;
  }
}
@media (min-width: 768px) {
  .page-section__footer {
    margin-top: 0.3125rem;
  }
}
@media (min-width: 1024px) {
  .page-section__footer {
    margin-top: 0;
  }
}
.page-section__cta {
  background-color: #14B396;
  border-radius: 0.25rem;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Google Sans, arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  min-width: 6.25rem;
  outline: 0.0625rem solid #fff;
  padding: 0.5rem 1rem;
  text-align: center;
}
.page-section__cta:lang(zh-hant) {
  font-family: Google Sans, Noto Sans TC, arial, sans-serif;
}
.page-section__cta:lang(ko-kr) {
  font-family: Google Sans, Noto Sans KR, sans-serif;
}
.page-section__cta:lang(ja-jp) {
  font-family: Google Sans, Noto Sans JP, sans-serif;
}
.page-section__cta:focus,
.page-section__cta:hover {
  background-color: #174ea6;
  color: #fff;
  outline: 0.0625rem solid #fff;
}
.page-section__cta:focus {
  outline: 0.3125rem auto #3b99fc;
}
.page-section__cta:visited {
  color: #fff;
}
.related-content-drawer {
  background-color: #f5f5f5;
  bottom: 0;
  box-shadow: 0 -0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1);
  max-height: 43.75rem;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  transform: translate3d(0, 43.75rem, 0);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 100vw;
  z-index: 1;
}
.related-content-drawer__toggle {
  display: flex;
  flex-direction: column;
  grid-column-end: span 4;
  margin: 1rem 0;
  padding-right: 1.125rem;
  position: relative;
}
@media (min-width: 600px) {
  .related-content-drawer__toggle {
    grid-column-end: span 12;
    margin: 1rem 0;
  }
}
@media (min-width: 768px) {
  .related-content-drawer__toggle {
    flex-direction: row;
  }
}
@media (min-width: 1441px) {
  .related-content-drawer__toggle {
    margin-left: 0;
  }
}
.related-content-drawer__content-header-idle {
  display: none;
}
.related-content-drawer__toggle-link {
  color: #212121;
  display: flex;
  max-width: 85vw;
  text-align: left;
}
@media (min-width: 768px) {
  .related-content-drawer__toggle-link {
    white-space: nowrap;
  }
}
@media (min-width: 1024px) {
  .related-content-drawer__toggle-link {
    margin-right: 1rem;
    white-space: normal;
  }
}
.related-content-drawer__toggle-icon {
  fill: #212121;
  height: 0.75rem;
  margin-left: 0.625rem;
  transform: rotate(180deg);
  width: 0.75rem;
}
.related-content-drawer__toggle-icon-wrapper {
  display: inline;
  white-space: nowrap;
}
.related-content-drawer__headings {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .related-content-drawer__headings {
    justify-content: center;
  }
}
@media (min-width: 1024px) {
  .related-content-drawer__headings {
    flex-direction: row;
  }
}
.related-content-drawer__subheader {
  color: #424242;
  display: none;
  transform: translateX(0);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .related-content-drawer__subheader {
    margin-left: 4.8125rem;
  }
}
.related-content-drawer__toggle-heading {
  margin: 0;
}
.related-content-drawer__next-article {
  align-items: center;
  display: flex;
  margin-bottom: 0;
  margin-top: 0.5rem;
  max-height: 12.5rem;
  opacity: 1;
  padding: 0 0 1rem;
  position: relative;
  transform: translateZ(0);
  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  .related-content-drawer__next-article {
    margin-left: 1rem;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
  }
}
.related-content-drawer__next-article:before {
  background: #e0e0e0;
  content: "";
  display: none;
  height: 1.875rem;
  left: 0;
  margin-top: -0.9375rem;
  position: absolute;
  top: 50%;
  width: 0.0625rem;
}
@media (min-width: 768px) {
  .related-content-drawer__next-article:before {
    display: block;
  }
}
.related-content-drawer__close {
  height: 1.5625rem;
  position: absolute;
  right: 0;
  top: 0;
}
.related-content-drawer__close:focus,
.related-content-drawer__close:hover {
  color: #212121;
}
.related-content-drawer__close:focus .related-content-drawer__close-icon,
.related-content-drawer__close:hover .related-content-drawer__close-icon {
  fill: #212121;
}
.related-content-drawer__close-icon {
  fill: #9e9e9e;
  height: 1.5625rem;
  width: 1.5625rem;
}
.related-content-drawer__content-container {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 600px) {
  .related-content-drawer__content-container {
    margin: 0;
  }
}
.related-content-drawer--open {
  opacity: 1;
  transform: translateZ(0);
  visibility: visible;
}
@media (min-width: 600px) {
  .related-content-drawer--expanded {
    margin-bottom: 0;
  }
  .related-content-drawer--expanded .related-content-drawer__headings {
    flex-direction: column;
  }
  .related-content-drawer--expanded .related-content-drawer__subheader {
    margin-left: 0;
  }
}
.related-content-drawer--expanded .related-content-drawer__toggle-icon {
  transform: none;
}
.related-content-drawer--expanded .related-content-drawer__content-container {
  max-height: 43.75rem;
  padding-bottom: 2.5rem;
}
.related-content-drawer--expanded .related-content-drawer__next-article {
  height: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden;
}
@media (min-width: 600px) {
  .related-content-drawer--expanded .related-content-drawer__next-article {
    height: auto;
    margin-top: 0.5rem;
    padding: 0 0 1rem;
    transform: translate3d(62.5rem, 0, 0);
  }
}
.related-content-drawer--idle-content .related-content-drawer__subheader {
  display: block;
}
.related-content-drawer--idle-content .related-content-drawer__content-header {
  display: none;
}
.related-content-drawer--idle-content
  .related-content-drawer__content-header-idle {
  display: block;
}
.related-content-drawer--idle-content:not(.related-content-drawer--expanded)
  .related-content-drawer__subheader_only_expanded {
  display: none;
}
.external-link-icon {
  fill: currentColor;
  display: inline-block;
  height: 1.0625rem;
  margin-left: 0.3125rem;
  vertical-align: text-top;
  width: 1.0625rem;
}
.video-badge {
  align-items: center;
  display: inline-flex;
}
.video-badge-icon {
  fill: currentColor;
  display: inline-block;
  height: 0.75rem;
  margin-right: 0.3125rem;
  vertical-align: sub;
  width: 0.75rem;
}
.card__footer {
  display: flex;
}
.youtube-image__player--disabled {
  pointer-events: none !important;
}
.youtube-image__player--disabled.video-inline__link--ios {
  opacity: 1;
  visibility: visible;
}
.youtube-image__button--hidden.video-inline__play-button {
  display: none;
}
.tooltip-container {
  position: relative;
}
.tooltip-container .tooltip-label {
  background-color: #757575;
  border-radius: 0.25rem;
  bottom: -3rem;
  color: #fff;
  font-family: Google Sans, arial, sans-serif;
  font-size: 0.875rem;
  left: 50%;
  line-height: 1rem;
  opacity: 0;
  padding: 0.375rem 0.6875rem;
  position: absolute;
  transform: translateX(-50%) scale(0.7);
  transform-origin: top center;
  transition: transform 125ms ease-out 85ms, opacity 125ms ease-out 85ms;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .tooltip-container .tooltip-label--no-large-text {
    display: none;
  }
}
@media (min-width: 1441px) {
  .tooltip-container .tooltip-label--no-xlarge-text {
    display: none;
  }
}
@media (min-width: 600px) {
  .tooltip-container:focus .tooltip-label,
  .tooltip-container:hover .tooltip-label {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
@media (max-width: 599px) {
  #google-hats-survey {
    margin-bottom: 4.6875rem !important;
  }
}