.stage,.viewport{height:100%}.viewport-popup .stage{perspective:80rem;perspective-origin:center center}.viewport-popup .viewport{transform-style:preserve-3d}.viewport.init-rotate{transform:rotateY(0)}.viewport-popup .content,.viewport-popup .logo-main{transform-style:preserve-3d}.content,main.content{overflow:visible!important}.mirror-element,.mirror-element-next,.mirror-more-element,.mirror-more-element-next,.lucky{transform-style:preserve-3d!important}.viewport-popup .stage,.viewport-popup .viewport,.viewport-popup .content,.viewport-popup .logo-main,.viewport-popup .btn,.viewport-popup .button-w,.viewport-popup .buttons{pointer-events:none}img,input,svg,button,a{pointer-events:auto}.logo-wrapper{pointer-events:auto}.mirror-element{animation:mirror 2s ease-in-out;animation-fill-mode:forwards}@keyframes mirror{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}.mirror-more-element{animation:mirror-more 2s ease-in-out;animation-fill-mode:forwards}@keyframes mirror-more{0%{transform:translateZ(0) rotateY(0)}50%{transform:translateZ(50px) rotateY(-180deg) scale(1.05)}to{transform:translateZ(0) rotateY(-360deg)}}@keyframes hide{0%{visibility:visible}80%,to{visibility:hidden}}.mirror-element-next{animation:mirror-next 2s ease-in-out;animation-fill-mode:forwards}@keyframes mirror-next{0%{transform:rotateY(-180deg)}to{transform:rotateY(-360deg)}}.mirror-more-element-next{animation:mirror-more-next 2s ease-in-out;animation-fill-mode:forwards}@keyframes mirror-more-next{0%{transform:translateZ(0) rotateY(-360deg)}50%{transform:translateZ(50px) rotateY(-540deg) scale(1.05)}to{transform:translateZ(0) rotateY(-720deg)}}.lucky{animation:lucky 4s ease-in-out}@keyframes lucky{0%{transform:translateZ(0) rotateY(-180deg)}25%{transform:translateZ(80px) rotateY(-1980deg) scale(1.2)}50%{transform:translateZ(120px) rotateY(-3780deg) scale(1.4)}75%{transform:translateZ(80px) rotateY(-5580deg) scale(1.2)}to{transform:translateZ(0) rotateY(-7200deg)}}@keyframes rainbow-dissolve{0%{transform:translateZ(0) rotateY(0) scale(1);filter:blur(0px) brightness(1) hue-rotate(0deg);opacity:1}20%{transform:translateZ(30px) rotateY(-72deg) scale(.8);filter:blur(3px) brightness(.7) hue-rotate(90deg);opacity:.8}40%{transform:translateZ(60px) rotateY(-144deg) scale(.6);filter:blur(5px) brightness(.4) hue-rotate(180deg);opacity:.3}60%{transform:translateZ(30px) rotateY(-216deg) scale(.8);filter:blur(3px) brightness(.7) hue-rotate(270deg);opacity:.6}80%{transform:translateZ(10px) rotateY(-288deg) scale(.95);filter:blur(1px) brightness(1.1) hue-rotate(360deg);opacity:.9}to{transform:translateZ(0) rotateY(-360deg) scale(1);filter:blur(0px) brightness(1) hue-rotate(0deg);opacity:1}}.logo-wrapper{display:block;position:relative;width:auto;min-width:340px;max-width:100%;height:114px;margin:0 auto;perspective:1000px;perspective-origin:center center}.logo-rotator{position:relative;width:340px;height:100%;margin:0 auto;transform-style:preserve-3d;will-change:transform;transform:translateZ(0) rotateY(0)}.logo-main{overflow:visible!important;position:relative;z-index:1}.logo-img{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;cursor:pointer;-webkit-backface-visibility:hidden}.logo-img.front{z-index:2;object-fit:contain}.logo-img.back{transform:rotateY(180deg);z-index:1;background:url(/assets/img/elgoog-logo.png) center no-repeat;background-size:contain;transition:background-image .25s linear}.logo-wrapper.show-back .logo-img.back:hover{background:url(/assets/img/google-logo.png) center no-repeat;background-size:contain;transform:rotateY(180deg) scaleY(.9) translateY(-5px);transition:background-image .25s linear,transform .3s ease}.logo-rotator.rainbow-dissolve{animation:rainbow-dissolve 4s ease-in-out forwards}.logo-rotator.mirror-more-element{animation:mirror-more 2s ease-in-out forwards}.logo-rotator.mirror-more-element-next{animation:mirror-more-next 2s ease-in-out forwards}.logo-rotator.lucky{animation:lucky 4s ease-in-out forwards}.logo-rotator{animation-fill-mode:forwards}@media (max-width: 1024px){.logo-wrapper{margin-bottom:15px}.logo-rotator{max-width:100%}}