.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:''}@font-face{font-family:"customfont";src:url(https://media.permodo.net/ads/PC24_01021/v1/html/assets/BemboMTPro-Boldb168.woff2) format("woff2"),url(https://media.permodo.net/ads/PC24_01021/v1/html/assets/BemboMTPro-Bold6573.woff) format("woff"),url(https://media.permodo.net/ads/PC24_01021/v1/html/assets/BemboMTPro-Bold2f6a.otf) format("opentype");font-style:normal;font-weight:400}.fonts{font-family:"customfont";position:absolute;top:0;left:-100px;opacity:0}#ad-content{background:#fff url(https://media.permodo.net/ads/PC24_01021/v1/html/assets/skyl0fe2.jpg) no-repeat top center;background-size:100% auto}#ad-content #phaser-container{position:relative;height:100%;z-index:2}#ad-content #phaser-container.disabled{pointer-events:none}#ad-content #phaser-container.hide{opacity:0;-webkit-transition:0.7s ease;-o-transition:0.7s ease;transition:0.7s ease}#ad-content img{width:100%;display:block;pointer-events:none}#ad-content .scene{-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease}#ad-content .logo2,#ad-content .logo{pointer-events:none;z-index:100000;position:absolute;top:10%;left:0;-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)}#ad-content .logo2 img,#ad-content .logo img{opacity:0}#ad-content .logo2{top:0;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%)}#ad-content .disclaimer{pointer-events:none;z-index:100000;position:absolute;bottom:0;left:0}#ad-content .end-hls,#ad-content .hls,#ad-content .deco,#ad-content .list{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#ad-content .end-hls img,#ad-content .hls img,#ad-content .deco img,#ad-content .list img{position:absolute;top:0;left:0}#ad-content .end-hls img:first-child,#ad-content .hls img:first-child,#ad-content .deco img:first-child,#ad-content .list img:first-child{position:relative}#ad-content .end-hls{color:#fff;z-index:10000;text-align:center;font-family:"customfont";font-size:10vw;line-height:10vw;font-weight:100}#ad-content .end-hls div{opacity:0}#ad-content .end-hls p{font-family:customfontbold}#ad-content .end-hls{top:35%;-webkit-transform:translateY(-35%);-ms-transform:translateY(-35%);transform:translateY(-35%)}#ad-content #end .hls{top:35%;-webkit-transform:translateY(-35%);-ms-transform:translateY(-35%);transform:translateY(-35%)}#ad-content #end .deco{top:40%;-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)}#ad-content .package,#ad-content .keyvisual{position:absolute;bottom:0;left:0}#ad-content .footer-cta{position:absolute;bottom:3vw;left:50%;width:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:10000;opacity:0;pointer-events:none;-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease}#ad-content .footer-cta.show{opacity:1}#ad-content #result .result-bottom{position:absolute;bottom:0;left:0;width:100%;pointer-events:none}#ad-content #end{background:url(https://media.permodo.net/ads/PC24_01021/v1/html/assets/bgl0738.png) no-repeat center center;background-size:cover}#ad-content #end .end-top,#ad-content #end .end-bottom{position:absolute;bottom:0;left:0;width:100%;pointer-events:none;z-index:100000}#ad-content #end .end-top{top:0;bottom:auto}#ad-content #end .replay{position:absolute;top:3vw;left:3vw;width:12%;z-index:1000;opacity:0;pointer-events:none}#ad-content #end .replay.show{-webkit-transition:0.6s ease;-o-transition:0.6s ease;transition:0.6s ease;opacity:1;pointer-events:all}#ad-content #end .replay img{position:relative}#ad-content #end .replay img.animate{-webkit-animation:replay 3s ease 100;animation:replay 3s ease 100}@-webkit-keyframes replay{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes replay{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#ad-content #end .replay div{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:60%}

.bam-ui-notification{position:absolute;bottom:3vw;left:50%;width:228px;right:2vw;z-index:999999;-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);-webkit-transition:all 1s cubic-bezier(0, 0, 0.02, 1.42);-o-transition:all 1s cubic-bezier(0, 0, 0.02, 1.42);transition:all 1s cubic-bezier(0, 0, 0.02, 1.42);opacity:1}.bam-ui-notification.animateTap{-webkit-transform:translate3d(-50%, 0, 0) scale(0.9);transform:translate3d(-50%, 0, 0) scale(0.9)}.bam-ui-notification.hide{-webkit-transition:all 0.8s cubic-bezier(0, 0, 1, -0.78);-o-transition:all 0.8s cubic-bezier(0, 0, 1, -0.78);transition:all 0.8s cubic-bezier(0, 0, 1, -0.78);opacity:0;-webkit-transform:translate3d(-50%, 150%, 0);transform:translate3d(-50%, 150%, 0)}.bam-ui-notification.hide .bam-ui-notification-icon,.bam-ui-notification.hide .bam-ui-notification-close{-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;opacity:0}.bam-ui-notification.hide .bam-ui-notification-content{-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;-webkit-transform:translate3d(0%, 20%, 0);transform:translate3d(0%, 20%, 0)}.bam-ui-notification .bam-ui-notification-inner-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;border-radius:10px;width:100%;overflow:hidden;float:left;z-index:10}.bam-ui-notification .bam-ui-notification-inner-container>div{float:left;display:block}.bam-ui-notification img{width:100%;float:left}.bam-ui-notification .bam-ui-notification-action{position:absolute;z-index:1000;right:2%;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:auto;height:70%}.bam-ui-notification .bam-ui-notification-action img,.bam-ui-notification .bam-ui-notification-action svg{padding:25%;-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;height:100%}.bam-ui-notification .bam-ui-notification-action svg{border-radius:50%;padding:10%}.bam-ui-notification .bam-ui-notification-action .button-action-inner{height:100%}.bam-ui-notification .bam-ui-notification-action .button-action{position:relative;right:10%;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);border-radius:4px;border:1px solid white;width:auto;height:50%;text-align:center}.bam-ui-notification .bam-ui-notification-action .button-action .icon{position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);right:10%;height:100%;width:10px}.bam-ui-notification .bam-ui-notification-action .button-action .icon svg>*{fill:transparent}.bam-ui-notification .bam-ui-notification-action .button-action svg{background-color:transparent;padding:0;position:absolute;margin:0;width:100%}.bam-ui-notification .bam-ui-notification-action .button-action img{padding:0;margin:0;float:none;height:100%;width:auto}.bam-ui-notification .bam-ui-notification-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-radius:10px;position:relative;z-index:50;-webkit-transition:1000ms ease all;-o-transition:1000ms ease all;transition:1000ms ease all}.bam-ui-notification .bam-ui-notification-content p{padding:4%;font-family:"Open Sans", Arial, sans-serif;font-size:12px;font-weight:normal}.bam-ui-notification .bam-ui-notification-content.action-button-enabled p{padding:4% 14% 4% 18%}.bam-ui-notification .bam-ui-notification-content strong{font-weight:bold}.bam-ui-notification .bam-ui-notification-close{position:absolute;left:auto;right:0;top:0;width:17px;opacity:1;-webkit-transition:500ms ease all;-o-transition:500ms ease all;transition:500ms ease all;padding:2vw;z-index:20;-webkit-transform:translate3d(10%, -10%, 0);transform:translate3d(10%, -10%, 0)}.bam-ui-notification .bam-ui-notification-close img{padding:25%;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.bam-ui-notification .bam-ui-notification-icon{width:auto;height:15vw;max-height:75px;z-index:100;opacity:1;-webkit-transition:500ms ease all;-o-transition:500ms ease all;transition:500ms ease all;padding:2vw 1vw 2vw 2vw}.bam-ui-notification .bam-ui-notification-icon path{stroke-width:10px;fill:#fff}.bam-ui-notification .bam-ui-notification-icon img,.bam-ui-notification .bam-ui-notification-icon svg{-webkit-box-sizing:border-box;box-sizing:border-box;width:auto;height:100%}.bam-ui-notification .bam-ui-notification-icon .hori{-webkit-transform-origin:100% 0%;-ms-transform-origin:100% 0%;transform-origin:100% 0%;-webkit-transform:translate(5%, 20%) skewX(0);-ms-transform:translate(5%, 20%) skewX(0);transform:translate(5%, 20%) skewX(0);-webkit-animation:notificationleftRight 2s 2.5s 15;animation:notificationleftRight 2s 2.5s 15}@-webkit-keyframes notificationleftRight{0%{-webkit-transform:translate(5%, 20%) skewX(0);transform:translate(5%, 20%) skewX(0)}50%{-webkit-transform:translate(7%, 20%) skewX(5deg);transform:translate(7%, 20%) skewX(5deg)}100%{-webkit-transform:translate(5%, 20%) skewX(0deg);transform:translate(5%, 20%) skewX(0deg)}}@keyframes notificationleftRight{0%{-webkit-transform:translate(5%, 20%) skewX(0);transform:translate(5%, 20%) skewX(0)}50%{-webkit-transform:translate(7%, 20%) skewX(5deg);transform:translate(7%, 20%) skewX(5deg)}100%{-webkit-transform:translate(5%, 20%) skewX(0deg);transform:translate(5%, 20%) skewX(0deg)}}.bam-ui-notification .bam-ui-notification-icon .verti{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:translate(25%, 0%) skewX(0deg);-ms-transform:translate(25%, 0%) skewX(0deg);transform:translate(25%, 0%) skewX(0deg);-webkit-animation:notificationUpDown 2s 2.5s 15;animation:notificationUpDown 2s 2.5s 15}@-webkit-keyframes notificationUpDown{0%{-webkit-transform:translate(25%, 0%) skewX(0deg);transform:translate(25%, 0%) skewX(0deg)}50%{-webkit-transform:translate(25%, 0%) skewX(-3deg);transform:translate(25%, 0%) skewX(-3deg)}100%{-webkit-transform:translate(25%, 0%) skewX(0deg);transform:translate(25%, 0%) skewX(0deg)}}@keyframes notificationUpDown{0%{-webkit-transform:translate(25%, 0%) skewX(0deg);transform:translate(25%, 0%) skewX(0deg)}50%{-webkit-transform:translate(25%, 0%) skewX(-3deg);transform:translate(25%, 0%) skewX(-3deg)}100%{-webkit-transform:translate(25%, 0%) skewX(0deg);transform:translate(25%, 0%) skewX(0deg)}}.bam-ui-notification.out{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);pointer-events:none}.bam-ui-notification .text{display:block;width:100%}.bam-ui-notification .close{position:absolute;top:-7vw;left:1vw;padding:2vw;width:2vw;background-color:black;border-radius:2px;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}.bam-ui-notification .close.out{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);pointer-events:none}.bam-ui-notification .close .closeicon{width:100%;display:block}.bam-ui-notification .handicon{position:absolute;top:50%;left:2vw;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);height:60%}.bam-ui-notification .button-wrapper{position:absolute;top:50%;right:3vw;width:30vw;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.bam-ui-notification .button-wrapper .button{width:100%;display:block}.bam-ui-notification .button-wrapper .button-border{position:absolute;top:0;left:0;width:100%;display:block}.bam-ui-notification .button-wrapper .button-check{position:absolute;top:50%;right:1.5vw;-webkit-transform:translate3d(0, -50%, 0) rotate(-4deg);transform:translate3d(0, -50%, 0) rotate(-4deg);width:3vw;display:block}.bam-ui-notification.gyro-permission-notification .bam-ui-notification-inner-container .bam-ui-notification-content.action-button-enabled p{padding:4% 30% 4% 18%}.bam-ui-notification.gyro-info-notification .icon-phone,.bam-ui-notification.gyro-activate-notification .icon-phone,.bam-ui-notification.gyro-permission-notification .icon-phone{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;animation:animateGyroInfoPhone 1.5s 10 linear alternate-reverse forwards}.bam-ui-notification.gyro-info-notification .icon-hand,.bam-ui-notification.gyro-activate-notification .icon-hand,.bam-ui-notification.gyro-permission-notification .icon-hand{animation:animateGyroInfoHand 1.5s 10 linear alternate-reverse forwards}@-webkit-keyframes animateGyroInfoHand{0%{-webkit-transform:translate(8%, 0) rotateY(5deg);transform:translate(8%, 0) rotateY(5deg)}50%{-webkit-transform:translate(-8%, 0) rotateY(-5deg);transform:translate(-8%, 0) rotateY(-5deg)}100%{-webkit-transform:translate(8%, 0) rotateY(5deg);transform:translate(8%, 0) rotateY(5deg)}}@keyframes animateGyroInfoHand{0%{-webkit-transform:translate(8%, 0) rotateY(5deg);transform:translate(8%, 0) rotateY(5deg)}50%{-webkit-transform:translate(-8%, 0) rotateY(-5deg);transform:translate(-8%, 0) rotateY(-5deg)}100%{-webkit-transform:translate(8%, 0) rotateY(5deg);transform:translate(8%, 0) rotateY(5deg)}}@-webkit-keyframes animateGyroInfoPhone{0%{-webkit-transform:translate(7%, 0) rotateY(-5deg);transform:translate(7%, 0) rotateY(-5deg)}50%{-webkit-transform:translate(-7%, 0) rotateY(5deg);transform:translate(-7%, 0) rotateY(5deg)}100%{-webkit-transform:translate(7%, 0) rotateY(-5deg);transform:translate(7%, 0) rotateY(-5deg)}}@keyframes animateGyroInfoPhone{0%{-webkit-transform:translate(7%, 0) rotateY(-5deg);transform:translate(7%, 0) rotateY(-5deg)}50%{-webkit-transform:translate(-7%, 0) rotateY(5deg);transform:translate(-7%, 0) rotateY(5deg)}100%{-webkit-transform:translate(7%, 0) rotateY(-5deg);transform:translate(7%, 0) rotateY(-5deg)}}.bam-ui-notification.black .bam-ui-notification-inner-container{background-color:rgba(0,0,0,0.8)}.bam-ui-notification.black .bam-ui-notification-content{color:#fff}.bam-ui-notification.black .bam-ui-notification-icon path{fill:#fff}.bam-ui-notification.white .bam-ui-notification-inner-container{background-color:rgba(255,255,255,0.9)}.bam-ui-notification.white .bam-ui-notification-content{color:#0f0f0f}.bam-ui-notification.white .bam-ui-notification-icon path{fill:#0f0f0f}.bam-ui-notification.white .bam-ui-notification-close{-webkit-filter:invert(1);filter:invert(1)}@-webkit-keyframes doubleTap{from{-webkit-transform:translate(-42%, -25%) scale(0.6) rotate(-25deg);transform:translate(-42%, -25%) scale(0.6) rotate(-25deg)}50%{-webkit-transform:translate(-42%, -25%) scale(0.5) rotate(-25deg);transform:translate(-42%, -25%) scale(0.5) rotate(-25deg)}to{-webkit-transform:translate(-42%, -25%) scale(0.6) rotate(-25deg);transform:translate(-42%, -25%) scale(0.6) rotate(-25deg)}}@keyframes doubleTap{from{-webkit-transform:translate(-42%, -25%) scale(0.6) rotate(-25deg);transform:translate(-42%, -25%) scale(0.6) rotate(-25deg)}50%{-webkit-transform:translate(-42%, -25%) scale(0.5) rotate(-25deg);transform:translate(-42%, -25%) scale(0.5) rotate(-25deg)}to{-webkit-transform:translate(-42%, -25%) scale(0.6) rotate(-25deg);transform:translate(-42%, -25%) scale(0.6) rotate(-25deg)}}

