.small-caps {
  font-variant-caps: all-small-caps
}
:root {
  --tile-border-radius: 18px;
  --tile-padding: 60px;
  --tile-min-height-full: 550px;
  --tile-min-height-half: 670px;
  --grid-gutter: 20px
}
@media only screen and (max-width: 1068px) {
  :root {
    --tile-padding: 36px;
    --tile-padding-bottom: 50px;
    --tile-min-height-full: 400px;
    --tile-min-height-half: 500px
  }
}
@media only screen and (max-width: 734px) {
  :root {
    --tile-padding-vertical: 48px;
    --tile-padding-horizontal: 30px;
    --tile-padding: var(--tile-padding-vertical) var(--tile-padding-horizontal);
    --tile-min-height-full: 0px;
    --tile-min-height-half: 0px
  }
}
@media only screen and (max-width: 390px) {
  :root {
    --tile-padding-horizontal: calc((100vw - 40px) * 0.086)
  }
}
.section-tiles-grid {
  background-color: #f5f5f7;
  padding: 160px 0
}
@media only screen and (max-width: 1068px) {
  .section-tiles-grid {
    padding: 120px 0
  }
}
@media only screen and (max-width: 734px) {
  .section-tiles-grid {
    padding: 60px 0
  }
}
.section-tiles-grid:not(.section-tiles-grid-first) {
  margin-top: 24px
}
.section-tiles-grid .section-content {
  margin-left: auto;
  margin-right: auto;
  width: 1020px;
  padding: 0 24px
}
@media only screen and (max-width: 1068px) {
  .section-tiles-grid .section-content {
    width: 687px
  }
}
@media only screen and (max-width: 734px) {
  .section-tiles-grid .section-content {
    width: auto;
    max-width: 350px;
    padding: 0 20px
  }
}
.section-tiles-grid .section-headline {
  margin-bottom: 2em;
  text-align: center
}
.section-tiles-grid .grid-container {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  grid-gap: var(--grid-gutter);
  width: 100%;
  margin: auto;
  box-sizing: border-box
}
.theme-dark .section-tiles-grid {
  background-color: #000
}
.grid-item {
  position: relative;
  box-sizing: border-box;
  border-radius: var(--tile-border-radius);
  background-color: #fff;
  overflow: hidden;
  padding: var(--tile-padding)
}
.grid-item.full {
  min-height: var(--tile-min-height-full);
  grid-column: span 2
}
.grid-item.half {
  min-height: var(--tile-min-height-half)
}
@media only screen and (max-width: 1068px) {
  .grid-item.half {
    padding: var(--tile-padding) var(--tile-padding) var(--tile-padding-bottom) var(--tile-padding)
  }
}
@media only screen and (max-width: 734px) {
  .grid-item.half {
    padding: var(--tile-padding);
    grid-column: span 2
  }
}
.grid-item.theme-blue {
  background-color: #0071e3
}
.grid-item.theme-blue h3 {
  color: #f5f5f7
}
.grid-item.theme-inverted {
  background-color: #1d1d1f
}
.grid-item.theme-inverted h3 {
  color: #f5f5f7
}
.theme-dark .grid-item {
  background-color: #1d1d1f
}
.theme-dark .grid-item.theme-blue {
  background-color: #0071e3
}
.theme-dark .grid-item.theme-inverted {
  background-color: #f5f5f7
}
.theme-dark .grid-item.theme-inverted h3 {
  color: #1d1d1f
}
.grid-item.full {
  height: 0px
}
@media only screen and (max-width: 734px) {
  .grid-item.full {
    height: auto
  }
}
.grid-item.full .flex-content {
  display: flex;
  height: 100%
}
.grid-item.full .headline-content {
  flex-grow: 1
}
.grid-item.fact {
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}
@media only screen and (max-width: 734px) {
  .grid-item.fact {
    padding-top: 100px
  }
}
.grid-item.icon-half {
  display: flex;
  padding-top: 0px
}
.grid-item.icon-half .flex-content {
  display: flex;
  flex-direction: column
}
.grid-item.icon-half .flex-content .icon {
  flex-grow: 1;
  display: flex;
  align-items: center
}
.grid-item.icon-half .flex-content .icon picture {
  margin: 0 auto
}
@media only screen and (max-width: 734px) {
  .grid-item.icon-half .flex-content .icon picture {
    margin: 50px auto
  }
}
.grid-item.hardware-half {
  display: flex;
  padding-bottom: 0
}
@media only screen and (max-width: 734px) {
  .grid-item.hardware-half {
    display: block;
    padding-top: 40px
  }
}
.grid-item.hardware-half .flex-content {
  display: flex;
  flex-direction: column
}
.grid-item.hardware-half .flex-content h3 {
  flex-grow: 1
}
.grid-item.hardware-half .flex-content picture {
  margin-top: 50px
}
html.text-zoom .grid-item {
  min-height: var(--tile-min-height-full);
  grid-column: span 2;
  height: auto
}
html.text-zoom .grid-item h3, html.text-zoom .grid-item .picture-container {
  max-width: unset
}
.expanded > .grid-item-header, .expanded > .grid-item-content {
  visibility: hidden;
  transition: visibility 0.1s .66s
}
.grid-modal {
  --postion: 30px;
  --reset-size: 40px
}
@media only screen and (max-width: 1068px) {
  .grid-modal {
    --postion: 20px;
    --reset-size: 30px
  }
}
.grid-modal .modal-cta {
  position: absolute;
  bottom: var(--postion);
  right: var(--postion);
  height: var(--reset-size);
  width: var(--reset-size);
  z-index: 10;
  cursor: pointer;
  background-color: rgba(134, 134, 139, 0.92);
  border-radius: 100%;
  transform: rotate(0);
  transition: transform .66s cubic-bezier(0.66, 0, 0.2, 1), background-color .66s 0s cubic-bezier(0.66, 0, 0.01, 1);
  -webkit-tap-highlight-color: transp.section-hero .hero .chicletsarent
}
html.reduced-motion .grid-modal .modal-cta {
  transition: none
}
.grid-modal .modal-cta:hover {
  background-color: rgba(81, 81, 84, 0.92)
}
.grid-modal .modal-cta .plus-icon {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  fill: #fff
}
.grid-modal .modal-cta .plus-icon #reset {
  opacity: 1;
  transition: opacity .66s 0s cubic-bezier(0.66, 0, 0.01, 1)
}
.grid-modal .modal-cta .plus-icon #reset-solid {
  opacity: 0;
  transition: opacity .66s 0s cubic-bezier(0.66, 0, 0.01, 1)
}
.grid-modal .modal-cta-text {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.grid-modal .modal-content {
  background-color: #1d1d1f;
  box-sizing: border-box;
  border-radius: var(--tile-border-radius);
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .66s .66s cubic-bezier(0.66, 0, 0.2, 1), visibility .66s .66s;
  display: flex;
  flex-direction: column;
  padding: var(--tile-padding);
  justify-content: center;
  align-items: center
}
@media only screen and (max-width: 734px) {
  .grid-modal .modal-content {
    padding-bottom: 60px
  }
}
.grid-modal .modal-content .grid-item-copy {
  margin-top: 0;
  color: #fff;
  overflow-y: scroll;
  width: calc(60% - 1em);
  padding-right: 1em
}
@media only screen and (max-width: 1068px) {
  .grid-modal .modal-content .grid-item-copy {
    width: calc(80% - 1em)
  }
}
@media only screen and (max-width: 734px) {
  .grid-modal .modal-content .grid-item-copy {
    width: calc(100% - 1em)
  }
}
.grid-modal .modal-content .grid-item-copy.extra-padding {
  padding-bottom: 20px
}
.grid-modal .modal-content .grid-item-copy a {
  color: #2997ff
}
.half .grid-modal .modal-content .grid-item-copy {
  width: calc(100% - 1em)
}
@media only screen and (max-width: 1068px) {
  .half .grid-modal .modal-content .grid-item-copy {
    width: calc(100% - 1em)
  }
}
@media only screen and (max-width: 734px) {
  .half .grid-modal .modal-content .grid-item-copy {
    width: calc(100% - 1em)
  }
}
.grid-modal .modal-content .grid-item-copy .top-gradient {
  display: none;
  position: absolute;
  top: var(--tile-padding);
  height: 2em;
  width: 100%;
  background: linear-gradient(to bottom, #1d1d1f, rgba(29, 29, 31, 0) 100%);
  pointer-events: none
}
@media only screen and (max-width: 734px) {
  .grid-modal .modal-content .grid-item-copy .top-gradient {
    top: var(--tile-padding-vertical)
  }
}
.grid-modal .modal-content .grid-item-copy .bottom-gradient {
  position: absolute;
  bottom: var(--tile-padding);
  height: 2em;
  width: 100%;
  background: linear-gradient(to top, #1d1d1f, rgba(29, 29, 31, 0) 100%);
  pointer-events: none
}
@media only screen and (max-width: 734px) {
  .grid-modal .modal-content .grid-item-copy .bottom-gradient {
    bottom: 59px
  }
}
.modal-toggle {
  position: fixed
}
.modal-toggle:checked ~ .grid-modal .modal-content {
  visibility: visible;
  opacity: 1;
  transition: opacity .66s cubic-bezier(0.66, 0, 0.2, 1), visibility .66s
}
.modal-toggle:checked ~ .grid-modal .modal-content .fade-transform-in {
  opacity: 1;
  transform: translateY(0);
  transition: all .66s .66s cubic-bezier(0.66, 0, 0.2, 1)
}
.modal-toggle:checked ~ .grid-modal .modal-cta {
  background-color: rgba(110, 110, 115, 0.8);
  transform: rotate(45deg);
  transition: transform .66s cubic-bezier(0.66, 0, 0.2, 1), background-color .66s 0s cubic-bezier(0.66, 0, 0.01, 1)
}
html.reduced-motion .modal-toggle:checked ~ .grid-modal .modal-cta {
  transition: none
}
.modal-toggle:checked ~ .grid-modal .modal-cta .plus-icon {
  fill: #f5f5f7
}
.modal-toggle:checked ~ .grid-modal .modal-cta:hover {
  background-color: rgba(210, 210, 215, 0.8)
}
.modal-toggle:checked ~ .grid-modal .modal-cta:hover .plus-icon {
  fill: #fff
}
.theme-dark .modal-toggle:checked ~ .grid-modal .modal-cta {
  background-color: rgba(110, 110, 115, 0.92)
}
.theme-dark .modal-toggle:checked ~ .grid-modal .modal-cta .plus-icon {
  fill: #f5f5f7
}
.theme-dark .modal-toggle:checked ~ .grid-modal .modal-cta:hover {
  background-color: rgba(81, 81, 84, 0.92)
}
.theme-dark .modal-toggle:checked ~ .grid-modal .modal-cta:hover .plus-icon {
  fill: #fff
}
.theme-dark .grid-modal .modal-cta {
  background-color: rgba(134, 134, 139, 0.92)
}
.theme-dark .grid-modal .modal-cta .plus-icon {
  fill: #fff
}
.theme-dark .grid-modal .modal-cta:hover {
  background-color: rgba(210, 210, 215, 0.8)
}
.theme-dark .grid-modal .modal-content {
  background-color: #f5f5f7
}
.theme-dark .grid-modal .modal-content .grid-item-copy {
  color: #1d1d1f
}
.theme-dark .grid-modal .modal-content .grid-item-copy a {
  color: #06c
}
.theme-dark .grid-modal .modal-content .grid-item-copy .top-gradient {
  background: linear-gradient(to bottom, #f5f5f7, rgba(245, 245, 247, 0) 90%)
}
.theme-dark .grid-modal .modal-content .grid-item-copy .bottom-gradient {
  background: linear-gradient(to top, #f5f5f7, rgba(245, 245, 247, 0) 90%)
}
.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.17648;
  font-weight: 400;
  letter-spacing: -.022em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  min-width: 28px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.button:hover {
  text-decoration: none
}
.button:focus {
  box-shadow: 0 0 0 4px rgba(0, 125, 250, 0.6);
  outline: none
}
.button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
  box-shadow: none
}
.button:active {
  outline: none
}
.button:disabled, .button.disabled {
  cursor: default
}
.button:lang(ar) {
  letter-spacing: 0em;
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button:lang(ja) {
  letter-spacing: 0em;
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button:lang(ko) {
  letter-spacing: 0em;
  font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button:lang(zh) {
  letter-spacing: 0em
}
.button:lang(th) {
  font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:disabled, .button.disabled {
  background: #0071e3;
  color: #fff;
  opacity: .32
}
.button-block {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-radius: 8px
}
.button-neutral {
  background: #1d1d1f;
  color: #fff
}
.button-neutral:hover {
  background: #272729
}
.button-neutral:active {
  background: #18181A
}
.button-neutral:disabled, .button-neutral.disabled {
  background: #1d1d1f;
  color: #fff;
  opacity: .32
}
.button-secondary {
  background: #e8e8ed;
  color: #000
}
.button-secondary:hover {
  background: #EBEBF0
}
.button-secondary:active {
  background: #E6E6EB
}
.button-secondary:disabled, .button-secondary.disabled {
  background: #e8e8ed;
  color: #000;
  opacity: .56
}
.button-secondary-alpha {
  background: rgba(0, 0, 0, 0.08);
  color: #000
}
.button-secondary-alpha:hover {
  background: rgba(0, 0, 0, 0.07)
}
.button-secondary-alpha:active {
  background: rgba(0, 0, 0, 0.09)
}
.button-secondary-alpha:disabled, .button-secondary-alpha.disabled {
  background: rgba(0, 0, 0, 0.08);
  color: #000;
  opacity: .56
}
.button-super {
  font-size: 17px;
  line-height: 1.17648;
  font-weight: 400;
  letter-spacing: -.022em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  min-width: 28px;
  padding-left: 31px;
  padding-right: 31px;
  padding-top: 18px;
  padding-bottom: 18px;
  border-radius: 28px
}
.button-super:lang(ar) {
  letter-spacing: 0em;
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-super:lang(ja) {
  letter-spacing: 0em;
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-super:lang(ko) {
  letter-spacing: 0em;
  font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-super:lang(zh) {
  letter-spacing: 0em
}
.button-super:lang(th) {
  font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-super:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-super:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-super:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-super:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-super.button-block {
  border-radius: 12px
}
.button-elevated {
  font-size: 17px;
  line-height: 1.17648;
  font-weight: 400;
  letter-spacing: -.022em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  min-width: 26px;
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 22px
}
.button-elevated:lang(ar) {
  letter-spacing: 0em;
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-elevated:lang(ja) {
  letter-spacing: 0em;
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-elevated:lang(ko) {
  letter-spacing: 0em;
  font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-elevated:lang(zh) {
  letter-spacing: 0em
}
.button-elevated:lang(th) {
  font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-elevated:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-elevated:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-elevated:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-elevated:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-elevated.button-block {
  border-radius: 10px
}
.button-reduced {
  font-size: 12px;
  line-height: 1.33337;
  font-weight: 400;
  letter-spacing: -.01em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  min-width: 23px;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 12px
}
.button-reduced:lang(ar) {
  letter-spacing: 0em;
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-reduced:lang(ja) {
  letter-spacing: 0em;
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-reduced:lang(ko) {
  letter-spacing: 0em;
  font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-reduced:lang(zh) {
  letter-spacing: 0em
}
.button-reduced:lang(th) {
  font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-reduced:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-reduced:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-reduced:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-reduced:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.button-reduced.button-block {
  border-radius: 5px
}
.theme-dark .section-store-banner {
  background: #000
}
.section-store-banner {
  background: #f5f5f7;
  text-align: center;
  margin-top: 24px;
  padding-top: 158px;
  padding-bottom: 168px
}
html.no-ios.no-osx .page-overview .section-store-banner {
  display: none
}
@media only screen and (max-width: 1068px) {
  .section-store-banner {
    padding-top: 130px;
    padding-bottom: 120px
  }
}
@media only screen and (max-width: 734px) {
  .section-store-banner {
    padding-top: 85px;
    padding-bottom: 85px
  }
}
.section-store-banner .overview-icon-appstore {
  display: block;
  width: 146px;
  height: 146px;
  margin: 0 auto
}
@media only screen and (max-width: 1068px) {
  .section-store-banner .overview-icon-appstore {
    display: block;
    width: 104px;
    height: 104px
  }
}
@media only screen and (max-width: 734px) {
  .section-store-banner .overview-icon-appstore {
    display: block;
    width: 72px;
    height: 72px
  }
}
.section-store-banner .developers-icon-app-store {
  margin: 0 auto
}
.section-store-banner .typography-headline {
  margin: 0 auto;
  width: 636px;
  margin-top: 45px
}
@media only screen and (max-width: 1068px) {
  .section-store-banner .typography-headline {
    width: 532px;
    margin-top: 30px
  }
}
@media only screen and (max-width: 734px) {
  .section-store-banner .typography-headline {
    width: auto;
    margin-top: 22px
  }
}
.section-store-banner .cta-container {
  margin-top: 35px
}
@media only screen and (max-width: 1068px) {
  .section-store-banner .cta-container {
    margin-top: 30px
  }
}
@media only screen and (max-width: 734px) {
  .section-store-banner .cta-container {
    margin-top: 22px
  }
}
.section-news {
  padding-top: 110px;
  padding-bottom: 110px;
  margin-bottom: 0;
  background-color: #fbfbfd;
  --transition-duration: 0.25s;
  --image-size: 480px
}
@media only screen and (max-width: 1068px) {
  .section-news {
    --image-size: 336px;
    padding-top: 115px;
    padding-bottom: 115px
  }
}
@media only screen and (max-width: 734px) {
  .section-news {
    --image-size: 280px;
    padding-top: 74px;
    padding-bottom: 74px;
    text-align: left
  }
}
.section-news.theme-light {
  background-color: #fbfbfd
}
.section-news .section-content {
  text-align: center
}
@media only screen and (max-width: 734px) {
  .section-news .section-content {
    text-align: left
  }
}
.section-news .paddlenav {
  margin-left: auto;
  margin-right: auto;
  margin-left: auto;
  margin-right: auto;
  width: 980px
}
html.aow .section-news .paddlenav {
  display: none
}
@media only screen and (min-width: 1441px) {
  .section-news .paddlenav {
    margin-left: auto;
    margin-right: auto;
    width: 980px
  }
}
@media only screen and (max-width: 1068px) {
  .section-news .paddlenav {
    margin-left: auto;
    margin-right: auto;
    width: 692px
  }
}
@media only screen and (max-width: 734px) {
  .section-news .paddlenav {
    margin-left: auto;
    margin-right: auto;
    width: 87.5%
  }
}
@media only screen and (max-width: 734px) {
  .section-news .paddlenav {
    max-width: 335px
  }
}
.section-news .paddlenav ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto
}
.section-news .paddlenav .paddlenav-arrow {
  z-index: 1;
  position: relative
}
.section-news .paddlenav .paddlenav-arrow .icon {
  transition: background-color 0.15s;
  font-weight: 400;
  font-size: 26px;
  color: #fefefe;
  border: 2px solid #fff;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: block;
  position: relative;
  padding: 0.5em;
  box-sizing: border-box
}
.section-news .paddlenav .paddlenav-arrow .icon:after {
  transition: color 0.15s;
  padding-top: 0 !important;
  padding-left: 0 !important;
  position: absolute;
  width: 0.4em
}
html.windows .section-news .paddlenav .paddlenav-arrow .icon:after {
  line-height: 0.85
}
.section-news .paddlenav .paddlenav-arrow-previous .icon:after {
  left: 0.26em
}
.section-news .paddlenav .paddlenav-arrow-next .icon:after {
  right: 0.26em
}
.section-news .paddlenav .paddlenav-arrow:hover .icon {
  background-color: #fff
}
.section-news .paddlenav .paddlenav-arrow:hover .icon:after {
  color: black
}
.section-news .paddlenav .paddlenav-arrow:disabled .icon, .section-news .paddlenav .paddlenav-arrow:disabled:hover .icon {
  color: #86868b;
  border: 2px solid #86868b;
  background-color: transparent
}
.section-news .paddlenav .paddlenav-arrow:disabled .icon:after, .section-news .paddlenav .paddlenav-arrow:disabled:hover .icon:after {
  color: #86868b
}
.section-news .paddlenav-light-content .paddlenav-arrow .icon {
  color: black;
  border: 2px solid black
}
.section-news .paddlenav-light-content .paddlenav-arrow:hover .icon {
  background-color: black
}
.section-news .paddlenav-light-content .paddlenav-arrow:hover .icon:after {
  color: white
}
.section-news #newsroom-item-template {
  display: none
}
.section-news .section-gallery {
  overflow: hidden;
  padding-top: 36px
}
@media only screen and (max-width: 1068px) {
  .section-news .section-gallery {
    padding-top: 44px
  }
}
@media only screen and (max-width: 734px) {
  .section-news .section-gallery {
    padding-top: 22px
  }
}
.section-news .gallery {
  text-align: left;
  position: relative;
  --viewport-content: 980px;
  --grid-gap: 20px;
  --scroll-duration: 0.7
}
@media only screen and (max-width: 1068px) {
  .section-news .gallery {
    --viewport-content: 692px
  }
}
@media only screen and (max-width: 734px) {
  .section-news .gallery {
    --viewport-content: 87.5%
  }
}
.section-news .gallery.no-scroll-overflow .paddlenav {
  display: none
}
.section-news .gallery .gallery-content {
  overflow-x: scroll;
  overflow-y: hidden;
  --padding-bottom: var(--grid-gap);
  padding-bottom: var(--padding-bottom);
  margin-bottom: calc(-1 * var(--padding-bottom));
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--padding-bottom)), 0% calc(100% - var(--padding-bottom)));
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--padding-bottom)), 0% calc(100% - var(--padding-bottom)))
}
html.touch .section-news .gallery .gallery-content {
  -webkit-overflow-scrolling: touch
}
html.edge .section-news .gallery .gallery-content {
  -ms-overflow-style: none
}
.section-news .gallery .gallery-content::-webkit-scrollbar {
  display: none
}
.section-news .gallery .item-container {
  display: grid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  grid-gap: var(--grid-gap);
  grid-template: 1fr / -webkit-min-content;
  grid-template: 1fr / min-content;
  list-style: none;
  --padding: calc((100% - var(--viewport-content)) / 2);
  padding-left: var(--padding);
  padding-right: var(--padding);
  margin: auto;
  padding-top: 20px;
  padding-bottom: 30px
}
html.edge .section-news .gallery .item-container .gallery-item:only-child {
  grid-column: 1 / 3;
  width: 100%
}
html.edge .section-news .gallery .item-container .gallery-item:only-child .newsroom-item {
  width: var(--image-size);
  margin: 0 auto
}
.section-news .gallery .gallery-item {
  width: var(--image-size);
  grid-row: 1
}
.section-news .gallery .paddlenav {
  color: #1d1d1f
}
.section-news .gallery .paddlenav ul {
  width: 80px
}
.section-news .newsroom-item {
  position: relative;
  display: block;
  height: 100%
}
.section-news .newsroom-item-article {
  box-shadow: none;
  transition: box-shadow var(--transition-duration);
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  transform: translateZ(0);
  display: flex;
  flex-direction: column
}
.section-news .newsroom-item-image {
  height: 270px;
  width: 480px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  transition: height var(--transition-duration)
}
@media only screen and (max-width: 1068px) {
  .section-news .newsroom-item-image {
    height: 189px
  }
}
@media only screen and (max-width: 734px) {
  .section-news .newsroom-item-image {
    height: 157.5px
  }
}
@media only screen and (max-width: 1068px) {
  .section-news .newsroom-item-image {
    width: 336px
  }
}
@media only screen and (max-width: 734px) {
  .section-news .newsroom-item-image {
    width: 280px
  }
}
.section-news .newsroom-item-picture {
  transition: transform var(--transition-duration);
  object-fit: cover;
  width: 100%;
  height: 270px;
  display: block;
  position: relative
}
@media only screen and (max-width: 1068px) {
  .section-news .newsroom-item-picture {
    height: 189px
  }
}
@media only screen and (max-width: 734px) {
  .section-news .newsroom-item-picture {
    height: 157.5px
  }
}
.section-news .newsroom-item-picture:after {
  opacity: 0;
  transition: var(--transition-duration);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000
}
.section-news .newsroom-item-picture img {
  width: 100%
}
.section-news .newsroom-item-content, .section-news .newsroom-item-header-container, .section-news .newsroom-item-header {
  display: flex;
  flex-grow: 1
}
.section-news .newsroom-item-content {
  transition: padding-bottom var(--transition-duration) ease;
  padding: 24px 18px;
  flex-grow: 1;
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}
.section-news .newsroom-item-header-container {
  position: relative
}
.section-news .newsroom-item-header {
  flex-direction: column;
  justify-content: space-between
}
.section-news .newsroom-item-title {
  margin-bottom: 16px
}
@media only screen and (max-width: 1068px) {
  .section-news .newsroom-item-title {
    margin-bottom: 13px
  }
}
@media only screen and (max-width: 734px) {
  .section-news .newsroom-item-title {
    margin-bottom: 12px
  }
}
.section-news .newsroom-item-time {
  color: #6e6e73;
  font-size: 12px
}
.section-news .newsroom-item-description {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.05s ease;
  transition-delay: 0;
  color: #6e6e73;
  position: absolute;
  left: 0;
  bottom: -16px;
  transform: translateY(100%);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.section-news .newsroom-item:hover {
  text-decoration: none
}
html.no-reduced-motion.no-touch .section-news .newsroom-item:hover, html.no-reduced-motion.no-touch .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) {
  text-decoration: none
}
html.no-reduced-motion.no-touch .section-news .newsroom-item:hover .newsroom-item-article, html.no-reduced-motion.no-touch .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-article {
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.04), -10px 0 20px 0px rgba(0, 0, 0, 0.04)
}
html.no-reduced-motion.no-touch .section-news .newsroom-item:hover .newsroom-item-image, html.no-reduced-motion.no-touch .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-image {
  height: 222px
}
@media only screen and (max-width: 1068px) {
  html.no-reduced-motion.no-touch .section-news .newsroom-item:hover .newsroom-item-image, html.no-reduced-motion.no-touch .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-image {
    height: 141px
  }
}
@media only screen and (max-width: 734px) {
  html.no-reduced-motion.no-touch .section-news .newsroom-item:hover .newsroom-item-image, html.no-reduced-motion.no-touch .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-image {
    height: 109.5px
  }
}
html.no-reduced-motion.no-touch .section-news .newsroom-item:hover .newsroom-item-picture, html.no-reduced-motion.no-touch .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-picture {
  transform: scale(1.05)
}
html.no-reduced-motion.no-touch .section-news .newsroom-item:hover .newsroom-item-picture:after, html.no-reduced-motion.no-touch .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-picture:after {
  opacity: 0.15
}
html.no-reduced-motion.no-touch .section-news .newsroom-item:hover .newsroom-item-content, html.no-reduced-motion.no-touch .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-content {
  padding-bottom: 72px
}
html.no-reduced-motion.no-touch.text-zoom .section-news .newsroom-item:hover .newsroom-item-content, html.no-reduced-motion.no-touch.text-zoom .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-content {
  padding-bottom: 100px
}
html.no-reduced-motion.no-touch .section-news .newsroom-item:hover .newsroom-item-description, html.no-reduced-motion.no-touch .section-news .newsroom-item:focus:not([data-focus-method*="mouse"]) .newsroom-item-description {
  visibility: visible;
  opacity: 1;
  transition-delay: calc(var(--transition-duration) * 0.8);
  transition-duration: calc(var(--transition-duration) * 0.8)
}
html.no-reduced-motion.touch .section-news .newsroom-item.hover {
  text-decoration: none
}
html.no-reduced-motion.touch .section-news .newsroom-item.hover .newsroom-item-article {
  box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.04), -10px 0 20px 0px rgba(0, 0, 0, 0.04)
}
html.no-reduced-motion.touch .section-news .newsroom-item.hover .newsroom-item-image {
  height: 222px
}
@media only screen and (max-width: 1068px) {
  html.no-reduced-motion.touch .section-news .newsroom-item.hover .newsroom-item-image {
    height: 141px
  }
}
@media only screen and (max-width: 734px) {
  html.no-reduced-motion.touch .section-news .newsroom-item.hover .newsroom-item-image {
    height: 109.5px
  }
}
html.no-reduced-motion.touch .section-news .newsroom-item.hover .newsroom-item-picture {
  transform: scale(1.05)
}
html.no-reduced-motion.touch .section-news .newsroom-item.hover .newsroom-item-picture:after {
  opacity: 0.15
}
html.no-reduced-motion.touch .section-news .newsroom-item.hover .newsroom-item-content {
  padding-bottom: 72px
}
html.no-reduced-motion.touch.text-zoom .section-news .newsroom-item.hover .newsroom-item-content {
  padding-bottom: 100px
}
html.no-reduced-motion.touch .section-news .newsroom-item.hover .newsroom-item-description {
  visibility: visible;
  opacity: 1;
  transition-delay: calc(var(--transition-duration) * 0.8);
  transition-duration: calc(var(--transition-duration) * 0.8)
}
.play-pause-button {
  width: 36px;
  height: 36px
}
.play-pause-button * {
  pointer-events: none
}
.play-pause-button.paused .play-icon {
  opacity: 0.999
}
.play-pause-button.paused .pause-icon {
  opacity: 0.001
}
.play-pause-button.playing .play-icon {
  opacity: 0.001
}
.play-pause-button.playing .pause-icon {
  opacity: 0.999
}
.play-pause-button .control-icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.play-pause-button svg {
  fill: currentColor
}
html.no-js .play-pause-button {
  display: none
}
.section-hero {
  overflow: hidden
}
.section-hero .hero {
  background: #fff
}
@keyframes fade-in {
  0% {
    opacity: 0;
    animation-timing-function: ease-out
  }
  100% {
    transform: translateY(0);
    opacity: 1;
    animation-timing-function: ease-out
  }
}
.section-hero .hero .overview-hero {
  position: relative;
  margin-top: -114px;
  display: none
}
@media only screen and (max-width: 734px) {
  .section-hero .hero .overview-hero {
    left: 50%;
    margin-left: -367px
  }
}
@media only screen and (max-width: 1068px) {
  .section-hero .hero .overview-hero {
    margin-top: -134px
  }
}
@media only screen and (max-width: 734px) {
  .section-hero .hero .overview-hero {
    margin-top: -96px
  }
}
@media only screen and (max-width: 734px) {
  .section-hero .hero .overview-hero {
    display: block;
    opacity: 0;
    animation: fade-in 1500ms linear 0s normal 1 both;
    animation-delay: 300ms;
    margin-bottom: -50px
  }
}
.section-hero .hero .chiclets {
  --chiclet-size: 96px;
  display: grid;
  grid-gap: 22px;
  grid-template-rows: repeat(5, var(--chiclet-size));
  grid-template-columns: repeat(19, var(--chiclet-size));
  justify-content: center;
  margin-top: -38px;
  margin-bottom: -38px
}
@media only screen and (max-width: 1068px) {
  .section-hero .hero .chiclets {
    --chiclet-size: 72px
  }
}
@media only screen and (max-width: 734px) {
  .section-hero .hero .chiclets {
    display: none
  }
}
@media only screen and (max-width: 1068px) {
  .section-hero .hero .chiclets {
    grid-gap: 17px
  }
}
.section-hero .hero .chiclets .overview-chiclets-hero-01-1 {
  --row: 1;
  --col: 1;
  --delay: 250ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-02-1 {
  --row: 1;
  --col: 2;
  --delay: 350ms;
  --offset: -63px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-02-2 {
  --row: 2;
  --col: 2;
  --delay: 500ms;
  --offset: -63px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-03-1 {
  --row: 1;
  --col: 3;
  --delay: 450ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-03-2 {
  --row: 2;
  --col: 3;
  --delay: 600ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-04-1 {
  --row: 1;
  --col: 4;
  --delay: 550ms;
  --offset: 51px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-04-2 {
  --row: 2;
  --col: 4;
  --delay: 700ms;
  --offset: 51px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-05-1 {
  --row: 1;
  --col: 5;
  --delay: 650ms;
  --offset: -15px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-05-2 {
  --row: 2;
  --col: 5;
  --delay: 800ms;
  --offset: -15px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-05-3 {
  --row: 3;
  --col: 5;
  --delay: 950ms;
  --offset: -15px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-06-1 {
  --row: 1;
  --col: 6;
  --delay: 750ms;
  --offset: 22px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-06-2 {
  --row: 2;
  --col: 6;
  --delay: 900ms;
  --offset: 22px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-06-3 {
  --row: 3;
  --col: 6;
  --delay: 1050ms;
  --offset: 22px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-07-1 {
  --row: 1;
  --col: 7;
  --delay: 850ms;
  --offset: -26px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-07-2 {
  --row: 2;
  --col: 7;
  --delay: 1000ms;
  --offset: -26px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-07-3 {
  --row: 3;
  --col: 7;
  --delay: 1150ms;
  --offset: -26px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-07-4 {
  --row: 4;
  --col: 7;
  --delay: 1300ms;
  --offset: -26px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-08-1 {
  --row: 1;
  --col: 8;
  --delay: 950ms;
  --offset: 12px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-08-2 {
  --row: 2;
  --col: 8;
  --delay: 1100ms;
  --offset: 12px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-08-3 {
  --row: 3;
  --col: 8;
  --delay: 1250ms;
  --offset: 12px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-08-4 {
  --row: 4;
  --col: 8;
  --delay: 1400ms;
  --offset: 12px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-09-1 {
  --row: 1;
  --col: 9;
  --delay: 1050ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-09-2 {
  --row: 2;
  --col: 9;
  --delay: 1200ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-09-3 {
  --row: 3;
  --col: 9;
  --delay: 1350ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-09-4 {
  --row: 4;
  --col: 9;
  --delay: 1500ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-09-5 {
  --row: 5;
  --col: 9;
  --delay: 1650ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-10-1 {
  --row: 1;
  --col: 10;
  --delay: 1150ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-10-2 {
  --row: 2;
  --col: 10;
  --delay: 1300ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-10-3 {
  --row: 3;
  --col: 10;
  --delay: 1450ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-10-4 {
  --row: 4;
  --col: 10;
  --delay: 1600ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-11-1 {
  --row: 1;
  --col: 11;
  --delay: 1050ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-11-2 {
  --row: 2;
  --col: 11;
  --delay: 1200ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-11-3 {
  --row: 3;
  --col: 11;
  --delay: 1350ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-11-4 {
  --row: 4;
  --col: 11;
  --delay: 1500ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-11-5 {
  --row: 5;
  --col: 11;
  --delay: 1650ms;
  --offset: -37px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-12-1 {
  --row: 1;
  --col: 12;
  --delay: 950ms;
  --offset: 12px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-12-2 {
  --row: 2;
  --col: 12;
  --delay: 1100ms;
  --offset: 12px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-12-3 {
  --row: 3;
  --col: 12;
  --delay: 1250ms;
  --offset: 12px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-12-4 {
  --row: 4;
  --col: 12;
  --delay: 1400ms;
  --offset: 12px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-13-1 {
  --row: 1;
  --col: 13;
  --delay: 850ms;
  --offset: -26px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-13-2 {
  --row: 2;
  --col: 13;
  --delay: 1000ms;
  --offset: -26px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-13-3 {
  --row: 3;
  --col: 13;
  --delay: 1150ms;
  --offset: -26px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-13-4 {
  --row: 4;
  --col: 13;
  --delay: 1300ms;
  --offset: -26px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-14-1 {
  --row: 1;
  --col: 14;
  --delay: 750ms;
  --offset: 22px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-14-2 {
  --row: 2;
  --col: 14;
  --delay: 900ms;
  --offset: 22px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-14-3 {
  --row: 3;
  --col: 14;
  --delay: 1050ms;
  --offset: 22px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-15-1 {
  --row: 1;
  --col: 15;
  --delay: 650ms;
  --offset: -15px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-15-2 {
  --row: 2;
  --col: 15;
  --delay: 800ms;
  --offset: -15px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-15-3 {
  --row: 3;
  --col: 15;
  --delay: 950ms;
  --offset: -15px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-16-1 {
  --row: 1;
  --col: 16;
  --delay: 550ms;
  --offset: 51px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-16-2 {
  --row: 2;
  --col: 16;
  --delay: 700ms;
  --offset: 51px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-17-1 {
  --row: 1;
  --col: 17;
  --delay: 450ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-17-2 {
  --row: 2;
  --col: 17;
  --delay: 600ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-18-1 {
  --row: 1;
  --col: 18;
  --delay: 350ms;
  --offset: -63px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-18-2 {
  --row: 2;
  --col: 18;
  --delay: 500ms;
  --offset: -63px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
.section-hero .hero .chiclets .overview-chiclets-hero-19-1 {
  --row: 1;
  --col: 19;
  --delay: 250ms;
  --offset: 0px;
  grid-row: var(--row);
  grid-column: var(--col);
  margin-top: var(--offset)
}
@media only screen and (max-width: 1068px) {
  .section-hero .hero .chiclets {
    margin-top: -101px
  }
}
.section-hero .hero .chiclets picture {
  opacity: 0;
  transform: translateY(calc(var(--chiclet-size)/8 * -1));
  will-change: opacity, transform
}
@media only screen and (max-width: 1068px) {
  .section-hero .hero .chiclets picture {
    width: var(--chiclet-size);
    height: var(--chiclet-size)
  }
}
.section-hero .hero .section-content {
  padding-bottom: 72px;
  text-align: center
}
@media only screen and (max-width: 1068px) {
  .section-hero .hero .section-content {
    padding-bottom: 58px
  }
}
@media only screen and (max-width: 734px) {
  .section-hero .hero .section-content {
    padding-bottom: 36px
  }
}
.section-hero .hero .hero-eyebrow, .section-hero .hero .hero-headline {
  margin: auto
}
.section-hero .hero .hero-eyebrow {
  padding-top: 8px;
  opacity: 0
}
.section-hero .hero .hero-headline {
  max-width: 910px;
  padding-top: 52px;
  text-align: center
}
@media only screen and (max-width: 1068px) {
  .section-hero .hero .hero-headline {
    max-width: 520px;
    padding-top: 68px
  }
}
@media only screen and (max-width: 734px) {
  .section-hero .hero .hero-headline {
    max-width: 430px;
    padding-top: 38px;
    text-align: left
  }
}
@media only screen and (max-width: 734px) {
  .section-hero .hero .hero-headline {
    margin: 0
  }
}
.section-hero .overview-icon-appstore {
  margin: 0 auto 0;
  opacity: 0;
  margin-top: 10px
}
@media only screen and (max-width: 734px) {
  .section-hero .overview-icon-appstore {
    margin-top: 13px
  }
}
.section-hero .hero-intro {
  padding: 0 0 150px 0
}
@media only screen and (max-width: 1068px) {
  .section-hero .hero-intro {
    padding: 0 0 90px 0
  }
}
@media only screen and (max-width: 734px) {
  .section-hero .hero-intro {
    padding: 0 0 70px 0
  }
}
.section-hero .hero-copy {
  text-align: center;
  width: 886px;
  margin: 0 auto;
  width: 886px
}
@media only screen and (max-width: 734px) {
  .section-hero .hero-copy {
    text-align: left
  }
}
@media only screen and (max-width: 1068px) {
  .section-hero .hero-copy {
    width: 627px
  }
}
@media only screen and (max-width: 734px) {
  .section-hero .hero-copy {
    width: initial
  }
}
.section-hero .animate .chiclets picture {
  animation: fade-in 1300ms linear 0s normal 1 both;
  animation-delay: var(--delay)
}
.section-hero .animate .overview-icon-appstore {
  animation: fade-in 1500ms linear 0s normal 1 both;
  animation-delay: 1700ms
}
.section-hero .animate .hero-eyebrow {
  animation: fade-in 1500ms linear 0s normal 1 both;
  animation-delay: 1800ms
}
@media only screen and (max-width: 734px) {
  .section-hero .animate .overview-hero {
    animation: fade-in 1500ms linear 0s normal 1 both;
    animation-delay: 300ms
  }
}
.section-hero .static .chiclets picture, html.reduced-motion .section-hero .chiclets picture {
  opacity: 1;
  transform: none;
  animation: none
}
.section-hero .static .overview-icon-appstore, html.reduced-motion .section-hero .overview-icon-appstore {
  opacity: 1;
  animation: none;
  position: relative;
  z-index: 1
}
.section-hero .static .hero-eyebrow, html.reduced-motion .section-hero .hero-eyebrow {
  opacity: 1;
  animation: none
}
@media only screen and (max-width: 734px) {
  .section-hero .static .overview-hero, html.reduced-motion .section-hero .overview-hero {
    animation: none;
    opacity: 1
  }
}
.section-hardware .section-headline {
  margin-left: auto;
  margin-right: auto;
  width: 920px
}
@media only screen and (max-width: 1068px) {
  .section-hardware .section-headline {
    width: initial
  }
}
.app-store-wrapper {
  background: #f5f5f7;
  padding-bottom: 168px
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper {
    padding-bottom: 130px
  }
}
.app-store-wrapper .section-store-banner {
  padding-bottom: 40px
}
.app-store-wrapper .section-apps {
  opacity: 0
}
.app-store-wrapper .section-apps.hide {
  display: none;
  pointer-events: none
}
.app-store-wrapper .section-apps.initialized {
  opacity: 1
}
.app-store-wrapper .section-apps.near-section .has-fade {
  will-change: opacity
}
.app-store-wrapper .section-apps.near-section .has-fade.faded-in {
  will-change: auto
}
html.safari .app-store-wrapper .section-apps.near-section .marquee-item-link {
  will-change: transform, opacity
}
.app-store-wrapper .section-apps.near-section .transform-wrapper {
  will-change: transform
}
html.no-js .app-store-wrapper .section-apps {
  display: none
}
.app-store-wrapper .apps-marquee {
  width: 100%;
  overflow: hidden;
  position: relative;
  transition: transform 0.6s ease-out, opacity 0.6s;
  margin-top: -5px
}
.app-store-wrapper .apps-marquee .transform-wrapper {
  display: flex
}
.app-store-wrapper .apps-marquee .marquee-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-shrink: 0
}
.app-store-wrapper .marquee-item {
  flex-shrink: 0;
  position: relative;
  width: 390px;
  height: 478px;
  margin: 5px 12px 25px
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item {
    width: 293px;
    height: 359px;
    margin: 5px 10px 20px
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item {
    width: 195px;
    height: 240px;
    margin: 5px 6px 12px
  }
}
.app-store-wrapper .marquee-item-link {
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  height: 100%
}
.app-store-wrapper .marquee-item-link:hover {
  text-decoration: none
}
.app-store-wrapper .marquee-item-label {
  position: absolute;
  color: #fff;
  font-size: 17px;
  line-height: 1.17648;
  font-weight: 600;
  letter-spacing: -.01em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 18px 24px
}
.app-store-wrapper .marquee-item-label:lang(ar) {
  letter-spacing: 0em;
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-label:lang(ja) {
  letter-spacing: 0em;
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-label:lang(ko) {
  letter-spacing: 0em;
  font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-label:lang(zh) {
  letter-spacing: 0em
}
.app-store-wrapper .marquee-item-label:lang(th) {
  font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-label:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-label:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-label:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-label:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-label {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh) {
    letter-spacing: 0em
  }
  .app-store-wrapper .marquee-item-label:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item-label {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh) {
    letter-spacing: 0em
  }
  .app-store-wrapper .marquee-item-label:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-label:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-label {
    padding: 14px 18px
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item-label {
    padding: 10px 14px
  }
}
.app-store-wrapper .marquee-item-media {
  height: 100%;
  width: 100%;
  display: inline-flex
}
.app-store-wrapper .marquee-item-media:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 70px;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  opacity: .7
}
.app-store-wrapper .marquee-item-media img {
  object-fit: cover;
  object-position: left center;
  height: 100%;
  width: 100%
}
.app-store-wrapper .marquee-item-picture {
  display: block;
  height: 100%;
  width: 100%
}
.app-store-wrapper .marquee-item-chiclet {
  overflow: hidden;
  min-width: 53px;
  min-height: 53px;
  width: 53px;
  height: 53px;
  margin-right: 15px;
  border-radius: 10px
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-chiclet {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    margin-right: 10px
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item-chiclet {
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    margin-right: 7px;
    border-radius: 7px
  }
}
.app-store-wrapper .marquee-item-chiclet img {
  width: 100%;
  height: 100%
}
.app-store-wrapper .marquee-item-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  min-height: 70px;
  padding: 14px 20px
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-content {
    min-height: 55px;
    padding: 10px 15px
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item-content {
    min-height: 40px;
    padding: 10px 10px
  }
}
.app-store-wrapper .marquee-item-copy {
  overflow: hidden;
  flex-grow: 2;
  color: #86868b;
  margin-right: 15px
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-copy {
    margin-right: 10px
  }
}
.app-store-wrapper .marquee-item-title {
  font-size: 16px;
  line-height: 1.1875;
  font-weight: 500;
  letter-spacing: 0em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  white-space: normal
}
.app-store-wrapper .marquee-item-title:lang(ar) {
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-title:lang(ja) {
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-title:lang(ko) {
  font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-title:lang(th) {
  font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-title:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-title:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-title:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-title:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-title {
    font-size: 12px;
    line-height: 1.16667;
    font-weight: 500;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item-title {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-title:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
.app-store-wrapper .marquee-item-description {
  font-size: 15px;
  line-height: 1.33338;
  font-weight: 400;
  letter-spacing: 0em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #86868b;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 3px
}
.app-store-wrapper .marquee-item-description:lang(ar) {
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-description:lang(ja) {
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-description:lang(ko) {
  font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-description:lang(th) {
  font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-description:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-description:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-description:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-description:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-description {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item-description {
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-description:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
.app-store-wrapper .marquee-item-cta-wrapper {
  text-align: center
}
.app-store-wrapper .marquee-item-cta {
  font-size: 14px;
  line-height: 1.14286;
  font-weight: 700;
  letter-spacing: 0em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  border-radius: 18px;
  padding: 6px 14px;
  text-transform: uppercase;
  background-color: #f5f5f7;
  color: #0071e3
}
.app-store-wrapper .marquee-item-cta:lang(ar) {
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-cta:lang(ja) {
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-cta:lang(ko) {
  font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-cta:lang(th) {
  font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-cta:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-cta:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-cta:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-cta:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-cta {
    font-size: 12px;
    line-height: 1.16667;
    font-weight: 700;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item-cta {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-cta:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-cta {
    padding: 6px 12px
  }
}
.app-store-wrapper .marquee-item-cta:hover {
  background-color: #e8e8ed
}
.app-store-wrapper .marquee-item-cta:hover .icon-copy {
  text-decoration: none
}
.app-store-wrapper .marquee-item-cta:active {
  background-color: #e8e8ed
}
.app-store-wrapper .marquee-item-iap {
  font-size: 9px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0em;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  margin-top: 9px;
  display: block;
  color: #86868b;
  white-space: nowrap
}
.app-store-wrapper .marquee-item-iap:lang(ar) {
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-iap:lang(ja) {
  font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-iap:lang(ko) {
  font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-iap:lang(th) {
  font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-iap:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-iap:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-iap:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item-iap:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item-iap {
    font-size: 8px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-iap:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-iap:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-iap:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-iap:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-iap:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-iap:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-iap:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item-iap:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item-iap {
    margin-top: 7px
  }
}
.app-store-wrapper .marquee-item.today .marquee-item-media:before {
  display: none
}
.app-store-wrapper .marquee-item.today .marquee-item-label {
  white-space: pre-wrap;
  font-size: 48px;
  line-height: .875;
  font-weight: 800;
  letter-spacing: 0em;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  bottom: 98px
}
.app-store-wrapper .marquee-item.today .marquee-item-label:lang(ar) {
  font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item.today .marquee-item-label:lang(ja) {
  font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item.today .marquee-item-label:lang(ko) {
  font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item.today .marquee-item-label:lang(th) {
  font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-CN) {
  font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-HK) {
  font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-MO) {
  font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
.app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-TW) {
  font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item.today .marquee-item-label {
    font-size: 36px;
    line-height: .83345;
    font-weight: 800;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(th) {
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item.today .marquee-item-label {
    font-size: 26px;
    line-height: .84625;
    font-weight: 800;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(th) {
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
  .app-store-wrapper .marquee-item.today .marquee-item-label:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
  }
}
@media only screen and (max-width: 1068px) {
  .app-store-wrapper .marquee-item.today .marquee-item-label {
    bottom: 75px
  }
}
@media only screen and (max-width: 734px) {
  .app-store-wrapper .marquee-item.today .marquee-item-label {
    bottom: 60px
  }
}
html.text-zoom .app-store-wrapper .marquee-item {
  width: 500px;
  height: 600px
}
html.text-zoom .app-store-wrapper .marquee-item-content {
  min-height: unset
}
html.text-zoom .app-store-wrapper .marquee-item-label {
  top: 0
}
.app-store-wrapper .has-fade {
  opacity: 0;
  transition: transform 0.6s, opacity 0.6s
}
.app-store-wrapper .has-fade.ready {
  opacity: 1
}
.app-store-wrapper .has-fade.fade-in {
  opacity: 0.999;
  transform: translateY(0)
}
.app-store-wrapper .has-fade.simple {
  transform: translateY(0);
  transition: opacity 0.6s
}
html.prefers-reduced-motion .app-store-wrapper .has-fade {
  opacity: 0.999;
  transform: translateY(0)
}
.app-store-wrapper [data-kind="Collection"] .marquee-item-chiclet {
  display: none
}
.app-store-wrapper .controls-wrapper {
  position: relative
}
.app-store-wrapper .controls-wrapper .controls {
  position: absolute;
  top: 25px;
  right: 30px
}
html.reduced-motion .app-store-wrapper .controls-wrapper .controls {
  display: none
}
.app-store-wrapper .controls-wrapper .play-pause-marquee-button {
  position: relative;
  display: block;
  pointer-events: auto
}
.grid-item-problem h3 {
  padding-right: 50px
}
@media only screen and (max-width: 1068px) {
  .grid-item-problem h3 {
    padding-right: 0px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-problem h3 {
    padding-right: 12px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-problem.full .flex-content {
    flex-direction: column
  }
}
.grid-item-problem.full .flex-content .icon picture {
  margin: 0 auto
}
@media only screen and (max-width: 734px) {
  .grid-item-problem.full .flex-content .icon picture {
    margin: 0px auto 50px
  }
}
.grid-item-stories h3 {
  max-width: 322px
}
@media only screen and (max-width: 1068px) {
  .grid-item-stories h3 {
    max-width: 280px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-stories h3 {
    padding-top: var(--tile-padding-vertical);
    padding-right: var(--tile-padding-horizontal)
  }
}
.grid-item-stories .picture-container {
  align-self: flex-end
}
@media only screen and (min-width: 735px) {
  .grid-item-stories .picture-container {
    margin-right: calc(-1 * var(--tile-padding));
    margin-bottom: calc(-1 * var(--tile-padding))
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-stories .picture-container {
    align-self: flex-start;
    margin-right: auto
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-details.full .headline-content, .grid-item-details.full .picture-container {
    width: 100%
  }
}
.grid-item-details.full .headline-content {
  padding-left: var(--tile-padding)
}
@media only screen and (max-width: 734px) {
  .grid-item-details.full .headline-content {
    padding-left: 0;
    margin-left: 0
  }
}
.grid-item-details.full h3 {
  max-width: 350px
}
@media only screen and (max-width: 734px) {
  .grid-item-details.full h3 {
    max-width: 250px
  }
}
.grid-item-details.full .picture-container {
  align-self: flex-end;
  margin-bottom: calc(-1 * var(--tile-padding))
}
@media only screen and (max-width: 734px) {
  .grid-item-details.full .picture-container {
    padding-top: 42px;
    padding-left: 0;
    margin-left: calc(-1 * var(--tile-padding-horizontal));
    margin-bottom: calc(-1 * var(--tile-padding-vertical))
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-details.full .picture-container picture {
    float: right;
    margin-right: 32px
  }
}
.grid-item-review h3 {
  max-width: 400px
}
@media only screen and (max-width: 1068px) {
  .grid-item-review h3 {
    max-width: 246px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-review h3 {
    max-width: 280px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-review .picture-container {
    padding-bottom: 26px
  }
}
.grid-item-review picture {
  margin-right: calc(-1 * var(--tile-padding))
}
@media only screen and (max-width: 734px) {
  .grid-item-review picture {
    padding-top: var(--tile-padding-vertical);
    margin-right: calc(-1 * var(--tile-padding-horizontal))
  }
}
.grid-item-data .picture-container {
  align-self: flex-end;
  margin-bottom: calc(-1 * var(--tile-padding));
  flex-shrink: 0
}
@media only screen and (max-width: 734px) {
  .grid-item-data .picture-container {
    align-self: flex-start;
    padding-top: var(--tile-padding-vertical);
    margin-bottom: calc(-1 * var(--tile-padding-vertical))
  }
}
@media only screen and (min-width: 735px) {
  .grid-item-data .headline-content {
    margin-left: calc(var(--grid-gutter) / 2);
    padding-left: var(--tile-padding)
  }
}
.grid-item-data h3 {
  max-width: 366px
}
@media only screen and (max-width: 1068px) {
  .grid-item-data h3 {
    max-width: 230px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-data h3 {
    max-width: 260px
  }
}
.grid-item-guidelines {
  padding: 0
}
@media only screen and (max-width: 1068px) {
  .grid-item-guidelines.grid-item.half {
    padding: 0
  }
}
.grid-item-guidelines h3 {
  padding: var(--tile-padding);
  padding-bottom: 0
}
.grid-item-guidelines picture {
  margin-top: 50px
}
@media only screen and (max-width: 734px) {
  .grid-item-guidelines picture {
    margin-top: 25px;
    margin-bottom: 77px;
    left: 50%;
    margin-left: -175px;
    position: relative
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-potential .headline-content, .grid-item-potential .picture-container {
    width: 100%
  }
}
.grid-item-potential .picture-container {
  margin-right: calc(-1 * var(--tile-padding));
  flex-basis: 50%;
  max-width: 50%
}
@media only screen and (max-width: 734px) {
  .grid-item-potential .picture-container {
    margin-top: calc(-1 * var(--tile-padding-vertical));
    flex-basis: 100%;
    max-width: 100%
  }
}
.grid-item-potential .picture-container picture {
  float: right
}
@media only screen and (max-width: 734px) {
  .grid-item-potential .picture-container picture {
    float: none;
    left: 50%;
    margin-left: -175px;
    position: relative
  }
}
.grid-item-potential .headline-content {
  position: relative
}
@media only screen and (max-width: 734px) {
  .grid-item-potential .headline-content {
    padding-top: var(--tile-padding-vertical)
  }
}
.grid-item-potential h3 {
  max-width: 350px
}
@media only screen and (max-width: 1068px) {
  .grid-item-potential h3 {
    max-width: 290px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-help .headline-content, .grid-item-help .picture-container {
    width: 100%
  }
}
.grid-item-help .picture-container {
  align-self: flex-end;
  margin-right: calc(-1 * var(--tile-padding));
  margin-bottom: calc(-1 * var(--tile-padding))
}
@media only screen and (max-width: 1068px) {
  .grid-item-help .picture-container {
    align-self: center;
    margin-right: calc(-1 * var(--tile-padding));
    margin-bottom: 0
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-help .picture-container {
    align-self: flex-start;
    margin-right: 0
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-help .headline-content {
    padding-top: var(--tile-padding-vertical)
  }
}
.grid-item-in-app.full {
  height: initial
}
@media only screen and (max-width: 1068px) {
  .grid-item-in-app.full {
    height: 0px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-in-app.full {
    height: initial;
    padding-top: 18px
  }
}
.grid-item-in-app.full .flex-content {
  justify-content: space-between
}
@media only screen and (max-width: 1068px) {
  .grid-item-in-app.full .flex-content {
    justify-content: space-around
  }
}
.grid-item-in-app.full .flex-content .violator-headline {
  margin-top: 15px;
  margin-bottom: 16px
}
@media only screen and (max-width: 1068px) {
  .grid-item-in-app.full .flex-content .violator-headline {
    margin-top: 5px;
    margin-bottom: 13px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-in-app.full .flex-content .violator-headline {
    margin-bottom: 11px
  }
}
.grid-item-in-app.full .flex-content .headline-content {
  width: 101%;
  flex-grow: 0
}
@media only screen and (max-width: 1068px) {
  .grid-item-in-app.full .flex-content .headline-content {
    width: 100%
  }
}
.grid-item-in-app.full .flex-content .picture-container {
  width: calc(100% + 2 * var(--tile-padding));
  margin-left: calc(-1 * var(--tile-padding))
}
@media only screen and (max-width: 734px) {
  .grid-item-in-app.full .flex-content .picture-container {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-in-app.full .flex-content .picture-container picture {
    left: 50%;
    margin-left: -175px;
    position: relative
  }
}
.grid-item-instant.full .flex-content {
  justify-content: space-between
}
@media only screen and (max-width: 1068px) {
  .grid-item-instant.full .flex-content {
    justify-content: space-around
  }
}
.grid-item-instant.full .picture-container {
  width: calc(100% + 2 * var(--tile-padding));
  margin-left: calc(-1 * var(--tile-padding))
}
@media only screen and (max-width: 734px) {
  .grid-item-instant.full .picture-container {
    padding-top: var(--tile-padding-vertical);
    padding-bottom: 20px;
    width: 100%
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-instant.full picture {
    left: 50%;
    margin-left: -175px;
    position: relative
  }
}
.grid-item-instant.full .headline-content {
  flex-grow: 0
}
.grid-item-refund h3 {
  max-width: 330px
}
@media only screen and (max-width: 1068px) {
  .grid-item-refund h3 {
    max-width: 280px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-refund h3 {
    max-width: 230px
  }
}
.grid-item-refund .picture-container {
  align-self: flex-end;
  margin-bottom: calc(-1 * var(--tile-padding));
  position: relative;
  left: -30px
}
@media only screen and (max-width: 1068px) {
  .grid-item-refund .picture-container {
    left: -20px
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-refund .picture-container {
    left: 0
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-refund .picture-container {
    align-self: flex-start;
    padding-top: var(--tile-padding-vertical);
    margin-bottom: calc(-1 * var(--tile-padding-vertical))
  }
}
@media only screen and (max-width: 734px) {
  .grid-item-currencies.grid-item.icon-half .flex-content .icon .overview-icon-currency {
    margin-left: 0
  }
}
.overview-chiclets-hero-01-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-02-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-02-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-03-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-03-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-04-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-04-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-05-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-05-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-05-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-06-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-06-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-06-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-07-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-07-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-07-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-07-4 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-08-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-08-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-08-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-08-4 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-09-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-09-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-09-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-09-4 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-09-5 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-10-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-10-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-10-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-10-4 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-11-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-11-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-11-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-11-4 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-11-5 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-12-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-12-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-12-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-12-4 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-13-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-13-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-13-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-13-4 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-14-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-14-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-14-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-15-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-15-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-15-3 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-16-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-16-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-17-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-17-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-18-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-18-2 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-chiclets-hero-19-1 {
  display: block;
  width: 96px;
  height: 96px
}
.overview-discovery-curated {
  display: block;
  width: 360px;
  height: 366px
}
@media only screen and (max-width: 1068px) {
  .overview-discovery-curated {
    display: block;
    width: 242px;
    height: 256px
  }
}
@media only screen and (max-width: 734px) {
  .overview-discovery-curated {
    display: block;
    width: 200px;
    height: 221px
  }
}
.overview-discovery-details {
  display: block;
  width: 494px;
  height: 493px
}
@media only screen and (max-width: 1068px) {
  .overview-discovery-details {
    display: block;
    width: 351px;
    height: 355px
  }
}
@media only screen and (max-width: 734px) {
  .overview-discovery-details {
    display: block;
    width: 292px;
    height: 324px
  }
}
.overview-discovery-in-app {
  display: block;
  width: 1020px;
  height: 310px
}
@media only screen and (max-width: 1068px) {
  .overview-discovery-in-app {
    display: block;
    width: 689px;
    height: 208px
  }
}
@media only screen and (max-width: 734px) {
  .overview-discovery-in-app {
    display: block;
    width: 350px;
    height: 466px
  }
}
.overview-discovery-stories {
  display: block;
  width: 592px;
  height: 504px
}
@media only screen and (max-width: 1068px) {
  .overview-discovery-stories {
    display: block;
    width: 342px;
    height: 339px
  }
}
@media only screen and (max-width: 734px) {
  .overview-discovery-stories {
    display: block;
    width: 325px;
    height: 297px
  }
}
.overview-download-applecare {
  display: block;
  width: 369px;
  height: 412px
}
@media only screen and (max-width: 1068px) {
  .overview-download-applecare {
    display: block;
    width: 236px;
    height: 262px
  }
}
@media only screen and (max-width: 734px) {
  .overview-download-applecare {
    display: block;
    width: 254px;
    height: 284px
  }
}
.overview-download-instantly {
  display: block;
  width: 1020px;
  height: 283px
}
@media only screen and (max-width: 1068px) {
  .overview-download-instantly {
    display: block;
    width: 689px;
    height: 190px
  }
}
@media only screen and (max-width: 734px) {
  .overview-download-instantly {
    display: block;
    width: 350px;
    height: 450px
  }
}
.overview-download-report {
  display: block;
  width: 225px;
  height: 204px
}
@media only screen and (max-width: 1068px) {
  .overview-download-report {
    display: block;
    width: 161px;
    height: 146px
  }
}
@media only screen and (max-width: 734px) {
  .overview-download-report {
    display: block;
    width: 162px;
    height: 146px
  }
}
.overview-experiences-developers {
  display: block;
  width: 592px;
  height: 504px
}
@media only screen and (max-width: 1068px) {
  .overview-experiences-developers {
    display: block;
    width: 315px;
    height: 270px
  }
}
@media only screen and (max-width: 734px) {
  .overview-experiences-developers {
    display: block;
    width: 321px;
    height: 270px
  }
}
.overview-experiences-devices {
  display: block;
  width: 739px;
  height: 550px
}
@media only screen and (max-width: 1068px) {
  .overview-experiences-devices {
    display: block;
    width: 450px;
    height: 400px
  }
}
@media only screen and (max-width: 734px) {
  .overview-experiences-devices {
    display: block;
    width: 350px;
    height: 367px
  }
}
@media only screen and (max-width: 734px) {
  .overview-hero {
    display: block;
    width: 734px;
    height: 406px
  }
}
.overview-icon-appstore {
  display: block;
  width: 120px;
  height: 120px
}
@media only screen and (max-width: 1068px) {
  .overview-icon-appstore {
    display: block;
    width: 104px;
    height: 104px
  }
}
@media only screen and (max-width: 734px) {
  .overview-icon-appstore {
    display: block;
    width: 72px;
    height: 72px
  }
}
.overview-icon-currency {
  display: block;
  width: 380px;
  height: 124px
}
@media only screen and (max-width: 1068px) {
  .overview-icon-currency {
    display: block;
    width: 278px;
    height: 90px
  }
}
@media only screen and (max-width: 734px) {
  .overview-icon-currency {
    display: block;
    width: 232px;
    height: 76px
  }
}
.overview-icon-family-sharing {
  display: block;
  width: 280px;
  height: 156px
}
@media only screen and (max-width: 1068px) {
  .overview-icon-family-sharing {
    display: block;
    width: 216px;
    height: 122px
  }
}
@media only screen and (max-width: 734px) {
  .overview-icon-family-sharing {
    display: block;
    width: 216px;
    height: 120px
  }
}
.overview-icon-privacy {
  display: block;
  width: 184px;
  height: 252px
}
@media only screen and (max-width: 1068px) {
  .overview-icon-privacy {
    display: block;
    width: 112px;
    height: 154px
  }
}
@media only screen and (max-width: 734px) {
  .overview-icon-privacy {
    display: block;
    width: 114px;
    height: 156px
  }
}
.overview-icon-search {
  display: block;
  width: 216px;
  height: 218px
}
@media only screen and (max-width: 1068px) {
  .overview-icon-search {
    display: block;
    width: 122px;
    height: 122px
  }
}
@media only screen and (max-width: 734px) {
  .overview-icon-search {
    display: block;
    width: 108px;
    height: 108px
  }
}
.overview-icon-secure-purchase {
  display: block;
  width: 202px;
  height: 202px
}
@media only screen and (max-width: 1068px) {
  .overview-icon-secure-purchase {
    display: block;
    width: 150px;
    height: 150px
  }
}
@media only screen and (max-width: 734px) {
  .overview-icon-secure-purchase {
    display: block;
    width: 148px;
    height: 148px
  }
}
.overview-privacy-data {
  display: block;
  width: 360px;
  height: 485px
}
@media only screen and (max-width: 1068px) {
  .overview-privacy-data {
    display: block;
    width: 242px;
    height: 334px
  }
}
@media only screen and (max-width: 734px) {
  .overview-privacy-data {
    display: block;
    width: 201px;
    height: 246px
  }
}
.overview-privacy-security {
  display: block;
  width: 494px;
  height: 322px
}
@media only screen and (max-width: 1068px) {
  .overview-privacy-security {
    display: block;
    width: 333px;
    height: 229px
  }
}
@media only screen and (max-width: 734px) {
  .overview-privacy-security {
    display: block;
    width: 322px;
    height: 227px
  }
}
.overview-trust-guidelines {
  display: block;
  width: 499px;
  height: 221px
}
@media only screen and (max-width: 1068px) {
  .overview-trust-guidelines {
    display: block;
    width: 333px;
    height: 144px
  }
}
@media only screen and (max-width: 734px) {
  .overview-trust-guidelines {
    display: block;
    width: 350px;
    height: 137px
  }
}
.overview-trust-payments {
  display: block;
  width: 360px;
  height: 379px
}
@media only screen and (max-width: 1068px) {
  .overview-trust-payments {
    display: block;
    width: 242px;
    height: 257px
  }
}
@media only screen and (max-width: 734px) {
  .overview-trust-payments {
    display: block;
    width: 241px;
    height: 269px
  }
}
@media only screen and (max-width: 734px) {
  .section .section-headline {
    text-align: left
  }
}