.presale-page{padding-bottom:2rem;margin-top:6rem}.presale-page,.presale-page .header{background-image:url(/_next/static/media/herobg.3a58c081.webp);background-repeat:no-repeat;background-size:cover}.presale-page .header{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.presale-page .header h1{font-size:2rem;font-weight:500;color:var(--text)}.tokeno-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.tokeno-info .tokeno-wrap{position:relative;background-color:var(--gray);padding:1px}.tokeno-info .tokeno-content,.tokeno-info .tokeno-wrap{-webkit-clip-path:polygon(100% 0,100% 88%,95% 100%,0 100%,0 10%,0 0);clip-path:polygon(100% 0,100% 88%,95% 100%,0 100%,0 10%,0 0)}.tokeno-info .tokeno-content{background:var(--bg);display:flex;flex-direction:column;gap:1rem;padding:.75rem 1rem}.tokeno-info .tokeno-content h2{font-size:1rem;color:var(--stext);font-weight:400}.token-info .tokeno-content p{font-size:1.4rem;color:var(--text);font-weight:400;margin-left:auto}.presale-section{margin-top:0;padding-top:0;display:flex;flex-direction:row;gap:1rem;padding-bottom:0}.presale-wrap{position:relative;min-width:35%;max-width:500px;height:100%;background-color:var(--gray);padding:1px}.presale-content,.presale-wrap{-webkit-clip-path:polygon(0 95%,4% 100%,96% 100%,100% 95%,100% 0,90% 0,85% 9%,40% 9%,35% 0,0 0);clip-path:polygon(0 95%,4% 100%,96% 100%,100% 95%,100% 0,90% 0,85% 9%,40% 9%,35% 0,0 0)}.presale-content{background:var(--bg);display:flex;flex-direction:column;gap:1rem;padding:.75rem 1rem 1.5rem}.presale-content h2{font-size:1rem;color:var(--text);font-weight:400}.buy-content{display:flex;flex-direction:column;gap:1rem}.buy-content h3{font-size:1rem;color:var(--stext);font-weight:400}.get-content,.get-content div,.pay-content,.pay-input{display:flex;flex-direction:column;gap:.5rem}.get-content div,.pay-input{border:1px solid var(--gray);padding:.5rem 1rem}.pay-input{display:flex;flex-direction:row;justify-content:space-between}.pay-input .input{display:flex;flex-direction:column;gap:.5rem}.input input{padding-top:.05rem}.input input,.input input:focus{background:transparent;width:100%;font-size:1.4rem;font-weight:400;color:var(--text);border:none}.input input:focus{outline:none}.pay-input .balance{display:flex;flex-direction:column;gap:.5rem;text-align:right}.get-content h1,.pay-content h1{font-size:1.4rem;font-weight:400;color:var(--text)}.get-content p,.pay-content p{font-size:.8rem;font-weight:400;color:var(--stext)}.presale-content button{background-color:var(--yellow);position:relative;color:black;height:50px;border:none;font-family:Medium;font-size:1rem;cursor:pointer;-webkit-clip-path:polygon(100% 0,100% 80%,98% 100%,0 100%,0 20%,2% 0);clip-path:polygon(100% 0,100% 80%,98% 100%,0 100%,0 20%,2% 0);transition:.3s;border-radius:.1rem}.presale-content button:hover{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,0 100%,0 0,0 0);clip-path:polygon(100% 0,100% 100%,100% 100%,0 100%,0 0,0 0)}.progress-container{width:100%;height:15px;background-color:var(--box);border:1px solid var(--gray);overflow:hidden;margin-left:auto}.progress-bar{height:15px;width:20%;background-image:repeating-linear-gradient(-45deg,var(--yellow),var(--yellow) 10px,transparent 10px,transparent 20px)}.progress-wrap{position:relative;background-color:var(--gray);padding:1px;height:-moz-fit-content;height:fit-content;width:100%}.progress-content,.progress-wrap{-webkit-clip-path:polygon(0 0,100% 0,100% 92%,99% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 92%,99% 100%,0 100%)}.progress-content{background:var(--bg);display:flex;flex-direction:column;gap:1rem;padding:.75rem 1rem}.progress-wrap .prices{display:flex;flex-direction:row;justify-content:space-between}.progress-wrap .prices h3{margin-top:auto}.progress-wrap .prices-flex{display:flex;flex-direction:row;gap:1rem}.progress-wrap .prices-flex div{display:flex;flex-direction:column;gap:.25rem}.progress-wrap h3{font-size:1rem;font-weight:400;color:var(--stext)}.progress-wrap h2{font-size:1.4rem;font-weight:400;color:var(--text)}.presale-right{display:flex;flex-direction:column;width:100%;gap:1rem}.referral-wrap{position:relative;background-color:var(--gray);padding:1px;height:-moz-fit-content;height:fit-content;width:100%}.referral-content,.referral-wrap{-webkit-clip-path:polygon(0 0,100% 0,100% 92%,98% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 92%,98% 100%,0 100%)}.referral-content{background:var(--bg);display:flex;flex-direction:column;gap:.95rem;padding:.75rem 1rem}.referral-content h3{font-size:1rem;font-weight:400;color:var(--text)}.referral-content p{font-size:1rem;font-weight:400;color:var(--stext)}.referral-link{display:flex;flex-direction:row;gap:.5rem}.referral-link p{border:1px solid var(--gray);padding:.5rem 1rem}.referral-link .button1{background-color:var(--gray);color:var(--text);font-family:Regular}.referral-link .button1,.referral-link .button2{position:relative;padding:.5rem 1.5rem;border:none;font-size:1rem;cursor:pointer;-webkit-clip-path:polygon(100% 0,100% 85%,95% 100%,0 100%,0 15%,5% 0);clip-path:polygon(100% 0,100% 85%,95% 100%,0 100%,0 15%,5% 0);transition:.3s;border-radius:.1rem}.referral-link .button2{background-color:var(--yellow);color:black;font-family:Medium}.referral-earn{display:flex;flex-direction:row;gap:.5rem}.earn-wrap{position:relative;background-color:var(--gray);padding:1px;height:-moz-fit-content;height:fit-content;width:100%}.earn-content,.earn-wrap{-webkit-clip-path:polygon(0 0,100% 0,100% 92%,98% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 92%,98% 100%,0 100%)}.earn-content{background:var(--bg);display:flex;flex-direction:column;gap:1rem;padding:.5rem .75rem}.earn-content h2{font-size:1rem;font-weight:400;color:var(--stext)}.earn-content p{font-size:1.2rem;font-weight:400;color:var(--text);margin-left:auto}@media (max-width:600px){.presale-page{margin-top:8rem}.presale-section{flex-direction:column}.presale-content,.presale-wrap{-webkit-clip-path:polygon(0 95%,4% 100%,96% 100%,100% 95%,100% 0,90% 0,85% 9%,50% 9%,45% 0,0 0);clip-path:polygon(0 95%,4% 100%,96% 100%,100% 95%,100% 0,90% 0,85% 9%,50% 9%,45% 0,0 0)}.referral-link{flex-direction:column}.referral-link .button1,.referral-link .button2{-webkit-clip-path:polygon(100% 0,100% 85%,98% 100%,0 100%,0 15%,2% 0);clip-path:polygon(100% 0,100% 85%,98% 100%,0 100%,0 15%,2% 0)}.progress-wrap .prices{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.progress-wrap .prices h3{text-align:right}.progress-wrap .prices-flex{display:flex;flex-direction:row;gap:1rem;justify-content:space-between}}