:root{--main-color:#e0c45f;--main-2-color: #a5830b;--main-3-color: #252628;--main-4-color:#0b3e32ad;--sec-color: #e82227;--btn-main-color: linear-gradient(to top, #ffd044, rgb(255 215 0 / 47%));--btn-main-2-color: linear-gradient(to top, rgba(255, 215, 0, 0.6784313725), rgb(184 155 0 / 47%))}body{margin:0;padding:0}body .v-enter-active,body .v-leave-active{transition:opacity .5s ease}body .v-enter-from,body .v-leave-to{opacity:0}.loading-mask{cursor:pointer;position:fixed;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:.5;z-index:99999}.loading-mask-content{cursor:pointer;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:100000;color:#fff;justify-content:center;align-items:center;display:flex}.loading-mask-content .loading-mask-spinner{display:block;text-align:center}.loading-mask-content .loading-gif{opacity:.6;position:absolute;left:calc(50% - 45px)}.loading-mask-content .loading-gif img{height:68px;-webkit-animation-name:spin;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{100%{transform:rotate(360deg)}}.loading-mask-content .logo3{position:absolute;left:calc(50% - 75px);background-size:cover;background-position:center;border-radius:100%}.loading-mask-content .logo3 img{height:68px;padding:0}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:5px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.reward-list{position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,.3);z-index:5;transform:scale(1)}.reward-list .hide-icon{cursor:pointer;position:absolute;right:50px;top:34px;width:55px;height:55px;color:red;font-size:64px;z-index:6}.reward-list .items{background-image:var(--7188aeea);background-repeat:no-repeat;background-size:100% 100%;position:absolute;left:50%;top:50%;width:500px;height:70vh;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;overflow:auto;padding:2rem;opacity:.9}@media screen and (max-width: 760px){.reward-list .items{width:90%}}.reward-list .items .item{width:100%;float:left;padding:1em;-webkit-box-sizing:border-box;box-sizing:border-box;margin:.25em 0;border-radius:10px;background:rgba(0,0,0,.3)}@media only screen and (max-width: 600px){.reward-list .items .item{display:flex;align-items:center;justify-content:space-between}}.reward-list .items .item .btn-redeem{display:block;order:2;float:right;width:120px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin:5px;height:55px;text-align:center;border:none;background-size:300% 100%;border-radius:50px;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background-image:-webkit-gradient(linear, left top, right top, from(#f5ce62), color-stop(#e43603), color-stop(#fa7199), to(#e85a19));background-image:-webkit-linear-gradient(left, #f5ce62, #e43603, #fa7199, #e85a19);background-image:-o-linear-gradient(left, #f5ce62, #e43603, #fa7199, #e85a19);background-image:linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);-webkit-box-shadow:0 4px 15px 0 rgba(229,66,10,.75);box-shadow:0 4px 15px 0 rgba(229,66,10,.75);text-transform:uppercase}@media only screen and (max-width: 600px){.reward-list .items .item .btn-redeem{font-size:12px;height:auto;padding:10px;margin:auto;float:none}}.reward-list .items .item .btn-redeem.disabled{background-image:linear-gradient(274deg, #000000, rgba(0, 0, 0, 0.4588235294));cursor:unset}.reward-list .items .item .value{color:#fff;float:left;font-size:25px;line-height:65px}@media only screen and (max-width: 600px){.reward-list .items .item .value{line-height:22px;width:60%;font-size:20px}}
.home-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#000;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:var(--67498a22);overflow:auto}@media screen and (max-width: 760px){.home-container{background-image:var(--fc303996)}}.home-container .wheel-mid{display:flex;position:relative;height:fit-content;flex-direction:column;align-items:unset}@media screen and (max-width: 1000px){.home-container .wheel-mid .details-wrapper{width:90%;top:10vw;justify-content:center}.home-container .wheel-mid #eHtml{position:relative}}.home-container .wheel-logo{position:absolute;left:50%;transform:translate(-50%);max-width:80vw;top:5%}.home-container .burger-menu{position:absolute;display:block;background:rgba(0,0,0,.3);padding:10px 13px;box-sizing:border-box;border-radius:10px;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);z-index:4;right:50px;top:50px;cursor:pointer}.home-container .burger-menu .active{display:block;background:#fff;width:20px;height:3px;margin-top:4px;margin-left:auto;margin-right:auto}.home-container .remain_spin_container{z-index:3;text-align:center;left:0;right:0;font-size:20px;display:block;top:0;position:absolute;width:100%;margin-top:-30%;color:#fff;text-shadow:-2px 2px 8px #000}@media screen and (max-width: 760px){.home-container .remain_spin_container{margin-top:-40%}}@media screen and (max-width: 480px){.home-container .remain_spin_container{margin-top:-45%}}.home-container .wheel-container{position:relative;width:400px;height:400px}@media screen and (max-width: 760px){.home-container .wheel-container{width:53vw;height:53vw}}@media screen and (max-width: 480px){.home-container .wheel-container{width:62.25vw;height:62.25vw}}.home-container .wheel-container .wheel-frame{position:absolute;top:50%;left:50%;width:145%;height:145%;transform:translate(-50%, -50%);z-index:1}.home-container .wheel-container .wheel{width:100%;height:100%;border-radius:50%;transition:transform 5s cubic-bezier(0.33, 1, 0.68, 1);z-index:2;position:absolute}.home-container .wheel-container .spin-button{position:absolute;top:50%;left:50%;width:110px;height:110px;transform:translate(-50%, -50%);cursor:pointer;z-index:3}@media screen and (max-width: 760px){.home-container .wheel-container .spin-button{width:20vw;height:20vw}}