.display-2.display-lg-1,.h1-lg{letter-spacing:-.016em}sup a:link,sup a:visited{color:inherit;padding-left:.1em}sup a:hover{color:#d20a2c}.slick-slider .component{opacity:1 !important}@supports(--var:0){.component-svg-animation svg{opacity:0}}.component-svg-animation.animated svg{opacity:1}@supports(--var:0){.component-svg-animation.animated svg path{stroke-dasharray:var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dasharray);-webkit-animation:animate-strokes 1s ease forwards;animation:animate-strokes 1s ease forwards}.component-svg-animation.animated svg path.delay-2{-webkit-animation-delay:.8s;animation-delay:.8s}.component-svg-animation.animated svg path.delay-3{-webkit-animation-delay:.85s;animation-delay:.85s}.component-svg-animation.animated svg path.delay-4{-webkit-animation-delay:.9s;animation-delay:.9s}.component-svg-animation.animated svg path.delay-5{-webkit-animation-delay:.95s;animation-delay:.95s}.component-svg-animation.animated svg path.delay-6{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:1s;animation-duration:1s}.component-svg-animation.animated svg path.delay-7{-webkit-animation-delay:1.1s;animation-delay:1.1s;-webkit-animation-duration:1s;animation-duration:1s}.component-svg-animation.animated svg path.delay-8{-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-duration:1s;animation-duration:1s}.component-svg-animation.animated svg path.delay-9{-webkit-animation-delay:1.3s;animation-delay:1.3s;-webkit-animation-duration:1s;animation-duration:1s}.component-svg-animation.animated svg path.delay-10{-webkit-animation-delay:1.8s;animation-delay:1.8s;-webkit-animation-duration:1s;animation-duration:1s}}.no-svg-transforms .component-svg-animation path{stroke-dasharray:none !important;stroke-dashoffset:0 !important}#mate20-camera-matrix .img-fluid{height:auto !important;z-index:3 !important}.svg-transforms #mate20-camera-matrix .img-fluid{opacity:0}.svg-transforms #mate20-camera-matrix.animated .img-fluid{-webkit-animation:mate20-camera-matrix 1s 2.5s ease-out forwards;animation:mate20-camera-matrix 1s 2.5s ease-out forwards}.no-svg-transforms #mate20-camera-matrix.animated .img-fluid{-webkit-animation:mate20-camera-matrix 2s .5s forwards;animation:mate20-camera-matrix 2s .5s forwards}@-webkit-keyframes animate-strokes{0{stroke-dashoffset:var(--stroke-dasharray)}100%{stroke-dashoffset:0}}@keyframes animate-strokes{0{stroke-dashoffset:var(--stroke-dasharray)}100%{stroke-dashoffset:0}}@-webkit-keyframes mate20-camera-matrix{0{opacity:0}100%{opacity:1}}@keyframes mate20-camera-matrix{0{opacity:0}100%{opacity:1}}@font-face{font-family:manrope-huawei;src:url(../fonts/manrope-huawei/manrope-light.woff2) format("woff2"),url(../fonts/manrope-huawei/manrope-light.woff) format("woff"),url(../fonts/manrope-huawei/manrope-light.otf) format("opentype");font-style:normal;font-weight:300}@font-face{font-family:manrope-huawei;src:url(../fonts/manrope-huawei/manrope-medium.woff2) format("woff2"),url(../fonts/manrope-huawei/manrope-medium.woff) format("woff"),url(../fonts/manrope-huawei/manrope-medium.otf) format("opentype");font-style:normal;font-weight:500}@font-face{font-family:manrope-huawei;src:url(../fonts/manrope-huawei/manrope-bold.woff2) format("woff2"),url(../fonts/manrope-huawei/manrope-bold.woff) format("woff"),url(../fonts/manrope-huawei/manrope-bold.otf) format("opentype");font-style:normal;font-weight:800}.product-mate20,.product-mate20pro{font-family:manrope-huawei,"PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei",sans-serif}.mate20-gallery-frame{position:relative;z-index:3}.mate20-gallery-frame img{max-height:750px}.mate20-gallery-container{position:relative;display:inline-block}.mate20-gallery-container .component-carousel-media,.mate20-gallery-container .mate20-gallery-media{position:absolute;left:16.8%;width:66.4%;top:2.1%;height:90.5%;z-index:1;border-radius:0;background-color:#000}.mate20-gallery-container .component-carousel-media img,.mate20-gallery-container .component-carousel-media video{width:100%;height:100%}.product-mate20pro .mate20-gallery-container .component-carousel-media,.product-mate20pro .mate20-gallery-media{left:18.2%;width:63.66%;top:2%;height:89.98%;-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;border-radius:10px;overflow:hidden}.product-mate20pro .mate20-gallery-container .component-carousel-media video,.product-mate20pro .mate20-gallery-media video{width:100%;height:100%;z-index:1}#mate20-design-colors .component-carousel-media{border-radius:0 !important}@media(min-width:1440px){.mate20-design-colors-slider{left:-34px}}.mate20-hero-container{height:200vh;margin-bottom:-275px;margin-top:275px}.mate20-hero-container .component-image-composition{position:-webkit-sticky;position:sticky;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}@media(max-width:755.98px){.mate20-hero-container{margin-top:25vh;height:150vh;margin-bottom:-10vh}}.phone-internal-container{-webkit-transform:scale(.5,.5);transform:scale(.5,.5);position:relative;top:-372px}.phone-internal-container img,.phone-internal-container video{display:block}.phone-internal-container.animated{-webkit-animation:phoneAppear 1s ease forwards .5s;animation:phoneAppear 1s ease forwards .5s}.mate20-scroll-indicator{border-radius:13px;height:36px;width:26px;border:2px solid rgba(0,0,0,.25);display:block;margin:auto;position:fixed;bottom:6vh;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.mate20-scroll-indicator::before{text-align:center;width:0;position:relative;display:inline-block;content:'';height:0;top:8px;left:9px;border:2px solid rgba(0,0,0,.5);border-radius:15px;-webkit-animation:mobileScrollAction 1s ease-in-out infinite;animation:mobileScrollAction 1s ease-in-out infinite}.mate20-scroll-indicator.hidden{opacity:0}@-webkit-keyframes mobileScrollAction{0{opacity:0;top:8px}25%{opacity:1;top:8px}75%{top:-6px}100%{opacity:0;top:-6px}}@keyframes mobileScrollAction{0{opacity:0;top:8px}25%{opacity:1;top:8px}75%{top:-6px}100%{opacity:0;top:-6px}}.mate20-component-supercharge-bowl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;overflow:hidden}.mate20-component-supercharge-bowl .mate20-component-supercharge-timer{opacity:0;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;font-variant-numeric:tabular-nums}.mate20-component-supercharge-inner{width:100%;height:100%}.mate20-component-supercharge-fill{position:relative;top:100%}.mate20-component-supercharge-battery-cable{top:95.05% !important;overflow:hidden;z-index:3}#mate20BatteryCounter{opacity:0;-webkit-transition:all 5s ease-out;transition:all 5s ease-out}#mate20BatteryCounter .display-1{font-variant-numeric:tabular-nums}#mate20BatteryCounter.animated{opacity:1;color:#00dc00}.animated .mate20-component-supercharge-bowl .mate20-component-supercharge-timer{opacity:1}.animated .mate20-component-supercharge-bowl .mate20-component-supercharge-teaser{opacity:0;-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.animated .mate20-component-supercharge-bowl .mate20-component-supercharge-waveShape{-webkit-animation:waveAction .5s linear infinite;animation:waveAction .5s linear infinite}.animated .mate20-component-supercharge-bowl h6{opacity:1}.animated .mate20-component-supercharge-battery-cable img{-webkit-animation:superchargeCable 2.5s cubic-bezier(.77,0,.175,1) forwards;animation:superchargeCable 2.5s cubic-bezier(.77,0,.175,1) forwards}.product-mate20pro .animated .mate20-component-supercharge-bowl .mate20-component-supercharge-fill{-webkit-animation:fillActionMate20pro 2s .25s linear forwards;animation:fillActionMate20pro 2s .25s linear forwards}.product-mate20 .animated .mate20-component-supercharge-bowl .mate20-component-supercharge-fill{-webkit-animation:fillActionMate20 2s .25s linear forwards;animation:fillActionMate20 2s .25s linear forwards}@-webkit-keyframes superchargeCable{0{-webkit-transform:translate(0,0);transform:translate(0,0)}7.5%{-webkit-transform:translate(0,-14.8%);transform:translate(0,-14.8%)}92.5%{-webkit-transform:translate(0,-14.8%);transform:translate(0,-14.8%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes superchargeCable{0{-webkit-transform:translate(0,0);transform:translate(0,0)}7.5%{-webkit-transform:translate(0,-14.8%);transform:translate(0,-14.8%)}92.5%{-webkit-transform:translate(0,-14.8%);transform:translate(0,-14.8%)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes fillActionMate20pro{0{top:100%}100%{top:30%}}@keyframes fillActionMate20pro{0{top:100%}100%{top:30%}}@-webkit-keyframes fillActionMate20{0{top:100%}100%{top:42%}}@keyframes fillActionMate20{0{top:100%}100%{top:42%}}@-webkit-keyframes waveAction{0{-webkit-transform:translate(-150px,0);transform:translate(-150px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes waveAction{0{-webkit-transform:translate(-150px,0);transform:translate(-150px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.component.shown .mate20-photo-ai-overlay{opacity:0;-webkit-animation:mate20-photo-ai-overlay 6s ease infinite;animation:mate20-photo-ai-overlay 6s ease infinite;z-index:4}@-webkit-keyframes mate20-photo-ai-overlay{0{opacity:0}30%{opacity:0}50%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes mate20-photo-ai-overlay{0{opacity:0}30%{opacity:0}50%{opacity:1}80%{opacity:1}100%{opacity:0}}#mate20pro-bio-fingerprint-container{padding-top:54.5%}#mate20pro-bio-fingerprint{margin-top:-80px;padding-top:200px}#mate20pro-bio-fingerprint .component-background{overflow:visible;min-width:110%;margin-left:-5%}#mate20pro-bio-fingerprint .component-background-image img{position:absolute;height:100%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-o-object-fit:unset;object-fit:unset;width:auto}.mate20pro-intro h1{line-height:1.2em;letter-spacing:-.032em}.mate20pro-intro .component-image-composition-follower{top:-100px}@media(min-width:1326px){.mate20pro-intro h1{font-size:100px !important}}@media(max-width:545.98px){.mate20pro-intro .component-image-composition-follower{top:-25px}}.mate20-frame-landscape .component-image-composition-follower{overflow:hidden;border-radius:10px}.mate20-frame-landscape .mate20-video-play-stop{-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;border-radius:10px;background:#000}.product-mate20pro .mate20-frame-landscape .component-image-composition-follower{width:94.7%;height:95.3%;left:2.1%;top:2.5%}.product-mate20 .mate20-frame-landscape .component-image-composition-follower{width:94.9%;height:93.7%;left:2.41%;top:3.3%}@media(max-width:545.98px){#mate20pro-bio-fingerprint-container{padding-top:123%}#mate20pro-bio-fingerprint{padding-top:150px}#mate20pro-bio-fingerprint .component-background{margin-left:0}}#mate20pro-design-hand{padding-bottom:0 !important;padding-top:100px !important}#performance-npu-overlay{-webkit-mask-image:url(../img/performance-npu-mask.png);mask-image:url(../img/performance-npu-mask.png);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media(max-width:755px){#performance-npu-overlay{-webkit-mask-image:url(../img/performance-npu-xs-mask.png);mask-image:url(../img/performance-npu-xs-mask.png)}}#mate20proBatteryTrigger .component-image-composition-slave{opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;-webkit-transform:perspective(70em) rotateX(22deg);transform:perspective(70em) rotateX(22deg)}#mate20proBatteryTrigger .component-image-composition-slave>div{width:51%;margin-left:16.2%;height:92%;padding-right:3%;vertical-align:middle}.mate20-battery-capacity-number{font-size:120px;font-variant-numeric:tabular-nums}#mate20proBatteryTrigger.animated .component-image-composition-slave{opacity:1}@media(min-width:1008px){#mate20proBatteryTrigger .component-image-composition-slave{-webkit-transform:perspective(100em) rotateX(22deg);transform:perspective(100em) rotateX(22deg)}.mate20-battery-capacity-number{font-size:120px}}@media(max-width:1007.98px){#mate20proBatteryTrigger .component-image-composition-slave{-webkit-transform:perspective(100em) rotateX(22deg);transform:perspective(100em) rotateX(22deg)}.mate20-battery-capacity-number{font-size:100px}}@media(max-width:755.98px){#mate20proBatteryTrigger .component-image-composition-slave{-webkit-transform:perspective(300vw) rotateY(-31deg);transform:perspective(300vw) rotateY(-31deg)}#mate20proBatteryTrigger .component-image-composition-slave>div{width:51%;margin-left:22.5%;margin-top:42%;padding-right:0;padding-top:5%;height:auto}.mate20-battery-capacity-number{font-size:15vw}}.mate20-benchmark-number{font-variant-numeric:tabular-nums}.mate20-benchmark strong.d-block{padding-top:.42em}.mate20-benchmark svg .mate20-benchmark-bar{-webkit-transition:-webkit-transform 2s ease;transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 50%;transform-origin:0 50%}.mate20-benchmark svg .mate20-benchmark-graph{-webkit-transition:-webkit-transform 2s ease;transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.mate20-benchmark.animated svg .mate20-benchmark-bar,.mate20-benchmark.animated svg .mate20-benchmark-graph{-webkit-transform:scale(1,1);transform:scale(1,1)}#mate20-photo-segmentation.animated>div{-webkit-perspective:100vh;perspective:100vh}#mate20-photo-segmentation.animated img:nth-child(1){-webkit-animation:mate20-photo-segmentation-1 8s ease forwards;animation:mate20-photo-segmentation-1 8s ease forwards}#mate20-photo-segmentation.animated img:nth-child(2){-webkit-animation:mate20-photo-segmentation-2 8s ease forwards;animation:mate20-photo-segmentation-2 8s ease forwards}#mate20-photo-segmentation.animated img:nth-child(3){-webkit-animation:mate20-photo-segmentation-3 8s ease forwards;animation:mate20-photo-segmentation-3 8s ease forwards}@-webkit-keyframes mate20-photo-segmentation-1{0{-webkit-transform:rotateX(0);transform:rotateX(0)}20%{-webkit-transform:rotateX(50deg);transform:rotateX(50deg)}45%{-webkit-transform:rotateX(50deg);transform:rotateX(50deg)}65%{-webkit-transform:rotateX(50deg);transform:rotateX(50deg)}80%{-webkit-transform:rotateX(50deg);transform:rotateX(50deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes mate20-photo-segmentation-1{0{-webkit-transform:rotateX(0);transform:rotateX(0)}20%{-webkit-transform:rotateX(50deg);transform:rotateX(50deg)}45%{-webkit-transform:rotateX(50deg);transform:rotateX(50deg)}65%{-webkit-transform:rotateX(50deg);transform:rotateX(50deg)}80%{-webkit-transform:rotateX(50deg);transform:rotateX(50deg)}100%{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes mate20-photo-segmentation-2{0{-webkit-transform:translate3d(0,0,0) rotateX(0);transform:translate3d(0,0,0) rotateX(0)}20%{-webkit-transform:translate3d(0,0,0) rotateX(50deg);transform:translate3d(0,0,0) rotateX(50deg)}22%{-webkit-transform:translate3d(0,0,0) rotateX(50deg);transform:translate3d(0,0,0) rotateX(50deg)}40%{-webkit-transform:translate3d(0,-3vh,0) rotateX(50deg);transform:translate3d(0,-3vh,0) rotateX(50deg)}82%{-webkit-transform:translate3d(0,-3vh,0) rotateX(50deg);transform:translate3d(0,-3vh,0) rotateX(50deg)}100%{-webkit-transform:translate3d(0,0,0) rotateX(0);transform:translate3d(0,0,0) rotateX(0)}}@keyframes mate20-photo-segmentation-2{0{-webkit-transform:translate3d(0,0,0) rotateX(0);transform:translate3d(0,0,0) rotateX(0)}20%{-webkit-transform:translate3d(0,0,0) rotateX(50deg);transform:translate3d(0,0,0) rotateX(50deg)}22%{-webkit-transform:translate3d(0,0,0) rotateX(50deg);transform:translate3d(0,0,0) rotateX(50deg)}40%{-webkit-transform:translate3d(0,-3vh,0) rotateX(50deg);transform:translate3d(0,-3vh,0) rotateX(50deg)}82%{-webkit-transform:translate3d(0,-3vh,0) rotateX(50deg);transform:translate3d(0,-3vh,0) rotateX(50deg)}100%{-webkit-transform:translate3d(0,0,0) rotateX(0);transform:translate3d(0,0,0) rotateX(0)}}@-webkit-keyframes mate20-photo-segmentation-3{0{-webkit-transform:translate3d(0,0,0) rotateX(0);transform:translate3d(0,0,0) rotateX(0)}20%{-webkit-transform:translate3d(0,0,0) rotateX(50deg);transform:translate3d(0,0,0) rotateX(50deg)}40%{-webkit-transform:translate3d(0,-6vh,0) rotateX(50deg);transform:translate3d(0,-6vh,0) rotateX(50deg)}80%{-webkit-transform:translate3d(0,-6vh,0) rotateX(50deg);transform:translate3d(0,-6vh,0) rotateX(50deg)}100%{-webkit-transform:translate3d(0,0,0) rotateX(0);transform:translate3d(0,0,0) rotateX(0)}}@keyframes mate20-photo-segmentation-3{0{-webkit-transform:translate3d(0,0,0) rotateX(0);transform:translate3d(0,0,0) rotateX(0)}20%{-webkit-transform:translate3d(0,0,0) rotateX(50deg);transform:translate3d(0,0,0) rotateX(50deg)}40%{-webkit-transform:translate3d(0,-6vh,0) rotateX(50deg);transform:translate3d(0,-6vh,0) rotateX(50deg)}80%{-webkit-transform:translate3d(0,-6vh,0) rotateX(50deg);transform:translate3d(0,-6vh,0) rotateX(50deg)}100%{-webkit-transform:translate3d(0,0,0) rotateX(0);transform:translate3d(0,0,0) rotateX(0)}}#mate20-photo-wide img{-webkit-transition:-webkit-transform 2s .5s cubic-bezier(.77,0,.175,1);transition:-webkit-transform 2s .5s cubic-bezier(.77,0,.175,1);transition:transform 2s .5s cubic-bezier(.77,0,.175,1);transition:transform 2s .5s cubic-bezier(.77,0,.175,1),-webkit-transform 2s .5s cubic-bezier(.77,0,.175,1);-webkit-transform:scale(1.75,1.75);transform:scale(1.75,1.75)}#mate20-photo-wide.animated img{-webkit-transform:scale(1,1);transform:scale(1,1)}@media(max-width:545.98px){#mate20-photo-wide{max-height:none !important;height:auto !important;color:inherit !important;background-color:transparent !important;min-height:0 !important}#mate20-photo-wide .component-head-feature{padding-bottom:0 !important}}#mate20-bio-id{background:#000}#mate20-bio-id .container{position:relative;z-index:4}@media(min-width:1326px){#mate20-bio-id .row{padding-bottom:500px}#mate20-bio-id .component-image-composition{position:absolute;height:100%;left:50%;top:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#mate20-bio-id .component-image-composition-master{height:100%}}@media(max-width:1325.98px){#mate20-bio-id .component-image-composition{width:100%}#mate20-bio-id .component-image-composition-master{max-width:100%;height:auto}}#bio-animoji .component-image-composition-follower{width:70%;left:15%;top:20%;height:auto}.mate20-frame-landscape>.component-image-composition-follower{z-index:1}.mate20-frame-landscape>.component-image-composition-follower .component-carousel-media,.mate20-frame-landscape>.component-image-composition-follower .slick-list,.mate20-frame-landscape>.component-image-composition-follower .slick-track{height:100%}.mate20-frame-landscape>.component-image-composition-follower img{width:100%;height:100%}.mate20-frame-landscape>picture img.img-fluid{z-index:2;position:relative}#mate20-photo-hero img{width:100%;max-width:100%}@media(min-width:1344px){#mate20-photo-hero{border-radius:40px;overflow:hidden;max-width:1284px}#mate20-photo-hero img{width:100%;max-width:100%}}