.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,#section-kv-inner{width:100vw;width:calc(100 * var(--vw, 1vw));height:50vw;height:calc(50 * var(--vw, 1vw));overflow:hidden;position:relative}@media (min-width: 1800px){#section-kv,#section-kv-inner{min-height:960px}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv,#section-kv-inner{min-height:805px}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv,#section-kv-inner{min-height:656px}}@media (max-width:1023px){#section-kv,#section-kv-inner{height:164vw;height:calc(164 * var(--vw, 1vw));min-height:164vw;min-height:calc(164 * var(--vw, 1vw))}}#section-kv .kv-text-content,#section-kv-inner .kv-text-content{}@media (max-width: 1023px){#section-kv .kv-text-content,#section-kv-inner .kv-text-content{left:5.833vw;top:3.889vw}}@media (min-width: 1800px){#section-kv .kv-text-content,#section-kv-inner .kv-text-content{left:60px;top:31px}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv .kv-text-content,#section-kv-inner .kv-text-content{left:50px;top:26px}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv .kv-text-content,#section-kv-inner .kv-text-content{left:41px;top:21px}}#section-kv .kv-title,#section-kv-inner .kv-title{font-variation-settings:'wght' 700}@media (max-width: 1023px){#section-kv .kv-title,#section-kv-inner .kv-title{font-size:18.056vw;line-height:18.056vw;letter-spacing:-1.322vw}}@media (min-width: 1800px){#section-kv .kv-title,#section-kv-inner .kv-title{font-size:246px;line-height:246px;letter-spacing:-12px}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv .kv-title,#section-kv-inner .kv-title{font-size:206px;line-height:206px;letter-spacing:-10px}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv .kv-title,#section-kv-inner .kv-title{font-size:168px;line-height:168px;letter-spacing:-8px}}@media (min-width:1024px){#section-kv .kv-title .second-line,#section-kv-inner .kv-title .second-line{}}@media (min-width: 1800px){#section-kv .kv-title .second-line,#section-kv-inner .kv-title .second-line{margin-left:13px}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv .kv-title .second-line,#section-kv-inner .kv-title .second-line{margin-left:11px}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv .kv-title .second-line,#section-kv-inner .kv-title .second-line{margin-left:9px}}@media (max-width:1023px){#section-kv .kv-title,#section-kv-inner .kv-title{display:flex}#section-kv .kv-title .second-line,#section-kv-inner .kv-title .second-line{}}@media (max-width: 1023px){#section-kv .kv-title .second-line,#section-kv-inner .kv-title .second-line{margin-right:5.556vw}}#section-kv .kv-sub-title,#section-kv-inner .kv-sub-title{font-weight:400}@media (max-width: 1023px){#section-kv .kv-sub-title,#section-kv-inner .kv-sub-title{margin-left:1.111vw;margin-top:2.778vw;font-size:2.5vw;line-height:3.611vw;letter-spacing:-0.15vw}}@media (min-width: 1800px){#section-kv .kv-sub-title,#section-kv-inner .kv-sub-title{margin-left:13px;margin-top:12px;font-size:32px;line-height:45px;letter-spacing:-2px}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv .kv-sub-title,#section-kv-inner .kv-sub-title{margin-left:11px;margin-top:10px;font-size:27px;line-height:38px;letter-spacing:-2px}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv .kv-sub-title,#section-kv-inner .kv-sub-title{margin-left:9px;margin-top:8px;font-size:22px;line-height:31px;letter-spacing:-1px}}#section-kv .label,#section-kv-inner .label{font-variation-settings:'wght' 800;transform:rotate(-2deg);color:#0690c6}@media (max-width: 1023px){#section-kv .label,#section-kv-inner .label{left:52.778vw;top:126.667vw;font-size:4.833vw;line-height:6.944vw;letter-spacing:-0.019vw}}@media (min-width: 1800px){#section-kv .label,#section-kv-inner .label{left:76px;top:775px;font-size:51px;line-height:72px;letter-spacing:-1px}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv .label,#section-kv-inner .label{left:64px;top:650px;font-size:43px;line-height:60px;letter-spacing:-1px}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv .label,#section-kv-inner .label{left:52px;top:529px;font-size:35px;line-height:49px;letter-spacing:-1px}}@media (max-width:1023px){#section-kv .label,#section-kv-inner .label{transform:rotate(-3deg)}}#section-kv .kv-phone,#section-kv-inner .kv-phone{object-fit:cover;object-position:center;transform-origin:top right}@media (max-width: 1023px){#section-kv .kv-phone,#section-kv-inner .kv-phone{width:100vw;height:88.611vw;top:38.889vw}}@media (min-width: 1800px){#section-kv .kv-phone,#section-kv-inner .kv-phone{width:1254px;height:684px;top:168px}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv .kv-phone,#section-kv-inner .kv-phone{width:1051px;height:573px;top:141px}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv .kv-phone,#section-kv-inner .kv-phone{width:856px;height:467px;top:115px}}@media (min-width:1024px){#section-kv .kv-phone,#section-kv-inner .kv-phone{}}@media (min-width: 1800px){#section-kv .kv-phone,#section-kv-inner .kv-phone{right:-120px}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv .kv-phone,#section-kv-inner .kv-phone{right:-101px}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv .kv-phone,#section-kv-inner .kv-phone{right:-82px}}@media (min-width:1024px) and (max-width:1240px){#section-kv .kv-phone,#section-kv-inner .kv-phone{right:-170px !important;transform:scale(.82)}}@media (max-width:1023px){#section-kv .kv-phone,#section-kv-inner .kv-phone{left:0}}#section-kv .kv-band,#section-kv-inner .kv-band{object-fit:cover;object-position:center}@media (max-width: 1023px){#section-kv .kv-band,#section-kv-inner .kv-band{width:57.778vw;height:13.056vw;top:125vw}}@media (min-width: 1800px){#section-kv .kv-band,#section-kv-inner .kv-band{width:544px;height:125px;top:770px}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv .kv-band,#section-kv-inner .kv-band{width:456px;height:105px;top:646px}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv .kv-band,#section-kv-inner .kv-band{width:371px;height:85px;top:526px}}@media (min-width:1024px){#section-kv .kv-band,#section-kv-inner .kv-band{left:0}}@media (max-width:1023px){#section-kv .kv-band,#section-kv-inner .kv-band{right:0}}#section-kv .kv-img,#section-kv-inner .kv-img{width:100%;height:100%;object-fit:cover;object-position:center}#section-kv-inner{}@media (min-width: 1800px){#section-kv-inner{margin-top:calc(60px + 48px)}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv-inner{margin-top:calc(60px + 40px)}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv-inner{margin-top:calc(60px + 33px)}}@media (min-width:1024px) and (max-width:1469px){#section-kv-inner{height:75vw;height:calc(75 * var(--vw, 1vw))}}@media (max-width:1023px){#section-kv-inner{height:170vw;height:calc(170 * var(--vw, 1vw));min-height:170vw;min-height:calc(170 * var(--vw, 1vw))}}@media (max-width:1023px){#section-kv-inner{}}@media (max-width: 1023px){#section-kv-inner{margin-top:calc(53px + 2.222vw)}}#section-kv-inner .kv-title{}@media (min-width: 1800px){#section-kv-inner .kv-title{margin-top:calc(60px + 48px)}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv-inner .kv-title{margin-top:calc(60px + 40px)}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv-inner .kv-title{margin-top:calc(60px + 33px)}}@media (max-width:1023px){#section-kv-inner .kv-title{}}@media (max-width: 1023px){#section-kv-inner .kv-title{margin-top:calc(53px + 13.333vw)}}#section-kv-inner .kv-phone{}@media (min-width: 1800px){#section-kv-inner .kv-phone{margin-top:calc(60px + 48px)}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv-inner .kv-phone{margin-top:calc(60px + 40px)}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv-inner .kv-phone{margin-top:calc(60px + 33px)}}@media (max-width:1023px){#section-kv-inner .kv-phone{}}@media (max-width: 1023px){#section-kv-inner .kv-phone{margin-top:calc(53px + 13.333vw)}}#section-kv-inner .kv-band{}@media (min-width: 1800px){#section-kv-inner .kv-band{margin-top:calc(60px + 48px)}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv-inner .kv-band{margin-top:calc(60px + 40px)}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv-inner .kv-band{margin-top:calc(60px + 33px)}}@media (max-width:1023px){#section-kv-inner .kv-band{}}@media (max-width: 1023px){#section-kv-inner .kv-band{margin-top:calc(53px + 13.333vw)}}#section-kv-inner .label{}@media (min-width: 1800px){#section-kv-inner .label{margin-top:calc(60px + 48px)}}@media (min-width: 1470px) and (max-width: 1799px){#section-kv-inner .label{margin-top:calc(60px + 40px)}}@media (min-width: 1024px) and (max-width: 1469px){#section-kv-inner .label{margin-top:calc(60px + 33px)}}@media (max-width:1023px){#section-kv-inner .label{}}@media (max-width: 1023px){#section-kv-inner .label{margin-top:calc(53px + 13.333vw)}}
#section-features{}@media (max-width: 1023px){#section-features{padding-top:5.556vw;padding-bottom:23.333vw}}@media (min-width: 1800px){#section-features{padding-top:48px;padding-bottom:150px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features{padding-top:40px;padding-bottom:126px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features{padding-top:33px;padding-bottom:102px}}#section-features .box-container{margin-left:auto;margin-right:auto}@media (max-width: 1023px){#section-features .box-container{width:88.889vw}}@media (min-width: 1800px){#section-features .box-container{width:1312px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container{width:1100px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container{width:896px}}#section-features .box-container .row{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#section-features .box-container .row .color-picker{display:flex;align-items:center;position:absolute;z-index:3;left:50%;transform:translate(-50%)}@media (max-width: 1023px){#section-features .box-container .row .color-picker{top:20.556vw}}@media (min-width: 1800px){#section-features .box-container .row .color-picker{top:131px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .color-picker{top:110px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .color-picker{top:89px}}#section-features .box-container .row .color-picker .color-grid{cursor:pointer}@media (max-width: 1023px){#section-features .box-container .row .color-picker .color-grid{width:8.333vw;height:8.333vw}}@media (min-width: 1800px){#section-features .box-container .row .color-picker .color-grid{width:52px;height:52px;margin-left:11px;margin-right:11px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .color-picker .color-grid{width:44px;height:44px;margin-left:9px;margin-right:9px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .color-picker .color-grid{width:36px;height:36px;margin-left:8px;margin-right:8px}}#section-features .box-container .row .color-picker .color-grid .color-grid-image{width:100%;height:100%}#section-features .box-container .row .color-picker .color-grid .color-grid-image .color-svg{overflow:visible;width:100%;height:100%}@media (max-width:1023px){#section-features .box-container .row .color-picker .color-grid{}}@media (max-width: 1023px){#section-features .box-container .row .color-picker .color-grid{margin-left:2.222vw;margin-right:2.222vw}}#section-features .box-container .row .color-picker .color-grid .outline{opacity:0;transition:opacity linear .6s}#section-features .box-container .row .color-picker .color-grid.active .outline{opacity:1}#section-features .box-container .row .card-section{overflow:hidden;position:relative}@media (max-width: 1023px){#section-features .box-container .row .card-section{height:100vw;width:88.889vw;border-radius:3.333vw;margin-bottom:3.333vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section{height:640px;width:1312px;border-radius:32px;margin-bottom:32px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section{height:537px;width:1100px;border-radius:27px;margin-bottom:27px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section{height:437px;width:896px;border-radius:22px;margin-bottom:22px}}#section-features .box-container .row .card-section .check-img{position:absolute;z-index:5;cursor:pointer}@media (max-width: 1023px){#section-features .box-container .row .card-section .check-img{right:6.667vw;bottom:6.667vw;width:8.889vw;height:8.889vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section .check-img{right:56px;bottom:56px;width:48px;height:48px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section .check-img{right:47px;bottom:47px;width:40px;height:40px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section .check-img{right:38px;bottom:38px;width:33px;height:33px}}#section-features .box-container .row .card-section .card-img{width:100%;height:100%;object-fit:cover;object-position:center}#section-features .box-container .row .card-section .card-title{position:absolute}@media (max-width:1023px){#section-features .box-container .row .card-section .card-title{}}@media (max-width: 1023px){#section-features .box-container .row .card-section .card-title{max-width:75.556vw}}#section-features .box-container .row .card-section .card-title.top-left{}@media (max-width: 1023px){#section-features .box-container .row .card-section .card-title.top-left{top:8.333vw;left:6.667vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section .card-title.top-left{top:56px;left:60px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section .card-title.top-left{top:47px;left:50px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section .card-title.top-left{top:38px;left:41px}}#section-features .box-container .row .card-section .card-title.top-left{left:auto}@media (max-width: 1023px){#section-features .box-container .row .card-section .card-title.top-left{right:6.667vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section .card-title.top-left{right:60px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section .card-title.top-left{right:50px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section .card-title.top-left{right:41px}}#section-features .box-container .row .card-section .card-title.bottom-left{}@media (max-width: 1023px){#section-features .box-container .row .card-section .card-title.bottom-left{left:6.667vw;bottom:8.333vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section .card-title.bottom-left{left:60px;bottom:56px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section .card-title.bottom-left{left:50px;bottom:47px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section .card-title.bottom-left{left:41px;bottom:38px}}#section-features .box-container .row .card-section .card-title.top-center{left:50%;transform:translateX(-50%);width:100%;text-align:center}@media (max-width: 1023px){#section-features .box-container .row .card-section .card-title.top-center{top:8.333vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section .card-title.top-center{top:56px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section .card-title.top-center{top:47px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section .card-title.top-center{top:38px}}#section-features .box-container .row .card-section.light .card-title{color:#fff}#section-features .box-container .row .card-section.dark .card-title{color:#000}#section-features .box-container .row .card-section.screen-card{}@media (min-width: 1800px){#section-features .box-container .row .card-section.screen-card{width:820px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.screen-card{width:687px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.screen-card{width:560px}}#section-features .box-container .row .card-section.phone-card{}@media (min-width: 1800px){#section-features .box-container .row .card-section.phone-card{width:460px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.phone-card{width:386px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.phone-card{width:314px}}#section-features .box-container .row .card-section.phone-card .phone-card-bg{position:absolute;z-index:-1;top:0;left:0;bottom:0;right:0;background:linear-gradient(135deg,#ebf5f8 0%,#dff3f7 50.34%,#d0f9ff 100%);mix-blend-mode:normal;opacity:.8}#section-features .box-container .row .card-section.phone-card .card-inner-img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);opacity:0;transition:opacity linear .6s}@media (max-width: 1023px){#section-features .box-container .row .card-section.phone-card .card-inner-img{width:38.889vw;height:63.333vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section.phone-card .card-inner-img{width:247px;height:409px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.phone-card .card-inner-img{width:207px;height:343px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.phone-card .card-inner-img{width:169px;height:279px}}#section-features .box-container .row .card-section.phone-card .card-inner-img.active{opacity:1}#section-features .box-container .row .card-section.smooth-card{}@media (min-width: 1800px){#section-features .box-container .row .card-section.smooth-card{width:640px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.smooth-card{width:537px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.smooth-card{width:437px}}#section-features .box-container .row .card-section.quality-card{}@media (min-width: 1800px){#section-features .box-container .row .card-section.quality-card{width:640px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.quality-card{width:537px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.quality-card{width:437px}}#section-features .box-container .row .card-section.camera-card{}@media (min-width: 1800px){#section-features .box-container .row .card-section.camera-card{width:460px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.camera-card{width:386px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.camera-card{width:314px}}#section-features .box-container .row .card-section.photo-card{}@media (min-width: 1800px){#section-features .box-container .row .card-section.photo-card{width:820px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.photo-card{width:687px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.photo-card{width:560px}}#section-features .box-container .row .card-section.color-os-card .color-os-card-bg{position:absolute;z-index:-1;top:0;left:0;bottom:0;right:0;background:linear-gradient(135deg,#ebf5f8 0%,#dff3f7 50.34%,#d0f9ff 100%);mix-blend-mode:normal;opacity:.8}#section-features .box-container .row .card-section.color-os-card .card-inner-img{position:absolute;z-index:1;left:50%;transform:translateX(-50%)}@media (max-width: 1023px){#section-features .box-container .row .card-section.color-os-card .card-inner-img{top:27.778vw;width:28.333vw;height:40vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section.color-os-card .card-inner-img{top:174px;width:188px;height:263px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.color-os-card .card-inner-img{top:146px;width:158px;height:220px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.color-os-card .card-inner-img{top:119px;width:128px;height:180px}}#section-features .box-container .row .card-section.battery-card{background-color:#000}#section-features .box-container .row .card-section.battery-card .battery-info{position:absolute;display:flex;align-items:flex-end;vertical-align:text-bottom;z-index:2}@media (max-width: 1023px){#section-features .box-container .row .card-section.battery-card .battery-info{top:26.389vw;left:5.833vw;height:35.833vw;padding-top:8.611vw;padding-bottom:8.056vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section.battery-card .battery-info{top:65px;left:106px;height:509px;padding-top:124px;padding-bottom:85px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.battery-card .battery-info{top:54px;left:89px;height:427px;padding-top:104px;padding-bottom:71px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.battery-card .battery-info{top:44px;left:72px;height:348px;padding-top:85px;padding-bottom:58px}}#section-features .box-container .row .card-section.battery-card .battery-info .battery-deal{font-size:358.6px;line-height:1;letter-spacing:-8.54px;line-height:1;font-variation-settings:'wght' 700;background:linear-gradient(180deg,#81a5b7 0%,#066c95 100%);display:inline;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.8}@media (min-width:1470px) and (max-width:1799px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-deal{font-size:300.65024000000005px;letter-spacing:-7.159935999999999px}}@media (min-width:1024px) and (max-width:1469px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-deal{font-size:244.88794px;letter-spacing:-5.831965999999999px}}@media (min-width:721px) and (max-width:1023px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-deal{letter-spacing:-4.34px;font-size:182.4px}}@media (max-width:720px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-deal{letter-spacing:-2.17px;font-size:91.2px}}#section-features .box-container .row .card-section.battery-card .battery-info .battery-unit{font-size:133.4px;line-height:1;letter-spacing:-2.5px;line-height:1;font-variation-settings:'wght' 700;background:linear-gradient(180deg,#81a5b7 0%,#066c95 100%);display:inline;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:.8}@media (max-width: 1023px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-unit{padding-bottom:1.667vw}}@media (min-width: 1800px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-unit{padding-bottom:20px}}@media (min-width: 1470px) and (max-width: 1799px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-unit{padding-bottom:17px}}@media (min-width: 1024px) and (max-width: 1469px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-unit{padding-bottom:14px}}@media (min-width:1470px) and (max-width:1799px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-unit{font-size:111.84256px;letter-spacing:-2.096px}}@media (min-width:1024px) and (max-width:1469px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-unit{font-size:91.09886px;letter-spacing:-1.70725px}}@media (min-width:721px) and (max-width:1023px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-unit{letter-spacing:-1.28px;font-size:67.86px}}@media (max-width:720px){#section-features .box-container .row .card-section.battery-card .battery-info .battery-unit{letter-spacing:-.64px;font-size:33.93px}}#section-features .box-container .row .card-section.battery-card .card-inner-img{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width:1023px){#section-features .box-container .row .card-section.battery-card .card-inner-img{}}@media (max-width: 1023px){#section-features .box-container .row .card-section.battery-card .card-inner-img{height:9.444vw;width:87.778vw;left:6.667vw;top:61.667vw}}
.modal{position:fixed;z-index:-1;left:0;top:0;right:0;bottom:0;display:none}.modal .modal-close-container{top:108px;z-index:99999;position:fixed;visibility:hidden}@media (min-width: 1800px){.modal .modal-close-container{width:48px;height:48px;left:40px}}@media (min-width: 1470px) and (max-width: 1799px){.modal .modal-close-container{width:40px;height:40px;left:34px}}@media (min-width: 1024px) and (max-width: 1469px){.modal .modal-close-container{width:33px;height:33px;left:27px}}@media (max-width:1023px){.modal .modal-close-container{width:100vw;width:calc(100 * var(--vw, 1vw));top:53px;left:0;background:rgba(255,255,255,0);-webkit-backdrop-filter:blur(10.8731px);backdrop-filter:blur(10.8731px)}}@media (max-width: 1023px){.modal .modal-close-container{height:13.333vw}}.modal .modal-close-container.show{visibility:visible}.modal .modal-close-container.show .modal-close{cursor:pointer;position:absolute}@media (max-width: 1023px){.modal .modal-close-container.show .modal-close{width:7.778vw;height:7.778vw}}@media (min-width: 1800px){.modal .modal-close-container.show .modal-close{width:48px;height:48px}}@media (min-width: 1470px) and (max-width: 1799px){.modal .modal-close-container.show .modal-close{width:40px;height:40px}}@media (min-width: 1024px) and (max-width: 1469px){.modal .modal-close-container.show .modal-close{width:33px;height:33px}}.modal .modal-close-container.show .modal-close .modal-close-image{width:100%;height:100%}@media (min-width:1024px){.modal .modal-close-container.show .modal-close{top:0;left:0}}@media (max-width:1023px){.modal .modal-close-container.show .modal-close{}}@media (max-width: 1023px){.modal .modal-close-container.show .modal-close{top:2.778vw;left:5.556vw}}.modal.modal-open{display:block;z-index:9999}.modal.modal-open .modal-content{-webkit-animation:fade-in .6s cubic-bezier(.17,.7,.69,1.03);animation:fade-in .6s cubic-bezier(.17,.7,.69,1.03)}.modal.modal-open .features-modal-content{display:block}.modal.modal-close-animate{display:block;z-index:9999;-webkit-animation:fade-out .3s ease-in forwards;animation:fade-out .3s ease-in forwards}.modal .modal-content{background:#fff}.modal .features-modal-content{position:relative;overflow-x:hidden;width:100%;display:none}.modal .features-modal-content #modal-section-light{background:#fff}.modal .features-modal-content #modal-section-screen{background:#fff}.modal .features-modal-content #modal-section-battery{background:#000;color:#fff}.modal .features-modal-content #modal-section-system{background:#000;color:#fff}.modal .features-modal-content #modal-section-quality{background:#000;color:#fff}.modal .features-modal-content #modal-section-camera{background:#fff}.modal .features-modal-content #modal-section-photo{background:#fff}.modal .features-modal-content #modal-section-color-os{background:#f7f7f7}@media (max-width:1023px){.modal .features-modal-content #modal-section-color-os{background:linear-gradient(180deg,#fff .61%,#f7f7f7 21.06%)}}#modal-section-group-black{background:#000}.scroll-modal{overflow:scroll}.features-modal{background:#fff}.features-modal.modal-open{opacity:1;-webkit-animation:scale-up .4s cubic-bezier(.17,.7,.69,1.03);animation:scale-up .4s cubic-bezier(.17,.7,.69,1.03)}.modal .modal-section .box-container{margin-left:auto;margin-right:auto}@media (max-width: 1023px){.modal .modal-section .box-container{width:88.889vw}}@media (min-width: 1800px){.modal .modal-section .box-container{width:1312px}}@media (min-width: 1470px) and (max-width: 1799px){.modal .modal-section .box-container{width:1100px}}@media (min-width: 1024px) and (max-width: 1469px){.modal .modal-section .box-container{width:896px}}.modal .modal-section .box-container .content-image{width:100%;height:100%;object-fit:cover;object-position:center}@-webkit-keyframes scale-up{0%{transform:scale(.93)}100%{transform:scale(1)}}@keyframes scale-up{0%{transform:scale(.93)}100%{transform:scale(1)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes scale-down{0%{transform:scale(1)}to{transform:scale(.93)}}@keyframes scale-down{0%{transform:scale(1)}to{transform:scale(.93)}}
#modal-section-light{}@media (max-width: 1023px){#modal-section-light{padding-top:26.667vw}}@media (min-width: 1800px){#modal-section-light{padding-top:182px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-light{padding-top:153px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-light{padding-top:124px}}#modal-section-light .section-content{display:flex;justify-content:space-between}@media (max-width: 1023px){#modal-section-light .section-content{margin-top:26.667vw}}@media (min-width: 1800px){#modal-section-light .section-content{margin-top:182px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-light .section-content{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-light .section-content{margin-top:124px}}@media (max-width:1023px){#modal-section-light .section-content{flex-direction:column}}#modal-section-light .section-content .content-text{display:flex;flex-direction:column;justify-content:center;direction:rtl}@media (max-width: 1023px){#modal-section-light .section-content .content-text{width:88.889vw}}@media (min-width: 1800px){#modal-section-light .section-content .content-text{width:493px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-light .section-content .content-text{width:413px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-light .section-content .content-text{width:337px}}#modal-section-light .section-content .content-text .description{}@media (max-width: 1023px){#modal-section-light .section-content .content-text .description{margin-top:5.556vw}}@media (min-width: 1800px){#modal-section-light .section-content .content-text .description{margin-top:20px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-light .section-content .content-text .description{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-light .section-content .content-text .description{margin-top:14px}}#modal-section-light .section-content .content-text .specs{display:flex;align-items:flex-start}@media (max-width: 1023px){#modal-section-light .section-content .content-text .specs{margin-top:6.667vw}}@media (min-width: 1800px){#modal-section-light .section-content .content-text .specs{margin-top:80px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-light .section-content .content-text .specs{margin-top:67px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-light .section-content .content-text .specs{margin-top:55px}}#modal-section-light .section-content .content-text .specs .spec-grid{}@media (max-width: 1023px){#modal-section-light .section-content .content-text .specs .spec-grid{margin-left:11.111vw}}@media (min-width: 1800px){#modal-section-light .section-content .content-text .specs .spec-grid{margin-left:80px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-light .section-content .content-text .specs .spec-grid{margin-left:67px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-light .section-content .content-text .specs .spec-grid{margin-left:55px}}#modal-section-light .section-content .content-text .specs .detail{display:flex;align-items:center;background:linear-gradient(120deg,#8ae0f0 0%,#5895e6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-variation-settings:'wght' 700;display:inline;font-size:36px;line-height:1;letter-spacing:-.26px;line-height:1}@media (max-width: 1023px){#modal-section-light .section-content .content-text .specs .detail{height:9.444vw}}@media (min-width: 1800px){#modal-section-light .section-content .content-text .specs .detail{height:52px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-light .section-content .content-text .specs .detail{height:44px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-light .section-content .content-text .specs .detail{height:36px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-light .section-content .content-text .specs .detail{font-size:30.1824px;letter-spacing:-.217984px}}@media (min-width:1024px) and (max-width:1469px){#modal-section-light .section-content .content-text .specs .detail{font-size:24.5844px;letter-spacing:-.177554px}}@media (min-width:721px) and (max-width:1023px){#modal-section-light .section-content .content-text .specs .detail{letter-spacing:-.36px;font-size:48px}}@media (max-width:720px){#modal-section-light .section-content .content-text .specs .detail{letter-spacing:-.18px;font-size:24px}}#modal-section-light .section-content .content-text .specs .name{font-size:24px;line-height:1.42;letter-spacing:-.18px;line-height:1.44;font-weight:400;color:#000;opacity:.4}@media (min-width: 1800px){#modal-section-light .section-content .content-text .specs .name{margin-top:6px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-light .section-content .content-text .specs .name{margin-top:5px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-light .section-content .content-text .specs .name{margin-top:4px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-light .section-content .content-text .specs .name{font-size:20.1216px;letter-spacing:-.150912px}}@media (min-width:1024px) and (max-width:1469px){#modal-section-light .section-content .content-text .specs .name{font-size:16.389599999999998px;letter-spacing:-.12292199999999999px}}@media (min-width:721px) and (max-width:1023px){#modal-section-light .section-content .content-text .specs .name{letter-spacing:-.24px;font-size:32px}}@media (max-width:720px){#modal-section-light .section-content .content-text .specs .name{letter-spacing:-.12px;font-size:16px}}@media (max-width:1023px){#modal-section-light .section-content .content-text .specs .name{}}@media (max-width: 1023px){#modal-section-light .section-content .content-text .specs .name{margin-top:-0.278vw}}#modal-section-light .section-content .content-image-container{overflow:hidden}@media (max-width: 1023px){#modal-section-light .section-content .content-image-container{width:88.889vw;height:66.667vw}}@media (min-width: 1800px){#modal-section-light .section-content .content-image-container{width:624px;height:936px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-light .section-content .content-image-container{width:523px;height:785px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-light .section-content .content-image-container{width:426px;height:639px}}#modal-section-light .section-content .content-image-container .content-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.2)}@media (max-width:1023px){#modal-section-light .section-content .content-image-container{}}@media (max-width: 1023px){#modal-section-light .section-content .content-image-container{margin-top:5.556vw}}
#modal-section-screen{}@media (max-width: 1023px){#modal-section-screen{padding-top:22.222vw;padding-bottom:22.222vw}}@media (min-width: 1800px){#modal-section-screen{padding-top:128px;padding-bottom:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-screen{padding-top:107px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-screen{padding-top:87px;padding-bottom:87px}}#modal-section-screen .description{}@media (max-width: 1023px){#modal-section-screen .description{margin-top:5.556vw}}@media (min-width: 1800px){#modal-section-screen .description{margin-top:20px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-screen .description{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-screen .description{margin-top:14px}}@media (min-width:1024px){#modal-section-screen .description{}}@media (min-width: 1800px){#modal-section-screen .description{max-width:820px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-screen .description{max-width:687px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-screen .description{max-width:560px}}#modal-section-screen .content-image-container{overflow:hidden}@media (max-width: 1023px){#modal-section-screen .content-image-container{margin-top:13.333vw;width:88.889vw;height:66.667vw}}@media (min-width: 1800px){#modal-section-screen .content-image-container{margin-top:80px;width:1312px;height:740px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-screen .content-image-container{margin-top:67px;width:1100px;height:620px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-screen .content-image-container{margin-top:55px;width:896px;height:505px}}#modal-section-screen .content-image-container .content-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.2)}
#modal-section-colors{position:relative}@media (max-width: 1023px){#modal-section-colors{padding-top:22.222vw;padding-bottom:22.222vw}}@media (min-width: 1800px){#modal-section-colors{padding-top:128px;padding-bottom:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors{padding-top:107px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors{padding-top:87px;padding-bottom:87px}}#modal-section-colors .colors-section-bg{position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;transition:opacity linear .6s}#modal-section-colors .colors-section-bg.phone-blue{background:#e8ebfe}#modal-section-colors .colors-section-bg.phone-black{background:rgba(144,221,252,0.4)}#modal-section-colors .colors-section-bg.phone-white{background:rgba(198,216,252,0.4)}#modal-section-colors .colors-section-bg.phone-night-black{background:rgba(144,221,252,0.4)}#modal-section-colors .box-container{position:relative;z-index:2;display:flex;justify-content:space-between}@media (max-width:1023px){#modal-section-colors .box-container{flex-direction:column}}#modal-section-colors .box-container .content-text{display:flex;flex-direction:column;justify-content:center;direction:rtl}#modal-section-colors .box-container .content-text .description-container{position:relative}@media (max-width: 1023px){#modal-section-colors .box-container .content-text .description-container{margin-top:5.556vw;height:23.333vw;margin-bottom:6.667vw}}@media (min-width: 1800px){#modal-section-colors .box-container .content-text .description-container{margin-top:20px;height:56px;width:480px;margin-bottom:52px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .content-text .description-container{margin-top:17px;height:47px;width:402px;margin-bottom:44px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .content-text .description-container{margin-top:14px;height:38px;width:328px;margin-bottom:36px}}#modal-section-colors .box-container .content-text .description-container .description{position:absolute;top:0;opacity:0;transition:opacity linear .3s;right:0}@media (min-width:1024px){#modal-section-colors .box-container .content-text .description-container .description{}}@media (min-width: 1800px){#modal-section-colors .box-container .content-text .description-container .description{max-width:480px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .content-text .description-container .description{max-width:402px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .content-text .description-container .description{max-width:328px}}#modal-section-colors .box-container .content-text .description-container .description.active{opacity:1;transition-delay:.3s}#modal-section-colors .box-container .content-text .color-picker{display:flex}#modal-section-colors .box-container .content-text .color-picker .color-grid{cursor:pointer;display:flex;flex-direction:column;align-items:center}@media (max-width: 1023px){#modal-section-colors .box-container .content-text .color-picker .color-grid{margin-left:2.5vw;margin-right:2.5vw}}@media (min-width: 1800px){#modal-section-colors .box-container .content-text .color-picker .color-grid{margin-left:11px;margin-right:11px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .content-text .color-picker .color-grid{margin-left:9px;margin-right:9px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .content-text .color-picker .color-grid{margin-left:8px;margin-right:8px}}#modal-section-colors .box-container .content-text .color-picker .color-grid:first-child{margin-left:0}#modal-section-colors .box-container .content-text .color-picker .color-grid .outline{opacity:0;transition:opacity linear .6s}#modal-section-colors .box-container .content-text .color-picker .color-grid.active .outline{opacity:1}#modal-section-colors .box-container .content-text .color-picker .color-grid.active .color-grid-text{opacity:1}#modal-section-colors .box-container .content-text .color-picker .color-grid .color-grid-image{}@media (max-width: 1023px){#modal-section-colors .box-container .content-text .color-picker .color-grid .color-grid-image{width:11.111vw;height:11.111vw;margin-bottom:1.944vw}}@media (min-width: 1800px){#modal-section-colors .box-container .content-text .color-picker .color-grid .color-grid-image{width:52px;height:52px;margin-bottom:8px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .content-text .color-picker .color-grid .color-grid-image{width:44px;height:44px;margin-bottom:7px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .content-text .color-picker .color-grid .color-grid-image{width:36px;height:36px;margin-bottom:5px}}#modal-section-colors .box-container .content-text .color-picker .color-grid .color-grid-image svg{overflow:visible;width:100%;height:100%}#modal-section-colors .box-container .content-text .color-picker .color-grid .color-grid-text{text-align:center;transition:opacity linear .6s;opacity:.4}#modal-section-colors .box-container .content-image-container{margin-left:0;margin-right:0;position:relative}@media (max-width: 1023px){#modal-section-colors .box-container .content-image-container{width:88.889vw;height:88.889vw}}@media (min-width: 1800px){#modal-section-colors .box-container .content-image-container{width:684px;height:684px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .content-image-container{width:573px;height:573px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .content-image-container{width:467px;height:467px}}#modal-section-colors .box-container .content-image-container .content-image-inner-container{position:absolute;overflow:hidden;top:0;bottom:0;right:0;left:unset;z-index:0}@media (max-width: 1023px){#modal-section-colors .box-container .content-image-container .content-image-inner-container{width:88.889vw}}@media (min-width: 1800px){#modal-section-colors .box-container .content-image-container .content-image-inner-container{width:684px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .content-image-container .content-image-inner-container{width:573px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .content-image-container .content-image-inner-container{width:467px}}@media (max-width:1023px){#modal-section-colors .box-container .content-image-container{}}@media (max-width: 1023px){#modal-section-colors .box-container .content-image-container{margin-top:13.333vw}}#modal-section-colors .box-container .content-image-container .content-image{position:absolute;top:0;bottom:0;right:0}@media (max-width: 1023px){#modal-section-colors .box-container .content-image-container .content-image{width:88.889vw;height:88.889vw;min-width:88.889vw;min-height:88.889vw}}@media (min-width: 1800px){#modal-section-colors .box-container .content-image-container .content-image{width:684px;height:684px;min-width:684px;min-height:684px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .content-image-container .content-image{width:573px;height:573px;min-width:573px;min-height:573px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .content-image-container .content-image{width:467px;height:467px;min-width:467px;min-height:467px}}#modal-section-colors .box-container .extra-content-image-container{top:0}@media (min-width: 1800px){#modal-section-colors .box-container .extra-content-image-container{width:684px;height:684px;right:-744px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .extra-content-image-container{width:573px;height:573px;right:-624px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .extra-content-image-container{width:467px;height:467px;right:-508px}}#modal-section-colors .box-container .extra-content-image-container .content-image-inner-container{position:absolute;overflow:hidden;top:0;bottom:0;right:0;left:unset;z-index:0}@media (max-width: 1023px){#modal-section-colors .box-container .extra-content-image-container .content-image-inner-container{width:88.889vw}}@media (min-width: 1800px){#modal-section-colors .box-container .extra-content-image-container .content-image-inner-container{width:684px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .extra-content-image-container .content-image-inner-container{width:573px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .extra-content-image-container .content-image-inner-container{width:467px}}#modal-section-colors .box-container .extra-content-image-container .content-image{position:absolute;top:0;bottom:0;right:0}@media (min-width: 1800px){#modal-section-colors .box-container .extra-content-image-container .content-image{width:684px;height:684px;min-width:684px;min-height:684px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-colors .box-container .extra-content-image-container .content-image{width:573px;height:573px;min-width:573px;min-height:573px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-colors .box-container .extra-content-image-container .content-image{width:467px;height:467px;min-width:467px;min-height:467px}}#modal-section-colors.active-blue .colors-section-bg.phone-blue{opacity:1}#modal-section-colors.active-blue .colors-section-bg.phone-black{opacity:0}#modal-section-colors.active-blue .colors-section-bg.phone-white{opacity:0}#modal-section-colors.active-blue .colors-section-bg.phone-night-black{opacity:0}#modal-section-colors.active-black .colors-section-bg.phone-blue{opacity:0}#modal-section-colors.active-black .colors-section-bg.phone-black{opacity:1}#modal-section-colors.active-black .colors-section-bg.phone-white{opacity:0}#modal-section-colors.active-black .colors-section-bg.phone-night-black{opacity:0}#modal-section-colors.active-white .colors-section-bg.phone-blue{opacity:0}#modal-section-colors.active-white .colors-section-bg.phone-black{opacity:0}#modal-section-colors.active-white .colors-section-bg.phone-white{opacity:1}#modal-section-colors.active-white .colors-section-bg.phone-night-black{opacity:0}#modal-section-colors.active-night-black .colors-section-bg.phone-blue{opacity:0}#modal-section-colors.active-night-black .colors-section-bg.phone-black{opacity:0}#modal-section-colors.active-night-black .colors-section-bg.phone-white{opacity:0}#modal-section-colors.active-night-black .colors-section-bg.phone-night-black{opacity:1}
#modal-section-battery{}@media (max-width: 1023px){#modal-section-battery{padding-top:26.667vw}}@media (min-width: 1800px){#modal-section-battery{padding-top:182px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery{padding-top:153px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery{padding-top:124px}}#modal-section-battery .section-content{}@media (max-width: 1023px){#modal-section-battery .section-content{margin-top:26.667vw}}@media (min-width: 1800px){#modal-section-battery .section-content{margin-top:182px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content{margin-top:124px}}@media (min-width:1024px){#modal-section-battery .section-content .content-text{}}@media (min-width: 1800px){#modal-section-battery .section-content .content-text{max-width:820px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-text{max-width:687px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-text{max-width:560px}}#modal-section-battery .section-content .content-text .description{}@media (max-width: 1023px){#modal-section-battery .section-content .content-text .description{margin-top:5.556vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-text .description{margin-top:20px;width:820px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-text .description{margin-top:17px;width:687px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-text .description{margin-top:14px;width:560px}}#modal-section-battery .section-content .content-image-container{position:relative}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container{height:55.278vw;margin-top:13.333vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container{height:788px;margin-top:-27px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container{height:661px;margin-top:-23px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container{height:538px;margin-top:-18px}}#modal-section-battery .section-content .content-image-container .battery-info-bg-container{position:absolute;width:100%;overflow:hidden}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container .battery-info-bg-container{bottom:3.889vw;height:41.389vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container .battery-info-bg-container{bottom:101px;height:611px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container .battery-info-bg-container{bottom:85px;height:512px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container .battery-info-bg-container{bottom:69px;height:417px}}#modal-section-battery .section-content .content-image-container .battery-info-bg{position:absolute;left:0;bottom:0;display:flex;align-items:flex-end}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container .battery-info-bg{height:41.389vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container .battery-info-bg{height:611px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container .battery-info-bg{height:512px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container .battery-info-bg{height:417px}}#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{font-variation-settings:'wght' 700;font-size:430px;line-height:1;letter-spacing:-10.24px;line-height:1;opacity:.8;display:inline;background:linear-gradient(180deg,#81a5b7 0%,#066c95 100%);-webkit-background-clip:text;-webkit-text-stroke:1px transparent;color:#000}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{height:41.389vw;padding-top:4.167vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{height:611px;padding-top:45px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{height:512px;padding-top:38px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{height:417px;padding-top:31px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{font-size:360.512px;letter-spacing:-8.585216px}}@media (min-width:1024px) and (max-width:1469px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{font-size:293.647px;letter-spacing:-6.992896px}}@media (min-width:721px) and (max-width:1023px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{letter-spacing:-5px;font-size:209.6px}}@media (max-width:720px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{letter-spacing:-2.5px;font-size:104.8px}}@media (max-width:1023px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-deal{-webkit-text-stroke:.5px transparent}}#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{font-variation-settings:'wght' 700;font-size:160px;line-height:1;letter-spacing:-3px;line-height:1;opacity:.8;display:flex;align-items:flex-end;display:inline;background:linear-gradient(180deg,#81a5b7 0%,#066c95 100%);-webkit-background-clip:text;-webkit-text-stroke:1px transparent;color:#000}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{padding-bottom:10.556vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{padding-bottom:158px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{padding-bottom:132px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{padding-bottom:108px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{font-size:134.144px;letter-spacing:-2.5152px}}@media (min-width:1024px) and (max-width:1469px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{font-size:109.264px;letter-spacing:-2.0487px}}@media (min-width:721px) and (max-width:1023px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{letter-spacing:-1.46px;font-size:78px}}@media (max-width:720px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{letter-spacing:-.73px;font-size:39px}}@media (max-width:1023px){#modal-section-battery .section-content .content-image-container .battery-info-bg .battery-unit{-webkit-text-stroke:.5px transparent}}#modal-section-battery .section-content .content-image-container .battery-info-container{position:absolute;height:0;width:100%;overflow:hidden}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container .battery-info-container{bottom:3.889vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container .battery-info-container{bottom:101px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container .battery-info-container{bottom:85px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container .battery-info-container{bottom:69px}}#modal-section-battery .section-content .content-image-container .battery-info{position:absolute;left:0;bottom:0;display:flex;align-items:flex-end}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container .battery-info{height:41.389vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container .battery-info{height:611px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container .battery-info{height:512px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container .battery-info{height:417px}}#modal-section-battery .section-content .content-image-container .battery-info .battery-deal{font-variation-settings:'wght' 700;font-size:430px;line-height:1;letter-spacing:-10.24px;line-height:1;opacity:.8;display:flex;align-items:flex-end;display:inline;background:linear-gradient(180deg,#81a5b7 0%,#066c95 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container .battery-info .battery-deal{height:41.389vw;padding-top:4.167vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container .battery-info .battery-deal{height:611px;padding-top:45px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container .battery-info .battery-deal{height:512px;padding-top:38px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container .battery-info .battery-deal{height:417px;padding-top:31px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-battery .section-content .content-image-container .battery-info .battery-deal{font-size:360.512px;letter-spacing:-8.585216px}}@media (min-width:1024px) and (max-width:1469px){#modal-section-battery .section-content .content-image-container .battery-info .battery-deal{font-size:293.647px;letter-spacing:-6.992896px}}@media (min-width:721px) and (max-width:1023px){#modal-section-battery .section-content .content-image-container .battery-info .battery-deal{letter-spacing:-5px;font-size:209.6px}}@media (max-width:720px){#modal-section-battery .section-content .content-image-container .battery-info .battery-deal{letter-spacing:-2.5px;font-size:104.8px}}#modal-section-battery .section-content .content-image-container .battery-info .battery-unit{font-variation-settings:'wght' 700;font-size:160px;line-height:1;letter-spacing:-3px;line-height:1;opacity:.8;display:flex;align-items:flex-end;display:inline;background:linear-gradient(180deg,#81a5b7 0%,#066c95 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container .battery-info .battery-unit{padding-bottom:10.556vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container .battery-info .battery-unit{padding-bottom:158px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container .battery-info .battery-unit{padding-bottom:132px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container .battery-info .battery-unit{padding-bottom:108px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-battery .section-content .content-image-container .battery-info .battery-unit{font-size:134.144px;letter-spacing:-2.5152px}}@media (min-width:1024px) and (max-width:1469px){#modal-section-battery .section-content .content-image-container .battery-info .battery-unit{font-size:109.264px;letter-spacing:-2.0487px}}@media (min-width:721px) and (max-width:1023px){#modal-section-battery .section-content .content-image-container .battery-info .battery-unit{letter-spacing:-1.46px;font-size:78px}}@media (max-width:720px){#modal-section-battery .section-content .content-image-container .battery-info .battery-unit{letter-spacing:-.73px;font-size:39px}}#modal-section-battery .section-content .content-image-container .content-image{position:relative;z-index:3;left:0;object-fit:cover;object-position:center;transform:translateY(50px)}@media (max-width: 1023px){#modal-section-battery .section-content .content-image-container .content-image{width:88.889vw;height:55.278vw}}@media (min-width: 1800px){#modal-section-battery .section-content .content-image-container .content-image{left:-9px;width:1321px;height:788px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-battery .section-content .content-image-container .content-image{left:-8px;width:1108px;height:661px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-battery .section-content .content-image-container .content-image{left:-6px;width:902px;height:538px}}
#modal-section-system{}@media (max-width: 1023px){#modal-section-system{padding-top:22.222vw}}@media (min-width: 1800px){#modal-section-system{padding-top:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-system{padding-top:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-system{padding-top:87px}}#modal-section-system .box-container .content-text{display:flex;justify-content:space-between}@media (max-width:1023px){#modal-section-system .box-container .content-text{flex-direction:column}}#modal-section-system .box-container .content-text .content-text-left{}@media (min-width: 1800px){#modal-section-system .box-container .content-text .content-text-left{width:748px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-system .box-container .content-text .content-text-left{width:627px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-system .box-container .content-text .content-text-left{width:511px}}#modal-section-system .box-container .content-text .content-text-right{}@media (max-width: 1023px){#modal-section-system .box-container .content-text .content-text-right{width:88.889vw}}@media (min-width: 1800px){#modal-section-system .box-container .content-text .content-text-right{width:480px;padding-top:9px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-system .box-container .content-text .content-text-right{width:402px;padding-top:8px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-system .box-container .content-text .content-text-right{width:328px;padding-top:6px}}@media (max-width:1023px){#modal-section-system .box-container .content-text .content-text-right{padding-top:0}}@media (max-width: 1023px){#modal-section-system .box-container .content-text .content-text-right{margin-top:5.556vw}}#modal-section-system .box-container .content-image-container{overflow:hidden}@media (max-width: 1023px){#modal-section-system .box-container .content-image-container{width:88.889vw;height:66.667vw;margin-top:13.333vw}}@media (min-width: 1800px){#modal-section-system .box-container .content-image-container{width:1312px;height:740px;margin-top:80px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-system .box-container .content-image-container{width:1100px;height:620px;margin-top:67px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-system .box-container .content-image-container{width:896px;height:505px;margin-top:55px}}#modal-section-system .box-container .content-image-container .content-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.2)}
#modal-section-quality{}@media (max-width: 1023px){#modal-section-quality{padding-top:22.222vw;padding-bottom:22.222vw}}@media (min-width: 1800px){#modal-section-quality{padding-top:128px;padding-bottom:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-quality{padding-top:107px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-quality{padding-top:87px;padding-bottom:87px}}#modal-section-quality .box-container .content-text .description{}@media (max-width: 1023px){#modal-section-quality .box-container .content-text .description{margin-top:5.556vw}}@media (min-width: 1800px){#modal-section-quality .box-container .content-text .description{margin-top:20px;width:820px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-quality .box-container .content-text .description{margin-top:17px;width:687px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-quality .box-container .content-text .description{margin-top:14px;width:560px}}#modal-section-quality .box-container .content-text .waterproof{display:flex;align-items:center}@media (max-width: 1023px){#modal-section-quality .box-container .content-text .waterproof{margin-top:7.778vw}}@media (min-width: 1800px){#modal-section-quality .box-container .content-text .waterproof{margin-top:30px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-quality .box-container .content-text .waterproof{margin-top:25px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-quality .box-container .content-text .waterproof{margin-top:20px}}#modal-section-quality .box-container .content-text .waterproof .content-image{}@media (max-width: 1023px){#modal-section-quality .box-container .content-text .waterproof .content-image{width:8.889vw;height:8.889vw;margin-right:1.667vw}}@media (min-width: 1800px){#modal-section-quality .box-container .content-text .waterproof .content-image{width:48px;height:48px;margin-right:10px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-quality .box-container .content-text .waterproof .content-image{width:40px;height:40px;margin-right:8px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-quality .box-container .content-text .waterproof .content-image{width:33px;height:33px;margin-right:7px}}#modal-section-quality .box-container .content-text .waterproof .waterproof-text{font-weight:400;font-size:28px;line-height:1.43;letter-spacing:0;line-height:1.44;color:#57adff}@media (min-width:1470px) and (max-width:1799px){#modal-section-quality .box-container .content-text .waterproof .waterproof-text{font-size:23.4752px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){#modal-section-quality .box-container .content-text .waterproof .waterproof-text{font-size:19.121199999999998px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){#modal-section-quality .box-container .content-text .waterproof .waterproof-text{letter-spacing:0;font-size:32px}}@media (max-width:720px){#modal-section-quality .box-container .content-text .waterproof .waterproof-text{letter-spacing:0;font-size:16px}}#modal-section-quality .box-container .content-image-container{overflow:hidden}@media (max-width: 1023px){#modal-section-quality .box-container .content-image-container{margin-top:11.111vw;width:88.889vw;height:66.667vw}}@media (min-width: 1800px){#modal-section-quality .box-container .content-image-container{margin-top:80px;width:1312px;height:740px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-quality .box-container .content-image-container{margin-top:67px;width:1100px;height:620px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-quality .box-container .content-image-container{margin-top:55px;width:896px;height:505px}}#modal-section-quality .box-container .content-image-container .content-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.2)}#modal-section-quality .box-container .content-specs{display:flex;align-items:flex-start;direction:rtl}@media (max-width: 1023px){#modal-section-quality .box-container .content-specs{margin-top:11.111vw}}@media (min-width: 1800px){#modal-section-quality .box-container .content-specs{margin-top:48px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-quality .box-container .content-specs{margin-top:40px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-quality .box-container .content-specs{margin-top:33px}}@media (max-width:1023px){#modal-section-quality .box-container .content-specs{flex-direction:column}}@media (min-width:1024px){#modal-section-quality .box-container .content-specs .spec-grid{}}@media (min-width: 1800px){#modal-section-quality .box-container .content-specs .spec-grid{margin-right:80px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-quality .box-container .content-specs .spec-grid{margin-right:67px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-quality .box-container .content-specs .spec-grid{margin-right:55px}}@media (max-width:1023px){#modal-section-quality .box-container .content-specs .spec-grid{}#modal-section-quality .box-container .content-specs .spec-grid:last-child{margin-bottom:0}}@media (max-width: 1023px){#modal-section-quality .box-container .content-specs .spec-grid{margin-bottom:4.444vw}}#modal-section-quality .box-container .content-specs .spec-grid .spec-value{font-size:40px;line-height:1.43;letter-spacing:0;line-height:1.42;font-weight:300;color:#57adff}@media (min-width:1470px) and (max-width:1799px){#modal-section-quality .box-container .content-specs .spec-grid .spec-value{font-size:33.536px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){#modal-section-quality .box-container .content-specs .spec-grid .spec-value{font-size:27.316px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){#modal-section-quality .box-container .content-specs .spec-grid .spec-value{letter-spacing:0;font-size:48px}}@media (max-width:720px){#modal-section-quality .box-container .content-specs .spec-grid .spec-value{letter-spacing:0;font-size:24px}}#modal-section-quality .box-container .content-specs .spec-grid .spec-brief{font-size:28px;line-height:1.07;letter-spacing:0;line-height:1.44;font-weight:400}@media (max-width: 1023px){#modal-section-quality .box-container .content-specs .spec-grid .spec-brief{margin-top:-0.556vw}}@media (min-width: 1800px){#modal-section-quality .box-container .content-specs .spec-grid .spec-brief{margin-top:6px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-quality .box-container .content-specs .spec-grid .spec-brief{margin-top:5px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-quality .box-container .content-specs .spec-grid .spec-brief{margin-top:4px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-quality .box-container .content-specs .spec-grid .spec-brief{font-size:23.4752px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){#modal-section-quality .box-container .content-specs .spec-grid .spec-brief{font-size:19.121199999999998px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){#modal-section-quality .box-container .content-specs .spec-grid .spec-brief{letter-spacing:0;font-size:32px}}@media (max-width:720px){#modal-section-quality .box-container .content-specs .spec-grid .spec-brief{letter-spacing:0;font-size:16px}}
#modal-section-camera{}@media (max-width: 1023px){#modal-section-camera{padding-top:26.667vw}}@media (min-width: 1800px){#modal-section-camera{padding-top:182px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-camera{padding-top:153px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-camera{padding-top:124px}}#modal-section-camera .box-container .content-text{}@media (max-width: 1023px){#modal-section-camera .box-container .content-text{margin-top:26.667vw}}@media (min-width: 1800px){#modal-section-camera .box-container .content-text{margin-top:182px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-camera .box-container .content-text{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-camera .box-container .content-text{margin-top:124px}}@media (min-width:1024px){#modal-section-camera .box-container .content-text{text-align:center;margin-left:auto;margin-right:auto}}@media (min-width: 1800px){#modal-section-camera .box-container .content-text{max-width:820px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-camera .box-container .content-text{max-width:687px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-camera .box-container .content-text{max-width:560px}}#modal-section-camera .box-container .content-text .description{}@media (max-width: 1023px){#modal-section-camera .box-container .content-text .description{margin-top:5.556vw}}@media (min-width: 1800px){#modal-section-camera .box-container .content-text .description{margin-top:20px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-camera .box-container .content-text .description{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-camera .box-container .content-text .description{margin-top:14px}}#modal-section-camera .box-container .content-image-container{opacity:0;transform:translateY(50px)}@media (max-width: 1023px){#modal-section-camera .box-container .content-image-container{margin-top:13.333vw;width:94.444vw;height:38.056vw}}@media (min-width: 1800px){#modal-section-camera .box-container .content-image-container{margin-top:80px;width:1312px;height:484px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-camera .box-container .content-image-container{margin-top:67px;width:1100px;height:406px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-camera .box-container .content-image-container{margin-top:55px;width:896px;height:331px}}@media (max-width:1023px){#modal-section-camera .box-container .content-image-container{}}@media (max-width: 1023px){#modal-section-camera .box-container .content-image-container{margin-left:calc(44.444vw - 50vw);margin-left:calc(44.444vw - (50 * var(--vw, 1vw)))}}#modal-section-camera .box-container .content-image-container .content-image{width:100%;height:100%;object-fit:cover;object-position:center}
#modal-section-photo{}@media (min-width: 1800px){#modal-section-photo{padding-top:128px;padding-bottom:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo{padding-top:107px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo{padding-top:87px;padding-bottom:87px}}#modal-section-photo .box-container .feature-1{display:flex;justify-content:space-between}@media (max-width:1023px){#modal-section-photo .box-container .feature-1{flex-direction:column}}#modal-section-photo .box-container .feature-1 .content-image-container{overflow:hidden;order:1}@media (max-width: 1023px){#modal-section-photo .box-container .feature-1 .content-image-container{width:88.889vw;height:66.667vw}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-1 .content-image-container{width:684px;height:684px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-1 .content-image-container{width:573px;height:573px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-1 .content-image-container{width:467px;height:467px}}@media (max-width:1023px){#modal-section-photo .box-container .feature-1 .content-image-container{order:3}}@media (max-width: 1023px){#modal-section-photo .box-container .feature-1 .content-image-container{margin-top:13.333vw}}#modal-section-photo .box-container .feature-1 .content-image-container .content-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.2)}#modal-section-photo .box-container .feature-1 .content-text{display:flex;flex-direction:column;justify-content:center;order:2;direction:rtl}@media (min-width:1024px){#modal-section-photo .box-container .feature-1 .content-text{}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-1 .content-text{max-width:536px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-1 .content-text{max-width:449px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-1 .content-text{max-width:366px}}#modal-section-photo .box-container .feature-1 .content-text .description{}@media (max-width: 1023px){#modal-section-photo .box-container .feature-1 .content-text .description{margin-top:5.556vw}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-1 .content-text .description{margin-top:20px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-1 .content-text .description{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-1 .content-text .description{margin-top:14px}}#modal-section-photo .box-container .feature-2{display:flex;justify-content:space-between}@media (max-width: 1023px){#modal-section-photo .box-container .feature-2{margin-top:22.222vw}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-2{margin-top:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-2{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-2{margin-top:87px}}@media (max-width:1023px){#modal-section-photo .box-container .feature-2{flex-direction:column}}#modal-section-photo .box-container .feature-2 .content-text{display:flex;flex-direction:column;justify-content:center;direction:rtl}@media (min-width:1024px){#modal-section-photo .box-container .feature-2 .content-text{}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-2 .content-text{max-width:493px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-2 .content-text{max-width:413px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-2 .content-text{max-width:337px}}#modal-section-photo .box-container .feature-2 .content-text .description{}@media (max-width: 1023px){#modal-section-photo .box-container .feature-2 .content-text .description{margin-top:5.556vw}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-2 .content-text .description{margin-top:20px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-2 .content-text .description{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-2 .content-text .description{margin-top:14px}}#modal-section-photo .box-container .feature-2 .content-image-group{display:flex}@media (max-width:1023px){#modal-section-photo .box-container .feature-2 .content-image-group{flex-direction:column}}@media (max-width: 1023px){#modal-section-photo .box-container .feature-2 .content-image-group{margin-top:13.333vw}}#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid{position:relative}@media (min-width:1024px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid:first-child{}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid:first-child{margin-right:16px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid:first-child{margin-right:13px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid:first-child{margin-right:11px}}#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-container{overflow:hidden}@media (max-width: 1023px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-container{width:88.889vw;height:66.667vw}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-container{width:358px;height:478px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-container{width:300px;height:401px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-container{width:244px;height:326px}}#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-container .content-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.2)}#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{position:absolute;text-align:center;font-weight:400;font-size:18px;line-height:1.44;letter-spacing:0;line-height:1.36}@media (min-width:1470px) and (max-width:1799px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{font-size:15.0912px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{font-size:12.2922px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{letter-spacing:0;font-size:28px}}@media (max-width:720px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{letter-spacing:0;font-size:14px}}@media (min-width:1024px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{left:50%;transform:translateX(-50%)}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{bottom:-42px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{bottom:-35px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{bottom:-29px}}@media (max-width:1023px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{}}@media (max-width: 1023px){#modal-section-photo .box-container .feature-2 .content-image-group .content-image-grid .content-image-text{right:6.667vw;bottom:5.556vw}}#modal-section-photo .box-container .feature-3{}@media (max-width: 1023px){#modal-section-photo .box-container .feature-3{margin-top:22.222vw}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3{margin-top:170px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3{margin-top:143px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3{margin-top:116px}}#modal-section-photo .box-container .feature-3 .content-text{direction:rtl}#modal-section-photo .box-container .feature-3 .content-text .description{}@media (max-width: 1023px){#modal-section-photo .box-container .feature-3 .content-text .description{margin-top:5.556vw}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .content-text .description{margin-top:20px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .content-text .description{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .content-text .description{margin-top:14px}}@media (min-width:1024px){#modal-section-photo .box-container .feature-3 .content-text .description{}}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .content-text .description{max-width:820px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .content-text .description{max-width:687px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .content-text .description{max-width:560px}}#modal-section-photo .box-container .feature-3 .filter-container{position:relative;overflow:hidden}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container{margin-top:80px;width:1312px;height:738px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container{margin-top:67px;width:1100px;height:619px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container{margin-top:55px;width:896px;height:504px}}#modal-section-photo .box-container .feature-3 .filter-container .content-image-container{height:100%;transition:all cubic-bezier(0,.6,.4,1) .7s;position:absolute;left:0;top:0;-webkit-transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,#fff 100%,#000 100%)}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container .content-image-container{width:1040px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container .content-image-container{width:872px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container .content-image-container{width:710px}}#modal-section-photo .box-container .feature-3 .filter-container .content-image-container .content-image{position:relative;height:100%;transition:all cubic-bezier(0,.6,.4,1) .7s}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container .content-image-container .content-image{width:1040px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container .content-image-container .content-image{width:872px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container .content-image-container .content-image{width:710px}}#modal-section-photo .box-container .feature-3 .filter-container #filter-1{overflow:hidden;transform:translateX(0)}#modal-section-photo .box-container .feature-3 .filter-container #filter-1 .content-image{filter:brightness(1);transform:translateX(0)}#modal-section-photo .box-container .feature-3 .filter-container #filter-2{overflow:hidden}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container #filter-2{transform:translateX(940px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container #filter-2{transform:translateX(788px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container #filter-2{transform:translateX(642px)}}#modal-section-photo .box-container .feature-3 .filter-container #filter-2 .content-image{filter:brightness(.6)}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container #filter-2 .content-image{transform:translateX(-446px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container #filter-2 .content-image{transform:translateX(-374px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container #filter-2 .content-image{transform:translateX(-305px)}}#modal-section-photo .box-container .feature-3 .filter-container #filter-3{overflow:hidden}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container #filter-3{transform:translateX(1126px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container #filter-3{transform:translateX(944px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container #filter-3{transform:translateX(769px)}}#modal-section-photo .box-container .feature-3 .filter-container #filter-3 .content-image{filter:brightness(.6)}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container #filter-3 .content-image{transform:translateX(-446px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container #filter-3 .content-image{transform:translateX(-374px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container #filter-3 .content-image{transform:translateX(-305px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-1{transform:translateX(0)}#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-1 .content-image{filter:brightness(1);transform:translateX(0)}#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-2{}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-2{transform:translateX(1040px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-2{transform:translateX(872px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-2{transform:translateX(710px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-2 .content-image{filter:brightness(.6)}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-2 .content-image{transform:translateX(-480px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-2 .content-image{transform:translateX(-402px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-2 .content-image{transform:translateX(-328px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-3{}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-3{transform:translateX(1176px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-3{transform:translateX(986px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-3{transform:translateX(803px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-3 .content-image{filter:brightness(.6)}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-3 .content-image{transform:translateX(-480px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-3 .content-image{transform:translateX(-402px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-1 #filter-3 .content-image{transform:translateX(-328px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-1{transform:translateX(0)}#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-1 .content-image{filter:brightness(.6)}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-1 .content-image{transform:translateX(-480px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-1 .content-image{transform:translateX(-402px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-1 .content-image{transform:translateX(-328px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-2{}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-2{transform:translateX(136px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-2{transform:translateX(114px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-2{transform:translateX(93px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-2 .content-image{filter:brightness(1);transform:translateX(0)}#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-3{}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-3{transform:translateX(1176px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-3{transform:translateX(986px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-3{transform:translateX(803px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-3 .content-image{filter:brightness(.6)}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-3 .content-image{transform:translateX(-480px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-3 .content-image{transform:translateX(-402px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-2 #filter-3 .content-image{transform:translateX(-328px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-1{transform:translateX(0)}#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-1 .content-image{filter:brightness(.6)}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-1 .content-image{transform:translateX(-480px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-1 .content-image{transform:translateX(-402px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-1 .content-image{transform:translateX(-328px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-2{}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-2{transform:translateX(136px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-2{transform:translateX(114px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-2{transform:translateX(93px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-2 .content-image{filter:brightness(.6)}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-2 .content-image{transform:translateX(-480px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-2 .content-image{transform:translateX(-402px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-2 .content-image{transform:translateX(-328px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-3{}@media (min-width: 1800px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-3{transform:translateX(272px)}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-3{transform:translateX(228px)}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-3{transform:translateX(186px)}}#modal-section-photo .box-container .feature-3 .filter-container.active-3 #filter-3 .content-image{filter:brightness(1);transform:translateX(0)}@media (max-width:1023px){#modal-section-photo{padding-bottom:200vh;padding-bottom:calc(200 * var(--vh, 1vh))}#modal-section-photo .box-container{position:relative;width:100%}#modal-section-photo .box-container .box-container-inner{position:absolute;bottom:0;left:0;right:0}#modal-section-photo .box-container .box-container-inner .feature-1,#modal-section-photo .box-container .box-container-inner .feature-2,#modal-section-photo .box-container .box-container-inner .feature-3{margin-left:auto;margin-right:auto}#modal-section-photo .box-container .box-container-inner .filter-m-container{position:relative;overflow:hidden}#modal-section-photo .box-container .box-container-inner .filter-m-container .content-image-container{height:100%;width:100%;position:absolute;opacity:0;transition:opacity 1s ease;left:0;top:0}#modal-section-photo .box-container .box-container-inner .filter-m-container .content-image-container .content-image{width:100%;height:100%;object-fit:cover;object-position:center}#modal-section-photo .box-container .box-container-inner .filter-m-container.active-1 .content-image-container:first-child{opacity:1}#modal-section-photo .box-container .box-container-inner .filter-m-container.active-2 .content-image-container:nth-child(2){opacity:1}#modal-section-photo .box-container .box-container-inner .filter-m-container.active-3 .content-image-container:nth-child(3){opacity:1}}@media (max-width: 1023px){#modal-section-photo .box-container .box-container-inner .filter-m-container{margin-top:13.333vw;width:88.889vw;height:66.667vw}}@media (max-width: 1023px){#modal-section-photo .box-container .box-container-inner .feature-1,#modal-section-photo .box-container .box-container-inner .feature-2,#modal-section-photo .box-container .box-container-inner .feature-3{width:88.889vw}}@media (max-width: 1023px){#modal-section-photo .box-container{height:531.667vw}}@media (max-width: 1023px){#modal-section-photo{padding-top:22.222vw}}
#modal-section-color-os{}@media (max-width: 1023px){#modal-section-color-os{padding-top:26.667vw;padding-bottom:26.667vw}}@media (min-width: 1800px){#modal-section-color-os{padding-top:182px;padding-bottom:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os{padding-top:153px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os{padding-top:124px;padding-bottom:87px}}#modal-section-color-os .color-os-title{display:flex;flex-direction:column;align-items:center}#modal-section-color-os .color-os-title .content-image{}@media (max-width: 1023px){#modal-section-color-os .color-os-title .content-image{width:20.833vw;height:29.167vw}}@media (min-width: 1800px){#modal-section-color-os .color-os-title .content-image{width:149px;height:209px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .color-os-title .content-image{width:125px;height:175px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .color-os-title .content-image{width:102px;height:143px}}#modal-section-color-os .color-os-title .title-text{font-weight:400;font-size:36px;line-height:1.56;letter-spacing:-.18px;line-height:1.4}@media (max-width: 1023px){#modal-section-color-os .color-os-title .title-text{margin-top:5.278vw;margin-bottom:4.444vw}}@media (min-width: 1800px){#modal-section-color-os .color-os-title .title-text{margin-top:30px;margin-bottom:63px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .color-os-title .title-text{margin-top:25px;margin-bottom:53px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .color-os-title .title-text{margin-top:20px;margin-bottom:43px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-color-os .color-os-title .title-text{font-size:30.1824px;letter-spacing:-.150912px}}@media (min-width:1024px) and (max-width:1469px){#modal-section-color-os .color-os-title .title-text{font-size:24.5844px;letter-spacing:-.12292199999999999px}}@media (min-width:721px) and (max-width:1023px){#modal-section-color-os .color-os-title .title-text{letter-spacing:0;font-size:40px}}@media (max-width:720px){#modal-section-color-os .color-os-title .title-text{letter-spacing:0;font-size:20px}}#modal-section-color-os .color-os-title .learn-more{font-weight:400;font-size:14px;line-height:1.71;letter-spacing:-.06px;line-height:1.44;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid #000}@media (max-width: 1023px){#modal-section-color-os .color-os-title .learn-more{width:31.111vw;height:10.556vw}}@media (min-width: 1800px){#modal-section-color-os .color-os-title .learn-more{width:124px;height:48px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .color-os-title .learn-more{width:104px;height:40px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .color-os-title .learn-more{width:85px;height:33px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-color-os .color-os-title .learn-more{font-size:11.7376px;letter-spacing:-.050304px}}@media (min-width:1024px) and (max-width:1469px){#modal-section-color-os .color-os-title .learn-more{font-size:9.560599999999999px;letter-spacing:-.040974px}}@media (min-width:721px) and (max-width:1023px){#modal-section-color-os .color-os-title .learn-more{letter-spacing:0;font-size:32px}}@media (max-width:720px){#modal-section-color-os .color-os-title .learn-more{letter-spacing:0;font-size:16px}}@media (max-width:1023px){#modal-section-color-os .color-os-title .learn-more{border:1px solid rgba(0,0,0,0.6)}}#modal-section-color-os .content-text{direction:rtl}@media (max-width: 1023px){#modal-section-color-os .content-text{margin-top:22.222vw}}@media (min-width: 1800px){#modal-section-color-os .content-text{margin-top:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .content-text{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .content-text{margin-top:87px}}@media (min-width:1024px){#modal-section-color-os .content-text{text-align:center;margin-left:auto;margin-right:auto}}@media (min-width: 1800px){#modal-section-color-os .content-text{max-width:820px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .content-text{max-width:687px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .content-text{max-width:560px}}#modal-section-color-os .content-text .description{}@media (max-width: 1023px){#modal-section-color-os .content-text .description{margin-top:5.556vw}}@media (min-width: 1800px){#modal-section-color-os .content-text .description{margin-top:20px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .content-text .description{margin-top:17px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .content-text .description{margin-top:14px}}#modal-section-color-os .features{display:flex;justify-content:space-between}@media (max-width: 1023px){#modal-section-color-os .features{margin-top:22.222vw}}@media (min-width: 1800px){#modal-section-color-os .features{margin-top:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .features{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .features{margin-top:87px}}@media (max-width:1023px){#modal-section-color-os .features{flex-direction:column}}#modal-section-color-os .features .feature-grid{}@media (min-width: 1800px){#modal-section-color-os .features .feature-grid{width:398px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .features .feature-grid{width:334px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .features .feature-grid{width:272px}}@media (max-width:1023px){#modal-section-color-os .features .feature-grid{}#modal-section-color-os .features .feature-grid:first-child{margin-top:0}}@media (max-width: 1023px){#modal-section-color-os .features .feature-grid{margin-top:11.111vw}}#modal-section-color-os .features .feature-grid .feature-image{object-fit:cover;object-position:center;opacity:0;transform:translateY(50px)}@media (max-width: 1023px){#modal-section-color-os .features .feature-grid .feature-image{width:88.889vw;height:172.5vw}}@media (min-width: 1800px){#modal-section-color-os .features .feature-grid .feature-image{width:398px;height:580px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .features .feature-grid .feature-image{width:334px;height:486px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .features .feature-grid .feature-image{width:272px;height:396px}}#modal-section-color-os .features .feature-grid .feature-content{direction:rtl}@media (max-width: 1023px){#modal-section-color-os .features .feature-grid .feature-content{margin-top:4.444vw}}@media (min-width: 1800px){#modal-section-color-os .features .feature-grid .feature-content{margin-top:18px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .features .feature-grid .feature-content{margin-top:15px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .features .feature-grid .feature-content{margin-top:12px}}#modal-section-color-os .features .feature-grid .feature-content .feature-title{font-size:22px;line-height:1.41;letter-spacing:0;line-height:1.44;font-weight:700;opacity:0;transform:translateY(50px)}@media (min-width:1470px) and (max-width:1799px){#modal-section-color-os .features .feature-grid .feature-content .feature-title{font-size:18.4448px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){#modal-section-color-os .features .feature-grid .feature-content .feature-title{font-size:15.0238px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){#modal-section-color-os .features .feature-grid .feature-content .feature-title{letter-spacing:0;font-size:32px}}@media (max-width:720px){#modal-section-color-os .features .feature-grid .feature-content .feature-title{letter-spacing:0;font-size:16px}}#modal-section-color-os .features .feature-grid .feature-content .feature-brief{font-weight:400;font-size:16px;line-height:1.5;letter-spacing:0;line-height:1.42;opacity:0;transform:translateY(50px)}@media (max-width: 1023px){#modal-section-color-os .features .feature-grid .feature-content .feature-brief{margin-top:2.222vw}}@media (min-width: 1800px){#modal-section-color-os .features .feature-grid .feature-content .feature-brief{margin-top:8px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .features .feature-grid .feature-content .feature-brief{margin-top:7px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .features .feature-grid .feature-content .feature-brief{margin-top:5px}}@media (min-width:1470px) and (max-width:1799px){#modal-section-color-os .features .feature-grid .feature-content .feature-brief{font-size:13.4144px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){#modal-section-color-os .features .feature-grid .feature-content .feature-brief{font-size:10.9264px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){#modal-section-color-os .features .feature-grid .feature-content .feature-brief{letter-spacing:0;font-size:24px}}@media (max-width:720px){#modal-section-color-os .features .feature-grid .feature-content .feature-brief{letter-spacing:0;font-size:12px}}#modal-section-color-os .terms{font-weight:400;opacity:.78;direction:rtl}@media (max-width: 1023px){#modal-section-color-os .terms{margin-top:26.667vw}}@media (min-width: 1800px){#modal-section-color-os .terms{margin-top:128px}}@media (min-width: 1470px) and (max-width: 1799px){#modal-section-color-os .terms{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1469px){#modal-section-color-os .terms{margin-top:87px}}@media (min-width:1024px){#modal-section-color-os .terms{font-size:12px;line-height:2.33;letter-spacing:-.05px}}@media (max-width:1023px){#modal-section-color-os .terms{line-height:1.67}}@media (min-width:1024px) and (min-width:1470px) and (max-width:1799px){#modal-section-color-os .terms{font-size:10.0608px;letter-spacing:-.041920000000000006px}}@media (min-width:1024px) and (min-width:1024px) and (max-width:1469px){#modal-section-color-os .terms{font-size:8.194799999999999px;letter-spacing:-.034145px}}@media (max-width:1023px) and (min-width:721px) and (max-width:1023px){#modal-section-color-os .terms{letter-spacing:-.1px;font-size:24px}}@media (max-width:1023px) and (max-width:720px){#modal-section-color-os .terms{letter-spacing:-.05px;font-size:12px}}
:root{--oh-nav-height:80px}@media (min-width:1024px) and (max-width:1469px){: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/a16k/a16k-overview-3/v1/assets/OPPOSansSuper-Medium-c23c36.woff) format('woff'),url(/content/dam/oppo/product-asset-library/a/a16k/a16k-overview-3/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/a16k/a16k-overview-3/v1/assets/OPPOSansSuper-Bold-3612bd.woff) format('woff'),url(/content/dam/oppo/product-asset-library/a/a16k/a16k-overview-3/v1/assets/OPPOSansSuper-Bold-37942b.ttf) format('truetype');font-style:normal;font-weight:700}.zn--wrapper sup{font-size:.9em;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: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}#footer.modal-open{position:relative;z-index:-1}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: 1470px) and (max-width: 1799px){.g--container,.g--container-ls{width:1100px}}@media (min-width: 1024px) and (max-width: 1469px){.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;z-index:0}.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}html.scroll-disabled{overflow-x:hidden;overflow-y:hidden}body .section-title{font-variation-settings:'wght' 700;text-align:center;display:inline-block;width:100%;background:linear-gradient(180deg,#99eefe 0%,#63a1f2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:120px;line-height:1;letter-spacing:0;line-height:1}@media (max-width: 1023px){body .section-title{padding-top:2.5vw;padding-bottom:2.5vw;transform:translateY(8.333vw)}}@media (min-width: 1800px){body .section-title{padding-top:25px;padding-bottom:25px;transform:translateY(60px)}}@media (min-width: 1470px) and (max-width: 1799px){body .section-title{padding-top:21px;padding-bottom:21px;transform:translateY(50px)}}@media (min-width: 1024px) and (max-width: 1469px){body .section-title{padding-top:17px;padding-bottom:17px;transform:translateY(41px)}}@media (min-width:1470px) and (max-width:1799px){body .section-title{font-size:100.608px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){body .section-title{font-size:81.948px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){body .section-title{letter-spacing:0;font-size:84px}}@media (max-width:720px){body .section-title{letter-spacing:0;font-size:42px}}body .title{font-weight:400;font-size:48px;line-height:1.21;letter-spacing:0;line-height:1.21}@media (min-width:1470px) and (max-width:1799px){body .title{font-size:40.2432px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){body .title{font-size:32.779199999999996px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){body .title{letter-spacing:0;font-size:56px}}@media (max-width:720px){body .title{letter-spacing:0;font-size:28px}}body .sub-title{font-weight:400;font-size:48px;line-height:1.21;letter-spacing:0;line-height:1.21;opacity:.6}@media (min-width:1470px) and (max-width:1799px){body .sub-title{font-size:40.2432px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){body .sub-title{font-size:32.779199999999996px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){body .sub-title{letter-spacing:0;font-size:56px}}@media (max-width:720px){body .sub-title{letter-spacing:0;font-size:28px}}body .description{font-weight:400;font-size:18px;line-height:1.56;letter-spacing:0;line-height:1.75}@media (min-width:1470px) and (max-width:1799px){body .description{font-size:15.0912px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){body .description{font-size:12.2922px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){body .description{letter-spacing:0;font-size:32px}}@media (max-width:720px){body .description{letter-spacing:0;font-size:16px}}body .card-title{font-weight:400;font-size:42px;line-height:1.19;letter-spacing:0;line-height:1.17}@media (min-width:1470px) and (max-width:1799px){body .card-title{font-size:35.2128px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1469px){body .card-title{font-size:28.6818px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){body .card-title{letter-spacing:0;font-size:48px}}@media (max-width:720px){body .card-title{letter-spacing:0;font-size:24px}}body .fade-in-text{opacity:0;transform:translateY(50px)}body .rtl-text{direction:rtl;margin-left:auto;margin-right:0}body #modal-section-system .content-text{direction:rtl}