.weber-slideup-popup-active {
    overflow: hidden
}

.weber-slideup-popup-active #weber-container .weber-slideup-popup-container {
    z-index: 200;
    pointer-events: all;
    visibility: visible
}

.weber-slideup-popup-active #weber-container .weber-slideup-popup-container .content-overlay {
    opacity: 1
}

.weber-slideup-popup-active #weber-container .weber-slideup-popup-container .popup-content {
    transform: translateY(0);
    transition: all .4s
}

#weber-container {
    font-weight: 500;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #000;
    overflow: hidden;
    color: #fff
}

#weber-container a {
    color: #ffe9d2;
    display: inline-block;
    line-height: 1.6
}

#weber-container .linkga .link-to {
    transition: transform .3s ease-out;
    display: inline-block
}

#weber-container .linkga:hover .link-to {
    transform: translateX(3px)
}

#weber-container .nowrap {
    white-space: nowrap
}

#weber-container img,
#weber-container video {
    width: 100%
}

#weber-container h2,
#weber-container h3,
#weber-container h4 {
    line-height: 1.25
}

#weber-container p {
    line-height: 1.6
}

#weber-container .media-container {
    width: 100%;
    position: relative;
}

#weber-container video {
    display: block
}

#weber-container .common-video-btn {
    position: absolute;
    display: flex;
    align-items: center;
    opacity: 0;
    z-index: 6;
    cursor: pointer;
    pointer-events: none;
    transition-duration: .3s;
}
#weber-container .common-video-btn.active{
    opacity: 1;
    pointer-events: all;
}

#weber-container .common-video-btn span {
    color: #d2c0ad;
    margin-right: .625vw;
}

#weber-container .common-video-btn .video-btn-text-wrap {
    position: relative
}

#weber-container .common-video-btn .video-btn-icon-wrap {
    position: relative
}

#weber-container .common-video-btn .video-btn-icon {
    width: 1.458333vw;
}

#weber-container .common-video-btn .video-btn-icon-1 {
    position: relative;
}

#weber-container .common-video-btn .video-btn-icon-1.active {
    opacity: 1;
    z-index: 3;
    pointer-events: all
}

#weber-container .common-video-btn .video-btn-icon-2 {
    width: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    opacity: 0;
    transition-duration: .3s;
    pointer-events: none
}

#weber-container .common-video-btn .video-btn-icon-2.active {
    opacity: 1;
    z-index: 3;
    pointer-events: all
}

#weber-container .common-video-btn .video-btn-icon-3 {
    width: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    opacity: 0;
    transition-duration: .3s;
    pointer-events: none
}

#weber-container .common-video-btn .video-btn-icon-3.active {
    opacity: 1;
    z-index: 3;
    pointer-events: all
}

#weber-container .wx-img {
    display: none
}

#weber-container .section {
    position: relative;
    width: 100%
}

#weber-container .blur-up {
    filter: blur(20px);
    transition: filter .2s;
    will-change: filter
}

#weber-container .blur-up.lazyloaded {
    filter: blur(0)
}

#weber-container .sticky-container {
    position: sticky;
    top: 0
}

#weber-container sup {
    font-size: .6em;
    cursor: pointer;
    display: inline-block
}

#weber-container sup a {
    color: inherit
}

#weber-container .text-16 {
    font-size: .833333vw
}

#weber-container .text-18 {
    font-size: .9375vw
}

#weber-container .text-20 {
    font-size: 1.041667vw
}

#weber-container .text-22 {
    font-size: 1.145833vw
}

#weber-container .text-24 {
    font-size: 1.25vw;
    line-height: 1.6
}

#weber-container .text-28 {
    font-size: 1.458333vw
}

#weber-container .text-32 {
    font-size: 1.666667vw;
    line-height: 1.25
}

#weber-container .text-48 {
    font-size: 2.5vw;
    line-height: 1.25
}

#weber-container .text-64 {
    font-size: 3.333333vw;
    line-height: 1.25
}

#weber-container .text-80 {
    font-size: 4.166667vw;
    line-height: 1.25;
    font-weight: bold
}

#weber-container .text .subtitle {
    font-size: 3.333333vw;
    line-height: 1.25;
    font-weight: normal
}

#weber-container .text-gradient {
    display: inline-block;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

#weber-container .t1 {
    background-image: linear-gradient(101deg, #AA9987 0%, #FFF3E2 66%, #9B8A7E 100%);
    background-size: 100% 100%
}

#weber-container .t2 {
    background-image: linear-gradient(101deg, #AA9987 0%, #FFF3E2 37%, #9B8A7E 100%);
    background-size: 100% 100%
}

#weber-container .text-metallic {
    color: #fbe1c6
}

#weber-container .text-grey {
    color: #999
}

#weber-container .mtop-18 {
    margin-top: .9375vw
}

#weber-container .mtop-20 {
    margin-top: 1.041667vw
}

#weber-container .mtop-25 {
    margin-top: 1.302083vw
}

#weber-container .mtop-30 {
    margin-top: 1.5625vw
}

#weber-container .mtop-56 {
    margin-top: 2.916667vw
}

#weber-container .mtop-60 {
    margin-top: 3.125vw
}

#weber-container .space-100vh {
    position: relative;
    height: 100vh
}

#weber-container .space-240 {
    height: 12.5vw
}

#weber-container .space-200 {
    height: 10.416667vw
}

#weber-container .space-190 {
    height: 9.895833vw
}

#weber-container .space-160 {
    height: 8.333333vw
}

#weber-container .tl {
    text-align: left
}

#weber-container .hidden-web {
    display: none
}

#weber-container .video-fallback {
    display: none
}

#weber-container .section-icon {
    width: 4.166667vw
}

#weber-container .overflow-hide {
    overflow: hidden
}

#weber-container .section-kv-trigger {
    position: relative
}

#weber-container .section-kv .kv-container {
    position: relative;
    width: 100%;
    z-index: 1;
    will-change: translate
}

#weber-container .section-kv .kv-content-container {
    width: 36.458333vw;
    padding-top: 5.729167vw;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 3;
    transform: translateY(-100%);
    transition-duration: .8s;
    opacity: 0
}

#weber-container .section-kv .kv-content-container.animated {
    transform: translateY(0%);
    opacity: 1
}

#weber-container .section-kv .kv-content-container .kv-content-logo {
    width: 100%
}

#weber-container .section-kv .kv-content-container .kv-content-text {
    margin-top: 1.25vw
}

#weber-container .section-kv .kv-content-container .kv-content-feature {
    letter-spacing: .078125vw
}

#weber-container .section-kv .kv-center {
    position: relative
}

#weber-container .section-kv .kv-image-container {
    width: 50.052083vw;
    margin: 7.8125vw auto 0;
    z-index: 2
}

#weber-container .section-kv .kv-image-wrap {
    transform: scale(1.35);
    transform-origin: top;
    transition-duration: 1s
}

#weber-container .section-kv .kv-image-wrap.animated {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

#weber-container .section-kv .kv-shadow {
    position: absolute;
    width: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    background: #000
}

#weber-container .section-kv .kv-shape-group {
    position: absolute;
    top: -1.791667vw;
    width: 88%;
    left: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    transform-origin: center;
    transition-timing-function: linear
}

#weber-container .section-kv .kv-shape-group img {
    opacity: 0;
    will-change: opacity;
    transition-duration: 1.2s;
    transition-timing-function: ease-in-out
}

#weber-container .section-kv .kv-shape-group.animated img {
    opacity: 1
}

#weber-container .section-kv .kv-shape-group.animated2 {
    transition-duration: 1s;
    transform: rotate(135deg)
}

#weber-container .section-kv .kv-shape-group.animated3 {
    transition-duration: 1s;
    transform: rotate(260deg)
}

#weber-container .section-kv .huawei-product-buy-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0
}

#weber-container .section-kv .huawei-product-buy-btn-price {
    font-size: 1.458333vw;
    font-weight: 400;
    line-height: 1.25
}

#weber-container .section-kv .huawei-product-buy-btn-price span {
    font-size: .677083vw
}

#weber-container .section-kv .huawei-product-buy-btn-price a {
    font-size: 1em;
    color: #fff
}

#weber-container .section-kv .huawei-product-buy-btn {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 10px 26px;
    border: 2px solid #fff;
    background-color: #000;
    transition: .5s ease-out;
    margin-top: 24px;
    cursor: pointer;
    border-radius: 6px
}

#weber-container .section-kv .huawei-product-buy-btn:hover {
    opacity: .8
}

#weber-container .section-kv .kv-content-price-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 7.291667vw 0 0;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transition-duration: .8s
}

#weber-container .section-kv .kv-content-price-container.animated {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

#weber-container .section-kv .kv-headline-trigger {
    position: relative
}

#weber-container .section-kv .kv-headline {
    width: 100%;
    height: auto;
    position: relative
}

#weber-container .section-kv .kv-introduction-container {
    position: relative;
    width: 100%
}

#weber-container .section-kv .kv-introduction {
    position: relative;
    text-align: center;
    transition-duration: .6s;
    opacity: 0;
    will-change: translate, opacity
}

#weber-container .section-kv .kv-introduction .headline-wrap {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto
}

#weber-container .section-kv .kv-introduction .text-copy {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    text-shadow: 0 0 20px #b18c66, 0 0 30px #b18c66;
    opacity: 0
}

#weber-container .section-kv .kv-introduction h2 {
    transition-duration: .6s;
    will-change: font-size;
    font-weight: bold;
    position: relative;
    display: inline-block;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(123deg, #FFEADB, #FFF4E9, #DEC9A5);
    background-size: 100% 100%
}

#weber-container .section-kv .kv-introduction.animated {
    opacity: .37
}

#weber-container .section-kv .kv-introduction.animated2 {
    opacity: 1
}

#weber-container .section-kv .kv-introduction.animated2 .text-copy {
    opacity: 1
}

#weber-container .section-kv .kv-introduction.animated3 {
    opacity: 0
}

#weber-container .section-kv .kv-bg {
    width: 73.229167vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -11.510417vw;
    z-index: -1
}

#weber-container .section-kv .media-container {
    width: 67.5vw;
    margin: 6.25vw auto 0
}

#weber-container .section-kv .kv-shadow-bottom {
    position: relative;
    left: 0;
    top: 0;
    bottom: auto;
    margin-top: -10.71875vw;
    transform-origin: bottom;
    transition-duration: .8s;
    opacity: 0;
    z-index: -1;
    will-change: opacity, transform;
    transform: scale(0.7)
}

#weber-container .section-kv .kv-shadow-bottom.animated {
    opacity: 1;
    transform: scale(1)
}

#weber-container .section-kv .kv-shadow-bottom.animated2 {
    opacity: 0
}

#weber-container .section-reasons {
    width: 100%;
    position: relative;
    margin-top: 3.125vw;
    overflow: hidden
}

#weber-container .section-reasons .swiper-slide {
    width: 67.5vw;
    border-radius: .833333vw;
    margin: auto 1.6666vw;
    transition: none;
    position: relative;
    background-color: #171615
}

#weber-container .section-reasons .swiper-slide .reasons-con {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: .833333vw
}

#weber-container .section-reasons .swiper-slide .reasons-title {
    width: 80%;
    position: absolute;
    top: 2.291667vw;
    left: 2.5vw;
    will-change: opacity, transform;
    transform: translateX(30px) translateZ(1px);
    opacity: 0;
    transition-duration: .8s
}

#weber-container .section-reasons .swiper-slide .reasons-title p {
    line-height: 1.25
}

#weber-container .section-reasons .swiper-slide .reasons-title .text-32 {
    margin-top: .208333vw
}

#weber-container .section-reasons .swiper-slide0 .reasons-title {
    transform: translateX(0) translateZ(1px)
}

#weber-container .section-reasons .swiper-slide0 .text-22 {
    opacity: 0;
    transition: all .5s
}

#weber-container .section-reasons .swiper-slide0 .text-32 {
    opacity: 0;
    transition: all .5s
}

#weber-container .section-reasons .swiper-slide-active .reasons-title {
    opacity: 1;
    transform: translateX(0) translateZ(1px)
}

#weber-container .section-reasons.active .swiper-slide0 .text-22 {
    opacity: 1
}

#weber-container .section-reasons.active .swiper-slide0 .text-32 {
    opacity: 1
}

#weber-container .section-reasons.active .swiper-slide1 {
    transform: translateX(0%)
}

#weber-container .section-reasons.active .swiper-button-center {
    transform: translateY(0%)
}

#weber-container .section-reasons .swiper-slide1 {
    transform: translateX(20%);
    transition: all .5s
}

#weber-container .section-reasons .swiper-slide-prev {
    cursor: pointer
}

#weber-container .section-reasons .swiper-slide-next {
    cursor: pointer
}

#weber-container .section-reasons .swiper-button-center {
    width: 15.625vw;
    margin: 0 auto;
    height: 3.33vw;
    background-color: #242425;
    border-radius: 1.66vw;
    position: relative;
    margin-top: 2.08333vw;
    transform: translateY(10vh);
    transition: all .5s
}

#weber-container .section-reasons .swiper-button-center .swiper-pagination {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

#weber-container .section-reasons .swiper-button-center .swiper-pagination-bullet {
    width: .52vw;
    height: .52vw;
    margin: auto .26vw;
    background: #fff;
    transition: all .8s;
    opacity: .2
}

#weber-container .section-reasons .swiper-button-center .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: .8;
    transition: all .8s
}

#weber-container .section-reasons .swiper-button-center .swiper-button-prev {
    left: 1.8vw;
    color: #fff;
    width: .7364583vw;
    height: 1.178646vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .3s
}

#weber-container .section-reasons .swiper-button-center .swiper-button-prev::after {
    content: ""
}

#weber-container .section-reasons .swiper-button-center .swiper-button-prev svg {
    width: 100%;
    height: 100%
}

#weber-container .section-reasons .swiper-button-center .swiper-button-next {
    right: 1.8vw;
    color: #fbe1c6;
    width: .7364583vw;
    height: 1.178646vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .3s
}

#weber-container .section-reasons .swiper-button-center .swiper-button-next svg {
    width: 100%;
    height: 100%
}

#weber-container .section-reasons .swiper-button-center .swiper-button-next::after {
    content: ""
}

#weber-container .section-reasons .reasons-wrap {
    width: 67.5vw;
    height: 38.020833vw;
    border-radius: .833333vw;
    text-align: center
}

#weber-container .section-reasons .reasons-wrap img {
    transform-origin: top
}

#weber-container .section-reasons .reasons-wrap-1 img {
    width: 56.145833vw;
    margin: 10.677083vw auto 0
}

#weber-container .section-reasons .reasons-wrap-2 img {
    width: 100%;
    margin: 0 auto 0
}

#weber-container .section-reasons .reasons-wrap-3 img {
    width: 36.458333vw;
    margin: 8.125vw auto 0
}

#weber-container .section-reasons .reasons-wrap-4 img {
    width: 100%;
    margin: 0 auto 0
}

#weber-container .section-reasons .reasons-wrap-6 img {
    width: 100%;
    margin: 0
}

#weber-container .section-headline {
    padding-top: 12.760417vw
}

#weber-container .section-headline .section-content {
    text-align: center;
    opacity: .37;
    will-change: opacity;
    transition-duration: .8s
}

#weber-container .section-headline .shadow-bottom {
    position: absolute;
    top: 1.5625vw;
    left: 0;
    z-index: -1;
    transform: scale(0.7);
    opacity: 0;
    will-change: opacity, transform;
    transform-origin: bottom;
    transition-duration: .8s
}

#weber-container .section-headline h2 {
    display: flex;
    flex-direction: column;
    align-items: center
}

#weber-container .section-headline .section-text {
    margin: 14.0625vw auto 5.208333vw;
    position: relative;
    z-index: 3
}

#weber-container .section-headline .text-22 {
    width: auto;
    margin-left: auto;
    margin-right: auto
}

#weber-container .section-headline.animated .section-content {
    opacity: 1
}

#weber-container .section-headline.animated .shadow-bottom {
    opacity: 1;
    transform: scale(1)
}

#weber-container .lr-content {
    display: flex;
    align-items: flex-start;
    flex-direction: row
}

#weber-container .ud-content {
    display: flex;
    flex-direction: column
}

#weber-container .system-screen video {
    mix-blend-mode: darken
}

#weber-container .system-screen .section-text {
    margin-bottom: 0
}

#weber-container .system-screen .media-container {
    width: 67.5vw;
    margin: 3.333333vw auto 0
}

#weber-container .system-screen .common-video-btn {
    right: 17.916667vw;
    bottom: 1.666667vw;
}

#weber-container .system-screen .feature-container {
    position: relative
}

#weber-container .system-screen .feature-row {
    display: flex;
    justify-content: center;
    margin: 3.125vw auto 0;
    width: 100%;
    opacity: 1;
    transition: all .3s ease
}

#weber-container .system-screen .feature-row.active .feature-item {
    transform: translateY(0);
    opacity: 1
}

#weber-container .system-screen .feature-item {
    margin-right: 5.208333vw;
    transform: translateY(1.5625vw);
    opacity: 0;
    transition: all .6s cubic-bezier(0, 0, 0.5, 1);
    text-align: left
}

#weber-container .system-screen .feature-item:nth-of-type(2) {
    transition-delay: .1s
}

#weber-container .system-screen .feature-item:nth-of-type(3) {
    transition-delay: .2s
}

#weber-container .system-screen .feature-item:nth-of-type(4) {
    transition-delay: .3s
}

#weber-container .system-screen .feature-item:last-child {
    margin-right: 0
}

#weber-container .system-screen .feature-item .feature-num {
    font-weight: bold;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(95deg, #FBE1C6, #7C664E);
    background-size: 100% 130%
}

#weber-container .system-screen .feature-item .feature-num span {
    font-size: .625em
}

#weber-container .system-screen .feature-item .feature-text {
    color: #969699
}

#weber-container .oled-screen .section-content {
    width: 51.701562vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    align-items: center
}

#weber-container .oled-screen .text-22 {
    width: 29.791667vw;
    margin-left: auto;
    margin-right: 0
}

#weber-container .oled-screen .media-container {
    width: 67.5vw;
    margin-top: 3.333333vw;
    margin-top: 1.111111vw;
    margin-left: auto;
    margin-right: auto
}

#weber-container .oled-screen .common-video-btn {
    position: relative;
    width: max-content;
    margin: -1.33vw auto 0;
}

#weber-container .harmony-design .section-text {
    width: 33.645833vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 3.125vw
}

#weber-container .harmony-design .media-container {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    border-radius: .833333vw;
    overflow: hidden
}

#weber-container .harmony-design .common-video-btn {
    right: 17.916667vw;
    bottom: 1.666667vw;
}
#weber-container .loop-video-wrap{
    width: 100%;
    overflow: hidden;
}
#weber-container .light-design .light-container {
    position: relative;
    margin-top: 2.604167vw;
    z-index: 2
}

#weber-container .light-design .media-container {
    width: 81.25vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.333333vw;
    margin-top: 0
}

#weber-container .light-design .common-video-btn {
    left: 50%;
    transform: translateX(-50%);
    bottom: 1.208333vw;
}

#weber-container .light-design .light-row {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    opacity: 1;
    transition: all .6s ease
}

#weber-container .light-design .light-row.active .light-item {
    transform: translateY(0);
    opacity: 1
}

#weber-container .light-design .light-row span {
    font-size: 2.1875vw
}

#weber-container .light-design .light-item {
    margin-right: 7.083333vw
}

#weber-container .light-design .light-item .light-num {
    font-weight: 400
}

#weber-container .light-design .light-item:last-child {
    margin-right: 0
}

#weber-container .switch-design {
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10.416667vw;
    position: relative
}

#weber-container .switch-design .swiper-effect-text {
    position: absolute;
    right: 11.875vw;
    bottom: .75vw
}

#weber-container .switch-design .swiper-effect-btn {
    bottom: 0;
    right: 0;
    width: 9.791667vw;
    height: 3.333333vw;
    background: #232323;
    border-radius: 1.666667vw;
    position: absolute;
    z-index: 1;
    font-size: 0
}

#weber-container .switch-design .swiper-pagination-bullet {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: none;
    transition-duration: .5s;
    opacity: 1
}

#weber-container .switch-design .swiper-pagination-bullet .color-name {
    line-height: 1.6;
    opacity: 0;
    transition-duration: .5s;
    pointer-events: none
}

#weber-container .switch-design .swiper-pagination-bullet .outside-circle {
    border: .078125vw solid rgba(0, 0, 0, 0);
    transition-duration: .3s
}

#weber-container .switch-design .swiper-pagination-bullet-active .color-name {
    opacity: 1
}

#weber-container .switch-design .swiper-pagination-bullet-active:nth-child(1) .outside-circle {
    border: .078125vw solid #6e6e6e
}

#weber-container .switch-design .swiper-pagination-bullet-active:nth-child(2) .outside-circle {
    border: .078125vw solid #fff
}

#weber-container .switch-design .swiper-pagination-bullet-active:nth-child(3) .outside-circle {
    border: .078125vw solid #ffe9d2
}

#weber-container .switch-design .color-pagination {
    display: flex;
    align-items: center;
    height: 100%;
    top: auto;
    bottom: auto;
    margin: 0
}

#weber-container .switch-design .color-pagination .outside-circle {
    display: inline-flex;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    margin: 0;
    cursor: pointer
}

#weber-container .switch-design .color-pagination .inside-circle {
    display: inline-flex;
    width: 1.666667vw;
    height: 1.666667vw;
    border-radius: 50%;
    padding: .208333vw;
    -webkit-border-radius: 50%;
    overflow: hidden;
    align-items: center
}

#weber-container .switch-design .color-pagination .color-name {
    position: absolute;
    width: auto;
    left: auto;
    right: 11.875vw;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

#weber-container .switch-design .color-pagination .color-bullet {
    display: flex;
    align-items: center
}

#weber-container .productivity {
    overflow: hidden
}

#weber-container .productivity .productivity-icon {
    width: 14.597396vw;
    margin-left: auto;
    margin-right: auto
}

#weber-container .productivity-bg {
    position: absolute;
    width: 61.614583vw;
    left: 50%;
    transform: translate(-50%);
    border-radius: 50%;
    overflow: hidden;
    top: 20.833333vw;
    pointer-events: none
}

#weber-container .productivity-gallery {
    width: 46.875vw;
    margin-left: auto;
    margin-right: auto
}

#weber-container .productivity-swiper {
    margin-top: 18.75vw;
    overflow: inherit
}

#weber-container .productivity-swiper .swiper-slide {
    width: 46.875vw;
    border-radius: .833333vw;
    overflow: hidden;
    transition-duration: .5s
}

#weber-container .productivity-swiper .swiper-slide .section-picture {
    width: 46.875vw;
    opacity: .5;
    transition-duration: .5s
}

#weber-container .productivity-swiper .swiper-slide .productivity-text {
    opacity: 0;
    transform: translateZ(1px);
    transition-duration: .5s
}

#weber-container .productivity-swiper .swiper-slide-active .section-picture {
    opacity: 1;
    transition-duration: .5s
}

#weber-container .productivity-swiper .swiper-slide-active .productivity-text {
    opacity: 1;
    transition-duration: .5s
}

#weber-container .productivity-swiper .swiper-pagination {
    bottom: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px 0;
    top: auto;
    margin-top: 2.083333vw
}

#weber-container .productivity-swiper .swiper-pagination-bullet {
    width: .520833vw;
    height: .520833vw;
    border-radius: 100%;
    overflow: hidden;
    background: #fbe1c6;
    margin: 0 .260417vw;
    opacity: .2;
    transition-duration: .5s
}

#weber-container .productivity-swiper .swiper-pagination-bullet-active {
    width: 1.041667vw;
    height: .520833vw;
    background: #fbe1c6;
    opacity: .8;
    border-radius: 4.166667vw
}

#weber-container .productivity-swiper .swiper-scrollbar {
    left: 2.1875vw;
    bottom: 1.354167vw;
    width: 15.625vw;
    height: .208333vw;
    background: rgba(251, 225, 198, .2);
    border-radius: 12.5vw
}

#weber-container .productivity-swiper .swiper-scrollbar-drag {
    width: 2.604167vw !important;
    background: #fbe1c6
}

#weber-container .productivity-swiper .productivity-text {
    position: absolute;
    top: 2.239583vw;
    left: 2.5vw
}

#weber-container .productivity-swiper .swiper-button-container {
    position: relative;
    display: flex;
    width: 7.083333vw;
    margin-right: 2.1875vw;
    margin-left: auto;
    margin-top: 2.5vw
}

#weber-container .productivity-swiper .swiper-button-disabled {
    opacity: 1
}

#weber-container .productivity-swiper .swiper-button-disabled svg {
    opacity: .3
}

#weber-container .productivity-swiper .swiper-button-prev {
    position: relative;
    top: auto;
    width: 2.916667vw;
    height: 2.916667vw;
    left: auto;
    transform: unset;
    right: auto;
    margin-top: 0
}

#weber-container .productivity-swiper .swiper-button-prev svg {
    width: 100%;
    height: auto;
    transition: opacity .3s ease
}

#weber-container .productivity-swiper .swiper-button-prev::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .47);
    z-index: -1
}

#weber-container .productivity-swiper .swiper-button-next {
    position: relative;
    top: auto;
    transform: unset;
    width: 2.916667vw;
    height: 2.916667vw;
    margin-left: 1.25vw;
    right: auto;
    left: auto;
    margin-top: 0
}

#weber-container .productivity-swiper .swiper-button-next svg {
    width: 100%;
    height: auto;
    transition: opacity .3s ease
}

#weber-container .productivity-swiper .swiper-button-next::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .47);
    z-index: -1
}

#weber-container .linkage-productivity .section-content {
    width: 49.411458vw;
    margin-left: auto;
    margin-right: auto
}

#weber-container .linkage-productivity .text-22 {
    width: 24.166667vw;
    margin-left: auto;
    margin-right: 0
}

#weber-container .linkage-productivity .linkage-productivity-bg {
    width: 67.5vw;
    position: relative;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    border-radius: .833333vw;
    overflow: hidden
}

#weber-container .linkage-productivity .media-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#weber-container .linkage-productivity .common-video-btn {
    right: 1.5625vw;
    bottom: 1.5625vw
}

#weber-container .loop-video-wrap {
    position: relative
}

#weber-container .linkage-pc .section-content {
    align-items: center;
    width: 67.5vw;
    margin-left: auto;
    margin-right: auto
}

#weber-container .linkage-pc .section-text {
    width: 23.333333vw;
    margin: 0
}

#weber-container .linkage-pc .text-22 {
    width: 100%
}

#weber-container .linkage-pc .media-container {
    width: 40vw;
    margin-left: auto
}

#weber-container .linkage-pc .common-video-btn {
    right: auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    margin-top: 1.197917vw
}

#weber-container .linkage-pc .linkage-popup-btn {
    width: max-content;
    padding: 0 .833333vw 0 1.40625vw;
    height: 3.333333vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6.458333vw;
    background: #232323;
    border-radius: 1.666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    font-size: 0
}

#weber-container .linkage-pc .linkage-popup-btn:hover::after {
    opacity: 1
}

#weber-container .linkage-pc .linkage-popup-btn::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 1.666667vw;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 1.041667vw rgba(251, 225, 198, .6);
    opacity: 0;
    transition: opacity .3s
}

#weber-container .linkage-pc .linkage-popup-btn svg {
    width: 1.666667vw;
    height: 1.666667vw;
    margin-left: .833333vw;
    border-radius: 50%
}

#weber-container .weber-slideup-popup-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    justify-content: flex-end;
    pointer-events: none;
    overflow: auto;
    z-index: 999
}

#weber-container .weber-slideup-popup-container .content-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s;
    background: #000;
    opacity: 0
}

#weber-container .weber-slideup-popup-container .popup-content {
    position: relative;
    width: 62.5vw;
    margin: 3.125vw auto 0;
    transition: transform .3s;
    /* border-radius: .833333vw; */
    border-top-left-radius:.833333vw;
    border-top-right-radius:.833333vw;
    overflow-y: scroll;
    scrollbar-width: none
}

#weber-container .weber-slideup-popup-container .popup-content .section-content {
    transition-duration: unset
}

#weber-container .weber-slideup-popup-container .popup-content .text-22 {
    width: auto
}

#weber-container .weber-slideup-popup-container ::-webkit-scrollbar {
    width: 0px
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-content-wrap {
    width: 100%;
    position: relative;
}
#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-c {
    position: relative;
    margin-bottom: .520833vw;
    background-color: #1c1c1d;
    border-radius: .833333vw;
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .icon-close-wrap {
    position: absolute;
    height: 100%;
    width: 2.34375vw;
    top: 0;
    right: 2.083333vw;
    z-index: 2
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .icon-close-circle {
    width: 2.604167vw;
    height: 2.604167vw;
    position: sticky;
    top: 2.083333vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, .9);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .icon-close-circle::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .7)
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .icon-close {
    width: .757292vw;
    transform: translateZ(1px)
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .section-content {
    width: 42.239583vw;
    margin: 0 auto 0;
    position: relative;
    text-align: center
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-items {
    width: 50vw;
    margin: 0 auto;
    padding: 10.416667vw 0 8.333333vw
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item {
    display: flex;
    flex-direction: row;
    align-items: center
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-item-img {
    width: 23.958333vw
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-item-img-left {
    margin-right: 4.6875vw
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-item-img-right {
    margin-left: 4.6875vw
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-item-content {
    width: 21.875vw;
    flex-shrink: 0
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-item-text {
    width: auto
}

#weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-icon {
    width: 2.447917vw;
    margin-bottom: .416667vw
}

#weber-container .section-intelligence {
    margin: 0 auto;
    width: 67.5vw
}

#weber-container .section-intelligence .section-content {
    width: 33.854167vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#weber-container .section-intelligence .swiper-slide {
    width: 100%;
    margin-right: 0
}

#weber-container .section-intelligence .swiper-slide:last-child {
    margin-right: 0
}

#weber-container .section-intelligence .swiper-slide .media-container {
    box-sizing: border-box;
    border-radius: .833333vw;
    overflow: hidden
}

#weber-container .section-intelligence .swiper-slide .media-container .responsive-video {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#weber-container .section-intelligence .swiper-slide .intelligence-des {
    width: 32.03125vw;
    margin: 7.5vw auto 2.5vw;
    opacity: 0;
    transition: all .5s
}

#weber-container .section-intelligence .swiper-slide .intelligence-des .text-32 {
    font-weight: bold
}

#weber-container .section-intelligence .swiper-slide .intelligence-des p {
    color: #999;
    margin-top: 0;
    text-align: center
}

#weber-container .section-intelligence .swiper-slide-active .intelligence-des {
    opacity: 1
}

#weber-container .section-intelligence .intelligence-swiper-scrollbar {
    position: absolute;
    bottom: auto;
    width: 22.916667vw;
    height: .208333vw;
    top: 36.458333vw;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(251, 225, 198, .15);
    border-radius: 4.6875vw
}

#weber-container .section-intelligence .intelligence-swiper-scrollbar .intelligence-swiper-scrollbar-drag {
    position: absolute;
    width: 8.854167vw;
    height: 100%;
    top: 0;
    left: 0;
    background: #cab49f;
    border-radius: 4.6875vw;
    transition: all .5s
}

#weber-container .section-intelligence .intelligence-swiper-scrollbar[data-active="0"] .intelligence-swiper-scrollbar-drag {
    transform: translateX(0px)
}

#weber-container .section-intelligence .intelligence-swiper-scrollbar[data-active="1"] .intelligence-swiper-scrollbar-drag {
    transform: translateX(14.010417vw)
}

#weber-container .section-intelligence .swiper-scrollbar-drag {
    display: none
}

#weber-container .section-intelligence .intelligence-text-btn-wrap {
    position: absolute;
    width: 22.916667vw;
    left: 50%;
    transform: translateX(-50%);
    top: 33.4375vw;
    z-index: 3;
    display: flex;
    cursor: pointer
}

#weber-container .section-intelligence .intelligence-text-btn-wrap .intelligence-text-btn-left {
    color: #fff;
    transition-duration: .5s
}

#weber-container .section-intelligence .intelligence-text-btn-wrap .intelligence-text-btn-right {
    color: #999;
    margin-left: auto;
    transition-duration: .5s
}

#weber-container .section-intelligence .intelligence-text-btn-wrap[data-active="0"] .intelligence-text-btn-left {
    color: #fff
}

#weber-container .section-intelligence .intelligence-text-btn-wrap[data-active="0"] .intelligence-text-btn-right {
    color: #999
}

#weber-container .section-intelligence .intelligence-text-btn-wrap[data-active="1"] .intelligence-text-btn-right {
    color: #fff
}

#weber-container .section-intelligence .intelligence-text-btn-wrap[data-active="1"] .intelligence-text-btn-left {
    color: #999
}

#weber-container .section-intelligence .swiper-button-prev {
    top: auto;
    bottom: 0;
    width: 2.5vw;
    height: 2.5vw;
    left: auto;
    right: 3.541667vw
}

#weber-container .section-intelligence .swiper-button-prev::after {
    content: ""
}

#weber-container .section-intelligence .swiper-button-next {
    top: auto;
    bottom: 0;
    width: 2.5vw;
    height: 2.5vw;
    right: 0;
    left: auto
}

#weber-container .section-intelligence .swiper-button-next::after {
    content: ""
}

#weber-container .section-intelligence .intelligence-container {
    display: flex;
    justify-content: space-between;
    position: relative
}

#weber-container .section-intelligence .intelligence-image {
    position: relative
}

#weber-container .section-intelligence .intelligence-video-play-btn-container {
    cursor: pointer;
    position: absolute;
    right: 1.666667vw;
    bottom: 1.666667vw;
    width: 2.604167vw;
    height: 2.604167vw;
    box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .47);
    border-radius: 50%
}

#weber-container .section-intelligence .intelligence-video-play-btn-container svg {
    width: 2.604167vw;
    height: 2.604167vw
}

#weber-container .section-intelligence .intelligence-video-play-btn-border-grey {
    display: flex
}

#weber-container .section-intelligence .intelligence-video-play-btn-border-black {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg)
}

#weber-container .section-intelligence .intelligence-video-play-btn-border-black circle {
    stroke-dasharray: 114;
    stroke-dashoffset: 114;
    stroke-linecap: round;
    opacity: 1
}

#weber-container .section-intelligence .intelligence-video-play-btn-border-black.active circle {
    opacity: 1
}

#weber-container .section-intelligence .intelligence-video-play-btn-start {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease
}

#weber-container .section-intelligence .intelligence-video-play-btn-pause {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease
}

#weber-container .section-intelligence .intelligence-video-play-btn {
    position: absolute;
    top: 0;
    left: 0
}

#weber-container .section-intelligence .intelligence-video-play-btn[data-index="1"] .intelligence-video-play-btn-start {
    opacity: 1
}

#weber-container .section-intelligence .intelligence-video-play-btn[data-index="2"] .intelligence-video-play-btn-pause {
    opacity: 1
}

#weber-container .section-intelligence .intelligence-swiper-btn-container {
    display: none;
    margin-top: 2.6vw;
    margin-left: 57.708333vw
}

#weber-container .section-intelligence .intelligence-swiper-btn-container svg {
    width: 2.604167vw;
    height: 2.604167vw
}

#weber-container .section-intelligence .intelligence-swiper-btn-container svg g {
    opacity: 1;
    transition: opacity .3s ease
}

#weber-container .section-intelligence .intelligence-swiper-btn-container .swiper-button-disabled {
    cursor: default
}

#weber-container .section-intelligence .intelligence-swiper-btn-container .swiper-button-disabled g {
    opacity: .3
}

#weber-container .section-intelligence .intelligence-swiper-prev-btn {
    cursor: pointer;
    display: flex;
    margin-right: 1.5625vw
}

#weber-container .section-intelligence .intelligence-swiper-next-btn {
    cursor: pointer;
    display: flex
}

#weber-container .section-note {
    margin: 0 auto;
    width: 67.5vw
}

#weber-container .section-note .section-content {
    width: 33.854167vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#weber-container .section-note .swiper-slide {
    width: 100%;
    margin-right: 0
}

#weber-container .section-note .swiper-slide:last-child {
    margin-right: 0
}

#weber-container .section-note .swiper-slide .media-container {
    box-sizing: border-box;
    border-radius: .833333vw;
    overflow: hidden
}

#weber-container .section-note .swiper-slide .media-container .responsive-video {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

#weber-container .section-note .swiper-slide .note-des {
    width: 32.03125vw;
    margin: 7.5vw auto 2.5vw;
    opacity: 0;
    transition: all .5s
}

#weber-container .section-note .swiper-slide .note-des .text-32 {
    font-weight: bold
}

#weber-container .section-note .swiper-slide .note-des p {
    color: #999;
    margin-top: 0;
    text-align: center
}

#weber-container .section-note .swiper-slide-active .note-des {
    opacity: 1
}

#weber-container .section-note .note-swiper-scrollbar {
    position: absolute;
    bottom: auto;
    width: 25.520833vw;
    height: .208333vw;
    top: 36.458333vw;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(251, 225, 198, .15);
    border-radius: 4.6875vw
}

#weber-container .section-note .note-swiper-scrollbar .note-swiper-scrollbar-drag {
    position: absolute;
    width: 9.375vw;
    height: 100%;
    top: 0;
    left: 0;
    background: #cab49f;
    border-radius: 4.6875vw;
    transition: all .5s
}

#weber-container .section-note .note-swiper-scrollbar[data-active="0"] .note-swiper-scrollbar-drag {
    transform: translateX(0px)
}

#weber-container .section-note .note-swiper-scrollbar[data-active="1"] .note-swiper-scrollbar-drag {
    width: 11.041667vw;
    transform: translateX(14.505208vw)
}

#weber-container .section-note .swiper-scrollbar-drag {
    display: none
}

#weber-container .section-note .note-text-btn-wrap {
    position: absolute;
    width: 25.520833vw;
    left: 50%;
    transform: translateX(-50%);
    top: 33.4375vw;
    z-index: 3;
    display: flex;
    cursor: pointer
}

#weber-container .section-note .note-text-btn-wrap .note-text-btn-left {
    color: #fff;
    transition-duration: .5s
}

#weber-container .section-note .note-text-btn-wrap .note-text-btn-right {
    color: #999;
    margin-left: auto;
    transition-duration: .5s
}

#weber-container .section-note .note-text-btn-wrap[data-active="0"] .note-text-btn-left {
    color: #fff
}

#weber-container .section-note .note-text-btn-wrap[data-active="0"] .note-text-btn-right {
    color: #999
}

#weber-container .section-note .note-text-btn-wrap[data-active="1"] .note-text-btn-right {
    color: #fff
}

#weber-container .section-note .note-text-btn-wrap[data-active="1"] .note-text-btn-left {
    color: #999
}

#weber-container .section-note .swiper-button-prev {
    top: auto;
    bottom: 0;
    width: 2.5vw;
    height: 2.5vw;
    left: auto;
    right: 3.541667vw
}

#weber-container .section-note .swiper-button-prev::after {
    content: ""
}

#weber-container .section-note .swiper-button-next {
    top: auto;
    bottom: 0;
    width: 2.5vw;
    height: 2.5vw;
    right: 0;
    left: auto
}

#weber-container .section-note .swiper-button-next::after {
    content: ""
}

#weber-container .section-note .note-container {
    display: flex;
    justify-content: space-between;
    position: relative
}

#weber-container .section-note .note-image {
    position: relative
}

#weber-container .section-note .note-video-play-btn-container {
    cursor: pointer;
    position: absolute;
    right: 1.666667vw;
    bottom: 1.666667vw;
    width: 2.604167vw;
    height: 2.604167vw;
    box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .47);
    border-radius: 50%
}

#weber-container .section-note .note-video-play-btn-container svg {
    width: 2.604167vw;
    height: 2.604167vw
}

#weber-container .section-note .note-video-play-btn-border-grey {
    display: flex
}

#weber-container .section-note .note-video-play-btn-border-black {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg)
}

#weber-container .section-note .note-video-play-btn-border-black circle {
    stroke-dasharray: 114;
    stroke-dashoffset: 114;
    stroke-linecap: round;
    opacity: 1
}

#weber-container .section-note .note-video-play-btn-border-black.active circle {
    opacity: 1
}

#weber-container .section-note .note-video-play-btn-start {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease
}

#weber-container .section-note .note-video-play-btn-pause {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease
}

#weber-container .section-note .note-video-play-btn {
    position: absolute;
    top: 0;
    left: 0
}

#weber-container .section-note .note-video-play-btn[data-index="1"] .note-video-play-btn-start {
    opacity: 1
}

#weber-container .section-note .note-video-play-btn[data-index="2"] .note-video-play-btn-pause {
    opacity: 1
}

#weber-container .section-note .note-swiper-btn-container {
    display: none;
    margin-top: 2.6vw;
    margin-left: 57.708333vw
}

#weber-container .section-note .note-swiper-btn-container svg {
    width: 2.604167vw;
    height: 2.604167vw
}

#weber-container .section-note .note-swiper-btn-container svg g {
    opacity: 1;
    transition: opacity .3s ease
}

#weber-container .section-note .note-swiper-btn-container .swiper-button-disabled {
    cursor: default
}

#weber-container .section-note .note-swiper-btn-container .swiper-button-disabled g {
    opacity: .3
}

#weber-container .section-note .note-swiper-prev-btn {
    cursor: pointer;
    display: flex;
    margin-right: 1.5625vw
}

#weber-container .section-note .note-swiper-next-btn {
    cursor: pointer;
    display: flex
}

#weber-container .section-draw .section-content {
    width: 53.697917vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

#weber-container .section-draw .section-content .text-22 {
    width: 45.3125vw
}

#weber-container .section-draw .media-container {
    position: relative;
    width: 77.083333vw;
    margin-left: auto;
    margin-top: 2.5vw;
    order: 2;
    z-index: 1
}

#weber-container .section-draw .media-container .draw-center {
    position: absolute;
    width: 53.125vw;
    top: .75vw;
    left: .494792vw;
    border-radius: 1vw;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    transition: opacity 1.3s cubic-bezier(0.17, 0.67, 0.4, 1);
    will-change: opacity
}

#weber-container .section-draw.animated .draw-center {
    opacity: 1
}

#weber-container .section-draw .draw-items {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-left: auto;
    margin-top: -1.927083vw;
    justify-content: center;
    z-index: 2
}

#weber-container .section-draw .draw-items .draw-item {
    margin-right: 4.166667vw;
    display: flex;
    flex-direction: row
}

#weber-container .section-draw .draw-items .draw-item .draw-headline {
    line-height: 1.25;
    width: auto
}

#weber-container .section-draw .draw-items .draw-item:last-child {
    margin-right: 0
}

#weber-container .section-draw .draw-items .draw-left-icon {
    width: 2.708333vw;
    margin-right: 1.041667vw
}

#weber-container .section-draw .draw-items .draw-right-content p {
    opacity: .4;
    margin-top: .625vw;
}

#weber-container .performance .section-text {
    margin-bottom: 0
}

#weber-container .performance .section-text .text-22 {
    width: 43.75vw
}

#weber-container .performance .media-container {
    width: 56.302083vw;
    margin-left: auto;
    margin-right: auto
}

#weber-container .performance .performance-items {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 1.979167vw
}

#weber-container .performance .performance-items .performance-headline span {
    background-image: linear-gradient(101deg, #FBE1C6 0%, #7C664E 100%);
    font-weight: bold;
    background-size: 100% 100%
}

#weber-container .performance .performance-items .performance-headline img {
    width: 1.354167vw;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: .677083vw
}

#weber-container .performance .performance-items .performance-item {
    width: auto;
    margin-right: 4.6875vw;
    text-align: left
}

#weber-container .performance .performance-items .performance-item:last-child {
    margin-right: 0
}

#weber-container .section-card-wrap {
    width: 100%;
    overflow: hidden
}

#weber-container .section-card {
    margin: 0 auto;
    width: 67.5vw;
    padding-bottom: 4.427083vw
}

#weber-container .section-card .swiper-container {
    overflow: visible
}

#weber-container .section-card .swiper-container .swiper-slide {
    border-radius: .833333vw;
    width: 33.125vw;
    height: 36.458333vw;
    margin-right: 1.25vw;
    overflow: hidden;
    background-color: #171615;
    cursor: pointer
}

#weber-container .section-card .swiper-container .swiper-slide.active .text-32 {
    transform: translateX(0) translateY(8.75vw) translateZ(1px);
    transition: all .3s
}

#weber-container .section-card .swiper-container .swiper-slide:last-child {
    margin-right: 0
}

#weber-container .section-card .swiper-container .swiper-slide .text-32 {
    position: absolute;
    top: 2.447917vw;
    left: 2.5vw;
    width: 76%;
    transform: translateY(0) translateZ(1px);
    transition: all .3s;
    opacity: 1;
    z-index: 6;
}

#weber-container .section-card .swiper-container .swiper-slide .card-imgs {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    transform: translateX(-50%);
    transition: all .6s;
    pointer-events: all;
    z-index: 5;
}

#weber-container .section-card .swiper-container .swiper-slide .card-imgs img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#weber-container .section-card .swiper-container .swiper-slide .card-des {
    width: 23.958333vw;
    position: absolute;
    left: 2.5vw;
    top: 14.791667vw;
    transform: translate(0, 0);
    color: #999
}

#weber-container .section-card .swiper-container .swiper-slide .card-des div {
    opacity: 0;
    transition: all .3s;
    transform: translate(0vw, 7vw);
    width: auto;
    position: relative;
    top: auto;
    left: auto;
    color: #fff;
    margin-bottom: 1.5625vw
}

#weber-container .section-card .swiper-container .swiper-slide .card-des p {
    opacity: 0;
    transition: all .3s;
    transform: translate(0vw, 7vw);
    width: auto
}

#weber-container .section-card .swiper-container .swiper-slide.active .card-imgs {
    opacity: 0;
    transition: all .1s
}

#weber-container .section-card .swiper-container .swiper-slide.active .card-icon img {
    transform: rotate(45deg);
    transition: .6s
}

#weber-container .section-card .swiper-container .swiper-slide.active .card-des div {
    opacity: 1;
    transition: all .3s;
    transform: translateX(0) translateY(0)
}

#weber-container .section-card .swiper-container .swiper-slide.active .card-des p {
    opacity: 1;
    transition: all .3s;
    transform: translateX(0) translateY(0)
}

#weber-container .section-card .swiper-container .swiper-slide-next {
    cursor: auto
}

#weber-container .section-card .swiper-container .swiper-slide.active .card-des {
    pointer-events: all;
    z-index: 6;
}

#weber-container .section-card .swiper-container .swiper-slide-active {
    cursor: auto
}

#weber-container .section-card .swiper-container .swiper-button-prev {
    top: auto;
    bottom: 0;
    width: 2.916667vw;
    height: 2.916667vw;
    left: auto;
    right: 4.0625vw;
    border-radius: 50%;
    box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .47)
}

#weber-container .section-card .swiper-container .swiper-button-prev::after {
    content: ""
}

#weber-container .section-card .swiper-container .swiper-button-prev svg {
    width: 100%;
    height: auto;
    transition-duration: .3s;
}

#weber-container .section-card .swiper-container .swiper-button-next {
    top: auto;
    width: 2.916667vw;
    height: 2.916667vw;
    bottom: 0;
    right: 0;
    left: auto;
    border-radius: 50%;
    box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .47)
}

#weber-container .section-card .swiper-container .swiper-button-next::after {
    content: ""
}

#weber-container .section-card .swiper-container .swiper-button-next svg {
    width: 100%;
    height: auto;
    transition: opacity .3s ease
}


#weber-container .section-card .swiper-container .swiper-button-disabled {
    opacity: 1;
    cursor: default
}

#weber-container .section-card .swiper-container .swiper-button-disabled svg {
    opacity: 0.3
}

#weber-container .section-card .swiper-container .card-icon {
    position: absolute;
    top: 2.5vw;
    right: 2.5vw;
    width: 2.604167vw;
    cursor: pointer;
    transform: translateZ(1px);
    mix-blend-mode: exclusion;
    pointer-events: all;
    z-index: 6;
}

#weber-container .section-card .swiper-container .card-icon img {
    transform: rotate(0deg);
    transition: .6s
}

#weber-container .section-card2 .section-content {
    margin-left: 6.614583vw
}

#weber-container .section-card2 .swiper-container .swiper-slide {
    height: 26.041667vw
}

#weber-container .section-card2 .swiper-container .swiper-slide .card-des {
    width: 16.145833vw;
    top: 13.229167vw
}

#weber-container .section-card2 .swiper-container .swiper-slide.active .text-32 {
    transform: translateX(0) translateY(7.1875vw) translateZ(1px);
    transition: all .3s
}

#weber-container .section-efficiency {
    width: 67.5vw;
    margin: 0 auto
}

#weber-container .section-efficiency .section-content {
    position: absolute;
    left: 5.208333vw;
    top: 6.770833vw;
    z-index: 6
}

#weber-container .section-efficiency a {
    display: block
}

#weber-container .section-efficiency a:last-child {
    margin-top: .416667vw
}

#weber-container .section-efficiency .efficiency-des {
    position: absolute;
    left: 5.208333vw;
    bottom: 3.333333vw;
    color: #969699
}

#weber-container .disclaimer-container {
    margin: 0 auto;
    width: 67.5%
}

#weber-container .disclaimer-container ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    font-size: .625vw
}

#weber-container .disclaimer-container li {
    color: #797979
}

#weber-container .disclaimer-container li.current {
    color: #fff
}

#weber-container .disclaimer-container .asterisk {
    list-style-type: "*"
}

#weber-container .disclaimer-container .other {
    list-style: none;
    position: relative
}

#weber-container .disclaimer-container .other::before {
    content: "**";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%)
}

#weber-container .disclaimer-container .more-discalimer {
    list-style: none;
    margin-top: 2vw
}

#weber-container .disclaimer-container .active {
    color: #000;
    opacity: 1
}

@media(max-width: 1920px) {
    #weber-container .disclaimer-container ol {
        font-size: 12px
    }
}

@media screen and (min-width: 769px)and (max-width: 800px) {
    #weber-container .section-kv .kv-content-container .kv-content-feature {
        letter-spacing: .018vw
    }
}

@media screen and (min-aspect-ratio: 11/10) {
    #weber-container.active {
        overflow: hidden
    }
}

@media screen and (max-aspect-ratio: 11/10) {
    #weber-container.active {
        overflow: initial
    }

    #weber-container .text-16 {
        font-size: 2.222222vw
    }

    #weber-container .text-18 {
        font-size: 2.5vw
    }

    #weber-container .text-22 {
        font-size: 3.055556vw
    }

    #weber-container .text-24 {
        font-size: 3.333333vw
    }

    #weber-container .text-28 {
        font-size: 3.888889vw
    }

    #weber-container .text-32 {
        font-size: 4.444444vw
    }

    #weber-container .text-48 {
        font-size: 6.666667vw
    }

    #weber-container .text-64 {
        font-size: 8.888889vw
    }

    #weber-container .text-80 {
        font-size: 11.111111vw
    }

    #weber-container .text-22-mob {
        font-size: 3.055556vw
    }

    #weber-container .text-28-mob {
        font-size: 3.888889vw
    }

    #weber-container .text-30-mob {
        font-size: 4.166667vw
    }

    #weber-container .text-32-mob {
        font-size: 4.444444vw
    }

    #weber-container .text-36-mob {
        font-size: 5vw
    }

    #weber-container .text-40-mob {
        font-size: 5.555556vw
    }

    #weber-container .text-64-mob {
        font-size: 8.888889vw
    }

    #weber-container .text-80-mob {
        font-size: 11.111111vw
    }

    #weber-container .text-100-mob {
        font-size: 13.888889vw
    }

    #weber-container .mtop-18 {
        margin-top: 2.5vw
    }

    #weber-container .mtop-20 {
        margin-top: 2.777778vw
    }

    #weber-container .mtop-25 {
        margin-top: 3.472222vw
    }

    #weber-container .mtop-30 {
        margin-top: 4.166667vw
    }

    #weber-container .mtop-56 {
        margin-top: 7.777778vw
    }

    #weber-container .mtop-60 {
        margin-top: 8.333333vw
    }

    #weber-container .mtop-30-mob {
        margin-top: 4.166667vw
    }

    #weber-container .mtop-40-mob {
        margin-top: 5.555556vw
    }

    #weber-container .space-240 {
        height: 33.333333vw
    }

    #weber-container .space-200 {
        height: 27.777778vw
    }

    #weber-container .space-190 {
        height: 26.388889vw
    }

    #weber-container .space-160 {
        height: 22.222222vw
    }

    #weber-container .space-200-mob {
        height: 27.777778vw
    }

    #weber-container .hidden-web {
        display: block
    }

    #weber-container .hidden-mob {
        display: none
    }

    #weber-container .lr-content {
        flex-direction: column
    }

    #weber-container .section-kv-wrap {
        width: 100%;
        overflow: hidden
    }

    #weber-container .section-kv .kv-content-container {
        width: 83.333333vw;
        padding-top: 17.361111vw
    }

    #weber-container .section-kv .kv-content-container .kv-content-logo {
        width: 100%
    }

    #weber-container .section-kv .kv-content-container .kv-content-text {
        margin-top: 3.333333vw
    }

    #weber-container .section-kv .kv-content-container .kv-content-feature {
        width: 110%;
        transform: translateX(-5%);
        letter-spacing: .028125vw
    }

    #weber-container .section-kv .kv-headline-trigger {
        margin-top: -20vw
    }

    #weber-container .section-kv .kv-introduction {
        transition-duration: .2s
    }

    #weber-container .section-kv .kv-introduction.animated {
        transition-duration: .5s
    }

    #weber-container .section-kv .kv-center {
        width: 100%
    }

    #weber-container .section-kv .kv-image-container {
        width: 100%;
        margin: 36.111111vw auto 0
    }

    #weber-container .section-kv .kv-shape-group {
        width: 197.377778vw;
        top: 7vw
    }

    #weber-container .section-kv .kv-content-price-container {
        padding: 7.777778vw 0 32.291667vw
    }

    #weber-container .section-kv .huawei-product-buy-btn-price {
        font-size: 5.555556vw
    }

    #weber-container .section-kv .huawei-product-buy-btn-price span {
        font-size: 3.611111vw
    }

    #weber-container .section-kv .kv-shadow-bottom {
        width: 100%;
        top: 0;
        left: 0;
        transform: scale(0.8)
    }

    #weber-container .section-kv .media-container {
        margin: 25.972222vw auto 0;
        width: 100%;
        height: 125vw
    }

    #weber-container .section-kv .media-container video {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }

    #weber-container .section-kv .kv-click-btn {
        padding: 2.222222vw 3.888889vw;
        margin: 8.888889vw auto 0
    }

    #weber-container .section-kv .kv-click-btn a svg {
        width: 3.472222vw;
        height: 4.166667vw;
        margin-left: 2.361111vw
    }

    #weber-container .section-reasons {
        margin-top: 13.888889vw
    }

    #weber-container .section-reasons .swiper-wrapper {
        width: 83.333333vw;
        margin-left: 0;
        margin-right: 0
    }

    #weber-container .section-reasons .swiper-slide {
        width: 83.333333vw;
        margin: 0 4.444444vw;
        border-radius: 2.222222vw
    }

    #weber-container .section-reasons .swiper-slide .reasons-title {
        top: 6.111111vw;
        left: 6.527778vw;
        width: 95.4%
    }

    #weber-container .section-reasons .swiper-slide .reasons-title .text-32 {
        margin-top: 1.944444vw;
        line-height: 1.5
    }

    #weber-container .section-reasons .reasons-con {
        border-radius: 2.222222vw
    }

    #weber-container .section-reasons .reasons-wrap {
        width: 83.333333vw;
        height: 125vw;
        border-radius: 2.222222vw
    }

    #weber-container .section-reasons .reasons-wrap-1 img {
        width: 68.527778vw;
        margin: 37.041667vw auto 0
    }

    #weber-container .section-reasons .reasons-wrap-2 img {
        width: 100%;
        margin: 0
    }

    #weber-container .section-reasons .reasons-wrap-3 img {
        width: 100%;
        margin: 0
    }

    #weber-container .section-reasons .reasons-wrap-4 img {
        width: 100%;
        margin: 0 auto 0
    }

    #weber-container .section-reasons .swiper-button-center {
        width: 62.222222vw;
        height: 13.333333vw;
        border-radius: 12.222222vw;
        margin-top: 8.888889vw
    }

    #weber-container .section-reasons .swiper-button-center .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
        margin: 0 1.666667vw
    }

    #weber-container .section-reasons .swiper-button-center .swiper-button-prev {
        width: 2.601389vw;
        height: 4.369444vw;
        left: 6.805556vw
    }

    #weber-container .section-reasons .swiper-button-center .swiper-button-next {
        width: 2.601389vw;
        height: 4.369444vw;
        right: 6.805556vw
    }

    #weber-container .section-headline {
        padding-top: 34.027778vw
    }

    #weber-container .section-headline .shadow-bottom {
        transform: scale(0.8);
        width: 100%;
        top: 27.638889vw;
        left: 0
    }

    #weber-container .section-headline .section-text {
        margin: 31.944444vw auto 0
    }

    #weber-container .section-headline .text-22 {
        width: 71.388889vw
    }

    #weber-container .section-headline .media-container {
        margin-top: 8.333333vw
    }

    #weber-container .system-screen .media-container {
        width: 100%;
        margin-top: 8.333333vw;
        margin-top: 0
    }

    #weber-container .system-screen .feature-container {
        margin-top: 0;
    }

    #weber-container .system-screen .feature-row {
        flex-wrap: wrap;
        margin-top: 0;
        width: 83.333333vw;
        justify-content: space-between
    }

    #weber-container .system-screen .feature-item {
        width: 53%;
        margin: 0;
        flex-shrink: 0
    }

    #weber-container .system-screen .feature-item:nth-child(3) {
        margin-top: 8.611111vw
    }

    #weber-container .system-screen .feature-item:nth-child(4) {
        margin-top: 8.611111vw
    }

    #weber-container .system-screen .feature-item .feature-num span {
        font-size: inherit
    }

    #weber-container .system-screen .feature-item .feature-text {
        margin-top: 0
    }

    #weber-container .system-screen .feature-item-left {
        width: 40%
    }

    #weber-container .system-screen .common-video-btn {
        position: relative;
        right: auto;
        margin: -4.444444vw auto 8.888889vw;
        bottom: auto;
    }

    #weber-container .oled-screen .section-content {
        width: 78.75vw;
        margin-left: 8.333333vw;
        align-items: flex-start
    }

    #weber-container .oled-screen .section-content .text-22 {
        width: 100%
    }

    #weber-container .oled-screen .media-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #weber-container .oled-screen .common-video-btn {
        margin-top: 4.444444vw;
    }

    #weber-container .harmony-design .section-text {
        width: 80vw;
        text-align: center
    }

    #weber-container .harmony-design .media-container {
        width: 100%;
        border-radius: 0;
    }

    #weber-container .harmony-design .common-video-btn {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 4.444444vw auto 0;
    }

    #weber-container .light-design .light-container {
        transform: translateY(0);
        margin-top: 11.111111vw
    }

    #weber-container .light-design .text-64 {
        width: 83.333333vw;
        margin-left: 8.333333vw;
        text-align: left
    }

    #weber-container .light-design .text-32-mob {
        width: 80vw;
        text-align: left;
        margin-left: 8.333333vw
    }

    #weber-container .light-design .light-row {
        width: 83.333333vw;
        margin-left: 8.333333vw;
        justify-content: flex-start
    }

    #weber-container .light-design .light-row span {
        font-size: 5.833333vw
    }

    #weber-container .light-design .light-item {
        margin-right: 19.444444vw
    }

    #weber-container .light-design .text-80-mob {
        font-weight: 300
    }

    #weber-container .light-design .media-container {
        width: auto;
        text-align: center;
    }
    #weber-container .light-design .media-container video,
    #weber-container .light-design .media-container .video-fallback{
        width: auto;
        margin: 0 auto;
        height: 181.944444vw;
    }
    #weber-container .light-design .media-container .video-fallback img{
        width: auto;
        height: 100%;
    }
    #weber-container .light-design .common-video-btn {
        position: relative;
        bottom: auto;
        margin: 4.444444vw auto 0;
    }

    #weber-container .light-design .common-video-btn span {
        margin-left: 0;
    }

    #weber-container .switch-design {
        width: 91.666667vw;
        margin-top: 27.777778vw
    }

    #weber-container .switch-design .swiper {
        overflow: inherit
    }

    #weber-container .switch-design .swiper-effect-text {
        position: relative;
        width: -moz-max-content;
        width: max-content;
        right: auto;
        bottom: auto;
        margin: 8.333333vw auto 0
    }

    #weber-container .switch-design .swiper-effect-text span {
        margin: 0
    }

    #weber-container .switch-design .swiper-effect-btn {
        position: sticky;
        width: 37.777778vw;
        height: 13.333333vw;
        border-radius: 6.666667vw;
        margin: 8.888889vw auto 0;
        padding-bottom: 0;
        background: none;
        bottom: 8.333333vw
    }

    #weber-container .switch-design .swiper-effect-btn::before {
        content: "";
        width: 100%;
        height: 13.333333vw;
        border-radius: 6.666667vw;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        background: #232323
    }

    #weber-container .switch-design .swiper-effect-btn .swiper-pagination-bullet {
        width: auto;
        height: auto
    }

    #weber-container .switch-design .swiper-effect-btn .swiper-pagination-bullet .outside-circle {
        border: .208333vw solid rgba(0, 0, 0, 0)
    }

    #weber-container .switch-design .swiper-effect-btn .swiper-pagination-bullet-active:nth-child(1) .outside-circle {
        border: .208333vw solid #6e6e6e
    }

    #weber-container .switch-design .swiper-effect-btn .swiper-pagination-bullet-active:nth-child(2) .outside-circle {
        border: .208333vw solid #fff
    }

    #weber-container .switch-design .swiper-effect-btn .swiper-pagination-bullet-active:nth-child(3) .outside-circle {
        border: .208333vw solid #f3e6c2
    }

    #weber-container .switch-design .swiper-effect-btn .color-pagination .inside-circle {
        width: 6.666667vw;
        height: 6.666667vw
    }

    #weber-container .switch-design .swiper-effect-btn .color-pagination .outside-circle {
        padding: .833333vw
    }

    #weber-container .switch-design .swiper-effect-btn .color-pagination .color-name {
        top: 16.805556vw;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        right: auto
    }

    #weber-container .common-video-btn {
        justify-content: center
    }

    #weber-container .common-video-btn .video-btn-icon {
        width: 5.555556vw
    }

    #weber-container .common-video-btn span {
        margin-right: 2.222222vw
    }

    #weber-container .productivity-bg {
        display: none
    }

    #weber-container .productivity .productivity-icon {
        width: 38.926389vw
    }

    #weber-container .productivity-gallery {
        width: 83.333333vw
    }

    #weber-container .productivity-swiper {
        margin-top: 31.944444vw
    }

    #weber-container .productivity-swiper .swiper-slide {
        width: 83.333333vw
    }

    #weber-container .productivity-swiper .swiper-slide .section-picture {
        width: 83.333333vw
    }

    #weber-container .productivity-swiper .productivity-text {
        top: 3.75vw;
        left: 4.444444vw
    }

    #weber-container .productivity-swiper .swiper-button-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 28.888889vw;
        margin-top: 8.888889vw;
        margin-left: 54.444444vw;
        margin-right: 0
    }

    #weber-container .productivity-swiper .swiper-button-prev {
        width: 12.222222vw;
        height: 12.222222vw;
        position: relative;
        top: auto;
        left: auto;
        transform: unset;
        margin: 0
    }

    #weber-container .productivity-swiper .swiper-button-prev::after {
        width: 100%;
        height: 100%;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #weber-container .productivity-swiper .swiper-button-prev.swiper-button-disabled {
        opacity: 1
    }

    #weber-container .productivity-swiper .swiper-button-prev.swiper-button-disabled svg {
        opacity: .3
    }

    #weber-container .productivity-swiper .swiper-button-prev svg {
        transition-duration: .3s
    }

    #weber-container .productivity-swiper .swiper-button-next {
        width: 12.222222vw;
        height: 12.222222vw;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: unset;
        margin: 0
    }

    #weber-container .productivity-swiper .swiper-button-next::after {
        width: 100%;
        height: 100%;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #weber-container .productivity-swiper .swiper-button-next.swiper-button-disabled {
        opacity: 1
    }

    #weber-container .productivity-swiper .swiper-button-next.swiper-button-disabled svg {
        opacity: .3
    }

    #weber-container .productivity-swiper .swiper-button-next svg {
        transition-duration: .3s
    }

    #weber-container .productivity-swiper .swiper-scrollbar {
        left: 0;
        bottom: 5.277778vw;
        width: 33.333333vw;
        height: .555556vw;
        background: rgba(202, 180, 159, .14);
        border-radius: 12.5vw
    }

    #weber-container .productivity-swiper .swiper-scrollbar-drag {
        width: 5.555556vw !important
    }

    #weber-container .linkage-productivity .linkage-productivity-bg {
        width: 100%;
        height: auto;
        padding-bottom: 0;
        background: none;
        margin-top: 8.888889vw
    }

    #weber-container .linkage-productivity .section-content {
        width: 78.75vw;
        margin-left: 8.333333vw
    }

    #weber-container .linkage-productivity .text-22 {
        width: 100%
    }

    #weber-container .linkage-productivity .media-container {
        margin-top: 0;
        border-radius: 0;
        padding: 0;
        width: 100%
    }

    #weber-container .linkage-productivity .common-video-btn {
        position: relative;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: auto;
        margin-top: 4.444444vw
    }

    #weber-container .linkage-pc {
        margin-top: 0
    }

    #weber-container .linkage-pc .section-content {
        width: 100%
    }

    #weber-container .linkage-pc .section-text {
        width: 78.75vw;
        margin: 0 auto 0 8.333333vw
    }

    #weber-container .linkage-pc .text-22 {
        width: 100%
    }

    #weber-container .linkage-pc .loop-video-wrap {
        width: 94.513889vw;
        margin-left: auto;
        margin-right: auto
    }

    #weber-container .linkage-pc .media-container {
        width: 100%;
        margin-top: 8.888889vw
    }

    #weber-container .linkage-pc .common-video-btn {
        position: relative;
        justify-content: center;
        right: auto;
        margin: 3.333333vw auto 0
    }

    #weber-container .linkage-pc .common-video-btn span {
        margin-right: 2.222222vw
    }

    #weber-container .linkage-pc .common-video-btn .video-btn-icon {
        width: 10vw
    }

    #weber-container .linkage-pc .linkage-popup-btn {
        width: 53.333333vw;
        height: 13.333333vw;
        border-radius: 6.666667vw;
        margin-top: 6.666667vw
    }

    #weber-container .linkage-pc .linkage-popup-btn svg {
        width: 6.666667vw;
        height: 6.666667vw;
        margin-left: 3.333333vw
    }

    #weber-container .weber-slideup-popup-container .popup-content {
        width: 97.222222vw;
        margin: 0 auto 1.388889vw;
        background-color: #1c1c1d;
        transform: translateY(55.555556vw)
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-content-wrap {
        margin-top: 7.777778vw;
        position: static;
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-content-wrap::before {
        content: "";
        width: 100%;
        height: 7.777778vw;
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        bottom: auto;
        z-index: 0
    }
    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-c{
        margin-bottom: 0;
        border-radius: unset;
        background: none;
    }
    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .icon-close-wrap {
        width: 12.222222vw;
        right: 3.333333vw;
        top: 3.888889vw
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .icon-close-circle {
        width: 12.222222vw;
        height: 12.222222vw;
        top: 4.722222vw
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .icon-close-circle::after {
        box-shadow: inset -0.277778vw -0.416667vw 2.777778vw rgba(202, 180, 159, .7)
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .icon-close {
        width: 4.444444vw
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .section-content {
        width: 83.333333vw;
        margin-top: 7.5vw;
        text-align: left
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-items {
        width: 83.333333vw;
        padding: 27.083333vw 0 27.777778vw
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item {
        flex-direction: column
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-item-img {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 8.888889vw;
        order: 3
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-item-content {
        width: 100%;
        margin-top: 0;
        order: 1
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-item-text {
        margin-top: 4.444444vw
    }

    #weber-container .weber-slideup-popup-container .weber-slideup-popup-scroll-container .popup-item .popup-icon {
        width: 13.472222vw;
        margin-top: 0;
        margin-bottom: 5.277778vw
    }

    #weber-container .section-intelligence {
        width: 91.666667vw
    }

    #weber-container .section-intelligence .section-content {
        width: 83.333333vw;
        text-align: left
    }

    #weber-container .section-intelligence .intelligence-container {
        width: 91.666667vw
    }

    #weber-container .section-intelligence .intelligence-text-btn-wrap {
        width: 59.583333vw;
        top: 80.972222vw
    }

    #weber-container .section-intelligence .intelligence-swiper-scrollbar {
        width: 59.583333vw;
        height: 1.111111vw;
        top: 90.277778vw;
        overflow: hidden;
        border-radius: 12.5vw
    }

    #weber-container .section-intelligence .intelligence-swiper-scrollbar[data-active="1"] .intelligence-swiper-scrollbar-drag {
        transform: translateX(36.010417vw)
    }

    #weber-container .section-intelligence .intelligence-swiper-scrollbar .intelligence-swiper-scrollbar-drag {
        width: 23.611111vw;
        border-radius: 12.5vw
    }

    #weber-container .section-intelligence .swiper-slide {
        width: 100%;
        height: auto;
        margin-right: 0;
        border-radius: 2.222222vw
    }

    #weber-container .section-intelligence .swiper-slide:last-child {
        margin-right: 0
    }

    #weber-container .section-intelligence .swiper-slide .media-container {
        padding: 0;
        margin-top: 0;
        padding-bottom: 16.388889vw;
        border-radius: 2.222222vw;
        overflow: hidden
    }

    #weber-container .section-intelligence .swiper-slide .media-container .responsive-video {
        width: 100%;
        height: 75vw;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 2.222222vw;
        overflow: hidden
    }

    #weber-container .section-intelligence .swiper-slide .media-container .video-fallback {
        width: 100%;
        height: 75vw;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 2.222222vw;
        overflow: hidden
    }

    #weber-container .section-intelligence .swiper-slide .intelligence-des {
        width: 80vw;
        margin: 4.444444vw auto 0
    }

    #weber-container .section-intelligence .swiper-slide .intelligence-des p {
        text-align: left
    }

    #weber-container .section-intelligence .intelligence-video-play-btn-container {
        position: absolute;
        width: 10vw;
        height: 10vw;
        top: auto;
        bottom: auto;
        top: 60.555556vw;
        right: 4.444444vw;
        margin: 0 auto;
        box-shadow: none
    }

    #weber-container .section-intelligence .intelligence-video-play-btn-container::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: inset -0.277778vw -0.416667vw 2.777778vw #cab49f
    }

    #weber-container .section-intelligence .intelligence-video-play-btn-container::before {
        content: "";
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        border-radius: 50%;
        position: absolute;
        top: 1px;
        padding: 1px;
        box-sizing: border-box;
        left: 1px;
        background: rgba(23, 22, 21, .7);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        transform: translateZ(-1px)
    }

    #weber-container .section-intelligence .intelligence-video-play-btn-container svg {
        width: 10vw;
        height: 10vw
    }

    #weber-container .section-intelligence .intelligence-swiper-btn-container {
        display: flex;
        margin-top: 8.888889vw;
        margin-left: 27.777778vw
    }

    #weber-container .section-intelligence .intelligence-swiper-btn-container svg {
        width: 1.944444vw;
        height: auto;
        transition-duration: .3s
    }

    #weber-container .section-intelligence .intelligence-swiper-prev-btn {
        width: 12.222222vw;
        height: 12.222222vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #weber-container .section-intelligence .intelligence-swiper-prev-btn::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #weber-container .section-intelligence .intelligence-swiper-next-btn {
        width: 12.222222vw;
        height: 12.222222vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #weber-container .section-intelligence .intelligence-swiper-next-btn::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #weber-container .section-intelligence .intelligence-swiper-prev-btn {
        margin-right: 4.444444vw
    }

    #weber-container .section-icon {
        width: 12.222222vw
    }

    #weber-container .section-note {
        width: 91.666667vw
    }

    #weber-container .section-note .section-content {
        width: 83.333333vw;
        text-align: left
    }

    #weber-container .section-note .note-container {
        width: 91.666667vw
    }

    #weber-container .section-note .note-text-btn-wrap {
        width: 66.666667vw;
        top: 80.972222vw
    }

    #weber-container .section-note .note-swiper-scrollbar {
        width: 66.666667vw;
        height: 1.111111vw;
        top: 90.277778vw;
        overflow: hidden;
        border-radius: 12.5vw
    }

    #weber-container .section-note .note-swiper-scrollbar[data-active="1"] .note-swiper-scrollbar-drag {
        width: 30.555556vw;
        transform: translateX(36.010417vw)
    }

    #weber-container .section-note .note-swiper-scrollbar .note-swiper-scrollbar-drag {
        width: 25vw;
        border-radius: 12.5vw
    }

    #weber-container .section-note .swiper-slide {
        width: 100%;
        height: auto;
        margin-right: 0;
        border-radius: 2.222222vw
    }

    #weber-container .section-note .swiper-slide:last-child {
        margin-right: 0
    }

    #weber-container .section-note .swiper-slide .media-container {
        padding: 0;
        margin-top: 0;
        padding-bottom: 16.388889vw;
        border-radius: 2.222222vw;
        overflow: hidden
    }

    #weber-container .section-note .swiper-slide .media-container .responsive-video {
        width: 100%;
        height: 75vw;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 2.222222vw;
        overflow: hidden
    }

    #weber-container .section-note .swiper-slide .media-container .video-fallback {
        width: 100%;
        height: 75vw;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 2.222222vw;
        overflow: hidden
    }

    #weber-container .section-note .swiper-slide .note-des {
        width: 80vw;
        margin: 4.444444vw auto 0
    }

    #weber-container .section-note .swiper-slide .note-des p {
        text-align: left
    }

    #weber-container .section-note .note-video-play-btn-container {
        position: absolute;
        width: 10vw;
        height: 10vw;
        top: auto;
        bottom: auto;
        top: 60.555556vw;
        right: 4.444444vw;
        margin: 0 auto;
        box-shadow: none
    }

    #weber-container .section-note .note-video-play-btn-container::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: inset -0.277778vw -0.416667vw 2.777778vw #cab49f
    }

    #weber-container .section-note .note-video-play-btn-container::before {
        content: "";
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        border-radius: 50%;
        position: absolute;
        top: 1px;
        padding: 1px;
        box-sizing: border-box;
        left: 1px;
        background: rgba(23, 22, 21, .7);
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        transform: translateZ(-1px)
    }

    #weber-container .section-note .note-video-play-btn-container svg {
        width: 10vw;
        height: 10vw
    }

    #weber-container .section-note .note-swiper-btn-container {
        display: flex;
        margin-top: 8.888889vw;
        margin-left: 27.777778vw
    }

    #weber-container .section-note .note-swiper-btn-container svg {
        width: 1.944444vw;
        height: auto;
        transition-duration: .3s
    }

    #weber-container .section-note .note-swiper-prev-btn {
        width: 12.222222vw;
        height: 12.222222vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #weber-container .section-note .note-swiper-prev-btn::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #weber-container .section-note .note-swiper-next-btn {
        width: 12.222222vw;
        height: 12.222222vw;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #weber-container .section-note .note-swiper-next-btn::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        z-index: 0;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #weber-container .section-note .note-swiper-prev-btn {
        margin-right: 4.444444vw
    }

    #weber-container .section-draw .section-icon {
        margin-left: 8.333333vw
    }

    #weber-container .section-draw .section-content {
        width: 100%;
        align-items: flex-start;
        text-align: left
    }

    #weber-container .section-draw .section-content .text-64 {
        width: 83.333333vw;
        margin-left: auto;
        margin-right: auto
    }

    #weber-container .section-draw .section-content .draw-des {
        width: 83.333333vw;
        margin-left: 8.333333vw;
        margin-right: auto;
        margin-top: -13.5vw;
        order: 3
    }

    #weber-container .section-draw .section-content .linkga {
        width: 83.333333vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6.666667vw;
        order: 4
    }

    #weber-container .section-draw .media-container {
        width: 100%;
        order: 1;
        margin-top: 8.333333vw
    }

    #weber-container .section-draw .media-container .draw-center {
        width: 87.083333vw;
        left: 0;
        top: 2vw;
        border-radius: 2.638889vw
    }

    #weber-container .section-draw .draw-items {
        margin-left: 8.333333vw;
        margin-top: 8.888889vw;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    #weber-container .section-draw .draw-items .draw-left-icon {
        width: 11.111111vw;
        margin-right: 2.777778vw;
        flex-shrink: 0
    }

    #weber-container .section-draw .draw-items .draw-right-content {
        flex-shrink: 0
    }

    #weber-container .section-draw .draw-items .draw-item .draw-headline {
        margin-bottom: 1.111111vw
    }

    #weber-container .section-draw .draw-items .draw-item-1 {
        width: 39.444444vw;
        margin-right: 3.722222vw
    }

    #weber-container .section-draw .draw-items .draw-item-2 {
        margin-right: 0
    }

    #weber-container .section-draw .draw-items .draw-item-3 {
        width: 39.444444vw;
        margin-top: 7.111111vw;
        margin-right: 3.722222vw
    }

    #weber-container .section-draw .draw-items .draw-item-4 {
        margin-top: 14.583333vw
    }

    #weber-container .performance .section-text .text-22 {
        width: 80.972222vw
    }

    #weber-container .performance .performance-items {
        margin-top: 8.333333vw
    }

    #weber-container .performance .performance-items .performance-item {
        width: auto;
        margin-right: 12.5vw
    }

    #weber-container .performance .performance-items .performance-headline {
        margin-bottom: 2.222222vw
    }

    #weber-container .performance .performance-items .performance-headline img {
        width: 4.302778vw;
        margin-left: 2.777778vw
    }

    #weber-container .performance .media-container {
        width: 100%;
        margin-top: 8.333333vw
    }

    #weber-container .section-card {
        width: 91.666667vw;
        padding-bottom: 15.277778vw
    }

    #weber-container .section-card .swiper-container {
        overflow: hidden
    }

    #weber-container .section-card .swiper-container .swiper-slide {
        width: 100%;
        height: auto;
        background: none;
        display: flex;
        flex-direction: column;
        margin-right: 4.305556vw;
        cursor: auto
    }

    #weber-container .section-card .swiper-container .swiper-slide .text-32 {
        position: relative;
        top: auto;
        width: 83.333333vw;
        margin-left: auto;
        margin-right: auto;
        left: auto;
        transform: unset;
        order: 2;
        margin-top: 5.833333vw
    }

    #weber-container .section-card .swiper-container .swiper-slide .card-imgs {
        position: relative;
        height: auto;
        transform: unset;
        top: auto;
        left: auto;
        order: 1
    }

    #weber-container .section-card .swiper-container .swiper-slide .card-des {
        width: 83.333333vw;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: auto;
        left: auto;
        transform: unset;
        order: 3;
        margin-top: 4.166667vw
    }

    #weber-container .section-card .swiper-container .swiper-slide .card-des p {
        opacity: 1;
        transform: unset;
        transition: none;
        margin: 0
    }

    #weber-container .section-card .swiper-container .card-icon {
        display: none
    }

    #weber-container .section-card .swiper-container .swiper-button-prev {
        width: 12.222222vw;
        height: 12.222222vw;
        left: 31.388889vw;
        right: auto;
        margin-top: 2.777778vw;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #weber-container .section-card .swiper-container .swiper-button-prev svg {
        width: 100%;
        height: auto
    }

    #weber-container .section-card .swiper-container .swiper-button-next {
        width: 12.222222vw;
        height: 12.222222vw;
        left: auto;
        right: 31.388889vw;
        margin-top: 8.333333vw;
        box-shadow: inset -0.277778vw -0.694444vw 2.777778vw rgba(202, 180, 159, .47)
    }

    #weber-container .section-card .swiper-container .swiper-button-next svg {
        width: 100%;
        height: auto
    }

    #weber-container .section-card2 {
        padding-bottom: 20vw
    }

    #weber-container .section-card2 .section-content {
        margin-left: 4.166667vw
    }

    #weber-container .section-card2 .swiper-container {
        margin-top: 8.888889vw
    }

    #weber-container .section-efficiency {
        width: 100%
    }

    #weber-container .section-efficiency .section-content {
        position: relative;
        left: auto;
        top: auto;
        width: 83.333333vw;
        margin-left: auto;
        margin-right: auto
    }

    #weber-container .section-efficiency .media-container {
        width: 94.027778vw;
        margin: 10.277778vw auto 0 0
    }

    #weber-container .section-efficiency .efficiency-des {
        position: relative;
        left: auto;
        bottom: auto;
        width: 83.333333vw;
        margin-top: 8.333333vw;
        margin-left: auto;
        margin-right: auto;
        text-align: left
    }

    #weber-container .section-efficiency a:last-child {
        margin-top: 1.111111vw
    }

    #weber-container .section-disclaimer .disclaimer-container {
        width: 87.5vw
    }

    #weber-container .section-disclaimer .disclaimer-container ol {
        font-size: 3.333333vw
    }
}

#weber-container button {
    border: 0;
    background-color: transparent;
}

#weber-container *,
#weber-container *::before,
#weber-container *::after {
    box-sizing: border-box;
}

#weber-container .shine-button {
    display: flex;
    justify-content: center;
    margin-top: 3.125vw;
    font-size: 0;
}
#weber-container .shine-button a{
    height: 100%;
}
#weber-container .shine-button .shine-wrapper {
    opacity: 0.3;
    transition-duration: .6s;
}

#weber-container .shine-button.animated .shine-wrapper {
    opacity: 1;
}

#weber-container .shine-button.animated2 .shine-wrapper {
    opacity: 0;
}

#weber-container .shine-button span {
    margin-right: .625vw;
}

#weber-container .shine-button .shine-wrapper {
    position: relative;
    overflow: hidden;
    height: 2.1875vw;
    border-radius: 999px;
    background-color: rgba(124, 102, 78, 1);
}

#weber-container .shine-button .shine-item,
#weber-container .shine-button .shine-inside {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 2px;
    border-radius: 999px;
}

#weber-container .shine-button .shine-item {
    pointer-events: none;
}

#weber-container .shine-button .shine-item::before,
#weber-container .shine-button .shine-item::after {
    display: block;
    content: "";
}

#weber-container .shine-button .shine-item::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 60%;
    height: 4.6875vw;
    content: "";
    transition: width 0.2s, transform 0.2s;
    transform: translate3d(33.333333%, -50%, 0);
    background-color: #FBE1C6;
    filter: blur(10px);
    will-change: width, transform;
}

#weber-container .shine-button .shine-item::after {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background-color: #000;
}

#weber-container .shine-button .shine-inside {
    z-index: 2;
}

#weber-container .shine-button .shine-inside::before,
#weber-container .shine-button .shine-inside::after {
    position: absolute;
    display: block;
    content: "";
    border-radius: 100%;
    background-color: #FBE1C6;
    filter: blur(24px);
    will-change: width, transform;
}

#weber-container .shine-button .shine-top-bottom::before,
#weber-container .shine-button .shine-top-bottom::after {
    left: 0;
    width: 60%;
    height: 0.9375vw;
    transition: width 0.2s, transform 0.2s;
    transform: translate3d(33.333333%, 0, 0);
}

#weber-container .shine-button .shine-top-bottom::before {
    top: -0.9375vw;
}

#weber-container .shine-button .shine-top-bottom::after {
    bottom: -0.9375vw;
}

#weber-container .shine-button .shine-left-right {
    transition: opacity 0.2s;
    opacity: 0;
}

#weber-container .shine-button .shine-left-right::before,
#weber-container .shine-button .shine-left-right::after {
    top: 50%;
    width: 1.770833vw;
    height: 5.625vw;
    transform: translateY(-50%);
}

#weber-container .shine-button .shine-left-right::before {
    left: -1.666667vw;
    opacity: var(--shine-opacity-left, 0);
}

#weber-container .shine-button .shine-left-right::after {
    right: -1.666667vw;
    opacity: var(--shine-opacity-right, 0);
}

#weber-container .shine-button .mouse-enter .shine-item::before {
    width: 4.166667vw;
    transform: translate3d(calc(var(--shine-x, 0px) - 50%), -50%, 0);
}

#weber-container .shine-button .mouse-enter .shine-top-bottom::before,
#weber-container .shine-button .mouse-enter .shine-top-bottom::after {
    width: 4.166667vw;
    transform: translate3d(calc(var(--shine-x, 0px) - 50%), 0, 0);
}

#weber-container .shine-button .mouse-enter .shine-left-right {
    opacity: 1;
}

#weber-container .shine-button .no-transition .shine-item::before,
#weber-container .shine-button .no-transition .shine-top-bottom::before,
#weber-container .shine-button .no-transition .shine-top-bottom::after {
    transition: none;
}

#weber-container .shine-button .button-item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 1.041667vw;
}

#weber-container .shine-button .button-item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    box-shadow: inset .260417vw -.15625vw 1.041667vw #D2C0AD;
    top: 0;
    left: 0;
}

#weber-container .shine-button .button-copy {
    font-size: 0.9375vw;
    font-weight: 500;
    color: #FFF0E1;
}

#weber-container .shine-button svg {
    width: .833333vw;
}

@media (max-aspect-ratio: 11/10) {
    #weber-container .shine-button {
        margin-top: 8.888889vw;
    }

    #weber-container .shine-button .shine-wrapper {
        height: 8.888889vw;
    }

    #weber-container .shine-button .button-item {
        padding-right: 3.888889vw;
        padding-left: 3.888889vw;
    }

    #weber-container .shine-button .button-item::after {
        box-shadow: inset .694444vw -.416667vw 2.777778vw #D2C0AD;
    }

    #weber-container .shine-button svg {
        width: 3.472222vw;
    }

    #weber-container .shine-button span {
        margin-right: 2.361111vw;
    }

    #weber-container .shine-button .shine-item::before {
        height: 16.944444vw;
    }

    #weber-container .shine-button .shine-top-bottom::before,
    #weber-container .shine-button .shine-top-bottom::after {
        height: 3.333333vw;
    }

    #weber-container .shine-button .shine-top-bottom::before {
        top: -3.333333vw;
    }

    #weber-container .shine-button .shine-top-bottom::after {
        bottom: -3.333333vw;
    }

    #weber-container .shine-button .button-copy {
        font-size: 3.055556vw;
    }

    #weber-container .shine-button .button-icon {
        width: 6.666667vw;
        margin-left: 3.333333vw;
    }
}
#weber-container.no-inline-video .video-fallback{
    display: block;
}
#weber-container.no-inline-video video{
    display: none;
}
#weber-container.no-inline-video .common-video-btn{
    display: none;
}
#weber-container.no-inline-video .intelligence-video-play-btn-container{
    display: none;
}
#weber-container.no-inline-video .note-video-play-btn-container{
    display: none;
}