.zn--modal{position:fixed;z-index:999;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));display:flex;align-items:center;justify-content:center;visibility:hidden;transform:translateY(100vh);transform:translateY(calc(100 * var(--vh, 1vh)));transition:transform .4s ease-out,visibility .4s;--bg-blur:none;--bg-dark:#000;--bg-light:#fff}.zn--modal.zn--modal-show{visibility:visible;transform:translateY(0);transition:transform .4s ease-out,height .2s ease}.zn--modal .zn--modal-bg{position:absolute;z-index:1;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));-webkit-backdrop-filter:var(--bg-blur);backdrop-filter:var(--bg-blur)}.zn--modal .zn--modal-content{position:relative;z-index:2}:not(.zn--modal) > .zn--modal-content{display:none}
.g--popup .g--popup-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}}.g--popup .g--video-wrapper{position:relative;margin-top:-12px;width:75%;height:auto}@media (min-width:2400px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-wrapper{width:100vw;width:calc(100 * var(--vw, 1vw))}}.video-portrait.g--popup .g--video-wrapper{width:100%;height:100%;padding:32px 0;margin-top:0}.g--popup .g--video-wrapper video{width:100%;height:100%;outline:none}.video-portrait.g--popup .g--video-wrapper video{object-fit:contain}.g--popup .g--video-wrapper video[src='']{display:none}.g--popup .g--popup-close{top:-32px;right:0;width:12px;height:12px;position:absolute;margin-left:auto;cursor:pointer;z-index:2}@media (max-width:1023px){.g--popup .g--popup-close{width:24px;height:24px}}@media (max-width: 1023px){.g--popup .g--popup-close{right:4.444vw}}.video-portrait.g--popup .g--popup-close{top:8px}.g--popup .g--popup-close .inner{width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-close .inner{transform:scale(.5)}}.g--popup-container{background:#000}.g--popup-container .g--popup-close polygon{fill:#fff}.g--popup-container[data-theme = 'white']{background:#fff}.g--popup-container[data-theme = 'white'] .g--popup-close polygon{fill:#000}
#section-kv{position:relative;width:100vw;width:calc(100 * var(--vw, 1vw));height:calc(100vw * 973 / 1920);height:calc((100 * var(--vw, 1vw)) * 973 / 1920)}@media (max-width:1023px){#section-kv{height:calc(100vw * 744 / 360);height:calc((100 * var(--vw, 1vw)) * 744 / 360)}}#section-kv .kv-img{width:100%;height:100%;object-fit:cover;object-position:center}
#section-features{background-color:rgba(241,247,245,0.6)}@media (max-width: 1023px){#section-features{padding-top:25vw;padding-bottom:13.889vw}}@media (min-width: 1800px){#section-features{padding-top:133px;padding-bottom:133px}}@media (min-width: 1400px) and (max-width: 1799px){#section-features{padding-top:112px;padding-bottom:112px}}@media (min-width: 1024px) and (max-width: 1399px){#section-features{padding-top:91px;padding-bottom:91px}}#section-features .container{margin-left:auto;margin-right:auto;transform:translateY(50px);opacity:0;display:flex;justify-content:space-between}@media (max-width: 1023px){#section-features .container{width:66.667vw}}@media (min-width: 1800px){#section-features .container{width:1312px}}@media (min-width: 1400px) and (max-width: 1799px){#section-features .container{width:1100px}}@media (min-width: 1024px) and (max-width: 1399px){#section-features .container{width:896px}}@media (max-width:1023px){#section-features .container{flex-wrap:wrap}}#section-features .container .icon{}@media (max-width: 1023px){#section-features .container .icon{width:21.389vw;height:43.333vw}}@media (min-width: 1800px){#section-features .container .icon{width:120px;height:240px}}@media (min-width: 1400px) and (max-width: 1799px){#section-features .container .icon{width:101px;height:201px}}@media (min-width: 1024px) and (max-width: 1399px){#section-features .container .icon{width:82px;height:164px}}@media (max-width:1023px){#section-features .container .icon{}#section-features .container .icon:nth-child(2n+1){}#section-features .container .icon:nth-child(2n){}}@media (max-width: 1023px){#section-features .container .icon:nth-child(2n){margin-left:11.944vw}}@media (max-width: 1023px){#section-features .container .icon:nth-child(2n+1){margin-right:11.944vw}}@media (max-width: 1023px){#section-features .container .icon{margin-bottom:11.111vw}}
#section-briefs{padding-bottom:0;overflow:hidden}@media (max-width: 1023px){#section-briefs{padding-top:22.222vw}}@media (min-width: 1800px){#section-briefs{padding-top:182px;padding-bottom:96px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs{padding-top:153px;padding-bottom:80px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs{padding-top:124px;padding-bottom:66px}}#section-briefs #section-brief-screen{top:-80px}@media (max-width:1023px){#section-briefs #section-brief-screen{top:-94px}}#section-briefs #section-brief-hz{top:-80px}@media (max-width:1023px){#section-briefs #section-brief-hz{top:-94px}}@media (min-width:1024px){#section-briefs .section-1{text-align:center}}#section-briefs .section-1 .title{letter-spacing:-.3px}@media (max-width: 1023px){#section-briefs .section-1 .title{margin-bottom:1.667vw}}@media (min-width: 1800px){#section-briefs .section-1 .title{margin-bottom:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-1 .title{margin-bottom:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-1 .title{margin-bottom:17px}}#section-briefs .section-1 .text{margin-left:auto;margin-right:auto}#section-briefs .section-1 .img-grids{display:flex;justify-content:space-between}@media (max-width: 1023px){#section-briefs .section-1 .img-grids{margin-top:13.333vw}}@media (min-width: 1800px){#section-briefs .section-1 .img-grids{margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-1 .img-grids{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-1 .img-grids{margin-top:55px}}@media (max-width:1023px){#section-briefs .section-1 .img-grids{flex-direction:column}}#section-briefs .section-1 .img-grids .img-grid{opacity:0;transform:scale(1.2);transform-origin:center center}@media (max-width: 1023px){#section-briefs .section-1 .img-grids .img-grid{width:88.889vw;height:66.667vw}}@media (min-width: 1800px){#section-briefs .section-1 .img-grids .img-grid{width:640px;height:480px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-1 .img-grids .img-grid{width:537px;height:402px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-1 .img-grids .img-grid{width:437px;height:328px}}#section-briefs .section-1 .img-grids .img-grid:first-child{}@media (max-width: 1023px){#section-briefs .section-1 .img-grids .img-grid:first-child{margin-bottom:5.556vw}}@media (min-width:1024px){#section-briefs .section-1 .img-grids .img-grid:first-child{transform-origin:center right}}@media (min-width:1024px){#section-briefs .section-1 .img-grids .img-grid:last-child{transform-origin:center left}}#section-briefs .section-1 .img-grids .img-grid img{width:100%;height:100%;object-fit:cover;object-position:center}#section-briefs .section-2{display:flex;flex-direction:column;align-items:center}@media (max-width: 1023px){#section-briefs .section-2{margin-top:22.222vw}}@media (min-width: 1800px){#section-briefs .section-2{margin-top:182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-2{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-2{margin-top:124px}}@media (min-width:1024px){#section-briefs .section-2{text-align:center}}#section-briefs .section-2 .title{}@media (max-width: 1023px){#section-briefs .section-2 .title{margin-bottom:1.667vw}}@media (min-width: 1800px){#section-briefs .section-2 .title{margin-bottom:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-2 .title{margin-bottom:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-2 .title{margin-bottom:17px}}@media (max-width:1023px){#section-briefs .section-2 .title{align-self:flex-start}}#section-briefs .section-2 .img-grid{opacity:0;transform:scale(1.2);transform-origin:center center}@media (max-width: 1023px){#section-briefs .section-2 .img-grid{width:93.889vw;height:45.833vw;margin-top:13.333vw}}@media (min-width: 1800px){#section-briefs .section-2 .img-grid{width:1211px;height:642px;margin-top:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-2 .img-grid{width:1015px;height:538px;margin-top:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-2 .img-grid{width:827px;height:438px;margin-top:55px}}#section-briefs .section-2 .img-grid img{width:100%;height:100%;object-fit:cover;object-position:center}#section-briefs .section-3{}@media (max-width: 1023px){#section-briefs .section-3{margin-top:16.667vw}}@media (min-width: 1800px){#section-briefs .section-3{margin-top:182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-3{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-3{margin-top:124px}}@media (min-width:1024px){#section-briefs .section-3{display:flex;justify-content:space-between}}#section-briefs .section-3 .content-grid{padding-top:0}@media (min-width: 1800px){#section-briefs .section-3 .content-grid{padding-top:148px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-3 .content-grid{padding-top:124px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-3 .content-grid{padding-top:101px}}#section-briefs .section-3 .content-grid .specs{display:flex;color:#3c3c3c}@media (max-width: 1023px){#section-briefs .section-3 .content-grid .specs{margin-top:10vw}}@media (min-width: 1800px){#section-briefs .section-3 .content-grid .specs{margin-top:100px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-3 .content-grid .specs{margin-top:84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-3 .content-grid .specs{margin-top:68px}}#section-briefs .section-3 .content-grid .specs .spec-grid{opacity:0;transform:translateY(70px)}#section-briefs .section-3 .content-grid .specs .spec-grid:first-child{}@media (max-width: 1023px){#section-briefs .section-3 .content-grid .specs .spec-grid:first-child{margin-right:17.778vw}}@media (min-width: 1800px){#section-briefs .section-3 .content-grid .specs .spec-grid:first-child{margin-right:88px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-3 .content-grid .specs .spec-grid:first-child{margin-right:74px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-3 .content-grid .specs .spec-grid:first-child{margin-right:60px}}#section-briefs .section-3 .content-grid .specs .spec-title{font-variation-settings:'wght' 750;font-size:34px;line-height:1.5;letter-spacing:-.14px;line-height:1.5}@media (min-width:1400px) and (max-width:1799px){#section-briefs .section-3 .content-grid .specs .spec-title{font-size:28.5056px;letter-spacing:-.11737600000000002px}}@media (min-width:1024px) and (max-width:1399px){#section-briefs .section-3 .content-grid .specs .spec-title{font-size:23.2186px;letter-spacing:-.095606px}}@media (min-width:721px) and (max-width:1023px){#section-briefs .section-3 .content-grid .specs .spec-title{letter-spacing:-.2px;font-size:56px}}@media (max-width:720px){#section-briefs .section-3 .content-grid .specs .spec-title{letter-spacing:-.1px;font-size:28px}}#section-briefs .section-3 .content-grid .specs .spec-text{font-variation-settings:'wght' 750;font-size:14px;line-height:1.5;letter-spacing:-.06px;line-height:1.5}@media (min-width:1400px) and (max-width:1799px){#section-briefs .section-3 .content-grid .specs .spec-text{font-size:11.7376px;letter-spacing:-.050304px}}@media (min-width:1024px) and (max-width:1399px){#section-briefs .section-3 .content-grid .specs .spec-text{font-size:9.560599999999999px;letter-spacing:-.040974px}}@media (min-width:721px) and (max-width:1023px){#section-briefs .section-3 .content-grid .specs .spec-text{letter-spacing:-.2px;font-size:28px}}@media (max-width:720px){#section-briefs .section-3 .content-grid .specs .spec-text{letter-spacing:-.1px;font-size:14px}}#section-briefs .section-3 .content-grid .title{}@media (max-width: 1023px){#section-briefs .section-3 .content-grid .title{margin-bottom:1.667vw}}@media (min-width: 1800px){#section-briefs .section-3 .content-grid .title{margin-bottom:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-3 .content-grid .title{margin-bottom:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-3 .content-grid .title{margin-bottom:17px}}#section-briefs .section-3 .content-grid .text{}@media (min-width: 1800px){#section-briefs .section-3 .content-grid .text{width:495px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-3 .content-grid .text{width:415px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-3 .content-grid .text{width:338px}}#section-briefs .section-3 .phone-grid{position:relative}@media (max-width: 1023px){#section-briefs .section-3 .phone-grid{width:87.222vw;height:108.333vw}}@media (min-width: 1800px){#section-briefs .section-3 .phone-grid{width:465px;height:751px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-3 .phone-grid{width:390px;height:630px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-3 .phone-grid{width:318px;height:513px}}@media (max-width:1023px){#section-briefs .section-3 .phone-grid{margin-left:auto;margin-right:auto}}@media (max-width: 1023px){#section-briefs .section-3 .phone-grid{margin-top:16.667vw}}#section-briefs .section-3 .phone-grid img{width:100%;height:100%;object-fit:cover;object-position:center}#section-briefs .section-3 .phone-grid .g--video-converter{position:absolute;left:0;bottom:0}@media (max-width: 1023px){#section-briefs .section-3 .phone-grid .g--video-converter{width:87.222vw;height:108.333vw}}@media (min-width: 1800px){#section-briefs .section-3 .phone-grid .g--video-converter{bottom:-60px;width:411px;height:624px;left:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-briefs .section-3 .phone-grid .g--video-converter{bottom:-50px;width:345px;height:523px;left:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-briefs .section-3 .phone-grid .g--video-converter{bottom:-41px;width:281px;height:426px;left:17px}}
#section-battery{overflow:hidden}@media (max-width: 1023px){#section-battery{padding-top:22.222vw;padding-bottom:41.667vw}}@media (min-width: 1800px){#section-battery{padding-top:113px;padding-bottom:96px}}@media (min-width: 1400px) and (max-width: 1799px){#section-battery{padding-top:95px;padding-bottom:80px}}@media (min-width: 1024px) and (max-width: 1399px){#section-battery{padding-top:77px;padding-bottom:66px}}#section-battery .title{}@media (max-width: 1023px){#section-battery .title{margin-bottom:1.667vw}}@media (min-width: 1800px){#section-battery .title{margin-bottom:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-battery .title{margin-bottom:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-battery .title{margin-bottom:17px}}@media (max-width:1023px){#section-battery .text{}}@media (max-width: 1023px){#section-battery .text{width:80.556vw}}#section-battery .battery-grid{}@media (max-width: 1023px){#section-battery .battery-grid{width:88.889vw;height:22.222vw;margin-top:29.444vw}}@media (min-width: 1800px){#section-battery .battery-grid{margin-left:-2px;width:1316px;height:326px;margin-top:300px}}@media (min-width: 1400px) and (max-width: 1799px){#section-battery .battery-grid{margin-left:-2px;width:1103px;height:273px;margin-top:252px}}@media (min-width: 1024px) and (max-width: 1399px){#section-battery .battery-grid{margin-left:-1px;width:899px;height:223px;margin-top:205px}}#section-battery .battery-grid .battery-bg-img{left:0;right:0;bottom:0;overflow:hidden}@media (max-width: 1023px){#section-battery .battery-grid .battery-bg-img{width:89.167vw;height:22.222vw}}@media (min-width: 1800px){#section-battery .battery-grid .battery-bg-img{width:1316px;height:326px}}@media (min-width: 1400px) and (max-width: 1799px){#section-battery .battery-grid .battery-bg-img{width:1103px;height:273px}}@media (min-width: 1024px) and (max-width: 1399px){#section-battery .battery-grid .battery-bg-img{width:899px;height:223px}}#section-battery .battery-grid .battery-bg-img img{left:0;right:0;bottom:0;position:absolute;object-fit:cover;object-position:center}@media (max-width: 1023px){#section-battery .battery-grid .battery-bg-img img{width:89.167vw;height:22.222vw}}@media (min-width: 1800px){#section-battery .battery-grid .battery-bg-img img{width:1316px;height:326px}}@media (min-width: 1400px) and (max-width: 1799px){#section-battery .battery-grid .battery-bg-img img{width:1103px;height:273px}}@media (min-width: 1024px) and (max-width: 1399px){#section-battery .battery-grid .battery-bg-img img{width:899px;height:223px}}#section-battery .battery-grid .battery-img{width:100%;height:100%;height:0;left:0;right:0;bottom:0;overflow:hidden}@media (max-width: 1023px){#section-battery .battery-grid .battery-img{width:89.167vw}}@media (min-width: 1800px){#section-battery .battery-grid .battery-img{width:1316px}}@media (min-width: 1400px) and (max-width: 1799px){#section-battery .battery-grid .battery-img{width:1103px}}@media (min-width: 1024px) and (max-width: 1399px){#section-battery .battery-grid .battery-img{width:899px}}#section-battery .battery-grid .battery-img img{left:0;right:0;bottom:0;position:absolute;object-fit:cover;object-position:center}@media (max-width: 1023px){#section-battery .battery-grid .battery-img img{width:89.167vw;height:22.222vw}}@media (min-width: 1800px){#section-battery .battery-grid .battery-img img{width:1316px;height:326px}}@media (min-width: 1400px) and (max-width: 1799px){#section-battery .battery-grid .battery-img img{width:1103px;height:273px}}@media (min-width: 1024px) and (max-width: 1399px){#section-battery .battery-grid .battery-img img{width:899px;height:223px}}#section-battery .phone-grid{}@media (max-width: 1023px){#section-battery .phone-grid{width:82.222vw;height:68.611vw;top:56.111vw;left:2.778vw}}@media (min-width: 1800px){#section-battery .phone-grid{width:983px;height:808px;top:72px;left:600px}}@media (min-width: 1400px) and (max-width: 1799px){#section-battery .phone-grid{width:824px;height:677px;top:60px;left:503px}}@media (min-width: 1024px) and (max-width: 1399px){#section-battery .phone-grid{width:671px;height:552px;top:49px;left:410px}}@media (min-width:1024px) and (max-width:1160px){#section-battery .phone-grid{transform:scale(.75)}}#section-battery .phone-grid img{width:100%;height:100%;object-fit:cover;object-position:center}
#section-water{width:100vw;width:calc(100 * var(--vw, 1vw));height:calc(100vw / 1920 * 1000);height:calc((100 * var(--vw, 1vw)) / 1920 * 1000);padding-bottom:0;overflow:hidden}@media (max-width: 1023px){#section-water{padding-bottom:22.222vw}}@media (min-width: 1800px){#section-water{padding-top:143px}}@media (min-width: 1400px) and (max-width: 1799px){#section-water{padding-top:120px}}@media (min-width: 1024px) and (max-width: 1399px){#section-water{padding-top:98px}}@media (max-width:1023px){#section-water{height:auto}}#section-water .water-bg.pt-hidden{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:center}#section-water .box-container .title{}@media (max-width: 1023px){#section-water .box-container .title{margin-bottom:1.667vw}}@media (min-width: 1800px){#section-water .box-container .title{margin-bottom:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-water .box-container .title{margin-bottom:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-water .box-container .title{margin-bottom:17px}}#section-water .box-container .water-bg.ls-hidden{object-fit:cover;object-position:center;opacity:0;transform:scale(1.2);transform-origin:center center}@media (max-width: 1023px){#section-water .box-container .water-bg.ls-hidden{width:88.889vw;height:66.667vw;margin-top:13.333vw}}
#section-chip{width:100vw;width:calc(100 * var(--vw, 1vw));padding-top:calc(100vw / 1920 * 1002 * 0.4);padding-top:calc((100 * var(--vw, 1vw)) / 1920 * 1002 * 0.4)}@media (max-width: 1023px){#section-chip{padding-top:23.056vw}}@media (min-width:1024px){#section-chip{height:calc(100vw / 1920 * 1002);height:calc((100 * var(--vw, 1vw)) / 1920 * 1002)}}@media (max-width:1023px){#section-chip{height:calc(100vw / 1440 * 2440);height:calc((100 * var(--vw, 1vw)) / 1440 * 2440)}}#section-chip .bg-img{width:100%;height:100%;left:0;top:0}#section-chip .box-container sup{}@media (max-width: 1023px){#section-chip .box-container sup{margin-right:0.556vw}}@media (min-width: 1800px){#section-chip .box-container sup{margin-right:2px}}@media (min-width: 1400px) and (max-width: 1799px){#section-chip .box-container sup{margin-right:2px}}@media (min-width: 1024px) and (max-width: 1399px){#section-chip .box-container sup{margin-right:1px}}#section-chip .box-container .title{}@media (max-width: 1023px){#section-chip .box-container .title{margin-bottom:1.667vw;margin-left:-1.111vw}}@media (min-width: 1800px){#section-chip .box-container .title{margin-bottom:25px;margin-left:-8px}}@media (min-width: 1400px) and (max-width: 1799px){#section-chip .box-container .title{margin-bottom:21px;margin-left:-7px}}@media (min-width: 1024px) and (max-width: 1399px){#section-chip .box-container .title{margin-bottom:17px;margin-left:-5px}}#section-chip .box-container .text{}@media (min-width: 1800px){#section-chip .box-container .text{max-width:640px}}@media (min-width: 1400px) and (max-width: 1799px){#section-chip .box-container .text{max-width:537px}}@media (min-width: 1024px) and (max-width: 1399px){#section-chip .box-container .text{max-width:437px}}#section-chip .box-container .text i{font-style:italic}
#section-emergency{overflow:hidden}@media (max-width: 1023px){#section-emergency{padding-top:22.222vw}}@media (min-width: 1800px){#section-emergency{height:1000px}}@media (min-width: 1400px) and (max-width: 1799px){#section-emergency{height:838px}}@media (min-width: 1024px) and (max-width: 1399px){#section-emergency{height:683px}}#section-emergency .bg-img{top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width:1023px){#section-emergency{height:auto}}#section-emergency .box-container{display:flex}@media (max-width:1023px){#section-emergency .box-container{flex-direction:column}}#section-emergency .box-container .content-grid{flex-shrink:0}@media (min-width: 1800px){#section-emergency .box-container .content-grid{padding-top:336px;width:671px}}@media (min-width: 1400px) and (max-width: 1799px){#section-emergency .box-container .content-grid{padding-top:282px;width:563px}}@media (min-width: 1024px) and (max-width: 1399px){#section-emergency .box-container .content-grid{padding-top:229px;width:458px}}#section-emergency .box-container .content-grid .title{}@media (max-width: 1023px){#section-emergency .box-container .content-grid .title{margin-bottom:1.667vw}}@media (min-width: 1800px){#section-emergency .box-container .content-grid .title{margin-bottom:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-emergency .box-container .content-grid .title{margin-bottom:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-emergency .box-container .content-grid .title{margin-bottom:17px}}#section-emergency .box-container .content-grid .note{}@media (max-width: 1023px){#section-emergency .box-container .content-grid .note{margin-top:4.444vw}}@media (min-width: 1800px){#section-emergency .box-container .content-grid .note{margin-top:36px}}@media (min-width: 1400px) and (max-width: 1799px){#section-emergency .box-container .content-grid .note{margin-top:30px}}@media (min-width: 1024px) and (max-width: 1399px){#section-emergency .box-container .content-grid .note{margin-top:25px}}#section-emergency .box-container .phone-grid{}@media (max-width: 1023px){#section-emergency .box-container .phone-grid{margin-left:16.667vw;margin-top:11.111vw;margin-bottom:-5vw}}@media (min-width: 1800px){#section-emergency .box-container .phone-grid{padding-top:128px;margin-left:204px}}@media (min-width: 1400px) and (max-width: 1799px){#section-emergency .box-container .phone-grid{padding-top:107px;margin-left:171px}}@media (min-width: 1024px) and (max-width: 1399px){#section-emergency .box-container .phone-grid{padding-top:87px;margin-left:139px}}#section-emergency .box-container .phone-grid .phone-img{transform-origin:top right;opacity:0;transform:scale(1.1)}@media (max-width: 1023px){#section-emergency .box-container .phone-grid .phone-img{width:77.778vw;height:125.278vw}}@media (min-width: 1800px){#section-emergency .box-container .phone-grid .phone-img{width:690px;height:906px}}@media (min-width: 1400px) and (max-width: 1799px){#section-emergency .box-container .phone-grid .phone-img{width:578px;height:760px}}@media (min-width: 1024px) and (max-width: 1399px){#section-emergency .box-container .phone-grid .phone-img{width:471px;height:619px}}@media (max-width:1023px){#section-emergency .box-container .phone-grid .phone-img{transform-origin:top center}}#section-emergency .box-container .phone-grid .phone-img img{width:100%;height:100%;object-fit:cover;object-position:center}
#section-camera{background-color:rgba(236,244,242,0.72)}@media (max-width: 1023px){#section-camera{padding-top:20vw}}@media (min-width: 1800px){#section-camera{padding-top:160px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera{padding-top:134px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera{padding-top:109px}}#section-camera .content-grid{margin-left:auto;margin-right:auto}@media (max-width: 1023px){#section-camera .content-grid{width:88.889vw}}@media (min-width: 1800px){#section-camera .content-grid{width:864px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .content-grid{width:724px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .content-grid{width:590px}}@media (min-width:1024px){#section-camera .content-grid{text-align:center}}#section-camera .content-grid .title{}@media (max-width: 1023px){#section-camera .content-grid .title{margin-bottom:1.667vw}}@media (min-width: 1800px){#section-camera .content-grid .title{margin-bottom:25px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .content-grid .title{margin-bottom:21px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .content-grid .title{margin-bottom:17px}}#section-camera .camera-grid{margin-left:auto;margin-right:auto;opacity:0;transform:translateY(50px)}@media (max-width: 1023px){#section-camera .camera-grid{width:94.444vw;height:53.611vw;margin-top:13.333vw}}@media (min-width: 1800px){#section-camera .camera-grid{width:1356px;height:508px;margin-top:60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-camera .camera-grid{width:1137px;height:426px;margin-top:50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-camera .camera-grid{width:926px;height:347px;margin-top:41px}}@media (max-width:1023px){#section-camera .camera-grid{margin-left:0}}#section-camera .camera-grid img{width:100%;height:100%;object-fit:cover;object-position:center}
#section-photos{overflow:hidden}@media (max-width: 1023px){#section-photos{padding-top:20vw;padding-bottom:7.778vw}}@media (min-width: 1800px){#section-photos{padding-top:126px;padding-bottom:64px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos{padding-top:106px;padding-bottom:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos{padding-top:86px;padding-bottom:44px}}#section-photos .switch-panel{font-variation-settings:'wght' 550;font-size:22px;line-height:1.5;letter-spacing:-.09px;line-height:1.5;color:#fff;display:flex;align-items:center}@media (max-width: 1023px){#section-photos .switch-panel{right:2.778vw;bottom:1.667vw}}@media (min-width: 1800px){#section-photos .switch-panel{right:36px;bottom:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .switch-panel{right:30px;bottom:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .switch-panel{right:25px;bottom:22px}}@media (min-width:1400px) and (max-width:1799px){#section-photos .switch-panel{font-size:18.4448px;letter-spacing:-.075456px}}@media (min-width:1024px) and (max-width:1399px){#section-photos .switch-panel{font-size:15.0238px;letter-spacing:-.061460999999999995px}}@media (min-width:721px) and (max-width:1023px){#section-photos .switch-panel{letter-spacing:-.12px;font-size:28px}}@media (max-width:720px){#section-photos .switch-panel{letter-spacing:-.06px;font-size:14px}}#section-photos .switch-panel .separator{background:#fff}@media (max-width: 1023px){#section-photos .switch-panel .separator{width:0.278vw;height:3.889vw;margin-left:1.667vw;margin-right:1.667vw}}@media (min-width: 1800px){#section-photos .switch-panel .separator{width:2px;height:18px;margin-left:8px;margin-right:8px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .switch-panel .separator{width:2px;height:15px;margin-left:7px;margin-right:7px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .switch-panel .separator{width:1px;height:12px;margin-left:5px;margin-right:5px}}#section-photos .switch-panel .switch-text{opacity:.6;cursor:pointer;transition:opacity .8s linear}#section-photos .switch-panel .switch-text.active{opacity:1}#section-photos .photo-row{display:flex;justify-content:space-between}@media (max-width:1023px){#section-photos .photo-row{flex-direction:column}}#section-photos .photo-grid-container{opacity:0;transform-origin:center center;transform:scale(1.2)}#section-photos .photo-grid{}@media (max-width: 1023px){#section-photos .photo-grid{margin-bottom:16.667vw}}@media (min-width: 1800px){#section-photos .photo-grid{margin-bottom:118px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid{margin-bottom:99px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid{margin-bottom:81px}}#section-photos .photo-grid .img-container{}@media (max-width: 1023px){#section-photos .photo-grid .img-container{margin-bottom:4.444vw}}@media (min-width: 1800px){#section-photos .photo-grid .img-container{margin-bottom:26px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-container{margin-bottom:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-container{margin-bottom:18px}}#section-photos .photo-grid .img-container img{width:100%;height:100%;left:0;right:0;bottom:0;top:0;object-fit:cover;object-position:center;opacity:0;transition:opacity .8s linear;visibility:visible;pointer-events:none}#section-photos .photo-grid .img-container img.active{opacity:1;pointer-events:initial}#section-photos .photo-grid .img-container-1,#section-photos .photo-grid .img-container-2{}@media (max-width: 1023px){#section-photos .photo-grid .img-container-1,#section-photos .photo-grid .img-container-2{width:88.889vw;height:66.667vw}}@media (min-width: 1800px){#section-photos .photo-grid .img-container-1,#section-photos .photo-grid .img-container-2{width:1312px;height:718px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-container-1,#section-photos .photo-grid .img-container-2{width:1100px;height:602px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-container-1,#section-photos .photo-grid .img-container-2{width:896px;height:490px}}#section-photos .photo-grid .img-container-3{}@media (max-width: 1023px){#section-photos .photo-grid .img-container-3{width:88.889vw;height:66.667vw}}@media (min-width: 1800px){#section-photos .photo-grid .img-container-3{width:830px;height:576px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-container-3{width:696px;height:483px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-container-3{width:567px;height:393px}}#section-photos .photo-grid .img-container-3 .switch-panel{}@media (min-width: 1800px){#section-photos .photo-grid .img-container-3 .switch-panel{right:26px;bottom:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-container-3 .switch-panel{right:22px;bottom:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-container-3 .switch-panel{right:18px;bottom:16px}}#section-photos .photo-grid .img-container-4{}@media (max-width: 1023px){#section-photos .photo-grid .img-container-4{width:88.889vw;height:66.667vw}}@media (min-width: 1800px){#section-photos .photo-grid .img-container-4{width:432px;height:576px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-container-4{width:362px;height:483px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-container-4{width:295px;height:393px}}#section-photos .photo-grid .img-container-4 .switch-panel{}@media (min-width: 1800px){#section-photos .photo-grid .img-container-4 .switch-panel{right:26px;bottom:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-container-4 .switch-panel{right:22px;bottom:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-container-4 .switch-panel{right:18px;bottom:16px}}#section-photos .photo-grid .img-content{opacity:0;transform:translateY(50px)}@media (max-width: 1023px){#section-photos .photo-grid .img-content{width:88.889vw}}@media (min-width: 1800px){#section-photos .photo-grid .img-content{width:1312px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-content{width:1100px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-content{width:896px}}#section-photos .photo-grid .img-content.img-content-3{}@media (min-width: 1800px){#section-photos .photo-grid .img-content.img-content-3{width:830px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-content.img-content-3{width:696px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-content.img-content-3{width:567px}}#section-photos .photo-grid .img-content.img-content-4{}@media (min-width: 1800px){#section-photos .photo-grid .img-content.img-content-4{width:432px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-content.img-content-4{width:362px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-content.img-content-4{width:295px}}#section-photos .photo-grid .img-content .title{font-size:30px;line-height:.8;letter-spacing:-.08px;line-height:.78}@media (max-width: 1023px){#section-photos .photo-grid .img-content .title{margin-bottom:4.167vw}}@media (min-width: 1800px){#section-photos .photo-grid .img-content .title{margin-bottom:15px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photos .photo-grid .img-content .title{margin-bottom:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photos .photo-grid .img-content .title{margin-bottom:10px}}@media (min-width:1400px) and (max-width:1799px){#section-photos .photo-grid .img-content .title{font-size:25.152px;letter-spacing:-.067072px}}@media (min-width:1024px) and (max-width:1399px){#section-photos .photo-grid .img-content .title{font-size:20.487px;letter-spacing:-.054632px}}@media (min-width:721px) and (max-width:1023px){#section-photos .photo-grid .img-content .title{letter-spacing:-.2px;font-size:36px}}@media (max-width:720px){#section-photos .photo-grid .img-content .title{letter-spacing:-.1px;font-size:18px}}#section-photos .photo-grid .img-content .text{font-size:16px;line-height:1.5;letter-spacing:-.07px;line-height:1.64}@media (min-width:1400px) and (max-width:1799px){#section-photos .photo-grid .img-content .text{font-size:13.4144px;letter-spacing:-.05868800000000001px}}@media (min-width:1024px) and (max-width:1399px){#section-photos .photo-grid .img-content .text{font-size:10.9264px;letter-spacing:-.047803px}}@media (min-width:721px) and (max-width:1023px){#section-photos .photo-grid .img-content .text{letter-spacing:-.2px;font-size:28px}}@media (max-width:720px){#section-photos .photo-grid .img-content .text{letter-spacing:-.1px;font-size:14px}}
#section-color-os{background-color:#f6f9f8}@media (max-width: 1023px){#section-color-os{padding-top:18.333vw;padding-bottom:54.444vw}}@media (min-width: 1800px){#section-color-os{padding-top:182px;padding-bottom:364px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os{padding-top:153px;padding-bottom:305px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os{padding-top:124px;padding-bottom:249px}}#section-color-os .color-os-title{opacity:0;transform:translateY(50px);font-variation-settings:'wght' 750;font-size:40px;line-height:1.5;letter-spacing:-.17px;line-height:1.5}@media (max-width: 1023px){#section-color-os .color-os-title{margin-bottom:22.222vw}}@media (min-width: 1800px){#section-color-os .color-os-title{margin-bottom:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .color-os-title{margin-bottom:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .color-os-title{margin-bottom:33px}}@media (min-width:1400px) and (max-width:1799px){#section-color-os .color-os-title{font-size:33.536px;letter-spacing:-.14252800000000002px}}@media (min-width:1024px) and (max-width:1399px){#section-color-os .color-os-title{font-size:27.316px;letter-spacing:-.116093px}}@media (min-width:721px) and (max-width:1023px){#section-color-os .color-os-title{letter-spacing:-.2px;font-size:52px}}@media (max-width:720px){#section-color-os .color-os-title{letter-spacing:-.1px;font-size:26px}}@media (min-width:1024px){#section-color-os .color-os-title{text-align:center}}#section-color-os .color-os-text{opacity:0;transform:translateY(50px);font-variation-settings:'wght' 750;font-size:20px;line-height:1.5;letter-spacing:-.08px;line-height:1.3}@media (min-width:1400px) and (max-width:1799px){#section-color-os .color-os-text{font-size:16.768px;letter-spacing:-.067072px}}@media (min-width:1024px) and (max-width:1399px){#section-color-os .color-os-text{font-size:13.658px;letter-spacing:-.054632px}}@media (min-width:721px) and (max-width:1023px){#section-color-os .color-os-text{letter-spacing:-.2px;font-size:40px}}@media (max-width:720px){#section-color-os .color-os-text{letter-spacing:-.1px;font-size:20px}}@media (min-width:1024px){#section-color-os .color-os-text{text-align:center}}#section-color-os .phone-grids{display:flex;justify-content:space-between}@media (max-width: 1023px){#section-color-os .phone-grids{margin-top:5.556vw}}@media (min-width: 1800px){#section-color-os .phone-grids{margin-top:93px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .phone-grids{margin-top:78px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .phone-grids{margin-top:64px}}@media (max-width:1023px){#section-color-os .phone-grids{flex-direction:column}}#section-color-os .phone-grids .phone-grid{}@media (max-width: 1023px){#section-color-os .phone-grids .phone-grid{width:88.889vw}}@media (min-width: 1800px){#section-color-os .phone-grids .phone-grid{width:397px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .phone-grids .phone-grid{width:333px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .phone-grids .phone-grid{width:271px}}#section-color-os .phone-grids .phone-grid:last-child .phone-content{margin-bottom:0}#section-color-os .phone-grids .phone-grid .phone-content{}@media (max-width: 1023px){#section-color-os .phone-grids .phone-grid .phone-content{margin-top:3.889vw;margin-bottom:12.778vw}}@media (min-width: 1800px){#section-color-os .phone-grids .phone-grid .phone-content{margin-top:21px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .phone-grids .phone-grid .phone-content{margin-top:18px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .phone-grids .phone-grid .phone-content{margin-top:14px}}#section-color-os .phone-grids .phone-grid .phone-content .title{opacity:0;transform:translateY(50px);font-size:24px;line-height:1.33;letter-spacing:-.12px;line-height:.78}@media (max-width: 1023px){#section-color-os .phone-grids .phone-grid .phone-content .title{margin-bottom:3.333vw}}@media (min-width: 1800px){#section-color-os .phone-grids .phone-grid .phone-content .title{margin-bottom:4px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .phone-grids .phone-grid .phone-content .title{margin-bottom:3px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .phone-grids .phone-grid .phone-content .title{margin-bottom:3px}}@media (min-width:1400px) and (max-width:1799px){#section-color-os .phone-grids .phone-grid .phone-content .title{font-size:20.1216px;letter-spacing:-.100608px}}@media (min-width:1024px) and (max-width:1399px){#section-color-os .phone-grids .phone-grid .phone-content .title{font-size:16.389599999999998px;letter-spacing:-.081948px}}@media (min-width:721px) and (max-width:1023px){#section-color-os .phone-grids .phone-grid .phone-content .title{letter-spacing:-.24px;font-size:36px}}@media (max-width:720px){#section-color-os .phone-grids .phone-grid .phone-content .title{letter-spacing:-.12px;font-size:18px}}#section-color-os .phone-grids .phone-grid .phone-content .text{opacity:0;transform:translateY(50px);font-size:16px;line-height:1.75;letter-spacing:-.1px;line-height:1.67}@media (min-width:1400px) and (max-width:1799px){#section-color-os .phone-grids .phone-grid .phone-content .text{font-size:13.4144px;letter-spacing:-.08384000000000001px}}@media (min-width:1024px) and (max-width:1399px){#section-color-os .phone-grids .phone-grid .phone-content .text{font-size:10.9264px;letter-spacing:-.06829px}}@media (min-width:721px) and (max-width:1023px){#section-color-os .phone-grids .phone-grid .phone-content .text{letter-spacing:-.2px;font-size:24px}}@media (max-width:720px){#section-color-os .phone-grids .phone-grid .phone-content .text{letter-spacing:-.1px;font-size:12px}}#section-color-os .phone-grids .phone-grid .phone-img{display:flex;background-color:rgba(230,244,240,0.76);justify-content:center;align-items:center;opacity:0;transform:translateY(50px)}@media (max-width: 1023px){#section-color-os .phone-grids .phone-grid .phone-img{width:88.889vw;height:125vw}}@media (min-width: 1800px){#section-color-os .phone-grids .phone-grid .phone-img{width:397px;height:580px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .phone-grids .phone-grid .phone-img{width:333px;height:486px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .phone-grids .phone-grid .phone-img{width:271px;height:396px}}#section-color-os .phone-grids .phone-grid .phone-img img{}@media (max-width: 1023px){#section-color-os .phone-grids .phone-grid .phone-img img{width:46.389vw;height:100vw}}@media (min-width: 1800px){#section-color-os .phone-grids .phone-grid .phone-img img{width:186px;height:400px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .phone-grids .phone-grid .phone-img img{width:156px;height:335px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .phone-grids .phone-grid .phone-img img{width:127px;height:273px}}#section-color-os .banners{display:flex;justify-content:space-between;flex-wrap:wrap}@media (max-width: 1023px){#section-color-os .banners{margin-top:25vw}}@media (min-width: 1800px){#section-color-os .banners{margin-top:135px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .banners{margin-top:113px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .banners{margin-top:92px}}@media (max-width:1023px){#section-color-os .banners{flex-direction:column}}#section-color-os .banners .banner{}@media (max-width: 1023px){#section-color-os .banners .banner{width:88.889vw;height:29.167vw;margin-bottom:3.333vw}}@media (min-width: 1800px){#section-color-os .banners .banner{width:640px;height:210px;margin-bottom:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .banners .banner{width:537px;height:176px;margin-bottom:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .banners .banner{width:437px;height:143px;margin-bottom:22px}}#section-color-os .banners .banner img{width:100%;height:100%;object-fit:cover;object-position:center}#section-color-os .mark-title{}@media (max-width: 1023px){#section-color-os .mark-title{margin-top:25vw;margin-bottom:5.556vw}}@media (min-width: 1800px){#section-color-os .mark-title{margin-top:128px;margin-bottom:40px}}@media (min-width: 1400px) and (max-width: 1799px){#section-color-os .mark-title{margin-top:107px;margin-bottom:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-color-os .mark-title{margin-top:87px;margin-bottom:27px}}#section-color-os .mark-item{font-variation-settings:'wght' 550;font-size:12px;line-height:1.67;letter-spacing:-.05px;line-height:1.67}@media (min-width:1400px) and (max-width:1799px){#section-color-os .mark-item{font-size:10.0608px;letter-spacing:-.041920000000000006px}}@media (min-width:1024px) and (max-width:1399px){#section-color-os .mark-item{font-size:8.194799999999999px;letter-spacing:-.034145px}}@media (min-width:721px) and (max-width:1023px){#section-color-os .mark-item{letter-spacing:-.1px;font-size:24px}}@media (max-width:720px){#section-color-os .mark-item{letter-spacing:-.05px;font-size:12px}}
:root{--oh-nav-height:80px}@media (min-width:1024px) and (max-width:1399px){:root{--oh-nav-height:64px}}@media (max-width:1023px){:root{--oh-nav-height:48px}}@font-face{font-family:'OPPOSans-super';src:url(/content/dam/oppo/product-asset-library/a/a55s/v1/assets/OPPOSansSuper-Medium-c23c36.woff) format('woff'),url(/content/dam/oppo/product-asset-library/a/a55s/v1/assets/OPPOSansSuper-Medium-e71c7a.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:'OPPOSans-super';src:url(/content/dam/oppo/product-asset-library/a/a55s/v1/assets/OPPOSansSuper-Bold-3612bd.woff) format('woff'),url(/content/dam/oppo/product-asset-library/a/a55s/v1/assets/OPPOSansSuper-Bold-37942b.ttf) format('truetype');font-style:normal;font-weight:700}.zn--wrapper sup{font-size:1em;line-height:1;position:relative;vertical-align:baseline;top:-.2em;font-family:OPPOSans-super;font-weight:400}.zn--wrapper b sup,.zn--wrapper sup b,.zn--wrapper strong sup,.zn--wrapper sup strong{font-weight:700}.g--sup-m{font-weight:400}.g--sup-b{font-weight:700}.zn--wrapper{font-size:16px;font-family:Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ',Osaka,MS PGothic,OPPOSans-Ver2-Regular,OPPOSans-Regular,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif;font-variation-settings:'wght' 550}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:initial}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:initial}.zn--wrapper figure[data-ll-status],.zn--wrapper div[data-ll-status]{background-repeat:no-repeat;background-size:cover}.zn--wrapper br{font-family:'Open Sans','-apple-system','BlinkMacSystemFont','Helvetica Neue','Helvetica','Roboto','Arial','PingFang SC','Hiragino Sans GB','Microsoft Yahei','Microsoft Jhenghei','sans-serif'}.zn--wrapper h1{position:absolute;overflow:hidden;width:1px;height:1px;border:none;margin:0;padding:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%)}@media (min-width:721px) and (max-width:1023px){#oc-header{overflow:hidden}}@media (max-width:1023px){#oc-header.fixed{visibility:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}body.no-scroll{overflow-y:hidden}.g--container,.g--container-ls,.g--container-pt,.g--wrapper{margin:0 auto}.g--container,.g--container-ls{}@media (min-width: 1800px){.g--container,.g--container-ls{width:1312px}}@media (min-width: 1400px) and (max-width: 1799px){.g--container,.g--container-ls{width:1100px}}@media (min-width: 1024px) and (max-width: 1399px){.g--container,.g--container-ls{width:896px}}.g--container,.g--container-pt{}@media (max-width: 1023px){.g--container,.g--container-pt{width:88.889vw}}@media (max-width:1023px){.g--pt-hidden{display:none !important}}@media (min-width:1024px){.g--ls-hidden{display:none !important}}@media (max-width:720px){.g--mb-hidden{display:none !important}}@media not screen and (max-width:720px){.g--mb-show{display:none !important}}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#main-wrapper{position:relative}.zn--wrapper .center{margin-left:auto;margin-right:auto;text-align:center;align-self:center}.zn--wrapper .center-content{display:flex;justify-content:center;align-items:center}.zn--wrapper .abs.center-hor{left:50%;transform:translateX(-50%)}.zn--wrapper .abs.center-ver{top:50%;transform:translateY(-50%)}.zn--wrapper .flex.center-ver{align-items:center}.zn--wrapper .flex.center-ver > .wrapper{width:100%}.zn--wrapper .flex.center-hor{justify-content:center}.zn--wrapper .flex.center-hor > .wrapper{height:100%}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky-item,.zn--wrapper .sticky{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .black{color:#000}.zn--wrapper .white{color:#fff}.zn--wrapper .grey{color:rgba(255,255,255,0.56)}.zn--wrapper .grey-light{color:rgba(255,255,255,0.2)}.zn--wrapper .grey{color:rgba(0,0,0,0.7)}.zn--wrapper .grey-light{color:rgba(0,0,0,0.32)}.zn--wrapper .bg-black{background-color:#000}.zn--wrapper .bg-white{background-color:#fff}.zn--wrapper .full{width:100%;height:100%}.zn--wrapper .full-w{width:100%}.zn--wrapper .full-h{height:100%}.zn--wrapper .full-screen{height:100vh;height:calc(100 * var(--vh, 1vh))}.zn--wrapper .full-screen-nav{height:calc(100vh - 121px);height:calc((100 * var(--vh, 1vh)) - 121px)}@media (max-width:1023px){.zn--wrapper .full-screen-nav{height:calc(100vh - 101px);height:calc((100 * var(--vh, 1vh)) - 101px)}}.zn--wrapper .flex{display:flex}.zn--wrapper .flex.align-center{align-items:center}.zn--wrapper .flex.content-center{justify-content:center}.zn--wrapper .rel{position:relative}.zn--wrapper .abs{position:absolute}.zn--wrapper .abs.clip{top:0;left:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .clip{top:0;left:0}.zn--wrapper .clickable{cursor:pointer}.zn--wrapper .g--cover{object-fit:cover}.zn--wrapper .g--flex{display:flex}.zn--wrapper .g--bold{font-variation-settings:'wght' 1000}.zn--wrapper .g--medium{font-variation-settings:'wght' 750}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}.g--video-converter .wrapper{height:100%;position:relative}.g--video-converter .wrapper .video{width:100%;height:100%;object-fit:cover;object-position:center}body .box-container{margin-left:auto;margin-right:auto}@media (max-width: 1023px){body .box-container{width:88.889vw}}@media (min-width: 1800px){body .box-container{width:1312px}}@media (min-width: 1400px) and (max-width: 1799px){body .box-container{width:1100px}}@media (min-width: 1024px) and (max-width: 1399px){body .box-container{width:896px}}body .title{font-variation-settings:'wght' 750;color:#54bea6;font-size:42px;line-height:1.43;letter-spacing:-.1px;line-height:1.57}@media (min-width:1400px) and (max-width:1799px){body .title{font-size:35.2128px;letter-spacing:-.08384000000000001px}}@media (min-width:1024px) and (max-width:1399px){body .title{font-size:28.6818px;letter-spacing:-.06829px}}@media (min-width:721px) and (max-width:1023px){body .title{letter-spacing:-.2px;font-size:56px}}@media (max-width:720px){body .title{letter-spacing:-.1px;font-size:28px}}body .animated-title{opacity:0;transform:translateY(50px)}body .text{font-variation-settings:'wght' 550;font-size:16px;line-height:1.75;letter-spacing:-.1px;line-height:1.75}@media (min-width:1400px) and (max-width:1799px){body .text{font-size:13.4144px;letter-spacing:-.08384000000000001px}}@media (min-width:1024px) and (max-width:1399px){body .text{font-size:10.9264px;letter-spacing:-.06829px}}@media (min-width:721px) and (max-width:1023px){body .text{letter-spacing:-.2px;font-size:32px}}@media (max-width:720px){body .text{letter-spacing:-.1px;font-size:16px}}body .animated-text{opacity:0;transform:translateY(50px)}body .section-anchor{top:0}@media (max-width:1023px){body .section-anchor{top:-94px}}