.wheel-modal{width:100%;margin:2rem;position:relative}.wheel-modal:before{content:"";width:75%;background-color:var(--primaryMain-50);border-radius:100%;aspect-ratio:1/1;display:block;filter:blur(20px);z-index:-1;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-modal .wheel-modal-body{all:unset;background-image:linear-gradient(180deg,rgba(78,9,174,.69) 5.66%,rgba(0,0,0,.69) 91.96%),url(/assets/bgs/fortune-wheel-modal-bg.png);border-radius:12px;box-shadow:0 0 13px 3px #00ffa3;gap:0;z-index:1001;width:500px;height:80vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-108%);padding:3.5rem 2.5rem 1.5rem;max-width:80dvw;min-height:20rem}@media screen and (max-width:998.9px){.wheel-modal .wheel-modal-body{width:400px;height:50vh}}.wheel-modal .wheel-modal-body .wheel-modal-content-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}.wheel-modal .wheel-modal-body .wheel-modal-content-wrapper .wheel-modal-image-wrapper{display:flex;justify-content:center;align-items:center}.wheel-modal .wheel-modal-body .wheel-modal-content-wrapper .wheel-modal-image-wrapper:before{content:"";width:30%;background-color:rgba(255,0,249,.4);border-radius:100%;aspect-ratio:1/1;display:block;filter:blur(60px);z-index:-1;pointer-events:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.wheel-modal .wheel-modal-body .wheel-modal-content-wrapper .wheel-modal-image-wrapper img{height:130%;width:80%;margin:auto}.wheel-modal .wheel-modal-body .wheel-modal-content-wrapper .title{color:var(--white-1000);font-size:4rem;font-weight:400;text-align:center;white-space:nowrap;text-shadow:1px 2px 6px #ff2bfa;background:linear-gradient(#ff6afc,#ff2bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:998.9px){.wheel-modal .wheel-modal-body .wheel-modal-content-wrapper .title{font-size:2rem}}.wheel-modal .wheel-modal-body .wheel-modal-content-wrapper .description{width:100%;margin:auto;text-align:center;background:radial-gradient(rgba(216,41,204,.58) 50%,rgba(114,22,108,.58) 100%);border-radius:8px;text-shadow:2px 2px rgba(0,255,162,.137);font-size:1.5rem;padding:1rem .5rem}@media screen and (max-width:998.9px){.wheel-modal .wheel-modal-body .wheel-modal-content-wrapper .description{width:100%;font-size:1rem;padding:.5rem}}.wheel-modal .wheel-modal-body .wheel-close-button{position:absolute;top:5%;right:5%;background:#d829cc;border-radius:8px;padding:.5rem;font-size:12px;cursor:pointer}.wheel-modal .wheel-modal-body .wheel-close-button:hover{transform:scale(1.1)}