body,html{font-family:Roboto,sans-serif;overflow:hidden}:not(:defined)>*{display:none}body{background-color:#000;margin:0;box-sizing:border-box;min-height:100vh;min-height:100dvh}.content{position:relative;width:100%;height:100vh;height:100dvh;margin:0 auto;background-color:#000}img{width:100%;padding-bottom:0;margin-bottom:0;display:block}.background{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;pointer-events:none}.poster{position:absolute;top:0;left:0;width:100%;height:100%!important;object-fit:cover;z-index:10}.main-canvas{position:absolute;top:0;left:0;width:100%;height:100%!important;background-color:transparent;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.main-canvas.visible{opacity:1;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.footer-roll{position:fixed;bottom:20px;padding-right:27px;left:0;width:100%;background:transparent;display:flex;align-items:center;justify-content:center;z-index:15;box-sizing:border-box}.footer-roll>*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media(max-width:539px){.footer-roll{bottom:15px;padding-right:21px}.poster{transform:scale(.833);transform-origin:center center}}.loader{--uib-size: 42px;--uib-color: black;--uib-speed: 1.5s;--uib-dot-size: calc(var(--uib-size) * .4);position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-dot-size);width:var(--uib-size);-webkit-user-select:none;user-select:none;position:absolute;bottom:190px;left:50%;transform:translate(-50%);z-index:9999}@media(max-width:539px){.loader{--uib-size: 32px;bottom:155px}}.loader:before,.loader:after{content:"";position:fixed;height:var(--uib-dot-size);width:var(--uib-dot-size);border-radius:50%;background-color:var(--uib-color);flex-shrink:0;transition:background-color .3s ease}.loader:before{animation:orbit var(--uib-speed) linear infinite}.loader:after{animation:orbit var(--uib-speed) linear calc(var(--uib-speed) / -2) infinite}@keyframes orbit{0%{transform:translate(calc(var(--uib-size) * .25)) scale(.73684);opacity:.65}5%{transform:translate(calc(var(--uib-size) * .235)) scale(.684208);opacity:.58}10%{transform:translate(calc(var(--uib-size) * .182)) scale(.631576);opacity:.51}15%{transform:translate(calc(var(--uib-size) * .129)) scale(.578944);opacity:.44}20%{transform:translate(calc(var(--uib-size) * .076)) scale(.526312);opacity:.37}25%{transform:translate(0) scale(.47368);opacity:.3}30%{transform:translate(calc(var(--uib-size) * -.076)) scale(.526312);opacity:.37}35%{transform:translate(calc(var(--uib-size) * -.129)) scale(.578944);opacity:.44}40%{transform:translate(calc(var(--uib-size) * -.182)) scale(.631576);opacity:.51}45%{transform:translate(calc(var(--uib-size) * -.235)) scale(.684208);opacity:.58}50%{transform:translate(calc(var(--uib-size) * -.25)) scale(.73684);opacity:.65}55%{transform:translate(calc(var(--uib-size) * -.235)) scale(.789472);opacity:.72}60%{transform:translate(calc(var(--uib-size) * -.182)) scale(.842104);opacity:.79}65%{transform:translate(calc(var(--uib-size) * -.129)) scale(.894736);opacity:.86}70%{transform:translate(calc(var(--uib-size) * -.076)) scale(.947368);opacity:.93}75%{transform:translate(0) scale(1);opacity:1}80%{transform:translate(calc(var(--uib-size) * .076)) scale(.947368);opacity:.93}85%{transform:translate(calc(var(--uib-size) * .129)) scale(.894736);opacity:.86}90%{transform:translate(calc(var(--uib-size) * .182)) scale(.842104);opacity:.79}95%{transform:translate(calc(var(--uib-size) * .235)) scale(.789472);opacity:.72}to{transform:translate(calc(var(--uib-size) * .25)) scale(.73684);opacity:.65}}.swiper-container-3d-textures{width:370px;height:90px;max-width:1080px;position:absolute;bottom:183px;left:50%;transform:translate(-50%);z-index:5;overflow:visible;display:none}.swiper-container-3d-textures .mySwiperTextures{height:100%!important}.swiper-container-3d-textures .swiper-wrapper{display:flex;flex-direction:row;align-items:center}.swiper-container-3d-textures .swiper{height:48px;z-index:10}.swiper-container-3d-textures .swiper[landscape]{height:100%;width:100%}.swiper-container-3d-textures .swiper-slide{position:relative;height:48px;width:auto;text-align:center;display:flex;justify-content:center;align-items:center;flex-shrink:0}.swiper-container-3d-textures .swiper-slide .color-swatch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;border-radius:50%;width:85px;height:85px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.swiper-container-3d-textures .swiper-slide-active .color-swatch{width:100px;height:100px}.swiper-container-3d-textures:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:92px;height:92px;background-color:#a8a8a84d;border-radius:50%;z-index:1;pointer-events:none}.swiper-container-3d-textures .color-swatch{z-index:2}.swiper-container-3d-textures .slide-outline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;z-index:-1;pointer-events:none}.hint-cursor{position:absolute;left:50%;top:65%;width:100px;height:100px;transform:translate(-50%,-65%);background-size:100%;background-image:url(../assets/images/hand.png);pointer-events:none;display:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;z-index:2}@media(max-width:539px){.hint-cursor{width:70px;height:70px;top:60%}}.hint-cursor.visible{display:block}.animateRight{animation:moveRight1 1s forwards}.animateLeft{animation:moveLeft 2s forwards}.animateToInitial{animation:moveRight2 1s forwards}@keyframes moveRight1{0%{left:50%;opacity:0}20%{opacity:1}to{left:65%;opacity:1}}@keyframes moveLeft{0%{left:65%;opacity:1}to{left:35%;opacity:1}}@keyframes moveRight2{0%{left:35%;opacity:1}80%{opacity:1}to{left:50%;opacity:0}}.logo-container{position:absolute;top:41px;left:50%;transform:translate(-50%);height:64px;z-index:20}.logo-container img{height:100%;width:auto}.toggle-wrapper{position:fixed;bottom:110px;left:50%;transform:translate(-50%);z-index:20;width:174px;height:56px;-webkit-tap-highlight-color:transparent}.deepar-canvas{position:absolute;top:0;left:0;width:100%;height:100%!important;z-index:1;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out}.deepar-canvas.visible{opacity:1}.background{transition:opacity .5s ease-in-out}.background.fade-out{opacity:0}#theme-toggle{width:100%;height:100%;display:inline-block;position:relative;box-sizing:border-box!important}.theme-toggle input{display:none;box-sizing:border-box!important}.theme-toggle label{width:100%;max-width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background-color:#000;border-radius:8px;position:relative;transition:background-color .3s ease-in-out;overflow:hidden}.theme-toggle input:checked+label{background-color:#000}.theme-toggle label span{width:50%;transition:color .3s ease-in-out;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.theme-toggle label span.ar-mode{color:#fff;display:flex;align-items:center;justify-content:center;transform:translate(2.5px)}.theme-toggle label span.threejs-mode{color:#000;display:flex;align-items:center;justify-content:center;transform:translate(-2.5px)}.theme-toggle input:checked+label span.ar-mode{color:#000}.theme-toggle input:checked+label span.threejs-mode{color:#fff}.theme-toggle label:before{content:"";position:absolute;width:50%;height:calc(100% - 6px);background-color:#fff;border-radius:8px;left:3px;top:3px;transition:transform .3s,background-color .3s ease-in-out;z-index:0;transform:translate(0)}.theme-toggle input:checked+label:before{transform:translate(calc(100% - 6px));background-color:#fff}.ar-container{width:69px;height:41px;background-image:url(../assets/images/3D_white.webp);background-size:cover;background-repeat:no-repeat}.threejs-container{width:69px;height:41px;background-image:url(../assets/images/AR_white.webp);background-size:cover;background-repeat:no-repeat}.theme-toggle input:checked+label .threejs-mode .threejs-container{filter:invert(1);transition:all .5s ease-in-out}.theme-toggle input:not(:checked)+label .ar-mode .ar-container{filter:invert(1);transition:all .5s ease-in-out}.slogan img{transition:filter .5s ease-in-out}body{max-width:100vw!important}#poster{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#background-black{opacity:0}.deepar-container{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .5s ease-in-out}#screenshot-btn{position:absolute;top:20px;right:20px;z-index:100;padding:10px;background:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;display:none}.swiper-slide[data-variant=silver] .color-swatch{background-image:url(../assets/images/silver.png);background-size:cover}.swiper-slide[data-variant=gold] .color-swatch{background-image:url(../assets/images/gold.png);background-size:cover}.swiper-slide[data-variant=black] .color-swatch{background-image:url(../assets/images/black.png);background-size:cover}.discover-btn{background:none;border:none;cursor:pointer;transition:transform .3s ease;padding:0}.discover-btn img{height:65px;width:auto}.slogan-container{height:37px}.slogan-container img{height:100%;width:auto}@media(max-width:539px){.logo-container{top:32px;height:49px}.toggle-wrapper{bottom:85px;width:134px;height:43px}.ar-container,.threejs-container{width:53px;height:32px}.discover-btn img{height:47px}.slogan-container{height:28px}}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
