/* Base CSS */
html {
    --a: rgb(36, 108, 249);
    --a1: rgb(150, 134, 244);
    --at: rgb(1 89 172 / 22%);
    --b: rgb(20, 21, 24);
    --b1: #c9d4e7;
    --bt: rgb(20, 21, 24);
    --b-t: rgb(40, 44, 56);
    --bc: rgb(34, 36, 44);
    --c: rgb(229, 230, 237);
    --ct: rgb(255, 255, 255);
    --c0: #1a222d00;
    --c1: rgb(60, 66, 84);
    --green: rgba(44, 255, 78);
    --red: rgb(255 0 0);
    --bc: rgb(34, 36, 44);
    --b-t22: rgb(242 244 245 / 22%);
    --b-t44: rgb(242 244 245 / 44%);
    --b-t77: rgb(242 244 245 / 77%);
    --b-t88: rgb(242 244 245 / 88%);
    --b-t95: rgb(242 244 245 / 95%);
    --svg: rgb(117, 123, 140);
    --ff: "Poppins", sans-serif;
    --bg: url();
    --bs: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), inset 0 -2px 6px 0 rgb(10 37 64 / 35%);
    --bs-b: inset 0px 0px 4px 0px rgb(0 0 0 / 11%), 0px 2px 3px rgb(0 0 0 / 11%);
    --bs-bt: inset 0 0px 4px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%);
    --bs-bl: inset 0 -4px 7px 0px rgb(0 0 0 / 11%), inset 0 1px 7px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%);
    --bs: unset;
    --bs-b: unset;
    --bs-bt: unset;
    --bs-bl: unset;
    --bs-bs: 0 0 2px rgb(50 47 47 / 80%), 0 4px 12px rgb(0 0 0 / 36%), inset 0 0 0 0.5px rgb(237 237 237 / 36%);
    --lg: linear-gradient(90deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.05));
    --lg1: linear-gradient(90deg, rgba(0, 255, 255, 0.05), rgba(0, 255, 255, 0.10), rgba(0, 255, 255, 0.05));
    --lg-bl: linear-gradient(45deg, var(--a), var(--a1));
    --lg-b: linear-gradient(45deg, var(--a), var(--a1));
	--lg-b1: linear-gradient(to right, #FF7E5F, #FF3E9D, #3E6AFF);

}

:root {
      --m: 11px;          /* margin */
      --br: 22px;         /* border-radius */
      --fs: 18px;         /* font-size */
      --p: 22px;          /* padding */
      --p1: 11px;          /* padding */
    }



 
@import url('https://fonts.googleapis.com/css2?family=Poppins&family=Press+Start+2P&display=swap');
 

	
html,body,aliens,dapp,app,.app{display:block;height:100%;width:100%;overflow:hidden}


d { display: block; }
ib { display: inline-block; }
html{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
	
@media (min-width: 999px){
/* SCROLLBAR */ 
::-webkit-scrollbar {width:0;height:4px}
::-webkit-scrollbar-track {background: var(--b-t22);}
::-webkit-scrollbar-thumb {background: var(--bc);}
::-webkit-scrollbar-thumb:hover {background: #4444;}
/* SCROLLBAR */
		
}
html { position:fixed; height:100%; width:100%; overflow:hidden; color:var(--c);font-family: 'Poppins';/*font-family:var(--ff); */}
body{margin:0;overflow:hidden;background:var(--b);}	
.splash console{opacity:0}	
	
.account content { margin-top: calc(100vh - 22px); }
 
	
 
desktop { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
img{max-width: 100%;max-height:100%;}	
hr { display: inline-block; width: 100%; background: var(--bc); height: 1px; border: 0; }
	
select {color: var(--c); height: 100%; width: calc(100% - 44px); margin: 0 22px; border: unset; background: transparent; font-weight: bold; }
select:focus-visible { outline: unset; } 


label { opacity:0.77}
sl, .sl { border-radius: 11px; position: relative; height: auto; overflow: hidden;width: auto; display: grid ; margin: 4px; box-sizing: border-box; align-items: center; }
sl input, sl select { min-height: 50px; }
sl select { padding: 0; margin: 0 16px; width: -webkit-fill-available; }
sl input:focus { border-radius: 11px; }
sl input:focus ~ label, sl input:not(:focus):valid ~ label, .edt label { top: 4px; bottom: 10px; left: 20px; font-size: 0.55em; opacity: 0.77; }
sl input { font-size: 14px; width: calc(100% - 44px); margin: 0; background: transparent; border: unset; box-shadow: unset;border-radius: 11px; box-sizing: border-box; width: 100%; }
sl error { font-size: 0.66em; color: red; display: block; margin-top: 2px; }	

tl, .tl{display: grid ; background: var(--bc);margin: 4px;border-radius: 11px;padding: 7px 14px;min-height: 40px;}
tl label{display: grid;grid-template-columns: auto 50px;align-items: center;justify-content: space-between;display: grid;}


.after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }	
i { position: relative; display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; }	
svg { opacity: 1; max-width: 100%; max-height: 100%; display: block; fill: var(--c); }	
img { max-width: 100%; max-height: 100%; }	
h0, h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0; }
	
h7 { font-size: 0.7em; }
p { font-size: 0.88em; }
	
.dnone, .dn {display: none;}
.dn {display: none !important;}	
trcs>trc p { margin: 0; }	
bg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 0; }	
i>svg, svg { height: -webkit-fill-available; width: -webkit-fill-available; margin: auto; }
trcs>trc img { object-fit: contain; height: 77%; width: 77%; }	
square { width: 100%; display: block; height: auto; }	
.square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; }
square::after { content: ''; padding-top: 100%; display: block; }
a { color: var(--c); text-decoration: unset; font-weight: bold; }	
a.a, a.above { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }	
no { display: grid; grid-template-rows: auto auto; width: 77%; margin: 44px auto; justify-content: center; align-items: center; text-align: center; }	
no img { height: auto; margin: auto; width: 111px; }	
bl { display: block; }
::-webkit-scrollbar { display: none; }
@media (min-width: 999px) {
::-webkit-scrollbar { width: 0; height: 4px; } 
::-webkit-scrollbar-thumb { background: var(--bc); }
::-webkit-scrollbar-track { background: var(--b-t22); }
}	
.cgreen { color: #007600; }
.cred { color: #CC0C39; }
scroll { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 99; }	
cdco scroll btn i { transform: rotate(90deg); min-width: 28px; min-height: 28px; }
scroll>btn { padding: 5px; background: var(--b-t95); height: 33px; display: block; width: 33px; border-radius: 55%; box-shadow: 0 0 4px 6px var(--bc); }
input { outline: 0; border-radius: 4px 7px; display: block; max-width: 100%; border: 0; background: var(--b-t77); color: var(--c); width: calc(100% - 58px); height: 44px; font-weight: bold; padding: 0 22px; }
button { outline: 0; border: 0; padding: var(--p1); }
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');	

bb { right: 7px; position: absolute; display: block; height: 34px; max-height: 34px; width: 77px; border-radius: 50px; border: solid 2px; color: #fff; transition: 333ms; box-shadow: inset 0 0 0 2px; overflow: visible; top: 5px; }
.oo bb { box-shadow: inset 60px 0px 0px; color: var(--c1); }
bo { display: block; height: 100%; width: 100%; }




.switch { position: relative; display: inline-block; width: 60px; height: 34px;opacity:1 }
.switch input { opacity: 0; width: 0; height: 0; width: 100%; height: 100%; margin: 0; z-index: 9999999999999; position: relative;}
.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background: var(--bc); transition: all 0.4s; border-radius: 34px; }      
.switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; border-radius: 50%; }
.switch input:checked + .slider { background:var(--aaa); }     
.switch input:checked + .slider:before { transform: translateX(26px); }
 


.round { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--a); cursor: pointer; position: relative;justify-self: self-end; }
.round input { opacity: 0; position: absolute; width: 0; height: 0; }
.round input:checked + span { background-color:var(--a); border-radius: 50%; width: 16px; height: 16px; }      

        



.Error{border: 1px solid red;}     
.P, .p{font-size: 0.55em;margin: 0;}
.P0, .p0{opacity:0.7}
.P1, .p1{margin: 0 11px; margin-bottom: 11px;font-size: 0.55em;}
.gcs1{grid-column-start: 1;}
.gce3{ grid-column-end: 3;}








 
/*# Screen Layout 1 #*/
@media only screen and (max-width: 999px) {
.sl1 smenu { display: none; }
.sl1 header{ display:none }
}

@media only screen and (min-width: 999px) {
.sl1 {display: grid ; grid-template-columns: 333px calc(100% - 333px); max-width:1920px;min-width: 1280px; margin: 0 auto;}
.sl1 nev { display: grid ; grid-column-start: 1; grid-column-end: 3; }
.sl1 smenu { display: grid ; grid-row-start: 1; grid-row-end: 3; height: calc(100vh - 55px); position: sticky; top: 0; bottom: 0; overflow: auto; }
.sl1 header { display: none;}
.sl3 hero { display: grid ; grid-column-start: 2; grid-column-end: 3; }
.sl1 aerea { display: grid ; grid-column-start: 2; grid-column-end: 3; }
.sl1 main { max-width: 777px; margin: 0 auto; }
.sl1 sidebar { max-width: 333px;}
.sl1 footer { display: grid ; grid-column-start: 2; grid-column-end: 3; }
}
/** Screen Layout 1 **/








 
/*# Screen Layout 2 #*/
@media only screen and (max-width: 999px) {
.sl2 smenu { display: none; }
}

@media only screen and (min-width: 999px) {
.sl2 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
.sl2 nev { display: grid ; }
.sl2 smenu { display: grid ; }
.sl2 header { display: grid ; }
.sl2 hero { display: grid ; }
.sl2 aerea { display: grid ; }
.sl2 main { max-width: 777px; margin: 0 auto; }
.sl2 sidebar { max-width:333px;}
.sl2 footer { display: grid ; }
}
/** Screen Layout 2 **/












 
/*# Screen Layout 3 #*/
@media only screen and (max-width: 999px) {
.sl3 smenu { display: none; }
}

@media only screen and (min-width: 999px) {
.sl3 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
.sl3 nev { display: grid ; }
.sl3 smenu { display: grid ; }
.sl3 header { display: grid ; }
.sl3 hero { display: grid ; }
.sl3 aerea { display: grid ; }
.sl3 main { width:100%; max-width: 100%; margin: 0 auto; }
.sl3 sidebar { max-width:333px;}
.sl3 footer { display: grid ; }
}
/** Screen Layout 3 **/







 
/*# Screen Layout 4 #*/
@media only screen and (max-width: 999px) {
.sl4 smenu { }
}

@media only screen and (min-width: 999px) {
.sl4 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
.sl4 nev { display: grid ; }
.sl4 smenu { display: grid ; }
.sl4 header { display: grid ; }
.sl4 hero { display: grid ; }
.sl4 aerea { display: grid ; }
.sl4 .aerea { display: grid ;grid-template-columns: 100%; }
.sl4 main { width:100%; max-width: 100%; margin: 0 auto; }
.sl4 sidebar { max-width:100%;width:100%; }
.sl4 footer { display: grid ; }
}
/** Screen Layout 4 **/







 
/*# Screen Layout 5 #*/
@media only screen and (max-width: 999px) {
}

@media only screen and (min-width: 999px) {
.sl5 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
.sl5 nev { display: grid ; }
.sl5 smenu { display: grid ; }
.sl5 header { display: grid ; }
.sl5 hero { display: grid ; }
.sl5 aerea { display: grid ; }
.sl5 .aerea { width: 85%; margin: 0 auto; max-width: 1700px; }
.sl5 main { margin: 0 auto; }
.sl5 sidebar { }
.sl5 footer { display: grid ; }
}
/** Screen Layout 5 **/








 
 
	
V {transform: scale(0.77);position: relative; display: flex; justify-content: center; align-items: center; max-width: 44px; width: 100%;opacity:0 }
V:before, v:after { content: ''; width: 50%; height: 4px; background: var(--c); display: block; position: absolute;border-radius: 50px; transition: 333ms; transition-timing-function: cubic-bezier(1, 0.55, 0, 0.55);}
V::before { transform: rotate( 45deg ); left: 4px; }
V::after { transform: rotate( 135deg ); right: 4px; }
V.A:before { transform: rotate( -45deg ); }
V.A:after { transform: rotate(225deg) }

 
more>i { width: 11px; height: 11px; margin-left: 11px; margin-top: 0px; }
more.more{ background: var(--b-t); box-shadow: var(--bs-bs); }	
more>i>svg { fill: var(--c); }
 
 

no { display: grid; grid-template-rows: auto auto; width: 77%; margin: 44px auto; justify-content: center; align-items: center; text-align: center; }	
no img { width:77%; height:auto; margin:auto; width:111px; }
	
 
button { outline: 0; border: 0; padding: var(--p1); }	
button:hover {box-shadow: unset !important;}	
bt{text-align: center; writing-mode: vertical-rl; font-size: 100%; font-weight: 100; letter-spacing: 2px; text-transform: uppercase; margin-left: 11px; transform: rotate(-180deg); margin: var(--m);}

/* 
bl {display:block}
bl hd {display:block}
bl bd {display:block}	
bl bs { position: relative; border-radius: 33px; display: flex; justify-content: center; align-items: center; background: var(--b); z-index: 8; box-shadow: var(--bs-b); padding: var(--p); }
bl bs count{width: 100%;}	
*/
 

 
hr { display: inline-block; width: 100%; background: var(--bc); height: 1px; border: 0; }
tr{transition:333ms;background-image:unset}
tr:hover{scale(1.02) translate(0px, 2px)box-shadow: 0 7px 22px 0px rgba(0,0,0,0.22);background-image:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) )}	
tr.done { color: rgba(0,255,0,1); background: #000; }	
tr { cursor: default; }	
tr { background: linear-gradient( 123deg , rgb(63 81 181 / 10%), rgb(0 188 212 / 10%), rgb(63 81 181 / 10%) ); }
th, td{padding: var(--p1);overflow-wrap: anywhere;height: 55px; text-align: center; box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.11); }
transactions { display: block; margin-top: 22px; }
table { width: 100%; }
cr { color: green; font-size: 200%; background: rgba(139,195,74,0.22); padding: 0 22px; border-radius: 7px; }
dr { color: red; font-size: 200%; padding: 0px 22px; background: rgba(244,67,54,0.22); border-radius: 7px; }	

square { width: 100%; display: block; height: auto; }
square::after { content: ''; padding-top: 100%; display: block; }
.square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; }

	
circle { display: grid; left: 0; right: 0; top: 0; bottom: 0; position: absolute; grid-template-columns: auto auto; border-radius: 50%; background: #fff; box-shadow: inset 0px 0px 7px 0px #000; overflow: hidden; }
circle::after { content: ''; top: 15%; bottom: 15%; left: 15%; right: 15%; border-radius: 50%; position: absolute; z-index: 2; background: #fff; box-shadow: 0px 0px 7px 0px #0004; }	
 

ex{position: absolute;min-height: 77px;margin:auto;top: 0;left: 0;right: 0;	display: none;}
.content{display: block; overflow: hidden; overflow-y: auto; height: 100%; width: 100%;}	
db footer,in footer,out footer,cm footer{  }	
	
trcs { display: block; }		
trcs>trc { background: var(--b-t);display: grid; margin: 7px auto; padding: var(--p); grid-template-columns:66px auto 88px; border-radius: 14px; box-shadow: var(--bs-bs);max-width:666px;width: calc(100% - 66px);}	
trcs>trc>hd { overflow:hidden;display: flex; justify-content: center; align-items: center; height: 55px; width: 55px; background:var(--b-t); border-radius: 16px; margin-bottom: 7px; }
order>bd { display: grid; }	
trcs>trc name { letter-spacing: 0; font-size: 1em; font-weight: bold; }
trcs>trc price { font-weight: bold; }	
trcs>trc time, trc email, trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left:4px}	
trcs>trc qty { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: bold; background: rgb(0 0 0 / 10%); border-radius: 11px; margin:2px}
trcs>trc img { object-fit: contain; height: 77%; width: 77%; }
trcs>trc h6, trcs>trc h5{display:grid;grid-template-columns:max-content auto;max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0;}
trcs>trc>bd { display: flex; flex-direction: column; justify-content: center; padding-left:4px}
trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; text-align: end;}
trcs>trc>odr { grid-column-start: 2; grid-column-end: 4;font-size:0.77em;}	
trcs>trc>ft amount { display: block; }	
trcs>trc actn{display: grid;grid-gap: 0;min-height: 33px;padding: unset;grid-template-columns: 70% 30%;margin: unset;position: relative;border-radius: 11px;width: 100%;}	
trcs>trc actn>ac1{ display: flex; justify-content: center; align-items: center; }
trcs>trc actn>ac1>bb{position: relative;display: block;height: 34px;max-height: 30px;width: 60px;border-radius: 50px;border: solid 2px;color: #fff;transition: 333ms;box-shadow: inset 0 0 0 2px;overflow: visible;top: unset;height: 38px;color: var(--c1);right: unset;}	
trcs>trc actn>ac1>bb>bo{display: block; height: 100%; width: 100%;transition:333ms;border-radius: 50px; }	
trcs>trc actn>ac1>bb>bo>oo{display: block;height: 25px;width: 25px;background: #fff;margin: 2px;border-radius: 50%;position: absolute;transition: 333ms;box-shadow: -4px 0px 11px;color: #000;}
trcs>trc actn>ac2 { display: flex; align-items: center; justify-content: center; font-weight: bold; font-family: monospace; font-size: 2.5em; color: var(--c1); transform: rotate(270deg); height: 36px; width: 36px; }
trcs>trc p { margin: 0; }	
	
 
	
.btn{ transition:99ms; }
.btn:hover {  }
.btn:active {transform: scale(0.95); }

 /* 
screen header { background:var(--0); display: block; position: sticky; top: 0; z-index: 888; padding:0;backdrop-filter: blur(35px);}	
screen h{ display: block; position: relative; }
/*screen h f { height: 55px; display: grid; align-items: center; z-index: 22; grid-template-columns:55px 55px auto 55px; width: 100%; }	 
screen h f>back { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
screen h f back svg { height: 44%; width: 44%; }
screen h f>i{display: block;height: 25px;width: 25px;fill: var(--b);}	
screen h f>h3{display: flex;align-items: center;}	
screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; } 
screen { display: block; transition: 333ms; position: absolute; opacity: 0; padding-bottom: 123px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 22; height: 0; padding: 0; position: unset; width: 0; }	
*/	
	
meetingmsg { font-size: 0.66em; display: block; }	
mts{padding-top: 22px; display: block;}	
mts trc hd {height: 66px; width: 66px;background:transparent}
mts trcs>trc{grid-template-columns:66px auto 88px;width: auto; margin: 7px 11px;}
mts .oo oo { box-shadow: 4px 0px 11px ; margin-left: 30px ; }
mts .oo bo { box-shadow: inset 60px 0px 0px; }




scroll { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 99; }	
cdco scroll btn i { transform: rotate(90deg); min-width: 28px; min-height: 28px; }
scroll>btn { padding: 5px; background: var(--b-t95); height: 33px; display: block; width: 33px; border-radius: 55%; box-shadow: 0 0 4px 6px var(--bc); }

bb { right: 7px; position: absolute; display: block; height: 34px; max-height: 34px; width: 77px; border-radius: 50px; border: solid 2px; color: #fff; transition: 333ms; box-shadow: inset 0 0 0 2px; overflow: visible; top: 5px; }
.oo bb { box-shadow: inset 60px 0px 0px; color: var(--c1); }
bo { display: block; height: 100%; width: 100%; }
oo { display: block; height: 30px; width: 30px; background: #fff; margin: 2px; border-radius: 50%; position: absolute; transition: 333ms; box-shadow: -4px 0 11px; color: #000; }
.oo oo { box-shadow: unset; }
bb.oo{ background: blue;}
ib { display: inline-block; }

 

 
.splash console{opacity:0}	
 
.after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }	
.cgreen { color: #007600; }
.cred { color: #CC0C39; }
.bred { background: #CC0C39; }

/*profile*/

@media only screen and (min-width: 999px) {
spfo d.main {margin: 0 11px;}
}
spfo d.main { padding-bottom: 22px;}
spfo main { margin: 0 !important; }







php{ display:none !important } .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 



cm bg.hd { display: none; }
success { color: green; }
 
a{color: var(--a); text-decoration:unset;font-weight:bold;}	
a:visited { color: var(--c); }
a.a,a.above{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }

	
	
/* .account menubar { bottom: -55px; }*/	
#WEB3_CONNECT_MODAL_ID { position: relative; z-index: 4444; }	
	
label { font-family: var(--ff); }
input {outline: 0; border-radius: var(--br); padding: 7px 11px; margin: 7px; display: block; font-size: 22px; max-width: 100%; border: 0; background: rgba(255,255,255,0.40); color: var(--c); font-family: var(--ff); }	
	
	
svg{height:100%;width:100%}
#walletconnect-qrcode-modal { top: 22%; bottom: 22%; height: auto; }	
timenow{display:none}
	
screen { display: none; }
 
 

	main d in bl bd bl { width: 40%; }
	@media only screen and (min-width: 999px){
	in bl bd { display: grid; }
	
	
	
	
	}	

profile main { box-shadow: unset; }
/* profile{background:var(--b); display: block; z-index: 4444; position: fixed; right: 0; left: 0; top: 100%;bottom:0;transition:333ms;} */
.profile profile{position: fixed; left: 0; right: 0; top: 64px; bottom: 0; z-index: 888888; height: auto;}	
.profile pfff{transition:999ms;transform:translate(143px, 120px) scale(4); backdrop-filter: blur(11px); z-index: 888; border-radius: 50%; overflow: hidden; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
	
	
.profile #profile { height: auto; bottom: 0; top: 55px; box-shadow: 0 -7px 11px rgb(0 0 0 / 11%);z-index: 4444;}	
login{display:none}
login { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
	
.login .profile{display:none}
.login login{display:block}
	
header wp::before { content: ''; position: absolute; top: 0px; bottom: -10px; left: 0px; right: 0px; background: url(/0/img/Avatar.png); background-position: 50% 89%; background-size: 100%; display: block; z-index: 0; background-repeat: no-repeat; filter: blur(11px); border-radius: 50%; }
.graph l{  margin:0 33%; position: relative;}
l d {background: rgba(255,255,255,0.50);border-radius: 50px;position: absolute; left: 0; right: 0; top: auto; bottom: 0; }
profile input {border: solid 1px rgba(255,255,255,0.22);}
	
@media only screen and (min-width: 999px){
.profile #profile{right:0;top: 0;}
profile .aerea { display: block; margin: 0; }	
profile main { width: 100%; }
}






 /*** Splash  ***/
	
splash { background: var(--bc); display: grid; height: 100%; width: 100%; position: absolute; z-index: 999999999; grid-template-rows: 111px auto 111px; transform: scale(0); transition: opacity 777ms, transform 0s linear 888ms; opacity: 0; }

splash,account{ background-image: url() !important; background-size:00px !important; background-position:50%;-webkit-animation: test 44ms infinite;animation: test 44ms infinite; }	

	
.splash splash { transform: scale(1); border-radius: 0; opacity: 0;top:0; position: relative; z-index: -1111111;}
splash hd{position:relative}	
splash .logo { margin:0; transition:333ms}	
.splash splash .logo { margin:auto}	
 
splash bd ppp { margin-bottom: 55px; }	
.splash splash bd ppp { margin:0}	
splash ft { opacity: 0; padding-top: 11;}	
.splash splash ft { opacity: 0.44;  } 
splash .logo svg { height: auto; }

templates { display: block; opacity: 0; inset:0; z-index: 22; height: 0px; position: unset; width: 0px; transition: 333ms; overflow: hidden scroll; padding: 0px; background: var(--bt); position: relative; }
	

option { color: var(--c); }


	@media (max-width : 999px) {
		stdo sidebar { position: fixed; bottom: 11px; z-index: 999; height: 91px; left: 11px; right: 11px; transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55); z-index: 9999; background: var(--bc); box-shadow: 0 0px 10px var(--b); border-radius: var(--br); }
		stdo sidebar:after { content: ""; position: absolute; inset: 0; top: -33px; bottom: unset; background: url(/-/Swap-C/asset/Swip_Up.gif); background-size: 66%; background-repeat: no-repeat; background-position: center; width: 33px; height: 33px; filter: hue-rotate(38deg); margin: auto; }
		stdo sidebar>d.sidebar { overflow: hidden; }
		.trading sidebar { height: 660px; }
		.trading sidebar f.pull { display: flex; }
		.trading stdo sidebar:after { display: none; }
	}


/* Flyouts */
flyouts { position: absolute; inset: 0; z-index: 9999; visibility: hidden; opacity: 0; transition: opacity, 0.3s 0.2s ease; }
.flyout flyouts { visibility: visible; opacity: 1; }


/* Template : popup */
popups { left: 0; position: fixed; inset: 0; display: flex ; align-items: center; justify-content: center; transition: 333ms; opacity: 0; visibility: hidden; z-index: 999999; top: 0; bottom: 0; right: 0; }
.popup popups { opacity: 1; visibility: visible; position: fixed; }
popups>bg { background: #00000066; }
popups>rvm { position: absolute; inset: 0; z-index: -1; height: auto; }

@media (min-width : 999px) {
	popups { left: 326px; }
}


ctblo form.sell d.sowl { display: none; }






chbt hd { display: flex ; padding-left: 2%; }
chbt hd sl { display: flex ; align-items: center; height: 48px; background: var(--bc); border-radius: 17px; width: 68%; }
chbt hd sl i { position: absolute; left: 0; height: 22px; width: 22px; padding: 7px; margin-left: 7px; }
chbt hd input { font-size: 0.88rem; margin: 0; background: transparent; border: unset; box-shadow: unset; border-radius: 11px; box-sizing: border-box; padding-left: 44px; min-height: auto; outline: unset; font-weight: 500; }
chbt mg {height: 55px; margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; margin-top: 7px; grid-column-gap: 11px;}	
chbt mg aa {display: flex ; justify-content: center; align-items: center; padding: 8px 16px; position: relative; margin: 0 2px; cursor: pointer;}
chbt mg aa.this { color: var(--a); font-weight: bold; border-bottom: solid 2px; }

@media (max-width : 666px) {
	
	chbt hd sl { width: 95%; }
	
}
	 
/* Component : Analysis */
canl>bl { display: grid ; grid-template-columns: 33px auto; align-items: center; border-bottom: solid 1px var(--b-t22); margin: 7px 0;background: var(--b-t); border-radius: 22px; padding: 22px; }
canl>bl bd>h4 { font-size: 16px; font-weight: 600; }
canl>bl ft { grid-column-start: 1; grid-column-end: 3; }
canl>bl ft>d { background: var(--c1); padding: 7px; margin-top: 11px; border-radius: var(--br); }
canl>bl d>slider { display: flex ; padding: 5px; background: var(--b-t); border-radius: var(--br); width: 100%; height: 25px; margin: auto 0; }
canl>bl slider>sldr { display: flex ; padding: 5px; background: var(--lg-b); border-radius: var(--br); width: 33%; justify-content: end; }
canl>bl sldr>o { display: block; width: 17px; height: 17px; background: var(--c); border-radius: 50%; }
canl>bl d>f { padding: var(--p1); border-radius: var(--br); }
canl>bl f>t { margin: 4px; font-size: 0.88em; }
canl>bl d {display: grid; grid-template-columns: auto 20%; }
canl>bl blc>t{font-size: 13px;}



/* Component : BUSD_Balance */
busd>bl bd>aa { font-size: 1.23em; font-weight: bold; font-family: system-ui; display: flex ; justify-content: center; align-items: center; background: var(--lg-bl); border-radius: 11px; width: auto; margin: 4px 0; padding: var(--p1); }
.HideBalance balance.tw { filter: blur(8px); margin: 22px; transition: 99ms; }
busd>bl bd>aa svg { fill: var(--b); max-height: 77%; max-width: 77%; }
#disconnect { display: none; }
wallet hd d { display: grid; grid-template-columns: 44px auto; align-items: center; height: 44px; }
wallet hd d i { margin: auto; }
busd.trx { display: block; min-height: 123px; }
wallet trxwallet f { z-index: 8; align-items: center; flex-wrap: wrap; }
wallet trxwallet f bt { max-height: 99px; }
wallet trxwallet f h2 { line-height: 1; margin: auto; }
wallet trxwallet f h2 balance.tw { font-size: 0.66em; } 
wallet trxwallet f h2 b { letter-spacing: 4px; font-size: 0.66em; }
#tomint { padding: 7px 0; font-size: 2em; font-weight: bold; font-family: system-ui; background: var(--c0); text-align: center; grid-column-end: 3; grid-column-start: 1; width: 100%; border-radius: 11px; margin: 4px 0 11px 0; border: solid 1px rgba(255, 255, 255, 0.11); display: block; } 
#minttttttt { display: none; } 
busd>bl bd>aa i { height: 33px; width: 33px; margin-right: 11px; fill: #fff; }
busd bg>i { height: 100%; width: 100%; }
busd bg>i>img { height: 100%; width: 100%; object-fit: cover; }
busd>bl { display: block; position: relative; }
busd { display: block; padding: var(--p); border-radius: var(--br); overflow: hidden; position: relative; border: 1px solid var(--b-t); background: var(--bc); }
busd>bg { opacity: .3; }
busd wl>d>btn { display: flex ; height: 33px; width: 33px; align-items: center; justify-content: center; }
busd wl>d { display: flex ; align-items: center; font-size: 0.88em; }
busd wl>h2 { font-size: 2.55em; }
busd>bl bd>btn {display: flex ; align-items: center; color: var(--b); justify-content: center; height: auto; padding: 15px; width: auto; background: var(--c); font-size: 0.88em; font-weight: 600; border-radius: 11px; line-break: anywhere; }
busd>bl bd>btn t { overflow: hidden; text-overflow: ellipsis; }
chbc { background: var(--bc); padding: var(--p); border-radius: var(--br); }
chbc wallet hd h3 { display: flex; }
chbc mm.jtc.dn b { fill: #fff; } 
chbc bd { padding-top: 0; padding-bottom: 0; } 
chbc trxwallet { position: relative; } 
chbc trxwallet > d.logo { z-index: 888; position: absolute; bottom: 0; height: 44px; width: 44px; right: 0; }
chbc trxwallet f { z-index: 8; align-items: center; width: 100%; flex-wrap: wrap; display: flex; } 
chbc trxwallet bt { opacity: 0; margin: 0 11px; } 
chbc trxwallet h2 { font-family: system-ui; line-height: 1; margin: auto 4px; }
chbc trxwallet balance.tw { font-size: 0.66em; }
chbc trxwallet h2 b { letter-spacing: 4px; font-size: 0.66em; }
chbc trxwallet address { position: relative; left: 15px; bottom: 0; min-width: 100%; font-style: unset; text-transform: uppercase; letter-spacing: 4px; font-family: system-ui; font-weight: bold; opacity: 0.77; text-shadow: -1px 1px 2px rgb(0 0 0 / 44%); font-size: 0.6em; } 
chbc trxwallet address b { display: inline-block; }
cblcn bl { display: block; padding: var(--p); background: var(--b-t); border-radius: var(--br); }
cblcn hd h3 {display: flex;align-items: center;}
cblcn h3 img { width: 99px;margin: auto;display: block;height: 99px;object-fit: contain; }
cblcn bd { padding: 11px 0;}
ccblcn>bl ft>h6 { display: flex ; align-items: center; gap: 2px; }
cblcn>bl ft>h6>b { font-size: 11px; }
cblcn b { font-size: 11px; }
cblcn i { width: 100%; }
cblcn>bl ft { display: flex ; align-items: end; justify-content: space-between; }
cblcn>bl ft i { width: 33px; height: 33px; }
chbcn .amount { margin: 5px 0; font-weight: bold; transition: font-size 0.3s ease;font-size: 0.80em; }
chbcn { display: grid ; height: 361px; border-radius: var(--br); background: var(--bc); padding: 18px; margin-bottom:11px;}
chbcn bl { display: flex ; flex-direction: column; height: 100%; }
chbcn hr { background: var(--b-t); height: 2px; margin-top: 18px; }
chbcn bd { display: block; position: relative; width: 215px; height: 266px; margin: auto; }
chbcn bd i { width: 100%; height: 100%; }
chbcn bd i:nth-child(2) { position: absolute; top: 6px; transform: rotate(3deg); }
chbcn blc { position: absolute; display: flex ; flex-direction: column; justify-content: space-around; inset: 0; background: var(--bc); margin: auto; padding: var(--p); text-align: center; border-radius: 50%; height: 111px; width: 111px; }
chbcn h4 { font-size: 12px; color: var(--b-t44); letter-spacing: 1px; }
chbcn h5 { display: flex ; justify-content: center; gap: 7px; font-size: 14px; }
chbcn bg { overflow: unset; }

/* Background SVG Animation */
chbcn bg i { position: absolute;  animation: rotateAnimation 15s linear infinite; }
 
chbcn bg i:nth-child(2) { animation: rotateAnimationReverse 15s linear infinite;  opacity: 0.5; }
 /* Clockwise Rotation */
@keyframes rotateAnimation 
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
 
/* Counter-Clockwise Rotation */
@keyframes rotateAnimationReverse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg);  }
}

/* Component : Bet */
cbto>bl { grid-gap: 7px; align-items: center; grid-template-columns: 66px auto auto; background: var(--b-t); border: 1px solid var(--bc); border-radius: 11px; padding: 17px; overflow: hidden; position: relative; display: grid ; margin: 7px; transition: 33ms; }
cbto>bl:hover { opacity: 0.8; }
cbto>bl>hd { display: flex ; align-items: center; justify-content: center; height: 33px; width: 33px; padding: var(--p1); border-radius: 17px; background: var(--bt); border: var(--b); }
cbto>bl bd>d>b:last-child { font-size: 0.77em; line-height: 1.44em; }
cbto>bl d>b, cctro>bl d>t { font-size: 0.88em; }
cbto>bl>ft { display: grid ; align-items: center; justify-content: end; row-gap: 7px; }
cbto bl hd img { filter: invert(1); }
cbto>bl bd { display: flex ; justify-content: space-between; align-items: center; }
/* Component : BetNew */
cbtno>bl { display: block; padding: var(--p); background: var(--bc); border-radius: var(--br); }
cbtno>bl wl>f { align-items: center; padding: 7px; display: grid ; grid-template-columns: max-content auto; }
cbtno>bl wl>f>bt { max-height: 99px; font-size: 0.88em; font-weight: 600; opacity: 0.7; }
cbtno>bl wl>f>h2 { font-size: 1.77em; }
cbtno wl>f spw, cbtno wl>f fdw { display: none; }
.spot wl>f spw { display: block; }
cbtno>bl wl>f d { grid-column-start: 1; grid-column-end: 3; }
cbtno>bl nw { background: transparent; box-shadow: unset; position: relative; display: block; }
cbtno>bl nw>form:nth-child(1) { position: relative; display: grid ; grid-template-columns: auto 44px auto; }
cbtno>bl nw>form>sl { font-size: 2em; font-weight: bold; font-family: system-ui; background: var(--bt); text-align: center; width: 100%; border-radius: 11px; margin: 4px 0; border: solid 1px var(--a); margin-bottom: 11px; }
cbtno>bl nw>form:nth-child(1)>btn { display: flex ; height: 22px; width: 22px; align-items: center; justify-content: center; padding: 7px; margin: 0 auto; }
cbtno>bl nw>form { position: relative; align-items: center; }
cbtno>bl nw>form:nth-child(1) input { font-size: 1.22em; }
cbtno>bl nw>form>d { display: grid ; grid-template-columns: 33px auto; align-items: center; padding: 7px; background: var(--bt); border-radius: 7px; margin: 4px; border: 1px solid var(--a); }
cbtno>bl nw>form:nth-child(2) { display: grid ; grid-template-columns: 50% 50%; }
cbtno>bl form>d>input { display: block; height: 17px; width: 17px; }
cbtno>bl ft>btn { font-size: 1.23em; font-weight: bold; font-family: system-ui; height: 55px; display: flex ; justify-content: center; align-items: center; background: linear-gradient(133deg, var(--a), var(--a1)); border-radius: 11px; width: 95%; margin: auto; margin-top: 11px; }
cbtno>bl ft>btn>i { height: 30px; width: 30px; margin-right: 7px; }
cbtno>bl ft>btn>i>svg { max-height: 77%; max-width: 77%; fill: var(--c); }
/* Component : ConvertHXC_Transaction */
cbts { display: block; padding: 7px; margin: 7px; }
cbts>bl ft>btn { display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }
cbts>bl ft>btn:active { transform: scale(0.97); }
cbts>bl hd>mb { display: flex ; justify-content: space-between; align-items: center; }
cbts>bl mb>btns { display: flex ; align-items: center; }
cbts>bl mb btn { height: 33px; width: 33px; margin: 4px; display: flex ; align-items: center; justify-content: center; position: relative; }
cbts>bl mb btn>input { position: absolute; inset: 0; opacity: 0; height: 100%; padding: 0; margin: 0; width: 100%; }
cbts>bl hd>mb>d { display: flex ; align-items: center; }
cbts>bl mb sl { display: flex ; align-items: center; height: 44px; background: var(--bc); border-radius: 7px; }
cbts>bl mb sl>i { position: absolute; left: 0; height: 22px; width: 22px; padding: 7px; margin-left: 7px; }
cbts>bl mb sl>input { padding-left: 44px; min-height: auto; }
cbts>bl mb sl>input:focus { box-shadow: inset 0 0 0 1px var(--b-t); border-radius: 7px; }
cbts>bl mb sl option { background: var(--b); }
cbts>bl mb>c>b { color: var(--a); font-weight: 600; }
cbts>bl>bd { display: block; background: var(--bc); padding: 7px; border-radius: 11px; }

@media (max-width : 999px) {
	cbts>bl hd>mb>d { display: none; }
	cbts { margin: 7px; padding: 0; }
}
/* Component : BuyNew */
cbno>bl { display: block; padding: var(--p); border-radius: var(--br); background: var(--b-t); }
cbno hd h3 { display: flex ; align-items: center; column-gap: 11px; }
cbno hd i { width: 33px; height: 33px; }
cbno hd t { font-size: 1em; font-weight: 500; }

cbno bd form { position: relative; }
cbno bd wc { grid-template-columns: 49% 49%; display: grid ; grid-gap: 2%; }
cbno bd bt { max-height: 99px; }
cbno bd h2 { line-height: 1; margin: auto 4px; font-size: 3em; font-weight: bold; }
cbno bd bl { min-width: calc(100% - 22px); font-weight: bold; text-align: center; display: none; }



cbno BuyOne input { padding: 7px 0; font-size: 2em; color: var(--c); font-weight: bold; font-family: system-ui; background: #fff6; text-align: center; grid-column-end: 3; grid-column-start: 1; width: 100%; border-radius: 11px; margin: 4px 0; border: solid 1px #fff; margin-bottom: 11px; }
#BuyNow svg { fill: var(--b); max-height: 77%; max-width: 77%; }		
#BuyNow:active { transform: scale(0.95); }
cbno in buy wc>f { align-items: center; background: var(--c0); margin: 0 7px; border: solid 2px #fff; border-radius: 11px; box-shadow: var(--bs-b); margin:4px;display: grid; grid-template-columns: 44px auto;font-weight: bold;height:40px}
cbno in buy wc>f>input { height: 77%; }
cbno wt { display: block; border-radius: 11px; background: var(--c0); border: solid 1px rgb(255 255 255 / 11%); margin-top: 11px; position: relative; overflow: hidden; display: flex ; justify-content: center; }
cbno wt f{align-items: center;position:unset;}
cbno wt input{ height: 44px; width: 44px; }
cbno wt h7{display: flex; align-items: center; }
cbno wt label { margin-left: 11px;}
cbno wt input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; }
cbno wc>f{align-items:center;background:rgb(255 255 255 / 40%); margin: 0 7px; border: solid 2px #fff; border-radius: 50px; box-shadow: var(--bs-b); }
cbno wc label { font-weight: bold; }
cbno wc input::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50px; z-index: 888; }
cbno bac { display: grid; grid-template-columns: 70px auto 50px; height: 55px; margin: 11px 0; border-radius: 7px; text-align: center; align-items: center; border: solid 1px var(--b-t22); font-weight: bold;}
cbno bac t { text-align: end; opacity: 0.44; }	
cbno bac amt { display: flex; padding: 0 7px; height: 100%; align-items: center; }	
cbno bac amt input { max-width: 100%; min-width: unset; width: 100%; padding: 0; margin: 0; border-radius: unset; height: 100%; background: transparent; text-align: end; font-family: monospace;font-size: 1.5em;}	
cbno bac bcc { text-align: left; }	
cbno bac:hover, bac:active, bac:focus, bac:focus-within, bac:target { box-shadow: 0 0 0 2px var(--a); }	
cbno .reset { background-image: url();background-size: 100% 100%;background-position: 50%;position: absolute;width: 35%;left: 0;top: 25%;bottom: 25%;display: flex;justify-content: center;align-items: center;transition: 77ms; }
cbno .reset f { font-size: 16px; text-transform: uppercase; margin-top: -2px; display:none }
 
	
cbno bd aa { font-size: 1.23em; font-weight: bold; color: var(--b); font-family: system-ui; height: 55px; display: flex ; justify-content: center; align-items: center; background: linear-gradient(133deg, var(--a), var(--a1)); border-radius: 11px; width: 95%; margin: auto; margin-top: 11px; transition: 99ms; }
cbno bd aa i { height: 33px; width: 33px; margin-right: 11px; fill: #fff; }
cbno bd aa f { font-size: 1em; font-weight: 700; color: var(--b); }
cbno bd aa path { fill: var(--b); }

		
buyyy plans{display: block; position: absolute; bottom: 66px; background: var(--bc); z-index: 99999999; height: 22px; padding: var(--p1) var(--p); overflow: hidden; border: solid 1px var(--b);left:1px;right:1px}	
buyyy plans>*{display:none}
buyyy plans>.this{display:block}
buyyy name{font-weight:bold}
buyyy amount,buyyy roi,buyyy limit{font-size:7px;}
buyyy roi{font-size: 11px; font-weight: bold;}	
buyyy limit{font-size: 11px; color:#00ff00;}	
        
buyyy .basic basic{display:block}
buyyy .stater stater{display:block}
buyyy .standard standard{display:block}
buyyy .premium premium{display:block}


/* Component : Buy_Transactions */

cbtn>bl>hd { display: none; grid-template-columns: 44px auto; }
cbtn hd i { height: 40px; width: 40px; }
cbtn hd h3 { display: flex ; align-items: center; padding-left: 1px; }
cbtn bd trcs>h4 { margin: 0 22px; }
cbtn trcs { display: block; }		
cbtn trcs>trc { display: grid; background:var(--b-t); margin:7px; padding: var(--p); grid-template-columns: 99px auto 0px; border-radius: var(--br); }	
cbtn trc>hd { overflow:hidden;display: flex; justify-content: center; align-items: center; height: 77px; width: 77px; background:var(--b); border-radius: var(--br); }	order>bd { display: grid; }	
cbtn trc name { letter-spacing: 0; font-size: 1em; font-weight: bold; }
cbtn trc price { font-weight: bold; }	
cbtn trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left:4px}	
cbtn trc qty { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: bold; background: rgb(0 0 0 / 10%); border-radius: 11px; margin:2px}		
cbtn trc img { object-fit: contain; height: 100%; width: 100%; }
cbtn trc h6{display:grid;grid-template-columns:max-content auto;max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0;}
cbtn more>i { width: 22px; height: 22px; margin-right: 11px; margin-top: 4px; }	
cbtn trc>bd { display: flex; flex-direction: column; justify-content: center; }
cbtn trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; }
cbtn trc hd { background:transparent}	
cbtn trc img { object-fit: contain; height: 77%; width: 77%; filter: invert(77%);}	



cbtn trc img { object-fit: cover; height: 77%; width: 77%; }		
cbtn trcs>trc {grid-template-columns: 66px auto 111px;background: var(--b-t);border-radius: 15px;}
cbtn trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}





 
cmmty { display: block; background: var(--bc); padding: var(--p); border-radius: var(--br); margin-bottom: var(--m); }
cmmty bl.bl2 { min-height: 77px; }
/*cmmty bd { display: flex; grid-gap: 7px; padding: 7px 0; }*/
cmmty d { display: grid ; gap:11px; margin-top: var(--m);}


cmmty ctb { padding: 1.5rem; overflow: hidden; display: block; backdrop-filter: blur(10px); position: relative; border-radius: var(--br); background: var(--b-t); }
/*ctbfo bg { margin-top: -2.5rem; width: 7rem; height: 7rem; border-radius: 9999px; opacity: .2; position: absolute; animation-duration: .5s; background: var(--bt); right: -31px; top: 5px; left: unset; }*/
cmmty ctb bl hd { display: grid ; grid-template-columns: 22px auto; align-items: center; letter-spacing: .05em;  font-weight: 500; font-size: .75rem; line-height: 1rem; gap: 23px; }
cmmty ctb hd i { width: 100%; height: 100%; background: var(--bc); padding: 3px 7px; border-radius: 55%; }
cmmty ctb bd { padding: 15px; margin-top: 16px; text-align: center; display: flex ; justify-content: center; border-radius: 12px; background: var(--b); }
cmmty ctb bd h4 { font-size: 1rem; font-weight: 700; }
ctb hd svg { filter: grayscale(1); }
cmmty ctb bd >t { opacity: .5; }


@media only screen and (max-width: 999px) {
cmmty { padding: 11px; }
}

@media only screen and (min-width: 999px) {
cmmty d { grid-template-columns: auto auto; }
}

ccho h { display: block; position: relative; } 
ccho gg { display: flex; align-items: center; justify-content: space-between; } 
ccho ibm { display: flex; gap: 10px; } 
ccho ibm a { text-decoration: none; padding: 10px;  } 
ccho ibm a.this { font-weight: bold; ; }
/* Component : Connect */
cchn .cgray { opacity: 0.5; }	
cchn>bl { display: grid ; background: var(--bc); border-radius: var(--br); padding: var(--p1); }
cchn { display: block; text-align: center; margin-top: 22px; }	
cchn>bl hd { display: grid; grid-template-columns: auto 55px 11px 55px auto; align-items: center; justify-content: center; gap: 6px; }
cchn dots { display: flex ; flex-direction: column; line-height: 7px; opacity: .6; }
cchn hd div { display: block; border-radius: 11px; overflow: hidden; background: var(--bc); padding: 4px 11px; }  
cchn hd lin { position: relative; width: 33px; height: 44px; }	
cchn lin img { position: absolute; margin: auto; z-index: 999; left: -11px; top: 4px; }	
cchn>bl>bd { display: block; margin-top: 22px; padding: 4px 22px;line-height: 18px; }	
cchn hd div i { width: 100%; height: 100%; }
cchn>bl p { margin: 4px; font-size: 0.77em; }
/* Component : Connect_Authorize */
cauo>bl>hd>d>i { height: 44px; width: 44px; }
cauo>bl hd { display: flex ; flex-direction: column; text-align: center; background: unset; }
cauo>bl hd>name { display: block; margin: 22px; font-weight: 600; font-size: 1.22em; letter-spacing: 0.66px; }
cauo>bl bd>d>t { font-weight: 600; }
cauo>bl bd>d>p { margin: 4px 0; font-size: 0.77em; line-height: 1.33em; }
cauo>bl bd>btn { display: block; border: 1px solid var(--bc); margin: var(--m); margin-bottom: 0; text-align: center; height: auto; cursor: pointer; border-radius: 7px; padding: 1rem 1.5rem; font-size: .9375rem; line-height: 1; transition: background-color .3s cubic-bezier(.165,.84,.44,1), box-shadow .3s cubic-bezier(.165,.84,.44,1); position: relative; overflow: hidden; box-shadow: 0 4px 4px #08080814, 0 1px 2px #08080833, inset 0 6px 12px #ffffff1f, inset 0 1px 1px #fff3; letter-spacing: 0.5px; background: var(--lg-b); }
cauo>bl bd>p { margin: 7px; text-align: center; }
cauo>bl bd>a { display: block; text-align: center; font-size: 0.88em; }
cauo>bl ft>d { display: flex ; font-size: 0.88em; padding: 4px; margin-bottom: 4px; }
cauo bl>ft { padding: var(--p); background: var(--b-t); border-radius: var(--br); margin-top: 11px; display: block; border: 1px solid var(--b-t); }
cauo>bl ft>d>i { height: 15px; width: 15px; margin: 2px; margin-right: 7px; }
cauo>bl>hd>d { display: grid ; grid-template-columns: 66px auto 66px; align-items: center; width: 88%; margin: auto; }
cauo>bl>hd>d>name { display: block; margin: 22px; font-weight: 600; font-size: 1.22em; letter-spacing: 0.66px; }
cauo caco { display: block; background: var(--b-t); border-radius: var(--br); margin-top: 11px; padding: var(--p1); }
caco opts { display: grid; grid-template-columns: 55px auto 88px; align-items: center; padding: var(--p1); margin-bottom: 5px; }
caco cusro { display: grid; grid-template-columns: auto ; align-items: center; padding: var(--p1); margin-bottom: 5px; }
cusro>hd>i { display: block; border-radius: 55%; overflow: hidden; height: 44px; width: 44px; margin: 5px; }
cusro>hd>i>img { height: 100%; width: 100%; object-fit: cover; }
cauo bd>t { font-weight: 600; }
cauo bd>p { margin: 0; font-size: 0.88em; }
caco opts>hd>i { height: 33px; width: 33px; margin: auto; }
caco>hd { display: block; border-bottom: 1px solid var(--bc); }
caco opts>ft>i { height: 33px; width: 33px; }
caco opts>ft>btn { display: block; padding: 8px 11px; background: var(--bc); border-radius: 5px; text-align: center; border: 1px solid var(--bc); font-size: 0.88em; }
caco>ft>btns { display: grid; grid-template-columns: 50% 50%; padding: var(--p1) var(--p); align-items: center; }
caco>ft>btns>btn { display: block; border: 1px solid var(--bc); margin: var(--m); margin-bottom: 0; text-align: center; height: auto; cursor: pointer; border-radius: 7px; padding: 1rem 1.5rem; font-size: .9375rem; line-height: 1; transition: background-color .3s cubic-bezier(.165,.84,.44,1), box-shadow .3s cubic-bezier(.165,.84,.44,1); position: relative; overflow: hidden; 
box-shadow: 0 4px 4px #08080814, 0 1px 2px #08080833, inset 0 6px 12px #ffffff1f, inset 0 1px 1px #fff3; letter-spacing: 0.5; }
caco>ft>btns>btn:last-child { background: var(--lg-b); color: var(--c); }
caco>ft { text-align: center; display: block; }
srvrs>cnc>i { height: 46px; width: 46px; }
caco>ft>p { margin: 0; }
cauo>ft>bl { padding: var(--p); background: var(--bt); border-radius: var(--br); margin-top: 11px; }
cauo>ft>bl>d { display: flex; }
cauo>ft>bl>d>i { height: 13px; width: 13px; margin: 8px; margin-left: 0; }
cauo { display: block; padding: var(--p1); border-radius: var(--br); max-width: 777px; margin: auto; background: var(--bc); }
caco>bd { display: block; border-bottom: 1px solid var(--bc); padding: var(--p1); }
srvrs { display: grid; grid-template-columns: 66px auto 66px; align-items: center; width: 88%; margin: auto; }
srvrs>i { height: 55px; width: 55px; overflow: hidden; border-radius: 55%; }
cauo>bl hd d>cnc>c { display: block; width: 88%; height: 0; border-bottom: 0.88px dashed; opacity: 0.6; }
cauo>bl hd d>cnc { display: grid ; grid-template-columns: 33% 55px 33%; align-items: center; justify-content: center; }
opts.usr>hd>i { border-radius: 55%; overflow: hidden; background: var(--b-t); }
cauo>ft>bl { display: block; }
caco>ft>btns { display: block; margin: 0; }	
srvrs>i:first-child { background: unset; border: unset; border-radius: 0; }


/* Component : Connect_Currencies */
ccco>bl { display: grid ; background: var(--bc); border-radius: var(--br); padding: var(--p); margin: 7px; margin-top: 11px; }
ccco>bl sl { display: grid ; border-radius: 0; }
ccco>bl sl>input {border-radius: 7px; background: var(--bc); border: solid 1px var(--c1); margin: 7px 0; font-size: 16px; margin-bottom: 16px; min-height: unset;}
ccco>bl sl>d>input { border-radius: 7px; background: var(--bc); border:solid 1px var(--c1); font-size: 13px; padding-left: 77px; min-height: unset; color: var(--c); }
ccco>bl sl>d { position: relative; }
ccco>bl sl h3 {font-size: 0.88em; line-height: 1.77em; position: absolute; padding: 7px 11px; top: 1px; bottom: 1px; left: 1px; align-items: center; display: flex ; background: var(--c1); border-radius: 5px 0 0 5px;}
ccco>bl sl hd { display: flex; align-items: center; position: relative; height: fit-content; }
ccco>bl sl hd input { padding-left: 80px; width: 100%;margin-bottom: 7px; font-weight: 500;}
ccco>bl sl hd h3 { position: absolute; font-size: 16px; padding: 0 11px; font-weight: 500; background: var(--bc); height: 42px; border-radius: 7px 0 0 7px; margin-left: 1px; display: grid ; align-items: center; }
ccco>bl sl label { font-size: 14px; }	
ccco>bl bd {display: grid; width: 96%; justify-content: center; position: relative; margin: 0 auto; margin-top: 22px;}	
ccco>bl bd i { width: 22px; height: 22px; }	
ccco>bl bd:before { content: ''; position: absolute; height: 1px; width: 45%; background: var(--b1); top: 50%; right: 0; }
ccco>bl bd:after { content: ''; position: absolute; height: 1px; width: 45%; background:var(--b1); top: 50%; left: 0; }	
ccco>bl>ft btn.this { background: var(--lg-b); color: var(--b); }
ccco>bl>ft btns { display: grid ; grid-template-columns: 50% 50%; width: 100%; margin: 22px auto; align-items: center; }
ccco>bl>ft btns>back { height: 44px; grid-template-columns: unset; transition: 222ms; display: grid ; justify-content: center; align-items: center; color: var(--b); background: var(--b-t88); margin: 7px; border-radius: 7px; font-weight: bold; }
ccco>bl>ft p a { text-decoration: underline; color: var(--a1); }
ccco>bl>ft p { font-size: 14px; margin: 7px; }
ccco>bl>ft btn { height: 44px; grid-template-columns: unset; transition: 222ms; display: grid ; justify-content: center; align-items: center; background: var(--lg-b); margin: 7px; border-radius: 7px; font-weight: bold; }
ccco>bl>hd { margin: 0 7px; }	
scnn main { min-height: auto; padding: 0; }
ccco>bl>ft btn:active { transform: scale(.95); }
wl main{margin-bottom: 80px;}	
@media only screen and (max-width: 999px) {	
caccunt { display: grid; background: var(--b-t); padding: var(--p1); border-radius: 11px; box-shadow: -1px 1px 10px 1px rgb(0 0 0 / 22%); }	
}
ccot { display: grid ; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 11px;  }
ccot bl {display: grid ; background: var(--bc); border-radius: var(--br); padding: 22px; text-align: center;}
ccot hd { display: block; margin-bottom: 11px; }
ccot i { height: 44px; width: 44px; margin: auto; }
ccot h3 { display: block; font-weight: 500; font-size: 18px; margin-bottom: 8px; }
ccot h4 { display: block; color: var(--a); font-size: 14px; font-weight: 500; }

/* Component : ConvertHXCNew */
cchno>bl { display: block; padding: var(--p); position: relative; z-index: 2; overflow: hidden; border-radius: 17px; background: var(--b-t); box-shadow: 0 4px 15px var(--bc); margin-bottom: 11px; border: 1px solid var(--c0); }
cchno bl>bg { z-index: 1; overflow: visible; background-image: url(/-/Swap-C/asset/BG_Shild.avif); background-repeat: no-repeat; background-size: cover; opacity: .3; filter: invert(1); }
cchno>bl hd, cchno>bl bd, cchno>bl ft { position: relative; z-index: 99; }
cchno>bl nw { background: transparent; box-shadow: unset; position: relative; display: block; }
cchno>bl nw sl>input { padding: 7px 0; font-size: 2em; font-weight: bold; font-family: system-ui; text-align: center; border-radius: 11px; }
cchno>bl nw>form>sl { height: auto; background: var(--at); border: var(--a) solid 1px; backdrop-filter: blur(7px); }
cchno>bl wl>f { align-items: center; }
cchno>bl wl>f>bt { max-height: 77px; font-size: 0.88em; font-weight: 600; opacity: 0.7; }
cchno>bl wl>f blc { display: block; font-size: 1.22em; line-height: 1; }
cchno>bl wl>f b { font-size: 0.77em; opacity: 0.7; }
cchno>bl nw>form { position: relative; inset: 0; }
cchno>bl nw cs>i { width: 17px; font-size: 0.77em; height: 17px; display: flex ; margin: 0 11px; }
cchno>bl nw cs { position: relative; display: block; width: -webkit-fill-available; align-items: center; display: flex ; }
cchno>bl nw cs>d { display: flex ; position: relative; }
cchno>bl nw cs>d>c { display: grid ; grid-template-columns: 22px auto; font-size: 0.88em; }
cchno>bl nw cs c>svg { fill: var(--b); }
cchno>bl nw>form>p { margin: 0; font-size: 0.66em; text-align: center; margin-bottom: 11px; }
cchno>bl nw>form>wc { grid-template-columns: 50% 50%; display: grid ; }
cchno>bl nw wc>f { display: grid ; grid-template-columns: 33px auto; align-items: center; border-radius: 11px; padding: 7px; background: var(--bt); border: solid 1px var(--bt); margin: 4px; box-shadow: var(--bs-b); font-weight: bold; font-size: 0.88em; }
cchno>bl wc>f>input { height: 17px; margin: 4px; width: 17px; }
cchno>bl ft btn { font-size: 1.23em; font-weight: bold; padding: 15px; font-family: system-ui; display: flex ; justify-content: center; align-items: center; background: linear-gradient(133deg, var(--a), var(--a1)); border-radius: 11px; margin: 4px; }
cchno>bl ft btn>i { height: 25px; width: 25px; margin-right: 7px; }
cchno>bl ft btn>i svg { fill: var(--c); }
/* Component : ConvertHXC_StakeIncome */
ccsio>bl { display: block; padding: var(--p); position: relative; z-index: 2; overflow: hidden; border-radius: 17px; box-shadow: var(--bs); background: var(--b-t); }
ccsio>bl wl>f { align-items: center;justify-content: space-between;}
ccsio>bl wl>f>bt {max-height: 99px; font-size: 0.66em; font-weight: 400; opacity: 0.7;  }
ccsio>bl wl>f blc { display: block; font-size: 1.22em; line-height: 1; }
ccsio>bl wl>f b { font-size: 0.77em; opacity: 0.7; }
/* Component : ConvertHXC_TotalStake */
cctso>bl { display: block; padding: var(--p); position: relative; z-index: 2; overflow: hidden; border-radius: 17px; box-shadow: var(--bs); background: var(--b-t); }
cctso>bl wl>f { align-items: center;justify-content: space-between; }
cctso>bl wl>f>bt { max-height: 99px; font-size: 0.66em; font-weight: 400; opacity: 0.7; }
cctso>bl wl>f blc { display: block; font-size: 1.22em; line-height: 1; }
cctso>bl wl>f b { font-size: 0.77em; opacity: 0.7; }
/* Component : ConvertHXC_Transaction */
cchto>bl { grid-gap: 7px; align-items: center; grid-template-columns: 55px auto auto; background: var(--b-t); border: 1px solid var(--b-t); border-radius: 11px; padding: 14px; overflow: hidden; position: relative; display: grid ; margin: 7px; transition: 33ms; }
cchto>bl:hover { opacity: .8; }
cchto>bl>hd { display: flex ; align-items: center; justify-content: center; height: 33px; width: 33px; padding: 7px; border-radius: 7px; background: var(--bt); border: var(--b); }
cchto>bl>hd img { filter: invert(1); }
cchto>bl bd>d>b:last-child { font-size: 0.77em; line-height: 1.44em; }
cchto>bl d>b, cchto>bl d>t { font-size: 0.88em; }
cchto>bl>ft { display: flex ; align-items: end; flex-direction: column; }
cchto>bl>bd { display: flex ; justify-content: space-between; }
cchto>bl bd>time { font-size: 0.88em; opacity: 0.7; width: auto; }
/* Component : ConvertHXC_Transaction */
cchts { display: block; background: var(--bc); padding: 11px; border-radius: 11px;}
cchts trc { display: grid ; background: var(--b-t); margin: 7px; padding: 16px; grid-template-columns: 77px auto 88px; border-radius: 11px; align-items: center;}
cchts trc hd { background: var(--bc);height: 66px; width: 66px; border-radius: 11px;}
cchts trc hd img { filter: invert(1); object-fit: contain; height: 70%; width: 90%; }
cchts trc ft { display: grid ; justify-content: end; gap: 4px; }
cchts>bl ft>btn { display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }
cchts>bl ft>btn:active { transform: scale(0.97); }
cchts>bl hd>mb { display: flex ; justify-content: space-between; align-items: center; }
cchts>bl mb>btns { display: flex ; align-items: center; }
cchts>bl mb btn { height: 33px; width: 33px; margin: 4px; display: flex ; align-items: center; justify-content: center; position: relative; background: var(--b); padding: 4px; border-radius: 11px; }
cchts>bl mb btn>input { position: absolute; inset: 0; opacity: 0; height: 100%; padding: 0; margin: 0; width: 100%; }
cchts>bl hd>mb>d { display: flex ; align-items: center; }
cchts>bl mb sl { display: flex ; align-items: center; height: 44px; background: var(--bc); border-radius: 7px; }
cchts>bl mb sl>i { position: absolute; left: 0; height: 22px; width: 22px; padding: 7px; margin-left: 7px; }
cchts>bl mb sl>input { padding-left: 44px; min-height: auto; background: var(--b);}
cchts>bl mb sl>input:focus { box-shadow: inset 0 0 0 1px var(--b-t); border-radius: 7px; }
cchts>bl mb sl option { background: var(--b); }
cchts>bl mb>c>b { color: var(--a); font-weight: 600; }
cchts>bl>bd { display: block; padding: 7px; border-radius: 11px; }
cchts>bl mb { padding: 0 7px; border-radius: 11px; }
cchts trc ft h6 { justify-content: end; }
@media (max-width : 999px) {
 cchts>bl hd>mb>d { display: none; }
 cchts { margin: 0; padding: 0; background: transparent; margin-bottom: 88px; }
}


/* Component : ConvertNew */
ccnvn>bl { display: block; padding: var(--p); position: relative; z-index: 2; overflow: hidden; border-radius: var(--br); box-shadow: var(--bs); background: var(--bc); border: 1px solid var(--bc); }
/* ccnvn bl>bg { z-index: 1; overflow: visible; background-image: url(/-/Swap-C/asset/BG_Cover.avif); background-repeat: no-repeat; background-size: cover; opacity: 0.4; filter: invert(1); } */
ccnvn>bl f>bt { max-height: 77px; text-align: center; font-size: 0.77em; font-weight: 600; opacity: 0.7; }
ccnvn>bl wl>f { align-items: center; flex-wrap: wrap; }
ccnvn>bl wl>f blc { display: block; font-size: 1.22em; line-height: 1; }
ccnvn>bl wl>f b { font-size: 0.77em; opacity: 0.7; }
ccnvn>bl wl>f>t { min-width: 100%; font-style: unset; text-transform: uppercase; letter-spacing: 4px; font-family: system-ui; font-weight: bold; opacity: 0.77; text-shadow: -1px 1px 2px rgb(0 0 0 / 44%); }
ccnvn>bl nw { background: transparent; box-shadow: unset; position: relative; display: block; }
ccnvn>bl nw>form { position: relative; display: grid ; grid-template-columns: 100%; }
ccnvn>bl form>input { padding: 7px 0; font-size: 2em; font-weight: bold; font-family: system-ui; background:var(--b-t); text-align: center; width: 98%; border-radius: 11px; margin: 4px 0; border: solid 1px var(--a1); margin-bottom: 11px; }
ccnvn>bl ft>btn { font-family: system-ui; height: 44px; display: flex ; justify-content: center; align-items: center; background: linear-gradient(133deg, var(--a), var(--a1)); border-radius: 7px; }
ccnvn>bl hd, ccnvn>bl bd, ccnvn>bl ft { position: relative; z-index: 99; }/*  Convert_Balance  */
ccbo>bl {display: block; padding: 19px; position: relative; z-index: 2; overflow: hidden; border-radius: var(--br);; box-shadow: var(--bs); background: var(--b-t); margin: 7px; }
ccbo wallet {display:block;min-height:123px;}
ccbo trxwallet f { z-index: 8; align-items: center; width: -webkit-fill-available; }
ccbo trxwallet bt {max-height: 99px;}
ccbo trxwallet h2 {line-height: 1;margin: auto}
ccbo trxwallet balance {font-size: 0.66em;}
ccbo wallet trxwallet f h2 { margin: auto 0; }
ccbo trxwallet address { position: absolute; left: 15px; bottom: 0; font-size: 0.6em; min-width: 88%; font-style: unset; text-transform: uppercase; letter-spacing: 4px; font-family: system-ui; font-weight: bold; opacity: 0.77; white-space: nowrap; overflow: hidden; max-width: 88%; text-overflow: ellipsis; }
ccbo input { padding: 7px 11px; font-size: 2em; font-weight: bold; font-family: system-ui; background: var(--c0); text-align: center; width: 88%; border-radius: 11px; margin: 4px 6px; border: solid 1px var(--b1); margin-bottom: 11px; }
ccbo bd>f {position: relative;left: 0;right: 0;top: auto;bottom: 0;height: 77px;z-index: 88888;}
ccbo #ConvertCoin { font-size: 1.23em; font-weight: bold; font-family: system-ui; height: 55px; display: flex ; justify-content: center; align-items: center; background: linear-gradient(133deg, var(--a), var(--a1)); border-radius: 11px; width: 95%; margin: auto; margin-top: 11px; }
ccbo b {letter-spacing: 4px;font-size: 0.66em;}
ccbo address>b {display: inline-block;}
ccbo bd {min-height:199px}
ccbo bd form { position: relative; }


@media screen and (max-width: 999px) {
ccbo>bl { margin: 0; }
ccto trcs>trc { margin: 7px auto; padding: 15px; width: -webkit-fill-available; }
ccto bl { margin: 9px; }
}

/* Component : Convert_Transaction */
cctro>bl { grid-gap: 7px; align-items: center; grid-template-columns: 55px auto auto; background: var(--b-t); border: 1px solid var(--b-t); border-radius: 11px; padding: 14px; overflow: hidden; position: relative; display: grid ; margin: 7px; transition: 33ms; }
cctro>bl:hover { opacity: .8; }
cctro>bl>hd { display: flex ; align-items: center; justify-content: center; height: 33px; width: 33px; padding: 7px; border-radius: 7px; background: var(--bt); border: var(--b); }
cctro>bl>hd img { filter: invert(1); }
cctro>bl bd>d>b:last-child { font-size: 0.77em; line-height: 1.44em; }
cctro>bl d>b, cctro>bl d>t { font-size: 0.88em; }
cctro>bl>ft { display: flex ; align-items: end; flex-direction: column; }
cctro>bl>bd { display: flex ; justify-content: space-between; }
cctro>bl>ft time { opacity: .7; font-size: 0.88em; font-weight: 400; }

@media (max-width : 999px) {
	cctro>bl>bd { flex-direction: column; }
} 
ccto{margin:0 22px;}
ccto trcs ft svg { height: 55px; width: 55px; transform: rotate(180deg); }
ccto trc img { object-fit: cover; height: 51%; width: 51%; filter: invert(1); }
	
ccto trcs>trc { grid-template-columns: 66px auto 111px; background: var(--b-t); color: var(--c); border-radius: 15px; box-shadow: none; border: solid 1px var(--b-t); }
ccto trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
ccto trcs>trc hd { height: 50px; width: 50px; margin: auto; background: var(--bt); }
ccto trc h5 { font-size: 0.83em; font-weight: 400;display: block; }
ccto trc symbol { font-weight: bold; font-size: 14px; }
ccto ft btn { display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }


/* Component : ConvertHXC_Transaction */
cctrs { display: block; padding: 7px; margin: 7px; }
cctrs>bl ft>btn { display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }
cctrs>bl ft>btn:active { transform: scale(0.97); }
cctrs>bl hd>mb { display: flex ; justify-content: space-between; align-items: center; }
cctrs>bl mb>btns { display: flex ; align-items: center; }
cctrs>bl mb btn { height: 33px; width: 33px; margin: 4px; display: flex ; align-items: center; justify-content: center; position: relative; transition: 75ms; }
cctrs>bl mb btn:active { transform: scale(1.03); background: var(--bc); border-radius: 55%; }
cctrs>bl mb btn>input { position: absolute; inset: 0; opacity: 0; height: 100%; padding: 0; margin: 0; width: 100%; }
cctrs>bl hd>mb>d { display: flex ; align-items: center; }
cctrs>bl mb sl { display: flex ; align-items: center; height: 44px; background: var(--bc); border-radius: 7px; }
cctrs>bl mb sl>i { position: absolute; left: 0; height: 22px; width: 22px; padding: 7px; margin-left: 7px; }
cctrs>bl mb sl>input { padding-left: 44px; min-height: auto; }
cctrs>bl mb sl>input:focus { box-shadow: inset 0 0 0 1px var(--b-t); border-radius: 7px; }
cctrs>bl mb sl option { background: var(--b); }
cctrs>bl mb>c>b { color: var(--a); font-weight: 600; }
cctrs>bl>bd { display: block; background: var(--bc); padding: 7px; border-radius: 11px; }
scts main { margin-bottom: 88px; }


@media (max-width : 999px) {
cctrs>bl hd>mb>d { display: none; }
cctrs { margin: 0; padding: 0; margin-bottom: 88px; }
cctrs>bl>bd { background: transparent; padding: 0; }
cctro>bl { margin: 7px auto; }
scts main { margin-bottom: 77px; }
}
ccrny bd>f { display: grid ; grid-template-columns: auto; grid-column-end: 1; grid-column-start: 3; }
ccrny aa i { height: 100%; width: 100%; }
ccrny>bl { display: block; padding: var(--p); background: var(--b-t); border-radius: var(--br); margin: 7px; }
ccrny #DepositSubmit svg { fill: var(--b); max-height: 77%; max-width: 77%; } 
ccrny hd d { display: grid; grid-template-columns: 100%; align-items: center; height: 44px; }
ccrny hd d i { margin: auto; } 
ccrny .trx { display: block; min-height: 123px; }
ccrny trxwallet f { z-index: 8; align-items: center; flex-wrap: wrap; }
ccrny trxwallet f bt { max-height: 99px; } 
ccrny trxwallet f h2 { line-height: 1; margin: auto; } 
ccrny trxwallet .tw { font-size: 0.66em; } 
ccrny trxwallet f h2 b { letter-spacing: 4px; font-size: 0.66em; } 
ccrny #DepositAmount { padding: 7px 0; font-size: 2em; font-weight: bold; font-family: system-ui; background: var(--c0); text-align: center; grid-column-end: 3; grid-column-start: 1; width: 100%; border-radius: 11px; margin: 4px 0 11px 0; border: solid 1px rgba(255, 255, 255, 0.11); }
ccrny aa {display: grid ; grid-template-columns: 100%; justify-content: center; align-items: center; font-size: var(--fs); font-weight: bold; background: var(--lg-b); padding: 11px 4px; border-radius: 11px; text-align: center; }
ccrny bd input { background: transparent; border: solid 1px var(--b-t22); border-radius: 11px; width: 88%; margin: 7px 0; }



/* Component : Deposit_Crypto */		
cccs { display: block; width: 100%; transition: 333ms; }
cccs>bd { margin-bottom: 44px; }
cccs mg { display: grid; grid-template-columns: 50% 50%; height: 55px;padding: 0 11px;}	
cccs mg aa { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }	
cccs mg aa h4 { padding: 7px; }	
cccs pbl { display: grid; background: var(--b1); padding: var(--p1); border-radius: 11px; grid-template-columns: 70% 30%; align-items: center; }
cccs pbl p { margin: 7px 0; color: var(--a); }
cccs histry hd { height: 44px; margin-top: 11px; display: flex!important; align-items: center; justify-content: space-between; }
cccs trdng { margin-top: 22px; display: block; }
cccs trdng bd,cccs histry bd { display: flex !important; gap: 7px; padding: 11px 0 !important; }
cccs trdng a,cccs histry a{ background: var(--b1); padding: 4px 11px; border-radius: 7px;font-weight: 100; }
coins cpt { display: grid ; grid-template-columns: 66px auto; color: var(--c); border-radius: 11px; position: relative; margin: 4px; padding: var(--p1); background: var(--b-t); border: 1px solid var(--at); box-shadow: 0 0 1px 0 var(--a); transition: 77ms; }
coins cpt:hover { opacity: 0.8; }
coins cpt>hd { height: 40px; width: 40px; border-radius: 55%; background: var(--at); border: 1.7px solid var(--a); margin: auto; display: flex ; align-items: center; justify-content: center; }
coins cpt>hd img { object-fit: contain; height: 66%; width: 66%; }
coins cpt>bd { display: flex ; justify-content: space-between; align-items: center; }
coins cpt>ft { display: flex ; flex-direction: column; justify-content: center; grid-column-start: 1; grid-column-end: 3; padding: 7px; padding-bottom: 0; }
cccs>bl coins>d { display: grid ; grid-template-columns: 100%; }
coins cpt>bd>d { display: flex ; flex-direction: column; gap: 4px; }
coins cpt d>t { font-size: 0.77em; opacity: .7; letter-spacing: 0.44px; }
coins cpt d>name { font-weight: 600; font-size: 0.88em; }
coins cpt>bd>amt { font-weight: 700; font-size: 1.44em; color: var(--a); }
cpt ft>btn { display: grid ; grid-template-columns: auto 22px; align-items: center; background: var(--lg1); padding: 7px 11px; border-radius: var(--br); margin-top: 7px; font-size: 0.88em; color: var(--a); border: 1px solid var(--at); justify-content: center; position: relative; }
cpt ft>btn>i { display: block; height: 17px; width: 17px; margin-left: 11px; }
cpt ft>btn>i svg { fill: var(--a); }

	
	
	
.cryptos bl.cryptos { border-radius: unset; background: transparent; padding: var(--p1); position: relative; display: block; }	
	
.cashs bl.cashs { position: relative; transition: 333ms; padding: var(--p1); display: block; }	
	
cccs .cashs inrpp { display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: 11px; position: relative; margin: 11px 0; padding: var(--p1); background: var(--lg); }
cccs .cashs inrpp hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); margin: auto; display: flex; align-items: center; justify-content: center; }	
cccs inrpp hd img { object-fit: contain; height: 77%; width: 77%; }
cccs .cashs inrpp bd { display: flex !important; flex-direction: column; justify-content: center; }	
cccs .cashs inrpp ft { display: flex; flex-direction: column; justify-content: center; align-items: end; }	
cccs .cashs next { display: flex; height: 33px; width: 33px; align-items: center; justify-content: center; background: var(--a); border-radius: 555px; padding: 1px; }	
cccs>bl>bd { display: block; padding: 7px; background: var(--bc); border-radius: var(--br); }
cccs>bl>hd { display: flex ; align-items: center; padding: 7px; }
cccs>bl>hd>b { display: block; padding: 4px 11px; background: var(--a); margin-left: 7px; border-radius: 7px; font-size: 0.88em; }
cccs>bl>hd>t { font-size: 0.88em; letter-spacing: 0.44px; opacity: .7; }
	
cash csh { display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: 11px; position: relative; margin: 11px 0; padding: var(--p1); background: var(--b1-t44); }
cash csh>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); margin: auto; display: flex; align-items: center; justify-content: center; }	
cash csh>hd img { object-fit: contain; height: 66%; width: 66%; }
cash csh>bd { display: flex; flex-direction: column; justify-content: center; }	
cash csh>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; }
	
cccs mg aa.this { border-bottom: solid 2px var(--a); color: var(--a); }


@media (max-width : 999px) {
	cccs>bl coins>d { display: block; margin: var(--p1); }
}
/* Component : Deposit_Transactions */
cdts { display: block; padding: 7px; margin: 7px; }
cdts trc.Deposit { display: grid ; grid-template-columns: 48px auto auto; margin-bottom: var(--m); }
cdts trcs>h4 { margin: 22px 0; }
cdts trc img { object-fit: cover; height: auto; width: auto; filter: invert(77%); }
cdts bd { display: block;/* background: var(--b-t);*/ border-radius: var(--br); }
cdts bd trc { display: grid ; grid-template-columns: 66px auto 111px; background: var(--bc); border-radius: 14px; padding: var(--p); transition: 99ms;}
cdts trc>hd { height: 44px; width: 44px; border-radius: 11px; background: var(--bc); overflow: hidden; border: 1px solid var(--b-t); }
cdts trcs>trc>bd { flex-direction: unset; justify-content: space-between; align-items: center; }
cdts trcs>trc time { font-size: 0.88em; font-weight: 500; }
cdts>bl>hd { display: flex ; align-items: center; justify-content: space-between; }
cdts>bl>hd>btn { display: block; padding: 7px 11px; color: var(--a); position: relative; }
cdts trc>bd { display: flex ; flex-direction: column; margin: 4px 14px; }
cdts trc>ft { display: flex ; justify-content: end; align-items: center; }
cdts bd trc:Hover { transform: scale(1.0009); box-shadow: 0px 0px 0px 1px rgb(49 49 54); }

/* Component : Earning_Product */
cepo bl {display: grid ; margin:11px 0; background: var(--bc); padding: var(--p); border-radius: var(--br);}
cepo hd { display: block; margin-bottom: 11px; }
cepo h3 {font-size: 1em; font-weight: 500; margin-bottom: 8px;}
cepo bd { display: block; }
cepo btc {display: grid ; gap: 11px;}
cepo d {display: flex ; align-items: center; padding: var(--p1); background: var(--b-t); border-radius: 11px;}
cepo i { width: 24px; height: 24px; margin-right: 7px; border-radius: 7px; padding: 4px; opacity: 0.2; }
cepo d span { display: block; line-height: 24px; }
cepo d h4 {font-size: 0.77em; font-weight: 500; color: var(--b-t44);}
cepo d aa { font-size: 1.22em; font-weight: 500; }
cepo d svg { stroke: var(--svg); }




/* Component : Earning_Transactions */
csto>bl>hd { display: none; grid-template-columns: 44px auto; }
csto>bl>hd i { height: 40px; width: 40px; }
csto>bl>hd h3 { display: flex; align-items: center; padding-left: 1px; }
csto bd trcs>h4 { margin: 22px 0; }
csto>bl trc { background: var(--b-t); box-shadow: unset; grid-template-columns: 55px auto 88px; }
csto trc ft h6 { display: block; }
csto trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);}		
csto trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
csto ft btn { display: block; text-align: center; max-width: 333px; font-size: 0.88em; font-weight: 600; position: relative; padding: 15px; background: var(--lg-b); border-radius: 11px; margin: 11px auto; transition: 77ms; }





/* Component : Exchange */
eceo>bl { display: block; padding: var(--p); border-radius: var(--br); }
eceo>bl wt { display: block; padding: 11px 33px; border-radius: var(--br); background: #fff6; border: solid 1px #fff; margin-top: 11px;position: relative; overflow: hidden; }
eceo>bl grid { grid-template-rows: 66px auto; background: linear-gradient( 45deg , rgb(0 136 218 / 11%),rgb(7 110 194 / 11%),rgb(16 76 161 / 11%),rgb(22 55 140 / 11%),rgb(24 47 133 / 11%),rgb(0 26 63 / 11%)); padding: 7px 11px; border-radius: 11px; margin: 11px 7px; }
eceo>bl f{align-items: center;position:unset;}
eceo>bl co input{transform: scale(1.1); height: 44px; width: 44px; margin:0 }
eceo>bl h7{display: flex; align-items: center;letter-spacing: 0; }
eceo>bl label { margin-left: 11px;}
eceo>bl input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; }
eceo>bl grid{position:relative}
eceo>bl co { margin: 7px; border-radius: 11px; overflow: hidden; position: relative; height: 44px; width: 44px;box-shadow:0 0 0 7px rgb(255 255 255 / 22%); border: solid 2px var(--c); }
eceo>bl co:after { z-index: 888; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
eceo>bl a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; }
eceo>bl svg { margin: 22%; height:55%;width:55%}
eceo>bl bd { min-height: 123px; padding: 0; }
eceo>bl bd wallet { display: block; min-height: 123px; }
eceo>bl bd form { position: relative; background: var(--b-t); padding: 7px; border-radius: var(--br); padding-top: 44px; }
eceo>bl bd h4 { height: 44px; }
eceo>bl bd d { display: grid ; grid-template-columns: 50% 50%; }
eceo>bl bd f balance { font-size: 0.66em; font-weight: bold; }
eceo>bl bd f b { letter-spacing: 4px; font-size: 0.66em; }



clao { display: block; margin: 14px; border-radius: var(--br); background:var(--at); position: relative; overflow: hidden; }
clao>bd { display: block; text-align: center; padding: var(--p1) var(--p); }	
clao>ft { display: grid; grid-template-columns: auto auto auto; align-items: center; justify-content: center; }	
clao>ft btn { display: flex; width: 66px; height: 66px; justify-content: center; align-items: center; margin: var(--m); }	
clao hd { display: flex; height: 255px; width: 100%; justify-content: center; }	
clao>ft btn:nth-child(3) { width: 55px; height: 55px; }	
clao::before { content: " "; background-image: url('/-/Swap-C/asset/bg-dark.png');background-size: 833px 100%; width: 100%; height: 100%; display: block; position: absolute; z-index: -9; background-position: bottom; background-repeat: no-repeat; filter: grayscale(1);}
/* Component : Extra_Wallets */
sewls trc { grid-template-columns: 66px auto 72px; border-radius: 15px; display: grid ; position: relative; align-items: center; background: var(--b-t); padding: 22px;margin: 11px; }
sewls trc ft { text-align: end; gap: 4px; display: grid ; }
sewls trc bd {  gap: 4px; display: grid ; }
sewls trc ft h6 { display: flex ; justify-content: end; }cexw {display: grid ; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: 15px; position: relative; box-shadow: none; background: var(--b-t); border: 1px solid var(--bt); margin: 7px; padding: var(--p); max-width: 666px; width: calc(100% - 66px);}
cexw hd {height: 55px; width: 55px; border-radius: 15px; background: var(--c0);overflow: hidden; display: flex ; justify-content: center; align-items: center;margin-top: 7px;	}
cexw img { object-fit: contain; height: 77%; width: 77%; }
cexw bd { display: flex ; flex-direction: column; justify-content: center; padding-left: 4px; }
cexw bd h4 { font-weight: 400; }
cexw ft { display: flex ; flex-direction: column; justify-content: center; align-items: end; text-align: end; }
cexw ft h6 { opacity: 0.77; color: var(--c); font-size: 0.77em; display: grid ; grid-template-columns: max-content auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; }
cexw ft amount { display: block; font-size: 20px; color: var(--c); font-weight: 500; }

/* Component : Extra_Wallets */

cewlt>bl>hd { display: grid; grid-template-columns: 44px auto; display: none; }
cewlt>bl hd i { height: 40px; width: 40px; }
cewlt>bl hd h3 { display: flex; align-items: center; padding-left: 1px; }
cewlt>bl trc { background: var(--b); box-shadow: unset; position: relative; grid-template-columns: 55px auto 88px; }
cewlt ft btn { display: block; text-align: center; max-width: 333px; font-size: 0.88em; font-weight: 600; position: relative; padding: 15px; background: var(--lg-b); border-radius: 11px; margin: 11px auto; transition: 77ms; }
 
cewlt>bl trcs>trc {grid-template-columns: 66px auto 111px; color: var(--c); border-radius: 15px; position: relative; box-shadow: none; background: var(--b-t); border: 1px solid var(--bt);}
cewlt trcs>trc>ft b { font-size: 11px; margin: 0px 3px; } 


@media screen and (max-width: 999px) {
  cewlt>bl trcs>trc { margin: 7px auto; }
} 
ctbfs { display: block; background: var(--bc); padding: 11px; border-radius: var(--br); margin-bottom: var(--m); }
ctbfs bl.bl2 { min-height: 77px; }
/*ckts bd { display: flex; grid-gap: 7px; padding: 7px 0; }*/
ctbfs d { display: grid ;  margin-top: var(--m);}
@media only screen and (min-width: 999px) {
ctbfs d { grid-template-columns: 50% 50%; }
}

@media only screen and (max-width: 999px) {
ckts { padding: 11px !important; margin: 7px 0;}
}

/* component : Footer_Footer1 */
cwfo { display: block; background: var(--bt); margin: 11px auto; max-width: 1100px; border-radius: 11px; padding: var(--p); box-shadow: 0 1px 10px 0px rgb(45 140 255 / 8%), 0 1px 4px 0px rgb(45 140 255 / 8%), 0 0px 0px rgb(45 140 255 / 8%); }
cwblo links>bl>a { font-weight: 500; display: block; padding: 5px; margin-bottom: 5px; font-size: 0.88em; }
cwblo links>bl>h4 { display: block; padding: 11px 4px; }
cwblo>links { display: grid; grid-template-columns: 20% 20% 20% 40%; }
cwblo links>bl>d { display: block; padding: 7px 0; margin: 7px 0; }
cwblo links>bl>d>sl { display: flex; background: transparent; align-items: center; width: auto; margin: 0; }
cwblo links d>sl>input { background: var(--bc); border-radius: 11px; width: 60%; font-size: 0.77em; font-weight: 500; letter-spacing: 0.44px; }
cwblo links sl>btn { display: block; padding: var(--p1) var(--p); background: var(--aaa); color: var(--b); height: auto; margin: 0 11px; border-radius: 11px; }
cwblo links>bl>d>i { height: 118px; width: 133px; box-shadow: 0 1px 10px 0px rgb(45 140 255 / 8%), 0 1px 4px 0px rgb(45 140 255 / 8%), 0 0px 0px rgb(45 140 255 / 8%); border-radius: 11px; overflow: hidden; }
cwblo links d>i { height: 100%; width: 100%; object-fit: cover; }
cwblo links d p { margin: 0; margin-bottom: 6px; font-size: 0.77em; opacity: 0.9; }
cwbao { background: var(--lg-b); justify-content: space-between; color: var(--b); display: grid ; grid-template-columns: 50% 50%; align-items: center; padding: 33px 22px; border-radius: 11px; position: relative; margin-top: 33px; }
cwbao>bd { display: flex; justify-content: end; position: relative; }
cwbao>bd>btn { display: block; padding: 15px 22px; background: var(--b); border-radius: 11px; color: var(--c); min-width: 39%; text-align: center; font-weight: 700; max-width: 39%; margin-left: auto; margin-right: 44px; }
cwbao>bg { justify-content: end; background: url(/-/Swap-C/asset/PIPcircule.png); opacity: 0.4; background-size: 100%; z-index: 0; }
cwbao>hd>p { color: var(--b1); margin: 4px 0; font-size: 0.77em; letter-spacing: 0.22px; }
cwbao>hd>h2 { font-weight: 400; font-size: 1.44em; }
cwblo>links>bl { display: block; margin: 7px; padding: 7px; }
cwbao:before { content: ""; position: absolute; top: -114px; bottom: 0; right: 22px; height: 155px; width: 155px; background: url(https://zoooom.aliens.services/0/IMG/Vesion.png); background-size: 100%; display: block; z-index: 9; }
@media screen and (max-width: 999px) {
cwblo>links { grid-template-columns: 33% 34% 33%; }
cwblo>links>bl:last-child { grid-column-start: 1; grid-column-end: 4; }
cwbao { display: block; padding: var(--p); }
cwbao>bd { display: block; }
cwfo { padding: var(--p1); margin: 7px; }
cwbao>bd>btn { max-width: unset; margin: 0; }
cwbao:before { display: none; }

	}
	
/* Component : FundingCurrencies */
cfcs { display: block; padding: 7px; margin: 7px; }
cfcs>bl ft>btn { display: none; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }
cfcs>bl ft>btn:active { transform: scale(0.97); }
cfcs>bl hd>mb { display: flex ; justify-content: space-between; align-items: center; }
cfcs>bl mb>btns { display: flex ; align-items: center; }
cfcs>bl mb btn { height: 33px; width: 33px; margin: 4px; display: flex ; align-items: center; justify-content: center; position: relative; }
cfcs>bl mb btn>input { position: absolute; inset: 0; opacity: 0; height: 100%; padding: 0; margin: 0; width: 100%; }
cfcs>bl hd>mb>d { display: flex ; align-items: center; }
cfcs>bl mb sl { display: flex ; align-items: center; height: 44px; background: var(--bc); border-radius: 7px; }
cfcs>bl mb sl>i { position: absolute; left: 0; height: 22px; width: 22px; padding: 7px; margin-left: 7px; }
cfcs>bl mb sl>input { padding-left: 44px; min-height: auto; }
cfcs>bl mb sl>input:focus { box-shadow: inset 0 0 0 1px var(--b-t); border-radius: 7px; }
cfcs>bl mb sl option { background: var(--b); }
cfcs>bl mb>c>b { color: var(--a); font-weight: 600; }
cfcs>bl>bd { display: block;   border-radius: 11px; padding: 22px 0; margin: 7px 0;  }

@media (max-width : 999px) {
	cfcs { margin: 0; padding: 0; }
}
/* Component : FundingCurrency */
cfco>bl { grid-gap: 7px; align-items: center; grid-template-columns: 66px auto auto; background: var(--b-t); border: 1px solid var(--bc); border-radius: 11px; padding: 17px; overflow: hidden; position: relative; display: grid ; margin: 7px 0px ; transition: 33ms; }
cfco>bl:hover { opacity: .8; }
cfco>bl>hd { display: flex ; align-items: center; justify-content: center; height: 33px; width: 33px; padding: var(--p1); border-radius: 17px; background: var(--bt); border: var(--b); }
cfco>bl bd>d>b:last-child { font-size: 0.77em; line-height: 1.44em; }
cfco>bl d>b, cctro>bl d>t { font-size: 0.88em; }
cfco>bl>ft { display: grid ; justify-content: end; gap: 7px; }
cfco>bl ft>amt { font-weight: bold; font-size: 1.22em; }
/* Component : FundingWallet */
cfwlo>bl { grid-gap: 7px; align-items: center; grid-template-columns: 66px auto auto; background: var(--bc); border: 1px solid var(--bt); border-radius: 11px; padding: 17px; overflow: hidden; position: relative; display: grid ; margin: 7px; transition: 33ms; }
cfwlo>bl:hover { opacity: .8; }
cfwlo>bl hd img { filter: invert(1); }
cfwlo>bl hd>i { height: 33px; width: 33px; }
cfwlo>bl>hd { display: flex ; align-items: center; justify-content: center; height: 33px; width: 33px; padding: 15px; border-radius: 17px; background: var(--bt); border: var(--b); }
cfwlo>bl bd>d>b:last-child { font-size: 0.77em; line-height: 1.44em; }
cfwlo>bl d>b, cctro>bl d>t { font-size: 0.88em; }
cfwlo>bl>ft { display: grid ; justify-content: end; gap: 9px }
cfwlo ft t { text-align: end; font-size: 0.77em; }
/* Component : FundingWallets */
cfws { display: block; padding: 7px; margin: 7px; }
cfws>bl ft>btn { display: none; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }
cfws>bl ft>btn:active { transform: scale(0.97); }

@media (max-width : 999px) {
	cfws { display: block; margin: 0; padding: 0; }
}
/* Component : Funding_Balance */
cfwbo>bl { box-shadow: unset; background: var(--b-t); border-radius: 13px; padding: var(--p); border: 1px solid var(--b-t); }
cfwbo>bl hd>h3{display: flex;align-items: center;}
cfwbo>bl hd>i { display: block; object-fit: contain; }
cfwbo>bl bd { display: block;  padding: 22px 0; }
cfwbo>bl bd>blc { display: block; font-size: 2em; font-weight: bold; }
cfwbo bl>ft {display: flex ; align-items: end; justify-content: space-between;  }
cfwbo>bl bd>blc:nth-child(2) { font-size: 1em; }
cfwbo bl>hd { display: grid ; grid-template-columns:100%; align-items: center; }
cfwbo>bl ft i { width: 33px; height: 33px; }

/* Component : Fundings_TotalBalance */
cfwsb>bl { box-shadow: unset; background: var(--b-t); border-radius: 17px; padding: var(--p1); padding-bottom: 0;}
cfwsb>bl hd>h3{display: flex;align-items: center;}
cfwsb>bl hd>i { display: block; }
cfwsb>bl bd { display: block; margin: 11px 0; }
cfwsb>bl bd>blc { display: block; font-size: 2em; font-weight: bold; }
cfwsb bl>ft { display: flex ; justify-content: space-between;  align-items: center; }
cfwsb>bl bd>blc:nth-child(2) { font-size: 1em; }
cfwsb bl>hd { display: grid ; grid-template-columns: 100%; align-items: center; }
cfwsb>bl ft i { width: 33px; height: 33px; }
cfwsb>bl hd h3 { font-size: 1em; font-weight: 500; }
cfwsb>bl ft t { font-size: 0.88em; font-weight: 500; }
cfwsb { margin: 0; padding: 0; }
console>bg{background-image: url(/0.jpg);filter: blur(11px);background-size: cover;}
content>svg{opacity:0}

nav>bg{background:var(--lg1);filter: blur(11px);}
nav price{background:transparent}
	
news h4{background:transparent}
news marquee{background:transparent;box-shadow:unset}

/*quick{display:none}*/
	
	tr{background:unset}
 	
trade header { position: relative; }
/*ctblo.sell d.sowl.trdcc { display: none; }*/
 
/*:root{	
--b:rgb(233 244 255);
--b-t:rgb(233 244 255 / 44%);
--bs-bl: 0 0 0 0px rgb(200 218 242 / 100%);
--lg-bl:#fff;	
--bs-b:inset 0 0px 4px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(132 170 254); 
 
} */

news{display:none}	
content>svg{display:none}
 /*#CCCCard { border-radius: var(--br); /* background-image: linear-gradient(201deg, #0ee4d8, #3a98e2, #6a3fea) !important; box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), inset 0 -2px 6px 0 rgb(10 37 64 / 35%); transition: 777ms; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); border: none; } */
#CCCCard svg { display: none; }
#CCCCard i svg { display: block; }
wallet b { display: unset; font-size: 0.33em ; }
address { text-shadow: unset !important; }
/*header .header { display: none; }*/
/*quick { display: none; }*/
#Invite{box-shadow: unset; border: solid 4px ; background: transparent; border-radius: unset;}
.inviting { border-radius: unset; }	
#AirdropTask { display: none; }
#Buy{background: transparent; box-shadow: unset; border: solid 4 px ; border-radius: unset;}	
#Sell{background: unset; box-shadow: unset; border-radius: unset; border: solid 4 px ;}	
wt { border-radius: unset; background: #ebf5ff; border: solid 1px #6291fe;}	
	
	
.zero { box-shadow: unset; border-radius: unset; background: unset; border: unset; text-align: center; justify-content: center; }
	
#Hello { display: flex; font-size: 1em; padding: unset; justify-content: center; margin: unset; }	
/*grid bl { border-radius: unset;border: solid 1px #bed2ee;}*/
	grid .airdrop::before{display:none}	
	
@media only screen and (max-width: 999px){
	
content { top:99px ; }
 }
	
	
	
	
 
@media screen and (max-device-width: 430px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
i, svg { height: 22px; }
nav { max-height: 88px; }
	ctis > bl > hd i { height: 22px; }
	ctbfo bl hd { height: 35px; }
	cmmty ctb bl hd { height: 35px; }
	cisto bl hd { height: 35px; }
	ctblo>bl>ft btn i { width: 22px; height: 22px; }
	chnv belll i { width: 24px; height: 24px; }
	chnv bl hd i { height:40px;}
	csoo>bl>hd { height: 33px; }
    csrio { height: 166px; }
	ctofo>bl hd d>btn i { width: 24px; height: 24px; }
	cttb>bl ft>btn i { width: 24px; height: 24px; }
	chnv bl belll i { height: 24px; width: 24px; }
	chnv bl moon i { height: 24px; width: 24px; }
	ctiso bd d i { width: 44px; height: 44px; }
	cnfs>bl>hd { height: 36px; }
	cnfo>bl>hd { height: 39px; }
}

cilo bl.bl_invest { backdrop-filter: unset; background: var(--b-t); max-width: 50%; margin: auto; border-radius: var(--br); padding: var(--p1); }
cilo bl hd h3 img { width: 30px; height: 30px; display: inline-block; margin-right: 7px; }

@media screen and (max-width: 999px) {
cilo bl.bl_invest { max-width: 100%; margin: var(--m); }
  
}
cisto { display: block; border-radius: var(--br); padding: 1.5rem; background: var(--b-t); backdrop-filter: blur(10px);  position: relative; overflow: hidden;   }
/*cisto bg { margin-top: -2.5rem; width: 7rem; height: 7rem; border-radius: 9999px; opacity: .2; position: absolute; animation-duration: .5s; background: var(--bt); right: -31px; top: 5px; left: unset; }*/
cisto bl hd { display: grid ; grid-template-columns: 22px auto; align-items: center; letter-spacing: .05em;  font-weight: 500; font-size: .75rem; line-height: 1rem; gap: 23px; }
cisto hd i { width: 100%; height: 100%; background: var(--bc); padding: 3px 7px;border-radius: 50%; }
cisto bd { display: block; padding: 7px;  margin-top: 16px; }
cisto bd h4 { font-size: 1.875rem; font-weight: 500;display: flex ; justify-content: space-between; }
cisto bd h6 { display: flex ; justify-content: space-between;opacity: 0.5; }

cisto bd>t { opacity: .5; }
cisto:nth-child(1){ grid-column-start: 1; grid-column-end: 3; }



@media screen and (max-width: 999px) {
  cists d { display: block !important; }
  cisto { margin: 7px 0; }
}
 
cists { display: block; background: var(--bc); padding: var(--p); border-radius: var(--br); margin-bottom: var(--m); }
cists bl.bl2 { min-height: 77px; }
/*cists bd { display: flex; grid-gap: 7px; padding: 7px 0; }*/
cists d { display: grid ; gap:11px; margin-top: var(--m);}
cists>bl> hd { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; }
cists option { background: var(--bc); }
cists select { padding: .5rem 2rem .5rem 1rem; border: 1px solid var(--c1); border-radius: var(--radius); background-color: var(--b-t); appearance: none; background-repeat: no-repeat; background-position: right .5rem center; background-size: 1rem; border-radius: 4px; background-image: url(/-/Swap-C/asset/arrow.svg); }

@media only screen and (min-width: 999px)
{
cists d { grid-template-columns: auto auto; }
	
}

@media only screen and (max-width: 999px){
cists { margin-top: var(--m); }	
cists { padding: 11px;display:block !important; }
}
/*Investment_Period*/
cipd bl { display: block; padding: var(--p); position: relative; z-index: 2; border-radius: var(--br); box-shadow: var(--bs); background: var(--bc); width: auto; line-height: 28px; margin-bottom: var(--m); }
cipd bl hd { display: flex ; justify-content: space-between; }
cipd hd btn { height: 20%; border-radius: 20px; background: var(--c1); padding: 6px 10px; display: flex ; align-items: center; line-height: 10px; font-size: 17px; opacity: .9; }
cipd hd h2 { font-weight: 500; font-size: 24px; }
cipd hd p { margin: 0; font-size: 16px; opacity: .7; }
cipd hd i { width: 22px; height: 22px; }
cipd bd div { display: flex; align-items: center; gap: 5px;  
} 
cipd bd bar { display: block; height: 10px; /*border-radius: 5px;*/ overflow: hidden; position: relative; background: var(--a1); }

cipd bd lne bar{ width: 100%; } 

cipd bl ft { display: flex; justify-content: space-between; margin-top: 5px; }
cipd ft span { font-size: 12px; color: var(--b1); }

cipd lne span { font-size: 0.77rem; }
cipd lne { display: grid ; width: 100%; background: var(--b-t); padding: 11px; border-radius: 11px; }
cipd bd>h4 { display: flex ; gap: 8px; margin-block: var(--m); font-size: var(--fs); align-items: center; }
cipd bd t { font-weight: 100; font-size: 14px; }


@media only screen and (max-width: 999px){
cipd lne { width: auto; background: var(--c0); display: grid ; align-items: center; grid-template-columns: auto max-content; gap: 11px; padding: 7px 0; }
cipd bd div { display: grid ; }
	
}

cipd bar .a:before { background: linear-gradient(to right, #FF7E5F, #4273f8, #f5f7ff);width: 66%; }
cipd bar .b:before { background: var(--lg-b) ; }
cipd bar .c:before { background: var(--lg-b1) ; }
cipd bar .d:before { background: linear-gradient(to right, #ff4696, #d4dffe, #ff7c61); }

cipd bar span:before, cipd bar span:after { content: ""; position: absolute; inset: 0; border-radius: 50%; }
cipd bar span:before {  -webkit-filter: blur(15px); filter: blur(15px); -webkit-animation: button-circle 3.6s linear infinite; animation: button-circle 3.6s linear infinite; transition: opacity 0.5s; }
cipd bar span { position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); z-index: 3; width: 160px; height: 157px; }

 cipd line { background: var(--c1); border-radius: var(--br); overflow: hidden; }

@-webkit-keyframes button-circle {
  0% {
    -webkit-transform: translateX(0) rotate(0);
            transform: translateX(0) rotate(0);
  }
  25% {
    -webkit-transform: translateX(-30px) rotate(90deg);
            transform: translateX(-30px) rotate(90deg);
  }
  50% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
  }
  75% {
    -webkit-transform: translateX(30px) rotate(270deg);
            transform: translateX(30px) rotate(270deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(360deg);
            transform: translateX(0) rotate(360deg);
  }
}

@keyframes button-circle {
  0% {
    -webkit-transform: translateX(0) rotate(0);
            transform: translateX(0) rotate(0);
  }
  25% {
    -webkit-transform: translateX(-30px) rotate(90deg);
            transform: translateX(-30px) rotate(90deg);
  }
  50% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
  }
  75% {
    -webkit-transform: translateX(30px) rotate(270deg);
            transform: translateX(30px) rotate(270deg);
  }
  100% {
    -webkit-transform: translateX(0) rotate(360deg);
            transform: translateX(0) rotate(360deg);
  }
}</style>
/* Component : JackpotDirectReward_Overview */

cjdro>bl { display: block; padding: var(--p); background: var(--bc); border-radius: var(--br); max-width: 1100px; width: -webkit-fill-available; margin: 11px auto; }
cjdro>bl hd { display: block; padding: var(--p1); padding-top: 0; border-bottom: 1px solid var(--b-t); margin-bottom: 7px; }
cjdro>bl bd { display: grid ; grid-template-columns: 50% 50%; }
cjdro>bl bd>d { display: flex ; align-items: center; background: var(--b-t); margin: 4px; border-radius: 11px; position: relative; padding: 44px 22px; overflow: hidden; }
cjdro>bl bd>d>i { height: 177px; width: 177px; position: absolute; right: 0; filter: grayscale(1); }
cjdro>bl bd>d>i img { height: 100%; width: 100%; user-drag: none; -webkit-user-drag: none; }
cjdro>bl bd>d>vl { display: flex ; flex-direction: column; row-gap: 7px; }
cjdro>bl d>vl>b { font-size: 1.555em; }


@media (max-width : 999px) {
	cjdro>bl bd { display: block; }
	cjdro>bl { padding: var(--p1); margin: 7px; }
	cjdro>bl hd { padding-top: 11px; }
}

cjdro>bl { display: block; padding: var(--p); background: var(--bc); border-radius: var(--br); max-width: 1100px; width: -webkit-fill-available; margin: 11px auto; }
/* Component : JackpotReward_overview */
cjroo>bl { display: block; padding: var(--p); background: var(--bc); border-radius: var(--br); margin: 7px auto; max-width: 1100px; width: -webkit-fill-available; }
cjroo>bl hd { display: block; padding: var(--p1); padding-top: 0; border-bottom: 1px solid var(--b-t); margin-bottom: 7px; }
cjroo>bl bd { display: grid ; grid-template-columns: 50% 50%; }
cjroo bd>d { display: flex ; align-items: center; background: var(--b-t); margin: 4px; border-radius: var(--br); position: relative; padding: 44px 22px; overflow: hidden; }
cjroo bd>d>i { height: 177px; width: 177px; position: absolute; right: 0; filter: grayscale(1); }
cjroo bd>d>i img { height: 100%; width: 100%; user-drag: none; -webkit-user-drag: none; }
cjroo bd>d>vl { display: flex ; flex-direction: column; row-gap: 7px; }
cjroo d>vl>b { font-size: 1.555em; }


@media (max-width : 999px) {
	cjroo>bl bd { display: block; }
	cjroo>bl { padding: var(--p1); margin: 7px; }
	cjroo>bl hd { padding-top: 11px; }
}
cjwt trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);}	
cjwt trcs>trc {grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--b);border-radius: 15px;position:relative;overflow:hidden}
cjwt trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
cjwt trcs>h4 { margin: 22px 0;}
cjwb bl { border-radius: var(--br); transition: 777ms; transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28); margin: 7px; padding: var(--p); background: var(--b-t); }	
cjwb hd { padding:0}
cjwb hd h3{ display: flex;}
cjwb hd img { display: block; width: 44px; height: 44px; object-fit: contain; }
cjwb bd b{display: inline;}
cjwb hd>h3{display: flex;align-items: left;}
cjwb>bl ft { display: flex ; align-items: end; justify-content: space-between; }
cjwb>bl ft i { width: 33px; height: 33px; }
cjwb bd { padding: 11px 0; }

cjpi cjcs,cjpi ctji,cjpi cusr{margin:5px;}
cjpi>bl { display: block; padding: var(--p1); background: var(--bc); border-radius: var(--br); border: 1px solid var(--b-t); }
cjpi cusr { display: grid ; text-align: center; font-size: 1em; padding: 14px 22px; position: relative; z-index: 2; border-radius: var(--br); background: var(--bt); margin-bottom: 11px; font-size: 0.88em; }
cjpi ctji bl { display: grid ;gap: 9px; }
cjpi ctji { display: grid ; height: auto; background: var(--bt); padding: 17px; border-radius: var(--br); }
cjpi cjcs d { display: grid ; grid-template-columns: auto 86px; height: 59px; }
ctji i { width: auto; height: auto; margin-top: -43px; }
cjpi ctji img { width: 44px; height: 44px; margin-bottom: 11px; filter: drop-shadow(2px 7px 8px var(--a)); user-drag: none; -webkit-user-drag: none; pointer-events: none; }
cjpi ctji:nth-child(2) img { filter: drop-shadow(2px 7px 8px #9835eec2); }
cjpi ctji:nth-child(3) img { filter: drop-shadow(2px 5px 10px #fe84aca8); }

cjpi ctji trxwallet f { width: 100%; z-index: 8; align-items: center; display: grid ; grid-template-columns: 44px auto; }
cjpi ctji t { font-size: 0.77em; text-align: center; }
cjpi>bl bd>d txt>t { font-size: 0.88em; line-height: 1.77; font-weight: 600; }
cjpi>bl txt>t[active] { color: rgba(14, 203, 129, 0.85); }
cjpi>bl txt>t[inactive] { color: #a1a1a1; }
cjpi ctji h2 { display: grid ; line-height: 1; font-size: 1rem; }
cjpi bl ft { display: grid ; grid-template-columns: auto auto; margin-top: 33px; row-gap: 22px; }
ctji btn { width: 100%; background: var(--lg-b); display: flex ; justify-content: center; padding: 10px 1px; border-radius: 11px;align-items: center; }
ctji btn t { font-size: 0.88em; }
ctji btn t>span { font-size: 0.77em; opacity: .7; }
ctji:nth-child(3) { grid-column-end: 3; grid-column-start: 1; }
cjpi cjcs bl { background: var(--bt); padding: 13px 0 0 13px; border-radius: 15px; position: relative; }
cjpi cjcs h3 { font-size: 19px; font-weight: 500; }
cjpi>bl bd>d { display: flex ; align-items: center; position: relative; background: var(--bt); border-radius: var(--br); padding: var(--p); overflow: hidden; }
cjpi>bl bd>d>i { position: absolute; height: 133px; width: 133px; right: -44px; transform: rotate(-47deg);     filter: drop-shadow(14px -14px 33px var(--a)); user-drag: none; -webkit-user-drag: none; pointer-events: none; }
cjpi>bl bd>d img { filter: invert(1); }
 
cjts {margin:0 22px;}
cjts trcs>h4{margin: 22px 0;}
cjts trc img { object-fit: cover; height: 66%; width: 66%; filter: invert(77%); }	
cjts trcs>trc { grid-template-columns: 66px auto 42%; background: var(--lg); border-radius: var(--br); box-shadow: 0 0 0 2px var(--b-t); padding: var(--p); width: auto; }
cjts trc>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--b-t); }
cjts trc>bd name { color: var(--b-t44); font-weight: 500; font-size: 12px; }
cjts trc>bd symbol { color: var(--c); font-size: 20px; font-weight: 500; }
cjts trc>ft inr { font-size: 12px; color: var(--b-t88); font-weight: 500; }
cjts>bl bd>f { display: grid ; grid-template-columns: 44px auto auto auto; padding: var(--p1); margin: 7px; font-size: 0.88em; opacity: .7; letter-spacing: 0.55px; max-width: 666px; }
cjts trcs>trc>bd { flex-direction: unset; justify-content: space-between; align-items: center; }
cjts trcs>trc name { font-size: 0.88em; color: var(--c); font-weight: 600; letter-spacing: 0.44px; }
cjts trcs>trc time { width: auto; margin-left: 22%; }
cjts>bl bd>f>t:last-child { display: block; text-align: end; }
cjts>bl bd>f>t:nth-child(3) { display: block; text-align: center; }
cjts trcs>trc>ft { flex-direction: unset; align-items: center; justify-content: end; column-gap: 7px; }
cjts trcs>trc created { font-size: 0.88em; opacity: 0.7; }
cils lvl { display: block; padding: 11px 16px; background: var(--b-t); border-radius: var(--br); border: solid 1px var(--b-t22);/* box-shadow: 0px 14px 77px -44px var(--c);*/ position: relative; transition: 99ms; color: var(--b-t95); }
cils wallet { display: block; min-height: 123px; } 
cils f { z-index: 8; align-items: center; flex-wrap: wrap; } 
cils bt { max-height: 99px; } 
cils h2 { line-height: 1; margin: auto 4px; } 
cils h2 balance { font-size: 0.66em; } 
cils b { letter-spacing: 4px; font-size: 0.66em; }
grid lvls { margin: 0; display: flex ; overflow: hidden; overflow-x: auto; width: calc(100% - -10px); padding: 11px 0px; }
lvl bl bd { display: grid ; grid-template-columns: 11px auto; }
lvls lvl bt { font-size: 0.55em; margin: 0; height: 44px; font-weight: 400; }
cils bl { display: block; padding: var(--p); background: var(--b-t); border-radius: var(--br); position: relative; margin: 11px auto; max-width: 333px; }
cils>bl ft { display: flex ; align-items: end; justify-content: space-between; }
cils>bl ft i { width: 33px; height: 33px; }
cils blnc { padding: 11px 0; display: block; }


clso lvl { display: block; padding: 11px 16px; background: var(--b-t); border-radius: var(--br); border: solid 1px var(--b-t22);/* box-shadow: 0px 14px 77px -44px var(--c);*/ position: relative; transition: 99ms; color: var(--b-t95); }
clso wallet { display: block; min-height: 123px; } 
clso f { z-index: 8; align-items: center; flex-wrap: wrap; } 
clso bt { max-height: 99px; } 
clso h2 { line-height: 1; margin: auto 4px; } 
clso h2 balance { font-size: 0.66em; } 
clso b { letter-spacing: 4px; font-size: 0.66em; }
clso>bl ft { display: flex ; align-items: end; justify-content: space-between; }
clso>bl ft i { width: 33px; height: 33px; }
clso blnc { padding: 11px 0; display: block; }
clso { background: var(--bc); padding: var(--p1); border-radius: var(--br); }


clss lvl { display: block; padding: 11px 16px; background: var(--b-t); border-radius: var(--br); border: solid 1px var(--b-t22);/* box-shadow: 0px 14px 77px -44px var(--c);*/ position: relative; transition: 99ms; color: var(--b-t95); }
clss wallet { display: block; min-height: 123px; } 
clss f { z-index: 8; align-items: center; flex-wrap: wrap; } 
clss bt { max-height: 99px; } 
clss h2 { line-height: 1; margin: auto 4px; } 
clss h2 balance { font-size: 0.66em; } 
clss b { letter-spacing: 4px; font-size: 0.66em; }
clss>bl ft { display: flex ; justify-content: space-between; flex-direction: column; align-items: baseline;}
clss>bl ft i { width: 33px; height: 33px; }
clss blnc { padding: 11px 0; display: block; }
clss { background: var(--bc); padding: var(--p1); border-radius: var(--br); }
clto { margin: var(--m); display: block; background: var(--bc); padding: var(--p); border-radius: var(--br); }
clto bl { margin: 0px; } 
clto>bl>hd { display: grid; grid-template-columns: 0px auto; height: 44px; } 
clto>bl>hd img { height: 20px; width: 20px; } 
clto trcs>trc { display: grid ; grid-template-columns: 66px auto 88px; box-shadow: unset; max-width: none; background: var(--b-t); margin: 7px; padding: 18px; border-radius: 15px; width: 90%; }
clto trc>hld { margin: auto 0; display: flex ; justify-content: center; align-items: center; height: 55px; width: 55px; overflow: hidden; background: var(--bc); border-radius: 11px;  }
clto trc>hld img { max-height: 77%; max-width: 77%; filter: invert(77%); }
trcs>trc>flt { display: flex ; flex-direction: column; justify-content: center; align-items: end; }
clto trcs>trc>bld { display: flex ; flex-direction: column; justify-content: center; }
clto trcs >trc d { text-align: end; }

@media only screen and (max-width: 999px){
	clto {padding:0; background: var(--c0);}
	clto trcs>trc { width: auto; margin: 7px 0; }
}
/* Component : Loader */
loader { display: flex ; align-items: center; justify-content: center; min-height: 222px; }
cpgl {display: flex ; justify-content: center; align-items: center; background: var(--bg); position: relative; transform: scale(0.66);}
cpgl bl { display:flex; justify-content:center; align-items:center; position:relative; flex-direction:column; }
cpgl hd { position: absolute; margin: auto; }
cpgl hd d { color:var(--c); font-size:16px; text-align:center; padding:11px; }

cpgl bd { position:relative; width:190px; height:190px; }
cpgl bd d { width:190px; height:190px; border:1px solid transparent; border-radius:50%; position:absolute; }

cpgl bd d:nth-child(1) { border-bottom:8px solid rgb(182 23 138); animation:rotate1 2s linear infinite; }
@keyframes rotate1 {
  from { transform:rotateX(50deg) rotateZ(110deg); }
  to   { transform:rotateX(50deg) rotateZ(470deg); }
}

cpgl bd d:nth-child(2) { border-bottom:8px solid rgb(37 122 184); animation:rotate2 2s linear infinite; }
@keyframes rotate2 {
  from { transform:rotateX(20deg) rotateY(50deg) rotateZ(20deg); }
  to   { transform:rotateX(20deg) rotateY(50deg) rotateZ(380deg); }
}

cpgl bd d:nth-child(3) { border-bottom:8px solid rgb(55 57 185); animation:rotate3 2s linear infinite; }
@keyframes rotate3 {
  from { transform:rotateX(40deg) rotateY(130deg) rotateZ(450deg); }
  to   { transform:rotateX(40deg) rotateY(130deg) rotateZ(90deg); }
}

cpgl bd d:nth-child(4) { border-bottom:8px solid rgb(251 128 106); animation:rotate4 2s linear infinite; }
@keyframes rotate4 {
  from { transform:rotateX(70deg) rotateZ(270deg); }
  to   { transform:rotateX(70deg) rotateZ(630deg); }
}
 
cmlk { background: var(--bc); border-radius: var(--br); display: grid ; align-items: center; padding: var(--p1); margin:11px 0;}
cmlk quick bl { box-shadow: unset; padding: 0; background: unset; } 
cmlk grid.gc5 { display: grid; grid-template-columns: 25% 25% 25% 25%; } 
cmlk quick>bl>bd a { display: flex; justify-content: center; align-items: center; flex-direction: column; background: var(--lg-b) !important; border-radius: 20px; font-size: 0.7em; margin: 4px; width: 66px; height: 66px; padding: 0; box-shadow: unset; transition: 99ms; margin: auto;}
cmlk bl>bd a svg { height: 44%; width: 44%; fill: var(--c); }
cmlk bl>bd a svg path { height: 44%; width: 44%; fill: var(--c); }
cmlk bl>bd a img { height: 66%; max-width: 66%; filter: grayscale(1); } 
cmlk bl>bd a i { width: 100%; height: 100%; }
cmlk bl>bd a:hover { box-shadow: -1px 2px 4px rgb(0 0 0 / 11%); }
cmlk bl>bd a t { display: none; position: absolute; bottom: 0; font-size: 1.23em; }
/* Button Styles */ 
cmlk bl ft>btns { display: grid; grid-template-columns: 50% 50%; width: 88%; margin: 22px auto; }
cmlk bl ft btn { display: grid ; justify-content: center; align-items: center; background: var(--lg-bl); margin: 7px; border-radius: 11px; grid-template-columns: 44px auto; position: relative; padding: 7px; }

	@media only screen and (min-width: 999px){
		
		cmlk {display:none ;}	
}
cmwts trc img { object-fit: contain; height: 77%; width: 77%;}	
cmwts trcs>trc {grid-template-columns: 66px auto 111px;border-radius: 15px;position:relative;overflow:hidden;box-shadow: unset;}
cmwts trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
cmwts wallets trc img { object-fit: contain; height: 77%; width: 77%; }	
cmwts wallets trcs>trc {    position: relative; grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--b);border-radius: 15px;position:relative;}
cmwts wallets trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
cmwts ft btn { display: block; text-align: center; max-width: 333px; font-size: 0.88em; font-weight: 600; position: relative; padding: 15px; background: var(--lg-b); border-radius: 11px; margin: 11px auto; transition: 77ms; }


@media screen and (max-width: 999px) {
cmwts trcs>trc { margin: 7px auto; width: auto; }

}
 	
chnv { display: block; width: 100%; backdrop-filter: blur(7px); background: var(--b); }
chnv bl {display: grid ; align-items: center; justify-content: space-between; padding: 11px 0px; grid-template-columns: auto 0% 33%; gap: 0px;}
chnv logo { align-items: center; display: flex ; width: 45px; height: auto; justify-content: center;margin: auto; }
chnv logo i { width: 66%; height: 66%; }
chnv bl hd { display: grid ; align-items: center; }
chnv bl hd i { justify-content: start; }
chnv aa { display: flex ; justify-content: center; align-items: center; transition: 333ms; width: 30px; height: 30px; }
chnv aa i { width: 100%; height: 100%; }
chnv acc { display: flex; justify-content: center; align-items: center; background: var(--b-t); height: 33px; width: 100%; border-radius: 7px; font-size: 0.77em; z-index: 1; margin: auto; color: var(--b); font-weight: bold; }
chnv pf { display: flex ; justify-content: center; align-items: center; position: relative; z-index: 99999999999999; width: 35px; height: 35px; }
chnv pf i { display: block; border-radius: 55px; width: 70%; height: 70%; border: solid 2px; }
chnv pf i img { border-radius: 55%; object-fit: cover; }
chnv moon i { width: 100%; height: 100%; }
chnv moon svg { fill: var(--c); }
chnv bl >ft { display: flex ; align-items: center; gap: 10px;justify-content: space-between;}
chnv h7 { font-size: 0.7em; }
nav { display: flex ; flex-direction: column; justify-content: center; align-items: center; position: sticky; left: 0; top: 0px; width: 333px; /* height: 155px; */ z-index: 99999999; box-shadow: unset; backdrop-filter: unset; width: 100%; }
chnv price{font-weight: bold;height: 44px;display: flex;justify-content: center;align-items: center;background:transparent;width:100%}

chnv nifo>* { display: flex; justify-content: center; align-items: center;background: var(--b-t); margin: 4px; border-radius: 7px; }
.start chnv  aa { transform: rotate(90deg); }
chnv belll i { width: 100%; height: 100%; }
chnv belll i>svg { height: auto; opacity: 0.88; fill: var(--c0);} 

@media only screen and (max-width: 999px){
	chnv bl {	padding: 11px; }
}

@media only screen and (min-width: 999px) {
	chnv { backdrop-filter: unset; height: 0px;  display: flex; flex-direction: row; padding:0 70px;overflow:hidden; }
	chnv price { background: unset; }
}



.hamburger { cursor: pointer; }

.hamburger input { display: none; }

.hamburger svg {   height: 3em; transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1); }

.line { fill: none; stroke: white; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3;   transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); } .line-top-bottom { stroke-dasharray: 12 63; }
.hamburger input:checked + svg { transform: rotate(-45deg); }
.hamburger input:checked + svg .line-top-bottom { stroke-dasharray: 20 300; stroke-dashoffset: -32.42; }/* Component : No */
cntr { display: flex ; align-items: center; justify-content: center; margin: 27px 7px; background: var(--b-t); border-radius: var(--br); }
cntr hd i { display: block; width: 44%; height: 44%; margin: auto; filter: grayscale(1); opacity: 0.5; }
cntr hd i>img { height: 100%; width: 100%; margin: -7px 0px; display: block; }
cntr bd h4 { font-size: 1.55em; font-weight: bold; color: var(--c); margin-top: 10px; text-align: center; }
cntr>bl ft>p { text-align: center; font-weight: 400; letter-spacing: 0.55px; opacity: .7; }
cntr>bl { display: block; padding: var(--p); }
/* Component : Notifications */
notifications { opacity: 0; inset: 0; position: absolute; transition: opacity 333ms; overflow: hidden; display: block; visibility: hidden; }
.Notifications notifications { opacity: 1; left: 0; visibility: visible; }
notifications header { display: flex ; align-items: center; justify-content: space-between; padding: 11px; border-bottom: 1px solid var(--bc); }
notifications>bg { background: var(--b); }
 
cnfs>bl>hd { display: flex ; align-items: center; justify-content: space-between; padding: 11px; border-bottom: 1px solid var(--bc); }
cnfs>bl>hd>f { display: grid ; grid-template-columns: 44px auto; align-items: center; }
cnfs>bl>hd>ext { display: flex ; height: 22px; width: 22px; align-items: center; justify-content: center; padding: 7px; border-radius: 55%; }
cnfs>bl hd>ext:hover { background: var(--bc); }
cnfs>bl hd>ext:active { background: --c1; }
cnfs>bl>ft>btn { display: block; text-align: center; background: var(--lg); padding: 11px; margin: auto; max-width: 233px; border-radius: 33px; transition: 0.3s ease; }
cnfs>bl>ft>btn:hover { background: var(--lg-b); }
cnfs { position: relative; z-index: 99; min-height: 95vh; display: block; }



cnfo>bl { display: grid ; grid-template-columns: 55px auto; padding: var(--p1); margin: var(--m); }
cnfo>bl>ft { grid-column-start: 2; grid-row-start: 4; }
cnfo>bl hd>f { display: grid ; grid-template-columns: 55px auto 55px; align-items: center; }
cnfo>bl f>i { display: block; height: 22px; width: 22px; box-shadow: 0 0 0 4px var(--bc); border-radius: 55%; padding: 7px; }
cnfo>bl>bd { display: block; grid-row-start: 3; grid-column-start: 2; }
cnfo>bl bd p { margin: 0; }
cnfo>bl time { font-size: 0.77em; color: var(--b-t44); letter-spacing: 0.7px; }
cnfo>bl f>btn { display: flex ; width: 17px; height: 17px; padding: 7px; align-items: center; justify-content: center; border-radius: 55%; margin: 4px; }
cnfo>bl>hd { grid-column-start: 1; grid-column-end: 4; }
/* Component : Onboarding */
onboarding { display: flex ; align-items: center; position: absolute; justify-content: center; z-index: 99999; background: var(--b-t22); margin: auto; inset: 0; backdrop-filter: blur(5px); transition: 333ms; opacity: 0; visibility: hidden; }
conbo>bl { display: block; background: var(--bt); max-width: 666px; margin: 7px; border-radius: 22px; overflow: auto; max-height: 866px; }
conbo>bl cover { display: none !important; }
conbo cph>bl dp { float: unset; margin: 11px; }
conbo cph>bl { display: grid ; grid-template-columns: 144px auto; align-items: end; }
conbo cph>bl bd>f { display: block; padding: 22px 0; }
conbo cph>bl>ft { grid-column-start: 1; grid-column-end: 3; }
conbo cph>bl ft>btns { display: none; }
conbo cph>bl dp>btn { left: unset; right: -13px; bottom: 0px; display: none; }
conbo>bl>bd { display: block; padding: 11px; }
conbo cpocp>bl d { justify-content: space-between; }
conbo>bl>ft { display: block; padding: 11px; }
/*
conbo cpedt>bl form:after { position: absolute; content: ""; inset: 0; }
*/
.edit cpedt .submit input { background: var(--a); }
onboarding ext.btn { position: absolute; top: 0; right: 0; z-index: 999; background: var(--bt); height: 22px; width: 22px; margin: 22px; padding: 4px; border-radius: 55%; display: flex ; align-items: center; justify-content: center; }
onboarding ext.btn>i { height: 13px; width: 13px; }
.onboarding onboarding { opacity: 1; visibility: visible; }


@media (max-width : 999px) {
	conbo>bl { max-width: unset; max-height: 100vh; border-radius: 0; margin: 0; }
	onboarding ext.btn { margin: 2px; }
} 



spscd hd { display: grid ; grid-template-columns: 33px auto; overflow: hidden; height: 33px; align-items: center; padding: var(--p1) var(--p); font-family: 'Unbounded'; letter-spacing: .5px;}
spscd bd { display: block; padding: 7px 30px;}
spscd bd>h2 { display: block; margin: auto; text-align: center; font-family: "Dela Gothic One", serif; font-size: 1.6em; font-weight: 400; background-image: linear-gradient(to right, #FF7E5F, #FF3E9D, #3E6AFF); background-clip: text; color: transparent; max-width: fit-content;}
spscd bd>p { font-size: 0.77em; }
spscd bd>img { width: 33%;margin: auto;display: block; }
spscd form>d { margin: auto; display: block; margin-bottom: 11px; position: relative;}
spscd form>p { font-size: 9px; color: var(--b-t44); margin-top: 11px; margin-left: 2px; }
spscd form i.eyss:after { content: '/'; position: absolute; color: var(--svg); font-size: 18px; }
spscd form { all: unset; }
spscd input {border-radius: 11px; margin: 0; margin-top: 11px; background: var(--b-t);padding: 4px 28px; font-size: 1em;}
spscd bg { content: ''; position: absolute; inset: 0; background-image: url(/-/Swap-C/asset/GraphBg.svg); z-index: -1; opacity: 0.3; }
spscd btn { display: flex ; margin: 22px auto; height: 50px; justify-content: center; align-items: center; font-weight: bold; background: var(--lg-b1); color: var(--c); font-family: var(--ff); border-radius: 41px; font-size: 20px; border: solid 1px var(--at); }
spscd form i { position: absolute; height: 22px; width: 22px; right: 16px; top: 16px; }
#PasscodeForm {margin: 20vh auto; display: block; margin-bottom: 0; border-radius: var(--br); width: calc(100% - 44px); overflow: hidden; position: relative; background: var(--bc); backdrop-filter: blur(18px);}
#PasscodeSubmit:active { transform: scale(0.99); }

passcode { max-width: 100%; width: 100%; margin: auto; height: 100%; overflow: auto; display: none; position: absolute; z-index: 999999; background: var(--b); }

.passcode passcode {display: block; top: 0;}
passcode> bg { content: ''; position: absolute; inset: 0; width: 100%; mix-blend-mode: lighten; }
passcode video{max-width: 100%; max-height: 100%; width: 100%; filter: opacity(0.5);}
@media only screen and (min-width: 600px) 
{
	spscd { display: block; max-width: 444px; min-width: 444px; overflow: hidden; margin: auto; }
	passcode::before { content: ""; background-image: url(https://cdn.dribbble.com/userupload/34149564/file/original-b8fe976….jpg?resize=1600x1200&vertical=center); position: absolute; inset: 0; z-index: -1; opacity: .05; filter: grayscale(1); }
} 
@media only screen and (max-width: 999px) {
d#PasscodeForm { margin: 26vh auto; }
passcode video { height: 100%; object-fit: cover; }
	
}

.Error{ border: 1px solid; border-color: red; }



 /* Portfolio_Balance */
cprb>bl { display: block; padding:var(--p); background: var(--b-t); border-radius: var(--br); margin: var(--m); line-height: 38px; }
cprb>bl>hd { display: grid; grid-template-columns: auto 18px; align-items: center; gap: 11px; justify-content: flex-start; opacity: 0.77;
letter-spacing: 0.5; }
cprb>bl>hd img { filter: invert(1); }
cprb>bl>bd { display: flex; margin-top: 7px; margin-bottom: 12px; }	
cprb>bl>bd t { display: flex; align-items: center; column-gap: 11px; }	
cprb>bl>bd amount { font-size: 3em; font-weight: 600; }
cprb>bl>bd p { margin: 0; opacity: 0.77; font-size: 13px; }
cprb>bl>bd i { height: 46px; width: 46px; margin-left: auto; }
cprb>bl>ft bl { display: grid; grid-template-columns: auto 0px auto; justify-content: space-between; padding: 0; background: transparent; align-items: center; }	
cprb>bl>hd>h3 { font-weight: 100; }
/* Portfolio_Currencies */
cptco { display: block; margin-top: 22px; }
cptco>bl>hd { display: grid; grid-template-columns: 44px auto; display: none; }
cptco>bl hd h3 { display: flex; align-items: center; padding-left: 1px; }


cptco>bl trc { border-radius: 10px; margin: 7px; padding: var(--p1); position: relative; display: grid ; background: var(--b-t); grid-template-columns: 77px auto 116px; align-items: center; color: var(--c); }
cptco>bl trc>hd { display: flex ;  height: 55px; width: 100%; flex-direction: column-reverse; margin: 0; justify-content: unset; background: var(--b); padding: 8px 1px; border-radius: 12px; }
cptco>bl trc bd { height: 100%; display: flex ; align-items: anchor-center; margin-left: 16px; gap: 45px; }
cptco>bl trc>ft { display: flex ; justify-content: end; }
cptco>bl trc img { object-fit: contain; height: 77%; width: 77%; filter: invert(1); }
cptco>bl trc h6 { display: grid ; grid-template-columns: max-content auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 1px; font-weight: unset; font-size: 11px; }


spln trcs>trc { position: relative; grid-template-columns: 55px auto 77px; }
spln trc>hd { height: 33px; width: 33px; margin-top: 7px; }	
spln trcs>trc h7 { opacity: 0.66; }	
cptco>bl trcs>trc { grid-template-columns: 44px auto 111px; background: rgb(255 255 255 / 4%); color: var(--c); border-radius: 15px; position:relative; gap: 2%; }
cptco>bl trc b { margin: 0px 2px; }
portfolio trc>hd { height: 33px; width: 33px;border-radius: 15px;background:var(--c0);}
spln bd trcs>h4 { grid-template-columns: auto 33px; width: 88%; overflow: hidden; display: grid; margin: auto; height: 44px; align-items: center; position: relative; z-index: 9; }	
spln bd trcs>h4 a { position: relative; }	
 
spln trcs>trc>bd h4 { font-weight: 400; opacity: 0.66; }	
spln bd trcs>h4 i { opacity: 0.55; }	  	
cptco>bl trcs>trc { grid-template-columns: 66px auto 111px; background: var(--b); color: var(--c); border-radius: 15px; position: relative; box-shadow: none; }
cptco ft>btn { display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative;cursor: pointer; }


@media screen and (max-width: 666px) {

	cptco>bl trc { grid-template-columns: 22% auto auto; gap: 7px;}
   cptco>bl trc h6 { grid-template-columns: auto; text-align: center; margin-top: 6%; }
}


cpoo bl hd { display: grid ; grid-template-columns: auto auto  ; justify-content: space-between; align-items: center;}
cpoo bl hd h3 { font-size: 1em; font-weight: 600; }
cpoo btn { font-size: .875rem; line-height: 1.25rem; padding: var(--p1) 17px; background: var(--c1); border-radius: var(--br); }
cpoo #allocationBtn { background: var(--a); }
cpoo .container { text-align: center; background-color: var(--bc); padding: 20px; border-radius: var(--br); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); height: 91%;  }
ctdy { position: absolute; inset: 0; display: grid ; justify-content: center; align-items: center; left: 33px; right: 33px; height: fit-content; margin: auto; width: fit-content; }
.legend { display: grid ; grid-template-columns: auto auto; gap: 1rem; justify-content: space-around; /* max-width: 303px; margin: auto;*/ }
cpoo .legend-item { display: flex ; align-items: center; font-size: .600rem; line-height: 1.25rem; }
cpoo .legend-color { width: 12px; height: 12px; display: inline-block; margin-right: 5px; border-radius: 50%; }
cpoo bd .portfolioChart1 { width: 200px !important; height: 200px !important; margin: 20px;}
cpoo bl bd {display: flex ; justify-content: center; position: relative;}
cpoo select { padding: 4px 18px; border: 1px solid var(--c1); background-color: var(--b-t); appearance: none; background-repeat: no-repeat; background-position: right .5rem center; background-size: 1rem; border-radius: 4px; background-image: url(/-/Swap-C/asset/arrow.svg); }
cpoo hd div { display: grid ; grid-template-columns: auto auto; align-items: center; }
cpoo option { color: var(--c); }


@media only screen and (max-width: 999px) {
cpoo btns { display: none; }
cpoo bd div:first { width: 55% !important; }
cpoo { display: block; /*margin-block: var(--m); */}
cpoo select { padding: var(--p1) var(--p); border-radius: var(--br); margin-right: 0;}
}

@media only screen and (min-width: 999px) {
cpoo select { padding: var(--p1) var(--p); border-radius: var(--br); }
	.legend { grid-template-columns: auto auto auto; }
}





cpio bl hd {display: grid ; grid-template-columns: auto auto; justify-content: space-between; align-items: center; border-bottom: solid 1px var(--b-t); padding-bottom: 22px; }
cpio bl hd h3 { font-size: 1em; font-weight: 600; }
cpio btn { font-size: .875rem; line-height: 1.25rem; padding: var(--p1) 17px; background: var(--c1); border-radius: var(--br); }
cpio #allocationBtn { background: var(--a); }
cpio .container {display: grid ; background-color: var(--bc); padding: var(--p); border-radius: var(--br); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); height: 90%; grid-template-columns: auto; align-items: center; justify-content: space-around; grid-template-rows: min-content; }
cpio .legend-item {display: grid ; align-items: center; font-size: .8rem; line-height: 1.25rem; grid-template-columns: 20px auto;}
cpio .legend-color { width: 12px; height: 12px; display: inline-block; margin-right: 5px; border-radius: 50%; }
cpio bd .portfolioChart1 { width: 200px !important; height: 200px !important; margin: 7px;}
cpio bl bd {display: flex ; justify-content: center; position: relative; border: solid 2px var(--b-t); border-radius: 50%; margin: auto;}
cpio select { padding: 4px 18px; border: 1px solid var(--c1); background-color: var(--b-t); appearance: none; background-repeat: no-repeat; background-position: right .5rem center; background-size: 1rem; border-radius: 4px; background-image: url(/-/Swap-C/asset/arrow.svg); }
cpio hd div { display: grid ; grid-template-columns: auto auto; align-items: center; }
cpio option { color: var(--c); }
cpio .legend { gap: 5px; grid-template-columns: 100%; }
cpio ctdy h5 { font-weight: 500; font-size: 0.77rem; }
cpio ctdy h4 { font-weight: 500; font-size: 1.33rem;}
cpio ctdy {text-align: center;}

cpio ft div d { display: flex ; align-items: center; font-size: 0.77em; grid-column-start: 2; grid-column-end: 3; color: var(--b-t88); font-weight: 500;}
@media only screen and (min-width: 999px) {
cpio select { padding: var(--p1) var(--p); border-radius: var(--br); }
}
@media only screen and (min-width: 1300px) {
cpio bd .portfolioChart1 { width: 250px !important; height: 250px !important;}
cpio .container {grid-template-columns: auto 177px;}	
}
@media only screen and (min-width: 1199px) {
	cpio .container {grid-template-columns: auto auto;}
	cpio bl hd {grid-column-start: 1; grid-column-end: 3;}
}
@media only screen and (max-width: 1199px) {

cpio .legend { display: flex ; flex-wrap: wrap; justify-content: center; column-gap: 22px; }

}
@media only screen and (max-width: 999px) {
cpio btns { display: none; }
cpio bd div:first { width: 55% !important; }
cpio { display: block; /*margin-block: var(--m); */}
cpio select { padding: var(--p1) var(--p); border-radius: var(--br); margin-right: 0;}
cpio .legend { display: block; }
cpio bl hd {grid-column-start: 1; grid-column-end: 3;}
cpio bl bd { margin-top: 22px; }
}
@media only screen and (max-width: 488px) {
cpio bl hd { grid-column-end: 2; }
cpio .legend { display: grid ; grid-template-columns: auto auto; }
cpio bl bd { margin: 22px auto; }
	
}
 @keyframes mymove {
  from {transform: rotateY(0deg);}
  to {transform: rotateY(360deg);}
}       /* Portfolio_Transaction */ 
cptrc { border-radius: 10px; margin: 7px; padding: var(--p1); position: relative; overflow: hidden; display: grid ; background: var(--b-t); }
cptrc>bl>hd { overflow: hidden; display: flex ; justify-content: center; align-items: center; height: 77px; width: 77px; border-radius: var(--br); }
cptrc>bl>hd img {object-fit: contain; height: 100%; width: 100%; }
cptrc>bl active {justify-content: flex-start; background: #4CAF50; width: fit-content; padding: 0px 12px; border-radius: 4px; margin-top: 5px; }
cptrc>bl>ft bl { display: grid; grid-template-columns: auto 0px auto; justify-content: space-between; width: 100%; padding: 0; background: transparent; margin-block: 7px; border-radius: 0; margin-left: 22px;} 
cptrc bl>ft {display: grid ; grid-column-start: 3; grid-column-end: 3; width: 100%; justify-content: start; }
cptrc bl { display: grid ; grid-template-columns: 84px auto 170px; gap: 4px; overflow: hidden; margin: 0;  border-radius: 16px; padding:9px;align-items: center; }
cptrc bl::after { content: " "; background-image: url('/-/Swap-C/asset/gold-medal.png'); background-size: 100%; background-repeat: no-repeat; position: absolute; top: 7px; right: 5px; width: 28px; height: 41px; } 
cptrc>bl>bd { width: 88%; }
cptrc::before { content: " "; position: absolute; top: 0; right: 0; background-color: var(--at); width: 66px; height: 66px; clip-path: polygon(100% 0, 0 0, 100% 100%); }
cptrc>bl>hd { background: transparent; width: 55px; height: 55px; margin: auto; }
cptrc>bl>hd img { filter: unset; height: 77%; width: 100%; } 
cptrc>bl>ft wr { display: flex ; justify-content: space-between; margin: 5px 22px; }
cptrc>bl>ft .cpa { font-size: 16px; color: var(--c); font-weight: 500; }
cptrc>bl>ft t { font-size: 14px; color: var(--b-t44); }
cptrc>bl>bd symbol { font-size: 17px; font-weight: 500; }
cptrc>bl>bd t { font-size: 12px; font-weight: 300; color: var(--b-t77); }

@media only screen and (max-width: 999px) {
	cptrc bl { display: grid ; grid-template-columns: 54px auto 148px;}
	cptrc bl>ft {justify-content: center;}
	cptrc>bl>bd t { font-size: 11px;}
	cptrc>bl>hd { background: transparent; width: 62px; height: 62px; margin-left: -6px; }
}




/* Portfolio_Transaction1 */ 
tckt { display: flex ; align-items: center; justify-content: space-between; background-color: var(--b-t); border-radius: 6px; padding: 14px 20px; width: 100%; max-width: 800px; color: var(--ct); transition: 333ms; margin: 8px 14px; }
tckt hd { display: flex; align-items: center; gap: 8px; } 
tckt hd h5 { font-size: 0.9rem; font-weight: 600; color: var(--b1); text-transform: capitalize; } 
tckt hd img { width: 18px; height: 18px; opacity: 0.8; }  
tckt bd { display: flex; flex-direction: column; align-items: flex-start; flex: 1; margin-left: 20px; } 
tckt bd h4 { font-size: 1rem; font-weight: 700; color: var(--ct); display: flex; align-items: center; gap: 6px; } 
tckt bd h4 pair { text-transform: uppercase; } 
tckt bd h6 { font-size: 0.85rem; color: var(--b-t77); display: flex; align-items: center; gap: 6px; font-weight: 500; } 
tckt bd h6 b { color: var(--ct); }
tckt bd amount, tckt bd price { font-weight: 600; color: var(--ct); } 
tckt bd amount b { margin-left: 5px; color: var(--b1); }  
tckt ft { display: flex; align-items: center; font-size: 0.8rem; color: var(--b-t88); }  
tckt:hover { background-color: var(--bc); }  

   @media screen and (max-width: 600px) { 
	tckt { padding: 12px 16px; flex-wrap: wrap; }
	tckt bd { margin-left: 0; margin-top: 8px; width: 100%; } 
	tckt ft { width: 100%; justify-content: flex-start; margin-top: 8px; } }

/* Portfolio_Transactions */ 
cptrs { margin: 7px; padding: var(--p1); position: relative; height: fit-content; overflow: hidden; display: grid ; }
@media only screen and (max-width: 999px) {
cptrs { margin: 0px; padding: 0px;}
} 

/* Component : ProfileAvatar */
cpao { position: absolute; inset: 0; z-index: 999; transition: 333ms; margin: 0 auto !important; top: 100%; opacity: 0; visibility: hidden; background: var(--b); max-width: 777px; }
.ProfileAvatar cpao { top: 0%; opacity: 1; visibility: visible; }
.ProfileCover cpao { top: 0%; opacity: 1; visibility: visible; }

.ProfileCover cpao>bl cvs { display: block; }
.ProfileAvatar cpao>bl avs { display: flex; }
cpao>bl { display: block; height: 100%; background: var(--bt); padding: 22px; }
cpao>bl avs { display: flex; gap: 15px; flex-wrap: wrap; margin-top: 10px; }
cpao>bl avs>av { width: 80px; height: 80px; border-radius: 11px; overflow: hidden; border: 2px solid transparent; cursor: pointer; transition: border 0.3s, box-shadow 0.3s; }
cpao>bl av>i { display: block; width: 100%; height: 100%; }
cpao>bl bd i>img { width: 100%; height: 100%; object-fit: cover; display: block; }
cpao>bl avs>av.select { border: 3px solid var(--a); box-shadow: 0 0 10px var(--at); }
cpao>bl hd>ext { display: flex ; height: 33px; width: 33px; align-items: center; justify-content: center; }
cpao>bl>hd { display: grid ; grid-template-columns: 44px auto; align-items: center; }
cpao>bl bd { display: block; overflow: auto; max-height: 88%; }
cpao>bl cvs>cv { display: block; border-radius: 22px; overflow: hidden; border: 1px solid var(--b-t); margin: 7px 0; min-height: 177px; max-height: 177px; }
cpao>bl cv>i { height: 100%; width: 100%; }
cpao>bl cv>i img { height: 100%; width: 100%; object-fit: cover; }
cpao>bl avs, cpao>bl cvs { display: none; }


@media (min-width : 999px) {
	.ProfileCover cpao>bl cvs { display: grid ; grid-template-columns: 49% 50%; column-gap: 7px; }
} 
cpedt { display: block; position: relative; }
cpedt input { margin: 7px auto; padding: 7px 22px; border: solid 1px var(--bc); border-radius: 7px; font-size: 1em; }
/*cpedt form:after{content:'';position:absolute;z-index:8;top:0;bottom:0;left:0;right:0;display:block;} */
	
cpedt d,cpedt input,cpedt label{transition: 333ms;}	
	
cpedt d { display: grid ; align-items: center; max-width: 100%; overflow: hidden; } 
cpedt input { color: var(--c); border: unset; width: -webkit-fill-available; font-size: 15px; background: var(--b); }
cpedt label { font-size: 15px; font-weight: bold;  }
cpedt .submit { display: none; }
	
cpedt aa:after { background: #eef; color: #060a10; content: 'Edit Profile'; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; display: none; justify-content: center; align-items: center; font-weight: bold; transition: 333ms; border: aliceblue; opacity: 0; border-radius: 7px; }

cpedt aa:after {opacity:1 }	
cpedt input[readonly] { opacity:1;font-weight: bold; }	
 
cpedt bl { display: block; padding: var(--p); background: var(--bc); border-radius: var(--br); border: 1px solid var(--b-t); }
cpedt>bl hd { display: grid ; grid-template-columns: 33px auto; align-items: center; }
cpedt hd { display: grid; grid-template-columns: 44px auto; } 
cpedt hd i { height: 22px; width: 22px; }
cpedt hd h3 { display: flex; align-items: center; padding-left: 1px; }
cpedt aa { margin: 22px; display: flex ; height: 44px; justify-content: center; align-items: center; border: solid 1px var(--b-t22); position: relative; border-radius: 11px; background: var(--lg); }
cpedt form { position: relative; } 
profile.edit cpedt form:after { display: none; }
cpedt .dn { display: none; } 
.edit profile input { border: solid 1px var(--c); }

.edit cpedt .submit { display: block; }


@media only screen and (max-width: 999px){
	cpedt bl {padding: var(--p1); }
	cpedt grid { margin: 0; }
}
 
/* Component : Profile_Header */
cph>bl cover { display: block; background: linear-gradient(133deg, var(--at), var(--at), var(--at)); height: 100%; width: -webkit-fill-available; max-height: 222px; overflow: hidden; border-radius: var(--br); position: relative; }
cph>bl cover>i { height: 100%; width: 100%; }
cph>bl cover>i>img { height: 100%; width: 100%; object-fit: cover; max-height: 222px; }
cph>bl cover>btn { display: block; position: absolute; height: 22px; width: 22px; padding: 7px; z-index: 999; bottom: 0; margin: 7px; }
cph>bl cover>btn { display: flex ; position: absolute; height: 33px; width: 33px; padding: 4px; z-index: 999; bottom: 0; margin: var(--m); align-items: center; justify-content: center; background: rgb(21 21 21 / 22%); backdrop-filter: blur(22px); border-radius: var(--p1); }
cph>bl cover>btn svg { fill: var(--c); }
cph>bl cover>btn>input { position: absolute; inset: 0; margin: 0; padding: 0; height: 100%; width: 100%; opacity: 0; }

cph>bl dp { display: block; height: 111px; width: 111px; border-radius: var(--br); background: var(--at); align-content: center; justify-items: center; border: 4px solid var(--b); margin-top: -44px; position: relative; backdrop-filter: blur(22px); float: right; margin-right: var(--m); }
cph dp>i { display: block; height: 100%; width: 100%; overflow: hidden; border-radius: 17px; background: var(--c);}
cph dp>i>img { max-width: 111px; max-height: 111px; height: 100%; width: 100%; object-fit: cover; }
cph>bl dp>btn { display: flex ; position: absolute; height: 33px; width: 33px; padding: 4px; z-index: 999; left: -17px; bottom: -17px; align-items: center; justify-content: center; background: var(--b-t22); backdrop-filter: blur(22px); border-radius: var(--p1); }
cph>bl dp>btn>input { position: absolute; inset: 0; margin: 0; padding: 0; height: 100%; width: 100%; opacity: 0; }
cph>bl dp>btn svg { fill: var(--c); }


cph>bl hd { display: block; position: relative; z-index: 10; }
cph>bl bd>f { flex-direction: column; justify-content: center; align-items: end; z-index: 8; padding: 11px var(--p); }
cph>bl bd>f>h1 { font-weight: 500; font-size: 1.55em; line-height: 1.77; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; }
cph>bl bd>f>h5 { max-width: 77%; text-align: center; overflow-wrap: break-word; font-weight: 400; margin-bottom: 4px; }
cph>bl f>h6 btn { display: flex ; height: 22px; width: 22px; align-items: center; justify-content: center; }
cph>bl f>h6 { display: flex ; align-items: center; }
cph>bl ft>mg { overflow: hidden; overflow-x: auto; display: flex ; margin: 0; margin-left: 0; background: transparent; margin-top: var(--p); padding: 0 7px; }
cph>bl ft>btns>btn { display: flex ; align-items: center; justify-content: center; padding: 15px 33px; background: var(--b-t); font-weight: 600; letter-spacing: 0.55px; border-radius: 7px; margin: 7px; max-width: 333px; float: right; font-size: 0.88em; font-weight: 500; position: relative; }
cph>bl ft btn>i { height: 22px; width: 22px; }
cph>bl ft btn.this { background: var(--lg-b); border: 1px solid var(--b-t); margin: 4px; padding: 7px; height: 31px; margin-left: 0; }
cph>bl ft btn>i svg { fill: var(--c); }
cph>bl ft>btns { display: grid ; grid-template-columns: auto 55px; align-items: center; justify-content: end; }
cph>bl mg>a:last-child { text-align: center; writing-mode: vertical-rl; font-size: 100%; font-weight: 100; letter-spacing: 2px; text-transform: uppercase; background: var(--b-t); padding: 7px; width: 66px; height: 22px; }
cph>bl ft>mg>a { display: flex ; align-items: center; justify-content: center; padding: 7px 22px; height: max-content; margin-right: 7px; border-radius: 33px; font-weight: 600; font-size: 0.88em; }
cph>bl mg>a.this { background: var(--c); color: var(--b); }
cph>bl mg>a>i { display: block; transform: rotate(90deg); }

@media (max-width : 999px) {
	cph>bl bd>f { align-items: start; }
	cph>bl ft>btns>btn  { float: unset; max-width: unset; }
	cph>bl ft>btns { justify-content: unset; }
}



/* Animation circlekeys*/
@keyframes circlekeys {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.5); opacity: 0.5; }
100% { transform: scale(1); opacity: 1; }
}

/* Animation DotKeys*/
@keyframes DotKeys {
0% { transform: scale(1); }
50% { transform: scale(0); }
100% { transform: scale(1); }
}

/* Animation OutlineKeys*/
@keyframes OutlineKeys {
0% { transform: scale(0); outline: solid 20px var(--a); outline-offset: 0; opacity: 1; }
100% { transform: scale(1); outline: solid 0 transparent; outline-offset: 20px; opacity: 0; }
}
ccnt prf btn { position: absolute; font-family: 'Orbitron', sans-serif; letter-spacing: 7px; bottom: 20px; left: 22px; background: var(--b-t22); padding: var(--p1); padding-left: 17px; font-weight: 500; z-index: 99999; border-radius: 7px;}
ccnt wp { display: flex ; width: fit-content; margin-left: auto; align-items: end; }
ccnt hd img { position: relative; bottom: -2px; max-width: 255px; min-width: 255px; height: 255px; right: 16px; }

ccnt prf>f { display: grid ; grid-template-columns: auto auto; padding: 0; background: var(--lg-bl); border-radius: var(--br);  overflow: hidden; }
ccnt info { display: flex ; flex-direction: column; gap: 6px; margin: 22px; height: fit-content; }
 ccnt shr hd {display: grid; grid-template-columns: 44px auto; opacity: 0.44;align-items: center; }
ccnt shr ft {border-top: solid 1px var(--bt); margin-top: 7px; padding-top: 7px; opacity: 0.44; }
/*ccnt hd wp { width: 123px;height: 123px;border-radius: 50%;position: relative;z-index: 13;margin: auto;}*/
 ccnt info h1 { margin-top: 22px;font-size: 1.14em;letter-spacing: 0; }
ccnt info h3 { font-weight: unset; }
ccnt info h5 {overflow-wrap: anywhere; font-size: 0.99em; font-weight: unset; }
ccnt info h6 {overflow-wrap: break-word; font-size: 0.88em; font-weight: unset; }
ccnt info p { margin: 0; font-size: 0.77rem; color: var(--b-t77); }
 
ccnt bd h2 { color: var(--c); opacity: .6; }
ccnt bd ft { font-size: 0.77em; }

ccnt shr { display: block; background: var(--bc); border-radius: var(--br); padding: var(--p); max-height: 255px; min-height: 212px; }
ccnt prf wp::before{display:none;}




@media only screen and (min-width: 999px){
ccnt>bl {display: grid ; grid-template-columns: 55.4% 43.4%; gap: 11px; margin: 11px 0;}
ccnt prf { display: grid ; height: 100%; }
}


@media only screen and (max-width: 999px){
	ccnt { display: grid; grid-template-columns: unset;margin-top: 11px ; }
	ccnt shr{display:none}
	ccnt info h1{margin-top:0px;}
	ccnt prf btn { position: relative; grid-column-start: 1; width: fit-content; margin-top: 11px; }
	ccnt wp { grid-row-start: 1; grid-column-start: 2; grid-row-end: 3; }
	ccnt hd img { max-width: 155px; min-width: 155px; height: 155px; }
} 


cpocp { display: block; position: relative; }
cpocp>bl>hd { display: grid ; grid-template-columns: 44px auto; align-items: center; }
cpocp d { display: grid ; max-width: 100%; overflow: hidden; padding: var(--p1) var(--p); border-bottom: solid 1px var(--b-t22); margin: 0px; grid-template-columns: auto auto; margin-top: 11px; }
cpocp label { font-size: 15px; font-weight: bold;  }
cpocp p { margin: 0; margin-left: 11px; display: block; text-align: left; }
conb { background: linear-gradient(185deg, var(--b), 81.93%, var(--a1)); margin: var(--m); box-shadow: var(--bs-b); border-radius: var(--br); position: relative; display: block; }
cpocp>bl { background: var(--bc); border: 1px solid var(--b-t); border-radius: var(--br); padding: var(--p); }
cpocp hd { display: grid; grid-template-columns: 44px auto; }
cpocp hd i { height: 22px; width: 22px; margin: auto; }
cpocp hd h3 { display: flex; align-items: center; padding-left: 1px; }


conb hd { padding: var(--p); padding-bottom: unset; display: grid;grid-template-columns: auto;}	 
conb hd h3 { display: flex;align-items: center;padding-left: 1px;font-optical-sizing: auto; }	 

conb bd { padding: 2px 22px; }
conb btn { border-radius: 11px; font-weight: 600; color: var(--b); background: var(--c); letter-spacing: -0.02em; border: 1px solid #6e7781 !important; font-size: 1em; display: flex ; margin: 11px 0; align-items: center; justify-content: center; position: relative; padding: 15px; max-width: 333px; }
conb bl>ft>img { position: absolute; bottom: 0; right: 0; opacity: .2; z-index: 0; }
 

 @import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
		 
cqan {display: block; box-shadow: unset; border-radius: var(--br); margin: 7px ; padding: 11px 0; }
cqan bd bl {display: grid ; border-radius: 11px; margin: 4px; justify-content: center; align-items: center; transition: 99ms; text-align: center; position: relative;}
cqan t { font-size: 0.66em; }
cqan grid.gc5 {grid-template-columns: 25% 25% 25% 25%; justify-content: space-between; margin: 0;padding: 4px; }
cqan ft {  }
@media screen and (max-width: 666px) { 
	cqan {  margin: 0px; padding: 1px 0; } 
}

@media screen and (min-width: 999px) {
	/*cqan { background: var(--bc); border-radius: var(--br); padding: var(--p1) var(--p); }*/
}



cqas {margin: 7px 0;}
cqas svg { height: 37px; width: 37px; }
cqas a img { height: 66%;max-width:66%;filter: grayscale(1); }
cqas a i {height: 33px; width: 33px; margin: auto; padding: 16px; background: linear-gradient(185deg, var(--c1), var(--bt)); border-radius: 18px;}	
cqas a t { display:block; position: absolute; bottom: 20px; font-size: 1em; }	
cqas a t { display: none; }
cqas a i svg path, all svg line, all svg circle, all svg ellipse, all svg rect, all svg polyline, all svg polygon{stroke:var(--c) !important;}	
cqan h3 { font-weight: 500; font-size: 1.11rem; }
cqan hd h3 { display: none; }
cqas bd bd { position: absolute; display: grid ; left: 0; right: 0; top: 70px; }
cqan ft {}
cqas .this t { color: var(--a); font-weight: bold; }
cqas .this a i { background: var(--a); }

@media screen and (min-width: 1500px) {
cqas { display: grid; grid-template-columns: auto auto; }
}

@media screen and (max-width: 999px) {
cqas div { margin: 7px 0; margin-bottom: 0;}
cqas { display: block;padding: 0; border-radius: var(--br);}

	
	}

	

	


	
	


	
	

crdo { display: block; padding: var(--p); background: var(--a); border-radius: var(--br); }
crdo bl { min-height: 123px; border: unset; } 
crdo hd i { height: 55px; width: 55px; background: var(--lg); border-radius: 55%; border: solid 1px var(--b-t22); }
/*crdo h3 { text-align: center; } */
crdo bd h3 { display: flex ; gap: 2%; padding: 11px 5px; flex-direction: column; }
crdo bd h3 count { font-size: 2.6em; } 
crdo code { font-size: 15px;   } 
crdo .invite-link { display: block; font-size: 0.5em; height: 44px; width: 95%; border-radius: 7px; padding: 0; margin: auto; text-align: center; background: var(--b-t);} 
crdo aa { height: 44px; display: flex ; justify-content: center; align-items: center; background: var(--lg-b); color: var(--b); border-radius: 7px; /*margin: auto; */padding: 0; font-size: 0.7em; margin-top: 0; width: 55px; }
crdo #Invite { cursor: default; position: relative; bottom: 0; right: 0; text-align: center; letter-spacing: 3px; text-decoration: none; font: 14px / 20px "industry", "Helvetica", "Arial", sans-serif; text-transform: uppercase; color: var(--b); outline: 0; z-index: 8888888; border-radius: 10px; height: 44px; margin: auto; font-weight: bold; justify-content: center; align-items: center; background: var(--c); border: unset; margin-top: 18px; width: 88%; }
crdo .fte { /*position: absolute; */left: 11px; right: 11px; justify-content: center; bottom: 66px; } 
.inviting grid{grid-template-rows:unset}	
.inviting grid>* { height: 100%; margin: 0; display: flex; justify-content: center; align-items: center; padding: 7px; }	
invite grid svg { position: absolute; height: 55%; width: 55%; }
invite.inviting grid>a { background: var(--bc); border-radius: 11px; width: 55px; height: 55px; padding: 0; margin: auto; }
crdo f i { height: 25px; width: 25px; margin-right: 11px; }
crdo h3 svg  { width: 30px; height: 30px; display: inline-block; margin: 0px; }
crdo bd { color: var(--c); }
crdo hd svg { height: 32px;    fill: #3376f9; }
invite blc { display: grid ; grid-column-start: 1; grid-column-end: 4; align-items: center; gap: 8px;}



/*Referral_link */
crfl { display: flex ; flex-direction: column;  background-color: var(--bc); border-radius: var(--br); padding: var(--p);   }
crfl hd { width: 100%; margin-bottom: 16px; } 
crfl hd h2 { font-size: 22px; font-weight: 700; line-height: 1.3; } 
crfl bd { display: flex; flex-direction: column; width: 100%; margin-bottom: 18px; } 
crfl bd p { font-size: 0.77em; line-height: 1.5; margin-bottom: 18px; }
crfl bd lnks { display: flex ; align-items: center; width: 100%; border-radius: 11px; overflow: hidden; margin-bottom: 16px; background-color: var(--b-t); }
crfl bd lnks input { flex-grow: 1; padding: 12px 16px; font-size: 14px; border: none; background-color: transparent; outline: none; width: 100%; text-overflow: ellipsis; }
crfl bd lnks input::selection { background-color: var(--at); } 
crfl bd lnks btn { display: flex ; align-items: center; justify-content: center; background-color: var(--c1); cursor: pointer; width: 20%; transition: 333ms; }
crfl bd btn i { height: 58px; width: 30px; filter: invert(1); }
crfl ft { display: flex; flex-direction: column; align-items: center; width: 100%; } 
crfl ft bts { width: 100%; margin-bottom: 16px; } 
crfl ft bts btn { display: flex; align-items: center; justify-content: center;  padding: 12px; background: var(--lg-bl); color: var(--ct); border-radius:11px; font-size: 16px; font-weight: 500; cursor: pointer; border: none; } 
crfl ft bts btn i { height: 18px; width: 18px; filter: invert(1); margin: 0px 8px; }
crfl ft span { font-size: 14px; color: var(--a1); display: none; }
crfl strong { color: var(--b-t77); font-weight: 500; }
crfl bd lnks btn:hover { background-color: var(--a1); } 
crfl bl ft { display: flex ; }
crfl ft bts btn:hover { background-color: var(--a1); }
crfl ft ink { display: flex ; width: 100%; height: auto;  column-gap: 11px; }
crfl ft ink i { width: 24px; height: 24px; padding: var(--p1); background: var(--b); transition: 333ms; }
crfl ft ink i:hover { background: var(--b-t); }

 @media screen and (max-width: 600px) { 
 crfl { margin-block: var(--m);}

}
 
crsps { position: absolute; display: block; padding: var(--p); z-index: 99; max-width: 444px; border-radius: var(--br); margin: 0 var(--m); inset: 0; max-height: max-content; transition: transform 0.3s cubic-bezier(0.74, -0.03, 0.05, 1.24); transform: scale(.77); opacity: 0; visibility: hidden; margin: var(--m); }
crsps>bl hd btn { display: flex ; height: 35px; margin: 22px 0; align-items: center; justify-content: center; width: max-content; position: relative; z-index: 10; }
crsps form { position: relative; }
crsps form input { background: var(--b); font-size: 0.88em; border-radius: 11px; width: -webkit-fill-available; margin: 11px 0; }
crsps form input.btn-primary { background: var(--lg-b); margin: 0 auto; max-width: 88%; width: -webkit-fill-available; margin-top: 22px; }
.Reset_Password crsps { transform: scale(1); animation-name: coolfadeIn; opacity: 1; visibility: visible; } 
 

cblce { display: block; margin: 11px 0; background: var(--bc); border-radius: var(--br); }

cblce grid:nth-child(odd) { background: var(--b-t); border-top: solid 1px #343947; border-bottom: solid 1px #343947; margin: 0; }
cblce wt {display: block; padding: 11px 33px; border-radius: var(--br); background: #fff6; border: solid 1px #fff; margin-top: 11px;position: relative; overflow: hidden; }
cblce grid { grid-template-columns: 66px auto 40px;   padding: 7px 11px;   margin: 11px 7px; }
cblce f { align-items: center;position:unset;}
cblce co input{ transform: scale(1.1); height: 44px; width: 44px; margin:0 }
cblce h7 { display: flex; align-items: center;letter-spacing: 0; font-size: 0.55em;}
cblce label { margin-left: 11px;}
cblce input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; }
cblce wallet b { display: block; font-size: 0.66em; }
cblce .balance .sm { display: block; padding: var(--p); padding-bottom: 0px; align-items: center;}
cblce .balance bd { min-height: 123px; padding: 0; }
cblce .trx { display: block; min-height: 123px; padding: 0 22px; }
cblce .trx f { z-index: 8; align-items: center; flex-wrap: wrap; display: flex; }
cblce .trx bt { max-height: 99px; }
cblce .trx h2 { line-height: 1; margin: auto 4px; }
cblce .tw { font-size: 0.66em; }
cblce .tw b { letter-spacing: 4px; font-size: 0.66em; } 
cblce Status { border: unset; margin: 11px 7px; border-radius: 11px; }
cblce bl.balance { background: var(--c0); }

cblce grid { position:relative;margin: 4px;}
cblce co { margin: 7px; border-radius: 11px; overflow: hidden; position: relative; height: 44px; width: 44px; box-shadow: 0 0 0 7px var(--bc); border: solid 2px var(--c0);}
cblce co:after { z-index: 888; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
cblce bd a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; }
cblce svg { margin: 011%; width: auto; height: auto; fill: var(--a); }
cblce b { letter-spacing: 0; }
cblce grid.tab { grid-template-columns: auto; border-radius: 7px; margin: 7px 0; background: var(--bt); box-shadow: 0 1px 7px #1f26330d; }

cblce form { position: relative; }

cblce form h7 { opacity: 0.44; }


crwo trcs>trc { display: grid; grid-template-columns: 111px auto 0px; } 
crwo trc>hd { height: 99px; width: 99px; background: transparent; } 
crwo trc>hd img { max-height: 77%; max-width: 77%; filter: invert(77%); }
crwo bl hd { display: grid ; grid-template-columns: 38px auto; height: 44px; align-items: center; }
crwo { margin: var(--m); padding: var(--p1); display: block; }

crwd { display: grid ; grid-template-columns: 77px auto 22%; background: var(--b-t); border: 1px solid var(--c1); padding: 7px 11px; border-radius: 11px; margin: 7px 0; align-items: center; }
crwd co { margin: 7px; border-radius: 11px; overflow: hidden; position: relative; height: 37px; width: 37px; box-shadow: 0 0 0 2px var(--c1); border: solid 2px var(--at); padding: 7px; }
crwd svg { margin: 011%; width: auto; height: auto; fill: var(--a); }

crwd co input{transform: scale(1.1); height: 44px; width: 44px; margin:0 }
crwd h7 { display: flex ; align-items: center; letter-spacing: 0; justify-content: end; font-size: 0.77em; }
crwd label { margin-left: 11px; display: grid ; gap: 2px; grid-template-columns: 50% 50%; opacity: 1; }
cjrs wallet{display:block;min-height:123px;padding:0 22px;background: var(--bc);border-radius: 11px;}
cjrs f {z-index: 8;align-items: center;flex-wrap: wrap;}
cjrs bt {max-height: 99px;}
cjrs f h2{line-height: 1;margin: auto 4px;}
cjrs balance{font-size: 0.66em;}
cjrs h2 b{letter-spacing: 4px;font-size: 0.66em;}
cjrs div{border: unset;margin: 11px 7px;border-radius: 11px;}
cjrs div bl { border: unset; border-radius: 11px; background: var(--bc); padding: var(--p); }
cjrs form{position: relative;}
cjrs bl>ft{display: block; }
crwd label>d { font-size: 0.77em; opacity: 0.66; font-weight: 400; margin: 4px 0; }
crwd label>name { line-height: 1; letter-spacing: 0.44px; font-size: 0.99em; }

@media (max-width : 999px) {
	crwd label { grid-row-start: 2; grid-column-start: 1; grid-column-end: 4; }
	crwd h7 { justify-content: start; font-size: 1em; }
	cjrs { display: block; margin: 7px; }
}
crto { margin: var(--m); display: block; background: var(--bc); padding: var(--p); border-radius: var(--br); }
crto>bl>hd { display: grid ; grid-template-columns: 0px auto; align-items: flex-start; }
crto trcs>trc { display: grid; grid-template-columns: 77px auto 0px; box-shadow: unset; margin: 7px auto;width: 100%; max-width: -webkit-fill-available;padding: 15px;} 
crto trc>hd { height: 70px; width: 70px; background: var(--bc); } 
crto trc>hd img { max-height: 77%; max-width: 77%; filter: invert(77%); }
cm trcs>trc h6, trcs>trc h5 { font-size: 0.88em; }cslo { text-align: center; padding: 50px; border-radius: 12px; display: grid ; }
cslo .logo { margin: auto; width: 77px; margin-bottom: 20px; }
cslo h2 { font-size: 22px; margin-bottom: 8px;  } 
cslo p { font-size: 0.88em; margin-bottom: 20px; letter-spacing: 2px; }
.screenlock screenlock { overflow: visible; top: 0; }

 
screenlock { position: absolute; left: 0; right: 0; bottom: 0; background: var(--b); z-index: 9999; top: 123vh; transition: 333ms; overflow: hidden; max-width: 566px; margin: auto; }
app.screenlock screenlock { top: 0; }
	
snlock { position: absolute; left: 0; right: 0; top: auto;bottom:0 }		
		
		
		
screenlock hd { text-align: center; }		
screenlock hd h2 { font-weight: 500; }		
screenlock .inputwrapper { margin: 0; line-height: 0.61em; vertical-align: middle; overflow: hidden; text-wrap: nowrap; height: 44px; display: flex; justify-content: center; align-items: center; flex-direction: row; }screenlock .numberinput { display: inline-block; height: 15px; width: 15px; border-radius: 50px; margin-right: 7px; margin-left: 9px; font-size: 2em; background: var(--c); }

.keypad { position: relative; }		
.numberline { padding: 0px; display: grid; grid-template-columns: 33.33% 33.33% 33.33% 33.33%; text-align: center; }		
.cntnt { display: inline-block;  transition: 99ms;border: solid 1px var(--bc); margin: 0; padding: var(--p1); }
.cntnt:active { background: var(--bc); transform: scale(0.88); }
.cntnt span.number { font-size: 1.5em; font-weight: 600; }
screenlock i { width: 33px; height: 33px; margin: auto; display:block }
screenlock info { position: relative; display:block; width:88%; margin:auto; text-align: center; }		
.screenlock account { display: none; }
.screenlock div#WEB3_CONNECT_MODAL_ID { display: none; }
		

/* Component : SellNew */
csnw { display: block; background: var(--b-t); padding: var(--p); border-radius: var(--br); }
csnw hd { display: block; }
csnw hd h3 { display: flex ; align-items: center; column-gap: 11px; }
csnw hd i { width: 33px; height: 33px; }
csnw hd t { font-size: 1em; font-weight: 500; }
csnw bd bac { display: grid ; grid-template-columns: 70px auto 50px; height: 55px; margin: 11px 0; border-radius: 7px; text-align: center; align-items: center; border: solid 1px var(--b-t22); font-weight: bold; }
csnw bd wc>f { border: solid 1px var(--b-t22); background: unset; border-radius: 11px; justify-content: center; align-items: center; }
csnw bd wc>f input { width: 24px; height: 24px; }
csnw bd form { position: relative; display: block; }
csnw bd bt { max-height: 99px; }
csnw bd h2 { line-height: 1; margin: auto 4px; font-size: 3em; font-weight: bold; }
csnw bd balance { font-size: 0.66em; }
csnw bd bl { display: none; }

csnw wt { display: block; padding: var(--p1); border-radius: 11px; background: var(--c0); border: solid 1px rgb(255 255 255 / 11%); margin-top: 11px; position: relative; overflow: unset; }
csnw wt f{align-items: center;position:unset;}
csnw wt input{ height: 44px; width: 44px; }
csnw wt h7{display: flex; align-items: center; }
csnw wt label { margin-left: 11px;}
csnw wt input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; }
csnw wc>f { align-items: center; margin: 0 7px; border: solid 2px var(--b-t22); border-radius: 11px; }
csnw wc input { height: 33px; width: 33px; }
csnw wc label { font-weight: bold; }
csnw wc input::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50px; z-index: 888; }	

	#SellNow svg { fill: var(--b); max-height: 77%; }
	
csnw bac t { text-align: end; opacity: 0.44; }	
csnw bac amt { display: flex; padding: 0 7px; height: 100%; align-items: center; }	
csnw bac input { max-width: 100%; min-width: unset; width: 100%; padding: 0; margin: 0; border-radius: unset; height: 100%; background: transparent; text-align: end; font-family: monospace;font-size: 1.5em;}	
csnw bac bcc { text-align: left; }	
csnw bac:hover, bac:active, bac:focus, bac:focus-within, bac:target { box-shadow: 0 0 0 2px var(--a); }	
	

csnw ft { display: block; margin-top: 11px; }
csnw ft button { display: flex ; align-items: center; width: 100%; height: auto; border-radius: 11px; justify-content: center; background: var(--lg-b); }
csnw ft i { height: 33px; width: 33px; margin-right: 11px; }
csnw ft f { font-size: 1em; font-weight: 700; color: var(--b); }






/* Component : Sell_Transactions */
cstc { display: block; }
cstc>bl>hd { display: none; grid-template-columns: 44px auto; }
cstc>bl>hd i { height: 40px; width: 40px; }
cstc hd h3 { display: flex ; align-items: center; padding-left: 1px; }


cstc trcs { display: block; }		
cstc trcs>trc { display: grid;background:var(--b-t); margin:7px; padding: var(--p); grid-template-columns: 99px auto 0px;border-radius: var(--br); }	
cstc trc>hd { overflow:hidden;display: flex; justify-content: center; align-items: center; height: 77px; width: 77px; background:var(--b); border-radius: var(--br); }	order>bd { display: grid; }	
cstc trc name { letter-spacing: 0; font-size: 1em; font-weight: bold; }
cstc trc price { font-weight: bold; }	
cstc trc time, trc email, trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left:4px}	
cstc trc qty { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: bold; background: rgb(0 0 0 / 10%); border-radius: 11px; margin:2px}		
cstc trc img { object-fit: contain; height: 100%; width: 100%; }
cstc trc h6{display:grid;grid-template-columns:max-content auto;max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0;}
cstc more>i { width: 22px; height: 22px; margin-right: 11px; margin-top: 4px; }	
cstc trcs>trc>bd { display: flex; flex-direction: column; justify-content: center; }
cstc trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; }
cstc trc hd { background:transparent}	
cstc trc img { object-fit: contain; height: 77%; width: 77%; filter: invert(77%);}	



cstc trc img { object-fit: cover; height: 77%; width: 77%; }		
cstc trcs>trc {grid-template-columns: 66px auto 111px;background: var(--b-t);border-radius: 15px;}
cstc trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}





/* Component : Share */
csro>bl { display: block; padding: var(--p); position: relative; z-index: 2; overflow: hidden; border-radius: var(--br); background: var(--bt); box-shadow: var(--bs); }
csro>bl amt { opacity: 0.8; }
csro>bl bd>d { display: flex ; justify-content: space-between; padding: var(--p1); margin-top: 7px; border-radius: 7px; background: var(--bt); align-items: center; box-shadow: 0 5px 4px hsl(0deg 0% 0% / 2%); }
/* Component : ShareNew */
csblo { display: block; background: var(--bc); margin: 7px; border-radius: var(--br); padding: var(--p); }
csblo>bl hd>btns { display: grid ; grid-template-columns: 50% 50%; justify-content: center; align-items: center; text-align: center; font-weight: bold; height: 44px; border: 1px solid var(--b-t); max-width: unset; margin: 0; background: var(--b); padding: 4px; border-radius: 11px; position: relative; }
csblo>bl hd btn { position: relative; z-index: 99; }
csblo>bl form { position: relative; display: grid ; grid-template-columns: 50% 50%; }
csblo>bl form>d { display: grid ; grid-template-columns: 44px auto; align-items: center; font-weight: 500; background: var(--bt); margin: 4px; border-radius: 11px; padding: 7px; border: 1px solid var(--bc); font-size: 0.88em; }
csblo>bl form>d>label { height: 100%; align-items: center; display: flex ; }
csblo>bl form>d>input { margin: 7px auto; height: 22px; width: 22px; }
csblo>bl form>sl { display: flex ; align-items: center; justify-content: space-between; background: var(--bt); grid-column-start: 1; grid-column-end: 3; margin: 4px; padding: 7px; border: 1px solid var(--bc); }
csblo>bl form>sl>t { font-weight: 600; font-size: 0.88em; margin: 7px 11px; }
csblo>bl sl>input:focus { box-shadow: none; }
csblo>bl>ft btn { display: grid ; grid-template-columns: 33px auto; justify-content: center; align-items: center; background: var(--lg-b); color: var(--b); padding: var(--p1); border-radius: 7px; margin: 7px 7px 0 7px; }
csblo>bl hd btn:last-child { border: none; z-index: 999; }
csblo>bl hd>btns:after { content: ""; position: absolute; inset: 0; left: 0; width: 50%; background: rgb(14 203 129 / 85%); margin: 4px; border-radius: 7px 0 0 7px; transition: 0.22s; }
csblo.buy hd>btns:after { left: 0; }
csblo.sell hd>btns:after { background: rgb(246 70 93); border-radius: 0 7px 7px 0; left: 48.44%; }

csblo.buy ft>btn { background: rgb(14 203 129 / 85%); color: var(--c); }
csblo.sell ft>btn { background: rgb(246 70 93); color: var(--c); }
csblo>bl f { z-index: 8; align-items: center; flex-wrap: wrap; padding: 7px 11px; }
csblo>bl f>bt { max-height: 99px; font-size: 0.88em; font-weight: bold; opacity: 0.7; letter-spacing: 0.77px; }
csblo>bl f spw, csblo>bl f fdw, csblo>bl f jkw, csblo>bl f mnw { visibility: hidden; transition: 333ms; position: absolute; font-weight: bold; font-size: 1.44em; }
.spot_wallet f>h2 spw { visibility: visible; opacity: 1; }
.funding_wallet f>h2 sfdw { visibility: visible; opacity: 1; }
.jackpot f>h2 jkw { visibility: visible; opacity: 1; }
.main_wallet f>h2 mnw { visibility: visible; opacity: 1; }
csblo>bl f>h2 b { display: block; font-size: 0.88em; opacity: 0.7; margin-top: 33px; }
csblo>bl f#buywallet { display: none; }
csblo.buy f#sellwallet { display: none; }

/* Component : ShareOverview */
csoo>bl { display: block; padding: var(--p); background: var(--bc); margin: 7px; border-radius: var(--br); }
csoo>bl>bd { display: grid ; grid-template-columns: 49.66% 49.66%; gap: 7px; margin-top: 11px; }
csoo>bl>hd { display: grid ; grid-template-columns: 33px auto; align-items: center; padding-bottom: 7px; }


@media (max-width : 999px) {
csoo>bl>bd { grid-template-columns: 100%; }
	
}


/* Component : Share_Info */
csrio { display: grid ; position: relative; overflow: hidden; }
csrio>bl { display: block; padding: var(--p); background: var(--bt); border-radius: var(--br); line-height: 25px; height: -webkit-fill-available; }
csrio>bl d { display: flex ; align-items: center; }
csrio>bl ft>d { display: flex ; flex-direction: column; align-items: start; }
csrio.up percent{color:rgb(14, 203, 129)}
csrio.down percent{color:rgb(246, 70, 93)}
csrio.up price{color:rgb(14, 203, 129)}
csrio.down price{color:rgb(246, 70, 93)}
csrio percents { display: grid; grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; padding: var(--p1) var(--p); grid-column-start: 1; grid-column-end: 3; border-top: solid 1px var(--bt); }
csrio percents percent { display: grid; font-size: 0.55em;color:var(--c) !important }	
csrio percents percent t{opacity:0.44}	
margin-bottom: 0px; background: var(--b-t); border-radius: 11px; }
csrio .cred { color: #ff9090; }
csrio>bl bd { display: grid ; grid-template-columns: auto auto auto auto; justify-content: flex-start; gap: 14px; align-items: center; margin-bottom: 7px; padding: 7px 0; }
csrio>bl ft>d>c { color:#0ecb81; }
csrio>bl d>i { height: 17px; width: 17px; margin-right: 7px; }
/* Component : Share_Periods */
csrpo>bl hd>btns { background: var(--bt); margin: var(--m); border-radius: 10px; align-items: center; grid-template-columns: 16% 16% 16% 16% 16% 16%; justify-content: space-between; display: grid ; padding: 4px 22px; opacity: 0.44; font-size: 0.77em; border: solid 1px var(--b); }
csrpo>bl hd btn { display: flex ; justify-content: center; padding: var(--p1); border-radius: 7px; }
csrpo>bl hd btn.this { background: var(--b); box-shadow: -7px 0px 20px 0 rgb(111 111 111 / 9%), 7px 0px 20px 0 rgb(111 111 111 / 9%); border: 1px solid var(--b); }
csrpo>bl pr { display: flex ; justify-content: space-between; margin: 0 22px; }
csrpo>bl pr>d { display: grid ; text-align: center; gap: 7px; }
/* Component : Share_Wallets */
csrws { display: block; border-radius: 11px; margin: 7px; }/* Slot_Wallets */

csws trc img { object-fit: contain; height: 77%; width: 77%; }	
csws { display: flex ; width: 100%; background: var(--bt); border: 1px solid var(--bt); border-radius: 15px; }	
	
csws>trc {display: grid; grid-template-columns: 66px auto 111px;background: var(--b-t); color: var(--b);border-radius: 15px;position:relative;margin: 7px; padding: var(--p); width: 100%;}

csws>trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
csws>trc h4 { color: var(--c); font-size: 21px; }
csws>trc h6 { color: var(--c); }
csws>trc ft { display: flex ; flex-direction: column; justify-content: center; align-items: end; }
csws>trc bd{display: flex ; flex-direction: column; justify-content: center;}

 
 spnr:before { content: " "; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 999999999999999999999999999999999; }	
 spnr { position: fixed; bottom: 66px; width: 4.25rem; height: 4.25rem; z-index: 9999; left: 11px; background: transparent; }
 spin { position: absolute; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; transition-property: transform; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; top: 0; left: 0; }
 spin img { height: 100%; width: 100%; animation: spin 60s linear infinite; }	
 spin:before { content: " "; position: absolute; display: flex; height: 100%; width: 100%; background-image: radial-gradient(50% 50% at 50% 50%,#eb1a3a 0,rgba(235,26,58,0) 100%); border-radius: 999px; animation: glowPrimaryKey 3s cubic-bezier(.4,0,.6,1) infinite; }
slogo { position: absolute; width: 80%; top: -10%; left: -4%; pointer-events: none; }	
 spnr go { font-size: 1rem; line-height: 2rem; color: rgb(255 204 120/1); font-weight: 900; transform: translate(0,0) rotate(-30deg) skewX(0) skewY(0) scaleX(1) scaleY(1); z-index: 999999999999999; text-shadow: 0 -10px 12px #640000, 0 5px 12px #640000, 0 5px 12px #360000, 0 3px 0 #ff0f0f, 0 2px 0 #9d0000; position: absolute; left: 9%; right: 0; top: 24%; }
 spnr a.a {
    z-index: 9999999999;
}
	
	
	
	/* animation: spin 80s linear infinite; */	
@keyframes spin {
100% { transform: rotate(1turn); }	}
	
/* animation: glowPrimaryKey 3s cubic-bezier(.4,0,.6,1) infinite; */		
@keyframes glowPrimaryKey {
0%, 100% { content:" "; opacity: .2; }	
50% { content: " "; opacity: .2; }
}	
	
/*animation: steamKey 12s ease-in-out infinite;*/			
@keyframes steamKey {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-14px); }
}	
	 
/* Component : Spot_TotalBalance */
csbo>bl { display: block; padding: var(--p); margin: var(--m); background: var(--b-t); border-radius: var(--br); }
csbo>bl>hd { display: grid ; grid-template-columns: 33px auto; align-items: center; font-weight: 600; }
csbo>bl>hd i>svg { fill: var(--a); }
csbo>bl ft>btn { display: block; text-align: center; padding: var(--p1); background: linear-gradient(90deg, var(--a), var(--a1), var(--a)); border-radius: 7px; position: relative; box-shadow: 0 0 0px 2px var(--a1); }
csbo>bl amt { display: block; font-size: 1.77em; line-height: 1.44; font-weight: 600; }
csbo>bl wl>f { flex-direction: column; }
csbo>bl>bd { display: block; padding: var(--p) var(--p1); }
csbo>bl wl>t { font-size: 0.88em; }

/* Component : StakeNew */
csno { display: block; background: var(--b-t); border-radius: var(--br); padding: var(--p); margin: var(--m); }
csno>bl bd { background: var(--bc); margin: 7px; padding: var(--p); border-radius: var(--br); margin-top: 22px; display: grid; }
csno bd wallet { display: block; min-height: 123px; }
csno bd f { z-index: 8; align-items: center; flex-wrap: wrap; }
csno bd bt { max-height: 99px; text-align: center; writing-mode: vertical-rl; font-size: 100%; font-weight: 100; letter-spacing: 2px; text-transform: uppercase; margin-left: 11px; transform: rotate(-180deg); }
csno bd f h2 { font-size: 3em; color: var(--c); margin-left: 0; margin-right: 0; }
csno bd f balance { font-size: 0.66em; font-weight: bold; }
csno bd f b { letter-spacing: 4px; font-size: 0.66em; }
csno bd f address { position: relative; bottom: 0; min-width: 100%; font-style: unset; text-transform: uppercase; letter-spacing: 4px; font-family: system-ui; font-weight: bold; opacity: 0.77; text-shadow: -1px 1px 2px rgb(0 0 0 / 44%); left: 73px; display:flex;align-items: center; }
csno bd new { background: transparent; box-shadow: unset; position: relative; display: block; top: 0; width: auto; height: auto; }
csno bd form { position: relative; opacity: 1; transform: scale(1); z-index: 2; }
csno bd input { padding: 7px 0; font-size: 2em; font-weight: bold; font-family: system-ui; background: var(--c0); text-align: center; grid-column-end: 3; grid-column-start: 1; width: 96%; border-radius: 11px; margin: 4px 0; border: solid 1px rgb(255 255 255 / 11%); margin-bottom: 11px; }
csno bd form p { display: none; margin: 0; font-size: 0.66em; text-align: center; margin-bottom: 11px; }
csno bd grid { grid-template-columns: 33% 33% 33%; grid-template-rows: 50% 50%; grid-gap: 0; position: absolute; top: 66px; bottom: 111px; left: 0; right: 0; z-index: 88888; display: none; }
csno bd new aa { font-size: 1.23em; font-weight: bold; color: var(--b); font-family: system-ui; height: 55px; display: flex ; justify-content: center; align-items: center; background: linear-gradient(133deg, var(--a), var(--a1)); border-radius: 11px; width: 95%; margin: auto; margin-top: 11px; }
csno bd new i { height: 33px; width: 33px; margin-right: 11px; fill: var(--b); }
csno bd new wc { grid-template-columns: 50% 50%; display: grid ; }




stake bl hd h3 img { filter: invert(1); }
BuyOne input { padding: 7px 0; font-size: 2em; color: var(--c); font-weight: bold; font-family: system-ui; background: #fff6; text-align: center; grid-column-end: 3; grid-column-start: 1; width: 100%; border-radius: 11px; margin: 4px 0; border: solid 1px #fff; margin-bottom: 11px; }
#Stake_New-Now { font-size: 1.23em; font-weight: bold; color: var(--c); font-family: system-ui; height: 55px; display: flex ; justify-content: center; align-items: center; background: linear-gradient(133deg, var(--a), var(--a1)); border-radius: 11px; width: 95%; margin: auto; margin-top: 11px; }
#Stake_New-Now svg { fill: var(--c); max-height: 77%; max-width: 77%; }
	
in new wc>f { align-items: center; background: var(--c0); margin: 0 7px; border: solid 2px #fff; border-radius: 11px; box-shadow: var(--bs-b); margin:4px;display: grid; grid-template-columns: 44px auto;font-weight: bold;height:40px}
in new wc>f>input { height: 77%; }
	
@media only screen and (min-width: 999px){
stake opstion div label { font-size: 0.8em; }
}	






/* Component : Stake_Transactions */

cstn>bl>hd { grid-template-columns: 44px auto; }
cstn>bl>hd i { height: 40px; width: 40px; }
cstn hd h3 { display: flex ; align-items: center; padding-left: 1px; }
cstn trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);}
cstn bd trcs>h4 { font-size: 1em; font-weight: 500; margin-bottom: 11px; }
cstn bd trc { align-items: center; margin: 7px 0; background: var(--b-t); box-shadow: unset; grid-template-columns: 55px auto 88px; width: auto; }
cstn trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
cstn trc { align-items: center; margin: 7px 0; }	
cstn ft btn { display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }



@media (max-width : 999px) {
	cstn>bl { display: block; margin: 7px; }
}



csito { display: flex ; width: auto; padding: 14px 13px; background:var(--bc); border-radius: 12px; margin-bottom: 11px; }
csito>bl { display: grid ; width: 100%; grid-template-columns: 44px auto 87px;align-items: center; }
csito bd{padding: 0 13px;font-weight: 500; font-size:16px;}
csito bd h6{font-size: 14px; font-weight: 300}
csito hd{filter: invert(1); background: var(--b-t22); padding: 5px; border-radius: 7px; }
/* Component : Staking_Plan */
cspo>bl h2 { font-size: 0.99em; margin-top: 0; }
cspo>bl { display: block; background: var(--b-t); color: var(--c); width: auto; padding: 20px; border-radius: var(--br); text-align: center; height: fit-content; margin: 10px; }
cspo>bl .icon { width: 50px; height: 50px; background-color: #53E1C4; margin: 0 auto 20px; border-radius: 8px; display: flex; align-items: center; justify-content: center; } 
cspo>bl h2 { font-size: var(--fs); margin-bottom: 31px; text-align: justify; margin-top: 11px; }
cspo>bl p.price { font-size: var(--fs); margin-bottom: 20px; text-align: justify; opacity: 0.7; font-weight: 600 }
cspo>bl btn { display: flex ; background: var(--lg-b); color: var(--c); padding: 15px 22px; border-radius: 33px; text-decoration: none; transition: background-color 0.3s ease; font-weight: 600; box-shadow: var(--bss); text-align: center; justify-content: center; position: relative; }
cspo btn:hover { background-color: #444; } 
cspo>bl ul { text-align: left; color: var(--c); margin: 0px; border-radius: var(--br); padding: 20px 8px; }
cspo>bl ul li { list-style: none; margin: 8px 0; display: flex; align-items: center; font-weight: 500; font-size: 0.88em;gap:7px; }
cspo>bl ul li::before { content: "✓"; margin-right: 10px; font-weight: bold; color: #53df3b; width: 16px; }
cspo>bl i { justify-content: flex-start; }
cspo>bl box { display: grid; gap: 10px;}
cspo>bl p { text-align: justify; font-weight: 600; margin: 0; padding: 2px 0; }
cspo h1 b { font-size: 0.66em; opacity: 0.5; }
cspo>bl h1 { text-align: justify; }
staking_plan main { width: 100%; }
	
	
@media only screen and (max-width: 999px) {
cspo>bl i { height: auto; }
cspo>bl {  margin: 9px; }
}
	
	

/* Component : Staking_Plans */
cspos>bl { width: 100%; height: auto; position: relative; display: grid ; padding: 33px; }
cspos>bl>hd { display: grid ; grid-template-columns: 48% 48%; }

@media only screen and (max-width: 999px) {
cspos>bl { padding: 0px; width: 100%; }
cspos>bl>hd { display: block; }
}
/* Component : TeamStake_Total */
ctiso { background: var(--bc); border-radius: var(--br); }
ctiso>bl { display: block; }
ctiso>bl bd { display: grid ; }
ctiso bd d { display: grid ; grid-template-columns: 63px auto; align-items: center; padding: var(--p); border-bottom: solid 1px var(--b-t22); margin: 7px 0; }
ctiso d bt { display: none; }	
ctiso wallet h2 { font-size: 1.9em; position: relative; margin: 0 !IMPORTANT; width: 100%; opacity: .7; }
ctiso d:last-child { border: unset; }
ctiso d bd { padding: 0; line-height: 24px;  }		
ctiso d ft { display: grid ; grid-column-start: 1; grid-column-end: 3; }
ctiso d slider { display: flex ; padding: 5px; background: var(--b-t); border-radius: var(--br); }	
ctiso d sldr { display: flex ; padding: 5px; background: var(--lg-b); border-radius: var(--br); width: 33%; justify-content: end; }
ctiso d o { display: block; width: 22px; height: 22px; background: var(--c); border-radius: 50px; }
ctiso d ft div { background: var(--c1); padding: var(--p1); border-radius: var(--br); }





/* Component : TeamStake_Transactions */
ctso>bl>hd { display: none; grid-template-columns: 44px auto; }
ctso hd i { height: 40px; width: 40px; }
ctso hd h3 { display: flex; align-items: center; padding-left: 1px; }
ctso>bl>bd { display: block; margin: 0 11px; }
ctso bd trcs>h4 { margin: 22px 0; }
ctso>bl trc { background: var(--b-t) !important; box-shadow: unset; grid-template-columns: 55px auto 88px; width: auto; margin: 7px 0; }
ctso trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);}	
ctso trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
ctso ft btn { display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }




cktt { display: block; border-radius: var(--br); padding: 1.5rem; background: var(--b-t); backdrop-filter: blur(10px);  position: relative; overflow: hidden; }
cktt bg { margin-top: -2.5rem; width: 7rem; height: 7rem; border-radius: 9999px; opacity: .2; position: absolute; animation-duration: .5s; background: var(--bt); right: -31px; top: 5px; left: unset; }
cktt bl hd { display: grid ; grid-template-columns: 18px auto; align-items: center; letter-spacing: .05em;  font-weight: 400; font-size: .75rem; line-height: 1rem; gap: 9px; }
 cktt hd i { width: 100%; height: 100%; }
cktt bd { display: block; padding: 7px;  margin-top: 16px; }
cktt bd h4 { font-size: 1.875rem; font-weight: 500; }

cktt bd >t { opacity: .5; } 
ckts { display: block; background: var(--bc); padding: var(--p); border-radius: var(--br); } 
ckts bl.bl2 { min-height: 77px; }
/*ckts bd { display: flex; grid-gap: 7px; padding: 7px 0; }*/
ckts d { display: grid ; gap: 11px; margin-top: var(--m); }
@media only screen and (min-width: 999px)
{
	ckts d { grid-template-columns: auto auto;  }
}
/* Component : Today_Totalincome */
cttm { display: grid ; background: var(--b-t); padding: var(--p); border-radius: var(--br); margin-bottom: 11px; }
cttm bl>hd { display: block; margin-bottom: 11px; line-height: 22px; }
cttm hd h2 { font-size: 1em; font-weight: 600; }
cttm hd p { margin: 0; font-size: 0.77em; font-weight: 500; opacity: 0.6; }
cttm bl>bd { display: grid ; row-gap: 11px; }
cttm bd dtc { display: grid ; grid-template-columns:55px auto max-content; align-items: center;border-radius: 11px; padding: var(--p1); background: rgb(36 146 249 / 7%); }
cttm dtc hd { width: 44px; height: 44px; background: rgb(36 108 249 / 35%); display: flex ; justify-content: center; align-items: center; border-radius: 55%; }
cttm dtc i { width: 24px; height: 24px; }
cttm dtc bd { display: grid ; line-height: 20px; }
cttm dtc bd span { font-size: 0.66em; font-weight: 500; color: var(--a); }
cttm dtc bd aa { font-size: 0.88em; font-weight: 500; color: var(--a); }
cttm dtc btn { background: rgb(36 108 249 / 35%); padding: 7px; border-radius: var(--br); }
cttm dtc btn t { font-size: 0.77em; font-weight: 500; color: var(--a); }
cttm bd dtb { display: grid ; grid-template-columns:55px auto max-content; align-items: center;border-radius: 11px; padding: var(--p1); background: rgb(152 134 244 / 6%); }
cttm bl>bd ft { display: grid ; }
cttm dtb hd { width: 44px; height: 44px; background: rgb(150 134 244 / 37%); display: flex ; justify-content: center; align-items: center; border-radius: 55%; }
cttm dtb i { width: 33px; height: 33px; }
cttm dtb bd { display: grid ; line-height: 20px; }
cttm dtb bd span { font-size: 0.66em; font-weight: 500; color: var(--a1); }
cttm dtb bd aa { font-size: 0.88em; font-weight: 500; color: var(--a1); }
cttm dtb btn { background: rgb(150 134 244 / 37%); padding: 7px; border-radius: var(--br); }
cttm dtb btn t { font-size: 0.77em; font-weight: 500; color: var(--a1); }


/* Component : TotalDepositBalance */
ctdb>bl { display: block; padding: var(--p); background: var(--b-t); border-radius: var(--br); position: relative; z-index: 999; }
ctdb { display: block; position: relative; }
ctdb>bg { z-index: 999; background-image: url(/-/Swap-C/asset/Swap_c.png); background-repeat: no-repeat; background-size: cover; top: 4px; bottom: 11px; left: 11px; right: 11px; overflow: hidden; border-radius: 27px; opacity: .05; filter: blur(2px); }
ctdb>bl hd { display: block; }
ctdb>bl hd h3 { font-size: 1em; font-weight: 500; }
ctdb>bl bd { display: block; }
ctdb>bl bd blnc { display: block; margin: 11px 0; }
ctdb>bl bd h1 { font-size: 2em; font-weight: 500; }
ctdb>bl ft { display: flex ; align-items: end; justify-content: space-between; }
ctdb>bl ft t { font-size: 0.88em; font-weight: 500; }
ctdb>bl ft i { width: 33px; height: 33px; }

@media screen and (max-width: 999px) {
ctdb>bl { margin: 0; }
}





ctbfo { display: block; border-radius: var(--br); padding: 15px; background: var(--b-t); backdrop-filter: blur(10px); position: relative; margin: 7px; }
/*ctbfo bg { margin-top: -2.5rem; width: 7rem; height: 7rem; border-radius: 9999px; opacity: .2; position: absolute; animation-duration: .5s; background: var(--bt); right: -31px; top: 5px; left: unset; }*/
ctbfo bl hd { display: grid ; grid-template-columns: 22px auto; align-items: center; letter-spacing: .05em; font-weight: 400; font-size: .75rem; line-height: 1rem; gap: 23px; }
ctbfo bl hd h3 { font-weight: 400;  }
ctbfo hd i { width: 100%; height: 100%; background: var(--bc); padding: 3px 7px; border-radius: 50%;}
ctbfo bd { display: block; padding: 7px;  margin-top: 16px; }
ctbfo bd h4 { font-size: 1rem; font-weight: 700; }
ctbfo bd p { margin: 0; margin-top: 7px; font-size: 1rem; display: none; }
ctbfo:nth-child(1) bd p {display: block; }

ctbfo bd >t { opacity: .5; }

ctbfo bl bd { text-align: center; display: flex ; justify-content: center; border-radius: 12px; background: var(--b); padding: 14px; }
ctbfo:nth-child(3) { grid-column-start: 1; grid-column-end: 3; }
@media screen and (max-width: 999px) {
ctbfs d { display: block ; }
ctbfo bd h4 { font-size: 1rem;  }
ctbfo{margin: 7px 0px; }
}

ctio bl bd { border-radius: 12px; text-align: center; display: flex ; justify-content: space-around; background: var(--b); padding: 14px; }
ctio bl b{ font-size:11px; }
ctio bd h3 { font-weight: 600; font-size:0.88em; }
ctio bl p {  font-size: 0.66em; margin: 4px 0; margin-bottom: 11px; letter-spacing: 1px; }
ctio { display: grid ; border-radius: 11px; padding: 10px 12px; background: var(--b-t); position: relative; }

ctis { display: grid ; padding:var(--p) var(--p1); border-radius: var(--br); background: var(--bc); padding-top: 11px; }
ctis>bl>hd { display: grid ; grid-template-columns: auto 28px; justify-content: space-between; align-items: center; padding: 7px;}
ctis>bl>hd h4 { font-weight: 500; }
ctis>bl>hd i { padding: 5px 5px; background: var(--b-t); }
ctis>bl>bd { display: grid ; grid-template-columns: 49% 49%;gap: 2%;}
ctis>bl>hd svg { width: 12px; }
ctis hr { background: var(--b-t); height: 2px; margin-top: 18px; }
ctio:nth-child(1) { grid-column-start: 1; grid-column-end: 3; }
ctio:last-child { grid-column-start: 1; grid-column-end: 3; }

@media only screen and (max-width: 999px) {
ctis>bl>hd { padding: 0px 7px; }
ctis { margin-block: var(--m);}
	
}
/* Component : Trade */
ctrdo.Buy>bl bd>f prc { color: rgb(14, 203, 129); }	
ctrdo.Sell>bl bd>f prc { color: rgb(246, 70, 93); }
ctrdo>bl ft>t { text-align: end; width: 100%; }
ctrdo>bl bd>T { text-align: end; }
ctrdo>bl { display: grid ; grid-template-columns: 77px 77px 77px; margin: 2px 22px; justify-content: space-between; font-size: 0.88em; padding: 7px; margin-bottom: 7px; }
/* COmponent : TradeDetails */
cttdo>bl { display: block; max-width: 777px; margin: 11px auto; }
cttdo>bl d { display: flex ; align-items: center; justify-content: space-between; padding: 4px; }
cttdo>bl hd, cttdo>bl bd, cttdo>bl ft { display: block; padding: var(--p); background: var(--bc); margin: var(--m); border-radius: var(--br); }
cttdo>bl bd>d { display: grid ; grid-template-columns: 89px auto; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--c1); }

/* Component : TradeNew */
ctblo { display: block; background: var(--bc); margin: 7px; border-radius: 15px; padding: var(--p); }
ctblo>bl { z-index: 1; background: var(--bc); border-radius: 15px;  }
ctblo>bl hd>btns { display: grid ; grid-template-columns: 50% 50%; justify-content: center; align-items: center; text-align: center; font-weight: bold; height: 44px; border: 1px solid var(--b-t); max-width: unset; margin: 0; background: var(--b); padding: 4px; border-radius: 11px; position: relative; }
ctblo>bl hd>btns:after { content: ""; position: absolute; inset: 0; left: 0; width: 50%; background: rgb(14 203 129 / 85%); margin: 4px; border-radius: 7px 0 0 7px; transition: 0.22s; }
ctblo>bl form { position: relative; display: grid ; grid-template-columns: 50% 50%; }
ctblo>bl form>d { display: grid ; grid-template-columns: 44px auto; align-items: center; font-weight: 500; background: var(--bt); margin: 4px; border-radius: 11px; padding: 7px; border: 1px solid var(--bc); font-size: 0.88em; }
ctblo>bl form>d>label { height: 100%; align-items: center; display: flex ; }
ctblo>bl form>d>input { margin: 7px auto; height: 22px; width: 22px; }
ctblo>bl form>sl { display: flex ; align-items: center; justify-content: space-between; background: var(--bt); grid-column-start: 1; grid-column-end: 3; margin: 4px; padding: 7px 22px; border: 1px solid var(--bc); }
ctblo>bl form>sl>t { font-weight: 600; font-size: 0.88em; }
ctblo>bl form>sl>input { text-align: end; padding: 7px 4px; }
ctblo>bl sl>input:focus { box-shadow: none; }
ctblo>bl>ft btn { display: grid ; grid-template-columns: 33px auto; justify-content: center; align-items: center; background: var(--lg-b); color: var(--b); padding: var(--p1); border-radius: 11px; margin: 7px 11px 0px 11px; }
ctblo>bl hd btn:last-child { border: none; }
ctblo.buy hd>btns:after { left: 0; }
ctblo.sell hd>btns:after { background: rgb(246 70 93); border-radius: 0 7px 7px 0; left: 48.44%; }
ctblo>bl hd btn { display: flex ; height: 100%; align-items: center; justify-content: center; border-radius: 7px; transition: 0.22s; position: relative; z-index: 99; }

ctblo.buy ft>btn { background: rgb(14, 203, 129); color: var(--c); }
ctblo.sell ft>btn { background: rgb(246 70 93); color: var(--c); }
ctblo>bl f { z-index: 8; align-items: center; flex-wrap: wrap; padding: 7px 11px; }
ctblo>bl f>bt { max-height: 99px; font-size: 0.88em; font-weight: bold; opacity: 0.7; letter-spacing: 0.77px; }
ctblo>bl f spw, ctblo>bl f fdw, ctblo>bl f jkw, ctblo>bl f mnw { visibility: hidden; position: absolute; font-weight: bold; font-size: 1.44em; }
.spot_wallet f>h2 spw { visibility: visible; opacity: 1; }
.funding_wallet fdw { visibility: visible; opacity: 1; }
.jackpot f>h2 jkw { visibility: visible; opacity: 1; }
.main_wallet f>h2 mnw { visibility: visible; opacity: 1; }
ctblo>bl f>h2 b { display: block; font-size: 0.88em; opacity: 0.7; margin-top: 33px; }


ctblo>bl f { display: none; }
.buy[trade="buy"] f#buywallet { display: flex ; }
.sell[trade="sell"] f#sellwallet { display: flex ; }
ctblo.sell f#buywallet { display: none; }
ctblo.sell f#sellwallet { display: flex ; }
ctblo.buy f#buywallet { display: flex ; }





@media (max-width : 999px) {
	ctblo { height: 55px; border-radius: var(--br); padding: var(--p1); transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); background: transparent; }
	.trading ctblo { height: 100%; }
} 

/* temp by A'nilNayak*/
ctodo order { display: block; }

/* COmponent : TradeTotalAmount */
cttao>bl { display: block; padding: var(--p); margin: var(--m); text-align: center; background: var(--b-t); border-radius: var(--br); }
cttao>bl amt { font-size: 4em; font-weight: bold; }
cttao>bl ccc { font-weight: bold; position: relative; font-size: 1.44em; line-height: 1; }
/* Component : TradeTransaction */
ctrto>bl { display: grid ; grid-template-columns: 66px auto auto; position: relative; align-items: center; margin-bottom: 11px; background: var(--b); border-radius: 11px; padding: 11px var(--p); }
ctrto>bl hd { display: block; position: relative; }
ctrto>bl hd>i { height: 33px; width: 33px; margin: 7px auto; }
ctrto>bl hd img { filter: invert(1); opacity: 0.7; }
ctrto.Sell bl>hd h5 { color: rgb(246, 70, 93); }
ctrto.Buy bl>hd h5 { color: rgb(14, 203, 129); }
ctrto>bl ft { display: grid ; justify-content: end; align-items: center; text-align: end; row-gap: 7px; }
ctrto>bl ft>cancel { display: block; padding: 7px 11px; background: rgb(255 148 162 / 21%); border: 1px solid rgb(255 148 162 / 21%); text-align: center; font-size: 0.88em; border-radius: 22px; color: rgb(246, 70, 93); position: relative; z-index: 999; }
ctrto>bl ft>success { display: block; padding: 7px 0; text-align: center; font-size: 0.88em; color: rgb(15, 176, 114); font-weight: 600; }
ctrto>bl>bd h6>b { color: var(--b-t44); }
ctrto>bl created { opacity: .7; font-weight: 400; letter-spacing: 0.4px; }
ctrto>bl txt>d { font-size: 0.88em; }

@media (max-width : 999px) {
	ctrto>bl { grid-template-columns: 77px auto; }
	ctrto>bl bd { display: flex ; justify-content: space-between; align-items: center; }
	ctrto>bl ft { display: flex ; align-items: center; justify-content: space-between; grid-column-start: 1; grid-column-end: 3; margin-top: 7px; text-align: start; border-top: 1px solid var(--b-t); padding-top: 5px; }
}
/* Component : Trade_Chart */
#main { height: calc(100vh - 422px);margin:auto;}
ctdco>bl hd>ch { height: calc(100vh - 360px); margin: auto; display: flex; justify-content: center; align-items: center; opacity: 0.44; }
ctdco { display: block; border-radius: 11px 11px 0 0; overflow: hidden; margin: 0 7px 0 7px; }
@media only screen and (min-width: 999px) {
#main {height: calc(100vh - 277px);}
}

/* Component : Trade_Info */
ctdio { display: block; padding: var(--p); }
ctdio>bl hd { display: flex ; align-items: end; border-bottom: solid 1px var(--b-t); padding: 7px 0; }
ctdio>bl hd>t { font-size: 2.5em; font-weight: bold; color: #0ecb81; line-height: 0.77; margin-top: 11px; margin-right: 7px; }
ctdio>bl hd d>t { display: inline-block; margin-left: 11px; font-weight: bold; }
ctdio>bl { display: grid ; grid-template-columns: 50% 50%; }
ctdio>bl bd { display: grid ; grid-template-columns: 50% 50%; padding: 4px 11px; align-items: center; font-size: 0.88em; font-weight: 500; }
ctdio>bl bd d>t { opacity: 0.7; }
ctdio>bl ft { grid-column-start: 1; grid-column-end: 3; display: grid ; grid-template-columns: 50% 50%; font-size: 0.88em; border-top: solid 1px var(--c1); align-items: center; padding: 4px 11px; }
ctdio>bl ft>d:first-child { border-right: solid 1px var(--c1); display: block; }
ctdio>bl ft>d>c { opacity: 0.4; font-size: 0.88em; display: block; margin-top: 7px; }
ctdio>bl ft>d:last-child { padding: 4px 15px; }
ctdio>bl hd d>t { display: block; text-align: center; padding: 4px 11px; background: rgb(15 176 114 / 20%); border-radius: 33px; font-size: 0.88em; margin-top: 7px; color: rgb(15, 176, 114); }
ctdio>bl bd>d { display: block; margin-bottom: var(--m); }
ctdio>bl hd>d { display: flex ; align-items: end; }

@media (max-width : 999px) {
	ctdio>bl hd>d { display: block; text-align: end; }
	ctdio>bl hd { display: flex ; align-items: center; justify-content: space-between; }
	ctdio>bl hd>t { margin: 0; }
	ctdio>bl { display: flex ; flex-direction: column; row-gap: 7px; }
}

/* Component : Trade_Orders */
ctodo { display: block; background: var(--bc); border-radius: 11px; padding: var(--p); margin: 7px; }
ctodo order>g2 { display: grid ; grid-template-columns: 77px 77px 77px; margin: 7px 22px; justify-content: space-between; font-size: 0.88em; padding: 4px 0; }
ctodo order.Buy g2>price { color: rgb(15, 176, 114); }
ctodo order.Sell g2>price { color: rgb(246, 70, 93); }
ctodo order g2>amount { font-weight: bold; }
/* Component : Trade_Period */
ctdps>bl>hd d, ctdps>bl>bd pr { grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; display: grid ; padding: var(--p1) var(--p); border-top: solid 1px var(--bc); font-size: 0.77em; margin-top: 0px; }
ctdps>bl>hd d t.this { background: var(--c); color: var(--b); }
ctdps>bl>hd d>t { display: block; padding: 7px 22px; border-radius: var(--br); transition: 95ms; color: var(--b-t22); }
ctdps>bl pr d>t { color: var(--b-t22); margin-bottom: 11px; display: block; }
ctdps>bl pr>d { display: block; text-align: center; }
/* Component : Trade_Transaction */
ctrts { display: block; background: var(--bt); border-radius: 11px; margin: 7px 0; }
ctrts bd trcs { display: block; padding: var(--p); background: var(--bc); border-radius: 11px; margin: 7px; }
ctrts bd trc { display: grid ; grid-template-columns: 77px auto 111px; position: relative; }
ctrts trc hd { display: grid ; background: var(--b); padding: 7px; }
ctrts bd trc { display: grid ; grid-template-columns: 77px auto 111px; position: relative; background: unset; }
ctrts trc img { margin: auto; filter: invert(1); }
ctrts trc ft { display: block; }

@media (max-width : 666px) {
	ctrts bd trcs { display: block; padding: 2px 10px; padding-bottom: 22px; }

}
 
/* Component : Trades */
ctrds { display: block; padding: var(--p); background: var(--bc); border-radius: 11px; margin: 7px; }
ctrds>bl bd>f { display: grid ; grid-template-columns: 77px 77px 77px; margin: 7px 22px; justify-content: space-between; font-size: 0.88em; padding: 4px 0; }
ctrds>bl f.Buy price { color: rgb(15, 176, 114); }
ctrds>bl f.Sell>price { color: rgb(246 70 93); }
ctrds>bl f>price { font-weight: 600; }
/* Component : Convert_Transaction */
ctrc>bl { grid-gap: 7px; align-items: center; grid-template-columns: 55px auto auto; background: var(--b-t); border: 1px solid var(--b-t); border-radius: 11px; padding: 14px; overflow: hidden; position: relative; display: grid ; margin: 7px; transition: 33ms; }
ctrc>bl:hover { opacity: .8; }
ctrc>bl>hd { display: flex ; align-items: center; justify-content: center; height: 33px; width: 33px; padding: 7px; border-radius: 7px; background: var(--bt); border: var(--b); }
ctrc>bl>hd img { filter: invert(1); }
ctrc>bl bd>d>b:last-child { font-size: 0.77em; line-height: 1.44em; }
ctrc>bl d>b, cctro>bl d>t { font-size: 0.88em; }
ctrc>bl>ft { display: flex ; align-items: end; flex-direction: column; }
ctrc>bl>bd { display: flex ; justify-content: space-between; }
ctrc>bl>ft time { opacity: .7; font-size: 0.88em; font-weight: 400; }

@media (max-width : 999px) {
	ctrc>bl>bd { flex-direction: column; }
}
ctrcs { display: block; padding: 7px; margin: 7px; }
ctrcs>bl ft>btn { display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }
ctrcs>bl ft>btn:active { transform: scale(0.97); }
ctrcs>bl hd>mb { display: flex ; justify-content: space-between; align-items: center; }
ctrcs>bl mb>btns { display: flex ; align-items: center; }
ctrcs>bl mb btn { height: 33px; width: 33px; margin: 4px; display: flex ; align-items: center; justify-content: center; position: relative; transition: 75ms; }
ctrcs>bl mb btn:active { transform: scale(1.03); background: var(--bc); border-radius: 55%; }
ctrcs>bl mb btn>input { position: absolute; inset: 0; opacity: 0; height: 100%; padding: 0; margin: 0; width: 100%; }
ctrcs>bl hd>mb>d { display: flex ; align-items: center; }
ctrcs>bl mb sl { display: flex ; align-items: center; height: 44px; background: var(--bc); border-radius: 7px; }
ctrcs>bl mb sl>i { position: absolute; left: 0; height: 22px; width: 22px; padding: 7px; margin-left: 7px; }
ctrcs>bl mb sl>input { padding-left: 44px; min-height: auto; }
ctrcs>bl mb sl>input:focus { box-shadow: inset 0 0 0 1px var(--b-t); border-radius: 7px; }
ctrcs>bl mb sl option { background: var(--b); }
ctrcs>bl mb>c>b { color: var(--a); font-weight: 600; }
ctrcs>bl>bd { display: block; background: var(--bc); padding: 7px; border-radius: 11px; }
scts main { margin-bottom: 88px; }


@media (max-width : 999px) {
	ctrcs>bl hd>mb>d { display: none; }
ctrcs { margin: 0; background: var(--bc); padding: var(--p1); border-radius: var(--br); }	ctrcs>bl>bd { background: transparent; padding: 0; }
	ctrc>bl { margin: 7px auto; }
	scts main { margin-bottom: 77px; }
}
/* Component : TransferNew */
ctwo>bl { display: block; background: var(--b-t); padding: var(--p); border-radius: var(--br); }
ctwo hd { display: block; }
ctwo hd h3 { display: grid ; grid-template-columns: 33px auto; column-gap: 11px; align-items: center; margin-bottom: 22px; }
ctwo hd h3>i { width: 33px; height: 33px; }
ctwo hd t { font-size: 1em; font-weight: 500; }
ctwo bd f { z-index: 8; align-items: center; flex-wrap: wrap; }
ctwo bd f bt { max-height: 99px; }
ctwo bd f h2 { line-height: 1; }
ctwo bd f balance { font-size: 0.66em; font-weight: bold; }
ctwo bd f b { letter-spacing: 4px; font-size: 0.66em; }
ctwo bd f address { position: relative; left: 5px; bottom: 0; min-width: 100%; font-style: unset; text-transform: uppercase; letter-spacing: 4px; font-family: system-ui; font-weight: bold; opacity: 0.77; }
ctwo bd f address b { display: inline-block; }
ctwo bd new { position: relative; display: block; height: 100%; width: 100%; margin-top: 22px; }
ctwo bd select { padding: var(--p); width: 100%; background: var(--t); border-radius: 11px; margin: 4px 0; border: solid 1px var(--b-t22); outline: 0; font-weight: bold; font-size: 1em; }
ctwo bd input { padding: 7px 0; font-size: 1.33em; font-weight: bold; font-family: system-ui; background: var(--b); text-align: center; grid-column-end: 3; grid-column-start: 1; width: 98%; border-radius: 11px; margin: 4px 0; border: solid 1px var(--b-t22); margin-bottom: 11px; }
ctwo bd new aa { font-size: 0.88em; font-weight: 600; font-family: system-ui; height: 55px; display: flex ; justify-content: center; align-items: center; background: linear-gradient(133deg, var(--a), var(--a1)); border-radius: 11px; width: 95%; margin: auto; margin-top: 11px; }
ctwo bd new i { height: 22px; width: 22px; margin-right: 11px; }
ctwo bd i path { fill: var(--c); }
ctwo>bl nw>f aa { font-size: 0.88em; font-weight: 600; font-family: system-ui; height: 55px; width: 100%; display: grid ; grid-template-columns: 44px auto; justify-content: center; align-items: center; background: var(--lg-b); border-radius: 11px; margin: 11px auto auto; }


@media (max-width : 999px) {
	ctwo>bl { margin: 0; height: auto; position: relative; }
	ctwo bd f { display: block; }
	ctwo bd f bt { transform: unset; text-transform: unset; writing-mode: unset; margin: 0; font-size: 0.88em; }
	ctwo bd select { padding: 7px; border: none; width: max-content; }
	ctwo>bl wallet { display: block; }
	ctwo bd f h2 { display: flex ; justify-content: center; column-gap: 7px; line-height: 1em; }
}
/* Component : Transfer_Transactions */
ctno ft h4 { display: flex ; align-items: center; }
ctno more { display: none; }
ctno amount { font-size: 0.88em; font-weight: 100; }
ctno h4 b { font-size: 0.88em; font-weight: 500; margin: 4px; color: var(--svg); }
ctno out trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);}	
ctno { border-radius: 0; padding: 0; margin: 0; margin-top: 11px; }
ctno bl>hd { display: none; grid-template-columns: 44px auto; }
ctno hd i { height: 40px; width: 40px; }
ctno hd h3 { display: flex ; align-items: center; padding-left: 1px; }
ctno bl trc { grid-template-columns: 55px auto auto; color: var(--c); border-radius: var(--br); position: relative; overflow: hidden; display: grid ; padding: var(--p1); background: var(--bc); box-shadow: unset; margin: 0; margin-top: 7px; }
ctno bd trcs { display: block; margin: 7px; }
ctno out trcs>trc { grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--c);border-radius: 15px;position:relative;overflow:hidden }
ctno out trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
ctno bl trc bd { row-gap: 3px; grid-template-columns: 50% 50%; display: grid ; font-size: 0.88em; }
ctno bl trc bd h4:nth-child(2) { text-align: end; }
ctno bl trc bd h4:nth-child(4) { text-align: end; }
ctno bl trc bd h4:nth-child(6) { text-align: end; }
ctno trc bd symbol { font-size: 0.88em; font-weight: 500; }
ctno trc ft { text-align: end; }
ctno trc h6 { justify-content: end; }
ctno ft btn {display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; }



@media (max-width : 999px) {
	ctno trc { margin: 4px; width: auto; grid-template-columns: 55px auto auto; }
	ctno trc bd { grid-row-start: 2; grid-column-start: 1; grid-column-end: 4; }
	ctno trc ft { grid-column-start: 2; grid-column-end: 4; text-align: start; display: block; place-content: center; }
	ctno ft h4 { display: flex ; align-items: center; }
}
/* Component : TripOffer */
ctofo bl>bg { background: linear-gradient(45deg, var(--a), var(--a1)); opacity: 0.4; }
ctofo>bl { position: relative; border-radius: 0 0 33px 33px; overflow: hidden; }
ctofo>bl>hd { display: grid ; grid-template-columns: 40% auto; align-items: center; max-width: 900px; margin: auto; }
ctofo>bl>bd>i { height: auto; width: 100%; overflow: hidden; border-radius: var(--br); margin: 11px auto; max-height: 324px; max-width: 900px; }
ctofo>bl hd>h1 { font-size: 2.44em; margin: 11px 0; color: var(--c); }
ctofo>bl>ft { display: block; position: relative; max-width: 833px; margin: 0 auto; margin-top: -88px; }


@media (max-width : 999px) {
	ctofo>bl>hd { display: block; padding: var(--p); }
	ctofo>bl hd>h1 { font-size: 1.77em; }
	ctofo>bl>bd>i { width: auto; margin: 7px; }
	ctofo { margin-top: 33px; display: block; }
}
/*Trip_Achievement*/
ctam grid { grid-template-columns: auto; background: var(--bt); padding: 7px 11px; border-radius: 11px; margin: 11px 7px; }
ctam>bl { max-width: 88%; }
ctam f{align-items: center;position:unset;}
ctam co input{transform: scale(1.1); height: 44px; width: 44px; margin:0 }
ctam h7{display: flex; align-items: center;letter-spacing: 0; font-size: 0.55em;}
ctam fr { margin-left: 11px;}
ctam input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; }
ctam grid{position:relative;margin: 4px;}
ctam co { margin: 7px; border-radius: 11px; overflow: hidden; position: relative; height: 44px; width: 44px;box-shadow: 0 0 0 7px rgb(0 0 0 / 11%); border: solid 2px rgb(0 0 0 / 44%); }
ctam co:after { z-index: 888; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
ctam bd a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; }
ctam svg { margin: 011%; width: auto; height: auto; fill: var(--a); }
ctam b { letter-spacing: 0; }		
ctam fr { display: grid ; grid-template-rows: auto auto; margin: 0; background: var(--b-t); padding: 16px 18px; border-radius: 24px; }
ctam fr>wr { display: block; height: fit-content; }
ctam fr wr i { width: 100%;  overflow: hidden; border-radius: 11px; }

@media screen and (max-width: 430px) {
	
ctam>bl { max-width: 100%; margin: 0px 13px; }


}
	 
/*Trip_Offer*/
ctss { display: grid ; margin-top: 22px; padding: 0; border-radius: 24px; overflow: hidden; background: var(--bc); border-top-left-radius: 1px; }
ctss>bl>hd { display: flex ; justify-content: space-between; align-items: center; margin-right: 22px; }
ctss hd btn { background: var(--lg-b); padding: 7px 22px; border-radius: 0px 0px 22px 0px; font-size: 0.88em; font-weight: 500; }
ctss hd h2 { font-size: 0.88em; font-weight: 500; margin: 7px; }	 
ctss>bl>bd { display: grid ; grid-template-columns: auto 44px auto; justify-content: space-between; padding: 11px 0; align-items: center; border-bottom: 2px dashed var(--b-t22); padding-bottom: 11px; margin-bottom: 11px; }
ctss bd mst { display: block; }	
ctss bd mst aa { font-size: 1.44em; font-weight: bold; }	
ctss bd mst h4 { font-size: 0.88em; font-weight: 500; text-align: center; opacity: 0.7; }
ctss bd i { width: 55px; height: 55px; }	
ctss ft { display: grid ; }	
ctss ft h3 { font-size: 1.22em; font-weight: 600; line-height: 22px; color: var(--a); }
ctss ft span { font-size: var(--fs); font-weight: 500; margin-bottom: 22px; }
ctss ft ff { display: flex ; justify-content: space-between; align-items: center; position: relative; z-index: 999999; background: var(--lg1); padding: 7px; border-radius: 33px; border: 0.5px solid rgb(14 203 129 / 10%); }
ctss bl>ft { display: flex ; justify-content: space-between; margin-bottom: 0; padding-bottom: 11px; }
ctss ft ff t { font-size: 0.77em; color: var(--c); margin: 0 7px; }
ctss ft ff f { display: block; font-size: 0.77em; font-weight: 600; background: rgb(14 203 129 / 10%); border-radius: 29px; padding: 7px 11px; color: rgb(14, 203, 129); border: 1px solid rgb(14 203 129 / 10%); }
ctss bd, ctss ft { margin: 22px; margin-top: 1px; position: relative; }
ctss ft p { font-size: 12px; font-weight: 500; margin: 4px; }
ctss bd i::before { content: ""; background-image: url(/-/Swap-C/asset/Aeroplane.png); background-size: 100% 100%; display: block; width: 66px; height: 66px; position: absolute; top: -35px; filter: drop-shadow(3px 4px 7px #c33bfe73); }
		
 @media screen and (max-width: 999px) {	
	 ctss ft ff { display: block; margin-top: 11px; padding: 7px 11px; text-align: center; border-radius: 7px; } 
	 ctss ft ff f { margin-top: 11px; text-align: center; }
	 ctss { margin: 0 22px; border-radius: 11px; background: var(--b-t); }
	 ctss bl>ft { display: block; }
}	
@media screen and (max-width: 444px) {
	ctss bd i::before { display: none; }
	ctss ft h3 { font-size: 14px; }
	ctss ft span { font-size: 14px; }
}
/* Component : Trip_TeamBusiness */
cttb { display: block; position: relative; z-index: 2; overflow: hidden; margin: 0 auto; margin-top: 33px; padding: 33px; max-width: 766px; }
cttb>bl { display: block; position: relative; overflow: hidden; }
cttb hd { align-items: center; padding: 12px; font-size: 14px; font-weight: bold; max-width: 666px; margin: 11px auto; text-align: center; }
cttb>bl>bd { padding: 15px; border-radius: var(--br); margin: 11px 0; display: grid ; grid-gap: 7px; }
cttb bd f { display: flex ; justify-content: space-between; align-items: center; margin-bottom: 10px; }
cttb bd h4 { font-size: 21px; }
cttb bd t { font-size: 17px; font-weight: bold; }
cttb>bl hd>h2 { font-size: 2em; text-align: center; }
cttb>bl hd>p { font-weight: 400; color: var(--b-t77); }
cttb>bl d>c { display: grid ; grid-template-columns: 44px auto; align-items: center; }
cttb>bl d>c svg { fill: var(--a); }
cttb>bl bd>d { display: grid ; align-items: center; justify-content: space-between; grid-template-columns: 66% auto; padding: var(--p); border-radius: var(--br); background: var(--bc); }
cttb>bl d>c>i { height: 22px; width: 22px; }
cttb>bl d>c p { line-height: 1.44em; font-size: 0.77em; font-weight: 400; color: var(--b-t77); }
cttb>bl ft>btn { display: grid ; grid-template-columns: auto 44px; align-items: center; width: max-content; margin: 7px 22px; margin-left: 55px; color: var(--a); gap: 14px; text-decoration: underline; position: relative; }
cttb>bl ft>btn svg { fill: var(--a); }
cttb>bl ft>btn:hover { opacity: .8; }
ctofo>bl hd d>btn { display: grid ; grid-template-columns: auto 44px; width: max-content; align-items: center; gap: 11px; position: relative; font-size: 0.88em; color: var(--a); text-decoration: underline; font-weight: 600; }
ctofo>bl hd d>btn svg { fill: var(--a); }
ctofo>bl hd d>btn:hover { opacity: .8; }


@media (max-width : 999px) {
	cttb { padding: var(--p1); padding-bottom: 88px; }
	cttb>bl>bd { padding: 0; }
}
cttr {display: grid ; background: var(--bc); padding: 22px; border-radius: 22px; max-width: 766px; margin: 22px auto; transition: all 0.3s ease;position: relative; }
cttr hd {display: grid; text-align: center;}
cttr hd i {margin: auto;}
cttr hd i img {width: 66px; height: 66px; }
cttr hd h2 {font-size: 2.4rem; color: var(--a); font-weight: 800; margin-top: 11px;}
cttr hd h4 {font-size: 15px; color: #aaa; margin: 6px 0; letter-spacing: 0.5px;}
cttr hd h3 {font-size: 20px; font-style: italic; margin-top: 11px; color: var(--a1);}

cttr bd cin {display: grid; grid-template-columns: repeat(auto-fit, minmax(222px, 1fr)); gap: 22px; margin-top: 33px;}
cttr bd d {background: var(--b-t); padding: 22px; border-radius: 22px; box-shadow: var(--bs-b); transition: all 0.3s ease;}
cttr bd d:hover {transform: translateY(-3px); box-shadow: var(--bs-bt);}
cttr bd d h4 {font-size: 18px; color: var(--a); margin-bottom: 11px; font-weight: 700; letter-spacing: 0.5px;}

cttr ul {list-style: none; padding-left: 0; font-size: 15px; line-height: 1.7;}
cttr ul li {margin-bottom: 6px; position: relative; padding-left: 18px;}
cttr ul li::before {content: "✓"; position: absolute; left: 0; color: var(--green); font-size: 14px;}

cttr dv {text-align: center; margin: 22px auto 0 auto; display: grid; place-content: center;}
cttr dv p {font-size: 13px; letter-spacing: 1px; color: var(--ct);}
cttr dv h5 {font-size: 17px; font-weight: bold; margin-top: 8px; color: var(--b1);}

cttr cav {position: absolute; top: -33px; left: 0; width: 88px; height: 88px; z-index: 99; pointer-events: none; animation: patrol 10s ease-in-out infinite;}
cttr cav i img {width: 100%; height: auto;  opacity: 0.95;}

@keyframes patrol {
	0% {left: 0; transform: rotate(0deg);} 
	45% {left: 90%; transform: rotate(0deg);} 
	50% {left: 90%; transform: rotate(180deg);} 
	95% {left: 0; transform: rotate(180deg);}
	100% {left: 0; transform: rotate(360deg);}
}



@media screen and (max-width: 999px) {
	@keyframes patrol {
		0% {left: 0; transform: rotate(0deg);} 
		45% {left: 77%; transform: rotate(0deg);} 
		50% {left: 77%; transform: rotate(180deg);} 
		95% {left: 0; transform: rotate(180deg);}
		100% {left: 0; transform: rotate(360deg);}
	}
	cttr {margin: 11px;}
	cttr bd cin {gap: 11px; margin-top: 22px;}
	cttr hd h2 {font-size: 1.65rem;}
}
 
busd  #disconnect { display: none; } 
busd  hd d { display: grid; grid-template-columns: 44px auto; align-items: center; height: 44px; }
busd hd d i { margin: auto; } 
busd wallet.trx { display: block; min-height: 123px; }
busd wallet trxwallet f { z-index: 8; align-items: center; flex-wrap: wrap; } 
busd wallet trxwallet f bt { max-height: 99px; }
busd wallet trxwallet f h2 { line-height: 1; margin: auto; }
busd wallet trxwallet f h2 balance.tw { font-size: 0.66em; }
busd wallet trxwallet f h2 b { letter-spacing: 4px; font-size: 0.66em; } 
busd  #tomint { display: block; padding: 7px 0; font-size: 2em; font-weight: bold; font-family: system-ui; background: var(--c0); text-align: center; grid-column-end: 3; grid-column-start: 1; width: 100%; border-radius: 11px; margin: 4px 0 11px 0; border: solid 1px rgba(255, 255, 255, 0.11); }
busd .dn { display: none; } ccso {display: flex ; flex-direction: column; border-radius: var(--br); margin: 7px; padding-top: 33px; overflow: hidden; position: relative;}
ccso bl {display: grid ; position: relative; z-index: 99; background-color: var(--bc); padding: var(--p); grid-template-rows: 28px auto; border-radius: 22px;}
ccso i {height: 55px; width: 55px; margin: 18px 0; margin-right: 18px; box-shadow: 0 0 0 2px var(--a1); border-radius: 55%; overflow: hidden; position: relative; top: -60px;}
ccso bg { background: var(--lg-b1); height: 66px; }
ccso bl h2 { font-weight: 500; }
ccso p.job { line-break: anywhere; overflow: hidden; text-overflow: ellipsis; margin: 2px 0; }
ccso b { font-weight: 400; font-size: 0.77em; }

/* Component : User_Pascode */
scvfc>bl { display: block; background: var(--b); border-radius: 33px; max-height: max-content; padding: var(--p); border: solid 1px var(--b-t); box-shadow: 0 1px 14px 0 var(--b-t); }

scvfc { display: none;transition: 99ms;}
.passcode scvfc { display: block; position: fixed; bottom: 0; z-index: 9999; right: 0; transition: 99ms; }
scvfc>bl hd>btn { display: flex ; height: 22px; width: 22px; margin: auto; align-items: center; justify-content: center; }
scvfc>bl hd { display: grid ; grid-template-columns: auto 44px; align-items: center; }
scvfc>bl bd>form { position: relative; }
scvfc>bl sl>input { background: var(--bc); border: 1px solid var(--b-t22); margin: 11px 0; width: 100%; font-size: 1.77em; text-align: center; }
scvfc>bl> ft>btn { display: grid ; align-items: center; font-size: 1.11rem; font-weight: 500; padding: 16px 0; background: var(--lg); max-width: 333px; margin: auto; border-radius: 11px; width: -webkit-fill-available; border: 1px solid var(--b-t22); filter: opacity(0.5); transition: 95ms; pointer-events: none; }
scvfc>bl form>p { text-align: center; max-width: 77%; margin: 4px auto; margin-bottom: 22px; opacity: 0.7; letter-spacing: 0.44px; font-size: 0.77em; font-weight: 400; }
scvfc>bl form>sl { border-radius: 0; margin-top: 22px; }
@media screen and (max-width: 999px) {
	scvfc bl { margin: var(--m); }
}

/* Wallet  */
cslt { display: flex ; padding: var(--p); position: relative; z-index: 2; border-radius: var(--br); box-shadow: var(--bs); background: var(--b-t); width: auto; line-height: 28px; }
cslt>bl >hd { display: flex ; gap: 7px; justify-content: end; }
cslt>bl { display: flex ; flex-direction: column; width: 100%; }
cslt>bl>bd { margin-top: var(--m); padding-top: var(--p1); padding-bottom: 0; }cslt hd i { height: 14px; width: 14px; }
chws bl hd h3 { display: block; }
chws>bl>hd { padding: var(--p1); padding-bottom: var(--p); }
cslt hd h5 { opacity: 0.44; }
cslt bd { display: grid; grid-gap: 7px; padding: 7px 0; }
cslt bd h5 { font-size: 1rem; font-weight: 700; }
cslt bd h6 { color: rgba(44,255,78); }


cslt hd i:nth-child(1) { position: absolute; top: -10px; left: 20px; min-width: 55px; height: 55px; z-index: 999; }
cslt hd i:nth-child(2) { position: absolute; top: -14px; left: 38px; width: 66px; height: 66px; border-radius: 50px; filter: blur(45px); opacity: .6; }
chws ft { display: flex ; justify-content: space-between; font-size: 28px; }

/* Component : Wallet_Balance */
cwbo>bl { display: block; padding: var(--p); background: var(--b-t); border-radius: var(--br); position: relative; z-index: 999; }
cwbo { display: block; position: relative; }
cwbo>bg { z-index: 999; background-image: url(/-/Swap-C/asset/Swap_c.png); background-repeat: no-repeat; background-size: cover; top: 4px; bottom: 11px; left: 11px; right: 11px; overflow: hidden; border-radius: 27px; opacity: .05; filter: blur(2px); }
cwbo>bl hd { display: block; }
cwbo>bl hd h3 { font-size: 1em; font-weight: 500; }
cwbo>bl bd { display: block; }
cwbo>bl bd blnc { display: block; margin: 11px 0; }
cwbo>bl bd h1 { font-size: 2em; font-weight: 500; }
cwbo>bl ft { display: flex ; align-items: end; justify-content: space-between; }
cwbo>bl ft t { font-size: 0.88em; font-weight: 500; }
cwbo>bl ft i { width: 33px; height: 33px; }

@media screen and (max-width: 999px) {
cwbo>bl { margin: 0; }
}





/* Component : Wallet_Balance1 */
cwno { position: relative; }
cwno>bl { display: block; padding: var(--p); background: var(--b-t22); border-radius: var(--br); position: relative; z-index: 999; }
cwno>bg { z-index: 999; background-image: url(/-/Swap-C/asset/Swap_c.png); background-repeat: no-repeat; background-size: cover; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; border-radius: 27px; opacity: .05; }
cwno>bl hd { display: block; }
cwno hd h3 { font-size: 1em; font-weight: 500; }
cwno>bl bd { display: block; }
cwno bd blnc { display: block; margin: 11px 0; }
cwno bd h1 { font-size: 2em; font-weight: 500; }
cwno bd bln { display: flex ; justify-content: space-between; align-items: end; }
cwno bd bln t { font-size: 0.88em; font-weight: 500; }
cwno bd bln i { width: 33px; height: 33px; }
cwno ft { display: block; margin-top: 22px; }
cwno ft btns { display: grid ; grid-template-columns: auto auto; align-items: center; gap: 11px; }
cwno ft btn { display: flex ; align-items: center; justify-content: center; column-gap: 11px; background: var(--lg-b); border-radius: 11px; padding: 14px 0; position: relative; }
/*cwno ft btn:last-child { grid-column-start: 1; grid-column-end: 3; }*/
cwno ft btn i { width: 24px; height: 24px; }
cwno ft btn t { font-size: 1em; font-weight: 500; }


@media screen and (max-width: 666px) {
 cwno>bl  { margin: 12px 7px; }
	
}


/* Component : Wallet_Currencies */

cwco>bl>hd { display: grid; grid-template-columns: 44px auto; display: none; }
cwco>bl hd i { height: 40px; width: 40px; }
cwco>bl hd h3 { display: flex; align-items: center; padding-left: 1px; }
cwco>bl trc { background: var(--b); box-shadow: unset; position: relative; grid-template-columns: 55px auto 88px; }
cwco ft btn { display: block; text-align: center; max-width: 333px; font-size: 0.88em; font-weight: 600; position: relative; padding: 15px; background: var(--lg-b); border-radius: 11px; margin: 11px auto; transition: 77ms; }

wallets trc img { object-fit: contain; height: 77%; width: 77%; }	
wl trc>hd { height: 33px; width: 33px; margin-top: 7px; }	
wl trcs>trc h7 { opacity: 0.66; }
	

wallets trc>hd { height: 33px; width: 33px;border-radius: 15px;background:var(--c0);}
wl bd trcs>h4 { grid-template-columns: auto 33px; /*width: 88%; */overflow: hidden; display: grid; margin: auto; height: 44px; align-items: center; position: relative; z-index: 9; }	
wl bd trcs>h4 a { position: relative; }	
wallets trc>hd i { filter: grayscale(1); }	
wl trcs>trc>bd h4 { font-weight: 400; }
trcs>trc>ft h6 { opacity: 0.77; color: var(--c); font-size: 0.77em; }
wl bd trcs>h4 i { opacity: 0.55; }	

cjwc { background: var(--b-t); display: block; padding: var(--p); border-radius: var(--br); margin: 22px 11px; padding-top: 0; }
wallets trc img { object-fit: contain; height: 77%; width: 77%; }		
cjwc trcs>trc { background: var(--bc); color: var(--c); box-shadow: unset;  grid-template-columns: 66px auto 111px; background: rgb(255 255 255 / 4%); color: var(--b); border-radius: 15px; position: relative; max-width: unset; width: unset; }

cwco>bl trcs>trc {grid-template-columns: 66px auto 111px; color: var(--c); border-radius: 15px; position: relative; box-shadow: none; background: var(--b-t); border: 1px solid var(--bt);}
wallets trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}


@media screen and (max-width: 999px) {
  cwco>bl trcs>trc { margin: 7px auto; }
}













/* Component : Wallet_Investments */

cwio>bl { background: var(--bt); border-radius: 11px; padding: var(--p1); margin: var(--m); }
cwio>bl>hd {display: none;  ; grid-template-columns: 44px auto; margin: 8px 0px; }
cwio>bl>hd i { width: 100px; height: 100px; margin: auto; }
cwio>bl trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);}		
cwio>bl trcs>trc { grid-template-columns: 66px auto 120px; background: var(--b-t); color: var(--c); border-radius: 15px; position: relative; overflow: hidden; box-shadow: none;  }
cwio>bl trc>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--bc); margin: 0; }
cwio>bl bd { display: block; text-align: center; }
cwio>bl bd h4 { display: block; text-align: start; align-content: center;  }
cwio ft>btn { display: block; text-align: center; padding: 15px; background: var(--lg-b); border-radius: 11px; max-width: 333px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; cursor: pointer; }
cwio>bl cntr h4 { text-align: center; }
cwio>bl bd symbol { font-size: 20px; color: var(--c); font-weight: 500; }
trcs>trc>ft amount { display: block; font-size: 1.11em; color: var(--c); font-weight: 500; }
cwio trcs>trc name { letter-spacing: 0; font-size: 1em; font-weight: 500; }
cwio>bl ft h6 { opacity: 1; }
cwio>bl trc>hd>i { height: 22px; width: 22px; }

@media only screen and (max-width: 999px) {
	cwio>bl trcs>trc { grid-template-columns: 60px auto auto; padding: 22px 14px; margin: 4px; max-width: unset; width: -webkit-fill-available; }
	cwio>bl { padding: 0; margin: 7px; }
	cwio>bl trc>hd { height: 53px; width: 53px;}
	cwio>bl trc img { object-fit: cover; height: 70%; width: 100%;}
}

/* Component : Wallet_Transaction */
cwtrc { display: flex ; flex-direction: column; background-color: var(--bc); padding: var(--p); border-radius: var(--br); margin: 1px 11px; } 
cwtrc dtr { display: flex ; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--b-t22); margin: 5px 0px; }
cwtrc dtr:last-child { border-bottom: none; }  






@media screen and (max-width: 666px) {
 cwtrc { margin: 12px 7px; }
	
}

chws>bl>bd { display: grid ; grid-template-columns: auto; gap: 11px; }

chws { position: relative; width: auto; min-width: 44px; display: flex; align-items: center; background: var(--bc); border-radius: var(--br); padding: var(--p1); margin-block: var(--m); margin-top: 0px; }
chws>bl { display: block; overflow: visible; margin: 0; padding: 11px 0; width: 100%; }
chws ft > h6 { font-weight: unset;opacity:0.44 }
chws bl > bl{margin:0 5.5px;min-width:33%;transition: 333ms;}
chws bt { font-weight: bold; text-align: center; writing-mode: vertical-rl; font-size: 100%; letter-spacing: 1px; text-transform: uppercase; transform: rotate(-180deg); margin: var(--m); margin-top: 22px; }

chws hd, chws ft { width: auto; min-width: 44px; padding: 0; background: transparent; display: flex;  align-items: center; }
chws bl ft { display: flex ; justify-content: space-between; font-size: 28px;/* font-family: monospace;*/ } 
chws ft h3 { display: flex ; justify-content: center; width: 100%; background: var(--lg-b); margin-top: var(--m); border-radius: var(--br); padding: var(--p1); font-size: var(--fs); }
chws>bl>ft { display: none; }
@media only screen and (min-width: 999px) {
	chws ft h3 { width: 122px; position: absolute; z-index: 9999999; right: 18px; top: 11px; }
	chws>bl>bd { grid-template-columns: auto auto auto; }
 }	























cwlm { display: block; background: var(--bc); border-radius: var(--br); padding: 0px var(--p1);   }
trak ddd input#myInput { display: none ; }	

cwlm>bl { display: flex ; gap: unset; justify-content: space-between; align-items: center; }
cwlm trak ddd { margin: 11px auto; word-break: break-all; font-family: system-ui; background: var(--lg1); max-height: 48px; height: 100%; display: grid ; gap: 0px; grid-template-columns: 33px auto; align-items: center; justify-content: center; border-radius: 50px; border: solid 1px rgba(0, 255, 255, 0.05); box-shadow: 0px 7px 11px #0004, 0px 0px 11px #0002; position: relative; overflow: hidden; padding: 0px 25px; margin-top: 22px; }



cwlm trac { display: flex ; margin: auto; height: 100%; align-items: center; /*gap: 40px; */}
cwlm hello { display: block; padding: 11px 0px; line-height: 1; }
cwlm hi { display: grid; grid-template-columns: auto 44px; align-items: center;}
cwlm hi i { width: 40px; height: 40px; }
cwlm hello>t { font-weight: 500; font-size: 2em;}
cwlm dw i svg { fill: var(--a); }

cwlm dw { display: grid ; grid-template-columns: 55px 99px 88px; width: max-content; padding: 4px 22px; justify-content: center; border-radius: 50px; box-shadow: 0 1px 4px var(--bc); height: min-content; margin-top: 4px; align-items: center; background: var(--b-t); border: solid 1px var(--c1); }


cwlm dw i { width: 22px; height: 22px; border-radius: 50%; background: var(--at); padding: 7px; }
cwlm dw address {font-size: 0.77em;}
cwlm dw wn {font-size: 0.55em; opacity: 0.44;}
cwlm dw nn { background: var(--lg); border-radius: 50px; padding: 4px; display: flex ; justify-content: center; align-items: center; font-weight: bold; font-size: 0.77em; }
cwlm .trak {display: grid; grid-template-columns: auto auto; align-content: space-between;}


cwlm trak {padding: 11px 0; }
cwlm wb {height: 100%; display: flex; align-items: center; text-transform: uppercase; font-size: 0.66em; padding-left: 11px;}
cwlm wb b {letter-spacing: 2px; opacity: 0.44;}
cwlm wb balance {margin-left: 11px;}
cwlm qa {display: grid; grid-template-columns: 55px 55px; justify-content: end; padding-right: 22px;}
cwlm qa>* { display: flex ; justify-content: center; align-items: center; height: 33px; width: 33px; border-radius: 50%; margin: 7px; padding: 7px; }
cwlm qa svg { fill: transparent; }


@media only screen and (max-width: 999px){
	cwlm>bl { flex-direction: column; align-items: normal; padding: 11px 0px; }
	cwlm trac { flex-direction: column; justify-content: normal; align-items: baseline; }
	cwlm dw { margin: auto; }
	cwlm .trak { width: 88%; margin: auto; border-top: solid 1px var(--b-t); border-bottom: solid 1px var(--b-t); padding: 0 2%; margin-block: 11px; }
cwlm bl hd { grid-template-columns: 55px auto 44px !important; }
cwlm dp { height: 55px !important; width: 55px !important;  }

}	

 
cwlm bl hd { display: grid ; grid-template-columns: 44px auto 44px; align-items: center; grid-gap: 11px; position: relative; }
cwlm dp { border-radius: 50%; display: block; height: 44px; width: 44px; overflow: hidden; position: relative; }
cwlm hello { display: grid ; padding: 11px 0px; line-height: 1; gap: 0.3em; font-size: 15px; }
cwlm hello>t { font-size: 0.6em; opacity: 0.8; }
cwlm belll { border-radius: 50%; display: flex ; height: 44px; width: 44px; overflow: hidden; align-items: center; background: var(--c1); justify-content: center; }
cwlm belll svg { height: 88%; width: auto; }
cwlm bl bd { display: grid ; grid-template-columns: auto auto; margin: 11px 0; gap: 22px; }
cwlm div { display: grid ; align-items: center; }
cwlm div t { opacity: 0.5; }
cwlm div pval { font-size: 0.88em; }
cwlm div pval t { opacity: 1; margin: 0px 2px; }
cwlm pup { display: grid ; justify-content: end; align-items: center; }
cwlm pup upt { color: var(--green); opacity: .7; }
cwlm btns { display: grid ; grid-template-columns: 49% 49%; grid-gap: 2%; }
cwlm btns btn { display: grid ; grid-template-columns: 33px auto; background: var(--lg-b1); height: 48px; align-items: center; justify-content: center; border-radius: 9px; padding: 0px var(--p); position: relative; margin: 4px; }
/* Component : Withdraw */
cwlo>bl { grid-gap: 7px; align-items: center; grid-template-columns: 66px auto auto; background: var(--bc); border: 1px solid var(--b-t); border-radius: 11px; padding: 17px; overflow: hidden; position: relative; display: grid ; transition: 33ms; margin-top: 7px; }
cwlo>bl:hover { opacity: .8; }
cwlo>bl>hd { display: flex ; align-items: center; justify-content: center; height: 33px; width: 33px; padding: var(--p1); border-radius: 17px; background: var(--bt); border: var(--b); }
cwlo>bl bd>d>b:last-child { font-size: 0.77em; line-height: 1.44em; }
cwlo>bl d>b, cctro>bl d>t { font-size: 0.88em; }
cwlo>bl bd name { font-weight: 600; }
cwlo>bl>ft { display: grid; text-align: end; row-gap: 7px; }
cwlo>bl>ft>t { display: block; font-size: 0.88em; font-weight: 600; opacity: 0.7; }
cwlo ft b { font-size: 0.88em; font-weight: 500; }
.spin { animation: rotate 0.5s linear; } 
@keyframes rotate {
	from { transform: rotate(0deg); } 
	to { transform: rotate(360deg); } 
}
btn.Reset.spin { background: white; }
btn.Reset.spin svg { fill: var(--svg); }


@media only screen and (max-width: 999px) {
cwlo d name { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

}

/* Component : WithdrawNew */
cwwno>bl { display: block; overflow: hidden; padding: var(--p1); background: var(--b-t); border-radius: var(--br); border: 1px solid var(--b-t22); }
cwwno bl>bg { z-index: 1; background-image: url(-/Swap-C/asset/Swap_c.png); background-repeat: no-repeat; background-size: cover; opacity: .7; top: 11px; bottom: 11px; left: 11px; right: 11px; overflow: hidden; border-radius: var(--br); opacity: .05; }
cwwno>bl hd, cwwno>bl bd, cwwno>bl ft { position: relative; z-index: 99; }
cwwno>bl hd { display: none; grid-template-columns: 44px auto; align-items: center; }
cwwno>bl form { position: relative; display: grid ; grid-template-columns: 50% 50%; }
cwwno>bl form>d { display: grid ; grid-template-columns: 33px auto; background: var(--bt); padding: var(--p1); border-radius: 7px; align-items: center; border: 1px solid var(--b-t22); margin: 2px; }
cwwno>bl form>d>input { margin: 0; height: 22px; width: 22px; }
cwwno>bl form>sl { margin: 2px; height: auto; background: var(--bt); border: 1px solid var(--b-t22); grid-column-start: 1; grid-column-end: 3; }
cwwno>bl form>sl>input { padding: 7px 0; font-size: 2em; font-weight: bold; font-family: system-ui; background: var(--c0); text-align: center; border-radius: 11px; }
cwwno>bl ft btn { display: flex ; align-items: center; justify-content: center; background: var(--lg-b); border-radius: 7px; padding: 15px; font-weight: 600; margin: 4px; column-gap: 7px; }
cwwno>bl ft btn>i { height: 22px; width: 22px; }
cwwno>bl wl>f { align-items: center; margin: 7px; }
cwwno>bl wl f>bt { max-height: 77px; font-size: 0.88em; font-weight: 600; opacity: 0.7; }
cwwno>bl wl blc { display: grid ; }
cwwno>bl blc>sw, cwwno>bl blc>fw { display: none; }
cwwno.spotwallet blc>sw { display: block; }
cwwno.fundingwallet blc>fw { display: block; }
cwwno>bl wl b { font-size: 0.77em; opacity: 0.7; }
cwwno>bl wl { display: block; padding: var(--p1) var(--p); text-align: center; }
cwwno>bl wl blc { display: grid ; font-size: 2em; font-weight: 600; line-height: 1.7em; }
cwwno>bl wl>d { display: grid ; grid-template-columns: auto auto; background: var(--b-t22); border: 1px solid var(--b-t22); padding: 7px; border-radius: 33px; font-size: 0.88em; align-items: center; }
cwwno>bl wl>d>b { display: block; padding: 7px 11px; background: var(--b-t95); border-radius: var(--br); color: var(--b); margin-left: 4px; }
cwwno>bl wl>d>t { font-size: 0.88em; }
cwwno>bl ft>btns { display: grid ; grid-template-columns: 55px auto; }
cwwno>bl ft btn:nth-child(1) { border-radius: 7px; height: 33px; width: 33px; background: var(--b-t22); padding: 9px; margin: auto; }
cwwno>bl ft btn svg { fill: var(--c); height: 22px; width: 22px; margin: auto; }
cwlo>bl bd { display: flex ; align-items: center; justify-content: space-between; }
cwlo>bl bd>time { font-size: 0.88em; opacity: 0.7; width: auto; }
cwlo>bl bd>d { display: grid ; row-gap: 7px; }

@media (max-width : 999px) {
	cwwno bl>bg { bottom: 0; }
} 
/* Component : Withdrawals */
cwls { display: block; padding: 7px; margin: 7px; }
cwls ft>btn { display: block; text-align: center; max-width: 333px; font-size: 0.88em; font-weight: 600; position: relative; padding: 15px; background: var(--lg-b); border-radius: 11px; margin: 11px auto; transition: 77ms; } <style> :root {ition: relative; display: block; }
cwls ft>btn:active { transform: scale(0.97); }
cwls hd>mb { display: flex ; justify-content: space-between; align-items: center; margin-bottom: 7px; }
cwls mb>c>b { color: var(--a); font-weight: 600; }
cwls mb>d>btn { height: 22px; width: 22px; display: flex ; align-items: center; justify-content: center; padding: 4px; }
cwls hd>mb>d { display: flex ; align-items: center; position: relative; }
cwls mb>d>btn>input { position: absolute; inset: 0; z-index: 9; height: 100%; width: 100%; opacity: 0; margin: 0; padding: 0; }
cwls>bl>bd { display: block; border-radius: var(--br); background: var(--b-t); padding: var(--p1); }


@media (max-width : 999px) {
	cwls { padding: 0; margin: 0; margin-bottom: 88px; }
}

wallet trc img { object-fit: cover; height: 77%; width: 77%;  }	


wallet trcs>trc {grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--b);border-radius: 15px;}

wallet trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);}
winnersday aa { display: flex ; justify-content: center; align-items: center; position: relative; font-size: 0.8em; background: var(--b-t); border-radius: 11px; margin: 0px 8px; }
winnersday { height: 55px; white-space: nowrap; display: grid; grid-template-columns: auto auto; }

trcs.Tday, trcs.Yday { display: none; }		
cydws.YdayWin trcs.Yday, cydws.TdayWin trcs.Tday { display: block; margin: 13px 8px; }


cydws.TdayWin aa.Tday, cydws.YdayWin aa.Yday { background: var(--a); color: var(--b1);}

cydws trcs>trc { display: grid ; margin: 7px auto; padding: var(--p); grid-template-columns: 66px auto 88px; border-radius: 14px; max-width: 666px; width: calc(100% - 66px); background: var(--bt); border: 1px solid var(--bt); }


/* Zoom Alert PopUp css */
.alert alert { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); bottom: 22px; }
alert { display: flex ; position: absolute; left: 0; right: 0; z-index: 999999999; justify-content: center; align-items: center; pointer-events: auto; opacity: 1; transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55); bottom: -333px; }
alert modal { box-shadow: 1px 5px 13px rgb(81 81 81 / 44%); display: block; max-height: 277px; min-height: unset; height: fit-content; max-width: 433px; position: relative; z-index: 2; overflow: hidden; text-align: center; width: max-content; margin: 11px; padding: 11px 11px; border-radius: 5px; }
alert.success success{ display: block; }	
alert.failed failed{ display: block; }	
alert bl>hd { width: 100%; z-index: 8; top: 0; left: 0; right: 0; display: flex ; justify-content: center; align-items: center; }
alert admi { font-weight: bold; }
modal info { display: flex ; flex-direction: column; justify-content: center; }
alert info t { display: none; font-size: 1.22em; font-weight: 600; font-family: monospace; letter-spacing: 0; width: 90%; }
alert text { font-family: Unbounded, sans-serif; letter-spacing: 0; font-size: 14px; text-align: left; color: var(--b); }
modal>bl>ft>h6 { margin-top: 11px; font-size: 0.88em; font-weight: 400; opacity: 0.6; }
alert icon>* { display: none; height: 17px; width: 17px; padding: 4px; overflow: hidden; margin: auto; }
alert modal>bl bd { position: relative; display: grid ; grid-template-columns: 44px auto; align-items: center; padding-right: 44px; }
alert bl>hd>exit { display: flex ; position: absolute; z-index: 999; height: 22px; width: 22px; right: 0; top: 0; bottom: 0; margin: auto; background: var(--bt); padding: 4px; align-items: center; justify-content: center; border-radius: 7px; }


alert.success modal>bg { background: rgb(222 253 232); }
alert.failed modal>bg { background: rgb(252, 237, 233); }
alert.warning modal>bg { background: rgb(255 239 210); }
alert modal>bg { background: var(--c); }
alert.warning warning svg { fill: rgb(238, 149, 0); }
alert.warning text { color: rgb(238, 149, 0); }
alert.success text { color: rgb(58, 178, 90); }
alert.failed text { color: rgb(232, 77, 45); }
alert.warning modal { border: 1px solid rgb(238, 149, 0); }
alert.failed modal { border: 1px solid rgb(138 0 0); }
alert.success modal { border: 1px solid rgb(72, 184, 102); }

.warning icon>warning { display: block; }
.alert modal:after { content: ""; position: absolute; height: 4px; bottom: 0; left: 0; right: 0; background: var(--b); animation: progressBar 5s linear forwards infinite; }
.warning modal:after { background: rgb(238, 149, 0); }
.failed modal:after { background: rgb(138 0 0); }
.success modal:after { background: rgb(72, 184, 102); }

alert icon>i:first-child { display: block; }
alert bl ft t { text-align: center; width: 77%; display: block; margin: 7px auto; font-size: 0.88em; letter-spacing: 1px; font-weight: 400; opacity: 0.6; margin-bottom: 0; margin-top: 11px; }
alert icon>* img { filter: drop-shadow(0px 7px 10px #00000059); }
@media (min-width: 999px){	
	alert { justify-content: center; }
	alert modal { min-width: 555px; }
}
@keyframes progressBar {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
} 
@media only screen and (min-width: 999px) {
	

console { width: calc(100% - 0px);margin-right: 0px; }

	
bg {align-items: center;display: flex;}
	
	
royal{position:absolute;left: 0; right: 0; top: 0; bottom: 0; } 
content{position:absolute;left:292px; right:0; top:0px; bottom: 0;} 
.content{max-width:1368px;position: relative; margin: auto; }
extra{position:absolute;right: 0; top: 0; bottom: 0; width:444px; }
new.fixed.new{position:absolute;box-shadow: unset;}

	
.img-box { height: 434px; width: 463px; position: relative; top: unset; left: 0; margin: unset; }
.aerea {display: flex;flex-direction: row-reverse;margin: 0 22px;}
	
sidebar{min-width:326px;width:30%;top: 44px; position: sticky; height: min-content;}

main { width: 70%;overflow: hidden; }	
	
aprove.aprove { background: #000; padding: 44px 0; }
	
	
aprove exit { display:none; }	

a.this:hover bt { border-color: transparent; }	
	
page sidebar { width: 0; min-width: 0; }
page p { font-size: 0.90em; }	
page main { width:100% }
	
}
	
	
	
/*content {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;overflow: hidden;}*/	
	
	
	
	
@media only screen and (min-width: 1500px) {
content{left: 314px; right: 22px;} 

	
	
	
	
	
	} 
cjrs wt{display: block; padding: 11px 33px; border-radius: var(--br); background: #fff6; border: solid 1px #fff; margin-top: 11px;position: relative; overflow: hidden; }
cjrs f{align-items: center;position:unset;}
cjrs>bl { display: block; background: var(--bc); padding: var(--p1); border-radius: var(--br); }
cjrs input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; }
acjrs grid{position:relative;margin: 4px;}
cjrs bd a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; }
cjrs b { letter-spacing: 0; }
cjrs grid.tab { grid-template-columns: 60% 40%; border-radius: 7px; margin: 7px 0;  padding: 7px; }cjwc  trc img { object-fit: contain; height: 77%; width: 77%; }
cjwc  trcs>trc { grid-template-columns: 66px auto 111px; background: rgb(255 255 255 / 4%); color: var(--b); border-radius: 15px; position: relative; } wallets trc>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); } 
cjwc hd { display: grid; grid-template-columns: 44px auto; display: none; } 
cjwc hd i { height: 40px; width: 40px; } 
cjwc bd h4 { margin: 22px 0; } 
cjwc ft a.jt { display: none; }
cjwc trc>bd h4 { font-weight: 400; color: var(--c); margin: 0; }
cjwc trc>ft h4 { margin: 0; }
cjwc trc>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); margin: 0; }
cito { margin: var(--m); display: block; background: var(--bc); padding: var(--p); border-radius: var(--br); }       
cito trcs { display: block; }
cito trcs>trc { display: grid; background: var(--b-t); margin: 7px; padding: var(--p); grid-template-columns: 66px auto 88px; border-radius: 15px;box-shadow: unset;max-width: none; }
cito trc>hld { overflow: hidden; display: flex; justify-content: center; align-items: center; height: 55px; width: 55px; background: var(--bc); border-radius: 11px; }
cito trc>bld { display: flex ; flex-direction: column; justify-content: space-around; font-size: 0.88em; }
cito trc>flt { display: flex; flex-direction: column; justify-content: center; align-items: end; }
cito trc name { letter-spacing: 0; font-size: 1em; font-weight: bold; }
cito trc price { font-weight: bold; }
cito trc time, trc email, trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left: 4px; }
cito trc qty { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: bold; background: rgb(0 0 0 / 10%); border-radius: 11px; margin: 2px; }
cito trc img { object-fit: contain; height: 77%; width: 77%;  }
cito trc h6 { display: grid; grid-template-columns: max-content auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; }
cito more { height: 44px; display: flex ; justify-content: center; align-items: center; width: 66%; margin: auto; border-radius: 50px; transition: 99ms; margin-top: 11px; background: var(--a); }
cito more>i { width: 25px; height: 25px; margin-right: 9px; margin-top: 0px; }
	
screen { display: block; transition: 333ms; position: absolute; opacity: 0; padding-bottom: 123px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 22; height: 0; padding: 0; position: unset; width: 0; background: var(--bt); }	
screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; }	
a.above{position:absolute;left:0;right:0;top:0;bottom:0;z-index:9}
	
	
	
h nv gg { backdrop-filter: blur(24px);height: 55px;align-items: center;z-index:22;display: grid;grid-template-columns: 55px 33px auto 44px 44px;}
h nv back{font-family: monospace;font-size: 1.23em;height: 100%;width: 55px;display: flex;justify-content: center;align-items: center;}
h nv gg>i { height: 100%; width: 100%; fill: #fff; display: flex; justify-content: center; align-items: center; }
h nv gg>i>svg{height:66%;width:66%;}	
h nv t{display: flex;align-items: center;text-align: center;width: 100%;display: block;}
h nv t>h3 { overflow: hidden; text-overflow: ellipsis; text-align: center; }
h nv op { display: flex; justify-content: center; align-items: center; }
h nv op>i { height: 55%; width: 55%; }	
	
img{max-width: 100%;max-height:100%;}	
tr.cr td:nth-of-type(1){color:#00ff00;}	
tr.dr td:nth-of-type(1){color:#ff0000;}

	
bg{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;z-index:0;}
bg>img,bg>photo,bg>.img-box{ max-width: 100%; max-height: 100%;position: absolute;opacity:0}	
	
bg.img{background-image:unset}
bg.blur{background-color:var(--b);}	
main{min-height: 100vh;}	

.img bg.img{background-image:var(--bg);}
.img bg>photo,.img bg>img,.img bg>.img-box{opacity:1}
 

	
	
/*#dark*/
.dark bg.console { filter: saturate(0); }	
.dark grid bl { background: rgb(10 10 11); }
.dark grid bl bl { background: rgb(30 33 33); }

/**dark*/
	



.table {overflow: visible; overflow-x: auto; display: block;}	
table {min-width: 100%;width: max-content !important}


@media only screen and (min-width: 999px) {
.s_bg { display: none; }
.img bg>photo,.img bg>img,.img bg>.img-box{opacity:0}
	
	
}
@media only screen and (max-width: 999px){
	
}	
	
	
/* best format   :  class="blur color img photo" */	
















a{color: var(--c); text-decoration:unset;font-weight:bold;}	
a:visited { color: var(--c); }
a.a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }


V {transform: scale(0.77);position: relative; display: flex; justify-content: center; align-items: center; max-width: 44px; width: 100%;opacity:0 }
V:before, v:after { content: ''; width: 50%; height: 4px; background: var(--c); display: block; position: absolute;border-radius: 50px; transition: 333ms; transition-timing-function: cubic-bezier(1, 0.55, 0, 0.55);}
V::before { transform: rotate( 45deg ); left: 4px; }
V::after { transform: rotate( 135deg ); right: 4px; }
V.A:before { transform: rotate( -45deg ); }
V.A:after { transform: rotate(225deg) }

	
#TRXsvg{fill:gold}
optimize{position: fixed; z-index: 999999999; top: 0; bottom: 0; left: 0; right: 0; background: #000; padding: 44px;}
console{display:block;height:100%;width:100%;z-index: 4; position: relative;}	
console>bd{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
	
	
.dnone,.dn{display:none}
.sy { display: block; overflow: hidden; overflow-y: auto; height: 100%; width: 100%; position: relative; }
	
active{display: flex; justify-content: center; align-items: center;}
active .active{display:inline-block;height:22px;width:22px;border-radius:50%;background:#00ff00;margin-right:7px}
O0 { overflow: scroll; opacity: 1; background: #171846; display: block; position: absolute; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999999;z-index: -999999999;  opacity: 0;  }
o0 img {max-width: 100%}



	

i {position: relative;display: flex; height: 77%; width: 77%; border-radius: 7px; justify-content: center; align-items: center; }
svg{opacity:1;max-width:100%;max-height:100%;display:block;fill:var(--svg)}
	
d,block{display:block}
f,flex{display:flex;position: relative;}
grid{display:grid;grid-gap: 0;margin:7px;grid-template-columns: 100%;}	
grid>*{margin:4px;}
	
	
form { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; margin: 0; }


button { outline: 0; border: 0; padding: var(--p1); }	
button:hover {box-shadow: unset !important;}	
bt{text-align: center; writing-mode: vertical-rl; font-size: 100%; font-weight: 100; letter-spacing: 2px; text-transform: uppercase; margin-left: 11px; transform: rotate(-180deg); margin: 11;}	
	
header {position: relative;}
h0, h1, h2, h3, h4, h5, h6, h7, h8, h9 {margin: 0;}
iam{overflow-wrap:anywhere}
dashboard iam{font-size:10px}
	
aerea { display: block; }
main>* { margin: 0 22px; }
sidebar{display: block;}	
sidebar>* {margin:0 22px;}	,

bell, search {fill: #191a2a;position:absolute;display: block; background: rgba(255,255,255,0.44); height: 22px; width: 22px;padding: var(--p1); border-radius: 50%; }
bell{right:44px;bottom:11px}
search{right:0;bottom:0;padding:7px}

no { display: grid; grid-template-rows: auto auto; width: 77%; margin: 44px auto; justify-content: center; align-items: center; text-align: center; }	
no img { width: 77%; height: auto; margin: auto; }	
no t { padding: 33px 0; }	
	
bl,
bl hd,
bl bd,
bl ft{display:block}
	
	

grid bl.bl{transition: 333ms;}
grid bl.bl:active { transform: scale(1.1); z-index: 88; left: 0; right: 0; background:rgb(0 0 0);position: relative;box-shadow:-7px 11px 7px 0px rgb(0 0 0); }

	
/*grid bl bl { padding: var(--p1);  border: unset; border-radius: 0px;url();background-size: 100% 100%;}	*/
	
grid bl mm{ position: absolute; right: 0; bottom: 0; width: 25px; margin: 0; padding: 0;transition: 333ms;}
grid bl bl bd { padding: 2px 7px; }	
	
	
 	
/*bl hd h3 img{ width: 30px; height: 30px; display: inline-block; margin-right: 7px;}	*/
	
	
	
	
tr{transition:333ms;background-image:unset}
tr:hover{scale(1.02) translate(0px, 2px)box-shadow: 0 7px 22px 0px rgba(0,0,0,0.22);background-image:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) )}	
tr.done { color: rgba(0,255,0,1); background: #000; }	
tr { cursor: default; }	
th, td { padding: var(--p1);overflow-wrap: anywhere;height: 55px; text-align: center; box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.11); }
transactions { display: block; margin-top: 22px; }
table { width: 100%; }
cr { color: green; font-size: 200%; background: rgba(139,195,74,0.22); padding: 0 22px; border-radius: 7px; }
dr { color: red; font-size: 200%; padding: 0px 22px; background: rgba(244,67,54,0.22); border-radius: 7px; }	
new { z-index: 8888888888888; transition: 333ms; height: 60px; width: 177px; position: absolute; float: right; top: auto; left: auto; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; }
	
new.new b { position: absolute; right: 7px; top: 7px; background: rgba(25,26,42,0.44); height: 44px; width: 44px; padding: 0; transform: rotate( 45deg ); font-size: 33; display: flex; justify-content: center; align-items: center; }	
new.fixed b { background: transparent; }
new.new b { z-index: 8; position: absolute; right: 7px; top: 7px; background: rgba(25,26,42,0.44); height: 22px; width: 22px; padding: var(--p1); transform: rotate( 45deg ); }
new form { opacity: 0; transition: 333ms; transform: scale(.0);z-index: 2;}
new.new form { opacity: 1; transform: scale(1);z-index: 2;}	
	
new button { position: absolute; z-index: 2; right: 7px; bottom: 7px; border-radius: 50px; font-size: 22px; padding:7px 44px; left: 7px; width: calc(100% - 14px); display: block; font-weight: bold; color: #fff; background-image: linear-gradient( 88deg , #3f51b5, #e91e63); letter-spacing: 1px; box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.44);opacity:0;transition:333ms}	
new.new button {opacity: 1;}
new.fixed { position: fixed; right: 22px; bottom: 77px; }
new.fixed input { background: transparent; font-size: 99px; bottom: 44px; right: 0; width: auto; font-weight: bold; max-width: 96%; }
new.fixed.new {box-shadow: 0px -75px 77px 0px rgba(0,0,0,1);left: 22px; top: auto; bottom: 77px; height: 277px; background:rgba(20, 37, 55, 0.4);border: solid 1px rgba(255,255,255,0.11); }
new.fixed button { bottom: 22px; left: 22px; right: 22px; width: calc(100% - 44px); }	
square { width: 100%; display: block; height: auto; }
square::after { content: ''; padding-top: 100%; display: block; }
circle { display: grid; left: 0; right: 0; top: 0; bottom: 0; position: absolute; grid-template-columns: auto auto; border-radius: 50%; background: #fff; box-shadow: inset 0px 0px 7px 0px #000; overflow: hidden; }
circle::after { content: ''; top: 15%; bottom: 15%; left: 15%; right: 15%; border-radius: 50%; position: absolute; z-index: 2; background: #fff; box-shadow: 0px 0px 7px 0px #0004; }	
.img-box { top: 55%; position: absolute; z-index: 8; left: 0; right: 0; bottom: 0;margin: auto; }
.img-box img { position: absolute; max-width: 100%; max-height: 100%; }
	
	
	
ibm { width: calc(100% - 44px); overflow: hidden; overflow-x: auto; background: transparent; height: 44px; display: flex; padding: 0 22px; }
ibm a { display: inline-flex; justify-content: center; align-items: center;padding: 0 22px; }
ibm a.this { box-shadow: inset 0 -2px; color: var(--a); }
 
 
	
header, aerea { display: block;position:relative;z-index:2}
ex{position: absolute;min-height: 77px;margin:auto;top: 0;left: 0;right: 0;	display: none;}
.content{display: block; overflow: hidden; overflow-y: auto; height: 100%; width: 100%;}	
db footer,in footer,out footer,cm footer{  }	
 


<style for="aprove">
	
aprove { display: block;  }	
aprove.aprove {height:auto;width:auto;display: block;  background: #090f19; z-index: 888888; }
aprove .aprove { position: relative; height: 100%; width: 100%; }
aprove exit { position: absolute; right: 11px; top: 11px; height: 44px; width: 44px;z-index: 8888;font-size: 44px;font-weight: bold;border-radius: 50%; display: flex; justify-content: center; align-items: center; color: rgb(233 30 99); }
	
aprove form { margin: 77px 0; position: relative;}	
aprove input { padding: 7px 44px; background: rgba(255,255,255,0.11); border: solid 1px rgba(255,255,255,0.11); color: #eef;margin: 7px 0;}
aprove label { font-family: system-ui; font-weight: 100; position: absolute; left: 33px; top: -6px; background: rgb(36 41 50); padding: 2px 11px; font-size: 12px; border-radius: 50px; }
tr.this { background: #111; }	
input.btn { padding: 0; margin: 4px; display: flex; justify-content: center; align-items: center; width: 50%; height: 44px;transition:77ms}
input.btn:active{transform:scale(0.95);}
aprove sample{display:none}
aprove g d{position: relative;margin: auto;width:77%;}
aprove input.btn { opacity: 0.2; }
aprove.aprove input.btn { opacity:1; }
	
	
  
 
tr { background: linear-gradient( 123deg , rgb(63 81 181 / 10%), rgb(0 188 212 / 10%), rgb(63 81 181 / 10%) ); }
 


.d3d{transition:777ms;box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), inset 0 -2px 6px 0 rgb(10 37 64 / 35%), -22px 55px 77px #12345666 !important; transform: rotate3d(1, 1, 1, 45deg ); margin-top: 111px; margin-bottom: 111px; text-shadow: -3px 2px 4px #0009;}
	
 






.pull{height: 33px;justify-content: center;align-items: center;}
pull { width: 55px; height: 11px; background: var(--bc); border-radius: 55px; }	
	
	
dashboard .dashboard{position:relative;z-index:2}
bg photo { position: absolute; max-width: 100%; max-height: 100%; height: 434px; aspect-ratio: auto 463 / 434; width: 463px; background-size: 100%; background-position: center; background-repeat: no-repeat; }
.glow{width: 100%;height: 100%;display: block;background-position: right top;top: 0; right: 0;}
	
db{display:block;}	
	
.dump bl {transition: 1s;}
.dump .bl0 { transform: scale(1.25) translate(30px, 0px) rotate3d(1, 1, 1, -45deg ); box-shadow: -17px 17px 22px 0px #000 !IMPORTANT;text-shadow: -11px 11px 7px rgb(0,0,0,0.77)}
.dump bl.bl1{transform:scale(1.25) translate(30px, 0px) rotate3d(1, 1, 1, -22deg );box-shadow:-7px 11px 7px 0px rgb(0,0,0,0.77);background-image:linear-gradient( 180deg , #2196f3, #3f51b5);z-index:1;text-shadow:-4px 7px 4px rgba(0,0,0,0.77);}
.dump bl.bl2{transform:scale(1.25) translate(0px, 0px) rotate3d(1, 1, 1, 22deg );box-shadow: -17px 17px 17px 0px rgb(0,0,0,0.74);background-image:linear-gradient( 180deg , #2196f3, #3f51b5);z-index:1;text-shadow:4px -4px 4px rgba(0,0,0,0.77);}
.dump bl.bl3{transform:scale(1.25) translate(-30px, -10px) rotate3d(1, 1, 1, 45deg );box-shadow: -9px -9px 17px 0px rgba(0,0,0,0.77);background-image:linear-gradient(128deg , #2196f3, #3f51b5);z-index: 1;text-shadow:7px -7px 4px rgba(0,0,0,0.77)}

fc { position: absolute; left: 100%; right: 0; top: -23%; bottom: 123%; background:var(--b); z-index: 888; padding: 0; box-shadow: 0 4px 7px #000; border-radius: var(--br); transition: 333ms; overflow: hidden; opacity: 0; }
.fc fc { left:44px; right: 22px; top: 0; bottom: unset; opacity: 1; border-top-right-radius: 0; }
	
fc f { height:40px; margin-top: 1px; align-items: center; width: auto; justify-content: start;cursor: default;}
fc f:hover{background:rgba(0,0,0,0.4)}	
fc svg{fill:#fff}
fc i { height:20px; width:20px; margin:10px;margin-left:22px}	
 	
 
	
.fc mm{ background:var(--b); padding: 0 11px; right: 22px; border-top-right-radius: 11px; border-top-left-radius: 11px; box-shadow: 0 -4px 7px rgba(0,0,0,0.22); }	
wallet{ position: relative; display: block; }
wallet, royalwallet {transition:333ms}	

	
trxwallet, ethwallet, btcwallet { position: relative; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; overflow: hidden; display: flex; min-height: 22px; }
wallet h2{font-size: 3em;color: var(--c);}
ethwallet h2{font-size: 3em;color: var(--c);}
wallet b {display: block;}	
ethwallet b {display: block;}	
.trxwallet trxwallet b {display: unset;}	
.ethwallet ethwallet b {display: unset;}	
.btcwallet btcwallet b {display: unset;}	

.trxwallet trxwallet f { position: absolute; bottom: 0; left:16px; right: 0; font-size: 10; }
.trxwallet trxwallet bt { transform: unset; writing-mode: unset; font-size: 100%;margin: 0; }
.trxwallet trxwallet h2 { font-size: 100%;margin-left: 7px; }

.ethwallet ethwallet f { position: absolute; bottom: 0; left:16px; right: 0; font-size: 10px; }
.ethwallet ethwallet bt { transform: unset; writing-mode: unset; font-size: 100%;margin: 0; }
.ethwallet ethwallet h2 { font-size: 100%;margin-left: 7px; }

.btcwallet btcwallet f { position: absolute; bottom: 0; left:16px; right: 0; font-size: 10; }
.btcwallet btcwallet bt { transform: unset; writing-mode: unset; font-size: 100%;margin: 0; }
.btcwallet btcwallet h2 { font-size: 100%;margin-left: 7px; }

	
transactions.fixed,booster.fixed { position: fixed; top: auto; bottom: 0; left: 0; right: 0; max-width: 777px; z-index: 88888; background: #191a2a; margin: 0; padding: var(--p); box-shadow: 0 -111px 111px #000; max-height: calc(100% - 55px); padding-bottom: 55px; }	
booster hd { display: flex; transform: translate(-70px, 0px);transition: 333ms;transition-delay: 333ms;}
transactions.fixed hd,booster.fixed hd{ transform: translate(85%, 0px);}
transactions.fixed exit d,booster.fixed exit d{transform: rotate(45deg);}
	
invested b>* { display: flex; justify-content: center; align-items: center; padding: 7px 11px; margin: 1px; border-radius: 4px; background: rgba(20, 37, 55, 0.4); }
.sum sum { cursor: default; margin: 4px; display: flex; justify-content: center; align-items: center; transition: 111ms; background-size: 100% 100%; position: relative; }


.sum sum:after { content: ''; position: absolute; display: block; height: 100%; width: 100%; z-index: 8; transition: 111ms; opacity: 0; } 
.sum sum:active::after { opacity: 1; }
	
sum:active {transform:scale(0.88);}
	
cs {position: absolute;right: 7px;font-size: 22px;width: 111px;height: 44px;overflow: hidden;font-weight: bold;background:var(--c);top: 11px;color: var(--b);}
ccs{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: end; }
ccs cc { display: flex; height:44px; padding: 0 22px; justify-content: flex-end; align-items: center;cursor: default; }
ccs cc:hover{background:rgba(0,0,0,0.44)}
new.choose form{z-index:88888888}	
new.choose cs{ box-shadow: 0 7px 22px #000; background: rgba(9,15,25,1); height: 144px; z-index: 22222; }
cc svg {fill: var(--b);margin-right: 4px}
	

new .sum{display:none}
new.trx .TRX_sum{display:grid}
new.eth .ETH_sum{display:grid}
new.btc .BTC_sum{display:grid}
	
	
	
grid.gc2 { z-index: 88888; position: relative; grid-template-columns: auto auto; }	
.bl_balance{z-index: 3;overflow: visible;}
.bl_profit{grid-column-start: 1;grid-column-end: 3;}	
.bd_profit{display: grid;grid-gap: 0px;grid-template-columns: 50% 50%;padding:7px}	
.bd_profit>* { margin: 4px; }
.bl_profit_total { grid-column-start: 1; grid-column-end: 3; }
.bl_info {grid-column-start: 1;grid-column-end: 3;}	
.bl_info bl.first { grid-column-start: 1; grid-column-end: 3; padding: var(--p); font-size: 222%;}
	
.greed{overflow: visible;margin: 0;overflow-x: auto;padding: 22px 0;}
.greed ft>h6 { font-weight: unset;opacity:0.44 }
	
	
.global{width: auto; min-width: 44px; padding: 0; background: transparent; display: flex; justify-content: center; align-items: center;margin:0}
.RoyalInvest{cursor: default;}
.RoyalInvest:hover{transform:scale(1.05)}
	
	
.bl_info bd { margin: 0; padding: 0; }
.bl_info ft { display: block; margin-top: 7px; }	
.bl_info bd bd { margin: 7%; }
.bl_info grid { grid-template-columns: 50% 50%;}
	
coin { cursor: default; transition: 333ms; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #092a33;  font-size: 0.7em;letter-spacing: 0;transform: scale(1.4) }
	
coin::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background-size: 111% 111%; transform: rotate( -140deg ); background-position: center;}
	
	
 	
	
	
coin.gold{background:gold;background-image: linear-gradient(222deg,rgb(255,215,0), rgb(205,160,31));cursor: crosshair;}	
	
coin:hover { box-shadow: -7px 11px 22px rgba(0,0,0,0.77); position: absolute; filter: drop-shadow(-2px 4px 11px black); }
coin a { display: flex; justify-content: center; align-items: center; position: absolute; left: 11px; right: 11px; top: 11px; bottom: 11px; border-style: /*double dashed dotted solid*/; border-width: 2px; border-radius: 50%; padding: var(--p1); overflow-wrap: anywhere; text-align: center; font-weight: bold; }	

coin:before {overflow-wrap: anywhere;content: attr(amount); background:silver; padding: var(--p1); position: absolute; z-index: 2; left: 11px; right: 11px; border-radius: 11px; box-shadow: 0 4px 11px #000; text-align: center; font-family: monospace; opacity: 0; transition: 333ms; top:33%;color: #092a33;background-image: linear-gradient( 222deg ,rgb(192 192 192), rgb(166 166 166));} 
coin.gold:before {background:gold;background-image: linear-gradient(222deg,rgb(255,215,0), rgb(205,160,31));}
coin:hover::before { opacity: 0; }	
	
	
svg.percent{position: absolute;left: 0px;top: 0px;bottom: 0;right: 0;transform: scale(1.23) rotate(220deg);background: rgba(255,255,255,0.11);border-radius: 50%;box-shadow: inset 0 0 7px #000;}
svg.percent circle{fill: transparent;stroke:var(--c);stroke-width: 16px;stroke-dashoffset: 66;}
ceo grid bl {  background: var(--b-t); }
/*grid bl bl { padding: var(--p1); box-shadow: unset; border-radius: var(--br); border: solid 1px var(--bc); backdrop-filter: unset; }*/
	
	

	
@media only screen and (min-width: 999px) {
sidebar>* {margin: 0;}	
main>* {margin: 0;}	
 
	
	
	
grid.gc4 { display: grid; grid-template-columns: 25% 25% 25% 25%; }

	
}	
	
	
@media only screen and (min-width:1200px) {

.bl_info grid { grid-template-columns: 33% 33% 33%; }
grid.gc1 { grid-template-columns: 100%; }

.bl_info bl.first { grid-column-start:unset; grid-column-end: unset; padding: 11%;font-size:unset;}
		
		
		
}
	
	
@media only screen and (min-width: 1400px) {
	
grid.gc2 { grid-template-columns: auto auto auto;}	
	
.bl_info { grid-column-start: 1; grid-column-end: 3; }
.bl_profit { grid-column-start: 2; grid-column-end: 4; }
.bd_profit{grid-template-columns:40% 30% 30%;}	
.bl_profit_total{grid-column-start:unset; grid-column-end:unset; }
		
.bl3 { grid-row-start: 2; grid-row-end: 3; }
.bl1 { grid-row-start: 1; grid-row-end: 4; }
.b114 { grid-column-start: 2 !important; grid-column-end: 4 !important; }
}
	
bl bl bl{background:unset}
	

trcs { display: block; }		
trcs>trc { display: grid;background:var(--b-t); margin:7px; padding: var(--p); grid-template-columns: 99px auto 0px; border-radius: var(--br); }	
trc>hd { overflow:hidden;display:flex;justify-content: center; align-items: center; height: 77px; width: 77px; background:var(--b); border-radius: var(--br); }
order>bd { display: grid; }	
trc name { letter-spacing: 0; font-size: 1em;}
trc price { font-weight: bold; }	
trc time, trc email, trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left:4px}	
trc qty { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: bold; background: rgb(0 0 0 / 10%); border-radius: 11px; margin:2px}	
	
trc img { object-fit: contain; height: 100%; width: 100%; }
trc h6{display:grid;grid-template-columns:max-content auto;max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0;font-weight:unset}
trc h5 { font-weight: unset; }
	
	
	
more { height: 44px; display: flex ; justify-content: center; align-items: center; width: 66%; margin: auto; border-radius: 44px; transition: 99ms; margin-top: 11px; background: var(--lg-b); border: solid 1px var(--bt); padding: 2px; }	
more>i { width: 22px; height: 22px; margin-right: 11px; margin-top: 0px; }
	
trcs>trc>bd { display: flex; flex-direction: column; justify-content: center; }
trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; }
	
	
	
Transactions trc hd { background:transparent}	
Transactions trc img { object-fit: contain; height: 77%; width: 77%; filter: invert(77%);}		
	




Transactions trc img { object-fit: cover; height: 77%; width: 77%; }	
	
	
Transactions trcs>trc {grid-template-columns: 66px auto auto;background: rgb(255 255 255 / 4%);border-radius: 15px;overflow:hodden;position:relative;}

Transactions trc>hd { height: 55px; width: 55px;border-radius: 0px;background:var(--c0);}
	
	
	
	
	
Transactions trcs>trc.ordr {grid-template-columns: 77px auto 111px;}
Transactions trcs>trc.ordr>hd {  width: 100%;flex-direction:column}

	
Transactions trcs>trc.ordr img{width: 44%; height: auto; } 
Transactions trcs>trc.ordr bd { justify-content: space-between; }
Transactions trcs>trc.ordr ft { justify-content: space-between; overflow: hidden;}
	
	
Transactions trcs>trc.ordr>bd h6 {justify-content: space-between;}
	
	
	
	
	
Transactions trcs>trc.ordr>ft success { color:#0ecb81;font-size: 0.88em; background:#0ecb8122; padding: 2px 11px; border-radius: 4px; position: relative; z-index: 99;}
Transactions trcs>trc.ordr>ft cancel { font-size: 0.88em; background: var(--bt); padding: 2px 11px; border-radius: 4px; position: relative; z-index: 99;}
Transactions trcs>trc.ordr>ft canceled{font-size: 0.77em; background: var(--bt); padding: 4px 16px; border-radius: 4px; position: relative; z-index: 99;}
Transactions trcs>trc.ordr>ft partition{font-size: 0.77em; background: var(--bt); padding: 4px 16px; border-radius: 4px; position: relative; z-index: 99;}
Transactions trcs>trc.ordr>ft Open{font-size: 0.77em; background: var(--bt); padding: 4px 16px; border-radius: 4px; position: relative; z-index: 99;}
	
	
Transactions trcs>trc.ordr.Buy hd>h5 { color: #0ecb81; }	
Transactions trcs>trc.ordr.Sell hd>h5 { color: #f6465d; }	
Transactions trcs>trc.ordr bd b {opacity: 0.4; font-weight: 400;}
	
Transactions trcs>trc.ordr ft created {opacity: 0.4;}

 

news{display: flex; justify-content: center; align-items: center; height: 44px; font-weight: bold; overflow: hidden;}
news h4{background: linear-gradient(230deg, #ec008c, #fc6767);height: 100%;padding-left: 11px;display: flex;justify-content: center;align-items: center;box-shadow: 7px 0px 7px rgb(0 0 0 / 44%);z-index: 88;padding-right: 11px;font-weight: bold;min-width: 80px;}	
news marquee{height: 100%; display: flex ; justify-content: center; align-items: center; background: linear-gradient(45deg, #ec008c, #fc6767); box-shadow: var(--bs);}	
 
@media only screen and (max-width: 999px) {
console { height: calc(100% - 0px);margin-top: 0px; }
 	
nav m a {  height: 50px;width: 50px;}
nav m a.this { height: 55px;width: 55px;}

	
content{top:0px;bottom:77px}
extra .extra { bottom: 55px; top: 88px; }


header{padding:0}    
main>* { margin: 0; }
sidebar>*{margin:0}
menubar {padding: 0;}   
m {   grid-gap: 0; }
m a { background: unset; box-shadow: unset; }
m a.this { box-shadow: unset;  }   
m a bt { opacity: 1; display: block; left: 0; background: transparent; font-size: 7px; padding: 0; right: 0; bottom: 4px; top: unset; }
#Dashboarded i {  margin-top: -18px;  }
#Dashboarded bt { bottom: 11px; }

footer {margin-bottom: 0;}  

 } img.beauty { position: absolute; right: 0; bottom: 0; }	
 	
/*settings apearance*/
	


.contenttttt>* { display: block; transition: 333ms; position: absolute; opacity: 0; padding-bottom: 123px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 22; height: 0; padding: 0; position: unset; width: 0; }
.content>.db { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; }

.ap menubar{display: block;}
	
.ap db footer,.ap in footer,.ap out footer,.ap cm footer{ display: block; }	
	
.ap .content{display:flex; justify-content: center; height: 100%; align-items: center; width: 100%; }
.ap .content>*{display:block;transition: 333ms; position: absolute; opacity: 0; padding-bottom:123px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 22; height: 0; padding: 0; position: unset; width: 0; }
.ap .content>.db{ display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute;left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; }
	
	
/*settings apearance*/	
		
	
	
.dnone{display:none}	

	
content{bottom:55px;}
nav { background:var(--c0); color: var(--c); transition:333ms}
tr { background: transparent; }
new.new{border-radius:unset}	
	about d{border-bottom: solid 1px var(--b-t);}	
	
wt { padding: 4px 11px; border-radius: 11px;margin-top: 0;}
wt f { display: grid; grid-template-columns: 22px auto; }
wt label { font-size: 0.77em; }	
wt input{margin:0}	
	
db sidebar { background:var(--c0); color: var(--b); padding-bottom: 0px;/* position: sticky;*/ top: 0; z-index: 1; max-height: calc(100% - 25px); }	
db sidebar * { color: var(--c); }	
	
	
	
cm sidebar { background: var(--c0); color: var(--b);  position: sticky; top: 0; z-index: 1; max-height: max-content; overflow: hidden; overflow-y: auto; }	
/*cm sidebar * { color: var(--c); }	*/
cm main {position: relative; z-index: 8888; background: var(--bt); border-top-right-radius: 33px; border-top-left-radius: 33px;}	
	
in sidebar { background: var(--c0); color: var(--b); padding-bottom: 44px; position: sticky; top: 0; z-index: 1; max-height: calc(100% - 25px); overflow: hidden; overflow-y: auto;}	
in sidebar * { color: var(--c); }	
in sidebar grid { margin-top:0 }
in main { position: relative; z-index: 8888; background: var(--b); border-top-right-radius: 33px; border-top-left-radius: 33px; margin-top: -44px; }	
	
 	
/*wl sidebar{background: var(--b);position:sticky;top:0;z-index:1;max-height:calc(100% - 25px);overflow:hidden;overflow-y:auto;}	*/
	
/*wl main * { color: var(--c); }	*/
wl sidebar grid{margin-top:0}
/*wl main { position: relative; z-index: 8888; background: var(--b); border-top-right-radius: 33px; border-top-left-radius: 33px;}	*/
profile header {display: block;}
	
	
 
	
invite grid svg { fill: var(--c); }
invite.inviting grid>a { background: var(--b-t); border-radius: 15px;}	
m a { backdrop-filter: unset; }	


edit.edit input {color: var(--c);}
edit.edit d { background: var(--c0); margin: 1px; border-radius: 7px; }	
edit input { width: 100%; margin: 0; height: 50px; border-radius: 0; background: var(--b-t); }	
edit d { background: var(--c0); margin: 4px; border-radius: 11px; overflow: hidden; border: solid 1px rgb(222 244 244 / 11%); }
edit label { margin-top: 14px; display: block; margin-left: 22px;margin-bottom: 11px; }


	

	
header{background-image: url() !important; background-size: 0px !important; background-position: 50%; -webkit-animation: test 44ms infinite; animation: test 44ms infinite;}	
	
	
main { padding-bottom: 77px; }	
nav, main { background-image: url() !important; background-size:0px !important; background-position:50%;-webkit-animation: test 44ms infinite;animation: test 44ms infinite; }	
	
	
	
	
@media only screen and (max-width: 999px){
pull { background: var(--lg-b); }	
pull { background: var(--lg-b); }

m a{box-shadow: unset !important;	}
/*m a.this { background: transparent !important; box-shadow: inset 0 -2px 0 var(--a) !important; }*/
/*m a.this svg { fill: var(--a); }*/
 

}
@media only screen and (min-width: 999px){

pull { background:transparent; }
content { bottom: 0; }
main { margin-top: 0px !important; }	
sidebar { top: 55px !important;border-bottom-right-radius: 44px;border-bottom-left-radius: 44px; }
 	} 
/25.06.21/csso.php