#wheel-popup{background:rgba(0,0,0,.8);justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}#wheel-popup,.wheel-wrapper{align-items:center;display:flex;height:100%}.wheel-wrapper{flex-direction:column;gap:20px;justify-content:flex-end;position:relative}.right-header h1{font-size:34px}#wheel-container-wrapper{align-items:center;display:flex;justify-content:center;top:-20px}#wheel-container-wrapper,.wheel-container{background-color:transparent;position:relative}.wheel-container{height:500px;width:500px}#wheel{background-color:#fff;border:5px solid #fff;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.5)}.pointer{height:auto;left:50%;position:absolute;top:-40px;transform:translateX(-50%);width:60px;z-index:10}.pointer svg{height:100%;width:100%;fill:red}#spin-form input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-shadow:none;color:#333;font-size:16px;margin-bottom:20px;padding:12px;width:100%}#spin-form input::placeholder{color:#aaa;font-size:14px}#spin{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:10px;padding:12px;transition:background-color .3s ease;width:100%}#spin:hover{background-color:#218838}#spin-form{border:none;box-shadow:none;padding:0}#spin,#spin-form input{margin-bottom:15px}#spin-form,.right-side{position:relative}.right-side{align-items:flex-start;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex:1;flex-direction:column;justify-content:center;padding:20px;width:400px}#close-popup-btn-right{color:#000;cursor:pointer;font-size:30px;font-weight:700;position:absolute;right:10px;top:10px;z-index:10}#close-popup-btn-right:hover{color:red}.right-congrats{align-items:center;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex:1;flex-direction:column;justify-content:center;padding:20px;position:relative;text-align:center;width:400px}#close-popup-btn-congrats{color:#000;cursor:pointer;font-size:30px;font-weight:700;position:absolute;right:10px;top:10px;z-index:10}#close-popup-btn-congrats:hover{color:red}.right-congrats h1{color:#28a745;font-size:32px}.right-congrats p{color:#555;font-size:18px}#result{bottom:-70px;color:#fff;font-size:30px;font-weight:700;position:absolute;text-align:center;transition:opacity .3s ease;width:max-content}.popup-content{display:flex;gap:20px;padding:20px;position:relative}.center-circle{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 30px #fff;display:flex;height:100px;justify-content:center;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.center-circle img{border-radius:50%;height:100%;object-fit:cover;width:100%}@media only screen and (max-width:1024px){.wheel-container{height:auto;margin-top:30px;width:100%}.right-congrats,.right-side{padding:15px;width:100%}.left-side{width:50%}.popup-content{flex-direction:row;justify-content:space-between;width:90%}.pointer{top:-15px;width:45px}.center-circle{box-shadow:0 0 15px #fff;height:60px;width:60px}#close-popup-btn{font-size:25px;right:30px;top:25px}#spin,#spin-form input{font-size:14px;padding:10px}#spin{margin-top:10px}#wheel{width:100%}}@media only screen and (max-width:768px){.popup-content{flex-direction:row;justify-content:space-between;width:100%}}@media only screen and (max-width:650px){.center-circle{height:20%;width:20%}.wheel-container{height:unset;max-height:80%;max-width:80%;text-align:center;width:unset}.left-side,.wheel-container{display:flex;justify-content:center}.left-side{margin:0 auto;width:90%}.right-congrats,.right-side{max-width:450px;padding:10px;width:80%}.popup-content{align-items:center;flex-direction:column;gap:10px}.right-form{padding:0 10px;width:100%}#close-popup-btn{font-size:25px;right:15px;top:10px}.pointer{top:-25px;width:40px}#spin{font-size:16px;padding:8px 16px}.right-header h1{font-size:24px}.right-form label{font-size:14px}.right-form input{font-size:14px;padding:8px}.right-form button{font-size:16px}}@media only screen and (max-width:480px){.pointer{top:-20px;width:35px}#close-popup-btn{font-size:20px;right:10px;top:5px}.right-header h1{font-size:20px}.right-congrats p,.right-text p{font-size:16px}#spin{font-size:14px;padding:6px 12px}.wheel-container{height:unset;margin-top:0;max-height:100%;max-width:100%;text-align:center;width:unset}.left-side{margin:0 auto;width:100%}}@media only screen and (max-width:360px){.right-congrats,.right-side{box-shadow:none;padding:10px;width:95%}}