*{box-sizing:border-box;margin:0;padding:0}#root{display:flex;justify-content:center}#root h4{font-size:16px}.buy-with span{color:#000}.positions .left-texture{position:absolute;top:5px;left:5px}.positions .right-texture{position:absolute;top:5px;right:5px}.positions .bottom-right{position:absolute;bottom:-15px;right:-10px}.positions .bottom-left{position:absolute;bottom:5px;left:5px}.wrapper{background:linear-gradient(135deg,#1d2249,#140b2c,#3b2678);padding:15px;height:100%;position:relative}@media screen and (max-width: 450px){.wrapper{padding:25px 10px}}body{padding-right:0!important}.container{padding:15px;width:540px;background:no-repeat;overflow:hidden;height:600px;background:linear-gradient(45deg,#8a868a,#f6f6f6 47%,#b5b3b3)}.timer-wrap{display:flex;justify-content:center;align-items:center;gap:6px;color:#000}.timer-wrap div{background-color:#d4d4d4;width:60px;height:60px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:5px}#root h1,h2,h3,h4,h5,h6{margin:0}.timer-wrap h1{margin:0;font-size:22px}.timer-wrap span{font-size:12px}.timer-wrap p{color:#fff;font-weight:700}.price{color:#fff;display:flex;gap:5px;justify-content:center;align-items:center;margin:10px 0}.tokens{color:#fff}.tokens div{display:flex;justify-content:space-between;align-items:center;margin:5px 0;text-transform:uppercase}.tokens h4{font-weight:600}.divider{border-bottom:1px solid #fff}.buy-with{display:flex;justify-content:space-between;align-items:center;margin:8px 0;color:#fff;font-size:16px;font-weight:500}.buy-with div{display:flex;justify-content:space-between;gap:5px}.buy-with button{display:flex;cursor:pointer;width:100%;min-width:100px;align-items:center;padding:2px 25px;border-radius:5px;border:none;font-weight:700}#root{font-size:14px}#root button:hover{background:#fff}.ethupay button:hover{background:#000!important}.buy-with button,.buy-with button:hover{background:#fff}.buy-with button:focus{background:#fff}form{margin-top:10px;display:flex;flex-direction:column;gap:5px;color:#fff}#root form input{width:100%;margin-top:5px;padding:5px;border:none;outline:none;border-radius:5px;font-size:14px}#root form label{font-size:14px;margin-left:8px}#root form .ethupay{display:flex;align-items:center;background-color:#fff;padding:0 5px;margin-top:5px;border-radius:5px}.active{background-color:#53b8d5!important}.active button:focus{background-color:#53b8d5!important}.active button:hover{background-color:#53b8d5!important}.connect button{background:#3396ff!important;color:#fff}.connect button:hover,.connect button:focus{background:#2d7dd2!important}.connect button:disabled{background:#2978cc!important;color:#000;cursor:not-allowed}.ethupay input{padding:0;margin-top:0}.ethupay button{font-size:10px;font-weight:600;background:#231f51;cursor:pointer;color:#fff;border:none;padding:0 15px;height:20px;border-radius:5px}.connect{margin:10px 0;display:flex;justify-content:center}.connect button{padding:10px 30px;font-weight:900;border:none;cursor:pointer;background-color:#d4d4d4;border-radius:5px;font-style:italic}.import{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0;color:#fff}.import p{font-size:12px}.import button{margin-top:5px;padding:5px 15px;font-size:12px;font-weight:900;border:none;cursor:pointer;background-color:#d4d4d4;border-radius:5px;color:#231f51;font-style:italic}.modal-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modal{position:relative;background:#fff;padding:30px 15px;height:200px;width:400px;text-align:center;border-radius:15px;box-shadow:0 1px 17px 11px #000000bf}.modal .exclam{font-size:60px}.modal h4{font-size:24px;margin-top:20px}.modal .close-icon{position:absolute;font-size:20px;top:10px;right:10px;cursor:pointer}@media screen and (max-width: 600px){.container{width:100%;height:520px;margin:0 auto;background-repeat:no-repeat;background-size:contain}.timer-wrap div{width:50px;height:50px}.timer-wrap h1{font-size:18px}.timer-wrap span{font-size:10px}.price{margin:7px 0}h4{font-size:14px}.tokens{margin:7px 0}.tokens div{margin:2px 0}.price h4{font-size:14px}.buy-with{margin:5px 0;gap:3px;font-size:10px}#root form{gap:2px;margin-top:2px}#root form label{font-size:12px}#root form input{padding:2px 5px}.connect button{padding:5px 25px;font-size:12px}.connect{margin:6px 0}.import p{font-size:10px}.import button{padding:3px 15px;font-size:10px}.buy-with button{font-size:12px}.bottom-right img{width:120px}.bottom-left img{width:90px}}@media screen and (max-width: 380px){.container{padding:15px}.timer-wrap div{height:40px;width:40px}.timer-wrap h1{font-size:16px}.price h4,h4{font-size:12px}.buy-with button{padding:2px 20px}.ethupay button{height:18px}.import p{font-size:8px}}
