:root{--background-purple:#160813;--div-background-purple:#2c1027;--second-purple:#391433;--mid-purple:#471a3f;--button-pink:#bc4da8;--button-hover-pink:#702963;--button-active-pink:#e891d8;--text-purple:#702963;--main-background-glass:#2e192a;--main-hover-glass:#ffffff1a;--main-active-glass:#ffffff33;--main-pink:#c524a7;--main-hover-pink:#c524a780;--main-active-pink:#c524a799;--main-grey:#dadada;--main-red-light:#e9141433;--main-white:#fff;--main-blue:#1b14e9;--flash-pink:#c524a7;--half-flash-pink:#c524a780;--light-pink:#ff98ec;--very-light-pink:#ffd3f7;--main-purple:rgba(112,41,99,.8);--half-main-purple:#70296399;--dark-purple:#581c4dcc;--half-dark-purple:#581c4d99;--main-background:#000;--main-border:#fff;--main-text:#fff;--second-text:hsla(0,0%,100%,.6);--third-text:hsla(0,0%,100%,.075);--light-text:#1e1f31;--border-width:-2px;--main-green:#25c24a;--green-background:#16b93c54;--main-red:#f07373;--red-background:#b9161654;--main-warning:#a26b3d}.App{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.App,html{background-color:#160813}body{margin:0;overflow:initial!important;background:var(--div-background-purple);color:var(--main-text);font-size:16px;font-optical-sizing:auto;font-style:normal;font-weight:400}.containerTotal{display:grid;grid-template-columns:270px minmax(0,1fr);justify-content:space-between;box-sizing:border-box;min-height:100vh;height:100%;border-right:20px solid var(--div-background-purple)}.containerTop{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:90px;height:100%;width:100%}.no-scroll{overflow:hidden;height:100%}.headerAndContent{gap:90px;padding:0 24px 52px}.headerAndContent,.mainStruct{display:flex;flex-direction:column;align-items:center}.mainStruct{justify-content:flex-start;width:100%;height:calc(100% - 40px);min-height:calc(100vh - 40px);border-radius:10px;background-color:var(--background-purple);margin:20px 0}.statsRight{width:230px;min-width:230px;max-width:230px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:155px;display:flex;flex-direction:column;gap:32px}.contentAndStats{display:flex;gap:32px;width:100%}.contentCenter{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:24px}@media only screen and (max-width:1250px){.menuLeft,.statsRight{width:200px;min-width:200px;max-width:200px}}@media only screen and (max-width:1150px){.contentAndStats{gap:24px}}@media only screen and (max-width:1000px){.containerTotal{grid-template-columns:25vw minmax(0,1fr)}}@media only screen and (max-width:800px){.menuLeft{width:150px;min-width:150px;max-width:150px}.containerTotal{display:flex;flex-direction:column;border-left:20px solid var(--div-background-purple);border-bottom:20px solid var(--div-background-purple)}.mainStruct{margin:0;gap:0}}@media only screen and (max-width:450px){.containerTotal{border-left:10px solid var(--div-background-purple);border-bottom:10px solid var(--div-background-purple);border-right:10px solid var(--div-background-purple)}}@media only screen and (max-width:750px){.menuLeft{position:fixed;top:auto;bottom:0;left:50%;transform:translate(-50%);z-index:1;width:100%;min-width:100%;max-width:100%}}@media only screen and (max-width:450px){.headerAndContent{gap:62px}}.imgBackground{position:fixed;z-index:-1;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:linear-gradient(180deg,#160813,#2c1027),#2c1027;img{width:auto;height:100vh}}a{text-decoration:none;color:inherit;cursor:pointer}button{border:inherit;width:inherit;font-size:inherit;font-weight:inherit;background-color:inherit;padding:0;cursor:pointer}button,input{font-family:inherit;color:var(--main-text)}input{padding:inherit}input:focus{outline:none}.container{width:100%;box-sizing:border-box}.component-big-button,.partial-connect-button{width:100%}.partial-connect-spinner{width:auto}.tooltip{padding:8px 12px;background-color:var(--main-background-glass);font-size:12px;border-radius:6px;max-width:200px;box-shadow:0 0 20px 9px rgba(31,13,27,.91),0 0 6px 0 rgba(56,41,53,.91);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tooltip>.headerTooltip{font-weight:700}.tooltip a{text-decoration:underline;&:hover{opacity:.5}}.toast-custom{background:var(--div-background-purple);color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);overflow:hidden;padding:0!important;&>*{margin:0!important}}.confirmedTransaction{display:flex;flex-direction:column;padding:0;.iconAndMessageToast{display:flex;align-items:center;gap:10px;padding:15px;svg{width:20px;height:20px}}.messageToast{font-size:12px}a{bottom:0;left:0;width:100%;height:34px;display:flex;justify-content:space-between;align-items:center;background-color:var(--mid-purple);color:#ffffff80;font-size:10px;padding:10px 15px;box-sizing:border-box;transition:.2s;&:hover{color:#fff}svg{width:14px;height:14px}}}.extraConnect{background-color:red;z-index:10000000000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px}.modal-header{background-color:green}html{width:100vw;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 2s linear infinite}