.new_onboarding_container{z-index:0;background-color:#0000;background-image:linear-gradient(#0003,#0003),url(/bg2.png);background-position:50%;background-repeat:no-repeat;background-size:300%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;align-items:center;width:100vw;height:100svh;display:flex;position:fixed;top:0;left:0}.onboarding_primary_text{text-align:center;background-color:#0000;width:100%;padding:20px 0;position:relative}.onboarding_primary_text h1{text-transform:uppercase;white-space:nowrap;letter-spacing:8px;background:linear-gradient(#fff 0%,#ffffffa6 45%,#ffffff40 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 25px #ffffff80,0 0 50px #ffffff40,0 2px 8px #fff3,0 -2px 6px #ffffff4d;filter:drop-shadow(0 0 15px #fff3)drop-shadow(0 0 30px #ffffff1a);-webkit-background-clip:text;background-clip:text;font-family:Heebo,sans-serif;font-size:16px;font-weight:800;display:inline-block;position:relative}.illustration{background-color:#000}.onboarding_primary_text p{letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 3px #0000004d;font-family:DM Sans;font-size:16px;font-weight:600}.new_onboarding_bottom_content{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;padding:20px 0;display:flex;position:absolute;bottom:0;left:0}.onboarding_musketeer{width:44.42px;height:26px;margin-bottom:0}.new_onboarding_bottom_text{text-align:center;letter-spacing:1.8px;color:#f7712fb3;text-shadow:0 1px 3px #0000004d;width:100%;font-family:Heebo,sans-serif;font-size:10px;font-weight:700}.become_a_syonaire{letter-spacing:-.5px;text-shadow:0 1px 3px #0000004d;font-family:DM Sans;font-size:10px;font-weight:200}.flipped{display:inline-block;transform:scaleX(-1)}.play_container{width:100vw;padding:10px 20px}.flip-container{perspective:1000px}.flip-card{width:40px;height:40px;transform-style:preserve-3d;transition:transform .6s;animation:4s infinite flip-animation;position:relative}.flip-card:hover{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;width:100%;height:100%;position:absolute}.flip-card-front{background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.flip-card-front img{object-fit:cover;width:100%;height:100%}.flip-card-back{color:#000;background:#f7ee25;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.coin_musketeer{stroke:#000;fill:#000;object-fit:contain;width:50px;height:50px}.bottom_button{width:100vw;padding:0 20px;position:absolute;bottom:20px;left:0}.new_intro_bottom_content{flex-direction:column;align-items:center;width:100%;padding:20px 0 0;display:flex}.new_onboarding_illustration{visibility:visible;opacity:1;justify-content:center;width:150px;height:150px;transition:visibility 0s .5s,opacity 1s .5s;display:flex}.new_onboarding_illustration img{width:100%;height:100%}.intro_musketeer{width:44.42px;height:26px;margin-bottom:0}.new_intro_bottom_text{text-align:center;letter-spacing:1.8px;color:#f7712f61;width:100%;font-family:Heebo,sans-serif;font-size:10px;font-weight:700}@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(0)}to{transform:rotateY(0)}}@media (max-width:399px){.new_onboarding_bottom_content{justify-content:flex-end;width:100%;padding:10px 0}}
.progress-container{background-color:#0000;width:100%;padding:20px;position:fixed;bottom:0;left:0}.progress-bar{background-color:#0000;border:none;border-radius:9999px;width:100%;height:80px;position:relative;overflow:hidden}.progress-bar:before{content:"";z-index:0;background-color:#ffffff1a;border-radius:9999px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 1px #ffffffb3}.progress-bar:after{content:"";z-index:-1;-webkit-backdrop-filter:blur();backdrop-filter:blur();filter:url(#container-glass);isolation:isolate;border-radius:9999px;position:absolute;inset:0;overflow:hidden}.progress-fill{background-color:#d1774a;border-radius:9999px;height:100%;transition:width .3s ease-in-out}.play-button{color:#fff;cursor:pointer;background-color:#48bb78;border:none;border-radius:.25rem;width:100%;margin-top:1rem;padding:.5rem 1rem;font-weight:700;transition:background-color .2s}.play-button:hover{background-color:#38a169}