.pButton{cursor:pointer;padding:13px 16px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;border-radius:var(--Radius-radius-xs, 4px);background:var(--quantum-orange, #fd4c00);color:var(--Text-Tokens-text-inverse, #fff);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:.16px}.pButton.icon{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;background:transparent}.pButton.icon .iconfont{font-size:16px;color:var(--icon-tokens-icon-primary, #161616)}.pButton.icon:not(.disabled):hover .iconfont{color:var(--button-tokens-button-primary-hover, #525252)}.pButton.icon.disabled .iconfont{color:var(--text-button-disabled, #a8a8a8)}.pButton.text{padding:0;border:0;background:transparent;color:var(--quantum-orange, #fd4c00)}.pButton.secondary:not(.disabled){color:#fff;background:#2d3649}.pButton.secondary:not(.disabled):hover{color:var(--quantum-orange, #fd4c00)}.pButton.secondary .spinnerWrapper .loading-spinner{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--quantum-orange, #fd4c00);border-top:1.5px solid var(--icon-tokens-icon-primary, transparent);animation:spin 1s linear infinite}.pButton.third:not(.disabled){color:#fff;background:transparent;border:1px solid var(--quantum-orange, #fd4c00)}.pButton.third:not(.disabled):hover{color:#fff}.pButton.third .spinnerWrapper .loading-spinner{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--quantum-orange, #fd4c00);border-top:1.5px solid var(--icon-tokens-icon-primary, transparent);animation:spin 1s linear infinite}.pButton.disabled{background:#e0e0e0;color:#a8a8a8;cursor:not-allowed}.pButton .prevfix,.pButton .suffix{width:16px}.pButton .spinnerWrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:10px}.pButton .spinnerWrapper .loading-spinner{width:16px;height:16px;border-radius:50%;border:1.5px solid #fff;border-top:1.5px solid var(--icon-tokens-icon-primary, transparent);animation:spin 1s linear infinite}.pButtonLike{padding:13px 16px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;border-radius:var(--Radius-radius-xs, 4px);border:1.6px solid var(--quantum-orange, #fd4c00);background:transparent;color:var(--Text-Tokens-text-inverse, #fff);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:.16px;cursor:default}.pButtonLike:hover{border:1.6px solid var(--quantum-orange, #fd4c00)}.pButtonLike.secondary{border:0;background:var(--quantum-orange, #fd4c00)}.pButtonLike .prevfix,.pButtonLike .suffix{width:16px}.pHeader{width:100%;height:var(--header-height);display:flex;flex-direction:row;justify-content:center;align-items:center;background:#08020066}.pHeader .pContent.nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.pHeader .pContent.nav .logo{width:153px}.pHeader .pContent.nav .navRight{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px}.pHeader .pContent.nav .navRight .pButton.connectBtn{padding:11px 13.5px}.pHeader .pContent.nav .navRight .pButton.disconnectBtn{padding:9.5px 16px;background:transparent;border:1.5px solid var(--quantum-orange, #fd4c00)}.pHeader .pContent.nav .navRight .pButtonLike{gap:16px;padding:10px 16px;border-radius:var(--Radius-radius-xs, 4px);border:0}.pHeader .pContent.nav .navRight .pButtonLike .prefix{width:20px}.contentWidth{width:1280px;margin:0 auto}@media (max-width: 1439px){.contentWidth{width:8.8889rem}}@media (max-width: 576px){.contentWidth{width:8.9744rem}}.pLeftSide{width:332px;height:calc(100vh - var(--content-paddingTop) - var(--header-height) - var(--content-paddingTop));display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;justify-content:space-between}.pLeftSide .verifyWrapper{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:24px 20px;gap:48px;border-radius:12px;background:#20242dcc}.pLeftSide .verifyWrapper .title{color:var(--quantum-orange-10, #fccdb0);font-family:Inter;font-size:32px;font-style:normal;font-weight:600;line-height:120%}.pLeftSide .verifyWrapper .pButton{padding:10px 16px}.pLeftSide .pLeftSideBottom{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:32px}.pLeftSide .pLeftSideBottom .winRecords{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;border-radius:12px;background:#20242dcc;padding:24px 20px}.pLeftSide .pLeftSideBottom .winRecords>li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:120%}.pLeftSide .pLeftSideBottom .winRecords>li .addr{width:120px}.pLeftSide .pLeftSideBottom .winRecords>li .label{width:24px;color:var(--quantum-orange, #fd4c00);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:120%}.pLeftSide .pLeftSideBottom .winRecords>li .value{width:100px;text-align:right}.pLeftSide .pLeftSideBottom .mediaLinks{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:32px}.pBlindBoxesWrapper{width:900px;height:calc(100vh - var(--content-paddingTop) - var(--header-height));background-color:transparent;overflow-y:auto}.pBlindBoxesWrapper::-webkit-scrollbar{display:none}.pBlindBoxesWrapper .pBlindBoxes{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;column-gap:40px;row-gap:24px;height:calc(100vh - var(--content-paddingTop) - var(--header-height));overflow-y:scroll}.pBlindBoxesWrapper .pBlindBoxes::-webkit-scrollbar{display:none}.pBlindBoxesWrapper .pBlindBoxes>li{width:148px;height:146px;background:url(/assets/blindbox_deactive-e4b1MC0Y.svg) no-repeat;background-size:100% 100%}.pBlindBoxesWrapper .pBlindBoxes>li.drawed{background-image:url(/assets/blindbox_opened-A9oAyDz7.svg);cursor:cursor}.pBlindBoxesWrapper .pBlindBoxes>li.drawed :hover{background-image:url(/assets/blindbox_opened_hover-B7p_WQs5.svg)}.pBlindBoxesWrapper .pBlindBoxes>li.active{background-image:url(/assets/blindbox_active-Qp8BeOEm.svg);cursor:pointer}.pBlindBoxesWrapper .pBlindBoxes>li.active:hover{background-image:url(/assets/blindbox_hover-CbpeHPAW.svg)}.pBlindBoxesWrapper .pBlindBoxes>li.IOpened{background-image:url(/assets/blindbox_Iopened-Dw7JnhL_.svg)}.pBlindBoxesWrapper .pBlindBoxes>li>a{width:100%;height:100%;display:inline-block}.pBlindBoxesWrapper .arrowWrapper{position:fixed;bottom:60px;right:34px;width:48px;height:48px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50px;background:#2d3649cc;cursor:pointer}.pBlindBoxesWrapper .arrowWrapper .iconfont{font-size:24px}.pBlindBoxesWrapper .arrowWrapper .iconfont.rotate{transform:rotate(180deg)}.pMask{position:fixed;z-index:2;top:0;left:0;background:#ffffff17;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.pDialog.connectWalletDialog{gap:44px}.pDialog.connectWalletDialog .pClose{position:absolute;top:var(--spacing-40, 40px);right:var(--spacing-28, 28px)}.pDialog.connectWalletDialog main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:28px}.pDialog.connectWalletDialog main>header{color:var(--quantum-orange-10, #fccdb0);text-align:center;font-family:Inter;font-size:24px;font-style:normal;font-weight:600;line-height:36px}.pDialog.connectWalletDialog main .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:8px;color:#fffc;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.16px}.pDialog.connectWalletDialog main .content>li{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.pDialog.connectWalletDialog main .content>li>i{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:7px 8px;width:4px;height:4px;border-radius:50%;background:#fffc}.pDialog.connectWalletDialog main .content>li .highlightWords{color:var(--quantum-orange-10, #fccdb0)}.pDialog.connectWalletDialog footer{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px}.pDialog.connectWalletDialog footer>p{color:var(--quantum-orange, #fd4c00);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:.16px}.pDialog.connectWalletDialog footer .pButton{width:100%;height:40px;padding:0;gap:16px;border-radius:var(--Radius-radius-m, 8px);background:#2d3649}.pDialog.connectWalletDialog footer .pButton:not(.disabled){color:#fff}.pDialog.connectWalletDialog footer .pButton:hover{color:var(--quantum-orange, #fd4c00)}.pDialog.connectWalletDialog footer .pButton .prefix{width:24px}.pClose{display:flex}.pDialog.instructionDialog{gap:44px}.pDialog.instructionDialog .pClose{position:absolute;top:var(--spacing-40, 40px);right:var(--spacing-28, 28px)}.pDialog.instructionDialog main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:32px}.pDialog.instructionDialog main>header{color:var(--white, #fff);text-align:center;font-family:Inter;font-size:20px;font-style:normal;font-weight:400;line-height:120%}.pDialog.instructionDialog main .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:28px}.pDialog.instructionDialog main .content>li{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px}.pDialog.instructionDialog main .content>li:nth-child(2){gap:12px}.pDialog.instructionDialog main .content>li .label{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px}.pDialog.instructionDialog main .content>li .label .left{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.pDialog.instructionDialog main .content>li .label .left>i{display:flex;flex-direction:row;justify-content:center;align-items:center;width:18px;height:18px;border-radius:50%;background:var(--quantum-orange, #fd4c00);color:var(--white, #fff);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:120%}.pDialog.instructionDialog main .content>li .label .left .title{color:#fffc;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:120%}.pDialog.instructionDialog main .content>li .label .right{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px}.pDialog.instructionDialog main .content>li .label .right .addExtesnionBtn{gap:4px;color:var(--quantum-orange, #fd4c00);text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:.16px}.pDialog.instructionDialog main .content>li .label .right .iconfont{font-size:14px}.pDialog.instructionDialog main .content>li .value{width:100%;padding-left:26px}.pDialog.instructionDialog main .content>li .value.fistValue{color:#fff6;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.pDialog.instructionDialog main .content>li .value.secondValue{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:var(--Radius-radius-xs, 4px);background:#2d3649;padding:12px}.pDialog.instructionDialog main .content>li .value.secondValue .tipWord{color:var(--quantum-orange-10, #fccdb0);font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:120%;letter-spacing:.16px}.pDialog.instructionDialog main .content>li .value.secondValue .iconfont{font-size:16px}.pDialog.instructionDialog footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px}.pDialog.instructionDialog footer .pButton{width:100%;height:40px;padding:0;gap:16px;border-radius:var(--Radius-radius-m, 8px)}.pDialog.instructionDialog footer .pButton .prefix{width:24px}.pDialog.instructionDialog footer .errorTip{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:4px;color:var(--quantum-orange-60, #d13800);font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:14px;letter-spacing:.16px}.pDialog.instructionDialog footer .errorTip>img{width:12px}.pDialog.drawProcessDialog{padding:64px 0 96px;height:384px}.pDialog.drawProcessDialog .pClose{position:absolute;top:var(--spacing-24, 24px);right:var(--spacing-24, 24px)}.pDialog.drawProcessDialog main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px}.pDialog.drawProcessDialog main .pic{width:128px;height:128px;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}.pDialog.drawProcessDialog main .pic .walletImg{width:70px}.pDialog.drawProcessDialog main .pic .spiner{width:105px;height:105px;border-radius:50%;border:5px solid var(--quantum-orange, #fd4c00);border-top:5px solid transparent;animation:spin 2s linear infinite;position:absolute;transform:translate(-50%,-50%)}.pDialog.drawProcessDialog main .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;gap:8px}.pDialog.drawProcessDialog main .content .title{width:100%;color:var(--quantum-orange-10, #fccdb0);text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:20px;font-style:normal;font-weight:500;line-height:28px}.pDialog.drawProcessDialog main .content .desc{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;color:#fffc;text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pDialog.drawSucDialog{width:432px;padding:40px;gap:44px}.pDialog.drawSucDialog main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px}.pDialog.drawSucDialog main .pic{width:160px;height:160px}.pDialog.drawSucDialog main .pic img{width:100%}.pDialog.drawSucDialog main .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;gap:24px}.pDialog.drawSucDialog main .content .title{color:var(--quantum-orange-10, #fccdb0);text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:20px;font-style:normal;font-weight:500;line-height:28px}.pDialog.drawSucDialog main .content .desc{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;width:100%}.pDialog.drawSucDialog main .content .desc .label{color:#fffc;font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.16px}.pDialog.drawSucDialog main .content .desc .value{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:16px 12px;border-radius:var(--Radius-radius-xs, 4px);background:#2d3649;position:relative}.pDialog.drawSucDialog main .content .desc .value .tipWord{color:var(--quantum-orange-05, #ffe5d5);font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:14px;letter-spacing:.16px;width:302px;word-wrap:break-word}.pDialog.drawSucDialog main .content .desc .value .pCopy{width:16px;position:relative;z-index:2}.pDialog.drawSucDialog main .content .desc .value .iconfont{font-size:16px}.pDialog.drawSucDialog main .content .desc .tip{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:4px;color:#fff9;font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:120%;letter-spacing:.16px}.pDialog.drawSucDialog main .content .desc .tip>img{width:12px}.pDialog.drawSucDialog footer{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px}.pDialog.drawWarnDialog{padding:76px 24px 48px;gap:44px}.pDialog.drawWarnDialog .pClose{position:absolute;top:var(--spacing-40, 40px);right:var(--spacing-40, 40px)}.pDialog.drawWarnDialog main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px}.pDialog.drawWarnDialog main .pic img{width:352px}.pDialog.drawWarnDialog main .content .title{color:var(--quantum-orange-10, #fccdb0);text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:20px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:-.5px}.pDialog.disconnectDialog{padding:64px 24px 24px;gap:32px}.pDialog.disconnectDialog .pClose{position:absolute;top:var(--spacing-24, 24px);right:var(--spacing-24, 24px)}.pDialog.disconnectDialog main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px}.pDialog.disconnectDialog main header{color:var(--quantum-orange-10, #fccdb0);text-align:center;font-feature-settings:"liga" off,"clig" off;font-family:Inter;font-size:20px;font-style:normal;font-weight:500;line-height:28px}.pDialog.disconnectDialog main .content{width:100%;border-radius:var(--Radius-radius-xs, 4px);background:#2d3649;padding:16px 12px;color:#fffc;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:14px;letter-spacing:.16px;overflow:hidden;text-overflow:ellipsis}#root{width:100vw;height:100vh}.App{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.App:before{content:"";position:absolute;top:0;left:0;width:100vw;height:71.1111111111vw;background:url(/assets/home_bg-DB-aPmEl.png) no-repeat;background-size:100vw 71.1111111111vw;z-index:-2}.App:after{content:"";position:absolute;top:0;left:0;width:100vw;height:71.1111111111vw;background-color:#000000b3;z-index:-1}.App .pContent.appContent{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding-top:var(--content-paddingTop)}.pContent{width:1280px}.pDialog{border-radius:16px;background:#1e2331;width:400px;position:relative;padding:var(--spacing-40, 40px) var(--spacing-28, 28px);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.pDialog main{width:100%}.pDialog footer{width:100%}.pDialog footer .pButton{width:100%;border-radius:var(--Radius-radius-m, 8px)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}p,body,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,hr,input,textarea{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400;font-family:inherit;color:inherit;line-height:normal}table{border-collapse:collapse}.fl{float:left}.fr{float:right}.clearfix:after{content:"";display:block;clear:both}img{vertical-align:middle}input,textarea{outline:none;border:0}em,i{font-style:normal}strong,b{font-weight:400}a{text-decoration:none}ul,ol{list-style:none}button{background:none;border:none;padding:0}button:hover{cursor:pointer}button:active,button:focus{border:0;outline:0}body{box-sizing:border-box}textarea{resize:none}del{text-decoration:none}.App{--header-height: 80px;--content-paddingTop: 32px}
