.wheel-wrapper{position:relative;margin:2rem 0;margin-top:0;padding:1rem;border-radius:8px;background-size:contain;background-position:top center}.wheel-wrapper .container-fluid{display:flex;justify-content:space-between;align-items:start;gap:1rem}.wheel-wrapper .item-table{display:flex;flex-direction:column;background:#202225a1;border-radius:6px;overflow:hidden;width:25%;font-size:14px;z-index:1;backdrop-filter:blur(5px);flex-shrink:0}.wheel-wrapper .item-table .item-data-table{display:flex;flex-direction:column;overflow-y:auto;max-height:482px}.wheel-wrapper .item-table .user-info{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:linear-gradient(45deg,#333949,#59296e38)}.wheel-wrapper .item-table .user-info .user-info-group{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:8px;font-size:16px}.wheel-wrapper .item-table .user-info .user-info-group:nth-child(odd){background:rgba(0,0,0,.25)}.wheel-wrapper .item-table .user-info .user-info-group .user-info-text{display:flex;flex-direction:row;align-items:center;gap:.5rem}.wheel-wrapper .item-table .user-info .user-info-group .user-info-value{font-weight:600}.wheel-wrapper .user-table{display:flex;flex-direction:column;background:#202225a1;border-radius:6px;overflow:hidden;width:25%;font-size:14px;z-index:1;backdrop-filter:blur(5px);flex-shrink:0}.wheel-wrapper .item-table h1,.wheel-wrapper .item-table h2{margin:0;font-size:18px;padding:6px 12px;text-align:center;background:linear-gradient(45deg,#313644,#26272a)}.wheel-wrapper .item-table h2{display:flex;align-items:center;justify-content:space-between}.wheel-wrapper .user-table .title{margin:0;font-size:18px;padding:6px 12px;text-align:center;background:linear-gradient(45deg,#313644,#26272a)}.wheel-wrapper .item-table .item-data{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:1rem;padding:8px 10px}.wheel-wrapper .item-table .item-data .item-name{font-size:13px;margin:0;font-weight:600;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.wheel-wrapper .item-table .item-data .item-winners{font-size:12px;white-space:nowrap;display:block}.wheel-wrapper .item-table .item-data:nth-child(2n){background:#00000061}.wheel-wrapper .item-table .item-data:nth-child(odd){background:#343a4c81}.wheel-wrapper .wheel-container{position:relative;width:50%;display:flex;align-items:center;justify-content:center;z-index:1}.spin-button{position:absolute;z-index:99;left:0;right:0;top:10px;bottom:0;margin:auto;width:132px;height:132px;border-radius:999px;border:0;text-transform:uppercase;font-weight:700;font-size:25px;text-align:center;text-wrap:wrap;color:#83541c;background:radial-gradient(#ffce3b,#171004);transition:all .15s ease 0s;border:0;outline:0;cursor:pointer}.spin-button:hover{box-shadow:0 0 68px #d1a93085;transition:all .15s ease 0s}.spin-button:active{box-shadow:unset;filter:brightness(.8);transition:all .15s ease 0s}.spin-button.disabled,.spin-button[disabled]{pointer-events:none;filter:brightness(.5)}.superWheel .sWheel>.sWheel-txt-wrap>.sWheel-txt>div{padding-left:80px;text-shadow:0 0 20px red;text-align:center}.sWheel>.sWheel-bg-layer>svg{opacity:.8}.superWheel .sWheel>.sWheel-bg-layer{backdrop-filter:blur(25px);z-index:1}.superWheel .sWheel>.sWheel-txt-wrap{z-index:2}.superWheel .sWheel>.sWheel-bg-layer{background-size:cover}.superWheel .sWheel>.sWheel-bg-layer::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;z-index:3}.superWheel .sWheel-marker{width:16%;height:8%;top:-13%}.spin-result{display:none;position:fixed;top:50%;transform:translateY(-50%);left:0;right:0;z-index:999999999;width:450px;max-height:400px;margin:auto;background:#202225f0;backdrop-filter:blur(8px);border-radius:6px;padding:1rem;flex-direction:column;gap:.5rem}.spin-result.show{display:flex}.spin-result .spin-result-item{display:flex;gap:.5rem;align-items:center;justify-content:center;font-weight:600;font-size:24px}.spin-result .spin-result-item .result-item-info{display:flex;gap:.5rem;align-items:center}.spin-result .spin-result-item .result-item-info img{width:40px;height:40px;border-radius:6px;object-fit:cover}.spin-result .result-text{font-weight:600;font-size:18px;text-align:center}.spin-result .result-expiration{text-align:center}.discount-code-input{position:relative;flex-shrink:0}.discount-code-input button{position:absolute;right:0;top:0;border-radius:0;width:33px;height:100%;background-color:#1b9f5b;border:0;outline:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.discount-code-input button:hover{background-color:#27c071}.discount-code-input button:active{background-color:#31885b}.discount-code-input input{background:#0000003b;border:2px dashed #1b9f5b!important;padding:6px 32px 6px 6px;text-align:center;border-radius:3px;outline:0;width:100%}.wheel-wrapper .user-table .roll-history{display:flex;flex-direction:column;max-height:630px;overflow-y:auto}.wheel-wrapper .user-table .roll-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:1rem;padding:8px 10px}.wheel-wrapper .user-table .roll-item:nth-child(2n){background:#00000061}.wheel-wrapper .user-table .roll-item .roll-name{font-size:12px;font-weight:600;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.wheel-wrapper .user-table .roll-item .roll-date{font-size:11px;white-space:nowrap;display:block}.spin-banners{margin-bottom:1rem;width:100%;height:150px}.spin-banners a{width:100%;height:150px;display:block}.spin-banners img{width:100%;height:150px;object-fit:cover;background-color:#111}.spin-banners img:nth-child(n+1){display:none}.spin-banners.slick-initialized img:nth-child(n+1){display:block}.superWheel{margin-top:30px}.spin-product-detail{margin-bottom:1rem}.spin-product-detail a{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:15px;font-weight:500}.spin-product-detail img{width:45px;height:45px;border-radius:6px;object-fit:cover}@media only screen and (max-width:992px){.wheel-wrapper .container-fluid{flex-direction:column}.wheel-wrapper .wheel-container{width:100%;order:1}.wheel-wrapper .item-table{width:100%;order:2}.wheel-wrapper .user-table{width:100%;order:3}.superWheel{margin:10px 0!important}.spin-button{width:66px;height:66px;font-size:15px;top:0}.superWheel .sWheel>.sWheel-txt-wrap>.sWheel-txt>div{zoom:0.6}.spin-banners{height:80px}.spin-banners a{height:80px}.spin-banners img{height:80px}.wheel-wrapper .container-fluid{padding:0}}
