body.hide-body {
    overflow: hidden
}

.main-content {
    overflow-x: initial
}

*, :before, :after {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

.\[touch-action\:pan-y\] {
    touch-action: pan-y
}

.\[transition\:all_0\.3s_0\.2s_cubic-bezier\(0\,0\,0\.2\,1\)\] {
    transition: all .3s .2s cubic-bezier(0, 0, .2, 1)
}

.\[transition\:transform_0\.3s_ease-out\,width_0\.25s_ease-in-out\] {
    transition: transform .3s ease-out, width .25s ease-in-out
}

.\[transition\:width_0\.3s_ease-in-out\,background-color_0\.3s_ease-in-out\] {
    transition: width .3s ease-in-out, background-color .3s ease-in-out
}

.pointer-events-none {
    pointer-events: none
}

.before\:pointer-events-none:before {
    pointer-events: none
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.before\:absolute:before {
    position: absolute
}

.static {
    position: static
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.bottom-\[158px\] {
    bottom: 158px
}

.bottom-0 {
    bottom: 0
}

.bottom-20rpx {
    bottom: calc(var(--rpx, 1px) * 20)
}

.bottom-30rpx {
    bottom: calc(var(--rpx, 1px) * 30)
}

.left-\[2vw\] {
    left: 2vw
}

.left-0 {
    left: 0
}

.left-1\/2, .left-3\/6 {
    left: 50%
}

.left-1\/6 {
    left: 16.6666666667%
}

.left-2\/6 {
    left: 33.3333333333%
}

.left-4\/6 {
    left: 66.6666666667%
}

.left-5\/6 {
    left: 83.3333333333%
}

.left-540rpx {
    left: calc(var(--rpx, 1px) * 540)
}

.left-720rpx {
    left: calc(var(--rpx, 1px) * 720)
}

.left-8rpx {
    left: calc(var(--rpx, 1px) * 8)
}

.right-\[16px\] {
    right: 16px
}

.right-\[4px\] {
    right: 4px
}

.right-\[56px\] {
    right: 56px
}

.right-0 {
    right: 0
}

.right-20rpx {
    right: calc(var(--rpx, 1px) * 20)
}

.right-30rpx {
    right: calc(var(--rpx, 1px) * 30)
}

.top-\[3px\] {
    top: 3px
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-220rpx {
    top: calc(var(--rpx, 1px) * 220)
}

.top-6rpx {
    top: calc(var(--rpx, 1px) * 6)
}

.top-8rpx {
    top: calc(var(--rpx, 1px) * 8)
}

.before\:left-0:before {
    left: 0
}

.before\:top-0:before {
    top: 0
}

.isolate {
    isolation: isolate
}

.z-\[1\], .z-1 {
    z-index: 1
}

.z-\[100\] {
    z-index: 100
}

.z-\[2\], .z-2 {
    z-index: 2
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-40 {
    z-index: 40
}

.z-5 {
    z-index: 5
}

.z-9999 {
    z-index: 9999
}

.before\:z-1:before {
    z-index: 1
}

.grid {
    display: grid
}

.grid-rows-\[0fr\] {
    grid-template-rows: 0fr
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr
}

.-m-10rpx {
    margin: calc(var(--rpx, 1px) * -10)
}

.m-0 {
    margin: 0
}

.m7\.6 {
    margin: 1.9rem
}

.mx-\[calc\(\(100\%_-_100vw\)_\/_2\)\] {
    margin-left: calc((100% - 100vw)/2);
    margin-right: calc((100% - 100vw)/2)
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.-ml-24rpx {
    margin-left: calc(var(--rpx, 1px) * -24)
}

.-mt-1px {
    margin-top: -1px
}

.\[\&\:not\(\:last-child\)\]\:mr-16rpx:not(:last-child) {
    margin-right: calc(var(--rpx, 1px) * 16)
}

.\[\&\:not\(\:last-child\)\]\:mr-20rpx:not(:last-child) {
    margin-right: calc(var(--rpx, 1px) * 20)
}

.\[\&\>\*\+\*\]\:mt-15rpx>*+* {
    margin-top: calc(var(--rpx, 1px) * 15)
}

.\[\&\>\*\+\*\]\:mt-8rpx>*+* {
    margin-top: calc(var(--rpx, 1px) * 8)
}

.\[\&\>a\:last-child\]\:mb-8rpx>a:last-child {
    margin-bottom: calc(var(--rpx, 1px) * 8)
}

.mb-\[24rpx\], .mb-24rpx {
    margin-bottom: calc(var(--rpx, 1px) * 24)
}

.me {
    margin-inline-end: 1rem
}

.ml-\[calc\(\(100vw_-_1200rpx\)_\/_2\)\] {
    margin-left: calc((100vw - calc(var(--rpx, 1px) * 1200)) / 2)
}

.mr-13rpx {
    margin-right: calc(var(--rpx, 1px) * 13)
}

.mt-\[10rpx\] {
    margin-top: calc(var(--rpx, 1px) * 10)
}

.mt-\[32rpx\] {
    margin-top: calc(var(--rpx, 1px) * 32)
}

.mt-\[7rpx\] {
    margin-top: calc(var(--rpx, 1px) * 7)
}

.mt-12rpx {
    margin-top: calc(var(--rpx, 1px) * 12)
}

.mt-20rpx {
    margin-top: calc(var(--rpx, 1px) * 20)
}

.mt-24rpx {
    margin-top: calc(var(--rpx, 1px) * 24)
}

.mt-36rpx {
    margin-top: calc(var(--rpx, 1px) * 36)
}

.mt-48rpx {
    margin-top: calc(var(--rpx, 1px) * 48)
}

.mt-68rpx {
    margin-top: calc(var(--rpx, 1px) * 68)
}

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

.before\:box-border:before {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.hidden {
    display: none
}

.\!h-auto {
    height: auto !important
}

.h-\[266rpx\] {
    height: calc(var(--rpx, 1px) * 266)
}

.h-\[36px\] {
    height: 36px
}

.h-\[44px\] {
    height: 44px
}

.h-\[60\%\] {
    height: 60%
}

.h-\[60rpx\] {
    height: calc(var(--rpx, 1px) * 60)
}

.h-\[calc\(100\%-12rpx\)\] {
    height: calc(100% - calc(var(--rpx, 1px) * 12))
}

.h-\[calc\(100\%-16rpx\)\] {
    height: calc(100% - calc(var(--rpx, 1px) * 16))
}

.h-\[calc\(var\(--rpx\,1px\)\*160\)\] {
    height: calc(var(--rpx, 1px) * 160)
}

.h-1px, .h-px {
    height: 1px
}

.h-22rpx {
    height: calc(var(--rpx, 1px) * 22)
}

.h-28rpx {
    height: calc(var(--rpx, 1px) * 28)
}

.h-2rpx {
    height: calc(var(--rpx, 1px) * 2)
}

.h-34rpx {
    height: calc(var(--rpx, 1px) * 34)
}

.h-380rpx {
    height: calc(var(--rpx, 1px) * 380)
}

.h-40rpx {
    height: calc(var(--rpx, 1px) * 40)
}

.h-460rpx {
    height: calc(var(--rpx, 1px) * 460)
}

.h-4rpx {
    height: calc(var(--rpx, 1px) * 4)
}

.h-500rpx {
    height: calc(var(--rpx, 1px) * 500)
}

.h-5rpx {
    height: calc(var(--rpx, 1px) * 5)
}

.h-600rpx {
    height: calc(var(--rpx, 1px) * 600)
}

.h-720rpx {
    height: calc(var(--rpx, 1px) * 720)
}

.h-full {
    height: 100%
}

.h-screen {
    height: calc(var(--vh, 100vh) * 1)
}

.h5 {
    height: 1.25rem
}

.max-w-fit {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.max-w-none {
    max-width: none
}

.min-h-44rpx {
    min-height: calc(var(--rpx, 1px) * 44)
}

.min-w-97rpx {
    min-width: calc(var(--rpx, 1px) * 97)
}

.min-w-auto {
    min-width: auto
}

.w-\[327rpx\] {
    width: calc(var(--rpx, 1px) * 327)
}

.w-\[36px\] {
    width: 36px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[60rpx\] {
    width: calc(var(--rpx, 1px) * 60)
}

.w-\[calc\(var\(--rpx\,1px\)\*42\)\] {
    width: calc(var(--rpx, 1px) * 42)
}

.w-\[var\(--indicator-width\)\] {
    width: var(--indicator-width)
}

.w-10rpx {
    width: calc(var(--rpx, 1px) * 10)
}

.w-1200rpx {
    width: calc(var(--rpx, 1px) * 1200)
}

.w-1280rpx {
    width: calc(var(--rpx, 1px) * 1280)
}

.w-136rpx {
    width: calc(var(--rpx, 1px) * 136)
}

.w-22rpx {
    width: calc(var(--rpx, 1px) * 22)
}

.w-280rpx {
    width: calc(var(--rpx, 1px) * 280)
}

.w-28rpx {
    width: calc(var(--rpx, 1px) * 28)
}

.w-2rpx {
    width: calc(var(--rpx, 1px) * 2)
}

.w-305rpx {
    width: calc(var(--rpx, 1px) * 305)
}

.w-328rpx {
    width: calc(var(--rpx, 1px) * 328)
}

.w-34rpx {
    width: calc(var(--rpx, 1px) * 34)
}

.w-40rpx {
    width: calc(var(--rpx, 1px) * 40)
}

.w-420rpx {
    width: calc(var(--rpx, 1px) * 420)
}

.w-540rpx {
    width: calc(var(--rpx, 1px) * 540)
}

.w-560rpx {
    width: calc(var(--rpx, 1px) * 560)
}

.w-600rpx {
    width: calc(var(--rpx, 1px) * 600)
}

.w-660rpx {
    width: calc(var(--rpx, 1px) * 660)
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.w-full {
    width: 100%
}

.w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.w-px {
    width: 1px
}

.w-screen {
    width: 100vw
}

.w\[l\] {
    width: l
}

.before\:h-full:before {
    height: 100%
}

.before\:w-full:before {
    width: 100%
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink {
    flex-shrink: 1
}

.shrink-0 {
    flex-shrink: 0
}

.flex-col {
    flex-direction: column
}

.flex-col-reverse {
    flex-direction: column-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.-translate-x-1\/2 {
    --un-translate-x: -50%;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.-translate-y-1\/2 {
    --un-translate-y: -50%;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.translate-x-\[1em\] {
    --un-translate-x: 1em;
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.translate-x-\[var\(--indicator-left\)\] {
    --un-translate-x: var(--indicator-left);
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.transform {
    transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.cursor-pointer {
    cursor: pointer
}

.cursor-grab {
    cursor: grab
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.\[\&_\.swiper-wrapper\]\:items-stretch .swiper-wrapper {
    align-items: stretch
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.space-y-15rpx>:not([hidden])~:not([hidden]) {
    --un-space-y-reverse: 0;
    margin-top: calc(calc(var(--rpx, 1px) * 15) * calc(1 - var(--un-space-y-reverse)));
    margin-bottom: calc(calc(var(--rpx, 1px) * 15) * var(--un-space-y-reverse))
}

.space-y-8rpx>:not([hidden])~:not([hidden]) {
    --un-space-y-reverse: 0;
    margin-top: calc(calc(var(--rpx, 1px) * 8) * calc(1 - var(--un-space-y-reverse)));
    margin-bottom: calc(calc(var(--rpx, 1px) * 8) * var(--un-space-y-reverse))
}

.\!overflow-visible {
    overflow: visible !important
}

.overflow-clip {
    overflow: clip
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0px
}

.before\:border:before {
    border-width: 1px
}

.border-transparent {
    border-color: transparent
}

.before\:border-\[rgba\(0\,0\,0\,0\.05\)\]:before {
    --un-border-opacity: .05;
    border-color: rgba(0, 0, 0, var(--un-border-opacity))
}

.before\:border-\[rgba\(255\,255\,255\,0\.07\)\]:before {
    --un-border-opacity: .07;
    border-color: rgba(255, 255, 255, var(--un-border-opacity))
}

.rounded-\[24rpx\] {
    border-radius: calc(var(--rpx, 1px) * 24)
}

.rounded-\[33px\] {
    border-radius: 33px
}

.rounded-30rpx {
    border-radius: calc(var(--rpx, 1px) * 30)
}

.rounded-60rpx {
    border-radius: calc(var(--rpx, 1px) * 60)
}

.rounded-8rpx {
    border-radius: calc(var(--rpx, 1px) * 8)
}

.rounded-full {
    border-radius: 9999px
}

.before\:rounded-full:before {
    border-radius: 9999px
}

.border-none {
    border-style: none
}

.border-solid {
    border-style: solid
}

.before\:border-solid:before {
    border-style: solid
}

.bg-\[\#0000000f\] {
    --un-bg-opacity: .06;
    background-color: rgb(0 0 0 / var(--un-bg-opacity))
}

.bg-\[\#19191A\] {
    --un-bg-opacity: 1;
    background-color: rgb(25 25 26 / var(--un-bg-opacity))
}

.bg-\[\#1a1a1a\], .bg-\[\#1A1A1A\] {
    --un-bg-opacity: 1;
    background-color: rgb(26 26 26 / var(--un-bg-opacity))
}

.bg-\[\#d0dbe7\] {
    --un-bg-opacity: 1;
    background-color: rgb(208 219 231 / var(--un-bg-opacity))
}

.bg-\[\#f7f7f8\], .bg-\[\#F7F7F8\] {
    --un-bg-opacity: 1;
    background-color: rgb(247 247 248 / var(--un-bg-opacity))
}

.bg-\[\#F7F8F9\] {
    --un-bg-opacity: 1;
    background-color: rgb(247 248 249 / var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.05\)\] {
    --un-bg-opacity: .05;
    background-color: rgba(0, 0, 0, var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.16\)\] {
    --un-bg-opacity: .16;
    background-color: rgba(0, 0, 0, var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.38\)\] {
    --un-bg-opacity: .38;
    background-color: rgba(0, 0, 0, var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.86\)\] {
    --un-bg-opacity: .86;
    background-color: rgba(0, 0, 0, var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.93\)\] {
    --un-bg-opacity: .93;
    background-color: rgba(0, 0, 0, var(--un-bg-opacity))
}

.bg-\[rgba\(255\,255\,255\,0\.14\)\] {
    --un-bg-opacity: .14;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity))
}

.bg-\[rgba\(255\,255\,255\,0\.5\)\] {
    --un-bg-opacity: .5;
    background-color: rgba(255, 255, 255, var(--un-bg-opacity))
}

.bg-black {
    --un-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--un-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-\[24rpx_24rpx_0\] {
    padding: calc(var(--rpx, 1px) * 24) calc(var(--rpx, 1px) * 24) 0
}

.p-\[24rpx\] {
    padding: calc(var(--rpx, 1px) * 24)
}

.p-\[7rpx_26rpx_6rpx\] {
    padding: calc(var(--rpx, 1px) * 7) calc(var(--rpx, 1px) * 26) calc(var(--rpx, 1px) * 6)
}

.p-0 {
    padding: 0
}

.p-10rpx {
    padding: calc(var(--rpx, 1px) * 10)
}

.p-6rpx {
    padding: calc(var(--rpx, 1px) * 6)
}

.p-8rpx {
    padding: calc(var(--rpx, 1px) * 8)
}

.px-14rpx {
    padding-left: calc(var(--rpx, 1px) * 14);
    padding-right: calc(var(--rpx, 1px) * 14)
}

.px-18rpx {
    padding-left: calc(var(--rpx, 1px) * 18);
    padding-right: calc(var(--rpx, 1px) * 18)
}

.px-22rpx {
    padding-left: calc(var(--rpx, 1px) * 22);
    padding-right: calc(var(--rpx, 1px) * 22)
}

.px-24rpx {
    padding-left: calc(var(--rpx, 1px) * 24);
    padding-right: calc(var(--rpx, 1px) * 24)
}

.py-130rpx {
    padding-top: calc(var(--rpx, 1px) * 130);
    padding-bottom: calc(var(--rpx, 1px) * 130)
}

.py-25rpx {
    padding-top: calc(var(--rpx, 1px) * 25);
    padding-bottom: calc(var(--rpx, 1px) * 25)
}

.py-60rpx {
    padding-top: calc(var(--rpx, 1px) * 60);
    padding-bottom: calc(var(--rpx, 1px) * 60)
}

.py-8rpx {
    padding-top: calc(var(--rpx, 1px) * 8);
    padding-bottom: calc(var(--rpx, 1px) * 8)
}

.pb-8rpx {
    padding-bottom: calc(var(--rpx, 1px) * 8)
}

.pl-24rpx {
    padding-left: calc(var(--rpx, 1px) * 24)
}

.pl-60rpx {
    padding-left: calc(var(--rpx, 1px) * 60)
}

.pt-12rpx {
    padding-top: calc(var(--rpx, 1px) * 12)
}

.pt-24rpx {
    padding-top: calc(var(--rpx, 1px) * 24)
}

.pt-4rpx {
    padding-top: calc(var(--rpx, 1px) * 4)
}

.pt-9rpx {
    padding-top: calc(var(--rpx, 1px) * 9)
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-\[15px\] {
    font-size: 15px
}

.text-14rpx {
    font-size: calc(var(--rpx-font, 1px) * 14)
}

.text-16rpx {
    font-size: calc(var(--rpx-font, 1px) * 16)
}

.text-17rpx {
    font-size: calc(var(--rpx-font, 1px) * 17)
}

.text-20rpx {
    font-size: calc(var(--rpx-font, 1px) * 20)
}

.text-24rpx {
    font-size: calc(var(--rpx-font, 1px) * 24)
}

.text-32rpx {
    font-size: calc(var(--rpx-font, 1px) * 32)
}

.text-80rpx {
    font-size: calc(var(--rpx-font, 1px) * 80)
}

.\[\&_\.is-active\]\:text-\[rgba\(0\,0\,0\,0\.93\)\] .is-active, .text-\[rgba\(0\,0\,0\,0\.93\)\] {
    --un-text-opacity: .93;
    color: rgba(0, 0, 0, var(--un-text-opacity))
}

.\[\&_\.is-active\]\:text-\[rgba\(255\,255\,255\,0\.96\)\] .is-active, .text-\[rgba\(255\,255\,255\,0\.96\)\] {
    --un-text-opacity: .96;
    color: rgba(255, 255, 255, var(--un-text-opacity))
}

.\[\&_button\:not\(\.is-active\)\:hover\]\:text-\[rgba\(0\,0\,0\,0\.5\)\] button:not(.is-active):hover {
    --un-text-opacity: .5;
    color: rgba(0, 0, 0, var(--un-text-opacity))
}

.\[\&_button\:not\(\.is-active\)\:hover\]\:text-\[rgba\(255\,255\,255\,0\.5\)\] button:not(.is-active):hover {
    --un-text-opacity: .5;
    color: rgba(255, 255, 255, var(--un-text-opacity))
}

.\[\&_button\]\:text-\[rgba\(0\,0\,0\,0\.38\)\] button {
    --un-text-opacity: .38;
    color: rgba(0, 0, 0, var(--un-text-opacity))
}

.\[\&_button\]\:text-\[rgba\(255\,255\,255\,0\.38\)\] button {
    --un-text-opacity: .38;
    color: rgba(255, 255, 255, var(--un-text-opacity))
}

.text-\[\#00000061\] {
    --un-text-opacity: .38;
    color: rgb(0 0 0 / var(--un-text-opacity))
}

.text-\[\#0000008A\] {
    --un-text-opacity: .54;
    color: rgb(0 0 0 / var(--un-text-opacity))
}

.text-\[\#000000E5\] {
    --un-text-opacity: .9;
    color: rgb(0 0 0 / var(--un-text-opacity))
}

.text-\[\#FFFFFF61\] {
    --un-text-opacity: .38;
    color: rgb(255 255 255 / var(--un-text-opacity))
}

.text-\[\#FFFFFF8A\] {
    --un-text-opacity: .54;
    color: rgb(255 255 255 / var(--un-text-opacity))
}

.text-\[\#FFFFFFF5\] {
    --un-text-opacity: .96;
    color: rgb(255 255 255 / var(--un-text-opacity))
}

.text-\[rgba\(0\,0\,0\,0\.62\)\] {
    --un-text-opacity: .62;
    color: rgba(0, 0, 0, var(--un-text-opacity))
}

.text-\[rgba\(0\,0\,0\,0\.68\)\] {
    --un-text-opacity: .68;
    color: rgba(0, 0, 0, var(--un-text-opacity))
}

.text-\[rgba\(255\,255\,255\,0\.7\)\] {
    --un-text-opacity: .7;
    color: rgba(255, 255, 255, var(--un-text-opacity))
}

.text-\[rgba\(255\,255\,255\,0\.78\)\] {
    --un-text-opacity: .78;
    color: rgba(255, 255, 255, var(--un-text-opacity))
}

.text-black {
    --un-text-opacity: 1;
    color: rgb(0 0 0 / var(--un-text-opacity))
}

.text-white {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity))
}

.font-400 {
    font-weight: 400
}

.font-500 {
    font-weight: 500
}

.font-550 {
    font-weight: 550
}

.leading-\[1\.2\] {
    line-height: 1.2
}

.leading-\[1\.3\] {
    line-height: 1.3
}

.leading-\[1\.53\] {
    line-height: 1.53
}

.leading-\[1\.6\] {
    line-height: 1.6
}

.leading-\[22px\] {
    line-height: 22px
}

.font-\[\'iQOO_type\'\] {
    font-family: iQOO type
}

.font-\[\'vivo_Sans\'\,sans-serif\] {
    font-family: vivo Sans, sans-serif
}

.underline {
    text-decoration-line: underline
}

.tab {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-55 {
    opacity: .55
}

.shadow-\[0_4\.286px_6px_rgba\(0\,0\,0\,0\.05\)\] {
    --un-shadow: 0 4.286px 6px var(--un-shadow-color, rgba(0, 0, 0, .05));
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.outline {
    outline-style: solid
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.backdrop-blur-\[15px\], .backdrop-blur-15px {
    --un-backdrop-blur: blur(15px);
    -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
    backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}

.filter {
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.backdrop-filter {
    -webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
    backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[width\,background-color\,opacity\,transform\] {
    transition-property: width, background-color, opacity, transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-350 {
    transition-duration: .35s
}

.duration-400 {
    transition-duration: .4s
}

.ease, .ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

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

.before\:content-\[\"\"\]:before {
    content: ""
}

@media(min-width:0px) {
    .mo\:hidden {
        display: none
    }
}

@media(min-width:0px)and (max-width:649.9px) {
    .at-mo\:top-6rpx {
        top: calc(var(--rpx, 1px) * 6)
    }

    .at-mo\:mr-4rpx {
        margin-right: calc(var(--rpx, 1px) * 4)
    }

    .at-mo\:hidden {
        display: none
    }

    .at-mo\:h-\[calc\(100\%-12rpx\)\] {
        height: calc(100% - calc(var(--rpx, 1px) * 12))
    }

    .at-mo\:h-5rpx {
        height: calc(var(--rpx, 1px) * 5)
    }

    .at-mo\:w-327rpx {
        width: calc(var(--rpx, 1px) * 327)
    }

    .at-mo\:w-auto {
        width: auto
    }

    .at-mo\:w-full {
        width: 100%
    }

    .at-mo\:flex {
        display: flex
    }

    .at-mo\:flex-1 {
        flex: 1 1 0%
    }

    .at-mo\:overflow-hidden {
        overflow: hidden
    }

    .at-mo\:p-\[9rpx_22rpx_8rpx\] {
        padding: calc(var(--rpx, 1px) * 9) calc(var(--rpx, 1px) * 22) calc(var(--rpx, 1px) * 8)
    }

    .at-mo\:p-6rpx {
        padding: calc(var(--rpx, 1px) * 6)
    }

    .at-mo\:px-16rpx {
        padding-left: calc(var(--rpx, 1px) * 16);
        padding-right: calc(var(--rpx, 1px) * 16)
    }

    .at-mo\:py-6rpx {
        padding-top: calc(var(--rpx, 1px) * 6);
        padding-bottom: calc(var(--rpx, 1px) * 6)
    }

    .at-mo\:text-14rpx {
        font-size: calc(var(--rpx-font, 1px) * 14)
    }

    .at-mo\:leading-\[1\.5\] {
        line-height: 1.5
    }
}

@media(min-width:650px) {
    .pad\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .pad\:mb-\[22rpx\] {
        margin-bottom: calc(var(--rpx-pc, 1px) * 22)
    }

    .pad\:mb-\[7rpx\] {
        margin-bottom: calc(var(--rpx-pc, 1px) * 7)
    }

    .pad\:mt-\[10rpx\] {
        margin-top: calc(var(--rpx-pc, 1px) * 10)
    }

    .pad\:mt-\[32rpx\] {
        margin-top: calc(var(--rpx-pc, 1px) * 32)
    }

    .\!pad\:h-\[320rpx\] {
        height: calc(var(--rpx-pc, 1px) * 320) !important
    }

    .\!pad\:w-\[579rpx\] {
        width: calc(var(--rpx-pc, 1px) * 579) !important
    }

    .pad\:h-\[420rpx\] {
        height: calc(var(--rpx-pc, 1px) * 420)
    }

    .pad\:h-auto {
        height: auto
    }

    .pad\:w-\[468rpx\] {
        width: calc(var(--rpx-pc, 1px) * 468)
    }

    .pad\:w-\[579rpx\] {
        width: calc(var(--rpx-pc, 1px) * 579)
    }

    .pad\:w-664rpx {
        width: calc(var(--rpx-pc, 1px) * 664)
    }

    .pad\:w-full {
        width: 100%
    }

    .pad\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .pad\:items-end {
        align-items: flex-end
    }

    .pad\:justify-end {
        justify-content: flex-end
    }

    .pad\:justify-between {
        justify-content: space-between
    }

    .pad\:overflow-hidden {
        overflow: hidden
    }

    .pad\:rounded-\[24rpx\] {
        border-radius: calc(var(--rpx-pc, 1px) * 24)
    }

    .pad\:bg-transparent {
        background-color: transparent
    }

    .pad\:p-\[26rpx\] {
        padding: calc(var(--rpx-pc, 1px) * 26)
    }

    .pad\:text-\[10rpx\] {
        font-size: calc(var(--rpx-pc, 1px) * 10)
    }

    .pad\:text-\[22rpx\] {
        font-size: calc(var(--rpx-pc, 1px) * 22)
    }

    .pad\:leading-\[18rpx\] {
        line-height: calc(var(--rpx-pc, 1px) * 18)
    }

    .pad\:leading-\[26rpx\] {
        line-height: calc(var(--rpx-pc, 1px) * 26)
    }
}

@media(min-width:650px)and (max-width:1023.9px) {
    .at-pad\:hidden {
        display: none
    }

    .\!at-pad\:h-\[280rpx\] {
        height: calc(var(--rpx, 1px) * 280) !important
    }

    .\!at-pad\:w-\[468rpx\] {
        width: calc(var(--rpx, 1px) * 468) !important
    }

    .at-pad\:h-\[85rpx\] {
        height: calc(var(--rpx, 1px) * 85)
    }

    .at-pad\:w-\[85rpx\] {
        width: calc(var(--rpx, 1px) * 85)
    }
}

@media(min-width:1024px) {
    .pc\:mb-\[16rpx\] {
        margin-bottom: calc(var(--rpx, 1px) * 16)
    }

    .pc\:mb-\[20rpx\] {
        margin-bottom: calc(var(--rpx, 1px) * 20)
    }

    .pc\:mb-\[24rpx\] {
        margin-bottom: calc(var(--rpx, 1px) * 24)
    }

    .pc\:mt-\[16rpx\] {
        margin-top: calc(var(--rpx, 1px) * 16)
    }

    .pc\:mt-\[48rpx\] {
        margin-top: calc(var(--rpx, 1px) * 48)
    }

    .at-pc\:hidden, .pc\:hidden {
        display: none
    }

    .\!at-pc\:h-400rpx {
        height: calc(var(--rpx, 1px) * 400) !important
    }

    .\!at-pc\:w-632rpx {
        width: calc(var(--rpx, 1px) * 632) !important
    }

    .\!pc\:w-\[1064rpx\] {
        width: calc(var(--rpx, 1px) * 1064) !important
    }

    .pc\:h-\[100rpx\] {
        height: calc(var(--rpx, 1px) * 100)
    }

    .pc\:h-\[560rpx\], .pc\:h-560rpx {
        height: calc(var(--rpx, 1px) * 560)
    }

    .pc\:h-600rpx {
        height: calc(var(--rpx, 1px) * 600)
    }

    .pc\:h-auto {
        height: auto
    }

    .pc\:w-\[100rpx\] {
        width: calc(var(--rpx, 1px) * 100)
    }

    .pc\:w-\[1064rpx\], .pc\:w-1064rpx {
        width: calc(var(--rpx, 1px) * 1064)
    }

    .pc\:w-\[632rpx\] {
        width: calc(var(--rpx, 1px) * 632)
    }

    .pc\:w-1240rpx {
        width: calc(var(--rpx, 1px) * 1240)
    }

    .pc\:w-full {
        width: 100%
    }

    .pc\:flex {
        display: flex
    }

    .pc\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .pc\:flex-col-reverse {
        flex-direction: column-reverse
    }

    .pc\:items-end {
        align-items: flex-end
    }

    .pc\:justify-end {
        justify-content: flex-end
    }

    .pc\:justify-between {
        justify-content: space-between
    }

    .pc\:gap-40rpx {
        gap: calc(var(--rpx, 1px) * 40)
    }

    .pc\:overflow-hidden {
        overflow: hidden
    }

    .pc\:rounded-\[26rpx\] {
        border-radius: calc(var(--rpx, 1px) * 26)
    }

    .pc\:rounded-\[30rpx\] {
        border-radius: calc(var(--rpx, 1px) * 30)
    }

    .pc\:bg-transparent {
        background-color: transparent
    }

    .pc\:p-\[48rpx\] {
        padding: calc(var(--rpx, 1px) * 48)
    }

    .pc\:text-\[13rpx\] {
        font-size: calc(var(--rpx-font, 1px) * 13)
    }

    .pc\:text-\[32rpx\] {
        font-size: calc(var(--rpx-font, 1px) * 32)
    }

    .pc\:leading-\[1\.188\] {
        line-height: 1.188
    }

    .pc\:leading-\[1\.6\] {
        line-height: 1.6
    }
}

:where(html) {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

:where(h1) {
    font-size: 2em;
    margin-block-end: .67em;
    margin-block-start: .67em
}

:where(dl, ol, ul) :where(dl, ol, ul) {
    margin-block-end: 0;
    margin-block-start: 0
}

:where(hr) {
    box-sizing: content-box;
    color: inherit;
    height: 0
}

:where(abbr[title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

:where(b, strong) {
    font-weight: bolder
}

:where(code, kbd, pre, samp) {
    font-family: monospace, monospace;
    font-size: 1em
}

:where(small) {
    font-size: 80%
}

:where(table) {
    border-color: currentColor;
    text-indent: 0
}

:where(button, input, select) {
    margin: 0
}

:where(button) {
    text-transform: none
}

:where(button, input:is([type=button i], [type=reset i], [type=submit i])) {
    -webkit-appearance: button
}

:where(progress) {
    vertical-align: baseline
}

:where(select) {
    text-transform: none
}

:where(textarea) {
    margin: 0
}

:where(input[type=search i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focusring {
    outline: 1px dotted ButtonText
}

:where(:-moz-ui-invalid) {
    box-shadow: none
}

:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

:where(dialog:not([open])) {
    display: none
}

:where(summary) {
    display: list-item
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px;

    .swiper-slide, .swiper-cube-shadow {
        transform-style: preserve-3d
    }
}

.swiper-css-mode {
    >.swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;

        &::-webkit-scrollbar {
            display: none
        }
    }

    >.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start
    }

    &.swiper-horizontal {
        >.swiper-wrapper {
            scroll-snap-type: x mandatory
        }

        >.swiper-wrapper>.swiper-slide:first-child {
            margin-inline-start: var(--swiper-slides-offset-before);
            scroll-margin-inline-start: var(--swiper-slides-offset-before)
        }

        >.swiper-wrapper>.swiper-slide:last-child {
            margin-inline-end: var(--swiper-slides-offset-after)
        }
    }

    &.swiper-vertical {
        >.swiper-wrapper {
            scroll-snap-type: y mandatory
        }

        >.swiper-wrapper>.swiper-slide:first-child {
            margin-block-start: var(--swiper-slides-offset-before);
            scroll-margin-block-start: var(--swiper-slides-offset-before)
        }

        >.swiper-wrapper>.swiper-slide:last-child {
            margin-block-end: var(--swiper-slides-offset-after)
        }
    }

    &.swiper-free-mode {
        >.swiper-wrapper {
            scroll-snap-type: none
        }

        >.swiper-wrapper>.swiper-slide {
            scroll-snap-align: none
        }
    }

    &.swiper-centered {
        >.swiper-wrapper:before {
            content: "";
            flex-shrink: 0;
            order: 9999
        }

        >.swiper-wrapper>.swiper-slide {
            scroll-snap-align: center center;
            scroll-snap-stop: always
        }
    }

    &.swiper-centered.swiper-horizontal {
        >.swiper-wrapper>.swiper-slide:first-child {
            margin-inline-start: var(--swiper-centered-offset-before)
        }

        >.swiper-wrapper:before {
            height: 100%;
            min-height: 1px;
            width: var(--swiper-centered-offset-after)
        }
    }

    &.swiper-centered.swiper-vertical {
        >.swiper-wrapper>.swiper-slide:first-child {
            margin-block-start: var(--swiper-centered-offset-before)
        }

        >.swiper-wrapper:before {
            width: 100%;
            min-width: 1px;
            height: var(--swiper-centered-offset-after)
        }
    }
}

.swiper-3d {
    .swiper-slide-shadow, .swiper-slide-shadow-left, .swiper-slide-shadow-right, .swiper-slide-shadow-top, .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-slide-shadow {
        background: #00000026
    }

    .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, #00000080, #0000)
    }

    .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, #00000080, #0000)
    }

    .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, #00000080, #0000)
    }

    .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, #00000080, #0000)
    }
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible {
    .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s infinite linear
    }
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-fade {
    &.swiper-free-mode {
        .swiper-slide {
            transition-timing-function: ease-out
        }
    }

    .swiper-slide {
        pointer-events: none;
        transition-property: opacity;

        .swiper-slide {
            pointer-events: none
        }
    }

    .swiper-slide-active {
        pointer-events: auto;

        .swiper-slide-active {
            pointer-events: auto
        }
    }
}

html {
    overflow: unset !important
}

@media(orientation:portrait)and (max-width:1023px)and (min-width:721px) {
    #oc-header {
        overflow: hidden
    }
}

@media(orientation:portrait)and (max-width:1023px) {
    #oc-header.fixed {
        visibility: hidden
    }
}

body div#oc-wrapper {
    overflow: visible;
    transition: none
}

body div#oc-wrapper .header-v2 .header-main-pc .header-right .search {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

#oc-header {
    transition: none
}

#nps .icon, #contact-pop .contact-pop_icon, #goback-top {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

:root {
    overflow: initial
}

body {
    margin: 0;
    padding: 0;
    max-width: 100%
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a {
    text-decoration: none;
    outline: none
}

p {
    margin: 0;
    padding: 0
}

img, video {
    display: block;
    max-width: 100%
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit
}

.zn--wrapper, .zn--modal {
    position: relative;
    max-width: 100%;
    contain: inline-size;
    font-size: 16px
}

.zn--wrapper sub, .zn--modal sub {
    font-size: 65%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.zn--wrapper sub, .zn--modal sub {
    bottom: -.25em
}

.zn--wrapper [hidden], .zn--modal [hidden] {
    display: none
}

.zn-lock-scroll {
    overflow: hidden !important
}

[data-fade-in].zn-entered.zn-entered-no-animation {
    transition: none
}

[data-fade-in].zn-entered {
    opacity: var(--target-opacity, 1);
    transform: translateY(0)
}

@media(max-width:649px) {
    [data-fade-in].zn-well-enter, [data-fade-in].zn-entered {
        transition: transform .6s, opacity .6s
    }

    [data-fade-in].zn-well-enter {
        opacity: 0;
        transform: translateY(50px);
        transition-delay: 0
    }

    [data-fade-in][data-slight].zn-well-enter {
        transform: translateY(30px)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    [data-fade-in].zn-well-enter, [data-fade-in].zn-entered {
        transition: transform .6s, opacity .6s
    }

    [data-fade-in].zn-well-enter {
        opacity: 0;
        transform: translateY(50px);
        transition-delay: 0
    }

    [data-fade-in][data-slight].zn-well-enter {
        transform: translateY(50px)
    }
}

@media(min-width:1024px) {
    [data-fade-in].zn-well-enter, [data-fade-in].zn-entered {
        transition: transform .6s, opacity .6s
    }

    [data-fade-in].zn-well-enter {
        opacity: 0;
        transform: translateY(calc(var(--rpx, 1px) * 80));
        transition-delay: 0
    }

    [data-fade-in][data-slight].zn-well-enter {
        transform: translateY(calc(var(--rpx, 1px) * 50))
    }
}

[data-fade-in][data-slow].zn-well-enter, [data-fade-in][data-slow].zn-entered {
    transition: transform 1s, opacity 1s
}

[data-fade-in].zn-entered {
    transition-delay: var(--delay, 0)
}

.zn-frame {
    position: relative;
    width: calc(var(--rpx, 1px) * 1440);
    height: 100%;
    margin: 0 auto
}

[lang^=ar] div.skipnav a {
    left: auto;
    right: -10000px
}

.zn--wrapper [id^=anchor-], .zn--wrapper [id=Design], .zn--wrapper [id=ComfortFit], .zn--wrapper [id=SoundQuality], .zn--wrapper [id="Smart Experience"] {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    top: calc(0px - var(--nav-height))
}

@media(min-width:1024px) {
    html:lang(ru) .zn--wrapper .ksp-card__title {
        font-size: calc(var(--rpx-font, 1px) * 18)
    }

    html:lang(ru) .zn--wrapper .ksp-card__desc {
        font-size: calc(var(--rpx-font, 1px) * 10)
    }

    html:lang(ru) .zn--wrapper .chip__spec-title {
        font-size: calc(var(--rpx-font, 1px) * 17)
    }
}

@media(max-width:649px) {
    html:lang(ru) .zn--wrapper .ksp-card__title {
        font-size: calc(var(--rpx-font, 1px) * 10)
    }

    html:lang(ru) .zn--wrapper .ksp-card__desc {
        font-size: calc(var(--rpx-font, 1px) * 9)
    }

    html:lang(ru) .zn--wrapper .chip__spec-title {
        font-size: calc(var(--rpx-font, 1px) * 10)
    }

    html:lang(ru) .zn--wrapper .drivers__lead-label {
        font-size: calc(var(--rpx-font, 1px) * 9);
        white-space: pre-line;
        line-height: calc(var(--rpx, 1px) * 10);
        width: calc(var(--rpx, 1px) * 90);
        display: block;
        text-align: center
    }

    html:lang(ru) .zn--wrapper .drivers__lead--woofer .drivers__lead-label {
        width: calc(var(--rpx, 1px) * 80)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    html:lang(ru) .zn--wrapper .ksp-card__title {
        font-size: calc(var(--rpx-font, 1px) * 10)
    }

    html:lang(ru) .zn--wrapper .ksp-card__desc {
        font-size: calc(var(--rpx-font, 1px) * 9)
    }

    html:lang(ru) .zn--wrapper .chip__spec-title {
        font-size: calc(var(--rpx-font, 1px) * 10)
    }

    html:lang(ru) .zn--wrapper .drivers__lead-label {
        font-size: calc(var(--rpx-font, 1px) * 9);
        line-height: calc(var(--rpx, 1px) * 10)
    }
}

@media(max-width:649px)and (max-width:649px) {
    html:lang(ru) .zn--wrapper .drivers__ring-title {
        font-size: calc(var(--rpx-font, 1px) * 20)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    html:lang(ru) .zn--wrapper .ksp-card__title {
        font-size: calc(var(--rpx-font, 1px) * 12)
    }

    html:lang(ru) .zn--wrapper .drivers__lead-label {
        font-size: calc(var(--rpx-font, 1px) * 10);
        line-height: calc(var(--rpx, 1px) * 12)
    }

    html:lang(ru) .zn--wrapper .ksp-card__desc {
        font-size: calc(var(--rpx-font, 1px) * 10)
    }

    html:lang(ru) .zn--wrapper .chip__spec-title {
        font-size: calc(var(--rpx-font, 1px) * 10)
    }
}

@media(min-width:1024px) {
    html[lang=es-MX] .zn--wrapper .chip__spec-title {
        font-size: calc(var(--rpx-font, 1px) * 15)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    html[lang=es-MX] .zn--wrapper .chip__spec-title {
        font-size: calc(var(--rpx-font, 1px) * 9)
    }
}

@media(max-width:649px) {
    html[lang=es-MX] .zn--wrapper .drivers__ring-title {
        font-size: calc(var(--rpx-font, 1px) * 22)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    html[lang=es-MX] .zn--wrapper .drivers__ring-title {
        font-size: calc(var(--rpx-font, 1px) * 22)
    }
}

@media(min-width:1024px) {
    html[lang=zh-HK] .zn--wrapper .comfort__desc {
        font-size: calc(var(--rpx-font, 1px) * 17)
    }
}

@media(max-width:649px) {
    html[lang=zh-HK] .zn--wrapper .smarter__desc {
        font-size: calc(var(--rpx-font, 1px) * 13)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    html[lang=zh-HK] .zn--wrapper .smarter__desc {
        font-size: calc(var(--rpx-font, 1px) * 13)
    }
}

@media(max-width:649px) {
    :root {
        --rpx: calc((100vw - 32px) / 328);
        --rpx-mo: calc((100vw - 32px) / 328);
        --rpx-font: var(--rpx);
        --rpx-font-min: 0px;
        --rpx-font-clamp-max: 99999
    }
}

@media(min-width:650px)and (max-width:1023px) {
    :root {
        --rpx: calc((100vw - 48px) / 720);
        --rpx-pc: calc((100vw - 48px) / 1312);
        --rpx-mo: calc((100vw - 48px) / 328);
        --rpx-font: var(--rpx);
        --rpx-font-min: 0px;
        --rpx-font-clamp-max: 99999
    }
}

@media(min-width:1024px)and (max-width:1439px) {
    :root {
        --rpx: calc((100vw - 128px) / 1312);
        --rpx-pc: calc((100vw - 128px) / 1312);
        --rpx-font: var(--rpx);
        --rpx-font-min: 0px;
        --rpx-font-clamp-max: 99999
    }
}

@media(min-width:1440px) {
    :root {
        --rpx: 1px;
        --rpx-pc: 1px;
        --rpx-font: var(--rpx);
        --rpx-font-min: 0px;
        --rpx-font-clamp-max: 99999
    }
}

@media(min-width:1024px) {
    .pc-hidden, .pad-only, .mo-only {
        display: none !important
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .pad-hidden, .pc-only, .mo-only {
        display: none !important
    }
}

@media(max-width:649px) {
    .mo-hidden, .pc-only, .pad-only {
        display: none !important
    }
}

.back-to-top[data-astro-cid-wlspcwf4] {
    position: fixed;
    z-index: 99;
    right: 64px;
    bottom: 32px;
    display: grid;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    place-items: center;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: var(--back-to-top-background);
    color: #fff;
    box-shadow: 0 9.6px 24px #00000026;
    -webkit-backdrop-filter: blur(7.2px);
    backdrop-filter: blur(7.2px);
    cursor: pointer;
    touch-action: manipulation;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility 0s linear .2s
}

.back-to-top[data-astro-cid-wlspcwf4]:before {
    position: absolute;
    inset: -1.2px;
    border: 1.2px solid rgba(255, 255, 255, .2);
    border-radius: inherit;
    content: "";
    pointer-events: none
}

.back-to-top[data-astro-cid-wlspcwf4].is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s
}

.back-to-top[data-astro-cid-wlspcwf4] svg[data-astro-cid-wlspcwf4] {
    width: 28.8px;
    height: 28.8px;
    stroke: currentColor;
    stroke-width: 1.8
}

.back-to-top[data-astro-cid-wlspcwf4]:focus-visible {
    outline: 2px solid #f50514;
    outline-offset: 3px
}

@media(max-width:768px) {
    .back-to-top[data-astro-cid-wlspcwf4] {
        bottom: 40px
    }
}

@media(max-width:650px) {
    .back-to-top[data-astro-cid-wlspcwf4] {
        right: 16px;
        bottom: 80px
    }
}

@media(prefers-reduced-motion:reduce) {
    .back-to-top[data-astro-cid-wlspcwf4] {
        transition: none
    }
}

img[data-zn-image].zn-lazy:not(.loaded, .has-thumb) {
    opacity: 0
}

img[data-zn-image].has-thumb {
    filter: blur(12px);
    transition: filter .24s ease-out
}

img[data-zn-image].has-thumb.loaded {
    filter: blur(0)
}

.comfort[data-astro-cid-bllketl2] {
    background: #0c171d
}

.comfort__bg[data-astro-cid-bllketl2] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.comfort__block[data-astro-cid-bllketl2], .comfort__media[data-astro-cid-bllketl2], .comfort__pic[data-astro-cid-bllketl2], .comfort__copy[data-astro-cid-bllketl2], .comfort__desc[data-astro-cid-bllketl2], .comfort__badge[data-astro-cid-bllketl2], .comfort__tuv[data-astro-cid-bllketl2] {
    position: relative;
    min-width: 0
}

.comfort__block[data-astro-cid-bllketl2] {
    width: 100%
}

.comfort__content[data-astro-cid-bllketl2], .comfort__text[data-astro-cid-bllketl2] {
    display: contents
}

.comfort__block--head[data-astro-cid-bllketl2] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.comfort__media[data-astro-cid-bllketl2]>picture, .comfort__badge[data-astro-cid-bllketl2]>picture {
    display: block;
    width: 100%;
    height: 100%
}

.comfort__pic[data-astro-cid-bllketl2], .comfort__tuv[data-astro-cid-bllketl2] {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.comfort__copy[data-astro-cid-bllketl2], .comfort__desc[data-astro-cid-bllketl2], .comfort__eyebrow[data-astro-cid-bllketl2], .comfort__title[data-astro-cid-bllketl2] {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal
}

.comfort__eyebrow[data-astro-cid-bllketl2], .comfort__desc[data-astro-cid-bllketl2] {
    color: #ffffffbf
}

.comfort__title[data-astro-cid-bllketl2] {
    color: #fff
}

.comfort__h1[data-astro-cid-bllketl2], .comfort__h2[data-astro-cid-bllketl2] {
    position: relative;
    max-width: 100%;
    margin: 0;
    line-height: normal;
    text-align: center;
    overflow-wrap: anywhere;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.comfort__h1[data-astro-cid-bllketl2] {
    background-image: radial-gradient(71.16% 338.55% at 60.93% 50%, #a5c5d000, #2a6b9acc), linear-gradient(#e4f4ff, #e4f4ff)
}

.comfort__h2[data-astro-cid-bllketl2] {
    background-image: radial-gradient(50% 156.23% at 50% 50%, #90cbd6cc, #114861cc), linear-gradient(#e4f4ff, #e4f4ff)
}

.comfort__glass-clip[data-astro-cid-bllketl2] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none
}

.comfort__glass[data-astro-cid-bllketl2] {
    position: absolute;
    inset: -2px;
    background: #66737b80;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px)
}

.comfort__content--bean[data-astro-cid-bllketl2], .comfort__text--bean[data-astro-cid-bllketl2], .comfort__content--curve[data-astro-cid-bllketl2], .comfort__text--curve[data-astro-cid-bllketl2] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0
}

.comfort__content--curve[data-astro-cid-bllketl2] {
    box-sizing: border-box;
    align-items: flex-start
}

.comfort__text--curve[data-astro-cid-bllketl2] {
    width: 100%
}

.comfort__block--curve[data-astro-cid-bllketl2] {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-inline: auto
}

.comfort__media--curve[data-astro-cid-bllketl2], .comfort__badge[data-astro-cid-bllketl2] {
    flex-shrink: 0
}

.comfort__pic--cyclist[data-astro-cid-bllketl2] {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.comfort-br-pc, .comfort-br-mo {
    display: none
}

@media(min-width:650px) {
    .comfort__block--head[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx-pc, 1px) * 700);
        padding: calc(var(--rpx-pc, 1px) * 242.6) 64px calc(var(--rpx-pc, 1px) * 234);
        gap: calc(var(--rpx-pc, 1px) * .4)
    }

    .comfort__h1[data-astro-cid-bllketl2] {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: calc(var(--rpx-pc, 1px) * 96)
    }

    .comfort__h2[data-astro-cid-bllketl2] {
        width: calc(var(--rpx-pc, 1px) * 611);
        font-size: calc(var(--rpx-pc, 1px) * 80)
    }

    .comfort__eyebrow[data-astro-cid-bllketl2] {
        font-size: calc(var(--rpx-pc, 1px) * 28);
        line-height: 1.1
    }

    .comfort__title[data-astro-cid-bllketl2] {
        margin-top: calc(var(--rpx-pc, 1px) * 12.2);
        font-size: calc(var(--rpx-pc, 1px) * 48);
        line-height: 1.1
    }

    .comfort__desc[data-astro-cid-bllketl2] {
        font-size: calc(var(--rpx-pc, 1px) * 18);
        line-height: 1.4
    }

    .comfort__block--arc[data-astro-cid-bllketl2], .comfort__block--symmetry[data-astro-cid-bllketl2] {
        display: grid;
        width: calc(var(--rpx-pc, 1px) * 1312);
        margin-inline: auto
    }

    .comfort__block--arc[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx-pc, 1px) * 648);
        padding-bottom: calc(var(--rpx-pc, 1px) * 64);
        grid-template-columns: minmax(0, calc(var(--rpx-pc, 1px) * 383)) minmax(0, calc(var(--rpx-pc, 1px) * 529)) minmax(0, calc(var(--rpx-pc, 1px) * 400))
    }

    .comfort__block--symmetry[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx-pc, 1px) * 688);
        padding-block: calc(var(--rpx-pc, 1px) * 130) calc(var(--rpx-pc, 1px) * 118);
        grid-template-columns: minmax(0, calc(var(--rpx-pc, 1px) * 356)) minmax(0, calc(var(--rpx-pc, 1px) * 556)) minmax(0, calc(var(--rpx-pc, 1px) * 400))
    }

    .comfort__media--arc[data-astro-cid-bllketl2], .comfort__media--symmetry[data-astro-cid-bllketl2] {
        grid-area: 1/2
    }

    .comfort__copy--arc[data-astro-cid-bllketl2], .comfort__copy--symmetry[data-astro-cid-bllketl2] {
        grid-area: 1/1;
        align-self: start
    }

    .comfort__desc--arc[data-astro-cid-bllketl2], .comfort__desc--symmetry[data-astro-cid-bllketl2] {
        grid-area: 1/3;
        align-self: start
    }

    .comfort__media--arc[data-astro-cid-bllketl2] {
        width: calc(var(--rpx-pc, 1px) * 546);
        height: calc(var(--rpx-pc, 1px) * 584)
    }

    .comfort__copy--arc[data-astro-cid-bllketl2] {
        width: calc(var(--rpx-pc, 1px) * 400);
        margin-top: calc(var(--rpx-pc, 1px) * 213.7)
    }

    .comfort__desc--arc[data-astro-cid-bllketl2] {
        margin-top: calc(var(--rpx-pc, 1px) * 213.9)
    }

    .comfort__media--symmetry[data-astro-cid-bllketl2] {
        width: calc(var(--rpx-pc, 1px) * 526);
        height: calc(var(--rpx-pc, 1px) * 440)
    }

    .comfort__copy--symmetry[data-astro-cid-bllketl2] {
        margin-top: calc(var(--rpx-pc, 1px) * 141.2)
    }

    .comfort__desc--symmetry[data-astro-cid-bllketl2] {
        margin-top: calc(var(--rpx-pc, 1px) * 153.4)
    }

    .comfort__block--bean[data-astro-cid-bllketl2] {
        display: flex;
        align-items: center;
        min-height: calc(var(--rpx-pc, 1px) * 750);
        padding-block: calc(var(--rpx-pc, 1px) * 64)
    }

    .comfort__media--bean[data-astro-cid-bllketl2] {
        position: absolute;
        inset: 0
    }

    .comfort__pic--bean[data-astro-cid-bllketl2] {
        -o-object-fit: cover;
        object-fit: cover
    }

    .comfort__content--bean[data-astro-cid-bllketl2] {
        width: calc(var(--rpx-pc, 1px) * 482);
        min-height: calc(var(--rpx-pc, 1px) * 622);
        padding: calc(var(--rpx-pc, 1px) * 49.7) calc(var(--rpx-pc, 1px) * 48) calc(var(--rpx-pc, 1px) * 44.9);
        margin-left: calc(50% + calc(var(--rpx-pc, 1px) * 174));
        box-sizing: border-box
    }

    .comfort__text--bean[data-astro-cid-bllketl2] {
        flex: 1;
        justify-content: space-between;
        row-gap: calc(var(--rpx-pc, 1px) * 24)
    }

    .comfort__desc--bean[data-astro-cid-bllketl2] {
        max-width: calc(var(--rpx-pc, 1px) * 358)
    }

    .comfort__block--curve[data-astro-cid-bllketl2] {
        width: calc(var(--rpx-pc, 1px) * 1312)
    }

    .comfort__media--curve[data-astro-cid-bllketl2], .comfort__content--curve[data-astro-cid-bllketl2] {
        width: 50%
    }

    .comfort__content--curve[data-astro-cid-bllketl2] {
        padding-inline-end: calc(var(--rpx-pc, 1px) * 64);
        row-gap: calc(var(--rpx-pc, 1px) * 32)
    }

    .comfort__text--curve[data-astro-cid-bllketl2] {
        row-gap: calc(var(--rpx-pc, 1px) * 18)
    }

    .comfort__pic--cyclist[data-astro-cid-bllketl2] {
        aspect-ratio: 656/528
    }

    .comfort__badge[data-astro-cid-bllketl2] {
        width: calc(var(--rpx-pc, 1px) * 55);
        height: calc(var(--rpx-pc, 1px) * 56)
    }

    .comfort-br-pc {
        display: inline
    }
}

@media(min-width:1024px) {
    .comfort[data-astro-cid-bllketl2] {
        padding-bottom: calc(var(--rpx, 1px) * 80)
    }
}

@media(min-width:1900px) {
    .comfort__block--bean[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx, 1px) * 880)
    }
}

@media(min-width:2200px) {
    .comfort__content--bean[data-astro-cid-bllketl2] {
        margin-inline-start: calc(56% + calc(var(--rpx, 1px) * 174))
    }
}

@media(max-width:649px) {
    .comfort-br-mo {
        display: inline
    }

    .comfort__block--head[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx, 1px) * 340);
        padding: calc(var(--rpx, 1px) * 100.9) 16px calc(var(--rpx, 1px) * 73.1);
        gap: calc(var(--rpx, 1px) * 8)
    }

    .comfort__h1[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 328);
        font-size: calc(var(--rpx-font, 1px) * 44);
        letter-spacing: calc(var(--rpx, 1px) * -.45)
    }

    .comfort__h2[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 328);
        font-size: calc(var(--rpx-font, 1px) * 36)
    }

    .comfort__eyebrow[data-astro-cid-bllketl2] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: 1.125
    }

    .comfort__title[data-astro-cid-bllketl2] {
        margin-top: calc(var(--rpx, 1px) * 8);
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: 1.083333
    }

    .comfort__desc[data-astro-cid-bllketl2] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: 1.428571
    }

    .comfort__content[data-astro-cid-bllketl2], .comfort__text[data-astro-cid-bllketl2] {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0
    }

    .comfort__text[data-astro-cid-bllketl2] {
        row-gap: calc(var(--rpx, 1px) * 12.8)
    }

    .comfort__content--arc[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 328);
        margin-inline: auto
    }

    .comfort__block--arc[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx, 1px) * 480);
        padding-block: calc(var(--rpx, 1px) * 269.8) calc(var(--rpx, 1px) * 45.4)
    }

    .comfort__media--arc[data-astro-cid-bllketl2] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(var(--rpx, 1px) * 480)
    }

    .comfort__block--bean[data-astro-cid-bllketl2], .comfort__block--symmetry[data-astro-cid-bllketl2], .comfort__block--curve[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 328);
        margin-inline: auto
    }

    .comfort__block--bean[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx, 1px) * 464);
        padding-bottom: calc(var(--rpx, 1px) * 45.4)
    }

    .comfort__media--bean[data-astro-cid-bllketl2] {
        height: calc(var(--rpx, 1px) * 232)
    }

    .comfort__content--bean[data-astro-cid-bllketl2] {
        margin-top: calc(var(--rpx, 1px) * 21.8)
    }

    .comfort__glass-clip[data-astro-cid-bllketl2] {
        display: none
    }

    .comfort__block--symmetry[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx, 1px) * 438);
        padding-bottom: calc(var(--rpx, 1px) * 44)
    }

    .comfort__media--symmetry[data-astro-cid-bllketl2] {
        height: calc(var(--rpx, 1px) * 230)
    }

    .comfort__content--symmetry[data-astro-cid-bllketl2] {
        margin-top: calc(var(--rpx, 1px) * 20)
    }

    .comfort__text--symmetry[data-astro-cid-bllketl2] {
        row-gap: calc(var(--rpx, 1px) * 12)
    }

    .comfort__block--curve[data-astro-cid-bllketl2] {
        flex-direction: column;
        padding-bottom: calc(var(--rpx, 1px) * 48)
    }

    .comfort__media--curve[data-astro-cid-bllketl2], .comfort__content--curve[data-astro-cid-bllketl2] {
        width: 100%
    }

    .comfort__text--curve[data-astro-cid-bllketl2] {
        order: 1;
        row-gap: calc(var(--rpx, 1px) * 12)
    }

    .comfort__pic--cyclist[data-astro-cid-bllketl2] {
        aspect-ratio: 328/232
    }

    .comfort__badge[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 28);
        height: calc(var(--rpx, 1px) * 28);
        margin-block: calc(var(--rpx, 1px) * -40) calc(var(--rpx, 1px) * 32);
        margin-inline-start: calc(var(--rpx, 1px) * 12)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .comfort__h1[data-astro-cid-bllketl2] {
        font-size: calc(var(--rpx-font, 1px) * 44);
        letter-spacing: calc(var(--rpx, 1px) * -.45)
    }

    .comfort__h2[data-astro-cid-bllketl2] {
        font-size: calc(var(--rpx-font, 1px) * 36)
    }

    .comfort__eyebrow[data-astro-cid-bllketl2] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: 1.125
    }

    .comfort__title[data-astro-cid-bllketl2] {
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: 1.083333
    }

    .comfort__desc[data-astro-cid-bllketl2] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: 1.428571
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .comfort[data-astro-cid-bllketl2] {
        padding-bottom: calc(var(--rpx, 1px) * 77)
    }

    .comfort__block--head[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx, 1px) * 500);
        padding: calc(var(--rpx, 1px) * 181) 24px calc(var(--rpx, 1px) * 178);
        gap: calc(var(--rpx, 1px) * 4)
    }

    .comfort__h1[data-astro-cid-bllketl2] {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: calc(var(--rpx-font, 1px) * 60)
    }

    .comfort__h2[data-astro-cid-bllketl2] {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        font-size: calc(var(--rpx-font, 1px) * 48)
    }

    .comfort__title[data-astro-cid-bllketl2] {
        margin-top: calc(var(--rpx, 1px) * 4)
    }

    .comfort__eyebrow[data-astro-cid-bllketl2] {
        line-height: 1.125
    }

    .comfort__title[data-astro-cid-bllketl2] {
        line-height: 1.083333
    }

    .comfort__desc[data-astro-cid-bllketl2] {
        line-height: 1.428571
    }

    .comfort__block--arc[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 720);
        min-height: calc(var(--rpx, 1px) * 338);
        padding-bottom: calc(var(--rpx, 1px) * 64);
        grid-template-columns: calc(var(--rpx, 1px) * 206) calc(var(--rpx, 1px) * 302) minmax(0, calc(var(--rpx, 1px) * 212))
    }

    .comfort__media--arc[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 292);
        height: calc(var(--rpx, 1px) * 274)
    }

    .comfort__copy--arc[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 208);
        margin-top: calc(var(--rpx, 1px) * 117.5)
    }

    .comfort__desc--arc[data-astro-cid-bllketl2] {
        margin-top: calc(var(--rpx, 1px) * 64)
    }

    .comfort__block--symmetry[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 720);
        min-height: calc(var(--rpx, 1px) * 348);
        padding-block: calc(var(--rpx, 1px) * 52) calc(var(--rpx, 1px) * 51.74);
        grid-template-columns: calc(var(--rpx, 1px) * 196) calc(var(--rpx, 1px) * 312) minmax(0, calc(var(--rpx, 1px) * 212))
    }

    .comfort__media--symmetry[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 292);
        height: calc(var(--rpx, 1px) * 244.26)
    }

    .comfort__copy--symmetry[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 208);
        align-self: center;
        margin-top: 0
    }

    .comfort__desc--symmetry[data-astro-cid-bllketl2] {
        align-self: center;
        margin-top: 0
    }

    .comfort__block--bean[data-astro-cid-bllketl2] {
        min-height: calc(var(--rpx, 1px) * 414);
        padding-block: calc(var(--rpx, 1px) * 64)
    }

    .comfort__content--bean[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 286);
        min-height: calc(var(--rpx, 1px) * 286);
        padding: calc(var(--rpx, 1px) * 24);
        margin-inline: auto 24px
    }

    .comfort__text--bean[data-astro-cid-bllketl2] {
        justify-content: flex-start;
        row-gap: calc(var(--rpx, 1px) * 24)
    }

    .comfort__desc--bean[data-astro-cid-bllketl2] {
        max-width: none
    }

    .comfort__block--curve[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 720)
    }

    .comfort__media--curve[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 336)
    }

    .comfort__pic--cyclist[data-astro-cid-bllketl2] {
        aspect-ratio: 336/280
    }

    .comfort__content--curve[data-astro-cid-bllketl2] {
        align-self: stretch;
        justify-content: space-between;
        width: calc(var(--rpx, 1px) * 384);
        padding: calc(var(--rpx, 1px) * 15.5) calc(var(--rpx, 1px) * 24);
        row-gap: calc(var(--rpx, 1px) * 16)
    }

    .comfort__text--curve[data-astro-cid-bllketl2] {
        row-gap: calc(var(--rpx, 1px) * 12)
    }

    .comfort__badge[data-astro-cid-bllketl2] {
        width: calc(var(--rpx, 1px) * 32);
        height: calc(var(--rpx, 1px) * 32)
    }
}

.drivers[data-astro-cid-hnim5xnh] {
    color: #fff
}

.drivers__fill-pic[data-astro-cid-hnim5xnh] {
    display: block;
    width: 100%;
    height: 100%
}

.drivers__hero[data-astro-cid-hnim5xnh] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(174deg, #498394 -42.2%, #000 64.2%)
}

.drivers__title[data-astro-cid-hnim5xnh], .drivers__subtitle[data-astro-cid-hnim5xnh] {
    margin: 0;
    line-height: normal;
    font-weight: 400;
    text-align: center;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.drivers__title[data-astro-cid-hnim5xnh] {
    background-image: radial-gradient(71.16% 338.55% at 60.93% 50%, #a5c5d000, #2a6b9acc), linear-gradient(#e4f5ff, #e4f5ff)
}

.drivers__subtitle[data-astro-cid-hnim5xnh] {
    background-image: radial-gradient(50% 156.23% at 50% 50%, #90cbd6cc, #114861cc), linear-gradient(#e4f5ff, #e4f5ff)
}

.drivers__ring[data-astro-cid-hnim5xnh] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    background: #000
}

.drivers__ring-pic[data-astro-cid-hnim5xnh] {
    position: absolute;
    left: 50%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%);
    transition: opacity .6s ease-out
}

.drivers__ring[data-astro-cid-hnim5xnh].is-lit-ready .drivers__ring-pic[data-astro-cid-hnim5xnh] {
    opacity: 0
}

.drivers__ring[data-astro-cid-hnim5xnh].is-lit .drivers__ring-pic[data-astro-cid-hnim5xnh] {
    opacity: 1
}

.drivers__ring-copy[data-astro-cid-hnim5xnh] {
    position: relative;
    text-align: center
}

.drivers__eyebrow[data-astro-cid-hnim5xnh], .drivers__ring-desc[data-astro-cid-hnim5xnh], .drivers__text-desc[data-astro-cid-hnim5xnh] {
    margin: 0;
    color: #ffffffbf
}

.drivers__ring-title[data-astro-cid-hnim5xnh], .drivers__text-title[data-astro-cid-hnim5xnh] {
    margin: 0;
    font-weight: 400
}

.drivers__ring-title[data-astro-cid-hnim5xnh] {
    color: transparent;
    background-image: linear-gradient(92.6deg, #005e8682 .1%, #0d91cf82 67.6%, #00516a82 98.4%), linear-gradient(#fff, #fff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.drivers__explode[data-astro-cid-hnim5xnh] {
    position: relative;
    overflow: hidden;
    background: radial-gradient(115.6% 222.4% at 0% 24%, #cde8f0, #547784 37.9%, #22363f 57.6%, #000304)
}

.drivers__stage[data-astro-cid-hnim5xnh] {
    position: relative;
    overflow: hidden
}

.drivers__explode-pic[data-astro-cid-hnim5xnh] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.drivers__lead[data-astro-cid-hnim5xnh] {
    position: absolute
}

.drivers__lead-line[data-astro-cid-hnim5xnh] {
    position: absolute;
    inset: 0 auto 0 0;
    border-left: calc(var(--rpx, 1px) * .94) solid #aec8d0;
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform .45s cubic-bezier(.25, 1, .5, 1)
}

.drivers__lead-label[data-astro-cid-hnim5xnh] {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    color: #fffffff2;
    transition: opacity .22s ease, visibility 0s linear .22s
}

.drivers__lead--tweeter[data-astro-cid-hnim5xnh] {
    --line-delay: 0ms;
    --label-delay: .37s
}

.drivers__lead--woofer[data-astro-cid-hnim5xnh] {
    --line-delay: 80ms;
    --label-delay: .45s
}

.drivers__explode[data-astro-cid-hnim5xnh].is-active .drivers__lead-line[data-astro-cid-hnim5xnh] {
    transform: scaleY(1);
    transition-delay: var(--line-delay)
}

.drivers__explode[data-astro-cid-hnim5xnh].is-active .drivers__lead-label[data-astro-cid-hnim5xnh] {
    visibility: visible;
    opacity: 1;
    transition-delay: var(--label-delay), var(--label-delay)
}

@media(prefers-reduced-motion:reduce) {
    .drivers__lead-line[data-astro-cid-hnim5xnh], .drivers__lead-label[data-astro-cid-hnim5xnh] {
        transition: none
    }
}

.drivers__text[data-astro-cid-hnim5xnh] {
    position: relative
}

.drivers__title[data-astro-cid-hnim5xnh], .drivers__subtitle[data-astro-cid-hnim5xnh], .drivers__ring-copy[data-astro-cid-hnim5xnh], .drivers__text-main[data-astro-cid-hnim5xnh], .drivers__text-desc[data-astro-cid-hnim5xnh] {
    min-width: 0;
    overflow-wrap: anywhere
}

@media(min-width:650px) {
    .drivers__hero[data-astro-cid-hnim5xnh] {
        min-height: calc(var(--rpx-pc, 1px) * 600);
        padding-top: calc(var(--rpx-pc, 1px) * 256);
        padding-bottom: calc(var(--rpx-pc, 1px) * 115.2)
    }

    .drivers__title[data-astro-cid-hnim5xnh] br, .drivers__subtitle[data-astro-cid-hnim5xnh] br {
        display: none
    }

    .drivers__title[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx-pc, 1px) * 1312);
        margin: 0 auto;
        font-size: calc(var(--rpx-pc, 1px) * 96)
    }

    .drivers__subtitle[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx-pc, 1px) * 1150);
        margin: calc(var(--rpx-pc, 1px) * 5.8) auto 0;
        font-size: calc(var(--rpx-pc, 1px) * 80)
    }

    .drivers__ring[data-astro-cid-hnim5xnh] {
        min-height: calc(var(--rpx-pc, 1px) * 1136);
        padding-top: calc(var(--rpx-pc, 1px) * 416.6);
        padding-bottom: calc(var(--rpx-pc, 1px) * 415.34)
    }

    .drivers__ring-pic[data-astro-cid-hnim5xnh] {
        top: 0;
        width: calc(var(--rpx-pc, 1px) * 1440);
        height: calc(var(--rpx-pc, 1px) * 1136)
    }

    .drivers__ring-copy[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx-pc, 1px) * 568);
        margin: 0 auto
    }

    .drivers__eyebrow[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-pc, 1px) * 28);
        line-height: calc(var(--rpx-pc, 1px) * 30.8)
    }

    .drivers__ring-title[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx-pc, 1px) * 12.2);
        font-size: calc(var(--rpx-pc, 1px) * 48);
        line-height: normal
    }

    .drivers__ring-desc[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx-pc, 1px) * 19.2);
        font-size: calc(var(--rpx-pc, 1px) * 18);
        line-height: calc(var(--rpx-pc, 1px) * 25.2)
    }

    .drivers__wordmark[data-astro-cid-hnim5xnh] {
        position: relative;
        width: calc(var(--rpx-pc, 1px) * 332);
        height: calc(var(--rpx-pc, 1px) * 43.06);
        margin-top: calc(var(--rpx-pc, 1px) * 37.02)
    }

    .drivers__explode[data-astro-cid-hnim5xnh] {
        min-height: calc(var(--rpx-pc, 1px) * 792);
        padding-bottom: calc(var(--rpx-pc, 1px) * 77)
    }

    .drivers__stage[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx-pc, 1px) * 1312);
        height: calc(var(--rpx-pc, 1px) * 512);
        margin: 0 auto
    }

    .drivers__badge[data-astro-cid-hnim5xnh] {
        position: absolute;
        top: calc(var(--rpx-pc, 1px) * 481);
        left: calc(50% - calc(var(--rpx-pc, 1px) * 656));
        width: calc(var(--rpx-pc, 1px) * 120.5);
        height: calc(var(--rpx-pc, 1px) * 26)
    }

    .drivers__lead-label[data-astro-cid-hnim5xnh] {
        bottom: calc(var(--rpx-pc, 1px) * -5.7);
        left: calc(var(--rpx-pc, 1px) * 7);
        font-size: calc(var(--rpx-pc, 1px) * 17.13);
        line-height: calc(var(--rpx-pc, 1px) * 20.6)
    }

    .drivers__lead--tweeter[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx-pc, 1px) * 387.83);
        left: calc(var(--rpx-pc, 1px) * 513);
        height: calc(var(--rpx-pc, 1px) * 118)
    }

    .drivers__lead--woofer[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx-pc, 1px) * 413.83);
        left: calc(var(--rpx-pc, 1px) * 740.79);
        height: calc(var(--rpx-pc, 1px) * 92.17)
    }

    .drivers__text[data-astro-cid-hnim5xnh] {
        display: grid;
        width: calc(var(--rpx-pc, 1px) * 1312);
        min-height: calc(var(--rpx-pc, 1px) * 152);
        margin: calc(var(--rpx-pc, 1px) * 51) auto 0;
        grid-template-columns: minmax(0, calc(var(--rpx-pc, 1px) * 355)) minmax(0, 1fr);
        -moz-column-gap: calc(var(--rpx-pc, 1px) * 157);
        column-gap: calc(var(--rpx-pc, 1px) * 157)
    }

    .drivers__text-main[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx-pc, 1px) * 355)
    }

    .drivers__text-main[data-astro-cid-hnim5xnh] .drivers__eyebrow[data-astro-cid-hnim5xnh] {
        line-height: calc(var(--rpx-pc, 1px) * 33.6)
    }

    .drivers__text-title[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx-pc, 1px) * 10.4);
        font-size: calc(var(--rpx-pc, 1px) * 48);
        line-height: calc(var(--rpx-pc, 1px) * 52.8)
    }

    .drivers__text-desc[data-astro-cid-hnim5xnh] {
        position: relative;
        align-self: start;
        margin-top: calc(var(--rpx-pc, 1px) * -1);
        font-size: calc(var(--rpx-pc, 1px) * 18);
        line-height: calc(var(--rpx-pc, 1px) * 25.2)
    }
}

@media(max-width:649px) {
    .drivers__hero[data-astro-cid-hnim5xnh] {
        padding: calc(var(--rpx, 1px) * 111.5) 0 calc(var(--rpx, 1px) * 64);
        background: linear-gradient(171.6deg, #498394 -83.3%, #000 69.1%)
    }

    .drivers__title[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx, 1px) * 332);
        margin: 0 auto;
        font-size: calc(var(--rpx-font, 1px) * 44)
    }

    .drivers__subtitle[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx, 1px) * 332);
        margin: calc(var(--rpx, 1px) * 8) auto 0;
        font-size: calc(var(--rpx-font, 1px) * 32)
    }

    .drivers__ring[data-astro-cid-hnim5xnh] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: calc(var(--rpx, 1px) * 152.1) 0 calc(var(--rpx, 1px) * 151.6)
    }

    .drivers__ring-pic[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx, 1px) * 20.1);
        width: calc(var(--rpx, 1px) * 497.5);
        height: calc(var(--rpx, 1px) * 459)
    }

    .drivers__ring-copy[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx, 1px) * 239)
    }

    .drivers__eyebrow[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: calc(var(--rpx, 1px) * 17.6)
    }

    .drivers__ring-title[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx, 1px) * 3.4);
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: normal;
        background-image: linear-gradient(96deg, #005e8682 1%, #0d91cf82 67.9%, #00516a82 98.4%), linear-gradient(#fff, #fff)
    }

    .drivers__ring-desc[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx, 1px) * 3.7);
        font-size: calc(var(--rpx-font, 1px) * 12);
        line-height: calc(var(--rpx, 1px) * 15.6)
    }

    .drivers__wordmark[data-astro-cid-hnim5xnh] {
        position: relative;
        width: calc(var(--rpx, 1px) * 83);
        height: calc(var(--rpx, 1px) * 10.8);
        margin-top: calc(var(--rpx, 1px) * 14.4)
    }

    .drivers__explode[data-astro-cid-hnim5xnh] {
        padding: 0 0 calc(var(--rpx, 1px) * 50);
        background: radial-gradient(185.3% 147.2% at 0% 10.8%, #cde8f0, #547784 37.9%, #22363f 57.6%, #000304 97.7%)
    }

    .drivers__stage[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx, 1px) * 328);
        height: calc(var(--rpx, 1px) * 205);
        margin: 0 auto;
        overflow: visible
    }

    .drivers__explode-pic[data-astro-cid-hnim5xnh] {
        inset: calc(var(--rpx, 1px) * -23.7) auto auto calc(var(--rpx, 1px) * -11.3);
        width: calc(var(--rpx, 1px) * 368);
        max-width: none;
        height: calc(var(--rpx, 1px) * 226.5)
    }

    .drivers__badge[data-astro-cid-hnim5xnh] {
        position: absolute;
        top: calc(var(--rpx, 1px) * 189);
        left: 16px;
        width: calc(var(--rpx, 1px) * 74.5);
        height: calc(var(--rpx, 1px) * 16)
    }

    .drivers__lead[data-astro-cid-hnim5xnh] {
        width: 0
    }

    .drivers__lead-line[data-astro-cid-hnim5xnh] {
        inset: auto auto auto 0;
        border-left-width: calc(var(--rpx, 1px) * .29)
    }

    .drivers__lead-label[data-astro-cid-hnim5xnh] {
        top: 0;
        bottom: auto;
        left: 50%;
        font-size: calc(var(--rpx-font, 1px) * 10);
        line-height: calc(var(--rpx, 1px) * 12);
        transform: translate(-50%)
    }

    .drivers__lead--tweeter[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx, 1px) * 194.1);
        left: calc(var(--rpx, 1px) * 140.2)
    }

    .drivers__lead--tweeter[data-astro-cid-hnim5xnh] .drivers__lead-line[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx, 1px) * -64);
        height: calc(var(--rpx, 1px) * 62)
    }

    .drivers__lead--woofer[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx, 1px) * 194.2);
        left: calc(var(--rpx, 1px) * 218.7)
    }

    .drivers__lead--woofer[data-astro-cid-hnim5xnh] .drivers__lead-line[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx, 1px) * -42);
        height: calc(var(--rpx, 1px) * 40)
    }

    .drivers__text[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx, 1px) * 328);
        margin: calc(var(--rpx, 1px) * 32) auto 0
    }

    .drivers__text-main[data-astro-cid-hnim5xnh] .drivers__eyebrow[data-astro-cid-hnim5xnh] {
        line-height: calc(var(--rpx, 1px) * 17.6)
    }

    .drivers__text-title[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx, 1px) * 8.4);
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: calc(var(--rpx, 1px) * 26.4)
    }

    .drivers__text-desc[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx, 1px) * 11.2);
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 19.6)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .drivers__title[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 44)
    }

    .drivers__subtitle[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 32)
    }

    .drivers__eyebrow[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: calc(var(--rpx, 1px) * 17.6)
    }

    .drivers__ring-title[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: normal
    }

    .drivers__ring-desc[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 12);
        line-height: calc(var(--rpx, 1px) * 15.6)
    }

    .drivers__lead-label[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 10);
        line-height: calc(var(--rpx, 1px) * 12)
    }

    .drivers__text-main[data-astro-cid-hnim5xnh] .drivers__eyebrow[data-astro-cid-hnim5xnh] {
        line-height: calc(var(--rpx, 1px) * 17.6)
    }

    .drivers__text-title[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: calc(var(--rpx, 1px) * 26.4)
    }

    .drivers__text-desc[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 19.6)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .drivers__hero[data-astro-cid-hnim5xnh] {
        min-height: calc(var(--rpx, 1px) * 500);
        padding-top: calc(var(--rpx, 1px) * 215);
        padding-bottom: calc(var(--rpx, 1px) * 144)
    }

    .drivers__subtitle[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx, 1px) * 720);
        margin-top: calc(var(--rpx, 1px) * 4)
    }

    .drivers__title[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 60)
    }

    .drivers__subtitle[data-astro-cid-hnim5xnh] {
        font-size: calc(var(--rpx-font, 1px) * 48)
    }

    .drivers__explode[data-astro-cid-hnim5xnh] {
        height: auto;
        padding-bottom: calc(var(--rpx, 1px) * 48)
    }

    .drivers__text[data-astro-cid-hnim5xnh] {
        height: auto;
        min-height: calc(var(--rpx, 1px) * 152)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .drivers__hero[data-astro-cid-hnim5xnh], .drivers__subtitle[data-astro-cid-hnim5xnh] {
        position: relative
    }

    .drivers__ring[data-astro-cid-hnim5xnh] {
        min-height: calc(var(--rpx, 1px) * 680);
        padding-top: calc(var(--rpx, 1px) * 234);
        padding-bottom: calc(var(--rpx, 1px) * 266.1)
    }

    .drivers__ring-pic[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx, 1px) * -13.42);
        width: calc(var(--rpx, 1px) * 896);
        height: calc(var(--rpx, 1px) * 706.844)
    }

    .drivers__ring-copy[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx, 1px) * 353.42)
    }

    .drivers__ring-title[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx, 1px) * 8)
    }

    .drivers__ring-desc[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx, 1px) * 12)
    }

    .drivers__wordmark[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx, 1px) * 206.58);
        height: calc(var(--rpx, 1px) * 26.79);
        margin-top: calc(var(--rpx, 1px) * 23.14)
    }

    .drivers__explode[data-astro-cid-hnim5xnh] {
        min-height: calc(var(--rpx, 1px) * 555);
        padding-bottom: calc(var(--rpx, 1px) * 64)
    }

    .drivers__stage[data-astro-cid-hnim5xnh] {
        width: calc(var(--rpx, 1px) * 720);
        height: calc(var(--rpx, 1px) * 363)
    }

    .drivers__badge[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx, 1px) * 343);
        left: calc(24px + calc(var(--rpx, 1px) * 2));
        width: calc(var(--rpx, 1px) * 93);
        height: calc(var(--rpx, 1px) * 20)
    }

    .drivers__lead--tweeter[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx, 1px) * 242.25);
        left: calc(var(--rpx, 1px) * 305.47);
        height: calc(var(--rpx, 1px) * 118)
    }

    .drivers__lead--woofer[data-astro-cid-hnim5xnh] {
        top: calc(var(--rpx, 1px) * 268.25);
        left: calc(var(--rpx, 1px) * 474.47);
        height: calc(var(--rpx, 1px) * 92.17)
    }

    .drivers__lead-label[data-astro-cid-hnim5xnh] {
        bottom: 0;
        left: calc(var(--rpx, 1px) * 3.53)
    }

    .drivers__text[data-astro-cid-hnim5xnh] {
        display: grid;
        width: calc(var(--rpx, 1px) * 720);
        min-height: calc(var(--rpx, 1px) * 80);
        margin-top: calc(var(--rpx, 1px) * 48);
        grid-template-columns: calc(var(--rpx, 1px) * 260) calc(var(--rpx, 1px) * 436);
        -moz-column-gap: calc(var(--rpx, 1px) * 24);
        column-gap: calc(var(--rpx, 1px) * 24)
    }

    .drivers__text-main[data-astro-cid-hnim5xnh], .drivers__text-desc[data-astro-cid-hnim5xnh] {
        width: auto
    }

    .drivers__text-title[data-astro-cid-hnim5xnh] {
        margin-top: calc(var(--rpx, 1px) * 6)
    }

    .drivers__text-desc[data-astro-cid-hnim5xnh] {
        position: static
    }
}

.chip__canvas[data-astro-cid-xs632vxa] {
    position: relative;
    margin: 0 auto
}

.chip__hero[data-astro-cid-xs632vxa], .chip__row[data-astro-cid-xs632vxa], .chip__rule[data-astro-cid-xs632vxa], .chip__title[data-astro-cid-xs632vxa], .chip__specs[data-astro-cid-xs632vxa] {
    position: relative;
    z-index: 1
}

.chip__scene[data-astro-cid-xs632vxa] {
    z-index: 0
}

.chip__scene[data-astro-cid-xs632vxa] picture, .chip__scene[data-astro-cid-xs632vxa] img, .chip__media[data-astro-cid-xs632vxa] picture, .chip__media[data-astro-cid-xs632vxa] img {
    display: block;
    width: 100%
}

.chip__title[data-astro-cid-xs632vxa], .chip__heading[data-astro-cid-xs632vxa], .chip__eyebrow[data-astro-cid-xs632vxa], .chip__body[data-astro-cid-xs632vxa], .chip__spec-title[data-astro-cid-xs632vxa], .chip__stat-value[data-astro-cid-xs632vxa], .chip__stat-label[data-astro-cid-xs632vxa] {
    margin: 0;
    font-weight: 400
}

.chip__specs[data-astro-cid-xs632vxa], .chip__stats[data-astro-cid-xs632vxa] {
    margin: 0;
    padding: 0;
    list-style: none
}

.chip__spec[data-astro-cid-xs632vxa], .chip__stat[data-astro-cid-xs632vxa] {
    list-style: none;
    min-width: 0;
    overflow-wrap: anywhere
}

.chip__copy[data-astro-cid-xs632vxa], .chip__title[data-astro-cid-xs632vxa] {
    min-width: 0;
    overflow-wrap: anywhere
}

.chip__title[data-astro-cid-xs632vxa], .chip__heading[data-astro-cid-xs632vxa] {
    color: #000
}

.chip__eyebrow[data-astro-cid-xs632vxa], .chip__body[data-astro-cid-xs632vxa], .chip__stat-label[data-astro-cid-xs632vxa] {
    color: #000000bf
}

.chip__spec-title[data-astro-cid-xs632vxa] {
    color: #000000f2
}

.chip__stat-value[data-astro-cid-xs632vxa] {
    color: #2499d3f2
}

.chip__spec-line[data-astro-cid-xs632vxa], .chip__rule[data-astro-cid-xs632vxa] {
    display: block
}

.chip__spec-line[data-astro-cid-xs632vxa] {
    background: #0000004d
}

.chip__rule[data-astro-cid-xs632vxa] {
    background: #00000026
}

.chip__rule--mo[data-astro-cid-xs632vxa] {
    display: none
}

@media(min-width:650px) {
    .chip[data-astro-cid-xs632vxa] {
        background: radial-gradient(58.28% 56.8% at 24.06% 80.9%, #eef5f559, #dbdfe200 77.93%), linear-gradient(213.22deg, #bbc3c8 34.49%, #bbc6ca 50.38%, #d7ddde 93.76%)
    }

    .chip__canvas[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx-pc, 1px) * 1312)
    }

    .chip__hero[data-astro-cid-xs632vxa] {
        padding: calc(var(--rpx-pc, 1px) * 80) 0 0
    }

    .chip__scene[data-astro-cid-xs632vxa] {
        position: absolute;
        top: 0;
        left: 50%;
        width: calc(var(--rpx-pc, 1px) * 1440);
        transform: translate(-50%);
        -webkit-mask-image: linear-gradient(180deg, #000 0, #000 91%, rgba(0, 0, 0, 0) 100%);
        mask-image: linear-gradient(180deg, #000 0 91%, #0000)
    }
}

@media(min-width:650px)and (min-width:1024px)and (max-width:1439px) {
    .chip__scene[data-astro-cid-xs632vxa] {
        width: 100vw;
        height: 125.3648366921vw;
        -webkit-mask-image: none;
        mask-image: none
    }

    .chip__scene[data-astro-cid-xs632vxa] picture, .chip__scene[data-astro-cid-xs632vxa] img {
        height: 100%
    }
}

@media(min-width:650px)and (min-width:1441px) {
    .chip__scene[data-astro-cid-xs632vxa] {
        -webkit-mask-image: linear-gradient(180deg, #000 0, #000 91%, rgba(0, 0, 0, 0) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 5%, #000 95%, rgba(0, 0, 0, 0) 100%);
        mask-image: linear-gradient(180deg, #000 0 91%, #0000), linear-gradient(90deg, #0000 0, #000 5% 95%, #0000);
        -webkit-mask-composite: source-in;
        mask-composite: intersect
    }
}

@media(min-width:650px) {
    .chip__title[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx-pc, 1px) * 592);
        font-size: calc(var(--rpx-pc, 1px) * 48);
        line-height: calc(var(--rpx-pc, 1px) * 52.8)
    }
}

@media(min-width:650px) {
    .chip__title[data-astro-cid-xs632vxa], .chip__spec-title[data-astro-cid-xs632vxa], .chip__stat-value[data-astro-cid-xs632vxa], .chip__stat-label[data-astro-cid-xs632vxa] {
        position: relative;
        top: calc(var(--rpx-pc, 1px) * 1)
    }

    .chip__specs[data-astro-cid-xs632vxa] {
        display: flex;
        gap: calc(var(--rpx-pc, 1px) * 64);
        margin-top: calc(var(--rpx-pc, 1px) * 214.4)
    }

    .chip__spec[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx-pc, 1px) * 264)
    }

    .chip__spec-title[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-pc, 1px) * 20);
        line-height: calc(var(--rpx-pc, 1px) * 22)
    }

    .chip__spec-line[data-astro-cid-xs632vxa], .chip__rule[data-astro-cid-xs632vxa] {
        height: calc(var(--rpx-pc, 1px) * 1)
    }

    .chip__spec-line[data-astro-cid-xs632vxa] {
        margin: calc(var(--rpx-pc, 1px) * 23) 0 calc(var(--rpx-pc, 1px) * 24)
    }

    .chip__stat[data-astro-cid-xs632vxa]+.chip__stat[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx-pc, 1px) * 24)
    }

    .chip__stat-value[data-astro-cid-xs632vxa], .chip__stat-label[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-pc, 1px) * 20);
        line-height: calc(var(--rpx-pc, 1px) * 24)
    }

    .chip__stat-label[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx-pc, 1px) * 4)
    }

    .chip__row[data-astro-cid-xs632vxa] {
        display: flex;
        align-items: center
    }

    .chip__row--bone[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx-pc, 1px) * 128)
    }

    .chip__media[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx-pc, 1px) * 652);
        height: calc(var(--rpx-pc, 1px) * 440);
        overflow: hidden;
        flex: none
    }

    .chip__copy[data-astro-cid-xs632vxa] {
        position: relative;
        width: calc(var(--rpx-pc, 1px) * 580)
    }

    .chip__row--bone[data-astro-cid-xs632vxa] .chip__copy[data-astro-cid-xs632vxa] {
        margin-inline-start: calc(var(--rpx-pc, 1px) * 80);
        top: calc(var(--rpx-pc, 1px) * 2)
    }

    .chip__row--soundstage[data-astro-cid-xs632vxa] .chip__copy[data-astro-cid-xs632vxa] {
        padding-left: calc(var(--rpx-pc, 1px) * 64);
        top: calc(var(--rpx-pc, 1px) * 1)
    }

    .chip__row--soundstage[data-astro-cid-xs632vxa] .chip__media[data-astro-cid-xs632vxa] {
        margin-inline-start: calc(var(--rpx-pc, 1px) * 80)
    }

    .chip__eyebrow[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-pc, 1px) * 28);
        line-height: calc(var(--rpx-pc, 1px) * 30.8)
    }

    .chip__row--bone[data-astro-cid-xs632vxa] .chip__heading[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx-pc, 1px) * 12.2)
    }

    .chip__heading[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-pc, 1px) * 48);
        line-height: calc(var(--rpx-pc, 1px) * 52.8)
    }

    .chip__body[data-astro-cid-xs632vxa] {
        position: relative;
        width: calc(var(--rpx-pc, 1px) * 516);
        margin-top: calc(var(--rpx-pc, 1px) * 18.2);
        font-size: calc(var(--rpx-pc, 1px) * 18);
        line-height: calc(var(--rpx-pc, 1px) * 25.2)
    }

    .chip__row--soundstage[data-astro-cid-xs632vxa] .chip__body[data-astro-cid-xs632vxa] {
        top: calc(var(--rpx-pc, 1px) * 1)
    }

    .chip__rule[data-astro-cid-xs632vxa] {
        margin: calc(var(--rpx-pc, 1px) * 47) 0 calc(var(--rpx-pc, 1px) * 48)
    }

    .chip__row--soundstage[data-astro-cid-xs632vxa] {
        padding-bottom: calc(var(--rpx-pc, 1px) * 80)
    }
}

@media(max-width:649px) {
    .chip[data-astro-cid-xs632vxa] {
        background: linear-gradient(180deg, #b8c5c9 0, #bac6ca calc(var(--rpx, 1px) * 25) calc(var(--rpx, 1px) * 100), #eff1f3 calc(var(--rpx, 1px) * 400), #f1f3f5 calc(var(--rpx, 1px) * 430), #f1f3f500 calc(var(--rpx, 1px) * 640)), linear-gradient(339.6deg, #dee2e3 -4.59%, #a5b5bb 66.81%)
    }

    .chip__canvas[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx, 1px) * 328);
        padding: calc(var(--rpx, 1px) * 48) 0
    }

    .chip__hero[data-astro-cid-xs632vxa] {
        display: flex;
        flex-direction: column
    }

    .chip__title[data-astro-cid-xs632vxa], .chip__heading[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: calc(var(--rpx, 1px) * 26)
    }

    .chip__title[data-astro-cid-xs632vxa] {
        max-width: calc(var(--rpx, 1px) * 316)
    }

    .chip__title[data-astro-cid-xs632vxa] br, .chip__spec-title[data-astro-cid-xs632vxa] br, .chip__heading[data-astro-cid-xs632vxa] br {
        display: none
    }

    .chip__scene[data-astro-cid-xs632vxa] {
        position: relative;
        order: 1;
        width: calc(var(--rpx, 1px) * 360);
        margin: calc(var(--rpx, 1px) * 7) 0 0 calc(var(--rpx, 1px) * -16)
    }

    .chip__scene[data-astro-cid-xs632vxa]:before {
        position: absolute;
        z-index: 1;
        top: calc(var(--rpx, 1px) * -32);
        left: 0;
        width: 100%;
        height: calc(var(--rpx, 1px) * 96);
        background: linear-gradient(180deg, #f1f3f500, #f1f3f5 33.333%, #f1f3f500);
        content: "";
        pointer-events: none
    }

    .chip__scene[data-astro-cid-xs632vxa] img {
        -webkit-mask-image: linear-gradient(180deg, #000 0, #000 calc(var(--rpx, 1px) * 308), rgba(0, 0, 0, 0) calc(var(--rpx, 1px) * 328));
        mask-image: linear-gradient(180deg, #000 0 calc(var(--rpx, 1px) * 308), #0000 calc(var(--rpx, 1px) * 328))
    }

    .chip__specs[data-astro-cid-xs632vxa] {
        display: flex;
        flex-direction: column;
        gap: calc(var(--rpx, 1px) * 20);
        margin-top: calc(var(--rpx, 1px) * 49)
    }

    .chip__spec[data-astro-cid-xs632vxa] {
        display: flex;
        flex-direction: column;
        width: calc(var(--rpx, 1px) * 296)
    }

    .chip__spec-line[data-astro-cid-xs632vxa] {
        order: -1;
        margin: 0 0 calc(var(--rpx, 1px) * 9)
    }

    .chip__spec-line[data-astro-cid-xs632vxa], .chip__rule[data-astro-cid-xs632vxa] {
        height: calc(var(--rpx, 1px) * 1)
    }

    .chip__spec-title[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: calc(var(--rpx, 1px) * 19)
    }

    .chip__stats[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx, 1px) * 8)
    }

    .chip__stat-value[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 14)
    }

    .chip__stat[data-astro-cid-xs632vxa]+.chip__stat[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx, 1px) * 4)
    }

    .chip__stat-label[data-astro-cid-xs632vxa], .chip__body[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 20)
    }

    .chip__stat-label[data-astro-cid-xs632vxa] {
        margin-top: 0
    }

    .chip__eyebrow[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: calc(var(--rpx, 1px) * 18)
    }

    .chip__row[data-astro-cid-xs632vxa] {
        display: flex;
        flex-direction: column
    }

    .chip__row--bone[data-astro-cid-xs632vxa] .chip__copy[data-astro-cid-xs632vxa] {
        order: -1
    }

    .chip__copy[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx, 1px) * 23)
    }

    .chip__row--bone[data-astro-cid-xs632vxa] .chip__heading[data-astro-cid-xs632vxa], .chip__body[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx, 1px) * 8)
    }

    .chip__media[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx, 1px) * 328);
        height: calc(var(--rpx, 1px) * 232);
        margin-top: calc(var(--rpx, 1px) * 20);
        overflow: hidden
    }

    .chip__rule[data-astro-cid-xs632vxa] {
        margin: calc(var(--rpx, 1px) * 48) 0 0
    }

    .chip__rule--mo[data-astro-cid-xs632vxa] {
        display: block;
        margin: calc(var(--rpx, 1px) * 48) 0 0
    }

    .chip__scene[data-astro-cid-xs632vxa] {
        position: relative;
        order: 1;
        width: calc(var(--rpx, 1px) * 360);
        margin: calc(var(--rpx, 1px) * -8) 0 calc(var(--rpx, 1px) * -44) calc(var(--rpx, 1px) * -16)
    }

    .chip__hero[data-astro-cid-xs632vxa] {
        min-height: calc(var(--rpx, 1px) * 586)
    }

    .chip__specs[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx, 1px) * 20)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .chip__title[data-astro-cid-xs632vxa], .chip__heading[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: calc(var(--rpx, 1px) * 26)
    }

    .chip__spec-title[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: calc(var(--rpx, 1px) * 19)
    }

    .chip__stat-value[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 14)
    }

    .chip__stat-label[data-astro-cid-xs632vxa], .chip__body[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 20)
    }

    .chip__eyebrow[data-astro-cid-xs632vxa] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: calc(var(--rpx, 1px) * 18)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .chip__scene[data-astro-cid-xs632vxa] {
        width: 100vw
    }

    .chip__canvas[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx, 1px) * 720)
    }

    .chip__hero[data-astro-cid-xs632vxa] {
        min-height: calc(var(--rpx, 1px) * 374);
        padding-top: calc(var(--rpx, 1px) * 42.67);
        padding-bottom: calc(var(--rpx, 1px) * 33.28)
    }

    .chip__title[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx, 1px) * 315.733);
        margin-left: calc(var(--rpx, 1px) * 10.133)
    }

    .chip__title[data-astro-cid-xs632vxa], .chip__spec-title[data-astro-cid-xs632vxa], .chip__stat-value[data-astro-cid-xs632vxa], .chip__stat-label[data-astro-cid-xs632vxa] {
        top: 0
    }

    .chip__specs[data-astro-cid-xs632vxa] {
        position: relative;
        gap: calc(var(--rpx, 1px) * 34.134);
        margin-top: calc(var(--rpx, 1px) * 109.063)
    }

    .chip__spec[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx, 1px) * 150.933)
    }

    .chip__spec-line[data-astro-cid-xs632vxa] {
        height: calc(var(--rpx, 1px) * .533);
        margin: calc(var(--rpx, 1px) * 9.467) 0 calc(var(--rpx, 1px) * 12)
    }

    .chip__stat-label[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx, 1px) * 1)
    }

    .chip__stat[data-astro-cid-xs632vxa]+.chip__stat[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx, 1px) * 7)
    }

    .chip__row--bone[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx, 1px) * 32)
    }

    .chip__media[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx, 1px) * 347.733);
        height: calc(var(--rpx, 1px) * 236)
    }

    .chip__media[data-astro-cid-xs632vxa] picture, .chip__media[data-astro-cid-xs632vxa] img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .chip__copy[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx, 1px) * 329.6)
    }

    .chip__row--bone[data-astro-cid-xs632vxa] .chip__copy[data-astro-cid-xs632vxa] {
        top: 0;
        padding-right: calc(var(--rpx, 1px) * 24);
        margin-left: calc(var(--rpx, 1px) * 42.667)
    }

    .chip__row--soundstage[data-astro-cid-xs632vxa] .chip__copy[data-astro-cid-xs632vxa] {
        top: 0;
        padding-left: calc(var(--rpx, 1px) * 24)
    }

    .chip__row--soundstage[data-astro-cid-xs632vxa] .chip__media[data-astro-cid-xs632vxa] {
        margin-inline-start: calc(var(--rpx, 1px) * 42.667)
    }

    .chip__row--bone[data-astro-cid-xs632vxa] .chip__heading[data-astro-cid-xs632vxa] {
        margin-top: calc(var(--rpx, 1px) * 4)
    }

    .chip__body[data-astro-cid-xs632vxa] {
        width: calc(var(--rpx, 1px) * 305.6);
        margin-top: calc(var(--rpx, 1px) * 12)
    }

    .chip__row--soundstage[data-astro-cid-xs632vxa] .chip__body[data-astro-cid-xs632vxa] {
        top: 0
    }

    .chip__rule[data-astro-cid-xs632vxa] {
        height: calc(var(--rpx, 1px) * .533);
        margin: calc(var(--rpx, 1px) * 23.733) 0
    }

    .chip__row--soundstage[data-astro-cid-xs632vxa] {
        padding-bottom: calc(var(--rpx, 1px) * 64)
    }
}

@media(min-width:2200px) {
    #section-ksp[data-astro-cid-gfdwisld] {
        --rpx-pc: 1.5px
    }
}

.ksp-grid[data-astro-cid-gfdwisld] {
    display: grid;
    margin: 0 auto;
    padding: 0;
    list-style: none
}

.ksp-card[data-astro-cid-gfdwisld] {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    border: 0;
    list-style: none
}

.ksp-card__link[data-astro-cid-gfdwisld] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    color: inherit;
    text-decoration: none
}

.ksp-card__pic[data-astro-cid-gfdwisld] {
    position: absolute;
    inset: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.25, 1, .5, 1)
}

.ksp-card__link[data-astro-cid-gfdwisld]:after {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, .3);
    content: "";
    pointer-events: none
}

@media(hover:hover) {
    .ksp[data-astro-cid-gfdwisld][data-will-change-active] .ksp-card__pic[data-astro-cid-gfdwisld] {
        will-change: transform
    }

    .ksp-card__link[data-astro-cid-gfdwisld]:hover .ksp-card__pic[data-astro-cid-gfdwisld] {
        transform: scale(1.08)
    }
}

.ksp-card__copy[data-astro-cid-gfdwisld] {
    position: relative;
    min-width: 0;
    overflow-wrap: anywhere;
    color: #fff
}

.ksp-card__title[data-astro-cid-gfdwisld], .ksp-card__desc[data-astro-cid-gfdwisld] {
    margin: 0
}

.ksp-card__desc[data-astro-cid-gfdwisld] {
    color: #ffffff8c
}

@media(min-width:650px) {
    .ksp[data-astro-cid-gfdwisld] {
        padding: calc(var(--rpx-pc, 1px) * 80) 0
    }

    .ksp-grid[data-astro-cid-gfdwisld] {
        width: calc(var(--rpx-pc, 1px) * 1312);
        grid-template-columns: calc(var(--rpx-pc, 1px) * 370) repeat(4, calc(var(--rpx-pc, 1px) * 227.5));
        grid-auto-rows: minmax(calc(var(--rpx-pc, 1px) * 196), auto);
        gap: calc(var(--rpx-pc, 1px) * 8)
    }

    .ksp-card__copy[data-astro-cid-gfdwisld] {
        padding: calc(var(--rpx-pc, 1px) * 17) calc(var(--rpx-pc, 1px) * 21)
    }

    .ksp-card__title[data-astro-cid-gfdwisld] {
        font-size: calc(var(--rpx-pc, 1px) * 20);
        line-height: 1.2
    }

    .ksp-card__desc[data-astro-cid-gfdwisld] {
        margin-top: calc(var(--rpx-pc, 1px) * 4);
        font-size: calc(var(--rpx-pc, 1px) * 14);
        line-height: 1.4
    }

    .ksp-card--comfort-fit[data-astro-cid-gfdwisld] {
        grid-column: 1;
        grid-row: 1/span 2
    }

    .ksp-card--durability[data-astro-cid-gfdwisld] {
        grid-column: 1;
        grid-row: 3
    }

    .ksp-card--dual-drivers[data-astro-cid-gfdwisld] {
        grid-column: 2/span 2;
        grid-row: 1
    }

    .ksp-card--dynaudio[data-astro-cid-gfdwisld] {
        grid-column: 2/span 2;
        grid-row: 2
    }

    .ksp-card--bone-call[data-astro-cid-gfdwisld] {
        grid-column: 4/span 2;
        grid-row: 1
    }

    .ksp-card--soundstage[data-astro-cid-gfdwisld] {
        grid-column: 4/span 2;
        grid-row: 2
    }

    .ksp-card--ai-chip[data-astro-cid-gfdwisld] {
        grid-column: 2;
        grid-row: 3
    }

    .ksp-card--dual-device[data-astro-cid-gfdwisld] {
        grid-column: 3;
        grid-row: 3
    }

    .ksp-card--translation[data-astro-cid-gfdwisld] {
        grid-column: 4;
        grid-row: 3
    }

    .ksp-card--drop-monitor[data-astro-cid-gfdwisld] {
        grid-column: 5;
        grid-row: 3
    }

    .ksp-card--dual-drivers[data-astro-cid-gfdwisld] .ksp-card__copy[data-astro-cid-gfdwisld] {
        padding-top: calc(var(--rpx-pc, 1px) * 87)
    }

    .ksp-card--soundstage[data-astro-cid-gfdwisld] .ksp-card__desc[data-astro-cid-gfdwisld] {
        margin-top: calc(var(--rpx-pc, 1px) * 8)
    }
}

@media(max-width:649px) {
    .ksp[data-astro-cid-gfdwisld] {
        padding: calc(var(--rpx, 1px) * 48) 0
    }

    .ksp-grid[data-astro-cid-gfdwisld] {
        width: calc(var(--rpx, 1px) * 328);
        grid-template-columns: repeat(2, calc(var(--rpx, 1px) * 160));
        grid-template-rows: minmax(calc(var(--rpx, 1px) * 240), auto) repeat(7, minmax(calc(var(--rpx, 1px) * 140), auto));
        gap: calc(var(--rpx, 1px) * 8)
    }

    .ksp-card--comfort-fit[data-astro-cid-gfdwisld], .ksp-card--durability[data-astro-cid-gfdwisld], .ksp-card--dual-drivers[data-astro-cid-gfdwisld], .ksp-card--dynaudio[data-astro-cid-gfdwisld], .ksp-card--bone-call[data-astro-cid-gfdwisld], .ksp-card--soundstage[data-astro-cid-gfdwisld] {
        grid-column: 1/-1
    }

    .ksp-card--comfort-fit[data-astro-cid-gfdwisld] {
        grid-row: 1
    }

    .ksp-card--durability[data-astro-cid-gfdwisld] {
        grid-row: 2
    }

    .ksp-card--dual-drivers[data-astro-cid-gfdwisld] {
        grid-row: 3
    }

    .ksp-card--dynaudio[data-astro-cid-gfdwisld] {
        grid-row: 4
    }

    .ksp-card--bone-call[data-astro-cid-gfdwisld] {
        grid-row: 5
    }

    .ksp-card--soundstage[data-astro-cid-gfdwisld] {
        grid-row: 6
    }

    .ksp-card--ai-chip[data-astro-cid-gfdwisld] {
        grid-row: 7;
        grid-column: 1
    }

    .ksp-card--dual-device[data-astro-cid-gfdwisld] {
        grid-row: 7;
        grid-column: 2
    }

    .ksp-card--translation[data-astro-cid-gfdwisld] {
        grid-row: 8;
        grid-column: 1
    }

    .ksp-card--drop-monitor[data-astro-cid-gfdwisld] {
        grid-row: 8;
        grid-column: 2
    }

    .ksp-card__copy[data-astro-cid-gfdwisld] {
        padding: calc(var(--rpx, 1px) * 13)
    }

    .ksp-card__title[data-astro-cid-gfdwisld] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: 1.285714;
        font-weight: 400
    }

    .ksp-card__desc[data-astro-cid-gfdwisld] {
        margin-top: calc(var(--rpx, 1px) * 4);
        font-size: calc(var(--rpx-font, 1px) * 12);
        line-height: 1.333333
    }

    .ksp-card--comfort-fit[data-astro-cid-gfdwisld] .ksp-card__desc[data-astro-cid-gfdwisld], .ksp-card--durability[data-astro-cid-gfdwisld] .ksp-card__desc[data-astro-cid-gfdwisld] {
        margin-top: calc(var(--rpx, 1px) * 2)
    }

    .ksp-card--dual-drivers[data-astro-cid-gfdwisld] .ksp-card__copy[data-astro-cid-gfdwisld] {
        padding-top: calc(var(--rpx, 1px) * 55)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .ksp-card__title[data-astro-cid-gfdwisld] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: 1.285714
    }

    .ksp-card__desc[data-astro-cid-gfdwisld] {
        font-size: calc(var(--rpx-font, 1px) * 12);
        line-height: 1.333333
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .ksp[data-astro-cid-gfdwisld] {
        padding: calc(var(--rpx, 1px) * 64) 0
    }

    .ksp-grid[data-astro-cid-gfdwisld] {
        width: calc(var(--rpx, 1px) * 720);
        grid-template-columns: repeat(4, calc(var(--rpx, 1px) * 174));
        grid-template-rows: minmax(calc(var(--rpx, 1px) * 268), auto) repeat(2, minmax(calc(var(--rpx, 1px) * 178), auto)) minmax(calc(var(--rpx, 1px) * 174), auto);
        gap: calc(var(--rpx, 1px) * 8)
    }

    .ksp-card--comfort-fit[data-astro-cid-gfdwisld] {
        grid-area: 1/1/2/4;
        width: calc(var(--rpx, 1px) * 473)
    }

    .ksp-card--durability[data-astro-cid-gfdwisld] {
        grid-area: 1/4/2/5;
        width: calc(var(--rpx, 1px) * 237);
        justify-self: end
    }

    .ksp-card--dual-drivers[data-astro-cid-gfdwisld] {
        grid-area: 2/1/3/3
    }

    .ksp-card--dynaudio[data-astro-cid-gfdwisld] {
        grid-area: 2/3/3/5
    }

    .ksp-card--soundstage[data-astro-cid-gfdwisld] {
        grid-area: 3/1/4/3
    }

    .ksp-card--bone-call[data-astro-cid-gfdwisld] {
        grid-area: 3/3/4/5
    }

    .ksp-card--ai-chip[data-astro-cid-gfdwisld] {
        grid-area: 4/1/5/2
    }

    .ksp-card--dual-device[data-astro-cid-gfdwisld] {
        grid-area: 4/2/5/3
    }

    .ksp-card--translation[data-astro-cid-gfdwisld] {
        grid-area: 4/3/5/4
    }

    .ksp-card--drop-monitor[data-astro-cid-gfdwisld] {
        grid-area: 4/4/5/5
    }

    .ksp-card__copy[data-astro-cid-gfdwisld] {
        padding: calc(var(--rpx, 1px) * 15)
    }

    .ksp-card--dual-drivers[data-astro-cid-gfdwisld] .ksp-card__copy[data-astro-cid-gfdwisld] {
        padding-top: calc(var(--rpx, 1px) * 15);
        margin-top: auto
    }

    .ksp-card--dual-drivers[data-astro-cid-gfdwisld] .ksp-card__desc[data-astro-cid-gfdwisld], .ksp-card--dynaudio[data-astro-cid-gfdwisld] .ksp-card__desc[data-astro-cid-gfdwisld] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: 1.3
    }

    .ksp-card--dual-drivers[data-astro-cid-gfdwisld] .ksp-card__title[data-astro-cid-gfdwisld] .ksp-br-not-pad {
        display: none
    }
}

.kv-wrapper[data-astro-cid-jrffcxlw], .kv-frame[data-astro-cid-jrffcxlw] {
    width: 100vw
}

.kv-wrapper[data-astro-cid-jrffcxlw] {
    --kv-hero-height: 56.25vw;
    min-height: var(--kv-hero-height)
}

.kv-frame[data-astro-cid-jrffcxlw] {
    padding-top: 21.4583333333vw
}

.kv-content[data-astro-cid-jrffcxlw] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 40vw;
    margin-inline-start: 4.736111vw;
    gap: 2.4305555556vw
}

.kv-hero[data-astro-cid-jrffcxlw] {
    position: absolute;
    inset: 0 0 auto;
    width: 100%;
    height: var(--kv-hero-height);
    -o-object-fit: cover;
    object-fit: cover
}

.kv-copy[data-astro-cid-jrffcxlw] {
    position: relative;
    align-self: flex-start;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    color: #fff;
    text-align: center
}

.kv-title[data-astro-cid-jrffcxlw] {
    margin: 0;
    font-size: 4.1666666667vw;
    line-height: normal
}

.kv-subtitle[data-astro-cid-jrffcxlw] {
    margin: 0;
    font-size: 2.6388888889vw;
    line-height: normal
}

.kv-partner[data-astro-cid-jrffcxlw] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .6697916667vw;
    color: #fff;
    max-width: 100%;
    text-align: center
}

.kv-title[data-astro-cid-jrffcxlw], .kv-subtitle[data-astro-cid-jrffcxlw], .kv-partner-label[data-astro-cid-jrffcxlw] {
    overflow-wrap: anywhere;
    white-space: normal
}

.kv-partner-label[data-astro-cid-jrffcxlw] {
    margin: 0;
    font-size: 1.6666666667vw;
    line-height: normal
}

.kv-partner-logo[data-astro-cid-jrffcxlw] {
    width: 12.1125vw;
    height: 1.5709722222vw
}

@media(max-width:649px) {
    .kv-wrapper[data-astro-cid-jrffcxlw] {
        --kv-hero-height: calc(640 / 360 * 100vw)
    }

    .kv-frame[data-astro-cid-jrffcxlw] {
        padding-top: 22.2222222222vw
    }

    .kv-content[data-astro-cid-jrffcxlw] {
        width: 90vw;
        margin-inline-start: 5vw;
        gap: 8.0555555556vw
    }

    .kv-copy[data-astro-cid-jrffcxlw] {
        width: 100%;
        color: #000
    }

    .kv-title[data-astro-cid-jrffcxlw] {
        font-size: 7.7777777778vw
    }

    .kv-subtitle[data-astro-cid-jrffcxlw] {
        font-size: 4.7222222222vw
    }

    .kv-partner[data-astro-cid-jrffcxlw] {
        gap: 1.3888888889vw;
        color: #000
    }

    .kv-partner-label[data-astro-cid-jrffcxlw] {
        font-size: 3.0555555556vw;
        text-align: center
    }

    .kv-partner-logo[data-astro-cid-jrffcxlw] {
        width: 20.8333333333vw;
        height: 2.7022222222vw
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .kv-title[data-astro-cid-jrffcxlw] {
        font-size: 7.7777777778vw
    }

    .kv-subtitle[data-astro-cid-jrffcxlw] {
        font-size: 4.7222222222vw
    }

    .kv-partner-label[data-astro-cid-jrffcxlw] {
        font-size: 3.0555555556vw
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .kv-wrapper[data-astro-cid-jrffcxlw] {
        --kv-hero-height: 56.25vw
    }

    .kv-frame[data-astro-cid-jrffcxlw] {
        padding-top: 21.2239583333vw
    }

    .kv-content[data-astro-cid-jrffcxlw] {
        margin-inline-start: 6.25vw;
        gap: 2.8645833333vw
    }

    .kv-copy[data-astro-cid-jrffcxlw] {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        color: #fff
    }

    .kv-title[data-astro-cid-jrffcxlw] {
        font-size: 4.1666666667vw
    }

    .kv-subtitle[data-astro-cid-jrffcxlw] {
        font-size: 2.4739583333vw
    }

    .kv-partner[data-astro-cid-jrffcxlw] {
        gap: .6510416667vw;
        color: #fff
    }

    .kv-partner-label[data-astro-cid-jrffcxlw] {
        font-size: 1.6927083333vw
    }

    .kv-partner-logo[data-astro-cid-jrffcxlw] {
        width: 11.7734375vw;
        height: 1.526953125vw
    }
}

.notes[data-astro-cid-s4fkswdb] {
    background: #fff
}

.notes-inner[data-astro-cid-s4fkswdb] {
    margin: 0 auto
}

.notes-title[data-astro-cid-s4fkswdb], .notes-item[data-astro-cid-s4fkswdb] {
    margin: 0;
    color: #0000008c
}

.notes-list[data-astro-cid-s4fkswdb] {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: note
}

.notes-item[data-astro-cid-s4fkswdb] {
    counter-increment: note
}

.notes-item[data-astro-cid-s4fkswdb]:before {
    content: counter(note) ". "
}

@media(min-width:650px) {
    .notes[data-astro-cid-s4fkswdb] {
        padding: calc(var(--rpx-pc, 1px) * 80) 0
    }

    .notes-inner[data-astro-cid-s4fkswdb] {
        width: calc(var(--rpx-pc, 1px) * 1312)
    }

    .notes-title[data-astro-cid-s4fkswdb], .notes-item[data-astro-cid-s4fkswdb] {
        font-size: calc(var(--rpx-pc, 1px) * 12);
        line-height: calc(var(--rpx-pc, 1px) * 20)
    }

    .notes-list[data-astro-cid-s4fkswdb] {
        margin-top: calc(var(--rpx-pc, 1px) * 20)
    }
}

@media(max-width:649px) {
    .notes[data-astro-cid-s4fkswdb] {
        padding: calc(var(--rpx, 1px) * 48) 0
    }

    .notes-inner[data-astro-cid-s4fkswdb] {
        width: calc(var(--rpx, 1px) * 328)
    }

    .notes-title[data-astro-cid-s4fkswdb], .notes-item[data-astro-cid-s4fkswdb] {
        font-size: calc(var(--rpx-font, 1px) * 12);
        line-height: calc(var(--rpx, 1px) * 20);
        letter-spacing: calc(var(--rpx, 1px) * .24)
    }

    .notes-list[data-astro-cid-s4fkswdb] {
        margin-top: calc(var(--rpx, 1px) * 20)
    }

    .notes-item[data-astro-cid-s4fkswdb]+.notes-item[data-astro-cid-s4fkswdb] {
        margin-top: calc(var(--rpx, 1px) * 3)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .notes-title[data-astro-cid-s4fkswdb], .notes-item[data-astro-cid-s4fkswdb] {
        font-size: calc(var(--rpx-font, 1px) * 12);
        line-height: calc(var(--rpx, 1px) * 20);
        letter-spacing: calc(var(--rpx, 1px) * .24)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .notes[data-astro-cid-s4fkswdb] {
        padding: calc(var(--rpx, 1px) * 64) 0
    }

    .notes-inner[data-astro-cid-s4fkswdb] {
        width: calc(var(--rpx, 1px) * 720)
    }

    .notes-list[data-astro-cid-s4fkswdb] {
        margin-top: calc(var(--rpx, 1px) * 20)
    }

    .notes-item[data-astro-cid-s4fkswdb]+.notes-item[data-astro-cid-s4fkswdb] {
        margin-top: calc(var(--rpx, 1px) * 3)
    }
}

.matte[data-astro-cid-kilsm2ce] {
    background: #0c0d0c
}

.matte-background[data-astro-cid-kilsm2ce] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none
}

.matte__hero[data-astro-cid-kilsm2ce] {
    position: relative;
    display: flex;
    flex-direction: column
}

.matte__copy[data-astro-cid-kilsm2ce] {
    min-width: 0;
    margin: 0 auto;
    text-align: center;
    overflow-wrap: anywhere
}

.matte__title[data-astro-cid-kilsm2ce] {
    margin: 0;
    line-height: normal;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.matte__desc[data-astro-cid-kilsm2ce] {
    margin: 0 auto;
    color: #ffffff8c
}

.matte__product[data-astro-cid-kilsm2ce] {
    position: relative;
    display: block;
    margin-inline: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.matte__gallery[data-astro-cid-kilsm2ce] {
    position: relative;
    display: grid
}

.matte__color[data-astro-cid-kilsm2ce] {
    position: relative;
    display: grid;
    grid-area: 1/1/-1/-1;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    opacity: 0;
    transition: opacity .4s ease
}

.matte[data-astro-cid-kilsm2ce][data-color=white] .matte__color--white[data-astro-cid-kilsm2ce], .matte[data-astro-cid-kilsm2ce][data-color=gray] .matte__color--gray[data-astro-cid-kilsm2ce], .matte[data-astro-cid-kilsm2ce][data-color=rose] .matte__color--rose[data-astro-cid-kilsm2ce] {
    opacity: 1
}

.matte__shot[data-astro-cid-kilsm2ce] {
    position: relative;
    overflow: hidden
}

.matte__shot--model[data-astro-cid-kilsm2ce] {
    grid-area: 1/1
}

.matte__shot--product[data-astro-cid-kilsm2ce], .matte__panel[data-astro-cid-kilsm2ce] {
    grid-area: 1/2
}

.matte__panel[data-astro-cid-kilsm2ce] {
    position: relative;
    z-index: 2;
    display: flex;
    align-self: end;
    align-items: flex-end;
    min-width: 0;
    box-sizing: border-box
}

.matte__photo[data-astro-cid-kilsm2ce] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.matte__swatches[data-astro-cid-kilsm2ce] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0
}

.matte__swatch[data-astro-cid-kilsm2ce] {
    display: flex;
    flex-shrink: 0;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    color: #fff;
    cursor: pointer
}

.matte__swatch-ring[data-astro-cid-kilsm2ce] {
    --matte-swatch-padding: 2px;
    display: block;
    flex: none;
    width: calc(var(--matte-swatch-size) + var(--matte-swatch-padding) * 2);
    height: calc(var(--matte-swatch-size) + var(--matte-swatch-padding) * 2);
    margin: calc(var(--matte-swatch-padding) * -1);
    overflow: visible;
    pointer-events: none
}

.matte__swatch-outline[data-astro-cid-kilsm2ce] {
    r: calc((var(--matte-swatch-size) - var(--matte-swatch-stroke)) / 2);
    fill: none;
    stroke: var(--matte-swatch-ring-color);
    stroke-width: var(--matte-swatch-stroke);
    opacity: 0
}

.matte__swatch[data-astro-cid-kilsm2ce][aria-pressed=true] .matte__swatch-outline[data-astro-cid-kilsm2ce] {
    opacity: 1
}

.matte__swatch-dot[data-astro-cid-kilsm2ce] {
    r: calc(var(--matte-swatch-dot-size) / 2)
}

.matte__swatch--white[data-astro-cid-kilsm2ce] {
    --matte-swatch-ring-color: #e2e2e2
}

.matte__swatch--gray[data-astro-cid-kilsm2ce] {
    --matte-swatch-ring-color: #454545
}

.matte__swatch--rose[data-astro-cid-kilsm2ce] {
    --matte-swatch-ring-color: #be8aa1
}

.matte__swatch-name[data-astro-cid-kilsm2ce] {
    display: none;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal
}

.matte__swatch[data-astro-cid-kilsm2ce][aria-pressed=true] .matte__swatch-name[data-astro-cid-kilsm2ce] {
    display: block
}

.matte__swatch-sep[data-astro-cid-kilsm2ce] {
    flex: none;
    background: #fff
}

@media(min-width:650px) {
    .matte[data-astro-cid-kilsm2ce] {
        padding-bottom: calc(var(--rpx-pc, 1px) * 80)
    }

    .matte__hero[data-astro-cid-kilsm2ce] {
        min-height: calc(var(--rpx-pc, 1px) * 1163)
    }

    .matte__copy[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx-pc, 1px) * 1312);
        padding-top: calc(var(--rpx-pc, 1px) * 76.4)
    }

    .matte__title[data-astro-cid-kilsm2ce] {
        font-size: calc(var(--rpx-pc, 1px) * 68);
        background-image: radial-gradient(calc(var(--rpx-pc, 1px) * 764.8) calc(var(--rpx-pc, 1px) * 193.46) at calc(var(--rpx-pc, 1px) * 245.2) 50%, #00243e8c, #18405870, #305b7354, #47778d38, #5f92a71c, #77aec100), linear-gradient(#76afc9 0 0)
    }

    .matte__desc[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx-pc, 1px) * 728);
        margin-top: calc(var(--rpx-pc, 1px) * 20.4);
        font-size: calc(var(--rpx-pc, 1px) * 18);
        line-height: 1.4
    }

    .matte__product[data-astro-cid-kilsm2ce] {
        margin-top: calc(var(--rpx-pc, 1px) * 59.47);
        width: calc(var(--rpx-pc, 1px) * 558);
        height: calc(var(--rpx-pc, 1px) * 820)
    }

    .matte__gallery[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx-pc, 1px) * 1312);
        grid-template-columns: calc(var(--rpx-pc, 1px) * 760) calc(var(--rpx-pc, 1px) * 552);
        grid-template-rows: minmax(calc(var(--rpx-pc, 1px) * 740), auto);
        margin: calc(var(--rpx-pc, 1px) * 34) auto 0
    }

    .matte__shot--model[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx-pc, 1px) * 760);
        min-height: calc(var(--rpx-pc, 1px) * 740)
    }

    .matte__shot--product[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx-pc, 1px) * 552);
        min-height: calc(var(--rpx-pc, 1px) * 740);
        overflow: visible
    }

    .matte__shot--product[data-astro-cid-kilsm2ce] .matte__photo[data-astro-cid-kilsm2ce] {
        left: -1px;
        width: calc(100% + 1px);
        max-width: none
    }

    .matte__gallery[data-astro-cid-kilsm2ce][data-will-change-active] .matte__color[data-astro-cid-kilsm2ce] {
        will-change: opacity
    }

    .matte__gallery[data-astro-cid-kilsm2ce][data-will-change-active] .matte__panel[data-astro-cid-kilsm2ce] {
        will-change: transform
    }

    .matte__panel[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx-pc, 1px) * 552);
        min-height: calc(var(--rpx-pc, 1px) * 232);
        padding: calc(var(--rpx-pc, 1px) * 32)
    }

    .matte__swatches[data-astro-cid-kilsm2ce] {
        gap: calc(var(--rpx-pc, 1px) * 12);
        min-height: calc(var(--rpx-pc, 1px) * 32)
    }

    .matte__swatch[data-astro-cid-kilsm2ce] {
        gap: calc(var(--rpx-pc, 1px) * 10)
    }

    .matte__swatch-ring[data-astro-cid-kilsm2ce] {
        --matte-swatch-size: calc(var(--rpx-pc, 1px) * 32);
        --matte-swatch-dot-size: calc(var(--rpx-pc, 1px) * 24);
        --matte-swatch-stroke: calc(var(--rpx-pc, 1px) * 1)
    }

    .matte__swatch-name[data-astro-cid-kilsm2ce] {
        font-size: calc(var(--rpx-pc, 1px) * 24);
        line-height: calc(var(--rpx-pc, 1px) * 28.8)
    }

    .matte__swatch-sep[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx-pc, 1px) * 1);
        height: calc(var(--rpx-pc, 1px) * 24);
        margin: 0 calc(var(--rpx-pc, 1px) * -.5)
    }
}

@media(max-width:649px) {
    .matte[data-astro-cid-kilsm2ce] {
        padding-bottom: calc(var(--rpx, 1px) * 64)
    }

    .matte__hero[data-astro-cid-kilsm2ce] {
        min-height: calc(var(--rpx, 1px) * 684)
    }

    .matte__copy[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 328);
        padding-top: calc(var(--rpx, 1px) * 64)
    }

    .matte__title[data-astro-cid-kilsm2ce] {
        font-size: calc(var(--rpx-font, 1px) * 24);
        background-image: radial-gradient(calc(var(--rpx, 1px) * 174.204) calc(var(--rpx, 1px) * 67.067) at 21.4724% 50%, #00243e8c, #18405870, #305b7354, #47778d38, #5f92a71c, #77aec100), linear-gradient(#76afc9 0 0)
    }

    .matte__desc[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 328);
        margin-top: calc(var(--rpx, 1px) * 12);
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: 1.285714
    }

    .matte__product[data-astro-cid-kilsm2ce] {
        margin-top: calc(var(--rpx, 1px) * 28.09);
        width: calc(var(--rpx, 1px) * 328);
        height: calc(var(--rpx, 1px) * 442)
    }

    .matte__gallery[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 328);
        grid-template-columns: calc(var(--rpx, 1px) * 328);
        grid-template-rows: minmax(calc(var(--rpx, 1px) * 340), auto) minmax(calc(var(--rpx, 1px) * 364), auto);
        margin: calc(var(--rpx, 1px) * 64) auto 0
    }

    .matte__panel[data-astro-cid-kilsm2ce] {
        grid-area: 2/1;
        width: 100%;
        min-height: calc(var(--rpx, 1px) * 96);
        padding: calc(var(--rpx, 1px) * 20) calc(var(--rpx, 1px) * 12) calc(var(--rpx, 1px) * 48);
        justify-content: center
    }

    .matte__swatches[data-astro-cid-kilsm2ce] {
        justify-content: center;
        width: 100%;
        gap: calc(var(--rpx, 1px) * 12);
        min-height: calc(var(--rpx, 1px) * 28)
    }

    .matte__swatch[data-astro-cid-kilsm2ce] {
        gap: calc(var(--rpx, 1px) * 10)
    }

    .matte__swatch-ring[data-astro-cid-kilsm2ce] {
        --matte-swatch-size: calc(var(--rpx, 1px) * 20);
        --matte-swatch-dot-size: calc(var(--rpx, 1px) * 20);
        --matte-swatch-stroke: calc(var(--rpx, 1px) * 1)
    }

    .matte__swatch[data-astro-cid-kilsm2ce][aria-pressed=true] .matte__swatch-ring[data-astro-cid-kilsm2ce] {
        --matte-swatch-size: calc(var(--rpx, 1px) * 28)
    }

    .matte__swatch--white[data-astro-cid-kilsm2ce] .matte__swatch-dot[data-astro-cid-kilsm2ce] {
        fill: url(#matte-swatch-white-mo)
    }

    .matte__swatch-name[data-astro-cid-kilsm2ce] {
        font-size: calc(var(--rpx-font, 1px) * 18);
        line-height: 1.222222
    }

    .matte__swatch-sep[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 1);
        height: calc(var(--rpx, 1px) * 20);
        margin: 0 calc(var(--rpx, 1px) * -.5)
    }

    .matte__shot[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 328);
        min-height: calc(var(--rpx, 1px) * 340)
    }

    .matte__shot--product[data-astro-cid-kilsm2ce] {
        grid-area: 2/1;
        min-height: calc(var(--rpx, 1px) * 364)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .matte__title[data-astro-cid-kilsm2ce] {
        font-size: calc(var(--rpx-font, 1px) * 24)
    }

    .matte__desc[data-astro-cid-kilsm2ce] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: 1.285714
    }

    .matte__swatch-name[data-astro-cid-kilsm2ce] {
        font-size: calc(var(--rpx-font, 1px) * 18);
        line-height: 1.222222
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .matte[data-astro-cid-kilsm2ce] {
        padding-bottom: calc(var(--rpx, 1px) * 64)
    }

    .matte__hero[data-astro-cid-kilsm2ce] {
        min-height: calc(var(--rpx, 1px) * 723.5)
    }

    .matte__copy[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 720);
        padding-top: calc(var(--rpx, 1px) * 64)
    }

    .matte__title[data-astro-cid-kilsm2ce] {
        background-image: radial-gradient(calc(var(--rpx, 1px) * 382.4) calc(var(--rpx, 1px) * 79.965) at 21.4724% 50%, #00243e8c, #18405870, #305b7354, #47778d38, #5f92a71c, #77aec100), linear-gradient(#76afc9 0 0)
    }

    .matte-background[data-astro-cid-kilsm2ce] {
        height: 100%
    }

    .matte__desc[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 502);
        margin-top: calc(var(--rpx, 1px) * 8)
    }

    .matte__product[data-astro-cid-kilsm2ce] {
        margin-top: calc(var(--rpx, 1px) * 61.06);
        width: calc(var(--rpx, 1px) * 336);
        height: calc(var(--rpx, 1px) * 488.5)
    }

    .matte__gallery[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 720);
        grid-template-columns: calc(var(--rpx, 1px) * 410) calc(var(--rpx, 1px) * 310);
        grid-template-rows: minmax(calc(var(--rpx, 1px) * 360), auto);
        margin-top: calc(var(--rpx, 1px) * 32)
    }

    .matte__shot--model[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 410);
        min-height: calc(var(--rpx, 1px) * 360)
    }

    .matte__shot--product[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 310);
        min-height: calc(var(--rpx, 1px) * 360)
    }

    .matte__panel[data-astro-cid-kilsm2ce] {
        width: calc(var(--rpx, 1px) * 310);
        min-height: calc(var(--rpx, 1px) * 76);
        padding: calc(var(--rpx, 1px) * 24) calc(var(--rpx, 1px) * 12)
    }

    .matte__swatches[data-astro-cid-kilsm2ce] {
        justify-content: center;
        width: 100%;
        min-height: calc(var(--rpx, 1px) * 28);
        gap: calc(var(--rpx, 1px) * 12)
    }

    .matte__swatch[data-astro-cid-kilsm2ce] {
        gap: calc(var(--rpx, 1px) * 10)
    }

    .matte__swatch-ring[data-astro-cid-kilsm2ce] {
        --matte-swatch-size: calc(var(--rpx, 1px) * 20);
        --matte-swatch-dot-size: calc(var(--rpx, 1px) * 20);
        --matte-swatch-stroke: calc(var(--rpx, 1px) * 1)
    }

    .matte__swatch[data-astro-cid-kilsm2ce][aria-pressed=true] .matte__swatch-ring[data-astro-cid-kilsm2ce] {
        --matte-swatch-size: calc(var(--rpx, 1px) * 28)
    }

    .matte__swatch-sep[data-astro-cid-kilsm2ce] {
        height: calc(var(--rpx, 1px) * 20)
    }
}

.smarter[data-astro-cid-rksfjph4] {
    display: flow-root;
    background: #dbe7ee
}

.smarter__background[data-astro-cid-rksfjph4] {
    display: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.smarter__background--pc[data-astro-cid-rksfjph4] {
    display: block
}

.smarter__inner[data-astro-cid-rksfjph4] {
    position: relative;
    margin: 0 auto
}

.smarter__head[data-astro-cid-rksfjph4] {
    text-align: center
}

.smarter__h1[data-astro-cid-rksfjph4], .smarter__h2[data-astro-cid-rksfjph4] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    line-height: normal;
    max-width: 100%;
    margin: 0 auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text
}

.smarter__h1[data-astro-cid-rksfjph4] {
    background-image: radial-gradient(45.06% 211.73% at 54.94% 39.81%, #a5c5d000, #accee6cc), linear-gradient(#000, #000)
}

.smarter__h2[data-astro-cid-rksfjph4] {
    background-image: radial-gradient(52.68% 281.73% at 54.94% 39.81%, #c4dee873, #bfdff6e6), linear-gradient(#000, #000)
}

.smarter__big[data-astro-cid-rksfjph4] {
    position: absolute;
    margin: 0;
    color: transparent;
    white-space: nowrap;
    background-clip: text;
    -webkit-background-clip: text
}

.smarter__case[data-astro-cid-rksfjph4], .smarter__ip55-pic[data-astro-cid-rksfjph4] {
    position: absolute
}

.smarter__eyebrow[data-astro-cid-rksfjph4], .smarter__title[data-astro-cid-rksfjph4], .smarter__desc[data-astro-cid-rksfjph4], .smarter__subdesc[data-astro-cid-rksfjph4], .smarter__card-title[data-astro-cid-rksfjph4], .smarter__card-desc[data-astro-cid-rksfjph4], .smarter__mini-title[data-astro-cid-rksfjph4], .smarter__mini-desc[data-astro-cid-rksfjph4], .smarter__spec-value[data-astro-cid-rksfjph4], .smarter__spec-label[data-astro-cid-rksfjph4] {
    margin: 0
}

.smarter__inner[data-astro-cid-rksfjph4] [data-astro-cid-rksfjph4]:where(h2, h3, h4, p) {
    min-width: 0;
    overflow-wrap: anywhere
}

.smarter__eyebrow[data-astro-cid-rksfjph4], .smarter__desc[data-astro-cid-rksfjph4], .smarter__subdesc[data-astro-cid-rksfjph4], .smarter__card-desc[data-astro-cid-rksfjph4], .smarter__mini-desc[data-astro-cid-rksfjph4] {
    color: #000000bf
}

.smarter__title[data-astro-cid-rksfjph4], .smarter__card-title[data-astro-cid-rksfjph4], .smarter__mini-title[data-astro-cid-rksfjph4] {
    font-weight: 400;
    color: #000
}

.smarter__spec-value[data-astro-cid-rksfjph4] {
    color: #356782fa
}

.smarter__spec-label[data-astro-cid-rksfjph4] {
    color: #0009
}

.smarter__grid[data-astro-cid-rksfjph4] {
    position: relative;
    box-sizing: border-box;
    border: calc(var(--rpx, 1px) * 1) solid rgba(0, 0, 0, .1)
}

.smarter__box[data-astro-cid-rksfjph4] {
    display: contents
}

.smarter__specs[data-astro-cid-rksfjph4], .smarter__cards[data-astro-cid-rksfjph4], .smarter__minis[data-astro-cid-rksfjph4] {
    margin: 0;
    padding: 0;
    list-style: none
}

.smarter__spec[data-astro-cid-rksfjph4], .smarter__card[data-astro-cid-rksfjph4], .smarter__mini[data-astro-cid-rksfjph4] {
    min-width: 0;
    list-style: none
}

.smarter__mini[data-astro-cid-rksfjph4] {
    position: relative;
    overflow: hidden
}

.smarter__mini-pic[data-astro-cid-rksfjph4] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.smarter__mini-title[data-astro-cid-rksfjph4], .smarter__mini-desc[data-astro-cid-rksfjph4] {
    position: relative
}

.smarter__mini-desc--mo[data-astro-cid-rksfjph4], .smarter-br-pad, .smarter-br-mo {
    display: none
}

.smarter__card-pic[data-astro-cid-rksfjph4] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 652/450
}

.smarter[data-astro-cid-rksfjph4] picture {
    display: block
}

@media(min-width:650px) {
    .smarter__inner[data-astro-cid-rksfjph4] {
        width: calc(var(--rpx-pc, 1px) * 1312);
        min-height: calc(var(--rpx-pc, 1px) * 3348)
    }

    .smarter__head[data-astro-cid-rksfjph4] {
        padding-top: calc(var(--rpx-pc, 1px) * 240.5);
        padding-bottom: calc(var(--rpx-pc, 1px) * 240.5)
    }

    .smarter__h1[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-pc, 1px) * 96)
    }

    .smarter__h2[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx-pc, 1px) * 7.8);
        font-size: calc(var(--rpx-pc, 1px) * 80)
    }

    .smarter__grid[data-astro-cid-rksfjph4] {
        display: grid;
        width: calc(var(--rpx-pc, 1px) * 1312);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: minmax(calc(var(--rpx-pc, 1px) * 640), auto) minmax(calc(var(--rpx-pc, 1px) * 641), auto)
    }

    .smarter__cell[data-astro-cid-rksfjph4] {
        position: relative;
        min-width: 0;
        box-sizing: border-box
    }

    .smarter__cell--battery-copy[data-astro-cid-rksfjph4] {
        display: flex;
        flex-direction: column;
        padding-top: calc(var(--rpx-pc, 1px) * 111.5);
        border-inline-start: calc(var(--rpx-pc, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__cell--ip55-copy[data-astro-cid-rksfjph4] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: calc(var(--rpx-pc, 1px) * 48);
        border-top: calc(var(--rpx-pc, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__cell--ip55-pic[data-astro-cid-rksfjph4] {
        border-top: calc(var(--rpx-pc, 1px) * 1) solid rgba(0, 0, 0, .1);
        border-inline-start: calc(var(--rpx-pc, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__big--num[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx-pc, 1px) * 230.2);
        left: calc(var(--rpx-pc, 1px) * 369);
        width: calc(var(--rpx-pc, 1px) * 239);
        font-size: calc(var(--rpx-pc, 1px) * 183.92);
        line-height: calc(var(--rpx-pc, 1px) * 183.9);
        letter-spacing: calc(var(--rpx-pc, 1px) * 3.68);
        background-image: radial-gradient(calc(var(--rpx-pc, 1px) * 244.9) calc(var(--rpx-pc, 1px) * 236.3) at calc(var(--rpx-pc, 1px) * 119.5) calc(var(--rpx-pc, 1px) * 79.9), #497b9c, #b5d1d4)
    }

    .smarter__big--unit[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx-pc, 1px) * 391.8);
        left: calc(var(--rpx-pc, 1px) * 383);
        width: calc(var(--rpx-pc, 1px) * 225);
        font-size: calc(var(--rpx-pc, 1px) * 78.5);
        line-height: calc(var(--rpx-pc, 1px) * 78.5);
        letter-spacing: calc(var(--rpx-pc, 1px) * 1.57);
        background-image: radial-gradient(calc(var(--rpx-pc, 1px) * 230.6) calc(var(--rpx-pc, 1px) * 101.5) at calc(var(--rpx-pc, 1px) * 112.5) calc(var(--rpx-pc, 1px) * 34.3), #4f7b97, #b5d1d4)
    }

    .smarter__case[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx-pc, 1px) * 179.6);
        left: calc(var(--rpx-pc, 1px) * 47);
        width: calc(var(--rpx-pc, 1px) * 352);
        height: calc(var(--rpx-pc, 1px) * 342)
    }

    .smarter__cell--battery-copy[data-astro-cid-rksfjph4] .smarter__eyebrow[data-astro-cid-rksfjph4], .smarter__cell--battery-copy[data-astro-cid-rksfjph4] .smarter__title[data-astro-cid-rksfjph4] {
        margin-inline: calc(var(--rpx-pc, 1px) * 32)
    }

    .smarter__cell--battery-copy[data-astro-cid-rksfjph4] .smarter__title[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx-pc, 1px) * 12.2)
    }

    .smarter__cell--battery-copy[data-astro-cid-rksfjph4] .smarter__desc[data-astro-cid-rksfjph4] {
        margin: calc(var(--rpx-pc, 1px) * 18.2) calc(var(--rpx-pc, 1px) * 65) calc(var(--rpx-pc, 1px) * 24) calc(var(--rpx-pc, 1px) * 32)
    }

    .smarter__cell--ip55-copy[data-astro-cid-rksfjph4] .smarter__title[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx-pc, 1px) * 12.2)
    }

    .smarter__cell--ip55-copy[data-astro-cid-rksfjph4] .smarter__desc[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx-pc, 1px) * 18.4)
    }

    .smarter__eyebrow[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-pc, 1px) * 28);
        line-height: calc(var(--rpx-pc, 1px) * 30.8)
    }

    .smarter__title[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-pc, 1px) * 48);
        line-height: calc(var(--rpx-pc, 1px) * 52.8)
    }

    .smarter__desc[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-pc, 1px) * 18);
        line-height: calc(var(--rpx-pc, 1px) * 25.2)
    }

    .smarter__specs[data-astro-cid-rksfjph4] {
        display: grid;
        margin-top: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: minmax(calc(var(--rpx-pc, 1px) * 123), auto) minmax(calc(var(--rpx-pc, 1px) * 129), auto);
        border-top: calc(var(--rpx-pc, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__spec[data-astro-cid-rksfjph4] {
        padding: calc(var(--rpx-pc, 1px) * 20) calc(var(--rpx-pc, 1px) * 16) calc(var(--rpx-pc, 1px) * 20) calc(var(--rpx-pc, 1px) * 32)
    }

    .smarter__spec[data-astro-cid-rksfjph4]:nth-child(2n) {
        border-inline-start: calc(var(--rpx-pc, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__spec[data-astro-cid-rksfjph4]:nth-child(n+3) {
        border-top: calc(var(--rpx-pc, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__spec--aac-both[data-astro-cid-rksfjph4], .smarter__spec--aac-buds[data-astro-cid-rksfjph4] {
        padding-top: calc(var(--rpx-pc, 1px) * 21)
    }

    .smarter__spec-icon[data-astro-cid-rksfjph4] {
        display: block;
        width: calc(var(--rpx-pc, 1px) * 25);
        height: calc(var(--rpx-pc, 1px) * 24)
    }

    .smarter__spec-value[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx-pc, 1px) * 12);
        font-size: calc(var(--rpx-pc, 1px) * 24);
        line-height: calc(var(--rpx-pc, 1px) * 24)
    }

    .smarter__spec-label[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx-pc, 1px) * 4);
        font-size: calc(var(--rpx-pc, 1px) * 14);
        line-height: calc(var(--rpx-pc, 1px) * 16.8)
    }

    .smarter__ip55-pic[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx-pc, 1px) * 114.5);
        left: 0;
        width: calc(var(--rpx-pc, 1px) * 654);
        height: calc(var(--rpx-pc, 1px) * 411)
    }

    .smarter__big--ip55[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx-pc, 1px) * 171.4);
        left: calc(var(--rpx-pc, 1px) * 213);
        width: calc(var(--rpx-pc, 1px) * 356);
        font-size: calc(var(--rpx-pc, 1px) * 168);
        line-height: calc(var(--rpx-pc, 1px) * 168);
        letter-spacing: calc(var(--rpx-pc, 1px) * 3.36);
        background-image: radial-gradient(calc(var(--rpx-pc, 1px) * 364.8) calc(var(--rpx-pc, 1px) * 215.8) at calc(var(--rpx-pc, 1px) * 178) calc(var(--rpx-pc, 1px) * 72.9), #497b9c, #b5d1d4)
    }

    .smarter__block--connect[data-astro-cid-rksfjph4] {
        padding-top: calc(var(--rpx-pc, 1px) * 80)
    }

    .smarter__subdesc[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx-pc, 1px) * 12.2);
        font-size: calc(var(--rpx-pc, 1px) * 24);
        line-height: calc(var(--rpx-pc, 1px) * 26.4)
    }

    .smarter__cards[data-astro-cid-rksfjph4] {
        display: grid;
        margin-top: calc(var(--rpx-pc, 1px) * 23.6);
        grid-template-columns: repeat(2, calc(var(--rpx-pc, 1px) * 652));
        gap: calc(var(--rpx-pc, 1px) * 8)
    }

    .smarter__card-title[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx-pc, 1px) * 24);
        font-size: calc(var(--rpx-pc, 1px) * 32);
        line-height: calc(var(--rpx-pc, 1px) * 38.4)
    }

    .smarter__card-desc[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx-pc, 1px) * 7.6);
        font-size: calc(var(--rpx-pc, 1px) * 18);
        line-height: calc(var(--rpx-pc, 1px) * 25.2)
    }

    .smarter__block--more[data-astro-cid-rksfjph4] {
        padding-top: calc(var(--rpx-pc, 1px) * 79.8)
    }

    .smarter__minis[data-astro-cid-rksfjph4] {
        display: grid;
        margin-top: calc(var(--rpx-pc, 1px) * 24.2);
        grid-template-columns: calc(var(--rpx-pc, 1px) * 431.7) calc(var(--rpx-pc, 1px) * 431.7) calc(var(--rpx-pc, 1px) * 432);
        gap: calc(var(--rpx-pc, 1px) * 8)
    }

    .smarter__mini[data-astro-cid-rksfjph4] {
        min-height: calc(var(--rpx-pc, 1px) * 388);
        padding-bottom: calc(var(--rpx-pc, 1px) * 20)
    }

    .smarter__mini-title[data-astro-cid-rksfjph4] {
        padding: calc(var(--rpx-pc, 1px) * 20) calc(var(--rpx-pc, 1px) * 20) 0;
        font-size: calc(var(--rpx-pc, 1px) * 24);
        line-height: calc(var(--rpx-pc, 1px) * 28.8)
    }

    .smarter__mini-desc[data-astro-cid-rksfjph4] {
        padding: 0 calc(var(--rpx-pc, 1px) * 20);
        margin-top: calc(var(--rpx-pc, 1px) * 4.2);
        font-size: calc(var(--rpx-pc, 1px) * 14);
        line-height: calc(var(--rpx-pc, 1px) * 18.2)
    }
}

@media(max-width:649px) {
    .smarter__background--pc[data-astro-cid-rksfjph4] {
        display: none
    }

    .smarter__background--mo[data-astro-cid-rksfjph4] {
        display: block
    }

    .smarter-br-mo {
        display: inline
    }

    .smarter-br-pc-pad {
        display: none
    }

    .smarter__inner[data-astro-cid-rksfjph4] {
        width: calc(var(--rpx, 1px) * 328);
        padding: calc(var(--rpx, 1px) * 86) 0 calc(var(--rpx, 1px) * 48)
    }

    .smarter__h1[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 13.5);
        width: calc(var(--rpx, 1px) * 328);
        font-size: calc(var(--rpx-font, 1px) * 44)
    }

    .smarter__h2[data-astro-cid-rksfjph4] {
        width: calc(var(--rpx, 1px) * 328);
        margin-top: calc(var(--rpx, 1px) * 8);
        font-size: calc(var(--rpx-font, 1px) * 36)
    }

    .smarter__grid[data-astro-cid-rksfjph4] {
        display: flex;
        width: calc(var(--rpx, 1px) * 328);
        margin-top: calc(var(--rpx, 1px) * 86);
        border: 0;
        flex-direction: column
    }

    .smarter__cell--battery-copy[data-astro-cid-rksfjph4] {
        display: contents
    }

    .smarter__cell--battery-pic[data-astro-cid-rksfjph4] {
        order: 1
    }

    .smarter__specs[data-astro-cid-rksfjph4] {
        order: 2
    }

    .smarter__cell--ip55-copy[data-astro-cid-rksfjph4] {
        order: 3
    }

    .smarter__cell--ip55-pic[data-astro-cid-rksfjph4] {
        order: 4
    }

    .smarter__box[data-astro-cid-rksfjph4] {
        display: flex;
        box-sizing: border-box;
        flex-direction: column;
        border: calc(var(--rpx, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__box--ip55[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 48);
        margin-bottom: calc(var(--rpx, 1px) * 47)
    }

    .smarter__specs[data-astro-cid-rksfjph4] {
        border-top: calc(var(--rpx, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__cell--battery-pic[data-astro-cid-rksfjph4], .smarter__cell--ip55-pic[data-astro-cid-rksfjph4] {
        position: relative
    }

    .smarter__cell--battery-pic[data-astro-cid-rksfjph4] {
        height: calc(var(--rpx, 1px) * 216)
    }

    .smarter__cell--ip55-pic[data-astro-cid-rksfjph4] {
        height: calc(var(--rpx, 1px) * 222)
    }

    .smarter__eyebrow[data-astro-cid-rksfjph4] {
        padding: 0 calc(var(--rpx, 1px) * 12);
        margin-top: calc(var(--rpx, 1px) * 48);
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: 1.1
    }

    .smarter__title[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: 1.1
    }

    .smarter__cell[data-astro-cid-rksfjph4] .smarter__title[data-astro-cid-rksfjph4] {
        padding: 0 calc(var(--rpx, 1px) * 12);
        margin-top: calc(var(--rpx, 1px) * 4)
    }

    .smarter__desc[data-astro-cid-rksfjph4] {
        padding: 0 calc(var(--rpx, 1px) * 12);
        margin-top: calc(var(--rpx, 1px) * 12);
        margin-bottom: calc(var(--rpx, 1px) * 32);
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: 1.4
    }

    .smarter__big--num[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx, 1px) * 26.14);
        left: calc(var(--rpx, 1px) * 183);
        width: calc(var(--rpx, 1px) * 131);
        font-size: calc(var(--rpx-font, 1px) * 100.78);
        line-height: calc(var(--rpx, 1px) * 100.78);
        letter-spacing: calc(var(--rpx, 1px) * 2.02);
        background-image: radial-gradient(102.5% 128.4% at 50% 43.4%, #497b9c, #b5d1d4)
    }

    .smarter__big--unit[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx, 1px) * 114.85);
        left: calc(var(--rpx, 1px) * 190);
        width: calc(var(--rpx, 1px) * 124);
        font-size: calc(var(--rpx-font, 1px) * 43.02);
        line-height: calc(var(--rpx, 1px) * 43.02);
        letter-spacing: calc(var(--rpx, 1px) * .86);
        background-image: radial-gradient(102.5% 128.4% at 50% 43.4%, #4f7b97, #b5d1d4)
    }

    .smarter__case[data-astro-cid-rksfjph4] {
        top: 0;
        left: calc(var(--rpx, 1px) * 12);
        width: calc(var(--rpx, 1px) * 189);
        height: calc(var(--rpx, 1px) * 184)
    }

    .smarter__specs[data-astro-cid-rksfjph4] {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .smarter__spec[data-astro-cid-rksfjph4] {
        box-sizing: border-box;
        padding: calc(var(--rpx, 1px) * 12)
    }

    .smarter__spec--aac-buds[data-astro-cid-rksfjph4], .smarter__spec--lhdc-buds[data-astro-cid-rksfjph4] {
        border-left: calc(var(--rpx, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__spec--lhdc-both[data-astro-cid-rksfjph4], .smarter__spec--lhdc-buds[data-astro-cid-rksfjph4] {
        border-top: calc(var(--rpx, 1px) * 1) solid rgba(0, 0, 0, .1)
    }

    .smarter__spec-icon[data-astro-cid-rksfjph4] {
        display: block;
        width: calc(var(--rpx, 1px) * 18);
        height: calc(var(--rpx, 1px) * 18)
    }

    .smarter__spec-value[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 4);
        font-size: calc(var(--rpx-font, 1px) * 12);
        line-height: calc(var(--rpx, 1px) * 12)
    }

    .smarter__spec-label[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 2);
        font-size: calc(var(--rpx-font, 1px) * 10);
        line-height: calc(var(--rpx, 1px) * 12)
    }

    .smarter__ip55-pic[data-astro-cid-rksfjph4] {
        top: 0;
        left: 50%;
        width: calc(var(--rpx, 1px) * 282);
        height: calc(var(--rpx, 1px) * 190);
        transform: translate(-50%)
    }

    .smarter__cell--ip55-pic[data-astro-cid-rksfjph4] .smarter__big--ip55[data-astro-cid-rksfjph4], .smarter__cell--ip55-pic[data-astro-cid-rksfjph4] .smarter__ip55-front {
        display: none
    }

    .smarter__big--ip55[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx, 1px) * 38);
        left: calc(var(--rpx, 1px) * 102);
        width: calc(var(--rpx, 1px) * 165);
        font-size: calc(var(--rpx-font, 1px) * 77.6);
        line-height: calc(var(--rpx, 1px) * 77.6);
        letter-spacing: calc(var(--rpx, 1px) * 1.55);
        background-image: radial-gradient(102.5% 128.4% at 50% 43.4%, #497b9c, #b5d1d4)
    }

    .smarter__block--connect[data-astro-cid-rksfjph4], .smarter__block--more[data-astro-cid-rksfjph4] {
        padding-top: calc(var(--rpx, 1px) * 48)
    }

    .smarter__subdesc[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 8);
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: calc(var(--rpx, 1px) * 18)
    }

    .smarter__cards[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 20)
    }

    .smarter__card[data-astro-cid-rksfjph4]+.smarter__card[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 8)
    }

    .smarter__card-title[data-astro-cid-rksfjph4] {
        padding: 0;
        margin-top: calc(var(--rpx, 1px) * 16);
        font-size: calc(var(--rpx-font, 1px) * 18);
        line-height: calc(var(--rpx, 1px) * 20)
    }

    .smarter__card-pic[data-astro-cid-rksfjph4] {
        aspect-ratio: 328/230
    }

    .smarter__card-desc[data-astro-cid-rksfjph4] {
        padding: 0 0 calc(var(--rpx, 1px) * 16);
        margin-top: calc(var(--rpx, 1px) * 6);
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 20);
        letter-spacing: calc(var(--rpx, 1px) * -.14)
    }

    .smarter__minis[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 20)
    }

    .smarter__mini[data-astro-cid-rksfjph4] {
        min-height: calc(var(--rpx, 1px) * 320);
        padding-bottom: calc(var(--rpx, 1px) * 16)
    }

    .smarter__mini[data-astro-cid-rksfjph4]+.smarter__mini[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 8)
    }

    .smarter__mini-title[data-astro-cid-rksfjph4] {
        padding: calc(var(--rpx, 1px) * 20) calc(var(--rpx, 1px) * 16) 0;
        font-size: calc(var(--rpx-font, 1px) * 18);
        line-height: calc(var(--rpx, 1px) * 20)
    }

    .smarter__mini-desc[data-astro-cid-rksfjph4] {
        padding: 0 calc(var(--rpx, 1px) * 16);
        margin-top: calc(var(--rpx, 1px) * 6);
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 20);
        letter-spacing: calc(var(--rpx, 1px) * -.14)
    }

    .smarter__mini-desc--default[data-astro-cid-rksfjph4] {
        display: none
    }

    .smarter__mini-desc--mo[data-astro-cid-rksfjph4] {
        display: block
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .smarter__h1[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 44)
    }

    .smarter__h2[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 36)
    }

    .smarter__eyebrow[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: 1.1
    }

    .smarter__title[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 24);
        line-height: 1.1
    }

    .smarter__desc[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: 1.4
    }

    .smarter__big--num[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 100.78);
        line-height: calc(var(--rpx, 1px) * 100.78);
        letter-spacing: calc(var(--rpx, 1px) * 2.02)
    }

    .smarter__big--unit[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 43.02);
        line-height: calc(var(--rpx, 1px) * 43.02);
        letter-spacing: calc(var(--rpx, 1px) * .86)
    }

    .smarter__spec-value[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 12);
        line-height: calc(var(--rpx, 1px) * 12)
    }

    .smarter__spec-label[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 10);
        line-height: calc(var(--rpx, 1px) * 12)
    }

    .smarter__big--ip55[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 77.6);
        line-height: calc(var(--rpx, 1px) * 77.6);
        letter-spacing: calc(var(--rpx, 1px) * 1.55)
    }

    .smarter__subdesc[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: calc(var(--rpx, 1px) * 18)
    }

    .smarter__card-title[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 18);
        line-height: calc(var(--rpx, 1px) * 20)
    }

    .smarter__card-desc[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 20);
        letter-spacing: calc(var(--rpx, 1px) * -.14)
    }

    .smarter__mini-title[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 18);
        line-height: calc(var(--rpx, 1px) * 20)
    }

    .smarter__mini-desc[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 14);
        line-height: calc(var(--rpx, 1px) * 20);
        letter-spacing: calc(var(--rpx, 1px) * -.14)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .smarter__minis[data-astro-cid-rksfjph4] {
        grid-template-columns: repeat(3, 1fr);
        gap: calc(var(--rpx, 1px) * 8)
    }

    .smarter__mini[data-astro-cid-rksfjph4] {
        min-height: calc(var(--rpx, 1px) * 214);
        padding-bottom: calc(var(--rpx, 1px) * 12)
    }

    .smarter__mini-title[data-astro-cid-rksfjph4] {
        padding: calc(var(--rpx, 1px) * 12) calc(var(--rpx, 1px) * 12) 0;
        font-size: calc(var(--rpx-font, 1px) * 16);
        line-height: 1.2
    }

    .smarter__mini-desc[data-astro-cid-rksfjph4] {
        padding: 0 calc(var(--rpx, 1px) * 12);
        margin-top: calc(var(--rpx, 1px) * 4);
        font-size: calc(var(--rpx-font, 1px) * 12);
        line-height: 1.3;
        letter-spacing: 0
    }

    .smarter-br-pad {
        display: inline
    }

    .smarter__h1[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 60)
    }

    .smarter__h2[data-astro-cid-rksfjph4] {
        font-size: calc(var(--rpx-font, 1px) * 48)
    }
}

@media(min-width:650px)and (max-width:1023px) {
    .smarter__background--pc[data-astro-cid-rksfjph4] {
        display: none
    }

    .smarter__background--pad[data-astro-cid-rksfjph4] {
        display: block
    }

    .smarter__inner[data-astro-cid-rksfjph4] {
        width: calc(var(--rpx, 1px) * 720);
        height: auto;
        padding-bottom: calc(var(--rpx, 1px) * 38)
    }

    .smarter__head[data-astro-cid-rksfjph4] {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-height: calc(var(--rpx, 1px) * 500);
        padding: calc(var(--rpx, 1px) * 182.87) 0 calc(var(--rpx, 1px) * 179.87);
        gap: calc(var(--rpx, 1px) * .26)
    }

    .smarter__h1[data-astro-cid-rksfjph4], .smarter__h2[data-astro-cid-rksfjph4] {
        margin: 0 auto
    }

    .smarter__grid[data-astro-cid-rksfjph4] {
        width: calc(var(--rpx, 1px) * 720);
        grid-template-rows: minmax(calc(var(--rpx, 1px) * 370), auto) minmax(calc(var(--rpx, 1px) * 342), auto);
        border: 0;
        box-shadow: inset 0 0 0 calc(var(--rpx, 1px) * 1) #0000001a
    }

    .smarter__cell--battery-copy[data-astro-cid-rksfjph4] {
        padding-top: calc(var(--rpx, 1px) * 64)
    }

    .smarter__cell--ip55-copy[data-astro-cid-rksfjph4] {
        padding: calc(var(--rpx, 1px) * 24) calc(var(--rpx, 1px) * 25.6) calc(var(--rpx, 1px) * 24) calc(var(--rpx, 1px) * 26.6)
    }

    .smarter__case[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx, 1px) * 93.3);
        left: calc(var(--rpx, 1px) * 24.2);
        width: calc(var(--rpx, 1px) * 191.672);
        height: calc(var(--rpx, 1px) * 186.477)
    }

    .smarter__cell--battery-copy[data-astro-cid-rksfjph4] .smarter__eyebrow[data-astro-cid-rksfjph4], .smarter__cell--battery-copy[data-astro-cid-rksfjph4] .smarter__title[data-astro-cid-rksfjph4] {
        margin-inline: calc(var(--rpx, 1px) * 24)
    }

    .smarter__cell--battery-copy[data-astro-cid-rksfjph4] .smarter__title[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 4.4)
    }

    .smarter__cell--battery-copy[data-astro-cid-rksfjph4] .smarter__desc[data-astro-cid-rksfjph4] {
        margin: calc(var(--rpx, 1px) * 10.6) calc(var(--rpx, 1px) * 38.933) calc(var(--rpx, 1px) * 24) calc(var(--rpx, 1px) * 24)
    }

    .smarter__specs[data-astro-cid-rksfjph4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: minmax(calc(var(--rpx, 1px) * 82), auto) minmax(calc(var(--rpx, 1px) * 80), auto)
    }

    .smarter__spec[data-astro-cid-rksfjph4] {
        padding: calc(var(--rpx, 1px) * 12) calc(var(--rpx, 1px) * 12) calc(var(--rpx, 1px) * 12) calc(var(--rpx, 1px) * 24)
    }

    .smarter__spec--aac-both[data-astro-cid-rksfjph4], .smarter__spec--aac-buds[data-astro-cid-rksfjph4] {
        padding-top: calc(var(--rpx, 1px) * 13)
    }

    .smarter__spec-icon[data-astro-cid-rksfjph4] {
        width: calc(var(--rpx, 1px) * 18);
        height: calc(var(--rpx, 1px) * 18)
    }

    .smarter__spec-value[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 8)
    }

    .smarter__spec-label[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 2)
    }

    .smarter__cell--ip55-copy[data-astro-cid-rksfjph4] .smarter__title[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 4.4)
    }

    .smarter__cell--ip55-copy[data-astro-cid-rksfjph4] .smarter__desc[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 11.2)
    }

    .smarter__ip55-pic[data-astro-cid-rksfjph4] {
        top: calc(var(--rpx, 1px) * 60.88);
        width: calc(var(--rpx, 1px) * 359);
        height: calc(var(--rpx, 1px) * 219.24);
        -o-object-fit: contain;
        object-fit: contain
    }

    .smarter__block--connect[data-astro-cid-rksfjph4], .smarter__block--more[data-astro-cid-rksfjph4] {
        padding-top: calc(var(--rpx, 1px) * 64)
    }

    .smarter__subdesc[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 4)
    }

    .smarter__cards[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 12);
        grid-template-columns: repeat(2, calc(var(--rpx, 1px) * 356));
        gap: calc(var(--rpx, 1px) * 8)
    }

    .smarter__card-pic[data-astro-cid-rksfjph4] {
        width: calc(var(--rpx, 1px) * 356);
        min-height: calc(var(--rpx, 1px) * 240);
        aspect-ratio: 356/240;
        -o-object-fit: cover;
        object-fit: cover
    }

    .smarter__card-title[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 8)
    }

    .smarter__card-desc[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 4)
    }

    .smarter__minis[data-astro-cid-rksfjph4] {
        margin-top: calc(var(--rpx, 1px) * 12)
    }
}

.kv-ksp[data-astro-cid-spmb56ls] {
    position: relative;
    overflow: hidden
}

.kv-ksp-bg[data-astro-cid-spmb56ls] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none
}