html.no-js picture[data-lazy] {
    display: none!important
}

html.js [data-anim-lazy-image],html.js [data-anim-lazy-image] * {
    background-image: none!important;
    -webkit-mask-image: none!important;
    mask-image: none!important
}

.glass-container {
    display: block;
    position: relative;
    z-index: 1
}

.glass-container .glass-shadow {
    z-index: 1
}

.glass-container .glass-hardware,.glass-container .glass-screen,.glass-container .glass-shadow {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.glass-container .glass-hardware {
    pointer-events: none;
    z-index: 3
}

.glass-container .glass-screen {
    z-index: 4
}

@media only screen and (max-width: 734px) {
    .small-full-width .tile-grid {
        --grid-gutter:0;
        --tile-border-radius: 0
    }
}

.tile-grid {
    grid-column-gap: var(--grid-gutter);
    grid-row-gap: var(--grid-gutter);
    padding-top: 0;
    padding-bottom: 0;
    padding-left: var(--grid-gutter);
    padding-right: var(--grid-gutter);
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    max-width: 1132px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1068px) {
    .tile-grid {
        max-width:850px
    }
}

@media only screen and (max-width: 734px) {
    .tile-grid {
        max-width:var(--grid-max-width)
    }
}

@media only screen and (max-width: 374px) {
    .tile-grid {
        width:100%;
        max-width: none;
        padding-right: 0;
        padding-left: 0
    }
}

.tile {
    border-radius: var(--tile-border-radius);
    display: flex;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    overflow: hidden
}

@media only screen and (max-width: 734px) {
    .tile .typography-feature-headline {
        margin-top:75px
    }
}

.tile .copy-container {
    margin-top: var(--tile-copy-padding);
    margin-bottom: var(--tile-copy-padding);
    padding-right: var(--tile-padding);
    padding-left: var(--tile-padding)
}

@media only screen and (max-width: 734px) {
    .tile .copy-container {
        align-self:start
    }

    .tile .copy-container:first-child {
        margin-top: 50px
    }

    .tile .copy-container:last-child {
        margin-bottom: 75px
    }
}

.tile .copy-container+.media-container,.tile .copy-container+picture {
    margin-bottom: 90px
}

@media only screen and (max-width: 1068px) {
    .tile .copy-container+.media-container,.tile .copy-container+picture {
        margin-bottom:60px
    }
}

@media only screen and (max-width: 734px) {
    .tile .copy-container+.media-container,.tile .copy-container+picture {
        margin-top:60px
    }
}

.tile .typography-callout-sub {
    margin-top: 8px
}

@media only screen and (max-width: 734px) {
    .tile .lottie-animation {
        margin-top:90px;
        margin-bottom: 90px
    }
}

@media only screen and (max-width: 734px) {
    .tile .lottie-animation+.copy-container {
        margin-bottom:75px
    }
}

.tile-content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    align-items: center
}

@media only screen and (max-width: 734px) {
    .tile-content {
        justify-content:center;
        align-items: center
    }
}

.tile-theme-dark .tile {
    background-color: #000
}

.tile-theme-dark .tile .footnote a:not(:hover) {
    color: inherit
}

.tile-theme-dark .tile .footnote a:hover {
    color: #2997ff
}

.tile-theme-dark .tile a,.tile-theme-dark .tile h2,.tile-theme-dark .tile h3 {
    color: #fff
}

.tile-theme-dark .tile p {
    color: #868689
}

.tile-theme-dark .tile .violator {
    border-color: #f56300;
    color: #f56300
}

.tile-theme-dark-alt .tile {
    background-color: #111
}

.tile-theme-dark-alt .tile h2,.tile-theme-dark-alt .tile h3 {
    color: #fff
}

.tile-theme-light .tile {
    background-color: #fff
}

.tile-theme-light .tile h2,.tile-theme-light .tile h3 {
    color: #1d1d1f
}

.tile-theme-gray .tile {
    background-color: var(--grid-background-color)
}

.section-routers {
    --tile-border-radius: 0;
    --tile-gap-spacing: 25px;
    --router-width: 1320px;
    padding-bottom: 275px
}

@media only screen and (max-width: 1068px) {
    .section-routers {
        --router-width:895px;
        padding-bottom: 152px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers {
        --router-width:414px;
        padding-bottom: 80px
    }
}

.section-routers .tile-router {
    margin-bottom: var(--tile-gap-spacing);
    padding-left: var(--grid-gutter);
    padding-right: var(--grid-gutter)
}

.section-routers .tile-router .tile {
    max-width: var(--router-width);
    min-height: var(--router-height)
}

.section-routers .tile-copy {
    color: #000
}

.section-routers .copy-container {
    --tile-padding: 0
}

@media only screen and (max-width: 734px) {
    .section-routers .copy-container {
        --tile-padding:25px
    }
}

.lottie-scroll-container .sticky-content {
    display: grid;
    overflow: hidden;
    align-items: center;
    justify-items: center;
    place-items: center;
    width: 100%
}

.lottie-scroll-container .lottie-animation {
    display: none
}

.lottie-scroll-container .lottie-animation canvas {
    width: 100%;
    height: 100%;
    transform-origin: 0px 0px 0px;
    content-visibility: visible
}

.lottie-scroll-container .lottie-container .static-frame {
    width: var(--static-width)
}

.lottie-scroll-container .lottie-container .static-frame svg {
    width: 100%;
    height: auto
}

html.enhanced .section-carbon .lottie-scroll-container {
    min-height: var(--scroll-height)
}

html.enhanced .section-carbon .lottie-scroll-container .sticky-content {
    position: sticky;
    top: 0;
    min-height: 100vh
}

html.enhanced .section-carbon .lottie-scroll-container .lottie-animation {
    display: block;
    width: var(--canvas-width);
    height: var(--canvas-height)
}

html.enhanced .section-carbon .lottie-scroll-container .lottie-container .static-frame {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0
}

html.enhanced-hero .design-connectivity .lottie-scroll-container {
    min-height: var(--scroll-height)
}

html.enhanced-hero .design-connectivity .lottie-scroll-container .sticky-content {
    position: sticky;
    top: 0;
    min-height: 100vh
}

html.enhanced-hero .design-connectivity .lottie-scroll-container .lottie-animation {
    display: block;
    width: var(--canvas-width);
    height: var(--canvas-height)
}

html.enhanced-hero .design-connectivity .lottie-scroll-container .lottie-container .static-frame {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0
}

.inline-video-container {
    position: relative;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    flex-grow: 0
}

.inline-video-container.loading-disabled .static-frame,.inline-video-container.loading-error .static-frame {
    opacity: 1
}

.inline-video-container .static-frame {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    pointer-events: none
}

.inline-video-container:not(.loaded,.loading-error,.loading-disabled) .start-frame {
    opacity: 1;
    pointer-events: all
}

.inline-video-container .start-frame {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    pointer-events: none
}

.inline-video-container.ended .end-frame {
    pointer-events: all
}

.inline-video-container .end-frame {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    pointer-events: none
}

.inline-video-container video {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%
}

.inline-video-container.with-static .end-frame {
    position: absolute;
    visibility: visible
}

.inline-video-container.with-static .static-frame {
    position: absolute;
    visibility: hidden
}

.inline-video-container.ended .video,.inline-video-container.playing .video,.inline-video-container.with-controls.paused .video {
    visibility: visible
}

.inline-video-container.ended .end-frame {
    opacity: 1
}

html.enhanced .inline-video-container.ended .end-frame {
    transition: all 2s
}

.inline-video-container.ended .static-frame {
    opacity: 1
}

html.enhanced .inline-video-container.ended .static-frame {
    transition: all 2s
}

html.no-enhanced .inline-video-container .static-frame,html.no-js .inline-video-container .static-frame {
    opacity: 1
}

.play-pause-button {
    position: relative;
    opacity: 0;
    pointer-events: none
}

.play-pause-button .slot-pause,.play-pause-button .slot-play,.play-pause-button .slot-replay {
    opacity: 0
}

.paused.loaded .play-pause-button,.play-pause-button.paused.loaded {
    opacity: 1;
    pointer-events: auto
}

.paused.loaded .play-pause-button .slot-play,.play-pause-button.paused.loaded .slot-play {
    opacity: 1
}

.play-pause-button.playing.loaded,.playing.loaded .play-pause-button {
    opacity: 1;
    pointer-events: auto
}

.play-pause-button.playing.loaded .slot-pause,.playing.loaded .play-pause-button .slot-pause {
    opacity: 1
}

.ended.loaded .play-pause-button,.play-pause-button.ended.loaded {
    opacity: 1;
    pointer-events: auto
}

.ended.loaded .play-pause-button .slot-replay,.play-pause-button.ended.loaded .slot-replay {
    opacity: 1
}

@media only screen and (max-width: 734px) {
    .section-pillar {
        --card-width:375px
    }
}

@media only screen and (max-width: 374px) {
    .section-pillar {
        --card-width:320px
    }
}

.gallery {
    --gallery-side-padding: calc(50% - var(--viewport-content)/2);
    /*--card-width: 480px;*/
    /*--card-height: 652px;*/
    --card-bg: #fff;
    --card-block-spacing-top: 50px;
    --card-block-spacing-side: 40px;
    position: relative
}

@media only screen and (max-width: 1068px) {
    .gallery {
        --card-width:384px;
        --card-height: 590px
    }
}

@media only screen and (max-width: 734px) {
    .gallery {
        --card-width:375px;
        --card-height: 570px;
        --card-block-spacing-top: 30px;
        --card-block-spacing-side: 20px;
        --gallery-side-padding: calc(50% - var(--card-width)/2)
    }
}

@media only screen and (max-width: 374px) {
    .gallery {
        --card-width:320px;
        --card-height: 605px
    }
}

.gallery .card-gallery-container {
    padding-top: 90px;
    padding-bottom: 140px
}

@media only screen and (max-width: 1068px) {
    .gallery .card-gallery-container {
        padding-bottom:120px
    }
}

@media only screen and (max-width: 734px) {
    .gallery .card-gallery-container {
        padding-bottom:124px
    }
}

.gallery .scroll-container {
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    margin-bottom: 10px;
    scroll-padding: var(--gallery-side-padding)
}

html.firefox .gallery .scroll-container {
    scroll-snap-type: none!important
}

.gallery .item-container {
    margin: 0;
    position: relative;
    display: grid;
    grid-gap: 20px;
    grid-auto-flow: column;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: var(--gallery-side-padding);
    padding-right: var(--gallery-side-padding);
    list-style-type: none
}

.gallery ::-webkit-scrollbar {
    display: none;
    width: 0px;
    background: transparent
}

@media only screen and (max-width: 374px) {
    .gallery .card,.gallery .card-block,.gallery .card-image-container {
        max-width:var(--card-width)
    }
}

.gallery .card {
    position: relative;
    width: min-content;
    height: 100%;
    min-width: var(--card-width);
    min-height: var(--card-height);
    overflow: hidden;
    scroll-snap-align: start;
    list-style-type: none;
    background-color: var(--card-bg);
    box-sizing: border-box
}

@media only screen and (max-width: 734px) {
    .gallery .card {
        max-width:var(--card-width)
    }
}

.gallery .card:not(.bg-image) {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
    gap: 20px
}

.gallery .card.theme-dark {
    --card-bg: #000
}

.gallery .card.bg-image .card-block {
    position: relative
}

.gallery .card.bg-image .card-image-container {
    justify-content: center
}

@media only screen and (max-width: 374px) {
    .gallery .card.bg-image .card-image-container {
        align-self:flex-end
    }
}

.gallery .card.bg-image .card-image,.gallery .card.bg-image .card-image img {
    height: 100%
}

.gallery .card.scrim {
    --scrim-height: 25%
}

.gallery .card.scrim:before {
    content: "";
    height: var(--scrim-height);
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    background-image: linear-gradient(180deg,rgba(0,0,0,0.75) 0,rgba(0,0,0,0.7) 6.25%,rgba(0,0,0,0.65) 12.5%,rgba(0,0,0,0.6) 18.75%,rgba(0,0,0,0.55) 25%,rgba(0,0,0,0.5) 31.25%,rgba(0,0,0,0.45) 37.5%,rgba(0,0,0,0.4) 43.75%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.3) 56.25%,rgba(0,0,0,0.25) 62.5%,rgba(0,0,0,0.2) 68.75%,rgba(0,0,0,0.15) 75%,rgba(0,0,0,0.1) 81.25%,rgba(0,0,0,0.05) 87.5%,rgba(0,0,0,0.025) 93.75%,rgba(0,0,0,0))
}

.gallery .bg-image.theme-dark .card-copy {
    color: rgba(255,255,255,.7)
}

.gallery .card-block {
    padding-top: var(--card-block-spacing-top);
    padding-left: var(--card-block-spacing-side);
    padding-right: var(--card-block-spacing-side);
    max-width: 620px
}

.gallery .card-image-container {
    flex-grow: 1;
    display: flex;
    height: 100%
}

.gallery .card-image {
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 374px) {
    .gallery .card-image {
        width:100%
    }
}

.gallery .overview-fitness-fitness-cycling-metrics,.gallery .overview-fitness-fitness-durability,.gallery .overview-fitness-fitness-fitness-plus {
    justify-content: flex-start
}

.gallery .paddlenav-framed {
    position: absolute;
    bottom: 65px;
    right: var(--gallery-side-padding);
    height: 50px
}

@media only screen and (max-width: 734px) {
    .gallery .paddlenav-framed {
        right:calc(50% - var(--viewport-content)/2)
    }
}

.gallery .paddlenav-framed ul {
    display: flex;
    justify-content: center;
    align-items: end;
    height: 50px
}

.gallery .paddlenav-framed .paddlenav-arrow {
    position: relative;
    font-weight: 300;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #1d1d1f;
    transition: all 250ms ease
}

.gallery .paddlenav-framed .paddlenav-arrow:hover {
    opacity: .9
}

.gallery .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):active,.gallery .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):hover {
    color: #fff;
    background-color: #1d1d1f;
    opacity: .9
}

.gallery .paddlenav-framed .paddlenav-arrow:disabled,.gallery .paddlenav-framed .paddlenav-arrow:disabled:hover,.gallery .paddlenav-framed .paddlenav-arrow:focus[data-focus-method=mouse]:not(input):not(textarea):not(select):disabled,html.touch .gallery .paddlenav-framed .paddlenav-arrow:disabled {
    opacity: .3
}

html.text-zoom .gallery .paddlenav-framed .paddlenav-arrow {
    width: 80px;
    height: 80px;
    line-height: 40px
}

.gallery .paddlenav-framed .paddlenav-arrow-previous {
    left: unset;
    margin-right: 15px
}

.gallery .paddlenav-framed .paddlenav-arrow-next {
    right: unset
}

.section-pillar {
    --parallax-start: 0;
    --section-padding: 0
}

.section-pillar .section-content {
    display: grid
}

@media only screen and (max-width: 734px) {
    .section-pillar .section-content {
        max-width:calc(var(--card-width) - var(--card-padding-small)*2);
        max-width: var(--viewport-content)
    }
}

.section-pillar:not(.section-fitness) .section-content {
    padding-top: 170px
}

@media only screen and (max-width: 1068px) {
    .section-pillar:not(.section-fitness) .section-content {
        padding-top:70px
    }
}

@media only screen and (max-width: 734px) {
    .section-pillar:not(.section-fitness) .section-content {
        padding-top:80px
    }
}

@media only screen and (max-width: 734px) {
    .section-pillar:not(.section-connect) .pillar-intro-copy {
        margin-top:22px
    }
}

@media only screen and (max-width: 734px) {
    .section-pillar .pillar-intro-copy {
        max-width:400px
    }
}

html.ios .section-pillar .inline-video-container .static-frame {
    pointer-events: all
}

html.text-zoom .gestures-double-tap-headline,html.text-zoom .typography-feature-headline,html.text-zoom .typography-headline-elevated,html.text-zoom .typography-hero-headline,html.text-zoom .typography-section-headline {
    font-size: 3.4em
}

@media only screen and (max-width: 734px) {
    html.text-zoom .gestures-double-tap-headline,html.text-zoom .typography-feature-headline,html.text-zoom .typography-headline-elevated,html.text-zoom .typography-hero-headline,html.text-zoom .typography-section-headline {
        font-size:1.8em
    }
}

@media only screen and (max-width: 1068px) {
    html.text-zoom .example-list-headline {
        font-size:1.8em
    }
}

@media only screen and (max-width: 734px) {
    html.text-zoom .example-list-headline {
        font-size:17px
    }
}

html.text-zoom .brightness-headline.typography-headline-elevated {
    font-size: 28px
}

@media only screen and (max-width: 1068px) {
    html.text-zoom .brightness-headline.typography-headline-elevated {
        font-size:24px
    }
}

@media only screen and (max-width: 734px) {
    html.text-zoom .brightness-headline.typography-headline-elevated {
        font-size:21px
    }
}

html.text-zoom .text-zoom-12 {
    flex-basis: 100%;
    max-width: 100%
}

html.text-zoom .section-garagedoor+.section {
    margin-top: unset
}

html.text-zoom .lottie-scroll-container {
    min-height: unset
}

html.text-zoom .lottie-scroll-container .sticky-content {
    position: relative
}

html.text-zoom .section-design .design-brightness .brightness-text-content {
    bottom: 0
}

@media only screen and (max-width: 1068px) {
    html.text-zoom .section-design .design-brightness .brightness-image-content {
        height:1150px
    }
}

html.text-zoom .section-design .connectivity-copy-block .copy-block-copy {
    color: #fff
}

html.text-zoom .section-carbon .content-container {
    position: relative
}

html.text-zoom .section-carbon .lottie-carbon {
    align-items: center;
    justify-items: center;
    place-items: center
}

@media only screen and (max-width: 734px) {
    html.text-zoom .modal-carbon-neutral .underline-text-small-only:before,html.text-zoom .modal-carbon-neutral .underline-text:before {
        display:none
    }
}

html.text-zoom .modal-carbon-neutral .plan-link .underline-text:before {
    display: none
}

html.text-zoom .modal-carbon-neutral .plan-link .underline-text-small-only:first-child {
    display: block
}

html.text-zoom .modal-carbon-neutral .plan-link .underline-text-small-only:before {
    background-position: 0
}

html.text-zoom .modal-carbon-neutral .pairing-headline {
    font-size: 2em
}

@media only screen and (max-width: 1068px) {
    html.text-zoom .modal-carbon-neutral .pairing-headline {
        font-size:1.8em
    }
}

@media only screen and (max-width: 1068px) {
    html.text-zoom .modal-carbon-neutral .pairing-copy {
        font-size:1em
    }
}

html.text-zoom .modal-carbon-neutral .typography-carbon-neutral-modal-cta.plan-link,html.text-zoom .modal-carbon-neutral .typography-eyebrow-super.plan-intro {
    font-size: 1.6em
}

@media only screen and (max-width: 1068px) {
    html.text-zoom .modal-carbon-neutral .typography-carbon-neutral-modal-cta.plan-link,html.text-zoom .modal-carbon-neutral .typography-eyebrow-super.plan-intro {
        font-size:1.4em
    }
}

@media only screen and (max-width: 734px) {
    html.text-zoom .modal-carbon-neutral .typography-eyebrow-super.plan-intro {
        font-size:24px
    }
}

@media only screen and (max-width: 734px) {
    html.text-zoom .modal-carbon-neutral .typography-carbon-neutral-modal-cta.plan-link {
        font-size:19px
    }
}

html.text-zoom .section-pillar .gallery .stack-container .stack-item {
    grid-area: unset
}

html.text-zoom .section-fitness .hero-copy-container {
    margin-top: 0
}

html.text-zoom .section-fitness .pillar-hero {
    background-color: #000
}

html.text-zoom .section-fitness .pillar-hero .stack-item {
    grid-area: unset
}

html.text-zoom .section-safety .pillar-headline {
    font-size: 2.8em
}

#globalnav {
    --globalnav-background: #000
}

.section-content {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width: 1441px) {
    .section-content {
        margin-left:auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .section-content {
        margin-left:auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 734px) {
    .section-content {
        margin-left:auto;
        margin-right: auto;
        width: 87.5%;
        max-width: var(--viewport-content)
    }
}

.section {
    overflow: hidden;
    padding: var(--section-padding)
}

html.enhanced .section .anim-text-animate {
    transition: opacity .6s linear,transform .6s cubic-bezier(0.26,0.67,0.48,0.91);
    opacity: 0;
    transform: translateY(100px)
}

html.enhanced .section .anim-text-animate.animated-copy-element {
    opacity: 1;
    transform: translateY(0)
}

html.enhanced .section .anim-text-animate.will-change {
    will-change: opacity,transform
}

html.text-zoom .section .anim-text-animate {
    opacity: 1;
    transform: translateY(0)
}

.section p {
    color: #6e6e73
}

.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5 {
    color: #fff
}

.theme-dark p {
    color: #868689
}

.theme-gray {
    background: #f5f5f7
}

.copy-block-copy,.copy-block-headline {
    display: inline
}

.stack-container {
    display: grid !important;
}

.stack-item {
    grid-area: 1/1
}

.sticky-container {
    height: var(--sticky-height)
}

html.enhanced .sticky-container .sticky-content {
    position: sticky;
    top: var(--sticky-pos)
}

html.enhanced .section-garagedoor {
    position: relative;
    z-index: 1
}

html.enhanced .section-garagedoor+.section {
    margin-top: -100vh;
    position: relative
}

.overview-hero-logo-watch-series-9 {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 148px;
    --p-height: 59px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-hero-logo-watch-series-9 {
        --p-width:148px;
        --p-height: 58px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-hero-logo-watch-series-9 {
        --p-width:138px;
        --p-height: 55px
    }
}

.overview-hero-hero-startframe {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 838px;
    --p-height: 1042px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-hero-hero-startframe {
        --p-width:796px;
        --p-height: 1158px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-hero-hero-startframe {
        --p-width:478px;
        --p-height: 734px
    }
}

.overview-hero-hero-endframe {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 838px;
    --p-height: 780px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-hero-hero-endframe {
        --p-width:796px;
        --p-height: 1082px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-hero-hero-endframe {
        --p-width:478px;
        --p-height: 490px
    }
}

.section-hero {
    padding-top: 0;
    padding-bottom: 100px
}

@media only screen and (max-width: 1068px) {
    .section-hero {
        padding-bottom:85px
    }
}

html.enhanced-hero .section-hero {
    padding: 0;
    overflow: visible
}

html.enhanced-hero .section-hero .sticky-container {
    --sticky-height: 260vh
}

html.enhanced-hero .section-hero .sticky-content {
    --sticky-pos: 0;
    height: 100vh;
    overflow: hidden
}

html.enhanced-hero .section-hero .content-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    top: var(--r-localnav-height);
    height: calc(100% - var(--r-localnav-height));
    min-height: 835px
}

@media only screen and (max-width: 1068px) {
    html.enhanced-hero .section-hero .content-wrapper {
        min-height:805px
    }
}

@media only screen and (max-width: 734px) {
    html.enhanced-hero .section-hero .content-wrapper {
        min-height:570px
    }
}

html.enhanced-hero .section-hero .hero-experience {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 780px
}

@media only screen and (max-width: 1068px) {
    html.enhanced-hero .section-hero .hero-experience {
        height:1082px
    }
}

@media only screen and (max-width: 734px) {
    html.enhanced-hero .section-hero .hero-experience {
        height:790px
    }
}

html.enhanced-hero .section-hero .hero-experience--intro {
    z-index: 3
}

html.enhanced-hero .section-hero .hero-experience--media {
    z-index: 2;
    transition: opacity .5s cubic-bezier(0.26,0.67,0.48,0.91)
}

html.enhanced-hero .section-hero .hero-experience--media.dimmed {
    transition-duration: .75s;
    opacity: .4
}

html.enhanced-hero .section-hero .hero-experience--media.will-change {
    will-change: opacity
}

html.enhanced-hero .section-hero .hero-experience--outro {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%
}

html.enhanced-hero .section-hero .hero-experience--outro.fade-in {
    z-index: 4
}

html.enhanced-hero .section-hero .hero-logo {
    position: absolute;
    top: 15px;
    margin-top: 0;
    transition: opacity .5s cubic-bezier(0.26,0.67,0.48,0.91);
    transform: translateX(-3px);
    width: 100%;
    opacity: .001
}

html.enhanced-hero .section-hero .hero-logo.fade-in,html.enhanced-hero .section-hero .hero-logo.timed-fade-in {
    transition-duration: .75s;
    opacity: .999
}

html.enhanced-hero .section-hero .hero-logo.fade-out {
    transition-duration: .5s;
    opacity: .001
}

html.enhanced-hero .section-hero .hero-logo.will-change {
    will-change: opacity
}

@media only screen and (max-width: 1068px) {
    html.enhanced-hero .section-hero .hero-logo {
        top:175px
    }
}

@media only screen and (max-width: 734px) {
    html.enhanced-hero .section-hero .hero-logo {
        top:-25px
    }
}

html.enhanced-hero .section-hero .hero-headline {
    margin: -60px 0 0 5px;
    background: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    opacity: .001;
    transform: translateY(50px);
    transition-property: opacity,transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.26,0.67,0.48,0.91)
}

html.enhanced-hero .section-hero .hero-headline.fade-in {
    transition-duration: .75s;
    opacity: .999;
    transform: translateY(0px)
}

html.enhanced-hero .section-hero .hero-headline.will-change {
    will-change: opacity,transform
}

@media only screen and (max-width: 1068px) {
    html.enhanced-hero .section-hero .hero-headline {
        margin:-10px 0 0 3px
    }
}

@media only screen and (max-width: 734px) {
    html.enhanced-hero .section-hero .hero-headline {
        margin-top:-35px
    }
}

html.enhanced-hero .section-hero .hero-watch-video {
    display: flex;
    justify-content: center;
    opacity: .999;
    transition-property: opacity,transform;
    transition-duration: .2s;
    transition-timing-function: linear
}

html.enhanced-hero .section-hero .hero-watch-video.will-change {
    will-change: opacity,transform
}

html.enhanced-hero .section-hero .start-frame,html.enhanced-hero .section-hero .video {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 838px;
    --p-height: 1042px;
    top: 0;
    left: auto;
    bottom: auto
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    html.enhanced-hero .section-hero .start-frame,html.enhanced-hero .section-hero .video {
        --p-width:796px;
        --p-height: 1158px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    html.enhanced-hero .section-hero .start-frame,html.enhanced-hero .section-hero .video {
        --p-width:478px;
        --p-height: 734px
    }
}

html.enhanced-hero .section-hero .static-frame {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 838px;
    --p-height: 780px;
    top: 0;
    left: auto;
    bottom: auto
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    html.enhanced-hero .section-hero .static-frame {
        --p-width:796px;
        --p-height: 1082px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    html.enhanced-hero .section-hero .static-frame {
        --p-width:478px;
        --p-height: 490px
    }
}

html.enhanced-hero .section-hero .ended .start-frame,html.enhanced-hero .section-hero .past-scroll .start-frame {
    display: none
}

html.enhanced-hero .section-hero .ended .static-frame,html.enhanced-hero .section-hero .past-scroll .static-frame {
    opacity: 1
}

html.enhanced-hero .section-hero .hero-features {
    margin-top: 0;
    background: transparent;
    background-clip: text;
    -webkit-background-clip: text
}

html.enhanced-hero .section-hero .hero-links {
    opacity: .001;
    transition: opacity .2s linear
}

html.enhanced-hero .section-hero .hero-links.will-change {
    will-change: opacity
}

.section-hero .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 980px
}

@media only screen and (min-width: 1441px) {
    .section-hero .content-wrapper {
        margin-left:auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .content-wrapper {
        margin-left:auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .content-wrapper {
        margin-left:auto;
        margin-right: auto;
        width: 87.5%;
        max-width: var(--viewport-content)
    }
}

html.no-enhanced-hero .section-hero .static-frame {
    opacity: 1
}

html.no-enhanced-hero .section-hero .hero-experience--intro {
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    html.no-enhanced-hero .section-hero .hero-experience--intro {
        margin-bottom:-200px
    }
}

@media only screen and (max-width: 734px) {
    html.no-enhanced-hero .section-hero .hero-experience--intro {
        margin-bottom:-20px
    }
}

html.no-enhanced-hero .section-hero .hero-experience--media {
    display: flex;
    justify-content: center
}

html.no-enhanced-hero .section-hero .hero-experience--outro {
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    html.no-enhanced-hero .section-hero .hero-experience--outro {
        margin-top:-150px
    }
}

@media only screen and (max-width: 734px) {
    html.no-enhanced-hero .section-hero .hero-experience--outro {
        margin-top:-30px
    }
}

.section-hero .hero-logo {
    display: flex;
    justify-content: center;
    margin-top: calc(var(--r-localnav-height) + 100px);
    transform: translateX(-3px)
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-logo {
        margin-top:calc(var(--r-localnav-height) + 90px)
    }
}

.section-hero .hero-headline {
    --angle: 107deg;
    text-align: center;
    margin-top: 40px;
    background: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(var(--angle),#ffffff,#fe9494)
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-headline {
        margin-top:45px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-headline {
        --angle:122deg;
        margin-top: 20px
    }
}

html.no-enhanced-hero .section-hero .hero-headline {
    padding-bottom: 2px;
    background-image: linear-gradient(var(--angle),#ffffff,#fe9494)!important;
    -webkit-mask-image: none!important
}

html.no-enhanced-hero .section-hero .hero-watch-video {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 838px;
    --p-height: 780px;
    margin: 0 auto
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    html.no-enhanced-hero .section-hero .hero-watch-video {
        --p-width:796px;
        --p-height: 1082px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    html.no-enhanced-hero .section-hero .hero-watch-video {
        --p-width:478px;
        --p-height: 490px
    }
}

html.no-enhanced-hero .section-hero .hero-watch-video .static-frame {
    visibility: visible;
    position: relative
}

html.no-enhanced-hero .section-hero .start-frame,html.no-enhanced-hero .section-hero .video {
    display: none;
    visibility: hidden
}

.section-hero .hero-features {
    --angle: 120deg;
    margin-top: 70px;
    background: #ffe1c0;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(var(--angle),#FFE1C0,#F34199)
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-features {
        margin-top:90px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-features {
        --angle:140deg;
        margin-top: 75px
    }
}

html.no-enhanced-hero .section-hero .hero-features {
    background-image: linear-gradient(var(--angle),#FFE1C0,#F34199)!important
}

.section-hero .hero-links {
    margin-top: 45px
}

.section-hero .hero-links .hero-avail {
    margin: -15px 0 35px
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-links {
        margin-top:30px
    }

    .section-hero .hero-links * {
        margin-top: 20px
    }

    .section-hero .hero-links :first-child {
        margin-top: 0
    }

    .section-hero .hero-links .hero-avail {
        margin: -10px 0 30px
    }
}

.section-hero .hero-link {
    color: #fff;
    margin-right: 25px
}

.section-hero .hero-link:last-child {
    margin-right: 0
}

@media only screen and (max-width: 734px) {
    .section-hero .hero-link {
        display:block;
        width: -moz-fit-content;
        width: fit-content;
        margin-right: 0
    }
}

.section-chip {
    padding-top: 100px;
    padding-bottom: 90px
}

@media only screen and (max-width: 1068px) {
    .section-chip {
        padding-top:85px;
        padding-bottom: 40px
    }
}

html.enhanced .section-chip {
    padding-top: 50px
}

.section-chip .inline-video-container {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 558px;
    --p-height: 578px;
    margin: 45px auto 70px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-chip .inline-video-container {
        --p-width:390px;
        --p-height: 445px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-chip .inline-video-container {
        --p-width:296px;
        --p-height: 350px
    }
}

@media only screen and (max-width: 1068px) {
    .section-chip .inline-video-container {
        margin-top:55px
    }
}

@media only screen and (max-width: 734px) {
    .section-chip .inline-video-container {
        margin:40px auto 50px;
        transform: translateX(-9px)
    }
}

.section-chip h3 {
    margin-top: 40px
}

.section-chip .copy-block-copy {
    margin-bottom: 50px;
    left: 50%;
    position: relative;
    width: 50%;
    display: block;
    color: #fff
}

@media only screen and (max-width: 734px) {
    .section-chip .copy-block-copy {
        width:100%;
        left: unset
    }
}

.section-design {
    --section-padding: 80px 0 150px;
    overflow: unset
}

@media only screen and (max-width: 1068px) {
    .section-design {
        --section-padding:120px 0 200px
    }
}

@media only screen and (max-width: 734px) {
    .section-design {
        --section-padding:0 0 72px
    }
}

html.enhanced-hero .section-design {
    --section-padding: 0
}

.section-design .section-content--brightness {
    overflow: hidden
}

.section-design .design-brightness {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    position: relative
}

@media only screen and (min-width: 1441px) {
    .section-design .design-brightness {
        margin-left:auto;
        margin-right: auto;
        width: 980px
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .design-brightness {
        margin-left:auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .design-brightness {
        margin-left:auto;
        margin-right: auto;
        width: 87.5%;
        max-width: var(--viewport-content);
        padding-top: 30px;
        margin-bottom: 130px
    }
}

.section-design .design-brightness .brightness-image-content {
    position: relative;
    height: 1150px
}

@media only screen and (max-width: 1068px) {
    .section-design .design-brightness .brightness-image-content {
        height:925px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .design-brightness .brightness-image-content {
        height:535px
    }
}

html.enhanced .section-design .design-brightness .brightness-image-content {
    transition: transform 1.5s cubic-bezier(0.26,0.67,0.48,0.91);
    transform: translateY(100px)
}

@media only screen and (max-width: 734px) {
    html.enhanced .section-design .design-brightness .brightness-image-content {
        transform:translateY(50px)
    }
}

.section-design .design-brightness .overview-design-design-brightness-dim {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1870px;
    --p-height: 1953px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .design-brightness .overview-design-design-brightness-dim {
        --p-width:1185px;
        --p-height: 1282px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .design-brightness .overview-design-design-brightness-dim {
        --p-width:535px;
        --p-height: 557px
    }
}

.section-design .design-brightness .overview-design-design-brightness-bright {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1870px;
    --p-height: 1953px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .design-brightness .overview-design-design-brightness-bright {
        --p-width:1185px;
        --p-height: 1282px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .design-brightness .overview-design-design-brightness-bright {
        --p-width:535px;
        --p-height: 557px
    }
}

.section-design .design-brightness .brightness-watch {
    position: absolute;
    right: -140px
}

@media only screen and (max-width: 1068px) {
    .section-design .design-brightness .brightness-watch {
        right:-50px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .design-brightness .brightness-watch {
        right:60px;
        top: -50px
    }
}

.section-design .design-brightness .brightness-watch--dim {
    display: none;
    visibility: hidden
}

html.enhanced .section-design .design-brightness .brightness-watch--dim {
    display: block;
    visibility: visible
}

html.enhanced .section-design .design-brightness .brightness-watch--bright {
    transition: opacity 1.5s linear;
    opacity: .0001
}

.section-design .design-brightness .brightness-text-content {
    position: absolute;
    left: 50%;
    bottom: 250px;
    width: 400px
}

@media only screen and (max-width: 1068px) {
    .section-design .design-brightness .brightness-text-content {
        bottom:200px;
        width: 350px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .design-brightness .brightness-text-content {
        left:unset;
        right: 0px;
        bottom: 20px;
        width: 230px;
        opacity: 1!important;
        transform: translateY(0)!important
    }
}

.section-design .design-brightness .brightness-copy {
    color: #fff
}

@media only screen and (max-width: 734px) {
    .section-design .design-brightness .brightness-copy {
        margin-top:calc(0.8em + 5px)
    }
}

@media only screen and (max-width: 734px) {
    .section-design .design-brightness .brightness-headline {
        font-size:37px
    }
}

html.enhanced .section-design .design-brightness {
    --in-view-kf-start: t;
    --parallax-start: 80px;
    --parallax-end: -80px;
    padding-top: 80px
}

@media only screen and (max-width: 1068px) {
    html.enhanced .section-design .design-brightness {
        --in-view-kf-start:t - 15vh;
        --parallax-start: 40px;
        --parallax-end: -40px;
        padding-top: 0
    }
}

@media only screen and (max-width: 734px) {
    html.enhanced .section-design .design-brightness {
        --in-view-kf-start:t - 30vh;
        --parallax-start: 20px;
        --parallax-end: -20px;
        padding-top: 30px
    }

    html.enhanced .section-design .design-brightness .brightness-copy,html.enhanced .section-design .design-brightness .brightness-headline {
        opacity: 1;
        transform: translateY(0)
    }
}

html.enhanced .section-design .design-brightness.will-change .brightness-image-content {
    will-change: transform
}

html.enhanced .section-design .design-brightness.will-change .brightness-watch--bright {
    will-change: opacity
}

html.enhanced .section-design .design-brightness.watch-in-view .brightness-image-content {
    transform: translateY(0)
}

html.enhanced .section-design .design-brightness.watch-in-view .brightness-watch--bright {
    opacity: .9999
}

.section-design .two-column-responsive {
    display: grid;
    margin: 0 auto;
    max-width: 2000px;
    grid-template-columns: 1fr 1px 1fr;
    grid-template-rows: 80px auto 80px auto;
    border: 1px solid #6d7278;
    border-right: none;
    border-left: none;
    position: relative;
    background-color: #000
}

@media only screen and (max-width: 1068px) {
    .section-design .two-column-responsive {
        grid-template-columns:1fr 1px 1fr;
        grid-template-rows: 80px auto 60px auto
    }
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive {
        grid-template-columns:1fr;
        grid-template-rows: 80px auto auto 1px 80px auto 80px auto;
        box-sizing: border-box;
        justify-content: center
    }
}

@media screen and (min-width: 2000px) {
    .section-design .two-column-responsive {
        border-left:1px solid #6d7278;
        border-right: 1px solid #6d7278
    }
}

.section-design .two-column-responsive .block-headline {
    max-width: 560px;
    margin: 0 auto
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .block-headline {
        max-width:var(--viewport-content);
        width: 100%
    }
}

.section-design .two-column-responsive .siri-subsection {
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
    align-self: start;
    width: 78%
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .siri-subsection {
        grid-column:1;
        grid-row: 2;
        width: 100%
    }
}

.section-design .two-column-responsive divider {
    grid-row-start: 1;
    grid-row-end: 5;
    grid-column: 2;
    background-color: #6d7278
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive divider {
        grid-column:1;
        grid-row: 4
    }
}

.section-design .two-column-responsive .siri-subsection-media {
    grid-column: 1;
    grid-row: 4;
    align-self: end;
    position: relative;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/overview/design/design_siri_tile__fhpxrjxb24qe_large.jpg);
    background-size: cover
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-design .two-column-responsive .siri-subsection-media {
        background-image:url(/v/apple-watch-series-9/c/images/overview/design/design_siri_tile__fhpxrjxb24qe_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .two-column-responsive .siri-subsection-media {
        background-repeat:no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/overview/design/design_siri_tile__fhpxrjxb24qe_medium.jpg)
    }
}

@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-design .two-column-responsive .siri-subsection-media {
        background-image:url(/v/apple-watch-series-9/c/images/overview/design/design_siri_tile__fhpxrjxb24qe_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .siri-subsection-media {
        background-repeat:no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/overview/design/design_siri_tile__fhpxrjxb24qe_small.jpg)
    }
}

@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-design .two-column-responsive .siri-subsection-media {
        background-image:url(/v/apple-watch-series-9/c/images/overview/design/design_siri_tile__fhpxrjxb24qe_small_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .siri-subsection-media {
        grid-column:1;
        grid-row: 3;
        height: auto;
        padding: 60px 0 80px;
        width: 100%
    }
}

.section-design .two-column-responsive .siri-subsection-media .inline-video-container {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 524px;
    --p-height: 524px;
    margin-top: -70px;
    margin-bottom: -132px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .two-column-responsive .siri-subsection-media .inline-video-container {
        --p-width:512px;
        --p-height: 512px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .two-column-responsive .siri-subsection-media .inline-video-container {
        --p-width:284px;
        --p-height: 284px
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .two-column-responsive .siri-subsection-media .inline-video-container {
        margin-top:-75px;
        margin-bottom: -70px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .siri-subsection-media .inline-video-container {
        margin-top:-40px;
        margin-bottom: -70px
    }
}

.section-design .two-column-responsive .anim-text-animate {
    z-index: 1
}

.section-design .two-column-responsive .homepod-subsection {
    grid-row: 2;
    grid-column: 3;
    justify-self: center;
    align-self: start;
    width: 78%
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .homepod-subsection {
        grid-column:1;
        grid-row: 6;
        width: 100%
    }
}

.section-design .two-column-responsive .homepod-subsection-media {
    grid-row: 4;
    grid-column: 3;
    align-self: end;
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    overflow: hidden
}

.section-design .two-column-responsive .homepod-subsection-media .inline-video-container {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 212px;
    --p-height: 258px;
    border-radius: 23px;
    overflow: hidden;
    position: absolute;
    top: 95px;
    justify-self: center;
    align-self: end;
    left: 32px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .two-column-responsive .homepod-subsection-media .inline-video-container {
        --p-width:196px;
        --p-height: 240px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .two-column-responsive .homepod-subsection-media .inline-video-container {
        --p-width:132px;
        --p-height: 158px
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .two-column-responsive .homepod-subsection-media .inline-video-container {
        top:85px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .homepod-subsection-media .inline-video-container {
        top:55px;
        left: 20px
    }
}

.section-design .two-column-responsive .homepod-subsection-media .inline-video-container picture {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-evenly
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .homepod-subsection-media {
        grid-column:1;
        grid-row: 8
    }
}

.section-design .two-column-responsive .siri-query {
    --angle: 135deg;
    max-width: 365px;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
    margin: 0 auto;
    background: #77fafc;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(var(--angle),#77FAFC,#A8FCFD 25%,#C100B0)
}

@media only screen and (max-width: 1068px) {
    .section-design .two-column-responsive .siri-query {
        max-width:300px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .siri-query {
        max-width:240px
    }
}

.section-design .two-column-responsive .overview-design-design-control-home-pod-hw {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 853px;
    --p-height: 251px;
    justify-self: center;
    align-self: end;
    width: 100%;
    max-width: var(--p-width);
    -webkit-mask-size: cover!important;
    mask-size: cover!important;
    z-index: 3
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .two-column-responsive .overview-design-design-control-home-pod-hw {
        --p-width:533px;
        --p-height: 217px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .two-column-responsive .overview-design-design-control-home-pod-hw {
        --p-width:505px;
        --p-height: 173px
    }
}

@supports((-webkit-mask-image: url("")) or (mask-image:url(""))) {
    .section-design .two-column-responsive .overview-design-design-control-home-pod-hw.loaded {
        -webkit-mask-size:contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_large.png);
        mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_large.png)
    }

    @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
        .section-design .two-column-responsive .overview-design-design-control-home-pod-hw.loaded {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_large_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_large_2x.png)
        }
    }

    @media only screen and (max-width: 1068px) {
        .section-design .two-column-responsive .overview-design-design-control-home-pod-hw.loaded {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_medium.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_medium.png)
        }
    }

    @media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
        .section-design .two-column-responsive .overview-design-design-control-home-pod-hw.loaded {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_medium_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_medium_2x.png)
        }
    }

    @media only screen and (max-width: 734px) {
        .section-design .two-column-responsive .overview-design-design-control-home-pod-hw.loaded {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_small.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_small.png)
        }
    }

    @media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
        .section-design .two-column-responsive .overview-design-design-control-home-pod-hw.loaded {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_small_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_home_pod_hw_mask__g3f5aki1whme_small_2x.png)
        }
    }
}

html.enhanced .section-design .two-column-responsive .overview-design-design-control-home-pod-hw {
    transform: scale(1.3);
    transition: transform 2s;
    transform-origin: top
}

.section-design .two-column-responsive .overview-design-design-control-home-pod-hw img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section-design .two-column-responsive .overview-design-design-control-watch-hw {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 278px;
    --p-height: 448px;
    z-index: 2
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .two-column-responsive .overview-design-design-control-watch-hw {
        --p-width:260px;
        --p-height: 410px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .two-column-responsive .overview-design-design-control-watch-hw {
        --p-width:172px;
        --p-height: 272px
    }
}

@supports((-webkit-mask-image: url("")) or (mask-image:url(""))) {
    .section-design .two-column-responsive .overview-design-design-control-watch-hw.loaded {
        -webkit-mask-size:contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_large.png);
        mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_large.png)
    }

    @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
        .section-design .two-column-responsive .overview-design-design-control-watch-hw.loaded {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_large_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_large_2x.png)
        }
    }

    @media only screen and (max-width: 1068px) {
        .section-design .two-column-responsive .overview-design-design-control-watch-hw.loaded {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_medium.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_medium.png)
        }
    }

    @media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
        .section-design .two-column-responsive .overview-design-design-control-watch-hw.loaded {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_medium_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_medium_2x.png)
        }
    }

    @media only screen and (max-width: 734px) {
        .section-design .two-column-responsive .overview-design-design-control-watch-hw.loaded {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_small.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_small.png)
        }
    }

    @media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
        .section-design .two-column-responsive .overview-design-design-control-watch-hw.loaded {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_small_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_control_watch_hw_mask__fmrxe2n27126_small_2x.png)
        }
    }
}

.section-design .two-column-responsive .homepod-device {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 278px;
    --p-height: 448px;
    justify-self: center;
    align-self: end;
    margin-bottom: -40px;
    z-index: 2;
    position: relative
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .two-column-responsive .homepod-device {
        --p-width:260px;
        --p-height: 410px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .two-column-responsive .homepod-device {
        --p-width:172px;
        --p-height: 272px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .two-column-responsive .homepod-device {
        top:0px
    }
}

html.enhanced .section-design .two-column-responsive .animate .overview-design-design-control-home-pod-hw {
    transform: scale(1)
}

@media only screen and (min-width: 1069px) {
    .section-design .connectivity-content {
        margin-left:auto;
        margin-right: auto;
        width: 980px
    }
}

.section-design .connectivity-content .design-connectivity {
    --copy-block-max-width: 286px;
    padding-top: 150px
}

@media only screen and (max-width: 1068px) {
    .section-design .connectivity-content .design-connectivity {
        --connectivity-watch-height:436px;
        --connectivity-watch-width: 266px;
        --copy-block-max-width: 384px;
        --grid-gap: 56px;
        padding-top: 100px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .connectivity-content .design-connectivity {
        --connectivity-watch-height:284px;
        --connectivity-watch-width: 176px;
        --copy-block-max-width: var(--viewport-content);
        padding-top: 20px
    }
}

html.enhanced-hero .section-design .connectivity-content .design-connectivity {
    padding-top: 0
}

@media only screen and (max-width: 734px)and (max-height:780px) {
    html.enhanced-hero .section-design .connectivity-content .design-connectivity {
        --grid-gap:29px
    }
}

.section-design .connectivity-content .lottie-scroll-container {
    --scroll-height: 225vh;
    --canvas-height: var(--viewport-content);
    --canvas-width: var(--viewport-content);
    --static-width: var(--viewport-content);
    --lerp-copy-fade-start: .8
}

@media only screen and (max-width: 1068px) {
    .section-design .connectivity-content .lottie-scroll-container {
        --scroll-height:200vh;
        --lerp-copy-fade-start: 0
    }
}

@media only screen and (max-width: 734px) {
    .section-design .connectivity-content .lottie-scroll-container {
        --scroll-height:170vh;
        --canvas-height: 480px;
        --canvas-width: 480px;
        --static-width: 374px
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .connectivity-content .sticky-content {
        justify-content:center
    }
}

html.enhanced-hero .section-design .connectivity-content .sticky-content {
    grid-row-gap: var(--grid-gap);
    row-gap: var(--grid-gap)
}

@media only screen and (max-width: 1068px) {
    html.enhanced-hero .section-design .connectivity-content .sticky-content {
        align-items:unset
    }
}

.section-design .connectivity-content .lottie-container {
    display: grid;
    align-items: center;
    justify-items: center;
    place-items: center;
    grid-area: 1/1;
    position: relative
}

@media only screen and (max-width: 394px) {
    .section-design .connectivity-content .lottie-container {
        overflow:hidden
    }
}

@media only screen and (max-width: 1068px) {
    html.enhanced-hero .section-design .connectivity-content .lottie-container {
        align-self:flex-end
    }
}

@media only screen and (max-width: 734px) {
    html.enhanced-hero .section-design .connectivity-content .lottie-container {
        padding-top:calc(var(--r-localnav-stacked-height) + 50px);
        overflow: unset
    }
}

@media only screen and (max-width: 734px)and (max-height:780px) {
    html.enhanced-hero .section-design .connectivity-content .lottie-container {
        padding-top:calc(var(--r-localnav-stacked-height) + 20px)
    }
}

.section-design .connectivity-content .lottie-animation {
    grid-area: 1/1
}

html.enhanced-hero .section-design .connectivity-content .lottie-animation {
    position: absolute
}

@media only screen and (max-width: 1068px) {
    html.enhanced-hero .section-design .connectivity-content .lottie-animation {
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .connectivity-content .lottie-container>.static-frame {
        rotate:90deg
    }
}

html.enhanced-hero .section-design .connectivity-content .lottie-container>.static-frame {
    rotate: none
}

.section-design .connectivity-content .connectivity-copy-block {
    max-width: var(--copy-block-max-width)
}

@media only screen and (max-width: 1068px) {
    .section-design .connectivity-content .connectivity-copy-block {
        margin-top:-122px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .connectivity-content .connectivity-copy-block {
        margin-top:-25px
    }
}

@media only screen and (min-width: 1069px) {
    .section-design .connectivity-content .connectivity-copy-block {
        margin-left:auto;
        grid-area: 1/1
    }
}

html.enhanced-hero .section-design .connectivity-content .connectivity-copy-block {
    margin-top: 0
}

@media only screen and (max-width: 734px) {
    html.enhanced-hero .section-design .connectivity-content .connectivity-copy-block {
        margin-bottom:125px
    }
}

html.enhanced-hero .section-design .connectivity-content .connectivity-copy-block.will-change {
    will-change: opacity,transform
}

.section-design .connectivity-content .connectivity-watch {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 318px;
    --p-height: 526px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .connectivity-content .connectivity-watch {
        --p-width:266px;
        --p-height: 436px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .connectivity-content .connectivity-watch {
        --p-width:176px;
        --p-height: 284px
    }
}

@supports((-webkit-mask-image: url("")) or (mask-image:url(""))) {
    .section-design .connectivity-content .connectivity-watch .glass-hardware {
        -webkit-mask-size:contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_large.png);
        mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_large.png)
    }

    @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
        .section-design .connectivity-content .connectivity-watch .glass-hardware {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_large_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_large_2x.png)
        }
    }

    @media only screen and (max-width: 1068px) {
        .section-design .connectivity-content .connectivity-watch .glass-hardware {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_medium.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_medium.png)
        }
    }

    @media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
        .section-design .connectivity-content .connectivity-watch .glass-hardware {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_medium_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_medium_2x.png)
        }
    }

    @media only screen and (max-width: 734px) {
        .section-design .connectivity-content .connectivity-watch .glass-hardware {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_small.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_small.png)
        }
    }

    @media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
        .section-design .connectivity-content .connectivity-watch .glass-hardware {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_small_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/design/design_ping_watch_hw_mask__ged0h1sshw6e_small_2x.png)
        }
    }
}

.section-design .connectivity-content .connectivity-watch .glass-hardware picture {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 318px;
    --p-height: 526px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .connectivity-content .connectivity-watch .glass-hardware picture {
        --p-width:266px;
        --p-height: 436px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .connectivity-content .connectivity-watch .glass-hardware picture {
        --p-width:176px;
        --p-height: 284px
    }
}

.section-design .connectivity-content .connectivity-watch .glass-screen {
    z-index: 2;
    margin-left: 39px;
    margin-top: 115px
}

@media only screen and (max-width: 1068px) {
    .section-design .connectivity-content .connectivity-watch .glass-screen {
        margin-left:32px;
        margin-top: 95px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .connectivity-content .connectivity-watch .glass-screen {
        margin-left:22px;
        margin-top: 62px
    }
}

.section-design .connectivity-content .connectivity-watch .glass-screen {
    overflow: hidden;
    border-radius: 20px
}

html.no-enhanced-hero .section-design .connectivity-content .connectivity-watch {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media only screen and (max-width: 1068px) {
    html.enhanced-hero .section-design .connectivity-content .connectivity-watch {
        grid-area:1/1
    }
}

.section-design .connectivity-content .inline-video-container {
    width: 240px;
    height: 294px
}

@media only screen and (max-width: 1068px) {
    .section-design .connectivity-content .inline-video-container {
        width:202px;
        height: 246px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .connectivity-content .inline-video-container {
        width:132px;
        height: 160px
    }
}

html.no-enhanced-hero .section-design .connectivity-content .static-frame {
    opacity: 1
}

.section-gestures {
    --text-blue: #1CB4F6;
    --inner-width: 420px;
    overflow: unset;
    padding-top: 95px
}

@media only screen and (max-width: 1068px) {
    .section-gestures {
        padding-top:45px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .section-intro {
        max-width:var(--inner-width);
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 1069px) {
    .section-gestures .section-intro .gestures-headline br.large {
        display:block
    }
}

.section-gestures .gestures-double-tap {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 100px
}

.section-gestures .violator-container {
    margin-top: 32px
}

.section-gestures .gestures-violator {
    display: inline-block;
    color: #86868b;
    border-color: #86868b
}

.section-gestures .violator-badge-override {
    --sk-badge-border-radius: 5px;
    --sk-badge-horizontal-padding: 6px;
    --sk-badge-vertical-padding: 4px;
    --sk-badge-background: rgba(210,210,215,0.25);
    --sk-badge-text-color: rgb(210,210,215);
    padding: var(--sk-badge-vertical-padding) var(--sk-badge-horizontal-padding);
    border-radius: var(--sk-badge-border-radius);
    color: var(--sk-badge-text-color);
    background-color: var(--sk-badge-background);
    font-weight: 600;
    border: none
}

.section-gestures .gestures-double-tap-headline {
    display: flex;
    align-self: center;
    text-align: center;
    font-size: 160px;
    line-height: 205px;
    letter-spacing: -8px;
    color: var(--text-blue);
    margin-top: 110px
}

html.enhanced .section-gestures .gestures-double-tap-headline {
    opacity: .25;
    will-change: opacity;
    transition: opacity 1000ms
}

html.enhanced .section-gestures .gestures-double-tap-headline.highlight {
    opacity: 1
}

@media only screen and (max-width: 1068px) {
    .section-gestures .gestures-double-tap-headline {
        font-size:120px;
        line-height: 205px;
        letter-spacing: -4px;
        margin-top: 117px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-double-tap-headline {
        font-size:80px;
        line-height: 80px;
        letter-spacing: -2px;
        text-align: center;
        flex-direction: column;
        align-items: center;
        margin-top: 90px
    }
}

.section-gestures .gestures-double-tap-headline-word:first-of-type {
    margin-right: 40px
}

@media only screen and (max-width: 1068px) {
    .section-gestures .gestures-double-tap-headline-word:first-of-type {
        margin-right:30px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-double-tap-headline-word:first-of-type {
        margin-right:0
    }
}

.section-gestures .gestures-double-tap-copy {
    color: #fff
}

.section-gestures .gestures-double-tap-media-container {
    align-self: center;
    margin-top: -150px;
    margin-left: -240px
}

@media only screen and (max-width: 1068px) {
    .section-gestures .gestures-double-tap-media-container {
        margin-top:-182px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-double-tap-media-container {
        margin-top:-50px;
        margin-left: -70px
    }
}

.section-gestures .inline-video-container {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1456px;
    --p-height: 704px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-gestures .inline-video-container {
        --p-width:996px;
        --p-height: 542px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-gestures .inline-video-container {
        --p-width:536px;
        --p-height: 222px
    }
}

.section-gestures .inline-video-container.ended .start-frame,html.no-enhanced .section-gestures .inline-video-container .start-frame,html.no-enhanced .section-gestures .inline-video-container .video {
    opacity: 0
}

html.no-enhanced .section-gestures .inline-video-container.with-static .static-frame {
    visibility: visible
}

html.no-enhanced .section-gestures .inline-video-container.with-static .end-frame {
    visibility: hidden
}

.section-gestures .inline-media-ui {
    left: 0;
    width: 100%;
    margin-top: -80px;
    margin-bottom: 120px
}

@media only screen and (max-width: 1068px) {
    .section-gestures .inline-media-ui {
        margin-top:-80px;
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .inline-media-ui {
        margin-top:0;
        margin-bottom: 60px
    }
}

.section-gestures .play-pause-button {
    will-change: opacity;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.section-gestures .play-pause-button:disabled {
    opacity: 0;
    pointer-events: none
}

.section-gestures .play-pause-button .icon {
    color: #86868b
}

.section-gestures .copy-block-copy {
    display: block;
    max-width: var(--inner-width);
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 68px
}

@media only screen and (max-width: 1068px) {
    .section-gestures .copy-block-copy {
        --inner-width:410px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .copy-block-copy {
        --inner-width:330px;
        padding-left: unset
    }
}

html.enhanced .section-gestures {
    padding-bottom: 21px;
    position: relative;
    z-index: 1
}

.section-gestures .gestures-examples {
    --sticky-height: 200vh;
    pointer-events: none;
    --p-width: 1641px;
    --p-height: 782px;
    margin-top: calc(-100vh - var(--r-localnav-height)*-1 - var(--p-height)*-1 + 125px)
}

@media only screen and (max-width: 1068px) {
    .section-gestures .gestures-examples {
        margin-top:calc(-100vh - var(--r-localnav-height)*-1 - var(--p-height)*-1 + 75px)
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-examples {
        margin-top:calc(-100vh - var(--r-localnav-height)*-1 - var(--p-height)*-1 + 235px);
        --sticky-height: 200vh
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-gestures .gestures-examples {
        --p-width:948px;
        --p-height: 452px
    }
}

html.no-enhanced .section-gestures .gestures-examples {
    --sticky-height: auto;
    margin-top: 250px
}

@media only screen and (max-width: 1068px) {
    html.no-enhanced .section-gestures .gestures-examples {
        margin-top:200px
    }
}

@media only screen and (max-width: 734px) {
    html.no-enhanced .section-gestures .gestures-examples {
        margin-top:150px
    }
}

.section-gestures .gestures-examples .examples-content {
    --sticky-pos: calc(-50vh - var(--r-localnav-height)/2*-1 + 574px);
    display: grid;
    min-height: calc(100vh - var(--r-localnav-height))
}

html.no-enhanced .section-gestures .gestures-examples .examples-content {
    min-height: unset;
    position: relative
}

.section-gestures .gestures-examples .examples-list {
    flex-direction: column;
    justify-self: center;
    list-style: none;
    margin-left: 31px;
    display: grid;
    position: absolute;
    bottom: 0;
    --start-position-example: -(a1b - a2b) - (a2h-h)/2
}

@media only screen and (max-width: 1068px) {
    .section-gestures .gestures-examples .examples-list {
        margin-left:42px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-examples .examples-list {
        --start-position-example:-(a1b - a2b) - (a2h-h)/2;
        justify-items: center;
        margin-left: 0px;
        max-width: 330px
    }
}

html.no-enhanced .section-gestures .gestures-examples .examples-list {
    top: auto;
    position: relative;
    transform: none;
    margin-bottom: -187px;
    margin-left: 0px
}

@media only screen and (max-width: 1068px) {
    html.no-enhanced .section-gestures .gestures-examples .examples-list {
        margin-left:13px
    }
}

@media only screen and (max-width: 734px) {
    html.no-enhanced .section-gestures .gestures-examples .examples-list {
        margin-left:auto;
        margin-right: auto;
        width: unset;
        margin-bottom: 0
    }
}

.section-gestures .gestures-examples .example-list-item {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 20px;
    grid-area: 1/1;
    --end-position-example: -800px;
    pointer-events: auto
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-examples .example-list-item {
        --end-position-example:-700px;
        width: 100%
    }
}

html.no-enhanced .section-gestures .gestures-examples .example-list-item {
    padding-bottom: 40px;
    grid-area: unset;
    justify-self: center
}

.section-gestures .gestures-examples .example-list-item.will-change {
    will-change: transform,scale,opacity
}

.section-gestures .gestures-examples .example-list-headline {
    max-width: var(--inner-width);
    max-width: 425px
}

.section-gestures .gestures-examples .example-icon {
    display: inline-block;
    vertical-align: text-bottom;
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 48px;
    --p-height: 48px
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-gestures .gestures-examples .example-icon {
        --p-width:34px;
        --p-height: 34px
    }
}

.section-gestures .gestures-examples .examples-container {
    bottom: -222px;
    position: absolute;
    justify-self: center;
    width: 100%;
    overflow: hidden;
    --p-width: 1641px;
    --p-height: 782px;
    height: var(--p-height)
}

@media only screen and (max-width: 1068px) {
    .section-gestures .gestures-examples .examples-container {
        bottom:-215px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-examples .examples-container {
        bottom:-8px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-gestures .gestures-examples .examples-container {
        --p-width:948px;
        --p-height: 452px
    }
}

html.no-enhanced .section-gestures .gestures-examples .examples-container {
    position: relative
}

.section-gestures .gestures-examples .example-hand {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1641px;
    --p-height: 782px;
    justify-self: center;
    position: absolute;
    z-index: 99
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-gestures .gestures-examples .example-hand {
        --p-width:948px;
        --p-height: 452px
    }
}

@supports((-webkit-mask-image: url("")) or (mask-image:url(""))) {
    .section-gestures .gestures-examples .example-hand.loaded {
        /*-webkit-mask-size:contain;*/
        /*mask-size: contain;*/
        /*-webkit-mask-position: center;*/
        /*mask-position: center;*/
        /*-webkit-mask-repeat: no-repeat;*/
        /*mask-repeat: no-repeat;*/
        /*-webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_mask__gdbw30b13w2u_large.png);*/
        /*mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_mask__gdbw30b13w2u_large.png)*/
    }

    @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
        .section-gestures .gestures-examples .example-hand.loaded {
            /*-webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_mask__gdbw30b13w2u_large_2x.png);*/
            /*mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_mask__gdbw30b13w2u_large_2x.png)*/
        }
    }

    @media only screen and (max-width: 734px) {
        .section-gestures .gestures-examples .example-hand.loaded {
            /*-webkit-mask-repeat:no-repeat;*/
            /*mask-repeat: no-repeat;*/
            /*-webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_mask__gdbw30b13w2u_small.png);*/
            /*mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_mask__gdbw30b13w2u_small.png)*/
        }
    }

    @media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
        .section-gestures .gestures-examples .example-hand.loaded {
            /*-webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_mask__gdbw30b13w2u_small_2x.png);*/
            /*mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_mask__gdbw30b13w2u_small_2x.png)*/
        }
    }
}

.section-gestures .gestures-examples .example-screens {
    position: absolute;
    display: grid;
    bottom: 198px;
    justify-self: center
}

@media only screen and (max-width: 1068px) {
    .section-gestures .gestures-examples .example-screens {
        bottom:203px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-examples .example-screens {
        bottom: 219px;
    }
}

.section-gestures .gestures-examples .example-screen {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 360px;
    --p-height: 275.5;
    grid-area: 1/1;
    border-radius: 20%
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-gestures .gestures-examples .example-screen {
        --p-width:208px;
        --p-height: 178px
    }
}

@supports((-webkit-mask-image: url("")) or (mask-image:url(""))) {
    .section-gestures .gestures-examples .example-screen.loaded {
        /*-webkit-mask-size:contain;*/
        /*mask-size: contain;*/
        /*-webkit-mask-position: center;*/
        /*mask-position: center;*/
        /*-webkit-mask-repeat: no-repeat;*/
        /*mask-repeat: no-repeat;*/
        /*-webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_screen_mask__boydw5z28hsi_large.png);*/
        /*mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_screen_mask__boydw5z28hsi_large.png)*/
    }

    @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
        .section-gestures .gestures-examples .example-screen.loaded {
            /*-webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_screen_mask__boydw5z28hsi_large_2x.png);*/
            /*mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_screen_mask__boydw5z28hsi_large_2x.png)*/
        }
    }

    @media only screen and (max-width: 734px) {
        .section-gestures .gestures-examples .example-screen.loaded {
            /*-webkit-mask-repeat:no-repeat;*/
            /*mask-repeat: no-repeat;*/
            /*-webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_screen_mask__boydw5z28hsi_small.png);*/
            /*mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_screen_mask__boydw5z28hsi_small.png)*/
        }
    }

    @media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
        .section-gestures .gestures-examples .example-screen.loaded {
            /*-webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_screen_mask__boydw5z28hsi_small_2x.png);*/
            /*mask-image: url(/v/apple-watch-series-9/c/images/overview/gestures/kinetic_scenarios_screen_mask__boydw5z28hsi_small_2x.png)*/
        }
    }
}

.section-gestures .gestures-examples .example-screen.will-change {
    will-change: opacity
}

.section-gestures .gestures-examples .example-list-item-music {
    --start-position-example: -600px
}

@media only screen and (max-width: 1068px) {
    .section-gestures .gestures-examples .example-list-item-music {
        --start-position-example:-600px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-examples .example-list-item-music {
        --start-position-example:-500px
    }
}

.section-gestures .gestures-examples .example-list-item-stacks {
    --end-position-example: -600px
}

@media only screen and (max-width: 1068px) {
    .section-gestures .gestures-examples .example-list-item-stacks {
        --end-position-example:-600px
    }
}

@media only screen and (max-width: 734px) {
    .section-gestures .gestures-examples .example-list-item-stacks {
        --end-position-example:-500px
    }
}

.section-gestures .gestures-examples .example-list-item-stacks h3 {
    max-width: 455px
}

html.no-enhanced .section-gestures .gestures-examples .example-list-item-stacks h3 {
    max-width: 425px
}

.section-gestures .gestures-examples .example-screen-music {
    z-index: 4
}

.section-gestures .gestures-examples .example-screen-phone {
    z-index: 3
}

.section-gestures .gestures-examples .example-screen-timer {
    z-index: 2
}

.section-gestures .gestures-examples .example-screen-messages {
    z-index: 1
}

.section-gestures .gestures-examples .example-screen-stacks {
    z-index: 0
}

html.no-enhanced .section-gestures .gestures-examples .example-screen-stacks {
    z-index: 5
}

.section-os {
    padding-top: 0
}

.section-os .two-column-responsive {
    display: grid;
    margin: 0 auto;
    border-top: 1px solid #6d7278;
    box-sizing: border-box
}

@media only screen and (max-width: 734px) {
    .section-os .two-column-responsive {
        box-sizing:border-box
    }
}

.section-os .subsection-os-hardware {
    padding-top: 200px
}

@media only screen and (max-width: 1068px) {
    .section-os .subsection-os-hardware {
        padding-top:200px
    }
}

@media only screen and (max-width: 734px) {
    .section-os .subsection-os-hardware {
        padding-top:120px
    }
}

.section-os .subsection-os-hardware .section-content {
    overflow: hidden;
    padding-bottom: 100px
}

.section-os .hardware-container {
    --parallax-start: 150px;
    --parallax-end: 0px
}

@media only screen and (max-width: 734px) {
    .section-os .hardware-container {
        margin-left:-11px
    }
}

.section-os .subsection-os-gallery {
    padding-top: 180px;
    padding-bottom: 100px;
    overflow: hidden;
    width: 100%
}

@media only screen and (max-width: 1068px) {
    .section-os .subsection-os-gallery {
        padding-bottom:25px
    }
}

@media only screen and (max-width: 734px) {
    .section-os .subsection-os-gallery {
        padding-bottom:0px;
        padding-top: 125px
    }
}

.section-os .subsection-os-gallery.will-change {
    will-change: transform,opacity
}

.section-os .overview-os-watchos-watch-hw {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 816px;
    --p-height: 574px;
    margin: 0 auto
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-os .overview-os-watchos-watch-hw {
        --p-width:596px;
        --p-height: 416px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-os .overview-os-watchos-watch-hw {
        --p-width:370px;
        --p-height: 262px
    }
}

@supports((-webkit-mask-image: url("")) or (mask-image:url(""))) {
    .section-os .overview-os-watchos-watch-hw.loaded {
        -webkit-mask-size:contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_large.png);
        mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_large.png)
    }

    @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
        .section-os .overview-os-watchos-watch-hw.loaded {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_large_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_large_2x.png)
        }
    }

    @media only screen and (max-width: 1068px) {
        .section-os .overview-os-watchos-watch-hw.loaded {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_medium.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_medium.png)
        }
    }

    @media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
        .section-os .overview-os-watchos-watch-hw.loaded {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_medium_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_medium_2x.png)
        }
    }

    @media only screen and (max-width: 734px) {
        .section-os .overview-os-watchos-watch-hw.loaded {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_small.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_small.png)
        }
    }

    @media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
        .section-os .overview-os-watchos-watch-hw.loaded {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_small_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_hw_mask__glv10phjhnyq_small_2x.png)
        }
    }
}

@media only screen and (max-width: 734px) {
    .section-os .overview-os-watchos-watch-hw {
        position:relative;
        left: 50%;
        margin-left: -408px
    }
}

@media only screen and (max-width: 734px)and (max-width:1068px) {
    .section-os .overview-os-watchos-watch-hw {
        left:50%;
        margin-left: -298px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-os .overview-os-watchos-watch-hw {
        left:50%;
        margin-left: -185px
    }
}

.section-os .inline-video-container {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 760px;
    --p-height: 330px;
    grid-area: 1/1;
    top: 4px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-os .inline-video-container {
        --p-width:554px;
        --p-height: 240px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-os .inline-video-container {
        --p-width:342px;
        --p-height: 150px
    }
}

@supports((-webkit-mask-image: url("")) or (mask-image:url(""))) {
    .section-os .inline-video-container {
        -webkit-mask-size:contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_large.png);
        mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_large.png)
    }

    @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
        .section-os .inline-video-container {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_large_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_large_2x.png)
        }
    }

    @media only screen and (max-width: 1068px) {
        .section-os .inline-video-container {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_medium.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_medium.png)
        }
    }

    @media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
        .section-os .inline-video-container {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_medium_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_medium_2x.png)
        }
    }

    @media only screen and (max-width: 734px) {
        .section-os .inline-video-container {
            -webkit-mask-repeat:no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_small.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_small.png)
        }
    }

    @media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
        .section-os .inline-video-container {
            -webkit-mask-image:url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_small_2x.png);
            mask-image: url(/v/apple-watch-series-9/c/images/overview/os/watchos_watch_screen_mask__6w35qqrq7hei_small_2x.png)
        }
    }
}

@media only screen and (max-width: 1068px) {
    .section-os .inline-video-container {
        top:5px
    }
}

@media only screen and (max-width: 734px) {
    .section-os .inline-video-container {
        top:unset
    }
}

.section-os .stack-container {
    justify-items: center
}

.section-os .os-container {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 3025px;
    --p-height: 523px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 80px;
    position: relative
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-os .os-container {
        --p-width:1799px;
        --p-height: 399px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-os .os-container {
        --p-width:1176px;
        --p-height: 260px
    }
}

@media only screen and (max-width: 734px) {
    .section-os .os-container {
        margin-bottom:50px;
        overflow: unset
    }
}

.section-os .overview-os-watchos-apps {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 3025px;
    --p-height: 523px;
    position: relative;
    left: 50%;
    margin-left: -1512.5px;
    position: absolute;
    transform: translateX(15%);
    transition: all 2.5s ease-in-out
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-os .overview-os-watchos-apps {
        --p-width:1799px;
        --p-height: 399px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-os .overview-os-watchos-apps {
        --p-width:1176px;
        --p-height: 260px
    }
}

@media only screen and (max-width: 1068px) {
    .section-os .overview-os-watchos-apps {
        left:50%;
        margin-left: -899.5px
    }
}

@media only screen and (max-width: 734px) {
    .section-os .overview-os-watchos-apps {
        left:50%;
        margin-left: -588px
    }
}

@media only screen and (max-width: 1068px) {
    .section-os .overview-os-watchos-apps {
        transform:translateX(15%)
    }
}

@media only screen and (max-width: 734px) {
    .section-os .overview-os-watchos-apps {
        transform:translateX(15%)
    }
}

html.no-enhanced .section-os .overview-os-watchos-apps {
    transition: none;
    transform: translateX(0)
}

.section-os .overview-os-watchos-apps.will-change {
    will-change: transform
}

.section-os .in-view .overview-os-watchos-apps {
    transform: translateX(0)
}

.section-os .os-copy {
    color: #fff;
    width: 50%;
    left: 50%;
    position: relative
}

@media only screen and (max-width: 734px) {
    .section-os .os-copy {
        width:100%;
        left: 0
    }
}

.section-carbon {
    overflow: unset;
    border-bottom: 1px solid var(--carbon-green);
    padding-bottom: 0
}

.section-carbon .overview-carbon-logo-carbon-neutral {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 365px;
    --p-height: 73px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-carbon .overview-carbon-logo-carbon-neutral {
        --p-width:323px;
        --p-height: 65px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-carbon .overview-carbon-logo-carbon-neutral {
        --p-width:258px;
        --p-height: 52px
    }
}

.section-carbon .overview-carbon-carbon-neutral-hw {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 816px;
    --p-height: 542px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-carbon .overview-carbon-carbon-neutral-hw {
        --p-width:678px;
        --p-height: 448px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-carbon .overview-carbon-carbon-neutral-hw {
        --p-width:555px;
        --p-height: 368px
    }
}

@media only screen and (max-width: 734px) {
    .section-carbon {
        padding-top:120px
    }
}

html.enhanced .section-carbon {
    --section-padding: 0
}

.section-carbon .content-container {
    padding-block:200px 170px;overflow: hidden;
    width: 100%
}

@media only screen and (max-width: 1068px) {
    .section-carbon .content-container {
        padding-block:125px 70px
    }
}

@media only screen and (max-width: 734px) {
    .section-carbon .content-container {
        padding-block:110px 80px
    }
}

html.enhanced .section-carbon .content-container {
    position: sticky;
    top: 0
}

.section-carbon .carbon-content {
    margin-inline:auto;width: var(--viewport-content)
}

.section-carbon .lottie-scroll-container {
    --scroll-height: 500vh;
    --lerp-lottie-start: .1;
    --canvas-width: max(100vh,100vw);
    --canvas-height: max(100vw,100vh);
    --static-width: var(--viewport-content)
}

@media only screen and (max-width: 1068px) {
    .section-carbon .lottie-scroll-container {
        --scroll-height:450vh
    }
}

@media only screen and (max-width: 734px) {
    .section-carbon .lottie-scroll-container {
        --scroll-height:650vh;
        --lerp-lottie-start: 0
    }
}

.section-carbon .lottie-carbon {
    display: grid;
    grid-area: 1/1;
    width: 100%
}

html.enhanced .section-carbon .lottie-carbon {
    max-height: 100vh
}

.section-carbon .lottie-carbon .static-frame {
    margin-inline:auto}

.section-carbon .lottie-animation {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.section-carbon .carbon-section-headlines {
    grid-area: 1/1;
    align-items: center;
    justify-items: center;
    place-items: center;
    text-align: center;
    z-index: 1
}

@media only screen and (max-width: 734px) {
    .section-carbon .carbon-section-headlines {
        margin-top:20px;
        max-width: var(--viewport-content)
    }
}

.section-carbon .carbon-section-headlines .headline-zoom {
    margin: 0;
    color: #1d1d1f
}

html.enhanced .section-carbon .carbon-section-headlines .headline-zoom {
    grid-area: 1/1;
    opacity: 0
}

html.enhanced .section-carbon .carbon-section-headlines .headline-zoom.will-change {
    will-change: opacity,transform
}

@media only screen and (max-width: 734px) {
    .section-carbon .carbon-row .headline-column {
        margin-bottom:12px
    }
}

@media only screen and (min-width: 735px) {
    .section-carbon .carbon-logo {
        position:relative;
        left: 50%;
        margin-left: -182.5px
    }
}

@media only screen and (min-width: 735px)and (max-width:1068px) {
    .section-carbon .carbon-logo {
        left:50%;
        margin-left: -161.5px
    }
}

@media only screen and (min-width: 735px)and (max-width:734px) {
    .section-carbon .carbon-logo {
        left:50%;
        margin-left: -129px
    }
}

@media only screen and (max-width: 734px) {
    .section-carbon .carbon-logo {
        margin-inline:auto
    }
}

.section-carbon .carbon-hw {
    margin-block:72px 76px}

@media only screen and (max-width: 1068px) {
    .section-carbon .carbon-hw {
        margin-block:74px 60px
    }
}

@media only screen and (max-width: 734px) {
    .section-carbon .carbon-hw {
        margin-block:66px 42px
    }
}

@media only screen and (min-width: 735px) {
    .section-carbon .carbon-hw {
        position:relative;
        left: 50%;
        margin-left: -342px
    }
}

@media only screen and (min-width: 735px)and (max-width:1068px) {
    .section-carbon .carbon-hw {
        left:50%;
        margin-left: -339px
    }
}

@media only screen and (min-width: 735px)and (max-width:734px) {
    .section-carbon .carbon-hw {
        left:50%;
        margin-left: -277.5px
    }
}

@media only screen and (max-width: 734px) {
    .section-carbon .carbon-hw {
        margin-left:-3px
    }
}

html.enhanced .section-carbon .carbon-hw.anim-text-animate {
    transition-delay: .3s
}

.section-carbon .carbon-copy {
    margin-block:5px 24px}

.section-carbon .carbon-modal-trigger {
    background: #00d959;
    color: #000;
    border-color: transparent;
    font-weight: 600;
    margin-top: 0
}

.section-carbon .carbon-modal-trigger:focus,.section-carbon .carbon-modal-trigger:hover {
    background: #14dc66;
    color: #000;
    border-color: transparent
}

.section-carbon .carbon-modal-trigger:focus {
    box-shadow: 0 0 0 3px white,0 0 0 5px #0071E3;
    outline: none
}

.section-carbon .carbon-modal-trigger:focus[data-focus-method=mouse]:not(input):not(textarea):not(select),.section-carbon .carbon-modal-trigger:focus[data-focus-method=touch]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.section-carbon .carbon-modal-trigger:active {
    background: #00c852;
    color: #000;
    border-color: transparent
}

.section-carbon .carbon-modal-trigger.disabled,.section-carbon .carbon-modal-trigger:disabled {
    background: #00d959;
    color: #000;
    opacity: var(--sk-link-disabled-opacity)
}

html.js .section-carbon #carbon-neutral-modal-content {
    display: none
}

.modal.modal-carbon-neutral {
    overflow-x: hidden
}

.modal.modal-carbon-neutral .modal-close-button {
    align-self: flex-end;
    margin-inline-start:0;margin-inline-end:16px}

@media only screen and (max-width: 734px)and (min-width:375px) {
    .modal.modal-carbon-neutral .modal-overlay {
        padding:0 10px
    }
}

.modal.modal-carbon-neutral .modal-content-container {
    border-radius: 0!important;
    padding-top: 128px;
    padding-inline-start:0!important;padding-inline-end:0!important;padding-bottom: 0;
    position: relative
}

.modal.modal-carbon-neutral .modal-content-container:before {
    content: "";
    border: 1px solid var(--carbon-green);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none
}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .modal-content-container {
        padding-top:73px
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .modal-content-container {
        padding-top:119px
    }
}

.modal.modal-carbon-neutral .row {
    flex-wrap: nowrap
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .row {
        flex-wrap:wrap
    }
}

@media only screen and (min-width: 735px) {
    .modal.modal-carbon-neutral .carbon-neutral-modal-header-content {
        margin-left:auto;
        margin-right: auto
    }
}

.modal.modal-carbon-neutral .carbon-neutral-modal-headline {
    margin-top: 30px;
    margin-bottom: 44px;
    text-align: center
}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .carbon-neutral-modal-headline {
        margin-top:26px;
        margin-bottom: 44px
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .carbon-neutral-modal-headline {
        margin-top:30px;
        text-align: left
    }
}

.modal.modal-carbon-neutral .overlay-carbon-logo {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 189px;
    --p-height: 39px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .modal.modal-carbon-neutral .overlay-carbon-logo {
        --p-width:173px;
        --p-height: 36px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .modal.modal-carbon-neutral .overlay-carbon-logo {
        --p-width:172px;
        --p-height: 34px
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .overlay-carbon-logo {
        margin-left:0
    }
}

.modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-hero {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 732px;
    --p-height: 220px;
    position: relative;
    left: 50%;
    margin-left: -366px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-hero {
        --p-width:692px;
        --p-height: 265px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-hero {
        --p-width:634px;
        --p-height: 209px
    }
}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-hero {
        left:50%;
        margin-left: -346px
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-hero {
        left:50%;
        margin-left: -413px
    }
}

.modal.modal-carbon-neutral .carbon-neutral-modal__plan {
    border-top: 1px solid var(--carbon-green);
    border-bottom: 1px solid var(--carbon-green);
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .carbon-neutral-modal__plan {
        max-width:100%
    }
}

.modal.modal-carbon-neutral .circle-text {
    position: relative;
    display: inline-block;
    font-style: normal;
    z-index: 1;
    width: 100%
}

.modal.modal-carbon-neutral .circle-text:before {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    width: 188px;
    height: 162px;
    background-size: contain;
    background-position: 50%
}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .circle-text:before {
        width:198px;
        height: 172px
    }
}

html.has-modal .modal.modal-carbon-neutral .circle-text:before,html.no-js .modal.modal-carbon-neutral .circle-text:before {
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/overview/carbon/carbon_neutral_highlight_circle__b96tjtla06r6_large.svg)
}

.modal.modal-carbon-neutral .underline-text,.modal.modal-carbon-neutral .underline-text-small-only {
    display: inline-block;
    position: relative;
    z-index: 1
}

.modal.modal-carbon-neutral .underline-text-small-only:before,.modal.modal-carbon-neutral .underline-text:before {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    left: -0.05em;
    right: -0.05em;
    bottom: -0.08em;
    height: .35em;
    min-height: 12px;
    background-size: 100% 100%
}

html.has-modal .modal.modal-carbon-neutral .underline-text-small-only:before,html.has-modal .modal.modal-carbon-neutral .underline-text:before,html.no-js .modal.modal-carbon-neutral .underline-text-small-only:before,html.no-js .modal.modal-carbon-neutral .underline-text:before {
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/overview/carbon/carbon_neutral_highlight_line__ejm9zce320ae_large.svg)
}

.modal.modal-carbon-neutral .underline-text-small-only:before {
    background-position: -1000px -1000px
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .underline-text-small-only:before {
        background-position:0 0
    }
}

.modal.modal-carbon-neutral .plan-intro {
    margin-bottom: 25px;
    max-width: 715px
}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .plan-intro {
        max-width:555px
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .plan-intro {
        max-width:328px
    }
}

.modal.modal-carbon-neutral .plan-content-container {
    padding-top: 71px;
    padding-bottom: 96px;
    padding-inline-start:82px;padding-inline-end:82px}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .plan-content-container {
        padding-top:94px;
        padding-bottom: 90px;
        padding-inline-start:68px;padding-inline-end:68px}
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .plan-content-container {
        border:none;
        padding-top: 74px;
        padding-bottom: 73px;
        padding-inline-start:0;padding-inline-end:0}
}

.modal.modal-carbon-neutral .plan-link .icon-copy {
    font-weight: 600;
    color: #1d1d1f;
    text-decoration: none
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .plan-link .underline-text {
        display:inline
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .plan-link .underline-text:before {
        display:none
    }
}

.modal.modal-carbon-neutral .icon.icon-after {
    color: #1d1d1f
}

.modal.modal-carbon-neutral .plan-logo-container {
    border-top: 1px solid var(--carbon-green);
    padding-top: 75px;
    padding-bottom: 75px
}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .plan-logo-container {
        padding-top:79px
    }
}

.modal.modal-carbon-neutral .plan-logo-copy {
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .plan-logo-copy {
        margin-top:34px
    }
}

.modal.modal-carbon-neutral .overview-carbon-overlay-icon-carbon-neutral {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 208px;
    --p-height: 208px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .modal.modal-carbon-neutral .overview-carbon-overlay-icon-carbon-neutral {
        --p-width:180px;
        --p-height: 180px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .modal.modal-carbon-neutral .overview-carbon-overlay-icon-carbon-neutral {
        --p-width:180px;
        --p-height: 180px
    }
}

.modal.modal-carbon-neutral .carbon-neutral-stat-container {
    border-top: 1px solid var(--carbon-green);
    border-left: 1px solid var(--carbon-green);
    display: flex;
    align-self: stretch;
    padding-top: 75px;
    padding-bottom: 75px
}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .carbon-neutral-stat-container {
        padding-top:79px
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .carbon-neutral-stat-container {
        border-left:0
    }
}

.modal.modal-carbon-neutral .stat {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .stat {
        margin-right:0
    }
}

.modal.modal-carbon-neutral .stat-content {
    margin: 0;
    padding: 0
}

.modal.modal-carbon-neutral .stat-val {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 208px;
    height: 208px
}

@media only screen and (max-width: 1068px) {
    .modal.modal-carbon-neutral .stat-val {
        width:180px;
        height: 180px
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .stat-val {
        width:180px;
        height: 180px
    }
}

.modal.modal-carbon-neutral .stat-copy {
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .stat-copy {
        margin-top:34px
    }
}

.modal.modal-carbon-neutral .carbon-neutral-modal__pairing {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .carbon-neutral-modal__pairing {
        overflow:hidden
    }
}

.modal.modal-carbon-neutral .carbon-neutral-modal__pairing .row {
    justify-content: space-between;
    align-items: center
}

.modal.modal-carbon-neutral .pairing-content {
    position: absolute;
    padding-inline-start:calc(20% - 85px)}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .pairing-content {
        position:static;
        padding-top: 72px;
        padding-inline-start:0}
}

.modal.modal-carbon-neutral .pairing-copy {
    color: #86868b
}

.modal.modal-carbon-neutral .pairing-image-content {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .pairing-image-content {
        margin-top:45px
    }
}

.modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-bands {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 624px;
    --p-height: 800px;
    margin-left: auto
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-bands {
        --p-width:504px;
        --p-height: 650px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-bands {
        --p-width:677px;
        --p-height: 277px
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-bands {
        position:relative;
        left: 50%;
        margin-left: -312px
    }
}

@media only screen and (max-width: 734px)and (max-width:1068px) {
    .modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-bands {
        left:50%;
        margin-left: -252px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .modal.modal-carbon-neutral .overview-carbon-carbon-neutral-overlay-bands {
        left:50%;
        margin-left: -338.5px
    }
}

@media only screen and (max-width: 734px) {
    .modal.modal-carbon-neutral .carbon-neutral-modal-header-content,.modal.modal-carbon-neutral .carbon-neutral-stat-container .stat,.modal.modal-carbon-neutral .pairing-content,.modal.modal-carbon-neutral .plan-content-container,.modal.modal-carbon-neutral .plan-logo-content {
        --content-max-width:300px;
        max-width: var(--content-max-width);
        width: 87.5%;
        margin: 0 auto
    }
}

.section-health {
    --parallax-end: -30px
}

@media only screen and (max-width: 1068px) {
    .section-health {
        --parallax-end:-20px
    }
}

@media only screen and (max-width: 734px) {
    .section-health {
        --parallax-end:-36px
    }
}

.section-health .hero-image-container {
    display: flex;
    padding-top: 100px;
    margin-bottom: -28px
}

@media only screen and (max-width: 1068px) {
    .section-health .hero-image-container {
        padding-top:80px;
        margin-bottom: -14px
    }
}

@media only screen and (max-width: 734px) {
    .section-health .hero-image-container {
        padding-top:56px;
       /* margin-bottom: -36px;*/
        max-width: var(--viewport-content);
        margin-left: auto;
        margin-right: auto
    }
}

.overview-health-health-insights {
    margin-top: 17px
}

.overview-health-health-workout-views {
    padding-inline:120px}

@media only screen and (max-width: 1068px) {
    .overview-health-health-workout-views {
        padding-inline:90px
    }
}

@media only screen and (max-width: 734px) {
    .overview-health-health-workout-views {
        padding-inline:0
    }
}

.card-ecg .card-image-container {
    align-items: flex-end
}

.card-ecg .inline-video-container {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    /*--p-width: 480px;*/
    /*--p-height: 392px*/
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .card-ecg .inline-video-container {
        /*--p-width:384px;*/
        /*--p-height: 318px*/
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .card-ecg .inline-video-container {
        /*--p-width:376px;*/
        /*--p-height: 294px*/
    }
}

@media only screen and (max-width: 1068px) {
    .card-ecg .inline-video-container {
        margin-top:45px
    }
}

@media only screen and (max-width: 734px) {
    .card-ecg .inline-video-container {
        margin-top:40px
    }
}

@media only screen and (max-width: 1068px) {
    .overview-health-health-blood-oxygen {
        margin-top:45px
    }
}

@media only screen and (max-width: 734px) {
    .overview-health-health-blood-oxygen {
        margin-top:80px
    }
}

@media only screen and (max-width: 734px) {
    .overview-health-health-insights,.overview-health-health-sleep {
        margin-bottom:-17px
    }
}

.overview-health-health-hero {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1664px;
    --p-height: 543px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-health-health-hero {
        --p-width:1178px;
        --p-height: 377px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-health-health-hero {
        --p-width:581px;
        --p-height: 186px
    }
}

.overview-health-health-blood-oxygen {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 480px;
    --p-height: 367px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-health-health-blood-oxygen {
        --p-width:384px;
        --p-height: 299px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-health-health-blood-oxygen {
        --p-width:375px;
        --p-height: 298px
    }
}

.overview-health-health-sleep {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 480px;
    --p-height: 422px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-health-health-sleep {
        --p-width:384px;
        --p-height: 340px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-health-health-sleep {
        --p-width:375px;
        --p-height: 311px
    }
}

.overview-health-health-cycle {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 652px;
    --p-height: 652px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-health-health-cycle {
        --p-width:520px;
        --p-height: 590px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-health-health-cycle {
        --p-width:375px;
        --p-height: 570px
    }
}

.overview-health-health-insights {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 652px;
    --p-height: 382px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-health-health-insights {
        --p-width:520px;
        --p-height: 334px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-health-health-insights {
        --p-width:375px;
        --p-height: 304px
    }
}

.section-connect {
    --parallax-start: 130px;
    --parallax-end: -30px
}

@media only screen and (max-width: 1068px) {
    .section-connect {
        --parallax-start:65px;
        --parallax-end: -15px
    }
}

@media only screen and (max-width: 734px) {
    .section-connect {
        --parallax-start:32.5px;
        --parallax-end: -7.5px
    }
}

.section-connect .pillar-hero {
    padding-bottom: 170px
}

@media only screen and (max-width: 1068px) {
    .section-connect .pillar-hero {
        padding-bottom:100px
    }
}

@media only screen and (max-width: 734px) {
    .section-connect .pillar-hero {
        padding-bottom:60px
    }
}

.section-connect .hero-image-container {
    margin-top: 100px;
    margin-bottom: 60px
}

@media only screen and (max-width: 734px) {
    .section-connect .hero-image-container {
        margin-top:40px;
        margin-bottom: 35px
    }
}

.section-connect .overview-connect-connect-hero-front {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 533px;
    --p-height: 596px;
    z-index: 2;
    position: relative;
    top: -85px;
    left: 378px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-connect .overview-connect-connect-hero-front {
        --p-width:372px;
        --p-height: 416px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-connect .overview-connect-connect-hero-front {
        --p-width:252px;
        --p-height: 282px
    }
}

@media only screen and (max-width: 1068px) {
    .section-connect .overview-connect-connect-hero-front {
        top:-60px;
        left: 266px
    }
}

@media only screen and (max-width: 734px) {
    .section-connect .overview-connect-connect-hero-front {
        top:-40px;
        left: 134px
    }
}

html.enhanced .section-connect .overview-connect-connect-hero-front {
    top: -135px
}

@media only screen and (max-width: 1068px) {
    html.enhanced .section-connect .overview-connect-connect-hero-front {
        top:-85px
    }
}

@media only screen and (max-width: 734px) {
    html.enhanced .section-connect .overview-connect-connect-hero-front {
        top:-50px
    }
}

@supports((-webkit-mask-image: url("")) or (mask-image:url(""))) {
    .section-connect .overview-connect-connect-hero-front.loaded {
        -webkit-mask-size:contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    @media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
        .section-connect .overview-connect-connect-hero-front.loaded {
        }
    }

    @media only screen and (max-width: 1068px) {
        .section-connect .overview-connect-connect-hero-front.loaded {
            /*-webkit-mask-repeat:no-repeat;*/
            /*mask-repeat: no-repeat;*/
            /*-webkit-mask-image: url(/tm/tm416.png);*/
            /*mask-image: url(/tm/tm416.png)*/
        }
    }

    @media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
        .section-connect .overview-connect-connect-hero-front.loaded {
            /*-webkit-mask-image:url(/tm/tm416.png);*/
            /*mask-image: url(/tm/tm416.png)*/
        }
    }

    @media only screen and (max-width: 734px) {
        .section-connect .overview-connect-connect-hero-front.loaded {
            /*-webkit-mask-repeat:no-repeat;*/
            /*mask-repeat: no-repeat;*/
            /*-webkit-mask-image: url(/tm/tm280.png);*/
            /*mask-image: url(/tm/tm280.png)*/
        }
    }

    @media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
        .section-connect .overview-connect-connect-hero-front.loaded {
            /*-webkit-mask-image:url(//tm/tm280.png);*/
            /*mask-image: url(/tm/tm280.png)*/
        }
    }
}

.section-connect .overview-connect-connect-hero-back {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 535px;
    --p-height: 592px;
    margin-left: 73px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-connect .overview-connect-connect-hero-back {
        --p-width:373px;
        --p-height: 412px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-connect .overview-connect-connect-hero-back {
        --p-width:253px;
        --p-height: 280px
    }
}

@media only screen and (max-width: 1068px) {
    .section-connect .overview-connect-connect-hero-back {
        margin-left:56px
    }
}

@media only screen and (max-width: 734px) {
    .section-connect .overview-connect-connect-hero-back {
        margin-left:-8px
    }
}

.overview-connect-connect-hero-back {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 535px;
    --p-height: 592px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-connect-connect-hero-back {
        --p-width:373px;
        --p-height: 412px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-connect-connect-hero-back {
        --p-width:253px;
        --p-height: 280px
    }
}

.overview-connect-connect-hero-front {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 533px;
    --p-height: 596px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-connect-connect-hero-front {
        --p-width:372px;
        --p-height: 416px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-connect-connect-hero-front {
        --p-width:252px;
        --p-height: 282px
    }
}

.overview-connect-connect-cellular {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    /*--p-width: 480px;*/
    /*--p-height: 428px*/
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-connect-connect-cellular {
        --p-width:384px;
        --p-height: 344px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-connect-connect-cellular {
        --p-width:375px;
        --p-height: 318px
    }
}

.overview-connect-connect-music {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 652px;
    --p-height: 652px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-connect-connect-music {
        --p-width:520px;
        --p-height: 590px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-connect-connect-music {
        --p-width:375px;
        --p-height: 570px
    }
}

.overview-connect-connect-apple-pay {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 480px;
    --p-height: 428px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-connect-connect-apple-pay {
        --p-width:384px;
        --p-height: 344px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-connect-connect-apple-pay {
        --p-width:375px;
        --p-height: 318px
    }
}

.overview-connect-connect-maps {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 652px;
    --p-height: 652px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-connect-connect-maps {
        --p-width:520px;
        --p-height: 590px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-connect-connect-maps {
        --p-width:375px;
        --p-height: 570px
    }
}

.section-fitness {
    --parallax-end: -180px
}

@media only screen and (max-width: 1068px) {
    .section-fitness {
        --parallax-end:-120px
    }
}

@media only screen and (max-width: 734px) {
    .section-fitness {
        --parallax-end:-80px
    }
}

.section-fitness .pillar-hero {
    align-items: center;
    justify-items: center;
    place-items: center
}

.section-fitness .hero-copy-container {
    z-index: 2;
    margin-top: 310px
}

.section-fitness .hero-copy-container h2,.section-fitness .hero-copy-container h3,.section-fitness .hero-copy-container p {
    color: #fff
}

@media only screen and (max-width: 1068px) {
    .section-fitness .hero-copy-container {
        margin-top:110px
    }
}

@media only screen and (max-width: 734px) {
    .section-fitness .hero-copy-container {
        margin-top:-380px
    }
}

@media only screen and (max-width: 734px) {
    .section-fitness .pillar-intro-copy {
        max-width:320px
    }
}

.section-fitness .hero-image-container {
    overflow: hidden;
   /* max-height: 1386px */
}

@media only screen and (max-width: 1068px) {
    .section-fitness .hero-image-container {
        max-height:993px
    }
}

@media only screen and (max-width: 734px) {
    .section-fitness .hero-image-container {
        max-height:867px
    }
}

.section-fitness .inline-video-container {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    /*--p-width: 480px;*/
    /*--p-height: 406px*/
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-fitness .inline-video-container {
        /*--p-width:520px;*/
        /*--p-height: 388px*/
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-fitness .inline-video-container {
        /*--p-width:376px;*/
        /*--p-height: 374px*/
    }
}

@media only screen and (max-width: 1068px) {
    .section-fitness .overview-fitness-fitness-workout-views {
        margin-bottom:13px
    }
}

@media only screen and (max-width: 734px) {
    .section-fitness .overview-fitness-fitness-workout-views {
        margin-bottom:36px
    }
}

.overview-fitness-fitness-hero {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 3008px;
    --p-height: 1609px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-fitness-fitness-hero {
        --p-width:1068px;
        --p-height: 1185px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-fitness-fitness-hero {
        --p-width:894px;
        --p-height: 1039px
    }
}

.overview-fitness-fitness-durability {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 652px;
    --p-height: 652px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-fitness-fitness-durability {
        --p-width:520px;
        --p-height: 605px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-fitness-fitness-durability {
        --p-width:375px;
        --p-height: 606px
    }
}

.overview-fitness-fitness-workout-views-avail {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 920px;
    --p-height: 426px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-fitness-fitness-workout-views-avail {
        --p-width:692px;
        --p-height: 335px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-fitness-fitness-workout-views-avail {
        --p-width:375px;
        --p-height: 303px
    }
}

.overview-fitness-fitness-cycling-metrics {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 920px;
    --p-height: 477px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-fitness-fitness-cycling-metrics {
        --p-width:692px;
        --p-height: 431px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-fitness-fitness-cycling-metrics {
        --p-width:375px;
        --p-height: 366px
    }
}

.overview-fitness-fitness-fitness-plus {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 652px;
    --p-height: 409px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-fitness-fitness-fitness-plus {
        --p-width:520px;
        --p-height: 359px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-fitness-fitness-fitness-plus {
        --p-width:375px;
        --p-height: 314px
    }
}

.section-safety {
    --parallax-end: -50px
}

@media only screen and (max-width: 1068px) {
    .section-safety {
        --parallax-end:-65px
    }
}

@media only screen and (max-width: 734px) {
    .section-safety {
        --parallax-end:-50px
    }
}

.section-safety .hero-image-container {
    display: flex;
    width: 100vw;
    padding-top: 60px
}

@media only screen and (max-width: 1068px) {
    .section-safety .hero-image-container {
        padding-top:50px
    }
}

@media only screen and (max-width: 734px) {
    .section-safety .hero-image-container {
        padding-top:30px
    }
}

@media only screen and (max-width: 374px) {
    .section-safety .hero-image-container {
        margin-left:-5px
    }
}

.section-safety .overview-safety-safety-hero {
    margin-bottom: -76px
}

@media only screen and (max-width: 1068px) {
    .section-safety .overview-safety-safety-hero {
        margin-bottom:-70px
    }
}

@media only screen and (max-width: 734px) {
    .section-safety .overview-safety-safety-hero {
        margin-bottom:-48px
    }
}

.section-safety .pillar-intro-copy {
    margin-top: 8px
}

@media only screen and (max-width: 1068px) {
    .section-safety .pillar-intro-copy {
        margin-top:4px
    }
}

@media only screen and (max-width: 734px) {
    .section-safety .pillar-intro-copy {
        margin-top:unset
    }
}

@media only screen and (max-width: 734px) {
    .section-safety .overview-safety-safety-crash-detection {
        margin-bottom:-45px
    }
}

@media only screen and (max-width: 734px) {
    .section-safety .card-sos .card-image-container {
        margin-left:-9px
    }
}

@media only screen and (max-width: 374px) {
    .section-safety .card-sos .card-image-container {
        margin-left:-4px
    }
}

.overview-safety-safety-hero {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    /*--p-width: 445px;*/
    /*--p-height: 720px*/
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-safety-safety-hero {
        /*--p-width:445px;*/
        /*--p-height: 718px*/
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-safety-safety-hero {
        /*--p-width:295px;*/
        /*--p-height: 475px*/
    }
}

.overview-safety-safety-crash-detection {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 652px;
    --p-height: 571px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-safety-safety-crash-detection {
        --p-width:520px;
        --p-height: 478px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-safety-safety-crash-detection {
        --p-width:375px;
        --p-height: 397px
    }
}

.overview-safety-safety-fall-detection {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 480px;
    --p-height: 421px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-safety-safety-fall-detection {
        --p-width:384px;
        --p-height: 342px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-safety-safety-fall-detection {
        --p-width:375px;
        --p-height: 314px
    }
}

.overview-safety-safety-sos {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 480px;
    --p-height: 652px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .overview-safety-safety-sos {
        --p-width:384px;
        --p-height: 590px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .overview-safety-safety-sos {
        --p-width:375px;
        --p-height: 570px
    }
}

br.large.medium {
    display: block
}

@media only screen and (max-width: 734px) {
    br.large.medium {
        display:none
    }
}

br.xs-only {
    display: none
}

@media screen and (max-width: 320px) {
    br.xs-only {
        display:block
    }
}

.section-shared-compare .compare-item-cta-header,.section-shared-compare .compare-item-feature-list,.section-shared-compare .compare-table [class^=compare-item].battery {
    border-bottom: 1px solid #d2d2d7
}

.section-shared-compare .section-wrapper {
    padding: 50px 0 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    text-align: center
}

.section-shared-compare .compare-item-header {
    position: relative;
    padding: 11px 0 0
}

.section-shared-compare .compare-item-cta-header {
    position: relative;
    padding: 0 0 26px;
    margin-top: -17px
}

.section-shared-compare .compare-item-headline {
    padding-top: 5px
}

@media only screen and (max-width: 1068px) {
    .section-shared-compare .compare-item-headline {
        font-size:17px;
        line-height: 1.2353641176;
        font-weight: 400;
        letter-spacing: -0.022em;
        font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
        font-weight: 600
    }

    .section-shared-compare .compare-item-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR,SF Pro AR Text,SF Pro Text,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .compare-item-headline: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
    }

    .section-shared-compare .compare-item-headline:lang(ko) {
        line-height: 1.3529611765;
        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
    }

    .section-shared-compare .compare-item-headline:lang(zh) {
        line-height: 1.3529611765;
        letter-spacing: 0em
    }

    .section-shared-compare .compare-item-headline:lang(th) {
        line-height: 1.3529611765;
        letter-spacing: 0em;
        font-family: SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .compare-item-headline:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .compare-item-headline:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .compare-item-headline: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
    }

    .section-shared-compare .compare-item-headline:lang(zh-TW) {
        font-family: SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
    }
}

.section-shared-compare .compare-item-violator {
    --top-offset: 12px;
    position: absolute;
    top: var(--top-offset);
    left: 50%;
    transform: translate3d(-50%,0,0)
}

.section-shared-compare .compare-cta a+a {
    margin-left: 48px
}

@media only screen and (max-width: 734px) {
    .section-shared-compare .compare-cta a {
        display:block
    }

    .section-shared-compare .compare-cta a+a {
        margin-left: 0;
        margin-top: 6px
    }
}

.section-shared-compare .compare-item-feature-list {
    margin-top: 47px
}

.section-shared-compare .buy-cta {
    margin: 16px 0;
    display: inline-block
}

.section-shared-compare .cta-wrapper {
    text-align: center
}

.section-shared-compare .cta-wrapper a {
    display: inline-block
}

.section-shared-compare {
    --row-gap: 44px;
    --column-gap: 32px;
    --rows: 11;
    --columns: 3
}

.section-shared-compare .compare-table {
    margin: 57px auto var(--row-gap);
    display: grid;
    grid-template-columns: repeat(var(--columns),1fr);
    grid-template-rows: repeat(var(--rows),auto);
    grid-row-gap: var(--row-gap);
    grid-column-gap: var(--column-gap);
    grid-template-areas: "se-device s9-device ultra-device" "se-device-cta s9-device-cta ultra-device-cta" "se-case-size s9-case-size ultra-case-size" "se-carbon-neutral s9-carbon-neutral ultra-carbon-neutral" "se-retina s9-retina ultra-retina" "se-chip s9-chip ultra-chip" "se-heart-rate s9-heart-rate ultra-heart-rate" "se-temperature s9-temperature ultra-temperature" "se-sos s9-sos ultra-sos" "se-water-resistant s9-water-resistant ultra-water-resistant" "se-gps-cellular s9-gps-cellular ultra-gps-cellular" "se-battery s9-battery ultra-battery"
}

.section-shared-compare .compare-table .compare-item-se.device {
    grid-area: se-device
}

.section-shared-compare .compare-table .compare-item-se.device-cta {
    grid-area: se-device-cta
}

.section-shared-compare .compare-table .compare-item-se.case-size {
    grid-area: se-case-size
}

.section-shared-compare .compare-table .compare-item-se.carbon-neutral {
    grid-area: se-carbon-neutral
}

.section-shared-compare .compare-table .compare-item-se.chip {
    grid-area: se-chip
}

.section-shared-compare .compare-table .compare-item-se.retina {
    grid-area: se-retina
}

.section-shared-compare .compare-table .compare-item-se.heart-rate {
    grid-area: se-heart-rate
}

.section-shared-compare .compare-table .compare-item-se.temperature {
    grid-area: se-temperature
}

.section-shared-compare .compare-table .compare-item-se.sos {
    grid-area: se-sos
}

.section-shared-compare .compare-table .compare-item-se.water-resistant {
    grid-area: se-water-resistant
}

.section-shared-compare .compare-table .compare-item-se.gps-cellular {
    grid-area: se-gps-cellular
}

.section-shared-compare .compare-table .compare-item-se.battery {
    grid-area: se-battery
}

.section-shared-compare .compare-table .compare-item-s9.device {
    grid-area: s9-device
}

.section-shared-compare .compare-table .compare-item-s9.device-cta {
    grid-area: s9-device-cta
}

.section-shared-compare .compare-table .compare-item-s9.case-size {
    grid-area: s9-case-size
}

.section-shared-compare .compare-table .compare-item-s9.carbon-neutral {
    grid-area: s9-carbon-neutral
}

.section-shared-compare .compare-table .compare-item-s9.chip {
    grid-area: s9-chip
}

.section-shared-compare .compare-table .compare-item-s9.retina {
    grid-area: s9-retina
}

.section-shared-compare .compare-table .compare-item-s9.heart-rate {
    grid-area: s9-heart-rate
}

.section-shared-compare .compare-table .compare-item-s9.temperature {
    grid-area: s9-temperature
}

.section-shared-compare .compare-table .compare-item-s9.sos {
    grid-area: s9-sos
}

.section-shared-compare .compare-table .compare-item-s9.water-resistant {
    grid-area: s9-water-resistant
}

.section-shared-compare .compare-table .compare-item-s9.gps-cellular {
    grid-area: s9-gps-cellular
}

.section-shared-compare .compare-table .compare-item-s9.battery {
    grid-area: s9-battery
}

.section-shared-compare .compare-table .compare-item-ultra.device {
    grid-area: ultra-device
}

.section-shared-compare .compare-table .compare-item-ultra.device-cta {
    grid-area: ultra-device-cta
}

.section-shared-compare .compare-table .compare-item-ultra.case-size {
    grid-area: ultra-case-size
}

.section-shared-compare .compare-table .compare-item-ultra.carbon-neutral {
    grid-area: ultra-carbon-neutral
}

.section-shared-compare .compare-table .compare-item-ultra.chip {
    grid-area: ultra-chip
}

.section-shared-compare .compare-table .compare-item-ultra.retina {
    grid-area: ultra-retina
}

.section-shared-compare .compare-table .compare-item-ultra.heart-rate {
    grid-area: ultra-heart-rate
}

.section-shared-compare .compare-table .compare-item-ultra.temperature {
    grid-area: ultra-temperature
}

.section-shared-compare .compare-table .compare-item-ultra.sos {
    grid-area: ultra-sos
}

.section-shared-compare .compare-table .compare-item-ultra.water-resistant {
    grid-area: ultra-water-resistant
}

.section-shared-compare .compare-table .compare-item-ultra.gps-cellular {
    grid-area: ultra-gps-cellular
}

.section-shared-compare .compare-table .compare-item-ultra.battery {
    grid-area: ultra-battery
}

.section-shared-compare .compare-table [class^=compare-item].battery {
    padding-bottom: var(--row-gap)
}

@media only screen and (max-width: 1068px) {
    .section-shared-compare .compare-table {
        --column-gap:30px;
        max-width: 694px
    }
}

@media only screen and (max-width: 734px) {
    .section-shared-compare .compare-table {
        --row-gap:38px;
        --column-gap: 10px;
        --rows: 22;
        --columns: 2;
        max-width: 500px;
        padding: 0 var(--container-padding);
        margin-bottom: calc(var(--column-gap)*4);
        grid-template-areas: "se-device s9-device" "se-device-cta s9-device-cta" "se-case-size s9-case-size" "se-carbon-neutral s9-carbon-neutral" "se-retina s9-retina" "se-chip s9-chip" "se-heart-rate s9-heart-rate" "se-temperature s9-temperature" "se-sos s9-sos" "se-water-resistant s9-water-resistant" "se-gps-cellular s9-gps-cellular" "se-battery s9-battery" "ultra-device ." "ultra-device-cta ." "ultra-case-size ." "ultra-carbon-neutral ." "ultra-retina ." "ultra-chip ." "ultra-heart-rate ." "ultra-temperature ." "ultra-sos ." "ultra-water-resistant ." "ultra-gps-cellular ." "ultra-battery ."
    }

    .section-shared-compare .compare-table .compare-item-ultra.device {
        margin-top: calc(var(--column-gap)*2)
    }
}

.compare-item-color-swatches {
    --swatch-size: 11px;
    --swatch-spacing: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    position: relative
}

.compare-item-color-swatches>.color-swatch {
    width: var(--swatch-size);
    height: var(--swatch-size);
    border-radius: 50%
}

.compare-item-color-swatches>.color-swatch+.color-swatch {
    margin-left: var(--swatch-spacing)
}

.compare-item-color-swatches .color-swatch-label {
    display: none
}

.compare-item-color-swatches .color-swatch-vo-label {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

.compare-item-color-swatches .aluminum-midnight {
    background-color: #1a2530
}

.compare-item-color-swatches .aluminum-pink {
    background-color: #fadcde
}

.compare-item-color-swatches .aluminum-red {
    background-color: #d61139
}

.compare-item-color-swatches .aluminum-silver {
    background-color: #e0e0e0
}

.compare-item-color-swatches .aluminum-space-gray {
    background-color: #727272
}

.compare-item-color-swatches .aluminum-starlight {
    background-color: #ded6d1
}

.compare-item-color-swatches .stainless-gold {
    background-color: #d4bda1
}

.compare-item-color-swatches .stainless-graphite {
    background-color: #3e3a36
}

.compare-item-color-swatches .stainless-silver {
    background-color: #e6e6e7
}

.compare-item-color-swatches .stainless-space-black {
    background-color: #353536
}

.compare-item-color-swatches .titanium {
    background-color: #e2e3e4
}

.compare-item-color-swatches .titanium-silver {
    background-color: #ccc4bc
}

@media only screen and (max-width: 734px) {
    .compare-item-color-swatches .color-swatch-label {
        display:inline-block;
        margin-left: var(--swatch-spacing);
        color: #6e6e73
    }

    .compare-item-color-swatches>.color-swatch:nth-child(n+7) {
        display: none
    }
}

.section-shared-compare {
    --feature-icon-margin-bottom: 13px
}

.section-shared-compare [class^=compare-item]>p {
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare [class^=compare-item]>p:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR,SF Pro AR Text,SF Pro Text,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare [class^=compare-item]>p: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
}

.section-shared-compare [class^=compare-item]>p:lang(ko) {
    line-height: 1.5714285714;
    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
}

.section-shared-compare [class^=compare-item]>p:lang(zh) {
    line-height: 1.5;
    letter-spacing: 0em
}

.section-shared-compare [class^=compare-item]>p:lang(th) {
    line-height: 1.3571828571;
    letter-spacing: 0em;
    font-family: SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare [class^=compare-item]>p:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare [class^=compare-item]>p:lang(zh-HK) {
    font-family: SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare [class^=compare-item]>p: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
}

.section-shared-compare [class^=compare-item]>p:lang(zh-TW) {
    font-family: SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .text-light {
    color: #6e6e73
}

.section-shared-compare .feature-item-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--feature-icon-margin-bottom)
}

.section-shared-compare .compare-item-image {
    margin: 0 auto 30px
}

.section-shared-compare .alignment-helper-two-lines {
    height: 40px
}

@media only screen and (max-width: 734px) {
    .section-shared-compare .compare-item-image {
        margin:0 auto 16px
    }
}

[class^=compare-item].heart-rate .feature-item-icon {
    width: 42px;
    height: 38px;
    background-size: 42px 38px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_heart_rate_notifications__c8hzd8c0piie_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    [class^=compare-item].heart-rate .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_heart_rate_notifications__c8hzd8c0piie_large_2x.png)
    }
}

[class^=compare-item].sos .feature-item-icon {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_sos__duvs1laqjai6_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    [class^=compare-item].sos .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_sos__duvs1laqjai6_large_2x.png)
    }
}

[class^=compare-item].gps-cellular .feature-item-icon {
    width: 42px;
    height: 39px;
    background-size: 42px 39px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_cellular__bvcktojy5vua_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    [class^=compare-item].gps-cellular .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_cellular__bvcktojy5vua_large_2x.png)
    }
}

[class^=compare-item].temperature .feature-item-icon {
    width: 41px;
    height: 41px;
    background-size: 41px 41px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_temperature_sensing__e8zlub48cwia_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    [class^=compare-item].temperature .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_temperature_sensing__e8zlub48cwia_large_2x.png)
    }
}

[class^=compare-item].battery .feature-item-icon {
    width: 49px;
    height: 26px;
    background-size: 49px 26px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_battery__cz8y7zbgl2wm_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    [class^=compare-item].battery .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_battery__cz8y7zbgl2wm_large_2x.png)
    }
}

[class^=compare-item].carbon-neutral .feature-item-icon {
    width: 43px;
    height: 43px;
    background-size: 43px 43px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_carbon_neutral__fupnh3hi3ia2_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    [class^=compare-item].carbon-neutral .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_carbon_neutral__fupnh3hi3ia2_large_2x.png)
    }
}

.compare-item-s9.retina .feature-item-icon {
    width: 57px;
    height: 63px;
    background-size: 57px 63px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_retina_display_s9__eyrd6xkj6m82_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .compare-item-s9.retina .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_retina_display_s9__eyrd6xkj6m82_large_2x.png)
    }
}

.compare-item-s9.chip .feature-item-icon {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_s9_sip__dnij4gt3s3gy_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .compare-item-s9.chip .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_s9_sip__dnij4gt3s3gy_large_2x.png)
    }
}

.compare-item-s9.water-resistant .feature-item-icon {
    width: 66px;
    height: 58px;
    background-size: 66px 58px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_water_resistant__fy4s869qt4ii_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .compare-item-s9.water-resistant .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_water_resistant__fy4s869qt4ii_large_2x.png)
    }
}

.compare-item-se.retina .feature-item-icon {
    width: 57px;
    height: 63px;
    background-size: 57px 63px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_retina_display_se__9hh4q8691uqm_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .compare-item-se.retina .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_retina_display_se__9hh4q8691uqm_large_2x.png)
    }
}

.compare-item-se.chip .feature-item-icon {
    width: 49px;
    height: 49px;
    background-size: 49px 49px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_s8_sip__dsphs3w3n3qu_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .compare-item-se.chip .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_s8_sip__dsphs3w3n3qu_large_2x.png)
    }
}

.compare-item-se.water-resistant .feature-item-icon {
    width: 66px;
    height: 58px;
    background-size: 66px 58px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_water_resistant__fy4s869qt4ii_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .compare-item-se.water-resistant .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_water_resistant__fy4s869qt4ii_large_2x.png)
    }
}

.compare-item-ultra.retina .feature-item-icon {
    width: 57px;
    height: 63px;
    background-size: 57px 63px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_retina_display_ultra__cqumi314zo5e_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .compare-item-ultra.retina .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_retina_display_ultra__cqumi314zo5e_large_2x.png)
    }
}

.compare-item-ultra.chip .feature-item-icon {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_s9_sip__dnij4gt3s3gy_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .compare-item-ultra.chip .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_s9_sip__dnij4gt3s3gy_large_2x.png)
    }
}

.compare-item-ultra.water-resistant .feature-item-icon {
    width: 83px;
    height: 58px;
    background-size: 83px 58px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_water_resistant_100m__c3uo4c3mdfue_large.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .compare-item-ultra.water-resistant .feature-item-icon {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/icons/quicklook_water_resistant_100m__c3uo4c3mdfue_large_2x.png)
    }
}

.section-shared-compare .feature-null,.section-shared-compare .feature-null-secondary {
    position: relative
}

.section-shared-compare .feature-null-secondary:before,.section-shared-compare .feature-null:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50px;
    transform: translate3d(-50%,-50%,0);
    width: 28px;
    height: 3px;
    background: #1d1d1f
}

.section-shared-compare .feature-null-secondary:before {
    width: 6px;
    height: 1px
}

.section-shared-compare .feature-null-secondary.two-lines {
    height: 40px
}

.section-shared-compare .feature-null-secondary.three-lines {
    height: 60px
}

@media only screen and (max-width: 734px) {
    .section-shared-compare .small-three-lines {
        height:60px
    }
}

@media only screen and (max-width: 734px) {
    .section-shared-compare .compare-item-ultra .feature-null-secondary.small-two-lines,.section-shared-compare .compare-item-ultra .feature-null-secondary.two-lines {
        height:auto
    }
}

.section-shared-compare .gps-cellular .feature-null {
    height: 39px
}

.section-shared-compare .cta-wrapper .ar-link {
    display: none;
    margin-top: 10px
}

.touch.safari .has-compare-ar-links .section-shared-compare .cta-wrapper .ar-link {
    display: block
}

.section-shared-compare .compare-item-s9.device .compare-item-image {
    width: 219px;
    height: 256px;
    background-size: 219px 256px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_s9__dcuvret11pkm_large.jpg)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-shared-compare .compare-item-s9.device .compare-item-image {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_s9__dcuvret11pkm_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-shared-compare .compare-item-s9.device .compare-item-image {
        width:176px;
        height: 205px;
        background-size: 176px 205px;
        background-repeat: no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_s9__dcuvret11pkm_medium.jpg)
    }
}

@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-shared-compare .compare-item-s9.device .compare-item-image {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_s9__dcuvret11pkm_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-shared-compare .compare-item-s9.device .compare-item-image {
        width:140px;
        height: 164px;
        background-size: 140px 164px;
        background-repeat: no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_s9__dcuvret11pkm_small.jpg)
    }
}

@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-shared-compare .compare-item-s9.device .compare-item-image {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_s9__dcuvret11pkm_small_2x.jpg)
    }
}

.section-shared-compare .compare-item-se.device .compare-item-image {
    width: 219px;
    height: 256px;
    background-size: 219px 256px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_se__dl07ga45q3o2_large.jpg)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-shared-compare .compare-item-se.device .compare-item-image {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_se__dl07ga45q3o2_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-shared-compare .compare-item-se.device .compare-item-image {
        width:176px;
        height: 205px;
        background-size: 176px 205px;
        background-repeat: no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_se__dl07ga45q3o2_medium.jpg)
    }
}

@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-shared-compare .compare-item-se.device .compare-item-image {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_se__dl07ga45q3o2_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-shared-compare .compare-item-se.device .compare-item-image {
        width:140px;
        height: 164px;
        background-size: 140px 164px;
        background-repeat: no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_se__dl07ga45q3o2_small.jpg)
    }
}

@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-shared-compare .compare-item-se.device .compare-item-image {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_se__dl07ga45q3o2_small_2x.jpg)
    }
}

.section-shared-compare .compare-item-ultra.device .compare-item-image {
    width: 219px;
    height: 256px;
    background-size: 219px 256px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_ultra2__fqvpggy6g9ua_large.jpg)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-shared-compare .compare-item-ultra.device .compare-item-image {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_ultra2__fqvpggy6g9ua_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-shared-compare .compare-item-ultra.device .compare-item-image {
        width:176px;
        height: 205px;
        background-size: 176px 205px;
        background-repeat: no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_ultra2__fqvpggy6g9ua_medium.jpg)
    }
}

@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-shared-compare .compare-item-ultra.device .compare-item-image {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_ultra2__fqvpggy6g9ua_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-shared-compare .compare-item-ultra.device .compare-item-image {
        width:140px;
        height: 164px;
        background-size: 140px 164px;
        background-repeat: no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_ultra2__fqvpggy6g9ua_small.jpg)
    }
}

@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-shared-compare .compare-item-ultra.device .compare-item-image {
        background-image:url(/v/apple-watch-series-9/c/images/watch-shared-compare/compare_ultra2__fqvpggy6g9ua_small_2x.jpg)
    }
}

.configure-cta {
    font-weight: 600
}

.typography-headline {
    font-size: 48px;
    line-height: 1.0834933333;
    font-weight: 600;
    letter-spacing: -0.003em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-headline:lang(ja) {
    line-height: 1.1459933333;
    letter-spacing: 0em;
    font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-headline:lang(ko) {
    line-height: 1.1875;
    letter-spacing: 0em;
    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
}

.typography-headline:lang(zh) {
    letter-spacing: 0em
}

.typography-headline:lang(th) {
    line-height: 1.3334933333;
    font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-headline:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-headline:lang(zh-HK) {
    font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-headline: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
}

.typography-headline: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) {
    .typography-headline {
        font-size:40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(ja) {
        line-height: 1.175;
        font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(ko) {
        line-height: 1.2;
        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
    }

    .typography-headline:lang(th) {
        line-height: 1.35;
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(ar) {
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline: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
    }

    .typography-headline: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) {
    .typography-headline {
        font-size:32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(ja) {
        line-height: 1.21875;
        font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(ko) {
        line-height: 1.21875;
        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
    }

    .typography-headline:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(zh) {
        line-height: 1.21875
    }

    .typography-headline:lang(ar) {
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-headline: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
    }

    .typography-headline:lang(zh-TW) {
        font-family: SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
    }
}

.typography-eyebrow-elevated {
    font-size: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-elevated:lang(ko) {
    line-height: 1.25;
    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
}

.typography-eyebrow-elevated:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-elevated:lang(zh) {
    line-height: 1.25
}

.typography-eyebrow-elevated:lang(ar) {
    font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-elevated: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
}

.typography-eyebrow-elevated:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-elevated:lang(zh-HK) {
    font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-elevated: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
}

.typography-eyebrow-elevated: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) {
    .typography-eyebrow-elevated {
        font-size:24px;
        line-height: 1.1666666667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(ja) {
        line-height: 1.25;
        font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(ko) {
        line-height: 1.2916666667;
        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
    }

    .typography-eyebrow-elevated:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(zh) {
        line-height: 1.2916666667
    }

    .typography-eyebrow-elevated:lang(ar) {
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated: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
    }

    .typography-eyebrow-elevated: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) {
    .typography-eyebrow-elevated {
        font-size:21px;
        line-height: 1.1904761905;
        font-weight: 600;
        letter-spacing: .011em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(ja) {
        line-height: 1.2380952381;
        font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(ko) {
        line-height: 1.2858042857;
        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
    }

    .typography-eyebrow-elevated:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(zh) {
        line-height: 1.3334033333
    }

    .typography-eyebrow-elevated:lang(ar) {
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-elevated: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
    }

    .typography-eyebrow-elevated:lang(zh-TW) {
        font-family: SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
    }
}

.typography-eyebrow-reduced {
    font-size: 21px;
    line-height: 1.1904761905;
    font-weight: 600;
    letter-spacing: .011em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-reduced:lang(ja) {
    line-height: 1.2380952381;
    font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-reduced:lang(ko) {
    line-height: 1.2858042857;
    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
}

.typography-eyebrow-reduced:lang(th) {
    line-height: 1.381002381;
    font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-reduced:lang(zh) {
    line-height: 1.3334033333
}

.typography-eyebrow-reduced:lang(ar) {
    font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-reduced:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-reduced:lang(zh-HK) {
    font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.typography-eyebrow-reduced: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
}

.typography-eyebrow-reduced: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) {
    .typography-eyebrow-reduced {
        font-size:19px;
        line-height: 1.2105263158;
        font-weight: 600;
        letter-spacing: .012em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-reduced:lang(ja) {
        line-height: 1.2631578947;
        font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-reduced:lang(ko) {
        line-height: 1.3157894737;
        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
    }

    .typography-eyebrow-reduced:lang(th) {
        line-height: 1.3684410526;
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-reduced:lang(zh) {
        line-height: 1.3684410526
    }

    .typography-eyebrow-reduced:lang(ar) {
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-reduced:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-reduced:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .typography-eyebrow-reduced: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
    }

    .typography-eyebrow-reduced:lang(zh-TW) {
        font-family: SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
    }
}

[class*=typography-eyebrow] {
    display: block;
    margin-bottom: .4em
}

[class*=typography-eyebrow]+* {
    margin-top: 0
}

.typography-headline+.typography-intro {
    margin-top: 1.2em
}

.typography-headline-super+.typography-intro-elevated {
    margin-top: 1.6em
}

.typography-headline-elevated+.typography-intro-elevated {
    margin-top: 1.4em
}

.typography-headline-reduced+.typography-body,.typography-headline-reduced+p,.typography-headline-reduced+ul {
    margin-top: 1em
}

.configure-strip {
    text-align: center
}

.configure-strip .tile-wrapper {
    width: 100%
}

.configure-strip,.configure-strip * {
    box-sizing: border-box
}

.configure-strip .configure-cta-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 34px;
    margin-bottom: 50px
}

@media only screen and (max-width: 1068px) {
    .configure-strip .configure-cta-container {
        margin-top:30px;
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 734px) {
    .configure-strip .configure-cta-container {
        margin-top:22px;
        margin-bottom: 35px
    }
}

.configure-strip .configure-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #000;
    padding: 10px 22px 9px;
    text-align: center;
    border-radius: 100px
}

.configure-strip .configure-cta,.configure-strip .configure-cta:after,.configure-strip .configure-cta:before {
    transition: all .2s linear
}

.configure-strip .configure-cta:after,.configure-strip .configure-cta:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: inherit
}

.configure-strip .configure-cta:before {
    z-index: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,#FDDE5C 0%,#F8AB5E 16.66667%,#F56A62 33.33333%,#A176C8 50%,#759BEB 66.66667%,#65BEB3 83.33333%,#70DB96)
}

.configure-strip .configure-cta:after {
    z-index: 1;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #fff
}

.configure-strip .configure-cta:focus {
    outline: none
}

.configure-strip .configure-cta:focus:before {
    box-shadow: 0 0 0 3px rgba(131,192,253,.5);
    outline: none
}

.configure-strip .configure-cta:hover,.configure-strip .configure-cta:hover * {
    text-decoration: none;
    color: #06c
}

.configure-strip .configure-cta:hover:before {
    transform: scale(1.005682,1.022727)
}

.configure-strip .configure-cta:hover:after {
    transform: scale(0.994186,0.975)
}

.configure-strip .configure-cta span {
    position: relative;
    z-index: 2
}

.configure-strip .copy-wrap.typography-eyebrow-reduced {
    margin-bottom: 0;
    margin-top: 16px
}

@media only screen and (max-width: 734px) {
    .configure-strip .copy-wrap {
        padding:0 20px
    }
}

.configure-strip .typography-eyebrow-elevated {
    margin-bottom: 26px
}

@media only screen and (max-width: 1068px) {
    .configure-strip .typography-eyebrow-elevated {
        margin-bottom:26px
    }
}

@media only screen and (max-width: 734px) {
    .configure-strip .typography-eyebrow-elevated {
        margin-bottom:12px
    }
}

.configure-strip .typography-headline {
    color: #111
}

.page-watch .configure-strip .typography-headline {
    font-weight: 600
}

.configure-strip .partner-copy {
    margin-top: .8em;
    margin-bottom: 0
}

.configure-strip .section-content {
    width: 100%;
    padding: 140px 0 0
}

@media only screen and (max-width: 1068px) {
    .configure-strip .section-content {
        padding:90px 0 0
    }
}

@media only screen and (max-width: 734px) {
    .configure-strip .section-content {
        padding:104px 0 0
    }
}

.configure-strip .section-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding: 0
}

@media only screen and (max-width: 734px) {
    .configure-strip .section-wrapper {
        margin-left:0;
        margin-right: 0
    }
}

.configure-strip-flex {
    display: flex;
    list-style: none;
    justify-content: space-around;
    margin: 68px 0 0;
    width: 100%;
    padding: 0 140px
}

@media only screen and (max-width: 1068px) {
    .configure-strip-flex {
        padding:0 90px
    }
}

@media only screen and (max-width: 734px) {
    .configure-strip-flex {
        padding:0
    }
}

@keyframes bands {
    0% {
        background-position-x: 35%
    }

    to {
        background-position-x: 50%
    }
}

.section-configure-wrapper {
    position: relative;
    overflow: hidden
}

.section-configure-wrapper .configure-item-bands {
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/configure/cto/cto-bands__eq8263l7uoa6_large.jpg);
    background-size: cover;
    background-position-x: 50%
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-configure-wrapper .configure-item-bands {
        background-image:url(/v/apple-watch-series-9/c/images/configure/cto/cto-bands__eq8263l7uoa6_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-configure-wrapper .configure-item-bands {
        background-repeat:no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/configure/cto/cto-bands__eq8263l7uoa6_medium.jpg)
    }
}

@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-configure-wrapper .configure-item-bands {
        background-image:url(/v/apple-watch-series-9/c/images/configure/cto/cto-bands__eq8263l7uoa6_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-configure-wrapper .configure-item-bands {
        background-repeat:no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/configure/cto/cto-bands__eq8263l7uoa6_small.jpg)
    }
}

@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-configure-wrapper .configure-item-bands {
        background-image:url(/v/apple-watch-series-9/c/images/configure/cto/cto-bands__eq8263l7uoa6_small_2x.jpg)
    }
}

html.enhanced-layout:not(.prefers-reduced-motion) .section-configure-wrapper .configure-item-bands,html.enhanced:not(.prefers-reduced-motion) .section-configure-wrapper .configure-item-bands {
    background-position-x: 35%
}

html.enhanced-layout:not(.prefers-reduced-motion) .section-configure-wrapper .configure-item-bands.slidein,html.enhanced:not(.prefers-reduced-motion) .section-configure-wrapper .configure-item-bands.slidein {
    animation-name: bands;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

.section-configure-wrapper .configure-item-case {
    width: 300px;
    height: 522px;
    background-size: 300px 522px;
    background-repeat: no-repeat;
    background-image: url(/v/apple-watch-series-9/c/images/configure/cto/cto-case__f10ohhde5vau_large.png);
    position: relative;
    left: 50%;
    margin-left: -150px
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-configure-wrapper .configure-item-case {
        background-image:url(/v/apple-watch-series-9/c/images/configure/cto/cto-case__f10ohhde5vau_large_2x.png)
    }
}

@media only screen and (max-width: 1068px) {
    .section-configure-wrapper .configure-item-case {
        width:250px;
        height: 386px;
        background-size: 250px 386px;
        background-repeat: no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/configure/cto/cto-case__f10ohhde5vau_medium.png)
    }
}

@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-configure-wrapper .configure-item-case {
        background-image:url(/v/apple-watch-series-9/c/images/configure/cto/cto-case__f10ohhde5vau_medium_2x.png)
    }
}

@media only screen and (max-width: 734px) {
    .section-configure-wrapper .configure-item-case {
        width:200px;
        height: 316px;
        background-size: 200px 316px;
        background-repeat: no-repeat;
        background-image: url(/v/apple-watch-series-9/c/images/configure/cto/cto-case__f10ohhde5vau_small.png)
    }
}

@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-configure-wrapper .configure-item-case {
        background-image:url(/v/apple-watch-series-9/c/images/configure/cto/cto-case__f10ohhde5vau_small_2x.png)
    }
}

@media only screen and (max-width: 1068px) {
    .section-configure-wrapper .configure-item-case {
        left:50%;
        margin-left: -125px
    }
}

@media only screen and (max-width: 734px) {
    .section-configure-wrapper .configure-item-case {
        left:50%;
        margin-left: -100px
    }
}

@media only screen and (max-width: 734px) {
    .section-configure-wrapper .configure-item.small-hide {
        display:none
    }
}

.section-routers .grid-item-ar {
    --router-height: 713px;
    --router-content-width: 100%
}

.section-routers .grid-item-ar .tile {
    justify-content: center;
    padding: 0
}

.section-routers .grid-item-ar .tile-content {
    flex-direction: row;
    justify-content: space-around;
    max-width: var(--router-content-width)
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-ar .tile-content {
        flex-direction:column;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-ar {
        --router-height:430px;
        --router-content-width: 657px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-ar {
        --router-height:646px;
        --router-content-width: none
    }
}

.section-routers .grid-item-ar .copy-container {
    max-width: 290px;
    margin-bottom: 116px;
    margin-top: 30px;
    margin-right: 30px
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-ar .copy-container {
        max-width:250px;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-right: 0px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-ar .copy-container {
        margin:51px auto 0px;
        text-align: center
    }
}

.section-routers .grid-item-ar .copy-no-ar {
    display: none
}

.section-routers .grid-item-ar .cta-ar,html.no-quick-look .section-routers .grid-item-ar .copy-no-ar {
    display: block
}

html.no-quick-look .section-routers .grid-item-ar .cta-ar {
    display: none
}

.section-routers .grid-item-ar .qt-logo {
    margin-bottom: 13px
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-ar .qt-logo {
        margin-bottom:17px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-ar .qt-logo {
        margin-bottom:12px;
        justify-content: center
    }
}

.section-routers .grid-item-ar .ar-phone {
    align-self: flex-end;
    margin-bottom: 0px;
    margin-right: 33px
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-ar .ar-phone {
        margin-right:0px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-ar .ar-phone {
        align-self:unset;
        margin-top: 29px
    }
}

.section-routers .grid-item-fitness-plus-router {
    --router-height: 583px;
    --router-content-width: 1024px;
    position: relative
}

.section-routers .grid-item-fitness-plus-router .tile {
    justify-content: center;
    padding: 0
}

.section-routers .grid-item-fitness-plus-router .tile-content {
    justify-content: space-around;
    max-width: var(--router-content-width)
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-fitness-plus-router .tile-content {
        flex-direction:column;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-fitness-plus-router {
        --router-height:350px;
        --router-content-width: 660px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-fitness-plus-router {
        --router-height:533px;
        --router-content-width: none
    }
}

.section-routers .grid-item-fitness-plus-router .tile {
    background-color: #f5f5f7;
    min-height: 0
}

.section-routers .grid-item-fitness-plus-router .tile-content {
    flex-direction: row;
    justify-content: flex-start
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-fitness-plus-router .tile-content {
        flex-direction:column
    }
}

.section-routers .grid-item-fitness-plus-router .tile-copy {
    margin-top: .6em
}

.section-routers .grid-item-fitness-plus-router .tile-cta a:first-child {
    margin-right: 20px
}

.section-routers .grid-item-fitness-plus-router .copy-container {
    max-width: 300px;
    left: 7%;
    position: relative;
    text-align: center
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-fitness-plus-router .copy-container {
        left:7%
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-fitness-plus-router .copy-container {
        left:0;
        margin: 72px auto 0
    }
}

.section-routers .grid-item-fitness-plus-router .fitness-plus-logo {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 171px;
    --p-height: 32px;
    position: relative;
    left: 50%;
    margin-left: -85.5px;
    margin-bottom: 14px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-routers .grid-item-fitness-plus-router .fitness-plus-logo {
        --p-width:141px;
        --p-height: 27px
    }
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-fitness-plus-router .fitness-plus-logo {
        left:50%;
        margin-left: -70.5px
    }
}

.section-routers .grid-item-fitness-plus-router .fitness-plus-workout {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 528px;
    --p-height: 543px;
    margin-top: 40px
}

@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-routers .grid-item-fitness-plus-router .fitness-plus-workout {
        --p-width:312px;
        --p-height: 320px
    }
}

@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-routers .grid-item-fitness-plus-router .fitness-plus-workout {
        --p-width:324px;
        --p-height: 327px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-fitness-plus-router .fitness-plus-workout {
        order:1;
        margin-top: 25px
    }
}

.section-routers .grid-item-trade-in {
    --router-height: 527px;
    --router-content-width: 100%
}

.section-routers .grid-item-trade-in .tile {
    justify-content: center;
    padding: 0
}

.section-routers .grid-item-trade-in .tile-content {
    flex-direction: row;
    justify-content: space-around;
    max-width: var(--router-content-width)
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-trade-in .tile-content {
        flex-direction:column;
        justify-content: space-between
    }
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-trade-in {
        --router-height:379px;
        --router-content-width: 760px
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-trade-in {
        --router-height:580px;
        --router-content-width: none
    }
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-trade-in .tile {
        justify-content:flex-end
    }
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-trade-in .tile-content {
        justify-content:space-between
    }
}

@media only screen and (max-width: 820px) {
    .section-routers .grid-item-trade-in .tile-content {
        justify-content:space-around
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-trade-in .tile-content {
        justify-content:space-between
    }
}

.section-routers .grid-item-trade-in .copy-container {
    max-width: 380px;
    margin-left: 45px;
    text-align: center
}

@media only screen and (max-width: 1068px) {
    .section-routers .grid-item-trade-in .copy-container {
        max-width:280px;
        margin-left: 0
    }
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-trade-in .copy-container {
        max-width:300px;
        margin: 72px auto 0px
    }
}

.section-routers .grid-item-trade-in .tradein-watch {
    align-self: flex-end;
    margin-bottom: 0px
}

@media only screen and (max-width: 734px) {
    .section-routers .grid-item-trade-in .tradein-watch {
        align-self:unset
    }
}

.tile-configure {
    background-color: var(--grid-background-color);
    padding-top: 85px;
    padding-bottom: 74px
}

@media only screen and (max-width: 1068px) {
    .tile-configure {
        padding-top:69px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 734px) {
    .tile-configure {
        padding-top:60px;
        padding-bottom: 60px
    }
}

.tile-configure .typography-headline {
    font-size: 48px;
    line-height: 1.0209933333;
    font-weight: 600;
    letter-spacing: -0.003em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.tile-configure .typography-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.tile-configure .typography-headline:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
}

.tile-configure .typography-headline:lang(ko) {
    letter-spacing: 0em;
    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
}

.tile-configure .typography-headline:lang(zh) {
    letter-spacing: 0em
}

.tile-configure .typography-headline:lang(th) {
    font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.tile-configure .typography-headline:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.tile-configure .typography-headline:lang(zh-HK) {
    font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.tile-configure .typography-headline: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
}

.tile-configure .typography-headline: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) {
    .tile-configure .typography-headline {
        font-size:32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: -0.009em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline:lang(ja) {
        letter-spacing: 0em;
        font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline:lang(ko) {
        letter-spacing: 0em;
        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
    }

    .tile-configure .typography-headline:lang(zh) {
        letter-spacing: 0em
    }

    .tile-configure .typography-headline:lang(th) {
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline: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
    }

    .tile-configure .typography-headline: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) {
    .tile-configure .typography-headline {
        font-size:32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline:lang(ar) {
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline: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
    }

    .tile-configure .typography-headline: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
    }

    .tile-configure .typography-headline:lang(th) {
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .tile-configure .typography-headline: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
    }

    .tile-configure .typography-headline:lang(zh-TW) {
        font-family: SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
    }
}

.section-shared-compare p {
    color: #1d1d1f
}

.section-shared-compare .typography-headline {
    font-size: 48px;
    line-height: 1.0834933333;
    font-weight: 600;
    letter-spacing: -0.003em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-headline:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP,SF Pro Display,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-headline:lang(ko) {
    letter-spacing: 0em;
    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
}

.section-shared-compare .typography-headline:lang(zh) {
    letter-spacing: 0em
}

.section-shared-compare .typography-headline:lang(th) {
    font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-headline:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-headline:lang(zh-HK) {
    font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-headline: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
}

.section-shared-compare .typography-headline: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) {
    .section-shared-compare .typography-headline {
        font-size:40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline:lang(ar) {
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline: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
    }

    .section-shared-compare .typography-headline: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
    }

    .section-shared-compare .typography-headline:lang(th) {
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline: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
    }

    .section-shared-compare .typography-headline: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) {
    .section-shared-compare .typography-headline {
        font-size:32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline:lang(ar) {
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline: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
    }

    .section-shared-compare .typography-headline: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
    }

    .section-shared-compare .typography-headline:lang(th) {
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-headline: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
    }

    .section-shared-compare .typography-headline:lang(zh-TW) {
        font-family: SF Pro TC,SF Pro Display,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
    }
}

.section-shared-compare .typography-intro-elevated {
    font-size: 21px;
    line-height: 1.381002381;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-intro-elevated:lang(ar) {
    font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-intro-elevated: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
}

.section-shared-compare .typography-intro-elevated: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
}

.section-shared-compare .typography-intro-elevated:lang(th) {
    font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-intro-elevated:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-intro-elevated:lang(zh-HK) {
    font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-shared-compare .typography-intro-elevated: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
}

.section-shared-compare .typography-intro-elevated: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) {
    .section-shared-compare .typography-intro-elevated {
        font-size:21px;
        line-height: 1.381002381;
        font-weight: 400;
        letter-spacing: .011em;
        font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-elevated:lang(ar) {
        font-family: SF Pro AR,SF Pro AR Display,SF Pro Display,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-elevated: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
    }

    .section-shared-compare .typography-intro-elevated: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
    }

    .section-shared-compare .typography-intro-elevated:lang(th) {
        font-family: SF Pro TH,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-elevated:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-elevated:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-elevated: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
    }

    .section-shared-compare .typography-intro-elevated: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) {
    .section-shared-compare .typography-intro-elevated {
        font-size:14px;
        line-height: 1.4285914286;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-elevated:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR,SF Pro AR Text,SF Pro Text,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-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
    }

    .section-shared-compare .typography-intro-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
    }

    .section-shared-compare .typography-intro-elevated:lang(zh) {
        letter-spacing: 0em
    }

    .section-shared-compare .typography-intro-elevated:lang(th) {
        font-family: SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-elevated:lang(zh-CN) {
        font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-elevated:lang(zh-HK) {
        font-family: SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
    }

    .section-shared-compare .typography-intro-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
    }

    .section-shared-compare .typography-intro-elevated:lang(zh-TW) {
        font-family: SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
    }
}

.section-shared-compare .section-wrapper {
    padding-top: 124px
}

@media only screen and (max-width: 1068px) {
    .section-shared-compare .section-wrapper {
        padding-top:112px
    }
}

@media only screen and (max-width: 734px) {
    .section-shared-compare .section-wrapper {
        padding-top:67px
    }
}

.ribbon-blood-oxygen {
    position: relative;
    z-index: 1;
    top: 52px
}

@media only screen and (max-width: 833px) {
    .ribbon-blood-oxygen {
        top:48px
    }
}

.ribbon-blood-oxygen .ribbon-copy {
    color: #fff
}