.box-animation{height:calc(5*var(--base-unit, 1rem));width:calc(4*var(--base-unit, 1rem))}.box-animation .box{position:relative;opacity:1;left:calc(1*var(--base-unit, 1rem))}.box-animation .side-left{position:absolute;background-color:#286cb5;width:calc(1.9*var(--base-unit, 1rem));height:calc(.5*var(--base-unit, 1rem));transform:skew(0deg, -25deg);top:calc(1.4*var(--base-unit, 1rem));left:calc(1*var(--base-unit, 1rem))}.box-animation .side-right{position:absolute;background-color:#2f85e0;width:calc(1.9*var(--base-unit, 1rem));height:calc(.5*var(--base-unit, 1rem));transform:skew(0deg, 25deg);top:calc(1.4*var(--base-unit, 1rem));left:calc(-0.9*var(--base-unit, 1rem))}.box-animation .side-top{position:absolute;background-color:#5fa8f5;width:calc(2*var(--base-unit, 1rem));height:calc(2*var(--base-unit, 1rem));rotate:45deg;transform:skew(-20deg, -20deg)}.box-animation .box-1{animation:from-left 4s infinite}.box-animation .box-2{animation:from-right 4s infinite;animation-delay:1s}.box-animation .box-3{animation:from-left 4s infinite;animation-delay:2s}.box-animation .box-4{animation:from-right 4s infinite;animation-delay:3s}.box-animation.is-paused *{animation-play-state:paused !important}@keyframes from-left{0%{z-index:20;opacity:0;translate:calc(-2*var(--base-unit, 1rem)) calc(-0.6*var(--base-unit, 1rem))}20%{z-index:10;opacity:1;translate:0 0}40%{z-index:9;translate:0 calc(.4*var(--base-unit, 1rem))}60%{z-index:8;translate:0 calc(.8*var(--base-unit, 1rem))}80%{z-index:7;opacity:1;translate:0 calc(1.2*var(--base-unit, 1rem))}100%{z-index:5;translate:0 calc(3*var(--base-unit, 1rem));opacity:0}}@keyframes from-right{0%{z-index:20;opacity:0;translate:calc(2*var(--base-unit, 1rem)) calc(-0.6*var(--base-unit, 1rem))}20%{z-index:10;opacity:1;translate:0 0}40%{z-index:9;translate:0 calc(.4*var(--base-unit, 1rem))}60%{z-index:8;translate:0 calc(.8*var(--base-unit, 1rem))}80%{z-index:7;opacity:1;translate:0 calc(1.2*var(--base-unit, 1rem))}100%{z-index:5;translate:0 calc(3*var(--base-unit, 1rem));opacity:0}}.pingpong-animation{width:calc(25*var(--base-unit, 1rem));height:calc(10*var(--base-unit, 1rem));display:flex;justify-content:center;align-items:center;position:relative}.pingpong-animation .paddle{width:var(--base-unit, 1rem);height:calc(7*var(--base-unit, 1rem));position:absolute;background-color:var(--primary, #0363ce)}.pingpong-animation .paddle.paddle-left{left:0;animation:paddle-left 8s infinite linear}.pingpong-animation .paddle.paddle-right{right:0;animation:paddle-right 8s infinite linear}.pingpong-animation .ball{width:calc(1.5*var(--base-unit, 1rem));height:calc(1.5*var(--base-unit, 1rem));border-radius:50%;position:absolute;background:var(--secondary, #f95859);animation:ball 8s infinite linear}.pingpong-animation.is-paused *{animation-play-state:paused !important}@keyframes paddle-left{0%{top:0%}10%{top:-20%}20%{top:0%}30%{top:40%}40%{top:0%}50%{top:30%}60%{top:40%}70%{top:60%}80%{top:-10%}90%{top:10%}100%{top:0%}}@keyframes paddle-right{0%{bottom:0%}10%{bottom:-20%}20%{bottom:40%}30%{bottom:60%}40%{bottom:20%}50%{bottom:30%}60%{bottom:40%}70%{bottom:60%}80%{bottom:-10%}90%{bottom:10%}100%{bottom:0%}}@keyframes ball{0%{top:80%;left:96%}10%{top:10%;left:3%}20%{top:10%;left:90%}30%{top:60%;left:3%}40%{top:10%;left:90%}50%{top:50%;left:3%}60%{top:10%;left:90%}70%{top:93%;left:3%}80%{top:83%;left:90%}90%{top:10%;left:3%}100%{top:80%;left:90%}}.draw-animation{display:flex}.draw-animation svg:nth-child(2),.draw-animation svg:nth-child(3),.draw-animation svg:nth-child(4){width:calc(6.4*var(--base-unit, 1rem));height:calc(6.4*var(--base-unit, 1rem))}.draw-animation svg:nth-child(1){position:absolute}.draw-animation svg:nth-child(2),.draw-animation svg:nth-child(3){display:inline-block}.draw-animation svg:nth-child(3){margin-right:calc(.8*var(--base-unit, 1rem))}.draw-animation .dash{animation:dashArray 2s ease-in-out infinite,dashOffset 2s linear infinite}.draw-animation .spin{animation:spinDashArray 2s ease-in-out infinite,spin 8s ease-in-out infinite,dashOffset 2s linear infinite;transform-origin:center}.draw-animation.is-paused *{animation-play-state:paused !important}@keyframes dashArray{0%{stroke-dasharray:0 1 359 0}50%{stroke-dasharray:0 359 1 0}100%{stroke-dasharray:359 1 0 0}}@keyframes spinDashArray{0%{stroke-dasharray:270 90}50%{stroke-dasharray:0 360}100%{stroke-dasharray:270 90}}@keyframes dashOffset{0%{stroke-dashoffset:365}100%{stroke-dashoffset:5}}@keyframes spin{0%{rotate:0deg}12.5%,25%{rotate:270deg}37.5%,50%{rotate:540deg}62.5%,75%{rotate:810deg}87.5%,100%{rotate:1080deg}}.ball-bouncing-animation{width:calc(12*var(--base-unit, 1rem));height:calc(9*var(--base-unit, 1rem));margin:0 auto}.ball-bouncing-animation .ball{width:calc(3*var(--base-unit, 1rem));height:calc(3*var(--base-unit, 1rem));position:absolute;bottom:calc(3*var(--base-unit, 1rem));left:calc(5*var(--base-unit, 1rem));border-radius:50%;background-color:var(--secondary, #f95859);animation:bounce .5s ease-in-out infinite alternate}.ball-bouncing-animation .steps{height:calc(.7*var(--base-unit, 1rem));width:calc(4.5*var(--base-unit, 1rem));position:absolute;right:0;top:0;border-radius:calc(.4*var(--base-unit, 1rem));box-shadow:0 calc(.5*var(--base-unit, 1rem)) 0 var(--primary, #0363ce),calc(-3.5*var(--base-unit, 1rem)) calc(5*var(--base-unit, 1rem)) 0 var(--primary, #0363ce),calc(-7*var(--base-unit, 1rem)) calc(9.5*var(--base-unit, 1rem)) 0 var(--primary, #0363ce);animation:steps 1s ease-in-out infinite}.ball-bouncing-animation.is-paused *{animation-play-state:paused !important}@keyframes bounce{0%{transform:scale(1, 0.7)}40%{transform:scale(0.8, 1.2)}60%{transform:scale(1, 1)}100%{bottom:calc(14*var(--base-unit, 1rem))}}@keyframes steps{0%{box-shadow:0 calc(1*var(--base-unit, 1rem)) 0 rgba(0,0,0,0),0 calc(1*var(--base-unit, 1rem)) 0 var(--primary, #0363ce),calc(-3.5*var(--base-unit, 1rem)) calc(5*var(--base-unit, 1rem)) 0 var(--primary, #0363ce),calc(-7*var(--base-unit, 1rem)) calc(9.5*var(--base-unit, 1rem)) 0 var(--primary, #0363ce)}100%{box-shadow:0 calc(1*var(--base-unit, 1rem)) 0 var(--primary, #0363ce),calc(-3.5*var(--base-unit, 1rem)) calc(5*var(--base-unit, 1rem)) 0 var(--primary, #0363ce),calc(-7*var(--base-unit, 1rem)) calc(9.5*var(--base-unit, 1rem)) 0 var(--primary, #0363ce),calc(-7*var(--base-unit, 1rem)) calc(9.5*var(--base-unit, 1rem)) 0 rgba(0,0,0,0)}}.slot-machine-animation{display:flex;position:relative;justify-items:center;align-items:center;gap:calc(1.6*var(--base-unit, 1rem));height:calc(5.5*var(--base-unit, 1rem));width:calc(20*var(--base-unit, 1rem));overflow:hidden}.slot-machine-animation .slot-container{width:100%;height:calc(20*var(--base-unit, 1rem));display:flex;flex-direction:column;position:relative;align-items:center}.slot-machine-animation .slot-container:nth-child(1){justify-content:flex-end;justify-items:flex-end;animation:scroll-down 3s infinite ease-in-out;animation-delay:3s}.slot-machine-animation .slot-container:nth-child(2){justify-content:flex-end;justify-items:flex-end;animation:scroll-down 4s infinite ease-in-out;animation-delay:3s}.slot-machine-animation .slot-container:nth-child(3){justify-content:flex-start;justify-items:flex-start;animation:scroll-up 4s infinite ease-in-out;animation-delay:3s}.slot-machine-animation .slot-carousel{display:flex;gap:calc(1.6*var(--base-unit, 1rem));flex-direction:column;position:absolute;width:100%;transform-origin:center}.slot-machine-animation .love{background-color:var(--primary, #0363ce);display:flex;width:calc(3*var(--base-unit, 1rem));height:calc(3*var(--base-unit, 1rem));position:relative;align-items:center;justify-content:center;left:calc(.8*var(--base-unit, 1rem));margin:calc(1.28*var(--base-unit, 1rem)) calc(.4*var(--base-unit, 1rem));transform:rotate(45deg)}.slot-machine-animation .love::before,.slot-machine-animation .love::after{content:"";position:absolute;width:calc(3*var(--base-unit, 1rem));height:calc(3*var(--base-unit, 1rem));border-radius:50%;background-color:var(--primary, #0363ce)}.slot-machine-animation .love::before{left:calc(-1.6*var(--base-unit, 1rem))}.slot-machine-animation .love::after{top:calc(-1.6*var(--base-unit, 1rem))}.slot-machine-animation .death{display:flex;width:100%;height:calc(5.5*var(--base-unit, 1rem));position:relative;align-items:center;justify-content:center;animation:rotation 3s infinite ease-in-out}.slot-machine-animation .death::before{content:"";height:calc(6*var(--base-unit, 1rem));position:absolute;border-left:calc(1.2*var(--base-unit, 1rem)) solid var(--primary, #0363ce);transform:rotate(-45deg)}.slot-machine-animation .death::after{content:"";height:calc(6.3*var(--base-unit, 1rem));position:absolute;border-left:calc(1.2*var(--base-unit, 1rem)) solid var(--primary, #0363ce);border-radius:calc(.8*var(--base-unit, 1rem));transform:rotate(45deg);top:calc(-0.4*var(--base-unit, 1rem))}.slot-machine-animation .robots{display:flex;width:100%;height:calc(5.5*var(--base-unit, 1rem));justify-content:space-between;background-color:var(--primary, #0363ce);border-radius:0 calc(.8*var(--base-unit, 1rem)) calc(.8*var(--base-unit, 1rem));padding:calc(.8*var(--base-unit, 1rem));position:relative}.slot-machine-animation .robots::before,.slot-machine-animation .robots::after{content:"";width:calc(1.2*var(--base-unit, 1rem));height:calc(1.2*var(--base-unit, 1rem));background-color:var(--white, #fffdfd);border-radius:50%;animation:blink 4s 3s forwards infinite;position:absolute}.slot-machine-animation .robots::before{top:calc(.8*var(--base-unit, 1rem));left:calc(.8*var(--base-unit, 1rem))}.slot-machine-animation .robots::after{top:calc(.8*var(--base-unit, 1rem));right:calc(.8*var(--base-unit, 1rem))}.slot-machine-animation.is-paused *{animation-play-state:paused !important}@keyframes scroll-up{0%{transform:translateY(0);filter:blur(0)}30%{transform:translateY(-150%);filter:blur(calc(1 * var(--base-unit, 1rem)))}60%{transform:translateY(0);filter:blur(0)}}@keyframes scroll-down{0%{transform:translateY(0);filter:blur(0)}30%{transform:translateY(150%);filter:blur(calc(1 * var(--base-unit, 1rem)))}60%{transform:translateY(0);filter:blur(0)}}@keyframes rotation{20%,100%{transform:rotate(180deg)}}@keyframes blink{0%{transform:scaleY(1)}5%{transform:scaleY(0)}10%{transform:scaleY(1)}15%{transform:scaleY(0)}20%{transform:scaleY(1)}25%{transform:scaleY(0)}30%{transform:scaleY(1)}100%{transform:scaleY(1)}}.pulse-animation .pulse-container{display:flex;flex-wrap:wrap;justify-content:space-around}.pulse-animation .pulse-circle{height:calc(18.8*var(--base-unit, 1rem));width:calc(18.8*var(--base-unit, 1rem));position:relative;text-align:center}.pulse-animation .dot-center{display:inline-block;position:absolute;background:var(--white, #fffdfd);height:calc(5.6*var(--base-unit, 1rem));width:calc(5.6*var(--base-unit, 1rem));left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);border-radius:calc(.6*var(--base-unit, 1rem));animation:pulse 1.3s ease infinite}.pulse-animation .dot{width:calc(14*var(--base-unit, 1rem));height:calc(14*var(--base-unit, 1rem));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg)}.pulse-animation .dot::before,.pulse-animation .dot::after{content:"";position:absolute;height:calc(2*var(--base-unit, 1rem));width:calc(2*var(--base-unit, 1rem));display:block;background:var(--white, #fffdfd);border-radius:calc(.6*var(--base-unit, 1rem));animation-delay:.5s}.pulse-animation .dot.dot-one::before{top:0;left:0;animation:square-tl 2.6s ease infinite}.pulse-animation .dot.dot-one::after{top:0;right:0;animation:square-tr 2.6s ease infinite}.pulse-animation .dot.dot-two::before{bottom:0;left:0;animation:square-bl 2.6s ease infinite;animation-direction:reverse}.pulse-animation .dot.dot-two::after{bottom:0;right:0;animation:square-br 2.6s ease infinite;animation-direction:reverse}.pulse-animation.is-paused *,.pulse-animation.is-paused *::before,.pulse-animation.is-paused *::after{animation-play-state:paused !important}@keyframes square-tl{0%{top:0;left:0}25%{top:100%;left:0}50%{top:100%;left:100%}75%{top:0;left:100%}}@keyframes square-tr{0%{top:0;right:0}25%{top:0;right:100%}50%{top:100%;right:100%}75%{top:100%;right:0}}@keyframes square-bl{0%{bottom:0;left:0}25%{bottom:100%;left:0}50%{bottom:100%;left:100%}75%{bottom:0;left:100%}}@keyframes square-br{0%{bottom:0;right:0}25%{bottom:0;right:100%}50%{bottom:100%;right:100%}75%{bottom:100%;right:0}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:translate(-50%, -50%) scale(1) rotate(45deg)}75%{transform:translate(-50%, -50%) scale(0.4) rotate(45deg)}}.square-animation{--square: calc(2.6 * var(--base-unit, 1rem));--offset: calc(3 * var(--base-unit, 1rem));--duration: 2.4s;--delay: 0.2s;--timing-function: ease-in-out;--in-duration: 0.4s;--in-delay: 0.1s;--in-timing-function: ease-out;width:calc(3*var(--offset) + var(--square));height:calc(2*var(--offset) + var(--square));padding:0;position:relative}.square-animation .square-animation-item{display:inline-block;background:var(--white, #fffdfd);border:none;border-radius:calc(.2*var(--base-unit, 1rem));width:var(--square);height:var(--square);position:absolute;padding:0;margin:0;font-size:6pt;color:#000}.square-animation .square-animation-item:nth-child(1){left:calc(0*var(--offset));top:calc(0*var(--offset));animation:square1 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(1*var(--in-delay)) var(--in-timing-function) both}.square-animation .square-animation-item:nth-child(2){left:calc(0*var(--offset));top:calc(1*var(--offset));animation:square2 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(1*var(--in-delay)) var(--in-timing-function) both}.square-animation .square-animation-item:nth-child(3){left:calc(1*var(--offset));top:calc(1*var(--offset));animation:square3 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(2*var(--in-delay)) var(--in-timing-function) both}.square-animation .square-animation-item:nth-child(4){left:calc(2*var(--offset));top:calc(1*var(--offset));animation:square4 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(3*var(--in-delay)) var(--in-timing-function) both}.square-animation .square-animation-item:nth-child(5){left:calc(3*var(--offset));top:calc(1*var(--offset));animation:square5 var(--duration) var(--delay) var(--timing-function) infinite,squarefadein var(--in-duration) calc(4*var(--in-delay)) var(--in-timing-function) both}.square-animation.is-paused *{animation-play-state:paused !important}@keyframes square1{0%{left:calc(0*var(--offset));top:calc(0*var(--offset))}8.333%{left:calc(0*var(--offset));top:calc(1*var(--offset))}100%{left:calc(0*var(--offset));top:calc(1*var(--offset))}}@keyframes square2{0%{left:calc(0*var(--offset));top:calc(1*var(--offset))}8.333%{left:calc(0*var(--offset));top:calc(2*var(--offset))}16.67%{left:calc(1*var(--offset));top:calc(2*var(--offset))}25.00%{left:calc(1*var(--offset));top:calc(1*var(--offset))}83.33%{left:calc(1*var(--offset));top:calc(1*var(--offset))}91.67%{left:calc(1*var(--offset));top:calc(0*var(--offset))}100%{left:calc(0*var(--offset));top:calc(0*var(--offset))}}@keyframes square3{0%,100%{left:calc(1*var(--offset));top:calc(1*var(--offset))}16.67%{left:calc(1*var(--offset));top:calc(1*var(--offset))}25.00%{left:calc(1*var(--offset));top:calc(0*var(--offset))}33.33%{left:calc(2*var(--offset));top:calc(0*var(--offset))}41.67%{left:calc(2*var(--offset));top:calc(1*var(--offset))}66.67%{left:calc(2*var(--offset));top:calc(1*var(--offset))}75.00%{left:calc(2*var(--offset));top:calc(2*var(--offset))}83.33%{left:calc(1*var(--offset));top:calc(2*var(--offset))}91.67%{left:calc(1*var(--offset));top:calc(1*var(--offset))}}@keyframes square4{0%{left:calc(2*var(--offset));top:calc(1*var(--offset))}33.33%{left:calc(2*var(--offset));top:calc(1*var(--offset))}41.67%{left:calc(2*var(--offset));top:calc(2*var(--offset))}50.00%{left:calc(3*var(--offset));top:calc(2*var(--offset))}58.33%{left:calc(3*var(--offset));top:calc(1*var(--offset))}100%{left:calc(3*var(--offset));top:calc(1*var(--offset))}}@keyframes square5{0%{left:calc(3*var(--offset));top:calc(1*var(--offset))}50.00%{left:calc(3*var(--offset));top:calc(1*var(--offset))}58.33%{left:calc(3*var(--offset));top:calc(0*var(--offset))}66.67%{left:calc(2*var(--offset));top:calc(0*var(--offset))}75.00%{left:calc(2*var(--offset));top:calc(1*var(--offset))}100%{left:calc(2*var(--offset));top:calc(1*var(--offset))}}@keyframes squarefadein{0%{transform:scale(0.75);opacity:0}100%{transform:scale(1);opacity:1}}.flow-animation{height:calc(1.2*var(--base-unit, 1rem));width:calc(1.2*var(--base-unit, 1rem));position:relative}.flow-animation .flow-animation-item{position:absolute;height:calc(1.2*var(--base-unit, 1rem));width:calc(1.2*var(--base-unit, 1rem));border-radius:calc(.5*var(--base-unit, 1rem));background-color:var(--white, #fffdfd)}.flow-animation .flow2{animation:2s flow2 infinite}.flow-animation .flow3{animation:2s flow3 infinite}.flow-animation .flow4{animation:2s flow4 infinite}.flow-animation .flow5{animation:2s flow5 infinite}.flow-animation .flow6{animation:6s flow6 infinite}.flow-animation .flow7{animation:6s flow7 infinite}.flow-animation .flow8{animation:6s flow8 infinite}.flow-animation .flow9{animation:6s flow9 infinite}.flow-animation.is-paused *{animation-play-state:paused !important}@keyframes flow2{50%{transform:translateX(calc(3 * var(--base-unit, 1rem)))}100%{transform:translateX(0)}}@keyframes flow3{50%{transform:translateX(calc(-3 * var(--base-unit, 1rem)))}100%{transform:translateX(0)}}@keyframes flow4{50%{transform:translateY(calc(3 * var(--base-unit, 1rem)))}100%{transform:translateY(0)}}@keyframes flow5{50%{transform:translateY(calc(-3 * var(--base-unit, 1rem)))}100%{transform:translateY(0)}}@keyframes flow6{30%{transform:translateX(calc(3 * var(--base-unit, 1rem)))}60%{transform:translateX(calc(3 * var(--base-unit, 1rem))) translateY(calc(-3 * var(--base-unit, 1rem)))}100%{transform:translateX(0) translateY(0)}}@keyframes flow7{30%{transform:translateX(calc(-3 * var(--base-unit, 1rem)))}60%{transform:translateX(calc(-3 * var(--base-unit, 1rem))) translateY(calc(3 * var(--base-unit, 1rem)))}100%{transform:translateX(0) translateY(0)}}@keyframes flow8{30%{transform:translateY(calc(3 * var(--base-unit, 1rem)))}60%{transform:translateY(calc(3 * var(--base-unit, 1rem))) translateX(calc(3 * var(--base-unit, 1rem)))}100%{transform:translateX(0) translateY(0)}}@keyframes flow9{30%{transform:translateY(calc(-3 * var(--base-unit, 1rem)))}60%{transform:translateY(calc(-3 * var(--base-unit, 1rem))) translateX(calc(-3 * var(--base-unit, 1rem)))}100%{transform:translateX(0) translateY(0)}}.conic-animation{width:calc(15*var(--base-unit, 1rem));height:calc(8*var(--base-unit, 1rem));border-radius:calc(1.5*var(--base-unit, 1rem));overflow:hidden}.conic-animation::before{content:"";background:conic-gradient(from 0deg at 50% 50%, var(--white, #fffdfd), rgba(250, 250, 250, 0));position:absolute;inset:-50%;transform:rotate(0);animation:spinning 1.5s linear infinite}.conic-animation.is-paused::before{animation-play-state:paused !important}@keyframes spinning{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/*# sourceMappingURL=animations.css.map */