#ac-localnav div.ac-ln-second-content {
    opacity: 1;
    /* margin-top: 52px; */
    width: 100%;
    /* background-color:  rgba(255, 255, 255, 0.8); */
    position: fixed;
    top: 52px;
    height: 44px;
    z-index: 0;
}

#ac-localnav div.ac-ln-second-content .ac-nav-responsive {
    max-width: 1680px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


@media screen and (max-width: 1068px) {
    #ac-localnav div.ac-ln-second-content {
        top: 48px;
    }
}

#ac-localnav div.ac-ln-second-content .ac-ln-title a {
    font-size: 17px;
    /* transition: 0.4s all ease-in-out; */
    padding: 10px 22px;
    display: block;
    border-radius: 22px;
    background: #E8E8ED;
    color: #1D1D1F;
    font-weight: 400;
}


@media screen and (max-width: 734px) {
    .ac-ln-second-content {
        top: 48px;
    }

    #ac-localnav div.ac-ln-second-content {
        justify-content: center;
    }

    #ac-localnav div.ac-ln-second-content .ac-ln-title a {
        font-size: 12px;
        font-weight: normal;
    }

    #ac-localnav div.ac-ln-second-content .ac-ln-title {}
}

#ac-localnav .ac-ln-second-content .ac-ln-title {
    line-height: 1.4;
    margin-left: 10px;
}

#ac-localnav .ac-ln-second-content .ac-ln-title:first-of-type {
    margin-left: 0px;

}

@media screen and (max-width: 734px) {
    #ac-localnav .ac-ln-second-content .ac-ln-title {
        line-height: 1.8;
    }
}

#ac-localnav .ac-ln-second-content a.cta-privacy.active {
    color: #F5F5F7;
    padding: 12px 0 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    opacity: 1;
}

#ac-localnav .ac-ln-second-content a.cta-compare.active {
    color: #F5F5F7;
    padding: 12px 0 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    opacity: 1;
}


.section-hero .sticky-wrap {
    width: 100%;
    height: 200vh;
}

.section-hero .section-content {
    width: 100%;
    /* background-color: #f5f5f7; */
}

.section-hero .sticky-wrap .sticky-content {
    position: sticky;
    top: 0;
    overflow: hidden;
    height: 100vh;
    /* background-color: #f5f5f7; */
    z-index: 0;
    overflow: hidden;
}

.section-hero .blur-area {
    height: 900px;
    max-height: 900px;
    width: 100%;
    max-width: 1920px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    position: relative;
    background-color: #fff;
    display: flex;
}

html.no-js .section-hero .blur-area {
    overflow: hidden;
}

@media (max-width:860px) and (orientation: portrait) and (min-width: 734px) {
     .section-hero .blur-area {
        background-color:#fff;
        height: 100vh;
    }
    .section-hero .hero-bgimage {
        top: 206px;
    }
}

@media (min-width:734px) {
    .section-hero .sticky-wrap .sticky-content {
       overflow:visible
    }
}

@media (max-width:734px) {
    .section-hero .blur-area {
        background-color:#fff;
        height: 100vh;
    }

    .section-hero .sticky-wrap .sticky-content {
        height: 100vh;
    }
}

.section-hero .typography-site-header-endcap {
    font-size: 48px;
    line-height: 52px;
    font-weight: 600;
    letter-spacing: -0.015em;
    margin-top: 10px;
}

.section-hero .typography-site-header-endcap2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: -0.015em;
    margin-top: 20px;
}

@media (max-width:734px) {
    .section-hero .typography-site-header-endcap2 {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1068px) {
    .section-hero .typography-site-header-endcap {
        font-size: 40px;
        line-height: 40px;
    }

    .section-hero .typography-site-header-endcap2 {
        font-size: 24px;
        line-height: 26px;
    }
}

@media screen and (max-width: 734px) {
    .section-hero .typography-site-header-endcap {
        font-size: 40px;
        line-height: 44px;
    }

    .section-hero .typography-site-header-endcap2 {
        font-size: 21px;
        line-height: 28px;
    }
}

.section-hero .copy-container {
    padding-top: 70px;
    width: 100%;
    text-align: center;
    position: relative;
}

.section-hero .copy-container .hero-copy2 {
    position: absolute;
    top: 102px;
    left: 0;
    text-align: center;
    width: 100%;
    opacity: 0;
}

.typography-hero-copy {
    max-width: 1440px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;


}

.hero-bgimage {
    transform-origin: 50% 100% 0;
}


.typography-hero-copy .overview-hero-copy-content p {
    margin-block-start: 0;
    margin-block-end: 0;
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.08349;
    /* opacity: 0; */
}

.sticky-content {
    position: relative;
}

.sticky-content .content-group {
    height: 700px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 87.5vw;
    max-width: 1680px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sticky-content .content-group-cover {
    height: 700px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 87.5vw;
    max-width: 1680px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

h2.typography-section-headline {
    font-size: 62px;
    line-height: 1.1;
    font-weight: 600;
}

h2.typography-section-headline {
    padding-left: 4px;
}

@media (max-width:734px) {
    h2.typography-section-headline:lang(zh) {
        font-size: 52px;
        line-height: 1.16;
        padding-left: 20px;
    }
}

@media (max-width:380px) {
    h2.typography-section-headline:lang(zh) {
        font-size: 42px;
        line-height: 1.16;
    }
}

.section-scroll-content {
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 87.5vw;
    max-width: 1680px;
}

.high-light,
h3.high-light {
    color: #0286f0
}

h3.typography-section-headline {
    font-size: 72px;
    line-height: 76px;
    font-weight: 600;
}

h3.typography-card-headline {
    font-size: 24px;
    color: #007aff;
}

@media (max-width:734px) {
    h3.typography-card-headline {
        font-size: 21px;
    }
}


/* update 0509 */

.gallery .feature-card.shadow {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, .1)
}



.paddlenav {
    --sk-paddlenav-diameter: 36px;
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-background: transparent;
    --sk-paddlenav-background-hover: transparent;
    --sk-paddlenav-background-active: transparent
}

.paddlenav,
.paddlenav ul {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center
}

.paddlenav .paddlenav-arrow {
    background: var(--sk-paddlenav-background);
    color: var(--sk-paddlenav-arrow-color);
    display: block;
    width: var(--sk-paddlenav-diameter);
    height: var(--sk-paddlenav-diameter);
    border-radius: var(--sk-paddlenav-diameter);
    font-style: normal;
    overflow: hidden;
    position: absolute;
    text-align: center;
    line-height: 1;
    transition: background 100ms linear, color 100ms linear, opacity 100ms linear
}

.paddlenav .paddlenav-arrow-next,
.paddlenav .paddlenav-arrow-previous {
    margin-top: calc(var(--sk-paddlenav-diameter) * -0.5);
    top: 50%
}

.paddlenav .paddlenav-arrow-down,
.paddlenav .paddlenav-arrow-up {
    margin-left: calc(var(--sk-paddlenav-diameter) * -0.5);
    left: 50%
}

.paddlenav .paddlenav-arrow svg path {
    fill: var(--sk-paddlenav-arrow-color);
    transition: fill 100ms linear
}

.paddlenav .paddlenav-arrow:hover {
    background: var(--sk-paddlenav-background-hover);
    color: var(--sk-paddlenav-arrow-color-hover);
    text-decoration: none
}

.paddlenav .paddlenav-arrow:hover svg path {
    fill: var(--sk-paddlenav-arrow-color-hover)
}

.paddlenav .paddlenav-arrow:active {
    background: var(--sk-paddlenav-background-active);
    color: var(--sk-paddlenav-arrow-color-active)
}

.paddlenav .paddlenav-arrow:active svg path {
    fill: var(--sk-paddlenav-arrow-color-active)
}

.paddlenav .paddlenav-arrow:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset-container, 3px)
}

.paddlenav .paddlenav-arrow.disabled,
.paddlenav .paddlenav-arrow:disabled {
    pointer-events: none;
    opacity: var(--sk-link-disabled-opacity, 0.42)
}

.paddlenav .paddlenav-arrow-previous {
    inset-inline-start: 18px
}

.paddlenav .paddlenav-arrow-next {
    inset-inline-end: 18px
}

.paddlenav .paddlenav-arrow-up {
    top: 18px
}

.paddlenav .paddlenav-arrow-down {
    bottom: 18px
}

.paddlenav-elevated {
    --sk-paddlenav-diameter: 56px
}

.paddlenav-super {
    --sk-paddlenav-diameter: 90px
}

.paddlenav-alpha {
    --sk-paddlenav-background: rgba(210, 210, 215, 0.64);
    --sk-paddlenav-background-hover: rgba(223, 223, 227, 0.6976);
    --sk-paddlenav-background-active: rgba(193, 193, 198, 0.6544)
}

.paddlenav-solid {
    --sk-paddlenav-background: rgb(232, 232, 237);
    --sk-paddlenav-background-hover: #ececf0;
    --sk-paddlenav-background-active: #dfdfe4
}

.paddlenav-justified.paddlenav-outside .paddlenav-arrow-previous {
    inset-inline-start: 18px;
    inset-inline-start: calc(var(--sk-paddlenav-diameter) * -1 + -18px)
}

.paddlenav-justified.paddlenav-outside .paddlenav-arrow-next {
    inset-inline-end: 18px;
    inset-inline-end: calc(var(--sk-paddlenav-diameter) * -1 + -18px)
}

.paddlenav-side-aligned .paddlenav-arrow-next,
.paddlenav-side-aligned .paddlenav-arrow-previous {
    top: 100%;
    margin-top: calc(var(--sk-paddlenav-diameter) * -1 + -18px)
}

.paddlenav-side-aligned .paddlenav-arrow-previous {
    inset-inline-start: auto;
    inset-inline-end: calc(var(--sk-paddlenav-diameter) + 36px)
}

.paddlenav-side-aligned .paddlenav-arrow-next {
    inset-inline-end: 18px
}

.paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-next,
.paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-previous {
    top: 100%;
    margin-top: 18px
}

.paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-previous {
    inset-inline-start: auto;
    inset-inline-end: calc(var(--sk-paddlenav-diameter) + 36px);
    inset-inline-end: calc(var(--sk-paddlenav-diameter) + 18px)
}

.paddlenav-side-aligned.paddlenav-outside .paddlenav-arrow-next {
    inset-inline-end: 18px;
    inset-inline-end: 0
}

.paddlenav-centered .paddlenav-arrow-next,
.paddlenav-centered .paddlenav-arrow-previous {
    top: 100%;
    margin-top: calc(var(--sk-paddlenav-diameter) * -1 + -18px)
}

.paddlenav-centered .paddlenav-arrow {
    inset-inline-end: auto;
    inset-inline-start: auto
}

.paddlenav-centered .paddlenav-arrow-previous {
    margin-inline-start: calc(var(--sk-paddlenav-diameter) * -1 + -9px)
}

.paddlenav-centered .paddlenav-arrow-next {
    margin-inline-start: 9px
}

.paddlenav-centered.paddlenav-outside .paddlenav-arrow-next,
.paddlenav-centered.paddlenav-outside .paddlenav-arrow-previous {
    top: 100%;
    margin-top: 18px
}

.paddlenav-centered.paddlenav-outside .paddlenav-arrow {
    inset-inline-end: auto;
    inset-inline-start: auto
}

.paddlenav-centered.paddlenav-outside .paddlenav-arrow-previous {
    margin-inline-start: calc(var(--sk-paddlenav-diameter) * -1 + -9px)
}

.paddlenav-centered.paddlenav-outside .paddlenav-arrow-next {
    margin-inline-start: 9px
}

.with-paddlenav {
    position: relative
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow {
    opacity: 0;
    transition: background 100ms linear, color 100ms linear, opacity 100ms linear
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow:focus-visible,
html.no-touch .with-paddlenav-onhover:hover .paddlenav-arrow {
    opacity: 1
}

html.no-touch .with-paddlenav-onhover .paddlenav-arrow.disabled,
html.no-touch .with-paddlenav-onhover .paddlenav-arrow:disabled {
    opacity: 0
}

.with-paddlenav-visuallyhidden .paddlenav-arrow {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%)
}

.with-paddlenav-visuallyhidden .paddlenav-arrow:focus-visible,
.with-paddlenav-visuallyhidden .paddlenav-arrow:hover {
    clip: auto;
    clip-path: none
}

.paddlenav-dark,
.paddlenav-dark.paddlenav-alpha {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255)
}

.paddlenav-dark.paddlenav-alpha {
    --sk-paddlenav-background: rgba(66, 66, 69, 0.72);
    --sk-paddlenav-background-hover: rgba(73, 73, 76, 0.7256);
    --sk-paddlenav-background-active: rgba(57, 57, 60, 0.7424)
}

.paddlenav-dark.paddlenav-solid {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgb(51, 51, 54);
    --sk-paddlenav-background-hover: #37373a;
    --sk-paddlenav-background-active: #2f2f32
}

.theme-light .paddlenav.paddlenav-dark {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-background: rgb(232, 232, 237);
    --sk-paddlenav-background-hover: rgb(255, 255, 255);
    --sk-paddlenav-background-active: rgb(255, 255, 255)
}

.theme-light .paddlenav.paddlenav-dark.paddlenav-alpha {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgba(66, 66, 69, 0.72);
    --sk-paddlenav-background-hover: rgba(73, 73, 76, 0.7256);
    --sk-paddlenav-background-active: rgba(57, 57, 60, 0.7424)
}

.theme-light .paddlenav.paddlenav-dark.paddlenav-solid {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgb(51, 51, 54);
    --sk-paddlenav-background-hover: #37373a;
    --sk-paddlenav-background-active: #2f2f32
}

.paddlenav-light,
.paddlenav-light.paddlenav,
.paddlenav-light.paddlenav-alpha,
.paddlenav-light.paddlenav-solid {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64)
}

.paddlenav-light.paddlenav-solid {
    --sk-paddlenav-background: rgb(232, 232, 237);
    --sk-paddlenav-background-hover: #ececf0;
    --sk-paddlenav-background-active: #dfdfe4
}

.theme-dark .paddlenav.paddlenav-light {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-background: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-background-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-background-active: rgba(0, 0, 0, 0.64)
}

.theme-dark .paddlenav.paddlenav-light.paddlenav-alpha {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-background: rgba(210, 210, 215, 0.64);
    --sk-paddlenav-background-hover: rgba(223, 223, 227, 0.6976);
    --sk-paddlenav-background-active: rgba(193, 193, 198, 0.6544)
}

.theme-dark .paddlenav.paddlenav-light.paddlenav-solid {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-background: rgb(232, 232, 237);
    --sk-paddlenav-background-hover: #ececf0;
    --sk-paddlenav-background-active: #dfdfe4
}

.gallery {
    position: relative;
    margin-top: 0;
    padding-bottom: 83px;
    --gallery-side-padding: calc(50vw - min(980px, var(--global-viewport-content-responsive))/2)
}

@media (max-width: 734px) {
    .gallery {
        padding-bottom: 90px
    }
    
}

.gallery.no-paddlenav {
    padding-bottom: 0px
}

.gallery ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: rgba(0, 0, 0, 0)
}

.gallery.gallery-align-center .scroll-container {
    scroll-padding: var(--gallery-side-padding)
}

.gallery.gallery-align-center .item-container {
    padding: 0 var(--gallery-side-padding)
}

.gallery.gallery-align-center .gallery-item {
    scroll-snap-align: center
}

.gallery.gallery-align-start .scroll-container {
    scroll-padding: var(--gallery-side-padding)
}

.gallery.gallery-align-start .item-container {
    padding: 0 var(--gallery-side-padding)
}

.gallery.gallery-align-start .gallery-item {
    scroll-snap-align: start
}

.gallery .scroll-container {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    padding: 20px 0 25px;
    margin: -10px 0
}

.gallery .scroll-container::-webkit-scrollbar {
    display: none
}

.gallery .item-container {
    --gallery-column-gap: 45px
}

@media (min-width: 1441px) {
    .gallery .item-container {
        --gallery-column-gap: 72px
    }
}

@media (max-width: 1068px) {
    .gallery .item-container {
        --gallery-column-gap: 72px
    }
}

@media (max-width: 734px) {
    .gallery .item-container {
        --gallery-column-gap: 45px
    }
}

.gallery.spec-rows-8 .item-container {
    grid-template-rows: repeat(16, auto)
}

.gallery.spec-rows-7 .item-container {
    grid-template-rows: repeat(15, auto)
}

.gallery.spec-rows-6 .item-container {
    grid-template-rows: repeat(14, auto)
}

.gallery.spec-rows-5 .item-container {
    grid-template-rows: repeat(13, auto)
}

.gallery.spec-rows-4 .item-container {
    grid-template-rows: repeat(12, auto)
}

.gallery.spec-rows-3 .item-container {
    grid-template-rows: repeat(11, auto)
}

.gallery.spec-rows-2 .item-container {
    grid-template-rows: repeat(10, auto)
}

.gallery.spec-rows-1 .item-container {
    grid-template-rows: repeat(9, auto)
}

.gallery .paddlenav {
    --sk-paddlenav-arrow-color: rgba(0, 0, 0, 0.56);
    --sk-paddlenav-arrow-color-hover: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-arrow-color-active: rgba(0, 0, 0, 0.64);
    --sk-paddlenav-background: rgba(210, 210, 215, 0.64);
    --sk-paddlenav-background-hover: rgba(223, 223, 227, 0.6976);
    --sk-paddlenav-background-active: rgba(193, 193, 198, 0.6544);
    --paddlenav-offset: 0;
    position: absolute;
    top: calc(100% - var(--paddlenav-offset));
    right: var(--gallery-side-padding);
    visibility: inherit
}

.gallery .paddlenav.hide {
    visibility: hidden
}

.gallery .paddlenav .sticky-element {
    --sticky-height: 60px;
    --paddlenav-arrow-height: 36px;
    --paddlenav-arrows-offset: 128px;
    --paddlenav-right-offset: calc(var(--paddlenav-arrow-height) * -0.5);
    position: relative;
    width: 0px;
    height: var(--sticky-height);
    z-index: 2
}

.gallery .paddlenav .sticky-element .left-item {
    position: absolute;
    right: calc(var(--paddlenav-arrows-offset) + var(--paddlenav-right-offset));
    bottom: calc(var(--paddlenav-arrow-height) * 0.5);
    bottom: -7px
}

@media (max-width: 734px) {
    .gallery .paddlenav .sticky-element .left-item {
        bottom: 2px
    }
}

.gallery .paddlenav .sticky-element .right-item {
    position: absolute;
    right: var(--paddlenav-right-offset);
    bottom: calc(var(--paddlenav-arrow-height) * 0.5);
    bottom: -7px
}

@media (max-width: 734px) {
    .gallery .paddlenav .sticky-element .right-item {
        bottom: 2px
    }
}

.gallery .paddlenav .sticky-element .paddlenav-arrow {
    width: var(--paddlenav-arrow-height);
    height: var(--paddlenav-arrow-height);
    display: flex;
    justify-content: center;
    align-items: center
}

.gallery .paddlenav .sticky-element .paddlenav-arrow svg {
    pointer-events: none;
    width: 100%
}

html.touch .gallery .paddlenav .sticky-element .paddlenav-arrow:disabled {
    opacity: .42
}

html.touch .gallery .paddlenav .sticky-element .paddlenav-arrow:hover {
    --sk-paddlenav-arrow-color-hover: var(--sk-paddlenav-arrow-color);
    --sk-paddlenav-background-hover: var(--sk-paddlenav-background)
}

.gallery .paddlenav .sticky-element .paddlenav-arrow:after {
    font-size: 34px;
    padding-inline-start: 0
}

.gallery .paddlenav .sticky-element .paddlenav-arrow .scrim {
    display: none
}

.staggered-start .gallery .scroll-container {
    overflow: hidden
}

.staggered-start .gallery .paddlenav .paddlenav-arrow {
    pointer-events: none;
    opacity: .42
}

.theme-dark .staggered-start .gallery .paddlenav {
    opacity: .36
}

.theme-dark .gallery .paddlenav {
    --sk-paddlenav-arrow-color: rgba(255, 255, 255, 0.8);
    --sk-paddlenav-arrow-color-hover: rgb(255, 255, 255);
    --sk-paddlenav-arrow-color-active: rgb(255, 255, 255);
    --sk-paddlenav-background: rgba(66, 66, 69, 0.72);
    --sk-paddlenav-background-hover: rgba(73, 73, 76, 0.7256);
    --sk-paddlenav-background-active: rgba(57, 57, 60, 0.7424)
}

.theme-dark .gallery .paddlenav .paddlenav-arrow:disabled,
html.touch .theme-dark .gallery .paddlenav .paddlenav-arrow:disabled {
    opacity: .36
}

html.touch .theme-dark .gallery .paddlenav .paddlenav-arrow:hover {
    --sk-paddlenav-arrow-color-hover: var(--sk-paddlenav-arrow-color);
    --sk-paddlenav-background-hover: var(--sk-paddlenav-background)
}

html.text-zoom .card {
    -webkit-nbsp-mode: space;
    word-break: break-word
}

.card .card-modifier {
    background: swatch(card-background-color);
    border-radius: var(--global-card-corner-radius);
    box-sizing: border-box;
    clip-path: inset(1px 1px 1px 1px round var(--global-card-corner-radius));
    height: 100%;
    min-height: 560px;
    overflow: hidden;
    position: relative;
    will-change: transform
}

@media (min-width: 1441px) {
    .card .card-modifier {
        min-height: 620px
    }
}

@media (max-width: 734px) {
    .card .card-modifier {
        min-width: 260px
    }
}

.card .card-modifier.card-padding {
    padding: var(--global-card-padding)
}

@media (max-width: 734px) {
    .card .card-modifier.full-bleed-small {
        border-radius: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 734px) {
    .card .card-modifier.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 980px
    }
}

@media (max-width: 734px) and(min-width: 1441px) {
    .card .card-modifier.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 980px
    }
}

@media (max-width: 734px) and(max-width: 1068px) {
    .card .card-modifier.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 692px
    }
}

@media (max-width: 734px) and(max-width: 734px) {
    .card .card-modifier.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 87.5%
    }
}

@media (max-width: 734px) and(max-width: 480px) {
    .card .card-modifier.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 87.5%
    }
}

.card .card-modifier.theme-dark,
.theme-dark .card .card-modifier {
    background: swatch(card-background-color, dark)
}

.card .card-modifier.theme-dark p,
.theme-dark .card .card-modifier p {
    color: swatch(fill-tertiary)
}

.background-alt .card .card-modifier {
    background: swatch(fill)
}

.background-alt .card .card-modifier.theme-dark,
.theme-dark .background-alt .card .card-modifier {
    background: swatch(fill, dark)
}

.background-alt .card .card-modifier.theme-dark p,
.theme-dark .background-alt .card .card-modifier p {
    color: swatch(fill-tertiary)
}

.card .card-modifier.fixed-width {
    width: 372px
}

@media (min-width: 1441px) {
    .card .card-modifier.fixed-width {
        width: 405px
    }
}

@media (max-width: 1068px) {
    .card .card-modifier.fixed-width {
        width: 344px
    }
}

@media (max-width: 734px) {
    .card .card-modifier.fixed-width {
        width: 260px
    }
}

.card .card-modifier.has-trigger-button {
    padding-inline-end: 77px;
    padding-bottom: 57px
}

@media (max-width: 1068px) {
    .card .card-modifier.has-trigger-button {
        padding-inline-end: 73px
    }
}

.gallery .feature-card {
    border-radius: 28px
}

.gallery .feature-card .copy-owner {
    display: none
}

html.ios .gallery .feature-card .copy-owner {
    display: block
}

html.ios .gallery .feature-card .copy-switcher {
    display: none
}

.gallery .feature-card .tile-modal-cta {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.gallery .feature-card .tile-modal-cta:focus {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.gallery .feature-card .tile-button-cta {
/*    background-color: #333336;*/
    height: 36px;
    width: 36px;
    font-size: 36px;
    font-weight: 400;
    line-height: 1px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 19px;
    right: 19px;
    z-index: 10;
    --sk-iconcontrol-scrim-color: rgb(245, 245, 247);
    --sk-iconcontrol-content-color: rgb(0, 0, 0);
    --sk-iconcontrol-scrim-color-hover: rgb(255, 255, 255);
    --sk-iconcontrol-content-color-hover: rgb(0, 0, 0);
    --sk-iconcontrol-scrim-color-active: #EDEDF2;
    --sk-iconcontrol-content-color-active: rgb(0, 0, 0);
    --sk-iconcontrol-border-color: transparent;
    --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.36);
    display: var(--sk-iconcontrol-display);
    background: var(--sk-iconcontrol-scrim-color);
    color: var(--sk-iconcontrol-content-color);
    white-space: nowrap;
    text-decoration: none;
    text-align: start;
    transition: background-color 100ms linear;
}

@media (max-width: 1068px) {
    .gallery .feature-card .tile-button-cta {
        font-size: 36px;
        height: 36px;
        width: 36px
    }
}

.gallery .feature-card .tile-button-cta .card-modal-button-small-icon {
/*    fill: #d6d6d7;*/
    fill: currentColor;
    width: 36px;
    height: 36px;
    transform: rotate(0);
    transition: transform .3s cubic-bezier(0.17, 0.67, 0.44, 0.99);
    will-change: transform
}

.gallery .feature-card .tile-button-cta.white-icon{
    --sk-iconcontrol-scrim-color: rgb(29, 29, 31);
    --sk-iconcontrol-content-color: rgb(255, 255, 255);
    --sk-iconcontrol-scrim-color-hover: #272729;
    --sk-iconcontrol-content-color-hover: rgb(255, 255, 255);
    --sk-iconcontrol-scrim-color-active: #18181A;
    --sk-iconcontrol-content-color-active: rgb(255, 255, 255);
    --sk-iconcontrol-border-color: transparent;
    --sk-iconcontrol-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
}
.gallery .feature-card .tile-button-cta:hover {
    color: var(--sk-iconcontrol-content-color-hover);
    background:var(--sk-iconcontrol-scrim-color-hover)
}
.gallery .feature-card .tile-button-cta:active {
    color: var(--sk-iconcontrol-content-color-active);
    background:var(--sk-iconcontrol-scrim-color-active)
}
/*.gallery .feature-card .tile-button-cta:hover .card-modal-button-small-icon {
    fill: #fff
}*/

.gallery .feature-card .tile-modal-toggle {
    position: absolute;
    bottom: 0;
    opacity: 0
}

.gallery .feature-card .tile-modal-toggle:focus-visible~.tile-modal .tile-modal-cta .tile-button-cta {
    outline-style: solid;
    outline-offset: 1px;
    outline-width: 4px;
    outline-color: #5e9ed6
}

.gallery .feature-card .tile-modal-toggle:checked~.tile-modal .tile-modal-content {
    visibility: visible;
    opacity: 1
}

.gallery .feature-card .tile-modal-toggle:checked~.tile-modal .tile-modal-content .tile-content-fade {
    opacity: 1
}

.gallery .feature-card .tile-modal-toggle:checked~.tile-modal .tile-modal-cta .tile-button-cta .card-modal-button-small-icon {
    transition: transform .3s cubic-bezier(0.17, 0.67, 0.44, 0.99);
    transform: rotate(45deg)
}

.gallery .feature-card .tile-modal-toggle:checked~.tile-contents {
    opacity: 0;
    visibility: hidden
}

.gallery .feature-card .tile-modal-cta {
    position: absolute;
    z-index: 11;
    cursor: pointer;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0
}

.gallery .feature-card.is-open .tile-modal-cta {
    height: 75px;
    width: 75px
}

.gallery .feature-card .tile-modal-content {
    border-radius: 28px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    overflow: hidden;
    transition: opacity .5s
}

.gallery .feature-card .tile-modal-content .tile-content-fade {
    opacity: 0
}

.gallery .feature-card .tile-modal-content .tile-modal-content-body {
    background-color: #fff;
    height: 100%;
    box-sizing: border-box;
    overflow: scroll;
    padding-top: 32px;
    padding-inline-start: 32px;
    padding-inline-end: 16px;
    margin-inline-end: 16px;
    padding-bottom: 64px
}

@media (max-width: 1068px) {
    .gallery .feature-card .tile-modal-content .tile-modal-content-body {
        padding-top: 28px;
        padding-inline-start: 28px;
        padding-inline-end: 14px;
        margin-inline-end: 14px
    }
}

@media (max-width: 734px) {
    .gallery .feature-card .tile-modal-content .tile-modal-content-body {
        padding-top: 24px;
        padding-inline-start: 24px;
        padding-inline-end: 12px;
        margin-inline-end: 12px
    }
}

.gallery .feature-card .tile-modal-content .tile-modal-copy {
    margin-top: 8px
}

.gallery .feature-card .tile-modal-content p {
    margin-top: 0
}

.gallery .feature-card .tile-modal-content p:first-of-type {
    margin-bottom: 9px
}

@media (max-width: 480px) {
    .gallery .feature-card .tile-modal-content p:first-of-type {
        margin-bottom: 6px
    }
}

.gallery .feature-card .tile-modal-content .card-headline {
    color: #1d1d1f;
    outline: none
}

.gallery .feature-card .tile-modal-content .card-copy {
    color: #6e6e73;
    --sk-body-link-color: rgb(110, 110, 115)
}

.image-centered {
    justify-content: center
}

.image-right {
    justify-content: right
}

.image-left {
    justify-content: left
}

.section-values-content {
    margin-top: 60px;
    margin-bottom: 211px
}

@media (min-width: 1441px) {
    .section-values-content {
        margin-top: 74px
    }
}

@media (max-width: 1068px) {
    .section-values-content {
        margin-top: 32px;
        margin-bottom: 177px
    }
}

@media (max-width: 734px) {
    .section-values-content {
        margin-top: 30px;
        margin-bottom: 140px
    }
}

.staggered-end .gallery .scroll-container {
    overflow: scroll
}

.gallery-values {
    padding: 0
}

.gallery.owner {
    display: none
}

html.ios .gallery.owner {
    display: block
}

html.ios .gallery.switcher {
    display: none
}

.gallery .item-container {
    --gallery-column-gap: 20px
}

.gallery .card-set,
.gallery .item-container {
    display: grid;
    grid-template-rows: repeat(1, auto);
    grid-template-columns: max-content;
    grid-auto-flow: column;
    grid-column-gap: var(--gallery-column-gap);
    column-gap: var(--gallery-column-gap);
    grid-row-gap: 0px;
    row-gap: 0px;
    width: -moz-fit-content;
    width: fit-content
}

.gallery .card-set {
    margin: 0;
    list-style: none
}

.gallery .feature-card {
    transition: transform .3s cubic-bezier(0, 0, 0.5, 1);
    will-change: transform;
    height: 540px;
    width: 400px;
}

/*
@media (min-width: 1441px) {
    .gallery .feature-card {
        min-height: 740px;
        width:405px
    }
}*/

@media (max-width: 1068px) {
    .gallery .feature-card {
        height: 500px;
        width: 360px
    }
}

@media (max-width: 734px) {
    .gallery .feature-card {
        height: 240px;
        width: 440px
    }
}

.gallery .feature-card.feature-card-first {
    width: 840px
}

@media (max-width: 1068px) {
    .gallery .feature-card.feature-card-first {
        width: 770px
    }
}

@media (max-width: 734px) {
    .gallery .feature-card.feature-card-first {
        width: 100%;
        height: 240px;
    }
}

.gallery .tile {
    --tile-media-height: 540px
}

@media (min-width: 1441px) {
    .gallery .tile {
        --tile-media-height: 540px
    }
}

@media (max-width: 1068px) {
    .gallery .tile {
        --tile-media-height: 500px
    }
}

@media (max-width: 734px) {
    .gallery .tile {
        --tile-media-height: 320px
    }
}

.gallery .tile .tile-header {
    /* padding: 40px 40px 0 */
    padding: 40px 90px 0 40px;
}

@media (max-width: 1068px) {
    .gallery .tile .tile-header {
        padding: 40px 40px 0
    }
}

@media (max-width: 734px) {
    .gallery .tile .tile-header {
        padding: 40px 40px 0;
    }
    .section-switch-content .gallery .tile .tile-header {
        padding: 30px 30px 0;
    }
}

.gallery .tile .tile-contents {
    background-color: #fff;
    border-radius: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    transition: opacity .5s;
    min-height: 540px
}

.gallery .tile .tile-contents.password {
    background-color: #F5F5F7;
}


/*@media (min-width: 1441px) {
    .gallery .tile .tile-contents {
        min-height:740px
    }
}*/

@media (max-width: 1068px) {
    .gallery .tile .tile-contents {
        min-height: 500px
    }
}

@media (max-width: 734px) {
    .gallery .tile .tile-contents {
        /* min-height:240px */
    }
}

.gallery .tile .tile-contents.tile-full-bleed {
    --tile-media-height: 540px
}

/*@media (min-width: 1441px) {
    .gallery .tile .tile-contents.tile-full-bleed {
        --tile-media-height:740px
    }
}*/

@media (max-width: 1068px) {
    .gallery .tile .tile-contents.tile-full-bleed {
        --tile-media-height: 520px
    }
}

@media (max-width: 734px) {
    .gallery .tile .tile-contents.tile-full-bleed {
        --tile-media-height: 520px
    }
}
@media (max-width: 480px) {
    .gallery .tile .tile-contents.tile-full-bleed {
        --tile-media-height: 460px
    }
    .gallery .tile.tile-recognizes .tile-contents.tile-full-bleed {
        --tile-media-height: 480px
    }
}

.gallery .tile .tile-contents.tile-full-bleed .tile-header {
    z-index: 1
}

.gallery .tile .tile-contents.tile-full-bleed .image-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%
}

.image-wrapper video {
    /* mix-blend-mode:multiply */
}

@media (inverted-colors) {
    .gallery .tile .tile-contents.tile-full-bleed .tile-header {
        filter: invert(100)
    }
}

.gallery .tile .tile-contents.tile-dark .tile-header,
.gallery .tile .tile-contents.tile-dark .tile-header h3 {
    color: #f5f5f7
}

.gallery .tile .card-copy {
    margin-top: 7px
}

@media (max-width: 1068px) {
    .gallery .tile .card-copy {
        margin-top: 9px
    }
}

@media (max-width: 734px) {
    .gallery .tile .card-copy {
        margin-top: 8px;
        font-size: 17px;
    }
    .section-switch-content .gallery .tile .card-copy {
        font-size: 14px;
    }
}

.gallery .tile .card-copy .footnote a {
    text-decoration: none
}

.gallery .tile .image-wrapper .main-image {
    display: flex
}

.gallery .tile .image-wrapper .main-image picture img {
    vertical-align: middle
}

.gallery .tile-media {
    height: var(--tile-media-height)
}

.gallery .tile-media .inline-video {
    position: relative;
    height: var(--tile-media-height)
}

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

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

.gallery .tile-media .inline-video.ended .frame-static {
    opacity: 1;
    pointer-events: all
}

.gallery .tile-media .inline-video.loading-disabled .frame-static,
.gallery .tile-media .inline-video.loading-error .frame-static {
    opacity: 1
}

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

html.enhanced .gallery .tile-media .inline-video~.static {
    display: none
}

.gallery .tile-media .inline-video .frame-static {
    transition: opacity .5s
}

.gallery .tile-media .inline-video .frame img {
    width: 100%;
    height: 100%
}

.gallery .tile-media .inline-video-ui {
    display: none
}

.gallery .tile-media .inline-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gallery .tile-media .inline-video.destroyed .frame-static {
    opacity: 1
}

.gallery .tile-media .frame-fallback {
    display: inline
}

.gallery .tile .inline-video,
html.enhanced .gallery .tile-media .frame-fallback {
    display: none
}

html.enhanced .gallery .tile .inline-video {
    display: block
}

.gallery .tile .lottie-with-picture {
    position: relative;
    display: inline-block
}

.gallery .tile.tile-background-dark .tile-contents,
.gallery .tile.tile-black .tile-contents {
    background-color: #000
}

.gallery .tile.tile-background-dark .tile-contents .tile-header .card-copy,
.gallery .tile.tile-background-dark .tile-contents .tile-header .card-headline,
.gallery .tile.tile-black .tile-contents .tile-header .card-copy,
.gallery .tile.tile-black .tile-contents .tile-header .card-headline {
    color: #fff
}

.gallery .tile.tile-blue .tile-contents {
    background-color: #007aff
}

.gallery .tile.tile-blue .tile-contents .tile-header .card-copy,
.gallery .tile.tile-blue .tile-contents .tile-header .card-headline {
    color: #fff
}

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

.scroll-gallery-paddlenav {
    --paddlenav-height: 36px;
    --paddlenav-sticky-offset: 0px;
    --paddlenav-padding: 48px;
    --responsive-content-max-width: 1680px;
    --responsive-content-width: min(1680px, 87.5%);
    --responsive-gutter-width: calc(50% - var(--responsive-content-width) /2);
    --responsive-sticky-gutter-width: calc(50vw - min(var(--responsive-content-max-width), 87.5vw) /2);
    position: absolute;
    display: flex;
    justify-content: end;
    inset-inline-start: var(--responsive-gutter-width);
    width: var(--responsive-content-width);
    height: var(--paddlenav-height);
    transition: opacity .2s ease-out;
    padding-top: var(--paddlenav-padding)
}

@media (max-width: 1068px) {
    .scroll-gallery-paddlenav {
        --paddlenav-padding: 44px
    }
}

@media (max-width: 734px) {
    .scroll-gallery-paddlenav {
        --paddlenav-padding: 40px
    }
}

.scroll-gallery-paddlenav:focus-visible {
    outline: none
}

.scroll-gallery-paddlenav ul {
    grid-gap: 18px;
    gap: 18px
}

.scroll-gallery-paddlenav.hide {
    visibility: hidden;
    opacity: 0
}

.scroll-gallery-paddlenav.paddlenav-centered ul {
    justify-content: center
}

.scroll-gallery-paddlenav.sticky {
    top: var(--paddlenav-sticky-offset);
    height: calc(100% - var(--paddlenav-sticky-offset))
}

.scroll-gallery-paddlenav .sticky-element {
    z-index: 2;
    position: sticky;
    height: calc(var(--paddlenav-height) + var(--paddlenav-padding));
    top: calc(100% - var(--paddlenav-height, 60px))
}

.scroll-gallery-paddlenav .sticky-element .left-item,
.scroll-gallery-paddlenav .sticky-element .right-item {
    z-index: 1
}

.scroll-gallery-paddlenav .sticky-element .scrim {
    display: block;
    z-index: 0;
    position: absolute;
    width: 100vw;
    height: var(--paddlenav-height);
    bottom: 0;
    inset-inline-end: calc(var(--responsive-sticky-gutter-width) * -1);
    background: linear-gradient(0deg, var(--global-section-background-color-alt), var(--global-section-background-color-alt) 50%, transparent)
}

.scroll-gallery-paddlenav .paddlenav-arrow.paddlenav-arrow-next,
.scroll-gallery-paddlenav .paddlenav-arrow.paddlenav-arrow-previous {
    position: relative;
    inset-inline-start: auto;
    inset-inline-end: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(var(--paddlenav-height) * 0.5)
}

.scroll-gallery-paddlenav .paddlenav-arrow.paddlenav-arrow-next svg,
.scroll-gallery-paddlenav .paddlenav-arrow.paddlenav-arrow-previous svg {
    width: 36px;
    height: 36px
}

:root {
    --global-scrollbar-width: 0px
}

[data-component-list*=StaggeredFadeIn] {
    --staggered-delay: 0.15;
    --staggered-opacity-duration: 0.9;
    --staggered-translate-y: 30px;
    --staggered-translate-y-duration: 0.7
}

[data-component-list*=StaggeredFadeIn]:not(.staggered-end)[data-staggered-item],
[data-component-list*=StaggeredFadeIn]:not(.staggered-end) [data-staggered-item] {
    transform: none;
    transition: none;
    opacity: 0
}

html.no-js [data-component-list*=StaggeredFadeIn]:not(.staggered-end)[data-staggered-item],
html.no-js [data-component-list*=StaggeredFadeIn]:not(.staggered-end) [data-staggered-item],
html.reduced-motion [data-component-list*=StaggeredFadeIn]:not(.staggered-end)[data-staggered-item],
html.reduced-motion [data-component-list*=StaggeredFadeIn]:not(.staggered-end) [data-staggered-item] {
    opacity: 1
}

[data-component-list*=StaggeredFadeIn].staggered-start[data-staggered-item],
[data-component-list*=StaggeredFadeIn].staggered-start [data-staggered-item] {
    will-change: opacity, transform
}

[data-component-list*=StaggeredFadeIn].staggered-end[data-staggered-item],
[data-component-list*=StaggeredFadeIn].staggered-end [data-staggered-item] {
    will-change: auto
}

.scroll-gallery {
    --paddlenav-height: 36px;
    --paddlenav-sticky-offset: 0px;
    --paddlenav-padding: 48px;
    --responsive-content-width: 87.5%;
    --responsive-content-max-width: 980px;
    --responsive-content-clamped-width: min(var(--responsive-content-max-width), var(--responsive-content-width));
    --responsive-gutter-width: calc(50% - var(--responsive-content-clamped-width) /2);
    position: relative;
    margin-top: 0;
    padding-bottom: calc(var(--paddlenav-padding) + var(--paddlenav-height))
}

@media (max-width: 1068px) {
    .scroll-gallery {
        --paddlenav-padding: 44px
    }
}

@media (max-width: 734px) {
    .scroll-gallery {
        --paddlenav-padding: 40px
    }
}

.scroll-gallery.no-paddlenav {
    padding-bottom: 0
}

.scroll-gallery ::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0)
}

.scroll-gallery .scroll-container {
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding: var(--responsive-gutter-width);
    padding: 10px 0 var(--staggered-translate-y, 30px);
    margin: -10px 0 calc(var(--staggered-translate-y, 30px) * -1)
}

.scroll-gallery .scroll-container::-webkit-scrollbar {
    display: none
}

.scroll-gallery .item-container {
    width: var(--responsive-content-clamped-width);
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0 var(--responsive-gutter-width)
}

.scroll-gallery .gallery-item {
    scroll-snap-align: start
}

.scroll-gallery .gallery-item:last-child {
    scroll-snap-align: start end
}

.scroll-gallery .gallery-item:not([data-no-default-focus]):focus-visible {
    outline: none
}

.gallery .tile.tile-cross-site-tracking {
    --tile-animation-duration: 3000ms
}

.gallery .tile.tile-cross-site-tracking .tile-contents {
    background-color: #d8f5e0
}

.gallery .tile.tile-find-my .tile-contents {
    background-color: #dbf2f9
}

.gallery .tile.tile-focus .tile-contents {
    background-color: #f9edee
}

.gallery .tile.tile-passkeys .tile-contents {
    background-color: #201f22
}

.gallery .tile.tile-software-updates .tile-contents {
    background-color: #e7e2e5
}

.gallery .tile.tile-sound-recognition .tile-contents {
    background-color: #e4e4f6
}

.gallery ::-webkit-scrollbar {
    width: 8px
}

.gallery ::-webkit-scrollbar-track {
    margin-top: 27px;
    margin-bottom: 60px
}

.gallery ::-webkit-scrollbar-thumb {
    background-color: #86868b;
    border-radius: 20px
}

.gallery .tile-modal-content:after,
.gallery .tile-modal-content:before {
    content: "";
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s linear;
    height: 100px;
    width: 90%;
    position: absolute;
    z-index: 2;
    top: 0;
    background: linear-gradient(180deg, white, white 40%, rgba(255, 255, 255, 0))
}

.gallery .tile-modal-content:after {
    height: 150px;
    top: auto;
    bottom: 0;
    background: linear-gradient(0deg, white, white 40%, rgba(255, 255, 255, 0))
}

.gallery .tile-modal-content.indicate-scroll-bottom:after,
.gallery .tile-modal-content.indicate-scroll-top:before {
    opacity: 1
}
.section-header{
    margin-top: -10px;
}
@media (max-width: 734px) {
    .section-header {
        margin-top:-6px
    }
}
.section-values-content {
    margin-top: 100px
}

@media (max-width: 1068px) {
    .section-values-content {
        margin-top: 72px
    }
}

@media (max-width: 734px) {
    .section-values-content {
        margin-top: 56px
    }
}

.section-values-content .section-header {
    padding-bottom: 0
}

.section-values-content .section-header .section-header-headline {
    max-width: 100%
}

.section-values-content .pillar-header {
    padding-top: 30px;
    scroll-margin-top: 50px
}

@media (max-width: 1068px) {
    .section-values-content .pillar-header {
        padding-top: 40px
    }
}

.section-values-content .pillar-header:first-child {
    padding-top: 0
}

.section-values-content .values-main {
    position: relative;
    padding-bottom: 80px
}

.section-values-content .all-access-pass-container {
    display: flex;
    align-items: flex-end;
    height: 100%;
    width: 100%;
    position: absolute
}

.section-values-content .tabnav {
    position: sticky;
    bottom: 30px;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0);
    margin: 0 auto
}

.section-values-content .tabnav.hide {
    display: none
}

.section-values-content .tabnav .tabnav-item.show {
    display: block
}

.section-values-content .tabnav .tabnav-item.hide {
    display: none
}

.section-values-content .tabnav .tabnav-item a {
    text-decoration: none
}

.section-values-content .gallery {
    margin-top: 56px
}

@media (max-width: 1068px) {
    .section-values-content .gallery {
        margin-top: 48px
    }
}

@media (max-width: 734px) {
    .section-values-content .gallery {
        margin-top: 30px
    }
}

.section-values-content .gallery-values {
    margin-bottom: 180px
}

@media (max-width: 1068px) {
    .section-values-content .gallery-values {
        margin-bottom: 137px
    }
}

@media (max-width: 734px) {
    .section-values-content .gallery-values {
        margin-bottom: 100px
    }
}

.colorindicator-swatch {
    --sk-colorindicator-background-color: var(--finish-color)
}

.finish-background {
    background: var(--finish-color)
}

.tout-disclaimer {
    color: var(--sk-glyph-gray-secondary);
    margin-top: 9px
}

@media (min-width: 735px) {
    .tout-group {
        text-align: center
    }
}

.tout-group .tout+.tout {
    margin-top: 40px
}

.tout-icon-wrapper {
    --icon-wrapper-height: 56px;
    height: var(--icon-wrapper-height);
    display: flex;
    align-items: center
}

.tout-list {
    margin-inline-start: 0
}

.tout-list li {
    margin-top: .8em;
    list-style-type: none
}

.tout-list li:first-child {
    margin-top: 0
}

.tout:has(.tout-scrim) {
    justify-content: center
}

.stat {
    --sk-stat-value-color: rgb(29, 29, 31);
    --sk-stat-caption-color: rgb(29, 29, 31);
    --sk-stat-currency-offset: -0.375em;
    --sk-stat-caption-lines-top: 1;
    --sk-stat-caption-lines-bottom: 1;
    --sk-stat-margin-top: calc(1em * var(--sk-stat-caption-lines-top));
    --sk-stat-margin-bottom: calc(1em * var(--sk-stat-caption-lines-bottom));
    margin-inline-end: 2em;
    color: var(--sk-stat-value-color);
    box-sizing: border-box;
    display: inline-block;
    font-size: 20px;
    min-width: 5em
}

.stat,
.stat .stat-content {
    position: relative;
    z-index: 1
}

.stat .stat-content {
    margin-top: var(--sk-stat-margin-top);
    margin-bottom: var(--sk-stat-margin-bottom);
    padding-top: 4px;
    padding-bottom: 2px
}

.stat .stat-value {
    display: block;
    inset-inline-start: -2px;
    white-space: nowrap;
    position: relative;
    z-index: 1
}

.stat .stat-caption {
    color: var(--sk-stat-caption-color);
    box-sizing: border-box;
    display: block;
    position: absolute;
    inset-inline-start: 0;
    top: 100%;
    width: 100%;
    z-index: 1
}

.stat .stat-caption:first-child {
    top: auto;
    bottom: 100%
}

.stat .stat-glyph-cap-height {
    font-feature-settings: "case"
}

.stat .stat-unit-currency {
    position: relative;
    z-index: 1;
    top: var(--sk-stat-currency-offset)
}

.stat .stat-value {
    font-size: 48px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.003em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-value: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
}

.stat .stat-value: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
}

.stat .stat-value: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
}

.stat .stat-value:lang(zh) {
    letter-spacing: 0em
}

.stat .stat-value:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-value:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-value:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-value: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
}

.stat .stat-value:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-caption {
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-caption: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
}

.stat .stat-caption:lang(ja) {
    line-height: 1.3571828571;
    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
}

.stat .stat-caption:lang(ko) {
    line-height: 1.4285914286;
    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
}

.stat .stat-caption:lang(th),
.stat .stat-caption:lang(zh) {
    line-height: 1.3571828571;
    letter-spacing: 0em
}

.stat .stat-caption:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-caption:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-caption:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-caption: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
}

.stat .stat-caption:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-unit-currency {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-unit-currency: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
}

.stat .stat-unit-currency: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
}

.stat .stat-unit-currency: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
}

.stat .stat-unit-currency:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-unit-currency:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-unit-currency:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat .stat-unit-currency: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
}

.stat .stat-unit-currency:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-center {
    text-align: center
}

.stat-right {
    margin-inline-end: 2em;
    text-align: end
}

@media (max-width: 1068px) {
    .stat-right {
        margin-inline-end: 1em
    }
}

.stat-right .stat-caption {
    margin-inline-start: -0.3em
}

.stat-super {
    --sk-stat-currency-offset: -0.32em
}

.stat-super .stat-value {
    font-size: 80px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.015em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-value: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
}

.stat-super .stat-value: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
}

.stat-super .stat-value: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
}

.stat-super .stat-value:lang(zh) {
    letter-spacing: 0em
}

.stat-super .stat-value:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-value:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-value:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-value: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
}

.stat-super .stat-value:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-caption {
    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
}

.stat-super .stat-caption: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
}

.stat-super .stat-caption: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
}

.stat-super .stat-caption:lang(ko) {
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-caption:lang(ko),
.stat-super .stat-caption:lang(th),
.stat-super .stat-caption:lang(zh) {
    line-height: 1.3529611765;
    letter-spacing: 0em
}

.stat-super .stat-caption:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-caption:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-caption:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-caption: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
}

.stat-super .stat-caption:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-unit-currency {
    font-size: 56px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.005em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-unit-currency: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
}

.stat-super .stat-unit-currency: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
}

.stat-super .stat-unit-currency: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
}

.stat-super .stat-unit-currency:lang(zh) {
    letter-spacing: 0em
}

.stat-super .stat-unit-currency:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-unit-currency:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-unit-currency:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-super .stat-unit-currency: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
}

.stat-super .stat-unit-currency:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated {
    --sk-stat-currency-offset: -0.43em
}

.stat-elevated .stat-value {
    font-size: 64px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.009em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-value: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
}

.stat-elevated .stat-value: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
}

.stat-elevated .stat-value: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
}

.stat-elevated .stat-value:lang(zh) {
    letter-spacing: 0em
}

.stat-elevated .stat-value:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-value:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-value:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-value: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
}

.stat-elevated .stat-value:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-caption {
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-caption: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
}

.stat-elevated .stat-caption:lang(ja) {
    line-height: 1.3571828571;
    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
}

.stat-elevated .stat-caption:lang(ko) {
    line-height: 1.4285914286;
    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
}

.stat-elevated .stat-caption:lang(th),
.stat-elevated .stat-caption:lang(zh) {
    line-height: 1.3571828571;
    letter-spacing: 0em
}

.stat-elevated .stat-caption:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-caption:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-caption:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-caption: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
}

.stat-elevated .stat-caption:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-unit-currency {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-unit-currency: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
}

.stat-elevated .stat-unit-currency: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
}

.stat-elevated .stat-unit-currency: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
}

.stat-elevated .stat-unit-currency:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-unit-currency:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-unit-currency:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-elevated .stat-unit-currency: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
}

.stat-elevated .stat-unit-currency:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced {
    --sk-stat-currency-offset: -0.325em
}

.stat-reduced .stat-value {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-value: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
}

.stat-reduced .stat-value: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
}

.stat-reduced .stat-value: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
}

.stat-reduced .stat-value:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-value:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-value:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-value: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
}

.stat-reduced .stat-value:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-caption {
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-caption: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
}

.stat-reduced .stat-caption:lang(ja) {
    line-height: 1.3571828571;
    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
}

.stat-reduced .stat-caption:lang(ko) {
    line-height: 1.4285914286;
    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
}

.stat-reduced .stat-caption:lang(th),
.stat-reduced .stat-caption:lang(zh) {
    line-height: 1.3571828571;
    letter-spacing: 0em
}

.stat-reduced .stat-caption:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-caption:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-caption:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-caption: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
}

.stat-reduced .stat-caption:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-unit-currency {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-unit-currency: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
}

.stat-reduced .stat-unit-currency: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
}

.stat-reduced .stat-unit-currency: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
}

.stat-reduced .stat-unit-currency:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-unit-currency:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-unit-currency:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-reduced .stat-unit-currency: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
}

.stat-reduced .stat-unit-currency:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny {
    --sk-stat-currency-offset: -0.34em;
    min-width: 2em
}

.stat-tiny .stat-value {
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .007em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny .stat-value: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
}

.stat-tiny .stat-value: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
}

.stat-tiny .stat-value: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
}

.stat-tiny .stat-value:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny .stat-value:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny .stat-value:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny .stat-value: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
}

.stat-tiny .stat-value:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny .stat-unit-currency {
    font-size: 19px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny .stat-unit-currency: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
}

.stat-tiny .stat-unit-currency: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
}

.stat-tiny .stat-unit-currency: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
}

.stat-tiny .stat-unit-currency:lang(th) {
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny .stat-unit-currency:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny .stat-unit-currency:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-tiny .stat-unit-currency: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
}

.stat-tiny .stat-unit-currency:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.stat-dark,
.theme-light .stat.stat-dark {
    --sk-stat-value-color: rgb(245, 245, 247);
    --sk-stat-caption-color: rgb(245, 245, 247)
}

.stat-light,
.theme-dark .stat.stat-light {
    --sk-stat-value-color: rgb(29, 29, 31);
    --sk-stat-caption-color: rgb(29, 29, 31)
}

.tout .stat {
    margin-inline-end: 0;
    width: 100%
}

.tout .stat .stat-caption {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tout .stat .stat-caption: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
}

.tout .stat .stat-caption:lang(ja) {
    line-height: 1.4166666667;
    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
}

.tout .stat .stat-caption:lang(ko) {
    line-height: 1.4166666667;
    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
}

.tout .stat .stat-caption:lang(zh) {
    letter-spacing: 0em
}

.tout .stat .stat-caption:lang(th) {
    line-height: 1.3333733333;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tout .stat .stat-caption:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tout .stat .stat-caption:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tout .stat .stat-caption: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
}

.tout .stat .stat-caption:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tout .stat .stat-value {
    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;
    white-space: normal;
    margin: 6px 0 0;
    inset-inline-start: -0.04em
}

.tout .stat .stat-value:lang(ja) {
    line-height: 1.1786114286;
    font-family: SF Pro JP, SF Pro Display, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tout .stat .stat-value: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
}

.tout .stat .stat-value:lang(th) {
    line-height: 1.3928571429;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tout .stat .stat-value:lang(zh) {
    line-height: 1.25
}

.tout .stat .stat-value: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
}

.tout .stat .stat-value:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tout .stat .stat-value:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.tout .stat .stat-value: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
}

.tout .stat .stat-value:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media (max-width: 1068px) {
    .tout .stat .stat-value {
        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
    }

    .tout .stat .stat-value: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
    }

    .tout .stat .stat-value: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
    }

    .tout .stat .stat-value:lang(th) {
        line-height: 1.375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .tout .stat .stat-value:lang(zh) {
        line-height: 1.2916666667
    }

    .tout .stat .stat-value: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
    }

    .tout .stat .stat-value:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .tout .stat .stat-value:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .tout .stat .stat-value: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
    }

    .tout .stat .stat-value:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media (max-width: 734px) {
    .tout .stat .stat-value {
        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
    }

    .tout .stat .stat-value: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
    }

    .tout .stat .stat-value: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
    }

    .tout .stat .stat-value:lang(th) {
        line-height: 1.381002381;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .tout .stat .stat-value:lang(zh) {
        line-height: 1.3334033333
    }

    .tout .stat .stat-value: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
    }

    .tout .stat .stat-value:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .tout .stat .stat-value:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .tout .stat .stat-value: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
    }

    .tout .stat .stat-value:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media (max-width: 734px) {
    .tout .stat .stat-value {
        margin-top: 4px
    }
}

.tout .stat .stat-value+.stat-caption {
    position: relative;
    margin-top: 8px
}

@media (max-width: 734px) {
    .tout .stat .stat-value+.stat-caption {
        margin-top: 6px
    }
}

.tout .stat .stat-content {
    margin-bottom: 2px;
    padding-bottom: 0
}

@media (max-width: 734px) {
    .tout .stat .stat-content {
        margin-bottom: 4px
    }
}

.tout {
    --tout-max-width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--tout-max-width)
}

@media (min-width: 735px) {
    .tout {
        align-items: center;
        margin-inline: auto
    }
}

.tout-icon-wrapper+* {
    margin-top: 1.1em
}

@media (max-width: 734px) {
    .tout-icon-wrapper+* {
        margin-top: .8em
    }
}

.tout-icon-wrapper+.tout-subheading {
    margin-top: .5em
}

.tout-subheading+* {
    margin-top: .8em
}

.badge {
    --sk-badge-background: rgba(245, 99, 0, 0.1);
    --sk-badge-text-color: rgb(182, 68, 0);
    --sk-badge-border-radius: 6px;
    --sk-badge-horizontal-padding: 9px;
    --sk-badge-vertical-padding: 6px;
    --sk-badge-margin: 0;
    --sk-badge-display: initial;
    box-sizing: border-box;
    white-space: nowrap;
    color: var(--sk-badge-text-color);
    background-color: var(--sk-badge-background);
    border-radius: var(--sk-badge-border-radius);
    padding: var(--sk-badge-vertical-padding) var(--sk-badge-horizontal-padding);
    margin-inline-start: var(--sk-badge-margin);
    display: var(--sk-badge-display);
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 600;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge: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
}

.badge: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
}

.badge:lang(ko) {
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge:lang(ko),
.badge:lang(zh) {
    letter-spacing: 0em
}

.badge:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge: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
}

.badge:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-inline {
    --sk-badge-margin: 8px;
    --sk-badge-display: inline-block
}

.badge-neutral {
    --sk-badge-background: rgba(29, 29, 31, 0.07);
    --sk-badge-text-color: rgb(66, 66, 69)
}

.badge-solid-scrim {
    --sk-badge-background: rgb(250, 233, 225)
}

.badge-solid-scrim.badge-neutral {
    --sk-badge-background: rgb(232, 232, 237);
    --sk-badge-text-color: rgb(66, 66, 69)
}

.badge-reduced {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 600;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --sk-badge-border-radius: 5px;
    --sk-badge-horizontal-padding: 6px;
    --sk-badge-vertical-padding: 4px
}

.badge-reduced: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
}

.badge-reduced:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-reduced:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-reduced:lang(zh) {
    letter-spacing: 0em
}

.badge-reduced:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-reduced:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-reduced:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-reduced:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-reduced:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-reduced.badge-inline {
    --sk-badge-margin: 8px;
    --sk-badge-display: inline-block
}

.badge-tiny {
    font-size: 10px;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: -0.006em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --sk-badge-border-radius: 3px;
    --sk-badge-horizontal-padding: 3px;
    --sk-badge-vertical-padding: 2px
}

.badge-tiny: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
}

.badge-tiny: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
}

.badge-tiny: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
}

.badge-tiny:lang(zh) {
    letter-spacing: 0em
}

.badge-tiny:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-tiny:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-tiny:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-tiny: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
}

.badge-tiny:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.badge-tiny.badge-inline {
    --sk-badge-margin: 8px;
    --sk-badge-display: inline-block
}

.badge-no-scrim {
    --sk-badge-border-radius: 0;
    --sk-badge-horizontal-padding: 0;
    --sk-badge-vertical-padding: 0;
    --sk-badge-background: transparent
}

.badge-dark {
    --sk-badge-background: rgba(245, 99, 0, 0.2);
    --sk-badge-text-color: rgb(255, 121, 27)
}

.badge-dark.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(255, 121, 27)
}

.badge-dark.badge-solid-scrim {
    --sk-badge-background: rgb(71, 30, 0)
}

.badge-dark.badge-neutral {
    --sk-badge-background: rgba(245, 245, 247, 0.14);
    --sk-badge-text-color: rgb(210, 210, 215)
}

.badge-dark.badge-neutral.badge-solid-scrim {
    --sk-badge-background: rgb(51, 51, 54)
}

.theme-light .badge.badge-dark {
    --sk-badge-background: rgba(245, 99, 0, 0.2);
    --sk-badge-text-color: rgb(255, 121, 27)
}

.theme-light .badge.badge-dark.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(255, 121, 27)
}

.theme-light .badge.badge-dark.badge-solid-scrim {
    --sk-badge-background: rgb(71, 30, 0)
}

.theme-light .badge.badge-dark.badge-neutral {
    --sk-badge-background: rgba(245, 245, 247, 0.14);
    --sk-badge-text-color: rgb(210, 210, 215)
}

.theme-light .badge.badge-dark.badge-neutral.badge-solid-scrim {
    --sk-badge-background: rgb(51, 51, 54)
}

.badge-light {
    --sk-badge-background: rgba(245, 99, 0, 0.1);
    --sk-badge-text-color: rgb(182, 68, 0)
}

.badge-light.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(182, 68, 0)
}

.badge-light.badge-solid-scrim {
    --sk-badge-background: rgb(250, 233, 225)
}

.badge-light.badge-neutral {
    --sk-badge-background: rgba(29, 29, 31, 0.07);
    --sk-badge-text-color: rgb(66, 66, 69)
}

.badge-light.badge-neutral.badge-solid-scrim {
    --sk-badge-background: rgb(232, 232, 237)
}

.theme-dark .badge.badge-light {
    --sk-badge-background: rgba(245, 99, 0, 0.1);
    --sk-badge-text-color: rgb(182, 68, 0)
}

.theme-dark .badge.badge-light.badge-no-scrim {
    --sk-badge-background: transparent;
    --sk-badge-text-color: rgb(182, 68, 0)
}

.theme-dark .badge.badge-light.badge-solid-scrim {
    --sk-badge-background: rgb(250, 233, 225)
}

.theme-dark .badge.badge-light.badge-neutral {
    --sk-badge-background: rgba(29, 29, 31, 0.07);
    --sk-badge-text-color: rgb(66, 66, 69)
}

.theme-dark .badge.badge-light.badge-neutral.badge-solid-scrim {
    --sk-badge-background: rgb(232, 232, 237)
}

.button {
    --sk-button-color: rgb(255, 255, 255);
    --sk-button-color-hover: var(--sk-button-color);
    --sk-button-color-active: var(--sk-button-color-hover);
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
    --sk-button-border-color: transparent;
    --sk-button-border-radius: 980px;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px;
    --sk-button-min-width-basis: 60px;
    --sk-button-padding-horizontal: 16px;
    --sk-button-padding-vertical: 9px;
    --sk-button-border-width: 1px;
    --sk-button-box-sizing: content-box;
    --sk-button-width: auto;
    --sk-button-display: inline-block;
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: var(--sk-button-background);
    color: var(--sk-button-color);
    padding-block: calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width));
    padding-inline: calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width));
    border-radius: var(--sk-button-border-radius);
    border: var(--sk-button-border-width) solid var(--sk-button-border-color);
    width: var(--sk-button-width);
    min-width: calc(var(--sk-button-min-width-basis) - var(--sk-button-padding-horizontal) * 2);
    cursor: pointer;
    display: var(--sk-button-display);
    box-sizing: var(--sk-button-box-sizing);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB
}

.button: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
}

.button:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(ko) {
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(ko),
.button:lang(zh) {
    letter-spacing: 0em
}

.button:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button:hover {
    background: var(--sk-button-background-hover, var(--sk-button-background));
    color: var(--sk-button-color-hover, var(--sk-button-color));
    text-decoration: none;
    border-color: rgba(0, 0, 0, 0)
}

.button:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset-container, 3px)
}

.button:active {
    background: var(--sk-button-background-active, var(--sk-button-background));
    color: var(--sk-button-color-active, var(--sk-button-color));
    outline: none
}

.button.disabled,
.button:disabled {
    pointer-events: none;
    opacity: var(--sk-button-disabled-opacity)
}

.button-block {
    --sk-button-box-sizing: border-box;
    --sk-button-width: 100%;
    --sk-button-display: block;
    --sk-button-border-radius: 8px;
    --sk-button-margin-horizontal: 9px;
    --sk-button-margin-vertical: 9px
}

.button-neutral {
    --sk-button-background: rgb(29, 29, 31);
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(255, 255, 255)
}

.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(0, 102, 204);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(0, 102, 204)
}

.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31)
}

.button-super {
    --sk-button-padding-horizontal: 31px;
    --sk-button-padding-vertical: 18px;
    --sk-button-min-width-basis: 90px;
    --sk-button-margin-horizontal: 22px;
    --sk-button-margin-vertical: 22px;
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super: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
}

.button-super:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh) {
    letter-spacing: 0em
}

.button-super:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-super.button-block {
    --sk-button-border-radius: 12px;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px
}

.button-elevated {
    --sk-button-padding-horizontal: 22px;
    --sk-button-padding-vertical: 12px;
    --sk-button-min-width-basis: 70px;
    --sk-button-margin-horizontal: 18px;
    --sk-button-margin-vertical: 18px;
    font-size: 17px;
    line-height: 1.1764805882;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-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
}

.button-elevated:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh) {
    letter-spacing: 0em
}

.button-elevated:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-elevated.button-block {
    --sk-button-border-radius: 10px;
    --sk-button-margin-horizontal: 11px;
    --sk-button-margin-vertical: 11px
}

.button-reduced {
    --sk-button-padding-horizontal: 11px;
    --sk-button-padding-vertical: 4px;
    --sk-button-min-width-basis: 45px;
    --sk-button-margin-horizontal: 10px;
    --sk-button-margin-vertical: 10px;
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced: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
}

.button-reduced:lang(ja) {
    letter-spacing: 0em;
    font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh) {
    letter-spacing: 0em
}

.button-reduced:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.button-reduced.button-block {
    --sk-button-border-radius: 5px;
    --sk-button-margin-horizontal: 6px;
    --sk-button-margin-vertical: 6px
}

.button-margin {
    margin-inline-end: var(--sk-button-margin-horizontal);
    margin-bottom: var(--sk-button-margin-vertical)
}

.button-dark {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.36);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB
}

.button-dark.button-neutral {
    --sk-button-background: rgb(245, 245, 247);
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(0, 0, 0)
}

.button-dark.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(41, 151, 255);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(41, 151, 255)
}

.button-dark.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(245, 245, 247);
    --sk-button-color-hover: rgb(0, 0, 0);
    --sk-button-border-color: rgb(245, 245, 247)
}

.theme-light .button.button-dark {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.36);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB
}

.theme-light .button.button-dark.button-neutral {
    --sk-button-background: rgb(245, 245, 247);
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(0, 0, 0)
}

.theme-light .button.button-dark.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(41, 151, 255);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(41, 151, 255)
}

.theme-light .button.button-dark.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: rgb(255, 255, 255);
    --sk-button-background-active: #EDEDF2;
    --sk-button-color: rgb(245, 245, 247);
    --sk-button-color-hover: rgb(0, 0, 0);
    --sk-button-border-color: rgb(245, 245, 247)
}

.button-light {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB
}

.button-light.button-neutral {
    --sk-button-background: rgb(29, 29, 31);
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(255, 255, 255)
}

.button-light.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(0, 102, 204);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(0, 102, 204)
}

.button-light.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31)
}

.theme-dark .button.button-light {
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
    --sk-button-background: rgb(0, 113, 227);
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB
}

.theme-dark .button.button-light.button-neutral {
    --sk-button-background: rgb(29, 29, 31);
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(255, 255, 255)
}

.theme-dark .button.button-light.button-secondary {
    --sk-button-background: transparent;
    --sk-button-background-hover: #0076DF;
    --sk-button-background-active: #006EDB;
    --sk-button-color: rgb(0, 102, 204);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(0, 102, 204)
}

.theme-dark .button.button-light.button-secondary-neutral {
    --sk-button-background: transparent;
    --sk-button-background-hover: #272729;
    --sk-button-background-active: #18181A;
    --sk-button-color: rgb(29, 29, 31);
    --sk-button-color-hover: rgb(255, 255, 255);
    --sk-button-border-color: rgb(29, 29, 31)
}

.product-tile-ctas {
    --button-height: 36px;
    margin-top: 38px
}

@media (min-width: 735px) {
    .product-tile-ctas {
        --button-height: 42px
    }
}

@media (max-width: 734px) {
    .product-tile-ctas {
        margin-top: 39px
    }
}

.product-tile-ctas-stacked {
    margin-top: 37px
}

@media (min-width: 735px) {

    .product-tile-ctas-stacked .product-tile-current,
    .product-tile-ctas-stacked .product-tile-link {
        margin-left: auto;
        margin-right: auto
    }
}

.product-tile-ctas .product-tile-link {
    width: -moz-fit-content;
    width: fit-content
}

.product-tile-ctas .product-tile-current {
    --sk-button-color: rgb(255, 255, 255);
    --sk-button-color-hover: var(--sk-button-color);
    --sk-button-color-active: var(--sk-button-color-hover);
    --sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
    --sk-button-border-color: transparent;
    --sk-button-border-radius: 980px;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px;
    --sk-button-min-width-basis: 60px;
    --sk-button-padding-horizontal: 16px;
    --sk-button-padding-vertical: 9px;
    --sk-button-border-width: 1px;
    --sk-button-box-sizing: content-box;
    --sk-button-width: auto;
    --sk-button-display: inline-block;
    font-size: 14px;
    line-height: 1.2857742857;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: var(--sk-button-background);
    color: var(--sk-button-color);
    padding-block: calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width));
    padding-inline: calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width));
    border-radius: var(--sk-button-border-radius);
    border: var(--sk-button-border-width) solid var(--sk-button-border-color);
    width: var(--sk-button-width);
    min-width: calc(var(--sk-button-min-width-basis) - var(--sk-button-padding-horizontal) * 2);
    cursor: pointer;
    display: var(--sk-button-display);
    box-sizing: var(--sk-button-box-sizing);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    color: var(--sk-glyph-gray-secondary-alt);
    cursor: auto;
    padding-inline: 0;
    white-space: normal;
    text-align: initial;
    max-height: var(--button-height);
    box-sizing: border-box
}

.product-tile-ctas .product-tile-current: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
}

.product-tile-ctas .product-tile-current: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
}

.product-tile-ctas .product-tile-current: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
}

.product-tile-ctas .product-tile-current:lang(zh) {
    letter-spacing: 0em
}

.product-tile-ctas .product-tile-current:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.product-tile-ctas .product-tile-current:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.product-tile-ctas .product-tile-current:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.product-tile-ctas .product-tile-current: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
}

.product-tile-ctas .product-tile-current:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.product-tile-ctas .product-tile-current:hover {
    background: var(--sk-button-background-hover, var(--sk-button-background));
    color: var(--sk-button-color-hover, var(--sk-button-color));
    text-decoration: none;
    border-color: rgba(0, 0, 0, 0)
}

.product-tile-ctas .product-tile-current:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset-container, 3px)
}

.product-tile-ctas .product-tile-current:active {
    background: var(--sk-button-background-active, var(--sk-button-background));
    color: var(--sk-button-color-active, var(--sk-button-color));
    outline: none
}

.product-tile-ctas .product-tile-current.disabled,
.product-tile-ctas .product-tile-current:disabled {
    pointer-events: none;
    opacity: var(--sk-button-disabled-opacity)
}

@media (min-width: 735px) {
    .product-tile-ctas .product-tile-current {
        text-align: center
    }
}

.product-tile-ctas .product-tile-current:active,
.product-tile-ctas .product-tile-current:focus-visible,
.product-tile-ctas .product-tile-current:hover {
    background: none;
    color: var(--sk-glyph-gray-secondary-alt);
    border-color: rgba(0, 0, 0, 0);
    outline: none
}

.product-tile-ctas .button,
.product-tile-ctas button {
    flex-shrink: 0
}

@media (min-width: 735px) {

    .product-tile-ctas .button,
    .product-tile-ctas .product-tile-current,
    .product-tile-ctas button {
        --sk-button-padding-horizontal: 22px;
        --sk-button-padding-vertical: 12px;
        --sk-button-min-width-basis: 70px;
        --sk-button-margin-horizontal: 18px;
        --sk-button-margin-vertical: 18px;
        font-size: 17px;
        line-height: 1.1764805882;
        font-weight: 400;
        letter-spacing: -0.022em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .product-tile-ctas .button:lang(ar),
    .product-tile-ctas .product-tile-current:lang(ar),
    .product-tile-ctas button: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
    }

    .product-tile-ctas .button:lang(ja),
    .product-tile-ctas .product-tile-current:lang(ja),
    .product-tile-ctas button:lang(ja) {
        letter-spacing: 0em;
        font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳ Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .product-tile-ctas .button:lang(ko),
    .product-tile-ctas .product-tile-current:lang(ko),
    .product-tile-ctas button:lang(ko) {
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .product-tile-ctas .button:lang(zh),
    .product-tile-ctas .product-tile-current:lang(zh),
    .product-tile-ctas button:lang(zh) {
        letter-spacing: 0em
    }

    .product-tile-ctas .button:lang(th),
    .product-tile-ctas .product-tile-current:lang(th),
    .product-tile-ctas button:lang(th) {
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .product-tile-ctas .button:lang(zh-CN),
    .product-tile-ctas .product-tile-current:lang(zh-CN),
    .product-tile-ctas button:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .product-tile-ctas .button:lang(zh-HK),
    .product-tile-ctas .product-tile-current:lang(zh-HK),
    .product-tile-ctas button:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .product-tile-ctas .button:lang(zh-MO),
    .product-tile-ctas .product-tile-current:lang(zh-MO),
    .product-tile-ctas button:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .product-tile-ctas .button:lang(zh-TW),
    .product-tile-ctas .product-tile-current:lang(zh-TW),
    .product-tile-ctas button:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.product-tile-ctas.product-tile-ctas-neutral a:not(.button) {
    color: var(--sk-body-text-color)
}

.product-tile:has(.tout-group) .product-tile-ctas {
    margin-bottom: 54px
}

@media (max-width: 1068px) {
    .product-tile:has(.tout-group) .product-tile-ctas {
        margin-bottom: 46px
    }
}

@media (max-width: 734px) {
    .product-tile:has(.tout-group) .product-tile-ctas {
        margin-bottom: 53px
    }
}

.colorindicator {
    --sk-colorindicator-background-color: rgb(245, 245, 247);
    --sk-colorindicator-swatch-border-color: conic-gradient(from 270deg, rgba(0, 0, 0, 0.08) 0deg, rgba(0, 0, 0, 0.48) 64.8deg, rgba(0, 0, 0, 0.48) 115.2deg, rgba(0, 0, 0, 0.08) 180deg, rgba(0, 0, 0, 0) 208.8deg, rgba(0, 0, 0, 0) 331.2deg, rgba(0, 0, 0, 0.08) 360deg);
    --sk-colorindicator-label-color: rgb(110, 110, 115);
    --sk-colorindicator-swatch-size: 12px;
    --sk-colorindicator-border-width: 1px;
    --sk-colorindicator-item-margin: 3px;
    --sk-colorindicator-gradient-stop: calc(var(--sk-colorindicator-swatch-size)/2 - 0.5px)
}

.colorindicator .colorindicator-items {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    list-style: none
}

.colorindicator .colorindicator-item {
    margin: calc(var(--sk-colorindicator-border-width) * -1) var(--sk-colorindicator-item-margin)
}

.colorindicator .colorindicator-item.colorindicator-label {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-feature-settings: "case";
    color: var(--sk-colorindicator-label-color);
    margin-left: 2px
}

.colorindicator .colorindicator-item.colorindicator-label: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
}

.colorindicator .colorindicator-item.colorindicator-label:lang(ja) {
    line-height: 1.4166666667;
    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
}

.colorindicator .colorindicator-item.colorindicator-label:lang(ko) {
    line-height: 1.4166666667;
    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
}

.colorindicator .colorindicator-item.colorindicator-label:lang(zh) {
    letter-spacing: 0em
}

.colorindicator .colorindicator-item.colorindicator-label:lang(th) {
    line-height: 1.3333733333;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colorindicator .colorindicator-item.colorindicator-label:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colorindicator .colorindicator-item.colorindicator-label:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colorindicator .colorindicator-item.colorindicator-label:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colorindicator .colorindicator-item.colorindicator-label:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colorindicator .colorindicator-swatch {
    background: var(--sk-colorindicator-background-color);
    border-radius: 50%;
    display: block;
    width: var(--sk-colorindicator-swatch-size);
    height: var(--sk-colorindicator-swatch-size);
    position: relative
}

.colorindicator .colorindicator-swatch:after {
    content: "";
    background-image: var(--sk-colorindicator-swatch-border-color);
    mask-image: radial-gradient(circle at 50%, at 50%, transparent calc(var(--sk-colorindicator-gradient-stop) - var(--sk-colorindicator-border-width)), black var(--sk-colorindicator-gradient-stop));
    mask-image: radial-gradient(circle at 50% 50%, transparent calc(var(--sk-colorindicator-gradient-stop) - var(--sk-colorindicator-border-width)), black var(--sk-colorindicator-gradient-stop));
    mask-size: 100% 100%;
    mask-clip: initial;
    border-radius: inherit;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.colorindicator .colorindicator-swatch picture {
    border-radius: inherit;
    display: block
}

.colorindicator .colorindicator-swatch picture img {
    border-radius: inherit;
    display: block;
    width: 100%
}

.colorindicator-dark,
.theme-light .colorindicator.colorindicator-dark {
    --sk-colorindicator-background-color: rgb(29, 29, 31);
    --sk-colorindicator-swatch-border-color: conic-gradient(from 90deg, rgba(255, 255, 255, 0.08) 0deg, rgba(255, 255, 255, 0.48) 64.8deg, rgba(255, 255, 255, 0.48) 115.2deg, rgba(255, 255, 255, 0.08) 180deg, rgba(255, 255, 255, 0) 208.8deg, rgba(255, 255, 255, 0) 331.2deg, rgba(255, 255, 255, 0.08) 360deg);
    --sk-colorindicator-label-color: rgb(134, 134, 139)
}

.colorindicator-light,
.theme-dark .colorindicator.colorindicator-light {
    --sk-colorindicator-background-color: rgb(245, 245, 247);
    --sk-colorindicator-swatch-border-color: conic-gradient(from 270deg, rgba(0, 0, 0, 0.08) 0deg, rgba(0, 0, 0, 0.48) 64.8deg, rgba(0, 0, 0, 0.48) 115.2deg, rgba(0, 0, 0, 0.08) 180deg, rgba(0, 0, 0, 0) 208.8deg, rgba(0, 0, 0, 0) 331.2deg, rgba(0, 0, 0, 0.08) 360deg);
    --sk-colorindicator-label-color: rgb(110, 110, 115)
}

.product-tile .colorindicator {
    margin: 0 0 27px;
    height: 14px
}

@media (max-width: 734px) {
    .product-tile .colorindicator {
        padding-inline-end: var(--product-tile-padding)
    }
}

.product-tile .colorindicator .colorindicator-items {
    position: relative;
    top: -7px
}

@media (max-width: 734px) {
    .product-tile .colorindicator .colorindicator-items {
        flex-wrap: wrap;
        justify-content: start;
        grid-row-gap: 4px;
        row-gap: 4px;
        margin-inline-start: -3px;
        margin-inline-end: -3px
    }
}

.product-tile-image-link {
    color: inherit;
    text-decoration: none;
    margin: 0 0 40px
}

@media (max-width: 1068px) {
    .product-tile-image-link {
        margin-bottom: 33px
    }
}

@media (max-width: 734px) {
    .product-tile-image-link {
        margin-bottom: 35px
    }
}

a.product-tile-image-link .product-tile-image {
    transition: transform .3s cubic-bezier(0, 0, 0.5, 1)
}

a.product-tile-image-link:focus .product-tile-image,
a.product-tile-image-link:hover .product-tile-image {
    transform: scale(1.0161)
}

.product-tile-subheading {
    display: block;
    margin-top: 4px
}

@media (max-width: 734px) {
    .product-tile-subheading {
        margin-top: 5px
    }
}

.product-tile-badge {
    white-space: normal;
    margin: 0 0 9px
}

@media (max-width: 734px) {
    .product-tile-badge {
        margin-bottom: 8px
    }
}

@media (min-width: 735px) {

    .product-tile-headline,
    .product-tile-positioning,
    .product-tile-price,
    .product-tile-subheading {
        margin-inline: auto
    }
}

.product-tile-positioning {
    margin-top: 12px
}

@media (max-width: 734px) {
    .product-tile-positioning {
        margin-top: 10px
    }
}

.product-tile-price {
    margin-top: 12px
}

@media (max-width: 734px) {
    .product-tile-price {
        margin-top: 10px
    }
}

.product-tile-image {
    margin: 0 auto
}

@media (max-width: 734px) {
    .product-tile-image {
        margin-inline-start: 0
    }
}

.product-tile-image-link {
    width: 100%
}

.product-tile-set {
    display: grid;
    grid-column-gap: 20px;
    grid-auto-flow: column;
    grid-template-rows: [image] auto [colorindicator] auto [product-id-start badge] auto [headline] auto [positioning product-id-end] auto [price] auto [ctas-start ctas-inline] auto [ctas-stacked] auto [ctas-end tout-group-start tout-1] auto [tout-2] auto [tout-3] auto [tout-4] auto [tout-5] auto [tout-6] auto [tout-7] auto [tout-8] auto [tout-group-end]
}

.product-tile {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 1/-1
}

.product-tile .product-tile-image-link {
    grid-row: image
}

.product-tile .product-tile-colorindicator {
    grid-row: colorindicator
}

.product-tile .product-tile-product-id {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: product-id
}

.product-tile .product-tile-badge {
    grid-row: badge
}

.product-tile .product-tile-headline-group {
    grid-row: headline
}

.product-tile .product-tile-headline {
    display: block
}

.product-tile .product-tile-positioning {
    grid-row: positioning
}

.product-tile .product-tile-price {
    grid-row: price
}

.product-tile .product-tile-ctas {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-row: ctas
}

.product-tile .product-tile-ctas-inline {
    grid-column-gap: 34px;
    column-gap: 34px
}

@media (max-width: 734px) {
    .product-tile .product-tile-ctas-inline {
        grid-column-gap: 27px;
        column-gap: 27px
    }
}

.product-tile .product-tile-ctas-stacked {
    display: grid;
    grid-template-rows: subgrid;
    grid-row-gap: 18px;
    row-gap: 18px
}

@media (max-width: 734px) {
    .product-tile .product-tile-ctas-stacked {
        grid-row-gap: 14px;
        row-gap: 14px
    }
}

.product-tile .product-tile-ctas-stacked .product-tile-button,
.product-tile .product-tile-ctas-stacked .product-tile-current {
    grid-row: ctas-inline
}

.product-tile .product-tile-ctas-stacked .product-tile-link {
    grid-row: ctas-stacked
}

@media (max-width: 734px) {
    .product-tile .product-tile-ctas {
        justify-content: start
    }
}

.product-tile .tout-group {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: tout-group;
    position: relative;
    padding-top: 52px;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 1068px) {
    .product-tile .tout-group {
        padding-top: 54px
    }
}

@media (max-width: 734px) {
    .product-tile .tout-group {
        padding-top: 51px
    }
}

.product-tile .tout-group:before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    top: 0;
    height: 1px;
    background-color: #d2d2d7
}

.theme-dark .product-tile .tout-group:before {
    background-color: #424245
}

.product-tile .tout-group p {
    margin: 0
}

.product-tile .tout> :not(.tout-icon-wrapper) {
    padding-inline-start: var(--product-tile-padding);
    padding-inline-end: var(--product-tile-padding)
}

@media (max-width: 734px) {
    .product-tile .tout> :not(.tout-icon-wrapper) {
        padding-inline-start: 0
    }
}

html:not([dir=rtl]) .product-tile:first-child .tout-group:before {
    left: 0
}

html:not([dir=rtl]) .product-tile:last-child .tout-group:before {
    right: 0
}

.product-tile-set {
    margin: 0
}

@media (max-width: 734px) {
    .product-tile-set {
        width: 100%
    }
}

.product-tile {
    --sk-paragraph-plus-element-margin: 0px;
    --sk-headline-plus-first-element-margin: 0px;
    --product-tile-width: 372px;
    --product-tile-padding: 28px;
    width: var(--product-tile-width);
    list-style-type: none
}

@media (min-width: 1441px) {
    .product-tile {
        --product-tile-width: 405px
    }
}

@media (max-width: 1068px) {
    .product-tile {
        --product-tile-width: 344px;
        --product-tile-padding: 24px
    }
}

@media (max-width: 734px) {
    .product-tile {
        --product-tile-padding: 28px;
        --product-tile-width: 304px
    }
}

@media (max-width: 480px) {
    .product-tile {
        --product-tile-width: 260px
    }
}

@media (min-width: 735px) {
    .product-tile {
        text-align: center
    }
}

.product-tile .product-tile-padding {
    padding-inline-start: var(--product-tile-padding);
    padding-inline-end: var(--product-tile-padding)
}

@media (max-width: 734px) {
    .product-tile .product-tile-padding {
        padding-inline-start: 0
    }
}

.finish-iphone-16-pro-desert-titanium {
    --finish-color: var(--finish-iphone-16-pro-desert-titanium)
}

.finish-iphone-16-pro-natural-titanium {
    --finish-color: var(--finish-iphone-16-pro-natural-titanium)
}

.finish-iphone-16-pro-black-titanium {
    --finish-color: var(--finish-iphone-16-pro-black-titanium)
}

.finish-iphone-16-pro-white-titanium {
    --finish-color: var(--finish-iphone-16-pro-white-titanium)
}

.finish-iphone-16-ultramarine {
    --finish-color: var(--finish-iphone-16-ultramarine)
}

.finish-iphone-16-teal {
    --finish-color: var(--finish-iphone-16-teal)
}

.finish-iphone-16-pink {
    --finish-color: var(--finish-iphone-16-pink)
}

.finish-iphone-16-white {
    --finish-color: var(--finish-iphone-16-white)
}

.finish-iphone-16-black {
    --finish-color: var(--finish-iphone-16-black)
}

.finish-iphone-16e-white {
    --finish-color: var(--finish-iphone-16e-white)
}

.finish-iphone-16e-black {
    --finish-color: var(--finish-iphone-16e-black)
}

.finish-iphone-15-pink {
    --finish-color: var(--finish-iphone-15-pink)
}

.finish-iphone-15-yellow {
    --finish-color: var(--finish-iphone-15-yellow)
}

.finish-iphone-15-green {
    --finish-color: var(--finish-iphone-15-green)
}

.finish-iphone-15-blue {
    --finish-color: var(--finish-iphone-15-blue)
}

.finish-black {
    --finish-color: var(--finish-black)
}

.finish-blue {
    --finish-color: var(--finish-blue)
}

.finish-purple {
    --finish-color: var(--finish-purple)
}

.finish-yellow {
    --finish-color: var(--finish-yellow)
}

.finish-midnight {
    --finish-color: var(--finish-midnight)
}

.finish-starlight {
    --finish-color: var(--finish-starlight)
}

.finish-product-red {
    --finish-color: var(--finish-product-red)
}

.finish-white-titanium {
    --finish-color: var(--finish-white-titanium)
}

.finish-natural-titanium {
    --finish-color: var(--finish-natural-titanium)
}

.finish-blue-titanium {
    --finish-color: var(--finish-blue-titanium)
}

.finish-black-titanium {
    --finish-color: var(--finish-black-titanium)
}

.finish-alpine-green {
    --finish-color: var(--finish-alpine-green)
}

.finish-deep-purple {
    --finish-color: var(--finish-deep-purple)
}

.finish-gold {
    --finish-color: var(--finish-gold)
}

.finish-graphite {
    --finish-color: var(--finish-graphite)
}

.finish-green {
    --finish-color: var(--finish-green)
}

.finish-pink {
    --finish-color: var(--finish-pink)
}

.finish-sierra-blue {
    --finish-color: var(--finish-sierra-blue)
}

.finish-silver {
    --finish-color: var(--finish-silver)
}

.finish-space-black {
    --finish-color: var(--finish-space-black)
}

.finish-space-gray {
    --finish-color: var(--finish-space-gray)
}

:root {
    --finish-iphone-16-pro-desert-titanium: #bfa48f;
    --finish-iphone-16-pro-natural-titanium: #c2bcb2;
    --finish-iphone-16-pro-black-titanium: #3c3c3d;
    --finish-iphone-16-pro-white-titanium: #f7f6f2;
    --finish-iphone-16-ultramarine: #94a5eb;
    --finish-iphone-16-teal: #abcfcd;
    --finish-iphone-16-pink: #eda8d5;
    --finish-iphone-16-white: #f5f5f5;
    --finish-iphone-16-black: #35393b;
    --finish-iphone-16e-white: #f5f5f5;
    --finish-iphone-16e-black: #35393b;
    --finish-iphone-15-pink: #ebd0d2;
    --finish-iphone-15-yellow: #ece6c6;
    --finish-iphone-15-green: #cfd9c9;
    --finish-iphone-15-blue: #d5dde0;
    --finish-black: #3c4042;
    --finish-blue: #a0b4c7;
    --finish-purple: #e6ddeb;
    --finish-yellow: #f9e479;
    --finish-midnight: #222930;
    --finish-starlight: #faf6f2;
    --finish-product-red: #fc0324;
    --finish-white-titanium: #f2f1eb;
    --finish-natural-titanium: #bab4a9;
    --finish-blue-titanium: #3d4555;
    --finish-black-titanium: #3f4042;
    --finish-alpine-green: #576856;
    --finish-deep-purple: #594f63;
    --finish-gold: #f4e8ce;
    --finish-graphite: #54524f;
    --finish-green: #394c38;
    --finish-pink: #faddd7;
    --finish-sierra-blue: #a7c1d9;
    --finish-silver: #f0f2f2;
    --finish-space-black: #403e3d;
    --finish-space-gray: #555
}

:root .finish-theme-medium {
    --finish-iphone-15-pink: #e3c8ca;
    --finish-iphone-15-yellow: #e5e0c1;
    --finish-iphone-15-green: #cad4c5;
    --finish-iphone-15-blue: #ced5d9;
    --finish-black: #35393b;
    --finish-white-titanium: #f7f6f0;
    --finish-natural-titanium: #bab5ab
}

:root .finish-theme-medium-dark {
    --finish-white-titanium: #c9c8c3;
    --finish-natural-titanium: #8f8a81;
    --finish-blue-titanium: #1a202a;
    --finish-black-titanium: #1e1f20
}

:root .finish-theme-dark {
    --finish-blue-titanium: #202630;
    --finish-black-titanium: #242526
}

.section-select .overview-select-iphone-15 {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 169px;
    --p-height: 262px
}

@media (min-width: 1441px) and(min-width: 1441px) {
    .section-select .overview-select-iphone-15 {
        --p-width: 186px;
        --p-height: 289px
    }
}

@media (max-width: 1068px) and(max-width: 1068px) {
    .section-select .overview-select-iphone-15 {
        --p-width: 155px;
        --p-height: 241px
    }
}

@media (max-width: 734px) and(max-width: 734px) {
    .section-select .overview-select-iphone-15 {
        --p-width: 131px;
        --p-height: 203px
    }
}

.section-select .sosumi-link-follows,
.section-select .sosumi-link-follows+.footnote {
    display: none
}

.section-select .sosumi-link-follows[data-pricing-loaded],
.section-select .sosumi-link-follows[data-pricing-loaded]+.footnote {
    display: inline
}

.section-select .gallery-select {
    margin-top: 0
}

.tile {
    margin-inline-start: auto;
    margin-inline-end: auto;
    --sk-tile-box-shadow: initial;
    --sk-tile-background: rgb(255, 255, 255);
    --sk-tile-button-background: rgba(210, 210, 215, 0.64);
    --sk-tile-button-background-hover: rgba(223, 223, 227, 0.6976);
    --sk-tile-button-background-active: rgba(193, 193, 198, 0.6544);
    --sk-tile-button-icon-color: rgba(0, 0, 0, 0.56);
    --sk-tile-button-icon-color-hover: rgba(0, 0, 0, 0.64);
    box-sizing: border-box;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: var(--sk-tile-background);
    box-shadow: var(--sk-tile-box-shadow)
}

.tile-content {
    --sk-tile-padding-large: var(--sk-tile-padding, 60px 8.3333333333%);
    --sk-tile-padding-xlarge: var(--sk-tile-padding, var(--sk-tile-padding-large));
    --sk-tile-padding-medium: var(--sk-tile-padding, var(--sk-tile-padding-large));
    --sk-tile-padding-small: var(--sk-tile-padding, var(--sk-tile-padding-large));
    --sk-tile-padding-xsmall: var(--sk-tile-padding, var(--sk-tile-padding-large));
    padding: var(--sk-tile-padding-large)
}

@media (min-width: 1441px) {
    .tile-content {
        padding: var(--sk-tile-padding-xlarge)
    }
}

@media (max-width: 1068px) {
    .tile-content {
        padding: var(--sk-tile-padding-medium)
    }
}

@media (max-width: 734px) {
    .tile-content {
        padding: var(--sk-tile-padding-small)
    }
}

@media (max-width: 480px) {
    .tile-content {
        padding: var(--sk-tile-padding-xsmall)
    }
}

.tile-button-wrapper {
    width: 44px;
    height: 44px;
    bottom: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute
}

@media (max-width: 1068px) {
    .tile-button-wrapper {
        bottom: 13px
    }
}

html:not([dir=rtl]) .tile-button-wrapper {
    right: 16px
}

@media (max-width: 1068px) {
    html:not([dir=rtl]) .tile-button-wrapper {
        right: 13px
    }
}

.tile-button-wrapper:focus-visible {
    outline: none
}

.tile-button-wrapper:focus-visible .tile-button {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset-container, 3px)
}

.tile-button {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: background-color 100ms linear;
    background: var(--sk-tile-button-background);
    color: var(--sk-tile-button-icon-color)
}

.tile-button:hover {
    background: var(--sk-tile-button-background-hover);
    color: var(--sk-tile-button-icon-color-hover)
}

.tile-button:active {
    background: var(--sk-tile-button-background-active)
}

.tile-button-solid {
    --sk-tile-button-icon-color: rgba(0, 0, 0, 0.56);
    --sk-tile-button-icon-color-hover: rgba(0, 0, 0, 0.64);
    --sk-tile-button-background: rgb(232, 232, 237);
    --sk-tile-button-background-hover: #ececf0;
    --sk-tile-button-background-active: #dfdfe4
}

.tile-button-high-contrast {
    --sk-tile-button-icon-color: rgb(255, 255, 255);
    --sk-tile-button-icon-color-hover: rgb(255, 255, 255);
    --sk-tile-button-background: rgb(29, 29, 31);
    --sk-tile-button-background-hover: #272729;
    --sk-tile-button-background-active: #18181A
}

.tile-icon {
    fill: currentColor;
    position: absolute;
    inset-inline-start: 50%;
    width: 20px;
    height: 20px
}

html:not([dir=rtl]) .tile-icon {
    transform: translateX(-50%)
}

.tile-rounded {
    --sk-tile-border-radius-large: var(--sk-tile-border-radius, 18px);
    --sk-tile-border-radius-xlarge: var(--sk-tile-border-radius, var(--sk-tile-border-radius-large));
    --sk-tile-border-radius-medium: var(--sk-tile-border-radius, var(--sk-tile-border-radius-large));
    --sk-tile-border-radius-small: var(--sk-tile-border-radius, var(--sk-tile-border-radius-large));
    --sk-tile-border-radius-xsmall: var(--sk-tile-border-radius, var(--sk-tile-border-radius-large));
    border-radius: var(--sk-tile-border-radius-large)
}

@media (min-width: 1441px) {
    .tile-rounded {
        border-radius: var(--sk-tile-border-radius-xlarge)
    }
}

@media (max-width: 1068px) {
    .tile-rounded {
        border-radius: var(--sk-tile-border-radius-medium)
    }
}

@media (max-width: 734px) {
    .tile-rounded {
        border-radius: var(--sk-tile-border-radius-small);
        overflow: hidden;
    }

}

@media (max-width: 480px) {
    .tile-rounded {
        border-radius: var(--sk-tile-border-radius-xsmall)
    }
}

.tile-shadow {
    --sk-tile-box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.08)
}

.tile-dark {
    --sk-tile-background: rgb(0, 0, 0);
    --sk-tile-button-icon-color: rgba(255, 255, 255, 0.8);
    --sk-tile-button-background: rgba(66, 66, 69, 0.72);
    --sk-tile-button-icon-color-hover: rgb(255, 255, 255);
    --sk-tile-button-background-hover: rgba(73, 73, 76, 0.7256);
    --sk-tile-button-background-active: rgba(57, 57, 60, 0.7424)
}

.theme-dark .tile-button-solid,
.tile-dark .tile-button-solid {
    --sk-tile-button-icon-color: rgba(255, 255, 255, 0.8);
    --sk-tile-button-background: rgb(51, 51, 54);
    --sk-tile-button-icon-color-hover: rgb(255, 255, 255);
    --sk-tile-button-background-hover: #37373a;
    --sk-tile-button-background-active: #2f2f32
}

.theme-dark .tile-button-high-contrast,
.tile-dark .tile-button-high-contrast {
    --sk-tile-button-icon-color: rgb(0, 0, 0);
    --sk-tile-button-icon-color-hover: rgb(0, 0, 0);
    --sk-tile-button-background: rgb(245, 245, 247);
    --sk-tile-button-background-hover: rgb(255, 255, 255);
    --sk-tile-button-background-active: #EDEDF2
}

.theme-light .tile.tile-dark {
    --sk-tile-background: rgb(0, 0, 0);
    --sk-tile-button-icon-color: rgba(255, 255, 255, 0.8);
    --sk-tile-button-background: rgba(66, 66, 69, 0.72);
    --sk-tile-button-icon-color-hover: rgb(255, 255, 255);
    --sk-tile-button-background-hover: rgba(73, 73, 76, 0.7256);
    --sk-tile-button-background-active: rgba(57, 57, 60, 0.7424)
}

.tile-light {
    --sk-tile-background: rgb(255, 255, 255);
    --sk-tile-button-icon-color: rgba(0, 0, 0, 0.56);
    --sk-tile-button-background: rgba(210, 210, 215, 0.64);
    --sk-tile-button-icon-color-hover: rgba(0, 0, 0, 0.64);
    --sk-tile-button-background-hover: rgba(223, 223, 227, 0.6976);
    --sk-tile-button-background-active: rgba(193, 193, 198, 0.6544)
}

.tile-light .tile-button-high-contrast {
    --sk-tile-button-icon-color: rgb(255, 255, 255);
    --sk-tile-button-icon-color-hover: rgb(255, 255, 255);
    --sk-tile-button-background: rgb(29, 29, 31);
    --sk-tile-button-background-hover: #272729;
    --sk-tile-button-background-active: #18181A
}

.theme-dark .tile.tile-light {
    --sk-tile-background: rgb(255, 255, 255);
    --sk-tile-button-icon-color: rgba(0, 0, 0, 0.56);
    --sk-tile-button-background: rgba(210, 210, 215, 0.64);
    --sk-tile-button-icon-color-hover: rgba(0, 0, 0, 0.64);
    --sk-tile-button-background-hover: rgba(223, 223, 227, 0.6976);
    --sk-tile-button-background-active: rgba(193, 193, 198, 0.6544)
}


.ac-localnav-overlap #ac-localnav {
    opacity: 0;
    margin-bottom: 0;
}

#ac-localnav {
    /* height: 104px; */
}

#ac-localnav {
    height: 0px;
}

#ac-localnav div.ac-ln-second-content {
    opacity: 1;
    /* margin-top: 52px; */
    width: 100%;
    background-color: rgba(255, 255, 255);
    position: fixed;
    top: 52px;
    height: 70px;
    /* -webkit-backdrop-filter: saturate(180%) blur(20px); */
    /* backdrop-filter: saturate(180%) blur(20px); */
}

#ac-localnav div.ac-ln-second-content .ac-nav-responsive {
    max-width: 1680px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width: 1068px) {
    #ac-localnav div.ac-ln-second-content {
        top: 48px;
    }
}

#ac-localnav div.ac-ln-second-content .ac-ln-title a {
    font-size: 17px;
    /* transition: 0.4s all ease-in-out; */
    padding: 10px 22px;
    display: block;
    border-radius: 22px;
    background: #E8E8ED;
}

#ac-localnav div.ac-ln-second-content .ac-ln-title a.active {
    background-color: #000;
    color: #E8E8ED;
}


@media screen and (max-width: 734px) {
    .ac-ln-second-content {
        top: 48px;
    }

    #ac-localnav div.ac-ln-second-content {
        justify-content: center;
    }

    #ac-localnav div.ac-ln-second-content .ac-ln-title a {
        font-size: 12px;
        font-weight: normal;
    }

    #ac-localnav div.ac-ln-second-content .ac-ln-title {}
}

#ac-localnav .ac-ln-second-content .ac-ln-title {
    line-height: 1.4;
    margin-left: 10px;
}

#ac-localnav .ac-ln-second-content .ac-ln-title:first-of-type {
    margin-left: 0px;

}

@media screen and (max-width: 734px) {
    #ac-localnav .ac-ln-second-content .ac-ln-title {
        line-height: 1.8;
    }
}

#ac-localnav .ac-ln-second-content a.cta-privacy.active {
    color: #F5F5F7;
    padding: 12px 0 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    opacity: 1;
}

#ac-localnav .ac-ln-second-content a.cta-compare.active {
    color: #F5F5F7;
    padding: 12px 0 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    opacity: 1;
}


.typography-hero-headline {
    font-size: 72px;
    line-height: 1.0555555556;
    font-weight: 600;
    letter-spacing: -0.012em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-hero-headline:lang(zh) {
    line-height: 1.0875;
    letter-spacing: 0em
}

.typography-hero-headline:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-hero-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-hero-headline:lang(zh) {
        letter-spacing: 0em
    }

    .typography-hero-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media only screen and (max-width: 734px) {
    .typography-hero-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-hero-headline:lang(zh) {
        letter-spacing: 0em
    }

    .typography-hero-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.high-light,
h4.high-light {
    color: #007aff;

}

.typography-card-headline {
    font-size: 24px;
    color: #007aff;
    letter-spacing: 0.17px;
    line-height: 28px;
    font-weight: 600;
}

@media (max-width: 734px) {
    .typography-card-headline {
        font-size: 28px;
        letter-spacing: 0.26px;
        line-height: 24px;
    }
}

.typography-card-copy {
    font-size: 17px;
    color: #1D1D1F;
    letter-spacing: 0.21px;
    line-height: 21px;
    font-weight: 400;
}

@media (max-width: 734px) {
    .typography-eyebrow {
        font-size: 19px;
        letter-spacing: 0.23px;
        line-height: 23px;
        font-weight: 600;
    }
}

.gallery .tile.tile-background-dark .tile-contents .tile-header .card-headline {
    color: #007aff;
}

.gallery .tile.tile-background-dark .tile-contents .tile-header .card-copy {
    color: #F5F5F7;
}

.gallery .tile.tile-background-dark .tile-contents,
.gallery .tile.tile-black .tile-contents {
    background-color: #242426;
}

.feature-card-animation {
    position: relative;
    display: block;
    text-decoration: none !important;
}

.feature-card-animation-icon {
    position: absolute;
    bottom: var(--trigger-offset-block);
    right: var(--trigger-offset-inline);
    --trigger-offset-inline: 20px;
    --trigger-offset-block: 20px
}

@media (max-width: 734px) {
    .feature-card-animation-icon {
        --trigger-offset-inline: 16px;
        --trigger-offset-block: 14px
    }
}

.feature-card-animation-icon .svg-play-filled {
    --size: 36px
}

@media (max-width: 734px) {
    .feature-card-animation-icon .svg-play-filled {
        --size: 24px
    }
}

.feature-card-animation-icon .svg-play-filled path:first-child {
    fill: #fff
}
.feature-card-animation-icon .svg-play-filled.svg-play-background-dark path:first-child {
    fill: #000
}

.svg-play-filled.opacity {
    opacity: 0.6;
}

.feature-card-animation-icon .svg {
    display: block;
    width: var(--size);
    height: var(--size)
}

.password-header .sticky-wrap,
.lock-header .sticky-wrap,
.stolen-header .sticky-wrap,
.faceid-header .sticky-wrap {
    height: auto;
}

.password-header .sticky-wrap .sticky-content,
.lock-header .sticky-wrap .sticky-content,
.stolen-header .sticky-wrap .sticky-content,
.faceid-header .sticky-wrap .sticky-content {
    position: sticky;
    top: 0;
    overflow: hidden;
    height: 700px;
    z-index: 0;
    overflow: hidden;
    max-width: 980px;
    margin-inline-start: auto;
    margin-inline-end: auto;

}


.chapternav-link {
    font-size: 19px;
    padding: 9px 15px;
    display: block;
    border-radius: 0;
    background: none;
    font-weight: 600
}

@media (max-width: 734px) {
    .chapternav-link {
        font-size: 14px;
        padding: 0px 10px;
        display: block;
        border-radius: 22px;
        background: none;
        font-weight: 400
    }
}

.chapternav-wrapper {
    /* background-color: #FAFAFC; */
}

.chapternav-label {
    font-size: 17px;
    line-height: 1.2105263158;
    font-weight: 600;
    letter-spacing: .012em;
}

@media (max-width: 734px) {
    .chapternav-label {
        font-size: 14px;
        line-height: 36px;
    }
}


.chapternav-item {
    padding: 0;
}

.chapternav-item {
    margin-left: 10px;
}

.chapternav-item:first-child {
    margin-left: 0;
}

.chapternav {
    --chapternav-height: 52px;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
     -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter:saturate(180%) blur(20px);
    background-color: rgba(250, 250, 252, 0.8);
}

@media (max-width: 734px) {
    .chapternav {
        --chapternav-height: 48px;
    }
}

.chapternav-item .chapternav-link.current {
    color: #1d1d1f;
    /* background-color: #000; */ 
}
.chapternav-item .chapternav-link:focus {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}


#ac-localnav .ac-ln-wrapper {
    top: -100px;
    opacity: 0;
    transition: all 0.3s linear;
}
#ac-localnav .ac-ln-wrapper.show {
    top: 0;
    opacity: 1;
}


.chapternav {
    position: fixed;
    opacity: 0;
    top: -48px;
    transition: all 0.3s linear;
}

.chapternav.show {
    opacity: 1;
    top: 52px;
}

@media (max-width:1068px) {
       .chapternav.show {
    top: 48px;
}
}

.chapternav-paddle-right,
.chapternav-paddle-left {
    /* background-color: rgba(255, 255, 255, 0.9); */
}

@media (max-width: 734px) {
    .chapternav {
        backdrop-filter: saturate(180%) blur(20px);
    }
    .chapternav.show {
        opacity: 1;
        top: 48px;
    }

    .chapternav-paddle {
        width: 24px;
    }

    html:not([dir=rtl]) .chapternav-items {
        margin-inline: 24px;
    }
}

@media (max-width: 734px) {
    span.headline-center-s {
        position: absolute;
    }
    .chapternav-items {
        padding-block: 5px;
    }
}

.section-gallery-small {
    width: 87.5vw;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.small-show {
    display: none;
}

@media (max-width: 734px) {
    .small-show {
        display: block;
    }
}

@media (max-width:734px) {
    .fullcard-video-small video {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .section-gallery-small {
        /* margin-top: -25vh; */
    }
    .lockhidden-gallery {
        /* margin-top: -17vh; */
    }
    .faceid-gallery {
        /* margin-top: -15vh; */
    }

    .section-gallery-small .small-items {
        margin-top: 20px;
    }

    .section-gallery-small .small-items:first-of-type {
        margin-top: 0;
    }

    .small-items .tile-header {
        padding: 40px;
    }

    .section-gallery-small.gallery .feature-card, .gallery .tile .tile-contents {
        min-height: 620px;
    }

    .section-gallery-small.gallery .fullcard-video-small .feature-card {
        min-height: 320px;
    }

    .section-gallery-small.gallery.gallery .feature-card {
        width: 100%;
    }

    .section-gallery-small.gallery .feature-card.tile-passkeys, .section-gallery-small.gallery .feature-card.tile-passkeys .tile-contents{
        min-height: 520px;
    }

    .section-gallery-small.gallery .feature-card.tile-hide-app,
    .section-gallery-small.gallery .feature-card.tile-how-to-use,
    .section-gallery-small.gallery .feature-card.tile-set-up {
        min-height: 620px;
    }

    .section-gallery-small.gallery .feature-card.tile-stolen-devices-protection-account {
        min-height: 680px;
    }

    .section-gallery-small.gallery .feature-card.tile-lock-app, .section-gallery-small.gallery .feature-card.tile-lock-app .tile-contents{
        min-height: 520px;
    }
    .section-gallery-small.gallery .feature-card.tile-turn-on, .section-gallery-small.gallery .feature-card.tile-turn-on .tile-contents, .section-gallery-small.gallery .feature-card.tile-technology, .section-gallery-small.gallery .feature-card.tile-technology .tile-contents, .section-gallery-small.gallery .feature-card.tile-recognizes, .section-gallery-small.gallery .feature-card.tile-recognizes .tile-contents{
        min-height: 520px;
    }
    .section-gallery-small.gallery .feature-card.tile-management{
        min-height: 520px;
    }
    .section-gallery-small.gallery .feature-card.tile-easily-share{
        min-height: 525px;
    }
    .section-gallery-small.gallery.gallery .feature-card.tile-background-dark {
        background-color: #242426;
    }

    .section-hero .hero-bgimage img {
        width: 100%;
        object-fit: cover;
    }

    .small-items .main-image.fullbgImage {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .small-items .main-image.fullbgImage picture img {
        object-position: center;
    }

    .typography-section-header-headline {
        font-size: 28px;
        color: #1D1D1F;
    }

}
@media (max-width: 480px) {
    .tile-rounded {
        border-radius: 28px;
    }

    .section-gallery-small.gallery .feature-card,
    .gallery .tile .tile-contents {
        min-height: 562px;
    }

    .section-gallery-small.gallery .fullcard-video-small .feature-card {
        min-height: 180px;
    }

    .section-gallery-small.gallery .feature-card.feature-card-first.tile {
        height: 210px;
        --tile-media-height: 210px;
    }
    .section-gallery-small.gallery .feature-card.feature-card-first.tile .tile-contents{
        min-height: 210px;
    }
    .section-gallery-small.gallery .feature-card.tile-management {
        min-height: 472px;
    }
    .section-gallery-small.gallery .feature-card.tile-easily-share {
        min-height: 476px;
    }
    .section-gallery-small.gallery .feature-card.tile-hide-app {
        min-height: 562px;
    }
    .section-gallery-small.gallery .feature-card.tile-how-to-use, .section-gallery-small.gallery .feature-card.tile-how-to-use .tile-contents.tile-full-bleed{
        min-height: 500px;
    }
    .section-gallery-small.gallery .feature-card.tile-set-up {
        min-height: 562px;
    }
    .section-gallery-small.gallery .feature-card.tile-stolen-devices-protection-account {
        /* min-height: 617px; */
        min-height: 600px;
    }
    .section-gallery-small.gallery .feature-card.tile-passkeys, .section-gallery-small.gallery .feature-card.tile-passkeys .tile-contents, .section-gallery-small.gallery .feature-card.tile-lock-app, .section-gallery-small.gallery .feature-card.tile-lock-app .tile-contents, .section-gallery-small.gallery .feature-card.tile-turn-on, .section-gallery-small.gallery .feature-card.tile-turn-on .tile-contents, .section-gallery-small.gallery .feature-card.tile-technology, .section-gallery-small.gallery .feature-card.tile-technology .tile-contents, .section-gallery-small.gallery .feature-card.tile-recognizes, .section-gallery-small.gallery .feature-card.tile-recognizes .tile-contents {
        min-height: 440px;
    }
    .section-gallery-small {
        /* margin-top: -30vh; */
    }
      .lockhidden-gallery {
        margin-top: 0px;
    }
    .faceid-gallery {
        margin-top: 0px;
    }
    .stolen-gallery {
        margin-top: -60px;
    }
    .password-gallery {
        margin-top: -60px;
    }
}

@media (max-width:380px) {
          .lockhidden-gallery {
        margin-top: -80px;
    }
    .faceid-gallery {
        margin-top: -80px;
    }
    .stolen-gallery {
        margin-top: -120px;
    }
    .password-gallery {
        margin-top: -120px;
    }
}
@media (max-width: 400px) {
    .section-gallery-small.gallery .feature-card.feature-card-first.tile {
        height: 180px;
        --tile-media-height: 180px;
    }
    .section-gallery-small.gallery .feature-card.feature-card-first.tile .tile-contents{
        min-height: 180px;
    }
}

@media (min-width: 1068px) and (min-height: 900px) {
    .section-password {
        margin-top: -6vh;
    }
}
@media (min-width: 1068px) and (min-height: 950px) {
    .section-password {
        margin-top: -9vh;
    }
}
@media (min-width: 1068px) and (min-height: 1100px) {
    .section-password {
        margin-top: -22vh;
    }
}
@media (min-width: 1068px) and (min-height: 1199px) {
    .section-password {
        margin-top: -26vh;
    }
}
@media (min-width: 1068px) and (min-height: 1300px) {
    .section-password {
        margin-top: -30vh;
    }
}
@media (min-width: 1068px) and (min-height: 1500px) {
    .section-password {
        margin-top: -38vh;
    }
}

@media (min-width: 1068px) and (max-height: 899px) {
    .section-password {
        margin-top: 5vh;
    }
}
@media (min-width: 1068px) and (min-height: 601px) and (max-height: 700px) {
    .section-password {
        margin-top: 20vh;
    }
}
@media (min-width: 1068px) and (min-height: 300px) and (max-height: 600px) {
    .section-password {
        margin-top: 46vh;
    }
}
@media (max-width:380px) and (max-height: 700px) {
    .section-gallery-small {
        /* margin-top: -15vh; */
    }
}


@media (max-width: 734px) {
    .section-password {
        margin-top: -10vh;
    }

    .section-lock {
        margin-top: -12vh;
    }

    .section-stolen {
        margin-top: -10vh;
    }

    .section-faceid {
        margin-top: -14vh;
    }
}

.section-tradein-content .copy-eyebrow.typography-ps-body-reduced {
    width: 300px;
    text-align: center;
}
@media (max-width:1068px) {
    .section-tradein-content .copy-eyebrow.typography-ps-body-reduced {
        width: 326px;
    }
}
@media (max-width:734px) {
    .section-tradein-content .copy-eyebrow.typography-ps-body-reduced {
        width: 274px;
    }
}

.section-tradein-content .viewport-content {
    max-width: 980px;
}

     html.enhanced .section.section-switch-content {
        padding-bottom: 240px;
     }


@media (min-width:1068px) {
    .section-content-responsive {   
        max-width: 980px;
        }
    .viewport-content {
        width: 980px;
    }
    html.enhanced .section.section-tradein-content {
        padding-top: 85px;
    }
}

@media (max-width:734px) {
    .gallery.password, .gallery.lockhidden,.gallery.stolen, .gallery.faceid {
    margin-top: -25vh;
}
    
}

.media-wrap {
    width: 540px;
    height: 450px;
    position: relative;

}
.media-wrap video {
    width: 540px;
    height: 450px;
    mix-blend-mode: multiply;

}

.media-wrap .start-frame,.media-wrap .end-frame  {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
} 

.media-wrap .end-frame  {
    opacity: 0;
} 

html.no-js .media-wrap .end-frame {
    opacity: 1;
}

html.macos .image-password-video, html.macos .image-lock-video, html.macos .image-stolen-video, html.macos .image-faceid-video {
    display: none;
}

html.no-macos .image-password-video, html.no-macos .image-lock-video, html.no-macos .image-stolen-video, html.no-macos .image-faceid-video {
    display: block;
}

html.no-macos .media-wrap .end-frame, html.no-macos .media-wrap .start-frame, html.no-macos .media-wrap video {
    display: none;
}

html.macos .media-wrap .end-frame, html.macos .media-wrap .start-frame, html.macos .media-wrap video {
    display: block;
}



.image-password-video-startframe, .image-lock-video-startframe, .image-stolen-video-startframe, .image-faceid-video-startframe, .image-password-video, .image-lock-video, .image-stolen-video, .image-faceid-video {
    width: 540px;
    height: 450px;
}

.no-js .image-password-video, .no-js .image-lock-video, .no-js .image-stolen-video, .no-js .image-faceid-video {
    display: none;
}
 html.enhanced .section.section-faceid {
        padding-bottom: 240px;
     }


@media (max-width:734px) {
    .image-password-video-startframe, .image-lock-video-startframe, .image-stolen-video-startframe, .image-faceid-video-startframe, .image-password-video, .image-lock-video, .image-stolen-video, .image-faceid-video {
        width: 300px;
        height: 480px;
    }
    .media-wrap {
        width: 300px;
        height: 480px;
        position: relative;
        padding-left: 20px;
        margin-top: 10vh;
    }
    .media-wrap video {
        width: 300px;
        height: 480px;
        mix-blend-mode: normal;
    }
    .frame-start img, .frame-static img {
        object-fit: cover;
    }
    html.enhanced .section.section-faceid {
        padding-bottom: 0;
    }
     html.enhanced .section.section-switch-content {
        padding-bottom: 170px;
        padding-top: 100px;
     }
     .media-wrap .start-frame,.media-wrap .end-frame  {
    left: 20px;
} 
}


@media (max-width:380px) {
     .image-password-video-startframe, .image-lock-video-startframe, .image-stolen-video-startframe, .image-faceid-video-startframe {
        width: 220px;
        height: 350px;
    } 
    .media-wrap {
        width: 220px;
        height: 350px;
        position: relative;
    } 
    .media-wrap video {
        width: 220px;
        height: 350px;
        mix-blend-mode: normal;
    } 

}

.media-wrap.loaded .start-frame, .media-wrap.loaded .end-frame {
    opacity: 0;
} 

.main {
    background-color: #F3F3F7;
}
.touch.ios.safari .main {
    background-color: #F1F1F5;
    /*background-color: rgb(241, 240, 245);*/
}

html.ipados .main {
    background-color: #F1F1F5;
}

.fw600 {
    font-weight: 600;
}

.android #lock-hide-how-to-use,
.android #stolen-devices-protection-turn-on, 
.android #face-id-set-up,
.section-switch-content, 
.android .section-tradein-content, 
.android .gallery-item-upgrade-program {
    display: none;
}
.android .android-show, .android .section-switch-content {
    display: block;
}
.android .android-hide, .android-show {
    display: none;
}




@media (min-width:734px) {

.gallery.password {
    margin-top: -115px;
}

.gallery.lockhidden {
    margin-top: -40px;
}

.gallery.stolen {
    margin-top: -115px;
}

.gallery.faceid {
    margin-top: -40px;
}



   .section-lock.no-pad {
    padding-top: 44px;
   }
    .section-stolen.no-pad {
    padding-top: 60px;
   }
       .section-faceid.no-pad-top {
    padding-top: 55px;
   }

   .password-sticky-content .copy-1 {
    padding-bottom: 160px;
   }
}

a {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0,0,0,0); /* 兼容旧版本 */
}


@media (min-width:1068px) {
       .section-lock.no-pad {
    padding-top: 70px;
   }
    .section-stolen.no-pad {
    padding-top: 80px;
   }
       .section-faceid.no-pad-top {
    padding-top: 75px;
   }


   .gallery.password {
    margin-top: -85px;
}

.gallery.lockhidden {
    margin-top: -15px;
}

.gallery.stolen {
    margin-top: -85px;
}

.gallery.faceid {
    margin-top: -10px;
}
   .password-sticky-content .copy-1 {
    padding-bottom: 160px;
   }
}

@media (max-width:380px) {
.media-wrap {
    margin-top: 0vh;
    }
}
@media (min-width:1069px) {
    .media-wrap {
        margin-top: 30px;
    }
}

@media (max-width:1068px) and (orientation: portrait) and (min-width: 734px) {
    .section-password {
      margin-top: -30vh;
    }
}

@media (max-width:1068px) and (orientation: portrait) and (min-width: 734px) and (max-height:1025px) {
    .section-password {
      margin-top: -20vh;
    }
}

/*html.enhanced .section.section-main-content{
    padding-bottom: var(--global-section-padding);
}*/
.section-switch-content .gallery .feature-card {
    width: 400px;
    height: 480px;
    min-height: 480px;
}

@media (max-width: 1068px) {
    .section-switch-content .gallery .feature-card {
        width: 400px;
        height: 480px;
        min-height: 480px;
    }
}
@media (max-width: 480px) {
    .section-switch-content .gallery .feature-card {
        /* width: 260px;
        height: 430px; */
        width: 290px;
        height: 340px;
        min-height: 340px;
    }
}
.section-switch-content .scroll-container ul.card-set li{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    border-radius: 28px;
}
.section-switch-content .card-cta-modal-button, #scroll-gallery-incentive .card-cta-modal-button {
    --global-card-corner-radius: 28px;
    position: absolute;
    inset: 0px;
    cursor: pointer;
    border-radius: var(--global-card-corner-radius);
    z-index: 1;
    width: 100%;
    height: 100%;
}
.section-switch-content .feature-card .typography-feature-card-label { 
    font-size: 14px; 
    color: rgb(110, 110, 114); 
    letter-spacing: -0.22px; 
    line-height: 18px; 
    font-weight: 600; 
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.section-switch-content .feature-card .typography-card-headline { 
    font-size: 28px; 
    color: rgb(29, 29, 31); 
    letter-spacing: 0.2px; 
    line-height: 36px; 
    font-weight: 600; 
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 8px;
}
@media (max-width: 480px) {
    .section-switch-content .feature-card .typography-card-headline { 
        font-size: 21px;
        color: rgb(29, 29, 31);
        letter-spacing: 0.231px;
        line-height: 1.33;
        font-weight: 600;
    }
}
.section-switch-content .gallery .tile .card-copy .footnote a {
    text-decoration: underline;
}
.section.background-alt{
    background-color: #fff;
}

.section-tradein-content .tile.tile-rounded{
    background-color: #f5f5f7;
    border-radius: 28px;
}
.tradein-content{
    height: 450px;
}
@media only screen and (max-width: 1068px) {
    .tradein-content{
        height: 620px;
    }
}
@media only screen and (max-width: 734px) {
    .tradein-content{
        height: 516px;
    }
}
.trade-in-copy-content{
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trade-in-copy-content .logo-trade-in {
    text-align: center;
    padding-top:47px
}

@media only screen and (max-width: 1068px) {
    .trade-in-copy-content .logo-trade-in {
        padding-top:53px
    }
}

@media only screen and (max-width: 734px) {
    .trade-in-copy-content .logo-trade-in {
        padding-top:65px
    }
}

@media only screen and (min-width: 1069px) and (min-height: 776px) {
    .trade-in-copy-content .logo-trade-in {
        padding-top:55px
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) and (min-height: 734px) {
    .trade-in-copy-content .logo-trade-in {
        padding-top: 61px
    }
}
.trade-in-copy-content .typography-ps-body-reduced{
    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    line-height: 1.25;
    margin-top: 10px;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: .007em;
}
@media only screen and (max-width: 1068px) {
    .trade-in-copy-content .typography-ps-body-reduced{
        line-height: 1.29167;
        font-size: 24px;
        letter-spacing: .009em;
    }
}
@media only screen and (max-width: 734px) {
    .trade-in-copy-content .typography-ps-body-reduced{
        line-height: 1.36844;
        font-size: 19px;
        letter-spacing: .012em;
        margin-top: 16px;
    }
}

.trade-in-copy-content .callout{
    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    line-height: 1.36844;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .012em;
    color: #6e6e73;
    margin-top: 10px;
}
@media only screen and (max-width: 1068px) {
    .trade-in-copy-content .callout{
        line-height: 1.35296;
        font-size: 17px;
        letter-spacing: 0em;
    }  
}
@media only screen and (max-width: 734px) {
    .trade-in-copy-content .callout{
        line-height: 1.35718;
        font-size: 14px;
        margin-top: 10px;
    }  
}

.trade-in-copy-content .button{
    margin-top: 14px;
    font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    letter-spacing: 0em;
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
}
@media only screen and (max-width: 1068px) {
   .trade-in-copy-content .button{
        margin-top: 18px;
    } 
}
@media only screen and (max-width: 734px) {
   .trade-in-copy-content .button{
        margin-top: 16px;
        line-height: 1.5;
        letter-spacing: 0em;
        font-size: 14px;
    } 
}
.overview-image-iphone-tradein {
    width: 1261px;
    height: 450px;
    background-size: 1261px 450px;
    background-repeat: no-repeat;
    background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_large.png)
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .overview-image-iphone-tradein {
        background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_large_2x.png)
    }
}
/*@media only screen and (min-width: 1441px) {
    .overview-image-iphone-tradein {
        width: 1680px;
        height: 580px;
        background-size: 1680px 580px;
        background-repeat: no-repeat;
        background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_xlarge.png)
    }
}

@media only screen and (min-width: 1441px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1441px) and (min-resolution: 1.5dppx), only screen and (min-width: 1441px) and (min-resolution: 144dpi) {
    .overview-image-iphone-tradein {
        background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_xlarge_2x.png)
    }
}*/
@media only screen and (max-width: 1068px) {
    .overview-image-iphone-tradein {
        width: 934px;
        height: 620px;
        background-size: 934px 620px;
        background-repeat: no-repeat;
        background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_medium.png)
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .overview-image-iphone-tradein {
        background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_medium_2x.png)
    }
}

@media only screen and (max-width: 734px) {
    .overview-image-iphone-tradein {
        width: 642px;
        height: 516px;
        background-size: 642px 516px;
        background-repeat: no-repeat;
        background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_small.png)
    }
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .overview-image-iphone-tradein {
        background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_small_2x.png)
    }
}
@media only screen and (max-width: 480px) {
    .overview-image-iphone-tradein {
        width: 440px;
        height: 516px;
        background-size: 440px 516px;
        background-repeat: no-repeat;
        background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_xsmall.png)
    }
}

@media only screen and (max-width: 480px) and (min-resolution: 1.5dppx), only screen and (max-width: 480px) and (min-resolution: 144dpi) {
    .overview-image-iphone-tradein {
        background-image:url(/iphone/privacy/images/overview-2025/tradein/trade_in_image__czridreodhoy_xsmall_2x.png)
    }
}

.overview-image-iphone-tradein.bg-image {
    position: absolute;
    border: 0;
    margin: 0;
    padding: 0;
    left: calc(50% + 0px);
    right: auto;
    bottom: 0px;
    top: auto;
    -webkit-transform: translatex(-50%);
    transform:translatex(-50%)
}

.section-more-features-content .gallery .feature-card{
    width: 372px;
    min-height: 526px;
    height: 526px;
}
@media only screen and (max-width: 480px) {
    .section-more-features-content .gallery .feature-card{
        width: 290px;
        min-height: 410px;
        height: 410px;
    }
}
@media only screen and (max-width: 480px) {
    .section-more-features-content .gallery .tile .tile-contents{
        min-height: 410px;
    }
}

.section-more-features-content .feature-card-animation-icon .svg-play-filled{
    --size: 36px;
}
.section-more-features-content .gallery .tile{
    --tile-media-height: 526px;
}
@media only screen and (max-width: 1068px) {
    .section-more-features-content .gallery .tile{
        --tile-media-height: 526px;
    }
}
@media only screen and (max-width: 480px) {
    .section-more-features-content .gallery .tile{
        --tile-media-height: 410px;
    }
}


/* why apple */
.icon-card {
    position: relative;
    height:100%
}

.icon-card .icon-container {
    padding-bottom:19px;
    height: 39px;
}

.icon-card-action {
    --card-background-color: rgb(51 51 54);
    --card-hover-background-color: #37373a;
    --card-active-background-color: #2f2f32;
    --card-icon-color: rgb(255 255 255/0.8);
    --card-icon-interaction-color:rgb(255 255 255)
}

.icon-card-action a.icon, .icon-card-action a.icon:hover {
    text-decoration: none;
    cursor:pointer
}

.icon-card-action .icon {
    position: absolute;
    right: -9px;
    bottom: -9px;
    border-radius:50%
}

.icon-card-action .icon:focus-visible {
    outline-offset: var(--sk-focus-offset-container);
    outline:2px solid var(--sk-focus-color)
}

.icon-card-action .icon-wrapper {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 100ms linear, color 100ms linear;
    background-color: var(--card-background-color);
    color:var(--card-icon-color)
}

.icon-card-action .icon-wrapper:hover {
    background-color: var(--card-hover-background-color);
    color:var(--card-icon-interaction-color)
}

.icon-card-action .icon-wrapper:active {
    background-color: var(--scrim-active-background-color);
    color:var(--icon-interaction-color)
}

.icon-card-action .icon-wrapper .tile-icon {
    width: 20px;
    height:20px
}

.icon-card-action .icon-wrapper svg path {
    fill:currentcolor
}

.theme-dark .icon-card-action {
    --card-background-color: #bab9be;
    --card-hover-background-color: #ececf0;
    --card-active-background-color: #dfdfe4;
    --card-icon-color: rgb(0 0 0/0.56);
    --card-icon-interaction-color:rgb(0 0 0/0.5952)
}

.icon-card-content {
    padding-top: 14px;
    padding-bottom:30px;
    min-height: 260px;
}
@media (max-width: 1068px) {
    .icon-card-content {
        min-height: 254px;
    }
}

@media (max-width: 734px) {
    .icon-card-content {
        min-height: 226px;
    }
}

.icon-card-modal {
    background-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    --features-tile-border-radius:25px
}

@media only screen and (max-width: 1068px) {
    .icon-card-modal {
        --features-tile-border-radius:17px
    }
}

@media only screen and (max-width: 734px) {
    .icon-card-modal {
        --features-tile-border-radius:12px
    }
}

.icon-card-modal .card-button {
    display: none;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}

html:not([dir=rtl]) .icon-card-modal .card-button {
    right:0
}

html[dir=rtl] .icon-card-modal .card-button {
    left:0
}

.icon-card-modal .card-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events:none
}

.icon-card-modal .card-button-icon {
    bottom: 25px;
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height:1em
}

html:not([dir=rtl]) .icon-card-modal .card-button-icon {
    right:25px
}

html[dir=rtl] .icon-card-modal .card-button-icon {
    left:25px
}

@media only screen and (max-width: 1068px) {
    .icon-card-modal .card-button-icon {
        bottom:20px
    }

    html:not([dir=rtl]) .icon-card-modal .card-button-icon {
        right:20px
    }

    html[dir=rtl] .icon-card-modal .card-button-icon {
        left:20px
    }
}

@media only screen and (max-width: 734px) {
    .icon-card-modal .card-button-icon {
        bottom:18px
    }

    html:not([dir=rtl]) .icon-card-modal .card-button-icon {
        right:18px
    }

    html[dir=rtl] .icon-card-modal .card-button-icon {
        left:18px
    }
}

.icon-card-modal .card-button.button-close {
    width: 56px;
    height: 56px;
    bottom:8px
}

html:not([dir=rtl]) .icon-card-modal .card-button.button-close {
    right:0
}

html[dir=rtl] .icon-card-modal .card-button.button-close {
    left:0
}

@media only screen and (max-width: 1068px) {
    .icon-card-modal .card-button.button-close {
        bottom:6px
    }
}

@media only screen and (max-width: 734px) {
    .icon-card-modal .card-button.button-close {
        bottom:5px
    }
}

.icon-card-modal .card-button .icon {
    position: absolute;
    z-index: 1;
    margin-left: -2px;
    font-size: 28px;
    font-weight: 400;
    color:#1d1d1f
}

.icon-card-modal .card-button .icon:after {
    display:inline
}

.button-container .icon-card-modal-content {
    display: none;
}

.modal .modal-overlay-container .modal-content {
    display: block;
}

.icon-card-modal-content .image-container {
    padding-top: 56px;
    display: grid;
    justify-content: center;
    width:100%
}

@media only screen and (max-width: 1068px) {
    .icon-card-modal-content .image-container {
        padding-top:45px
    }
}

@media only screen and (max-width: 734px) {
    .icon-card-modal-content .image-container {
        padding-top:30px
    }
}
html.touch .modal-page-overlay .icon-card-modal-content.asa p:nth-of-type(3) {
    display:none
}

html.touch .icon-card-modal-content .image-container.asa-qr-code {
    display:none
}

@media only screen and (max-width: 734px) {
    .icon-card-modal-content h2.typography-site-modal-topic-label {
        max-width:none
    }
}

.icon-card-modal-content p.typography-site-modal-link.asa-download-link {
    display:none
}

html.touch .icon-card-modal-content p.typography-site-modal-link.asa-download-link {
    margin-top: 32px;
    display:block
}

.card.card-padding.background-alt {
    width: 312px;
}
@media only screen and (max-width: 734px) {
    .card.card-padding.background-alt {
        width: 240px;
    }   
}
.card {
    background-color: var(--global-scrim-background-color);
    border-radius:var(--global-card-corner-radius)
}

.card.card-padding {
    padding:30px
}

@media only screen and (max-width: 734px) {
    .card.full-bleed-small {
        border-radius: 0;
        padding-left: 0;
        padding-right:0
    }
}

@media only screen and (max-width: 734px) {
    .card.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width:980px
    }
}

@media only screen and (max-width: 734px) and (min-width: 1441px) {
    .card.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width:980px
    }
}

@media only screen and (max-width: 734px) and (max-width: 1068px) {
    .card.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width:692px
    }
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .card.full-bleed-small .card-viewport-content {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width:87.5%
    }
}

.theme-dark .card {
    background-color:var(--global-scrim-background-color-dark)
}

.card.background-alt {
    background-color:var(--global-scrim-background-color-alt)
}

.theme-dark .card.background-alt {
    background-color:#242427;
}


.typography-modal-header-topic-label {
    font-size: 19px;
    line-height: 1.4211026316;
    font-weight: 600;
    letter-spacing: .012em;
    font-family:SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-modal-header-topic-label:lang(zh-CN) {
    font-family:SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media (max-width: 734px) {
    .typography-modal-header-topic-label {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 600;
        letter-spacing: -0.022em;
        font-family:SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-modal-header-topic-label:lang(zh) {
        letter-spacing:0em
    }

    .typography-modal-header-topic-label:lang(zh-CN) {
        font-family:SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-modal-header-headline {
    font-size: 56px;
    line-height: 1.0714285714;
    font-weight: 600;
    letter-spacing: -0.005em;
    font-family:SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-modal-header-headline:lang(zh) {
    letter-spacing:0em
}

.typography-modal-header-headline:lang(zh-CN) {
    font-family:SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media (max-width: 1068px) {
    .typography-modal-header-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-modal-header-headline:lang(zh) {
        letter-spacing:0em
    }

    .typography-modal-header-headline:lang(zh-CN) {
        font-family:SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media (max-width: 734px) {
    .typography-modal-header-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-modal-header-headline:lang(zh-CN) {
        font-family:SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media (max-width: 480px) {
    .typography-modal-header-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-modal-header-headline:lang(zh) {
        line-height:1.21875
    }

    .typography-modal-header-headline:lang(zh-CN) {
        font-family:SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.typography-icon-card-modal-content-inline-headline {
    font-size: 19px;
    line-height: 1.4211026316;
    font-weight: 600;
    letter-spacing: .012em;
    font-family:SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.typography-icon-card-modal-content-inline-headline:lang(zh-CN) {
    font-family:SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media (max-width: 734px) {
    .typography-icon-card-modal-content-inline-headline {
        font-size: 17px;
        line-height: 1.4705882353;
        font-weight: 600;
        letter-spacing: -0.022em;
        font-family:SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .typography-icon-card-modal-content-inline-headline:lang(zh) {
        letter-spacing:0em
    }
    .typography-icon-card-modal-content-inline-headline:lang(zh-CN) {
        font-family:SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}
.modal-page-overlay:not(.modal-scrim-no-blur) {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter:blur(20px)
}

.modal-page-overlay.modal-open {
    opacity:1
}
.modal-page-overlay .modal-close-button .modal-close-icon {
    pointer-events: none;
    --scrim-background-color: rgb(51, 51, 54);
    --scrim-hover-background-color: #37373a;
    --scrim-active-background-color: #2f2f32;
    --icon-color: rgba(255, 255, 255, 0.8);
    --icon-interaction-color: rgb(255, 255, 255);
    transition: background-color 100ms linear, color 100ms linear;
    background-color: var(--scrim-background-color);
    color: var(--icon-color);
}

.modal-page-overlay .modal-close-button:hover .modal-close-icon {
    background-color: var(--scrim-hover-background-color);
    color: var(--icon-interaction-color);
}

.modal-page-overlay .modal-close-button:active .modal-close-icon {
    background-color: var(--scrim-active-background-color);
    color: var(--icon-interaction-color);
}

.card-hover {
    transition:transform .3s cubic-bezier(0, 0, 0.5, 1);
    isolation: isolate;
    cursor: pointer;
}

@media (min-width: 1441px) {
    html.no-touch .card-hover:hover {
        transform:scale(1.0148148148)
    }
}

html.no-touch .card-hover:hover {
    transform:scale(1.0161290323)
}

@media (max-width: 1068px) {
    html.no-touch .card-hover:hover {
        transform:scale(1.0174418605)
    }
}

@media (max-width: 734px) {
    html.no-touch .card-hover:hover {
        transform:scale(1.0230769231)
    }
}
.typography-card-headline:lang(zh) {
    line-height: 1.25;
}
@media (max-width: 1068px) {
    .typography-card-headline:lang(zh) {
        line-height: 28px;
        letter-spacing: 0em;
    }
}

@media (max-width: 734px) {
    .typography-card-headline:lang(zh) {
        line-height: 21px;
        letter-spacing: 0em;
    }
}

.section-incentive .gallery .feature-card { 
    height: 300px;
    padding-inline-end: 30px;
    padding-bottom: 30px;
}
@media (max-width: 734px) {
    .section-incentive .gallery .feature-card { 
        padding-bottom: 18px;
    }
}
.section-incentive .gallery .gallery-item-upgrade-program .feature-card .card-viewport-content{
    padding-inline-end: 45px;
}


html.no-safari.no-macos #lock-hide-lock-app noscript {
    opacity: 0;
    display: none;
}
html.no-safari.no-macos #lock-hide-lock-app .tile-media .inline-video.loaded video {
    opacity: 0;
}
html.no-safari.no-macos #lock-hide-lock-app .tile-media .inline-video.loaded .frame-start {
    opacity: 1;
}
html.no-safari.no-macos #lock-hide-lock-app .tile-media .inline-video.playing .frame-start {
    opacity: 0;
}
html.no-safari.no-macos #lock-hide-lock-app .tile-media .inline-video.ended .frame-start {
    opacity: 0;
}
html.no-safari.no-macos #lock-hide-lock-app .tile-media .inline-video video {
    opacity: 0;
}
html.no-safari.no-macos #lock-hide-lock-app .tile-media .inline-video.playing video {
    opacity: 1;
}


html.no-safari.no-macos #lock-hide-lock-app .tile-media .inline-video.ended video {
    opacity: 0;
}

/* @media (max-width: 734px) {
    .ac-video-player.ac-films-handheld-player.player-fullscreen.loading {
        position: fixed;
        z-index: 100;
        visibility: visible;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 1;
    }
} */

.videoLoading {
     position: fixed;
        z-index: 999;
        visibility: visible;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        opacity: 1;
        background: rgba(255, 255, 255, 0.9);
        display: none;
}

.videoLoadingContainer {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.progress-indicator-curtain.progress-indicator-light, .progress-indicator-curtain.theme-light {
    --progress-indicator-curtain-color: rgba(255, 255, 255, 0.48)
}

.progress-indicator-indeterminate {
    display: flex;
    --progress-indicator-size: 35px;
    --progress-indicator-color: rgba(0, 0, 0, 0.56)
}

.progress-indicator-indeterminate.progress-indicator-visible {
    opacity:1
}

.progress-indicator-indeterminate.progress-indicator-visible .progress-indicator-icon {
    opacity: 1;
    transition: opacity 400ms ease;
    will-change:opacity
}

.progress-indicator-indeterminate.progress-indicator-immediate .progress-indicator-icon {
    transition:none
}

.theme-dark .progress-indicator-indeterminate, .progress-indicator-indeterminate.progress-indicator.theme-dark, .progress-indicator-indeterminate.progress-indicator-dark {
    --progress-indicator-color: rgba(255, 255, 255, 0.8)
}

.progress-indicator-indeterminate.progress-indicator-light, .progress-indicator-indeterminate.theme-light {
    --progress-indicator-color: rgba(0, 0, 0, 0.56)
}

.progress-indicator-icon {
    width: var(--progress-indicator-size);
    height: var(--progress-indicator-size);
    opacity:0
}

.progress-indicator-icon .progress-indicator-spoke {
    fill: var(--progress-indicator-color);
    opacity: .2;
    animation-name: progress-indicator-animating;
    animation-direction: forward;
    animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3);
    animation-duration: .8s;
    animation-iteration-count:infinite
}

.progress-indicator-icon .progress-indicator-spoke:nth-child(0) {
    animation-delay:-0.1s
}

.progress-indicator-icon .progress-indicator-spoke:nth-child(1) {
    animation-delay:0s
}

.progress-indicator-icon .progress-indicator-spoke:nth-child(2) {
    animation-delay:.1s
}

.progress-indicator-icon .progress-indicator-spoke:nth-child(3) {
    animation-delay:.2s
}

.progress-indicator-icon .progress-indicator-spoke:nth-child(4) {
    animation-delay:.3s
}

.progress-indicator-icon .progress-indicator-spoke:nth-child(5) {
    animation-delay:.4s
}

.progress-indicator-icon .progress-indicator-spoke:nth-child(6) {
    animation-delay:.5s
}

.progress-indicator-icon .progress-indicator-spoke:nth-child(7) {
    animation-delay:.6s
}

.progress-indicator-icon .progress-indicator-spoke:nth-child(8) {
    animation-delay:.7s
}

@keyframes progress-indicator-animating {
    0% {
        opacity:1
    }

    12.5% {
        opacity:.9
    }

    25% {
        opacity:.7
    }

    37.5% {
        opacity:.6
    }

    50% {
        opacity:.4
    }

    62.5% {
        opacity:.3
    }

    75% {
        opacity:.2
    }

    87.5% {
        opacity:.13
    }
}

.progress-indicator-indeterminate-size-tiny {
    --progress-indicator-size: 21px
}

.progress-indicator-indeterminate-size-elevated {
    --progress-indicator-size: 55px
}

.progress-indicator-announcement {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border:0
}

.progress-indicator-target {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content:center
}