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(--b); }	
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{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 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%; }
	
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%}

more{height:44px;display:flex;justify-content:center;align-items:center;width:66%;margin:auto;border-radius:50px;box-shadow:var(--bs-bs);transition:99ms;margin-top:11px;position: relative;overflow: hidden;}

	

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(--c)}
	
d,block{display:block}
f,flex{display:flex;position: relative;}
grid{display:grid;grid-gap: 0;margin:7px;grid-template-columns: 100%;}	
grid>*{margin:7px;}
	
	
form { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; margin: 0; }


button { outline: 0; border: 0; padding: 11px; }	
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: 11px;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{display:block}
bl hd{display:block}
bl bd{display:block}
bl ft{display:block}
	
	
grid bl{display: block; padding: 22px;position: relative; z-index: 2; overflow: hidden; border-radius:22px;box-shadow:var(--bs);background:var(--bt)}
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::before{ content: ''; background-image: url(); height: 111px; width: 111px; position: absolute; left: 11%; top: 44%; z-index: 1; background-position: 50%; filter: blur(44px); }	
	
grid bl bl { padding: 11px;  border: unset; border-radius: 0px;url(<?php img('bg_bass_04.png');?>);background-size: 100% 100%;}	
	
grid bl hd{display:block;position: relative;z-index: 2;}
grid bl bd{display:block;padding:11px;position: relative;z-index: 2;}
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{display: flex;align-items: center;}
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: 11px;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 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; border-radius: 22px; z-index: 888888888888 }		
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: 11px; 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; }
 
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; height: 100%; padding: 0 22px; }
ibm a.this { box-shadow: inset 0 -2px; color: var(--a); }
 
 
content {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;overflow: hidden;}	
	
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: 22px; 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}	
 	
flex>bl{margin:0 5.5px;min-width:33%;transition: 333ms;}
 
	
.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: 22px; 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);}
.reset{cursor: default;}
.reset:hover{transform:scale(0.99);}
	
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_invest{z-index: 3;overflow: visible;}
.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: 22px; 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: 11px; overflow-wrap: anywhere; text-align: center; font-weight: bold; }	

coin:before {overflow-wrap: anywhere;content: attr(amount); background:silver; padding: 11px; 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: 11px; box-shadow: unset; border-radius: 22px; border: solid 1px var(--bc); backdrop-filter: unset; }
	
	

	
@media only screen and (min-width: 999px) {
header logo { display: none !important; }
sidebar>* {margin: 0;}	
main>* {margin: 0;}	
.greed{display: grid; grid-template-columns: 44px auto auto auto auto; grid-gap: 11px; grid-template-columns: 44px auto auto auto auto 44px;margin: 0;padding: 11px 44px; width:88%}		

	
	
	
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: 22px; grid-template-columns: 99px auto 0px;border-radius: 22px; }	
trc>hd { overflow:hidden;display:flex;justify-content: center; align-items: center; height: 77px; width: 77px; background:var(--b); border-radius: 22px; }
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:50px;box-shadow:var(--bs-bs);transition:99ms;margin-top:11px;}
more>i { width: 22px; height: 22px; margin-right: 11px; margin-top: 4px; }
	
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 111px;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; }
	
	
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;display:none}
news h4{background: linear-gradient(246deg, #00bcd4, #5edfdd);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, #00bcd4, #ff9800); box-shadow:var(--bs)}