.scene{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none}.scene.active{opacity:1;pointer-events:all}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}pre{overflow:auto}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}*{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{height:100%;background-color:transparent;overflow:hidden}body{height:100%;color:#000000;font-weight:bold;font-size:12px;font-family:arial, Helvetica, sans-serif;background-color:white}.on{display:block !important}.off{display:none !important}#ad-viewport{width:100%;height:100%;position:absolute;left:0;top:0}#ad-container{width:100%;height:100%;position:absolute;cursor:pointer}#ad-content{width:100%;height:100%;position:relative}.fadeIn{-webkit-animation:fadeIn 1s 1 forwards;animation:fadeIn 1s 1 forwards}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeOut{-webkit-animation:fadeOut 1s 1 ease forwards;animation:fadeOut 1s 1 ease forwards}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.pulse{-webkit-animation:pulse 1s 15 alternate forwards;animation:pulse 1s 15 alternate forwards}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}.pulseGlow{-webkit-animation:pulseGlow 2s 10 linear forwards;animation:pulseGlow 2s 10 linear forwards}@-webkit-keyframes pulseGlow{0%{-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white)}50%{-webkit-filter:drop-shadow(0px 0px 10px white);filter:drop-shadow(0px 0px 10px white)}100%{-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white)}}@keyframes pulseGlow{0%{-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white)}50%{-webkit-filter:drop-shadow(0px 0px 10px white);filter:drop-shadow(0px 0px 10px white)}100%{-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white)}}.pulseLinear{-webkit-animation:pulseLinear 1.5s 15 linear forwards;animation:pulseLinear 1.5s 15 linear forwards}@-webkit-keyframes pulseLinear{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulseLinear{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}.pulseKnob{-webkit-animation:pulseKnob 2s 10 ease forwards;animation:pulseKnob 2s 10 ease forwards}@-webkit-keyframes pulseKnob{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}20%{-webkit-transform:translate(2px, 0);transform:translate(2px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes pulseKnob{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}20%{-webkit-transform:translate(2px, 0);transform:translate(2px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.pulseTouch{-webkit-animation:pulseTouch 1.5s 3 linear forwards;animation:pulseTouch 1.5s 3 linear forwards}@-webkit-keyframes pulseTouch{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(40px, 0);transform:translate(40px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-40px, 0);transform:translate(-40px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes pulseTouch{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(40px, 0);transform:translate(40px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-40px, 0);transform:translate(-40px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.pulseGyro{-webkit-animation:pulseGyro 2s 3 linear forwards;animation:pulseGyro 2s 3 linear forwards}@-webkit-keyframes pulseGyro{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(40px, 0);transform:translate(40px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-40px, 0);transform:translate(-40px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes pulseGyro{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(40px, 0);transform:translate(40px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-40px, 0);transform:translate(-40px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.pulseShake{-webkit-animation:pulseShake 0.5s 20 ease forwards;animation:pulseShake 0.5s 20 ease forwards}@-webkit-keyframes pulseShake{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(8px, 0);transform:translate(8px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-8px, 0);transform:translate(-8px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes pulseShake{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(8px, 0);transform:translate(8px, 0)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(-8px, 0);transform:translate(-8px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}.shake{-webkit-animation:shake 0.5s infinite;animation:shake 0.5s infinite}@-webkit-keyframes shake{0%{-webkit-transform:translate3d(1px, 1px, 0) rotate(0deg);transform:translate3d(1px, 1px, 0) rotate(0deg)}10%{-webkit-transform:translate3d(-1px, -2px, 0) rotate(-1deg);transform:translate3d(-1px, -2px, 0) rotate(-1deg)}20%{-webkit-transform:translate3d(-3px, 0px, 0) rotate(1deg);transform:translate3d(-3px, 0px, 0) rotate(1deg)}30%{-webkit-transform:translate3d(3px, 2px, 0) rotate(0deg);transform:translate3d(3px, 2px, 0) rotate(0deg)}40%{-webkit-transform:translate3d(1px, -1px, 0) rotate(1deg);transform:translate3d(1px, -1px, 0) rotate(1deg)}50%{-webkit-transform:translate3d(-1px, 2px, 0) rotate(-1deg);transform:translate3d(-1px, 2px, 0) rotate(-1deg)}60%{-webkit-transform:translate3d(-3px, 1px, 0) rotate(0deg);transform:translate3d(-3px, 1px, 0) rotate(0deg)}70%{-webkit-transform:translate3d(3px, 1px, 0) rotate(-1deg);transform:translate3d(3px, 1px, 0) rotate(-1deg)}80%{-webkit-transform:translate3d(-1px, -1px, 0) rotate(1deg);transform:translate3d(-1px, -1px, 0) rotate(1deg)}90%{-webkit-transform:translate3d(1px, 2px, 0) rotate(0deg);transform:translate3d(1px, 2px, 0) rotate(0deg)}100%{-webkit-transform:translate3d(1px, -2px, 0) rotate(-1deg);transform:translate3d(1px, -2px, 0) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate3d(1px, 1px, 0) rotate(0deg);transform:translate3d(1px, 1px, 0) rotate(0deg)}10%{-webkit-transform:translate3d(-1px, -2px, 0) rotate(-1deg);transform:translate3d(-1px, -2px, 0) rotate(-1deg)}20%{-webkit-transform:translate3d(-3px, 0px, 0) rotate(1deg);transform:translate3d(-3px, 0px, 0) rotate(1deg)}30%{-webkit-transform:translate3d(3px, 2px, 0) rotate(0deg);transform:translate3d(3px, 2px, 0) rotate(0deg)}40%{-webkit-transform:translate3d(1px, -1px, 0) rotate(1deg);transform:translate3d(1px, -1px, 0) rotate(1deg)}50%{-webkit-transform:translate3d(-1px, 2px, 0) rotate(-1deg);transform:translate3d(-1px, 2px, 0) rotate(-1deg)}60%{-webkit-transform:translate3d(-3px, 1px, 0) rotate(0deg);transform:translate3d(-3px, 1px, 0) rotate(0deg)}70%{-webkit-transform:translate3d(3px, 1px, 0) rotate(-1deg);transform:translate3d(3px, 1px, 0) rotate(-1deg)}80%{-webkit-transform:translate3d(-1px, -1px, 0) rotate(1deg);transform:translate3d(-1px, -1px, 0) rotate(1deg)}90%{-webkit-transform:translate3d(1px, 2px, 0) rotate(0deg);transform:translate3d(1px, 2px, 0) rotate(0deg)}100%{-webkit-transform:translate3d(1px, -2px, 0) rotate(-1deg);transform:translate3d(1px, -2px, 0) rotate(-1deg)}}.flip{-webkit-animation:flip 0.5s;animation:flip 0.5s}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg)}100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg)}100%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.colorPulse{-webkit-animation:colorPulse 1s infinite;animation:colorPulse 1s infinite}.cta-shine{position:absolute;bottom:50%;right:25%;width:50vw;height:100px;overflow:hidden;z-index:150}.cta-shine:after{content:"";top:0;left:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);width:100%;height:100%;position:absolute;z-index:1;background:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.8)), color-stop(99%, rgba(128,186,232,0)), to(rgba(125,185,232,0)));background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%)}.touch-indicator{width:35px;height:35px;border:solid 4px #000;position:absolute;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;border-radius:50%;z-index:100;pointer-events:none;top:calc(50% - 17.5px);opacity:0}.touch-indicator.left{padding-left:20vw;left:calc(40% - 17.5px)}.touch-indicator.right{padding-right:20vw;right:calc(40% - 17.5px)}.loaded #ad-boot-screen{opacity:0}#ad-boot-screen{pointer-events:none;opacity:1;-webkit-transition:opacity 500ms ease;-o-transition:opacity 500ms ease;transition:opacity 500ms ease}#ad-boot-screen.hide{opacity:0}#ad-boot-screen .ad-boot-screen-bg{background-color:#fff}#ad-boot-screen .dot1,#ad-boot-screen .dot2{background-color:#000}.spinner-container{-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.spinner{-webkit-animation:sk-rotate 2.0s infinite linear;animation:sk-rotate 2.0s infinite linear}.dot1,.dot2{border-radius:100%;-webkit-animation:sk-bounce 2.0s infinite ease-in-out;animation:sk-bounce 2.0s infinite ease-in-out}.dot2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes sk-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}#ad-content:after,#ad-content:before{display:none;content:''}#ad-content{background:#21304f url(https://media.permodo.net/ads/PC23_02643/html/assets/bgl80a3.jpg) center bottom no-repeat;background-size:cover}#ad-content img{width:100%}#ad-content .scene{-webkit-transition:0.7s ease;-o-transition:0.7s ease;transition:0.7s ease}#ad-content .logo{z-index:1000;position:absolute;top:0;left:0;width:100%;pointer-events:none}#ad-content .footer-cta{position:absolute;top:93%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:55%;z-index:1000}#ad-content .footer-cta img{width:100%;position:relative}#ad-content .footer-cta div{opacity:0}#ad-content .survey-container{position:absolute;top:60%;width:90%;pointer-events:all;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;-webkit-transition:0.7s ease;-o-transition:0.7s ease;transition:0.7s ease}#ad-content .survey-container.hide{opacity:0;-webkit-transform:translate(-50%, -55%);-ms-transform:translate(-50%, -55%);transform:translate(-50%, -55%)}#ad-content .survey-container>img{pointer-events:none;width:100%}#ad-content .survey-container .half_circle{opacity:0}#ad-content .survey-container .half_circle_bg{position:absolute;top:0;left:0;display:block;z-index:100;height:100%;width:100%;background:url(https://media.permodo.net/ads/PC23_02643/html/assets/bogenl854a.png) center top no-repeat;background-size:100% auto}#ad-content .survey-container .half_circle_overlay{position:absolute;top:0;left:14%;display:block;z-index:100;width:72.5%;height:172%;--border:11%;--color:orange;--width:100%}#ad-content .survey-container .half_circle_overlay:before,#ad-content .survey-container .half_circle_overlay:after{content:"";position:absolute;border-radius:50%}#ad-content .survey-container .half_circle_overlay:before{background-size:0 0, auto;inset:-1px;background:conic-gradient(from var(--from), var(--color) calc(var(--percent)*1%), rgba(0,0,0,0) 0%);-webkit-mask:radial-gradient(farthest-side, rgba(0,0,0,0) calc(99% - var(--border)), #000 calc(100% - var(--border)));mask:radial-gradient(farthest-side, rgba(0,0,0,0) calc(99% - var(--border)), #000 calc(100% - var(--border)))}#ad-content .survey-container .half_circle_overlay:after{content:none}#ad-content .survey-container .half-needle{display:none}#ad-content .survey-container .half-needle,#ad-content .survey-container .black-needle{z-index:200;pointer-events:none;position:absolute;width:8%;height:100%;left:50.25%;top:-10%;-webkit-transform-origin:50% 92%;-ms-transform-origin:50% 92%;transform-origin:50% 92%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}#ad-content .survey-container .half-needle img,#ad-content .survey-container .black-needle img{width:100%;position:absolute;bottom:0;left:0}#ad-content .gesture-icon{left:70%;top:70%;width:20%}#end{background:#21304f url(https://media.permodo.net/ads/PC23_02643/html/assets/bgl80a3.jpg) center bottom no-repeat;background-size:cover}#end img{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#end .hl{z-index:1000;width:100%;position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%, -40%);-ms-transform:translate(-50%, -40%);transform:translate(-50%, -40%)}#end .hl img{top:0;left:0;position:relative;-webkit-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);transform:translate(0%, 0%)}@media (max-aspect-ratio: 360 / 740){#end .hl{top:50%}}@media (min-aspect-ratio: 360 / 739) and (max-aspect-ratio: 414 / 660){#end .hl{top:45%}}#end .prod{z-index:900;width:100%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#end .prod img{top:0;left:0;position:relative;-webkit-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);transform:translate(0%, 0%)}

.gesture-icon{position:absolute;top:50%;left:50%;z-index:1000;width:26%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;opacity:0;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gesture-icon.show{opacity:1}.gesture-icon.top{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.gesture-icon.top .gesture-text-wrapper{margin-bottom:10px}.gesture-icon.bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gesture-icon.bottom .gesture-text-wrapper{margin-top:10px}.gesture-icon .gesture-icon-background{position:absolute;width:130%;padding-top:130%;border-radius:320px;z-index:0;pointer-events:none}.gesture-icon .gesture-icon-image{width:100%;position:relative;z-index:20}.gesture-icon .gesture-icon-image.invert{-webkit-filter:invert(100%);filter:invert(100%)}.gesture-icon .gesture-icon-image.swipe-left-right-icon{-webkit-transform:translate(-10px, 0);-ms-transform:translate(-10px, 0);transform:translate(-10px, 0);-webkit-animation:gestureSwipeLeftRight 1.5s infinite ease-in-out forwards;animation:gestureSwipeLeftRight 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.mouse-left-right-icon{width:60px;-webkit-transform:translate(15px, 0);-ms-transform:translate(15px, 0);transform:translate(15px, 0);-webkit-animation:gestureMouseLeftRight 1.5s infinite ease-in-out forwards;animation:gestureMouseLeftRight 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.pano-icon{-webkit-transform:translate(-10px, 0) rotate(-4deg);-ms-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg);-webkit-animation:gesturePanoLeftRight 1.5s infinite ease-in-out forwards;animation:gesturePanoLeftRight 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.tap-icon{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-animation:gestureTap 1.5s infinite ease-in-out forwards;animation:gestureTap 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.click-icon{width:60px;-webkit-transform:scale(1) translate(50%, 50%);-ms-transform:scale(1) translate(50%, 50%);transform:scale(1) translate(50%, 50%);-webkit-animation:gestureClick 1s infinite ease-out;animation:gestureClick 1s infinite ease-out}.gesture-icon .gesture-icon-image.swipe-icon{-webkit-transform:translate(20px, 0) rotate(20deg);-ms-transform:translate(20px, 0) rotate(20deg);transform:translate(20px, 0) rotate(20deg);-webkit-animation:gestureSwipe 1.5s infinite ease-in-out forwards;animation:gestureSwipe 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.shake-icon{-webkit-transform:translate(20px, 0) rotate(20deg);-ms-transform:translate(20px, 0) rotate(20deg);transform:translate(20px, 0) rotate(20deg);-webkit-animation:gestureShake 0.4s infinite ease-in-out forwards;animation:gestureShake 0.4s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.tilt-backward-icon{-webkit-transform:perspective(10px) scale(1.1) rotateX(1deg);transform:perspective(10px) scale(1.1) rotateX(1deg);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:gestureTiltBackward 1.5s infinite ease-in-out forwards;animation:gestureTiltBackward 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.tilt-forward-icon{-webkit-transform:perspective(10px) scale(1.1) rotateX(1deg);transform:perspective(10px) scale(1.1) rotateX(1deg);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation:gestureTiltForward 1.5s infinite ease-in-out forwards;animation:gestureTiltForward 1.5s infinite ease-in-out forwards}.gesture-icon .gesture-icon-image.vertical-swipe-icon{-webkit-animation:1.5s ease-in-out 0s infinite normal both running gestureVerticalSwipe;animation:1.5s ease-in-out 0s infinite normal both running gestureVerticalSwipe}.gesture-icon .gesture-icon-text{width:100%}.gesture-icon .gesture-icon-text.invert{-webkit-filter:invert(100%);filter:invert(100%)}.gesture-icon .gesture-text-wrapper{position:relative;width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gesture-icon .gesture-text-wrapper .gesture-icon-text-0,.gesture-icon .gesture-text-wrapper .gesture-icon-text-1{position:relative;display:none}.gesture-icon .gesture-text-wrapper .gesture-icon-text-0.show,.gesture-icon .gesture-text-wrapper .gesture-icon-text-1.show{display:block}@-webkit-keyframes gestureVerticalSwipe{0%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}50%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}100%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}}@keyframes gestureVerticalSwipe{0%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}50%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}100%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)}}@-webkit-keyframes gestureTiltBackward{0%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}50%{-webkit-transform:perspective(100px) scale(1.1) rotateX(15deg);transform:perspective(100px) scale(1.1) rotateX(15deg)}100%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}}@keyframes gestureTiltBackward{0%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}50%{-webkit-transform:perspective(100px) scale(1.1) rotateX(15deg);transform:perspective(100px) scale(1.1) rotateX(15deg)}100%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}}@-webkit-keyframes gestureTiltForward{0%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}50%{-webkit-transform:perspective(100px) scale(1.1) rotateX(-15deg);transform:perspective(100px) scale(1.1) rotateX(-15deg)}100%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}}@keyframes gestureTiltForward{0%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}50%{-webkit-transform:perspective(100px) scale(1.1) rotateX(-15deg);transform:perspective(100px) scale(1.1) rotateX(-15deg)}100%{-webkit-transform:perspective(0px) scale(1.1) rotateX(1deg);transform:perspective(0px) scale(1.1) rotateX(1deg)}}@-webkit-keyframes gestureSwipeLeftRight{0%{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}50%{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}100%{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}}@keyframes gestureSwipeLeftRight{0%{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}50%{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}100%{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0)}}@-webkit-keyframes gestureMouseLeftRight{0%{-webkit-transform:translate(15px, 0);transform:translate(15px, 0)}50%{-webkit-transform:translate(-15px, 0);transform:translate(-15px, 0)}100%{-webkit-transform:translate(15px, 0);transform:translate(15px, 0)}}@keyframes gestureMouseLeftRight{0%{-webkit-transform:translate(15px, 0);transform:translate(15px, 0)}50%{-webkit-transform:translate(-15px, 0);transform:translate(-15px, 0)}100%{-webkit-transform:translate(15px, 0);transform:translate(15px, 0)}}@-webkit-keyframes gesturePanoLeftRight{0%{-webkit-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg)}50%{-webkit-transform:translate(10px, 0) rotate(4deg);transform:translate(10px, 0) rotate(4deg)}100%{-webkit-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg)}}@keyframes gesturePanoLeftRight{0%{-webkit-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg)}50%{-webkit-transform:translate(10px, 0) rotate(4deg);transform:translate(10px, 0) rotate(4deg)}100%{-webkit-transform:translate(-10px, 0) rotate(-4deg);transform:translate(-10px, 0) rotate(-4deg)}}@-webkit-keyframes gestureSwipe{0%{-webkit-transform:translate(14px, 0) rotate(20deg);transform:translate(14px, 0) rotate(20deg)}50%{-webkit-transform:translate(-14px, -10px) rotate(5deg);transform:translate(-14px, -10px) rotate(5deg)}100%{-webkit-transform:translate(14px, 0) rotate(20deg);transform:translate(14px, 0) rotate(20deg)}}@keyframes gestureSwipe{0%{-webkit-transform:translate(14px, 0) rotate(20deg);transform:translate(14px, 0) rotate(20deg)}50%{-webkit-transform:translate(-14px, -10px) rotate(5deg);transform:translate(-14px, -10px) rotate(5deg)}100%{-webkit-transform:translate(14px, 0) rotate(20deg);transform:translate(14px, 0) rotate(20deg)}}@-webkit-keyframes gestureShake{0%{-webkit-transform:translate(5px, 0) rotate(10deg);transform:translate(5px, 0) rotate(10deg)}50%{-webkit-transform:translate(-5px, -5px) rotate(5deg);transform:translate(-5px, -5px) rotate(5deg)}100%{-webkit-transform:translate(5px, 0) rotate(10deg);transform:translate(5px, 0) rotate(10deg)}}@keyframes gestureShake{0%{-webkit-transform:translate(5px, 0) rotate(10deg);transform:translate(5px, 0) rotate(10deg)}50%{-webkit-transform:translate(-5px, -5px) rotate(5deg);transform:translate(-5px, -5px) rotate(5deg)}100%{-webkit-transform:translate(5px, 0) rotate(10deg);transform:translate(5px, 0) rotate(10deg)}}@-webkit-keyframes gestureTap{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes gestureTap{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.95);transform:scale(0.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes gestureClick{0%{-webkit-transform:translate(50%, 50%) scale(1);transform:translate(50%, 50%) scale(1)}50%{-webkit-transform:translate(50%, 50%) scale(0.75);transform:translate(50%, 50%) scale(0.75)}100%{-webkit-transform:translate(50%, 50%) scale(1);transform:translate(50%, 50%) scale(1)}}@keyframes gestureClick{0%{-webkit-transform:translate(50%, 50%) scale(1);transform:translate(50%, 50%) scale(1)}50%{-webkit-transform:translate(50%, 50%) scale(0.75);transform:translate(50%, 50%) scale(0.75)}100%{-webkit-transform:translate(50%, 50%) scale(1);transform:translate(50%, 50%) scale(1)}}