@charset "utf-8";@import url('https://fonts.googleapis.com/css2?family=Michroma&family=Raleway:wght@300;400;500;795;800;900&family=Syncopate:wght@400;700&display=swap');@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');*{box-sizing:border-box}
h1{font-size:clamp(32px,1.7vw,2vw)}#alert h3{font-size:1.5em;color:#083443}p{font-size:clamp(1.3em,1.5em,2vw);line-height:20px;margin:10px 0}
.blurbody{position:fixed;height:100vh;width:100vw;filter:blur(0);transition:all 800ms linear}
.blurbody.on{filter:blur(5px)}#bodyOverlay{top:0;left:0;justify-content:center;align-items:center;overflow:hidden;width:100vw;height:100vh;position:fixed;z-index:1;transition:opacity 400ms linear;display:none;opacity:0}
#bodyOverlay.unhide{display:flex}#bodyOverlay.fadeIn{transition:opacity 600ms linear;opacity:1}
#bkgrnd{position:fixed;height:100vh;width:100vw;z-index:2;opacity:0;transition:opacity 300ms linear}
#bkgrnd.fadeIn{opacity:.8}.blurBg{z-index:100;position:fixed;top:0;left:0;height:0;width:0;transition:opacity 600ms ease-out;opacity:0}
.blurBg.on{height:100vh;width:100vw;opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(8,33,61,.4)}
.pannles_animGradient{background:#878787;background:linear-gradient(-22deg,#f1f1f1,#f1f1f1,#98abbb,#f1f1f1,#f1f1f1,#98abbb,#f1f1f1,#98abbb,#f1f1f1,#f1f1f1);background-size:900% 900%;-webkit-animation:gradient 15s ease-in-out infinite;animation:gradient 15s ease-in-out infinite;transition-property:all}
@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}
100%{background-position:0 50%}}
@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}
100%{background-position:0 50%}}.flexbox-container{position:relative;padding:.5rem .5rem 0;width:clamp(350px,650px,650px);box-shadow:rgb(0 0 0 / 1%) 0 0 1px,rgb(0 0 0 / 4%) 0 4px 8px,rgb(0 0 0 / 14%) 0 16px 24px,rgb(0 0 0 / 10%) 0 24px 32px;border-radius:24px;z-index:4}
.panles{background:#00dbff;background:radial-gradient(circle,rgba(0,219,255,1) 0,rgba(9,70,121,1) 100%)}
.pannles_2_greyish{box-shadow:1px 1px 7px -2px rgba(40,104,150,0.4),-7px -7px 7px -2px rgba(0,149,255,0.096);background:#fff;background:linear-gradient(to bottom,#b9ccea21 0,rgba(163,198,227,0.788) 30%,rgba(122,180,234,0.295) 100%);transition:all 1200ms eas-in 0}
.pannles_2_OLDer{background:rgba(255,255,255,1);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(220,233,242,0.94) 20%,rgba(255,255,255,0.72) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0)}
.header2{margin:25px;width:100%;z-index:1000}.header2 h1{line-height:.5em}.title2{width:100%;display:flex;padding:0;align-items:center;justify-content:flex-start;z-index:500}
.title2 h1{text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:rgba(100,100,100,0.306);text-shadow:-1px -1px 0 rgba(107,107,107,0.8),1px 1px 0 rgba(183,183,183,0.25),3px 3px 3px rgba(170,170,170,0.25),10px 10px 25px rgba(140,140,140,0.4);font-size:1.75rem}
.formz{position:relative;padding:8px}.flexis{position:relative;border-radius:20px;z-index:1;padding:.1em 2em;margin-bottom:2%}
#header2{position:absolute;display:flex;justify-content:space-between;top:25px;width:100vw;z-index:2;padding-right:35px}
#alertWrap{display:flex;flex-direction:row;align-items:center;width:auto}#alert{display:flex;justify-content:center;width:auto;opacity:.7;scale:(1);transition:all 300ms linear}
#alert.off{transform:translateX(-50%) scale(.5);opacity:.5}#ethBal{display:flex;justify-content:flex-start}
.testAcq{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%}
.network{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;border-radius:5px;height:auto;text-decoration:none;border-width:1px;border-color:#fff;padding:5px 15px;font-weight:200;color:#4b4b4b;box-shadow:1px 1px 4px -2px #616161,-3px -3px 3px -2px #fff;transition:.3s;background:#fff;background:linear-gradient(to bottom,#fff 0,rgba(207,224,236,1) 20%,#fff 100%);border-width:1px}
#networkspan{display:flex;flex-wrap:nowrap;width:auto}.ok{display:flex;width:100%;justify-content:center;gap:.8em;cursor:pointer;margin:0 0 1em 0}
.etc2{border-width:5px;border-color:#000;border-top-right-radius:25px;border-bottom-right-radius:25px}
.test2Acq{display:none;width:100%;padding:0 0 0 15px;border-radius:10px;margin:0 15px}
.etc{border-width:5px;border-color:#000;border-top-left-radius:25px;border-bottom-left-radius:25px}
.network img{display:none;left:0;height:20px}.info{display:flex;justify-content:space-between;align-items:center;padding:.5rem .4rem .5rem 0;font-family:sans-serif}
#coverContain{position:relative;display:flex;align-items:center;justify-content:center;width:auto;height:auto}
#cover{position:absolute;display:none;align-items:center;justify-content:center;width:100%;height:100%;background:#7b7b7b11}
#cover.on{display:flex}#Button3{cursor:pointer;font-size:1em;border-radius:15px;height:auto;width:100%;padding:1rem 0;text-decoration:none;box-shadow:1px 1px 4px -2px #616161,-3px -3px 3px -2px #fff;transition:.3s;background:#fff;background:linear-gradient(to bottom,#fff 0,rgba(207,224,236,1) 20%,#fff 100%);border-width:1px;display:none}
#Button3.off{cursor:not-allowed;opacity:.5;filter:saturate(.1)}#logOutChgAcc{width:100%;justify-content:space-around;align-items:center;padding:1em 0;display:none;opacity:0}
#logOutChgAcc.unhide{display:flex}#logOutChgAcc.fadeIn{opacity:1;transform:translateY(0)}
#logOutChgAcc .butMod{width:auto;padding:5px 15px}#logOutChgAcc p{font-size:.8rem;padding:0;margin:0;color:rgba(0,0,0,0.842);width:auto;font-weight:100}
#logOutChgAcc .but{padding:4px 0 0 0}#WCsection{width:100%;flex-direction:row;justify-content:center;align-items:center;padding:1em 0;display:none;opacity:0}
#WCsection.unhide{display:flex}#WCsection.fadeIn{opacity:1;transform:translateY(0)}
#WCsection .butMod{width:auto;padding:5px 15px}#WCsection p,h3{font-size:1rem;padding:0;margin:0;color:rgba(0,38,69,0.623);width:auto}
#WCsection .but{padding:4px 0 0 0}#WalletConnectButton{display:block;opacity:1;transition:all 300ms linear}
#WalletConnectButton.fade{opacity:0}#WalletConnectButton.hide{display:none}#disConnectWC{display:none;opacity:0;display:block;opacity:1}
#disConnectWC.fadeIn{opacity:1}#disConnectWC.unhide{display:block}#awaitNetwrk{position:absolute;justify-content:center;align-items:center;flex-direction:column;justify-content:center;align-items:center;height:400px;width:clamp(350px,650px,650px);background-color:#2b87f0b2;border-radius:24px;padding:1rem 1.25rem .5rem;z-index:5000;transform:translateY(25px);transition:all 300ms linear;font-size:1.7rem;font-weight:700;display:none;opacity:0}
#awaitNetwrk.unhide{display:flex}#awaitNetwrk.fadeIn{opacity:1;transform:translateY(0)}
#awaitSection{position:absolute;justify-content:center;align-items:center;flex-direction:column;justify-content:center;align-items:center;height:400px;width:clamp(350px,650px,650px);background-color:#07111cb2;border-radius:24px;padding:1rem 1.25rem .5rem;z-index:5000;transform:translateY(25px);transition:all 300ms linear;font-size:1.7rem;font-weight:700;color:#e9eaea;display:none;opacity:0}
#awaitSection.unhide{display:flex}#awaitSection.fadeIn{opacity:1;transform:translateY(0)}
#awaitSection h1{text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:#e7eefb;text-shadow:-1px -1px 0 rgba(62,62,62,0.8),1px 1px 0 rgba(255,255,255,0.25),3px 3px 3px rgba(255,255,255,0.25),10px 10px 25px rgba(255,255,255,0.4)}
#awaitSectionWC{position:absolute;justify-content:center;align-items:center;flex-direction:column;justify-content:center;align-items:center;height:400px;width:clamp(350px,650px,650px);background-color:#07111cb2;border-radius:24px;padding:1rem 1.25rem .5rem;z-index:5000;transform:translateY(25px);transition:all 300ms linear;font-size:1.7rem;font-weight:700;color:#e9eaea;display:none;opacity:0}
#awaitSectionWC.unhide{display:flex}#awaitSectionWC.fadeIn{opacity:1;transform:translateY(0)}
#awaitSectionWC h1{text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:#e7eefb;text-shadow:-1px -1px 0 rgba(62,62,62,0.8),1px 1px 0 rgba(255,255,255,0.25),3px 3px 3px rgba(255,255,255,0.25),10px 10px 25px rgba(255,255,255,0.4)}
#signedWC{position:absolute;justify-content:center;align-items:center;flex-direction:column;justify-content:center;align-items:center;height:400px;width:clamp(350px,650px,650px);background-color:#07111cb2;border-radius:24px;padding:1rem 1.25rem .5rem;z-index:5000;transform:translateY(25px);transition:all 300ms linear;font-size:1.7rem;font-weight:700;color:#e9eaea;display:none;opacity:0}
#signedWC.unhide{display:flex}#signedWC.fadeIn{opacity:1;transform:translateY(0)}
.xbox{position:absolute;right:1rem;top:14px;cursor:pointer}.xbox:hover{opacity:.6}
#awaitBlock{position:absolute;width:500px;height:500px;justify-content:center;align-items:center;flex-direction:column;justify-content:center;align-items:center;width:clamp(350px,650px,650px);background-color:#0d141ab2;padding:20px 50px;z-index:5000;transform:translateY(25px);transition:all 300ms linear;color:white;display:none;opacity:0}
#awaitBlock.unhide{display:flex}#awaitBlock.fadeIn{opacity:1;transform:translateY(0)}
.loader.big{width:130px;height:130px}.conctLstWrap{display:flex;width:100%;padding:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background-color:#0000000c}
#connectList{position:absolute;width:auto;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;width:clamp(350px,650px,650px);padding:50px 50px;z-index:5000;display:flex;align-items:center;border-radius:25px;opacity:0;display:none;transform:translateY(25px);transition:all 300ms linear}
#connectList.unhide{display:block}#connectList.fadeIn{opacity:1;transform:translateY(0)}
#wrongNetwrk{position:absolute;width:500px;height:500px;display:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:clamp(350px,650px,650px);background-color:#f02b2b;padding:20px 50px;z-index:5000;transform:translateY(25px);transition:all 300ms linear;border-radius:25px}
#wrongNetwrk.unhide{display:flex}#wrongNetwrk.fadeIn{opacity:1;transform:translateY(0)}
#Oops{position:absolute;width:500px;height:500px;display:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:clamp(350px,650px,650px);background-color:#f02b2b;padding:20px 50px;z-index:5000;transform:translateY(25px);transition:all 300ms linear;border-radius:25px}
#Oops.unhide{display:flex}#Oops.fadeIn{opacity:1;transform:translateY(0)}#Oops h1{font-size:3rem}
#errored{display:flex;justify-content:flex-start;align-items:center;background-color:#e6e6e6;padding:2em;border:#000;border-radius:15px;border-width:2px}
.connect{display:flex;justify-content:space-around;padding:7px 20px}.but{cursor:pointer;border-radius:14px;height:auto;width:100%;margin-right:20px;text-decoration:none;border-width:1px;border-color:#fff;font-weight:200;color:#4b4b4b;padding:0 15px;margin:0 15px;box-shadow:1px 1px 4px -2px #616161,-3px -3px 3px -2px #fff;transition:.3s;background:#fff;background:linear-gradient(to bottom,#fff 0,rgba(207,224,236,1) 20%,#fff 100%);border-width:1px}
.but img{height:20px}.but:hover{text-decoration:none;box-shadow:5px 5px 6px -2px #6c6c6c73,-5px -5px 2px -2px hsl(0,0%,100%);transition:.3s;background:linear-gradient(to bottom,#fff 0,rgba(186,210,228,1.00) 20%,#fff 100%)}
.but:active{box-shadow:inset -2px -2px 6px rgba(255,255,255,1),inset 2px 2px 6px rgba(0,0,0,0.1);background:#ebf5fc}
.but2{width:auto}#confirmed{width:auto;background:#0c608122;text-align:left}.loader2{position:absolute;width:400px;height:400px;left:0;right:0;margin-left:auto;margin-right:auto;display:none;opacity:1;z-index:9998;transform:translateX(-100px);transition:opacity,transform;transition-duration:300ms,300ms;transition-timing-function:ease-in;transition-delay:0s,0s}
.loader2.fadeIn{opacity:1;transform:translateX(0)}.up{position:absolute;top:2em;right:9em;width:10em;z-index:1000;display:none}
.confetti{position:absolute;width:220px;left:50px;bottom:20px;z-index:10050;display:none}
.confetti2{position:absolute;width:220px;right:50px;bottom:20px;z-index:10051;display:none}
.myButton{cursor:pointer;font-size:1em;border-radius:15px;height:auto;width:100%;padding:1rem 0;text-decoration:none;box-shadow:1px 1px 4px -2px #616161,-3px -3px 3px -2px #fff;transition:.3s;background:#fff;background:linear-gradient(to bottom,#fff 0,rgba(207,224,236,1) 20%,#fff 100%);border-width:1px}
.myButton:hover{text-decoration:none;box-shadow:5px 5px 6px -2px #6c6c6c,-5px -5px 2px -2px #fff;transition:.3s;background:#fff;background:linear-gradient(to bottom,#fff 0,rgba(186,210,228,1.00) 20%,#fff 100%)}
.myButton:active{text-decoration:none;box-shadow:inset -2px -2px 6px rgba(255,255,255,1),inset 2px 2px 6px rgba(0,0,0,0.1);background:#ebf5fc}
#BTCButton{padding-right:8px}#BTCButton img{height:40px}#enableEthereumButton{display:flex;align-items:center;opacity:1;display:block;transition:all 300ms linear}
#enableEthereumButton.hide{display:none}#enableEthereumButton.fade{opacity:0}#spinner{position:relative;margin:0 auto;opacity:1;width:auto;height:auto;top:0;transition:all 1s linear}
#spinner.hide{opacity:0}.loader-wrapper{z-index:1;width:auto;height:130px;position:relative;margin:0 auto;display:flex;justify-content:center;align-items:center;background-color:transparent}
.loader{display:inline-block;width:30px;height:30px;position:relative;border:4px solid #0c5f81;-webkit-animation:loader 2s infinite ease;animation:loader 2s infinite ease;box-shadow:3px 3px 9px -1px rgba(12,95,129,0.45),-3px -3px 9px -1px rgba(12,95,129,0.45),inset 3px 3px 9px -1px rgba(12,95,129,0.45),inset -3px -3px 9px -1px rgba(12,95,129,0.45)}
.loader-inner{vertical-align:top;display:inline-block;width:100%;background-color:#0c5f81;-webkit-animation:loader-inner 2s infinite ease-in;animation:loader-inner 2s infinite ease-in}
@-webkit-keyframes loader{0%{transform:rotate(0)}25%{transform:rotate(180deg)}
50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}
}
@keyframes loader{0%{transform:rotate(0)}25%{transform:rotate(180deg)}
50%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}
}@-webkit-keyframes loader-inner{0%{height:0}25%{height:0}50%{height:100%}
75%{height:100%}100%{height:0}}@keyframes loader-inner{0%{height:0}25%{height:0}50%{height:100%}
75%{height:100%}100%{height:0}}#blur{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;opacity:.5;z-index:0}
.level1{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%}
.inputs{display:flex;flex-direction:column;width:100%;font-size:1.4em;padding:.4em .9em;margin:.3rem 0;border:1px solid #a0a0a0;border-radius:15px;background:rgba(255,255,255,0.722)}
.input-wrapper{display:flex;flex-wrap:wrap;justify-self:flex-start}input{width:100%;font-size:1.2em;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,0);outline:0;overflow-y:visible}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{transform:scale(1);margin:5px;opacity:0;-webkit-transition:all 600ms ease;transition:all 600ms ease}
input:focus[type=number]::-webkit-inner-spin-button,input:focus[type=number]::-webkit-outer-spin-button{transform:scale(2,2);opacity:.5}
.accnt{position:relative;display:flex;flex-direction:row;justify-content:space-between;justify-self:flex-end;align-items:center;height:auto;border:1px solid #a0a0a0;border-radius:12px;padding:.2em .5em;z-index:2;gap:10px}
.accnt img{height:25px}.accnt h3{margin:0;font-size:1rem}#btc{position:absolute;flex-direction:row;justify-content:center;align-items:center;left:-1px;top:0;height:auto;border:1px solid #a0a0a0;background-color:white;border-radius:12px;padding:.2em 1.5em .2em .3em;gap:10px;transition:all 300ms linear;line-height:0;display:none;opacity:0;display:flex}
#btc.on{z-index:1;opacity:1;transform:translateY(38px)}#btc.on a{display:flex;gap:10px}
#btc h3{line-height:1.6em}.ethBal2{display:flex;align-self:flex-end;align-items:center;font-size:.9rem;margin:5px 0 -5px 0}
.ethBal2 p{font-size:.88rem;padding:0;margin:0 7px}.ethBal2 .but{padding:.2rem .5rem 0 .5rem;margin:0 .5rem;font-size:.7rem;font-weight:900;color:#008bfd}
@media screen and (max-width:28em){.container-acquire{font-size:14px}}@media(max-width:1000px){.up{opacity:0}
}