@import url(https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap);*{box-sizing:border-box;font-family:Onest,sans-serif;margin:0;padding:0}body,html{background-color:#fb970112;background-image:url(/static/media/background.df7395f339311fe90e10.png);background-position:100%;background-size:cover;height:100%;width:100%}.app-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:clamp(10px,2vw,20px);position:relative;width:100vw}.logo{left:20px;position:absolute;top:20px}.title{color:#111;font-size:25px;font-weight:600;letter-spacing:-.5px;margin-top:15px;text-align:center}.wheel-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:50px;padding:20px 0;transition:transform .3s ease;width:min(90%,800px)}.wheel-wrapper{height:550px;margin:0 auto;opacity:0;position:relative;transition:opacity .5s ease,visibility .5s ease;visibility:hidden;width:550px}.center-img{height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.wheel-wrapper.loaded{opacity:1;visibility:visible}.wheel-wrapper>div:first-child{border-radius:50%;height:100%!important;width:100%!important}.wheel-pointer{clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:min(10%,40px);top:-5%;transition:transform .3s ease;width:min(10%,40px);z-index:1000}.wheel-pointer,.wheel-pointer:after{background-color:#fb9701;left:50%;position:absolute;transform:translateX(-50%)}.wheel-pointer:after{border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:min(5%,20px);top:-5px;width:min(5%,20px);z-index:-1}.spin-button{align-items:center;background:linear-gradient(145deg,#3da5e0,#2980b9);background:#fb9701;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:clamp(1rem,2vw,1.2rem);font-size:14px;gap:10px;justify-content:center;justify-items:center;letter-spacing:1px;margin:clamp(1rem,2vh,2rem) 0;padding:clamp(10px,3vw,15px) clamp(20px,6vw,30px);text-transform:uppercase;transition:all .3s ease;width:min(80%,300px)}.spin-button:disabled{background:linear-gradient(145deg,#ccc,#bbb);box-shadow:none;cursor:not-allowed}.spin-button:hover:not(:disabled){box-shadow:0 6px 20px #3da5e066;transform:translateY(-2px)}.spin-button:active:not(:disabled){box-shadow:0 2px 10px #3da5e04d;transform:translateY(0)}.result-container{background-color:#f8f9fa;border-radius:15px;box-shadow:0 4px 15px #0000000d;margin-top:clamp(1rem,2vh,2rem);padding:clamp(1rem,3vw,1.5rem);text-align:center;width:100%}.result-text{color:#2c3e50;font-weight:500}.result-text,.voucher-text{animation:fadeIn .5s ease-in;font-size:clamp(1rem,2.5vw,1.2rem)}.voucher-text{color:#28a745;font-weight:700;margin-top:.5rem}.fast_animation{transition:all .2s ease-in-out}.modal_container{align-items:center;display:flex;height:100vh;justify-items:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.show_container{opacity:1;visibility:visible}.hide_container{opacity:0;visibility:hidden}.image_background{background-color:#fb970114}.modal{background-color:#fff;border-radius:30px;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;max-height:95vh;min-height:30vh;position:relative;right:0;text-align:center;transition:all .3s ease;width:35vw;z-index:50}.modal.show{margin-top:0;opacity:1;visibility:visible}.modal.hide{margin-top:5rem;opacity:0;visibility:hidden}.overlay{background-color:#0006;height:100%;left:0;position:absolute;top:0;width:100%;z-index:20}.banner-container{height:100px;margin:0 auto 3rem;padding:2px;width:90%}.banner,.banner-container{align-items:center;display:flex;justify-content:center}.banner{background-color:#fff;border:2px dashed #fb9701;height:100%;padding:15px 20px;position:relative;width:100%}.banner p{color:#000;font-size:18px;margin:0;text-align:center}.corner{background-color:#fb9701;height:8px;position:absolute;width:8px}.top-left{left:-4px;top:-4px}.top-right{right:-4px;top:-4px}.bottom-left{bottom:-4px;left:-4px}.bottom-right{bottom:-4px;right:-4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pointerBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(5px)}}.wheel-wrapper.spinning .wheel-pointer{animation:pointerBounce .5s ease-in-out infinite}@media (max-width:768px){.wheel-container{padding:1rem;width:95%}.wheel-wrapper{height:90vw;width:90vw}.spin-button{width:90%}.modal{width:100%}}@media (max-height:600px){.app-container{padding:10px}.wheel-container{aspect-ratio:auto;flex-direction:row;gap:1rem;height:90vh;padding:1rem}.wheel-wrapper{height:80vh;margin-right:1rem;width:auto}.title{font-size:clamp(1rem,4vh,1.5rem);margin-bottom:.5rem}.spin-button{font-size:clamp(.8rem,2vh,1rem);padding:1vh 2vh}}@media (prefers-color-scheme:dark){.title{color:#111}.result-container{background-color:#34495e}.result-text{color:#fff}.voucher-text{color:#2ecc71}}
/*# sourceMappingURL=main.08b4f194.css.map*/