@font-face{font-display:swap;font-family:Fredoka;src:url(/yogapi/static/media/FredokaOne-Regular.4aea26dd6637dfac0fac.ttf)}*{margin:0;padding:0}:root{--main-color:#fff;--button-color:#ffd600;--grey-color:#d0d8e0;--orange-color:#ff8a00;--blue-color:#78baf8;--font-color-important:#0b1345}a,button,h1,h2,h3,h4,li,p{color:#000;font-family:Fredoka}p{font-size:3vh}button{cursor:pointer}a{text-decoration:none}.main-button{background:#ffd600;background:var(--button-color);border:none;border-radius:10px;font-size:3vh;padding:2vh 4vw}nav{align-items:center;background:#fff;bottom:0;justify-content:center;position:fixed}nav,nav ul{display:flex;width:100%}nav ul{justify-content:space-around;padding:1vh 0}nav ul li{list-style-type:none}nav ul li a{align-items:center;display:flex;flex-direction:column;font-size:2vh;justify-content:center}nav ul li a svg{height:4vh}.character{align-items:center;display:flex;justify-content:center}.character svg{max-height:70vh;overflow:visible;width:50%}.character #character #head{animation:Breathe 6s infinite}.character #character #head #eyes{animation:Blink 4s infinite;transform-origin:0 27%}.character #character #head #eyes g #pupil{transform-origin:0 29%}@keyframes Breathe{0%{transform:translateY(0)}50%{transform:translateY(-1.5%)}to{transform:translateY(0)}}@keyframes Blink{0%{transform:scaleY(1)}95%{transform:scaleY(1)}97.25%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes Hello{0%{transform:rotate(0deg)}25%{transform:rotate(160deg)}50%{transform:rotate(90deg)}75%{transform:rotate(160deg)}to{transform:rotate(0deg)}}@keyframes HypeArmL{0%{transform:rotate(0deg)}25%{transform:rotate(40deg)}50%{transform:rotate(0deg)}75%{transform:rotate(40deg)}to{transform:rotate(0deg)}}@keyframes HypeArmR{0%{transform:rotate(0deg)}25%{transform:rotate(-40deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-40deg)}to{transform:rotate(0deg)}}@keyframes HypeHead{0%{transform:rotate(0deg)}25%{transform:rotate(-3deg)}50%{transform:rotate(0deg)}75%{transform:rotate(3deg)}to{transform:rotate(0deg)}}.gem-bar{align-items:center;display:flex;justify-content:center}.gem-bar p{margin-right:1vw}.gem{height:4vh}.home{height:100vh;width:100%}.home header{position:fixed;top:0;width:100%}.home header .header-padding{align-items:center;display:flex;justify-content:space-between;padding:1vh 2vw}.home header div .workout-day-bar{align-items:center;display:flex;height:100%;width:100%}.home header div .workout-day-bar .bar{background:var(--grey-color);border-radius:10000000px;height:3vh;overflow:hidden;position:relative;width:60%}.home header div.workout-day-bar .bar .cursor{background:var(--orange-color);height:100%;transform-origin:left;width:100%}.home header div .workout-day-bar .bar p{color:#000;font-size:2vh;position:absolute;right:2vw;top:50%;transform:translateY(-50%)}.home .start-workout{align-items:center;display:flex;flex-direction:column;height:95%;justify-content:center;width:100%}.home .start-workout .images{position:relative;width:100%}.home .start-workout .images .character{align-items:center;display:flex;justify-content:center;width:100%}.home .start-workout .images .character #character #arms #arm-1{animation:Hello 1s;animation-delay:1s;transform-origin:20% 45%}.home .start-workout .images .background{bottom:0;left:50%;max-height:60vh;position:absolute;transform:translateX(-50%);width:80vw;z-index:-100}.home .start-workout a button{margin-top:5vh}.workout{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-around;position:relative}.workout .play{background:none;border:none;left:2vh;outline:none;position:fixed;top:2vh;z-index:1000}.workout .play svg{height:4vh}.workout .timer-flower{align-items:center;display:flex;justify-content:center;position:relative}.workout .timer-flower p{font-size:5vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.workout .timer-flower .flower circle,.workout .timer-flower .flower path{transition:.5s ease-out}.workout .timer-flower .flower.break-style circle{fill:#89a9fb}.workout .timer-flower .flower.break-style path{fill:#4176ff}.workout .display{align-items:center;display:flex;justify-content:center;position:relative}.workout .display .character svg{width:80%}.workout .display .character #arms{display:none}.workout .display .images{background:var(--main-color);border:.5vh solid #000;border-radius:10px;box-shadow:-1vh 1vh 0 #000;height:30vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-25%);width:85vw}.workout .display .images .images-box{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.workout .display .images .images-box img{max-height:100%;max-width:100%}.workout .display .images .images-box svg{height:6vh}.workout .display .images .images-box .left-hand{left:0;position:absolute;top:30%;transform:translateX(-50%)}.workout .display .images .images-box .right-hand{position:absolute;right:0;top:30%;transform:translateX(50%)}.workout .display .workout-background{bottom:0;left:50%;position:absolute;transform:translateX(-50%);z-index:-100}.workout .progress{height:3vh;position:relative;width:80vw}.workout .progress .progress-bar{background:var(--grey-color);border-radius:10px;height:100%;overflow:hidden;width:100%}.workout .progress .progress-bar .progress-cursor{background:var(--blue-color);height:100%;transform-origin:left;transition:transform .2s ease-out;width:100%}.workout .progress .flower{height:6vh;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .2s ease-out}.shop header{align-items:center;display:flex;justify-content:space-between;padding:1vh 5vw}.shop .styles{width:100%}.shop .styles,.shop .styles .style{align-items:center;display:flex;flex-direction:column;justify-content:center}.shop .styles .style{background:var(--grey-color);border-radius:20px;margin-top:5vh;padding:2vh 0;width:70%}.shop .styles .style h3{margin-bottom:2vh;text-transform:uppercase}.shop .styles .style .character-to-buy.not-buy{filter:grayscale(1)}.shop .styles .style .character-to-buy{max-height:20vh;width:100%}.shop .styles .style .prize{align-items:center;display:flex;justify-content:center;margin-top:2vh}.shop .styles .style .prize p{font-size:3vh;margin-right:1vw}.shop .styles .style .prize .gem{height:3vh}.confetti{height:100%;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.confetti-piece{background:#ffd300;height:3vh;opacity:0;position:absolute;top:0;width:3vw}.confetti-piece:first-child{animation:makeItRain .5s ease-out infinite;animation-delay:496ms;animation-duration:723ms;left:7%;transform:rotate(-9deg)}.confetti-piece:nth-child(2){animation:makeItRain .5s ease-out infinite;animation-delay:296ms;animation-duration:898ms;left:14%;transform:rotate(-43deg)}.confetti-piece:nth-child(3){animation:makeItRain .5s ease-out infinite;animation-delay:449ms;animation-duration:942;left:21%;transform:rotate(45deg)}.confetti-piece:nth-child(4){animation:makeItRain .5s ease-out infinite;animation-delay:318ms;animation-duration:1s!important;left:28%;transform:rotate(-6deg)}.confetti-piece:nth-child(5){animation:makeItRain .5s ease-out infinite;animation-delay:355ms;animation-duration:742ms;left:35%;transform:rotate(-12deg)}.confetti-piece:nth-child(6){animation:makeItRain .5s ease-out infinite;animation-delay:244ms;animation-duration:996ms;left:42%;transform:rotate(-37deg)}.confetti-piece:nth-child(7){animation:makeItRain .5s ease-out infinite;animation-delay:293ms;animation-duration:874ms;left:49%;transform:rotate(-63deg)}.confetti-piece:nth-child(8){animation:makeItRain .5s ease-out infinite;animation-delay:289ms;animation-duration:1176ms!important;left:56%;transform:rotate(44deg)}.confetti-piece:nth-child(9){animation:makeItRain .5s ease-out infinite;animation-delay:291ms;animation-duration:1200;left:63%;transform:rotate(-72deg)}.confetti-piece:nth-child(10){animation:makeItRain .5s ease-out infinite;animation-delay:.44s;animation-duration:1052ms;left:70%;transform:rotate(0deg)}.confetti-piece:nth-child(11){animation:makeItRain .5s ease-out infinite;animation-delay:218ms;animation-duration:953ms;left:77%;transform:rotate(-26deg)}.confetti-piece:nth-child(12){animation:makeItRain .5s ease-out infinite;animation-delay:156ms;animation-duration:1143ms;left:84%;transform:rotate(41deg)}.confetti-piece:nth-child(13){animation:makeItRain .5s ease-out infinite;animation-delay:256ms;animation-duration:819ms;left:91%;transform:rotate(7deg)}.confetti-piece:nth-child(odd){background:#17d3ff}.confetti-piece:nth-child(2n){z-index:1}.confetti-piece:nth-child(4n){animation-duration:.2s;height:12px;width:5px}.confetti-piece:nth-child(3n){animation-delay:1s;animation-duration:2.5s;height:10px;width:3px}.confetti-piece:nth-child(4n-7){background:#ff4e91}@keyframes makeItRain{0%{opacity:0}50%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.workout-completed{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-around;width:100%}.workout-completed .gems{align-items:center;display:flex;justify-content:center;position:fixed;right:1vh;top:1vh}.workout-completed .gems p.gems-to-add{color:#4176ff;margin-right:5vw}.workout-completed h1{font-size:5vh;margin-top:4vh;text-align:center}.workout-completed .character svg{width:70%}.workout-completed .character #character #arms #arm-1{animation:HypeArmL 1s infinite;transform-origin:20% 45%}.workout-completed .character #character #arms #arm-2{animation:HypeArmR 1s infinite;transform-origin:80% 45%}.workout-completed .character #character #head{animation:HypeHead 1s ease-in-out infinite;transform-origin:50% 30%}.pop-up-menu{background:#000000b3;height:100vh;position:absolute;width:100%;z-index:100}.pop-up-menu,.pop-up-menu .box{align-items:center;display:flex;justify-content:center}.pop-up-menu .box{background:var(--main-color);border-radius:20px;flex-direction:column;min-width:60%;padding:3vh 8vw 0}.pop-up-menu .box button{margin-bottom:3vh;width:100%}
/*# sourceMappingURL=main.1de83038.css.map*/