.howToAnimations-module__Iq4WXq__loop{animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.howToAnimations-module__Iq4WXq__s1Photo{animation-name:howToAnimations-module__Iq4WXq__s1Photo;}.howToAnimations-module__Iq4WXq__s1Cursor{opacity:0;animation-name:howToAnimations-module__Iq4WXq__s1Cursor;}.howToAnimations-module__Iq4WXq__s1Zone{animation-name:howToAnimations-module__Iq4WXq__s1Zone;}.howToAnimations-module__Iq4WXq__s1Hint{opacity:0;animation-name:howToAnimations-module__Iq4WXq__s1Hint;}.howToAnimations-module__Iq4WXq__s1Bar{width:100%;animation-name:howToAnimations-module__Iq4WXq__s1Bar;}.howToAnimations-module__Iq4WXq__s1Check{animation-name:howToAnimations-module__Iq4WXq__s1Check;}@keyframes howToAnimations-module__Iq4WXq__s1Photo{0%{opacity:0;transform:translate(85%,60%)rotate(10deg)scale(.55)}6%{opacity:1}35%{opacity:1;transform:translate(0)rotate(0)scale(.55)}48%,94%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(0)scale(1)}}@keyframes howToAnimations-module__Iq4WXq__s1Cursor{0%,33%{opacity:1}40%,to{opacity:0}}@keyframes howToAnimations-module__Iq4WXq__s1Zone{0%,24%{background-color:rgba(255,255,255,.6);border-color:#cfc8ee}30%,40%{background-color:#ede8ff;border-color:#8358ff}48%,to{background-color:rgba(255,255,255,.6);border-color:#cfc8ee}}@keyframes howToAnimations-module__Iq4WXq__s1Hint{0%,36%{opacity:1}44%,96%{opacity:0}to{opacity:1}}@keyframes howToAnimations-module__Iq4WXq__s1Bar{0%,50%{width:0}78%,to{width:100%}}@keyframes howToAnimations-module__Iq4WXq__s1Check{0%,78%{opacity:0;transform:scale(.4)}84%,94%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.howToAnimations-module__Iq4WXq__s2Scan{opacity:0;animation-name:howToAnimations-module__Iq4WXq__s2Scan;}.howToAnimations-module__Iq4WXq__s2Box1{opacity:.45;animation-name:howToAnimations-module__Iq4WXq__s2Box1;}.howToAnimations-module__Iq4WXq__s2Box2{border-width:3px;animation-name:howToAnimations-module__Iq4WXq__s2Box2;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 999px rgba(0,0,0,.35);}.howToAnimations-module__Iq4WXq__s2Box3{opacity:.45;animation-name:howToAnimations-module__Iq4WXq__s2Box3;}.howToAnimations-module__Iq4WXq__s2Chip{animation-name:howToAnimations-module__Iq4WXq__s2Chip;}.howToAnimations-module__Iq4WXq__s2Cursor{opacity:0;animation-name:howToAnimations-module__Iq4WXq__s2Cursor;}.howToAnimations-module__Iq4WXq__s2Ripple{opacity:0;animation-name:howToAnimations-module__Iq4WXq__s2Ripple;}.howToAnimations-module__Iq4WXq__s2Button{animation-name:howToAnimations-module__Iq4WXq__s2Button;}@keyframes howToAnimations-module__Iq4WXq__s2Scan{0%,3%{opacity:0;top:0}6%{opacity:1;top:0}30%{opacity:1;top:100%}33%,to{opacity:0;top:100%}}@keyframes howToAnimations-module__Iq4WXq__s2Box1{0%,30%{opacity:0;transform:scale(1.2)}34%,64%{opacity:1;transform:scale(1)}70%,95%{opacity:.45;transform:scale(1)}to{opacity:0}}@keyframes howToAnimations-module__Iq4WXq__s2Box2{0%,33%{opacity:0;border-width:2px;transform:scale(1.2);box-shadow:0 0 rgba(255,255,255,0),0 0 0 999px transparent}37%,64%{opacity:1;border-width:2px;transform:scale(1);box-shadow:0 0 rgba(255,255,255,0),0 0 0 999px transparent}70%,95%{opacity:1;border-width:3px;transform:scale(1);box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 999px rgba(0,0,0,.35)}to{opacity:0;box-shadow:0 0 0 2px rgba(255,255,255,0),0 0 0 999px transparent}}@keyframes howToAnimations-module__Iq4WXq__s2Box3{0%,36%{opacity:0;transform:scale(1.2)}40%,64%{opacity:1;transform:scale(1)}70%,95%{opacity:.45;transform:scale(1)}to{opacity:0}}@keyframes howToAnimations-module__Iq4WXq__s2Chip{0%,42%{opacity:0;transform:translateY(-6px)}46%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes howToAnimations-module__Iq4WXq__s2Cursor{0%,46%{opacity:0;transform:translate(260%,180%)}50%{opacity:1;transform:translate(260%,180%)}61%{opacity:1;transform:translate(0)scale(1)}64%{transform:translate(0)scale(.82)}68%,82%{opacity:1;transform:translate(0)scale(1)}88%,to{opacity:0;transform:translate(0)}}@keyframes howToAnimations-module__Iq4WXq__s2Ripple{0%,63%{opacity:0;transform:translate(-50%,-50%)scale(.2)}65%{opacity:.7;transform:translate(-50%,-50%)scale(.4)}76%,to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}@keyframes howToAnimations-module__Iq4WXq__s2Button{0%,70%{opacity:0;transform:translateY(8px)}76%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}.howToAnimations-module__Iq4WXq__s3Indicator{animation-name:howToAnimations-module__Iq4WXq__s3Indicator;}.howToAnimations-module__Iq4WXq__s3Tab0{color:#8358ff;animation-name:howToAnimations-module__Iq4WXq__s3Tab0;}.howToAnimations-module__Iq4WXq__s3Tab1{animation-name:howToAnimations-module__Iq4WXq__s3Tab1;}.howToAnimations-module__Iq4WXq__s3Tab2{animation-name:howToAnimations-module__Iq4WXq__s3Tab2;}.howToAnimations-module__Iq4WXq__s3Tile{animation:2s ease-out infinite both howToAnimations-module__Iq4WXq__s3Tile}.howToAnimations-module__Iq4WXq__s3Pulse{opacity:0;animation:2s ease-out infinite both howToAnimations-module__Iq4WXq__s3Pulse}@keyframes howToAnimations-module__Iq4WXq__s3Indicator{0%,30%{transform:translate(0)}36%,63%{transform:translate(100%)}69%,96%{transform:translate(200%)}to{transform:translate(0)}}@keyframes howToAnimations-module__Iq4WXq__s3Tab0{0%,30%,to{color:#8358ff}36%,96%{color:#8a8aa3}}@keyframes howToAnimations-module__Iq4WXq__s3Tab1{0%,30%{color:#8a8aa3}36%,63%{color:#8358ff}69%,to{color:#8a8aa3}}@keyframes howToAnimations-module__Iq4WXq__s3Tab2{0%,63%{color:#8a8aa3}69%,96%{color:#8358ff}to{color:#8a8aa3}}@keyframes howToAnimations-module__Iq4WXq__s3Tile{0%{opacity:0;transform:translateY(6px)scale(.9)}16%,82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(0)scale(1)}}@keyframes howToAnimations-module__Iq4WXq__s3Pulse{0%{opacity:.6;transform:scale(1)}70%,to{opacity:0;transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){.howToAnimations-module__Iq4WXq__loop,.howToAnimations-module__Iq4WXq__s3Tile,.howToAnimations-module__Iq4WXq__s3Pulse{animation:none!important}}