:root {
    --subsection-copy-dark: #808488;
    --subsection-copy-mid: #6c6c6c;
    --subsection-copy-light: #707070;
    --global-scrollbar-width: 0
}

.theme-light,
body {
    --aap-stagger-fast: 110;
    --aap-stagger-slow: 240;
    --aap-background-color: rgba(232, 232, 237, 0.7);
    --aap-inner-glow-color: rgba(0, 0, 0, 0.11);
    --aap-text-color: rgb(29, 29, 31);
    --aap-accent-color: rgb(0, 113, 227);
    --aap-button-hover: rgba(223, 223, 227, 0.698);
    --aap-button-active: rgba(193, 193, 198, 0.654)
}

.theme-dark {
    --aap-background-color: rgba(66, 66, 69, 0.7);
    --aap-inner-glow-color: rgba(232, 232, 237, 0.11);
    --aap-text-color: rgb(245, 245, 247);
    --aap-accent-color: rgb(0, 113, 227);
    --aap-button-hover: rgba(73, 73, 76, 0.726);
    --aap-button-active: rgba(57, 57, 60, 0.742)
}

.all-access-pass {
    --aap-min-height: 56px;
    --aap-blur: 7px;
    --aap-margin: 30px;
    --aap-close-button-margin-factor: 1.5;
    align-items: center;
    bottom: var(--aap-margin);
    display: flex;
    margin-bottom: 100px;
    margin-top: var(--aap-margin);
    pointer-events: auto;
    position: sticky;
    will-change: transform
}

html.enhanced .all-access-pass {
    margin-bottom: 0;
    position: fixed
}

html.enhanced .all-access-pass.inactive {
    pointer-events: none
}

html.enhanced .all-access-pass.inactive.absolute {
    position: absolute
}

html.enhanced .modal-closing .all-access-pass {
    display: none
}

.all-access-pass:focus {
    outline: none
}

.all-access-pass__background {
    -webkit-backdrop-filter: blur(var(--aap-blur));
    backdrop-filter: blur(var(--aap-blur));
    background-color: var(--aap-background-color);
    border-radius: 32px;
    box-shadow: inset 0 0 1px var(--aap-inner-glow-color);
    color: var(--aap-text-color);
    display: flex;
    opacity: 1;
    position: relative;
    z-index: 1
}

html.enhanced .all-access-pass__background {
    --x: 0;
    --y: 0;
    --scale: 0.01;
    --scale-x: 1;
    --scale-y: 1;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: unset;
    opacity: 0;
    transform: translate3d(var(--x), var(--y), 0) scale(var(--scale)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
    transform-origin: center center;
    will-change: transform
}

html.enhanced .all-access-pass__background.bounds-check {
    transform: none
}

.all-access-pass__container {
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9995
}

.ric-modal-content-wrapper .all-access-pass__container {
    z-index: 11002
}

.all-access-pass__global {
    --aap-margin: 30px;
    --aap-min-height: 56px;
    --aap-blur: 7px;
    --ltr: 1;
    align-items: center;
    bottom: var(--aap-margin);
    display: flex;
    justify-content: center;
    left: 50%;
    pointer-events: none;
    position: fixed;
    transform: translateX(-50%);
    will-change: transform;
    z-index: 9994
}

html[dir=rtl] .all-access-pass__global {
    --ltr: -1
}

.has-modal .all-access-pass__global {
    transform: translateX(calc(-50% - var(--global-scrollbar-width)*var(--ltr)*0.5))
}

.ric-modal-content-wrapper .all-access-pass__global {
    z-index: 11001
}

.has-modal .ric-modal-content-wrapper .all-access-pass__global {
    transform: translateX(-50%)
}

.modal-closing .ric-modal-content-wrapper .all-access-pass__global {
    display: none
}

.all-access-pass__global-container {
    align-items: flex-end;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

html.enhanced .all-access-pass__global .all-access-pass__background {
    --x: 0;
    --y: 0;
    --scale: 0;
    --scale-x: 1;
    --scale-y: 1;
    -webkit-backdrop-filter: blur(var(--aap-blur));
    backdrop-filter: blur(var(--aap-blur));
    background-color: var(--aap-background-color);
    border-radius: 32px;
    box-shadow: inset 0 0 1px var(--aap-inner-glow-color);
    color: var(--aap-text-color);
    display: flex;
    height: var(--aap-min-height);
    transform: translate3d(var(--x), var(--y), 0) scale(var(--scale)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
    transform-origin: center center;
    transition: background-color 200ms ease-out;
    width: var(--aap-min-height);
    will-change: transform;
    z-index: 1
}

html.enhanced .all-access-pass__global .all-access-pass__background:not(:first-of-type) {
    position: absolute;
    z-index: 0
}

html.enhanced .all-access-pass__global .all-access-pass__background.theme-blue {
    background-color: var(--aap-accent-color);
    box-shadow: none
}

br.large {
    display: block
}

@media(max-width:1068px) {
    br.large {
        display: none
    }
}

@media(max-width:734px) {
    br.large {
        display: none
    }
}

br.medium {
    display: none
}

@media(max-width:1068px) {
    br.medium {
        display: block
    }
}

@media(max-width:734px) {
    br.medium {
        display: none
    }
}

br.small {
    display: none
}

@media(max-width:1068px) {
    br.small {
        display: none
    }
}

@media(max-width:734px) {
    br.small {
        display: block
    }
}

.aap-base-button {
    --button-margin: 10px;
    color: var(--aap-text-color);
    border-radius: 32px;
    justify-content: space-between;
    min-height: var(--aap-min-height);
    pointer-events: auto;
    position: relative;
    text-decoration: none;
    width: 100%
}

.aap-base-button,
.aap-base-button__icon {
    align-items: center;
    box-sizing: border-box;
    display: flex
}

.aap-base-button__icon {
    background-color: var(--aap-accent-color);
    border-radius: 50px;
    height: calc(var(--aap-min-height) - var(--button-margin)*2);
    justify-content: center;
    margin-inline-end: var(--button-margin);
    padding: 9px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(var(--aap-min-height) - var(--button-margin)*2);
    will-change: transform
}

html.enhanced .aap-base-button__icon {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    transition: opacity 400ms cubic-bezier(0.3, 2, 0.5, 1) calc(var(--aap-stagger-slow)*1ms), transform 400ms cubic-bezier(0.3, 2, 0.5, 1) calc(var(--aap-stagger-slow)*1ms)
}

.inactive html.enhanced .aap-base-button__icon,
html.enhanced .inactive .aap-base-button__icon {
    opacity: 0;
    transform: translateY(-50%) scale(0.5)
}

html.enhanced .inactive .aap-base-button__icon {
    transition: opacity 200ms ease-out 0ms, transform 200ms ease-out 0ms
}

html[dir=rtl] .aap-base-button__icon {
    left: 0;
    right: auto
}

.aap-base-button__icon svg {
    height: 100%;
    width: 100%;
    left: 50%;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 200ms ease;
    fill: #fff;
    will-change: opacity
}

.aap-base-button__text {
    --offset: 16px;
    color: var(--aap-text-color);
    display: inline-block;
    margin-inline-start: 24px;
    margin-inline-end: calc(var(--aap-min-height) + var(--offset) - var(--button-margin));
    max-width: 30em;
    padding: 15px 0 16px;
    text-align: left;
    will-change: opacity
}

@media(max-width:734px) {
    .aap-base-button__text {
        max-width: calc(100vw - 126px);
        padding: 9px 0 11px
    }
}

.aap-base-button:hover .aap-base-button__icon svg {
    opacity: 1
}

.aap-base-link {
    --button-margin: 10px;
    color: var(--aap-text-color);
    border-radius: 32px;
    justify-content: space-between;
    min-height: var(--aap-min-height);
    pointer-events: auto;
    position: relative;
    text-decoration: none;
    width: 100%
}

.aap-base-link,
.aap-base-link__icon {
    align-items: center;
    box-sizing: border-box;
    display: flex
}

.aap-base-link__icon {
    background-color: var(--aap-accent-color);
    border-radius: 50px;
    height: calc(var(--aap-min-height) - var(--button-margin)*2);
    justify-content: center;
    margin-inline-end: var(--button-margin);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(var(--aap-min-height) - var(--button-margin)*2);
    will-change: transform
}

html.enhanced .aap-base-link__icon {
    opacity: 1;
    transform: translateY(-50%) scale(1);
    transition: opacity 400ms cubic-bezier(0.3, 2, 0.5, 1) calc(var(--aap-stagger-slow)*1ms), transform 400ms cubic-bezier(0.3, 2, 0.5, 1) calc(var(--aap-stagger-slow)*1ms)
}

.inactive html.enhanced .aap-base-link__icon,
html.enhanced .inactive .aap-base-link__icon {
    opacity: 0;
    transform: translateY(-50%) scale(0.5)
}

html.enhanced .inactive .aap-base-link__icon {
    transition: opacity 200ms ease-out 0ms, transform 200ms ease-out 0ms
}

html[dir=rtl] .aap-base-link__icon {
    left: 0;
    right: auto
}

.aap-base-link__icon svg {
    height: 100%;
    width: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    transition: opacity 200ms ease;
    fill: #fff;
    will-change: opacity
}

html[dir=rtl] .aap-base-link__icon svg {
    left: auto;
    right: 0;
    transform: scaleX(-1)
}

.aap-base-link__text {
    --offset: 16px;
    color: var(--aap-text-color);
    display: inline-block;
    margin-inline-start: 24px;
    margin-inline-end: calc(var(--aap-min-height) + var(--offset) - var(--button-margin));
    max-width: 30em;
    padding: 15px 0 16px;
    text-align: left;
    will-change: opacity
}

@media(max-width:734px) {
    .aap-base-link__text {
        max-width: calc(100vw - 126px);
        padding: 9px 0 11px
    }
}

.aap-base-link:hover {
    text-decoration: none
}

.aap-base-link:hover .aap-base-link__icon svg {
    opacity: 1
}

.theme-light,
body {
    --aap-icon-color: rgb(29, 29, 31);
    --aap-active-fill-color: #29292a;
    --aap-inactive-fill-color: #a1a1a2;
    --aap-dotnav-background: rgba(29, 29, 31, 0.6);
    --aap-dotnav-background-hover: rgba(0, 0, 0, 0.54)
}

.theme-dark {
    --aap-icon-color: rgb(245, 245, 247);
    --aap-active-fill-color: rgb(245, 245, 247);
    --aap-inactive-fill-color: #767677;
    --aap-dotnav-background: rgba(245, 245, 247, 0.8);
    --aap-dotnav-background-hover: rgba(255, 255, 255, 0.48)
}

.aap-media-card-gallery {
    --button-margin: 10px;
    --progress-bar-active-width: 48px;
    --animation-duration: var(--hlts-autoplay-persist-duration, 6.25s);
    --animation-timing-function: linear;
    --aap-background-transition-duration: 250ms;
    --ltr: 1;
    z-index: 1
}

@media(max-width:734px) {
    .aap-media-card-gallery {
        --progress-bar-active-width: 32px;
        max-width: calc(100vw - 40px)
    }
}

html[dir=rtl] .aap-media-card-gallery {
    --ltr: -1
}

.aap-media-card-gallery.all-access-pass::before {
    width: var(--aap-min-height)
}

html.enhanced .aap-media-card-gallery__dotnav-item {
    opacity: 1;
    transform: scale(1);
    transition: opacity 400ms cubic-bezier(0.3, 2, 0.5, 1) calc((var(--item-index) + 1)*var(--aap-stagger-fast)*1ms), transform 400ms cubic-bezier(0.3, 2, 0.5, 1) calc((var(--item-index) + 1)*var(--aap-stagger-fast)*1ms)
}

.inactive html.enhanced .aap-media-card-gallery__dotnav-item {
    opacity: 0;
    transform: scale(0.5)
}

html.enhanced .inactive .aap-media-card-gallery__dotnav-item {
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 200ms ease-out 0ms, transform 200ms ease-out 0ms
}

.aap-media-card-gallery__button {
    --animation-offset: 0
}

html.enhanced .aap-media-card-gallery__button {
    opacity: 1;
    transform: scale(1);
    transition: background-color linear 100ms, opacity 400ms cubic-bezier(0.3, 2, 0.5, 1) calc(var(--animation-offset)*var(--aap-stagger-fast)*1ms), transform 400ms cubic-bezier(0.3, 2, 0.5, 1) calc(var(--animation-offset)*var(--aap-stagger-fast)*1ms)
}

.inactive html.enhanced .aap-media-card-gallery__button {
    opacity: 0;
    transform: scale(0.5)
}

html.enhanced .inactive .aap-media-card-gallery__button {
    opacity: 0;
    transform: scale(0.5);
    transition: background-color 100ms linear, opacity 200ms ease-out 0ms, transform 200ms ease-out 0ms
}

.aap-media-card-gallery .all-access-pass__background {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    min-height: var(--aap-min-height);
    pointer-events: auto;
    position: relative
}

.aap-media-card-gallery .all-access-pass__background .dotnav {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.aap-media-card-gallery .all-access-pass__background .dotnav .dotnav-items .dotnav-item {
    --item-index: 0;
    width: auto
}

.aap-media-card-gallery .all-access-pass__background .dotnav .dotnav-items .dotnav-item .dotnav-link {
    border-radius: 10px;
    background-color: var(--aap-dotnav-background);
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.aap-media-card-gallery .all-access-pass__background .dotnav .dotnav-items .dotnav-item .dotnav-link::before {
    content: "";
    position: absolute;
    padding: var(--sk-dotnav-size);
    width: 100%;
    height: 100%
}

.aap-media-card-gallery .all-access-pass__background .dotnav .dotnav-items .dotnav-item .dotnav-link.current {
    overflow: hidden;
    cursor: default;
    background-color: var(--aap-active-fill-color)
}

.aap-media-card-gallery .all-access-pass__background .dotnav .dotnav-items .dotnav-item .dotnav-link:hover:not(.current) {
    background-color: var(--aap-dotnav-background-hover)
}

.aap-media-card-gallery .all-access-pass__background .dotnav {
    padding: 0 16px
}

.aap-media-card-gallery .all-access-pass__background .dotnav .dotnav-items {
    --dotnav-count: 0;
    --dot-width-total: calc((var(--dotnav-count) - 1)*var(--sk-dotnav-size)*3);
    --progress-width-total: calc(var(--progress-bar-active-width) + var(--sk-dotnav-size)*2);
    min-width: calc(var(--dot-width-total) + var(--progress-width-total))
}

.aap-media-card-gallery .all-access-pass__background .dotnav .dotnav-items .dotnav-item .dotnav-link {
    --item-progress: calc(var(--item-index) - var(--autoplay-progress));
    --abs-item-progress: max(var(--item-progress), -1 * var(--item-progress));
    --item-expand-amount: min((1 - var(--abs-item-progress)), 1);
    --progress-bar-delta-width: calc(var(--progress-bar-active-width) - var(--sk-dotnav-size));
    max-width: calc(var(--progress-bar-active-width));
    min-width: calc(var(--progress-bar-delta-width)*var(--item-expand-amount) + var(--sk-dotnav-size));
    transition: background-color linear var(--aap-background-transition-duration)
}

.aap-media-card-gallery .all-access-pass__background .dotnav .dotnav-items .dotnav-item .dotnav-link.current {
    background-color: var(--aap-dotnav-background)
}

.aap-media-card-gallery .all-access-pass__background .dotnav .dotnav-items .dotnav-item .dotnav-link.current::after {
    content: "";
    width: 0;
    height: 100%;
    min-width: 15%;
    margin-inline-start: -15%;
    border-radius: 10px;
    background-color: var(--aap-active-fill-color);
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    animation-name: aap-animate-progress;
    animation-duration: var(--animation-duration);
    animation-timing-function: var(--animation-timing-function);
    animation-play-state: paused;
    animation-fill-mode: forwards;
    transition: background-color linear var(--aap-background-transition-duration)
}

@keyframes aap-animate-progress {
    from {
        width: 0
    }

    to {
        width: 115%
    }
}

.aap-media-card-gallery .play-pause-button-wrapper {
    height: var(--aap-min-height);
    width: var(--aap-min-height);
    margin-inline-end: 14px
}

.aap-media-card-gallery .play-pause-button-wrapper .play-pause-button {
    height: 100%;
    width: 100%;
    pointer-events: all;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 32px
}

.aap-media-card-gallery .play-pause-button-wrapper .play-pause-button .svg-icon {
    height: 100%;
    width: 100%;
    display: none;
    fill: var(--aap-icon-color);
    transition: fill linear var(--aap-background-transition-duration)
}

.aap-media-card-gallery .play-pause-button-wrapper .play-pause-button:hover {
    background-color: var(--aap-button-hover)
}

.aap-media-card-gallery .play-pause-button-wrapper .play-pause-button:active {
    background-color: var(--aap-button-active)
}

.playing .tablist-wrapper .dotnav .dotnav-items .dotnav-item .dotnav-link.current::after {
    animation-play-state: running
}

.playing .play-pause-button .svg-icon.pause-icon {
    display: block
}

.paused .tablist-wrapper .dotnav .dotnav-items .dotnav-item .dotnav-link.current::after {
    animation-play-state: paused
}

.paused .play-pause-button .svg-icon.play-icon {
    display: block
}

.ended .tablist-wrapper .dotnav .dotnav-items .dotnav-item .dotnav-link.current::after {
    animation-play-state: paused
}

.ended .play-pause-button .svg-icon.replay-icon {
    display: block
}

[class*=pin-bottom-],
[class*=pin-center-],
[class*=pin-top-] {
    --pin-alignment-left: flex-start;
    --pin-alignment-right: flex-end
}

html[dir=rtl] [class*=pin-bottom-],
html[dir=rtl] [class*=pin-center-],
html[dir=rtl] [class*=pin-top-] {
    --pin-alignment-left: flex-end;
    --pin-alignment-right: flex-start
}

:has(>.pin-offset) {
    align-items: flex-start;
    align-content: flex-start
}

.pin-offset {
    --pin-offset-default: 0;
    --pin-offset-block: var(--pin-offset-top, var(--pin-offset-default)) var(--pin-offset-right, var(--pin-offset-default)) var(--pin-offset-bottom, var(--pin-offset-default)) var(--pin-offset-left, var(--pin-offset-default))
}

html[dir=rtl] .pin-offset {
    --pin-offset-block: var(--pin-offset-top, var(--pin-offset-default)) var(--pin-offset-left, var(--pin-offset-default)) var(--pin-offset-bottom, var(--pin-offset-default)) var(--pin-offset-right, var(--pin-offset-default))
}

.pin-top-center,
.pin-top-left,
.pin-top-right {
    align-items: flex-start;
    align-content: flex-start
}

.pin-top-center .pin-offset,
.pin-top-left .pin-offset,
.pin-top-right .pin-offset {
    --pin-offset-top: var(--pin-offset-y)
}

.pin-bottom-center,
.pin-bottom-left,
.pin-bottom-right {
    align-items: flex-end;
    align-content: flex-end
}

.pin-bottom-center .pin-offset,
.pin-bottom-left .pin-offset,
.pin-bottom-right .pin-offset {
    --pin-offset-bottom: var(--pin-offset-y)
}

.pin-center-left,
.pin-center-right {
    align-items: center;
    align-content: center
}

.pin-bottom-left,
.pin-center-left,
.pin-top-left {
    justify-content: var(--pin-alignment-left)
}

.pin-bottom-left .pin-offset,
.pin-center-left .pin-offset,
.pin-top-left .pin-offset {
    --pin-offset-left: var(--pin-offset-x)
}

.pin-bottom-right,
.pin-center-right,
.pin-top-right {
    justify-content: var(--pin-alignment-right)
}

.pin-bottom-right .pin-offset,
.pin-center-right .pin-offset,
.pin-top-right .pin-offset {
    --pin-offset-right: var(--pin-offset-x)
}

.pin-bottom-center,
.pin-center-center,
.pin-top-center {
    justify-content: center
}

.pin-center,
.pin-center-center {
    align-items: center;
    align-content: center;
    justify-content: center
}

.large-pin-top-center,
.large-pin-top-left,
.large-pin-top-right {
    align-items: flex-start;
    align-content: flex-start
}

.large-pin-top-center .pin-offset,
.large-pin-top-left .pin-offset,
.large-pin-top-right .pin-offset {
    --pin-offset-top: var(--pin-offset-y)
}

.large-pin-bottom-center,
.large-pin-bottom-left,
.large-pin-bottom-right {
    align-items: flex-end;
    align-content: flex-end
}

.large-pin-bottom-center .pin-offset,
.large-pin-bottom-left .pin-offset,
.large-pin-bottom-right .pin-offset {
    --pin-offset-bottom: var(--pin-offset-y)
}

.large-pin-center-left,
.large-pin-center-right {
    align-items: center;
    align-content: center
}

.large-pin-bottom-left,
.large-pin-center-left,
.large-pin-top-left {
    justify-content: var(--pin-alignment-left)
}

.large-pin-bottom-left .pin-offset,
.large-pin-center-left .pin-offset,
.large-pin-top-left .pin-offset {
    --pin-offset-left: var(--pin-offset-x)
}

.large-pin-bottom-right,
.large-pin-center-right,
.large-pin-top-right {
    justify-content: var(--pin-alignment-right)
}

.large-pin-bottom-right .pin-offset,
.large-pin-center-right .pin-offset,
.large-pin-top-right .pin-offset {
    --pin-offset-right: var(--pin-offset-x)
}

.large-pin-bottom-center,
.large-pin-center-center,
.large-pin-top-center {
    justify-content: center
}

.large-pin-center,
.large-pin-center-center {
    align-items: center;
    align-content: center;
    justify-content: center
}

@media(min-width:1441px) {

    .xlarge-pin-top-center,
    .xlarge-pin-top-left,
    .xlarge-pin-top-right {
        align-items: flex-start;
        align-content: flex-start
    }

    .xlarge-pin-top-center .pin-offset,
    .xlarge-pin-top-left .pin-offset,
    .xlarge-pin-top-right .pin-offset {
        --pin-offset-top: var(--pin-offset-y)
    }

    .xlarge-pin-bottom-center,
    .xlarge-pin-bottom-left,
    .xlarge-pin-bottom-right {
        align-items: flex-end;
        align-content: flex-end
    }

    .xlarge-pin-bottom-center .pin-offset,
    .xlarge-pin-bottom-left .pin-offset,
    .xlarge-pin-bottom-right .pin-offset {
        --pin-offset-bottom: var(--pin-offset-y)
    }

    .xlarge-pin-center-left,
    .xlarge-pin-center-right {
        align-items: center;
        align-content: center
    }

    .xlarge-pin-bottom-left,
    .xlarge-pin-center-left,
    .xlarge-pin-top-left {
        justify-content: var(--pin-alignment-left)
    }

    .xlarge-pin-bottom-left .pin-offset,
    .xlarge-pin-center-left .pin-offset,
    .xlarge-pin-top-left .pin-offset {
        --pin-offset-left: var(--pin-offset-x)
    }

    .xlarge-pin-bottom-right,
    .xlarge-pin-center-right,
    .xlarge-pin-top-right {
        justify-content: var(--pin-alignment-right)
    }

    .xlarge-pin-bottom-right .pin-offset,
    .xlarge-pin-center-right .pin-offset,
    .xlarge-pin-top-right .pin-offset {
        --pin-offset-right: var(--pin-offset-x)
    }

    .xlarge-pin-bottom-center,
    .xlarge-pin-center-center,
    .xlarge-pin-top-center {
        justify-content: center
    }

    .xlarge-pin-center,
    .xlarge-pin-center-center {
        align-items: center;
        align-content: center;
        justify-content: center
    }
}

@media(max-width:1068px) {

    .medium-pin-top-center,
    .medium-pin-top-left,
    .medium-pin-top-right {
        align-items: flex-start;
        align-content: flex-start
    }

    .medium-pin-top-center .pin-offset,
    .medium-pin-top-left .pin-offset,
    .medium-pin-top-right .pin-offset {
        --pin-offset-top: var(--pin-offset-y)
    }

    .medium-pin-bottom-center,
    .medium-pin-bottom-left,
    .medium-pin-bottom-right {
        align-items: flex-end;
        align-content: flex-end
    }

    .medium-pin-bottom-center .pin-offset,
    .medium-pin-bottom-left .pin-offset,
    .medium-pin-bottom-right .pin-offset {
        --pin-offset-bottom: var(--pin-offset-y)
    }

    .medium-pin-center-left,
    .medium-pin-center-right {
        align-items: center;
        align-content: center
    }

    .medium-pin-bottom-left,
    .medium-pin-center-left,
    .medium-pin-top-left {
        justify-content: var(--pin-alignment-left)
    }

    .medium-pin-bottom-left .pin-offset,
    .medium-pin-center-left .pin-offset,
    .medium-pin-top-left .pin-offset {
        --pin-offset-left: var(--pin-offset-x)
    }

    .medium-pin-bottom-right,
    .medium-pin-center-right,
    .medium-pin-top-right {
        justify-content: var(--pin-alignment-right)
    }

    .medium-pin-bottom-right .pin-offset,
    .medium-pin-center-right .pin-offset,
    .medium-pin-top-right .pin-offset {
        --pin-offset-right: var(--pin-offset-x)
    }

    .medium-pin-bottom-center,
    .medium-pin-center-center,
    .medium-pin-top-center {
        justify-content: center
    }

    .medium-pin-center,
    .medium-pin-center-center {
        align-items: center;
        align-content: center;
        justify-content: center
    }
}

@media(max-width:734px) {

    .small-pin-top-center,
    .small-pin-top-left,
    .small-pin-top-right {
        align-items: flex-start;
        align-content: flex-start
    }

    .small-pin-top-center .pin-offset,
    .small-pin-top-left .pin-offset,
    .small-pin-top-right .pin-offset {
        --pin-offset-top: var(--pin-offset-y)
    }

    .small-pin-bottom-center,
    .small-pin-bottom-left,
    .small-pin-bottom-right {
        align-items: flex-end;
        align-content: flex-end
    }

    .small-pin-bottom-center .pin-offset,
    .small-pin-bottom-left .pin-offset,
    .small-pin-bottom-right .pin-offset {
        --pin-offset-bottom: var(--pin-offset-y)
    }

    .small-pin-center-left,
    .small-pin-center-right {
        align-items: center;
        align-content: center
    }

    .small-pin-bottom-left,
    .small-pin-center-left,
    .small-pin-top-left {
        justify-content: var(--pin-alignment-left)
    }

    .small-pin-bottom-left .pin-offset,
    .small-pin-center-left .pin-offset,
    .small-pin-top-left .pin-offset {
        --pin-offset-left: var(--pin-offset-x)
    }

    .small-pin-bottom-right,
    .small-pin-center-right,
    .small-pin-top-right {
        justify-content: var(--pin-alignment-right)
    }

    .small-pin-bottom-right .pin-offset,
    .small-pin-center-right .pin-offset,
    .small-pin-top-right .pin-offset {
        --pin-offset-right: var(--pin-offset-x)
    }

    .small-pin-bottom-center,
    .small-pin-center-center,
    .small-pin-top-center {
        justify-content: center
    }

    .small-pin-center,
    .small-pin-center-center {
        align-items: center;
        align-content: center;
        justify-content: center
    }
}

@media(max-width:480px) {

    .xsmall-pin-top-center,
    .xsmall-pin-top-left,
    .xsmall-pin-top-right {
        align-items: flex-start;
        align-content: flex-start
    }

    .xsmall-pin-top-center .pin-offset,
    .xsmall-pin-top-left .pin-offset,
    .xsmall-pin-top-right .pin-offset {
        --pin-offset-top: var(--pin-offset-y)
    }

    .xsmall-pin-bottom-center,
    .xsmall-pin-bottom-left,
    .xsmall-pin-bottom-right {
        align-items: flex-end;
        align-content: flex-end
    }

    .xsmall-pin-bottom-center .pin-offset,
    .xsmall-pin-bottom-left .pin-offset,
    .xsmall-pin-bottom-right .pin-offset {
        --pin-offset-bottom: var(--pin-offset-y)
    }

    .xsmall-pin-center-left,
    .xsmall-pin-center-right {
        align-items: center;
        align-content: center
    }

    .xsmall-pin-bottom-left,
    .xsmall-pin-center-left,
    .xsmall-pin-top-left {
        justify-content: var(--pin-alignment-left)
    }

    .xsmall-pin-bottom-left .pin-offset,
    .xsmall-pin-center-left .pin-offset,
    .xsmall-pin-top-left .pin-offset {
        --pin-offset-left: var(--pin-offset-x)
    }

    .xsmall-pin-bottom-right,
    .xsmall-pin-center-right,
    .xsmall-pin-top-right {
        justify-content: var(--pin-alignment-right)
    }

    .xsmall-pin-bottom-right .pin-offset,
    .xsmall-pin-center-right .pin-offset,
    .xsmall-pin-top-right .pin-offset {
        --pin-offset-right: var(--pin-offset-x)
    }

    .xsmall-pin-bottom-center,
    .xsmall-pin-center-center,
    .xsmall-pin-top-center {
        justify-content: center
    }

    .xsmall-pin-center,
    .xsmall-pin-center-center {
        align-items: center;
        align-content: center;
        justify-content: center
    }
}

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

html[dir=rtl] .paddlenav .paddlenav-arrow-next,
html[dir=rtl] .paddlenav .paddlenav-arrow-previous {
    transform: rotate(180deg)
}

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

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

html[dir=rtl] .scroll-gallery-paddlenav {
    justify-content: flex-end
}

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

html[dir=rtl] .scroll-gallery-paddlenav .paddlenav-arrow.paddlenav-arrow-next,
html[dir=rtl] .scroll-gallery-paddlenav .paddlenav-arrow.paddlenav-arrow-previous {
    top: calc(var(--paddlenav-height)*0.5 - 1px)
}

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

.colornav {
    --colornav-background: rgb(245, 245, 247);
    --colornav-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);
    --colornav-border-current: rgb(0, 113, 227);
    --colornav-label-color: rgb(29, 29, 31);
    --colornav-swatch-size: 28px;
    --colornav-item-size: 36px;
    display: inline-flex;
    text-align: center;
    justify-content: center
}

.colornav-items {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 8px;
    padding-top: 18px
}

.colornav-item {
    margin: -1px 4px
}

.colornav-value {
    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
}

.colornav-link {
    border: 2px solid rgba(0, 0, 0, 0);
    color: var(--colornav-label-color);
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    margin-bottom: 2.7em;
    padding: calc(var(--colornav-item-size)/2 - var(--colornav-swatch-size)/2 - 2px);
    width: var(--colornav-item-size);
    height: var(--colornav-item-size);
    position: relative;
    z-index: 1
}

.colornav-link.current,
.colornav-value:checked~.colornav-link {
    color: var(--colornav-label-color);
    border-color: var(--colornav-border-current);
    cursor: default
}

.colornav-link:focus,
.colornav-value:focus~.colornav-link {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset, 1px)
}

.colornav-swatch {
    background: var(--colornav-background) 50%;
    border-radius: 50%;
    display: block;
    width: var(--colornav-swatch-size);
    height: var(--colornav-swatch-size)
}

.colornav-swatch:after {
    content: "";
    display: block;
    position: absolute;
    height: inherit;
    width: inherit;
    background-image: var(--colornav-border-color);
    mask-image: radial-gradient(circle at 50%, at 50%, transparent calc(var(--colornav-swatch-size)/2 - 1.5px), black calc(var(--colornav-swatch-size)/2 - 0.5px));
    mask-image: radial-gradient(circle at 50% 50%, transparent calc(var(--colornav-swatch-size)/2 - 1.5px), black calc(var(--colornav-swatch-size)/2 - 0.5px));
    mask-size: 100% 100%;
    mask-clip: initial;
    border-radius: inherit
}

.colornav-label,
.colornav-label-hidden {
    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
}

.colornav-link.current .colornav-label,
.colornav-value:checked~.colornav-link .colornav-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;
    clip: auto;
    clip-path: none;
    margin-left: -50px;
    padding-top: 5px;
    position: absolute;
    top: 100%;
    left: 50%;
    text-align: center;
    white-space: nowrap;
    width: 100px;
    height: auto;
    z-index: 1;
    overflow: visible
}

.colornav-link.current .colornav-label:lang(ar),
.colornav-value:checked~.colornav-link .colornav-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
}

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

.colornav-link.current .colornav-label:lang(ko),
.colornav-value:checked~.colornav-link .colornav-label:lang(ko) {
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colornav-link.current .colornav-label:lang(zh),
.colornav-value:checked~.colornav-link .colornav-label:lang(zh) {
    letter-spacing: 0em
}

.colornav-link.current .colornav-label:lang(th),
.colornav-value:checked~.colornav-link .colornav-label:lang(th) {
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colornav-link.current .colornav-label:lang(zh-CN),
.colornav-value:checked~.colornav-link .colornav-label:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colornav-link.current .colornav-label:lang(zh-HK),
.colornav-value:checked~.colornav-link .colornav-label:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colornav-link.current .colornav-label:lang(zh-MO),
.colornav-value:checked~.colornav-link .colornav-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
}

.colornav-link.current .colornav-label:lang(zh-TW),
.colornav-value:checked~.colornav-link .colornav-label:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.colornav-reduced {
    --colornav-swatch-size: 24px;
    --colornav-item-size: 32px
}

.colornav-reduced .colornav-items {
    padding-top: 14px
}

.colornav-reduced .colornav-link.current .colornav-label,
.colornav-reduced .colornav-value:checked~.colornav-link .colornav-label {
    padding-top: 5px
}

.colornav-neutral {
    --colornav-border-current: rgb(29, 29, 31)
}

.colornav-logo-productred {
    margin-inline-start: 6px;
    padding-inline-end: 6px;
    position: absolute;
    z-index: 1;
    inset-inline-start: 100%;
    height: var(--colornav-swatch-size);
    display: flex;
    align-items: center;
    justify-content: center
}

.theme-dark .colornav {
    --colornav-background: rgb(29, 29, 31);
    --colornav-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);
    --colornav-border-current: rgb(0, 113, 227);
    --colornav-label-color: rgb(245, 245, 247)
}

.theme-dark .colornav-neutral {
    --colornav-border-current: rgb(245, 245, 247)
}

.colornav-dark.colornav {
    --colornav-background: rgb(29, 29, 31);
    --colornav-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);
    --colornav-border-current: rgb(0, 113, 227);
    --colornav-label-color: rgb(245, 245, 247)
}

.colornav-dark.colornav-neutral {
    --colornav-border-current: rgb(245, 245, 247)
}

.theme-light .colornav.colornav-dark.colornav {
    --colornav-background: rgb(29, 29, 31);
    --colornav-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);
    --colornav-border-current: rgb(0, 113, 227);
    --colornav-label-color: rgb(245, 245, 247)
}

.theme-light .colornav.colornav-dark.colornav-neutral {
    --colornav-border-current: rgb(245, 245, 247)
}

.colornav-light.colornav {
    --colornav-background: rgb(245, 245, 247);
    --colornav-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);
    --colornav-border-current: rgb(0, 113, 227);
    --colornav-label-color: rgb(29, 29, 31)
}

.colornav-light.colornav-neutral {
    --colornav-border-current: rgb(29, 29, 31)
}

.theme-dark .colornav.colornav-light.colornav {
    --colornav-background: rgb(245, 245, 247);
    --colornav-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);
    --colornav-border-current: rgb(0, 113, 227);
    --colornav-label-color: rgb(29, 29, 31)
}

.theme-dark .colornav.colornav-light.colornav-neutral {
    --colornav-border-current: rgb(29, 29, 31)
}

.theme-light,
body {
    --aap-product-viewer-label-background-color: rgba(255, 255, 255, 0.5);
    --aap-icon-color: #1d1d1f;
    --aap-bubble-background-color: #1d1d1f;
    --aap-icon-active-color: #f5f5f7
}

.theme-dark {
    --aap-product-viewer-label-background-color: rgba(0, 0, 0, 0.3);
    --aap-icon-color: #f5f5f7;
    --aap-bubble-background-color: #f5f5f7;
    --aap-icon-active-color: #1d1d1f
}

.aap-product-viewer {
    --ltr: 1;
    margin-top: calc(var(--aap-margin) + 14px);
    pointer-events: auto
}

html[dir=rtl] .aap-product-viewer {
    --ltr: -1
}

html.enhanced .aap-product-viewer {
    margin-top: var(--aap-margin)
}

.aap-product-viewer-label {
    background-color: var(--aap-product-viewer-label-background-color);
    border-radius: 5px;
    bottom: calc(100% + 9px);
    box-sizing: border-box;
    display: flex;
    opacity: 0;
    padding: 4px 6px;
    pointer-events: auto;
    position: absolute;
    left: 50%;
    line-height: 0;
    max-width: 87.5vw;
    text-align: center;
    transform: translateX(-50%);
    width: max-content
}

html.enhanced .aap-product-viewer-label {
    opacity: 1;
    transition: opacity 200ms ease-out calc(var(--aap-stagger-slow)*1ms)
}

.inactive html.enhanced .aap-product-viewer-label {
    opacity: 0
}

html.no-enhanced .aap-product-viewer-label {
    opacity: 1
}

html.enhanced .inactive .aap-product-viewer-label {
    opacity: 0;
    transition: opacity 200ms ease-out 0ms
}

.aap-product-viewer-label-item {
    display: none
}

.aap-product-viewer-label-item.active {
    display: inline
}

.aap-product-viewer-label span {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.viewer-colornav {
    --colornav-width: 0px;
    overflow: hidden
}

.viewer-colornav-items {
    padding: 12px 0
}

.viewer-colornav-item {
    --color-index: 0;
    line-height: 1;
    will-change: transform
}

html.enhanced .viewer-colornav-item {
    opacity: 1;
    transform: scale(1);
    transition: opacity 400ms cubic-bezier(0.3, 2, 0.5, 1) calc(var(--color-index)*var(--aap-stagger-fast)*1ms), transform 400ms cubic-bezier(0.3, 2, 0.5, 1) calc(var(--color-index)*var(--aap-stagger-fast)*1ms)
}

.inactive html.enhanced .viewer-colornav-item {
    opacity: 0;
    transform: scale(0.5)
}

html.enhanced .inactive .viewer-colornav-item {
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 200ms ease-out 0ms, transform 200ms ease-out 0ms
}

.viewer-colornav-link {
    margin-bottom: 0
}

.all-access-pass .colornav-link .colornav-swatch .viewer-colornav-label {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.viewer-colornav-value:checked,
.viewer-colornav-value:checked~.viewer-colornav-link {
    pointer-events: none
}

.all-access-pass__background.viewer-sizenav,
.all-access-pass__background.viewer-togglenav {
    margin-inline-start: 12px
}

.viewer-sizenav {
    --bubble-position: 0;
    --bubble-scale: 1;
    --bubble-width: calc(var(--aap-min-height) - 10px);
    --ltr: 1;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none
}

html[dir=rtl] .viewer-sizenav {
    --ltr: -1
}

.viewer-sizenav__bubble {
    border-radius: 28px;
    box-sizing: border-box;
    height: calc(100% - 8px);
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 4px;
    transform: translateX(-50%);
    transform-origin: center center;
    transition: transform 200ms ease-out;
    width: calc(100% - 8px)
}

html.no-enhanced .viewer-sizenav__bubble {
    display: none
}

.viewer-sizenav__bubble-inner {
    --x: 0px;
    --scale-x: 1;
    --scale-y: 1;
    --scale: 1;
    background-color: var(--aap-bubble-background-color);
    border-radius: 28px;
    height: calc(var(--aap-min-height) - 8px);
    left: 0;
    min-width: calc(var(--aap-min-height) - 8px);
    opacity: 1;
    position: absolute;
    top: 0;
    transform: translate3d(var(--x), 0, 0) scaleX(var(--scale-x)) scaleY(var(--scale-y)) scale(var(--scale));
    width: var(--bubble-width);
    will-change: transform
}

html.enhanced .viewer-sizenav {
    --bubble-scale: 0
}

html.enhanced .viewer-sizenav .viewer-sizenav__bubble-inner {
    opacity: 1
}

.viewer-sizenav-items {
    align-items: center;
    display: flex;
    height: var(--aap-min-height);
    justify-content: center;
    list-style: none;
    margin-inline-start: 0;
    padding: 0 3px;
    pointer-events: auto
}

.viewer-sizenav-item {
    margin-left: 2px;
    margin-right: 2px
}

.viewer-sizenav-link {
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 28px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    min-width: 48px;
    transition: background-color .25s ease, box-shadow .3s ease;
    width: auto
}

.viewer-sizenav-swatch {
    border-radius: 28px;
    height: inherit;
    position: relative;
    width: inherit
}

.viewer-sizenav-swatch svg {
    position: absolute
}

.viewer-sizenav-swatch svg path {
    fill: var(--aap-icon-color);
    transition: fill 200ms cubic-bezier(0.53, -0.01, 0.17, 1)
}

.viewer-sizenav-label {
    align-items: center;
    color: var(--aap-icon-color);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    letter-spacing: -0.35px;
    line-height: 21px;
    padding: 0 8px;
    transition: color 200ms cubic-bezier(0.53, -0.01, 0.17, 1);
    width: auto
}

.viewer-sizenav-label.visually-hidden {
    padding: 0
}

.viewer-sizenav-label.visually-hidden,
.viewer-sizenav-value {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.viewer-sizenav-value:checked {
    pointer-events: none
}

.viewer-sizenav-value:checked~.viewer-sizenav-link {
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none
}

html.no-enhanced .viewer-sizenav-value:checked~.viewer-sizenav-link {
    background-color: #fff
}

.viewer-sizenav-value:checked~.viewer-sizenav-link .viewer-sizenav-swatch svg path {
    fill: var(--aap-icon-active-color);
    transition: fill 250ms cubic-bezier(0.53, -0.01, 0.17, 1)
}

.viewer-sizenav-value:checked~.viewer-sizenav-link .viewer-sizenav-swatch .viewer-sizenav-label {
    color: var(--aap-icon-active-color);
    transition: color 250ms cubic-bezier(0.53, -0.01, 0.17, 1)
}

.viewer-sizenav-value:focus:not([data-focus-method=mouse], [data-focus-method=touch])~.viewer-sizenav-link {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071e3
}

.viewer-togglenav {
    -webkit-user-select: none;
    user-select: none
}

.viewer-togglenav-items {
    align-items: center;
    display: flex;
    height: var(--aap-min-height);
    justify-content: center;
    list-style: none;
    margin-inline-start: 0;
    padding: 0 3px;
    pointer-events: auto
}

.viewer-togglenav-item {
    margin-left: 2px;
    margin-right: 2px
}

.viewer-togglenav-link {
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 28px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    min-width: 48px;
    transition: background-color .25s ease, box-shadow .3s ease;
    width: auto
}

.viewer-togglenav-swatch {
    border-radius: 28px;
    height: inherit;
    position: relative;
    width: inherit
}

.viewer-togglenav-swatch svg {
    position: absolute
}

.viewer-togglenav-swatch svg path {
    fill: var(--aap-icon-color);
    transition: fill 200ms cubic-bezier(0.53, -0.01, 0.17, 1)
}

.viewer-togglenav-label {
    align-items: center;
    color: var(--aap-icon-color);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    letter-spacing: -0.35px;
    line-height: 21px;
    padding: 0 8px;
    transition: color 200ms cubic-bezier(0.53, -0.01, 0.17, 1);
    width: auto
}

.viewer-togglenav-label.visually-hidden {
    padding: 0
}

.viewer-togglenav-label.visually-hidden,
.viewer-togglenav-value {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.viewer-togglenav-value:checked~.viewer-togglenav-link {
    background-color: var(--aap-icon-color)
}

.viewer-togglenav-value:checked~.viewer-togglenav-link .viewer-togglenav-swatch svg path {
    fill: var(--aap-icon-active-color);
    transition: fill 400ms cubic-bezier(0.53, -0.01, 0.17, 1)
}

.viewer-togglenav-value:checked~.viewer-togglenav-link .viewer-togglenav-swatch .viewer-togglenav-label {
    color: var(--aap-icon-active-color);
    transition: color 400ms cubic-bezier(0.53, -0.01, 0.17, 1)
}

.viewer-togglenav-value:focus:not([data-focus-method=mouse], [data-focus-method=touch])~.viewer-togglenav-link {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071e3
}

.viewer-ui-item:disabled+label {
    cursor: default
}

[data-aap-enabled=false] {
    visibility: hidden
}

.will-change {
    will-change: transform, opacity
}

.card {
    width: 100%;
    --sk-tile-background: rgb(245, 245, 247);
    --sk-tile-border-radius: 28px
}

.card.tile-rounded {
    isolation: isolate
}

.card-hover {
    transition: transform .3s cubic-bezier(0, 0, 0.5, 1);
    transform: scale(1)
}

html.no-touch .card-hover:hover {
    transform: scale(var(--card-element-scale))
}

.card-hover .footnote {
    --target-size: 44px
}

.card-hover .footnote a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: max(100%, var(--target-size));
    height: max(100%, var(--target-size))
}

.card.theme-dark,
.theme-dark .card {
    --sk-tile-background: rgb(29, 29, 31);
    color: rgb(245, 245, 247)
}

.card .card-control {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    border-radius: var(--sk-tile-border-radius)
}

.card .card-control:focus {
    outline-offset: calc(var(--sk-focus-offset-container)*-1)
}

.card .card-control .tile-button-wrapper {
    right: 16px;
    bottom: 16px
}

html[dir=rtl] .card .card-control .tile-button-wrapper {
    right: auto;
    left: 16px
}

.card .card-control .tile-button {
    --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
}

.card .card-control .tile-button .tile-icon {
    height: 36px;
    width: 36px
}

html[dir=rtl] .card .card-control .tile-button .tile-icon.icon-control-chevronright {
    transform: translateX(50%) scaleX(-1)
}

.card .card-control.theme-dark .tile-button,
.card.theme-dark .tile-button,
.theme-dark .card .tile-button {
    --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
}

.background-alt .card {
    --sk-tile-background: rgb(255, 255, 255)
}

.background-alt .card.theme-dark,
.theme-dark .background-alt .card {
    --sk-tile-background: rgb(0, 0, 0)
}

.theme-dark .card {
    --sk-tile-background: rgb(29, 29, 31)
}

.theme-dark.background-alt .card,
.theme-dark .background-alt .card {
    --sk-tile-background: rgb(0, 0, 0)
}

.media-card-set {
    --shared-media-gallery-transition-duration: 1s;
    --shared-media-gallery-responsive-content-absolute-max-width: 1680px;
    --shared-media-gallery-responsive-content-absolute-min-width: 280px;
    --shared-media-gallery-viewport-content: max(87.5vw - var(--global-scrollbar-width), var(--shared-media-gallery-responsive-content-absolute-min-width));
    --shared-media-gallery-padding: max(6.25vw, (100vw - var(--shared-media-gallery-responsive-content-absolute-max-width))/2, env(safe-area-inset-left), env(safe-area-inset-right));
    --shared-media-gallery-width: min(var(--shared-media-gallery-viewport-content), var(--shared-media-gallery-responsive-content-absolute-max-width));
    --shared-media-gallery-height: 680px
}

@media(min-width:1441px) {
    .media-card-set {
        --shared-media-gallery-height: 740px
    }
}

@media(max-width:1068px) {
    .media-card-set {
        --shared-media-gallery-height: 628px
    }
}

@media(max-width:734px) {
    .media-card-set {
        --shared-media-gallery-height: 560px;
        --shared-media-gallery-width-single: max(87.5vw - var(--global-scrollbar-width), var(--shared-media-gallery-responsive-content-absolute-min-width));
        --shared-media-gallery-viewport-content: calc(var(--shared-media-gallery-width-single) - 20px)
    }
}

@media(max-width:480px) {
    .media-card-set {
        --shared-media-gallery-height: 480px
    }
}

.media-card-set .scroll-container {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    padding-bottom: var(--staggered-translate-y, 30px);
    margin-bottom: calc(var(--staggered-translate-y, 30px)*-1);
    scrollbar-width: none
}

@media(max-width:734px) {
    .media-card-set .scroll-container {
        scroll-padding-inline-start: var(--shared-media-gallery-padding)
    }
}

.media-card-set .scroll-container::-webkit-scrollbar {
    display: none;
    width: 0;
    background: rgba(0, 0, 0, 0)
}

.media-card-set .item-container {
    margin: 0 auto;
    display: grid;
    grid-gap: 20px;
    grid-auto-flow: column;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 var(--shared-media-gallery-padding);
    list-style-type: none
}

.media-card-set .gallery-item {
    display: flex;
    width: var(--shared-media-gallery-width);
    min-height: var(--shared-media-gallery-height);
    scroll-snap-align: center;
    list-style-type: none
}

html.no-touch .media-card-set .gallery-item:not(.current, :only-child):hover {
    cursor: pointer
}

@media(max-width:734px) {
    .media-card-set .gallery-item {
        scroll-snap-align: start
    }

    .media-card-set .gallery-item:only-child {
        width: var(--shared-media-gallery-width-single)
    }
}

[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
}

[data-component-list*=BentoGallery] {
    --bento-gallery-zoom: 1
}

[data-component-list*=BentoGallery] .bento-item {
    grid-template: 1fr/1fr
}

[data-component-list*=BentoGallery] .bento-item.large-2col-50-50 {
    grid-template: 1fr/.5fr .5fr
}

[data-component-list*=BentoGallery] .bento-item.large-2col-33-66 {
    grid-template: 1fr/.33fr .67fr
}

[data-component-list*=BentoGallery] .bento-item.large-2col-66-33 {
    grid-template: 1fr/.67fr .33fr
}

[data-component-list*=BentoGallery] .bento-item.large-2row-50-50 {
    grid-template: .5fr .5fr/1fr
}

[data-component-list*=BentoGallery] .bento-item.large-2row-33-66 {
    grid-template: .33fr .67fr/1fr
}

[data-component-list*=BentoGallery] .bento-item.large-2row-66-33 {
    grid-template: .67fr .33fr/1fr
}

[data-component-list*=BentoGallery] .bento-item.large-3col-33-33-33 {
    grid-template: 1fr/.333fr .333fr .333fr
}

[data-component-list*=BentoGallery] .bento-item.large-3row-33-33-33 {
    grid-template: .333fr .333fr .333fr/1fr
}

@media(min-width:1441px) {
    [data-component-list*=BentoGallery] .bento-item.xlarge-2col-50-50 {
        grid-template: 1fr/.5fr .5fr
    }

    [data-component-list*=BentoGallery] .bento-item.xlarge-2col-33-66 {
        grid-template: 1fr/.33fr .67fr
    }

    [data-component-list*=BentoGallery] .bento-item.xlarge-2col-66-33 {
        grid-template: 1fr/.67fr .33fr
    }

    [data-component-list*=BentoGallery] .bento-item.xlarge-2row-50-50 {
        grid-template: .5fr .5fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.xlarge-2row-33-66 {
        grid-template: .33fr .67fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.xlarge-2row-66-33 {
        grid-template: .67fr .33fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.xlarge-3col-33-33-33 {
        grid-template: 1fr/.333fr .333fr .333fr
    }

    [data-component-list*=BentoGallery] .bento-item.xlarge-3row-33-33-33 {
        grid-template: .333fr .333fr .333fr/1fr
    }
}

@media(max-width:1068px) {
    [data-component-list*=BentoGallery] .bento-item.medium-2col-50-50 {
        grid-template: 1fr/.5fr .5fr
    }

    [data-component-list*=BentoGallery] .bento-item.medium-2col-33-66 {
        grid-template: 1fr/.33fr .67fr
    }

    [data-component-list*=BentoGallery] .bento-item.medium-2col-66-33 {
        grid-template: 1fr/.67fr .33fr
    }

    [data-component-list*=BentoGallery] .bento-item.medium-2row-50-50 {
        grid-template: .5fr .5fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.medium-2row-33-66 {
        grid-template: .33fr .67fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.medium-2row-66-33 {
        grid-template: .67fr .33fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.medium-3col-33-33-33 {
        grid-template: 1fr/.333fr .333fr .333fr
    }

    [data-component-list*=BentoGallery] .bento-item.medium-3row-33-33-33 {
        grid-template: .333fr .333fr .333fr/1fr
    }
}

@media(max-width:734px) {
    [data-component-list*=BentoGallery] .bento-item.small-2col-50-50 {
        grid-template: 1fr/.5fr .5fr
    }

    [data-component-list*=BentoGallery] .bento-item.small-2col-33-66 {
        grid-template: 1fr/.326fr .674fr
    }

    [data-component-list*=BentoGallery] .bento-item.small-2col-66-33 {
        grid-template: 1fr/.674fr .326fr
    }

    [data-component-list*=BentoGallery] .bento-item.small-2row-50-50 {
        grid-template: .5fr .5fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.small-2row-33-66 {
        grid-template: .326fr .674fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.small-2row-66-33 {
        grid-template: .674fr .326fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.small-3col-33-33-33 {
        grid-template: 1fr/.333fr .333fr .333fr
    }

    [data-component-list*=BentoGallery] .bento-item.small-3row-33-33-33 {
        grid-template: .333fr .333fr .333fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.small-3b-66-25-25 {
        grid-template: .67fr .33fr/1fr 1fr;
        grid-template-areas: "a a" "b c"
    }

    [data-component-list*=BentoGallery] .bento-item.small-3b-66-25-25 div:nth-of-type(1) {
        grid-area: a
    }

    [data-component-list*=BentoGallery] .bento-item.small-3b-66-25-25 div:nth-of-type(2) {
        grid-area: b
    }

    [data-component-list*=BentoGallery] .bento-item.small-3b-66-25-25 div:nth-of-type(3) {
        grid-area: c
    }
}

@media(max-width:480px) {
    [data-component-list*=BentoGallery] .bento-item.xsmall-2col-50-50 {
        grid-template: 1fr/.5fr .5fr
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-2col-33-66 {
        grid-template: 1fr/.326fr .674fr
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-2col-66-33 {
        grid-template: 1fr/.674fr .326fr
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-2row-50-50 {
        grid-template: .5fr .5fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-2row-33-66 {
        grid-template: .326fr .674fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-2row-66-33 {
        grid-template: .674fr .326fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-3col-33-33-33 {
        grid-template: 1fr/.333fr .333fr .333fr
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-3row-33-33-33 {
        grid-template: .333fr .333fr .333fr/1fr
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-3b-66-25-25 {
        grid-template: .67fr .33fr/1fr 1fr;
        grid-template-areas: "a a" "b c"
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-3b-66-25-25 div:nth-of-type(1) {
        grid-area: a
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-3b-66-25-25 div:nth-of-type(2) {
        grid-area: b
    }

    [data-component-list*=BentoGallery] .bento-item.xsmall-3b-66-25-25 div:nth-of-type(3) {
        grid-area: c
    }
}

[data-component-list*=BentoGallery] {
    display: flex;
    flex-direction: column
}

[data-component-list*=BentoGallery].use-paddlenav {
    --paddlenav-height: 36px;
    --paddlenav-sticky-offset: 0px;
    --paddlenav-padding: 48px;
    padding-bottom: calc(var(--paddlenav-height) + var(--paddlenav-padding))
}

@media(max-width:1068px) {
    [data-component-list*=BentoGallery].use-paddlenav {
        --paddlenav-padding: 44px
    }
}

@media(max-width:734px) {
    [data-component-list*=BentoGallery].use-paddlenav {
        --paddlenav-padding: 40px
    }
}

html.no-js [data-component-list*=BentoGallery].use-paddlenav,
html.touch [data-component-list*=BentoGallery].use-paddlenav {
    padding-bottom: unset
}

[data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-midnight {
    background: var(--finish-midnight);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

[data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-starlight {
    background: var(--finish-starlight);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

[data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-blue {
    background: var(--finish-blue);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

[data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-purple {
    background: var(--finish-purple);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

[data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-orange {
    background: var(--finish-orange);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

[data-component-list*=BentoGallery] .responsive-container-anim-anchor {
    opacity: 0
}

[data-component-list*=BentoGallery] .bento-item {
    display: grid;
    grid-gap: 20px;
    width: 100%;
    height: 100%;
    outline: none
}

[data-component-list*=BentoGallery] .bento-image-wrapper {
    width: 100%;
    background-color: rgba(0, 0, 0, 0)
}

html.no-js [data-component-list*=BentoGallery] .bento-image-wrapper noscript:first-of-type .bento-image {
    opacity: 1;
    visibility: visible
}

[data-component-list*=BentoGallery] .bento-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    transition: opacity .6s ease-out, visibility .6s;
    visibility: hidden;
    opacity: 0;
    will-change: transform, opacity;
    transform: scale(var(--bento-gallery-zoom));
    overflow: hidden
}

[data-component-list*=BentoGallery] .bento-image.reveal {
    opacity: 1;
    visibility: visible
}

html.no-js [data-component-list*=BentoGallery] .paddlenav,
html.touch [data-component-list*=BentoGallery] .paddlenav {
    display: none
}

[data-component-list*=BentoGallery].will-change .bento-image {
    will-change: transform, opacity
}

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

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

.card-set {
    --sk-cssgrid-column-gutter-inner: 20px;
    margin: 0;
    list-style-type: none;
    grid-auto-flow: column;
    grid-template-columns: unset;
    grid-auto-columns: 1fr
}

.card-set-full-bleed {
    --sk-cssgrid-column-gutter-outer: 0
}

.icon-card {
    box-sizing: border-box;
    min-height: 184px
}

@media(max-width:1068px) {
    .icon-card {
        min-height: 213px
    }
}

@media(max-width:734px) {
    .icon-card {
        min-height: 199px
    }
}

.icon-card .tile-content {
    pointer-events: none;
    padding-top: 28px;
    padding-inline-end: 76px;
    padding-bottom: 52px;
    padding-inline-start: 32px
}

@media(max-width:1068px) {
    .icon-card .tile-content {
        padding-inline-end: 72px;
        padding-inline-start: 28px
    }
}

@media(max-width:734px) {
    .icon-card .tile-content {
        padding-top: 24px;
        padding-bottom: 48px;
        padding-inline-start: 24px
    }
}

@media(max-width:480px) {
    .icon-card .tile-content {
        padding-inline-end: 24px;
        padding-bottom: 72px
    }
}

.icon-card .icon-card-content {
    position: relative;
    z-index: 1
}

html.text-zoom .icon-card .icon-card-content {
    overflow-wrap: break-word
}

.icon-card .icon-card-icon {
    margin-bottom: 9px
}

.icon-card .footnote {
    pointer-events: all
}

@media(max-width:734px) {

    .icon-card:first-child:nth-last-child(2),
    .icon-card:first-child:nth-last-child(2)~.icon-card {
        width: 100%;
        min-width: 304px
    }
}

@media(max-width:480px) {

    .icon-card:first-child:nth-last-child(2),
    .icon-card:first-child:nth-last-child(2)~.icon-card {
        min-width: unset;
        width: 260px
    }
}

@media(min-width:735px) {

    .icon-card:first-child:nth-last-child(2),
    .icon-card:first-child:nth-last-child(2)~.icon-card {
        --icon-card-2-up-copy-col-min-width: 240px;
        --icon-card-2-up-copy-col-max-width: 296px;
        --icon-card-2-up-copy-col-gap: 32px
    }
}

@media(min-width:1069px) {

    .icon-card:first-child:nth-last-child(2) .icon-card-content,
    .icon-card:first-child:nth-last-child(2)~.icon-card .icon-card-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: calc(var(--icon-card-2-up-copy-col-max-width)*2 + var(--icon-card-2-up-copy-col-gap));
        margin-inline-start: auto;
        margin-inline-end: auto
    }
}

@media(min-width:1069px) {

    .icon-card:first-child:nth-last-child(2) .icon-card-copy-wrapper,
    .icon-card:first-child:nth-last-child(2)~.icon-card .icon-card-copy-wrapper {
        display: grid;
        grid-template-rows: repeat(1, auto);
        grid-template-columns: repeat(auto-fit, minmax(var(--icon-card-2-up-copy-col-min-width), 1fr));
        grid-column-gap: var(--icon-card-2-up-copy-col-gap);
        grid-row-gap: var(--sk-headline-plus-first-element-margin);
        justify-content: stretch
    }
}

@media(min-width:1069px) {

    .icon-card:first-child:nth-last-child(2) .icon-card-body-copy,
    .icon-card:first-child:nth-last-child(2) .icon-card-headline,
    .icon-card:first-child:nth-last-child(2)~.icon-card .icon-card-body-copy,
    .icon-card:first-child:nth-last-child(2)~.icon-card .icon-card-headline {
        min-width: var(--icon-card-2-up-copy-col-min-width);
        margin-top: 0
    }
}

@media(min-width:735px) {

    .icon-card:first-child:nth-last-child(2) .icon-card-body-copy,
    .icon-card:first-child:nth-last-child(2) .icon-card-headline,
    .icon-card:first-child:nth-last-child(2)~.icon-card .icon-card-body-copy,
    .icon-card:first-child:nth-last-child(2)~.icon-card .icon-card-headline {
        max-width: var(--icon-card-2-up-copy-col-max-width)
    }
}

.icon-card:first-child:nth-last-child(3),
.icon-card:first-child:nth-last-child(3)~.icon-card {
    width: 100%;
    min-width: 372px
}

@media(max-width:1068px) {

    .icon-card:first-child:nth-last-child(3),
    .icon-card:first-child:nth-last-child(3)~.icon-card {
        min-width: unset;
        width: 344px
    }
}

@media(max-width:734px) {

    .icon-card:first-child:nth-last-child(3),
    .icon-card:first-child:nth-last-child(3)~.icon-card {
        min-width: unset;
        width: 304px
    }
}

@media(max-width:480px) {

    .icon-card:first-child:nth-last-child(3),
    .icon-card:first-child:nth-last-child(3)~.icon-card {
        min-width: unset;
        width: 260px
    }
}

.icon-card:first-child:nth-last-child(3) .icon-card-content,
.icon-card:first-child:nth-last-child(3)~.icon-card .icon-card-content {
    max-width: 360px
}

.icon-card:first-child:nth-last-child(n+4),
.icon-card:first-child:nth-last-child(n+4)~.icon-card {
    min-width: unset;
    width: 372px
}

@media(min-width:1441px) {

    .icon-card:first-child:nth-last-child(n+4),
    .icon-card:first-child:nth-last-child(n+4)~.icon-card {
        min-height: 217px;
        min-width: unset;
        width: 405px
    }
}

@media(max-width:1068px) {

    .icon-card:first-child:nth-last-child(n+4),
    .icon-card:first-child:nth-last-child(n+4)~.icon-card {
        min-width: unset;
        width: 344px
    }
}

@media(max-width:734px) {

    .icon-card:first-child:nth-last-child(n+4),
    .icon-card:first-child:nth-last-child(n+4)~.icon-card {
        min-width: unset;
        width: 304px
    }
}

@media(max-width:480px) {

    .icon-card:first-child:nth-last-child(n+4),
    .icon-card:first-child:nth-last-child(n+4)~.icon-card {
        min-width: unset;
        width: 260px
    }
}

@media(max-width:734px) {
    .modal.icon-card-modal {
        --modal-overlay-content-padding-top: 76px;
        --modal-overlay-content-padding-bottom: 60px;
        --modal-overlay-content-padding-inline: 6.25%
    }
}

.icon-card-modal-content .modal-topic-label+.modal-headline {
    margin-top: 12px
}

@media(max-width:734px) {
    .icon-card-modal-content .modal-topic-label+.modal-headline {
        margin-top: 8px
    }
}

.icon-card-modal-content .icon-card-modal-inline-headline {
    margin-top: 20px
}

@media(max-width:734px) {
    .icon-card-modal-content .icon-card-modal-inline-headline {
        margin-top: 16px
    }
}

.icon-card-modal-content .modal-link {
    margin-top: 40px
}

@media(max-width:734px) {
    .icon-card-modal-content .modal-link {
        margin-top: 32px
    }
}

.icon-card-modal-content-image .image-container {
    margin-top: 64px;
    display: grid
}

@media(max-width:734px) {
    .icon-card-modal-content-image .image-container {
        margin-top: 40px
    }
}

.icon-card-modal-content-image .image-container picture {
    justify-self: center;
    width: 100%
}

.icon-card-modal-content-image .image-container img {
    max-width: 100%
}

.icon-card-modal-content-text .modal-items-body .icon-card-modal-inline-headline {
    margin-top: 40px
}

@media(max-width:734px) {
    .icon-card-modal-content-text .modal-items-body .icon-card-modal-inline-headline {
        margin-top: 32px
    }
}

.icon-card-modal-content-text .modal-items-body .icon-card-modal-body,
.icon-card-modal-content-text .modal-items-body .icon-card-modal-inline-headline+.modal-body {
    margin-top: 0
}

.icon-card-modal-content-table .modal-table-body {
    margin-top: 64px
}

@media(max-width:734px) {
    .icon-card-modal-content-table .modal-table-body {
        margin-top: 40px
    }
}

.icon-card-modal-content-table .modal-table-body .modal-table-copy-leading,
.icon-card-modal-content-table .modal-table-body .modal-table-label-leading {
    padding-inline-end: 40px
}

@media(max-width:480px) {

    .icon-card-modal-content-table .modal-table-body .modal-table-copy-leading,
    .icon-card-modal-content-table .modal-table-body .modal-table-label-leading {
        padding-inline-end: 20px
    }
}

html[dir=rtl] .icon-card-modal-content-table .modal-table-body .modal-table-label-leading {
    text-align: right
}

.icon-card-modal-content-table .modal-table-body .modal-table-copy-trailing,
.icon-card-modal-content-table .modal-table-body .modal-table-label-trailing {
    text-align: right;
    padding-inline-start: 40px
}

@media(max-width:480px) {

    .icon-card-modal-content-table .modal-table-body .modal-table-copy-trailing,
    .icon-card-modal-content-table .modal-table-body .modal-table-label-trailing {
        padding-inline-start: 20px
    }
}

html[dir=rtl] .icon-card-modal-content-table .modal-table-body .modal-table-copy-trailing,
html[dir=rtl] .icon-card-modal-content-table .modal-table-body .modal-table-label-trailing {
    text-align: left
}

.icon-card-modal-content-table .modal-table-body thead th {
    padding: 0 0 3px;
    vertical-align: bottom
}

.icon-card-modal-content-table .modal-table-body tbody tr {
    border-bottom: 1px solid #d2d2d7
}

.icon-card-modal-content-table .modal-table-body tbody tr td {
    width: 50%;
    padding: 24px 0
}

@media(max-width:734px) {
    .icon-card-modal-content-table .modal-table-body tbody tr td {
        padding: 20px 0
    }
}

.icon-card-modal-content-table .modal-table-body tbody tr:first-child td {
    padding: 32px 0 24px
}

@media(max-width:734px) {
    .icon-card-modal-content-table .modal-table-body tbody tr:first-child td {
        padding: 24px 0 20px
    }
}

.icon-card-modal-content-table .modal-table-body tbody tr:last-child {
    border: 0
}

.icon-card-modal-content-table .modal-table-body tbody tr:last-child td {
    padding-bottom: 0
}

@media(max-width:734px) {
    .icon-card-modal-content-table .modal-link {
        margin-top: 40px
    }
}

:root.has-modal {
    overflow: hidden
}

:root.has-modal body {
    padding-inline-end: var(--global-scrollbar-width)
}

.ric-modal {
    overflow: auto;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0
}

html.no-js .ric-modal {
    opacity: 1;
    display: block;
    position: relative;
    z-index: auto;
    width: auto;
    height: auto
}

.ric-modal::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(var(--modal-scrim-fill), var(--modal-scrim-fill))
}

html.no-js .ric-modal::after {
    display: none
}

.ric-modal.ric-modal-scrollable::after {
    width: calc(100% - var(--global-scrollbar-width, 0))
}

.ric-modal.ric-modal-scrim-blur::after {
    -webkit-backdrop-filter: blur(var(--modal-scrim-blur));
    backdrop-filter: blur(var(--modal-scrim-blur))
}

.ric-modal.ric-modal-open {
    z-index: 11000;
    display: block
}

.ric-modal.modal-touch-lock {
    touch-action: none
}

.ric-modal-content-wrapper {
    visibility: hidden
}

html.no-js .ric-modal-content-wrapper {
    visibility: visible
}

.ric-modal .ric-modal-overlay-container {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    min-height: 100%
}

.ric-modal .ric-modal-overlay {
    z-index: 1;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    width: var(--modal-overlay-width, 100%);
    height: var(--modal-overlay-height, auto);
    max-width: var(--modal-overlay-max-width);
    padding-inline-start: var(--modal-overlay-padding-inline);
    padding-inline-end: var(--modal-overlay-padding-inline);
    padding-top: var(--modal-overlay-padding-top);
    padding-bottom: var(--modal-overlay-padding-bottom);
    margin-inline-start: auto;
    margin-inline-end: auto;
    pointer-events: none;
    color: var(--sk-body-text-color)
}

.ric-modal .ric-modal-overlay:focus {
    outline: none
}

.ric-modal .ric-modal-content-wrapper {
    order: 2;
    z-index: 1;
    position: relative;
    visibility: visible;
    background: var(--modal-overlay-background);
    border-radius: var(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-top) var(--modal-overlay-border-radius-bottom) var(--modal-overlay-border-radius-bottom);
    padding-top: var(--modal-overlay-content-padding-top);
    padding-inline-start: var(--modal-overlay-content-padding-inline);
    padding-inline-end: var(--modal-overlay-content-padding-inline);
    padding-bottom: var(--modal-overlay-content-padding-bottom);
    height: 100%;
    min-height: var(--modal-overlay-min-height);
    pointer-events: auto
}

@media(max-width:480px) {
    .ric-modal .ric-modal-content-wrapper {
        box-sizing: border-box
    }
}

.ric-modal .ric-modal-close-button-wrapper {
    position: var(--modal-close-button-position);
    order: 1;
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    top: var(--modal-close-button-offset-top);
    height: 0
}

.ric-modal .ric-modal-close-button {
    cursor: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: var(--modal-close-button-size);
    width: var(--modal-close-button-size);
    margin-inline-end: calc(var(--modal-close-button-offset-inline-end) - var(--modal-close-button-size) + var(--modal-close-icon-size));
    margin-top: var(--modal-close-button-margin-top);
    pointer-events: auto
}

html.has-modal .ric-modal .ric-modal-close-button {
    cursor: pointer
}

html.no-js .ric-modal .ric-modal-close-button {
    display: none
}

.ric-modal .ric-modal-close-button:focus-visible {
    outline: none
}

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

.ric-modal .ric-modal-close-button:hover .ric-modal-close-icon {
    background: var(--modal-close-background-hover);
    color: var(--modal-close-color)
}

.ric-modal .ric-modal-close-button:active .ric-modal-close-icon {
    background: var(--modal-close-background-active)
}

.ric-modal .ric-modal-close-button .ric-modal-close-icon {
    background: var(--modal-close-background);
    border-radius: var(--modal-close-border-radius);
    color: var(--modal-close-color);
    display: flex;
    align-items: center;
    height: var(--modal-close-icon-size);
    width: var(--modal-close-icon-size);
    outline: none;
    transition: color 100ms linear, background 100ms linear;
    position: relative;
    pointer-events: none
}

.ric-modal .ric-modal-close-button .ric-modal-close-icon svg {
    fill: currentcolor;
    position: absolute;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    height: var(--modal-close-icon-svg-size);
    width: var(--modal-close-icon-svg-size);
    pointer-events: none
}

html[dir=rtl] .ric-modal .ric-modal-close-button .ric-modal-close-icon svg {
    transform: translateX(50%)
}

.ric-modal.theme-dark,
.theme-dark .ric-modal {
    --sk-glyph: rgb(255, 255, 255);
    --sk-glyph-gray: rgb(245, 245, 247);
    --sk-glyph-gray-alpha: rgba(255, 255, 255, 0.92);
    --sk-glyph-gray-secondary: rgb(134, 134, 139);
    --sk-glyph-gray-secondary-alpha: rgba(255, 255, 255, 0.56);
    --sk-glyph-gray-secondary-alt: rgb(210, 210, 215);
    --sk-glyph-gray-secondary-alt-alpha: rgba(255, 255, 255, 0.8);
    --sk-glyph-gray-tertiary: rgb(110, 110, 115);
    --sk-glyph-gray-tertiary-alpha: rgba(255, 255, 255, 0.4);
    --sk-glyph-blue: rgb(41, 151, 255);
    --sk-glyph-orange: rgb(255, 121, 27);
    --sk-glyph-green: rgb(3, 161, 14);
    --sk-glyph-red: rgb(255, 48, 55);
    --sk-fill: rgb(0, 0, 0);
    --sk-fill-secondary: rgb(22, 22, 23);
    --sk-fill-tertiary: rgb(29, 29, 31);
    --sk-fill-gray: rgb(245, 245, 247);
    --sk-fill-gray-alpha: rgba(255, 255, 255, 0.92);
    --sk-fill-gray-secondary: rgb(110, 110, 115);
    --sk-fill-gray-secondary-alpha: rgba(255, 255, 255, 0.4);
    --sk-fill-gray-tertiary: rgb(66, 66, 69);
    --sk-fill-gray-tertiary-alpha: rgba(255, 255, 255, 0.24);
    --sk-fill-gray-quaternary: rgb(51, 51, 54);
    --sk-fill-gray-quaternary-alpha: rgba(255, 255, 255, 0.2);
    --sk-fill-orange-secondary: rgb(41, 13, 0);
    --sk-fill-green-secondary: rgb(0, 43, 3);
    --sk-fill-red: rgb(255, 48, 55);
    --sk-fill-red-secondary: rgb(51, 0, 0);
    --sk-fill-yellow: rgb(173, 130, 0);
    --sk-fill-yellow-secondary: rgb(43, 32, 0);
    --sk-enviro-neutral: rgb(0, 0, 0);
    --sk-body-background-color: rgb(0, 0, 0);
    --sk-body-text-color: rgb(245, 245, 247);
    --sk-headline-text-color: rgb(245, 245, 247);
    --sk-body-link-color: rgb(41, 151, 255);
    --modal-close-background: rgb(245, 245, 247);
    --modal-close-background-hover: #fff;
    --modal-close-background-active: #ededf2;
    --modal-close-color: rgb(0, 0, 0)
}

.ric-modal {
    --modal-close-background: rgb(29, 29, 31);
    --modal-close-background-hover: #272729;
    --modal-close-background-active: #18181a;
    --modal-close-color: rgb(255, 255, 255);
    --modal-close-button-margin-top: 20px;
    --modal-close-button-offset-top: 0;
    --modal-close-button-offset-inline-end: 20px;
    --modal-close-button-position: sticky;
    --modal-close-border-radius: 50%;
    --modal-close-icon-size: 36px;
    --modal-close-icon-svg-size: 36px;
    --modal-close-button-size: 44px;
    --modal-overlay-border-radius-top: 28px;
    --modal-overlay-border-radius-bottom: 28px;
    --modal-overlay-background: var(--sk-body-background-color);
    --modal-overlay-padding-top: 40px;
    --modal-overlay-padding-inline: 0;
    --modal-overlay-padding-bottom: 40px;
    --modal-scrim-fill: rgba(0, 0, 0, 0.48);
    --modal-scrim-blur: 20px
}

.ric-modal.ric-modal-scrim-light {
    --modal-scrim-fill: rgba(232, 232, 237, 0.48)
}

@media(max-width:480px) {
    .ric-modal {
        --modal-overlay-border-radius-bottom: 0;
        --modal-overlay-max-width: 100%;
        --modal-overlay-padding-top: 20px;
        --modal-overlay-padding-inline: 0;
        --modal-overlay-padding-bottom: 0;
        --modal-overlay-min-height: calc(100vh - var(--modal-overlay-padding-top))
    }
}

.ric-modal-page-overlay {
    --modal-overlay-content-padding-top: 76px;
    --modal-overlay-content-padding-bottom: 76px;
    --modal-overlay-width: 816px;
    --modal-overlay-content-padding-inline: 76px
}

@media(max-width:1068px) {
    .ric-modal-page-overlay {
        --modal-overlay-width: 692px
    }
}

@media(max-width:734px) {
    .ric-modal-page-overlay {
        --modal-overlay-width: 87.5%
    }
}

@media(max-width:480px) {
    .ric-modal-page-overlay {
        --modal-overlay-width: 100%
    }
}

@media(max-width:1068px) {
    .ric-modal-page-overlay {
        --modal-overlay-content-padding-inline: 76px
    }
}

@media(max-width:734px) {
    .ric-modal-page-overlay {
        --modal-overlay-content-padding-inline: 76px
    }
}

@media(max-width:480px) {
    .ric-modal-page-overlay {
        --modal-overlay-content-padding-inline: 6.25%
    }
}

@media(min-width:1069px) {
    .ric-modal-page-overlay.ric-modal-page-overlay-wide {
        --modal-overlay-width: 1029px
    }
}

.scroll-gallery {
    --paddlenav-height: 36px;
    --paddlenav-sticky-offset: 0px;
    --paddlenav-padding: 48px;
    --responsive-content-width: 87.5%;
    --responsive-content-max-width: 1680px;
    --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
}

html.hide-acmi [data-toggle=acmi] {
    display: none
}

html.hide-acmi #ac-globalfooter .ac-gf-sosumi [data-toggle-footnote=acmi] {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0
}

html.hide-acmi #ac-globalfooter .ac-gf-sosumi li [data-toggle-footnote=acmi],
html.hide-acmi .acmi-ribbon {
    display: none
}

html.hide-acmi .acmi-ribbon .ribbon-drop-wrapper {
    animation-play-state: paused
}

.section:has(.index) {
    background-color: #fafafc
}

.theme-dark .section:has(.index) {
    background-color: #161617
}

.no-js .index {
    display: none
}

.index .index-title {
    margin-bottom: 53px
}

@media(max-width:1068px) {
    .index .index-title {
        margin-bottom: 38px
    }
}

@media(max-width:734px) {
    .index .index-title {
        margin-bottom: 34px
    }
}

.index .index-list-title {
    color: #6e6e73;
    margin-bottom: 15px
}

.theme-dark .index .index-list-title {
    color: #86868b
}

@media(max-width:734px) {
    .index .index-list-title {
        margin-bottom: 12px
    }
}

.index .index-groups {
    display: flex;
    flex-wrap: wrap
}

.index .index-group {
    padding-inline-end: 44px;
    max-width: 25%;
    vertical-align: top;
    box-sizing: border-box
}

@media(min-width:1441px) {
    .index .index-group {
        max-width: 20%
    }
}

@media(max-width:1068px) {
    .index .index-group {
        max-width: 50%
    }
}

@media(max-width:734px) {
    .index .index-group {
        width: 100%;
        max-width: none;
        margin-bottom: 36px;
        display: block;
        padding-inline-end: 0
    }
}

.index .index-group:first-of-type {
    padding-inline-end: 88px;
    max-width: 50%
}

@media(min-width:1441px) {
    .index .index-group:first-of-type {
        max-width: 40%
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .index .index-group:first-of-type {
        width: 100%;
        max-width: 75%;
        display: block;
        margin-bottom: 56px;
        box-sizing: initial;
        padding-inline-end: 96px
    }
}

@media(max-width:734px) {
    .index .index-group:first-of-type {
        max-width: none;
        padding-inline-end: 0
    }
}

.index .index-group:first-of-type .index-list-title {
    margin-bottom: 14px
}

@media(max-width:734px) {
    .index .index-group:first-of-type .index-list-title {
        margin-bottom: 11px
    }
}

.index [dir=rtl] .index-group {
    float: right
}

.index .index-list {
    list-style-type: none;
    margin-inline-start: 0
}

.index .index-item-base {
    margin-bottom: 14px
}

@media(max-width:734px) {
    .index .index-item-base {
        margin-bottom: 11px
    }
}

.index .index-item-base:last-of-type {
    margin-bottom: 0
}

.index .index-item-elevated {
    margin-bottom: 11px
}

@media(max-width:1068px) {
    .index .index-item-elevated {
        margin-bottom: 9px
    }
}

@media(max-width:734px) {
    .index .index-item-elevated {
        margin-bottom: 8px
    }
}

.index .index-item-elevated+.index-item-base {
    margin-top: 30px
}

@media(max-width:1068px) {
    .index .index-item-elevated+.index-item-base {
        margin-top: 22px
    }
}

@media(max-width:734px) {
    .index .index-item-elevated+.index-item-base {
        margin-top: 19px
    }
}

.index .index-link {
    color: #333336
}

.theme-dark .index .index-link {
    color: #e8e8ed
}

.index .index-link:hover .icon-copy {
    text-decoration: none
}

html.no-inline-media .inline-media-component-container .video-wrapper picture:first-of-type {
    position: relative;
    opacity: 1
}

html.no-inline-media .inline-media-component-container .video-wrapper picture:not(:first-of-type),
html.no-inline-media .inline-media-component-container .video-wrapper video {
    display: none
}

.inline-media-component-container {
    position: relative;
    width: 100%;
    max-width: 1680px;
    display: flex;
    justify-content: center;
    align-items: center
}

html.reduced-motion .inline-media-component-container:not(.with-media-ui) picture:first-of-type {
    position: relative;
    opacity: 1
}

html.reduced-motion .inline-media-component-container:not(.with-media-ui) picture:not(:first-of-type),
html.reduced-motion .inline-media-component-container:not(.with-media-ui) video {
    display: none
}

.inline-media-component-container .video-wrapper {
    display: grid;
    position: relative;
    width: 100%;
    height: 100%;
    isolation: isolate
}

.inline-media-component-container .video-wrapper::after {
    content: "";
    left: 0;
    background: rgba(0, 0, 0, 0)
}

.inline-media-component-container .video-wrapper::after,
.inline-media-component-container .video-wrapper video {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0
}

html.safari .inline-media-component-container .video-wrapper video {
    mask-image: radial-gradient(white, white)
}

html.no-js .inline-media-component-container .video-wrapper video {
    display: none
}

.inline-media-component-container .video-wrapper .end-frame,
.inline-media-component-container .video-wrapper .fallback-frame,
.inline-media-component-container .video-wrapper .start-frame {
    position: absolute;
    opacity: 0
}

html.no-touch .inline-media-component-container .video-wrapper .end-frame,
html.no-touch .inline-media-component-container .video-wrapper .fallback-frame,
html.no-touch .inline-media-component-container .video-wrapper .start-frame {
    pointer-events: none
}

.inline-media-component-container .video-wrapper .end-frame img,
.inline-media-component-container .video-wrapper .fallback-frame img,
.inline-media-component-container .video-wrapper .start-frame img {
    width: 100%
}

.inline-media-component-container .video-wrapper .start-frame {
    z-index: 4
}

html.no-js .inline-media-component-container .video-wrapper .start-frame {
    position: relative
}

.inline-media-component-container .video-wrapper .end-frame {
    z-index: 3
}

.inline-media-component-container .video-wrapper .fallback-frame {
    z-index: 2
}

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

.inline-media-component-container .video-wrapper.ended .end-frame,
.inline-media-component-container .video-wrapper.media-unloaded .end-frame {
    opacity: 1;
    pointer-events: all;
    transition: opacity .4s ease-out
}

html.no-touch .inline-media-component-container .video-wrapper.ended .end-frame,
html.no-touch .inline-media-component-container .video-wrapper.media-unloaded .end-frame {
    pointer-events: all
}

.inline-media-component-container.fallback picture:first-of-type {
    position: relative;
    opacity: 1
}

.inline-media-component-container.fallback picture:not(:first-of-type),
.inline-media-component-container.fallback video {
    display: none
}

.inline-media-component-container.fluid .video-wrapper picture.end-frame,
.inline-media-component-container.fluid .video-wrapper picture.fallback-frame,
.inline-media-component-container.fluid .video-wrapper picture.start-frame,
.inline-media-component-container.fluid .video-wrapper picture img {
    width: 100%;
    height: 100%
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button {
    position: absolute;
    top: 20px;
    inset-inline-end: 0;
    z-index: 2;
    --inline-media-playpause-icon-color: rgb(0 0 0/56%);
    --inline-media-playpause-icon-color-hover: rgb(0 0 0/64%);
    --inline-media-playpause-scrim-color: rgb(210 210 215/64%);
    --inline-media-playpause-icon-color: rgba(0, 0, 0, 0.56);
    --inline-media-playpause-icon-color-hover: rgba(0, 0, 0, 0.72);
    --inline-media-playpause-scrim-color: rgba(210, 210, 215, 0.64);
    --inline-media-playpause-scrim-color-hover: rgba(223, 223, 227, 0.6976);
    --inline-media-playpause-scrim-color-active: rgba(193, 193, 198, 0.6544)
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loading-empty .play-pause-button {
    opacity: 0
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loading .play-pause-button {
    pointer-events: none;
    opacity: 1
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loading .play-pause-button::after {
    mask: none;
    background: no-repeat 50%/contain rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyMXYyMUgweiIvPjxwYXRoIGQ9Ik0xMC41IDMuNWExIDEgMCAwMTEgMXYyYTEgMSAwIDAxLTIgMHYtMmExIDEgMCAwMTEtMXoiIGZpbGw9IiM2ZTZlNzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGQ9Ik0xNS40NSA1LjU1YTEgMSAwIDAxMCAxLjQxTDE0IDguMzhBMSAxIDAgMTExMi42MiA3TDE0IDUuNTVhMSAxIDAgMDExLjQ1IDB6IiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIGZpbGw9IiM2ZTZlNzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjEiLz48cGF0aCBkPSJNMTcuNSAxMC41YTEgMSAwIDAxLTEgMWgtMmExIDEgMCAwMTAtMmgyYTEgMSAwIDAxMSAxeiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii4yIi8+PHBhdGggZD0iTTE1LjQ1IDE1LjQ1YTEgMSAwIDAxLTEuNDEgMEwxMi42MiAxNEExIDEgMCAxMTE0IDEyLjYyTDE1LjQ1IDE0YTEgMSAwIDAxMCAxLjQ1eiIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiBmaWxsPSIjNmU2ZTczIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTEwLjUgMTcuNWExIDEgMCAwMS0xLTF2LTJhMSAxIDAgMDEyIDB2MmExIDEgMCAwMS0xIDF6IiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIGZpbGw9IiM2ZTZlNzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJNNS41NSAxNS40NWExIDEgMCAwMTAtMS40MUw3IDEyLjYyQTEgMSAwIDExOC4zOCAxNEw3IDE1LjQ1YTEgMSAwIDAxLTEuNDUgMHoiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgZmlsbD0iIzZlNmU3MyIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNiIvPjxwYXRoIGQ9Ik0zLjUgMTAuNWExIDEgMCAwMTEtMWgyYTEgMSAwIDAxMCAyaC0yYTEgMSAwIDAxLTEtMXoiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgZmlsbD0iIzZlNmU3MyIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNyIvPjxwYXRoIGQ9Ik01LjU1IDUuNTVhMSAxIDAgMDExLjQ1IDBMOC4zOCA3QTEgMSAwIDAxNyA4LjM4TDUuNTUgN2ExIDEgMCAwMTAtMS40NXoiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgZmlsbD0iIzZlNmU3MyIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuOSIvPjwvc3ZnPg==");
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    transform-origin: center;
    width: 21px;
    height: 21px;
    animation: inline-media-spin .85s steps(8) infinite
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loading .play-pause-button:active::after,
.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loading .play-pause-button:hover::after {
    background-color: rgba(0, 0, 0, 0)
}

@keyframes inline-media-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loaded.playing .play-pause-button::after {
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PHBhdGggZD0iTTIzLjUgMTIuODkzdjEwLjIxNGMwIC43NjktLjU5NyAxLjM5My0xLjMzMyAxLjM5M2gtMS4zMzRjLS43MzYgMC0xLjMzMy0uNjI0LTEuMzMzLTEuMzkzVjEyLjg5M2MwLS43Ny41OTctMS4zOTMgMS4zMzMtMS4zOTNoMS4zMzRjLjczNiAwIDEuMzMzLjYyNCAxLjMzMyAxLjM5M3pNMTUuMTY3IDExLjVoLTEuMzM0Yy0uNzM2IDAtMS4zMzMuNjI0LTEuMzMzIDEuMzkzdjEwLjIxNGMwIC43NjkuNTk3IDEuMzkzIDEuMzMzIDEuMzkzaDEuMzM0Yy43MzYgMCAxLjMzMy0uNjI0IDEuMzMzLTEuMzkzVjEyLjg5M2MwLS43Ny0uNTk3LTEuMzkzLTEuMzMzLTEuMzkzeiIvPjwvc3ZnPg==")
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loaded.ended .play-pause-button::after {
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PHBhdGggZD0iTTIzLjUgMTYuNUExLjUgMS41IDAgMDAyMiAxOGMwIDIuMjA2LTEuNzk0IDQtNCA0cy00LTEuNzk0LTQtNGMwLTEuOTkgMS40NjQtMy42MyAzLjM2OS0zLjkzNmwtLjM3Ni4zNzVhMS41IDEuNSAwIDEwMi4xMjEgMi4xMjJsMi45MjktMi45M2ExLjUgMS41IDAgMDAwLTIuMTJsLTMuMDcxLTMuMDcyYTEuNSAxLjUgMCAxMC0yLjEyMSAyLjEyMmwuNDczLjQ3M0MxMy43OCAxMS4zNzUgMTEgMTQuMzY4IDExIDE4YzAgMy44NiAzLjE0IDcgNyA3czctMy4xNCA3LTdhMS41IDEuNSAwIDAwLTEuNS0xLjV6Ii8+PC9zdmc+")
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loaded .play-pause-button {
    pointer-events: all;
    opacity: 1
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button {
    position: relative;
    display: flex;
    justify-self: flex-end;
    align-self: flex-end;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    margin-inline-end: 20px;
    margin-bottom: 20px;
    border: none;
    background: none;
    background-color: var(--inline-media-playpause-scrim-color);
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 100ms linear, transform .2s ease;
    cursor: pointer;
    pointer-events: none
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button::after {
    content: "";
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PHBhdGggZD0iTTE0IDIyLjU4N3YtOS4xNjhjMC0uOTM0LjU2My0xLjQyNSAxLjI2LTEuNDI1LjM4NiAwIC42MjcuMDY1Ljk2Ny4yNzNsNy40NjggNC40MDNjLjY2Mi4zOSAxLjAyLjcwNyAxLjAyIDEuMzI0IDAgLjYxOC0uMzU4LjkzNS0xLjAyIDEuMzI1bC03LjQ2OCA0LjQwM2MtLjM0LjIwOC0uNTgxLjI3My0uOTY2LjI3My0uNjk4IDAtMS4yNjEtLjQ3My0xLjI2MS0xLjQwOCIvPjwvc3ZnPg==");
    mask-size: cover;
    display: inline-block;
    width: 36px;
    height: 36px;
    position: absolute;
    background-color: var(--inline-media-playpause-icon-color)
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button:disabled {
    pointer-events: none;
    opacity: .32
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button:hover {
    background-color: var(--inline-media-playpause-scrim-color-hover)
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button:hover::after {
    background-color: var(--inline-media-playpause-icon-color-hover)
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button:active {
    background-color: var(--inline-media-playpause-scrim-color-active);
    transform: scale(0.95)
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button:active::after {
    background-color: var(--inline-media-playpause-icon-color)
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button:focus-visible {
    outline: none
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button:focus-visible::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    box-sizing: border-box;
    outline: 2px solid #0071e3;
    outline-offset: 3px
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button {
    border-radius: 50%
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button:focus-visible {
    box-shadow: 0 0 0 3px #000, 0 0 0 5px #0071e3
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button .play-pause-button:not(:focus-visible)::before {
    border: none
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loading {
    --inline-media-playpause-scrim-color: rgb(0 0 0/0%)
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.loading .play-pause-button:hover::after {
    --inline-media-playpause-icon-color-hover: rgb(0 0 0/0%)
}

html.no-reduced-motion .inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.inline-media-ui-replay-only {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

html.no-reduced-motion .inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button .inline-media-ui-button.inline-media-ui-replay-only.loaded.ended {
    transition: opacity 400ms ease-in-out;
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button.with-media-ui-dark .inline-media-ui-button {
    --inline-media-playpause-icon-color: rgba(255, 255, 255, 0.8);
    --inline-media-playpause-icon-color-hover: rgb(255, 255, 255);
    --inline-media-playpause-scrim-color: rgba(66, 66, 69, 0.72);
    --inline-media-playpause-scrim-color-hover: rgba(73, 73, 76, 0.7256);
    --inline-media-playpause-scrim-color-active: rgba(57, 57, 60, 0.7424)
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button.with-media-ui-dark .inline-media-ui-button.loading {
    --inline-media-playpause-scrim-color: rgb(0 0 0/0%)
}

.inline-media-component-container:not(.fallback, .media-unloaded).with-media-ui-button.with-media-ui-dark .inline-media-ui-button.loading .play-pause-button:hover::after {
    --inline-media-playpause-icon-color-hover: rgb(0 0 0/0%)
}

.inline-media-component-container.fallback.with-media-ui .inline-media-ui,
.inline-media-component-container.hide-ui.with-media-ui .inline-media-ui,
.inline-media-component-container.media-unloaded.with-media-ui .inline-media-ui {
    display: none
}

.inline-media-component-container.with-media-ui-text {
    --inline-media-text-button-spacing-top: 40px;
    --inline-media-text-button-spacing-bottom: 60px;
    margin-bottom: calc(var(--inline-media-text-button-spacing-top) + var(--inline-media-text-button-spacing-bottom))
}

@media(max-width:1068px) {
    .inline-media-component-container.with-media-ui-text {
        --inline-media-text-button-spacing-bottom: 50px
    }
}

@media(max-width:734px) {
    .inline-media-component-container.with-media-ui-text {
        --inline-media-text-button-spacing-bottom: 40px
    }
}

.inline-media-component-container.with-media-ui-text.fallback {
    margin-bottom: var(--inline-media-text-button-spacing-bottom)
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text {
    display: flex;
    z-index: 20;
    position: absolute;
    bottom: calc(var(--inline-media-text-button-spacing-top, 40px)*-1);
    width: 100%;
    justify-content: center;
    opacity: 0;
    pointer-events: none
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text.ended,
.inline-media-component-container.with-media-ui-text .inline-media-ui-text.loaded,
.inline-media-component-container.with-media-ui-text .inline-media-ui-text.loading,
.inline-media-component-container.with-media-ui-text .inline-media-ui-text.playing,
.inline-media-component-container.with-media-ui-text .inline-media-ui-text:not(.loading-empty) {
    opacity: 1;
    pointer-events: all
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text .play-pause-button {
    text-align: center;
    color: #06c
}

.theme-dark .inline-media-component-container.with-media-ui-text .inline-media-ui-text .play-pause-button {
    color: #2997ff
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text .play-pause-button::after,
.inline-media-component-container.with-media-ui-text .inline-media-ui-text .play-pause-button::before {
    display: none
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text .play-pause-button:active {
    transform: none
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text .play-pause-button:focus-visible {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: var(--sk-focus-offset, 1px)
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text .play-pause-button:hover .text {
    text-decoration: underline
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text .ended,
.inline-media-component-container.with-media-ui-text .inline-media-ui-text .paused,
.inline-media-component-container.with-media-ui-text .inline-media-ui-text .playing {
    display: none;
    opacity: 0;
    transition: opacity 400ms ease-out
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text.ended .ended,
.inline-media-component-container.with-media-ui-text .inline-media-ui-text.paused .paused,
.inline-media-component-container.with-media-ui-text .inline-media-ui-text.playing .playing {
    display: block;
    opacity: 1
}

.inline-media-component-container.with-media-ui-text .inline-media-ui-text.disabled {
    opacity: 0;
    pointer-events: none
}

html.no-reduced-motion .inline-media-component-container.with-media-ui-text .inline-media-ui-text.inline-media-ui-replay-only {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

html.no-reduced-motion .inline-media-component-container.with-media-ui-text .inline-media-ui-text.inline-media-ui-replay-only.loaded.ended {
    transition: opacity 400ms ease-in-out;
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.inline-media-component-container.with-media-ui-text.fallback .inline-media-ui-text {
    display: none
}

[data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
[data-media-card-gallery] {
    --autoplay-persist-duration: 6.15s;
    --autoplay-progress: 0;
    --animation-duration: 5s;
    --animation-reset-duration: 0.5s;
    --frame-transition-duration: 200ms;
    --scroll-gallery-scrollbar-height: 15px;
    --card-color: var(--global-section-background-color-alt);
    --card-color-dark: var(--global-section-background-color-alt-dark);
    --caption-color: rgba(0, 0, 0, 0.88);
    --caption-color-dark: rgba(255, 255, 255, 0.92);
    --caption-offset: 120px;
    --caption-offset-delay: 0s;
    --caption-offset-duration: calc(var(--autoplay-transition-duration)*0.6);
    --caption-width: 400px;
    --caption-top: 48px;
    --caption-left: 48px;
    --caption-offset-x: var(--caption-left);
    --caption-offset-y: var(--caption-top);
    --current-viewport: large
}

@media(min-width:1441px) {

    [data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
    [data-media-card-gallery] {
        --caption-width: 480px
    }
}

@media(max-width:1068px) {

    [data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
    [data-media-card-gallery] {
        --caption-width: 320px;
        --caption-top: 44px;
        --caption-left: 44px
    }
}

@media(max-width:734px) {

    [data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
    [data-media-card-gallery] {
        --caption-width: min(240px, 100% - var(--caption-left));
        --caption-top: 32px;
        --caption-left: min(32px, calc(8.33333vw - var(--shared-media-gallery-padding)/12))
    }
}

@media(max-width:480px) {

    [data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
    [data-media-card-gallery] {
        --caption-width: min(212px, 100% - var(--caption-left))
    }
}

html.text-zoom [data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
html.text-zoom [data-media-card-gallery] {
    --caption-width: calc(100% - var(--caption-left) - 40px)
}

@media(min-width:1441px) {

    [data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
    [data-media-card-gallery] {
        --current-viewport: xlarge
    }
}

@media(max-width:1068px) {

    [data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
    [data-media-card-gallery] {
        --current-viewport: medium
    }
}

@media(max-width:734px) {

    [data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
    [data-media-card-gallery] {
        --current-viewport: small
    }
}

@media(max-width:480px) {

    [data-component-list*=MediaCardGallery]:not([data-component-list*=MediaCardGalleryControl]),
    [data-media-card-gallery] {
        --current-viewport: xsmall
    }
}

.dotnav {
    --sk-dotnav-background: rgba(0, 0, 0, 0.42);
    --sk-dotnav-background-hover: rgba(0, 0, 0, 0.54);
    --sk-dotnav-background-current: rgba(0, 0, 0, 0.8);
    --sk-dotnav-size: 8px;
    --sk-dotnav-margin-block: 0;
    --sk-dotnav-margin-inline: 8px;
    text-align: center;
    box-sizing: border-box
}

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

.dotnav-item {
    list-style: none;
    margin-block: var(--sk-dotnav-margin-block);
    margin-inline: var(--sk-dotnav-margin-inline);
    position: relative
}

.dotnav-item,
.dotnav-link {
    width: var(--sk-dotnav-size);
    height: var(--sk-dotnav-size)
}

.dotnav-link {
    top: 0;
    left: 0;
    outline: none;
    position: absolute;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 0;
    background: var(--sk-dotnav-background)
}

.dotnav-link:hover {
    background: var(--sk-dotnav-background-hover)
}

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

.dotnav .current.dotnav-item .dotnav-link,
.dotnav .current.dotnav-link {
    cursor: default;
    background: var(--sk-dotnav-background-current)
}

.dotnav-dark,
.theme-light .dotnav.dotnav-dark {
    --sk-dotnav-background: rgba(255, 255, 255, 0.36);
    --sk-dotnav-background-hover: rgba(255, 255, 255, 0.48);
    --sk-dotnav-background-current: rgba(255, 255, 255, 0.8)
}

.dotnav-light,
.theme-dark .dotnav.dotnav-light {
    --sk-dotnav-background: rgba(0, 0, 0, 0.42);
    --sk-dotnav-background-hover: rgba(0, 0, 0, 0.54);
    --sk-dotnav-background-current: rgba(0, 0, 0, 0.8)
}

[data-component-list=MediaCardGallery],
[data-media-card-gallery] {
    --ltr: 1;
    width: 100%;
    margin: 0 auto
}

html[dir=rtl] [data-component-list=MediaCardGallery],
html[dir=rtl] [data-media-card-gallery] {
    --ltr: -1
}

[data-component-list=MediaCardGallery].will-change .caption,
[data-component-list=MediaCardGallery].will-change .startframe,
[data-component-list=MediaCardGallery].will-change video,
[data-media-card-gallery].will-change .caption,
[data-media-card-gallery].will-change .startframe,
[data-media-card-gallery].will-change video {
    will-change: transform
}

[data-component-list=MediaCardGallery] .media-gallery-wrapper,
[data-media-card-gallery] .media-gallery-wrapper {
    width: 100%;
    margin: 0 auto
}

[data-component-list=MediaCardGallery] .media-gallery-wrapper.disable-scroll .scroll-container,
[data-media-card-gallery] .media-gallery-wrapper.disable-scroll .scroll-container {
    overflow-x: hidden
}

[data-component-list=MediaCardGallery] .media-gallery,
[data-media-card-gallery] .media-gallery {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: var(--shared-media-gallery-height)
}

html.no-js [data-component-list=MediaCardGallery] .media-gallery,
html.no-js [data-media-card-gallery] .media-gallery {
    height: auto
}

[data-component-list=MediaCardGallery] .media-gallery.scroll-container.animating,
[data-media-card-gallery] .media-gallery.scroll-container.animating {
    pointer-events: none
}

[data-component-list=MediaCardGallery] .media-gallery .gallery-item,
[data-media-card-gallery] .media-gallery .gallery-item {
    background-color: var(--card-color)
}

[data-component-list=MediaCardGallery] .media-gallery .gallery-item[data-ac-gallery-item],
[data-media-card-gallery] .media-gallery .gallery-item[data-ac-gallery-item] {
    --animation-duration: 4s;
    --animation-position: 0
}

[data-component-list=MediaCardGallery] .media-gallery .gallery-item .inline-media-ui-button,
[data-media-card-gallery] .media-gallery .gallery-item .inline-media-ui-button {
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease-out;
    top: auto;
    bottom: 0
}

[data-component-list=MediaCardGallery] .media-gallery .gallery-item.current .inline-media-ui-button,
[data-media-card-gallery] .media-gallery .gallery-item.current .inline-media-ui-button {
    pointer-events: all;
    opacity: 1
}

html.no-touch [data-component-list=MediaCardGallery] .media-gallery .gallery-item:not(.current, :only-child):hover,
html.no-touch [data-media-card-gallery] .media-gallery .gallery-item:not(.current, :only-child):hover {
    cursor: pointer
}

[data-component-list=MediaCardGallery] .media-gallery .gallery-item.theme-dark,
[data-media-card-gallery] .media-gallery .gallery-item.theme-dark {
    background-color: var(--card-color-dark)
}

[data-component-list=MediaCardGallery] .media-gallery .gallery-item.theme-dark .caption,
[data-media-card-gallery] .media-gallery .gallery-item.theme-dark .caption {
    color: var(--caption-color-dark)
}

html.text-zoom [data-component-list=MediaCardGallery] .media-gallery .gallery-item.theme-dark .caption,
html.text-zoom [data-media-card-gallery] .media-gallery .gallery-item.theme-dark .caption {
    background-color: rgba(0, 0, 0, .88)
}

[data-component-list=MediaCardGallery] .media-gallery .caption-container,
[data-component-list=MediaCardGallery] .media-gallery .media-container,
[data-media-card-gallery] .media-gallery .caption-container,
[data-media-card-gallery] .media-gallery .media-container {
    position: absolute;
    width: 100%;
    height: 100%
}

[data-component-list=MediaCardGallery] .media-gallery .caption-container,
[data-media-card-gallery] .media-gallery .caption-container {
    --pin-offset-x: var(--caption-offset-x);
    --pin-offset-y: var(--caption-offset-y);
    z-index: 4;
    display: flex
}

[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=large-pin-bottom-center],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=large-pin-center-center],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=large-pin-top-center],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=pin-bottom-center],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=pin-center-center],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=pin-top-center],
[data-media-card-gallery] .media-gallery .caption-container[class*=large-pin-bottom-center],
[data-media-card-gallery] .media-gallery .caption-container[class*=large-pin-center-center],
[data-media-card-gallery] .media-gallery .caption-container[class*=large-pin-top-center],
[data-media-card-gallery] .media-gallery .caption-container[class*=pin-bottom-center],
[data-media-card-gallery] .media-gallery .caption-container[class*=pin-center-center],
[data-media-card-gallery] .media-gallery .caption-container[class*=pin-top-center] {
    text-align: center
}

[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=large-pin-bottom-left],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=large-pin-bottom-right],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=large-pin-center-left],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=large-pin-center-right],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=large-pin-top-left],
[data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=large-pin-top-right],
[data-media-card-gallery] .media-gallery .caption-container[class*=large-pin-bottom-left],
[data-media-card-gallery] .media-gallery .caption-container[class*=large-pin-bottom-right],
[data-media-card-gallery] .media-gallery .caption-container[class*=large-pin-center-left],
[data-media-card-gallery] .media-gallery .caption-container[class*=large-pin-center-right],
[data-media-card-gallery] .media-gallery .caption-container[class*=large-pin-top-left],
[data-media-card-gallery] .media-gallery .caption-container[class*=large-pin-top-right] {
    text-align: unset
}

@media(min-width:1441px) {

    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xlarge-pin-bottom-center],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xlarge-pin-center-center],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xlarge-pin-top-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xlarge-pin-bottom-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xlarge-pin-center-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xlarge-pin-top-center] {
        text-align: center
    }
}

@media(min-width:1441px) {

    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xlarge-pin-bottom-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xlarge-pin-bottom-right],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xlarge-pin-center-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xlarge-pin-center-right],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xlarge-pin-top-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xlarge-pin-top-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xlarge-pin-bottom-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xlarge-pin-bottom-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xlarge-pin-center-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xlarge-pin-center-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xlarge-pin-top-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xlarge-pin-top-right] {
        text-align: unset
    }
}

@media(max-width:1068px) {

    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=medium-pin-bottom-center],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=medium-pin-center-center],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=medium-pin-top-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=medium-pin-bottom-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=medium-pin-center-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=medium-pin-top-center] {
        text-align: center
    }
}

@media(max-width:1068px) {

    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=medium-pin-bottom-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=medium-pin-bottom-right],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=medium-pin-center-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=medium-pin-center-right],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=medium-pin-top-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=medium-pin-top-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=medium-pin-bottom-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=medium-pin-bottom-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=medium-pin-center-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=medium-pin-center-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=medium-pin-top-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=medium-pin-top-right] {
        text-align: unset
    }
}

@media(max-width:734px) {

    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=small-pin-bottom-center],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=small-pin-center-center],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=small-pin-top-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=small-pin-bottom-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=small-pin-center-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=small-pin-top-center] {
        text-align: center
    }
}

@media(max-width:734px) {

    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=small-pin-bottom-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=small-pin-bottom-right],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=small-pin-center-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=small-pin-center-right],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=small-pin-top-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=small-pin-top-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=small-pin-bottom-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=small-pin-bottom-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=small-pin-center-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=small-pin-center-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=small-pin-top-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=small-pin-top-right] {
        text-align: unset
    }
}

@media(max-width:480px) {

    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xsmall-pin-bottom-center],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xsmall-pin-center-center],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xsmall-pin-top-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xsmall-pin-bottom-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xsmall-pin-center-center],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xsmall-pin-top-center] {
        text-align: center
    }
}

@media(max-width:480px) {

    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xsmall-pin-bottom-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xsmall-pin-bottom-right],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xsmall-pin-center-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xsmall-pin-center-right],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xsmall-pin-top-left],
    [data-component-list=MediaCardGallery] .media-gallery .caption-container[class*=xsmall-pin-top-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xsmall-pin-bottom-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xsmall-pin-bottom-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xsmall-pin-center-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xsmall-pin-center-right],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xsmall-pin-top-left],
    [data-media-card-gallery] .media-gallery .caption-container[class*=xsmall-pin-top-right] {
        text-align: unset
    }
}

[data-component-list=MediaCardGallery] .media-gallery .caption,
[data-media-card-gallery] .media-gallery .caption {
    --parallax-offset: calc((var(--progress) - var(--autoplay-progress))*var(--ltr));
    --parallax-x: calc((var(--parallax-offset) + var(--parallax-offset)*1.6)*var(--caption-offset));
    --parallax-opacity: calc(1 - max(var(--parallax-offset), -1 * var(--parallax-offset))*3.2);
    color: var(--caption-color);
    width: var(--caption-width);
    margin: var(--pin-offset-y) var(--pin-offset-x);
    transform: translateX(var(--parallax-x));
    opacity: var(--parallax-opacity)
}

html.text-zoom [data-component-list=MediaCardGallery] .media-gallery .caption,
html.text-zoom [data-media-card-gallery] .media-gallery .caption {
    background-color: rgba(255, 255, 255, .92)
}

html.reduced-motion [data-component-list=MediaCardGallery] .media-gallery .caption,
html.reduced-motion [data-media-card-gallery] .media-gallery .caption {
    transform: none;
    opacity: 1
}

[data-component-list=MediaCardGallery] .media-gallery .media-container,
[data-media-card-gallery] .media-gallery .media-container {
    z-index: 1;
    display: grid;
    overflow: hidden;
    margin-top: 0
}

[data-component-list=MediaCardGallery] .media-gallery .media-container>*,
[data-media-card-gallery] .media-gallery .media-container>* {
    grid-area: 1/1
}

[data-component-list=MediaCardGallery] .media-gallery .media-container.animation-static-end .positioned-media-element[data-animation],
[data-media-card-gallery] .media-gallery .media-container.animation-static-end .positioned-media-element[data-animation] {
    animation-name: none
}

[data-component-list=MediaCardGallery] .media-gallery .media-container.static-fallback-only .positioned-media-element:not(.static, picture:first-of-type.endframe, picture:first-of-type.startframe),
[data-media-card-gallery] .media-gallery .media-container.static-fallback-only .positioned-media-element:not(.static, picture:first-of-type.endframe, picture:first-of-type.startframe) {
    display: none
}

[data-component-list=MediaCardGallery] .media-gallery .media-container.static-fallback-only picture:first-of-type.endframe,
[data-component-list=MediaCardGallery] .media-gallery .media-container.static-fallback-only picture:first-of-type.startframe,
[data-media-card-gallery] .media-gallery .media-container.static-fallback-only picture:first-of-type.endframe,
[data-media-card-gallery] .media-gallery .media-container.static-fallback-only picture:first-of-type.startframe {
    opacity: 1
}

[data-component-list=MediaCardGallery] .media-gallery .media-container.animation-static-end .inline-media-ui-button,
[data-component-list=MediaCardGallery] .media-gallery .media-container.static-fallback-only .inline-media-ui-button,
[data-media-card-gallery] .media-gallery .media-container.animation-static-end .inline-media-ui-button,
[data-media-card-gallery] .media-gallery .media-container.static-fallback-only .inline-media-ui-button {
    display: none
}

[data-component-list=MediaCardGallery] .media-gallery .media-container.ended .endframe,
[data-component-list=MediaCardGallery] .media-gallery .media-container.media-unloaded .endframe,
[data-component-list=MediaCardGallery] .media-gallery .media-container:not(.loaded, .loading-disabled, .media-unloaded) .startframe,
[data-media-card-gallery] .media-gallery .media-container.ended .endframe,
[data-media-card-gallery] .media-gallery .media-container.media-unloaded .endframe,
[data-media-card-gallery] .media-gallery .media-container:not(.loaded, .loading-disabled, .media-unloaded) .startframe {
    opacity: 1;
    pointer-events: all
}

html.no-touch [data-component-list=MediaCardGallery] .media-gallery .media-container.ended .endframe,
html.no-touch [data-component-list=MediaCardGallery] .media-gallery .media-container.media-unloaded .endframe,
html.no-touch [data-media-card-gallery] .media-gallery .media-container.ended .endframe,
html.no-touch [data-media-card-gallery] .media-gallery .media-container.media-unloaded .endframe {
    pointer-events: all
}

[data-component-list=MediaCardGallery] .media-gallery .positioned-media-element,
[data-media-card-gallery] .media-gallery .positioned-media-element {
    --media-offset-x: 0px;
    --media-offset-y: 0px;
    --pin-offset-x: var(--media-offset-x);
    --pin-offset-y: var(--media-offset-y);
    width: 100%;
    height: 100%;
    margin: var(--pin-offset-block)
}

[data-component-list=MediaCardGallery] .media-gallery .positioned-media-element.media,
[data-media-card-gallery] .media-gallery .positioned-media-element.media {
    z-index: 2
}

[data-component-list=MediaCardGallery] .media-gallery .positioned-media-element.endframe,
[data-component-list=MediaCardGallery] .media-gallery .positioned-media-element.startframe,
[data-media-card-gallery] .media-gallery .positioned-media-element.endframe,
[data-media-card-gallery] .media-gallery .positioned-media-element.startframe {
    opacity: 0
}

[data-component-list=MediaCardGallery] .media-gallery .positioned-media-element.endframe,
[data-media-card-gallery] .media-gallery .positioned-media-element.endframe {
    z-index: 3;
    transition: opacity var(--frame-transition-duration) ease-out
}

[data-component-list=MediaCardGallery] .media-gallery .positioned-media-element.startframe,
[data-media-card-gallery] .media-gallery .positioned-media-element.startframe {
    z-index: 4
}

[data-component-list=MediaCardGallery] .media-gallery .positioned-media-element.startframe.show,
[data-media-card-gallery] .media-gallery .positioned-media-element.startframe.show {
    opacity: 1;
    transition: opacity var(--frame-transition-duration) ease-out
}

[data-component-list=MediaCardGallery] .media-gallery .positioned-media-element.hide,
[data-media-card-gallery] .media-gallery .positioned-media-element.hide {
    visibility: hidden
}

[data-component-list=MediaCardGallery] .dotnav-item.current,
[data-component-list=MediaCardGallery] .dotnav-link.current,
[data-media-card-gallery] .dotnav-item.current,
[data-media-card-gallery] .dotnav-link.current {
    pointer-events: none
}

.ric-modal-product-story {
    --modal-overlay-width: 100%;
    --modal-overlay-max-width: 1940px;
    --modal-overlay-padding-inline: 10px
}

@media(max-width:480px) {
    .ric-modal-product-story {
        --modal-overlay-border-radius-bottom: 28px;
        --modal-overlay-padding-bottom: 20px;
        --modal-overlay-min-height: 0
    }
}

.ric-modal-product-story .viewport-content {
    width: calc(87.5% + var(--modal-overlay-padding-inline)*2)
}

.ar-link a {
    position: relative
}

.ar-link a img {
    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
}

.ar-link a span {
    position: relative
}

.ar-link a :not(.icon-arkit) span::after,
.ar-link a :not(.icon-arkit) span::before {
    font-family: SF Pro Icons;
    color: inherit;
    display: inline-block;
    font-style: normal;
    font-weight: inherit;
    font-size: inherit;
    line-height: 1;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    alt: "";
    text-decoration: none
}

.ar-link a :not(.icon-arkit) span::before {
    display: none
}

.ar-link a :not(.icon-arkit) span::after,
.ar-link a :not(.icon-arkit) span::before {
    content: ""
}

.ar-link a :not(.icon-arkit) span::after {
    padding-inline-start: .24em;
    top: 0
}

.section-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
    grid-row-gap: 20px;
    row-gap: 20px;
    grid-column-gap: 120px;
    column-gap: 120px
}

@media(min-width:735px) {
    .section-header {
        align-items: flex-end;
        grid-column-gap: 80px;
        column-gap: 80px
    }
}

@media(max-width:1068px) {
    .section-header {
        padding-bottom: 64px
    }
}

@media(max-width:734px) {
    .section-header {
        flex-direction: column;
        padding-bottom: 48px;
        align-content: flex-start;
        grid-gap: 16px;
        gap: 16px
    }
}

.section-header .section-header-headline {
    flex-grow: 1
}

@media(min-width:735px) {
    .section-header .section-header-headline {
        max-width: 75%;
        min-width: 50%
    }
}

@media(max-width:734px) {
    .section-header .section-header-headline {
        width: 100%
    }
}

.section-header .visuallyhidden+.section-header-headline {
    margin-top: 0
}

.section-header .section-header-cta-list-wrapper {
    display: inline-block;
    padding-bottom: 4px;
    margin-top: 0
}

@media(max-width:1068px) {
    .section-header .section-header-cta-list-wrapper {
        padding-bottom: 2px
    }
}

.section-header .section-header-cta-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    grid-column-gap: 34px;
    column-gap: 34px;
    grid-row-gap: 6px;
    row-gap: 6px
}

@media(max-width:734px) {
    .section-header .section-header-cta-list {
        grid-column-gap: 28px;
        column-gap: 28px;
        grid-row-gap: 5px;
        row-gap: 5px
    }
}

.section-header .section-header-cta-item {
    list-style-type: none;
    display: inline
}

.section-header .section-header-cta-item:has(.ar-link) {
    display: none
}

html.ar-quicklook .section-header .section-header-cta-item:has(.ar-link) {
    display: inline
}

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

.tout-group {
    display: grid;
    grid-row-gap: 40px
}

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

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

.ric-modal.product-stories-design-modal {
    background: none
}

.ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-canopy {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1900px;
    --p-height: 980px
}

@media(max-width:1068px)and (max-width:1068px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-canopy {
        --p-width: 1028px;
        --p-height: 760px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-canopy {
        --p-width: 694px;
        --p-height: 574px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-canopy {
        --p-width: 440px;
        --p-height: 590px
    }
}

.ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-cups {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 940px;
    --p-height: 1100px
}

@media(max-width:1068px)and (max-width:1068px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-cups {
        --p-width: 504px;
        --p-height: 770px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-cups {
        --p-width: 694px;
        --p-height: 584px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-cups {
        --p-width: 440px;
        --p-height: 584px
    }
}

.ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-cushions {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 940px;
    --p-height: 1100px
}

@media(max-width:1068px)and (max-width:1068px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-cushions {
        --p-width: 504px;
        --p-height: 770px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-cushions {
        --p-width: 694px;
        --p-height: 584px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-cushions {
        --p-width: 440px;
        --p-height: 584px
    }
}

.ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-digital-crown {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1420px;
    --p-height: 930px
}

@media(min-width:1441px)and (min-width:1441px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-digital-crown {
        --p-width: 1900px;
        --p-height: 1076px
    }
}

@media(max-width:1068px)and (max-width:1068px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-digital-crown {
        --p-width: 1048px;
        --p-height: 920px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-digital-crown {
        --p-width: 714px;
        --p-height: 610px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-digital-crown {
        --p-width: 481px;
        --p-height: 702px
    }
}

.ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-smart-case {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1920px;
    --p-height: 992px
}

@media(max-width:1068px)and (max-width:1068px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-smart-case {
        --p-width: 1068px;
        --p-height: 800px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-smart-case {
        --p-width: 714px;
        --p-height: 604px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-smart-case {
        --p-width: 482px;
        --p-height: 604px
    }
}

.ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-telescoping-arms {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1900px;
    --p-height: 900px
}

@media(max-width:1068px)and (max-width:1068px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-telescoping-arms {
        --p-width: 1028px;
        --p-height: 720px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-telescoping-arms {
        --p-width: 694px;
        --p-height: 534px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .ric-modal.product-stories-design-modal .overview-product-stories-design-modal-design-bc-telescoping-arms {
        --p-width: 440px;
        --p-height: 534px
    }
}

.ric-modal.product-stories-design-modal .grid {
    --sk-cssgrid-column-gutter-inner-large: 0;
    --sk-cssgrid-column-gutter-inner-medium: 0;
    --sk-cssgrid-column-gutter-inner-small: 0;
    --sk-cssgrid-column-gutter-inner-xlarge: 0;
    --sk-cssgrid-column-gutter-inner-xsmall: 0;
    --sk-cssgrid-column-gutter-outer-large: 0;
    --sk-cssgrid-column-gutter-outer-medium: 0;
    --sk-cssgrid-column-gutter-outer-small: 0;
    --sk-cssgrid-column-gutter-outer-xlarge: 0;
    --sk-cssgrid-column-gutter-outer-xsmall: 0;
    --sk-cssgrid-row-gutter-inner-large: 20px;
    --sk-cssgrid-row-gutter-inner-medium: 20px;
    --sk-cssgrid-row-gutter-inner-small: 20px;
    --sk-cssgrid-row-gutter-inner-xlarge: 20px;
    --sk-cssgrid-row-gutter-inner-xsmall: 20px
}

.ric-modal.product-stories-design-modal .grid-item-2,
.ric-modal.product-stories-design-modal .grid-item-3,
.ric-modal.product-stories-design-modal .grid-item-4,
.ric-modal.product-stories-design-modal .grid-item-5 {
    padding-left: 10px;
    padding-right: 10px
}

.ric-modal.product-stories-design-modal .grid-item-1 .card {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ric-modal.product-stories-design-modal .grid-item-6 .card {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ric-modal.product-stories-design-modal .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 900px
}

@media(max-width:1068px) {
    .ric-modal.product-stories-design-modal .card {
        min-height: 720px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-design-modal .card {
        min-height: 534px
    }
}

.ric-modal.product-stories-design-modal .card .copy-wrapper {
    display: flex;
    align-items: center;
    padding: 20px;
    z-index: 1
}

.ric-modal.product-stories-design-modal .card-headline {
    max-width: 756px;
    margin-bottom: auto;
    z-index: 1;
    margin-top: 116px
}

@media(min-width:1441px) {
    .ric-modal.product-stories-design-modal .card-headline {
        margin-top: 123px
    }
}

@media(max-width:1068px) {
    .ric-modal.product-stories-design-modal .card-headline {
        max-width: 394px;
        margin-top: 110px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-design-modal .card-headline {
        max-width: 330px;
        margin-top: 80px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .card-headline {
        max-width: 296px;
        margin-top: 80px
    }
}

html.text-zoom .ric-modal.product-stories-design-modal .card-headline {
    max-width: 100%
}

.ric-modal.product-stories-design-modal .card-copy {
    max-width: 540px;
    color: var(--subsection-copy-mid)
}

@media(max-width:734px) {
    .ric-modal.product-stories-design-modal .card-copy {
        max-width: 466px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .card-copy {
        max-width: 320px
    }
}

html.text-zoom .ric-modal.product-stories-design-modal .card-copy {
    max-width: 100%;
    background-color: var(--sk-tile-background)
}

.ric-modal.product-stories-design-modal .card-copy .inline-headline {
    color: #1d1d1f
}

.ric-modal.product-stories-design-modal .card-image {
    margin-inline-start: auto;
    margin-inline-end: auto;
    position: absolute;
    z-index: 0
}

.ric-modal.product-stories-design-modal .card-image-1,
.ric-modal.product-stories-design-modal .card-image-2,
.ric-modal.product-stories-design-modal .card-image-6 {
    bottom: 0
}

@media(min-width:735px)and (max-width:1068px) {
    .ric-modal.product-stories-design-modal .card-image-1 {
        bottom: -52px
    }
}

.ric-modal.product-stories-design-modal .card-image-3,
.ric-modal.product-stories-design-modal .card-image-4 {
    top: 0
}

.ric-modal.product-stories-design-modal .card-image-5 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ric-modal.product-stories-design-modal .card-image-6 {
    bottom: -62px
}

@media(max-width:1068px) {
    .ric-modal.product-stories-design-modal .card-image-6 {
        bottom: -68px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .card-image-6 {
        bottom: -71px
    }
}

.ric-modal.product-stories-design-modal .grid-item-1 .card {
    min-height: 974px
}

@media(min-width:1441px) {
    .ric-modal.product-stories-design-modal .grid-item-1 .card {
        min-height: 1151px
    }
}

@media(max-width:1068px) {
    .ric-modal.product-stories-design-modal .grid-item-1 .card {
        min-height: 800px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-design-modal .grid-item-1 .card {
        min-height: 580px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .grid-item-1 .card {
        min-height: 621px
    }
}

@media(min-width:1441px) {
    .ric-modal.product-stories-design-modal .grid-item-1 .card-image {
        scale: 1.02
    }
}

.ric-modal.product-stories-design-modal .grid-item-1 .copy-wrapper {
    min-height: 265px
}

@media(min-width:1441px) {
    .ric-modal.product-stories-design-modal .grid-item-1 .copy-wrapper {
        min-height: 242px
    }
}

@media(max-width:1068px) {
    .ric-modal.product-stories-design-modal .grid-item-1 .copy-wrapper {
        min-height: 226px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-design-modal .grid-item-1 .copy-wrapper {
        min-height: 155px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .grid-item-1 .copy-wrapper {
        min-height: 185px
    }
}

.ric-modal.product-stories-design-modal .grid-item-1 .card-copy {
    color: #424245
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .grid-item-2 .card {
        min-height: 448px
    }
}

.ric-modal.product-stories-design-modal .grid-item-2 .copy-wrapper {
    min-height: 556px
}

@media(max-width:1068px) {
    .ric-modal.product-stories-design-modal .grid-item-2 .copy-wrapper {
        min-height: 350px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-design-modal .grid-item-2 .copy-wrapper {
        min-height: 133px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .grid-item-2 .copy-wrapper {
        min-height: 153px
    }
}

.ric-modal.product-stories-design-modal .grid-item-2 .card-copy {
    max-width: 420px
}

@media(max-width:1068px) {
    .ric-modal.product-stories-design-modal .grid-item-2 .card-copy {
        max-width: 350px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-design-modal .grid-item-2 .card-copy {
        max-width: 466px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .grid-item-2 .card-copy {
        max-width: 320px
    }
}

.ric-modal.product-stories-design-modal .grid-item-3 .copy-wrapper,
.ric-modal.product-stories-design-modal .grid-item-4 .copy-wrapper {
    min-height: 125px;
    margin-top: 734px
}

@media(min-width:735px) {

    .ric-modal.product-stories-design-modal .grid-item-3 .copy-wrapper,
    .ric-modal.product-stories-design-modal .grid-item-4 .copy-wrapper {
        align-items: flex-start;
        padding: 50px 40px
    }
}

@media(max-width:1068px) {

    .ric-modal.product-stories-design-modal .grid-item-3 .copy-wrapper,
    .ric-modal.product-stories-design-modal .grid-item-4 .copy-wrapper {
        min-height: 174px;
        margin-top: 455px
    }
}

@media(max-width:734px) {

    .ric-modal.product-stories-design-modal .grid-item-3 .copy-wrapper,
    .ric-modal.product-stories-design-modal .grid-item-4 .copy-wrapper {
        min-height: 130px;
        margin-top: 365px
    }
}

@media(max-width:480px) {

    .ric-modal.product-stories-design-modal .grid-item-3 .copy-wrapper,
    .ric-modal.product-stories-design-modal .grid-item-4 .copy-wrapper {
        min-height: 178px;
        margin-top: 315px
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .ric-modal.product-stories-design-modal .grid-item-5 .card {
        min-height: 720px
    }
}

.ric-modal.product-stories-design-modal .grid-item-5 .copy-wrapper {
    min-height: 350px
}

@media(max-width:1068px) {
    .ric-modal.product-stories-design-modal .grid-item-5 .copy-wrapper {
        min-height: 275px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-design-modal .grid-item-5 .copy-wrapper {
        min-height: 175px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .grid-item-5 .copy-wrapper {
        min-height: 235px
    }
}

.ric-modal.product-stories-design-modal .grid-item-5 .subsection-copy-block {
    color: rgba(255, 255, 255, .8)
}

html.text-zoom .ric-modal.product-stories-design-modal .grid-item-5 .subsection-copy-block {
    color: var(--subsection-copy-mid)
}

.ric-modal.product-stories-design-modal .grid-item-5 .subsection-copy-block .inline-headline {
    color: #f5f5f7
}

html.text-zoom .ric-modal.product-stories-design-modal .grid-item-5 .subsection-copy-block .inline-headline {
    color: #1d1d1f
}

.ric-modal.product-stories-design-modal .grid-item-6 .copy-wrapper {
    min-height: 175px
}

@media(max-width:734px) {
    .ric-modal.product-stories-design-modal .grid-item-6 .copy-wrapper {
        min-height: 135px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-design-modal .grid-item-6 .copy-wrapper {
        min-height: 155px
    }
}

.tabnav {
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --tabnav-height: 44px;
    --tabnav-inner-height: 36px;
    --tabnav-platter-padding: 4px;
    --tabnav-platter-background: rgb(232, 232, 237);
    --tabnav-mask-gradient-width: 22px;
    --tabnav-mask-offset: calc(var(--tabnav-paddle-width) + var(--tabnav-mask-gradient-width));
    --tabnav-mask-animation-name: "";
    --tabnav-mask-active-gradient: var(--tabnav-mask-gradient);
    --tabnav-items-offset: 0px;
    --tabnav-item-padding: 16px;
    --tabnav-item-color: rgb(0, 0, 0);
    --tabnav-item-color-active: rgb(255, 255, 255);
    --tabnav-paddle-width: var(--tabnav-inner-height);
    --tabnav-paddle-color: rgba(0, 0, 0, .56);
    --tabnav-paddle-color-hover: rgba(0, 0, 0, .64);
    --tabnav-indicator-background: rgb(29, 29, 31);
    --tabnav-indicator-start: var(--tabnav-platter-padding);
    --tabnav-indicator-width: 0px;
    --tabnav-motion-gradient-delay: 280ms;
    --tabnav-mask-gradient: linear-gradient(90deg, transparent 0, transparent var(--tabnav-paddle-width), black calc(var(--tabnav-paddle-width) + var(--tabnav-mask-gradient-width)), black calc(100% - var(--tabnav-paddle-width) - var(--tabnav-mask-gradient-width)), transparent calc(100% - var(--tabnav-paddle-width)), transparent);
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box
}

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

.tabnav:lang(ja) {
    line-height: 1.4;
    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
}

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

.tabnav:lang(zh) {
    line-height: 1.5;
    letter-spacing: 0em
}

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

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

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

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

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

.tabnav.tabnav-dark,
.theme-dark .tabnav {
    --tabnav-platter-background: rgb(51, 51, 54);
    --tabnav-item-color: rgb(255, 255, 255);
    --tabnav-item-color-active: rgb(0, 0, 0);
    --tabnav-paddle-color: rgba(255, 255, 255, .8);
    --tabnav-paddle-color-hover: rgb(255, 255, 255);
    --tabnav-indicator-background: rgb(245, 245, 247)
}

.theme-dark .tabnav.tabnav-light {
    --tabnav-platter-background: rgb(232, 232, 237);
    --tabnav-item-color: rgb(0, 0, 0);
    --tabnav-item-color-active: rgb(255, 255, 255);
    --tabnav-paddle-color: rgba(0, 0, 0, .56);
    --tabnav-paddle-color-hover: rgba(0, 0, 0, .64);
    --tabnav-indicator-background: rgb(29, 29, 31)
}

.tabnav.tabnav-elevated {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --tabnav-height: 56px;
    --tabnav-inner-height: 44px;
    --tabnav-platter-padding: 6px;
    --tabnav-item-padding: 22px
}

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

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

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

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

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

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

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

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

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

.tabnav:focus-within:not(:has(.tabnav-paddle:focus)):not(.tabnav-focus-method-click) .tabnav-indicator {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset: 2px
}

.tabnav * {
    box-sizing: border-box
}

.tabnav.tabnav-disable-transitions * {
    transition: none !important;
    animation: none !important
}

.tabnav-platter {
    height: var(--tabnav-height);
    padding: var(--tabnav-platter-padding);
    background-color: var(--tabnav-platter-background);
    border-radius: 999px;
    overflow: hidden
}

.tabnav-platter:focus-visible {
    outline: none
}

.tabnav-mask {
    position: relative;
    padding: 0;
    width: calc(100% + var(--tabnav-mask-offset));
    height: 100%;
    padding: 0px 0px 0px var(--tabnav-mask-offset);
    z-index: 1;
    mask-image: var(--tabnav-mask-active-gradient)
}

.tabnav-mask.noscroll {
    display: contents;
    margin-inline-start: 0 !important;
    padding: 0 !important
}

.tabnav-items {
    display: flex;
    align-items: center;
    margin: 0;
    width: -moz-fit-content;
    width: fit-content;
    list-style: none;
    z-index: 1;
    transform: translateX(var(--tabnav-items-offset));
    transition-property: transform;
    transition-duration: 320ms;
    transition-timing-function: ease-out
}

.tabnav-item,
.tabnav-items {
    position: relative;
    height: 100%
}

.tabnav-item {
    padding: 0 var(--tabnav-item-padding);
    color: var(--tabnav-item-color);
    white-space: nowrap;
    transition-duration: 120ms;
    transition-property: color;
    transition-timing-function: ease-out
}

.tabnav-item .tabnav-link {
    display: flex;
    align-items: center;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
    color: inherit;
    text-decoration: none;
    opacity: .8;
    transition-property: opacity;
    transition-duration: 100ms;
    transition-timing-function: ease-in-out
}

.tabnav-item .tabnav-link:focus {
    outline: none
}

.tabnav-item .tabnav-link:hover {
    opacity: 1
}

.tabnav-item.tabnav-item-active {
    color: var(--tabnav-item-color-active);
    transition-delay: 160ms;
    transition-duration: 160ms;
    transition-timing-function: ease-in
}

.tabnav-item.tabnav-item-active .tabnav-link {
    opacity: 1
}

.tabnav-paddle {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateZ(0);
    top: var(--tabnav-platter-padding);
    bottom: var(--tabnav-platter-padding);
    width: var(--tabnav-paddle-width);
    height: var(--tabnav-paddle-width);
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 999px;
    color: var(--tabnav-paddle-color);
    cursor: pointer;
    z-index: 2;
    transition-delay: 0ms, 40ms, 40ms;
    transition-duration: 100ms, 80ms, 80ms;
    transition-property: color, opacity, visibility;
    transition-timing-function: ease-in-out, ease-out, step-start
}

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

.tabnav-paddle-left {
    left: var(--tabnav-platter-padding)
}

.tabnav-paddle-right {
    right: var(--tabnav-platter-padding)
}

.tabnav-paddle:hover {
    color: var(--tabnav-paddle-color-hover)
}

.tabnav-paddle.tabnav-paddle-hidden {
    opacity: 0;
    visibility: hidden;
    transition-delay: 200ms;
    transition-duration: 80ms;
    transition-property: opacity, visibility;
    transition-timing-function: ease-out, step-end
}

.tabnav-indicator {
    position: absolute;
    top: var(--tabnav-platter-padding);
    left: var(--tabnav-indicator-start);
    bottom: var(--tabnav-platter-padding);
    width: var(--tabnav-indicator-width);
    height: calc(100% - var(--tabnav-platter-padding)*2);
    background-color: var(--tabnav-indicator-background);
    border-radius: 999px;
    transition-property: left, width;
    transition-duration: 320ms;
    transition-timing-function: ease-out
}

.ric-modal.product-stories-hifi-sound {
    --height-lg: 1726px;
    background: none
}

.ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-driver {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 814px;
    --p-height: 1070px
}

@media(max-width:1068px)and (max-width:1068px) {
    .ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-driver {
        --p-width: 626px;
        --p-height: 822px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-driver {
        --p-width: 433px;
        --p-height: 568px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-driver {
        --p-width: 270px;
        --p-height: 354px
    }
}

.ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-microphone {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 814px;
    --p-height: 1070px
}

@media(max-width:1068px)and (max-width:1068px) {
    .ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-microphone {
        --p-width: 626px;
        --p-height: 822px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-microphone {
        --p-width: 433px;
        --p-height: 568px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-microphone {
        --p-width: 270px;
        --p-height: 354px
    }
}

.ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-distortionless-playback {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 814px;
    --p-height: 1070px
}

@media(max-width:1068px)and (max-width:1068px) {
    .ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-distortionless-playback {
        --p-width: 626px;
        --p-height: 822px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-distortionless-playback {
        --p-width: 433px;
        --p-height: 568px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .ric-modal.product-stories-hifi-sound .overview-product-stories-hifi-sound-modal-audio-bc-distortionless-playback {
        --p-width: 270px;
        --p-height: 354px
    }
}

.ric-modal.product-stories-hifi-sound .ric-modal-content-wrapper {
    background: linear-gradient(180deg, #94afbd, #597d92 36%, #000 85%);
    min-height: 1726px
}

@media(max-width:1068px) {
    .ric-modal.product-stories-hifi-sound .ric-modal-content-wrapper {
        min-height: 1392px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-hifi-sound .ric-modal-content-wrapper {
        min-height: 1060px
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .ric-modal.product-stories-hifi-sound.new-min-height .ric-modal-content-wrapper {
        min-height: 1430px
    }
}

.ric-modal.product-stories-hifi-sound .gallery-headline {
    margin-top: 120px;
    margin-bottom: 50px;
    text-align: center
}

@media(max-width:1068px) {
    .ric-modal.product-stories-hifi-sound .gallery-headline {
        margin-top: 110px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-hifi-sound .gallery-headline {
        margin-top: 80px;
        margin-bottom: 40px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-hifi-sound .gallery-headline {
        margin-inline-start: auto;
        margin-inline-end: auto;
        max-width: 350px
    }
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery {
    position: relative
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery .tablist-wrapper {
    position: absolute;
    top: 1248px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    z-index: 9
}

@media(max-width:1068px) {
    .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .tablist-wrapper {
        top: 983px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .tablist-wrapper {
        top: 693px;
        max-width: 90%
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .tablist-wrapper {
        top: 517px
    }
}

html.no-js .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .tablist-wrapper,
html.text-zoom .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .tablist-wrapper {
    display: none
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-items-container {
    margin-inline-start: auto;
    margin-inline-end: auto;
    position: relative;
    width: 814px;
    min-height: 1070px
}

@media(max-width:1068px) {
    .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-items-container {
        width: 626px;
        min-height: 822px
    }
}

@media(max-width:734px) {
    .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-items-container {
        width: 433px;
        min-height: 568px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-items-container {
        width: 270px;
        min-height: 354px
    }
}

html.no-js .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-items-container,
html.text-zoom .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-items-container {
    width: 100%
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery #hifi-sound-gallery-item-1 {
    z-index: 1
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery #hifi-sound-gallery-item-2 {
    z-index: 2
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery #hifi-sound-gallery-item-3 {
    z-index: 3
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery .image-gallery-bkgd {
    mask-image: linear-gradient(black 45%, transparent 50%);
    position: absolute;
    top: 0;
    z-index: 5
}

html.no-js .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .image-gallery-bkgd,
html.text-zoom .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .image-gallery-bkgd {
    display: none
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item img {
    mask-image: linear-gradient(transparent 45%, black 50%)
}

html.no-js .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item,
html.text-zoom .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item {
    position: relative
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item.current .gallery-item-caption {
    opacity: 1
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item-caption {
    opacity: 0;
    margin-top: 174px;
    max-width: 642px;
    text-align: center
}

@media(max-width:734px) {
    .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item-caption {
        margin-top: 160px;
        margin-top: 130px;
        max-width: 438px
    }
}

@media(max-width:480px) {
    .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item-caption {
        max-width: 100%
    }
}

html.no-js .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item-caption {
    margin-top: 100px;
    margin-bottom: 100px;
    opacity: 1
}

html.text-zoom .ric-modal.product-stories-hifi-sound .hifi-sound-gallery .gallery-item-caption {
    width: 100%;
    max-width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
    opacity: 1
}

.ric-modal.product-stories-hifi-sound .hifi-sound-gallery .tabnav-link.current:hover {
    cursor: default
}

.marquee-header {
    display: flow-root;
    position: relative
}

.marquee-header p {
    color: var(--sk-body-text-color)
}

.header-badge {
    margin-top: 0
}

.header-badge,
.header-eyebrow,
.header-headline {
    position: relative;
    margin-bottom: 0
}

:export {
    classNameContainer: marquee-header;
    classNameBadge: header-badge;
    classNameEyebrow: header-eyebrow;
    classNameHeadline: header-headline;
    selectorContainer: ".marquee-header";
    selectorBadge: ".header-badge";
    selectorEyebrow: ".header-eyebrow";
    selectorHeadline: ".header-headline"
}

.detail-milestone {
    display: block;
    position: relative
}

.detail-milestone:first-child {
    margin-top: 0
}

.milestone-primary {
    font-weight: 600
}

.milestone-primary+.milestone-secondary {
    margin-top: 0
}

:export {
    classNameContainer: detail-milestone;
    classNamePrimary: milestone-primary;
    classNameSecondary: milestone-secondary;
    selectorContainer: ".detail-milestone";
    selectorPrimary: ".detail-milestone";
    selectorSecondary: ".detail-milestone"
}

.pricing-product {
    position: relative
}

.pricing-product:first-child {
    margin-top: 0
}

.pricing-product:not(:first-child) {
    font-weight: 400
}

.pricing-product+.pricing-product {
    margin-top: 0;
    margin-bottom: 0
}

.sosumi-link-follows~.footnote {
    display: none
}

.sosumi-link-follows[data-pricing-loaded]~.footnote {
    display: inline
}

:export {
    classNameContainer: pricing-product;
    classNamePersistent: product-persistent;
    classNameAcmi: product-acmi;
    classNameSosumiFollows: sosumi-link-follows;
    selectorContainer: ".pricing-product";
    selectorPersistent: ".product-persistent";
    selectorAcmi: ".product-acmi";
    selectorSosumiFollows: ".sosumi-link-follows"
}

.detail-pricing {
    font-weight: 600;
    position: relative
}

.detail-pricing:first-child {
    margin-top: 0
}

:export {
    classNameContainer: detail-pricing;
    selectorContainer: ".detail-pricing"
}

.detail-ctas-list {
    position: relative;
    margin-inline-start: 0;
    list-style: none
}

.detail-ctas-link {
    display: inline-block;
    position: relative
}

.detail-ctas-link:first-child {
    margin-top: 0
}

.detail-ctas-link.button {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

:export {
    classNameList: detail-ctas-list;
    classNameItem: detail-ctas-item;
    classNameLink: detail-ctas-link;
    selectorList: ".detail-ctas-list";
    selectorItem: ".detail-ctas-item";
    selectorLink: ".detail-ctas-link"
}

.marquee-detail {
    display: flow-root;
    position: relative;
    color: var(--sk-body-text-color)
}

.marquee-detail:first-child {
    margin-top: 0
}

.detail-inner-group {
    position: relative
}

:export {
    classNameContainer: marquee-detail;
    classNameInnerGroup: detail-inner-group;
    selectorContainer: ".marquee-detail";
    selectorInnerGroup: ".detail-inner-group";
    classNameMaskDebug: marquee-scrim;
    classNameContainer: scrim-mask-debug;
    selectorMaskDebug: .marquee-scrim;
    selectorContainer: .scrim-mask-debug;
    varBlur: --scrim-blur;
    varMaskAngle: --scrim-mask-angle;
    varMaskStop: --scrim-mask-stop-color;
    varOpacity: --scrim-opacity;
    varSaturate: --scrim-saturate;
    varTintRgb: --scrim-tint;
    varTintAlpha: --scrim-tint-alpha
}

.marquee {
    --marquee-header-detail-row-gap: 30px;
    box-sizing: border-box;
    overflow: hidden;
    display: flow-root;
    position: relative;
    width: 100%;
    padding-top: 56px;
    padding-bottom: 56px
}

@media(max-width:1068px) {
    .marquee {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media(max-width:734px) {
    .marquee {
        --marquee-header-detail-row-gap: 20px;
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media(max-width:480px) {
    .marquee {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.marquee .viewport-content {
    position: relative;
    height: 100%
}

.marquee .marquee-scrim {
    --scrim-blur: 20px;
    --scrim-mask-angle: 180deg;
    --scrim-mask-stop-color: 100%;
    --scrim-opacity: 100%;
    --scrim-saturate: 1;
    --scrim-tint: 255 255 255;
    --scrim-tint-alpha: 56%;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    opacity: var(--scrim-opacity);
    background-color: rgb(var(--scrim-tint)/var(--scrim-tint-alpha));
    -webkit-backdrop-filter: blur(var(--scrim-blur)) saturate(var(--scrim-saturate));
    backdrop-filter: blur(var(--scrim-blur)) saturate(var(--scrim-saturate));
    mask-image: linear-gradient(var(--scrim-mask-angle), transparent, #000 var(--scrim-mask-stop-color))
}

.marquee .marquee-scrim.scrim-mask-debug {
    background: linear-gradient(var(--scrim-mask-angle), #fff, #000 use-mask-stop)
}

.header-eyebrow,
.header-headline {
    margin-top: 8px
}

@media(max-width:1068px) {
    .header-headline {
        margin-top: 7px
    }
}

@media(max-width:734px) {
    .header-headline {
        margin-top: 6px
    }
}

.header-headline.typography-marquee-headline-elevated {
    margin-top: 9px
}

@media(max-width:1068px) {
    .header-headline.typography-marquee-headline-elevated {
        margin-top: 8px
    }
}

@media(max-width:734px) {
    .header-headline.typography-marquee-headline-elevated {
        margin-top: 7px
    }
}

.detail-ctas-link,
.detail-ctas-list,
.detail-milestone,
.detail-pricing,
.marquee-detail {
    margin-top: var(--marquee-header-detail-row-gap)
}

.section-welcome {
    box-sizing: border-box;
    z-index: 1;
    position: relative
}

#ac-localnav {
    overflow: hidden;
    pointer-events: none
}

html.no-js #ac-localnav,
html.show-localnav #ac-localnav {
    overflow: visible;
    pointer-events: auto
}

#ac-localnav .ac-ln-wrapper {
    transform: translateY(calc(var(--r-localnav-height)*-1.25 + -1.25px));
    transition: transform .23s ease
}

html.show-localnav #ac-localnav .ac-ln-wrapper {
    transform: translateY(0);
    pointer-events: auto
}

html.show-localnav #ac-localnav .ac-ln-wrapper .ac-ln-background {
    height: calc(100% - 1px)
}

.section-welcome {
    margin-top: calc(var(--global-nav-collective-height)*-1 + var(--r-localnav-height)*-1);
    animation: fade-in 1.5s ease 1s 1 backwards
}

@keyframes fade-in {
    from {
        opacity: 0
    }
}

.section-welcome .media-container {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100vh;
    height: 100svh;
    overflow: hidden;
    min-height: 600px
}

@media(min-width:1441px) {
    .section-welcome .media-container {
        min-height: 800px
    }
}

@media(max-width:734px) {
    .section-welcome .media-container {
        max-height: 850px
    }
}

@media(max-width:480px) {
    .section-welcome .media-container {
        max-height: 1000px;
        min-height: 546px
    }
}

.section-welcome .video-wrapper {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1440px;
    --p-height: 1440px;
    flex-shrink: 0
}

@media(min-width:1441px)and (min-width:1441px) {
    .section-welcome .video-wrapper {
        --p-width: 3008px;
        --p-height: 1694px
    }
}

@media(max-width:1068px)and (max-width:1068px) {
    .section-welcome .video-wrapper {
        --p-width: 1068px;
        --p-height: 1200px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .section-welcome .video-wrapper {
        --p-width: 734px;
        --p-height: 800px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .section-welcome .video-wrapper {
        --p-width: 480px;
        --p-height: 800px
    }
}

.section-welcome .video-wrapper video {
    opacity: 0
}

.section-welcome .video-wrapper.playing video {
    transition: opacity 375ms
}

.section-welcome .video-wrapper.paused video,
.section-welcome .video-wrapper.playing video {
    opacity: 1;
    z-index: 10
}

.section-welcome .inline-media-component-container {
    max-width: unset;
    height: 100%
}

.section-welcome .inline-media-component-container picture {
    width: 100%;
    height: 100%
}

.section-welcome .inline-media-component-container.loading-disabled .fallback-frame,
.section-welcome .inline-media-component-container.loading-error .fallback-frame {
    opacity: 1
}

.section-welcome .inline-media-component-container .fallback-frame {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    pointer-events: none
}

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

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

.section-welcome .inline-media-component-container .fallback-frame {
    display: none
}

.section-welcome .inline-media-component-container.fallback .fallback-frame,
html.no-inline-media .section-welcome .inline-media-component-container .fallback-frame,
html.no-js .section-welcome .inline-media-component-container .fallback-frame,
html.reduced-motion .section-welcome .inline-media-component-container .fallback-frame {
    display: block
}

.section-welcome .inline-media-component-container.fallback .end-frame,
.section-welcome .inline-media-component-container.fallback .start-frame {
    display: none
}

.section-welcome .inline-media-ui {
    margin-top: var(--global-nav-collective-height)
}

html.show-localnav .section-welcome .inline-media-ui {
    margin-top: calc(var(--global-nav-collective-height) + 50px)
}

.section-welcome .viewport-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    grid-column-gap: 80px;
    column-gap: 80px;
    grid-row-gap: var(--marquee-header-detail-row-gap);
    row-gap: var(--marquee-header-detail-row-gap)
}

@media(min-width:1441px) {
    .section-welcome .viewport-content {
        grid-column-gap: 120px;
        column-gap: 120px
    }
}

@media(max-width:734px) {
    .section-welcome .viewport-content {
        grid-column-gap: 40px;
        column-gap: 40px
    }
}

.section-welcome .marquee-header {
    min-width: 50%
}

@media(max-width:480px) {
    .section-welcome .marquee-header {
        min-width: auto
    }
}

.section-welcome .marquee-detail {
    margin-top: 0
}

@media(max-width:480px) {
    .section-welcome .marquee-detail {
        max-width: none
    }
}

.section-welcome .detail-inner-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-column-gap: 34px;
    column-gap: 34px
}

@media(max-width:734px) {
    .section-welcome .detail-inner-group {
        grid-column-gap: 28px;
        column-gap: 28px
    }
}

.section-welcome .detail-ctas-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0
}

.section-welcome .marquee {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 0;
    padding-bottom: 81px;
    overflow: hidden;
    z-index: 1
}

@media(max-width:480px) {
    .section-welcome .marquee .viewport-content {
        padding-top: 50px
    }
}

@media(min-width:1069px)and (max-width:1440px) {
    .section-welcome .marquee .viewport-content {
        flex-wrap: nowrap;
        grid-column-gap: 160px;
        column-gap: 160px
    }
}

@media(max-width:1068px) {
    .section-welcome .marquee {
        padding-bottom: 64px
    }
}

@media(max-width:734px) {
    .section-welcome .marquee {
        padding-bottom: 0
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .section-welcome .marquee .marquee-header {
        min-width: 100%
    }
}

@media(max-width:480px) {
    .section-welcome .marquee .marquee-header {
        text-align: center;
        margin: 0 auto
    }
}

.section-welcome .marquee .marquee-header .header-badge {
    position: absolute;
    margin-top: 10px;
    width: 100%
}

@media(max-width:734px) {
    .section-welcome .marquee .marquee-header .header-badge {
        margin-top: 4px
    }
}

html.text-zoom .section-welcome .marquee .marquee-header .header-badge {
    position: relative
}

@media(max-width:734px) {
    .section-welcome .marquee-scrim {
        --scrim-tint-alpha: 60%;
        --scrim-mask-stop-color: 50%
    }
}

@media(max-width:480px) {
    .section-welcome .marquee-scrim {
        --scrim-tint-alpha: 50%;
        --scrim-mask-stop-color: 50%
    }
}

.section-welcome .marquee-detail {
    padding: 12px;
    padding-inline-start: 25px
}

@media(min-width:1069px) {
    .section-welcome .marquee-detail {
        margin-bottom: 3px
    }
}

@media(max-width:734px) {
    .section-welcome .marquee-detail {
        width: 100%;
        margin-top: 22px;
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:480px) {
    .section-welcome .marquee-detail {
        margin-top: 25px
    }
}

.section-welcome .marquee-detail::before {
    --scrim-blur: 20px;
    --scrim-mask-angle: 180deg;
    --scrim-mask-stop-color: 100%;
    --scrim-opacity: 100%;
    --scrim-saturate: 1;
    --scrim-tint: 255 255 255;
    --scrim-tint-alpha: 56%;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    opacity: var(--scrim-opacity);
    background-color: rgb(var(--scrim-tint)/var(--scrim-tint-alpha));
    -webkit-backdrop-filter: blur(var(--scrim-blur)) saturate(var(--scrim-saturate));
    backdrop-filter: blur(var(--scrim-blur)) saturate(var(--scrim-saturate));
    mask-image: linear-gradient(var(--scrim-mask-angle), transparent, #000 var(--scrim-mask-stop-color));
    content: "";
    background-color: rgba(232, 232, 237, .5);
    border-radius: 100vmax;
    mask-image: none
}

@media(max-width:734px) {
    .section-welcome .marquee-detail::before {
        margin-inline-start: -8%;
        width: 101svw;
        border-radius: unset
    }
}

.section-welcome .detail-inner-group {
    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;
    grid-column-gap: 20px;
    column-gap: 20px
}

.section-welcome .detail-inner-group:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.section-welcome .detail-inner-group:lang(ko) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.section-welcome .detail-inner-group:lang(zh) {
    line-height: 1.3529611765;
    letter-spacing: 0em
}

.section-welcome .detail-inner-group:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

.section-welcome .detail-inner-group:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

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

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

@media(max-width:734px) {
    .section-welcome .detail-inner-group {
        font-size: 14px;
        line-height: 1.4285914286;
        font-weight: 400;
        letter-spacing: -0.016em;
        font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-welcome .detail-inner-group:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Text, SF Pro Text, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .section-welcome .detail-inner-group:lang(ko) {
        line-height: 1.5714285714;
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .section-welcome .detail-inner-group:lang(zh) {
        line-height: 1.5;
        letter-spacing: 0em
    }

    .section-welcome .detail-inner-group:lang(th) {
        line-height: 1.3571828571;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .section-welcome .detail-inner-group:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

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

.section-welcome .detail-inner-group .detail-pricing {
    min-width: 43px
}

.section-welcome .detail-inner-group .product-acmi {
    display: none
}

@media(min-width:735px) {
    .section-welcome .detail-ctas-link {
        padding-inline: 21px
    }
}

.section-media-card {
    position: relative
}

.section-media-card .media-gallery-item-colors .positioned-media-element.static {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1260px;
    --p-height: 680px
}

@media(min-width:1441px)and (min-width:1441px) {
    .section-media-card .media-gallery-item-colors .positioned-media-element.static {
        --p-width: 1680px;
        --p-height: 740px
    }
}

@media(max-width:1068px)and (max-width:1068px) {
    .section-media-card .media-gallery-item-colors .positioned-media-element.static {
        --p-width: 934px;
        --p-height: 628px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .section-media-card .media-gallery-item-colors .positioned-media-element.static {
        --p-width: 622px;
        --p-height: 560px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .section-media-card .media-gallery-item-colors .positioned-media-element.static {
        --p-width: 400px;
        --p-height: 480px
    }
}

.section-media-card .media-gallery-item-hifi .positioned-media-element.static {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1260px;
    --p-height: 680px
}

@media(min-width:1441px)and (min-width:1441px) {
    .section-media-card .media-gallery-item-hifi .positioned-media-element.static {
        --p-width: 1680px;
        --p-height: 740px
    }
}

@media(max-width:1068px)and (max-width:1068px) {
    .section-media-card .media-gallery-item-hifi .positioned-media-element.static {
        --p-width: 934px;
        --p-height: 628px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .section-media-card .media-gallery-item-hifi .positioned-media-element.static {
        --p-width: 622px;
        --p-height: 560px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .section-media-card .media-gallery-item-hifi .positioned-media-element.static {
        --p-width: 400px;
        --p-height: 480px
    }
}

.section-media-card .media-gallery-item-anc .positioned-media-element {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1260px;
    --p-height: 680px
}

@media(min-width:1441px)and (min-width:1441px) {
    .section-media-card .media-gallery-item-anc .positioned-media-element {
        --p-width: 1680px;
        --p-height: 740px
    }
}

@media(max-width:1068px)and (max-width:1068px) {
    .section-media-card .media-gallery-item-anc .positioned-media-element {
        --p-width: 934px;
        --p-height: 628px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .section-media-card .media-gallery-item-anc .positioned-media-element {
        --p-width: 622px;
        --p-height: 560px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .section-media-card .media-gallery-item-anc .positioned-media-element {
        --p-width: 400px;
        --p-height: 480px
    }
}

.section-media-card .media-gallery-item-design .positioned-media-element.static {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1260px;
    --p-height: 680px
}

@media(min-width:1441px)and (min-width:1441px) {
    .section-media-card .media-gallery-item-design .positioned-media-element.static {
        --p-width: 1680px;
        --p-height: 740px
    }
}

@media(max-width:1068px)and (max-width:1068px) {
    .section-media-card .media-gallery-item-design .positioned-media-element.static {
        --p-width: 934px;
        --p-height: 628px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .section-media-card .media-gallery-item-design .positioned-media-element.static {
        --p-width: 622px;
        --p-height: 560px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .section-media-card .media-gallery-item-design .positioned-media-element.static {
        --p-width: 400px;
        --p-height: 480px
    }
}

.section-media-card .media-gallery-item-usbc .positioned-media-element.static {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1260px;
    --p-height: 680px
}

@media(min-width:1441px)and (min-width:1441px) {
    .section-media-card .media-gallery-item-usbc .positioned-media-element.static {
        --p-width: 1680px;
        --p-height: 740px
    }
}

@media(max-width:1068px)and (max-width:1068px) {
    .section-media-card .media-gallery-item-usbc .positioned-media-element.static {
        --p-width: 934px;
        --p-height: 628px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .section-media-card .media-gallery-item-usbc .positioned-media-element.static {
        --p-width: 622px;
        --p-height: 560px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .section-media-card .media-gallery-item-usbc .positioned-media-element.static {
        --p-width: 400px;
        --p-height: 480px
    }
}

.section-media-card .media-gallery-item-1 .caption,
.section-media-card .media-gallery-item-2 .caption,
.section-media-card .media-gallery-item-3 .caption,
.section-media-card .media-gallery-item-4 .caption,
.section-media-card .media-gallery-item-5 .caption {
    width: 100%
}

@media(min-width:1069px) {

    .section-media-card .media-gallery-item-2 .caption,
    .section-media-card .media-gallery-item-3 .caption,
    .section-media-card .media-gallery-item-4 .caption {
        text-align: left
    }
}

.section-media-card .media-gallery-item-1 .caption {
    max-width: 640px
}

@media(min-width:1441px) {
    .section-media-card .media-gallery-item-1 .caption {
        max-width: 640px
    }
}

@media(max-width:1068px) {
    .section-media-card .media-gallery-item-1 .caption {
        max-width: 540px
    }
}

@media(max-width:734px) {
    .section-media-card .media-gallery-item-1 .caption {
        max-width: 480px
    }
}

@media(max-width:480px) {
    .section-media-card .media-gallery-item-1 .caption {
        max-width: 340px
    }
}

@media(min-width:481px)and (max-width:734px) {
    .section-media-card .media-gallery-item-1 .caption {
        padding: 0 15px
    }
}

.section-media-card .media-gallery-item-2 .caption {
    max-width: 430px
}

@media(min-width:1441px) {
    .section-media-card .media-gallery-item-2 .caption {
        max-width: 430px
    }
}

@media(max-width:1068px) {
    .section-media-card .media-gallery-item-2 .caption {
        max-width: 500px
    }
}

@media(max-width:734px) {
    .section-media-card .media-gallery-item-2 .caption {
        max-width: 430px
    }
}

@media(max-width:480px) {
    .section-media-card .media-gallery-item-2 .caption {
        max-width: 340px
    }
}

@media(min-width:1069px)and (max-width:1440px) {
    .section-media-card .media-gallery-item-2 .caption {
        width: 32%
    }
}

@media(min-width:481px)and (max-width:734px) {
    .section-media-card .media-gallery-item-2 .caption {
        padding: 0 15px
    }
}

.section-media-card .media-gallery-item-3 .caption {
    max-width: 448px
}

@media(min-width:1441px) {
    .section-media-card .media-gallery-item-3 .caption {
        max-width: 455px
    }
}

@media(max-width:1068px) {
    .section-media-card .media-gallery-item-3 .caption {
        max-width: 440px
    }
}

@media(max-width:734px) {
    .section-media-card .media-gallery-item-3 .caption {
        max-width: 530px
    }
}

@media(max-width:480px) {
    .section-media-card .media-gallery-item-3 .caption {
        max-width: 340px
    }
}

@media(min-width:1441px) {
    .section-media-card .media-gallery-item-3 .caption {
        width: 42%
    }
}

@media(min-width:1069px)and (max-width:1440px) {
    .section-media-card .media-gallery-item-3 .caption {
        width: 32%
    }
}

@media(min-width:481px)and (max-width:734px) {
    .section-media-card .media-gallery-item-3 .caption {
        padding: 0 6px
    }
}

@media(min-width:320px)and (max-width:480px) {
    .section-media-card .media-gallery-item-3 .caption {
        color: #fff
    }
}

.section-media-card .media-gallery-item-4 .caption {
    max-width: 394px
}

@media(min-width:1441px) {
    .section-media-card .media-gallery-item-4 .caption {
        max-width: 405px
    }
}

@media(max-width:1068px) {
    .section-media-card .media-gallery-item-4 .caption {
        max-width: 470px
    }
}

@media(max-width:734px) {
    .section-media-card .media-gallery-item-4 .caption {
        max-width: 420px
    }
}

@media(max-width:480px) {
    .section-media-card .media-gallery-item-4 .caption {
        max-width: 260px
    }
}

@media(min-width:481px)and (max-width:734px) {
    .section-media-card .media-gallery-item-4 .caption {
        padding: 0 40px
    }
}

.section-media-card .media-gallery-item-5 .caption {
    max-width: 440px
}

@media(min-width:1441px) {
    .section-media-card .media-gallery-item-5 .caption {
        max-width: 525px
    }
}

@media(max-width:1068px) {
    .section-media-card .media-gallery-item-5 .caption {
        max-width: 480px
    }
}

@media(max-width:734px) {
    .section-media-card .media-gallery-item-5 .caption {
        max-width: 395px
    }
}

@media(max-width:480px) {
    .section-media-card .media-gallery-item-5 .caption {
        max-width: 265px
    }
}

@media(min-width:481px)and (max-width:734px) {
    .section-media-card .media-gallery-item-5 .caption {
        padding: 0 45px
    }
}

@media(max-width:1068px) {
    .section-media-card figure {
        scale: 1.03
    }
}

html.ios .section-media-card .media-container video {
    clip-path: inset(1px 1px 1px 1px)
}

.section-bento-gallery {
    position: relative
}

.section-bento-gallery [data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-midnight {
    background: linear-gradient(0deg, var(--finish-midnight) 50%, var(--finish-midnight-dual) 0)
}

.section-bento-gallery [data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-starlight {
    background: linear-gradient(0deg, var(--finish-starlight) 50%, var(--finish-starlight-dual) 0)
}

.section-bento-gallery [data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-blue {
    background: linear-gradient(0deg, var(--finish-blue) 50%, var(--finish-blue-dual) 0)
}

.section-bento-gallery [data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-purple {
    background: linear-gradient(0deg, var(--finish-purple) 50%, var(--finish-purple-dual) 0)
}

.section-bento-gallery [data-component-list*=BentoGallery] .all-access-pass__container .viewer-colornav-swatch-orange {
    background: linear-gradient(0deg, var(--finish-orange) 50%, var(--finish-orange-dual) 0)
}

@media(max-width:1068px) {
    .section-bento-gallery .bento-image img {
        scale: 1.03
    }
}

.section-product-stories .subsection-header {
    margin-top: 160px;
    margin-bottom: 40px;
    text-align: center;
    z-index: 1
}

@media(max-width:1068px) {
    .section-product-stories .subsection-header {
        margin-top: 127px;
        margin-bottom: 22px
    }
}

@media(max-width:734px) {
    .section-product-stories .subsection-header {
        margin-top: 97px;
        margin-bottom: 18px
    }
}

.section-product-stories .subsection-header-subheadline {
    margin-inline-start: auto;
    margin-inline-end: auto;
    margin-top: 40px;
    max-width: 853px
}

@media(min-width:1441px) {
    .section-product-stories .subsection-header-subheadline {
        max-width: 1138px
    }
}

@media(max-width:1068px) {
    .section-product-stories .subsection-header-subheadline {
        margin-top: 32px
    }
}

@media(max-width:734px) {
    .section-product-stories .subsection-header-subheadline {
        margin-top: 20px;
        max-width: 100%
    }
}

@media(max-width:480px) {
    .section-product-stories .subsection-header-subheadline {
        margin-top: 30px
    }
}

html.text-zoom .section-product-stories .subsection-header-subheadline {
    max-width: 100%
}

.section-product-stories .scroll-gallery {
    padding-bottom: 0;
    margin-top: 80px
}

@media(max-width:734px) {
    .section-product-stories .scroll-gallery {
        margin-top: 40px
    }
}

.section-product-stories .scroll-gallery .gallery-item-content {
    position: relative;
    height: 580px;
    width: 372px;
    border-radius: 20px;
    overflow: hidden
}

@media(max-width:1068px) {
    .section-product-stories .scroll-gallery .gallery-item-content {
        width: 344px
    }
}

@media(max-width:734px) {
    .section-product-stories .scroll-gallery .gallery-item-content {
        height: 480px;
        width: 323px
    }
}

@media(max-width:480px) {
    .section-product-stories .scroll-gallery .gallery-item-content {
        height: 416px;
        width: 280px
    }
}

@media(max-width:480px) {
    .section-product-stories .scroll-gallery .gallery-item-image {
        height: auto;
        width: 100%
    }
}

@media(max-width:480px) {
    .section-product-stories .scroll-gallery .gallery-item-image img {
        max-width: 100%
    }
}

.section-product-stories .scroll-gallery .live-text {
    position: absolute;
    top: 47%;
    width: 100%;
    text-align: center
}

.section-product-stories .scroll-gallery .live-text+picture {
    margin-top: 0
}

.section-product-stories .scroll-gallery .copy {
    padding-inline-end: 50px;
    padding-inline-start: 10px;
    margin-top: 25px;
    color: #86868b
}

.section-product-stories .scroll-gallery .copy span {
    color: #000
}

@media(max-width:1068px) {
    .section-product-stories .scroll-gallery .copy {
        padding-inline-end: 20px
    }
}

.section-product-stories .scroll-gallery .card {
    --sk-tile-background: transparent;
    width: 100%;
    min-width: 373px;
    border-radius: 0
}

@media(max-width:1068px) {
    .section-product-stories .scroll-gallery .card {
        min-width: 344px
    }
}

@media(max-width:734px) {
    .section-product-stories .scroll-gallery .card {
        min-width: 323px
    }
}

@media(max-width:480px) {
    .section-product-stories .scroll-gallery .card {
        min-width: 280px
    }
}

.section-product-stories .scroll-gallery .card .with-copy {
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 20px
}

@media(max-width:734px) {
    .section-product-stories .scroll-gallery .card .with-copy {
        padding: 0 45px
    }
}

.subsection-hifi-sound {
    position: relative
}

.subsection-hifi-sound .overview-product-stories-hifi-sound-audio-airpod-max {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 3008px;
    --p-height: 3166px
}

@media(min-width:1441px)and (min-width:1441px) {
    .subsection-hifi-sound .overview-product-stories-hifi-sound-audio-airpod-max {
        --p-width: 3008px;
        --p-height: 3166px
    }
}

@media(max-width:1068px)and (max-width:1068px) {
    .subsection-hifi-sound .overview-product-stories-hifi-sound-audio-airpod-max {
        --p-width: 1068px;
        --p-height: 2119px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .subsection-hifi-sound .overview-product-stories-hifi-sound-audio-airpod-max {
        --p-width: 734px;
        --p-height: 1826px
    }
}

@media(max-width:480px)and (max-width:480px) {
    .subsection-hifi-sound .overview-product-stories-hifi-sound-audio-airpod-max {
        --p-width: 480px;
        --p-height: 2042px
    }
}

.subsection-hifi-sound.theme-dark {
    color: #f5f5f7;
    background-color: #59798e;
    background: linear-gradient(180deg, #59798e 0%, #6b8da8 70%, #000 80%)
}

@media(max-width:1068px) {
    .subsection-hifi-sound.theme-dark {
        background-color: #415b6c;
        background: linear-gradient(180deg, #415b6c 0%, #6b8da8 60%, #000 70%)
    }
}

@media(max-width:734px) {
    .subsection-hifi-sound.theme-dark {
        background-color: #384f62;
        background: linear-gradient(180deg, #384f62 0%, #63859e 50%, #000 60%)
    }
}

@media(max-width:480px) {
    .subsection-hifi-sound.theme-dark {
        background-color: #293d4a;
        background: linear-gradient(180deg, #293d4a 0%, #63859e 40%, #63859e 50%, #000 60%)
    }
}

.subsection-hifi-sound .all-access-pass {
    margin-bottom: 135px
}

@media(min-width:1441px) {
    .subsection-hifi-sound .all-access-pass {
        margin-bottom: 172px
    }
}

@media(max-width:1068px) {
    .subsection-hifi-sound .all-access-pass {
        margin-bottom: 101px
    }
}

@media(max-width:734px) {
    .subsection-hifi-sound .all-access-pass {
        margin-bottom: 91px
    }
}

@media(max-width:480px) {
    .subsection-hifi-sound .all-access-pass {
        margin-bottom: 90px
    }
}

.subsection-hifi-sound .hifi-sound-background-image-container {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden
}

.subsection-hifi-sound .hifi-sound-background-image-container .hifi-sound-background-image {
    position: absolute;
    top: 0
}

@media(max-width:1068px) {
    .subsection-hifi-sound .hifi-sound-background-image-container .hifi-sound-background-image {
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 5%)
    }
}

@media(max-width:1068px)and (max-width:744px) {
    .subsection-hifi-sound .hifi-sound-background-image-container .hifi-sound-background-image {
        top: 50px
    }
}

@media(max-width:734px)and (min-width:590px) {
    .subsection-hifi-sound .hifi-sound-background-image-container .hifi-sound-background-image {
        top: -25px
    }
}

@media(max-width:480px)and (min-width:350px) {
    .subsection-hifi-sound .hifi-sound-background-image-container .hifi-sound-background-image {
        top: -50px
    }
}

@media(max-width:480px)and (min-width:430px) {
    .subsection-hifi-sound .hifi-sound-background-image-container .hifi-sound-background-image {
        top: -85px
    }
}

@media(max-width:480px)and (min-width:450px) {
    .subsection-hifi-sound .hifi-sound-background-image-container .hifi-sound-background-image {
        top: -100px
    }
}

.subsection-hifi-sound .subsection-header .subsection-headline {
    margin-inline-start: auto;
    margin-inline-end: auto;
    max-width: 900px
}

@media(max-width:1068px) {
    .subsection-hifi-sound .subsection-header .subsection-headline {
        max-width: 655px
    }
}

@media(max-width:734px) {
    .subsection-hifi-sound .subsection-header .subsection-headline {
        max-width: 250px
    }
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-header-subheadline,
html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline {
    max-width: 100vw
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline {
    font-size: 80px;
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -0.015em;
    font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(ja) {
    line-height: 1.0875;
    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
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(ko) {
    line-height: 1.15;
    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
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh) {
    line-height: 1.0875;
    letter-spacing: 0em
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(th) {
    line-height: 1.35;
    font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-MO) {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline: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) {
    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -0.009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(ja) {
        line-height: 1.109375;
        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
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(ko) {
        line-height: 1.171875;
        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
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh) {
        line-height: 1.09375;
        letter-spacing: 0em
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(th) {
        line-height: 1.34375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline: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) {
    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline {
        font-size: 48px;
        line-height: 1.0834933333;
        font-weight: 600;
        letter-spacing: -0.0014em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(ko) {
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh) {
        letter-spacing: 0em
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(th) {
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    html.text-zoom .subsection-hifi-sound .subsection-header .subsection-headline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Display, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

html.text-zoom .subsection-hifi-sound .subsection-header .subsection-header-subheadline {
    background-color: rgba(0, 0, 0, .92)
}

.subsection-hifi-sound .viewport-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 2860px
}

@media(min-width:1441px) {
    .subsection-hifi-sound .viewport-content {
        min-height: 2430px
    }
}

@media(max-width:1068px) {
    .subsection-hifi-sound .viewport-content {
        min-height: 2119px
    }
}

@media(max-width:734px) {
    .subsection-hifi-sound .viewport-content {
        min-height: 1800px
    }
}

@media(max-width:480px) {
    .subsection-hifi-sound .viewport-content {
        min-height: 1850px
    }
}

.subsection-hifi-sound-details {
    display: flex;
    justify-content: center;
    z-index: 1;
    flex-direction: column;
    margin-bottom: 194px
}

@media(min-width:1441px) {
    .subsection-hifi-sound-details {
        flex-direction: row;
        margin-bottom: 350px
    }
}

@media(max-width:1068px) {
    .subsection-hifi-sound-details {
        margin-bottom: 192px;
        margin-top: 640px
    }
}

@media(max-width:734px) {
    .subsection-hifi-sound-details {
        margin-bottom: 183px
    }
}

html.text-zoom .subsection-hifi-sound-details {
    flex-direction: column
}

@media(min-width:735px)and (max-width:1068px) {
    html.no-enhanced .subsection-hifi-sound-details {
        margin-bottom: 188px
    }
}

@media(max-width:480px) {
    html.no-enhanced .subsection-hifi-sound-details {
        margin-bottom: 175px;
        margin-top: 450px
    }
}

.subsection-hifi-sound-detail {
    color: var(--subsection-copy-dark);
    width: 610px;
    margin-left: 36px;
    margin-right: 36px;
    margin-bottom: 67px
}

@media(min-width:1441px) {
    .subsection-hifi-sound-detail {
        width: 404px;
        margin-left: 35px;
        margin-right: 35px;
        margin-bottom: 0px
    }
}

@media(max-width:1068px) {
    .subsection-hifi-sound-detail {
        width: 605px;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 50px
    }
}

@media(max-width:734px) {
    .subsection-hifi-sound-detail {
        width: unset;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 35px
    }
}

@media(max-width:480px) {
    .subsection-hifi-sound-detail {
        margin-bottom: 44px
    }
}

html.text-zoom .subsection-hifi-sound-detail {
    background-color: rgba(0, 0, 0, .92);
    max-width: 100%
}

@media(min-width:1069px) {
    html.text-zoom .subsection-hifi-sound-detail {
        max-width: 1000px;
        width: 100%
    }
}

.subsection-hifi-sound-detail .inline-headline {
    color: #f5f5f7
}

.subsection-hifi-sound-detail .icon-container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 24px
}

@media(min-width:1441px) {
    .subsection-hifi-sound-detail .icon-container {
        height: 60px;
        margin-bottom: 23px
    }
}

@media(max-width:1068px) {
    .subsection-hifi-sound-detail .icon-container {
        margin-bottom: 18px
    }
}

@media(max-width:734px) {
    .subsection-hifi-sound-detail .icon-container {
        margin-bottom: 16px
    }
}

.subsection-hifi-sound-detail .icon-container .badge-inline {
    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;
    --sk-badge-margin: 16px
}

@media(min-width:1441px) {
    .subsection-hifi-sound-detail .icon-container .badge-inline {
        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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(ko) {
        line-height: 1.3529611765;
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh) {
        line-height: 1.3529611765;
        letter-spacing: 0em
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(th) {
        line-height: 1.3529611765;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.subsection-hifi-sound-detail .icon-container .badge-inline: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
}

.subsection-hifi-sound-detail .icon-container .badge-inline: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
}

.subsection-hifi-sound-detail .icon-container .badge-inline:lang(ko) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh) {
    line-height: 1.3529611765;
    letter-spacing: 0em
}

.subsection-hifi-sound-detail .icon-container .badge-inline:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

.subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-CN) {
    font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
}

.subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-HK) {
    font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
}

.subsection-hifi-sound-detail .icon-container .badge-inline: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
}

.subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-TW) {
    font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media(max-width:1068px) {
    .subsection-hifi-sound-detail .icon-container .badge-inline {
        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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(ko) {
        line-height: 1.3529611765;
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh) {
        line-height: 1.3529611765;
        letter-spacing: 0em
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(th) {
        line-height: 1.3529611765;
        letter-spacing: 0em;
        font-family: SF Pro TH, SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media(max-width:734px) {
    .subsection-hifi-sound-detail .icon-container .badge-inline {
        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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh) {
        letter-spacing: 0em
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

@media(max-width:480px) {
    .subsection-hifi-sound-detail .icon-container .badge-inline {
        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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh) {
        letter-spacing: 0em
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Text, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Text, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline: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
    }

    .subsection-hifi-sound-detail .icon-container .badge-inline:lang(zh-TW) {
        font-family: SF Pro TC, SF Pro Text, SF Pro Icons, PingFang TC, Helvetica Neue, Helvetica, Arial, sans-serif
    }
}

.subsection-hifi-sound-detail-icon {
    fill: #fff;
    width: auto;
    height: 60px
}

@media(max-width:1068px) {
    .subsection-hifi-sound-detail-icon {
        height: 49px;
        margin-top: 8px
    }
}

.subsection-hifi-sound-detail-icon-lossless-audio {
    height: auto;
    width: 59px
}

@media(min-width:1441px) {
    .subsection-hifi-sound-detail-icon-lossless-audio {
        width: 64px
    }
}

@media(max-width:1068px) {
    .subsection-hifi-sound-detail-icon-lossless-audio {
        width: 48px
    }
}

@media(min-width:1441px) {
    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 150px
    }
}

@media(min-width:1069px)and (max-width:1440px) {
    .subsection-hifi-sound.extra-20-copy-spacing .viewport-content {
        min-height: 2370px
    }

    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 200px
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .subsection-hifi-sound.extra-20-copy-spacing .viewport-content {
        min-height: 2050px
    }

    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 100px
    }
}

@media(min-width:735px)and (max-width:1068px)and (min-width:739px) {
    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 125px
    }
}

@media(min-width:735px)and (max-width:1068px)and (min-width:952px) {
    .subsection-hifi-sound.extra-20-copy-spacing .viewport-content {
        min-height: 1950px
    }

    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 75px
    }
}

@media(min-width:481px)and (max-width:734px) {
    .subsection-hifi-sound.extra-20-copy-spacing .viewport-content {
        min-height: 1750px
    }

    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 100px
    }
}

@media(min-width:481px)and (max-width:734px)and (min-width:600px) {
    .subsection-hifi-sound.extra-20-copy-spacing .viewport-content {
        min-height: 1650px
    }

    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 60px
    }
}

@media(min-width:320px)and (max-width:480px) {
    .subsection-hifi-sound.extra-20-copy-spacing .viewport-content {
        min-height: 2000px
    }

    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 100px
    }
}

@media(min-width:320px)and (max-width:480px)and (min-width:350px) {
    .subsection-hifi-sound.extra-20-copy-spacing .viewport-content {
        min-height: 1875px
    }

    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 75px
    }
}

@media(min-width:320px)and (max-width:480px)and (min-width:370px) {
    .subsection-hifi-sound.extra-20-copy-spacing .viewport-content {
        min-height: 1750px
    }

    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 50px
    }
}

@media(min-width:320px)and (max-width:480px)and (min-width:420px) {
    .subsection-hifi-sound.extra-20-copy-spacing .hifi-sound-background-image {
        top: 0px
    }
}

@media(min-width:1441px) {
    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 150px
    }
}

@media(min-width:1069px)and (max-width:1440px) {
    .subsection-hifi-sound.extra-40-copy-spacing .viewport-content {
        min-height: 2370px
    }

    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 200px
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .subsection-hifi-sound.extra-40-copy-spacing .viewport-content {
        min-height: 2050px
    }

    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 200px
    }
}

@media(min-width:735px)and (max-width:1068px)and (min-width:739px) {
    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 125px
    }
}

@media(min-width:735px)and (max-width:1068px)and (min-width:952px) {
    .subsection-hifi-sound.extra-40-copy-spacing .viewport-content {
        min-height: 1950px
    }

    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 100px
    }
}

@media(min-width:481px)and (max-width:734px) {
    .subsection-hifi-sound.extra-40-copy-spacing .viewport-content {
        min-height: 1750px
    }

    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 125px
    }
}

@media(min-width:481px)and (max-width:734px)and (min-width:600px) {
    .subsection-hifi-sound.extra-40-copy-spacing .viewport-content {
        min-height: 1650px
    }

    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 100px
    }
}

@media(min-width:320px)and (max-width:480px) {
    .subsection-hifi-sound.extra-40-copy-spacing .viewport-content {
        min-height: 2000px
    }

    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 150px
    }
}

@media(min-width:320px)and (max-width:480px)and (min-width:350px) {
    .subsection-hifi-sound.extra-40-copy-spacing .viewport-content {
        min-height: 1875px
    }

    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 125px
    }
}

@media(min-width:320px)and (max-width:480px)and (min-width:370px) {
    .subsection-hifi-sound.extra-40-copy-spacing .viewport-content {
        min-height: 1750px
    }

    .subsection-hifi-sound.extra-40-copy-spacing .hifi-sound-background-image {
        top: 50px
    }
}

.subsection-anc {
    background-color: #f5f5f7;
    overflow: hidden
}

.subsection-anc .overview-product-stories-anc-anc-airpod-max-lifestyle img {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 734px;
    --p-height: 860px
}

@media(max-width:1068px)and (max-width:1068px) {
    .subsection-anc .overview-product-stories-anc-anc-airpod-max-lifestyle img {
        --p-width: 470px;
        --p-height: 550px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .subsection-anc .overview-product-stories-anc-anc-airpod-max-lifestyle img {
        --p-width: 618px;
        --p-height: 734px
    }
}

.subsection-anc .overview-product-stories-anc-anc-airpod-max-close-up img {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1414px;
    --p-height: 884px
}

@media(max-width:1068px)and (max-width:1068px) {
    .subsection-anc .overview-product-stories-anc-anc-airpod-max-close-up img {
        --p-width: 720px;
        --p-height: 503px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .subsection-anc .overview-product-stories-anc-anc-airpod-max-close-up img {
        --p-width: 636px;
        --p-height: 422px
    }
}

.subsection-anc .subsection-header {
    text-align: center;
    margin-bottom: 95px
}

@media(max-width:1068px) {
    .subsection-anc .subsection-header {
        margin-bottom: 80px
    }
}

@media(max-width:734px) {
    .subsection-anc .subsection-header {
        margin-bottom: 46px
    }
}

@media(max-width:480px) {
    .subsection-anc .subsection-header {
        margin-bottom: 40px
    }
}

.subsection-anc .subsection-copy-block {
    color: var(--subsection-copy-mid)
}

.subsection-anc .subsection-copy-block .inline-headline {
    color: #1d1d1f
}

.subsection-anc-detail-icon {
    fill: #000;
    width: 44px;
    height: 55px;
    margin-bottom: 18px
}

@media(max-width:1068px) {
    .subsection-anc-detail-icon {
        width: 31px;
        height: 39px;
        margin-bottom: 6px
    }
}

@media(max-width:734px) {
    .subsection-anc-detail-icon {
        margin-bottom: 4px
    }
}

.subsection-anc .pro-anc-container {
    align-items: center;
    margin-bottom: 100px
}

@media(max-width:1068px) {
    .subsection-anc .pro-anc-container {
        margin-bottom: 80px
    }
}

@media(max-width:734px) {
    .subsection-anc .pro-anc-container {
        margin-bottom: 64px
    }
}

.subsection-anc .pro-anc-container .image {
    overflow: hidden;
    display: flex;
    justify-content: center
}

@media(max-width:734px) {

    .subsection-anc .pro-anc-container .image img,
    .subsection-anc .pro-anc-container .image picture {
        width: 100%;
        height: auto
    }
}

.subsection-anc .pro-anc-container .image img {
    --parallax-zoom: 12%;
    translate: 0 clamp(var(--parallax-zoom)/-2, var(--scroll-progress, 0)*var(--parallax-zoom) - var(--parallax-zoom)/2, var(--parallax-zoom)/2);
    scale: calc(100% + var(--parallax-zoom))
}

html.reduced-motion .subsection-anc .pro-anc-container .image img {
    translate: none
}

@media(min-width:1069px)and (max-width:1440px) {
    .subsection-anc .pro-anc-container .copy {
        margin-left: 65px;
        max-width: 352px
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .subsection-anc .pro-anc-container .copy {
        max-width: 312px
    }
}

@media(max-width:734px) {
    .subsection-anc .pro-anc-container .copy {
        margin-top: 32px;
        margin-bottom: 0px
    }
}

.subsection-anc .transparency-mode-container .copy {
    position: relative;
    z-index: 1;
    margin-top: 234px;
    margin-bottom: 80px
}

@media(min-width:735px)and (max-width:1068px) {
    .subsection-anc .transparency-mode-container .copy {
        margin-top: 155px
    }
}

@media(max-width:734px) {
    .subsection-anc .transparency-mode-container .copy {
        margin-top: 0;
        margin-bottom: 0
    }
}

.subsection-anc .transparency-mode-container .image {
    position: relative;
    width: 0
}

@media(max-width:734px) {
    .subsection-anc .transparency-mode-container .image {
        margin-top: 56px
    }
}

.subsection-anc .transparency-mode-container .image picture {
    position: relative;
    left: 138px
}

@media(min-width:1069px)and (max-width:1440px) {
    .subsection-anc .transparency-mode-container .image picture {
        left: 71px
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .subsection-anc .transparency-mode-container .image picture {
        left: 56px
    }

    .subsection-anc .transparency-mode-container .image picture img {
        mask-image: linear-gradient(180deg, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0))
    }
}

@media(max-width:734px) {
    .subsection-anc .transparency-mode-container .image picture {
        position: static
    }
}

.subsection-anc .transparency-mode-container .pin::before {
    margin: -3px;
    width: 8px;
    height: 8px;
    transition: transform .2s ease-in;
    transform: scale(0)
}

.subsection-anc .transparency-mode-container .pin-horizontal {
    top: -32px;
    right: -540px;
    transition: transform 1s ease-in-out;
    transform: scaleX(0);
    transform-origin: left
}

.subsection-anc .transparency-mode-container .pin-horizontal::before {
    transition-delay: .9s
}

.subsection-anc .transparency-mode-container .pin-horizontal,
.subsection-anc .transparency-mode-container .pin-horizontal::after {
    height: 2px
}

@media(min-width:1069px)and (max-width:1440px) {
    .subsection-anc .transparency-mode-container .pin-horizontal {
        right: -474px
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .subsection-anc .transparency-mode-container .pin-horizontal {
        top: -39px;
        right: -251px
    }
}

@media(max-width:734px) {
    .subsection-anc .transparency-mode-container .pin-horizontal {
        display: none
    }
}

.subsection-anc .transparency-mode-container .pin-vertical {
    display: none;
    transition: transform .7s ease-in-out;
    transform: scaleY(0);
    transform-origin: top
}

.subsection-anc .transparency-mode-container .pin-vertical::before {
    transition-delay: .6s
}

.subsection-anc .transparency-mode-container .pin-vertical,
.subsection-anc .transparency-mode-container .pin-vertical::after {
    width: 1.5px
}

@media(max-width:734px) {
    .subsection-anc .transparency-mode-container .pin-vertical {
        display: flex;
        padding-top: 0;
        bottom: 320px;
        top: -44px;
        left: 171px
    }
}

.subsection-anc .transparency-mode-container .pin.animate::before {
    transform: scale(1)
}

.subsection-anc .transparency-mode-container .pin.animate.pin-vertical {
    transform: scaleY(1)
}

.subsection-anc .transparency-mode-container .pin.animate.pin-horizontal {
    transform: scaleX(1)
}

html.no-js .subsection-anc .transparency-mode-container .pin.pin-horizontal,
html.no-js .subsection-anc .transparency-mode-container .pin.pin-vertical,
html.no-js .subsection-anc .transparency-mode-container .pin::before,
html.reduced-motion .subsection-anc .transparency-mode-container .pin.pin-horizontal,
html.reduced-motion .subsection-anc .transparency-mode-container .pin.pin-vertical,
html.reduced-motion .subsection-anc .transparency-mode-container .pin::before {
    transition: none;
    transform: scale(1)
}

.subsection-design {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 164px
}

.subsection-design .overview-product-stories-design-design-airpod-max {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1283px;
    --p-height: 1283px
}

@media(max-width:1068px)and (max-width:1068px) {
    .subsection-design .overview-product-stories-design-design-airpod-max {
        --p-width: 680px;
        --p-height: 753px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .subsection-design .overview-product-stories-design-design-airpod-max {
        --p-width: 528px;
        --p-height: 584px
    }
}

@media(max-width:1068px) {
    .subsection-design {
        padding-bottom: 122px
    }
}

@media(max-width:734px) {
    .subsection-design {
        padding-bottom: 114px;
        margin-bottom: 88px
    }
}

html.no-enhanced .subsection-design {
    padding-bottom: 280px
}

@media(max-width:1068px) {
    html.no-enhanced .subsection-design {
        padding-bottom: 275px
    }
}

@media(max-width:734px) {
    html.no-enhanced .subsection-design {
        padding-bottom: 115px
    }
}

.subsection-design .all-access-pass {
    margin-bottom: 50px
}

@media(max-width:1068px) {
    .subsection-design .all-access-pass {
        margin-bottom: 30px
    }
}

@media(max-width:734px) {
    .subsection-design .all-access-pass {
        margin-bottom: 10px
    }
}

html.no-enhanced .subsection-design .all-access-pass {
    margin-bottom: 160px
}

@media(max-width:1068px) {
    html.no-enhanced .subsection-design .all-access-pass {
        margin-bottom: 156px
    }
}

@media(max-width:734px) {
    html.no-enhanced .subsection-design .all-access-pass {
        margin-bottom: 11px
    }
}

.subsection-design .viewport-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.subsection-design-headline {
    max-width: 1008px
}

@media(max-width:1068px) {
    .subsection-design-headline {
        max-width: 775px
    }
}

@media(max-width:734px) {
    .subsection-design-headline {
        max-width: 478px
    }
}

.subsection-design-description {
    color: var(--subsection-copy-light);
    max-width: 829px
}

@media(min-width:1069px) {
    html.enhanced .subsection-design-description {
        margin-top: 50px
    }
}

@media(min-width:735px)and (max-width:1068px) {
    html.enhanced .subsection-design-description {
        margin-top: 80px
    }
}

@media(max-width:734px) {
    html.enhanced .subsection-design-description {
        margin-top: 70px
    }
}

@media(min-width:1441px) {
    .subsection-design-description {
        max-width: 1105px
    }
}

@media(max-width:1068px) {
    .subsection-design-description {
        max-width: 630px;
        margin-top: 62px
    }
}

@media(max-width:734px) {
    .subsection-design-description {
        max-width: 100%;
        margin-top: 48px
    }
}

.subsection-design .subsection-design-image {
    display: block;
    position: relative;
    max-width: 1283px;
    max-width: 100%;
    margin-top: -140px;
    height: auto;
    overflow: hidden;
    z-index: 1
}

.subsection-design .subsection-design-image::after {
    content: "";
    display: block
}

.subsection-design .subsection-design-image img {
    max-width: 100%;
    position: absolute
}

.subsection-design .subsection-design-image::after {
    padding-bottom: 100%
}

@media(max-width:1068px) {
    .subsection-design .subsection-design-image {
        max-width: 680px
    }

    .subsection-design .subsection-design-image::after {
        padding-bottom: 110.7352941176%
    }
}

@media(max-width:734px) {
    .subsection-design .subsection-design-image {
        max-width: 528px
    }

    .subsection-design .subsection-design-image::after {
        padding-bottom: 110.6060606061%
    }
}

@media(max-width:1068px) {
    .subsection-design .subsection-design-image {
        margin-top: -51px
    }
}

@media(max-width:734px) {
    .subsection-design .subsection-design-image {
        max-width: 100%;
        margin-top: -32px
    }
}

html.no-enhanced .subsection-design .subsection-design-image {
    margin-top: -100px
}

@media(max-width:1068px) {
    html.no-enhanced .subsection-design .subsection-design-image {
        margin-top: 0
    }
}

.subsection-design .subsection-design-image img {
    transform: translateX(-50%)
}

.subsection-battery-magical .overview-product-stories-battery-magical-battery-detection {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 372px;
    --p-height: 580px
}

@media(max-width:1068px)and (max-width:1068px) {
    .subsection-battery-magical .overview-product-stories-battery-magical-battery-detection {
        --p-width: 344px;
        --p-height: 580px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .subsection-battery-magical .overview-product-stories-battery-magical-battery-detection {
        --p-width: 323px;
        --p-height: 480px
    }
}

.subsection-battery-magical .overview-product-stories-battery-magical-battery-listen {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 372px;
    --p-height: 580px
}

@media(max-width:1068px)and (max-width:1068px) {
    .subsection-battery-magical .overview-product-stories-battery-magical-battery-listen {
        --p-width: 344px;
        --p-height: 580px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .subsection-battery-magical .overview-product-stories-battery-magical-battery-listen {
        --p-width: 323px;
        --p-height: 480px
    }
}

.subsection-battery-magical .overview-product-stories-battery-magical-battery-long-lasting {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 372px;
    --p-height: 580px
}

@media(max-width:1068px)and (max-width:1068px) {
    .subsection-battery-magical .overview-product-stories-battery-magical-battery-long-lasting {
        --p-width: 344px;
        --p-height: 580px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .subsection-battery-magical .overview-product-stories-battery-magical-battery-long-lasting {
        --p-width: 323px;
        --p-height: 480px
    }
}

.subsection-battery-magical .overview-product-stories-battery-magical-battery-usbc {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 372px;
    --p-height: 580px
}

@media(max-width:1068px)and (max-width:1068px) {
    .subsection-battery-magical .overview-product-stories-battery-magical-battery-usbc {
        --p-width: 344px;
        --p-height: 580px
    }
}

@media(max-width:734px)and (max-width:734px) {
    .subsection-battery-magical .overview-product-stories-battery-magical-battery-usbc {
        --p-width: 323px;
        --p-height: 480px
    }
}

.subsection-battery-magical .subsection-header {
    margin-top: 0;
    margin-bottom: 40px
}

@media(max-width:734px) {
    .subsection-battery-magical .subsection-header .subsection-headline {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -0.009em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(ja) {
        line-height: 1.109375;
        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
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(ko) {
        line-height: 1.171875;
        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
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh) {
        line-height: 1.09375;
        letter-spacing: 0em
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(th) {
        line-height: 1.34375;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline: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)and (max-width:1068px) {
    .subsection-battery-magical .subsection-header .subsection-headline {
        font-size: 48px;
        line-height: 1.0834933333;
        font-weight: 600;
        letter-spacing: -0.0014em;
        font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(ar) {
        letter-spacing: 0em;
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

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

    .subsection-battery-magical .subsection-header .subsection-headline:lang(ko) {
        letter-spacing: 0em;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh) {
        letter-spacing: 0em
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(th) {
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline: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)and (max-width:734px) {
    .subsection-battery-magical .subsection-header .subsection-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
    }

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

    .subsection-battery-magical .subsection-header .subsection-headline:lang(ko) {
        line-height: 1.2;
        font-family: SF Pro KR, SF Pro Display, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(th) {
        line-height: 1.35;
        font-family: SF Pro TH, SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(ar) {
        font-family: SF Pro AR, SF Pro AR Display, SF Pro Display, SF Pro Gulf, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh-CN) {
        font-family: SF Pro SC, SF Pro Display, SF Pro Icons, PingFang SC, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh-HK) {
        font-family: SF Pro HK, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline:lang(zh-MO) {
        font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif
    }

    .subsection-battery-magical .subsection-header .subsection-headline: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:480px) {
    .subsection-battery-magical .subsection-header .subsection-headline {
        margin: 0 auto;
        max-width: 300px
    }
}

.subsection-battery-magical .viewport-content {
    text-align: center
}

html.text-zoom .subsection-battery-magical #scroll-gallery-item-3,
html.text-zoom .subsection-battery-magical #scroll-gallery-item-3 .siri,
html.text-zoom .subsection-battery-magical #scroll-gallery-item-5,
html.text-zoom .subsection-battery-magical #scroll-gallery-item-5 .siri {
    width: -moz-fit-content;
    width: fit-content
}

html.text-zoom .subsection-battery-magical #scroll-gallery-item-3 .battery,
html.text-zoom .subsection-battery-magical #scroll-gallery-item-5 .battery {
    background-color: #f5f5f7;
    display: flex;
    justify-content: center;
    padding: 0 5%;
    overflow: visible
}

.subsection-battery-magical .siri {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: conic-gradient(from 45deg, #bb64ff, #ff2288, #ff8b00 28%, #f2416b, #e750de 60%, #0096ff, #bb64ff);
    border-radius: 25px;
    padding: 32px
}

.subsection-battery-magical .siri::before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    inset: 38px;
    box-shadow: 0 0 32px 40px #fff;
    border-radius: 9px
}

.subsection-battery-magical .siri .gallery-item-copy {
    z-index: 1
}

.subsection-battery-magical .siri .gallery-item-copy span {
    --gradient: linear-gradient(108deg, #0894ff, #c959dd 34%, #ff2e54 68%, #ff9004);
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: var(--gradient)
}

.section.section-product-stories {
    padding-top: 76px
}

@media(max-width:1068px) {
    .section.section-product-stories {
        padding-top: 47px
    }
}

@media(max-width:734px) {
    .section.section-product-stories {
        padding-top: 21px
    }
}

.section-icon-card {
    position: relative;
    z-index: 1
}

.section-icon-card.section {
    padding-bottom: 0 !important
}

.section-icon-card .icon-card-copy-wrapper {
    margin-top: 15px;
    margin-bottom: 20px
}

@media(max-width:1068px) {
    .section-icon-card .icon-card-copy-wrapper {
        margin-top: 17px;
        margin-bottom: 19px
    }
}

@media(max-width:734px) {
    .section-icon-card .icon-card-copy-wrapper {
        margin-top: 17px;
        margin-bottom: 49px
    }
}

.section-icon-card .overview-icon-card-icon-applecard,
.section-icon-card .overview-icon-card-icon-emoji-face-grinning,
.section-icon-card .overview-icon-card-icon-message-and-message,
.section-icon-card .overview-icon-card-icon-truck-box {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 56px;
    --p-height: 56px
}

.section-icon-card .overview-icon-card-icon-app-applestore {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 36px;
    --p-height: 56px
}

@media(max-width:480px) {
    .icon-card-modal .modal-overlay {
        min-height: 100svh;
        padding-top: 40px
    }

    .icon-card-modal .modal-content-wrapper {
        min-height: calc(100dvh - 40px)
    }
}

.overview-icon-card-boc-qr-code {
    display: block;
    position: relative;
    max-width: 816px
}

.overview-icon-card-boc-qr-code::after {
    content: "";
    display: block
}

.overview-icon-card-boc-qr-code img {
    max-width: 100%;
    position: absolute
}

.overview-icon-card-boc-qr-code::after {
    padding-bottom: 59.3137254902%
}

@media(max-width:1068px) {
    .overview-icon-card-boc-qr-code {
        max-width: 692px
    }

    .overview-icon-card-boc-qr-code::after {
        padding-bottom: 63.8728323699%
    }
}

html.desktop #icon-card-shopping-experience .modal-link,
html.no-desktop #icon-card-shopping-experience .image-container,
html.no-desktop #icon-card-shopping-experience .qr-instruction {
    display: none
}

.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-row-height: 36px;
    margin-top: 38px
}

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

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

@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
}

.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 var(--colorindicator-margin) 0
}

@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-header {
    width: 100%;
    box-sizing: border-box
}

.product-tile-image-link {
    color: inherit;
    text-decoration: none;
    margin: 0 0 var(--image-link-margin) 0
}

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-product-id {
    margin-bottom: auto
}

.product-tile-headline {
    margin-bottom: var(--headline-margin)
}

.product-tile-badge {
    white-space: normal;
    margin: 0 0 var(--badge-margin) 0
}

@media(min-width:735px) {

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

.product-tile-positioning {
    margin-top: var(--positioning-margin)
}

.product-tile-price {
    margin-top: var(--price-margin)
}

.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: flex;
    grid-gap: 20px;
    gap: 20px
}

.product-tile {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0
}

@media(max-width:734px) {
    .product-tile {
        flex-shrink: 1
    }
}

.product-tile .product-tile-header {
    display: grid;
    grid-template-rows: var(--image-link-row) var(--colorindicator-row) var(--product-id-row);
    grid-template-areas: "image-link" "colorindicator" "product-id"
}

.product-tile .product-tile-image-link {
    justify-self: center;
    align-self: flex-end
}

@media(max-width:734px) {
    .product-tile .product-tile-image-link {
        justify-self: start
    }
}

.product-tile .product-tile-image img {
    bottom: 0;
    left: 0;
    right: 0
}

.product-tile .product-tile-product-id {
    display: grid;
    grid-template-rows: var(--headline-group-row) var(--subheading-row);
    grid-template-areas: "headline-group" "subheading";
    align-items: end
}

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

.product-tile .product-tile-headline-group {
    display: grid;
    grid-template-rows: var(--badge-row) var(--headline-row);
    grid-template-areas: "badge" "headline"
}

.product-tile .product-tile-badge {
    align-self: end
}

.product-tile .product-tile-subheading {
    align-self: start
}

.product-tile .product-tile-body {
    display: grid;
    grid-template-rows: var(--positioning-row) var(--price-row);
    grid-template-areas: "positioning" "price"
}

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

.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-row-gap: 19px;
    row-gap: 19px;
    grid-template-rows: var(--button-row-height) auto
}

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

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

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

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

.product-tile .product-tile-product-id {
    grid-area: product-id
}

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

.product-tile .product-tile-subheading {
    grid-area: subheading
}

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

.product-tile .product-tile-headline {
    grid-area: headline
}

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

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

.product-tile .tout-group {
    position: relative;
    margin-top: auto;
    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,
html[dir=rtl] .product-tile:first-child .tout-group::before {
    right: 0
}

html[dir=rtl] .product-tile:last-child .tout-group::before {
    left: 0
}

.product-tile-set {
    --context: contrast;
    margin: 0
}

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

.product-tile-set .product-tile {
    --image-link-row: 0;
    --colorindicator-row: 0;
    --badge-row: 0;
    --headline-row: 0;
    --subheading-row: 0;
    --positioning-row: 0;
    --price-row: 0
}

.product-tile-set .product-tile.has-image-link-row {
    --image-link-row: auto
}

.product-tile-set .product-tile.has-colorindicator-row {
    --colorindicator-row: calc(14px + var(--colorindicator-margin))
}

.product-tile-set .product-tile.has-badge-row {
    --badge-row: minmax(calc(var(--badge-height) + var(--badge-margin)), max-content)
}

.product-tile-set .product-tile.has-headline-row {
    --headline-row: auto
}

.product-tile-set .product-tile.has-subheading-row {
    --subheading-row: auto
}

.product-tile-set .product-tile.has-positioning-row {
    --positioning-row: minmax(calc(var(--positioning-height) + var(--positioning-margin)), max-content)
}

.product-tile-set .product-tile.has-price-row {
    --price-row: minmax(calc(var(--price-height) + var(--price-margin)), max-content)
}

.product-tile {
    --sk-paragraph-plus-element-margin: 0px;
    --sk-headline-plus-first-element-margin: 0px;
    --product-tile-width: 372px;
    --product-tile-padding: 28px;
    --image-link-margin: 40px;
    --colorindicator-margin: 27px;
    --badge-margin: 0px;
    --headline-margin: 4px;
    --positioning-margin: 0px;
    --price-margin: 0px;
    --badge-height: auto;
    --subheading-height: auto;
    --headline-height: auto;
    --positioning-height: auto;
    --price-height: auto;
    --product-id-height: calc(var(--badge-height) + var(--badge-margin) + var(--headline-height) + var(--headline-margin) + var(--subheading-height));
    --headline-group-row: auto;
    --product-id-row: minmax(var(--product-id-height), max-content);
    --image-link-row: auto;
    --colorindicator-row: auto;
    --badge-row: auto;
    --headline-row: auto;
    --subheading-row: auto;
    --positioning-row: auto;
    --price-row: auto;
    width: var(--product-tile-width);
    list-style-type: none
}

.product-tile.has-badge-row {
    --badge-margin: 9px
}

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

.product-tile.has-positioning-row {
    --positioning-margin: 12px
}

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

.product-tile.has-price-row {
    --price-margin: 12px
}

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

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

@media(max-width:1068px) {
    .product-tile {
        --product-tile-width: 344px;
        --product-tile-padding: 24px;
        --image-link-margin: 33px;
        --product-tile-padding: 16px;
        --product-tile-width: 311px
    }
}

@media(max-width:734px) {
    .product-tile {
        --image-link-margin: 35px;
        --headline-margin: 5px;
        --product-tile-padding: 28px;
        --product-tile-width: 50%;
        --product-tile-padding: 12px
    }
}

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

@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
    }
}

.contrast-container {
    display: flex;
    justify-content: center;
    padding-top: 120px;
    padding-bottom: 120px
}

@media(max-width:1068px) {
    .contrast-container {
        background-color: unset;
        overflow: visible;
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.contrast-container .colorindicator .colorindicator-label {
    display: none
}

@media(min-width:1069px)and (max-width:1440px) {
    .contrast-container .colorindicator-items:has(:nth-child(10)) .colorindicator-label {
        display: initial
    }
}

@media(min-width:1069px)and (max-width:1440px) {
    .contrast-container .colorindicator-item:not(.colorindicator-label):nth-child(n+9) {
        display: none
    }
}

@media(min-width:1441px) {
    .contrast-container .colorindicator-items:has(:nth-child(10)) .colorindicator-label {
        display: initial
    }
}

@media(min-width:1441px) {
    .contrast-container .colorindicator-item:not(.colorindicator-label):nth-child(n+9) {
        display: none
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .contrast-container .colorindicator-items:has(:nth-child(10)) .colorindicator-label {
        display: initial
    }
}

@media(min-width:735px)and (max-width:1068px) {
    .contrast-container .colorindicator-item:not(.colorindicator-label):nth-child(n+9) {
        display: none
    }
}

@media(min-width:481px)and (max-width:734px) {
    .contrast-container .colorindicator-items:has(:nth-child(10)) .colorindicator-label {
        display: initial
    }
}

@media(min-width:481px)and (max-width:734px) {
    .contrast-container .colorindicator-item:not(.colorindicator-label):nth-child(n+9) {
        display: none
    }
}

@media(max-width:480px) {
    .contrast-container .colorindicator-items:has(:nth-child(8)) .colorindicator-label {
        display: initial
    }
}

@media(max-width:480px) {
    .contrast-container .colorindicator-item:not(.colorindicator-label):nth-child(n+7) {
        display: none
    }
}

.contrast-container .contrast-alignment-container {
    display: flex;
    flex-direction: column;
    width: min-content
}

@media(min-width:735px) {
    .contrast-container .contrast-alignment-container {
        align-items: center
    }
}

@media(max-width:734px) {
    .contrast-container .contrast-alignment-container {
        width: 100%
    }
}

.contrast-container .contrast-headline {
    max-width: 680px;
    margin-bottom: 80px
}

@media(min-width:735px) {
    .contrast-container .contrast-headline {
        text-align: center
    }
}

@media(max-width:1068px) {
    .contrast-container .contrast-headline {
        max-width: 576px;
        margin-bottom: 64px
    }
}

@media(max-width:734px) {
    .contrast-container .contrast-headline {
        max-width: 320px;
        margin-bottom: 48px
    }
}

.section-contrast {
    position: relative
}

@media(min-width:1069px)and (max-width:1440px) {
    .section-contrast .overview-contrast-airpods-max-midnight {
        display: block;
        width: var(--p-width);
        height: var(--p-height);
        --p-width: 307px;
        --p-height: 340px
    }
}

@media(max-width:734px) {
    .section-contrast .overview-contrast-airpods-max-midnight {
        display: block;
        position: relative;
        max-width: 136px
    }

    .section-contrast .overview-contrast-airpods-max-midnight::after {
        content: "";
        display: block
    }

    .section-contrast .overview-contrast-airpods-max-midnight img {
        max-width: 100%;
        position: absolute
    }

    .section-contrast .overview-contrast-airpods-max-midnight::after {
        padding-bottom: 110.2941176471%
    }
}

@media(max-width:480px) {
    .section-contrast .overview-contrast-airpods-max-midnight {
        display: block;
        position: relative
    }

    .section-contrast .overview-contrast-airpods-max-midnight::after {
        content: "";
        display: block
    }

    .section-contrast .overview-contrast-airpods-max-midnight img {
        max-width: 100%;
        position: absolute
    }
}

@media(min-width:1069px)and (max-width:1440px) {
    .section-contrast .overview-contrast-airpods-pro-white {
        display: block;
        width: var(--p-width);
        height: var(--p-height);
        --p-width: 307px;
        --p-height: 340px
    }
}

@media(max-width:734px) {
    .section-contrast .overview-contrast-airpods-pro-white {
        display: block;
        position: relative;
        max-width: 136px
    }

    .section-contrast .overview-contrast-airpods-pro-white::after {
        content: "";
        display: block
    }

    .section-contrast .overview-contrast-airpods-pro-white img {
        max-width: 100%;
        position: absolute
    }

    .section-contrast .overview-contrast-airpods-pro-white::after {
        padding-bottom: 110.2941176471%
    }
}

@media(max-width:480px) {
    .section-contrast .overview-contrast-airpods-pro-white {
        display: block;
        position: relative
    }

    .section-contrast .overview-contrast-airpods-pro-white::after {
        content: "";
        display: block
    }

    .section-contrast .overview-contrast-airpods-pro-white img {
        max-width: 100%;
        position: absolute
    }
}

.section-contrast .product-tile-set .product-tile.has-touts-rows-1 .tout-group {
    grid-template-rows: var(--touts-row-1-height)
}

.section-contrast .product-tile-set .product-tile.has-touts-rows-2 .tout-group {
    grid-template-rows: var(--touts-row-1-height) var(--touts-row-2-height)
}

.section-contrast .product-tile-set .product-tile.has-touts-rows-3 .tout-group {
    grid-template-rows: var(--touts-row-1-height) var(--touts-row-2-height) var(--touts-row-3-height)
}

.section-contrast .product-tile-set .product-tile.has-touts-rows-4 .tout-group {
    grid-template-rows: var(--touts-row-1-height) var(--touts-row-2-height) var(--touts-row-3-height) var(--touts-row-4-height)
}

.section-contrast .product-tile-set .product-tile.has-touts-rows-5 .tout-group {
    grid-template-rows: var(--touts-row-1-height) var(--touts-row-2-height) var(--touts-row-3-height) var(--touts-row-4-height) var(--touts-row-5-height)
}

.section-contrast .product-tile-set .product-tile.has-touts-rows-6 .tout-group {
    grid-template-rows: var(--touts-row-1-height) var(--touts-row-2-height) var(--touts-row-3-height) var(--touts-row-4-height) var(--touts-row-5-height) var(--touts-row-6-height)
}

.section-contrast .product-tile-set .product-tile.has-touts-rows-7 .tout-group {
    grid-template-rows: var(--touts-row-1-height) var(--touts-row-2-height) var(--touts-row-3-height) var(--touts-row-4-height) var(--touts-row-5-height) var(--touts-row-6-height) var(--touts-row-7-height)
}

.section-contrast .product-tile-set .product-tile.has-touts-rows-8 .tout-group {
    grid-template-rows: var(--touts-row-1-height) var(--touts-row-2-height) var(--touts-row-3-height) var(--touts-row-4-height) var(--touts-row-5-height) var(--touts-row-6-height) var(--touts-row-7-height) var(--touts-row-8-height)
}

.section-contrast .product-tile-set .product-tile.has-touts-rows-9 .tout-group {
    grid-template-rows: var(--touts-row-1-height) var(--touts-row-2-height) var(--touts-row-3-height) var(--touts-row-4-height) var(--touts-row-5-height) var(--touts-row-6-height) var(--touts-row-7-height) var(--touts-row-8-height) var(--touts-row-9-height)
}

.section-contrast .product-tile {
    --touts-row-1-height: auto;
    --touts-row-2-height: auto;
    --touts-row-3-height: auto;
    --touts-row-4-height: auto;
    --touts-row-5-height: auto;
    --touts-row-6-height: auto;
    --touts-row-7-height: auto;
    --touts-row-8-height: auto;
    --touts-row-9-height: auto
}

.section-contrast .overview-contrast-airpods-max-midnight {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 307px;
    --p-height: 340px
}

@media(max-width:734px)and (max-width:734px) {
    .section-contrast .overview-contrast-airpods-max-midnight {
        --p-width: 136px;
        --p-height: 150px
    }
}

.section-contrast .overview-contrast-airpods-pro-white {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 307px;
    --p-height: 340px
}

@media(max-width:734px)and (max-width:734px) {
    .section-contrast .overview-contrast-airpods-pro-white {
        --p-width: 136px;
        --p-height: 150px
    }
}

.section-contrast .overview-contrast-icon-airpodsmax-case {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 47px;
    --p-height: 56px
}

.section-contrast .overview-contrast-icon-airpodspro-chargingcase-wireless {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 42px;
    --p-height: 56px
}

.section-contrast .overview-contrast-icon-badge-waveform {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 31px;
    --p-height: 56px
}

.section-contrast .overview-contrast-icon-battery-100percent {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 46px;
    --p-height: 56px
}

.section-contrast .overview-contrast-icon-chip-h1,
.section-contrast .overview-contrast-icon-chip-h2 {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 36px;
    --p-height: 56px
}

.section-contrast .overview-contrast-icon-contrast-2-group {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 89px;
    --p-height: 44px
}

.section-contrast .overview-contrast-icon-contrastgroup {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 145px;
    --p-height: 44px
}

.section-contrast .overview-contrast-icon-drop {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 28px;
    --p-height: 56px
}

.section-contrast .overview-contrast-icon-person-spatialaudio {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 40px;
    --p-height: 56px
}

.section-contrast .overview-contrast-icon-lossless {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 50px;
    --p-height: 56px
}

:root {
    --global-section-background-color-alt: rgb(245, 245, 247);
    --global-section-background-color-alt-dark: rgb(29, 29, 31);
    --global-section-padding: 160px;
    --global-section-aap-padding: 216px
}

@media(max-width:1068px) {
    :root {
        --global-section-padding: 128px
    }
}

@media(max-width:734px) {
    :root {
        --global-section-padding: 96px
    }
}

@media(max-width:1068px) {
    :root {
        --global-section-aap-padding: 206px
    }
}

@media(max-width:734px) {
    :root {
        --global-section-aap-padding: 196px
    }
}

.section {
    padding-top: var(--global-section-padding);
    padding-bottom: var(--global-section-aap-padding)
}

html.no-enhanced .section:not(:has(.all-access-pass:not(.fallback))) {
    padding-bottom: var(--global-section-padding)
}

html.no-enhanced .section:not(:has(.all-access-pass:not(.fallback))).no-pad,
html.no-enhanced .section:not(:has(.all-access-pass:not(.fallback))).no-pad-bottom {
    padding-bottom: 0
}

html.no-enhanced .section:has(.all-access-pass:not(.fallback)) {
    padding-bottom: var(--global-section-aap-padding)
}

html.no-enhanced .section:has(.all-access-pass:not(.fallback)).no-pad,
html.no-enhanced .section:has(.all-access-pass:not(.fallback)).no-pad-bottom {
    padding-bottom: 0
}

html.no-inline-media .section:not(:has(.all-access-pass:not(.aap-timer))) {
    padding-bottom: var(--global-section-padding)
}

html.no-inline-media .section:not(:has(.all-access-pass:not(.aap-timer))).no-pad,
html.no-inline-media .section:not(:has(.all-access-pass:not(.aap-timer))).no-pad-bottom {
    padding-bottom: 0
}

html.no-inline-media .section:has(.all-access-pass:not(.aap-timer)) {
    padding-bottom: var(--global-section-aap-padding)
}

html.no-inline-media .section:has(.all-access-pass:not(.aap-timer)).no-pad,
html.no-inline-media .section:has(.all-access-pass:not(.aap-timer)).no-pad-bottom {
    padding-bottom: 0
}

html.enhanced .section {
    padding-bottom: var(--global-section-padding)
}

html.enhanced .section.no-pad,
html.enhanced .section.no-pad-bottom {
    padding-bottom: 0
}

.section.no-pad-top {
    padding-top: 0
}

.section.no-pad,
.section.no-pad-bottom {
    padding-bottom: 0
}

.section.no-pad {
    padding-top: 0
}

.section.theme-dark {
    background-color: var(--sk-body-background-color, rgb(0, 0, 0));
    color: var(--sk-body-text-color, rgb(245, 245, 247))
}

.section.background-alt {
    background-color: var(--global-section-background-color-alt)
}

.section.background-alt.theme-dark,
.theme-dark .section.background-alt {
    background-color: var(--global-section-background-color-alt-dark)
}

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

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

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

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

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

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

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

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

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

.finish-orange-dual {
    --finish-color: var(--finish-orange-dual)
}

:root {
    --finish-midnight: #2a3139;
    --finish-midnight-dual: #22252a;
    --finish-starlight: #ccbeb1;
    --finish-starlight-dual: #e9e1d4;
    --finish-blue: #91a9b5;
    --finish-blue-dual: #64727d;
    --finish-purple: #afa6bb;
    --finish-purple-dual: #dad7e0;
    --finish-orange: #e2a48d;
    --finish-orange-dual: #ffc09d
}