@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=34a1b950-8409-4b16-ba1b-c163126b3acc);
.desktop-simulator{display:flex;flex-direction:row;justify-content:space-around;min-height:70vh}.desktop-simulator.small{height:500px;min-height:500px}.desktop-simulator .sim{border-radius:20px;cursor:pointer;flex-direction:column;flex-grow:0;justify-content:flex-end;margin-left:10px;min-width:30px;padding-bottom:30px;position:relative}.desktop-simulator .sim,.desktop-simulator .sim .info-modal{align-items:flex-start;display:flex;overflow:hidden;transition:all .55s ease-in-out}.desktop-simulator .sim .info-modal{color:#fff;height:100%;justify-content:flex-start;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateX(-100vw);width:100%}.desktop-simulator .sim .info-modal .info-modal-content{background:#ff0c36;border-radius:0 0 50px 0;color:#fff;font-family:Helvetica Neue\ 65 Medium;font-size:1.2em;max-width:50%;padding:20px;text-align:center}.desktop-simulator .sim .environments{position:absolute;right:40px;top:40px}.desktop-simulator .sim .environments .environment{border-radius:50%;color:#fff;margin-bottom:10px;opacity:0;transform:scale(0) translateX(500px);transition:all .55s ease-in-out}.desktop-simulator .sim .environments .environment .name{align-items:center;background-color:#f3f3f3;border-radius:20px;color:#000;display:flex;font-family:Helvetica Neue\ 65 Medium;font-size:1.2em;height:40px;justify-content:center;text-transform:uppercase;width:150px}.desktop-simulator .sim .environments .environment .name span{padding-top:8px}.desktop-simulator .sim .environments .environment svg{width:50%}.desktop-simulator .sim .environments .environment svg path{fill:#fff}.desktop-simulator .sim .environments .environment:first-child{transition-delay:50ms}.desktop-simulator .sim .environments .environment:nth-child(2){transition-delay:.1s}.desktop-simulator .sim .environments .environment:nth-child(3){transition-delay:.15s}.desktop-simulator .sim .environments .environment:nth-child(4){transition-delay:.2s}.desktop-simulator .sim .environments .environment:nth-child(5){transition-delay:.25s}.desktop-simulator .sim .environments .environment:nth-child(6){transition-delay:.3s}.desktop-simulator .sim .environments .environment:nth-child(7){transition-delay:.35s}.desktop-simulator .sim .environments .environment:nth-child(8){transition-delay:.4s}.desktop-simulator .sim .info-icon-wrapper{flex-direction:row;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;position:relative;z-index:98}.desktop-simulator .sim .icon,.desktop-simulator .sim .info-icon-wrapper{align-items:center;display:flex;justify-content:center;transition:all .55s ease-in-out}.desktop-simulator .sim .icon{border-radius:50%;color:#ff0c36;height:35px;transform:translate(0);width:35px}.desktop-simulator .sim .icon svg{width:100%}.desktop-simulator .sim .icon svg path{fill:var(--lens-sim-icon-color);stroke:#2f2f2f;stroke-width:15px}.desktop-simulator .sim .info{align-items:center;background-color:#000;border-radius:10px;color:#fff;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;padding:10px 20px;position:absolute;text-shadow:0 0 5px #000;top:0;transform:translateX(-20px);transform-origin:top left;transition:all .55s ease-in-out}.desktop-simulator .sim .info h4{font-size:1em;margin-bottom:0;text-transform:uppercase!important;transition:all .55s ease-in-out}.desktop-simulator .sim .info h5{font-size:.8em;transition:all .55s ease-in-out}.desktop-simulator .sim .info h4,.desktop-simulator .sim .info h5{white-space:nowrap}.desktop-simulator .sim .info h4 a,.desktop-simulator .sim .info h5 a{color:#fff}.desktop-simulator .sim .display{--mouseX:-1000px;--mouseY:-1000px;--img-size:250;align-items:center;background-image:var(--first-image);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:50px;transition:all .55s ease-in-out;transition-delay:.25s}.desktop-simulator .sim .display,.desktop-simulator .sim .display:before{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.desktop-simulator .sim .display:before{background-image:var(--second-image);content:"";-webkit-mask-image:url(/tmpim/lens.svg);mask-image:url(/tmpim/lens.svg);mask-mode:alpha;-webkit-mask-position:var(--mouseX) calc(var(--mouseY) + var(--img-size)/5*1px);mask-position:var(--mouseX) calc(var(--mouseY) + var(--img-size)/5*1px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--img-size)*1px);mask-size:calc(var(--img-size)*1px);opacity:1;opacity:0;transition:all .5s ease-in-out;transition-delay:0ms}.desktop-simulator .sim .display:after{bottom:0;content:"";height:50%;left:0;opacity:0;position:absolute;transition:all .55s ease-in-out;transition-delay:50ms;width:100%}.desktop-simulator .sim.active{border:5px solid #ff0c36;flex-grow:1}.desktop-simulator .sim.active .info-icon-wrapper{margin-left:10px;margin-right:unset;padding-left:10px;padding-right:10px}.desktop-simulator .sim.active .icon{height:60px;width:60px}.desktop-simulator .sim.active .info-modal.show{opacity:.9;transform:translateX(0)}.desktop-simulator .sim.active .info-modal.show .info-modal-content{position:relative}.desktop-simulator .sim.active .info-modal.show .info-modal-content:before{background:transparent;border-radius:20px 0 0 0;box-shadow:-25px 0 0 0 #ff0c36;content:"";height:50px;position:absolute;right:-50px;top:-10px;width:50px}.desktop-simulator .sim.active .info-modal.show .info-modal-content:after{background:transparent;border-radius:20px 0 0 0;bottom:-50px;box-shadow:0 -25px 0 0 #ff0c36;content:"";height:50px;left:-10px;position:absolute;width:50px}.desktop-simulator .sim.active .display{cursor:crosshair;transform:scale(1.1)}.desktop-simulator .sim.active .display:before{opacity:1;transform-origin:center center;transition:-webkit-mask-size .5s ease-in-out;transition:mask-size .5s ease-in-out;transition:mask-size .5s ease-in-out,-webkit-mask-size .5s ease-in-out}.desktop-simulator .sim.active .display.full-size:before{-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:150%;mask-size:150%;transition:all .5s ease-in-out}.desktop-simulator .sim.active .display:after{bottom:0;content:"";height:30%;left:0;opacity:1;position:absolute;transition:all .55s ease-in-out;transition-delay:.25s;width:100%}.desktop-simulator .sim.active .environment{opacity:1;transform:scale(1);transition:all .55s ease-in-out}.desktop-simulator .sim.active .environment .name{transition:all .5s ease-in-out}.desktop-simulator .sim.active .environment.active .name{background-color:#ff0c36;color:#fff}.desktop-simulator .sim.active .info{max-width:100vw;opacity:1;transform:scale(1) translateX(100px)}.desktop-simulator .sim.active .info h4{font-size:1.3em;opacity:1;text-transform:none}.desktop-simulator .sim.active .info h5{opacity:1}.desktop-simulator .sim.active .info h5 a{color:#fff}.desktop-simulator .sim:first-child{margin-left:0}@font-face{font-family:Helvetica Neue\ 65 Medium;src:url(/fonts/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2) format("woff2"),url(/fonts/7802e576-2ffa-4f22-a409-534355fbea79.woff) format("woff")}@font-face{font-family:Helvetica Neue\ 33 Thin Extended;src:url(/fonts/2f270d4e-e43c-457e-ba8a-0dd33bea037a.woff2) format("woff2"),url(/fonts/4595f8b8-db8c-4c01-a7a4-9bb031810849.woff) format("woff")}@font-face{font-family:Helvetica Neue\ 43 Light Extended;src:url(/fonts/86578ae8-4abb-42d0-8784-375d07db941f.woff2) format("woff2"),url(/fonts/18b6ae6b-f0cf-422b-bf3f-35be98be3c19.woff) format("woff")}@font-face{font-family:Helvetica Neue\ 63 Medium Extended;src:url(/fonts/5069b541-02d6-4f13-9ec2-07e07e9d683f.woff2) format("woff2"),url(/fonts/cef4a236-7e60-42cd-997c-99487ff6bb0a.woff) format("woff")}@font-face{font-family:Helvetica Neue\ 73 Bold Extended;src:url(/fonts/3e37e0b1-8062-42c6-8664-4ea78aa2de25.woff2) format("woff2"),url(/fonts/a25e22f2-80cf-4f21-a365-b77c87a3edf8.woff) format("woff")}@font-face{font-family:Helvetica Neue\ 83 Heavy Extended;src:url(/fonts/37cade8a-4499-42b4-b79f-99143dd3a764.woff2) format("woff2"),url(/fonts/6823dde3-d344-4bb4-b5a4-add12527140d.woff) format("woff")}.mobile-simulator{background-color:#000;bottom:0;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;transform:scale(0);width:100vw}.mobile-simulator,.mobile-simulator .tutorial-horizontal{opacity:0;pointer-events:none;transition:all .55s ease-in-out}.mobile-simulator .tutorial-horizontal{background:rgba(0,0,0,.5);border-radius:10px;bottom:80px;color:#fff;font-family:Helvetica Neue\ 73 Bold Extended;font-weight:700;left:5%;padding-bottom:20px;padding-top:20px;position:absolute;text-align:center;width:90%;z-index:110}.mobile-simulator .tutorial-horizontal.show{opacity:1}.mobile-simulator .tutorial-horizontal svg{stroke:#fff;fill:#fff;-webkit-animation:leftRightSwipe 2s ease-out infinite;animation:leftRightSwipe 2s ease-out infinite;height:20px;margin:auto auto 10px;width:20px}.mobile-simulator .tutorial-vertical{background:rgba(255,12,54,.5);border-radius:10px;bottom:80px;color:#fff;font-family:Helvetica Neue\ 73 Bold Extended;font-weight:700;left:5%;opacity:0;padding-bottom:20px;padding-top:20px;pointer-events:none;position:absolute;text-align:center;transition:all .55s ease-in-out;width:90%;z-index:110}.mobile-simulator .tutorial-vertical.show{opacity:1}.mobile-simulator .tutorial-vertical svg{stroke:#fff;fill:#fff;-webkit-animation:upDownSwipe 2s ease-out infinite;animation:upDownSwipe 2s ease-out infinite;height:20px;margin:auto auto 10px;width:20px}@-webkit-keyframes leftRightSwipe{0%{transform:translateX(300%)}45%{opacity:1}50%{opacity:0;transform:translateX(-300%)}to{opacity:0;transform:translateX(-300%)}}@keyframes leftRightSwipe{0%{transform:translateX(300%)}45%{opacity:1}50%{opacity:0;transform:translateX(-300%)}to{opacity:0;transform:translateX(-300%)}}@-webkit-keyframes upDownSwipe{0%{transform:translateY(0)}45%{opacity:1}50%{opacity:0;transform:translateY(-300%)}to{opacity:0;transform:translateY(-300%)}}@keyframes upDownSwipe{0%{transform:translateY(0)}45%{opacity:1}50%{opacity:0;transform:translateY(-300%)}to{opacity:0;transform:translateY(-300%)}}.mobile-simulator .end-simulator-button{left:50px;position:absolute;right:50px;top:20px;width:unset;z-index:10}.mobile-simulator.active{opacity:1;pointer-events:all;transform:scale(1);z-index:105}.mobile-simulator .simulator{background-image:var(--first-image);background-position:50%;background-size:cover;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .55s ease-in-out;width:100%}.mobile-simulator .simulator .without{font-size:1.3em;height:100%;left:0;padding-top:50%;text-shadow:0 0 5px hsla(0,0%,100%,.8);top:0;width:100%;z-index:0}.mobile-simulator .simulator .lens-name,.mobile-simulator .simulator .without{font-family:Helvetica Neue\ 73 Bold Extended;font-weight:700;position:absolute;text-align:center}.mobile-simulator .simulator .lens-name{background-color:rgba(0,0,0,.9);border-radius:10px;bottom:10px;color:#fff;font-size:20px;left:50px;padding:10px;right:50px;width:unset;z-index:1}.mobile-simulator .simulator.active{opacity:1;pointer-events:all}.mobile-simulator .simulator:before{background-image:var(--second-image);background-position:50%;background-size:cover;content:"LENS ON";font-family:Helvetica Neue\ 73 Bold Extended;font-size:1.3em;font-weight:700;height:100%;left:0;opacity:0;padding-top:50%;position:absolute;text-align:center;text-shadow:0 0 5px hsla(0,0%,100%,.8);top:0;transition:all .55s ease-in-out;width:100%;z-index:1}.mobile-simulator .simulator.alt:before{opacity:1}