/* Started App Theme CSS : App:Exchange - Branch:Space */ cpwfs { display: block; max-width: 1200px; margin: 0 auto; } /* deposit/TRX */ scdsd new-investments { display: grid; grid-template-columns: 61% 25% 14%; padding: 0; align-items: center; border-radius: 10px; background: #dd689d; position: relative; box-shadow: -2px -2px 4px -3px #2a475b; } scdsd new-investments adrs p { width: 100%; display: block; overflow: hidden; margin: auto; overflow-wrap: anywhere; } scdsd new-investments h4 { display: flex; align-items: center; } scdsd main grid bd h4 { height: auto; width: 52%; } scdsd sidebar { position: relative; padding-bottom: 1px !important; } scdsd new-investments>hd { overflow: hidden; display: grid; grid-template-columns: 30% 70%; border-radius: 0px; background: unset; width: auto; height: 100%; } scdsd main new-investments i { height: 61%; width: 40px; margin-left: 12px; margin-top: 12px; background: #fff; border-radius: 35px; } scdsd new-investments img { object-fit: contain; height: 100%; border-radius: 70%; width: 62px; } cdpg { display: block; margin-top: 0px; margin-right: 18px; margin-left: 18px; } start grid.this svg { fill: var(--a); } cdao>bd>bl bo.jjtc { overflow: hidden; } stfs d.header { box-shadow: unset; } db bl.dscvr posts { display: grid ; grid-template-columns: 50% 49%; gap: 7px; } @media (max-width : 999px) { db bl.dscvr posts { display: block; } } /* CSS for small and good improvements */ scwdh main { background: var(--b); backdrop-filter: blur(20px); } scwdh sidebar { position: sticky; top: 0; z-index: 0; } h nv gg d>i { height: 20px; width: 20px; margin: auto; } /* Common css for everythings */ .btn:active { transform: scale(0.95); } .btn { transition: 99ms; } .hidebalance bl.Wlbalance bd>h1 { filter: blur(7px); transform: scaleY(0.7); opacity: 0.4; } cdao>bd>bl bo { display: block; overflow: hidden; } trd d>hero { display: block; padding: 11px; background: var(--b-t); margin: 7px; border-radius: var(--br1); box-shadow: inset 0 1px 0 var(--bc); } trd .aerea { margin: 0; } cscio>div { position: relative; flex: none; display: block; width: 98%; height: 98%; } cscio { display: flex; overflow-y: auto; } cenjo bg { z-index: 1; } spmu cbto ctio>hd { display: block; } /* Transafer Transactions */ stso trcs>trc { padding: 11px; margin: 5px; background: var(--b-t); border-radius: var(--br1); display: grid; grid-template-columns: 66px auto auto; font-size: 0.88em; position: relative; } stso trc img { object-fit: cover; height: 44%; width: 44%; filter: invert(77%); } stso trc>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--b); display: flex; align-items: center; justify-content: center; } sptpa d.aerea { flex-direction: row; } /* wallet/funding/USDT */ /*fw trc>hd {height: 73px; width: 73px; background: var(--b1t); align-items: center; justify-content: center; display: flex; border-radius: var(--br1); margin-top: 0;}*/ fw other { display: flex; align-items: center; gap: 22px; margin: 11px 0; margin-bottom: 15px; } /* Staking */ sstko trcs>trc { display: grid; grid-template-columns: 66px auto 89px; padding: 22px; margin: 7px; background: var(--b1-t44); border-radius: var(--br1); align-items: center; } sstko trcs>trc>hd { height: 55px; width: 55px; background: var(--b1); border-radius: var(--br1); display: flex; align-items: center; justify-content: center; } /* Funding Wallet */ fw bl.Wlbalance { background: transparent; padding: 11px 0; } fw bl.Wlbalance hd { padding: 0 5px; display: grid; grid-template-columns: auto 33px; } fw bl.Wlbalance hd tb { display: grid; grid-template-columns: 22px 155px 22px; align-items: center; } fw bl.Wlbalance hd tb i { width: 22px; height: 22px; } fw bl.Wlbalance hd tbicon { display: grid; grid-template-columns: 100%; align-items: center; background: var(--b); padding: 7px; border-radius: var(--br1); width: auto; height: 33px; opacity: 0.55; } fw bl.Wlbalance hd tbicon i { width: 22px; height: 22px; } fw bl.Wlbalance bd { text-align: center; padding: unset;display: block; } fw bl.Wlbalance bd hi {display: flex; align-items: center; padding: 0 5px;} fw bl.Wlbalance bd pdl { display: grid; grid-template-columns: 22px 77px; align-items: center; margin: 0; opacity: 0.77; } fw bl.Wlbalance ft btns {margin: 0 auto; grid-template-columns: 33% 33% 33%; padding: 0; width: auto;} fw mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } fw bl mg a {margin: 0 2px; } fw bl mg a.this {border-bottom:solid 2px;color:var(--a); } bl.Wlbalance { border-radius: unset; border-bottom: 2px solid var(--b1); padding-bottom: 11px; margin-bottom: 11px; } fw bl todypnl { display: grid; grid-template-columns: 99px 22px; align-items: center;margin-top: 11px; } fw bl todypnl p { margin: unset;} fw bl todycuncy { display: grid; grid-template-columns: 122px 22px; align-items: center; } fw btns btn t { font-size: 0.88em; } fw btns>btn { background: var(--b1-t);height:auto; } fw btns>btn.this { background: var(--lg-b); } /*fw ft btns>btn:last-child { grid-column-start: 1; grid-column-end: 3; justify-content: center;}*/ /* Video commponent */ cvdo:hover>hd video:hover { transform: scale(1.02); } cvdo { display: grid; grid-template-rows: 123px auto 22px; height: 211px; position: relative; width: 100%; max-width: 211px; max-height: 222px; margin: 4px; border-radius: var(--br1); overflow: hidden; background: var(--b1-t); } cvdo>hd>i { height: 100%; width: 100%; } cvdo>hd>i>video { width: 100%; height: 100%; object-fit: cover; transition: 333ms; } cvdo>bd>t { font-size: 0.77em; line-height: 1.3em; display: block; font-weight: 400; overflow: hidden; max-height: 38px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; padding: 11px 5px; } cvdo>ft { display: flex; padding: 0 11px; opacity: 0.4; } cvdo>ft>d { display: block; height: 6px; width: 6px; border-radius: 50%; background: var(--lg-b); margin: 4px; } cvdo>ft>d:nth-child(2) { background: var(--b-t44); } cvdo>ft>d:last-child { background: var(--lg-b); filter: hue-rotate(168deg); } @media screen and (max-width: 999px) { acti.vien { display: grid; grid-template-columns: 50% 50%; } cvdo { max-height: unset; height: unset; width: unset; max-width: unset; } cwso div { margin: 7px 0 !important; } cwsoc { padding: 0; } db section { padding: 8px; } } /* add Responser */ cteo { display: grid; margin: auto; padding: 22px 11px; position: relative; padding-bottom: 11px; margin-bottom: 22px; max-width: 999px; } cteo cstps d { display: block; width: 50%; height: 4px; background: var(--lg-b); margin-right: auto; position: relative; z-index: -99; } cteo cstps>stp { display: flex; padding: 3px; width: 27px; height: 27px; align-items: center; justify-content: center; position: relative; border-radius: 55%; background: var(--lg-b); } cteo cntt { display: flex; justify-content: space-between; text-align: center; font-size: 0.77em; } cteo cstps { display: flex; justify-content: space-between; align-items: center; position: absolute; left: 55px; right: 55px; top: 66px; bottom: 0; padding-bottom: 11px; } cteo cntt>t { display: block; width: 133px; text-align: center; margin-bottom: 22px; } /* P2P add new step 1 */ /* P2P Add New Step 2 */ /* Marging Wallet */ /*mw bl.Wlbalance { background: transparent; padding: 11px; } */ mw bl.Wlbalance hd { padding: 0; display: grid; grid-template-columns: auto 33px; } mw bl.Wlbalance hd tb { display: grid; grid-template-columns: 22px 155px 22px; align-items: center; } mw bl.Wlbalance hd tb i { width: 22px; height: 22px; } mw bl.Wlbalance hd tbicon { display: grid; grid-template-columns: 100%; align-items: center; background: var(--b); padding: 7px; border-radius: var(--br1)var(--br1); width: auto; opacity: 0.55; } mw bl.Wlbalance hd tbicon i { width: 22px; height: 22px; } mw bl.Wlbalance bd { text-align: center; padding: unset;display: block; } mw bl.Wlbalance bd hi { display: flex; align-items: center; } mw bl.Wlbalance bd pdl { display: grid; grid-template-columns: 22px 77px; align-items: center; margin: 0; opacity: 0.77;font-size: 0.88em; } mw bl.Wlbalance ft btns { margin: 0 auto; width: 100%;grid-template-columns: 33.33% 33.33% 33.33%; } mw mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } mw bl mg a {margin: 0 2px; } mw bl mg a.this {border-bottom:solid 2px;color:var(--a); } mw btns>btn { background: var(--b1-t); } mw btns>btn.this { background: var(--lg-b); } mw bl todypnl { display: grid; grid-template-columns: 99px 22px; align-items: center;margin-top: 11px; } mw bl todypnl p { margin: unset;} mw bl todycuncy { display: grid; grid-template-columns: 87px 22px; align-items: center; text-align: justify; font-size: 0.77em; padding: 11px 0; } mw btns btn t { font-size: 0.88em; } mw bl todycuncy svg { transform: rotate(180deg); } cnvrtccc { padding-top: 11px; } /*wlms bl.Wlbalancewlms bl.Wlbalance { border-bottom: solid var(--b1) 2px; border-radius: unset; } bl.Wlbalance { padding: 22px !important; background: var(--b1-t44) !important; display: block; margin: 11px !important; border-radius: var(--br); }*/ /* Future Wallet */ fchw b1>btns { display: flex; justify-content: space-between; padding: 11px 0; } fchw b1>btns>btn { width: 100%; } fchw b1>btns>btn { background: var(--b1-t); } fchw b1>btns>btn.this { background: var(--lg-b); } /* Quick action Component */ db sidebar cqas>btns>btn { grid-template-columns:33px auto; justify-content: start; height: auto; padding: 17px; position: relative; font-size: 0.88em; font-weight: 500; border-radius: var(--br); background: var(--b); } schas { display: block; padding: var(--p1); border-radius: var(--br); background: var(--b1-t44); margin: 7px; } cqas>btns { display: grid ; margin: var(--m) auto; grid-template-columns: 50% 50%; } db sidebar grid cqas>btns>btn { background: var(--b1-t44); } cqas>btns>btn>i {height: 30px; width: 30px; padding: 4px; background: var(--bt); border-radius: var(--br1);} cqas>btns>btn>i>svg { height: 22px; width: 22px; } /* Desktop Nav */ /* P2P User_profile */ /* P2P_Order/History */ cppo bl>btns { display: flex; align-items: center; padding: 11px; padding-bottom: 4px; justify-content: space-around; margin-top: 11px; } cppo bl>btns>btn { display: block; padding: 4px 22px; border-radius: 5px; margin: 0 5px; } cppo mg btn { display: block; padding: 7px; height: 22px; width: 22px; border-radius: 55%; margin: 5px; } cppo mg>d { display: flex; } cppo mg btn:hover { background: var(--bc); } cppo mg btns { display: flex; justify-content: end; } mg.bts { display: flex ; align-items: center; justify-content: space-between; } @media (min-width: 999px) { mg.bts { display: flex ; justify-content: unset; gap: 22px; } } /* P2P_Order/History Filter */ cp2fo { display: grid; grid-template-rows: 55px auto 88px; position: absolute; top: 9978px; bottom: 0px; left: 0; right: 0; background: var(--b); padding: 22px; border-radius: var(--br); box-shadow: 1px 2px 16px var(--b2); overflow: hidden; margin-top: auto; } cp2fo>hd { display: grid; grid-template-columns: auto 44px; align-items: center; padding-bottom: 11px; } cp2fo sl>select { display: block; background: transparent; border: 1px solid var(--bc); padding: 20px; margin: 5px 0; color: var(--c); width: 100%; border-radius: var(--br1); } cp2fo sl { display: block; margin-top: 22px; } cp2fo sl>label { color: var(--ct); } cp2fo>ft btn { display: block; text-align: center; padding: 11px; background: var(--bc); margin: 0 4px; border-radius: 7px; } cp2fo>ft { display: flex; flex-direction: column; justify-content: end; } .P2P_Fullfilled_Filter extra { top: 0; opacity: 1; } .P2P_Fullfilled_Filter cp2fo.Fullfilled_Filter { top: 18%; } .P2P_Ongoing_Filter extra { top: 0; opacity: 1; } .P2P_Ongoing_Filter cp2fo.Ongoing_Filter { top: 18%; } .P2P_Ongoing_Filter cp2fo.Fullfilled_Filter { display: none; } .P2P_Fullfilled_Filter cp2fo.Ongoing_Filter { display: none; } cp2fo>hd>btn { display: flex; align-items: center; justify-content: center; height: 33px; width: 33px; padding: 5px; } @media screen and (min-width: 999px) { .P2P_Ongoing_Filter extra { width: 100%; } .P2P_Ongoing_Filter cp2fo.Ongoing_Filter { top: 0; } cp2fo { top: 110%; max-width: 1200px; max-height: 600px; margin: auto; border-radius: var(--br); margin-top: auto; } cp2fo.Fullfilled_Filter { max-width: 999px; max-height: 688px; } } /* Template : popup by GaganNayak */ popups { left: 0; position: absolute; inset: 0; display: flex ; align-items: center; justify-content: center; transition: 333ms; opacity: 0; visibility: hidden; z-index: 999999; top: 55px; bottom: 0; right: 0; background: var(--bor); }*/ .popup popups { opacity: 1; visibility: visible; } .popup screen:last-child { overflow: hidden; } popups>bg { background: var(--b1-t);z-index: -1; } popups>rvm { position: absolute; inset: 0; z-index: -1; height: auto; } .bg_bc { background: var(--bc); color: var(--c); } ext { display: block; height: 33px; width: 33px; place-content: center; position: absolute; right: 0; margin: 7px; z-index: 999; top: 0; background: var(--bc); border-radius: 55%;cursor: pointer;} ext.btn:active { transform: unset; } .disabled { pointer-events: none; opacity: 0.5; background: var(--bc) !important; color: var(--c) !important; } /* Badges Popup Component */ supn d sidebar { width: 100%; } cbgss { display: block; padding: 11px; background: var(--b); border-radius: 22px 22px; box-shadow: 0px 1px 12px var(--b2); transition: 333ms; height: max-content; position: absolute; left: 0; top: 122%; right: 0; z-index: 99999; backdrop-filter: blur(20px); bottom: 0; } .Badges cbgss { top: 25%; } cbgss>hd { display: grid; grid-template-columns: auto 55px; align-items: center; padding: 11px; padding-top: 0; margin-bottom: 11px; } cbgss>hd>btn { display: flex; align-items: center; justify-content: center; margin: auto; height: 33px; width: 33px; padding: 5px; } cbgss cbgso { display: grid; grid-template-columns: 50px auto; align-items: center; padding: 11px; margin-bottom: 11px; border: 1px solid var(--bc); border-radius: var(--br1); } cbgso>hd>i { display: block; height: 33px; width: 33px; } .Badges extra { opacity: 1; top: 0%; } @media screen and (min-width: 999px) { cbgss { margin: 11px; } supn main { margin: 0 11px; width: -webkit-fill-available; } } /* Slider Splash */ csso sl>select { background: transparent; border: none; color: var(--c); appearance: none; -webkit-appearance: none; -moz-appearance: none; } csso>hd>sl { display: grid; grid-template-columns: auto 30px; padding: 11px; background: var(--bc); border-radius: 44px; align-items: center; width: auto; margin: 11px; } csso>hd>sl>i { height: 22px; width: 22px; transform: rotate(-90deg); margin-left: 5px; } csso sl>select:focus { outline: none; } cslo { display: flex ; flex-direction: column; justify-content: center; padding: 11px; margin: 11px; text-align: center; flex: none; background: var(--b-t); border-radius: 22px; } cslo ft>a.href { display: block; padding: 11px; padding-bottom: 0; } cslo>hd>i { height: auto; width: 88%; margin: auto; } cslo>bd>h2 { margin: 22px; margin-bottom: 0; } csso slider { display: flex; overflow-x: scroll; scroll-behavior: smooth; } cslo>ft>p { text-align: center; color: var(--b-t44); } csso>ft>btns { display: grid; grid-template-columns: 111px auto; text-align: center; padding: 11px; padding-bottom: 0; } csso>ft btn { background: var(--b1-t44); padding: 11px; display: block; border-radius: 7px; margin: 7px; } csso>ft>aa { display: block; padding: 11px; margin: 22px; font-weight: 400; letter-spacing: 0.88px; opacity: 0.6; } splashslider { display: none; } .register register { display: block; } .sliders splashslider { display: block; } register { left: 0; right: 0; top: 0; bottom: 0; display: grid; } forgot { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: grid; grid-template-columns: 50% 50%; } .forgot forgot { display: block; background: var(--b); } forgot cvr { display: none; } crgso { display: block; max-width: 466px; margin: 0 auto; } @media screen and (min-width: 999px) { .sliders splashslider { display: none; } } /* Deposit Transaction */ cdeto trc>bd>h4 { display: flex; justify-content: space-between; font-size: 0.88em; } cdeto trc>hd>i { height: 30px; width: 30px; border-radius: var(--br1); overflow: hidden; margin: 5px; } cdeto trc>ft>h4 { font-size: 1.22em; } cdeto bd>h5 { font-size: 0.66em; color: var(--ct); margin: 2px; display: flex; justify-content: space-between; } cdeto bd>h5>b { color: var(--c); letter-spacing: 0.88px; } /* Spot Order */ codhs { display: block; margin: 11px; } /* Withdraw Transaction */ scmtdc cpt>bd>h4 { font-weight: bold; color: var(--c); letter-spacing: 0.44px; display: flex; justify-content: space-between; } scmtdc cpt>hd>i { height: 30px; width: 30px; border-radius: var(--br1); overflow: hidden; } scmtdc cpt>ft>h4 { font-size: 1.22em; } scmtdc cpt>bd>h5 { font-size: 12px; color: var(--ct); margin: 2px; display: flex; justify-content: space-between; padding-right: 22px; } cwdtd .cashs inrpp hd>i { height: 44px; width: 44px; border-radius: var(--br1); overflow: hidden; } scmtdc cpt>bd>h5>b { color: var(--c); letter-spacing: 0.88px; } .cryptos bl.cryptos h6>b { color: var(--c); } /* Chet Ram's Buggs */ cafo hd bl t h4>select { background: transparent; border: none; color: var(--c); font-weight: 500; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0 38px; } cafo hd bl t h4>select:focus { outline: 2px solid var(--bc); border-radius: 7px; } cpco bd btn>input { display: block; margin: 0; padding: 0; text-align: center; max-width: max-content; background: transparent; -moz-appearance: textfield;font-size: 22px;font-weight: 500; } cpco bd btn:active { transform: none; } cpco bd btn i:active { transform: scale(0.95); } cafo hd bl btn:active { transform: scale(0.97); } cpco bd btn>input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Scratch card */ /* pay the seller */ cpmdo>hd>mg { display: flex; align-items: center; padding: 0 11px; border-bottom: 1px solid var(--bc); } cpmdo>hd>mg>btn { display: block; padding: 11px; margin-right: 11px; transition: 333ms; } cppy.Payment cpds { opacity: 1; visibility: visible; transform: scale(1); } cppy.Tip cpmto { opacity: 1; visibility: visible; transform: scale(1); } cppy.Payment mg>btn:nth-child(1) { border-bottom: 1px solid; } cppy.Tip mg>btn:nth-child(2) { border-bottom: 1px solid; } cpds>hd>d { display: grid; grid-template-columns: 44px auto; align-items: center; } cpds>ft>d { display: grid; grid-template-columns: 44px auto; align-items: center; } cpds>hd>d>i { font-style: normal; z-index: 997; height: 28px; width: 28px; margin: auto; font-size: 0.88em; } cpds>ft>d>i:after { content: ""; position: absolute; bottom: 3px; top: 3px; left: 3px; right: 3px; background: var(--lg-b); z-index: -1; transition: 99ms; transform: rotate(45deg); border-radius: 4px; } cpds>hd>d>i:after { content: ""; position: absolute; bottom: 3px; top: 3px; left: 3px; right: 3px; background: var(--lg-b); z-index: -1; transition: 99ms; transform: rotate(45deg); border-radius: 4px; } cpds>bd>bl { display: block; border: 2px solid var(--bc); margin: 22px 7px; border-radius: var(--br1); padding: 11px; margin-left: 44px; } cpds>bd>bl aa { display: flex; align-items: center; padding: 11px 0; margin-bottom: 11px; } cpds>bd>bl d { display: flex; align-items: center; justify-content: space-between; padding: 4px 0; } cpds>ft>d>i { font-style: normal; z-index: 997; height: 28px; width: 28px; margin: auto; } cpds>bd>bl d h2 { font-size: 2em; } cpds>bd>bl aa>i { display: block; height: 15px; width: 5px; background: var(--lg-b); margin-right: 7px; } cpds>bd>bl d i>svg { height: auto; width: auto; } cpds>bd>bl d i { height: 25px; width: 25px; margin: 2px; } cpds>bd>bl d>cc { display: flex; align-items: center; } cpds>bd>bl d i>svg { height: auto; width: auto; opacity: 0.5; } cpds>bd>p { color: var(--ct); margin-left: 44px; } cpds:after { content: " "; position: absolute; border-left: dashed; color: var(--a); height: 96%; top: 0; left: 21px; opacity: 0.6; } cpds { display: block; position: relative; margin: 33px 0; transition: 333ms; opacity: 0; visibility: hidden; transform: scale(0.94); } cpds>bd>bl d>t { font-size: 0.88em; color: var(--ct); } /* Payment Method tips component */ cpmto>d { display: grid; margin-bottom: 22px; font-size: 0.88em; grid-template-columns: 33px auto; } cpmto>d>i { height: 15px; width: 16px; margin: 5px 0; } cpmto>d>i>svg { height: auto; width: auto; transform: scale(1.22); } cpmto { display: block; padding: 11px; margin: 11px; transition: 333ms; opacity: 0; visibility: hidden; transform: scale(0.94); position: absolute; } cpmdo>bd { display: grid; grid-template-columns: 100% 100%; } cpmdo>ft>sl>select { background: transparent; color: var(--c); border: none; font-size: 1em; width: 100%; } cpmdo>ft>sl>select:focus { outline: none; } cpmdo>ft>sl { display: block; padding: 11px; } /*//////////////////////////////////////////// Hip Hip Hooray start ///////////////////////////////////////////////*/ /* Hooray Enjoy component */ /* payment method component - 1 */ cpyso .btgreen { background: #d8f7d89c; } cpyso .btred { background: #dba1a19c; } cpymo { display: block; padding: 11px; margin: 11px; background: var(--bt); border-radius: var(--br); } cpyso { display: block; padding: 22px; background: var(--b1); border-radius: var(--br); text-align: center; } cpyso>hd { display: block; margin: 22px; margin-top: 0; } cpyso h4 { display: flex; justify-content: center; padding: 11px; letter-spacing: 0.88px; font-size: 23px; } cpydo>hd { display: flex; align-items: center; justify-content: space-between; } cpydo>hd>i { display: block; height: 22px; width: 22px; } cpydo d { display: flex; justify-content: space-between; margin-bottom: 7px; white-space: nowrap; } cpydo d>cc { opacity: 0.5; } cpydo pd>d>c { display: flex; align-items: center; position: relative; } cpydo pd>d>c>t>c { display: block; color: var(--ct); text-align: end; } cpydo pd>d>c>i { height: 15px; width: 15px; margin: 5px; } cpydo>bd { padding: 11px 0; display: block; border-bottom: 1px dashed var(--bc); } cpydo>ft { display: block; padding: 11px 0; } cpydo { display: block; padding: 22px; background: var(--bt); border-radius: var(--br); margin-top: 11px; } cpydo d:last-child { margin: 0; } cpyto { display: grid; grid-template-columns: 55px auto 44px; align-items: center; background: var(--bt); border-radius: var(--br); margin-top: 11px; padding: 22px; } cpyto>bd>p { margin: 0; font-size: 0.77em; } cpyto>bd>t { font-size: 0.88em; font-weight: 500; } cpyto>ft>i { display: block; height: 22px; width: 22px; margin-left: auto; } cpyto>hd>i { height: 28px; width: 28px; padding: 10px; background: var(--bc); border-radius: 55%; } cpyso>hd>i { height: 44px; width: 44px; margin: auto; border-radius: 55%; background: #d8f7d89c; padding: 7px; box-shadow: 0 0 0 2px #c6f3c659; } cpyro>ft>btn { display: grid; grid-template-columns: 33px auto; align-items: center; padding: 11px; margin-top: 22px; height: auto; color: var(--c); letter-spacing: 0.66px; font-weight: 400; background: var(--lg-b); border-radius: var(--br1); justify-content: center; } cpyro>ft>btn svg { fill: var(--c); } cpro>bd { display: block; border-bottom: 1px solid var(--bc); padding-bottom: 22px; } cpydo d h5 { display: block; letter-spacing: 0.88px; font-size: 1.22em; font-weight: 400; } cpydo d h5>b { font-weight: 400; } cpydo pd>d>c>t { font-size: 0.88em; letter-spacing: 0.88px; font-weight: 400; } cpyro cpso { background: transparent; } cpyro cpydo { background: transparent; } cpyso>bd>h2 { letter-spacing: 0.88px; font-weight: 500; } rop>btns { display: flex; justify-content: space-between; align-items: center; } rop>btns>btn { display: flex; height: 33px; width: 33px; padding: 3px; border-radius: 55%; background: transparent; border: 1px solid var(--bc); margin: 11px; align-items: center; justify-content: center; } cctbo>c, cctbo>dd { display: none; } receipt { display: block; max-width: 666px; margin: auto; } /* Cut Border component */ cctbo { display: flex; align-items: center; margin: 11px 0; position: relative; } cctbo>d { display: block; height: 1px; width: 90%; border-bottom: 2px dashed; margin: auto; color: var(--bc); } cctbo>c { display: block; height: 33px; background: var(--b); width: 33px; margin: 3px; border-radius: 55%; position: absolute; left: -35px; } cctbo>dd { display: block; height: 33px; background: var(--b); width: 33px; margin: 3px; border-radius: 55%; position: absolute; right: -33px; } /* Reciept */ crpo cpro>ft>btn { background: transparent; } crpo cpydo pd { display: grid; grid-template-columns: 50% 50%; } crpo cpydo { padding: 11px; } crpo cpydo d { display: block; padding: 11px; border: 1px solid var(--bc); border-radius: 7px; margin: 5px; font-size: 0.77em; } crpo cpydo pd>d>c { font-size: 15px; margin-top: 5px; } crpo cpro { border-radius: 22px 22px 0 0; position: relative; padding-bottom: 33px; } cbgs { display: flex; position: absolute; bottom: -14px; left: 0; right: 0; } cbgs>d { display: block; height: 22px; width: 22px; background: var(--b); margin: 5px; border-radius: 55%; } /* Positioning all elements */ cenjo .confetti-1 { top: 20px; left: 20px; } cenjo .confetti-2 { bottom: 30px; right: 30px; } cenjo .star-1 { top: 10px; right: 40px; } cenjo .star-2 { bottom: 20px; left: 60px; } cenjo .square-1 { top: 50px; right: 10px; } cenjo .square-2 { bottom: 50px; left: 40px; } cenjo .triangle-1 { top: 30px; left: 70px; } cenjo .triangle-2 { bottom: 30px; right: 50px; } cenjo d.triangle-2 { left: 5%; top: 44%; } cenjo .ribbon-1 { left: 60px; } cenjo .ribbon-2 { left: 100px; } cenjo .circle-1 { bottom: 40px; left: 30px; } cenjo .circle-2 { top: 50px; right: 50px; } .line-1 { top: 70px; left: 90px; } .line-2 { bottom: 50px; right: 70px; } /* Bounce Animation */ @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } /* Confetti */ cenjo .confetti { position: absolute; width: 15px; height: 15px; background-color: #f50057; border-radius: 50%; animation: float 3s infinite; left: 9px; } cenjo d.confetti-3 { right: 27px; left: unset; } /* Star */ cenjo .star { position: absolute; width: 15px; height: 15px; background-color: yellow; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); animation: rotate 4s infinite linear; } /* Square */ cenjo .square { position: absolute; width: 15px; height: 15px; background-color: #00e676; animation: move 5s infinite; } /* Component : Crypto_NewsSignUp */ cnsu { margin-bottom: 20px; display: block; background: var(--b1-t44); border: solid 1px var(--c1); border-radius: 22px; position: relative; padding: 20px; } cnsu>bl hd { display: flex; flex-direction: column; gap: 5px; margin-bottom: 32px; } cnsu>bl hd h1 { color: var(--c); font-size: 24px; font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; } cnsu>bl hd ul { display: flex ; flex-direction: column; gap: 16px; list-style: none; padding: 0; } cnsu>bl hd ul itm { display: flex ; align-items: center; gap: 12px; color: var(--c); font-size: 15px; line-height: 1.4; } cnsu>bl hd ul itm i { font-size: 18px; flex-shrink: 0; } cnsu>bl hd ul itm:nth-child(1) i { color: var(--or); } cnsu>bl hd ul itm:nth-child(2) i { color: var(--a); } cnsu>bl hd ul itm:nth-child(3) i { color: var(--y); } cnsu>bl bd { display: flex; flex-direction: column; margin-bottom: 24px; } cnsu>bl bd p { padding: 0; display: block; color: var(--c); font-size: 14px; font-weight: 500; margin-bottom: 8px; } cnsu>bl bd input {padding: 14px 18px; background:transparent;border: 1px solid var(--a1); border-radius: 12px; color: var(--c); font-size: 15px; outline: none; transition: all 0.3s ease; height: 24px; width: auto; } cnsu>bl ft { display: flex; flex-direction: column; gap: 12px; } cnsu>bl ft>btn { display: flex ; align-items: center; justify-content: center; padding: 16px; background: var(--a); color: var(--c); font-size: 16px; font-weight: 500; border-radius: 12px; cursor: pointer; gap: 2px; } cnsu>bl ft btn:nth-child(2) { background: transparent; color: var(--c); border: 2px solid var(--b-t44); } cnsu>bl ft>btn i { font-size: 18px; height: 17px; width: 17px; } @media (max-width: 480px) { cnsu>bl { padding: 32px 24px; } cnsu>bl hd h1 { font-size: 22px; } cnsu>bl hd ul itm { font-size: 14px; } } /* Component : Crypto_Card */ bccd { margin-bottom: 20px; display: block; background: var(--b1-t44); border: solid 1px var(--c1); border-radius: 22px; } bccd bl hd { display: flex ; align-items: center; justify-content: space-between;padding: 10px;} bccd hd h2 { font-size: 18px; font-weight: 400; } bccd hd span { font-size: 11px; color: var(--b-t44); } bccd bl bd { display: flex ; flex-direction: column; height: 213px; overflow: scroll; } bccd bd dv { display: flex ; align-items: center; justify-content: space-between; padding: 10px;} bccd bd dv:hover { background: var(--b1t);} bccd bd dv i { height: 16px; width: 16px; } bccd bd dv d { display: flex ; align-items: center; gap: 4px; } bccd bl ft { display: flex ; justify-content: center; padding: 10px;} bccd ft i {height: 20px; width: 20px;} bccd bd span p { padding: 0; color: var(--a); } app.CFX bccd bl bd { height: 100%; } /* Component : Crypto_Selector */ app.CS acsr{ display: flex ; } acsr { display: none ; top: 0; justify-content: center; backdrop-filter: brightness(0.2); position: absolute; bottom: 0; left: 0; right: 0; width: 100%; cursor: default; z-index: 999999999; } acsr>bl { border: 1px solid var(--bg); background: var(--b1); border-radius: var(--br); margin: auto; margin-block: var(--s); display: flex ; flex-direction: column; height: fit-content; overflow: hidden; } acsr>bl>hd i { width: 20px; height: 20px; } acsr>bl>hd { padding: var(--p); display: flex ; align-items: center; } acsr>bl>hd input { background: 0; } acsr>bl>hd>dv { display: block; border: solid 1px var(---gry); padding: 10px; height: 20px; border-radius: 10px; } /* Triangle */ cenjo .triangle { position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid #ff9100; animation: rotate-move 6s infinite; } /* Floating animation for confetti */ @keyframes float { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } } /* Rotating animation for star */ @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Moving animation for square */ @keyframes move { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(30px, -30px); } } /* Rotating and moving for triangle */ @keyframes rotate-move { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(20px, -20px) rotate(180deg); } } /* Falling Animation */ @keyframes fall { 0% { top: -40px; } 100% { top: 220px; } } /* Pop Animation */ @keyframes pop { 0% { transform: scale(0.95); } 50% { transform: scale(1.2); } 100% { transform: scale(0.95); } } /* Wiggle Animation */ @keyframes wiggle { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(20deg); } } /*////////////////////////////////////////// Hip Hip Hooray end //////////////////////////////////////////////*/ /* Referrals */ srfro d.header { box-shadow: unset; } @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); /*crfco stps { display: flex; justify-content: space-between; position: relative; } crfco stps>stp { display: grid; grid-template-rows: 44px auto; padding: 11px 0; text-align: center; font-size: 0.88em; color: var(--ct); width: 66px; position: relative; } crfco stps>stp>i>img { height: 100%; width: 100%; } crfco stps>d { display: block; position: absolute; height: 10px; width: 100%; background: var(--bc); top: 26px; bottom: 0; max-width: 88%; margin: 0 auto; right: 0; left: 0; } crfco stps>d:after { content: " "; position: absolute; top: 0; bottom: 0; background: var(--lg-b); display: block; left: 0; right: 96%; transition: 333ms; opacity: 0.7; } crfco.step_1 stp.stp1 { background: linear-gradient(-2deg, #2870ea1f, transparent); } crfco.step_1 stp.stp1:after { content: ""; top: 0; bottom: 0; left: 0; right: 0; display: block; position: absolute; background: url(/0/This.svg); background-repeat: no-repeat; background-size: 100% 11px; background-position: 100% 100%; } crfco stps>stp>i { height: 44px; width: 43px; margin: 0 auto; } cchco>ft>btn { display: block; text-align: center; padding: 11px; margin: 11px auto; background: var(--lg-b); border-radius: 44px; max-width: 66%; margin-bottom: 11px; } crfco>hd { display: block; background: linear-gradient(-2deg, #2870ea36, transparent); border: 1px solid var(--b-t44); border-radius: 11px 11px 0 0; padding-top: 7px; } crfco>bd { display: block; background: linear-gradient(-2deg, #2870ea36, transparent); padding: 11px; border: 1px solid var(--b-t44); border-top: none; border-radius: 0 0 11px 11px; } crfco>ft btn>t { color: var(--ct); } crfco stps>stp:last-child>i img { filter: hue-rotate(180deg); }*/ rewards { display: block; width: 100%; } cchco time { display: unset; width: auto; float: none; } db ccro icons i { height: 22px; width: 22px; margin: 7px 0; margin-right: 5px; } @media screen and (min-width: 999px) { civo>ft { justify-content: end; } } @media screen and (max-width: 999px) { cchco rto {height: 170px; width: 170px;} cchco bl { max-width: 100%; right: 0; } rto>bg>i { height: 100%; width: 100%; } cchco pct { font-size: 2.44em; } srfro h2.hd { font-size: 1.66em; } } /* Refer Rules */ /* Available Rewards */ /* Verification ? */ /* P2P Adds New Steps Footer and other cuntrol css */ chpo>d>i { height: 19px; width: 20px; margin-right: 7px; filter: invert(1); } chpo { display: none; padding: 22px; } cstso { display: grid; grid-template-columns: auto 44%; padding: 22px; justify-content: space-between; align-items: center; max-width: 999px; margin: 0 auto; } cstso>d { display: flex; } cstso>d>i { height: 18px; width: 18px; margin: 5px; } cstso btn { display: block; padding: 11px; text-align: center; border-radius: 5px; background: var(--bc); margin: 5px; } sdoo p2pstps { display: grid; grid-template-columns: 100% 100% 100%; overflow: hidden; } stamount { display: block; transition: 333ms; transform: translateX(100%); } .P2P_stp_2 stamount { transform: translateX(-100%); } .P2P_stp_3 stamount { transform: translateX(-200%); } .P2P_stp_3 responses { transform: translateX(-200%); } responses { display: block; transition: 333ms; transform: translateX(100%); } sdoo footer { display: block; position: sticky; bottom: 0; border: none; margin: 0; height: 99px; background: var(--b1); box-shadow: -1px 1px 13px var(--b2); } cstso.stpsc { position: absolute; top: 100%; bottom: 0; left: 0; right: 0; transition: 333ms; visibility: hidden; } .P2P_stp_2 cstso.stpsc { top: 0%; visibility: visible; } cstso.stpls { position: absolute; top: 100%; bottom: 0; left: 0; right: 0; transition: 333ms; visibility: hidden; } .P2P_stp_3 cstso.stpls { top: 0%; visibility: visible; } cteo cstps:before { content: ""; position: absolute; left: 0; height: 6px; width: 0%; background: var(--lg-b); z-index: -1; transition: 333ms; } .P2P_stp_2 cteo cstps:before { width: 50%; } .P2P_stp_3 cteo cstps:before { width: 100%; } .P2P_stp_1 footer { height: 0; } cpfo.buy btn.buyy { background: rgb(14, 203, 129); } cpfo.sell btn.selll { background: rgb(246, 70, 93); } csamo.buy btn.buyy { background: rgb(14, 203, 129); } csamo.sell btn.selll { background: rgb(246, 70, 93); } csamo>hd btn:active { transform: none; } cpfo>hd btn:active { transform: none; } cadro>ft>bl div { display: flex; padding: 11px; } cadro bl>d>input[type="text"] { padding: 7px 11px; } cadro>ft>bl div>input { margin: 3px; margin-right: 11px; height: 22px; } cadro>ft>bl>form { display: grid; grid-template-columns: 50% 50%; } @media screen and (max-width: 999px) { cstso { display: block; } cstso>d { margin-bottom: 11px; } } @media screen and (min-width: 999px) { csamo { max-width: 80%; } cteo { max-width: 80%; } cstso { max-width: 80%; } } /* For Not Template */ no img.No { filter: grayscale(1); } /* No referrals */ cnorfo { display: grid; grid-template-rows: 55% auto; text-align: center; padding: 22px; justify-content: center; margin: auto; } cnorfo>i { height: 66%; width: 66%; margin: auto; } crfdo trc.trcphone { display: block; border-bottom: 1px solid var(--bc); border-radius: 0; margin-bottom: 22px; padding: 11px 0; } crfdo trc.trcphone>d { display: flex; justify-content: space-between; padding: 5px; } crfdo trc.trcphone>d>t { color: var(--ct); } @media screen and (min-width: 999px) { crfdo trc.trcphone { display: none; } } /* RightBar */ app.invite rightbar { top: 0; } @media only screen and (max-width: 999px) { rightbar { top: 100%; bottom: 0; left: 0; right: 0; height: 100%; width: auto; cursor: auto; transition: 333ms; } iam { display: none; } } /* Swap system */ cswpo { display: block; padding: 11px; background: var(--b1-t44); border-radius: var(--br); margin: 0 7px; margin-bottom: 11px; } cswpo bl i { height: 22px; width: 22px; margin: 0 auto; } cofo { display: grid; grid-template-columns: 33px auto; background: rgb(158 164 249 / 21%); margin: 11px; padding: 11px; border-radius: var(--br1); font-size: 0.77em; align-items: center; } cswpo>hd>btn { display: flex; height: 48px; width: 48px; align-items: center; justify-content: center; } cswpo>hd>sl>select { background: transparent; border: none; color: var(--c); font-weight: 500; letter-spacing: 0.44px; font-size: 1em; } cswpo>hd>sl { display: flex ; padding: 11px; align-items: center; justify-content: center; background: unset; } cswpo>hd { display: flex; justify-content: space-between; } cswpo bl bd { padding: 0; } cswpo appr>p { margin: 0; } /* Every Buggs */ csuo select:focus { outline: none; } convert trc { margin: 11px !important; } convert d.header { box-shadow: unset; } convert trcs>hd>btn { display: grid; grid-template-columns: 33px auto; } convert trcs>hd { display: flex; justify-content: space-between; align-items: center; padding: 11px; } .gallery-cell>img { height: 100%; width: 100%; object-fit: cover; } bl.bnb>bg { bottom: 105px; right: -286px; display: none; } cwwo bl cv { display: none; } cpwoo cp2ps i { height: 16px; width: 16px; } cmanm .link>cslo { display: none; } sohs main { max-width: unset; width: 100%; } swpos main { max-width: unset; width: 100%; } no { text-align: center; margin: 0 11px; } cqas>btns>btn {align-items: center; font-weight: 400; justify-content: start; padding: 11px; border-radius: var(--br1); margin: 4px; display: grid; gap: 2%; grid-template-columns: 44px auto; background: var(--b1-t44); } cdtu { margin: 11px 0; } stake #StakeNow svg { fill: var(--c); } fw .bl_balance balance { align-items: center; } trd trcs>trc success { padding: 5px 11px; } wls grid>bl.Wlbalance { padding: 11px; margin: 4px; } wallets balance.tw { display: block; transition: 99ms; } tr trc>hd { height: 55px; width: 55px; background: var(--b); border-radius: var(--br1); justify-content: center; display: flex; align-items: center; } sbuo p22p.oders h6>i { filter: invert(1); } adw mg a.this { border-bottom: 2px solid; color: var(--a); } fchw mg a.this { border-bottom: 2px solid; color: var(--a); } fchw mg a.this { border-bottom: 2px solid; color: var(--a); } sctdc mg a.this { border-bottom: 2px solid; color: var(--a); } sctdc mg a.this { border-bottom: 2px solid; color: var(--a); } Eawl bl mg a.this { color: var(--a); border-bottom: 2px solid; } stake main { position: relative; z-index: 99999; backdrop-filter: blur(20px); } tx grid bl { background: var(--b1-t44); padding: 11px; border-radius: var(--br); } .hidebalance wallets balance.tw { filter: blur(7px); transform: scaleY(0.7); opacity: 0.4; } makrt>p { display: block; width: fit-content; padding: 5px 11px !important; margin: 4px; border-radius: 5px; } stake trcs>trc>hd { background: var(--bc); border-radius: var(--br1); justify-content: center; align-items: center; display: flex; } stake trcs>trc img { filter: invert(1); } /*trd trcs>trc { display: grid; grid-template-columns: 66px auto 111px; padding: 22px; margin-bottom: 5px; background: var(--bc); border-radius: var(--br1); position: relative; }*/ trd trcs>trc hd { align-items: center; justify-content: center; height: 55px; width: 55px !important; border-radius: var(--br1); display: flex; } stake trcs>trc { display: grid; grid-template-columns: 77px auto auto; padding: 22px; background: var(--b1-t44);border-radius: var(--br1); margin-bottom: 5px; } scwdh wdst.history hd { background: var(--b); } scwdh wdst scholl aa { background: var(--b); } wls grid>bl:last-child { padding: 0; background: unset; } cddpg bl>hd>p { display: flex !important; } cc.up { color: var(--c); font-size: 1.22em; font-weight: 500; } chcoo>hd { display: flex; flex-direction: column; padding: 11px; } wls btns btn { justify-content: center; display: grid ; padding: 7px 11px; align-items: center; border-radius: 7px; height: 33px; min-width: 52px; min-height: 32px; font-size: 14px; font-weight: 500; line-height: 22px; position: relative; background: var(--b-t22); margin: 3px; } sstake trxwallet>f { z-index: 8; align-items: center; flex-wrap: wrap; } tx grid bl>ft { padding: 0; margin: 0; } btns { display: grid; align-items: center; grid-template-columns: auto auto; } follow cfffd>div { grid-template-columns: auto auto auto; display: grid; justify-content: space-around; } cftpt { padding: 11px; } csbo hd>h4 { font-size: 0.88em; font-weight: 500; } stso trcs>trc { padding: 11px; margin: 5px; background: var(--b-t); border-radius: var(--br1); } .discover>trcs>trc bd p:nth-child(2) { justify-content: end; display: flex; } cfffd { display: block; padding: 11px; padding-bottom: 0; } schmpn grid bl { overflow: unset; } stro Transactions trc>hd { height: 66px; width: 66px; background: var(--b1); border-radius: var(--br1); align-items: center; display: flex; justify-content: center; } .hidebalance cw bl.cwbalance hd tb ii { transform: rotate(-180deg); } cw bl.cwbalance hd tb ii { display: block; transition: 99ms; } seno mg>a.this { border-bottom: 2px solid; color: var(--a); } Transactions trc>hd { display: flex; align-items: center; justify-content: center; } cero { display: grid; grid-template-columns: 44px auto 33px; padding: 11px; border: 1px solid var(--b1); border-radius: var(--br1); align-items: center; } cero>ft>i>img { filter: invert(1); } cero>bd>t { font-size: 0.88em; line-height: 1.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; } cmao trc>hd>img { height: 33px; width: 33px; } crprr .input-box-container>div { font-size: 0.88em; } fchw futurr mg { display: flex; justify-content: space-around; align-items: center; padding: 0 22px; margin-top: 11px; } /*spmn trcs>trc>bd { align-items: start; }*/ spmn d.aerea { display: block; } cpcat div hd bl:hover { background: var(--c1); } schmpn grid bl::before { display: none; } cpcat>div>bx { display: grid; grid-template-columns: auto 33px; text-align: center; margin-bottom: 22px; font-weight: bold; font-size: 1em; } cdeto.cmao { display: block; background: var(--b1-t44); padding: 22px; border-radius: var(--br); margin: 0 7px; } trd trcs>trc img { filter: invert(1); } sstko trcs>trc img { filter: invert(1);height: 30px; width: 30px; } cpfso bl>ft>i { height: 22px; width: 22px; } csuo select>option { background: var(--b); color: var(--c); font-size: 0.88em; } cwss>h1 { font-size: 1em; place-content: center; } sdso cdts amount { font-size: 0.88em; } sdso bl bd { margin-top: 11px; } sohs d.aerea { margin: 0; } @media only screen and (min-width: 999px){ p2pex>bd { display: flex; } p2pex>bd>bl { display: block; margin: 11px 0; padding-top: 22px; } } @media screen and (min-width: 999px) { codhs { margin: 0; } usrstake>ft aa { width: 31%; margin: auto; padding: 7px 33px; } cpaqs chat>ft>btn { margin: 11px auto; width: 79%; } tr div bd trcs trc { grid-template-columns: 66px auto 144px; align-items: center; } pull { display: none; } soon sidebar { display: none; } stake trxwallet>f { flex-wrap: wrap; } /*d.aerea { justify-content: center !important; }*/ cfffd>div { display: grid; justify-content: space-around; } db main { max-width: unset; } csbo scroll { display: block; overflow: hidden; } csbo>grid { white-space: unset; } app.cpcat cpcat { max-width: 777px; margin: unset; border-radius: var(--br1); } cpcat { max-width: 777px; margin: auto; border-radius: var(--br1); position: unset; padding: 33px; } .cpcat scpca footer { visibility: unset; } cpcat div hd bl { border-radius: 5px; } } @media screen and (max-width: 999px) { wls bl.Wlbalance ft btns { display: grid; } fw bl.Wlbalance ft btns { display: grid; padding: 0; } fchw b1>btns>btn { width: auto; } fchw b1>btns { display: grid; grid-template-columns: 33% 33% 33%; padding: 0; } mw bl.Wlbalance ft btns { display: grid; } /* btn { grid-template-columns: 12% auto; display: grid; border-radius: 5px; margin: 4px; align-items: center; font-weight: 400; padding: 11px; justify-content: center; } */ } crfpo trcs>trc>d { display: flex; justify-content: space-between; padding: 5px 0; margin-bottom: 5px; } crfpo trcs>trc>d>t { color: var(--ct); } crfpo>trcs>trc { padding: 0; } cvr {display: none;} #Exchange saco>d>hd {display: none;} crfdso { display: grid; background: var(--b1); border-radius: var(--br1); padding: 22px; margin: 11px 0; } crfdso>hd { display: grid; grid-template-columns: 24% 26% 22% 12% 16%; padding: 11px 0; font-size: 0.88em; font-weight: 400; color: var(--ct); border-radius: 0; } crfdso trcs>trc { display: block; padding: 0; } crfdso trcs>trc { display: grid; grid-template-columns: 24% 26% 22% 12% 16%; padding: 11px 0; font-size: 0.88em; font-weight: 400; color: var(--tr); border-radius: 0; } /* Settings */ ctfo>bd { display: block; margin-top: 11px; } cfco { display: grid; grid-template-columns: 33px auto; background: var(--at); padding: 11px; border-radius: var(--br1); } cfco bd>p { margin: 0; font-size: 12px; font-weight: 400; } cfco ft { display: grid; grid-column-start: 2; } cfco a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); } sstn main { display: block; max-width: unset; width: 100%;margin-bottom: 5rem;} sstn body { font-family: auto; } ccsn bd bl { display: grid; grid-template-columns: 0px auto auto; align-items: normal; height: fit-content; margin-block: 22px; column-gap: 0px; } ccsn bd bl hd i { height: 22px; } ccsn bd bl p { font-size: 12px; margin: 0px; opacity: 0.7; font-weight: 400; } ccsn bd bl ft { display: flex; align-items: center; gap: 12px; margin-left: 33px; justify-content: end; } ccsn bd bl ft btn { background: var(--c1); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } .passkey a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); } @media only screen and (max-width: 999px) { ctfo { margin: 11px; } ccsn bd bl { grid-template-columns: 28px auto; row-gap: 11px; border-bottom: solid 1px var(--bc); padding-bottom: 24px; } ccsn bd bl ft { display: grid; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } ccsn h3 { font-size: var(--fs); font-weight: 600; line-height: 26px; } } cado { display: block; padding: 22px; border-radius: var(--br); background: var(--b1-t44); margin: 7px; } cado>bd { display: block; margin-top: 11px; } cfco { display: grid; grid-template-columns: 33px auto; background: var(--at); padding: 11px; border-radius: var(--br1); } cfco bd>p { margin: 0; font-size: 12px; font-weight: 400; } cfco ft { display: grid; grid-column-start: 2; } cfco a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); } .Disable a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); } @media only screen and (max-width: 999px) { cado { margin: 11px; } } caso { display: block; padding: 22px; border-radius: var(--br); background: var(--b1-t44); margin: 7px; } caso>bd { display: block; margin-top: 11px; } cfco { display: grid; grid-template-columns: 33px auto; background: var(--at); padding: 11px; border-radius: var(--br1); } cfco bd>p { margin: 0; font-size: 12px; font-weight: 400; } cfco ft { display: grid; grid-column-start: 2; } cfco a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); } @media only screen and (max-width: 999px) { caso { margin: 11px; } ccsn h3 { font-size: var(--fs); font-weight: 600; line-height: 26px; } } cdao { display: block; padding: 22px; border-radius: var(--br); background: var(--b1-t44); margin: 7px; } cdao>bd { display: block; margin-top: 11px; } cfco { display: grid; grid-template-columns: 33px auto; background: var(--at); padding: 11px; border-radius: var(--br1); } cfco bd>p { margin: 0; font-size: 12px; font-weight: 400; } cfco ft { display: grid; grid-column-start: 2; } cfco a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); } cdao oo:active { box-shadow: 0 0 7px; transform: scale(1.1); transform: translate(42px); } cdao oo { display: block; height: 12px; width: 12px; background: #fff; margin: 2px; border-radius: 24%; position: absolute; transition: 333ms; box-shadow: -4px 0 11px; color: #000; top: 14%; left: 5%; } cdao bb { right: 25px; display: block; height: 23px; max-height: 34px; width: 49px; border-radius: 7px; border: none; transition: 333ms; box-shadow: none; overflow: visible; top: 1px; position: relative; background: var(--b-t22); } .Disable a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); } @media only screen and (max-width: 999px) { cdao { margin: 11px; } } /* Buy Order */ cgcho { display: grid; grid-template-columns: auto 66px; padding: 11px; border: 1px solid var(--bc); border-radius: var(--br1); margin: 11px; } cgcho>hd>usr { display: flex; align-items: center; } cgcho>hd>usr>i { display: flex; padding: 4px; height: 20px; width: 22px; background: var(--bc); text-align: center; font-style: inherit; margin-right: 7px; font-size: 0.77em; } cgcho>hd>usr>t { text-decoration: underline dashed var(--bc) 3px; } cgcho>hd>d { display: grid; grid-template-columns: 22px auto; align-items: center; padding: 4px 11px; background: var(--b1t44); width: max-content; font-size: 0.77em; margin: 17px 0; border-radius: 5px; } cgcho>bd>btn { display: block; text-align: center; padding: 7px 17px; border-radius: 5px; background: var(--lg-b); font-size: 0.88em; } cgcho>bd>btn:after { content: "2"; position: absolute; height: 17px; width: 17px; background: var(--c); color: var(--a); font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 55%; font-size: 0.88em; top: -7px; right: -9px; border: 2px solid var(--a); } cobto>trc>bd>dts { display: block; transition: 333ms; height: 0; visibility: hidden; } cobto.expend dts { height: 65%; visibility: visible; } /* Order Buy Payment Method */ cpmmo { display: block; padding: 11px; margin: 7px; } cpmmo>hd { display: flex; align-items: center; justify-content: space-between; } cpmmo>bd>sl>select { display: block; background: transparent; border: none; font-size: 1em; width: 100%; color: var(--ct); } cpmmo>bd>sl { display: block; padding: 11px 0; margin: 11px 0; } cpmmo>ft>p { color: var(--ct); margin: 22px 0; } cpmmo>bd>sl>select:focus { outline: none; } /* Pay */ pay>hd { display: flex; justify-content: space-between; padding: 11px; } pay>hd>btn:after { content: "2"; position: absolute; height: 17px; width: 17px; background: var(--c); color: var(--a); font-weight: bold; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 55%; font-size: 0.88em; top: -7px; right: -9px; border: 2px solid var(--a); } pay>hd>btn { display: block; text-align: center; padding: 7px 17px; border-radius: 5px; background: var(--lg-b); font-size: 0.88em; height: max-content; } sbuo .hd { font-size: 1.66em; margin-bottom: 5px; } orderbuy>hd { display: block; padding: 11px; } orderbuy>hd>d { display: flex; align-items: center;justify-content: space-between; } orderbuy { display: block; transition: 333ms; background: var(--b); } sbuo pay { display: block; transition: 333ms; background: var(--b); } sbuo footer { display: block; position: sticky; bottom: 0; } sbuo footer>ordbtns { display: block; border: none; margin: 0; height: 98px; background: var(--b1); box-shadow: -1px 1px 13px var(--b2); overflow: hidden; padding: 9px 0; } sbuo footer>ordbtns>d>btn { display: block; background: var(--lg-b); margin: 11px auto; text-align: center; border-radius: var(--br1); padding: 15px; width: 88%; } sbuo footer>ordbtns>d { position: absolute; top: 100%; bottom: 0; left: 0; right: 0; transition: 333ms; opacity: 0; visibility: hidden; } cmkoo { display: grid; grid-template-columns: 100% 100% 100%; max-width: 666px; margin: 0 auto; overflow: hidden; } sbuo.order d.Pls { top: 11px; visibility: visible; opacity: 1; } sbuo.Createorder d.crt { top: 11px; visibility: visible; opacity: 1; } sbuo.Payeorder d.payy { top: 11px; visibility: visible; opacity: 1; } setamount { display: block; transition: 333ms; background: var(--b); } sbuo.Createorder setamount { transform: translateX(-200%); } sbuo.Createorder orderbuy { transform: translateX(-100%); } sbuo.Payeorder orderbuy { transform: translateX(-200%); } sbuo.Payeorder setamount { transform: translateX(-200%); } sbuo.Payeorder pay { transform: translateX(-200%); } sbuo.Createorder header { display: none; } sbuo.Payeorder header { display: none; } @media only screen and (max-width: 999px) { sbuo footer { bottom: 55px; } sbuo footer>ordbtns>d>p { display: none; } } @media only screen and (min-width: 999px) { sbuo footer>ordbtns>d { display: grid; grid-template-columns: 60% 40%; text-align: center; align-items: center; max-width: 666px; margin: 0 auto; } sbuo footer>ordbtns>d>p { margin: 0; padding-right: 33px; } } /* SmS Types Component */ spcho.FileType cpcn>hd>i>img { transform: rotate(134deg); } /* Trade */ Transactions trcs>trc rto>i>.base-timer__svg { transform: scale(1.2); } /*Transactions trcs>trc rto>i { position: absolute; height: 100%; width: 100%; }*/ Transactions trcs>trc rto { height: 66px; width: 66px; align-items: center; display: flex; justify-content: center; position: relative; margin: 2px; font-size: 0.66em; } camo { display: block; padding: 11px; } /* Common css */ .btn:focus { transform: scale(0.98); } /* Annimation */ @keyframes circule { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pulse1 { 0% { -webkit-box-shadow: 0 0 0 0 var(--a); box-shadow: 0 0 0 0 var(--a); } 70% { -webkit-box-shadow: 0 0 0 10px transparent; box-shadow: 0 0 0 10px transparent; } 100% { -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } } /* Buggs */ rop>btns { display: none; } cpyro>ft>btn { display: none; } @media only screen and (min-width: 999px) { mnu m a.this { gap: unset; width: auto; margin: 0; border-radius: var(--br1); padding: 0; width: 55px; } mnu m a.this bt { display: none; } } ccno btns { grid-template-columns: auto auto auto auto; } ccno btns btn { background: var(--b1-t); margin: 0 2px; border-radius: 10px; } cwstb { padding: 10px 22px 18px 3px; display: block; } /*Crypto_Deposit*/ acdt>bl i { width: 20px; height: 19px; } acdt>bl>hd { display: flex ; justify-content: space-between;padding-block: 24px;} acdt>bl>hd i {width: 20px;height: 20px;} acdt>bl>bd div { padding: 0; margin: 0; display: flex ; flex-direction: column; gap: 16px;background: 0; } acdt bd div dv { display: flex ; gap: 16px; padding: 16px; border: solid 1px var(--b-t22);border-radius: 16px;align-items: center;position: relative; } acdt bd div d { display: flex ; flex-direction: column; } acdt bd span { font-size: 11px; font-weight: 400; line-height: 18px; color: var(--b-t44); } acdt bd p { margin: 0; font-size: 16px; font-weight: 600; line-height: 24px; } acdt>bl>bd { display: flex ; flex-direction: column; gap: 20px; } acdt>bl>ft { margin-top: 24px; display: flex ; flex-direction: column; flex: 1; justify-content: flex-end;gap: 16px; } acdt ft h2 { font-size: 16px; font-weight: 600; line-height: 24px; } acdt ft dv { display: flex ; justify-content: space-between; } acdt ft dv d { display: flex ; align-items: center; } acdt>bl>ft div { padding: 20px; margin: 0;background: 0; border: solid 1px var(--b-t22); } acdt>bl>ft p { display: flex ; gap: 4px; align-items: center;font-size: 14px; font-weight: 400; line-height: 18px; } acdt>bl>ft p i { filter: brightness(0.5); } acdt>bl>ft p:hover { color: var(--b-t44); } acdt>bl>ft p i:hover { filter: none; } acdt>bl>hd btn { display: flex ; align-items: center; gap: 7px; border: solid 1px var(--b-t22); padding: 3px; border-radius: 6px; } acdt bd div dv i { width: 40px; height: 40px; } acdt>bl>hd btn i:nth-child(3) { width: 22px; height: 22px; } app.cd acdt>bl { display: flex ; } acdt bd div t { font-size: 14px; } acdt>bl { padding: 0 24px 24px; display: none; flex-direction: column;top:0; right: 0; background: var(--b1); height: -webkit-fill-available; width: 100%; position: absolute; max-width: 368px; transition:0.5s ease-in-out; z-index: 9999999999; overflow: auto; } @media(max-width:999px){ acdt>bl {top: 58px;max-width: -webkit-fill-available;} } /***Crypto_List***/ aclt { display: block;} aclt>bl>hd { display: flex ; justify-content: space-between; font-size: .75rem; line-height: 1rem; font-weight: 400; } aclt>bl>hd d { display: flex ; gap: 8rem; } aclt>bl>hd span:hover { color: var(--c); } aclt>bl>hd span { display: flex ; align-items: center; color: var(---gry); } aclt>bl>hd i { height: 15px; width: 15px; } @media(max-width:999px){ aclt>bl>hd { display: none; } } /*scratch_card*/ /*scratch_card*/ cnameo button { transition: 444ms; } helpcenter ft svg {transform: rotate(180deg); height: 22px; width: 22px; margin-left: auto;} cpcpc svg { transform: rotate(180deg); } shmo cwstohd trcs>trc.ordr:hover {background: var(--b1); } shmo cwstotg trc.ordr:hover {background: var(--b1); } shmo transactions curncy { grid-template-columns: auto 118px 80px; display: grid; } footer bd .footer2 ul { padding: 0;opacity: 0.7; } footer .footer1 .followu a { height: 32px; width: 40px; } /*shmo sidebar { position: unset ; }*/ eawl bl.fndg quick btn i { display: block; width: 25px; } cwsdm bl bd { padding: 0; } shmo footer ft .info-section { display: flex; justify-content: center; } shmo footer ft .info-section p { display: grid; padding: var(--p1); justify-content: center; } cpmo.Info aa.Info { border-bottom: solid var(--a); color: var(--a); } shmo cwsta.slogan { width: auto; } cpwfs hd { display: flex; padding: 12px; } alert.success success svg { height: auto; } div#linkListing h4.jtc { display: flex; justify-content: space-between; font-weight: 500; } cwsto hd p { margin: 0; } schmpn bl { background: unset; z-index: unset; } chmas btn { transition: none; } chmas btn:active { transform: unset; } schmpn bd { z-index: 1; } cppoo fill { position: relative; } spwo header grid { position: relative; z-index: 1; border-bottom: solid var(--b1); border-top: solid var(--b1); transition: 333ms; margin: 0; background: var(--b1-t44); } .cgary { color: var(--ct); } cpwfs bd div hd h4 { padding: 5px; border: solid 2px; border-radius: 25px; } cpwfs .expand t { display: none; } ccss h1 ul { display: none; } cpwfs bd div hd h4 p { display: flex; width: 14px; height: 2px; background: #ffffff; position: relative; bottom: 0px; top: 6px; margin: 0; } cpwfs bd div hd h4 t { display: flex; width: 14px; height: 2px; background: #ffffff; position: relative; bottom: 0px; top: 4px; margin: 0; transform: rotate(88deg); } spwo bd bd .footer2 { border: none; } cpwfs div asnwer { position: relative; display: none; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; display: block; transition: 333ms; z-index: 9999; font-family: poppins; font-weight: 500; transition: all .5s ease-in-out; height: 0; line-height: 30px; } cpwfs bd { display: grid; gap: 30px; padding: var(--p1); } spwo header grid div { display: flex; margin: 0 9% 0 9%; justify-content: space-between; } spwo header grid div bl { display: flex; gap: 20px; background: unset; padding: 10px; align-items: center; border-radius: 0; } spwo header grid bl h5:hover { color: var(--c); } spwo header grid bl h5 { letter-spacing: 0.8; font-weight: 500; color: var(--b-t44); } spwo header grid bl h4 { letter-spacing: 0.3; font-weight: 500; color: var(--b-t77); } spwo header h4.cblue { color: var(--a); font-weight: unset; } spwo header h4.cblue:before { content: ''; height: 4px; width: 25px; position: absolute; left: 44%; top: 88%; z-index: 1; background: var(--a); border-radius: 30px; box-shadow: 0 0 35px 3px var(--a); } spwo header grid bl ul { display: none; } spwo header grid bl a:hover { transition: 33ms; } spwo header grid bl a:hover ul { display: grid; background: var(--b1-t); border: solid 1px var(--b-t22); border-radius: 10px; padding: 12px; gap: 12px; z-index: 10; position: fixed; font-size: 12px; top: 10%; right: 4%; filter: drop-shadow(2px 4px 6px black); } .Communauté h4 { margin-bottom: 10px; font-weight: 500; } spwo db d.aerea sidebar { position: unset; } spwo db d.aerea { display: block; max-width: 1368px; position: relative; margin: auto; } .Communauté { transition: 333ms; margin: 11px 0 0 50px; } ccss h1:nth-child(1) i { transform: rotate(90deg); } ccss h1:nth-child(6) i { transform: rotate(270deg); } spwo .Communauté ul i { height: 100%; width: 90%; } spwo db d.aerea { display: flex; max-width: 1368px; position: relative; margin: auto; flex-direction: column-reverse; } shmo sidebar acnt2 { margin: 0; } shmo cwsto cwstohd trc hd { display: flex; justify-content: unset; align-items: center; } shmo cwstotg ft trc bd { align-items: center; } shmo cwsh { font-size: 15px; } shmo btn { transition: 333ms; } shmo scroll marquee a { margin-left: 30px; letter-spacing: 0.9px; font-weight: 500; } cwstohd label { display: grid; grid-template-columns: auto auto; justify-content: space-between; padding: 5px 23px; } shmo acnt2 section.at { padding: var(--p1); } cwsto { display: grid; row-gap: 25px; /*font-family: Roboto, "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei"; */} p.jrac.cgray2 { width: 100%; } spwo footer .linkListing ul { padding-top: 0px; flex-direction: column; gap: 11px; } div#linkListing ul { display: flex ; gap: 10px; flex-wrap: wrap; } div#linkListing ul i { height: 33px; width: 33px; } div#linkListing h4.jtc { margin-bottom: 20px; } div#linkListing { margin: 11px 0 0 50px; } /*shmo cwsto trcs>trc>bd h4 { margin-left: 25%; display: flex; font-weight: 500; font-size: 13px; }*/ shmo cwstotg trc bd h4 { justify-content: end; margin-left: 25%; display: flex; font-weight: 500; font-size: 13px; } /*shmo main transactions { display: none; }*/ section bd h4 { font-weight: bold; } home db d_acnt { display: grid; grid-template-columns: auto; margin: 0;} h1.headline { font-size: 22px; text-align: center;font-weight: 600; } h1.subheadline { font-size: 13px; font-weight: 500; letter-spacing: 0.6px; text-align: center; opacity: 0.7; color: aliceblue; } wallet h4 name { opacity: .7; } .BTC div.trcs trc:nth-child(1) { display: grid; } .BTC div.trcs trc { display: none; } .ETH div.trcs trc:nth-child(1) { display: grid; } .ETH div.trcs trc { display: none; } .USDC div.trcs trc { display: none; } .USDC div.trcs transition { display: grid; } .KCS div.trcs trc { display: none; } .KCS div.trcs transition { display: grid; } div.trcs transition { display: none; } div.trcs transition bl { display: grid; text-align: center; justify-content: center; font-size: var(--fs); align-items: center; } div.trcs transition bl i { margin: auto; } div.trcs transition bl h4 { font-weight: 500; font-size: 0.9em; } /*phone css*/ @media only screen and (max-width: 999px) { shmo chmpo { backdrop-filter: blur(30px); z-index: 9; box-shadow: 9px 8px 50px 0 var(--b2); transition: 333ms; border-radius: 20px; max-width: 400px; display: block; overflow: hidden; position: absolute; width: 100%; left: 0; right: 0; max-height: 80%; margin: auto; top: 40%; border: solid 3px var(--b1); } shmo cwsto hd btn { display: none; } div#linkListing { margin: 0; } cpwfs bd div hd h4 { height: 14px; } app.chmfb sidebar { filter: blur(5px); } p.jrac.cgray2 { width: auto; } chmba bl { padding-bottom: 10px; } spwo header grid div bl { padding: 0; font-size: 0.9em; } spwo header grid div bl a:nth-child(4) { background: var(--a); height: 25px; width: 30px; border-radius: 4px; display: flex; justify-content: center; align-items: center; } spwo footer .gsc_row .linkListing { display: block; } spwo bd bd .footer2 h4 { display: flex; justify-content: space-between; } spwo bd bd .footer2 { margin: 0; padding: 0; } spwo bd bd .footer2 .footer3:nth-child(2) { border: unset; margin: 22px 0 0 0; display: none; } spwo footer ft .info-section { display: block; } bd cwstohd hd p { width: auto; } spwo footer .gsc_row hd { margin: unset; } spwo header grid div bl:nth-child(1) a:nth-child(4) { display: none; } spwo header h4.cblue:before { content: ''; box-shadow: unset; left: 43%; top: 48px; position: fixed; } spwo header grid bl h5 { display: none; } spwo footer .gsc_row .footer2 div { border-bottom: solid 1px var(--b1); margin: 11px 0px; transition: 333ms; } shmo cwsdm bd hd ft { display: none; } spwo header grid div { margin: 0 5% 0 5%; padding: 12px 0 13px 0; } border-radius: var(--br1); position: relative; padding: 8px 5px; column-gap: 10px; } shmo cwsaaa hd ft { display: grid; grid-template-columns: 30% 30% 30%; gap: 19px; } shmo cwsaaa hd ft bl:nth-child(4) { display: none; } shmo sidebar { display: block; } shmo cwsto cwstohd trcs trc h6 { display: flex; justify-content: end; } shmo cwstohd bd cnc t:nth-child(3) { display: flex; justify-content: end; } shmo cwstohd bd cnc t:nth-child(4) { display: none; } shmo cwstohd bd cnc t:nth-child(5) { display: none; } spwo .Communauté { margin: 0; padding: 0; } shmo cwsto trcs>trc.ordr ft { display: none; } shmo cwstohd trcs>trc.ordr { grid-template-columns: 32% auto; margin: 7px 0px;} shmo cwstohd bd cnc { grid-template-columns: auto 36% 25%; } shmo cwsaaa bd.balance { display: none; } shmo cwsaaa { grid-template-columns: auto; } .gsc_container.footer2 { border: unset;padding: 0 14px; } shmo cwsdm bd hd bd { padding: 18px 0 0 0; justify-content: space-between; display: flex; } screen home shmo header section { padding: 0px 0px; } shmo main grid chmod { display: none; } shmo cwaa hd bd t { grid-template-rows: 52% auto; display: grid; } shmo main transactions { display: block; } shmo section bd cwso cnc h4 { display: none; } shmo cwstohd trc hd { display: flex; justify-content: unset; } shmo section bd cwso cnc { justify-content: unset; } section { z-index: 1; position: relative; } @media screen and (min-width: 768px) { lpmu { padding-top: 64px; } lpmu trc {padding: 40px;margin-bottom: 40px; max-width: unset; } lpmu h1 { display: flex; width: 90%; max-width: calc(100vw - 79px); margin-bottom: 3%; font-size: 25px; } lpmu trc { margin: 0px 0px 64px; min-width: 0px; position: relative; padding: 24px 30px; border-radius: 16px; width: 100%; background: var(--bt); display: flex; gap: 20px; } clcm { padding: 20px; border-radius: 7px; width: 250px; background: var(--b1); } slpo clp { text-align: center; margin-bottom: 30%; display: block; } } .card { padding: 20px; width: 300px; display: grid; gap: 10px; } .status { background-color: var(--b1); padding: 5px 10px; border-radius: 4px; font-size: 12px; margin-bottom: 10px; display: grid; grid-template-columns: 28% auto; align-items: center; width: 30%; } lpmu clcp{ text-align: center; margin-bottom: 20px; } lpmu clco { display: grid; grid-template-columns: 20% 19%; align-items: center; } clcp h2 { font-size: 24px; margin: 0; font-weight: bold; } lpmu p { font-size: 14px; opacity: .7; display: flex; } slpo clcs { display: flex; justify-content: space-between; margin-bottom: 20px; } .total, .project { font-size: 14px; } .total strong, .project strong { display: block; font-size: 18px; margin-top: 5px; } clcu { text-align: center; } clcu span { display: flex; font-size: 14px; margin-bottom: 10px; } slpo clc { display: flex;gap: 10px; } clc span { font-size: 16px; font-weight: bold; } slpo clm { text-align: center; margin-bottom: 20px; } slpo cm { display: grid; grid-template-columns: 16% 49%; justify-content: center; align-items: center; } clm h2 { font-size: 20px; margin: 0; font-weight: bold;justify-content: unset; display: flex; } lpmu b { font-size: 14px; opacity: .7; display: flex; justify-content: center; margin-top: 6%; } clmo { box-sizing: border-box; margin: 15px; display: flex; position: relative; justify-content: center; width: 64px; height: 64px; left: 29%; border-radius: 37px; border: solid 2px var(--a1t);} clmm { font-size: 14px; opacity: .7; } ccp,cpm { display: flex; justify-content: space-between; margin-bottom: 10px; } clmm strong { font-size: 16px; } clmo svg { box-sizing: border-box; margin: 25px 0px 0px; min-width: 3px; max-width: 100%; position: absolute; bottom: -6px; left: 9px; width: 81%; height: 100%; } @media screen and (max-width: 999px) { lpmu trc { margin: 0px 0px 64px; min-width: 0px; display: flex; position: relative; padding: 24px 25px; background: var(--bt); border-radius: 16px; box-sizing: border-box; width: 100%; overflow: auto; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 20px; } lpmu h1 { display: flex; width:100%; max-width: calc(100vw - 79px); margin-bottom: 4%; font-size: 22px; } clcm { padding: 20px; border-radius: 7px; width: 322px; background: var(--b1); display: grid; gap: 25px; } clmu { display: flex; justify-content: space-between; } slpo cm { display: grid; grid-template-columns: 16% 63%;justify-content: flex-start; } clmo { box-sizing: border-box; margin: 15px; display: flex; position: relative; justify-content: center; width: 64px; height: 64px; left: 24%; border-radius: 37px; border: solid 2px var(--a1t); bottom: 15%; } } clcm:hover { top: -16px; animation: 400ms ease 0s 1 normal none running animation-1295qio; } @keyframes animation-1295qio{ 0% { top: 0px;} 100% { top: -16px;}} /* and */ @media only screen and (max-width: 400px) { shmo cwstohd bd cnc { grid-template-columns: auto 38% 30%; } shmo cwstohd trcs>trc.ordr { grid-template-columns: 97px auto; padding: var(--p1); } cwstohd bd cnc t:nth-child(1) { position: unset; } shmo cwsto cwstohd hd { display: grid; grid-template-columns: 60% auto; } } @media only screen and (max-width: 1300px){ shmo footer .gsc_row hd .followu { grid-template-columns: 7% 7% 7% 7% 7%; display: grid; } shmo footer .footer1 .followu { grid-template-columns: repeat(4, 22px) !important; grid-template-rows: unset !important; display: grid; grid-column-gap: 35px; grid-row-gap: 8px; } cwstohd trc hd{ grid-template-columns: 15% auto; justify-content: center; display :grid; } shmo cwaa hd bd t { grid-template-rows: 52% auto; display: grid; } cwstohd bd cnc { display: grid; grid-template-columns: auto 25% 17% 22% 10%; } shmo cwstohd bd cnc t:nth-child(5) { justify-content: center; } spwo header grid div bl:nth-child(2) a:nth-child(1) { display: none; } spwo header grid div bl:nth-child(2) a:nth-child(2) { display: none; } spwo header grid div bl:nth-child(2) a:nth-child(3) { display: none; } spwo header grid bl a h5:before { left: 85%; } spwo footer .gsc_row div h4 i { display: none; } spwo header grid div bl:nth-child(2) a:nth-child(3) { content: ''; left: 84%; } spwo db d.aerea sidebar { width: auto; position: unset; } } /* Desktop CSS */ @media only screen and (min-width: 999px) { shmo chmpo { font-family: Roboto, "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei"; backdrop-filter: blur(30px); z-index: 9; box-shadow: 9px 8px 50px 0 var(--b2); transition: 333ms; border-radius: 20px; max-width: 400px; display: block; overflow: hidden; position: absolute; width: 100%; left: 0; right: 0; max-height: 80%; margin: auto; top: 40%; } spwo header grid bl a i { display: none; } chmas.USDT div hd bl btn selact { right: 3%; } div#linkListing ul i { height: auto; width: auto; } app.Type Type { width: 50%; left: unset; } cpcsp div hd bl:nth-child(2) svg { left: 8%; } .Payment payment { width: 50%; } payment cpcsp div::before { content: 'B D G L I P S U W'; width: 1px; } chmas.Fixed div bl btn.Fixed selact { right: 3%; } chmas.BTC div hd bl btn.BTC selact { right: 16%; } app.cpcat cpcat { display: block; bottom: 14%; position: absolute; } } @media only screen and (min-width: 1300px){ sctdc sidebar { min-width: 400px; } shmo cwaa hd bd t { grid-template-rows: 25% auto; display: grid; } cwstohd bd cnc { display: grid; grid-template-columns: auto 25% 24% 15% 10%; } shmo footer .gsc_row hd .followu { grid-template-columns: 2% 2% 2% 2% 2%; } spwo bd bd .footer2 { margin: 11px 0 0 50px; border: unset; } div#linkListing { margin: 11px 0 0 50px; }} scss main { width: 100%; max-width: unset; } scss d.aerea { height: 94vh; } scss d.main { height: 100%; } scss dppic { height: 90px; width: 90px; box-shadow: unset; } scss dppic>upld { display: none; } scss main grid { display: grid; grid-template-columns: 266px auto; height: 100%; } scss sidebar { height: 100%; } scss d.sidebar { height: 100%; } scss grid { height: 100%; } /*Stakes*/ @media only screen and (min-width: 999px){ ceo in sidebar { width: 0; min-width: 0; } ceo in main { width: 100%; } } stks trcs>trc { margin: 7px; border-radius: 16px; } stks trcs>trc img { filter: invert(1); } wallet trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(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);} stakes trcs>trc>ft h4 { text-align: end; } @media only screen and (min-width: 999px){ ceo in sidebar { width: 0; min-width: 0; } ceo in main { width: 100%; } } /*Report*/ p2p h nv op {padding: 2px 8px; margin: 6px; display: flex; height: 35px; } p2p h nv gg { grid-template-columns: 55px 33px auto 0px 20%; } p2p d nv aa{display: grid;justify-content: center;align-items: center;grid-template-columns: auto 26px;} p2p.trading_zone cppoz { bottom: 73px; box-shadow: 0 -11px 33px var(--b); border-top-right-radius: 22px; border-top-left-radius: 22px; display: block; opacity: 1; padding: 11px; border: solid 2px var(--b-t22); } srpo aa { display: flex; align-items: center; text-align: center; width: 100%; justify-content: center; font-size: 1.2em;} srpo aa svg {width: 21px !important; } srpo ii { width: 22px; height: 22px; display: flex; background: var(--a); border-radius: 22px; justify-content: center; align-items: center; } nv.p t { background: var(--a1t); padding: 1px; display: flex; justify-content: center; gap: 22px; } srpo .p { font-size: unset; } /*home*/ /* All page D-Bugges */ nav p1 { padding: 9px 12px; font-size: 12px; align-items: end; display: flex; } cwsoc cmm{ text-align: center; } cwsoc cm svg { margin-top: 4px;fill: var(--a); } ccss h1 svg { fill: var(--c) !important; } p2p_website cwsaa { display: flex ; flex-direction: column; align-items: center; max-width: 1200px; margin: 0px auto; padding: 5% 32px; background: var(--b1-t44); border-radius: 20px; border: solid 2px var(--b1); gap: 28px; } fw quick a t { bottom: 7px; } fw quick a t { bottom: 0px; font-size: 1.33em; font-weight: 500; } ccm bd { justify-content: end; } cwsaa button { justify-content: center; } sptpa sidebar { min-width: 555px; } /* P2P Website */ @media only screen and (max-width: 999px) { p2p_website cwsaa { display: flex ; flex-direction: column; align-items: center; max-width: 1200px; margin: 0px auto; padding: 5% 32px; background: var(--b1-t44); border-radius: 20px; border: solid 2px var(--b1); gap: 28px; } shmo footer .gsc_row hd .followu { grid-column-gap: 16px; grid-row-gap: 16px; display: grid; grid-template-columns: 7% 7% 7% 7%; grid-template-rows: 30px 30px; } shmo acnt2 section.at { padding: var(--p1); bottom: 1%; } chts trc.ordr { background: var(--b1-t44); margin: 11px 0px; padding: 10px 11px; border-radius: 5px; padding-left: 21px; grid-template-columns: auto auto auto !important; gap: 11px; align-items: center; position: relative;} navbar bd { display: flex; justify-content: end; padding-right: 11px; } db d.aerea main { width: 100%;} cwsoc cm { display: grid; grid-template-columns: auto 44px; font-size: 18px; color: var(--a); margin-top: 5%; justify-content: center; } learn slide#carouselContainer { margin: 0; width: auto; } learn slide#carouselContainer bl.slide { min-width: -webkit-fill-available; } /* Orders History */ order.buyp2 hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } order.buyp2 hd bl svg { display: flex; width: 100%; height: 100%; transform: rotate(269deg);} order.buyp2 hd dd { display: grid; width: 100px; grid-template-columns: auto auto; border-radius: 4px; margin-left: 0; font-size: 22px; } order.buyp2 bd { display: flex; } order.buyp2 ft t { opacity: .7; } cc.up { color: var(--c); font-size: 20px; font-weight: 500; } cppo mg { display: grid; grid-template-columns: 16% 1% auto 4% 9%; font-size: 16px; align-items: center; font-weight: 500; gap: 20px; } cppo mg i { width: 100%; height: 100%; } cppo bl div { display: grid; grid-template-columns: 18% auto 48%; } } /* Orders History in Desktop version */ @media only screen and (min-width: 999px) { cppo mg { display: grid; grid-template-columns: 9% 2% auto 2% 5%; font-size: 16px; align-items: center; font-weight: 600; gap: 20px; } cppo mg i { width: 100%; height: 100%; } cppo bl div { display: grid; grid-template-columns: 15% auto 64%; } order.buyp2 hd { display: flex; align-items: center; justify-content: space-between; } order.buyp2 hd bl svg { display: flex; width: 94px; height: 100%; transform: rotate(269deg); } order.buyp2 hd dd { display: grid; width: 100px; grid-template-columns: 50% 50%; padding: 4px; border-radius: 4px; margin-left: 0; font-size: 22px; } order.buyp2 ft i { height: 100%; } cc.up { color: var(--c); font-size: 20px; font-weight: 500; } ctportfolios bd copy { display: flex; font-size: 17px; } ctportfolios hd copy { display: flex; font-size: 20px; gap: 10px; } } /* Changed by */ order.buyp2 trc { display: block; position: relative; } order.buyp2 bd { display: block; margin-bottom: 11px; } order.buyp2 ft { width: fit-content; background: var(--b1); display: grid; padding: 9px 11px; border-radius: 20px; grid-template-columns: 22px auto; align-items: self-start; justify-content: center; gap: 5px; height: 20px; } order.buyp2 ft t { opacity: .7; font-size: 0.88em; font-weight: 400; } order.buyp2 ft i { width: 22px; height: 22px; } order.buyp2 hd bl>i { height: 18px; width: 18px; } order.buyp2 hd bl { display: grid; grid-template-columns: auto 18px; font-weight: 300; align-items: center; justify-content: flex-end; opacity: .7; } @media only screen and (min-width: 999px) { shmo footer .gsc_row hd .followu { grid-column-gap: 16px; grid-row-gap: 16px; display: grid; } navbar bd button { background: var(--a1); color: var(--c); font-size: 16px; border-radius: 22px; padding: 8px 14px; letter-spacing: 0.6; font-weight: 600; margin-top: 1%; } cwsoc cm {display: grid; grid-template-columns: 7% 2%; align-items: center; font-size: 15px; justify-content: center;color: var(--a);} } /* Changed Orders History */ order.buyp2 bd cn { display: flex; font-weight: 500; justify-content: space-between; margin-bottom: 5px; position: relative; align-items: center; opacity: .7; font-size: .9em; } /* User profile */ @media only screen and (max-width: 999px) { cupo bl{ display: flex; align-items: center; justify-content: space-between; } cupo bl h1 { display: flex; font-size: 17px; width: 100px; font-weight: 500; color: var(--b-t44); align-items: center; } cupo div h2 { display: flex; width: 61%; height: 41px; background: var(--c1); justify-content: center; border-radius: 7px; align-items: center; font-size: 16px; font-weight: 500; } cupo mg { display: flex; gap: 8px; position: relative; } cupo h1 { font-weight: 300; } cupo mg aa.a { color: var(--c); } cmso.buyp2 trcs { display: grid; grid-template-rows: 25% 28% auto; border-top: solid 1px var(--bc); height: 100%; margin-top: 20px; } cmso.buyp2 trc { display: block; padding: 20px; color: var(--ct); border-bottom: solid 1px var(--bc); background: unset; border-radius: 0; } cmso.buyp2 bd h3 { font-weight: 500; } cmso.buyp2 ft h3 { font-weight: 500; } cmso.buyp2 a { font-weight: 500; right: 5%; position: relative; } cups h4 { font-weight: 500; } cupe hd { display: flex; justify-content: center !important; align-items: center; } cmso.buyp2 cupe bd { display: flex; justify-content: center; } cmso.buyp2 cupe ft { display: flex; justify-content: center; } cmso bd div h1 { font-size: 13px; display: flex; justify-content: space-between; font-weight: 500; align-items: center; } } supn d.aerea { display: block; } supn h1 { font-size: 16px; font-weight: 500; color: var(--c); } cups hd { display: flex; justify-content: space-between; padding: 20px; color: var(--b-t44); } cups bd { display: flex; justify-content: space-between; padding: 20px; color: var(--b-t44); } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////// Desktop CSS //////////////////////////////////////////////////////////////////////////////////*/ /* User Profile in only Desktop versio */ @media only screen and (min-width: 999px) { cupo bl{ display: flex; align-items: center; justify-content: space-between; } cupo bl h1 { display: flex; font-size: 17px; width: 100px; font-weight: 500; color: var(--b-t44); align-items: center; } cupo div h2 { display: flex; width: 61%; height: 41px; background: var(--c1); justify-content: center; border-radius: 7px; align-items: center; font-size: 16px; font-weight: 500; } cupo mg { display: flex; gap: 8px; position: relative; } cmoo h1 { font-weight: 300; } cupo mg aa.a { color: var(--c); } cmm h2 { font-weight: 500; } cmso.buyp2 trcs { display: grid; grid-template-rows: 25% 32% 43%; border-top: solid 1px var(--bc); height: 100%; margin-top: 20px; } cmso.buyp2 trc { display: grid; padding: 20px; color: var(--ct); border-bottom: solid 1px var(--bc); background: unset; border-radius: 0; } cmso.buyp2 bd h3 { font-weight: 500; } cmso.buyp2 ft h3 { font-weight: 500; } cmso.buyp2 a { font-weight:500; right: 5%; position: relative; } cups h4 { font-weight: 500; } cupe hd { display: flex; justify-content: center !important; align-items: center; } cupe bd { display: flex; justify-content: center; } cupe ft { display: flex; justify-content: center; } cmso bd div h1 { font-size: 13px; display: flex; justify-content: space-between; font-weight: 500; align-items: center; } cupe bl { display: block; max-width: 52%; background: var(--c); height: 5%; border-radius: 20px; left: 24%; position: relative; } cpfo ft img { height: 35%; filter: contrast(0.5); } } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////// phone CSS /////////////////////*/ /* home*** in only phone versio */ @media only screen and (max-width: 999px) { cpfo ft img { height: 55%; filter: contrast(0.5); } } ssuo h6 i { filter: invert(1); margin-top:3%; } /* Sell_USDT only Desktop version */ @media only screen and (min-width: 999px) { cmmo bd { display: grid; gap: 11px; } cmmo cmm { display: flex; justify-content: center; align-items: center; font-size: 14px; } cmmo bd h5 { display: grid; grid-template-columns: 39% 7% auto; font-size: 11px; align-items: center; gap: 9px; } cmmo bd h4 { display: grid; grid-template-columns: 43% 3% 16% 3% 16% 3% 16%; font-size: 12px; } hd cmo h2 { font-size: 14px; font-weight: 500; } } /* Sell_USDT in only phone versio */ @media only screen and (max-width: 999px) { cmmo bd { display: grid; padding-left: 5px; gap: 13px;} cmmo cmm { display: flex; justify-content: center; align-items: center;font-size: 1.1rem;} cmmo bd h5 { display: grid; grid-template-columns: 39% 7% auto; font-size: 1.0rem; align-items: center; gap: 9px;} cmmo bd h4 { display: grid; grid-template-columns: 43% 3% 16% 3% 16% 3% 16%; font-size: 15px;} hd cmo h2 { font-size: 1.0rem; font-weight: 500;} cmsso bd csun { display: block;} csun h2 { font-weight: 500;} comm bd label { font-size: 14px;} } /* Buy_USDT and Sell_USDT */ cmmo ft { display: grid; grid-template-columns: 32% 35% auto; margin-bottom: 6%; } comm hd cmoo { display: grid; } cmoo h3 { display: flex; font-size: 15px; font-weight: 500; color: var(--a); } comm bd h4 { display: flex; font-size: 14px;font-weight: 500; margin-bottom: 2%;} comm bd h5 { display: flex; font-size: 15px; font-weight: 500; } comm ft h6 { display: flex; font-size: 18px;font-weight: 500; } comm ft h5 { display: flex; font-size: 15px; font-weight: 500; } cmsoo hd h3 { font-weight: 500; } cmsoo>bd { display: grid; grid-template-columns: auto auto; gap: 15px; } cmsoo bd i { width: 15%; height: 35%; transform: rotate(269deg); filter: brightness(0.5); } cmsso bd h2.cgray { font-size: 0.9em; } cfo h4 { display: grid; } cfo h4 a1 { font-size: 17px; font-weight: 500; } cfo h4 a2 { font-weight: 500; } ccm bd { display: flex; justify-content: end; color: var(--a); font-size: 18px; align-items: center; } ccm ftt { transform: rotate(268deg); margin-bottom: 7px; } cmsso hd s { text-decoration: none; font-weight: 500; font-size: 1.0rem; display: flex; gap: 10px; } ccm hd.b { display: flex; align-items: center; } ssuo csluo h2 { font-size: 1.0rem; font-weight: 500; } comm h2 { font-weight: inherit; font-size: 18px;} cmsso bd cbo { display: block; } cmsso ft cffo { display: grid; grid-template-columns: auto auto;justify-content: space-between; } ft cffo h3 { display: flex; font-size: 0.9em; font-weight: 500; align-items: center; border-bottom: dotted 1px; border-bottom-style: dashed; } ft cffo h2 { font-size: 0.9em; font-weight: 500; } cffo h2 a { font-weight: 500; margin-left: 5%; } span.live.bgreen { position: relative; box-sizing: content-box; width: 8px; height: 8px; border-radius: 50%; display: block; } span.live.bgreen::after { content: ''; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; animation: circle-pulse 2s infinite; border-radius: 50%; box-shadow: 0 0 0 0 #4daa57; } csdbo.Fiat aa.Fiat { color: var(--a); } csdbo.Crypto aa.Crypto { color: var(--a); } /* Changed by (Sell_USDT) */ cmsso hd.b { display: grid ; grid-template-columns: auto 33px; } cmsoo nam { display: flex; background: var(--c); justify-content: center; align-items: center; font-size: 20px; border-radius: 30px; color: var(--b); padding: 4px; height: 30px; width: 30px; } cfo>h3>i { height: 77%; width: 77%; } ssuo cmsoo { display: block; border-bottom: 1px solid var(--bc); margin: 11px 0; } cmsoo>hd { display: grid; grid-template-columns: 33px auto; align-items: center; justify-content: center; border: solid 2px var(--b1); border-radius: 10px; padding: var(--p1); margin: 11px 0; font-size: 0.88em; } cmsoo bd h3 { display: flex; border-radius: 5px; justify-content: center; align-items: center; font-size: 0.88em; font-weight: 500; background: var(--b1t); padding: 6px 11px; height: 33px; } ssuo trcs { display: block; } ssuo cmsso { display: block; margin: 11px 0; } cmsso ft { display: grid; background: var(--b1t); border-radius: 9px; align-items: center; padding: 20px; gap: 20px; margin-top: 11px; } cmsso ccm { display: grid; grid-template-columns: auto 33px; margin-bottom: 11px; padding: 5px 18px; } cmsso h { display: flex; background: var(--c); justify-content: center; align-items: center; font-size: 20px; border-radius: 30px; color: var(--b); padding: 4px; height: 30px; width: 30px; } cmsso hd hh { display: grid; margin-bottom: 11px; } cmsso>bd { display: flex; justify-content: space-between; margin: 22px 5px; } cmsso hd h3 { display: grid; font-size: 1.0em; align-items: baseline; gap: 8px; grid-template-columns: 74px 60px 60px 90px; } cmsso hd a>i { width: 16px; height: 16px; } cmsso hd h4 { display: flex; align-items: center; } cmsso hd s1>i { height: 22px; width: 22px; } cmsso hd h4 a1>i { height: 22px; width: 22px; } ssuo p22p.oders h6 { display: grid; font-size: .88rem; font-weight: 500; padding: 3px; grid-template-columns: auto auto 18px; justify-content: flex-start; align-items: center; gap: 4px; } csdbo trc.bb bd { display: block; } ssuo csdbo trc.bb { display: block; border: solid 2px var(--b-t); border-radius: var(--br1); margin: 11px 0; } ssuo csuo { display: flex; justify-content: space-between; background: var(--b1); border-radius: var(--br1); align-items: center; height: 50px; margin: 11px 0; position: relative; } csuo>symbol { margin: var(--m); } ssuo trc.bb ft { display: flex; padding: 16px; border-radius: var(--br1); font-size: 1em; align-items: center; justify-content: center; font-weight: bold; margin: var(--m); } ssuo csdbo { display: block; } ssuo hd.bc aa { font-size: 17px; font-weight: 500; padding: var(--p1); padding-top: 0; cursor: pointer; } csuo>input { position: absolute; top: 0; right: 0; left: 0; border-radius: var(--br1); background: transparent; padding: 0 44px; bottom: 0; margin: 0; font-size: 18px; color: var(--c);} cmmo cmm.red { border-radius: 22px; background: var(--b1t); display: flex; align-items: center; justify-content: center; font-size: 0.88em; padding: 5px 11px; } comm hd { display: grid; grid-template-columns: 33px auto; background: var(--b1t); border-radius: 9px; padding: var(--p1); margin: 11px 0; font-size: 1em; } comm>bd>p { margin: 4px 0; } comm>ft>p { margin: 4px 0; } cmsoo>h2 { font-weight: 500; } cmsso>hd { display: grid; grid-template-columns: 44px auto; align-items: flex-start; gap: 11px; padding: 0px 15px; } cmsso>hd s1 { display: grid; grid-template-columns: auto 22px; font-weight: 500; width: fit-content; } /* Copy Trading */ ctportfolios frm hd { display: flex; } @media only screen and (max-width: 999px) { ctportfolios bd copy { display: flex; font-size: 17px; overflow: scroll; }} /* Every Buggs */ /* Common CSS for every element */ /* Animations */ @keyframes animation-f032ca { 0%, 100% { transform: translate3d(0px, 0px, 0px); } 50% { transform: translate3d(0px, -5px, 0px); } } /* Block_Trade */ Block_Trade bl.pages { display: none; } sbto main { width: 100%; max-width: 100%; } @media only screen and (min-width: 999px) { sbto sidebar { display: none; }} /* Future Wallet */ fchw btns ellipse { fill: unset !important; } /* Market */ @media only screen and (max-width: 999px) { scamks button { display: grid; grid-template-columns: 35% 32% 32% 32%; background: none; gap: 10px; overflow: scroll;width: 100%; } scamks button btn { display: grid; grid-template-columns: 27% auto; background: var(--b1); border-radius: 5px; height: 40px; padding: 1px 6px; align-items: center; gap: 10px; } scamks btn span { background: var(--bc); border-radius: 8px; width: 30px; height: 30px; } scamks btn t { font-size: 15px; color: var(--c);font-weight: 600;display: flex; } } /* Market only Desktop version */ @media only screen and (min-width: 999px) { scamks button { display: grid; grid-template-columns: 15% 15% 15% 15%; background: none; gap: 16px; align-items: center;} scamks button btn { height: 55%; width: 100%; background: var(--b1); display: flex; align-items: center; border-radius: 6px; padding: 5px; gap: 10px; } scamks btn span { background: var(--bc); border-radius: 4px; } scamks btn t { font-size: 15px; color: var(--c);font-weight: 600; } scamks btn span i {margin-left: 10%; } } /* MARKETS */ steps stepsu { box-shadow: 0px 11px 17px -7px var(--b); } schas bl i { width: 100%; height: 100%; } schas a:hover {box-shadow: -1px 2px 4px rgb(0 0 0 / 11%);} schas bd { display: grid !important; } bl.h_quick{ box-shadow: unset; padding: 0; background:unset } schas bl.h_quick { border: unset; border-radius: unset; } schas { opacity: unset !important; } schas bd { padding: 0px; } schas bl hd h1 { font-size: 10px; } chmsp grid.gc5 { margin: 0; } schas bl t { font-size: 10px; color: var(--b-t44); font-weight: 500; margin-left: 10px; } schas dot { display: flex; justify-content: center; gap: 5px; align-items: end; } schas o { display: block; background: var(--b-t22); border-radius: 15px; height: 5px; width: 5px; } chmsp grid.gc5 div { grid-template-columns: 47% 47%; border-radius: 22px; margin: 0px; gap: 18px; display: grid; } .bblue{color: 57c3ca; } .byellow {color: ff9100; } @media only screen and (max-width: 900px) { schao { margin: 0; display: flex; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } schao grid.gc5 { grid-template-columns: 30% 30% 30% 30%; } bl.h_quick { box-shadow: unset; padding: 6px; background: unset; } schao grid.gc5 { border-radius: 22px; margin: 0px; background: var(--b-t); display: grid; gap: 18px; padding: 13px; } } /* MARKETS */ /* Wallets */ cwwo bl hd btn { display: flex; height: 33px; width: 33px; padding: 5px; } cwwo bl cv { font-size: 0.66em; color: var(--ct); font-weight: 400; } /* P2P Website */ .hidebalance cwwo bl hd btn:after { content: " "; position: absolute; height: 33px; width: 2px; background: var(--c); transform: rotate(-45deg); left: 18px; top: 5px; transition: 95ms; border-radius: var(--br1)var(--br1); box-shadow: 2px 0px 0px 1px var(--b1); } /* convert */ convert trading.sell button.swap { transform: rotate(180deg); } convert button:hover { box-shadow: unset !important; } convert button.swap svg { width: 70%; } @media only screen and (min-width: 999px) { convert order { top: 27px; position: relative; } ctmt btn { margin-top: 10%; } } /* All page trc hover */ stro div bd trcs trc:hover,wls trcs>trc:hover,cdeto trc:hover,cwdtd scmtdc cpt:hover,fw trcs>trc:hover,stake trcs>trc:hover,scmtdc cpt:hover, stakings trcs>trc:hover,discover coins cpt:hover,crntpr trcs>trc:hover,futurr assets trcs trc:hover,wlms trcs>trc:hover,earnwallets currencies2 bd trcs trc:hover,currencies2 bd trcs trc:hover,cawmd trcs>trc:hover,wallets trcs>bl:hover,wallets tcsm:hover,cppob trc:hover,cppos trc:hover,crosses trcs>trc:hover, { background: var(--b1); } /*currencies2 trcs>trc>bd { display: grid ; grid-template-columns: 50% 50%; align-items: center; }*/ currencies2 bd>trcs>trc { grid-template-columns: 66px auto auto; } @media (max-width : 999px) { currencies2 bd>trcs>trc { grid-template-columns: 66px auto; } currencies2 trcs>trc>ft { display: grid ; grid-template-columns: 50% 50%; grid-column-end: 3; grid-column-start: 1; margin-top: 11px; padding: 4px 11px; border-top: 1px solid var(--bc); } } /* setting */ cdao div a { display: flex; width: 20px; height: 18px; justify-content: center; align-items: center; border-radius: 4px; padding: 1px 0px; } cdao.oo oo { box-shadow: unset; margin-left: 28px; } /* Launch_Platform */ lhpm d.aerea { flex-direction: column; width: 1200px; margin: auto; margin-top: 33px; } slpo grid.gc2 { grid-template-columns: 100%; display: grid; margin: 7px; } launch trc ft { align-items: unset; } slpo company p { display: grid; padding: 26px 0px; justify-content: center; border-top: solid 1px var(--b1); } @media only screen and (min-width: 999px) { slpo bd bd .footer2 { border-bottom: solid 1px var(--b1); margin: 11px 0px; transition: 333ms; display: flex; justify-content: center; } lpmu { box-sizing: border-box; display: flex; width: 99%; flex-direction: column; flex: 1; border-radius: 32px 32px 0px 0px; padding-top: 28px; align-items: center; background: var(--b1-t); } p.p { padding: 45px; } slpo footer .gsc_row bd { display: flex; width: 100%; justify-content: space-around; } lchpm { padding: var(--p); } slpo footer bd .footer2 .linkListing { border-bottom: unset !important; } } /*Footer*/ slpo footer .footer2 h4 { display: grid ; grid-template-columns: auto 33px; justify-content: space-between; align-items: center; padding: 11px 0; } slpo footer ccro { border-right: solid 1px var(--bc); margin: auto; padding: 22px; } slpo p.p ins { color: var(--a); } slpo footer bd .footer2 li { display: block; margin: 10px 0; font-size: 12px; font-weight: 400; line-height: 20px; } slpo footer li a { margin: 4px 0; letter-spacing: 1px; font-weight: unset; } slpo footer bd .footer2 a:hover { color: var(--a); } slpo d.aerea { display: block; max-width: 1368px; position: relative; margin: auto; z-index: 99;} slpo main { width: 100%; } @media only screen and (max-width: 999px) { lchpm hd { box-sizing: border-box; font-size: 14px; text-align: center; padding: 9px 12px; line-height: 20px; border-radius: 4px; background-color: var(--b1); display: flex; margin: 24px auto; width: 100px; justify-content: center; } lpmu { background: var(--b1-t44); display: flex; width: 100%; flex-direction: column; flex: 1; border-radius: 19px 19px 0px 0px; padding-top: 28px; align-items: center; margin: 0; } slpo footer company .gsc_row>bd { grid-template-columns: unset !important } slpo .footer2 .linkListing btn { display: grid !important; } slpo footer company { padding: unset; } slpo footer ccro { width: 100%; border: unset; } } slpo .about .about ul, .Services .Services ul, .Support .Support ul, .Products .Products ul { display: block; padding: 10px 0px; transition: 999ms; padding-left: 22px; } slpo footer bd .footer2 .gsc_row h3 { font-weight: 500; display: flex; justify-content: space-between; margin-bottom: 10px; width: 100%; transition: 33ms; } slpo footer .gsc_row bd { display: grid; justify-content: unset; } slpo .footer2 .linkListing btn { padding: 5px; border: border-radius: 25px; height: 10px; display: grid; margin-bottom: 10px; } slpo footer .footer2 btn t { display: flex; width: 15px; height: 2px; background: var(--c); position: relative; bottom: 0px; margin: 0; } slpo footer .footer2 h4 { display: flex; justify-content: space-between; font-weight: 500; font-size: 1.2em;} slpo footer.about .about t:nth-child(1), .Services .Services t:nth-child(1), .Support .Support t:nth-child(1), .Products .Products t:nth-child(1) { top: 5px; transform: rotate(90deg); opacity: 0; } slpo footer .footer2 t:nth-child(1) { top: 5px; transform: rotate(90deg); } /*launchpad only css */ sldo clpd { display: grid; gap: 11px; } sldo clpd bl { display: grid; grid-template-columns: auto auto; justify-content: space-between; padding: 20px; border: solid 2px var(--b1-t44); border-radius: 20px; align-items: center; } sldo div hd { display: grid; grid-template-columns: 13% auto; align-items: center; } sldo bl div { display: grid; } sldo div bd { padding: 3px !important; } sldo bl btn { background: var(--a); border-radius: 7px; padding: 8px 38px; } sldo div ft { padding: 3px; } sldo lebal { padding: var(--p1); top: 2%; position: relative; opacity: .8;} sldo cldc { background: var(--b1); display: grid ; border-radius: 16px; border: solid #9e9e9e1f 1px; margin-top: 3%; padding: 20px; gap: 15px; } sldo span ft { font-size: 18px; display: flex; justify-content: end; } sldo span bd { font-size: 20px; margin: 2% 8%; } sldo grid.gc2 { display: grid; grid-gap: 0; grid-template-columns: 100%; height: 100%; z-index: 99; } sldo span input { width: 100%; height: 100%; margin: 0; } slpo footer .gsc_row bd icons { display: flex ; align-items: center; justify-content: start; opacity: 0.5; margin: 11px 0; gap: 22px; } slpo footer company .gsc_row>bd { display: grid ; grid-template-columns: 20% 20% 20% 20% 20%; padding: 11px 0; } /*launchpool only Footer */ slpl footer bd .footer2 .gsc_row h3 { font-weight: 500; display: flex; justify-content: space-between; margin-bottom: 10px; width: 100%; transition: 33ms; } slpl footer bd .footer2 .linkListing { border-bottom: solid 1px var(--b1); margin: 11px 0px; transition: 333ms; } slpl footer .gsc_row bd { display: grid; justify-content: unset; } slpl .footer2 .linkListing btn { padding: 5px; border: solid 2px; border-radius: 25px; height: 10px; display: grid; margin-bottom: 10px; } slpl footer .footer2 btn t { display: flex; width: 10px; height: 2px; background: var(--c); position: relative; bottom: 0px; margin: 0; } slpl footer .footer2 h4 { display: flex; justify-content: space-between; } slpl footer.about .about t:nth-child(1), .Services .Services t:nth-child(1), .Support .Support t:nth-child(1), .Products .Products t:nth-child(1) { top: 5px; transform: rotate(90deg); opacity: 0; } slpl footer .footer2 t:nth-child(1) { top: 5px; transform: rotate(90deg); } slpl grid.gc2 { grid-template-columns: auto; z-index: 0; } slpl d.aerea { display: block; max-width: 1368px; position: relative; margin: auto; } slpl footer bd .footer2 { padding: 0; border: 0; } slpl footer bd .footer2 li { display: block; margin: 10px 0; font-size: 12px; font-weight: 400; line-height: 20px; } slpl footer li a { margin: 4px 0; letter-spacing: 1px; font-weight: unset; } slpl footer bd .footer2 a:hover { color: var(--a); } slpl d.aerea { display: block; max-width: 1368px; position: relative; margin: auto; } slpl .gsc_container.footer2 { border-bottom: solid 1px var(--bc); max-width: 1200px; margin: auto; } slpl main { width: 100%; } slpl company p { display: grid; padding: 26px 0px; justify-content: center; border-top: solid 1px var(--b1); } @media only screen and (min-width: 999px) { slpl bd bd .footer2 { margin: 11px 0px; transition: 333ms; display: flex; justify-content: center; } } /* launchpool only css */ slpl ccro icons { display: grid; grid-template-columns: auto auto auto auto; align-items: center; margin: 22px 0; gap: 24px; justify-content: flex-start; } slpl p22p{ padding: 0px; display: block; } slpl p22p div i { height: 22px; } slpl p22p cppob.buyp2, cppos.Sellp2 { display: none; } slpl p22p.buyp2 cppob.buyp2 { display: block;/* background: var(--b1-t44);*/ position: relative; } slpl cppoo bl:nth-child(2) { display: flex; justify-content: space-between; } slpl cppoo dotts { display: flex; justify-content: end; color: var(--a); } slpl cppoo fill img { filter: invert(1); } slpl cppob>div { margin: var(--m); } slpl cppoo bl { display: grid; align-items: center; grid-template-columns: 83% auto; } slpl cppoo bl div { display: flex; gap: 11px; } slpl cppoo bl h1 { display: flex; font-size: 14px; width: 77px; font-weight: 500; } slpl cppoo bl h1 { display: flex; font-size: 15px; width: 81px; font-weight: 500; } slpl cppob .Upi h1 { font-size: 18px; font-weight: 500; } slpl cppob hd p { /*background: var(--a1t);*/ padding: 0px 4px; border-radius: 2px;font-size: 18px; } slpl cppob trc hd { padding: 1; display: block; width: auto; height: auto; } slpl cppob hd h1 { display: flex; font-size: 18px; font-weight: 400; align-items: center; } slpl cppob bd h2 {display: flex; align-items: center; font-size: 15px; gap: 11px; font-weight: 500; color: var(--ct);} slpl cppob bd div h1 { font-size: 13px; display: flex; justify-content: space-between; font-weight: 500; align-items: center; } slpl cppob bd .t h2 { background: var(--b1t); padding: 5px 6px; border-radius: 3px; } slpl cppob ft bl { justify-content: flex-end; display: flex; } slpl cppob ft h1 { font-size: 16px; font-weight: 300; display: flex; justify-content: end; border: solid 1px var(--a); padding: 2px 4px; border-radius: 3px; color: var(--a); } slpl cppob bd p { color: var(--ct); margin: 6px 0px; } slpl cppos bd p { color: var(--ct); margin: 5px; } slpl cppos hd p { padding: 0px 4px; } slpl cppos hd h1 { display: flex; font-size: 18px; font-weight: 400; align-items: center; } slpl cppos bd i { width: 17px; } slpl cppos bd h2 {display: flex; align-items: center; font-size: 15px; gap: 11px; font-weight: 500; color: var(--ct);} slpl cppos bd bl { display: flex; justify-content: space-between; align-items: center; } slpl cppos div h1 { font-size: 13px; display: flex; justify-content: space-between; font-weight: 500; align-items: center; } slpl cppos bd .t h2 { font-size: 16px; font-weight: 300; display: flex; justify-content: end; padding: 4px 22px; border-radius: 3px; background: rgb(246, 70, 93); color: var(--c);} slpl cppos ft bl { justify-content: flex-end; display: flex; } slpl cppob div hd { height: 55px; display: flex; } slpl cppos hd h1 i::before { content: " "; width: 7px; height: 7px; background: var(--a); border-radius: 19px; position: relative; left: 7px; top: 7px; border: solid 2px var(--b1); } slpl cppos.Sellp2>bl { border: solid 2px var(--a); padding: var(--p1); border-radius: var(--br1); margin-block: 11px; position: relative; } slpl cppos hd h1 i { width: 22px; height: 22px; background: var(--c); } slpl cppos.Sellp2>bl::before { content: " Featured"; position: absolute; background: rgb(21 107 255 / 26%); top: 100px; border-radius: 4px; padding: 1px 4px; border-top-right-radius: 9px; font-size: 15px; width: 87px; display: flex; justify-content: center; color: var(--a); top: 0; right: 0; } bl.imps h1 { font-size: 22px; font-weight: 500; } slpl cppos belll i { width: 100%; height: 100%; } slpl cppoo mg aa:hover { display: flex; justify-content: center; align-items: center; border-radius: 22px; background: var(--b1); padding: 6px 2px; } @media only screen and (min-width: 999px) { slpl p22p.buyp2 { max-width: 100%; position: relative; display: grid;margin: var(--m); border-radius: var(--br1);} slpl p22p.Sellp2 { max-width: 100%; display: grid; position: relative; margin: var(--m); border-radius: var(--br1); } } capo hd bl aa { display: block; text-align: center; padding: 4px 11px; border: 1px solid var(--b1); border-radius: 7px; margin-right: 11px; font-size: 16px; font-weight: 500; } capo hd bl i { display: flex; font-style: normal; border-radius: 44px; padding: 1px 2px; font-size: 24px; font-weight: 500; line-height: 32px; } capo hd bl i:before { content: ''; position: absolute; background: var(--c); width: 2px; height: 12px; } capo hd bl i:after { content: ''; position: absolute; background: var(--c); width: 12px; height: 2px; } capo hd bl ft { display: none; padding: 0 64px; margin-bottom: 11px; } capo hd bl ft p { margin: 0; font-size: 16px; font-weight: 500; line-height: 24px; } capo hd bl.lock { background: var(--b1); } capo hd bl ft p t { color: var(--a); } capo hd bl.lock i { background: var(--a); } capo hd bl h3:hover { color: var(--a); } capu div p { opacity: .6; } capn div b { font-size: 14px; width: 85%; display: block; font-weight: 500; opacity: .6; margin-top: 4%; line-height: 28px; letter-spacing: 1px; } capn div h1 { font-size: 50px; width: 70%; } capn spn img { display: none; } capu div h1 { font-size: 17px;margin-top: 5%; } /*componets*/ componets grid { margin: 7px; gap: 20px; } /*careers*/ scso main { width: 100%; } scso grid.gc2 { grid-template-columns: 100%; } cacs h5 p { font-size: 15px; margin: 0; font-weight: 500; } /*careers Footer*/ footer.nlogin .gsc_container.footer2 { border-bottom: solid 1px var(--bc); max-width: 1200px; margin: auto; } footer.nlogin div.gsc_row { display: flex; justify-content: space-between; } footer.nlogin .gsc_row hd { display: grid; grid-template-rows: 88px auto; justify-content: flex-start; } footer.nlogin .gsc_row bd icons { display: grid; grid-template-columns: auto auto auto auto; gap: 20px; } footer.nlogin company p { display: grid; padding: 26px 0px; justify-content: center; border-top: solid 1px var(--b1); } footer.nlogin { padding: 2px; margin: 10px 0px 0px 0px; border: unset; } footer.nlogin bd .footer2 { padding: 0; border: 0; } footer.nlogin bd .footer2 ul { padding: 0; } footer.nlogin bd .footer2 li { display: block; margin: 10px 0; font-size: 12px; font-weight: 400; line-height: 20px; } footer.nlogin li a { margin: 4px 0; letter-spacing: 1px; font-weight: unset; } @media only screen and (min-width: 999px) { footer.nlogin .gsc_row bd { display: flex; width: 100%; justify-content: space-around; } footer.nlogin bd bd .footer2 { border-bottom: solid 1px var(--b1); margin: 11px 0px; transition: 333ms; display: flex; justify-content: center; } } @media only screen and (max-width: 999px) { footer.nlogin bd .footer2 .gsc_row h3 { font-weight: 500; display: flex; justify-content: space-between; margin-bottom: 10px; width: 100%; transition: 33ms; } footer.nlogin .gsc_row bd { display: grid; justify-content: unset; } footer.nlogin bd .footer2 .linkListing { border-bottom: solid 1px var(--b1); margin: 11px 0px; transition: 333ms; } footer.nlogin bd bd .footer2 h4 { display: flex; justify-content: space-between; } footer.nlogin .footer2 .linkListing btn { padding: 5px; border: solid 2px; border-radius: 25px; height: 10px; display: grid; margin-bottom: 10px; } footer.nlogin .footer2 btn t { display: flex; width: 10px; height: 2px; background: var(--c); position: relative; bottom: 0px; margin: 0; } footer.nlogin .footer2 t:nth-child(1) { top: 5px; transform: rotate(90deg); } footer.nlogin .footer2 btn t { display: flex; width: 10px; height: 2px; background: var(--c); position: relative; bottom: 0px; margin: 0; } scso .about .about ul, .Services .Services ul, .Support .Support ul, .Products .Products ul { display: block; padding: 10px 0px; transition: 999ms; padding-left: 22px; } footer.nlogin .footer2 ul { display: none; } } /*Currencys*/ app.Currencys extra { opacity: unset; } Currencys { height: auto; box-shadow: 0 -7px 11px rgb(0 0 0 / 11%); display: none; z-index: 4444; position: fixed; right: 0; left: 0; top: 100%; bottom: 0; transition: 333ms; } cesn .group { display: grid; gap: 11px; position: relative; align-items: center; grid-template-columns: 90% auto; background: var(--bc); border: 0; overflow: unset; border-radius: 10px; width: 90%; margin: auto; padding: 3px; } cesn .input { width: 100%; height: 33px; line-height: 28px; padding: 0 1rem; padding-left: 3.5rem; border-radius: 8px; outline: none; background-color: var(--c0); transition: .3s ease; margin: 0; font-size: 20px; border: 0; box-shadow: unset; } Currencys bd mg { grid-column-gap: 11px !important; height: 55px; margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex; flex-direction: row; overflow: scroll; border-bottom: solid 1px var(--bc); } currencys cesn hd { margin-top: 6%; display: block; } cesn bd mg a { padding: 4px; margin: 4px; color: var(--c); } cesn ft grp h4 i { width: 100%; } cesn ft grp h3 i { width: 100%; } cesn trcs { display: block; height: 100%; } cesn trc img { object-fit: contain; height: 77%; width: 77%; } cesn trcs trc { grid-template-columns: 44px auto 88px; background: transparent; color: var(--c); border-radius: 0; position: relative; gap: 2%; font-weight: 500; border: unset; border-bottom: solid 1px var(--b1); align-items: center; } cesn trc hd { margin: 0; } cesn bd bd trcs>h4 { grid-template-columns: 77px 77px; width: 88%; overflow: hidden; display: grid; margin: auto; height: 44px; align-items: center; position: relative; z-index: 9; } cesn trcs bd h4 name { display: flex; align-items: center; gap: 6px; } cesn trcs bd h4 { display: flex; align-items: center; gap: 12px; } cesn trcs bd h4 b { background: var(--lg); border-radius: 5px; padding: 2px 9px; } cesn trcs bd h4 name p { color: var(--b-t44); font-size: 14px; } cesn trcs bd t { color: var(--b-t44); } cesn trc h6 inr.green { display: flex; justify-content: end; } currencys cesn { background: var(--b1); width: 100%; border-radius: 20px 20px 0 0; backdrop-filter: brightness(0.5); height: 100%; margin-top: 2%; max-width: 82%; } cesn trc hd path { fill: var(--b-t22); } @media only screen and (max-width: 999px) { cesn ft mg { display: grid; grid-template-columns: auto auto; opacity: .7; margin-top: 6%; padding: 20px; gap: 43px; } cesn ft mg grp { display: grid; align-items: center; grid-template-columns: 46% auto; gap: 8px; } cesn ft grp h4 {display: grid; grid-template-columns: 70% auto; font-size: 17px; font-weight: 500; align-items: center; } cesn ft grp h3 { display: grid; grid-template-columns: 70% auto; font-size: 17px; font-weight: 500; align-items: center; } cesn svg { position: absolute; left: 7%; width: 1rem; height: 1rem; } } @media only screen and (min-width: 999px) { cesn ft grp h4 {display: grid; grid-template-columns: 57% auto; font-size: 17px; font-weight: 500; align-items: center; } cesn ft grp h3 { display: grid; grid-template-columns: 57% auto; font-size: 17px; font-weight: 500; align-items: center; } cesn ft mg { display: grid; grid-template-columns: auto auto; opacity: .7; margin-top: 6%; padding: 20px; gap: 63%; } cesn ft mg grp { display: grid; align-items: center; grid-template-columns: 50% auto; gap: 8px; } cesn svg { position: absolute; left: 2%; width: 1rem; height: 1rem; } } /*Profile*/ /*about oo {top: 13%;} */ /*Spot_Wallet*/ wls bl.Ftrading svg { width: 20px; } /*Components*/ /*cgco*/ cgco { padding: var(--p); display: grid; gap: 20px; background: var(--b1-t44); border-radius: 20px; max-width: 420px; margin-bottom: 2%; } cgco bd { display: grid; grid-template-columns: auto auto; gap: 10px; } cgco bd btn { display: grid; grid-template-columns: 20% auto; background: var(--b1t); align-items: center; padding: 4px 8px; height: 24px; border-radius: 18px; max-width: 170px; } cgco bd span { font-size: 13px; } cgco bl { display: grid; grid-template-columns: 7% auto; align-items: center; } cgco ft { display: grid; gap: 35px; } cgco bd img { filter: invert(1); } /*cbln*/ cbln { display: flex ; gap: 20px; background: var(--b1-t44); border-radius: 20px; padding: 20px; box-shadow: 0 4px 8px var(--bt); position: relative; color: var(--c); max-width: 419px;margin-block: 22px;} cbln::before {content: "";position: absolute;top: 10px;bottom: 10px;left: 50%;width: 1px;background-color: var(--bc);transform: translateX(-50%);} cbln bl {display: flex;flex-direction: column;align-items: flex-start;gap: 10px;flex: 1;} cbln h3 {display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: bold;} cbln h3 img {width: 24px;height: 24px;filter: invert(1);} cbln a:hover {color: var(--a);} cbln bl a {text-decoration: unset;font-weight: 500;} cbln h3 b {width: 40px;height: 40px;border-radius: 9px;background: var(--bc);display: flex;justify-content: center;align-items: anchor-center;} /*cvno*/ cvno { display: grid; padding: 20px; gap: 20px; background: var(--b1-t44); border-radius: 20px; max-width: 420px; margin-block: 22px; } cvno bl { display: grid; grid-template-columns: 8% auto; align-items: center; } /*cmboa*/ cmboa { display: block; background: var(--b-t); border-radius: 20px;margin-block: 22px; max-width: 463px; } cmboa hd { padding: 16px; display: flex ; align-items: center; justify-content: space-between; } cmboa hd i { width: 23px; height: 23px; } cmboa bd { padding: 10px 20px; display: block; } cmboa cmba { display: flex ; justify-content: space-between; align-items: center; border-bottom: solid 1px var(--bor); padding-bottom: 7px; padding-top: 7px; } cmba p { margin: 0; } cmboa ft { padding: 2px 20px; display: none; } cmba p img { width: 30px; height: 30px; } cmboa.About ft { display: block; } cmboa ft cmba:nth-child(3) { border: none; } cmboa ft cmba:nth-child(1) { border-top: solid 1px var(--bor); } cmboa cmba:nth-child(7) { border: none; } /*csun*/ csun { display: grid ; gap: 20px; background: var(--b1-t44); border-radius: 20px; padding: 20px; box-shadow: 0 4px 8px var(--bt); position: relative; color: var(--c); max-width: 419px; margin-block: 22px; } csun hd { border-radius: 15px; background: var(--b); display: flex ; justify-content: space-between; padding: 15px 40px; align-items: center; } csun hd h3 { display: flex ; justify-content: center; } csun hd p{margin:0;} /*discover*/ /*discover sidebar*/ /*discover main*/ /*discover*/ @media only screen and (max-width: 999px) { cdnn bl h7 { display: grid ;} cdnn bd { display: grid ; grid-template-columns: 40% 40% 40% 40%; gap: 10px; overflow: scroll; margin-bottom: 5%; margin-top: 5%; } cdnn ft p { font-size: 19px; } } @media only screen and (min-width: 999px) { cdnn bd { display: grid ; grid-template-columns: 45% 45% 45% 45%; gap: 10px; overflow: scroll; margin-bottom: 5%; margin-top: 5%; } cdnn bl h7 { display: grid ; font-size: 14px;} } /*Verified Merchant*/ spmp span button { padding: 14px 20px; border: none; border-radius: 8px; background-color: var(--b1); color: var(--c); font-size: 16px; cursor: pointer; transition: background-color 0.3s, color 0.3s; } spmp span button.active { background-color: var(--a); } spmp .content {margin-top: 20px;} spmp .content.active {display: block;} cphm bd i { width: 100%; height: 100%; } @media only screen and (max-width: 999px) { cphm hd {margin-bottom: 5%;} } /*Cash Merchant*/ spmp cmal bl { margin: 16px 0px 0px; display: flex ; border-radius: 15px; flex: 1 1 0%; border: 1px solid var(--b-t22); padding: 15px 16px; flex-direction: column; } spmp cmal b { min-width: 0px; display: flex ; width: 20px; height: 20px; border-radius: 100%; font-weight: 500; justify-content: center; align-items: center; font-size: 13px; padding: 4px; color: var(--b); background: var(--c); } spmp cmal p { opacity: .6; font-size: 17px; margin: 0; } spmp cmal { display: grid ;} spmp india svg { width: 20px; height: 20px; border-radius: 20px; } spmp cmal btn { padding: 12px 52px; display: flex ; justify-content: center; border-radius: 7px; background: var(--b1);} @media only screen and (min-width: 999px) { spmp .content {padding: 20px;} spmp cmal { margin: 0 12%; } spmp cmal span { display: flex ; align-items: center; gap: 7px; margin-bottom: 1%;margin-top: 1%; } spmp cmal btn { margin: 2% 31%; } } /*Pro Merchant*/ .views views { display: flex ; opacity: 1; } shmo views { min-width: 0px; position: fixed; z-index: 99999999; inset: 0px; background-color: var(--bg); opacity: 0; display: none; } cpvw { background-color: var(--b1); padding: var(--p1); font-family: sans-serif; position: fixed; inset: 0; margin: auto; z-index: 999; height: 133px; min-width: 0px; box-shadow: rgba(20, 21, 26, 0.16) 0px 8px 16px, rgba(71, 77, 87, 0.16) 0px 16px 32px, rgba(20, 21, 26, 0.1) 0px 0px 1px; animation: 0.3s ease-in-out 0s 1 normal none running animation-1wqz9z0; border-radius: var(--br); max-width: 266px; width: 266px; transform: scale(1.03); } cpvw ft { display: block; width: 100%; } cpvw bl { display: flex; flex-direction: column; align-items: center; } cpvw hd txt { font-size: 20px; font-weight: bold; margin-bottom: 10px; display: block; text-align: center; } cpvw bd txt { font-size: 14px; color: #ccc; margin-bottom: 20px; display: block; text-align: center; } cpvw ft btn { display: flex ; background-color: var(--a1); color: var(--b); padding: var(--p1) var(--p); border-radius: 7px; font-weight: 600; cursor: pointer; justify-content: center; align-items: center; } cpvw ft btn:hover { background-color: var(--a); } @keyframes animation-1wqz9z0 { 0% { transform: scale(0.95); } 66% { transform: scale(1.05); } 100% { transform: scale(1); } } /*All transactions Bug CSS */ h4, h6, h5{ margin: 0; } button { border: unset; } .tgreen {color : rgb(14, 203, 129) !important} .tred { color: rgb(246, 70, 93); } .tgray {color : gray !important} /* Debugging page */ btn:active { transform: scale(0.95); } btn { transition: 99ms; position: relative; cursor: pointer; } mg.bs aa { margin: 0; text-align: center; } mg.bs { background: var(--b-t); display: grid; width: 95px; grid-template-columns: 50% 50%; padding: 7px; border-radius: 4px; position: relative; } mg.bs::after { content: " "; position: absolute; background: #0ecb814d; color: #0ecb81; width: 45px; height: 27px; top: 7px; left: 8px; border-radius: 4px; transition: 99ms; } .sell mg.bs::after { left: 55px; background: #f6465d45; } .buy .bs aa.buy { color: #0ecb81; } .sell .bs aa.sell { color: #f6465d; } trc { transition: 99ms; } stake trcs>trc:hover,transactions trcs>trc:hover{background: var(--b1);} cnfn a:hover { color: var(--a); } cfcn>hd { display: grid; grid-template-columns: 33px auto; align-items: center; margin: var(--m); column-gap: 11px; } .Beginner a.Beginner, .Advanced a.Advanced { color: var(--a); border-bottom: solid 2px; padding-bottom: 8px; } sppo sidebar { background: transparent !important; } .decoration { text-decoration: underline; } option { background: var(--b1); } cpaqs { display: grid; max-width: 444px; width: 100%; } cpaqs appeal> bd { padding: 0px 21px; display: block; opacity: .7; } a { cursor:pointer; } shmo d.header { backdrop-filter: unset; background: unset; box-shadow: unset; } sppn d.aerea { background: var(--b1-t44); } csdbo hd.bc::after { content: " "; width: 58px; background: var(--a); position: absolute; height: 3px; bottom: 0; left: 16px; transition: 333ms; } .Crypto hd.bc::after { left: 92px; width: 89px; } mg a { transition: 333ms; } p22p { padding: 11px; display: block; } wlms trcs>trc>ft { text-align: end; } sbuo csutfp mg a { margin: 7px 17px; } appearance hd h4 { margin-left: 18px; } spcho footer { border: unset; } mw btn, fw btn, fchw btn, { display: grid; grid-template-columns: 33px auto; padding: 9px; align-items: center; margin: 5px; border-radius: var(--br1); } ccsn bd bl bd { line-height: 18px; } skyn d.aerea { justify-content: center; } d.vip { margin-top: 55px; } cavn btns { margin: 0px; } soon d.aerea { justify-content: center; } cwsta.slogan bd>t { font-size: 11px; color: var(--c); letter-spacing: .2; opacity: 0.8; } @media only screen and (min-width: 1400px) { spcho h .Order { display: none; } /*spcho h nv back { display: none; } chcoo { display: grid; grid-template-columns: auto auto; justify-content: space-between; }*/ ssuo cmsso csus { display: grid; grid-template-columns: auto auto; align-items: baseline; justify-content: space-between; padding-right: 4px; } } @media only screen and (max-width: 999px) { bd navbar { display: unset; } supn header { z-index: unset; } svpn d.aerea { width: auto !important; } wheader .bgg { display: none; } } @media only screen and (min-width: 999px) { a.Discover { display: none; } follow cfffd>div { justify-content: start !important; column-gap: 11px; } sflo discover.Discover { display: block; } bd start { width: 280px; top: 0px; left: -333px; height: 100%; } shmo cpsn { bottom: 18px; } shmo bd bd .footer2 { margin: 11px 0px; transition: 333ms; display: flex; justify-content: center; } bd>navbar { display: none; } } @media (max-width: 1250px) { moneyinflow bd trcs { grid-template-columns: auto; } ctbts trcs { display: flex; flex-wrap: wrap; } } @media only screen and (min-width: 1368px) { bd start { left: 116px; } } @media (max-width: 1400px) { db div posts { grid-template-columns: 100%; } } /* Home page */ cwsto trcs>trc.ordr:hover trade { background: var(--a); } .cgray1 p.cgray1, .cgray2 p.cgray2 { border-bottom: solid var(--a); transition: 333ms; text-align: center; } shmo h2 p img { transition: 333ms; } .linkListing.about.open i { transform: rotate(90deg); } cwsnh>hd { margin: 22px 11px; display: block; } .about .about ul, .Services .Services ul, .Support .Support ul, .Products .Products ul { height: auto; backdrop-filter: blur(44px); top: 24px; margin: 0; position: sticky; display: block; } shmo db quikbtn { display: block; padding: 11px; position: relative; z-index: 2; } shmo quikbtn a { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 40; background: var(--b1); border-radius: var(--br1); padding: 7px; font-size: 0.7em; font-weight: unset; box-shadow: 0 4px 7px; border: solid 4px; margin: 4px auto; transition: 99ms; border: unset; box-shadow: unset; height: 55px; width: 55px; padding: 0; border-radius: 20px; } shmo quikbtn a i { width: 100%; height: 100%; } shmo quikbtn svg { height: 44%; width: 44%; } shmo db bl.h_quick { border-radius: var(--br); display: block; } shmo quikbtn a t { display: block !important; position: absolute; bottom: 0; font-size: 1.23em; } bl.tmc { margin: auto; background: var(--a); text-align: center; box-shadow: var(--bg); animation: pulse1 2s infinite; width: -webkit-fill-available; } cwlo div { display: grid ; grid-template-columns: 49% 49%; position: relative; justify-content: space-between; margin-top: var(--m); height: 111px; } cwlo bl { background: var(--b1-t44); border-radius: var(--br); border: solid 2px var(--b1); padding: 11px; display: block; } cwlo btn img { max-width: 84%; max-height: 84%; } @media only screen and (min-width: 999px) { cwlo btn { font-size: 0.77em; } bl.tmc { bottom: 7px; } } bl.st_pro h1 { font-size: 1.88em; } /* Home acnt2 */ cwstb bl hd h4 { font-weight: 500; } cwstb bl:nth-child(4) { border-bottom: unset; } cwstotg trc bd h4 { font-weight: 500; display: flex; justify-content: end; } bl.tmc btn { font-size: 0.99em; } cwlo { position: relative; margin-top: 16px; z-index: 999; } @media only screen and (max-width: 999px) { cwlo bl { display: none; } db post usrr t, usrr p { font-size: 0.88em; } } /* Home Page Footer */ div.gsc_row { display: flex; justify-content: space-between; } shmo sidebar { order: 2; padding: 0; } .Services .Services i, .about .about i, .Support .Support i, .Products .Products i { transform: rotate(-180deg); } @media only screen and (max-width: 999px) { navbar bd button {background: var(--lg-b); color: var(--c); font-size: 17px; border-radius: var(--br); padding: 12px 17px; letter-spacing: 0.6; font-weight: 600; margin-top: 7px; }} d.links a button { color: var(--c); font-size: 1em; border-radius: var(--br); letter-spacing: 0.6; font-weight: 600; background: transparent; } d.links>div { display: grid; grid-template-columns: auto auto; font-size: var(--fs); color: var(--c); width: 55%; padding-left: 50px; letter-spacing: 1; } cwsto box ft::before { content: " "; height: 100%; position: absolute; background: var(--a); width: 0; opacity: 1; transition: 0.4s;top: 0px; left: 0px; right: 0px; bottom: 0;} cwsto box ft:hover::before { width: 100%; } .bgg logoo{ animation: animName 10s linear infinite;} @keyframes animName { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}} @media only screen and (max-width: 999px) { .cgray1 p.cgray1 {width: auto;} .cgray2 p.cgray2 { width: auto; } carousel .bgg img { width: 375px; height: 88%; top: 0; } .bgg logoo { display: none; } section { position: relative; padding: 8px; } } cwsta>hd h1 { font-size: 36px; } /* Home page Main */ cdco { display: block; padding: 11px; } @media only screen and (max-width: 999px) { shmo dbdisc { padding: 0; background: unset;margin: unset;} bl.acdm trcs { grid-template-columns: auto !important; } } /* Home chts */ chdo, chio, cfro, ctgo, ctlo, cvuo, cnlo, cauo { display: none; } .chdo chdo, .chio chio, .cfro cfro, .ctgo ctgo, .ctlo ctlo, .cvuo cvuo, .cnlo cnlo, .cauo cauo { display: block; } @keyframes fear-greed-index { 0% { transform: rotate(-30deg); } 50% { transform: rotate(-10deg); } 100% { transform: rotate(40deg); } } @keyframes fear-greed-number { 0% { content: "1"; } 10% { content: "10"; } 20% { content: "20"; } 30% { content: "14"; } 40% { content: "30"; } 50% { content: "36"; } 60% { content: "55"; } 70% { content: "66"; } 80% { content: "44"; } 90% { content: "77"; } 100% { content: "88"; } } .css-cxlpc6::before {content: "1"; animation: fear-greed-number 1s forwards; } /* p2p websigt */ .lrtcss { padding: 22px 0; } .lrtcss { position: relative;margin: 0px auto; z-index: 0; padding-top: 75px; } h1.lrtcss-uwli2x { color: var(--c); text-align: center; font-size: 66px; font-weight: 700; line-height: 130%; max-width: 792px; margin: 0px auto; font-family: 'Poppins'; margin-top: 77px; } .lrtcss-uwli2x > span > span { color: var(--a); } h2.lrtcss-1a60aq { text-align: center; font-size: 0.88em; font-weight: 100 !important; line-height: 150%; max-width: 792px; margin: 24px auto 72px; opacity: 0.9; letter-spacing: 0.5; } .lrtcss-1bs3e8k { position: absolute; border-radius: 832px; opacity: 0.2; background: linear-gradient(91deg, rgb(68, 255, 143) 49.97%, rgb(68, 255, 143) 49.98%, rgba(68, 255, 143, 0) 97.53%); filter: blur(300px); width: 636px; height: 832px; transform: rotate(90deg) translateY(318px); left: 50%; top: -480px; z-index: -1; } ft .lrtcss-1bs3e8k { position: absolute; border-radius: 832px; opacity: 0.2; background: linear-gradient(91deg, rgb(80 68 255) 49.97%, rgb(40 112 234) 49.98%, rgba(68, 255, 143, 0) 97.53%); filter: blur(300px); width: 488px; height: 544px; transform: rotate(90deg) translateY(318px); left: 50%; z-index: -999; top: 0; } .lrtcss-rrmvjg { display: flex; flex-direction: row; gap: 24px;z-index: 999; position: relative; margin-bottom: 55px; } .lrtcss-rrmvjg bl { height: 88px; background: var(--bt); border: 1px solid var(--b1); border-radius: 12px; flex: 1 1 0%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0px 16px; min-width: 25%; transition: background 0.3s ease 0s; text-decoration: none; } .lrtcss-rrmvjg bd { display: grid; height: 100%; grid-template-rows: 22px auto; padding-block: 4%; flex: 1 1 0%; padding-right: 22px; } .lrtcss-rrmvjg bd h5 { margin-bottom: 4px; overflow: hidden; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; letter-spacing: 0.2; opacity: 0.8; } .lrtcss-rrmvjg bd h3 { font-weight: 500; line-height: 130%; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lrtcss-rrmvjg bd div:nth-child(2) { display: flex; overflow: hidden; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .lrtcss-rrmvjg bd span i { width: 16px; height: 16px; margin-top: 2px; margin-left: 8px; background-color: var(--a); border-radius: 50%; display: flex; justify-content: center; align-items: center; } flex.lrtcss-rrmvjg { padding: 0px 88px; width: 100%; justify-content: center; } .lrtcss-rrmvjg bd div { overflow: hidden; } .lrtcss-rrmvjg bl ft img { flex: 0 0 56px; width: 56px; height: 56px; object-fit: contain; } @media only screen and (max-width: 999px) { flex.lrtcss-rrmvjg { padding: 11px; } .lrtcss-rrmvjg { display: block; margin: 0;} .lrtcss-rrmvjg bl { margin-block: 7px; } h1.lrtcss-uwli2x { font-size: 28px; } h2.lrtcss-1a60aq{margin: 24px auto 18px;} grid cpwoo>bd>div{display :block } grid cpwoo div bd { padding: 11px; margin: auto; } } @media only screen and (max-width: 600px) { grid cpwoo div bd { grid-template-columns: auto; margin-left: 0; margin: 7px; } } @media only screen and (min-width: 900px) { shmo cwso div:hover { box-shadow: 0px 1px 14px -5px var(--c1); transform: translateY(-8px); } } /* transactionsnew */ /* P2P */ sppo trc nam { display: flex; width: 33px; height: 33px; background: var(--svg1); justify-content: center; align-items: center; border-radius: 55px; } sppo d.aerea { display: grid; grid-template-columns: 0px 100%; } sppo d main { width: 100%; max-width: 100%; } cppob bd i { width: 17px; opacity: 0.7; } cppos trc hd p { margin: 0; } cppos trc>ft .bgreen { font-size: 12px; padding: 10px 20px; border-radius: var(--br1); margin-right: 11px; } p22p.Sellp2 cppos.Sellp2 { display: block; /*background: var(--b1-t44);*/ position: relative;} cppos hd p { /*background: var(--a1t);*/ padding: 0px 4px; border-radius: 2px;font-size: var(--fs); } cppos .Upi h1 { font-size: var(--fs); font-weight: 500; } sppo p22p trc { position: relative; } cppob trc>ft .bred { font-size: 12px; padding: 10px 20px; border-radius: var(--br1); margin-right: 11px; } @media only screen and (min-width: 1600px) { cppob trc>bd { display: grid; grid-template-columns: auto auto auto; align-items: center; justify-content: space-around; } cppob trc {display: grid; grid-template-columns: max-content auto 144px; align-items: center; gap: 40px; border-bottom: solid 1px var(--b1); padding: 22px 9px; background: var(--c0); border-radius: 0;} cppos trc>bd { display: grid; grid-template-columns: auto auto auto; align-items: center; justify-content: space-around; } cppos trc { display: grid; grid-template-columns: max-content auto 144px; align-items: center; gap: 40px; border-bottom: solid 2px var(--b1); padding: 22px 9px; background: transparent; border-radius: 0px; } } @media only screen and (max-width: 1599px) { sppo p22p trc { position: relative; padding-block: 15px; margin-block: 11px; line-height: 30px; padding: 11px; border-radius: var(--br1); } p22p.buyp2 cppob.buyp2 { background: transparent; } p22p.Sellp2 cppos.Sellp2 { background: transparent; } cppob trc hd>h5 { margin-left: 0px; padding-left: 0px; } } /* p2p chat */ cppoo belll i>svg { width: auto; height: auto; opacity: 0.8; } spcho d.aerea { display: block; grid-template-columns: 0px 100%; } @media only screen and (min-width: 999px) { spcho d.aerea main { width: 77%; margin: auto; } } cpchc .time { font-size: 11px; text-align: end; letter-spacing: .5; margin-left: 55px; position: absolute; right: 11px; bottom: 0; width: max-content;} cpchc .ticks { letter-spacing: -3px; color: var(--a); } span.ticks.this { color: var(--c); } /* filter */ filterused { display: grid; grid-template-columns: auto 0px 15%; align-items: center; position: relative; padding: 11px; } filterused ft bb { position: relative; display: block; max-height: 30px; width: 44px; border-radius: 50px; border: solid 2px; transition: 333ms; box-shadow: unset; overflow: visible; top: unset; height: 21px; right: unset; background: var(--a1t); padding: 3px; opacity: 0.9; border: unset; } filterused ft bo { box-shadow: inset 60px 0px 0px; color: transparent; border-radius: 50px; padding: 0px; } filterused oo { display: block; height: 19px; width: 19px; background: var(--a); border-radius: 50%; position: absolute; transition: 333ms; box-shadow: unset; margin: 1px; opacity: 0.8; } filterused.oo oo{ margin-left: 24px; background: var(--c); } filterused hd { font-size: 1.2em; opacity: .8; } filterr bl .oo oo { margin-left: 24px; } /* Restrictions */ srro.Function function.Function, .Assets assets.Assets { display: block; } .Function a.Function, .Assets a.Assets { border-bottom: solid 2px var(--a); color: var(--a); } /* Recentlyview */ .Deposit deposit.Deposit, .Withdraw withdraw.Withdraw { display: block; } .Deposit cfffd div .Deposit, .Withdraw cfffd div a.Withdraw { border-bottom: solid 2px var(--a); color: var(--a); } /* p2p Chat */ @media only screen and (min-width: 1400px) { crprr .Submit { display: grid; grid-column-start: 3; grid-column-end: 1; } } /* p2p profile */ @media only screen and (min-width: 1400px) { cprfo { grid-template-columns: 55px auto; gap: 14px; grid-template-rows: none; } } /* Buy_USDT */ ssuo h6 i { filter: invert(1); margin-top:3%; } sbuo h6 a { color: var(--a); font-weight: 500; } sbuo bd a { font-weight: 500; } sbuo csluo { display: flex; justify-content: space-between; padding-left: 5px; } sbuo csuo i { width: 25px; height: 25px; transform: rotate(269deg); filter: invert(1); } sbuo csuo svg { fill: var(--b1); } sbuo hd cmo { display: flex; justify-content: space-between; padding-left: 5px; } sbuo cmmo { display: grid; gap: 18px; border-bottom: solid 2px var(--b1); } sbuo cmmo hd { display: grid; align-items: center; padding: 13px; border-radius: var(--br1); gap: 14px; background: var(--b1-t44); } sbuo csluo h2 { font-size: 1.0rem; font-weight: 400; } sbuo cmsoo { display: block; border-bottom: 1px solid var(--bc); margin: 11px 0; } sbuo trcs { display: block; } sbuo cmsso { display: block; margin: 11px 0; } sbuo p22p.oders h6 { display: grid; font-size: .88rem; font-weight: 500; padding: 3px; grid-template-columns: auto auto 18px; justify-content: flex-start; align-items: center; gap: 4px; } sbuo csdbo trc.bb { display: block; border-radius: var(--br1); margin: 11px 0; padding: 11px; border: solid 2px var(--b-t); } sbuo csuo { display: flex; justify-content: space-between; background: var(--b1); border-radius: var(--br1); align-items: center; height: 50px; margin: 11px 0; position: relative; } sbuo trc ft { display: flex; padding: 16px; border-radius: var(--br1); font-size: 1em; align-items: center; justify-content: center; font-weight: bold; margin: var(--m); } sbuo csdbo { display: block; } sbuo hd.bc aa { font-size: 17px; font-weight: 500; padding: 11px; padding-top: 0; cursor: pointer; } sbuo csuo i { width: 25px; height: 25px; transform: rotate(269deg); filter: invert(1); } sbuo csuo svg { fill: var(--b1); } /* Express */ @media only screen and (min-width: 999px) { sepo sidebar { margin-top: 44px; } cavn>bl>ft>d { min-width: 333px; flex: 1 1; } } /* By User */ sbyo header { z-index: unset; position: relative; } sbyo .sidebar grid { margin: 0; } screen header { background: var(--lg); display: block;} screen header { position: relative !important; } cdcn btn { border-radius: var(--br1); margin: auto; background: var(--c); color: var(--b2); font-weight: 500; min-width: 180px; width: 180px; min-height: 48px; height: 48px; box-shadow: 0px 0px 3px var(--a1); display: flex; align-items: center; justify-content: center; } .cdcn bd t { display: block; margin: 33px auto; margin-bottom: 20px; max-width: 688px; font-size: var(--fs); line-height: 29px;} cdcn .text { font-size: 44px; font-weight: 600; line-height: 52px; } @media only screen and (max-width: 999px){ svpn cdcn { display: block; text-align: center; padding-block: 11px; background: var(--b2); } svpn cdcn .text { font-size: 1.2em; max-width: 322px; margin: auto; line-height: 34px; } .cdcn bd p { margin: 16px auto; margin-bottom: 20px; line-height: 25px; max-width: 333px; font-size: 12px; } cnnn>bl { gap: 0; padding: 22px 0px; } cnnn>bl amount { font-size: 3em; } cglo div bl bd { margin-block: 14px; color: var(--b-t44); } } /*Market*/ @media only screen and (min-width: 999px) { footer{border-bottom: solid 1px var(--bc); border-top: solid 1px var(--bc); margin-bottom: 44px;} cavn>bl>ft>div i.disp { width: fit-content; } } @media only screen and (max-width: 999px) { footer{margin-bottom: 123px;} } cmto svg { position: absolute; left: 1rem; fill: #9e9ea7; width: 1rem; height: 1rem; } cmto .group { display: grid; grid-template-columns: 105% auto; gap: 11px;position: relative; align-items: center; } cmto .input { width: 95%; height: 33px; line-height: 28px; padding: 0 1rem; padding-left: 3.5rem; border-radius: var(--br); outline: none;background-color: var(--b1); transition: .3s ease; margin: 0; font-size: 1em; font-weight: 500;} @media only screen and (min-width: 999px){ smkn cmto { display: flex; justify-content: space-between; align-items: center; padding: var(--p); } } cmto hd h1 { font-size: 23px; font-weight: 500; display: flex; justify-content: space-around; } /*KYC*/ skyn sidebar { max-height: 100% !important; position: relative; padding-bottom: unset; } skyn main { padding-bottom: 88px; } zzz { display: flex; justify-content: center; align-items: center; height: 111px; font-size: 2em; text-align: center; width: auto; margin: auto; } @media only screen and (min-width: 999px){ ceo skyn sidebar { width: 0; min-width: 0; } ceo skyn main { width: 100%; } } /* P2P */ spcho d nv aa{display: grid;justify-content: center;align-items: center;grid-template-columns: auto 26px;} p2p.trading_zone cppoz { bottom: 73px; box-shadow: 0 -11px 33px var(--b); border-top-right-radius: 22px; border-top-left-radius: 22px; display: block; opacity: 1; padding: 11px; border: solid 2px var(--b-t22); } spcho aa { display: flex; align-items: center; text-align: center; width: 100%; justify-content: center; } spcho aa svg {width: 21px !important; } spcho gg>div { display: grid; grid-template-columns: 40px auto; align-items: center; gap: 11px; margin-top: 11px; } spcho gg .nm>t { background: var(--at); } spcho gg .nm { display: flex; gap: 11px; } spcho gg name img { width: auto; height: auto; filter: invert(1); } spcho gg op { font-size: 14px; font-weight: 500; letter-spacing: .5; justify-content: end; } spcho nv back i { width: 33px; height: 33px; } spcho online { position: relative; padding: 0px 11px; color: var(--b-t44); } spcho online::before { content: " "; width: 11px; height: 11px; display: block; position: absolute; left: -4px; background: #4ecd4e; border-radius: var(--br); top: 6px; box-shadow: 0px 0px 5px 0px #00ff00; } spcho h .Order { margin: 14px 10px; display: flex; flex-direction: column; row-gap: 7px; margin-bottom: 0;} spcho h .Order div { display: flex; justify-content: space-between; align-items: center; background: var(--b1); padding: 11px; border-radius: 4px; } spcho h .Order hd { display: flex; flex-direction: column; } spcho h .Order amount { opacity: .5; } spcho h .Order leave { color: var(--a); } spcho gg op a { color: var(--a); } spcho gg>div bd div { display: flex; gap: 11px; font-size: 12px; } spcho gg>div bd span { font-weight: 500; letter-spacing: 0.4; } .live::after { /*content: ''; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; animation: circle-pulse 2s infinite; border-radius: 50%; box-shadow: 0 0 0 0 #4daa57;*/ } .live { position: relative; box-sizing: content-box; width: 8px; height: 8px; border-radius: 50%; display: block; } spcho gg>div bd div a { display: flex; align-items: center; gap: 7px; } @keyframes circle-pulse{ 0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0.9);} 50% {transform: scale(1); box-shadow: 0 0 0 8px rgba(77, 170, 87, 0);} 100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0);} } cpwoo cp2ps hd { display: flex; gap: 3px; justify-content: space-around;align-items: center; } cpwoo bd.details hd { display: block;color: var(--b-t44);} cpwoo .rating btn { display: flex; align-items: center; background: unset; padding: 0; margin: 0; font-size: 11px; } cpwoo cp2pss { display: flex; flex-direction: column; gap: 20px; } cpwoo cp2ps { background: var(--b-t); border: 1px solid var(--b1); border-radius: var(--br1); padding: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); display: grid; position: relative; grid-template-columns: 50% 50%; } cpwoo hd .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } cpwoo .profile { display: flex; gap: 10px; align-items: center; } cpwoo .profile-icon { background-color: #333; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: bold; } .profile-info { display: flex; flex-direction: column; } cpwoo .username { font-size: 1.2em; font-weight: bold;display: flex; align-items: center; } cpwoo .badge { background-color: var(--a1t); padding: 2px 6px; border-radius: 4px; font-size: 0.8em; position: absolute; top: 1px; left: 1px; font-weight: 500; } cpwoo .completion-info { font-size: 0.9em; color: var(--b-t44); } cpwoo .rating { font-size: 0.9em; color: var(--b-t44);display: flex; gap: 2px; } cpwoo .price { font-size: 1.4em; font-weight: 400; } cpwoo bd .details { display: grid; grid-template-columns: auto auto auto;align-items: center; } cpwoo .btc-amount { font-size: 1.1em; } cpwoo .payment-methods { color: var(--b-t44); font-size: 0.9em; } cpwoo .payment-methods span { margin-right: 10px; } cpwoo .buy-btn { background-color: #5ade5a; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; } cpwoo .buy-btn:hover { background-color: #5ade5a; } cpwoo cp2ps i { display: flex; } @media only screen and (max-width: 999px) { cpwoo cp2ps { display: block; } cpwoo cpwoo cp2ps hd { display: block; } cpwoo cp2ps i { display: flex; width: auto; } cpwoo .profile { align-items: unset; padding-top: 24px;display: grid; } cpwoo bd .details { display: grid; grid-template-rows: auto auto; align-items: baseline; padding: 0; margin: 0; justify-content: space-between; gap: 0; } cpwoo bd.details hd { display: block; color: var(--b-t44); } cpwoo bd.details bd { padding: 0; margin: 0; grid-column-start: 1; justify-content: flex-start; font-size: 0.88em;} cpwoo bd.details ft { grid-column-start: 3; } main { width: auto; margin-bottom: 88px; } cpwoo .rating btn { gap: 2px; } cpwoo bd.details { display: grid; } cpwoo cp2ps hd { display: block; } } /* ALL */ clao { display: block; border-radius: var(--br); background: var(--b-t); position: relative; overflow: hidden; } clao>bd { display: block; text-align: center; padding: 11px 22px; } 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(/0/img/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;} all sidebar { background: transparent; } @media only screen and (max-width: 750px){ all quick { display: flex; flex-wrap: wrap; } all d.aerea { display: flex; flex-flow: column-reverse; margin-top: 11px; } } /* Tarade */ @media only screen and (max-width: 999px){ #trade main { position: relative; z-index: 2; background: var(--b); box-shadow: 0px -7px 11px #0000; padding-top: 11px;} #trade aerea { box-shadow: 0px -7px 11px #0007;padding-top:11px !important } #trade sidebar { position: sticky; top: 0; z-index: 1;} } /* Bank Transfer */ cbto form input { width: -webkit-fill-available; border-radius: var(--br1); margin: 0; margin-top: 7px; background: var(--b1-t44); font-size: 1em; padding: 11px; color: var(--b-t44); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .3; line-height: 1.5; } cbto bd bl { display: block; padding: 11px; margin: var(--m); } cbto bd bl p { font-size: 12px; margin: 0; margin-top: 7px; letter-spacing: .4; color: var(--b-t44); } cbto bd bl t { display: flex; align-items: center; margin-top: 11px; gap: 4px; } cbto span.Paytm { display: block; width: 4px; height: 13px; background: var(--b-t44); border-radius: var(--br); margin-right: 3px; } cbto label { /*opacity: .5; */} cbto ft>bl btn { display: block; padding: 10px; font-size: var(--fs); background-color: var(--b1-t); border: none; border-radius: var(--br1); cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } ctio { display: flex; align-items: flex-start; background-color: var(--b1t44); border-radius: 8px; padding: 15px; margin: 22px; grid-column-gap: 11px; } ctio icon { display: flex; width: 33px; height: 33px; justify-content: center; align-items: center; background: var(--b1); border-radius: 33px; box-shadow: inset 0px 0px 11px -13px; } ctio strong { color: var(--c); font-weight: 500; font-size: 1em; } ctio p { font-size: 11px; letter-spacing: .5; margin: 0; margin-top: 7px; color: var(--b-t44); } cbto form { position: relative; } @media only screen and (min-width: 999px) { cbto { display: block; margin: 11px 0; max-width: 444px; margin: auto; background: var(--b1-t44); border-radius: var(--br1); width: 88%; min-width: -webkit-fill-available;padding: 0 0 4px 0; } ctio { background: var(--a1t); } ctio p { color: var(--a); } ctio icon { background: var(--a1t); } cbto>bd { display: flex; flex-direction: column-reverse; } } cp2s>hd btn { margin: auto; appearance: none; user-select: none; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; font-size: 1em; font-family: inherit; font-weight: 500; text-align: center; text-decoration: none; outline: none; padding: 7px 33px; line-height: 2; min-width: 60px; color: var(--c); word-break: keep-all; border-radius: 4px; min-height: 24px; border: none; background-color: var(--b-t22); background-image: none; width: fit-content; height: fit-content; margin-right: 0; margin-top: 11px; }cp2s>hd btn:hover { background: var(--b1); } cp2s { display: block; margin: var(--m); } cp2s>hd { display: grid; } cp2s>hd p { color: var(--ct); font-size: 13px; letter-spacing: 0.5px; } copo { display: block; margin-block: 11px; border: solid 2px var(--b1); border-radius: 7px; overflow: hidden; } copo>hd { display: flex; justify-content: space-between; align-items: center; background: var(--b1); padding: 7px 11px; } copo>hd>h3 { display: flex; align-items: center; column-gap: 11px; font-weight: 400; } copo>hd b { display: flex; gap: 33px; } copo>hd b h3 { font-weight: 400; color: var(--a); position: relative; } copo>bd { display: block; padding: 11px; line-height: 33px; } copo>bd label { color: var(--b-t44); } copo>bd h3 { font-weight: 400; font-size: 1em; opacity: 0.8; margin-block: 4px; } spmo main { width: 100%; } @media only screen and (min-width: 999px){cp2s>hd { grid-template-columns: 44% auto; align-items: stretch; }} @media only screen and (max-width: 999px){cp2s>hd btn { width: 100%; margin: 0; margin-block: 7px; }} tpottrade footer { box-sizing: border-box; margin: 0px; min-width: 0px; width: 100%; overflow-y: initial; overflow-x: visible; position: fixed; z-index: 99999; bottom: 70px; height: 72px; background: var(--b); padding: 11px 0px; } tpottrade main { margin: unset; } crntpr trcs>trc:hover { background: var(--c1); } /* Spot Wallet herder */ wls bl.Wlbalance { background: transparent; padding: 0px; } wls bl.Wlbalance hd tbicon i { width: 22px; height: 22px; } wls bl.Wlbalance bd { text-align: center; padding: unset; } wls bl.Wlbalance bd pdl { display: grid; grid-template-columns: 22px 77px; align-items: center; margin: 0; opacity: 0.77; } wls bl.Wlbalance ft btns { margin: 0 auto; width: 100%; grid-template-columns: 33% 33% 33%; padding: 11px 0; } /*wls mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; }*/ wls bl mg a { margin: 0 2px; } header mg { grid-column-gap: 11px !important; } /*wls btns btn { grid-template-columns: 22px auto; }*/ wls bl todypnl p { margin: unset; } wls bl todycuncy { display: grid; grid-template-columns: 76px 22px; align-items: center; } /* All Herder css */ header mg { grid-column-gap: 11px !important; height: 55px; margin: 0px; min-width: 0px; width: -webkit-fill-available; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; padding: 0 22px; } header mg a { padding: 7px !important; margin: 7px !important; font-weight: 300;} /* Margin Wallets */ nw bl.Airdrop Wallet { background: transparent; padding: 11px; } nw bl.Airdrop Wallet hd { padding: 0; display: grid; grid-template-columns: auto 33px; } nw bl.Airdrop Wallet hd tbicon { display: grid; grid-template-columns: 100%; align-items: center; background: var(--b); padding: 7px; border-radius: var(--br1); width: auto; height: 33px; opacity: 0.55; } nw bl.Airdrop Wallet hd tbicon i { width: 22px; height: 22px; } nw bl.Airdrop Wallet bd { text-align: center; padding: unset;display: block; } nw bl.Airdrop Wallet bd hi { display: flex; align-items: center; } nw bl.Airdrop Wallet bd pdl { display: grid; grid-template-columns: 22px 77px; align-items: center; margin: 0; opacity: 0.77; } nw bl.Airdrop Wallet ft btns { margin: 0 auto; width: 100%;grid-template-columns: 33.33% 33.33% 33.33%; } mg a.this {border-bottom:solid 2px;color:var(--a); } /* Copy Tradng */ ccpo btn .icon { position: unset; } ccpo div>bd>bl>hd { display: grid; grid-template-columns: auto 33px; align-items: center; border-bottom: 1px solid var(--bc); margin: 8px 0;height: 7%; } ccpo hd copy { display: flex; font-size: 20px;} ccpo a.this {color: var(--c); } ctportfolios frm hd input { width: auto; height: auto; } ccpo bl { padding: 0; } scdo d.aerea bd a { font-size: 1.1em; display: flex; white-space: nowrap; color: var(--b-t77); font-weight: 500; } ccpo bl bd hr { margin: 4px 0; } scdo bl bd a.jrac { color: var(--c); border-radius: 6px; justify-content: center; align-items: center; font-size: 12px; padding: 6px 13px; } copy.ROI a.ROI { background: var(--bc); } copy.MDD a.MDD { background: var(--bc); } copy.AUM a.AUM { background: var(--bc); } copy.Copiers a.Copiers { background: var(--bc); } copy.PnL a.PnL { background: var(--bc); } copy.Sharpe a.Sharpe { background: var(--bc); } frm hd { display: flex !important; align-items: center; } frm { display: flex; justify-content: space-between; font-size: 0.88em; align-items: center; } ccpo trc>hd spian { color: var(--bc); } ccpo trc>hd { border-radius: 6px; display: grid ; overflow: unset; background: unset; grid-template-columns: 55px auto 22px; height: auto; width: auto; justify-content: start; align-items: start; } ccpo trc>hd>i { height: 44px; width: 44px; overflow: hidden; background: var(--b-t77); border-radius: var(--br1); } ccpo trc>hd h6 i { height: 14px; width: 14px; } ccpo trc>hd h6 { display: grid; grid-template-columns: 18px auto auto; grid-template-rows: 0; } ccpo trc>hd h4 { font-size: 1.1em; margin-bottom: 3px; display: flex ; } ccpo trc>bd>bl { display: flex; justify-content: space-between; border-radius: 0; margin: 11px 0; } scdo trc>ft { align-items: start; justify-content: start; } scdo trc>ft bl { display: flex; justify-content: space-between; border-radius: 0; width: 100%; align-items: center; } scdo trc>ft hd>h6:first-child { margin-bottom: 22px; } scdo h6 spain { color: var(--ct); border-bottom: solid 1px; } scdo trc>ft btn { padding: 8px 22px; margin: 5px; background: var(--b1); border-radius: 6px; font-size: 0.88em; } grf { width: 96px; display: flex; } ccpo trc>hd spain { color: var(--b-t22); } ccpo select { background: var(--bl); border: none; color: var(--c); } .Portfolios btn.Portfolios { background: var(--lg-b); } .Favorites btn.Favorites { background: var(--b-t22); } ccpo hd copy btn { padding: 4px 10px; border-radius: 8px; font-size: 0.7em; } ccpo bd copy { display: flex; gap: 15px; } pricechange>bl>hd { display: grid; grid-template-columns: auto 33px; justify-content: space-between; } pcd bx.bgreen { height: 11px; display: block; width: 59%; border-radius: 6px 0 30px 6px; } pcd { display: flex; gap: 2%; margin: 11px 0; } pcd bx.bgray { height: 11px; display: block; width: 23%; border-radius: 30px 0 30px 0px; } pcd bx.bred { height: 11px; display: block; width: 23%; border-radius: 30px 6px 6px 0; } pricechange bl bd { padding: 0; } pricechange>bl ft { display: flex; justify-content: space-between; } pricechange>bl ft p { margin: 0; } pricechange bl { padding: 11px; } scdo bl bd { padding: 0; background: unset; } scdo bl { background: unset !important; } scdo main grid bl { max-width: unset; } scdo .gc3 htmps>hd { display: grid; grid-template-columns: 17% 17% 33% 33%; } scdo .gc3 htmps>bd { display: grid; grid-template-columns: 15% 13% 24% 24% 24%; } scdo .gc3 bl bd { padding: 0; } htmps htmp { border-radius: 6px; margin: 1px; display: flex; align-items: start; flex-direction: column; justify-content: center; padding: 44px 11px; font-size: 1.22em; } htmp.this { font-size: 1.44em; padding: 40px 11px; } transactions>hd { display: grid; grid-template-columns: auto 33px; align-items: center; justify-content: space-between; } scdo h4 { font-weight: 400; font-size: 0.88em; } /*//////////////////////////////////////////////////////// p2P Website //////////////////////////////////////////////////////////////////////*/ cpwoo cp2pb hd { display: flex; gap: 3px; justify-content: space-around;align-items: center; margin-bottom: 7px; } cpwoo bd.details hd { display: block;color: var(--b-t44);} cpwoo .rating btn { display: flex; align-items: center; background: unset; padding: 0; margin: 0; font-size: 11px; } cpwoo cp2pbs { overflow: hidden; } cpwoo cp2pb { background: var(--b-t); border: 1px solid var(--b1); border-radius: var(--br1); padding: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); display: grid; position: relative; grid-template-columns: 50% 50%; } cpwoo hd .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } cpwoo .profile { display: flex; gap: 10px; align-items: center; } cpwoo .profile-icon { background-color: #333; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: bold; } .profile-info { display: flex; flex-direction: column; } cpwoo .username { font-size: 1.2em; font-weight: bold;display: flex; align-items: center; } cpwoo .badge { background-color: var(--a1t); padding: 2px 6px; font-size: 0.66em; position: absolute; top: 1px; left: 1px; font-weight: 500; color: var(--a); border-radius: 0; border-bottom-right-radius: 11px; border-top-left-radius: 9px; } cpwoo .completion-info { font-size: 0.9em; color: var(--b-t44); } cpwoo .rating { font-size: 0.9em; color: var(--b-t44);display: flex; gap: 2px; } cpwoo .price { font-size: 1.4em; font-weight: 400; } cpwoo bd .details { display: grid; grid-template-columns: auto auto auto;align-items: center; } cpwoo .btc-amount { font-size: 1.1em; } cpwoo .payment-methods { color: var(--b-t44); font-size: 0.9em; } cpwoo .payment-methods span { margin-right: 10px; } cpwoo .sell-btn { background-color: #ff5c5c; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; } cpwoo .sell-btn:hover { background-color: #ff4040; } cpwoo cp2pb i { display: flex; height: 11px; width: 11px; } @media only screen and (max-width: 999px) { cpwoo cp2pb { display: block; } cpwoo cpwoo cp2pb hd { display: block; } cpwoo cp2pb i { display: flex; width: auto; } cpwoo .profile { align-items: unset; padding-top: 24px;display: grid; } cpwoo bd .details { display: grid; grid-template-rows: auto auto; align-items: baseline; padding: 0; margin: 0; justify-content: space-between; gap: 0; } cpwoo bd.details hd { display: block; color: var(--b-t44); } cpwoo bd.details bd { padding: 0; margin: 0; grid-column-start: 1; justify-content: flex-start; font-size: 0.88em;} cpwoo bd.details ft { grid-column-start: 3; } main { width: auto; margin-bottom: 88px; } cpwoo .rating btn { gap: 2px; } btn.sell-btn { padding: 3px 20px; } cpwoo bd.details { display: grid; } cpwoo cp2pb hd { display: block; } } /* P2P_Order */ /* Express Herder */ sepo h nv op { border-radius: var(--br1); border: solid 1px var(--c); padding: 2px 8px; margin: 6px; } sepo h nv gg { height: 55px; align-items: center; z-index: 22; display: grid; grid-template-columns: 55px 0px auto 0px 77px; } sepo .header nv { background: var(--b1); border: solid 5px var(--b1); display: block; } sepo d nv aa{display: grid;justify-content: center;align-items: center;grid-template-columns: auto 26px;;} sepo gg2 { width: 100%; display: flex; padding: 7px; margin: 2px; } sepo .header gg op i svg { width: 18px; } sepo gg2 mg { background: var(--b-t); display: grid; width: 95px; grid-template-columns: 50% 50%; padding: 7px; border-radius: 4px; margin: 7px; position: relative;} sepo gg2 mg aa { display: flex; width: 100%; justify-content: center; } sepo sidebar { padding: 0 !important; } /* Express transaction */ blogs { display: grid; grid-template-columns: 33% 33% 33%; align-items: baseline; } blog { display: grid; align-items: flex-end; margin: 7px; } blog hd { background: var(--b1); padding: 5px; border-radius: var(--br); display: flex; align-items: center; justify-content: center;margin-bottom: 24px;} blog ft { display: flex; } blog time { color: var(--b-t44); font-size: 0.77em; } cp2pblog >hd { margin-bottom: 33px; display: block; } cp2pblog { padding: var(--p); border: 1px solid var(--b1); border-radius: 12px; display: block; margin: 11px 0; } blog i { width: 100%; overflow: hidden; border-radius: var(--br); } @media only screen and (max-width: 999px) { blogs { display: block; } cp2pblog { padding: 11px; } blog hd { padding: 0; } blog hd i { height: auto; width: auto;border-radius: var(--br); overflow: hidden; } } /* P2P_Order transaction */ @media only screen and (max-width: 999px) { /*btn.sell-btn { padding: 3px 20px; }*/ cpwoo bd.details { display: grid; grid-template-columns: auto auto; justify-content: space-between;} cpwoo cp2pb hd { display: block; } } btn.Buy-btn { background-color:#0ecb81; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; } btn.Buy-btn:hover { background: #00cb4c; } ccss { display: grid; grid-template-columns: auto auto auto auto; justify-content: center; gap: 10px; margin: 22px 0; } ccss h1 { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 6px; background-color: var(--b1t44); border: 1px solid var(--b-t44); padding: 5px; width: 23px; margin: 3px; } /* Express sell buy */ csbt { border-radius: var(--br); min-width: 333px; margin: auto; margin-right: 15px; margin-bottom: 33px; max-width: 486px; overflow: hidden; border: solid 2px var(--b1); line-height: 30px; } spwo csbt mg { display: flex; justify-content: space-around; padding: 0; height: 4rem; } spwo csbt mg btn { display: flex; padding: 10px 20px; cursor: pointer; background: var(--b1); width: 50%; align-items: center; justify-content: center; } cyps { margin-top: 20px; } cyps>label { display: block; font-size: 14px; margin-bottom: 8px; } csbt bl { display: flex; border-radius: 18px; padding: 10px; justify-content: space-between; border: solid 2px var(--b1); align-items: center; } csbt bl input, csbt bl select { background: none; border: none; color: var(--c); font-size: 16px; width: 100%; } csbt currency { display: grid; grid-template-columns: 33px auto; width: 100%; align-items: center; justify-content: flex-end; } csbt bl input::placeholder { color: #888; } csbt info { margin-top: 20px; font-size: 12px; } csbt info p { margin: 5px 0; } csbt info span { color:var(--a); } .payment-button { width: 100%; background-color: #3a3f45; border: none; color: var(--c); padding: 12px; margin-top: 20px; border-radius: 6px; cursor: pointer; } .payment-button:hover { background-color: var(--b1-t); } csbt>bd, csbt>ft { display: block; margin: 22px; margin-top: 0; } csbt.Buy btn.Buy, csbt.sell btn.sell { background: transparent; } .payment-button { width: 100%; background-color: var(--b-t22); color: var(--c); padding: 12px; margin-top: 20px; border-radius: var(--br1); cursor: pointer; line-height: 24px; letter-spacing: .5; font-size: 1.3em; } csbt bl:hover { border: solid 2px var(--a); } /* Spot_Order */ /* transactions */ transactions sidebar { width: auto; background: unset !important; top: 0; } transactions ctfilo bd { display: flex; } transactions ain { width: auto; } transactions lvl bd { justify-content: center; display: flex; padding: var(--p); background: var(--b1t); margin: 11px 0; border-radius: 13px; margin-bottom: 0;} transactions main { width: 100%; } stro main { z-index: 9999999; background: var(--b); } stro sidebar {display: none;} ctfilo { display: grid; padding: 7px; width: 98%; } ctfilo btn { display: flex; margin: 11px 5px; padding: 4px 18px; background: var(--b2); border-radius: 7px; align-items: center; justify-content: center; } ctfilo mg { display: flex; } @media only screen and (max-width: 999px) { stro trcs trc { padding: 11px !important; width: auto !important; grid-template-columns: 66px auto 80px !important; } stro Transactions trc>hd { width: 55px !important; height: 55px !important; } transactions lvl { margin: 2px;width: 111px;} ctfilo { flex-direction: column; gap: 8px; } ctfilo bd { display: flex; justify-content: space-around; } ctfilo btn { width: max-content; } } stro div { background: var(--b1-t44); padding: var(--br); border-radius: var(--br); } stro trcs trc { position: relative; display: grid; grid-template-columns: 86px auto 80px; margin: 5px auto; align-items: center; border-radius: var(--br1); padding: var(--p);width: 93%; } stro trc>hd { height: 55px; width: 55px; background: var(--b1); border-radius: var(--br1); align-items: center; display: flex; justify-content: center; } stro trc img { object-fit: cover; height: 55%; width: 55%; filter: invert(77%);} screen#transactions trcs>trc>ft h4 { text-align: end; } 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);} @media only screen and (min-width: 999px) { ceo in sidebar { width: 0; min-width: 0; } ceo in main { width: 100%; } } scdsd h gg { height: 55px; align-items: center; z-index: 22; display: grid; grid-template-columns: 15% 85%; } scdsd gg back { font-family: monospace; font-size: 1.23em; display: flex; justify-content: center; align-items: center; } scdsd gg op { display: flex; justify-content: center; align-items: center; } scdsd gg op>i { height: 36%; width: 6%; } scdsd gg d { display: grid; grid-template-columns: auto 133px; height: 75%; margin-top: 10px; padding: 11px; padding-top: 0; } scdsd gg d btn { border-radius: 20px; display: grid; grid-template-columns: 44px auto; background: unset; justify-content: center; } scdsd posit { font-size: 14px; font-weight: 600; align-items: center; display: flex; letter-spacing: 0.9; } scdsd gg d btn i { height: auto; width: auto; } input#smcnMeetingCover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; } /* Payment_Method */ cbto form { position: relative; } /* Deposit */ /* Start */ mnu m a i { display: flex ; } /* Scratch Card */ cporfl { display: grid; position: absolute; bottom: -1000px; z-index: 999; transition: 333ms; max-width: 555px; right: 0; margin: auto; box-shadow: 0px 0px 77px 21px var(--b); border-radius: var(--br); } .SpotFilter cporfl { bottom: 0; } cporfl hd { display: flex; justify-content: space-between; align-items: center;} cporfl bd { background: var(--b1); border-radius:22px 22px 0 0; padding:22px 16px; display: block; } cporfl hd h2 { font-size: var(--fs);} cporfl btn {background: none; font-size: 14px; cursor: pointer; padding: 7px 11px; border-radius: 7px; margin-right: 7px; border: 1px solid var(--bc); color: var(--b-t77); } cporfl bd div { margin-top: 20px; } cporfl bd p {font-size: 13px; margin: 0; margin-bottom: 10px;} cporfl div bd> btn {margin-bottom: 11px;} cporfl btn.selected {border: solid 1px var(--c); color: var(--c);} cporfl btn:hover { background-color: var(--b-t22); } cporfl select {width: 100%; padding: 11px; border: none; color: #fff; background: var(--bc); border-radius: 7px;} cporfl ft {display: grid; grid-template-columns: 50% 50%; margin-top: 22px;} cporfl ft btn {padding: 11px 22px; border: none; border-radius:7px; cursor: pointer; margin: 4px; text-align: center;} cporfl ft btn:first-of-type { background-color: var(--bc); } cporfl ft btn:last-of-type { background: var(--a);} cporfl bd div bd {display: flex; flex-wrap: wrap; padding: 0;} cporfl btns { grid-template-columns: 33.33% 33.33% 33.33%; text-align: center; align-items: center; } /* Menubar */ @media screen and (min-width: 999px) { mnu m a.this { display: flex ; background: var(--a1t); } mnu m a.this bt { display: none; opacity: 1; text-align: start; color: var(--a); } } mnu m a bt { /*display: none; opacity: 0; */position: relative; top: 0; left: 0; margin: auto; padding: 0; font-size: 10px; font-weight: 500; } shmo sidebar grid { margin: 0; } /*SquareHeader*/ sqre csho gg { height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px; } sqre csho { display: block; position: relative; } /*StakingHeader*/ stks cshr gg { height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px; } stks cshr{display: block; position: relative;} stks cshr mg{height: 55px;margin: 0px;min-width: 0px;width: 100%;white-space: nowrap;display: none;flex-direction: row;overflow: scroll;} /*Funding_Wallets*/ scfwc grid.gc1 { background: var(--b1-t44); padding: var(--p); border-radius: var(--br); } scfwc spot other { display: grid ; grid-template-columns: 33% 33% 33%; gap: 3px; padding-bottom: 11px; width: 100%; } scfwc hd>h3{display: flex;align-items: center;} scfwc h3 img{ width: 30px; height: 30px; display: inline-block; margin-right: 7px;} ccinfo { display: grid; grid-template-columns: 47% 47%; gap: 22px; } ccinfo p { margin: unset; opacity: 0.6;font-weight: 100; } /*Fundings*/ Fundings trc img { object-fit: contain; height: 77%; width: 77%; } Fundings trcs>trc {grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--c);border-radius: 15px;position:relative;} Fundings trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);} sfnds footer { border-bottom: solid 1px var(--bc); border-top: solid 1px var(--bc); background: var(--b1); padding: 22px; margin: 10px 0px 0px 0px; border: unset; } /*Settings*/ @media(min-width:999px){ sstn d.aerea { display: grid; gap: unset;} } /*Megadrop Screen*/ smpo header { position: relative; } smpo d.aerea { display: grid; margin: 0 88px; } smpo main { width: 100%; } smpo main grid.gc2 { margin: 0; } smpo sidebar { width: auto !important; } /*Bnbpoint*/ cbno { display: block; padding: 0 66px; margin: 77px 0; } cbno hd { display: grid; } cbno hd bl { display: grid; border-radius: var(--br1); margin-bottom: 11px; } cbno hd bl.lock { background: var(--b2); } cbno hd bl bd { display: grid; grid-template-columns: 44px auto 35px; align-items: center; padding: 16px; border-radius: var(--br1); } cbno hd bl bd:hover { background: var(--b2); } cbno hd bl aa { display: block; text-align: center; padding: 4px 11px; border: 1px solid var(--b1); border-radius: 7px; margin-right: 11px; font-size: 16px; font-weight: 500; } cbno hd bl h3 { font-size: 20px; font-weight: 600; } cbno hd bl i { display: flex; font-style: normal; border-radius: 44px; padding: 1px 2px; font-size: 24px; font-weight: 500; line-height: 32px; } cbno hd bl i:after { content: ''; position: absolute; background: var(--c); width: 12px; height: 2px; } cbno hd bl i:before { content: ''; position: absolute; background: var(--c); width: 2px; height: 12px; } cbno hd bl bd:hover i { background: var(--a); } cbno hd bl ft { display: none; padding: 0 64px; margin-bottom: 11px; } cbno hd bl ft p { margin: 0; font-size: 16px; font-weight: 500; line-height: 24px; } .lock ft { display: grid; } cbno hd bl.lock i:before { display: none; } cbno hd bl.lock i { background: var(--a); } /*Megadrop footer*/ smpo .gsc_row hd { display: flex; align-items: center; height: fit-content; } smpo .gsc_row bd icons { display: grid; grid-template-columns: auto auto auto auto; align-items: center; margin: 22px 0; justify-content: flex-start; } smpo footer bd .footer2 { padding: 0; border: 0; } smpo footer bd .footer2 ul { padding: 0; } smpo footer bd .footer2 li { display: block; margin: 10px 0; font-size: 12px; font-weight: 400; line-height: 20px; } smpo footer bd .footer2 .linkListing i { display: none; } smpo footer li a { margin: 4px 0; letter-spacing: 1px; font-weight: unset; } smpo footer bd .footer2 a:hover { color: var(--a); } smpo d.aerea { display: block; max-width: 1368px; position: relative; margin: auto; } smpo .gsc_container.footer2 { border-bottom: solid 1px var(--bc); max-width: 1200px; margin: auto; } smpo main { width: 100%; } smpo div.gsc_row { display: grid; grid-template-columns: 15% auto; justify-content: unset; } smpo company p { display: grid; padding: 26px 0px; justify-content: center; border-top: solid 1px var(--b1); } smpo footer { padding: unset; margin: 10px 0px 0px 0px; border: unset;} @media only screen and (max-width: 999px) { smpo header { margin: unset; } smpo main { margin: unset; } cpeo { padding: 0 11px; padding-top: 44px; } cpeo hd { margin-bottom: 24px; } cpeo hd h2 { font-size: 20px; } cpeo bd { grid-template-columns: unset; grid-row-gap: 1.5em; } cbno { padding: 0; } cbno hd bl bd:hover { background: unset; } cbno hd bl.lock { background: unset; } cbno hd bl h3 { font-size: 16px; font-weight: 500; line-height: 18px; } cbno hd bl ft p { font-size: 12px; line-height: 16px; } smpo footer bd .footer2 .gsc_row h3 { font-weight: 100; display: flex; justify-content: space-between; margin-bottom: 10px; width: 100%; transition: 33ms; } smpo footer bd .footer2 .linkListing { border-bottom: solid 1px var(--b1); margin: 11px 0px; transition: 333ms; } smpo footer .footer2 ul { display: none; } smpo .footer2 .linkListing btn { padding: 5px; border: solid 2px; border-radius: 25px; height: 10px; display: grid; margin-bottom: 10px; } smpo footer .footer2 btn t { display: flex; width: 10px; height: 2px; background: var(--c); position: relative; bottom: 0px; margin: 0; } smpo footer .footer2 h4 { display: flex; justify-content: space-between; } smpo footer.about .about t:nth-child(1), .Services .Services t:nth-child(1), .Support .Support t:nth-child(1), .Products .Products t:nth-child(1) { top: 5px; transform: rotate(90deg); opacity: 0; } smpo footer .footer2 t:nth-child(1) { top: 5px; transform: rotate(90deg); } ctdn { margin: var(--m); } } /*P2P_AddNew Screen*/ sdoo d.aerea { display: block; margin: 0 11px; } sdoo main { width: 100%; height: fit-content; max-width: inherit; margin: 0; } /*SetPrice*/ cteo { display: grid; padding: var(--p); padding-bottom: 0; } cteo hd { display: block; position: relative; margin-bottom: 7px; } cteo hd b { display: grid; grid-template-columns: auto auto auto; justify-content: space-between; margin-bottom: 11px; } cteo hd b h4 { font-size: 0.88em; font-weight: 500; text-align: center; } cteo hd d { display: block; } cteo hd d ab { display: grid; grid-template-columns: 12% auto 20%; position: unset; justify-content: space-between; } cteo hd d abc { position: absolute; background: var(--b1); height: 3px; top: 48px; bottom: 0; width: 84%; margin-left: 55px; } cteo hd d aa { display: flex; justify-content: center; background: var(--b1); margin: auto; padding: 1px 10px; border-radius: 33px; z-index: 999; font-size: 16px; font-weight: 500; } cteo hd d abc abb { display: grid; background: var(--a); height: 3px; } /*AssetFait*/ cafo { display: grid; background: var(--b1); padding: var(--p); } cafo hd { display: grid; grid-template-columns: 33% 14px 33% auto; column-gap: 1%; margin-bottom: 22px; align-items: end; } cafo hd>i { width: 12px; height: 12px; margin: auto; margin-bottom: 11px; } cafo hd div { display: block; } cafo hd div h3 { display: flex; align-items: center; font-size: 16px; font-weight: 500; margin-bottom: 7px; } cafo hd div h3 i { width: 9px; height: 9px; font-style: normal; font-size: 11px; background: var(--bc); padding: 3px; margin-left: 7px; border-radius: var(--br); } cafo hd div btn { display: flex; justify-content: space-between; align-items: center; background: var(--bc); padding: 7px; border-radius: 7px; } cafo hd div btn>i { width: 18px; height: 18px; } cafo hd div t { display: flex; align-items: center; } cafo hd div t i { width: 22px; height: 22px; } cafo hd div t h4 { margin-left: 7px; font-size: 16px; font-weight: 500; } cafo bd { display: grid; border-bottom: 1px dashed var(--bc); } /*PriceFixed*/ cpco { display: grid; background: var(--b1); padding: var(--p); border-radius: 0 0 11px 11px; } cpco hd { display: grid; padding-bottom: 11px; } cpco hd>h3 { font-size: 16px; font-weight: 500; margin-bottom: 7px; } cpco hd d b { display: flex; align-items: center; } cpco hd d b input { width: 14px; height: 14px; } cpco hd d b h3 { font-size: 16px; font-weight: 500; } cpco bd { display: grid; width: fit-content; } cpco bd h3 { font-size: 16px; font-weight: 500; } cpco bd btn { display: grid; grid-template-columns: 33px auto 33px; padding: 4px 6px; border: 2px solid var(--bc); border-radius: 7px; align-items: center; margin: 11px 0; } cpco bd btn i { width: 30px; height: 30px; font-style: normal; background: var(--bc); font-size: 22px; font-weight: 500; padding: 2px; } cpco bd btn aa { text-align: center; font-size: 16px; font-weight: 500; } cpco bd t p { margin: 0; font-size: 14px; font-weight: 500; } cpco ft { display: grid; grid-template-columns: 24% 24% auto; margin: 18px 0; } cpco ft d { display: grid; } cpco ft d h3 { display: flex; font-size: 16px; font-weight: 500; align-items: center; margin-bottom: 11px; } cpco ft d h3 i { width: 9px; height: 9px; font-style: normal; font-size: 11px; font-weight: 500; background: var(--bc); padding: 3px; margin-left: 7px; border-radius: var(--br1); } cpco ft d t { font-size: 20px; font-weight: 600; } /*P2P_Adds*/ /*Open_Tranction*/ no { display: grid ; justify-items: center; align-items: center; border-radius: var(--br); padding: 66px 0px; margin: 11px auto; background: var(--b1-t44);} ctno bl { display: block; align-content: center; } ctno bl h3 { font-size: 14px; font-weight: 500; } ctno ft { display: block; align-content: center; text-align: center; } /*P2P_AddHistory*/ spyo mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; font-weight: 500; border-bottom: solid var(--c0); margin: 7px; color: #848E9C; } spyo header form select {background-color: var(--c0); color: var(--a); padding: var(--p1); font-size: 16px; cursor: pointer; border-radius: 7px; width: 180px;border: solid 1px var(--bc); margin: 11px 7px;} spyo header form div { position: relative; display: inline-block; } spyo header form{ margin: 0; } spyo d.aerea { display: block; margin: 0; } spyo main { width: 100%; } spyo cawls { margin: 0; } spyo header { position: relative; } spyo header btns { display: none; } @media only screen and (max-width: 999px) { spyo header form { display: none; } spyo header btns {display: grid; grid-template-columns: auto auto; justify-content: space-between; width: auto; padding: var(--p1);} spyo header btns btn:nth-child(1) { display: grid; grid-template-columns: auto 33px; align-items: center; color: var(--a); } spyo header btns btn:nth-child(1) svg { transform: rotate(90deg); fill: var(--a); } spyo header btns btn:nth-child(2) { height: 33px; display: grid; justify-content: end; align-items: center; width: 33px;} } /*Open_Adds*/ spyo { display: block; } spyo hd { display: grid; grid-auto-flow: column; padding: var(--p1); } spyo hd b { padding: 11px 22px; background: var(--b-t); border-bottom: 1px solid var(--bc); } spyo hd b h4 { font-size: 14px; font-weight: 500; } @media only screen and (max-width: 999px) { spyo hd { overflow-x: scroll; } spyo hd b { height: fit-content; white-space: nowrap; } } /*Home Page*/ /*withdraw*/ withdraw out main { margin-top: 0; } withdraw out main grid { margin: 0 11px; } withdraw out sidebar { padding: var(--p); } scmpwd trc>hd { align-content: center; text-align: center; } trade header { position: unset !important; } trd header mg a { margin: 0 7px !important; } trade header mg a { margin: 0 7px !important; } /*Faqfirm*/ cqmo { display: block; background: var(--b1-t44); padding: var(--p); border-radius: var(--br); } cqmo hd { display: flex; justify-content: space-between; margin-bottom: 11px; } cqmo hd h2 { font-size: 1.22em; font-weight: 600; } cqmo hd b { display: flex; align-items: center; } cqmo hd b h4 { font-size: 1em; font-weight: 500; margin-right: 7px; } cqmo hd b i { width: 18px; height: 18px; transform: rotate(180deg); } cqmo bd { display: block; } cqmo bd h3 { font-size: 0.88em; font-weight: 500; line-height: 1.88em; } .hidebalance balance { filter: blur(11px); } @media only screen and (max-width: 999px) { cqmo { display: none; } } /*Earndaily*/ stakings sidebar { position: relative; top: 0 !important; background: unset; } /*spot_chart*/ periods period { margin-right:11px; } trd>bl { display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px var(--b1); } periods trd bl i { width: 40px; height: 40px; margin-top: 7px; } trd info changes { margin-bottom: 7px; } /*Progres*/ /* Follow */ cfffd div a { padding: var(--p1); transition: 333ms; } .Following following.Following, .Followers followers.Followers, .Discover discover.Discover { display: block; } .Following a.Following, .Followers a.Followers, .Discover a.Discover { border-bottom: solid 2px var(--a); color: var(--a); } Discover nonotransactions { display: grid; text-align: center; justify-content: center; font-size: var(--fs); align-items: center; } Discover nonotransactions i { margin: auto; } .discover bd .follow:Hover { filter: grayscale(1); } /*transactions*/ ctfilo bd { justify-content: space-between; align-items: center; overflow: scroll;} ctfilo bd btns { display: flex; padding: 0px 2px;} ctfilo bd span { display: block; } ctfilo bd span i { width: 40px; height: 24px; } @media only screen and (max-width: 999px) { ctfilo hd { overflow-x: scroll; } transactionss ctfilo bd { display: grid; grid-template-columns: auto 32px; gap: 11px; } ctfilo bd btns { overflow-x: scroll; } } /*Pays screen*/ spso d.header { background: unset; } spso header { position: relative; } spso nv gg { background: var(--lg); } spso sidebar { background: unset !important; } /*Transactions*/ ctso { display: none; } @media only screen and (max-width: 999px) { ctso { display: grid; margin: 0 11px; } ctso hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; } ctso hd h2 { font-size: var(--fs); font-weight: 600; } ctso hd i { width: 44px; height: 40px; } ctso bd { display: block; } ctso bd trcs { display: grid; } ctso bd trcs trc { display: flex; justify-content: space-between; background: transparent; padding: 11px 0; } ctso bd trcs trc h3 { font-size: 16px; font-weight: 500; } ctso bd trcs trc span { display: grid; line-height: 28px; } ctso bd trcs trc span b { text-align: end; font-size: 16px; font-weight: 600; color: var(--a); } ctso bd trcs trc span h4 { font-size: 16px; font-weight: 500; color: var(--b-t44); } } /*Faqpay*/ /*RecentTransactions*/ crto { display: block; padding: var(--p); background: var(--b1-t44); border-radius: var(--br); } crto hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; } crto hd h2 { font-size: 20px; font-weight: 600; } crto hd h3 { font-size: 14px; font-weight: 500; color: var(--a); } crto bd { display: flex; justify-content: center; margin: 77px 0; } crto bd nonotransactions { display: grid; } crto bd nonotransactions i { width: 144px; height: 144px; margin: auto; } crto bd nonotransactions img { filter: grayscale(1); } crto bd nonotransactions p { font-size: 14px; font-weight: 500; color: var(--b-t44); } @media only screen and (max-width: 999px) { crto { display: none !important; } } /*Vip Screen*/ svpo header { position: relative; } svpo d.header { background: unset; } svpo nv gg { position: sticky; top: 0; background: var(--b1); } svpo d.aerea { display: grid; justify-content: unset; } svpo sidebar { background: unset !important; width: 100%; position: relative; top: 0 !important; } svpo main { width: 100%; } /*Transactions */ ctco { display: block; margin: 0 11px; } ctco hd { display: block; padding: 22px 0; } ctco hd h1 { font-size: 38px; font-weight: 600; } ctco bd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; } ctco bd b { display: flex; align-items: center; } ctco bd b i { width: 36px; height: 36px; margin-right: 7px; } ctco bd b h2 { font-size: 24px; font-weight: 600; } ctco bd b h2 span { color: var(--a); margin-left: 7px; } ctco bd btn { display: grid; grid-template-columns: auto auto; background: var(--a); padding: 6px 16px; border-radius: var(--br); align-items: center; } ctco bd btn t { font-size: 14px; font-weight: 500; } ctco bd btn i { width: 24px; height: 25px; margin-left: 5px; } ctco ft { display: block; } ctco mg{ display: flex;} @media only screen and (max-width: 999px) { ctco { display: none; } } /*Statistics*/ csto>bl{ display: grid; } csto hd { display: flex; justify-content: space-between; align-items: center; } csto hd h2 { font-size: 24px; font-weight: 600; } csto hd btn { display: grid; grid-template-columns: 33px auto; align-items: center; background: var(--bc); padding: 4px 18px; border-radius: var(--br); } csto hd btn i { width: 28px; height: 28px; } csto hd btn t { font-size: 14px; font-weight: 500; } csto bd { display: grid; margin: 22px 0; } csto bd g { display: grid; grid-template-columns: 28% auto; column-gap: 11px; } csto bd g d { display: grid; } csto bd g d b { display: flex; align-items: center; border-radius: 7px; padding: 0 7px; transition: 333ms; } csto bd g d b:hover { background: var(--bc); } csto bd g d b i { width: 40px; height: 40px; background: var(--bc); border-radius: var(--br); margin-right: 7px; } csto bd g d b i svg { width: 24px; height: 24px; } csto bd g d b t { display: grid; line-height: 24px; } csto bd g d b t h4 { font-size: 12px; font-weight: 500; color: var(--b-t44); } csto bd g d b t h3 { font-size: 16px; font-weight: 500; } csto bd g bc { display: grid; padding: var(--p1); background: var(--bc); border-radius: 7px; } csto bd g bc div { display: grid; grid-template-columns: 25% 25% 25% 25%; margin-bottom: 11px; } csto bd g bc div aa { display: block; align-content: center; padding: 0 7px; } csto bd g bc div aa h4 { font-size: 12px; font-weight: 500; color: var(--b-t44); } csto bd g bc ul { display: grid; grid-template-columns: 25% 25% 25% 25%; margin: unset; background: var(--b1); padding: 7px 4px; } csto bd g bc ul:hover { background: var(--bc); } csto bd g bc ul aa { display: flex; align-items: center; padding: 0 7px; } csto bd g bc ul aa h3 { font-size: 14px; font-weight: 500; } csto bd g bc ul aa span { font-size: 14px; font-weight: 500; color: var(--b-t44); margin-left: 4px; text-decoration: line-through; } csto bd g bc ul aa btn { position: relative; margin-right: 7px; margin-bottom: auto; } csto bd g bc ul aa bb { width: 38px; height: 20px; border: none; box-shadow: unset; background: var(--b-t22); border-radius: 7px; top: 0px; } csto bd g bc ul aa oo { width: 12px; height: 12px; margin: 4px; border-radius: 4px; } csto bd g bc ul aa bb.jjtc.oo { background: var(--a); } csto bd g bc ul aa btn .oo oo { margin-left: 22px; } csto bd g bc ul aa i { width: 13px; height: 14px; font-style: normal; font-size: 11px; background: var(--bc); padding: 2px; border-radius: var(--br1); margin-left: 5px; } @media only screen and (max-width: 999px) { csto { display: none; } } /*Exclusive*/ cevo { display: block; padding: 22px 0; } cevo hd { display: block; margin-bottom: 11px; } cevo hd h2 { font-size: 24px; font-weight: 600; } cevo bd { display: block; } cevo bd g { display: grid; padding: 11px 0; } cevo bd g d { display: flex; align-items: center; } cevo bd g d i { width: 24px; height: 24px; margin-right: 11px; } cevo bd g d h3 { font-size: 20px; font-weight: 600; } cevo bd g p { font-size: 14px; font-weight: 500; } cevo bd g btns { display: flex; margin-bottom: 11px; flex-wrap: wrap; row-gap: 11px; } cevo bd g btns btn { background: var(--bc); margin-right: 11px; padding: 4px 7px; border-radius: var(--br); transition: 333ms; } cevo bd g btns btn:hover { background: var(--a); } cevo bd g btns btn t { font-size: 12px; font-weight: 500; } cevo ft { display: flex; align-items: center; } cevo ft:hover { color: var(--a); } cevo ft i { width: 16px; height: 16px; margin-right: 7px; } cevo ft p { margin: 0; font-size: 12px; font-weight: 500; } cevo ft span { font-size: 12px; font-weight: 500; margin-left: 7px; } @media only screen and (max-width: 999px) { cevo { display: none; } } /*Regular*/ cvpll { display: none; } @media only screen and (max-width: 999px) { cvpll { display: grid; } cvpll>bl{ display: grid; grid-template-columns: auto 42%; align-items: center; margin: 0 11px; } cvpll hd { display: block; } cvpll hd h4 { font-size: 16px; font-weight: 500; } cvpll hd h2 { font-size: 33px; font-weight: 600; margin: 7px 0; } cvpll hd t { font-size: 16px; font-weight: 500; color: var(--a); } cvpll bd { display: block; } cvpll bd span i { width: 180px; height: 180px; } } /*WithdrawalLimits*/ cwso { display: none; } db cwso { display: grid ; grid-template-columns: 33.33% 33.33% 33.33%; justify-content: center; } @media only screen and (max-width: 999px) { cwso{ display: grid ; margin: 0 7px; } cwso hd { display: grid; margin-bottom: 11px; } cwso hd>h3 { font-size: 1.11em; font-weight: 500; margin-bottom: 11px; } cwso hd d { display: grid; grid-template-columns: auto auto; padding: var(--p); border: 1px solid var(--bc); border-radius: var(--br1); justify-content: space-between; } cwso hd d b { display: grid; line-height: 28px; } cwso hd d b h4 { font-size: 1em; font-weight: 500; } cwso hd d b h4 span { display: flex; justify-content: end; } cwso hd d b h3 { font-size: 1.11em; font-weight: 500; } cwso bd { display: flex ; margin: 11px 0; justify-content: space-between; } cwso bd>h3 { font-size: 1.11em; font-weight: 500; } cwso bd>h3:nth-child(2){color: var(--a);} cwso ft { display: block; } cwso ft { display: grid; border: 1px solid var(--bc); padding: 11px 18px; border-radius: var(--br1); } cwso ft gd { display: grid; padding: var(--p1); } cwso ft gd>h3 { font-size: 1.11em; font-weight: 500; } cwso ft gd d { display: grid; grid-template-columns: auto auto; padding: 11px 0; border-bottom: 1px solid var(--bc); justify-content: space-between; } cwso ft gd d b { display: grid; line-height: 28px; } cwso ft gd d b h4 { font-size: 1em; font-weight: 500; } cwso ft gd d b h4 span { display: flex; justify-content: end; } cwso ft gd d b h3 { font-size: 1.11em; font-weight: 500; } } /*SellerTips*/ csrto {position: absolute; left: 0; right: 0; bottom: 66px; background: var(--b1); z-index: 999; padding: var(--p); border-radius: 22px 22px 0 0;} csrto>hd { display: grid; grid-template-columns: 50% 50%; margin-bottom: 11px; } csrto>hd dt { width: 95%; height: 10px; background: var(--bc); border-radius: 65px; margin: auto; } csrto>hd dt.this { background: var(--a); } csrto>bd { display: grid; grid-template-columns: 100% 100%; padding: var(--p1); overflow: hidden; } csrto>bd bl { display: grid; margin: 11px 0; transition: 333ms; } csrto>bd bl span { margin: auto; } csrto>bd bl span i { width: 124px; height: 124px; } csrto>bd bl p { font-size: 16px; font-weight: 500; text-align: center; } csrto>bd bl btn { background: var(--a); text-align: center; padding: 11px 0; font-size: 14px; font-weight: 500; border-radius: var(--br1); } csrto>bd d { display: grid; } csrto>bd d span { margin: auto; } csrto>bd d span i { width: 124px; height: 124px; } csrto>bd d p { font-size: 16px; font-weight: 500; text-align: center; } csrto>bd d btns { display: grid; grid-template-columns: auto auto; } csrto>bd d btns btn { background: var(--bc); padding: 11px 0; margin: 0 7px; text-align: center; border-radius: var(--br1); } csrto ft btn { display: block; text-align: center; border-radius: var(--br1); padding: var(--p1); margin: 7px; background: var(--bc); } csrto>ft { display: grid; position: relative; height: 66px; align-items: center; overflow: hidden; } csrto>ft>d { position: absolute; top: 100%; bottom: 0; left: 0; right: 0; visibility: hidden; transition: 333ms; opacity: 0; } csrto.OrderStep_1>bd>bl:nth-child(1) { transform: translateX(0); } csrto.OrderStep_2>bd>bl:nth-child(1) { transform: translateX(-150%); } csrto.OrderStep_2>bd>bl:nth-child(2) { transform: translateX(-100%); } csrto.OrderStep_1 d.stp1 { top: 0; visibility: visible; opacity: 1; } csrto.OrderStep_2 d.stp2 { top: 0; visibility: visible; opacity: 1; } /*Discount*/ cdno { position: absolute; display: grid; top: 0; bottom: 0; left: 0; width: 244px; height: fit-content; z-index: 99999; background: var(--b1); border-radius: var(--br); padding: var(--p); } cdno hd { display: grid; } cdno hd h2 { font-size: 1.44em; font-weight: 600; text-align: center; } cdno hd h4 { font-size: 1em; font-weight: 500; text-align: center; } cdno bd { display: grid; } cdno bd i { margin: auto; width: 77%; height: 77%; margin-bottom: 22px; } cdno bd i img { filter: hue-rotate(180deg); } cdno bd btn { background: var(--a); padding: 7px 44px; border-radius: 7px; text-align: center; margin: 0 22px; } cdno ft { position: relative; } cdno ft span { position: absolute; bottom: -65px; left: 44%; } cdno ft span i { width: 33px; height: 33px; border: 2px solid var(--a); padding: 4px; border-radius: var(--br); backdrop-filter: blur(11px); } cdno ft span i path { fill: var(--a); } /* Extra */ receipt>bl bd>d { display: flex ; align-items: center; justify-content: space-between; } spot grid.gc1 { background: var(--b1-t44); padding: var(--p); border-radius: var(--br); } csdbo trc i img { filter: invert(1); } csdbo btns { display: grid; align-items: center; grid-template-columns: 49% 49%; justify-content: space-between; } pomp { display: none; width: 270px; height: auto; background: var(--b1); border-radius: 0px 0px 11px 11px; position: absolute; top: 54px; z-index: 999; } pomp bl i { height: 28px; width: 28px; } pomp bl { display: grid; grid-template-columns: 33px auto; align-items: center; padding: 11px 22px; gap: 7px; border-radius: var(--br1); opacity: 0.6; } pomp bl h3 { display: flex; font-size: 15px; font-weight: 500; align-items: center; } mg a:hover pomp { display: grid; } mg a.more pomp:hover { display: grid; } spwo header { border-bottom: 1px solid var(--b1); } porp { display: none; width: 434px; background: var(--b1); border-radius: 0px 0px 11px 11px; position: absolute; left: 0; top: 54px; z-index: 999; grid-template-rows: auto 600px; } porp bl i { height: 28px; width: 28px; } porp hd bl { display: grid; grid-template-columns: auto auto; align-items: center; padding: 7px 16px; gap: 7px; justify-content: space-between; margin-top: 11px; border-bottom: 1px solid var(--b-t22); } porp bl h3 { display: flex; font-size: 15px; font-weight: 500; align-items: center; } mg a:hover porp { display: grid; } mg a.more porp:hover { display: grid; } porp>hd { display: unset !important; } porp hd bl bd { display: flex; align-items: center; } spwo mg porp>bd i { height: 100px; width: 100px; } porp>bd { display: grid; align-items: center; justify-content: center; } porp>bd bl { justify-items: center; display: grid; align-items: center; } porp bd bl h4 { opacity: 0.6; } pocp { display: none; width: 300px; height: auto; background: var(--b1); border-radius: 0px 0px 11px 11px; position: absolute; left: 0px; top: 53px; z-index: 999; } pocp bl i { height: 28px; width: 28px; } pocp bl { display: grid; grid-template-columns: 33px auto; align-items: center; padding: 11px 22px; gap: 7px; border-radius: var(--br1); opacity: 0.6; } pocp bl h3 { display: flex; font-size: 15px; font-weight: 500; align-items: center; } mg a:hover pocp { display: grid; } /* Buy_USDT */ ssuo h6 i { filter: invert(1); margin-top:3%; } spon h6 a { color: var(--a); font-weight: 500; } spon csluo { display: flex; justify-content: space-between; padding-left: 5px; } spon csuo i { width: 25px; height: 25px; transform: rotate(269deg); filter: invert(1); } spon csuo svg { fill: var(--b1); } spon hd cmo { display: flex; justify-content: space-between; padding-left: 5px; } spon cmmo { display: grid; gap: 18px; border-bottom: solid 2px var(--b1); } spon cmmo hd { display: grid; align-items: center; padding: 13px; border-radius: var(--br1); gap: 14px; background: var(--b1-t44); } spon csluo h2 { font-size: 1.0rem; font-weight: 100; } spon cmsoo { display: block; border-bottom: 1px solid var(--bc); margin: 11px 0; } spon trcs { display: block; } spon p22p.oders>h6 { display: grid; font-size: .88rem; font-weight: 500; padding: 3px; grid-template-columns: auto auto 18px; justify-content: flex-start; align-items: center; gap: 4px; } spon csdbn trc.bb { display: block; border-radius: var(--br1); margin: 11px 0; padding: var(--p1); border: solid 2px var(--b-t); } spon csuo { display: flex; justify-content: space-between; background: var(--b1); border-radius: var(--br1); align-items: center; height: 50px; margin: 11px 0; position: relative; } spon trc.bb ft { display: flex; padding: 16px; border-radius: var(--br1); font-size: 1em; align-items: center; justify-content: center; font-weight: bold; margin: var(--m); } spon csdbn { display: block; } spon hd.bc aa { font-size: 17px; font-weight: 100; padding: var(--p1); padding-top: 0; cursor: pointer; } spon csuo i { width: 25px; height: 25px; transform: rotate(269deg); filter: invert(1); } spon csuo svg { fill: var(--b1); } spon hh d ss { display: grid; grid-template-columns: 20px auto; gap: 7px; color: var(--b-t44); } spon>hd { display: grid; grid-template-columns: auto auto; align-items: center; gap: 11px; padding: 0px 15px; justify-content: flex-start; } spon hd>i { background: var(--c); border-radius: 16px; height: 30px; width: 30px; padding:4px; } spon cpon { display: block; margin: 11px 0; } spon hh d nm { display: grid; grid-template-columns: auto 23px 23px; align-items: center; gap: 7px; } spon hh ss hr { margin: 5px 11px; opacity: 0.3; } spon hh ss { display: flex; } spon hh d i { height: auto; width: auto; } spon trc hd>h6 { display: grid; font-size: 1.22rem; font-weight: 500; padding: 3px; grid-template-columns: auto auto 30px; justify-content: flex-start; align-items: center; gap: 7px; } cpon csus hh d { display: grid; grid-template-columns: auto auto; gap: 22px; } cpon>hd { display: grid; grid-template-columns: auto auto; align-items: start; gap: 11px; padding: 0px 15px; justify-content: start; } cpon hd hh { display: grid; margin-bottom: 11px; } cpon>hd i svg { fill: var(--b); } cpon bd bl h3 { font-weight: 500; } cpon>bd t { font-size: 14px; color: var(--b-t44); } cpon>bd { display: grid; margin: 22px 11px; padding-left: 74px; grid-template-columns: auto auto auto; } cpon>ft { display: grid; border: solid 2px var(--b-t); border-radius: var(--br1); overflow: scroll; height: 350px; margin-left: 74px; } cpon>ft d { display: block; margin: 22px; } cpon>ft d h2 { font-weight: 500; } @media only screen and (max-width: 999px) { vouchers { display: grid !important; } crfpo>bd bl btn { display: none !important; } crfpo>ft btn { display: grid !important; } Progres>d { font-size: 11px !important; background: var(--at); padding: 7px; border-radius: 4px; } refrrals>d { font-size: 11px !important;} rewards>d { font-size: 11px !important;} } vouchers { background: var(--b1-t44); padding: var(--p); border-radius: var(--br); display: flex; justify-content: space-between; margin: var(--m); } vouchers hd i { transform: unset; height: auto; } vouchers>hd bl hd { display: grid; grid-template-columns: 30px auto; align-items: center; gap: 11px; } vouchers hd bl hd i { height: unset; top: unset; transform: unset;} vouchers>hd bl ft d { display: flex; align-items: center; gap: 7px; } vouchers>hd bl ft { border-radius: var(--br1); position: relative; margin: 4px; border: solid 1px var(--bc); display: grid; background: var(--b1-t44); padding: var(--p1); } vouchers>hd bl ft p { margin: 2px; opacity: 0.6; font-size: 11px; } vouchers>hd bl bd p { margin: 2px; opacity: 0.6; font-size: 12px; display: list-item;} vouchers>bd h5 { font-weight: 500; padding: 2px 22px; background: var(--a); border-radius: var(--br1); } vouchers>bd { display: grid; grid-template-columns: 60px 20px; align-items: start; } vouchers>bd i { background: var(--b1); height: 17px; width: 17px; padding: 7px; border-radius: var(--br); } vouchers>bd { display: grid; grid-template-columns: 77px 35px; align-items: center; gap: 11px; height: 43px; } /* Progress */ progres ft btn svg { fill: var(--a); } /* My Referrals */ crfo { display: grid; background: var(--b1); border-radius: var(--br1); padding: var(--p); margin: 11px 0; gap: 11px; margin-bottom: 1px;} crfo>bd d i { display: grid; background: var(--bt); height: auto; width: auto; padding: 7px; border-radius: 44px; } crfo>hd { display: flex; font-size: 13px; color: var(--b-t44); justify-content: space-between; } crfo>bd i { height: 100px; } crfo>ft { display: flex; justify-content: center; } crfo>ft btn { display: grid; background: var(--a1); padding: var(--p1); border-radius: 2px; width: 250px; justify-content: center; } /* My rewards */ /* raferaladdress */ crfao trc bl bd { padding: unset; } crfao>trc hd bl { display: flex; gap: 11px; background: var(--ct); padding: var(--p1); border-radius: 7px; } crfao trc>hd { display: grid; justify-items: center; gap: 7px; } crfao trc bd bl { display: flex; justify-content: space-between; background: var(--b); padding: var(--p1); margin: 11px 0; border-radius: 7px; } crfao trc bd bl d { display: grid; grid-template-columns: auto 33px; } crfao ft btn { display: flex; justify-content: space-between; background: var(--a); padding: 11px 55px; margin: 11px 0; border-radius: 7px; } crfao { display: grid; background: var(--b1); border-radius: var(--br1); padding: var(--p); margin: 11px 0; gap: 11px; } crfdo>bd trc { display: grid; grid-template-columns: 15% 27% 31% 12% 15%; padding: 11px 0; font-size: 0.88em; font-weight: 400; background: transparent; border-radius: 0; } crfdo>bd trc>d:last-child { text-align: end; } crfdo>hd>d>t:last-child { text-align: end; } crfdo>bd>trc>d:last-child { display: block; text-align: end; } crfdo ft d { display: flex; justify-content: space-between; padding: 5px 0; margin-bottom: 4px; } crfdo ft d>t { font-weight: 400; font-size: 0.88em; color: var(--ct); } crfdo ft d>b { font-size: 0.88em; font-weight: 400; } crfdo>ft { display: none; } crfdo ft d:first-child>t { color: var(--c); } crfdo>hd trc>d>t { color: var(--ct); } @media only screen and (max-width: 999px) { crfdo>hd trc { display: block; border-bottom: 1px solid var(--bc); margin-bottom: 5px; border-radius: 0; } crfdo>hd trc>d { display: flex; justify-content: space-between; padding: 5px; } } @media only screen and (min-width: 999px) { .phone { display: none; } } /* Buy USDT Transaction */ cobto { display: grid; padding: var(--p1); border: 1px solid var(--bc); border-radius: var(--br1); margin: var(--m); } cobto ft btn i { height: 30px; width: 30px; transform: rotate(-90deg); } cobto trc ft { display: flex; justify-content: center; padding-top: 7px; } cobto trc bd d { display: flex; justify-content: space-between; } cobto>trc bd h4 { font-weight: 400; } cobto>trc bd d t { display: flex; color: var(--b-t44); font-size: 0.9em; } cobto ft btn i svg { fill: var(--b-t22); } cobto>trc { gap: 7px; display: grid; } progreskyc Input.Error { border: 1px solid #cb0808; } @media (max-width : 999px) { ckdts>bd bl { height: 266px; } } @media only screen and (min-width: 999px) { sdss d.aerea { justify-content: space-evenly; } hd cdtu { font-size: 0.77rem; font-weight: 600; } } cwwo bb { right: 22px; top: 22px; } @media only screen and (max-width: 999px) { db post up usrr { font-size: 12px; } } stakes btns btn, stakesnew btns btn, stakings btns btn {display: grid; grid-template-columns: 33px auto; padding: var(--p1); border-radius: 8px; margin: 4px; justify-content: center; align-items: center;} stake d.aerea { margin: 0 11px; } stake sidebar { margin: 0 7px; } stake main { margin: 0 7px; } wls bl.Ftrading { border-radius: var(--br1); } eawl bl.grid::before { width: 40%; } funding_wallet main trc { grid-template-columns: 66px auto auto; align-items: center; margin: 7px; position: relative; } funding_wallet main spotpay btn { background: var(--b1); } transfer.transfer sidebar dvv { opacity: 1; } @keyframes rotate { 0% { transform: scale(1); } 50% { transform:scale(1.2); } 100% { transform:scale(1); } } /*wallets*/ cawls bl { display: grid; padding: var(--p); } cawls bl hd { display: flex; align-items: center; } cawls bl hd name { display: grid; width: 44px; height: 44px; background: var(--b1-t44); justify-content: center; align-items: center; border-radius: 44px; } cawls bl hd i { transform: rotate(0deg); width: 77%; height: 77%; position: unset; margin: auto; } cawls bl bd { display: grid; padding: 0; align-items: center; } cawls bl bd ct { font-size: 16px; font-weight: 500; } cawls bl ft { display: flex; left: 0; height: 40px; }#wCCC ft ctm { display: flex; align-items: center; column-gap: 4%; } cawls bl ft ctm { display: flex; align-items: center; column-gap: 4%; } cawls ft ctm ct { display: block; font-size: 1em; font-weight: 500; } cawls bl ft ctm i { width: 22px; height: 22px; transform: rotate(-40deg); } /*Open Orders*/ swpos header form div { position: relative; display: inline-block; } swpos header form{ margin: 0; } swpos cawls { margin: 0; } swpos header { position: relative; } @media only screen and (max-width: 999px) { swpos header form { display: none; } swpos header btns {display: grid; grid-template-columns: auto auto; justify-content: space-between; width: auto; padding: var(--p1);} swpos header btns btn:nth-child(1) { display: grid; grid-template-columns: auto 33px; align-items: center; color: var(--a); } swpos header btns btn:nth-child(1) svg { transform: rotate(90deg); fill: var(--a); } swpos header btns btn:nth-child(2) { height: 33px; display: grid; justify-content: end; align-items: center; width: 33px;} } @media only screen and (max-width: 999px) { spot_chart oinfo d { display: grid; margin-bottom: 7px; } } footer.nlogin icons svg { filter: brightness(0.5); } footer.nlogin .gsc_row bd { display: flex; width: 100%; justify-content: space-around; } footer.nlogin icons i { width: 24px; height: 24px; } footer.nlogin bd .footer2 li a:hover { color: var(--a); } footer.nlogin ccro icons svg:hover path { fill: var(--a); } spot_chart trading bl publictrade mg { height: fit-content; overflow: unset; } spot_chart publictrade mg aa { font-size: 13px; color: var(--b-t77); position: relative; display: grid; padding: 4px 11px; border-bottom: solid 4px transparent; } spot_chart publictrade mg aa.this { color: var(--c); border-color: var(--a); } bl.your> nme { display: grid; height: 19px; width: 19px; margin: auto 0; background: var(--c); color: var(--b); border-radius: var(--br1); text-align: center; line-height: 1.3; font-size: 12px; font-weight: 500; padding: 2px; } @media only screen and (min-width: 999px) { spot_chart sidebar.FixedMobile f.pull { display: none; } } /* Withdraws */ cwat { display: none; padding: 11px; border-radius: 12px; margin: 22px auto; } cwat chd div { display: grid ; align-items: center; grid-template-columns: auto max-content max-content; border: 1px solid var(--b1); background: var(--bt); border-radius: 11px; margin-bottom: 11px; padding-right: 11px; } cwat chd input {background: transparent; width: 100%; outline: none; font-size: 14px; margin: 6px;} cwat chd h4 { font-size: 1.11rem; margin-right: 7px; } cwat chd h3 { font-size: 1.11rem; margin-right: 7px;color:var(--a); } cwat cbd div { display: flex ; justify-content: space-between; align-items: center; padding-bottom: 7px; } cwat cbd div h4 { font-weight: 500; color: var(--b-t44); } cwat cbd div * { font-size: 13px; } cwat cbd { display: block; padding: 11px 0; border-bottom: solid 1px var(--b1-t); } cwat cft { display: grid ; padding: 16px 0; grid-template-columns: auto auto; justify-content: space-between; margin-bottom: 44px; align-items: center; } cwat cft h4 {font-weight: 500; font-size: 13px; color: var(--b-t44); margin: 7px 0;} cwat cft btn { display:block ;padding: 8px 22px; border-radius: 11px; background: var(--a);font-size: 16px; text-align: center; } cwcp ft cst h3 { color: var(--b-t44); } cwcp ft.this cst h3 { color: var(--c); } cwcp ft.this cwat { display: block; } scdsd d.aerea {/* margin: 0; */} /*WIHTOUT LOGIN */ cwstohd success.bred { background: #F65454; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; } success { display: flex; justify-content: center; align-items: center; } market, #TradeAPGXUSDT success, trc#TradeCCCUSDT success, market trc#MarketCCCUSDT success { background: transparent !important; } .bgray { background: gray !important; } cpwoo div { display: flex; gap: 3%; } @media only screen and (min-width: 999px) { cnno { display: none !important; } stfs .aerea { justify-content: center; } d.aerea { justify-content: center; } } @media only screen and (max-width: 999px) { navbar { height: auto !important; } } /*WIHTOUT LOGIN */ /* LOGIN */ @media only screen and (min-width: 999px){ d.aerea { justify-content: space-around; } stso d.aerea { justify-content: start; } sdss d.aerea { justify-content: space-between; } stro .aerea { display: flex; flex-direction: unset; margin: 22px; justify-content: center; } } cdts h1 { font-size: 0.88em; align-items: center; display: flex; } @media only screen and (min-width: 1383px) { db post up usrr { font-size: 0.88em; } shmo caroquick { grid-template-columns: 68.4% auto !important; } } writer cbto { max-width: -webkit-fill-available; } @media only screen and (min-width: 999px){ stso d.aerea { justify-content: start; } sdss d.aerea { justify-content: space-between; } stro .aerea { display: flex; flex-direction: unset; margin: 22px; justify-content: center; } cdeto { margin: var(--m); display: block; padding: var(--p1); } } @media only screen and (min-width: 1041px) and (max-width: 999px) { db posts { grid-template-columns: 100% !important; } db post up usrr { font-size: 0.77em; } shmo caroquick { grid-template-columns: 65.4% 32.6% !important } home d.aerea { grid-template-columns: 65.4% 32.6% !important; } } /* LOGIN */ spwo mg a:hover { color: var(--a); font-weight: bold; } btn.this.btn { justify-content: center; } @media only screen and (max-width: 999px) { db section { padding: 8px; } } /* BUGG SOLVE */ Transactions trcs>trc.ordr { align-items: center; margin: 11px 0; border-radius: var(--br1); } cw bl.cwbalance ft btns {padding: 11px 0; } cw bl.Ftrading { position: relative; } ::-webkit-scrollbar { display: none; } db bl.p2pinfo { position: relative; padding: 0px 11px; } db bl.p2pinfo { padding: 0px; margin: 7px; } db bl.Ftrading { position: relative; } db cbcn h5 { margin: 0; } db cwlo h3 { margin: 0; } db p2p h4 { margin: 0; } db ftrdng h4 { margin: 0; } db cqas h4 { margin: 0; } db chmsp ch { padding-bottom: 11px; } db bl.h_quick { padding: 0; } db usrr { position: relative; } db trc h4 { margin: 0; } db trc h6 { margin: 0; } db curncy { margin: 0 !important; } db .hidebalance hello hd tb i { transform: rotate(-90deg); } db ccno h6 { margin: 0; } earn censo { margin: 11px 0; } cpwfs bd div hd { display: grid; justify-content: space-between; padding: 0; grid-template-columns: auto 28px; gap: 2%; font-size: 0.88em; } no { display: grid ; justify-content: center; align-items: center; border-radius: var(--br); padding: 66px 0px; margin: 11px auto; } no img { width: 77%; margin: auto; } h1 { margin: 0; } h2 { margin: 0; } h3 { margin: 0; } h4 { margin: 0; } h5 { margin: 0; } h6 { margin: 0; } sdrn sidebar bl { background: transparent; } /*fw cqas { width: auto; margin: 0; background: var(--b1-t44); padding: 18px; border-radius: var(--br);}*/ scmgw main { margin-top: 22px; display: block; width: -webkit-fill-available; } content scmgw sidebar { width: 0; } p2porders_history order trc {margin: 7px 0;} cllo trcs bl { border: solid 1px var(--bc); } db dbdisc svg { padding: 0px; margin: auto; height: 50px; } db .flw>ft btn { width: 36%; margin: auto; } sqr .flw>ft btn { width: 36%; margin: auto; } post btn svg { height: 21px !important } cwsto bl { display: grid; grid-template-columns:auto 17% ; align-items: center; gap: 2%; justify-content: center; padding: var(--p); background: var(--b1-t44); border-radius: var(--br); } db h7.cgray { opacity: 0; } @media only screen and (max-width: 999px) { db bl.Ftrading { margin: 7px; } db bl.p2pinfo {padding: 0px; } fundings trcs trc { margin: 7px; } bl.Ftrading { border-radius: var(--br); margin: 0 11px; } db chmsp grid.gc5 { padding: 0px 0; } } db shmo transactions trcs { margin: 0 11px; } db .flw trc { margin: 0; } /*db .following .flw { padding: 0; max-width: 100%; }*/ db .acdm grid.gc1 i { padding: var(--p1); height: 44px; width: 44px; background: var(--b1); border-radius: 55%; margin: 6px auto; } /*db .acdm>bd { padding: 0; }*/ db .acdm trc { grid-template-columns: auto 77px; background: var(--b1); border-radius: var(--br1); margin: 4px; } bl.ancmt trc svg { padding: 0px; margin: auto; } db dbdisc svg { padding: 0; margin: auto; } db .flw>ft btn { width: auto; margin: auto; } swls div { padding: var(--p); background: var(--b1-t44); border-radius: var(--br); margin: 0 11px; } swls trcs { padding:0; } swls trcs>trc { border-color: var(--bc) !important; } trd h3 { margin: var(--m); } trd wallet f { padding: var(--p1); } stake trcs>trc { margin: 7px; } sstko trc img { object-fit: cover; height: 50%; width: 50%; } sstko trcs>trc { margin: var(--m); } csso p { text-align: start; } cwsto bl {grid-template-columns: unset; gap: 11px; } db bl.flw hd { margin: 6px; display: block; } bl.acdm { border-radius: var(--br); background: var(--b1-t44); border: solid 1px var(--c1); margin: 3px; } cpuo btn.more img { filter: invert(1); } /* BUGG SOLVE */ /* SIDEBAR WALLET/BALANCE */ swls cwwo bl h3 { display: grid; grid-template-columns: 41px auto; align-items: center; } swls cwwo bl h3 i { height: auto; transform: unset; top: unset; } wlms divtop other i { background: var(--b1); padding: 3px; } /* SIDEBAR WALLET/BALANCE */ /* POST */ bl.acdm trcs { display: grid; grid-template-columns: 49% 49%; gap: 1%; } db usrr p { font-weight: 500; color: #5ade5a; font-size: 0.77em; } db post usrr t, usrr p { padding-bottom: 0 !important; padding: 0; padding-top: 0 !important; } db post { background: var(--b1-t44) !important; display: grid; padding: 18px; border-radius: var(--br); display: grid; grid-template-rows: 46px auto auto;align-items: end; } db post up usrr { display: grid; grid-template-columns: 43px auto 44%; align-items: center; padding: 0; border-radius: var(--br1); gap: 3%;} db post h6 { margin: 0; } db post h4 { margin: 0; } db post>bd { padding: 11px 0 !important; } db pst { display: block; } db post img { border-radius: var(--br1); } db post p { font-size: 0.88em; margin: 0; padding-top: 11px; padding-bottom: 22px;} db post ft { display: grid; align-items: center; grid-template-columns: auto auto auto auto auto; height: fit-content; } db post>ft btn { opacity: 0.6; display: flex ; grid-column-gap: 4px; align-items: center; justify-content: center; padding: 4px; border-radius: 4px; } db post>ft btn h5 { font-weight: 500; } post ft btn:hover { opacity: 1; background: var(--a1t); } db usrr ft { gap: 6%; display: flex; } db posts { display: block; margin-top: 11px; } trd trc { margin: 7px; background: var(--lg); } @media only screen and (max-width: 999px) { db post>ft btn { height: auto; } db posts { display: block;} .news bl.nws { padding: 0 !important; max-width:100% !important;} oprtr { max-width: 100% !important; padding: 11px 0 !important; background: transparent !important; border: unset !important; } oprtr mg aa { display: flex !important; align-items: center; justify-content: center; } oprtr bd>h4 { grid-template-columns: auto 26px; } db post { margin: 7px 0;} bl.acdm { border-radius: var(--br); background: transparent; border: unset; margin: 0; } bl.ancmt trc:first-child { width: auto; } bl.ancmt annc bd { padding: 0; } dbdisc .ancmt trc { grid-template-columns: 67px auto; gap: 3%; } dbdisc .ancmt trc>hd { height: 38px; width: 38px; } } @media only screen and (min-width: 999px) { square oprtr aa.phonev { display: none !important; } } sbyo usrr p { font-weight: 500; color: #5ade5a; font-size: 0.77em; } sbyo bl.nws { display: block; } sbyo post usrr t, usrr p { padding-bottom: 0 !important; padding: 0; padding-top: 0 !important; } sbyo post { background: var(--b1-t44) !important; border: solid 1px var(--c1); margin: 7px ; display: grid; padding: var(--p1); border-radius: var(--br); display: grid; grid-template-rows: 46px auto auto;align-items: end; } sbyo post up usrr { display: grid; grid-template-columns: 43px auto 44%; align-items: center; padding: 0; border-radius: var(--br1); gap: 3%; position: relative; } sbyo post h6 { margin: 0; } sbyo post h4 { margin: 0; } sbyo post>bd { padding: 11px 0 !important; } sbyo pst { display: block; } sbyo post img { border-radius: var(--br1); } sbyo post p { font-size: 0.88em; margin: 0; padding-top: 11px; padding-bottom: 22px;} sbyo post ft { display: grid; align-items: center; grid-template-columns: auto auto auto auto auto; height: fit-content; } sbyo post>ft btn { height: 33px; opacity: 0.6;display: flex; gap: 2px } sbyo post>ft btn h5 { font-weight: 500; } sbyo post>ft btn:hover { cursor: pointer; background: var(--lg);} sbyo usrr ft { gap: 6%; display: flex; } sbyo posts { display: grid; grid-template-columns: 49% 49%; justify-content: center; } sbyo post btn i { height: auto; width: auto; } cpuo .follow img { filter: invert(1); } @media only screen and (max-width: 999px) { sbyo posts { display: block;} sbyo post { margin: 7px 0; } } spso up ft btn { display: flex; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; } spso post usrr t, usrr p { padding-bottom: 0 !important; padding: 0; padding-top: 0 !important; } spso post { background: var(--b1-t44) !important; border: solid 1px var(--c1); margin: 7px ; display: grid; padding: var(--p); border-radius: var(--br); display: grid; grid-template-rows: 46px auto auto;align-items: end; } spso post up usrr { display: grid; grid-template-columns: 43px auto 44%; align-items: center; padding: 0; border-radius: var(--br1); gap: 3%;position: relative; } spso post h6 { margin: 0; } spso post h4 { margin: 0; } spso post>bd { padding: 11px 0 !important; } spso pst { display: block; } spso post img { border-radius: var(--br1); } spso post p { font-size: 0.88em; margin: 0; padding-top: 11px; padding-bottom: 22px;} spso post ft { display: grid; align-items: center; grid-template-columns: auto auto auto auto auto; height: fit-content; } spso post>ft btn { height: 33px; opacity: 0.6;display: flex; gap: 2px } spso post>ft btn h5 { font-weight: 500; } spso post>ft btn:hover { cursor: pointer; background: var(--lg);} spso usrr ft { gap: 6%; display: flex; } spso posts { display: grid; grid-template-columns: 100%; justify-content: center; } spso post btn i { height: auto; width: auto; } cpuo .follow img { filter: invert(1); } @media only screen and (max-width: 999px) { spso posts { display: block;} spso post { margin: var(--m); padding: var(--p1); }} sqr usrr p { font-weight: 500; color: #5ade5a; font-size: 0.77em; } sqr post usrr t, usrr p { padding-bottom: 0 !important; padding: 0; padding-top: 0 !important; } sqr post { background: var(--b1-t44) !important; border: solid 1px var(--c1); margin: 7px ; display: grid; padding: var(--p); border-radius: var(--br); display: grid; grid-template-rows: 46px auto auto;align-items: end; } sqr post up usrr { display: grid; grid-template-columns: 43px auto 44%; align-items: center; padding: 0; border-radius: var(--br1); gap: 3%; position: relative; } sqr post h6 { margin: 0; } sqr post h4 { margin: 0; } sqr post>bd { padding: 11px 0 !important; } sqr pst { display: block; } sqr post img { border-radius: var(--br1); } sqr post p { font-size: 0.88em; margin: 0; padding-top: 11px; padding-bottom: 22px;} sqr post ft { display: grid; align-items: center; grid-template-columns: auto auto auto auto auto; height: fit-content; } sqr post>ft btn { height: 33px; opacity: 0.6; display: flex ; gap: 2px; align-items: center; justify-content: center; border-radius: 7px; } sqr post>ft btn h5 { font-weight: 500; } sqr post>ft btn:hover { cursor: pointer; background: var(--lg);} sqr usrr ft { gap: 6%; display: flex; } sqr posts { display: grid; grid-template-columns: 50% 50%; justify-content: center; } sqr post btn i { height: auto; width: auto; } sqr usrr btn { display: block; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; } @media only screen and (max-width: 999px) { sqr posts { display: block;} sqr post { margin: var(--m); padding: var(--p1); } } /* lOGIN PAGE */ .eyelogo cfgn eye:after { content: " "; height: 27px; position: absolute; width: 3px; background: var(--c); top: 9px; bottom: 0; transform: rotate(45deg); right: 20px; border-radius: var(--br); } /* lOGIN PAGE */ /* HEADER HOME PAGE */ bg.header { background-repeat: no-repeat; background-position: -55% 999%; filter: blur(110px); background-image: url(); } shmo caroquick { display: grid ; grid-template-columns: 68.4% 29.6%; padding: 0px; margin: var(--m); } @media only screen and (min-width: 999px){ bg.header{ background-position: 777% 200%; } } @media only screen and (max-width: 999px){ shmo caroquick { display: block; } } /* HEADER HOME PAGE */ /* BALANCE */ cbcn { display: block; padding: var(--p); background: var(--b1t44); border-radius: var(--br1); margin: 11px; } cdn { display: grid; grid-template-columns: 37px auto; align-items: center; gap: 6px; font-size: 0.88em;} cdn hd { background: var(--b-t); padding: 5px; border-radius: var(--br1); } cwlo bl bd { padding: 0 !important; } cdn h7 { font-size: 0.7em; white-space: nowrap; width: 75px; overflow: hidden; text-overflow: ellipsis; display: block; } cdm { display: flex; flex-direction: column; } cdm h7 { font-size: 0.7em; white-space: nowrap; text-overflow: ellipsis;opacity: 0.4; } cbcn hd, { display: flex !important; flex-direction: column; justify-content: space-around; } h3.balance { position: relative; } h3.hide::after { backdrop-filter: blur(26px); position: absolute; top: -4px; content: "****"; bottom: -9px; left: 0; display: grid; align-items: center; margin: 0; font-size: 35px; height: 26px; }.hidden-balance::after { position: absolute; left: 0; color: black; } cwlo wallett bl hd { display: grid; grid-template-columns: auto 37px; } cwlo bl { display: block !important; } cwlo hd dott { background: var(--b1-t44); border-radius: 7px; display: flex; justify-content: center; padding: 6px 4px; } cwlo balance.tw { display: grid; grid-template-columns: 111px 33px; align-items: center; justify-content: flex-start; gap: 11px;} cwlo balance.tw i { height: 25px; } cwlo bl ft bl { background: unset; border: unset; border-radius: unset; padding: 0; margin: 0; } cwlo bl ft bl h3 { font-weight: 500; } cwlo bl ft bl i { height: 20px; width: 20px; } cwlo bld { padding: 0; margin-top: 9px; } cwlo bl bd p { margin: 0px; margin-top: 4px; } cwlo wallett bl { padding: 18px; margin: 0; } cwlo bl bd { padding: 0; } cwlo .card hd { display: block; background: var(--bc); border-radius: 4px; padding: 0px 4px; } cwlo .card bd bl { display: grid; grid-template-columns: 33px auto 0px; align-items: center; gap: 11px; } cwlo .card>bd { display: grid; grid-template-columns: auto auto; align-items: center; } cwlo .aut bd { display: grid; grid-template-columns: auto auto; align-items: center; padding-top: 0px; } cwlo .card { margin: 0; padding-block: 4px; } cwlo bl>ft>div { background: var(--b-t); padding: var(--p1); margin-top: 14px; border-radius: var(--br1); display: grid; grid-template-columns: 0px auto 44px;align-items: center;} cwlo bl ft add { display: flex; justify-content: center; height: fit-content; align-items: center; background: var(--c1); font-size: 24px; border-radius: 7px; padding: 30px 2px; } cwlo .oo oo { box-shadow: unset; margin-left: 33px; } cwlo trx { font-family: system-ui; font-size: var(--fs); font-weight: bold; } cwlo bt { padding: 0; height: 100px; display: grid; align-items: center; } cwlo h3 t { font-family: "Unbounded", sans-serif; font-size: 14px; } cwlo h4 name { font-family: "Unbounded", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } dott i { margin: auto; } dbdisc { display: block; margin-top: 7px; min-height: 100vh; padding: 16px 0px; border: solid 1px var(--c1); } db bl.nws hd aa { display: none; } bl.flw trc hd { margin: 0 !important; } usrr hd i { display: block; height: 38px; width: 38px; position: relative; z-index: 99; background: var(--b-t); backdrop-filter: blur(20px); border-radius: 8px; } db usrr ft { padding: 0; } db usrr bd { padding: 0 !important; } @media screen and (max-width: 999px) { grid cwlo bl {background: var(--b1-t44); border: solid 1px var(--c1); margin: 0 11px; border-radius: var(--br); } grid cwlo bl:nth-child(2) { margin: 11px !important; } cwlo oo:active { box-shadow: 0 0 7px; transform: scale(1.1); transform: translate(42px); } cwlo oo { display: block; height: 30px; width: 30px; background: var(--c); margin: 2px; border-radius: 50%; position: absolute; transition: 333ms; box-shadow: -4px 0 11px; color: var(--b); } profile about ft { display: grid; align-items: center; } cwlo h4 { display: flex; justify-content: start; align-items: center; margin-bottom: 5px; font-size: 21px; } cwlo .btn { transition: 99ms; } home wallett bl btn { display: grid; max-width: 333px; background: var(--a1); height: 44px; justify-content: center; align-items: center; margin-left: 11px; border-radius: 7px; } cwlo bb { right: 7px; display: block; height: 35px; max-height: 34px; width: 68px; border-radius: 50px; border: solid 2px; color: var(--c); transition: 333ms; box-shadow: inset 0 0 0 2px; overflow: visible; top: 5px; } } @media only screen and (min-width: 999px) { cwlo bl ft { display: grid;} grid cwlo bl { background: var(--b1-t44); display: flex; flex-direction: column; gap: 2px; border-radius: var(--br); margin: auto;} } /* BALANCE */ /* P2P */ db bl.Ftrading { display: grid; grid-template-columns: 42px auto 33px; align-items: center; background: var(--b1-t44); gap: 2%;padding: var(--p1); } db bl p2p p { font-size: 0.66em; } chmsp grid.gc5 div { grid-template-columns: 50% 50%; border-radius: var(--br); margin: 0px; display: grid; justify-content: center; gap: inherit; } db .p2pinfo bd { padding: 11px 0; display: grid !important; grid-template-columns: 70% 30%; align-items: center; } db .p2pinfo bd p { margin: unset; } db p2p { display: grid ; gap: 2%; padding: 11px; background: var(--b1-t44); align-items: center; justify-content: center; border-radius: var(--br); padding-bottom: 0; position: relative; } db bl.Ftrading { grid-template-columns: 14% 69% 11%; display: grid; gap: 2%; padding: var(--p1); margin: 6px 5px; background: var(--b1-t44); align-items: center;justify-content: center; } db ftrdng { padding: 11px 0; border-radius: var(--br1); } db bl.Ftrading ftrdng bd { padding: 11px 0; display: grid; grid-template-columns: 100%; justify-content: center; align-items: center; } /* P2P */ /* QUICK */ quick btn { display: GRID; align-items: center; background: var(--bt); margin: 4px; border-radius: var(--br1); font-size: 0.88em; height: 55px; grid-template-columns: 44px auto; justify-content: center; padding: 3px 0; } quick p { margin: 0; font-size: 0.55em; opacity: 0.4; font-weight: 500; } quick b { font-size: 0.77em; } quick i { width: 25px; } profile quick a i { height: 40px; } db cqas>btns>btn bd { display: flex; flex-direction: column; } /* QUICK */ /* TRANSACTIONS */ chts hd btr { margin: 12px; font-size: 22px; } chts trc.ordr bd { align-items: end; display: flex; justify-content: end; } shmo bd trcs curncy p { text-align: start; margin-left: 11px; display: flex; color: var(--b-t44); } chts trc hd h2 { display: flex; align-items: baseline; font-size: 1em; gap: 1px; font-weight: 600; letter-spacing: .2; } chts trc d { opacity: 0.44; font-size: 0.77em; } /* TRANSACTIONS */ /* POST */ dbdisc trc { display: block; padding: var(--p1); margin: 0px; border-radius: 0; } trcs follow { display: grid; grid-template-columns: 44px auto 22px; align-items: center; gap: 14px; padding: 0; } /*follow bd { display: grid; grid-template-columns: auto 33%; gap: 13px; }*/ follow nd h4 { background: var(--b1); padding: 2px 15px; border-radius: 4px; } nd { align-items: center; display: flex; } usdpirce { opacity: 0.44; } post ft i { height: 18px; width: 18px; border-radius: 50px; overflow: hidden; padding: 4px; margin-right: 2px; } post ft btn:hover i svg, post ft btn:hover i path { fill: var(--a); } post ft btn:hover i { background: var(--at); } curncy { display: grid; grid-template-columns: auto 38px; margin: 11px 0; align-items: center; } dbdisc div>bd { padding: 11px 0; display: block; } oprtr bd>h4 { display: grid; grid-template-columns: auto 34px; align-items: center; margin-top: 16px; } oprtr bd>h4 svg { height: 33px; width: 33px; opacity: 0.4; } oprtr bd>t { display: grid; grid-template-columns: 20px auto 20px; padding: 11px 0; align-items: center;} oprtr bd>t h6 { font-weight: 500; padding-right: 15px; margin:0} oprtr tm { opacity: 0.4; font-size: 0.77em; } oprtr mg { margin: 0px; min-width: 0px; white-space: nowrap; display: flex ; flex-direction: row; border-bottom: 1px solid var(--b1); } db Transactions trcs>trc.ordr { border-bottom:solid 1px var(--b1-t); background: transparent; border-radius: 0px; } main dbdisc bl.dscvr { border-radius: var(--br); background: var(--0); max-width: 100%; justify-content: center;} dbdisc .dscvr trc>hd { background: unset; display: block !important; overflow: unset; height: auto; width: auto; border-radius: 0; } dbdisc trc up usrr { display: grid; grid-template-columns: 44px 46% auto; align-items: center;background: var(--b1); padding: var(--p1); border-radius: var(--br1); } up ft btn.Following { background: var(--a); } up ft btn:active { transform: scale(0.88); } up ft op { height: 20px; width: 20px; display: block; padding: var(--p1); transition: 99ms; background: var(--b1); border-radius: var(--br1); } up ft { display: flex; align-items: center; justify-content: end;} up ft btn { margin: 0px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-flex ; align-items: center; justify-content: center; font-family: inherit; font-weight: 500; text-align: center; text-decoration: none; outline: none; line-height: 20px; min-width: 52px; color: var(--c); border-radius: 4px; min-height: 24px; background-color: var(--bc); padding: 2px 8px; font-size: 12px; } trc pst { border-radius: var(--br1); overflow: hidden; } oprtr bd>t spain { font-size: 1.22em; opacity: 0.8; } /*dbdisc trcs>trc>bd { display: flex !important; padding: 0; }*/ dbdisc .dscvr trc>ft { display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: var(--p1); } dbdisc .dscvr trc>ft btn { display: grid; grid-template-columns: 22px auto; gap: 8px; align-items: end; opacity: 0.3; } dbdisc>div>bd>bl { padding: 0; border-radius: 0;margin:0px; } db bl.flw { margin: 3px; } dbdisc>div>bd>bl>bd { padding: 0; } dbdisc .flw trc>hd { display: grid; background: unset; grid-template-columns: 35px auto; align-items: center; gap: 2%; } .flw>bd nm { font-weight: 600; font-size: 1em; } .flw trc { margin: 0px; } .flw trcs { display: grid; grid-template-columns: auto; } .flw cnfm { height: 22px; width: 22px; background: var(--lg-b); border-radius: 55%; padding: 4px; } .acdm grid.gc1 a:hover { cursor: pointer; } .flw>hd>h5 { font-weight: 500; color: var(--ct);} .flw trc>ft>p { margin: 6px 0; color: var(--ct); font-size: 0.77em; width: 100%; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .flw trc>hd { height: auto; margin-bottom: 22px; } .flw trc>ft { align-items: unset; } .flw>hd>add { display: flex; padding: 6px; font-size: 1.88em; height: 33px; width: 33px; justify-content: center; align-items: center; background: var(--a); border-radius: var(--br1); color: var(--b); } .flw>ft btn { display: flex; padding: var(--p1); align-items: center; place-content: center; background: var(--lg-b); border-radius: 6px; margin: 11px 11px 0 11px; } .flw>ft { display: block; margin: 33px 0; } .acdm grid.gc1 i svg { opacity: 0.5; } .acdm grid.gc1 i { padding: var(--p1); height: 33px; width: 33px; background: var(--b1); border-radius: 55%; margin: 6px auto;; } .acdm grid.gc1 t { font-weight: 500; font-size: 0.88em; margin: 0 auto; opacity: 0.4; } .acdm grid.gc1 a { display: grid; text-align: center; gap: 4%; justify-content: center; } .acdm trc {display: grid ; margin: 2px 0; padding: 11px 10px; align-items: center; } .acdm trc>bd { padding: 0; display: block; background: var(--b1); border-radius: var(--br1); height: 66px; margin: 0; } .acdm trc>bd i { height: 66px; } .acdm trc>hd { border-radius: 0; height: unset; width: unset; padding-right: 11px; background: unset; } .acdm trc>hd bx h5 { display: grid; grid-template-columns: 14px auto; gap: 2px; align-items: center; opacity: 0.5; margin: 0 0px; } .acdm trc bx bd { display: flex; font-size: 0.8em; padding: 0px;height: 22px; } .acdm trc bx hd h4 { font-size: 0.8em; margin-bottom: 11px; font-weight: 500; } .acdm trc bx btn { padding: 1px 4px; background: var(--b1); border-radius: 3px; margin: 0 3px; opacity: 0.5; } .acdm trc>hd bx t { font-weight: bold; } .acdm>bd { padding: var(--p1); } .acdm>hd { padding: var(--p1); margin-bottom: 10px; } dbdisc .ancmt trc>hd { height: 50px; width: 50px; padding: 6px; display: flex; justify-content: center; align-items: center; border-radius: 55%; background: var(--b1); margin: 0 auto; } dbdisc .ancmt trc { display: grid; grid-template-columns: 80px auto; margin: 11px 0; } annc h4 { overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-size: 1em; } annc h5 { overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-size: 0.88em; color: var(--b-t44); margin: 11px 0; } annc h6 { letter-spacing: 1px; opacity: 0.2; } .ancmt trc:first-child { margin: 0 auto; width: 97%;border-radius: 22px !important;} bl.ancmt trc svg { margin-top: 7px; } .nws trc { padding: 0 11px; display: block; margin: var(--m); font-size: 1.22em; position: relative; background: unset; } .nws trc a { background: var(--b1); padding: 6px 11px; border-radius: 6px; font-weight: 400; } .nws trc a spain { color: #6eb56e; font-weight: 400; } .nws trc hd p { color: var(--b-t44);} .nws trc:after { content: " "; height: 7px; width: 7px; position: absolute; top: 20px; left: -3px; background: var(--b-t44); border-radius: 55%; } oprtr aa:hover { cursor: pointer; } .nws trc:before { content: " "; height: 100%; width: 7px; position: absolute; top: 28px; left: -1px; border-left: 2px solid var(--b-t44); border-style: dotted; border-right: none; border-top: none; border-bottom: none; } .nws hd aa { display: flex; background: var(--lg-b); padding: 11px 22px; margin-bottom: 9px; position: relative; border-radius: 6px; } .nws trc>hd { background: unset; height: auto; width: auto; border-radius: 0; } .nws trc>hd p { margin: 0; margin-top: 10px; font-size: 14px; } bl.nws {padding: 0 11px; } .nws>hd { display: flex; } .nws trc>ft btn { display: grid; grid-template-columns: 22px auto; gap: 8px; align-items: end; opacity: 0.3; } .nws trc>ft { display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: var(--p1); } dbdisc div>bd bl.dscvr, bl.flw, bl.ancmt, bl.nws, bl.acdm { display: none; } .discover aa.dscvr { border-bottom: 1px solid; color: var(--a1); font-weight: bold; cursor: pointer;} .following aa.flw { border-bottom: 1px solid; color: var(--a1); font-weight: bold; } .anouncement aa.ancmt { border-bottom: 1px solid; color: var(--a1); font-weight: bold; } .news aa.nws { border-bottom: 1px solid; color: var(--a1); font-weight: bold; } .academy aa.acdm { border-bottom: 1px solid; color: var(--a1); font-weight: bold; } .discover .dscvr { display: block; } .following .flw { display: block; } .anouncement .ancmt { display: block; } .news bl.nws { display: block; max-width: 100%; border-radius: var(--br); padding: 0; } .academy .acdm { display: block; } @media only screen and (min-width: 999px) { home bl.acnt bd { border-radius: var(--br1); width: 100%; background: var(--b1-t44); } home bl.acnt ft { margin: auto; } } home main oprtr { border-radius: var(--br); background: var(--b1-t44); display: block; max-width: 96%; padding: var(--p1); margin: auto; } /* POST */ /* WALLWTS */ wl ct { font-size: 0.88em; } tcsm hd i {height: 35px !important; transform: unset !important; top: 0 !important; } wallets trcs>bl { grid-template-rows: auto 90px; border: solid 1px var(--bc); grid-template-columns: 100%; margin: 3px; font-size: 9px; align-items: center; min-width: 33%; transition: 333ms; background: var(--b1t44); padding: 2px; position: relative; z-index: 2; overflow: hidden; box-shadow: var(--bs); border-radius: var(--br); height: auto; left: 4px; max-width: 100%;} wallets trcs ft { display: grid; grid-template-rows: 28px 27px; height: 56px; width: auto; position: relative; align-items: center; justify-content: start; left: 9%; } wallets trcs ctm { display: grid; grid-template-rows: 24px 27px; width: 100%; height: auto; top: 10px; position: relative; font-size: var(--fs); } wallets trcs bd { display: block; width: auto; } tcsm ft { transform: rotate(269deg);} /* wallets in only Desktop version */ @media screen and (min-width: 999px) { /* wallets hd i { width: 77%; height: 55%; }*/ cwtn trc {display: grid; grid-template-columns: 55px auto 55px; height: auto; background: var(--b1t44); border-radius: 20px; border: solid 1px var(--bc); position: relative; align-items: center; padding: var(--p1); margin: 0 4px;} cwtn {display: grid; margin: auto 11px; gap: 0; grid-template-columns: 50% 50%; justify-content: center; padding: var(--p1); background: var(--b1-t44); border-radius: var(--br);} tcsm ft i { height: 26px; filter: drop-shadow(2px 4px 6px var(--b));margin-left: 8%; } } /* wallets in only Phone version */ cwtn trc hd { background: var(--b1-t44); display: flex; justify-content: center; align-items: center; border-radius: 8px; padding: var(--p1);gap: 2%;} cwtn trc ft { display: flex; justify-content: end; } cwtn trc ft svg { transform: rotate(-88deg); width: 33px; } wallets trc { gap: 2%; } @media screen and (max-width: 999px) { wallets trc { display: grid; grid-template-columns: 60px auto 55px; background: var(--b1t44); border-radius: 20px; border: solid 1px var(--bc); position: relative; align-items: center; padding: var(--p1);gap: 2%; } cwtn {display: grid; gap: 8px; padding:0 11px; } tcsm ft i { height: 26px; filter: drop-shadow(2px 4px 6px var(--b));margin-left: 8%; } tcsm hd i { height: 35px;transform: unset; top: 0;} } /* WALLWTS */ /* MARKET */ db chmsp grid.gc5 bl { display: grid; grid-template-rows: 77px auto 0px; background: var(--b1-t44); border-radius: var(--br); font-size: 0.8em; transition: 99ms; padding: 15px;position: relative; } db schas hd { display: block; } db ghraph { display: grid; justify-content: center; align-items: center; } smkn button btn { display: grid; grid-template-columns: 37px auto; background: var(--b1t44); padding: 11px 18px; margin: 7px; color: var(--c); border-radius: var(--br1); align-items: center; } smkn button { display: flex ;background: unset; border: unset; } mg a { display: flex; justify-content: center; align-items: center; padding: 7px 11px; position: relative; } mg a i { box-sizing: border-box; margin: 0px 4px 0px 0px; min-width: 0px; color: currentcolor; font-size: 14px; fill: currentcolor; width: 1em; height: 1em; vertical-align: -2px; } camkso hd makrt { display: grid; align-items: center; margin-top: 25px; grid-template-columns: auto auto auto auto 38%; justify-content: flex-start; } /*camkso trcs>trc {grid-template-columns: 85px auto 80px !important; align-items: self-start; padding: 15px; position: relative; margin: 10px 0; border-radius: 16px;}*/ camkso hd makrt i { width: 24%; height: 24px; margin: auto; margin-right: 0px; } camkso trcs>trc.ordr bd { display: block; margin-left: 7px; padding: 9px; } camkso bse.cgreen { font-weight: 500; font-size: 12px; align-items: start; display: grid; grid-template-columns: 15px 60px; } camkso trcs>trc.ordr>hd vol { display: grid; align-items: end; grid-template-columns: 30px 35px; gap: 5px; margin-left: 6px; } camkso trcs>trc.ordr img { width: 100%; height: auto; filter: unset; } /*camkso success { width: 100%; height: 100%; display: grid; border-radius: 8px; justify-content: unset; align-items: unset; margin: 0; grid-template-rows: 42% 45%; grid-row-gap: 10px; }*/ camkso success logo i { filter: unset; height: 100%; width: 100%; align-items: end; top: 6px; } camkso trcs>trc.ordr>hd h5 { font-size: 15px; display: flex; justify-content: center; margin: 0; align-items: baseline; } camkso trcs>trc.ordr>hd h5 c { font-size: 11px; bottom: 6px; position: relative; } /*camkso trcs>trc.ordr>hd { width: 100%; height: 75px; display: grid; border-radius: 8px; justify-content: unset; align-items: unset; margin: 0; }*/ camkso trcs>trc.ordr>ft success { color: var(--c); padding: 11px 22px; width: auto; } camkso curncy p { display: flex; align-items: center; } camkso curncy p i { height: 19px; width: 19px; } camkso summary { font-size: 12px; font-weight: 600; } camkso trcs>trc.ordr>bd h6 { gap: 0px; justify-content: unset; color: var(--b-t44); max-width: unset; overflow-wrap: unset; letter-spacing: 0; margin: 0; display: flex; gap: 10px; } camkso trcs>trc.ordr volume img { width: 40px; height: auto; position: relative; left: 6px; filter: unset; } camkso trcs>trc.ordr>bd h6 bes { display: flex; gap: 8px; } camkso trcs>trc.ordr>bd h6 bse tkr { display: flex; justify-content: center; align-items: center; border-radius: 4px; border: solid 0.1px var(--b-t22); } camkso.Futures btn.Futures { background: var(--b-t22); } camkso trcs>trc.ordr>bd h6 Bse { display: flex; align-items: center; font-size: 14px; } camkso bse.cgreen i { transform: rotate(268deg); height: 16px; width: 13px; } camkso tkr { display: flex; justify-content: center; align-items: center; border-radius: 4px; border: solid 0.1px var(--b-t22); } /*camkso trcs>trc.ordr bd h4 { display: grid; grid-template-columns: 60px 90px; }*/ camkso trk { font-size: 16px; } camkso ccx { display: flex; justify-content: center; align-items: center; border-radius: 4px; border: solid 0.1px var(--b-t22); width: 25px; } camkso cxx { display: flex; justify-content: center; align-items: center; border-radius: 4px; } camkso bse i { transform: rotate(268deg); height: 16px; width: 13px; } camkso bse { font-weight: 500; font-size: 12px; align-items: start; display: grid; grid-template-columns: 15px 60px;overflow: hidden; } btn.this { background: var(--a); color: var(--c); } @media only screen and (min-width: 999px) { camkso ctpo hd { display: grid; grid-template-columns: auto 12% 10%; align-items: center; gap: 13px; } ctpo hd h1 { font-size: 20px; font-weight: 500; } ctpo hd btn { display: flex; align-items: center; background: var(--b1-t44); border-radius: 18px; height: 25%; padding: 14px; } smkn ctpo btn i { width: 100%; height: 100%; }} @media only screen and (max-width: 999px) { camkso ctpo hd { display: grid; grid-template-columns: auto 21% 20%; align-items: center; gap: 13px; padding: var(--p1); } ctpo hd h1 { font-size: 20px; font-weight: 500; } db chmsp grid.gc5 bl{margin:0px;} } ctpo select { height: 100%; border-radius: var(--br1); background: var(--b1); color: var(--c); border: none; padding: 11px 7px; width: fit-content ;} button btn span i { width: 70%; height: 70%; margin-bottom: 3px; } @media only screen and (max-width: 999px){ smkn cmto { margin: var(--m); padding: var(--p1); display: grid ; justify-content: center; align-items: center; gap: 20px; } cmto hd h1 { font-size: 16px; } } /* MARKET */ /* P2P */ bl.p2pinfo { display: grid; grid-template-columns: 49% 49%; gap: 2%; } /* P2P */ /* CAWLS */ cawls {display: grid; grid-template-columns: 33.33% 33.33% 33.33%; padding: var(--p1); margin: 0 11px; margin-bottom: 11px; background: var(--b1-t44); border-radius: var(--br);} cawls bl { display: block; margin: 4px; } @media screen and (max-width: 999px) { cawls {grid-template-columns: 50% 50%; padding: 0 3px; margin: 4px; background: var(--c0);} cawls bl { margin: 0px; } } /* CAWLS */ /* P2P WEBSITES */ div.trcs trc { margin-bottom: 7px; } div.trcs trc hd { display: flex; } @media screen and (max-width: 999px) { div.trcs trc hd { display: grid; grid-column-start: 1; grid-column-end: 5; } div.trcs trc button.bgreen { color: var(--c); font-weight: 700; border-radius: 33px; padding: 9px; width: 122px; } div.trcs trc { margin: 7px; } } /* P2P WEBSITES */ /* WITHOUT LOGIN */ db cwso cnc { background: unset !important; display: flex; flex-direction: column; border: unset; justify-content: space-evenly; padding: var(--p); } db cwsoc h1 { margin-left: 13px; display: block; } @media only screen and (max-width: 999px) { cnameo hd.pt, cnameo bd.aat, cnameo ft.st { padding: var(--p); } hd.pt button i, bd.aat button i, ft.st button i { width: 16px; padding: var(--p1); } db cwso { display: block; padding: 0; } db cwsoc h1 { font-size: var(--fs); font-weight: 400; } shmo footer ft .info-section p { font-size: 12px; opacity: 0.7; } .criptos cwso { display: block; } db cwso { margin: 0; } } /* WITHOUT LOGIN */ /* NEWS */ /* MORE */ bl.ftd { background: unset; border: unset; padding: unset; display: flex; justify-content: space-between; align-items: center; } bl.ftd btn img { filter: invert(1); transform: rotate(180deg); } bl.ftd btn { background: unset; padding: 0;justify-content: end; } bl.ftd bd { padding: 0; } /* MORE */ /* HEADER */ spwo header { position: relative; } /* HEADER */ /* MG */ /* MG */ /* P2P */ spwo main { width: auto; } spwo sidebar { width: auto; } spwo mg hd { display: flex; } spwo mg bd { display: flex; } @media only screen and (min-width: 999px) { spwo mg ft { display: none; } spwo .aerea { display: flex; flex-direction: column-reverse; margin: 22px; } } /* P2P */ /*deposit*/ @media only screen and (min-width: 999px) { /*scdsd sidebar {border-left: solid 1px var(--bc) !important; background: transparent !important; height: 100vh; border-top-left-radius: unset !important; border-bottom-left-radius: unset !important;top: 0 !important; }*/ } /*deposit*/ /*Writer*/ sbyo .aerea { gap: 1%; } /*Writer*/ @media only screen and (max-width: 999px){ db bl.Ftrading{ margin: 7px;} cqas>btns { gap: 7px; grid-template-columns: 49% 49%; } db sidebar grid cqas>btns>btn { background: var(--b1-t44);margin:0; } } @media only screen and (max-width: 999px){ d.aerea { position: relative; top: 80px; } hero { top: 80px; position: relative; } d.sections { top: 80px; position: relative; } } ustt bd sl btn { background: var(--lg-b) !important; padding: 0px 22px; font-size: 0.88em; border-radius: 11px; align-items: center; border: 1px solid var(--b-t22); position: relative; z-index: 9; gap: 0 !important; display: flex ; } ustt sl { display: flex ; justify-content: end; border: unset; margin: 0; border-radius: 33px; margin-top: 44px; padding: 7px 11px; position: relative; min-width: 333px; max-width: 566px; height: 65px; background: unset; gap: 12px; } /* Componet : Academy */ caco>bl hd>f { grid-template-columns: 20% 20% 20% 20% 20%; margin: 7px 0; display: grid ; margin-bottom: 22px; } caco>bl hd>f>a { display: grid ; gap: 4%; justify-content: center; font-weight: 400; font-size: 0.88em; text-align: center; } caco>bl f>a>i { padding: 22px; height: 22px; width: 22px; background: var(--b-t); border-radius: 55%; } caco>bl bd>d { display: grid ; grid-template-columns: auto 77px; background: var(--b1); border-radius: var(--br1); margin: 4px; padding: 11px; min-height: 66px; } caco>bl bd>d g f>t { display: grid ; grid-template-columns: 14px auto; gap: 2px; align-items: center; opacity: 0.5; font-size: 0.77em; margin: 0 7px; } caco>bl bd>d g f>btn { display: block; padding: 1px 4px; background: var(--b1); border-radius: 3px; margin: 0 3px; opacity: 0.5; font-size: 0.77em; } caco>bl d>g { display: grid ; align-items: stretch; } caco>bl d>g>f { align-items: center; align-self: end; } caco { display: none; } bl.acdm blcs { display: grid ; grid-template-columns: 49% 49%; gap: 1%; } square bl.acdm blc { display: grid ; grid-template-columns: auto 20%; background: var(--b1-t);padding: 11px; border-radius: 22px; border: solid 1px var(--c1); margin: 2px; } square .acdm blc>dv { border-radius: 0; height: unset; width: unset; padding-right: 11px; background: unset; } square .acdm blc bx h4 { font-size: 0.8em; margin-bottom: 11px; font-weight: 300; } square .acdm blc bx d { display: flex ; font-size: 0.8em; } square .acdm d h5 { display: grid ; grid-template-columns: 14px auto; gap: 2px; align-items: center; opacity: 0.5; margin: 0 0px; } square .acdm blc bx btn { padding: 1px 4px; background: var(--bl); border-radius: 3px; margin: 0 3px; opacity: 0.5; } /*Account*/ caut { display: block; margin-top: 22px; padding: 22px; border-radius: 22px; background: var(--b1-t44); } caut bd div { display: flex ; justify-content: space-between; margin-block: 1rem; } caut bd p {color: var(--b-t44); font-size: 12px; margin: 0px; opacity: 0.7; font-weight: 400; } caut bd d { display: flex ; align-items: center; gap: 8px; } caut btn { background: var(--c1); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } caut i { width: 20px; display: none; } caut a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); text-decoration-line: underline; } caut d i { display: block; } caut d p { color: var(--c); opacity: unset; font-size: 15px;white-space: nowrap; } caut dv:nth-child(3) { display: flex ; align-items: center; gap: 16px; } @media(max-width:999px){ caut bd dv:nth-child(2) { justify-content: space-between; } caut { margin: 11px; } caut i { width: 20px; display: block; } caut dv:nth-child(3) {display: grid ; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } caut bd div { grid-template-columns: 28px auto; row-gap: 11px; border-bottom: solid 1px var(--bc); padding-bottom: 24px; display: grid ; justify-content: unset; } } cago i { width: 58px; height: 38px; } cago { display: grid ; flex: 1 1 0%; } cago>bl { display: grid ; background: var(--b1-t); border-radius: 15px; padding: 20px; gap: 9px;} cago svg { margin-right: 16px; } cago h1 { font-size: 24px; font-weight: 600; line-height: 35px; margin-top: 0px; } /* Component : AccountGuide */ capus { display: block; margin: 0 7px; margin-top: 44px; } capus>bl>bd { display: flex ; gap: 20px; margin-top: 22px; } @media only screen and (max-width: 999px) { capus>bl>bd { display: grid ; } } /* Component : Account_Payments */ capo { display: block; margin-top: 44px; } capo hd { display: flex; justify-content: space-between; align-items: center; padding-left: 4px; padding-right: 4px; margin-bottom: 4%; } capo hd p { color: var(--a); font-size: 16px; } capo hd span { font-size: 21px; font-weight: 500; line-height: 40px; } capo bd { display: grid; gap: 22px; } capo bd bl { display: grid; border-radius: var(--br1); margin-bottom: 11px; } capo bd d>d { display: grid ; grid-template-columns: 44px auto 35px; padding: 11px; } capo bd aa { display: block; text-align: center; padding: 4px 11px; border: 1px solid var(--b1); border-radius: 7px; margin-right: 11px; font-size: 16px; font-weight: 500; height: max-content; } capo bd>d { border-bottom: 2px solid var(--bc); } capo bd h3 { font-size: 1em; font-weight: 500; } capo bd h3:hover { color: var(--a); } capo bd bl i { display: flex; font-style: normal; border-radius: 44px; padding: 1px 2px; font-size: 24px; font-weight: 500; line-height: 32px; width: 32px; height: 33px; } capo bd dc { display: none; padding: 0 64px; margin-bottom: 11px; } capo bd dc p { margin: 0; font-size: 16px; font-weight: 500; line-height: 24px; } capo bd bl.lock { background: var(--b1); } capo bd bl.lock i { background: var(--a); } capo .lock dc { display: grid ; } capo bd bl i:before { content: ''; position: absolute; background: var(--c); width: 2px; height: 12px; } capo bd bl i:after { content: ''; position: absolute; background: var(--c); width: 12px; height: 2px; } @media only screen and (max-width: 999px) { capo { display: block; margin: 0 7px; } capo bd d { border: none } capo hd bl h3 { font-size: 16px; font-weight: 500; line-height: 18px; } capo hd bl.lock { background: unset; } capn { background: url('/-Brand/XAH/asset/home-map-bg.png'); display: flex; width: 100%; background-size: cover; max-width: 1200px; } capo hd bl h3 { font-size: 14px; font-weight: 500; } } @media only screen and (min-width: 999px) { cfft main { padding: 20px; } } @media only screen and (max-width: 999px) { capn span img { display: none; } } cfft li a { margin: 4px 0; letter-spacing: 1px; font-weight: unset; } cfft capo hd { display: grid; gap: 22px; } cfft capo hd bl { display: grid; border-radius: var(--br1); margin-bottom: 11px; } capo hd bl.lock { background: var(--b1); } capo hd bl ft p t { color: var(--a); } cfft .FAQs p { color: var(--a); font-size: 16px; } capo hd bl.lock i { background: var(--a); } /*My_SecurityAccount*/ baso { display: block; margin-top: 22px; padding: 22px; border-radius: 16px; border: 1px solid var(--b1); } baso bd { display: block; margin-top: 11px; } baso bd d { display: grid ; grid-template-columns: 28px auto auto; align-items: normal; height: fit-content; margin-block: 22px; column-gap: 11px; } baso btns { display: flex ; align-items: center; gap: 12px; margin-left: 33px; justify-content: end; } baso btn { background: var(--b-t22); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } baso p { font-size: 12px; margin: 0px; color: var(--b-t44); font-weight: 400; } baso bd a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); text-decoration: underline; } @media only screen and (max-width: 999px) { baso { margin: 11px; padding: 11px; border: 0; } baso bd dt ft { display: grid; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } baso h3 { font-size: 18px; font-weight: 600; line-height: 26px; } baso bd d { grid-template-columns: 28px auto; row-gap: 11px; border-bottom: solid 1px var(--bc); padding-bottom: 24px; } baso bd btns { display: grid ; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } } /* Component : Merchant */ coun>bl { background: url(/-/Exchange/asset/become-a-merchant-bg-large-dark.png); margin: 8px 7px 32px; display: grid ; grid-template-columns: 66px auto 55px; border-radius: 4px; background-size: cover; padding: 20px 16px; align-items: center; } coun hd { display: block; } coun hd i { width: 55px; height: 55px; } coun bd { margin: 0px 16px 0px 0px; display: flex; flex-direction: column; } coun bd b { font-size: 20px; font-weight: 500; line-height: 28px; margin: 0px 0px 2px; } coun bd p { margin-block-start: 0; font-size: 15px; width: 100%; margin: 0; opacity: .4; } coun ft btn { border-radius: 50%; height: 55px; width: 55px; display: flex; justify-content: center; align-items: center; background-color: var(--a); padding: 0; } coun ft btn i { width: 44%; height: 55%; } coun ft { margin: 0px 0px 0px auto; } /* Component : Account_PaymentPromo */ capn>bl { display: grid ; grid-template-columns: 54% auto; padding-top: 4%; max-width: 1400px; margin: 0 auto; } capn hd { display: block; margin-top: 22px; } capn hd pay { display: flex; align-items: baseline; gap: 5px; font-size: 20px; } capn hd btn { display: grid; gap: 4px; padding: 8px 26px; font-size: 17px; font-weight: 500; line-height: 22px; min-height: 30px; height: 19px; align-items: center; background: var(--a); border-radius: 7px; width: 27%; justify-content: center; margin-top: 7%; } capn bd img { filter: grayscale(1); } capn>bl bd span>i { width: 88%; height: max-content; filter: opacity(0.5); -webkit-mask-image: linear-gradient(180deg, #000 85%, transparent), linear-gradient(0deg, #000 85%, transparent); mask-image: linear-gradient(83deg, #000 66%, transparent), linear-gradient(178deg, #000 66%, transparent); -webkit-mask-composite: source-in, xor; } capn hd pay t { color: var(--a); } capn hd h2 { font-size: 56px; font-weight: 600; line-height: 64px; } capn hd>p { font-size: 16px; line-height: 25px; margin-bottom: 40px; opacity: .7; font-weight: 200; } @media only screen and (max-width: 999px) { capn>bl { display: block; margin: 0 7px; } }/**Account_View**/ aavw { display: none;} aavw>bl>hd { display: flex ; justify-content: space-between; font-size: .75rem; line-height: 1rem; font-weight: 400; } aavw>bl>hd d { display: flex ; gap: 8rem; } aavw>bl>hd span:hover { color: var(--c); } aavw>bl>hd span { display: flex ; align-items: center; color: var(---gry); } aavw>bl>hd i { height: 15px; width: 15px; } aavw>bl>bd { display: block; } aavw>bl>bd>dv { display: flex ; justify-content: space-between; margin-block: 1rem; border-radius: var(--br1); padding: var(--br1); } aavw>bl>bd>dv dd { margin: 0; display: flex ; align-items: center;gap: 6px; } aavw bd i { height: 25px; width: 25px; } aavw>bl>bd>dv p { margin: 0; } aavw>bl>bd>dv d { display: flex ; align-items: center; gap: 9rem; } aavw>bl>bd>dv:hover { background: var(--b-t); } aavw>bl>bd>dv d p { color: var(--c); } aavw>bl>bd>dv d span:nth-child(1) { color: var(---gry); } aavw>bl>bd>dv d i { transform: rotate(90deg); } @media(max-width:999px){ aavw>bl>hd { display: none; } aavw>bl>bd>dv d span:nth-child(1) {display: block;} aavw>bl>bd>dv d span{display: none;} aavw>bl>bd>dv d { gap: 1rem; } } caho bl f{align-items: center;position:unset;} caho bl co input{transform: scale(1.1); height: 44px; width: 44px; margin:0 } caho hd t {display: flex; align-items: center;letter-spacing: 0; font-size: 0.55em;} caho bl label { margin-left: 11px;} caho bl input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; } caho bl grid{position:relative;margin: 4px;} caho bl i { 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%); } caho bl co:after { z-index: 888; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } caho bl bd a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; } caho bd {display: flex ; align-items: center;} caho bl b { letter-spacing: 0; } caho bt { max-height: 99px; } caho h2{font-size: 32px; font-weight: 500;} caho bd t{font-size: 32px; font-weight: 500;} cdao { display: block; margin-top: 22px; padding: 22px; border-radius: 22px; background: var(--b1-t44); } cdao>bd { display: block; margin-top: 11px; } cdao div:first-child{ display: grid ; grid-template-columns: 22px auto; align-items: center; } cdao bd>d{ display: grid ; grid-template-columns:0px auto auto; align-items: normal; height: fit-content; margin-block: 22px; column-gap: 0px; } cdao d:nth-child(2) .Fresh{ display: grid; grid-template-columns: auto auto auto; gap: 7px;} cdao d t { line-height: 18px; } cdao dv { display: flex ; align-items: center; gap: 12px; margin-left: 33px; justify-content: end; } cdao btn { background: var(--c1); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } /*cfco { display: grid; grid-template-columns: 33px auto; background: var(--at); padding: 11px; border-radius: 11px; } cfco bd>p { margin: 0; font-size: 12px; font-weight: 400; } cfco ft { display: grid; grid-column-start: 2; } cfco a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); } cdao oo:active { box-shadow: 0 0 7px; transform: scale(1.1); transform: translate(42px); } cdao oo { display: block; height: 12px; width: 12px; background: #fff; margin: 2px; border-radius: 24%; position: absolute; transition: 333ms; box-shadow: -4px 0 11px; color: #000; top: 14%; left: 5%; } cdao bb { right: 25px; display: block; height: 23px; max-height: 34px; width: 49px; border-radius: 7px; border: none; transition: 333ms; box-shadow: none; overflow: visible; top: 1px; position: relative; background: var(--b-t22); } .Disable a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); }*/ cdao dv a.bred {background: var(---rd);border: solid 1px var(--ct);} cdao blc>d { display: grid ; grid-template-columns: 0px auto auto; align-items: normal; height: fit-content; margin-block: 22px; column-gap: 0px; } cdao dv { display: flex ; align-items: center; gap: 12px; margin-left: 33px; justify-content: end; } cdao div:first-child { display: grid ; grid-template-columns: 22px auto; align-items: center; } cdao p { margin: 0; } @media only screen and (max-width: 999px) { cdao { margin: 11px; } cdao dv { display: grid ; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } cdao blc>d { grid-template-columns: 28px auto; row-gap: 11px; border-bottom: solid 1px var(--bc); padding-bottom: 24px; } } caydo bd { display: grid ; grid-template-columns: auto 177px;align-items: center; } caydo hd { display: grid ; grid-template-columns: 51px auto 35px;align-items: center; } caydo hd svg{ height: 43px;} caydo bd t { font-size: 12px; font-weight: 500; color: var(--b-t44); } caydo bd span { font-size: 12px; font-weight: 500; color: var(--a); } caydo bd i{width: auto;} caydo hd>i:nth-child(1) { width: 24px; } caydo bl { border-bottom: 1px solid var(--b-t44); } .detaill detaill{display:flex; justify-content: center;} /* { z-index: 999999999; display: grid; top: 10%; right: 10%; left: auto; bottom: auto; height: 80%; width: 66%; align-items: center; background: aliceblue; border-radius: 3px;}*/ cayo>bl>bdcayo ft t i { height: 60%; width: 27px; opacity: 0.7; padding: 11px; } cayo bd input { width: auto; background: 0; padding: 0; font-size: 18px; color: var(--b-t44); font-weight: 500; } cayo { display: flex; justify-content: space-between; padding: 0.25rem; } cayo>bl>hd { font-size: 21px; padding: 11px; } cayo bd a i { height: 44px; width: 44px; opacity: 0.7; padding: 7px; } cayo hd a { padding: 11px; display: flex ; align-items: center; flex-direction: column; } cayo hd a i { display: block; height: 20px; width: 28px; } cayo btns i { height: 100%; width:27px; } cayo hd btns { display: grid ; box-shadow: var(--bs-bs); border-radius: 12px; grid-template-columns: 33% 34% 33%; width: 100%; } cayo hd btn { font-size: 16px; font-weight: 200; padding: 16px; display: grid ; gap: 7px;} cayo hd gr { display: grid ; grid-template-columns: 49px auto 39px; } cayo bd inp { display: grid ; grid-template-columns: 49px auto 39px; background: var(--b1); border-radius: 8px; margin-top: 16px; } cayo bd f { display: grid ; grid-template-columns: 51px auto; border: 1px solid var(--b-t22); border-radius: 9px; gap: 9px; padding: 13px 2px;} cayo f img { height: 25px; width: 26px; } cayo gr left { display: flex ; gap: 4px; font-size: 18px; } cayo btns svg { height: 100%; width: 100%; } cayo hd btn:nth-child(2) { border-left: 1px solid var(--b-t22); border-right: 1px solid var(--b-t22); } cayo bd i:nth-child(3) { width: 16px; } cayo bd f>i{width: fit-content; margin: auto; height: fit-content; } cayo inp i{width: 24px; height: 34px;margin: auto;} cayo hd>t { font-size: 12px; font-weight: 500;display: flex; color: var(--b-t44);margin-bottom: 20px;} cayo hd d a { color: var(--a); } cayo hd right { rotate: 178deg; } cayo bd t{font-size: 12px; font-weight: 400; display: flex ; align-items: center; color: var(--c)} cayo>bl>bd { display: block; padding: 30px 24px; } cayo bd a i { height: 18px; width: 18px; } cayo bd a { display: flex; align-items: center; gap: 8px; } cayo ft { display: block; } cayo ft a { color: var(--a); } cayo ft b { margin: 5px; } cayo>bl>hd { padding: 30px 6px; } cayo ft d p { margin: 0; } cayo { display: grid ; width: 100%; max-width: 579px; margin: auto; } cayo ft d { padding-top: 28px; display: flex; } cayo ft f { display: grid ; grid-template-columns: 257px auto 100px; align-items: center; padding: 3px 22px; } cayo ft btn { display: grid ; grid-template-columns: auto 20px; justify-content: end; align-items: center; gap: 4px; border: 1px solid var(--b-t44); border-radius: 8px; padding: 3px 6px; } cayo ft>f>hd{ display: grid ; grid-template-columns: 41px auto;align-items: center;padding: 0;} cayo ft t { font-size: 16px; margin-bottom: 0; color: var(--ct); font-weight: 400; display: block;} cayo ft g { display: grid ; grid-template-columns: auto auto 36px; align-items: center; padding: 13px 16px; background: var(--b1); border-radius: 9px; } cayo g i{width: 44px; height: 28px; } @media only screen and (max-width: 999px){ cayo act bl hd d a { font-size: unset !important; } cayo { width: auto; } detaill { display: flex; justify-content: center; } } /* COmponent : AddFund */ bafos { display: none; } bafos exit:hover { color: red; background: rgba(255, 0, 0, 0.22); transform: scale(1.1) rotate(-45deg); } bafos cadf:hover { background: var(--b); } .menu sav { display: flex; } bafos { display: none; padding: 22px; background: var(--b1); margin: 11px; border-radius: 22px; position: absolute; z-index: 9999999; max-width: 444px; position: relative;} bafos hd { display: grid; grid-template-columns: auto 35px; padding-bottom: 22px; align-items: center; } bafos exit { display: flex; justify-content: center; align-items: center; border: solid 1px var(--b1); margin: auto; text-align: center; transition: 333ms; cursor: default; position: absolute; right: 11px; top: 11px; height: 44px; width: 44px; background: var(--c1); font-family: monospace; font-size: 34px; transform: rotate(45deg); border-radius: 50%; } bafos cadf { display: grid; grid-template-columns: 70px auto 33px; background: var(--c1); padding: 15px; border-radius: 22px; align-items: center; gap: 2%;margin:7px; position: relative;} cafos cadf hd { display: flex; height: 64px; padding: 3px; justify-content: center; align-items: center; border-radius: 12px; } cafos i { margin: auto; height: auto; } cafos p {opacity: 0.5; } cafos cadf p { margin: 4px 0; font-size: 0.77em;opacity: 0.5; } cafos cadf ft svg { transform: rotate(180deg); } cafos { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(25deg, var(--b), rgb(38 38 38 / 49%)); backdrop-filter: blur(6px); justify-content: center; align-items: center; z-index: 999999999999; width: 100%; transition: 333ms; height: 100%; } /*AdvancedSecurity*/ casy { display: flex ; margin-top: 22px; padding: 22px; border-radius: 16px; background: 0; border: 1px solid var(--b1); } casy bl{ display: block; border-radius: 22px; width: 100%; padding: 11px; } casy>bl>bd { display: block; margin-top: 11px; } casy bd d { display: grid ; grid-template-columns: 28px auto auto; align-items: center; height: fit-content; margin-block: 22px; column-gap: 11px; } casy bd d btns { display: flex ; align-items: center; gap: 12px; margin-left: 33px; justify-content: end; } casy btn { background: var(--b-t22); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } casy div:first-child { display: grid ; align-items: center; grid-template-columns: 33px auto; } casy bd>p { margin: 0; font-size: 12px; font-weight: 400; } casy a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a); } casy p { font-size: 12px; margin: 0px; color: var(--b-t44); font-weight: 400; } casy d { display:grid ; grid-template-columns: 28px auto auto; align-items: normal; height: fit-content; margin-block: 22px; column-gap: 11px; } @media only screen and (max-width: 999px) { casy { margin: 11px; padding: 11px; border: 0; } casy h3 { font-size: 18px; font-weight: 600; line-height: 26px; } casy bd d { grid-template-columns: 28px auto; row-gap: 11px; border-bottom: solid 1px var(--bc); padding-bottom: 24px; } casy d btns { display: grid ; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } } /*Advertisers_Terms*/ cats bd sl { display: block; padding: 11px 0px; margin: 11px 0px; } cats bd select { display: block; font-size: 1em; color: var(--ct); background: transparent; border-width: initial; border-style: none; border-color: initial; border-image: initial; } wt{display: block; padding: 11px 33px; border-radius: 22px; background: #fff6; border: solid 1px #fff; margin-top: 11px;position: relative; overflow: hidden; } cadpo grid { grid-template-columns: 66px auto 40px; 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: var(--br1); margin: 11px 7px; } cadpo f{align-items: center;position:unset;} cadpo co input{transform: scale(1.1); height: 44px; width: 44px; margin:0 } cadpo h7{display: flex; align-items: center;letter-spacing: 0; } cadpo label { margin-left: 11px;} cadpo input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; } cadpo grid{position:relative} cadpo co { margin: 7px; border-radius: var(--br1); 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%); } cadpo co:after { z-index: 888; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } cadpo a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; } cadpo svg { margin: 11%; } cadpo { display: block; background-image: url(-/Exchange/asset/AirGift.png); background-repeat: no-repeat; background-position: left; background-size: 100%; width: auto; filter: hue-rotate(235deg); overflow: hidden; margin-top: 14px; } cadpo bl { display: grid ; padding: 22px; background: var(--b-t); border-radius: 22px; } cadpo bd { min-height:123px;padding:0; } cadpo wallet { display:block;min-height:123px; } cadpo trxwallet f {z-index: 8;align-items: center;flex-wrap: wrap;} cadpo trxwallet bt {max-height: 99px;} cadpo trxwallet h2 {line-height: 1;margin: auto 4px;} cadpo balance { font-size: 0.66em; } cadpo trxwallet d { letter-spacing: 4px;font-size: 0.66em; } cadpo form {position: relative;display:none} cadpo form h4 {text-indent: 22px;height: 44px;} cadpo ft { display: block; } cadpo hd d { fill: #fff; } /* Component : AirdropBalance */ cadbo>bl { background: var(--b1-t44); border-radius: 11px; margin: 11px; padding: 16px 11px; } cadbo>bl hd { display: flex ; align-items: center; justify-content: space-between; margin-bottom: 7px; } cadbo>bl hd>btn { display: flex ; border-radius: 22px; align-items: center; background: var(--a); justify-content: center; margin: 4px; padding: 0px 4px; } cadbo>bl bd { padding: 11px 0px; display: grid ; grid-template-columns: auto auto; font-size: 13px; margin: 12px 0px; align-items: center;} cadbo>bl btns { display: grid ; grid-template-columns: auto auto auto; margin: 7px; column-gap: 7px; } cadbo>bl btns>btn { font-size: 0.88em; display: grid ; grid-template-columns: 17px auto; font-weight: bold; gap: 5px; align-items: center; justify-content: center; background: var(--b1); padding: 7px 11px; position: relative; border-radius: 7px; } cadbo>bl btns>btn:nth-child(2) img { filter: invert(1); } cadbo>bl bd b { font-size: 28px; } cadbo>bl btns t { font-weight: 300; } cadbo>bl btns i.bbcy { filter: invert(1); } cadbo>bl hd name { font-weight: 200; opacity: 0.59; } /* Component : AirdropCurrencies */ cawmd trc img { object-fit: contain; height: 77%; width: 77%; } cawmd trcs>trc { position: relative; } cawmd trcs>trc h7 { opacity: 0.66; } cawmd trcs>trc { background: unset; border-radius: var(--br1); display: grid; margin: 7px; padding: 22px; grid-template-columns: 66px auto 100px; background: var(--b1-t44); } cawmd trc>hd { height: 45px; width: 45px; } cawmd 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; } cawmd bd trcs>h4 a { position: relative; } cawmd trc>hd i { filter: grayscale(1); } cawmd trcs>trc>ft h6 { opacity: 0.66; } cawmd bd trcs>h4 i { opacity: 0.55; } cawmd inf { display: grid; } cawmd trcs>trc>ft { display: flex; flex-direction: column; align-items: end; justify-content: unset; } airdropwallets grid.gc1 { margin: unset; } /* Component : AirdropCurrency */ cawmo>bl { grid-template-columns: 66px auto max-content; background: transparent; color: var(--c); border-radius: 0; position: relative; border-bottom: 1px solid var(--bc); padding: 11px; margin-bottom: 7px; display: grid ; } cawmo>bl hd { display: flex ; height: 44px; width: 44px; background: var(--b1); align-items: center; justify-content: center; border-radius: 11px; margin: 0 auto; } cawmo>bl bd { display: flex ; flex-direction: column; } cawmo>bl name { font-weight: 700; } cawmo>bl f { font-size: 0.77em; color: var(--b-t44); gap: 7px; } cawmo>bl ft { display: flex ; flex-direction: column; text-align: end; } cawmo>bl:hover { background: var(--b1t44); } cawmo>bl:active { background: var(--b1t); } cawms>bl { display: block; padding: 7px; margin: 7px; } /* Component : Airdrop_Wallet */ cadwo { display: block; background: var(--b1); padding: 22px; border-radius: 22px; margin: 7px; } cadwo>bl bd>d { display: flex ; justify-content: space-between; } cadwo hd t { font-size: 24px; font-weight: 500; } cadwo hd { display: block; margin-bottom: 30px; } cadwo bd { display: grid ; margin-bottom: 22px; } cadwo bd nam { font-size: 11px; font-weight: 500; } cadwo bd span { color: #007600; } cadwo ft btn { display: block; text-align: center; padding: 11px; border-radius: 7px; margin: 0 4px; background: rgb(255 255 255 / 4%); } cadwo ft btn.this { background: var(--a); } cadwo baner h6 { font-size: 16px; font-weight: 500; } margin cccs.cryptos { display: grid; gap: 70px; height: auto; grid-template-rows: 37% 27%; } cccs .cryptos>bd>bl { display: none; } cccs .cryptos>bd { margin-bottom: 44px; } cccs .cryptos mg { display: grid; padding: 0 11px; width: auto; } cccs .cryptos mg aa { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } cccs .cryptos mg aa h4 { padding: 7px; } cccs .cryptos pbl { display: grid; background: var(--b1); padding: 11px; border-radius: var(--br1); grid-template-columns: 70% 30%; align-items: center; } cccs .cryptos pbl p { margin: 7px 0; color: var(--a); } cccs .cryptos histry hd { height: 44px; margin-top: 11px; display: flex!important; align-items: center; justify-content: space-between; } cccs .cryptos trdng { margin-top: 22px; display: block; } cccs .cryptos trdng bd,cccs histry bd { display: flex !important; gap: 7px; padding: 11px 0 !important; } cccs .cryptos trdng a,cccs histry a{ background: var(--b1); padding: 4px 11px; border-radius: 7px;font-weight: 400; font-size: 16px; } cccs .cryptos cpt { display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: var(--br1); position: relative; margin: 11px 0; padding: 11px; background: var(--b1-t44); } cccs .cryptos cpt>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); margin: auto; display: flex; align-items: center; justify-content: center; } cccs .cryptos cpt>hd img { object-fit: contain; height: 66%; width: 66%; } cccs .cryptos cpt>bd { display: flex; flex-direction: column; justify-content: center; } cccs .cryptos cpt>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } cccs .cryptos bl.cryptos { border-radius: unset; background: transparent; padding: 11px; position: relative; display: block; } cccs .cryptos bl.cashs { position: relative; transition: 333ms; padding: 11px; display: block; } cccs .cryptos .cashs inrpp { display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: var(--br1); position: relative; margin: 11px 0; padding: 11px; background: var(--lg); } cccs .cryptos .cashs inrpp hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); margin: auto; display: flex; align-items: center; justify-content: center; } cccs .cryptos inrpp hd img { object-fit: contain; height: 77%; width: 77%; } cccs .cryptos .cashs inrpp bd { display: flex !important; flex-direction: column; justify-content: center; } cccs .cryptos .cashs inrpp ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } cccs .cryptos .cashs next { display: flex; height: 33px; width: 33px; align-items: center; justify-content: center; background: var(--a); border-radius: 555px; padding: 1px; } cccs .cryptos csh { display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: var(--br1); position: relative; margin: 11px 0; padding: 11px; background: var(--b1-t44); } cccs .cryptos csh>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); margin: auto; display: flex; align-items: center; justify-content: center; } cccs .cryptos csh>hd img { object-fit: contain; height: 66%; width: 66%; } cccs .cryptos csh>bd { display: flex; flex-direction: column; justify-content: center; } cccs .cryptos csh>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } cccs .cryptos mg aa.this { border-bottom: solid 2px var(--a); color: var(--a); } cccs .cryptos mg bd { position: sticky; bottom: 11px; padding: unset; width: auto; background: aquamarine; } margin cccs .cryptos hd.db { display: block; margin-right: 18px; } margin cccs .cryptos div hd.db { font-weight: bold; position: relative; left: 25px; } margin bd.db { display: grid; grid-template-columns: 48% 48%; gap: 4%; } margin h5 { position: relative; left: 15px; font-size: 12px; width: 91%; margin-top: 13px; color: #67686d; } margin h6 { position: relative; left: 15px; font-size: 12px; width: 91%; margin-bottom: 8px; letter-spacing: 0.8px; display: grid; grid-template-columns: 40% 28%; justify-content: space-between; font-weight: 100; } margin baner { display: grid; background: rgb(255 255 255 / 4%); } margin div { display: grid; gap: 8px; grid-template-rows: 35% 70%; } margin div hd.db t { display: grid; position: relative; left: 15px; font-weight: bold; font-size: 17px; letter-spacing: 0.8px; } margin btns btn { display: grid; justify-content: center; align-items: center; height: 52px; background: var(--b-t); margin: 7px; border-radius: 8px; grid-template-columns: 44px auto; position: relative; } margin btns { display: grid; grid-template-columns: 50% 50%; width: auto; margin: 22px auto; padding: 7px; } cccs>bd>div>bd { display: grid ; grid-template-columns: 50% 50%; padding: 11px; } /* Component : Airdrop_WalletAsset */ caow { display: block; background: var(--lg); padding: 7px 16px; } cawo>bl{ background: transparent;padding: unset;margin: 0; } cawo bd { overflow: scroll; padding: unset; border-bottom: solid 0.1px; color: #292c32d6; } cawo bd mg { display: flex ; justify-content: unset; gap: 22px; } cawo bd mg a.this { border-bottom: 2px solid; color: var(--a); } /* Component : Airdrop_WalletOverview */ caow { display: block; } caow aa.active { color: var(--svg); } caow bd { overflow: scroll; padding: unset; } caow bd mg { display: flex ; justify-content: unset; gap: 22px; } caow bd mg aa { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } caow bd mg aa.this { border-bottom: solid 2px; color: var(--a); } /* Component : AllChat_Friends */ chats>bl>ft {display: flex ; justify-content: center; align-items: center; padding: 22px; border-top: 1px solid var(--bc); background: var(--bt); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); position: absolute; bottom: 0; width: 100%; } @media screen and (min-width: 999px) { chats>bl>bd { display: block; max-height: 722px; overflow-y: scroll; scrollbar-width: thin; } chatusers { overflow: scroll; display: grid ; margin-bottom: 150px; } chats { display: grid ; background: var(--b1t44); border-right: 1px solid var(--bc); position: relative; grid-template-rows: 10vh 80vh auto; overflow: hidden; } } @media screen and (max-width: 999px) { chats {display: grid ; background: var(--b1t44); border-right: 1px solid var(--bc); position: relative; grid-template-rows: 100px auto 60px;} chats { display: none; } chats ft { display: none; } } calhd mg aa { display: flex ; justify-content: center; align-items: center; padding: 8px 16px; position: relative; margin: 0 2px; } calhd mg aa.this { color: var(--a); font-weight: bold; border-bottom: solid 2px; } calhd mg {height: 55px;margin: 0px;min-width: 0px;width: 100%;white-space: nowrap;display: flex;flex-direction: row;overflow: scroll;margin-top: 7px;} calhd gg { height: 55px; align-items: center; z-index: 22; display: grid; grid-template-columns: 55px 33px auto 44px 44px; } caqo bd { display: grid ; grid-template-columns: auto auto; } caqo>bl bd>d { display: block; box-shadow: unset; border-radius: 22px; background: var(--b1-t44); margin: 7px; padding: 11px; } caqo>bl ul>li:hover { opacity: 0.7; } caqo>bl ul>li:active { opacity: 1; } caqo>bl i svg path, caqo>bl svg line, caqo>bl svg circle, caqo>bl svg ellipse, caqo>bl svg rect, caqo>bl svg polyline, caqo>bl svg polygon {stroke: var(--c) !important;} caqo>bl ul { padding: 0; } caqo>bl ul li>i { height: 22px; width: 22px; margin: auto; } caqo>bl ul>li { display: grid ; grid-template-columns: 44px auto 0px; align-items: center; background: var(--b1-t) !important; padding: 0; height: 44px; border-radius: 11px; margin: 4px; justify-content: flex-start; transition: 99ms; position: relative; } caqo>bl hd { display: block; padding: 11px; } caqo>bl hd>h2 { font-weight: bold; background: linear-gradient(183deg, var(--a) 100%, var(--a1) 48%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; margin: 0; font-size: 32px; } caqo>bl hd>p { margin: 0; color: var(--b-t44); }caqo>bl hd { padding: 44px 0; margin-bottom: 22px; } @media only screen and (max-width: 999px) { caqo bd { display: block ;} caqo hd { margin: 7px; } } /* Component : AllServiesPromo */ clao {margin: 7px; } clao>bl { display: block; border-radius: var(--br); background: var(--b-t); position: relative; overflow: hidden; } clao>bl bd { display: block; text-align: center; padding: 11px 22px; } clao>bl ft { display: grid; grid-template-columns: auto auto auto; align-items: center; justify-content: center; } clao>bl ft btn { display: flex; width: 66px; height: 66px; justify-content: center; align-items: center; margin: var(--m); } clao>bl hd { display: flex; height: 255px; width: 100%; justify-content: center; } clao>bl ft btn:nth-child(3) { width: 55px; height: 55px; } clao>bl::before { content: " "; background-image: url(/-/Exchange/asset/BG_Dark.png); background-size: cover; width: 100%; height: 100%; display: block; position: absolute; z-index: -9; background-position: bottom; background-repeat: no-repeat; } @media only screen and (max-width: 750px){ all quick { display: flex; flex-wrap: wrap; } all d.aerea { display: flex; flex-flow: column-reverse; margin-top: 11px; } }/*All_Cryptos*/ cays { display: block; } cays bl{ display: grid ; grid-template-columns: 32% auto auto; padding: 11px; align-items: center; border-radius: 10px; background: var(--b1); margin: 22px 11px;} cays bl hd { overflow: hidden; display: flex ; justify-content: center; align-items: center; height: 30px; width: 70%; border-radius: 22px; margin: 10px 0px 10px 0px; background: unset; } cays bl>hd i { width: 24px; height: 24px; margin-right: 11px; } cays bl>bd { display: grid ; border-radius: 22px; margin: 10px 0px 10px 0px; grid-template-rows: 20px 20px; justify-content: center; } cays amount { font-weight: 200; opacity: 35%; font-size: 13px; display: flex ; } cays amount>i { height: 15px; width: 11px; filter: invert(1); margin-left: 5px; } cays h6 { display: grid ; grid-template-columns: max-content auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; font-weight: unset; font-size: 17px; } cays btn { display: flex ; justify-content: center; align-items: center; height: 40px; background: var(--a); border-radius: 8px; margin: 7px; } /* Amplify_Vip */ cavn { display: block; width: 100%; margin: auto; margin-top: 55px; } svpn header { position: unset; } svpn d.aerea { flex-direction: column; margin: 0; } svpn sidebar,svpn main { width: 100%; position: unset; background: transparent; max-width: 100%; } cavn .Amplify { font-size: 33px; font-weight: 500; line-height: 52px; } cavn>bl>hd>t { display: block; font-size: var(--fs); line-height: 28px; margin-block: 11px; } cavn hd btns { text-align: center; column-gap: 11px; width: fit-content; grid-template-columns: auto auto; margin-block: 22px; } cavn hd btn { background: var(--b-t); border-radius: var(--br1); padding: 11px 33px; grid-template-columns: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: 0; } cavn hd btn:first-child { background: var(--lg-b); opacity: 1; } cavn hd btn:nth-child(2):hover { opacity: 0.7; } cavn>bl>bd btns { border: solid 2px var(--b1); border-radius: var(--br1); margin-top: 44px; padding: 0px; overflow: hidden;width: 100%; } cavn>bl>bd btns btn { margin: 0; grid-template-columns: 33px auto; background: var(--b1-t44); padding: 7px; margin: 2px 4px; display: grid; border-radius: var(--br1); } cavn>bl>bd btns btn:nth-child(2) {background: transparent; } cavn>bl>ft>d { display: grid; grid-template-rows: 40px auto auto; padding: 11px; margin: var(--m); border-radius: var(--br1); transition: 99ms; border: solid 2px var(--b1);} cavn>bl>ft { display: flex; flex-wrap: wrap; margin-top: 33px; } cavn>bl>ft>d:hover { background: var(--c1); } @media only screen and (max-width: 999px){ cavn>bl>ft>d { margin: 0; } cavn>bl>ft { row-gap: 22px; } svpn .banner div { font-size: 28px; font-weight: 600; line-height: 40px; margin: 0px 18px; margin-right: 62px; } svpn .banner { height: 186px; } cavn .Amplify { font-size: var(--fs); font-weight: 500; line-height: 26px;} cavn>bl>hd>t { font-size: 12px; line-height: 17px; } cavn { width: auto; margin: var(--m); margin-top: 22px; } cvpn { width: auto; } cavn>bl>ft>d ft { width: 0; overflow: hidden; } cavn>bl>ft>d { grid-template-columns: 44px auto 0; width: 100%; align-items: center;gap: 0; } cavn>bl>ft p {width: 0; overflow: hidden;} } @media only screen and (max-width: 1199px){ cavn,cvpn,ch.cctn,ctln,cttn,.cdcn { width: auto; margin: 22px; } } /* Component : Announcement */ caus>bl>hd { display: block; margin-top: 11px; } cauo>bl { display: grid ; grid-template-columns: 44px auto; margin: 7px; background: var(--b1-t); padding: 11px; border-radius: 7px; } cauo>bl ft { display: grid ; grid-column-start: 1; grid-column-end: 3; color: var(--b-t44); padding: 1px 43px; } caus { display: none; } .cauo .cauo { display: block; } cappo bl { max-width: 444px; width: 100%; } cappo hd { display: grid; grid-template-columns: 55px auto; align-items: center; padding: 0px 14px; } cappo bd { padding: 0px 21px; display: block; opacity: .7; } cappo hd i { filter: invert(1); opacity: 0.5; } cappo aa { display: grid; grid-template-columns: auto 18px 33px; align-items: center; margin: 22px 11px; padding: 4px 9px; }/*Asked_Questions*/ adqs { display: block; padding: 0 7px; } adqs bl hd,cbno bd,cbno ft { display: grid; } adqs bl d { display: grid; border-radius: var(--br1); margin-bottom: 11px;padding: 22px; gap: 11px; } adqs bl d.lock { background: var(--b1); } adqs bl d dt { display: grid; grid-template-columns: 44px auto 35px; align-items: center; border-radius: var(--br1); } adqs bl d aa { display: block; text-align: center; padding: 4px 11px; border: 1px solid var(--b1); border-radius: 7px; margin-right: 11px; font-size: 16px; font-weight: 500; } adqs bl d i { display: flex; font-style: normal; border-radius: 44px; padding: 1px 2px; font-size: 24px; font-weight: 500; line-height: 32px; } adqs bl d i:after { content: ''; position: absolute; background: var(--c); width: 12px; height: 2px; } adqs bl d i:before { content: ''; position: absolute; background: var(--c); width: 2px; height: 12px; } adqs bl d dv { display: none; margin-bottom: 11px; } adqs bl d dv p {font-size: 15px; padding: 0 48px; margin: 0; color: var(---gry); } adqs bl d dv a { color: var(--a); font-weight: 400; } adqs .lock dv { display: grid; } adqs bl d.lock i:before { display: none; } adqs { padding: 0; } adqs bl d h3 { font-size: 18px; font-weight: 500; line-height: 18px; } adqs bl d tt p { font-size: 12px; line-height: 16px; } adqs bd ul { font-weight: 400; line-height: 24px; font-size: 15px; padding: 0 65px; margin: 0; color: var(---gry); } @media only screen and (max-width: 999px) { adqs bl d h3 { font-size: 16px; } } cadn>bl>hd div i { width: 15px; height: 15px;} cadn>bl>bd { display: grid ; gap: 6px; grid-template-columns: auto auto; } cadn>bl>bd div { display: flex ; flex-direction: column; border: solid 1px var(--b-t22); padding: 14px; border-radius: 20px;gap: 8px; } cadn>bl>bd div i { width: 32px; height: 32px;filter: grayscale(1); } cadn>bl>bd div dv { display: flex ; align-items: center; gap: 6px; } cadn>bl>bd div b { font-size: 17px; font-weight: 400; } cadn>bl>bd div d span { font-size: 15px; } cadn>bl>hd d { display: flex ; justify-content: space-between; padding: 16px 0px; } cadn>bl>hd d h3 { font-size: 16px; font-weight: 400; } cadn>bl>hd>div { display: flex ; align-items: center; justify-content: space-between; } cadn bd div dv span { font-size: 16px; color: var(---gry); } cadn>bl>hd>div h2 { font-weight: 400; } cadn>bl>bd div:nth-child(2) dv svg { fill: var(---g); } cadn>bl>bd div f { display: flex ; flex-direction: column; gap: 8px; } @media(max-width:999px){ cadn>bl>bd {display: flex ; flex-direction: column;} cadn>bl>bd div f { display: flex ; flex-direction: row; } cadn>bl>bd div { display: flex ; flex-direction: row; justify-content: space-between; gap: unset; } cadn>bl>bd div b { font-size: 15px; font-weight: 400; } }/*Auto_Invest */ cccs bd>bl { display: none; } canac { display: block; width: 100%; transition: 333ms; margin-top: 15px; } canac hd h3 { display: flex ; margin-left: 18px; font-size: 1em; font-weight: 500; } canac mg { display: flex; padding: 0 18px; margin-top: 11px; gap: 15px; } canac hd a { border-radius: 5px; font-size: 14px;} canac mg a:nth-child(1) { background: var(--lg-b); } canac hd search { display: flex ; align-items: center; position: relative; width: auto; background: var(--b1); border-radius: 11px; margin: 25px 11px 0px 11px; } canac search i { width: 24px; height: 24px; } #Exchange canac hd input { width: 100%; height: 44px; line-height: 28px; padding: 0 33px; border-radius: 10px; outline: none; background-color: var(--b1); transition: .3s ease; margin: 0; font-size: 1em; } canac bd { display: block; } canac mg aa { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } canac mg aa h4 { padding: 7px; } canac pbl { display: grid; background: var(--b1); padding: 11px; border-radius: 11px; grid-template-columns: 70% 30%; align-items: center; } canac pbl p { margin: 7px 0; color: var(--a); } canac histry hd { height: 44px; margin-top: 11px; display: flex; align-items: center; justify-content: space-between; } canac trdng { margin-top: 22px; display: block; } canac trdng bd,cccs histry bd { display: flex ; gap: 7px; padding: 11px 0 ; } canac trdng a,cccs histry a{ background: var(--b1); padding: 4px 11px; border-radius: 7px;font-weight: 100; } canac coins cpt { display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: 11px; position: relative; margin: 11px 0; padding: 11px; background: var(--b1-t44); } canac coins cpt>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); margin: auto; display: flex; align-items: center; justify-content: center; } canac coins cpt>hd img { object-fit: contain; height: 66%; width: 66%; } canac coins cpt>bd { display: flex; flex-direction: column; justify-content: center; } canac coins cpt>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } canac .icon { position: absolute; left: 2rem; fill: #9e9ea7; width: 1rem; height: 1rem; } canac cash csh { display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: 11px; position: relative; margin: 11px 0; padding: 11px; 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; } /*AutoInvests*/ cais { border: solid 0.1px rgb(195 203 203 / 22%); border-radius: 10px; background: var(--00); margin: 3px; display: grid ; font-size: 9px; align-items: center; padding: 10px 18px 16px 16px; } cais hd { display: flex ; position: relative; z-index: 2; flex-direction: column; gap: 11px; font-size: 18px; } cais hd h4 { font-size: 0.88em; font-weight: 500; } cais bd { opacity: 80%; padding: 11px 0px; font-size: 6px; } cais bd h1 { padding: 0; font-weight: 100; } /* Component : Balance */ ctbn { display: block; background: var(--b1); margin:var(--m); padding: 11px; border-radius: 22px; } ctbn hd { display: grid; grid-template-columns: 44px auto; align-items: center; } ctbn hd svg { fill: var(--c); filter: invert(1); } ctbn bd { display: grid ; justify-content: center; align-items: center; } ctbn bd amount { font-size: 4em; font-weight: 600; } /* Component : BankTransfer */ cpbto>bl form>d { display: block; padding: 11px; margin: var(--m); } cpbto>bl form>d>input { width: -webkit-fill-available; border-radius: var(--br1); margin: 0; margin-top: 7px; background: var(--b1-t44); font-size: 1em; padding: 11px; height: 22px; color: var(--b-t44); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .3; line-height: 1.5; } cpbto>bl hd>d { display: flex ; align-items: flex-start; background-color: var(--at); border-radius: 8px; padding: 15px; margin: 22px; grid-column-gap: 11px; } cpbto>bl hd>d>i { display: flex ; width: 33px; height: 33px; justify-content: center; align-items: center; background: var(--a1t); border-radius: 33px; box-shadow: inset 0px 0px 11px -13px; flex: none; transform: rotate(-10deg); } cpbto>bl hd>d p { font-size: 11px; margin: 0; margin-top: 7px; color: var(--a); } cpbto>bl ft>btn { display: block; padding: 10px; font-size: var(--fs); background-color: var(--b1-t); border: none; border-radius: var(--br1); cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } cpbto>bl { display: block; background: var(--b-t); border-radius: 11px; padding: 11px; } cpbto>bl hd>d strong { color: var(--c); font-size: 1em; } bcss bl { display: grid; background: var(--b); color: var(--b); border-radius: var(--br); padding: var(--br); position: relative; margin: auto; border: solid 1px var(--b1);grid-template-columns: auto 150px; } bcss bd { display:block; position:relative; } bcss hd h3 { font-size: 1.33em; font-weight: 500; color: var(--c); } bcss hd p { color: var(--b-t77); font-size: 1.11em; line-height: var(--lh); font-weight: 200; margin: 8px 0; } bcss hd btn { display: inline-block; background: var(--lg-b); color: var(--c); padding: 10px 22px; border-radius: 11px; font-weight: 300; margin-top: 14px; cursor: pointer; } bcss i { width: 150px; height: 150px; } bcss circle { fill: var(--a);} @media only screen and (max-width: 999px) { bcss bl{ display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; } bcss hd p {font-size: 0.88em; font-weight: 400} bcss hd btn { width: -webkit-fill-available; text-align: center; } bcss i { width: 180px; height: 180px; } } cbon { display: grid ; row-gap: 7px; border: 1px solid var(--bc); border-radius: 11px; padding: 22px; margin: 7px; } cbon bd i { display: block; height: 40px; width: 40px; } cbon>bl { display: flex ; justify-content: space-between; } cbon>bl ft { display: none ; } cbon bl bd { display: flex ; flex-direction: unset; gap: unset; align-items: center; } cbon bl bd i:first-child { position: relative; left: 13px; } @media (max-width: 999px) { cbon { margin: 7px 0px; } }cbnn { display: block; margin-top: 44px; } cbnn hd t { font-size: 0.88em; font-weight: 500; color: var(--b-t44); margin-top: unset; } cbnn ft p { font-weight: 500; color: var(--b-t44); } cbnn ft a { color: var(--a); font-size: 0.88em; font-weight: 400; } cbnn>bl>bd { grid-template-columns: auto auto auto; display: grid ; } cbnn h2 { font-size: 2.5em; font-weight: 500; } cbnn ft p { font-size: 0.88em; } @media (max-width : 999px) { cbnn>bl>hd>t { font-size: 14px; margin: 22px 0px; display: flex ; } cbnn h2 { font-size: 28px; } cbnn>bl>bd { display: block; } cbnn { margin: 11px; } }cbms>bl>bd { grid-template-columns: 50% 50%; display: grid ; justify-content: space-between; } cbms { margin-top: 22px; display: block; } @media (max-width : 999px) { cbms>bl>bd { display: block; } cbms h2 { font-size: 28px; } cbms { margin: 11px; } } /* Component : Block_Trade */ cppoo hd { display: grid; align-items: center; grid-template-columns: auto 28px 28px 25px; } cppoo bd { display: flex; justify-content: space-between; margin: 7px 0; } cppoo bd div { display: flex; gap: 11px; } cppoo bd h1 { display: flex; font-size: 14px; width: 77px; font-weight: 100; } cppoo bd i { height: 22px; } /* Component : Block_TradeBuy */ cbtb>bl { display: block; background: var(--b-t); margin: 7px; border-radius: var(--br); padding: var(--p); position: relative; } cbtb>bl hd>d { display: flex ; font-size: 18px; font-weight: 400; align-items: center; } cbtb>bl hd>d i { width: 22px; height: 22px; background: var(--c); margin-right: 7px; } cbtb>bl hd>d name { font-weight: 700; font-size: 0.88em; } cbtb>bl hd>f { display: grid ; grid-template-columns: max-content 7px auto; overflow-wrap: anywhere; letter-spacing: 0; font-weight: unset; opacity: 0.5; align-items: center; gap: 7px; line-height: 2.77; } cbtb>bl hd>f p { margin: 0; } cbtb>bl d.Upi { display: flex ; align-items: center; justify-content: space-between; } cbtb>bl d.Upi>spain { opacity: .5; } cbtb>bl bd>d { display: block; line-height: 1.77; } cbtb>bl bd>d i { height: 17px; width: 17px; margin: 0 4px; } cbtb>bl d>ord { display: flex ; align-items: center; gap: 7px; font-size: .88em; } cbtb>bl d>ord h5 { font-size: 15px; opacity: 0.7; font-weight: 400; } cbtb>bl d>tml { display: flex ; align-items: center; gap: 11px; font-size: .88em; } cbtb>bl d>amt { display: flex ; align-items: center; font-size: .88em; column-gap: 11px; } cbtb>bl amt>t { font-size: 15px; opacity: .7; } cbtb>bl lmt>b { font-size: 15px; opacity: .7; margin-right: 7px; } cbtb>bl ft>btn { right: -3px; font-weight: 500; color: var(--ct); float: right; font-size: 10px; padding: 4px; border-radius: var(--br1); margin-right: 11px; width: 78px; height: 28px; align-items: center; display: flex ; justify-content: center; } cbtb>bl hd>d i:after { content: " "; width: 7px; height: 7px; background: var(--a); border-radius: 19px; position: relative; left: 7px; top: 7px; border: solid 2px var(--b1); } cbtb.sellp2p>bl:after { content: " Featured"; position: absolute; background: rgb(21 107 255 / 26%); top: 100px; border-radius: 4px; padding: 1px 4px; border-top-right-radius: 9px; font-size: 15px; width: 87px; display: flex ; justify-content: center; color: var(--a); top: 0; right: 0; } cbtb { display: none; } cbtb>bl ft { display: flex; justify-content: end; } cbtb>bl ft>btn.sell { background: #f654543d; border: 1px solid #f654543d; } cbtb>bl ft>btn.buy { background: #4caf504a; border: 1px solid #4CAF50; } .sellp2p cbtb.sellp2p { display: block; } .buyp2p cbtb.buyp2p { display: grid; } cp2to.buyp2p aa.buyp2p { display: flex ; justify-content: center; align-items: center; border-radius: 3px; background: var(--b-t22); } cp2to.sellp2p aa.sellp2p { display: flex ; justify-content: center; align-items: center; border-radius: 3px; background: var(--b-t22); } cp2to>bl mb>f aa { display: block; transition: 0.077s; font-size: 0.88em; padding: 4px; } /* Component : Block_TradeSell */ cppos bd trc { position: relative; grid-template-columns: 100%; padding-block: 15px; margin-block: 11px; line-height: 30px; box-shadow:unset; } cppos trc hd { padding: 0; display: block; width: auto; height: auto; background: transparent; border-radius: unset; } cppos bd bl { display: flex; justify-content: space-between;align-items: center; background: var(--0); gap: 11px; margin: 0;} cppos bd h1 { display: flex; font-size: 18px; font-weight: 400; align-items: center; gap: 4px; } cppos bd h1>i { width: 22px; height: 22px; background: var(--c); } cppos hd h1>i::before { content: " "; width: 8px; height: 8px; background: var(--a); border-radius: 11px; position: absolute; right: 0px; top: 13px; border: solid 2px var(--b); } cppos bd p { font-size: 20px; margin: 0; } cppos bd h5 { display: flex; align-items: center; gap: 3px; font-size: .88em; height: fit-content; margin-left: 22px; padding-left: 8px; } cppos bd ord { display: flex; align-items: center; gap: 7px; font-size: .88em; } cppos bd ord h5 { font-size: 15px; opacity: 0.7; } cppos bd tml { display: flex; align-items: center; gap: 11px; font-size: .88em; } cppos bd tml i { width: 17px; opacity: 0.7; } cppos bd amut { display: flex; align-items: center; font-size: .88em; column-gap: 11px; } cppos bd amut h5 { font-size: 15px; opacity: .7; } cppos bd lmt { display: flex; align-items: center; font-size: .88em; column-gap: 11px; } cppos bd lmt h5 { font-size: 15px; opacity: .7; } cppos bd ft div { font-size: 10px; padding: 4px; border-radius: var(--br1); margin-right: 11px; width: 78px; height: 28px; align-items: center; display: flex; justify-content: center; background: #f654543d; border: 1px solid #f654543d; } @media screen and (max-width: 999px) { cppos bd h5 { margin: 0; padding: 0; } cppos bd ft div { position: absolute; bottom: 25px; } } cbhdr hd d { height: auto; align-items: center; z-index: 22; display: inline-grid ; grid-template-columns: 55px 33px auto auto; } cbhdr hd d t { border-radius: 5px; border: solid 1px var(--b1t44); padding: 2px 8px; margin: 6px; display: flex; justify-content: center; } cbhdr hd d t aa { display: grid ; justify-content: center; align-items: center; grid-template-columns: auto 21px; } cbhdr hd d back i { height: 33px; width: 33px; fill: #fff; display: flex; justify-content: center; align-items: center; } cbhdr hd d op { border-radius: 5px; border: solid 1px var(--b1t44); padding: 2px 8px; margin: 6px; display: flex; justify-content: center; align-items: center; } cbhdr hd d op i { height: 20px; width: 20px; } /* Component : Block_Trades */ .buyp2 aa.buyp2, .Sellp2 aa.Sellp2 { display: flex; justify-content: center; align-items: center; border-radius: 3px; background: var(--b-t22); } cppto cppob.buyp2, cppos.Sellp2 { display: none; } cppoo dotts { transform: rotate(90deg); display: flex; justify-content: center; } cppob>div { margin: 11px; } cppoo mg{background: var(--c1); display: grid; width: 95px; grid-template-columns: 50% 50%; padding: 7px; border-radius: 4px; margin: 7px;} cppoo aa { justify-content: center; display: flex; } cppob hd p { /*background: var(--a1t);*/ padding: 0px 4px; border-radius: 2px;font-size: 18px; } cppob bd div h1 { font-size: 13px; display: flex; justify-content: space-between; font-weight: 100; align-items: center; } cppob bd .t h2 { background: var(--b1t); padding: 5px 6px; border-radius: 3px; } cppob ft bl { justify-content: flex-end; display: flex; } cppob ft h1 { font-size: 16px; font-weight: 300; display: flex; justify-content: end; border: solid 1px var(--a); padding: 2px 4px; border-radius: 3px; color: var(--a); } cppob bd p { margin: 0; } cppob trc nam { display: flex; width: 33px; height: 33px; background: var(--svg1); justify-content: center; align-items: center; border-radius: 55px; } cppos nam { display: flex; width: 33px; height: 33px; background: var(--svg1); justify-content: center; align-items: center; border-radius: 55px; } cppob div hd { height: 55px; display: flex; } cppos bl h1 i { width: 22px; height: 22px; background: var(--c); } @media only screen and (min-width: 999px) { cppto.buyp2 { max-width: 100%; position: relative; display: grid; background: var(--b-t); margin: 11px; border-radius: 11px; border: solid 1px var(--b1-t44); } cppto.Sellp2 { max-width: 100%; display: grid; position: relative; background: var(--b-t); margin: 11px; border-radius: 11px; border: solid 1px var(--b1-t44); }} @media only screen and (min-width: 1700px) { cppos trc>bd { display: grid; grid-template-columns: auto auto auto; align-items: center; justify-content: space-around; } } @media only screen and (max-width: 999px) { cppto.buyp2 cppob.buyp2 { display: block;position: relative; } cppto.Sellp2 cppos.Sellp2 { display: block; position: relative; } } cbtds { max-width: 100%; position: relative; display: block; background: var(--b-t); margin: 11px; border-radius: 11px; border: solid 1px var(--b1-t44); } cbtds>bl btns btn i img { filter: invert(1); } cbtds>bl hd>mb { display: flex ; align-items: center; justify-content: space-between; } cbtds>bl mb>f { background: rgb(93 126 154 / 13%); display: grid ; width: 95px; grid-template-columns: 50% 50%; padding: 4px; border-radius: 4px; margin: 7px; text-align: center; } cbtds>bl mb>btns { display: flex ; align-items: center; } cbtds>bl mb>btns btn { display: flex ; height: 25px; width: 25px; align-items: center; justify-content: center; margin: 4px; padding: 7px; } cbtds>bl>hd d { display: flex ; justify-content: space-between; margin: 7px 0; } cbtds>bl dt { display: flex ; align-items: center; } cbtds>bl dt>cc { display: flex ; font-size: 15px; font-weight: 500; padding: 4px 7px; margin-right: 7px; flex: none; width: 81px; } cbtds>bl dt>cc i { height: 22px; width: 22px; margin: 0 4px; } cbtds>bl>hd d>btn { display: flex ; align-items: center; justify-content: center; height: 22px; width: 22px; padding: 7px; margin: 4px; } cbtds>bl>hd { display: block; padding: 7px; } cbtds aa.active { color: unset; } cbtds.sellp2p aa.sellp2p { display: flex; justify-content: center; align-items: center; border-radius: 3px; background: var(--b-t22); } cbtds.sellp2p aa.jrac.buyp2p { display: flex; justify-content: center; align-items: center; border-radius: 3px; background: unset; } cbtds.buyp2p aa.jrac.buyp2p { display: flex; justify-content: center; align-items: center; border-radius: 3px; background: var(--b-t22); } /* Blocked_Account */ cblka>bl {display:flex;align-items:center;padding:12px 0;border-radius:4px;gap:15px;} cblka>bl hd img{width:45px;height:45px;border-radius:50%;object-fit:cover;} cblka>bl bd{display:flex;flex-direction:column;gap:3px;max-width:70%;} cblka>bl bd b{font-size:16px;font-weight:500;} cblka>bl bd span{font-size:14px;color:var(---gry);} cblka>bl bd p {font-size:13px;color:var(---gry);padding: 0;} cblka>bl ft { margin-left: auto; margin-right: 11px; } cblka>bl ft button{background:var(--b1t);color:var(--y);border:none;padding: 10px 16px;border-radius:4px;cursor:pointer;transition: 333ms;font-size: 14px;} cblka>bl ft button:hover{opacity:.8;} /* Blocked_Accounts */ cbka {display:none;} cbka>bl>hd{display:flex;align-items:center;gap:20px;padding:10px;border-bottom:solid 1px var(--c1);} cbka>bl>hd i{height:33px;width:33px;} cbka>bl>hd h2{font-size:1.25rem;font-weight:400;} cbka>bl>bd{padding:15px;} cbka>bl>bd>p{display:block;font-size:14px;color:var(---gry);line-height:22px;margin-bottom:20px;} app.BlockAccount cbka { display: block; } app.BlockAccount dsso>bl>hd { display: none; } app.BlockAccount dsso>bl>bd { display: none; } /*Bnbpoint*/ cbno { display: block; padding: 0 7px; } cbno bl hd,cbno bd,cbno ft { display: grid; } cbno bl d { display: grid; border-radius: var(--br1); margin-bottom: 11px;padding: 22px; gap: 11px; } cbno bl d.lock { background: var(--b-t); } cbno bl d dt { display: grid; grid-template-columns: 44px auto 35px; align-items: center; border-radius: var(--br1); } cbno bl d aa { display: block; text-align: center; padding: 4px 11px; border: 1px solid var(--b1); border-radius: 7px; margin-right: 11px; font-size: 16px; font-weight: 500; } cbno bl d i { display: flex; font-style: normal; border-radius: 44px; padding: 1px 2px; font-size: 24px; font-weight: 500; line-height: 32px; } cbno bl d i:after { content: ''; position: absolute; background: var(--c); width: 12px; height: 2px; } cbno bl d i:before { content: ''; position: absolute; background: var(--c); width: 2px; height: 12px; } cbno bl d dv { display: none; margin-bottom: 11px; } cbno bl d dv p {font-size: 16px; padding: 0 48px; margin: 0; color: var(---gry); } cbno .lock dv { display: grid; } cbno bl d.lock i:before { display: none; } cbno { padding: 0; } cbno bl d h3 { font-size: 20px; font-weight: 500; line-height: 18px; } cbno bl d tt p { font-size: 12px; line-height: 16px; } @media only screen and (max-width: 999px) { cbno bl d h3 { font-size: 16px; } } bmdo>bl { flex-direction: column; padding: 16px 0; border: solid 1px var(--c1); display: flex ;min-height: 100vh; } bmdo hd mg { display: flex ; gap: 12px;padding: 0px 24px; } bmdo mg a { padding-bottom: 8px; font-size: 16px; line-height: 24px; position: relative; font-weight: 400; } app.BM bmdo mg a:nth-child(1) { border-bottom: solid 2px var(--a); } app.LD bmdo mg a:nth-child(2) { border-bottom: solid 2px var(--a); } cbgt bl { min-height: 77px; background: var(--b1); padding: 22px; border-radius: 22px; width: auto; margin-top: 11px; } cbgt bd{ display: grid; grid-gap: 7px; padding: 7px 0; font-size: 22px;} cbgt hd {font-size: 20px; font-weight: 500;} cbyo { display: grid ; background: var(--bg); text-align: start; box-shadow: 0px 0px 3px 1px #d9d9d9; border-radius: 11px; margin-top: 43px; } cbyo bd { display: block; } cbyo ul { padding: 0; margin: 0; } cbyo li { font-weight: 500; color: rgb(95, 99, 104); padding: 12px 24px; cursor: pointer; list-style: none; } cbyo ft { display: inline-block; width: 100%; border-top: 2px solid var(--bc); } /* Component : BuyNew */ cbun>bl { display: block; padding: var(--p1); background: var(--b-t); border-radius: var(--br); border: 1px solid var(--b1); margin: 11px; } cbun>bl hd { display: grid ; grid-template-columns: 44px auto; align-items: center; margin-bottom: 11px; font-weight: 600; } cbun>bl f>bt { max-height: 99px; font-weight: 500; font-size: 0.88em; opacity: 0.5; } cbun>bl bu>form sl { display: grid ; grid-template-columns: auto auto 44px; margin: 7px 0; background: var(--b1); border-radius: 7px; text-align: center; align-items: center; font-weight: bold; font-size: 0.8em; padding: 0 7px; transition: .11s; } cbun>bl bu>form sl:hover { box-shadow: 0px 0 0 1px var(--a); } cbun>bl form input:focus { box-shadow: none; } cbun>bl form>d input { margin: auto; height: 17px; width: 17px; } cbun>bl form>d { display: grid ; grid-template-columns: 33px auto; align-items: center; border: 2px solid var(--b1); padding: 7px 22px; border-radius: 7px; max-width: max-content; background: var(--lg); } cbun>bl bu>form p { font-size: 0.77em; opacity: .5; font-weight: 400; letter-spacing: 0.44px; } cbun>bl ft>btns { display: block; } cbun>bl ft btns>btn { display: flex ; align-items: center; justify-content: center; padding: 11px; background: var(--b1-t44); border-radius: 7px; margin: 4px; border: 1px solid var(--b1-t44); } cbun>bl btns>btn:last-child { display: grid ; grid-template-columns: 33px auto; background: var(--lg-b); border: none; } cbun>bl wl>f { align-items: center; } cbun>bl form>sl:focus { box-shadow: 0 0 0 2px var(--a); } cbuts>bl ft>btn:hover { background: var(--lg-b); } /* Component : BuyTransactions */ cbuto>bl { display: grid ; grid-template-columns: 66px auto max-content; background: var(--b-t); padding: var(--p); border-radius: var(--br); border: 1px solid var(--b1); align-items: center; } cbuto>bl hd>i { height: 44px; width: 44px; background: var(--b1); } cbuto>bl ft { display: flex ; flex-direction: column; align-items: end; } cbuts>bl ft>btn { display: grid ; grid-template-columns: 44px auto; align-items: center; padding: 11px; justify-content: center; background: var(--lg); border-radius: 44px; max-width: 333px; margin: 11px auto; } cbuts>bl { display: block; padding: 7px; margin: 7px; } @media (max-width: 999px) { cbuts bd no { width: 100%; } }cbct>bl { display: flex ; justify-content: space-between; } cbct>bl>ft { display: none; } cbct>bl>hd { padding-top: 55px; } cbct h2 { font-size: 2.5em; font-weight: 500; } @media (max-width: 999px) { cbct>bl { display: flex ; margin: 11px; flex-direction: column; flex-flow: column-reverse; } cbct>bl>hd { padding-top: 0px; } cbct h2 { font-size: 28px; } }cbcc :root { --bg: #0d1117; --panel: #161b22; --border: #30363d; --text: #c9d1d9; --sub: #8b949e; --up: #26a69a; --down: #ef5350; --accent: #238636; } cbcc bl { margin: 0; font-family: system-ui, -apple-system, Roboto; background: var(--bg); color: var(--text); height: 100vh; display: flex; flex-direction: column; } cbcc hd { padding: 12px 16px; background: var(--panel); border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; } cbcc hd .title { font-weight: 700; font-size: 1.1rem; } cbcc .toolbar { background: var(--panel); border-bottom: 1px solid var(--border); padding: 8px 16px; display: flex; gap: 12px; align-items: center; justify-content: space-between; } cbcc .info { color: var(--sub); font-size: 0.9rem; } cbcc #chart { flex: 1; } cbcc .loading { display: none; gap: 8px; align-items: center; color: var(--sub); } cbcc .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); animation: b 0.9s infinite alternate; } cbcc .dot:nth-child(2){ animation-delay: .15s } cbcc .dot:nth-child(3){ animation-delay: .3s } @keyframes b { cbcc from { opacity:.3 } cbcc to{ opacity: 1 } }cbudo hd.b { display: grid ; grid-template-columns: auto 33px; } cbudo hd t { display: grid ; grid-template-columns: auto 33px; margin-bottom: 11px; padding: 5px 18px; } cbudo ft { display: grid ; background: var(--b1t); border-radius: 9px; align-items: center; padding: 20px; gap: 20px; margin-top: 11px; } cbudo ft d { display: grid ; grid-template-columns: auto auto; justify-content: space-between; } cbudo ft d>h3 { display: flex ; font-size: 0.9em; font-weight: 500; align-items: center; border-bottom: dotted 1px; border-bottom-style: dashed; } cbudo ft D h2 { font-size: 0.9em; font-weight: 500; } .cgray { color: var(--b-t44) !important; } cbudo s1 { display: grid ; grid-template-columns: auto 22px; font-weight: 500; width: fit-content; } cbudo h{ display: flex ;background: var(--c); justify-content: center; align-items: center; font-size: 20px; border-radius: 30px; color: var(--b); padding: 4px; height: 30px; width: 30px; } cbudo a>i { width: 16px; height: 16px; } cbudo s { text-decoration: none; font-weight: 500; font-size: 1.0rem; display: flex ; gap: 10px; align-items: center; } cbudo h3 { display: grid ; font-size: 1.0em; align-items: baseline; gap: 8px; grid-template-columns: 74px 60px 60px 90px; } cbudo h4 { display: flex ; align-items: center; } cbudo a1 { font-weight: 500; font-size: 0.9rem; } cbudo hr { margin: 0 8px; height: 15px; display: inline-block; width: auto; } h2.cgray { font-size: 0.9em; } cbudo d>h2 { font-weight: 500; font-size: 18px; } cbudo h3 a { display: flex; font-weight: 400; align-items: center; justify-content: space-between; gap: 3px; } cbudo>bl bd { display: grid; grid-template-columns: 44px auto; align-items: flex-start; gap: 11px; padding: 0px 15px; } cbudo>bl bd csu { display: grid; align-items: baseline; justify-content: space-between; padding-right: 4px; } cbudo dt tt { display: grid; gap: 20px; background: var(--b1-t44); border-radius: 20px; padding: 20px; box-shadow: 0 4px 8px var(--bt); position: relative; color: var(--c); margin-block: 22px; width: fit-content; } cbudo dt { grid-column-start: 1; grid-column-end: 3; display: flex ; justify-content: space-between; margin: 22px 5px; align-items: center; } @media only screen and (max-width: 999px) { cbudo>bl bd { display: block; } } /* Component : CT_Portfolio */ cctpo>bl {padding: 11px;border-radius: var(--br);position: relative;display: block;background: var(--b1t44);border: solid 2px var(--b-t44);transition: 99ms;margin: 7px 0;} cctpo>bl hd { border-radius: 6px; display: grid ; overflow: unset; background: unset; grid-template-columns: 55px auto 22px; height: auto; width: auto; justify-content: start; align-items: start; } cctpo>bl hd>i { display: block; width: 40px; border-radius: 55%; height: 40px; border: 1px solid var(--bc); overflow: hidden; } cctpo>bl hd>i img { height: 100%; width: 100%; object-fit: cover; } cctpo>bl f>i { height: 17px; width: 17px; margin: auto 7px; margin-left: 7px; } cctpo>bl f>name { font-size: 1.1em; } cctpo>bl f>t { font-size: 0.88em; } cctpo>bl bd>d { display: grid ; grid-template-columns: 53% 42%; align-items: center; } cctpo>bl bd>d:nth-child(2) { justify-content: space-between; display: flex ; } cctpo>bl ft>btns {display: grid;align-items: center;grid-template-columns: 44% auto;margin-top: 11px;position: relative;z-index: 99;} cctpo>bl btns>btn { background: var(--lg-b); border-radius: 5px; color: var(--c); margin: 5px; padding: 7px 11px; display: block; text-align: center; } cctpo>bl btns>btn:nth-child(1) { background: var(--lg); } cctpo>bl d>txt { display: block; padding: 11px 0; } cctpo>bl txt small { opacity: .5; } cctpo>bl txt p { margin: 0; margin-top: 11px; opacity: .5; } /* Component : CT_Portfolios */ cctps>bl hd>f>btns { display: grid ; align-items: center; grid-template-columns: auto auto; } cctpo>bl { padding: 11px; border-radius: var(--br); position: relative; display: block; background: var(--b1t44); border: solid 2px var(--b-t44); transition: 99ms; margin: 0px ; } cctps>bl f>btns btn { padding: 7px 11px; border-radius: 8px; font-size: 14px; margin-right: 7px; } cctps>bl f>btns btn.Portfolios { background: var(--lg-b); } cctps>bl hd>f>btn { display: flex ; align-items: center; justify-content: center; height: 33px; width: 33px; padding: 7px; margin-left: auto; } cctps>bl f>d { display: grid ; grid-template-columns: 33px auto; align-items: center; margin-right: 7px; } cctps>bl f>d>input { margin: 7px; height: 15px; width: 15px; } cctps bl>bd { display: block; padding: 0px 17px; } cctps hd f:nth-child(1) { border-bottom: 1px solid var(--bc); padding: 22px 0px; } cctps>bl hd>f sl>select { border: none; color: var(--c); background: transparent; min-height: auto; } cctps>bl hd>f sl { background: transparent; margin-left: auto; } cctps>bl hd>mb { display: flex ; align-items: center; overflow: auto; margin: 11px 0; gap: 7px; } cctps>bl mb>aa {font-weight: 500; color: var(--c); border-radius: 6px; justify-content: center; align-items: center; font-size: 12px; padding: 6px 13px; flex: none; } cctps>bl mb>hr { margin: 4px 0; width: 2px; height: 26px; background: var(--c); } cctps>bl { display: block; padding: 7px; margin: 7px; } cctps>bl mb>aa.active { background: var(--bc); } cctps bd aa { font-family: sans-serif;display: flex ; justify-content: space-between; padding-block: 11px; margin: 12px 10px; } cctps aa>t { font-size: 15px; font-weight: 100; } cctps ft > d { display: grid; gap: 10px; } cctps f btn>i { width: 100%; height: 100%; } aa.jrac.Sharpe { background: var(--bc); } cctps bd h1 { font-family: sans-serif;padding-block: 11px; font-size: var(--fs); font-weight:900; letter-spacing: 1px; } @media (min-width : 999px) { cctps>bl>ft>d { display: grid ; grid-template-columns: auto auto; gap: 10px; } } /* Component : Card */ carn { position: absolute; left: 20%; padding: 2.5rem; background-color: var(--b1); border-radius: 20px; flex-direction: column; max-width: 400px; display: flex; transform: scale(0); transition: 99ms; } carn hd i { width: 100%; height: 100%; } carn hd img { filter: hue-rotate(-43deg); width: 250px;} carn bd span { padding: 10px; border-radius: 20px; background: var(--at); display: flex; margin-top: 4%; } carn bd b { max-width: 5%; background: var(--lg-b); border-radius: 10px; height: 6px; width: 100%; } carn bd p { display: flex; justify-content: center; } carn bd div p { font-size: 13px; line-height: 1.25rem; max-width: 300px; text-align: center; margin-block: 0; } carn bd div { padding: .625rem; border-radius: 20px; align-items: center; flex-direction: column; display: flex; background: var(--b1t); } carn ft btn { font-size: 1.2rem; line-height: 3.5rem; text-align: center; border-radius: var(--br1); justify-content: center; display: flex; align-items: center; margin-top: 2.5rem; width: 100%; background: var(--a1); } /*CareerHire only css*/ ccho bd p { opacity: .6; font-size: 15px; } ccho d h2 { opacity: .3;font-size: 40px; } ccho d p { font-size: 1.11em; font-weight: 400; } /*CareerHire only Desktop version*/ @media only screen and (min-width: 999px) { ccho { margin-top: 9%; } ccho ft { display: flex; gap: 18%; margin-top: 4%; } } ccho h2 { font-size: 2.77em; font-weight: 500; } /*CareerHire only phone version*/ @media only screen and (max-width: 999px) { ccho { margin-top: 25%; } ccho hd h1 { font-size: 32px; } ccho ft { display: grid; margin-top: 4%; margin-bottom: 15%; gap: 32px; } } /*CareerTeam only css*/ ccyto { margin-top: 7%; } ccyto ft d { display: grid; grid-template-columns: 14% auto; align-items: center; border-radius: 18px; border: solid 1px var(--b1); padding: 26px; } ccyto bl span { font-size: 16px; } ccyto ft d:hover { border: solid 1px var(--c); } ccyto p { font-size: 15px; opacity: .6; } /*careers only Desktop version*/ @media only screen and (min-width: 999px) { ccyto ft { display: grid; grid-template-columns: 32% auto auto; gap: 25px; margin-top: 5%; } } /*careers only phone version*/ @media only screen and (max-width: 999px) { ccyto ft { display: grid; gap: 25px; margin-top: 5%; } ccyto h1 { font-size: 23px; } }/*CareerWork only css*/ ccwo { display: grid; gap: 20px; margin-top: 10%;} ccwo d {display: grid ; align-items: center; gap: 6px; grid-template-rows: 273px auto auto; } ccwo bd t { border-radius: 20px; border: solid 1px var(--b1); padding: var(--p); height: -webkit-fill-available;} ccwo hd i { width: 100%; } ccwo bd i { width: -webkit-fill-available; height: -webkit-fill-available; } ccwo ft i { width: 100%; } ccwo bd h1 { font-size: 18px; } /*CareerWork only Desktop version*/ @media only screen and (min-width: 999px) { ccwo bd { display: grid; grid-template-columns: auto auto auto; gap: 20px; } ccwo b { font-weight: 500;font-size: 44px; } ccwo hd p { font-size: 15px; opacity: .6; } ccwo bd p { font-size: 15px; opacity: .6; } ccwo ft p { font-size: 15px; opacity: .6; } } /*CareerWork only Desktop version*/ @media only screen and (max-width: 999px) { ccwo bd { display: grid; gap: 20px; } ccwo b { font-size: 26px; margin-bottom: 4%;} }/*CareerWorks only css*/ ccws h5 p { font-size: 1.33em; margin: 0; font-weight: 400; line-height: 41px; } ccws { margin-top: 11%; } /*CareerWorks only Desktop version*/ @media only screen and (min-width: 999px) { ccws bd { display: flex; justify-content: space-between;margin-top: 4%; } ccws bd d { display: grid; grid-template-rows: 42% auto; } } /*CareerWorks only phone version*/ @media only screen and (max-width: 999px) { ccws bd { display: grid; margin-top: 10%; grid-template-rows: 34% 33% 33%;gap: 34px; } ccws h1 { font-size: 24px; } ccws d h5 { display: grid ; margin-top: 5%; line-height: 34px; } ccws d i { width: 26%;height: 35%;} }/*careers only css*/ ccsu bd h1 { font-size: 22px; font-weight: 500; line-height: 28px; } ccsu bd p { font-size: 15px; opacity: .6; } ccsu ft d { display: grid; } ccsu bd dt t { display: grid; align-items: center; justify-content: center; } ccsu svg { fill: none; } ccsu bd aa { padding-left: 2.5rem; padding-right: 2.5rem; border-radius: 20px; border: solid 1px var(--b1); grid-row: span 2 / span 2; padding-top: 2.5rem; margin: 0; } /*careers only Desktop version*/ @media only screen and (min-width: 999px) { ccsu ft { display: flex; padding: 25px; border-radius: 20px; border: solid 1px var(--b1); margin-top: 2%; justify-content: space-around; min-height: 163px; align-items: center; } ccsu ft d t { font-size: 47px; } ccsu ft p { font-size: 20px; opacity: .6;margin: 0;} ccsu bd { display: grid; grid-template-rows: 30% 30% 30%; grid-template-columns: auto auto; gap: 1.5rem;margin-top: 4%; } ccsu bd dt { display: grid; grid-template-columns: 65% auto; padding-bottom: 1rem; padding-top: 1rem; padding-left: 2.5rem; padding-right: 2.5rem; border-radius: 20px; border: solid 1px var(--b1); gap: 48px; } ccsu bd aa i { left: 45%; width: 62%; height: 68%; } } /*careers only phone version*/ @media only screen and (max-width: 999px) { ccsu ft { display: grid; padding: 25px; border-radius: 20px; border: solid 1px var(--b1); margin-top: 6%; gap: 26px; } ccsu bd { display: grid; grid-template-rows: auto auto auto auto auto; gap: 20px; } ccsu bd dt { display: grid; grid-template-rows: 27% auto; padding-top: 2rem; padding-left: 2.5rem; padding-right: 2.5rem; border-radius: 20px; border: solid 1px var(--b1); gap: 48px; padding-bottom: 9px; } ccsu span p { font-size: 15px; opacity: .6; } ccsu bd aa i { left: 15%; width: 73%; height: 67%; } ccsu h1 { font-size: 25px; } ccsu ft t {font-size: 35px;} ccsu ft p{font-size: 14px;opacity: .6;margin: 0; } } /* Component : Carousel */ /*! Flickity v1.0.0 http://flickity.metafizzy.co ---------------------------------------------- */ crsl>bl { display: block; overflow: hidden; border-radius: 22px; } crsl { height: 333px; z-index: 8; position: relative; display: block; } crsl>slides { margin: 7px; display: block; border-radius: 22px; overflow: hidden; } .flickity-enabled {position: relative;} .flickity-enabled:focus { outline: none; } .flickity-viewport {overflow: hidden;position: relative;height: 100%;} .flickity-slider { position: absolute; width: 100%; height: 100%;} /* draggable */ .flickity-enabled.is-draggable { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab;} .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing;} /* ---- previous/next buttons ---- */ .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: hsla(0, 0%, 100%, 0.75); cursor: pointer;/* vertically center */ -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .flickity-prev-next-button:hover { background: white; } .flickity-prev-next-button:focus {outline: none;box-shadow: 0 0 0 5px #09F;} .flickity-prev-next-button:active { filter: alpha(opacity=60); /* IE8 */ opacity: 0.6;} .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px;} .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px;} .flickity-prev-next-button:disabled { filter: alpha(opacity=30); /* IE8 */ opacity: 0.3; cursor: auto;} .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%;} .flickity-prev-next-button .arrow { fill: #333;} /* color & size if no SVG - IE8 and Android 2.3 */ .flickity-prev-next-button.no-svg { color: #333; font-size: 26px;} /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%;bottom: -13px;padding: 0;margin: 0;list-style: none; text-align: center; line-height: 1;} .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: var(--a); border-radius: 50%; filter: alpha(opacity=25); /* IE8 */ opacity: 0.25; cursor: pointer;} .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); /* IE8 */ opacity: 1;} /* external css: flickity.css */ .gallery {} .gallery-cell { width: 98%; height: 400px; margin-right: 0; counter-increment: gallery-cell;} /* cell number */ .gallery-cell img { position: absolute; top: 11px; left: 11px; right: 11px; bottom: 11px; object-fit: contain; height: calc(100% - 22px); width: calc(100% - 11px); border-radius: 22px; box-shadow: 0 0 2px 4px rgb(0 0 0 / 0%); } .flickity-prev-next-button {opacity:0;} .z-1{position: absolute;display: block;z-index: 8888;background: var(--a);right: 99px;top: 22px;border-radius: 15vh;opacity: 0.1;margin: auto;height: 35vw;width: 35vw;border: solid 6vw var(--a);} .btn1a{color:var(--b);display: grid;height: 100%;width: 100%;justify-content: center;align-items: center;position: absolute;top: 0;bottom: 0;right: 0;left: 0;} .btn2a{display: grid; grid-template-columns: 4vw auto; justify-content: center; align-items: center; color: var(--a); position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .btn1{position: relative; background:var(--a)} .btn2{background: transparent;color: var(--a);border: solid;position: relative;} @media only screen and (max-width: 999px){ .gallery-cell img { object-fit:cover} .gallery-cell { height: 260px; } hh .flickity-viewport{ height: 260px !important; } .flickity-page-dots{bottom:-5px;} crsl { height: fit-content; } } @media only screen and (min-width: 999px){ crsl slides .gallery-cell{ height: 333px; } crsl .flickity-page-dots .dot { height:14px;width:0px;} .cells{display:grid;grid-template-columns:0 50% 45%;} .cells picture { display: block; position: relative; } cell { margin: 22px; padding: 0px; display: flex; justify-content: center; flex-direction: column; } cell h1 { font-size: 2.5vw; } cell p{font-size: 1vw;margin-top: 33px;} cell btns{display:grid;grid-template-columns:50% 50%;} cell btn { display: grid; height: 4vw; font-size: 1.23vw; background: var(--a); color: var(--b); justify-content: center; align-items: center; font-weight: bold; border-radius: var(--br1); margin-right: 22px; margin-top: 22px;position: relative; } } /* Component : Casgback */ cscb>bl { position: absolute; top: 0; left: 0; display: grid ; width: 100%; height: 100%; background: var(--c); color: var(--b); border-radius:var(--br1); padding: var(--p1); justify-content: space-evenly; align-items: center; } cscb hd { display: flex ; justify-content: center; } cscb hd i { width: 100%; height: 100%; } cscb label { display: flex ; justify-content: center; } cscb span { display: block; margin-top: 20%; } cscb p { margin: 0; }/* Cash */ cbtot mg { background: rgb(93 126 154 / 13%); display: grid; width: 95px; grid-template-columns:50% 50%;padding: 4px; border-radius: 4px; } cbtot hd i { height: 22px;width: 22px; } cbtot mg aa { align-items: center; justify-content: center; display: flex; color: var(--c);} cbtot mg aa.active { color: var(--c); } cbtot bl h1 { display: flex; font-size: 14px; font-weight: 100; align-items: center; margin: 0px; padding: 3px; gap: 6px; } cbtot { margin: 7px; padding: 7px; display: block; } cccs trdng { display: block; } clncy { display: block; } cccs trdng bd, cccs histry bd { display: flex !important; gap: 7px; padding: 11px 0 !important; height: 19%; background: none; } cccs trdng a,cccs histry a{ background: var(--b1); padding: 4px 11px; border-radius: 7px;font-weight: 100; } cpt#dINR { display: grid; border: 1px solid var(--bc); right: 17px; bottom: 7px; position: relative; width: 100%; } coins { display: block; border-top: none !important; border-bottom: none !important; } cncs h4.plu { color: rgb(14, 203, 129) !important; left: 1px; top: 14px; position: relative; } cncs h5.plu { color: rgb(14, 203, 129) !important; left: 1px; top: 18px; position: relative; font-weight: 400; } cncs h4.plu { color: rgb(14, 203, 129) !important; left: 1px; top: 14px; position: relative; } cncs bl hd { display: none; } cncs cnc hd { display: grid; align-items: center; grid-template-columns: 78px 33px; grid-auto-rows: 105% 8% 7%; left: 8px; position: relative; top: 7px; } cncs cnc hd { margin: 4px; } cncs hd img { display: block; width: 23px; border-radius: 7px; } cncs hd i { height: 20px; width: 20px; background: none; padding: 3px; display: flex !important; right: 8px; } coins cpt>hd { height: 55px; width: 177px; border-radius: 15px; background: var(--c0); display: block; bottom: 7px; } coins cpt>hd img { object-fit: contain; height: 59%; width: 19%; right: 3%; position: relative; background: black; border-radius: 71%; } coins bd svg { left: 0 !important; } cncs { display: flex;} coins vm h4 a { justify-content: center; display: flex; color: rgb(160 134 57); } cncs hd.rull { left: 1px; } cncs bl hd>h3 { display: flex; align-items: center; right: 10px; position: relative; } coins cpt { display: grid; border-radius: 11px; margin: 2px 0; padding: 12px;width:98%;align-items: center;grid-template-columns:81% 18%; } cpt#dINR>hd { height: 60px; width: 177px; border-radius: 15px; background: var(--c0); display: block; bottom: 7px; position: relative; } scho grid bl bd { display: block; padding: var(--p1); position: relative; z-index: 2; } ptcr bl { display: grid ; margin: 7px 7px 0px 0px; background: var(--b-t); border-radius: 11px; color: var(--c); padding: 14px; grid-template-columns: auto auto auto; justify-content: space-between; } ptcr hd {display: flex ; align-items: center; gap: 16px; } ptcr hd i { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--bg); box-shadow:0 4px 10px var(--bc); } ptcr hd i img { width:28px; height:28px; display:block; } ptcr hd f { flex-direction:column; } ptcr hd f h3 { font-size:1.05em; margin:0; font-weight:var(--fw-b); color:var(--aa); } ptcr hd f t { margin:0; font-size:0.85em; color:var(--ct); } ptcr hd dv { margin-left:auto; text-align:right; display:flex; flex-direction:column; gap:4px; } ptcr dv h4 { display:block; font-size:1.05em; font-weight:var(--fw-b); color:var(--a); } ptcr dv t { font-size:0.9em; color:rgb(255,87,87); } ptcr bd { display: flex ; gap: 14px; overflow: scroll; padding-left: 22px;} ptcr div p { margin: 0; font-size: 0.77em; color: var(--ct); font-weight: 300; } ptcr div t { margin-top: 6px; font-size: 0.66em; font-weight: 500; } ptcr ft {display: flex ; flex-direction: column; } ptcr ft span { font-size: 0.77em; font-weight: 400; color: var(--b-t44); } ptcr ft t {font-size: 0.77em; border-top: 1px dashed var(---gry); padding-top: 3px;} ptcr .up { color: #0ecb81;} ptcr .down { color: #f6465d; } @media(max-width:999px){ ptcr bd { grid-template-columns:repeat(2,1fr); } ptcr hd { gap:10px; } ptcr bl { grid-template-columns: auto; } } /* Component : Trade_Chart */ .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); } } #main { height: calc(100vh - 377px);margin:auto; } ctdco #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) { ctdco #main {height: calc(100vh - 277px);} } @media only screen and (min-width: 999px) { #main {height: calc(100vh - 277px);} } /* Component : ChartOrder */ /* Component : ChartPeriods */ ccps>bl periods { grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; display: grid; padding: 11px 22px; border-top: solid 1px var(--bt); opacity: 0.44; font-size: 0.77em; border-top: solid 1px var(--bt);margin-top:0px; } ccps>bl percents>percent { display: flex ; text-align: center; flex-direction: column; font-size: 0.77em; padding: 4px; margin-right: 4px; } ccps>bl percents { display: grid ; grid-template-columns: auto auto auto auto auto auto; } /* Component : ChartTrades */ trades>trade>g3 { display: grid; grid-template-columns: 77px 77px 77px;margin: 2px 22px;justify-content: space-between;font-size: 0.88em; } trades>trade>g3>time{text-align:end;width: 100%;} trades>trade>g3>amount{text-align:end} trades>trade.Buy>g3>price{color:rgb(14, 203, 129)} trades>trade.Sell>g3>price{color:rgb(246, 70, 93)} htrf a>i { height: 20px; width: 20px; } htrf { position: absolute; top: 2.4rem; z-index: 99; width: max-content; padding: 11px 0; left: 0; font-size: 12px; overflow: hidden; background: var(--b1); border-radius: var(--br1); box-shadow: 1px 0px 20px 0px var(--b); border: solid 1px var(--bc); display: none;} htrf t { font-size: 14px; font-weight: 500; } htrf mg { padding: unset; width: -webkit-fill-available;display: block;} htrf li { display: flex ; align-items: center; gap: 11px; padding-left: 1rem; border-radius: unset; } htrf a { display: flex ; align-items: center; gap: 11px;padding: 7px 11px 7px 16px; margin: 0px 0px 4px; border-radius: unset; justify-content: start;} htrf ft f { padding-inline: 22px; padding-block: 13px; width: -webkit-fill-available; gap: 16px; border-top: solid 1px var(--bc); } htrf btn:nth-child(1) { background: var(--a); margin: unset; } htrf hd { border-bottom: solid 1px var(--bc); } htrf btns { gap: 8px; display: flex; padding-left: 1rem; } htrf btns>btn:nth-child(2) { margin: unset; padding: 7px; display: flex; box-shadow: unset; background: var(--bc); border-radius: 5px; } htrf bd { display: block; } htrf name { padding: 4px 12px; display: flex; background: var(--bc); border-radius: 5px; width: fit-content; font-size: 10px; margin-top: 9px; } htrf a.mr {border-top:solid 1px var(--bc);border-bottom:solid 1px var(--bc);} @media(max-width:999px){ htrf {display: none;} } chat {display: grid ; background: var(--b1t44); overflow: hidden; height: 100%; margin: 0 11px;} chat> bl {display: grid ; grid-template-rows: 66px auto max-content; height: 100%;} chat hd>div { display: grid; grid-template-columns: 55px auto auto; align-items: center; padding: 11px; box-shadow: 0 1px 7px var(--bc); } chat hd>div>hd { display: block; height: 44px; width: 44px; overflow: hidden; border-radius: 55%; } chat hd>div>hd>i { height: 100%; } chat hd>div>hd>i>img { object-fit: cover; height: 100%; width: 100%; } chat hd>div>ft { display: flex; justify-content: end; } chat hd>div btn { height: 33px; width: 33px; display: flex; align-items: center; justify-content: center; margin: 4px; border-radius: 55%; padding: 1px; } chat hd>div btn:hover { background: var(--hover); } chat hd>div>ft>btns { display: flex; } chat cnvrsstion>p { text-align: center; margin: 0; } chat cico { display: flex; padding: 22px; margin: 11px; justify-content: end; flex-direction: column; align-items: center; margin-bottom: 0; } chat cnvrsstion { display: block; height:auto; } cico>hd { display: block; height: 55px; width: 55px; overflow: hidden; border-radius: 55%; } cico>hd>i { height: 100%; } cico>hd>i>img { object-fit: cover; height: 100%; width: 100%; } cico name { margin: 7px; display: block; } @media screen and (min-width: 999px) { chat bd { display: block; overflow-y: scroll; transition: 333ms; margin-right: 6px;} chat>bl>bd { display: block; overflow: hidden; overflow-y: scroll; scrollbar-width: thin;max-height: 73vh; } } @media screen and (max-width: 999px) { chat { margin: 0; } chat bd { display: block; overflow-y: scroll; transition: 333ms; margin-right: 6px;} } /* Component : Chat_Friend */ ccuo>bl { display: grid ; grid-template-columns: 55px auto 0px; padding: 11px; margin: 4px 11px; align-items: center; border-radius: 11px; position: relative; } ccuo hd { height: 48px; width: 48px; border-radius: 55%; overflow: hidden; box-shadow: 0 0 0 1px var(--bc); } ccuo hd>img { object-fit: cover; height: 100%; width: 100%; } ccuo bd p {margin: 4px 0; font-weight: 400; font-size: 0.77em; width: 188px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} ccuo name { font-weight: 500; } ccuo bd div { display: flex ; align-items: center; color: var(--c0); } ccuo bd time { font-size: 0.77em; } ccuo:hover { background: var(--hover); }cflfo { display: block; padding: 11px; border-bottom: 1px solid var(--bc); margin-bottom: 0; } cflfo>hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; } cflfo>hd btn { display: flex; height: 33px; width: 33px; background: var(--bc); border-radius: 55%; align-items: center; margin: 0 4px; padding: 1px; } cflfo>hd btns { display: flex; } cflfo>bd>sl { display: grid; grid-template-columns: 44px auto; align-items: center; height: 33px; border-radius: 55px; margin: 0; } cflfo sl>i { height: 22px; width: 22px; padding: 5px; margin-left: 5px; } cflfo sl>input { position: absolute; border-radius: 55px; padding: 0 44px; width: auto; left: 0; right: 0; top: 0; bottom: 0; padding-right: 11px; } cflfo btn:hover { background: var(--hover); } cflfo>ft btn { display: block; padding: 11px; font-weight: 500; border-radius: 22px; margin-left: 5px; } cflfo>ft btns { display: flex; } cflfo>ft btn.this { background: var(--at); color: var(--a); } @media screen and (max-width: 999px) { cflfo>bd>sl { height: 44px; margin: 0 11px; width: auto; } } ccis bl { margin:11px 0px;} ccis hd { display: block; padding: 12px 16px; border-bottom: 1px solid var(--bc); position: relative; } ccis hd img { width: 32px; height: 32px; border-radius: 50%; vertical-align: middle; } ccis hd i { background: none; border: none; font-size: 18px; cursor: pointer;height: auto; width: auto; } ccis bd { display: block; height: calc(100vh - 180px); overflow-y: auto; padding: 16px; } ccis profile { display: block; text-align: center; padding: 16px 0; } ccis profile img { width: 60px; height: 60px; border-radius: 50%; margin-bottom: 8px; } ccis btns { display: flex; justify-content: center; gap: 24px; margin-top: 16px; } ccis btn { display: flex; flex-direction: column; align-items: center; font-size: 12px; } ccis btn icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: var(--bc); border-radius: 50%; margin-bottom: 4px; } ccis status { display: block; font-size: 12px; margin: 16px 0; text-align: center; } ccis status a { color: var(--a); text-decoration: none; } ccis message { display: block; margin-top: 8px; } ccis message bubble { display: inline-block; padding: 8px 12px; background: var(--aaa); color: var(--b); border-radius: 18px; max-width: 80%; float: right; } ccis message status { display: block; text-align: right; font-size: 11px; margin-top: 4px; clear: both; } ccis bl ft { display: block; border-top: 1px solid var(--bc); padding: 0; padding-top: 11px; } ccis ft d { display: flex ; } ccis hd d { display: grid ; grid-template-columns: 44px auto 25px; align-items: center; } ccis hd span { margin: 0; font-weight: 500; vertical-align: middle; font-size: 0.88em; width: 88%; } ccis svg { height: 20px; } ccis { display: none; } .nch ccis { display: block; }cclo>bl { display: block; background: var(--b); padding: 20px; border-radius: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); width: 888px; margin:11px auto;} ccli bl:last-child { border-bottom: none; } ccli img { width: 60px; height: 60px; border-radius: 9px; vertical-align: middle; object-fit: cover; } cclo hd { font-size: 18px; font-weight: 500; display: block; margin-bottom: 10px; } ccli bl { display: grid ; padding: 10px; border-bottom: 1px solid var(--bor); position: relative; width: auto; grid-template-columns: 88px auto 77px; } cclo ft { font-size: 12px; text-align: right; display: block; margin-top: 5px; } cclo .dot { width: 8px; height: 8px; background: var(--a); border-radius: 50%; display: inline-block; margin-right: 5px; } cclo p { margin: 3px 0; } ccli ft { align-items: center; display: flex ; justify-content: end; } Inbox cndo { display: none; } Inbox cclo { display: none; } Inbox.buyy bctf bd { display: none; } Inbox.buyy bctf ft { display: none; } Inbox.sell cndo { display: block; } Inbox.buyy cclo { display: block; } Inbox .aerea { flex-direction: row; } @media only screen and (max-width: 999px) { cclo>bl { width: auto; margin: 11px; } }coso>hd { display: block; height: 33px; width: 33px; overflow: hidden; border-radius: 55%; } coso>hd>i { height: 100%; } coso>bd { display: block; width: fit-content; } /* Component : To_Message */ ciso>bl { display: grid; grid-template-columns: auto auto 0; align-items: center; padding: 0 5px; margin-bottom: 2px; justify-content: end; } ciso>bl:hover hd>btns { height: 100%; opacity: 0.7; z-index: 99; } ciso>bl bd>sms { display: block; background: var(--lg-b); font-weight: 500; padding: 6px 11px; border-radius: 22px 5px 5px 22px; font-size: 0.88em;} ciso>bl sms t { word-break: break-all; } ciso>bl hd>btns { display: flex; position: relative; z-index: -1; height: 0; opacity: 0; margin-right: 5px; transition: 0.3s;} ciso>bl hd>btns>btn { display: flex; height: 18px; width: 18px; justify-content: center; align-items: center; margin: 0 5px; border-radius: 55%; } ciso>bl hd>btns>btn:hover { background: var(--hover); } ciso>bl:first-child>bd>sms { border-radius: 22px 22px 5px 22px; } csmo>bl { display: grid; padding: 11px; grid-template-columns:max-content auto max-content ; align-items: center; background: var(--bt); backdrop-filter: blur(20px); border-top: 1px solid var(--bc);gap:7px; } csmo>bl btns { display: flex; } csmo>bl btns>btn { display: flex; height:28px; width:28px; justify-content: center; align-items: center; border-radius: 55%; position: relative;} csmo>bl btns>btn>i { height: 77%; } csmo>bl hd btns>btn>i { height: auto; } csmo>bl ft btn { padding: 4px; height: 25px; width: 25px; } csmo>bl ft btn:last-child { display: none; } csmo>bl btns>btn:hover { background: var(--hover); } csmo>bl bd>sl { display: grid; grid-template-columns: auto 33px; align-items: center; height: auto; border-radius: 22px; margin: 0; } csmo>bl sl>div:first-child {display: grid ; align-items: center; position: relative; width: auto; height: auto; min-height: unset; font-weight: 500; max-height: 133px; overflow: hidden; overflow-y: overlay; scrollbar-width: thin; } csmo>bl bd>sl btn { display: flex; align-items: center; justify-content: center; height: 22px; width: 22px; grid-column-start: 2; border-radius: 55%; padding: 4px; margin: 1px; position: absolute; bottom: 0;} csmo>bl bd>sl btn>i { height: 22px; width: 22px; } csmo cmg>i svg {position: absolute; height: 18px; width: 18px; background: var(--c); fill: var(--b); border-radius: 22px; top: -5px; right: 0px; box-shadow: 0px 0px 6px 0px var(--c);} csmo cup {display: grid ;position: relative; } csmo cup i { border-radius: 11px; background: var(--b-t);} csmo>bl sl>div:focus { outline: none; } csmo sl i { height: 55px; width: 55px; display: grid ; } csmo sl text { display: grid ;font-size: 13px; font-weight: 600; margin-bottom: 11px;} csmo>bl sl>div div {display: grid ; width: 100%; font-size: 16px; font-family: Arial, sans-serif; color: #333; background: transparent; outline: none; max-height: 111px; text-align: left; word-break: break-all; position: relative; align-items: center;} csmo>bl sl>div span {color: #888; } csmo cmg {display: grid ; width: 100%; overflow: hidden; overflow-x: scroll; scrollbar-width: thin; grid-auto-flow: column; margin-bottom: 10px; padding-top: 5px;justify-content: start;margin-left: 11px; column-gap: 10px;} csmo sl video, csmo sl img {height: 55px; width: 55px; border-radius: 11px; object-fit: cover; } csmo>bl input[type="file"] { opacity: 0; position: absolute; padding: 0; height: 100%; width: 100%;cursor: pointer;} csmo .chatWrap { position: relative; display: inline-block; } csmo .chatInput { display: block; position: relative; padding: 8px 20px; outline: none; border-radius: 6px; } csmo span.post_placeholder { position: absolute; color: #999; pointer-events: none; left: 24px; top: 10px; user-select: none; transition: opacity 0.2s; } cemj { display: grid ; justify-content: end; align-items: end; position: absolute; bottom: 65px; right: 30%; } csmo .FileBox i img { width: 30px; height: 30px; z-index: 111111111111;} csmo cmg>div svg {position: absolute; height: 18px; width: 18px; background: var(--c); fill: var(--b); border-radius: 22px; top: -5px; right: 0px; box-shadow: 0px 0px 6px 0px var(--c);} /* JS GIF CSS */ .message { margin-bottom: 15px; } .message img { max-width: 180px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .gifPopup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; border-radius: 16px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25); padding: 16px; width: 400px; max-width: 90%; max-height: 500px; overflow-y: auto; z-index: 1000; } .searchContainer { margin-bottom: 10px; position: relative; display: flex ; justify-content: center;} .searchInput { padding: 5px 4px 5px 4px; font-size: 16px; border: 1px solid #ccc; border-radius: 10px; outline: none; } .gifResults { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .gifItem { transition: transform 0.2s; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .gifItem:hover { transform: scale(1.05); } .gifItem img { max-width: 100px; max-height: 100px; border-radius: 8px; display: block; } .gifPopup box { display: flex ; justify-content: center; } .loaderGIF { display: block; width: 77px; height: 77px; border: 2px solid #554848; border-left: 2px solid #b5abab; border-radius: 50%; animation: rotate 2s linear infinite; margin: 50px 0 50px 0;} .showGIF { display: block; } @keyframes rotate{ 0%{ rotate: 0deg; } 100%{ rotate: 360deg; } } ccms>bd>time { text-align: center; display: block; font-size: 0.77em; padding: 11px; margin: 11px; margin-top: 0; } ccms seen {margin: 0 5px; display: flex ; font-size: 0.77em; justify-content: end; margin-bottom: 11px; margin-right: 11px; } ccms ciso { display: grid; grid-template-columns: auto auto 0; align-items: center; padding: 0 5px; margin-bottom: 2px; justify-content: end; } ccms ciso:hover hd>btns { height: 100%; opacity: 0.7; z-index: 99; } ccms inputchats ciso:last-child sms { border-radius: 22px 5px 22px 22px; } ccms coso bl{ display: grid; grid-template-columns: 44px auto auto; align-items: center; padding: 0 5px; margin-bottom: 2px; justify-content: start; } ccms coso sms { display: block; background: var(--bc); font-weight: 500; padding: 6px 11px; font-size: 0.88em; width: fit-content; border-radius: 5px 22px 22px 5px; } ccms coso>ft>btns { align-items: center; display: flex; transition: 99ms; position: relative; z-index: -1; height: 0; opacity: 0; } ccms coso>ft>btns>btn { display: flex; height: 30px; width: 30px; justify-content: center; align-items: center; margin: 0 5px; border-radius: 55%; } ccms coso>ft>btns>btn:hover { background: var(--hover); } ccms coso:hover coso>ft>btns { height: 100%; opacity: 0.7; z-index: 99; } ccms coso:hover btns { height: 100%; z-index: 99; opacity: 0.7; } ccms coso:first-child sms { border-radius: 22px 22px 22px 5px; } ccms coso>hd>i { height: 100%; display: none; } ccms coso:last-child>hd>i { display: block; } ccms coso:last-child sms { border-radius: 5px 22px 22px 22px; } ccms ciso sms t { word-break: break-all; } /* js Css */ ccms react {display: flex; background: #ffffff; position: relative; z-index: 99999999999999999; box-shadow: 0px 0px 7px #929292; border-radius: 18px; padding: 2px; width: fit-content; }chtts { display: grid; border-top: solid 1px var(--b-t22); border-bottom: solid 1px var(--b-t22); padding: 18px 1px; margin: 7px 0px; max-width: 444px; width: 100%;} chtts hd { display: grid; grid-template-columns: 33px auto; align-items: center; padding: 0px 14px; } chtts hd i { filter: invert(1); opacity: 0.6; } chtts bd { display: flex; padding: 0px 17px; opacity: 0.7; } chtts ft btn { background: var(--lg-b); color: var(--c); width: 92%; margin: auto; display: flex; justify-content: center; border-radius: var(--br1); font-size: 1.1em; letter-spacing: 0.6; padding: 10px 7px;} a.a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; } cpaqs appeal>hd i { filter: invert(1); opacity: 0.5; }/*Checkup*/ cscp { display: block; margin-top: 22px; padding: 22px; border-radius: 16px; border: 1px solid var(--b1); } cscp bd dv { display: flex; flex-wrap: wrap; margin-top: 11px;row-gap: 16px; column-gap: 31px; opacity: 0.7;} cscp bd dv div { display: grid; grid-template-columns: 22px auto; align-items: center; } cscp div a { font-size: 0.88em; font-weight: 300; line-height: 21px; letter-spacing: 0.5px; color: var(--c); text-decoration: underline; } cscp h3 {font-size: 1.33em; font-weight: 400; } @media only screen and (max-width:999px) { cscp bd dv { flex-direction: column; } cscp { margin: 11px; margin-top: 8px; border: 0; padding: 11px; } cscp h3 { font-size: 1em;} } /* Closed Ads */ ccao hd div h3 { font-weight: 500; } ccao hd div { display: flex; gap: 6px; } ccao hd div h4 { font-weight: 500; } ccao hd dv { display: grid; justify-content: center; background: var(--b1t); border-radius: 7px; position: relative; max-width: 77px; min-width: 77px; padding: 0px 4px;margin-left: auto; } ccao r { font-size: 13px; font-weight: 500; } ccao hd h3 { font-weight: 500; align-items: baseline; } ccao bl { background: var(--b1t44); border-radius: 8px; display: grid ; gap: 0px; line-height: 38px; padding: var(--p);margin:7px;} ccatc ft h5 t { background: blueviolet; height: 15px; width: 4px; display: block; border-radius: 20px; } ccatc ft dv { display: flex ; gap: 15px; } ccatc ft dv h5 { font-weight: 100; display: flex ; gap: 6px; align-items: center; letter-spacing: 0.8px; } ccatc ft h5 t:nth-child(2) { background: #FF9800; } ccao ft i { height: 25px; width: 25px; } ccao ft { display: flex; justify-content: space-between; align-items: center; } ccao bd dv { background: unset; padding: 0; display: flex; justify-content: space-between; border: unset; border-radius: unset; } ccao bd { padding: 0; } ccao ft t.IMPS { background: #FF9800; } ccao ft t.UPI { background: #9E9E9E; } ccao ft t.Paytm { background: #2b4bffb3; } ccao bd dv h5 { font-weight: 500; letter-spacing: 0.5; } @media only screen and (max-width: 999px) { ccao bl hd { display: grid; grid-template-columns: auto auto; } } /* Component : CoinBase */ smkn cmtn { display: grid; padding: 22px; } cmtn { display: block; padding: 22px; margin: 7px; background: var(--b1-t44); border-radius: var(--p); } cmtn cnoc d { display: grid; grid-template-columns: 12% auto 32%; align-items: center; padding: 7px; } cnoc span a { font-weight: 100; } cmtn cbmo d { display: grid; grid-template-columns: 17% auto 32%; align-items: center;padding: 7px; } cmtn cnoc d bd { display: grid ; } cbmo span a { font-weight: 100; } cnoc { margin-bottom: 10px; display: block; border-bottom: 1px solid var(--c1);} cbmo d t { display: grid; justify-content: center; } cmtn cbmo { margin-top: 8%; } cbmo t amount { opacity: .9; font-weight: 100; display: flex; justify-content: end; } cbmo t h6 { font-size: 15px; font-weight: 100; } acvw>bl>bd { display: block; } acvw>bl>bd>dv { display: flex ; justify-content: space-between; margin-block: 1rem; border-radius: var(--br1); padding: var(--br1); } acvw>bl>bd>dv dd { margin: 0; display: flex ; align-items: center;gap: 6px; } acvw bd i { height: 30px; width: 30px; } acvw>bl>bd>dv p { margin: 0; } acvw>bl>bd>dv d { display: flex ; align-items: center; gap: 8rem; } acvw>bl>bd>dv:hover { background: var(--b-t); } acvw>bl>bd>dv d span:nth-child(3) { text-decoration: underline; } acvw>bl>bd>dv d span:nth-child(3):hover { color: var(--a); } acvw>bl>bd>dv d p { color: var(---gry); } acvw bd d i { transform: rotate(90deg);display: none; } @media(max-width:999px){ acvw>bl>bd>dv d span:nth-child(1) {display: block;} acvw>bl>bd>dv d span{display: none;} acvw bd d i {display: block; } acvw>bl>bd>dv d {gap: 0rem; } acvw bd i { height: 20px; width: 20px; } } /* Component : CommunityCNT */ cchos>bl mb a.this { border-bottom: solid 2px; color: var(--a); } cchos>bl mb a { padding: 7px !important; margin: 7px !important; font-weight: 400; display: flex ; justify-content: center; align-items: center; padding: 7px 11px; position: relative; } cchos>bl mb { grid-column-gap: 11px !important; height: 55px; margin: 0px; min-width: 0px; width: -webkit-fill-available; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; padding: 0 22px; } /* Componenet : CommunityLevel */ clss>bl { background: var(--bc); padding: var(--p1); border-radius: var(--br); display: block; margin: 11px; } clso>bl { display: block; padding: 11px 16px; background: var(--b-t); border-radius: var(--br); border: solid 1px var(--b-t22); position: relative; transition: 99ms; color: var(--b-t95); min-height: 83px; } clso>bl hd { display: grid ; grid-template-columns: 22px auto; align-items: center; } clso>bl bd { display: grid ; grid-template-columns: 55px auto; padding: 4px 7px; align-items: center; } clso>bl bd>bt { font-size: 0.88em; font-weight: 500; opacity: 0.5; margin: 4px; max-height: 95px; } clss>bl bd>d { display: grid ; grid-template-columns: 49% 50%; gap: 3px; width: auto; } @media (max-width : 999px) { clss>bl bd>d { display: flex ; overflow: auto; } clso { display: block; flex: none; min-width: 222px; } clss>bl { background: transparent; padding: 11px 0; margin: 11px 0; margin-left: 7px; } } /* Component : CommunityTransaction */ cctro>bl hd>i img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);} cctro>bl { display: grid ; grid-template-columns: 66px auto max-content; background: rgb(255 255 255 / 4%); color: var(--c); border-radius: 15px; position: relative; padding: 11px; overflow: hidden; } cctro>bl ft { display: flex ; flex-direction: column; align-items: end; } cctro>bl hd>i { height: 55px; width: 55px;border-radius: 15px;background:var(--c0); } /* Component : CommunityTransactions */ cctrs>bl>ft btn:hover { background: var(--lg-b); } cctrs>bl>ft btn { display: grid ; grid-template-columns: 33px auto; padding: 11px; align-items: center; background: var(--lg); border-radius: 44px; justify-content: center; max-width: 333px; margin: 11px auto; } cctrs>bl { display: block; margin: 7px; padding: 7px; }ccpo hd { border-top: 1px solid var(--b-t22); display: flex ; border-bottom: 1px solid var(--b-t22); margin-bottom: 7px; padding-bottom: 8px;} ccpo tt { margin-right: 30px; float: left; margin-top: 5px; } ccpo bd>t { float: right; margin-top: 5px; position: relative; top: -3px; z-index: 2; white-space: nowrap; } ccpo bl>ft { border-top: 1px solid var(--b-t22); display: flex ; border-bottom: 1px solid var(--b-t22); } ccpo text { padding: 11px; } ccpo{display: none;} /***Content_Preferences***/ app.Preferences acps { display: block; } acps { display: none; } acps>bl>hd { display: flex ; align-items: center; gap: 20px; padding: 10px; border-top: solid 1px var(--c1);border-bottom: solid 1px var(--c1); } acps>bl>hd i { height: 33px; width: 33px;cursor: pointer;} acps>bl>hd h2 { font-size: 1.25rem; font-weight: 400; } acps bl>bd {padding: 0 15px; } acps bl>bd>p { color: var(--b-t44); font-size: 14px; line-height: 1.6; } acps bl>bd>h3 { color: var(--b-t44); margin-block: 14px; font-size: 14px; line-height: 26px; font-weight: 500; } acps bl>bd>div { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; } acps bl>bd>div>div { margin-right: 20px; } acps bl>bd>div>h4 { margin: 0 0 5px 0; font-size: 16px; font-weight: 500; margin-bottom: 0; } acps bl>bd>div>div>p { font-size: 14px; color: var(--b-t44); line-height: 1.5; padding: 0; } acps bl label { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; } acps bl label>input { opacity: 0; width: 0; height: 0; } acps bl label>span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--bc); transition: .4s; border-radius: 6px; width: 40px; height: 22px; } acps bl label> span:before { position: absolute; content: ""; height: 18px; width: 18px; left: 0px; bottom: 2px; background: var(--c); transition: .4s; border-radius: 4px; } acps bl input:checked + span { background: var(--a); } acps bl input:checked + span:before { transform: translateX(20px); } acps bl>ft { display: block; padding: 0 15px; border-top: solid 1px var(--bc); } acps bl>ft>h3 { color: var(--b-t44); margin-block: 1rem; font-size: 14px; line-height: 26px; font-weight: 500; } acps bl>ft>div { display: flex ; justify-content: space-between; align-items: center; margin-bottom: 28px; } acps bl>ft>div>h4 { margin: 0 0 5px 0; font-size: 16px; font-weight: 500; margin-bottom: 0; } acps bl>bd>div>div h4 { font-size: 16px; line-height: 24px; font-weight: 400; } acps bl>ft>div>div h4 { font-size: 16px; line-height: 24px; font-weight: 400; } /**Conver_crypto **/ dcco>bl { border-radius: var(--br); border: solid 1px var(--a); padding: 24px; display: flex ; justify-content: space-between; align-items: center; } dcco>bl hd { display: flex ; flex-direction: column; } dcco>bl hd h2 { font-weight: 500; font-size: 18px; margin-block: 1rem; } dcco>bl i { height: 100%; width: 100%; } dcco>bl hd span { color: var(---gry); } dcco>bl i svg { width: 100px; } dcco>bl i svg circle { fill: var(--a); } /* Component : Conversation */ cpchc div.your { display: block; background: var(--lg); margin: var(--m); border-radius: 7px; border-top-left-radius: 0px; width: fit-content; height: fit-content; padding: 8px 20px; position: relative; padding-right: 66px; border: solid 1px var(--bc); font-size: 1em; } cpchc div.my { display: block; background: var(--a1); margin: 9px; border-radius: 7px; border-bottom-right-radius: 0px; text-align: right; width: fit-content; font-size: 1.175rem; height: fit-content; color: var(--c); padding: 8px 20px; position: relative; padding-right: 84px; border: solid 1px var(--b-t22); font-size: 1em; } cpchc hd>t { background: var(--a1t); display: flex; justify-content: center; padding: 11px 11px; margin: 22px 10px; align-items: center; border-radius: var(--br1);font-size: 14px; } cpchc hd span{ color: var(--a);} cpchc { width: 100%; height: 98%; display: grid; padding-bottom: 55px; overflow: auto; } cpchc d.your { display: flex; justify-content: flex-start; max-width: 77%; width: 100%; padding: 4px 11px; } cpchc d.my { display: flex; justify-content: end; margin-left: 107px; } cpchc div.your p, cpchc div.my p { margin: 0; padding: 0; text-align: start; } cpchc div.your .time { color: var(--b-t44); } cpchc d.your> nme { display: grid ; height: 19px; width: 19px; margin: auto 0; background: var(--c); color: var(--b); border-radius: var(--br1); text-align: center; line-height: 1.3; font-size: 12px; font-weight: 500; padding: 2px; } @media only screen and (max-width: 999px){ cpchc { height: auto; padding-bottom: 44px; width: 98%; } } /* Component : Conversation_Add */ cfto { display: block; padding: 11px; border-radius: 10px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3); background: var(--b1); backdrop-filter: blur(20px); margin: 11px; position: absolute; transition: 333ms; width: 150px; opacity: 0; z-index: 9999; bottom: 34px; left: -10px; } cfto ul { overflow: hidden; padding: 0; margin: 0; } cfto bd li { display: grid; grid-template-columns: 27px auto; align-items: center; padding: 8px 11px; margin-bottom: 4px; border-radius: 7px; transition: 99ms; position: relative; } cfto bd li:hover { background: var(--bc); } cfto bd li>i { display: block; height: 16px; width: 16px; } cfto bd li>input { position: absolute; opacity: 0; bottom: 0; left: 0; right: 0; top: 0; z-index: 99; } .FileType cfto { width: 200px; opacity: 1; bottom: 60px; left: 0; } /* Component : Conversation_Chat */ cpcn>bl { display: grid ; grid-template-columns: 44px 3px auto 44px; align-items: center; background: var(--b1); padding: 10px 11px; border-radius: var(--br1); margin: auto 11px; width: 54%; position: fixed; z-index: 999; bottom: 5px; } cpcn hr { height: 66%; opacity: .2; } cpcn img { filter: invert(1); opacity: 0.7; transition: 333ms; } cpcn input { padding: 0 18px; width: 100%; margin: 0; font-weight: 100; background: transparent; font-size: 16px; } clst bl { display: flex ; align-items: center; justify-content: space-between; } clst bl ft { display: none; } ccll { display: grid ; row-gap: 7px; border: 1px solid var(--bc); border-radius: var(--br); padding: 22px; margin: 7px; } ccll bd { display: grid ; margin-top: 11px; gap: 22px; } ccll bd div { display: flex ; justify-content: space-between; } /* Component : ConvertFromCoin */ ccfr>bl { display: grid ; grid-template-columns: 44px auto 0; padding: 7px; margin-bottom: 7px; border-radius: 11px; } ccfr>bl hd>i { height: 22px; width: 22px; } ccfr>bl:hover { background: var(--b1t); } cofs>bl>bd { display: block; max-height: 388px; overflow: auto; } /* Component : ConvertFromCoins */ cofs { transition: 95ms; display: block; align-items: center; max-width: 566px; max-height: max-content; margin: auto; transform: scale(.88); visibility: hidden; opacity: 0; position: absolute; inset: 0; transition: 333ms; } cofs>bl { display: block; background: var(--b-t); border-radius: 22px; padding: 22px; backdrop-filter: blur(22px); box-shadow: 0 0 7px -1px var(--bc); min-width: 444px; margin: 11px; } cofs>bl sl { display: grid ; grid-template-columns: 33px auto; background: var(--b-t); padding: 11px; margin: 11px 0; } cofs>bl sl>i { height: 20px; width: 20px; margin: auto; opacity: .5; } cofs>bl sl>input { position: absolute; inset: 0; min-height: auto; height: auto; padding: 7px 55px; } .CoinsFrom cofs { opacity: 1; transform: scale(1); visibility: visible; } @media (max-width : 999px){ cofs { inset: 0; margin: 0; top: unset; bottom: -100%; } cofs>bl { min-width: unset; border-radius: 22px 22px 0 0; margin: 0; } .CoinsFrom cofs { bottom: 0; } } ccth { display: grid ; text-align: center;} ccth gg{height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px;} ccth svg {width: 25px; } /* Component : ConvertJoin */ cctj bl ft>i { transform: rotate(-90deg); } cctj bl { display: grid ; grid-template-columns: 33px auto 33px; background: rgb(158 164 249 / 21%); margin: 11px; padding: 11px; border-radius: var(--br1); font-size: 0.77em; align-items: center; } cctj { display: grid; } bcnv bl {display: flex ; align-items: center; justify-content: space-between; margin: 22px;} bcnv hd h2 {font-size:var(--fs-l);font-weight:var(--fw-b);color:var(--b1);} bcnv hd p {font-size:var(--fs-s);color:var(--b-t77);} bcnv ft {display:flex;align-items:center;gap:var(--s-l);} bcnv ft btn {display:flex;align-items:center;gap:var(--s-xs);color:var(--b1);cursor:pointer;font-size:var(--fs-s);} bcnv ft btn i {display:inline-block;width:18px;height:18px;background:var(--b-t77);border-radius:50%; } /* Component : ConvertToCoin */ cvtc>bl { display: grid ; grid-template-columns: 44px auto 0; padding: 7px; margin-bottom: 7px; border-radius: 11px; } cvtc>bl hd>i { height: 22px; width: 22px; } cvtc>bl:hover { background: var(--b1t); } /* Component : ConvertFromCoins */ cvts { transition: 95ms; display: block; align-items: center; max-width: 566px; max-height: max-content; margin: auto; transform: scale(.88); visibility: hidden; opacity: 0; position: absolute; inset: 0; transition: 333ms; } cvts>bl { display: block; background: var(--b-t); border-radius: 22px; padding: 22px; backdrop-filter: blur(22px); box-shadow: 0 0 7px -1px var(--bc); min-width: 444px; margin: 11px; } cvts>bl sl { display: grid ; grid-template-columns: 33px auto; background: var(--b-t); padding: 11px; margin: 11px 0; } cvts>bl sl>i { height: 20px; width: 20px; margin: auto; opacity: .5; } cvts>bl sl>input { position: absolute; inset: 0; min-height: auto; height: auto; padding: 7px 55px; } .CoinsTo cvts { opacity: 1; transform: scale(1); visibility: visible; } @media (max-width : 999px){ cvts { inset: 0; margin: 0; top: unset; bottom: -100%; } cvts>bl { min-width: unset; border-radius: 22px 22px 0 0; margin: 0; } .CoinsTo cvts { bottom: 0; } } /* Component : ConvertTransaction */ cctto>bl hd>i img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);} cctto>bl { display: grid ; grid-template-columns: 66px auto max-content; background: rgb(255 255 255 / 4%); color: var(--c); border-radius: 15px; position: relative; padding: 11px; overflow: hidden; } cctto>bl ft { display: flex ; flex-direction: column; align-items: end; } cctto>bl hd>i { height: 55px; width: 55px;border-radius: 15px;background:var(--c0); } /* Component : ConvertTransactions */ cctts { display: block; background: var(--b1-t44); padding: 11px; border-radius: 22px; margin: 0 7px; } cctts>bl>hd { display: grid; grid-template-columns: 44px auto; } cctts trc { display: grid ; grid-template-columns: 58px auto 111px; padding: 22px; background: var(--bc); border-radius: var(--br1); position: relative; box-shadow: none; } cctts trc hd { align-items: center; justify-content: center; height: 55px; width: 55px !important; border-radius: var(--br1); display: flex ; background: var(--c0); display: grid ; } cctts trc h6 { display: grid ; grid-template-columns: auto auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; font-weight: unset; justify-content: space-between; } cctts trc price { font-weight: bold; } cctts trc bd b { opacity: 0.4; } cctts trc btn { font-size: 0.88em; background: var(--b1); padding: 2px 11px; border-radius: 4px; position: relative; z-index: 99; } cctts hd>h3 { display: flex; align-items: center; padding-left: 1px;} /**Convert_Card**/ ctcd { display: block; position: relative; margin-block: var(--p); } ctcd>bl>bd { display: grid ; grid-template-columns: auto auto; align-items: center; gap: 2rem; } @media(max-width:999px){ ctcd>bl>bd { display: grid ; grid-template-columns: 100% 100%; overflow: scroll; } } /* Component : CopyTradingLearn */ ccplo>bl hd>d { display: grid ; grid-template-columns: 51px auto 40px; font-size: 0.77em; padding: 6px; align-items: center; background: var(--a1t); border-radius: 7px; margin: 6px; } ccplo>bl bd>d { overflow: hidden; border-radius: 12px; position: relative; margin: 0; width: auto; display: block; } ccplo>bl slides { display: flex ; transition: transform 0.4s ease-in-out; padding: 4px; overflow: auto; } ccplo>bl slides>slide { display: grid ; align-items: center; grid-template-columns: auto 88px; border-radius: 11px; height: auto; border: solid 2px var(--b-t44); margin: 0 4px; flex: none; width: -webkit-fill-available; padding: 7px 22px; } ccplo>bl ft { display: grid ; grid-template-columns: 22px auto; gap: 1%; align-items: center; font-size: 0.74em; padding: 7px; margin-top: 7px; } ccplo>bl { display: block; padding: 7px; margin: 7px; } /* Component : Cover */ cdnn {display: block; background: var(--b1-t44); border-radius: 22px; padding: 22px; margin: 7px; } cdnn d {padding: 15px;border: solid 1px var(--b-t22);border-radius: 15px;} cdnn hd { display: flex ; } cdnn ft div { border-radius: 12px; display: grid ; grid-template-columns: auto 18%; align-items: center; border: solid 1px var(--b-t22); padding: 11px 12px; } cdnn ft b { display: flex ; justify-content: center; color: var(--a); margin-top: 3%; } cdnn ft p { margin: 2px 0; opacity: .7; } cdnn ft i { width: 100%; height: 100%; } cdnn a { display: grid ; grid-template-columns: 22% auto; align-items: center; gap: 5px; } cdnn ft { display: grid ; } cdnn a t { display: flex ; font-weight: 500; } /**Create_Modal**/ acml {display: none;} acml>bl {border: 1px solid var(--bg);background: var(--b1);border-radius: 14px;margin: auto;margin-block: var(--s);display: flex;flex-direction: column;height: fit-content;overflow: hidden;padding: 24px;} acml>bl>hd i { width: 20px; height: 20px; } acml bl i { height: 20px; width: 20px; } acml>bl>hd {display: none;justify-content: end;margin: 0px 0px 20px;} acml>bl>bd { display: flex ; flex-direction: column; } acml>bl>bd>dv { display: flex ; gap: var(--p); } acml>bl>bd>dv i { height: 38px; width: 38px; } acml>bl>bd>dv i img { border-radius: 40px; } acml>bl>bd>dv>input {background: unset;height: 70px;border: solid 1px var(--a);} acml>bl>bd>dd { display: flex ; justify-content: space-between; align-items: center; } acml>bl>bd>dd d { display: flex ; gap: 16px; align-items: center; } acml>bl>bd>dd d b { display: block; height: 15px; width: 1px; background: var(---gry); } acml>bl>bd>dd>span { display: flex ; gap: 10px; align-items: center; } acml>bl>bd>dd>span i { background: var(--bc); height: 23px; width: 23px; } acml>bl>bd>dd>span i svg { height: 12px; } acml>bl>bd>dd { display: flex ; justify-content: space-between; align-items: center; margin-block: var(--p); } acml>bl>bd>dd>btn { background: var(--a); padding: 8px 18px; border-radius: 10px; } app.MV cvud{ display: flex ; } app.AD acml ft div { display: block; } acml>bl>ft>div { display: none;background: var(--b1); border-radius: 12px; min-width: 248px; padding: 4px 0; overflow: hidden; position: absolute; z-index: 100; inset: 0px auto auto 0px; margin: 0px; transform: translate(48rem, 278px); box-shadow: 0 4px 16px var(--b); } acml>bl>ft>div i { width: 20px; height: 20px; } acml>bl>ft>div a { display: flex ; gap: 6px; padding: 3px 10px; font-size: 15px; font-weight: 400; } @media (max-width: 999px) { acml {display: none ; } }cgco { padding: var(--p); display: grid ; gap: 20px; background: var(--b1-t44); border-radius: 20px; max-width: 420px; margin-bottom: 2%; } cgco bl { display: block; } cgco hd { padding: var(--m); } cgco bd { display: grid ; grid-template-columns: auto auto; gap: 10px; } cgco bd btn { display: grid ; grid-template-columns: 20% auto; background: var(--b1t); align-items: center; padding: 4px 8px; height: 24px; border-radius: 18px; max-width: 170px; } cgco bd img { filter: invert(1); } cgco bd span { font-size: 13px; } cgco ul { display: grid ; gap: 35px; } cgco li { display: grid ; grid-template-columns: 7% auto; align-items: center; } cgco li:hover { color: var(--a); } ccsm section { display: grid ; gap: var(--s-xl); grid-template-columns: auto auto; } ccsm section>div { display: flex ; flex-direction: column; justify-content: space-between;flex:1; } ccsm h4 {font-size: 1.33em; color: var(--c); margin-bottom: var(--s-s); font-weight: 500;} ccsm h2 { font-size: 1.99em; color:var(--c); margin:var(--s-s) 0; font-weight: 500;} ccsm h3 {font-size:var(--fs); color:var(--c); margin-top:var(--s-s);} ccsm p {color: var(--c); margin: 0; font-size: 0.99em; font-weight: 300; margin-bottom: 12px;} ccsm #meter {display:flex; align-items:center; gap:var(--s-s);} ccsm #meter h2 {font-size: 1.55em; font-weight: 500;} ccsm bd d {position:absolute; right: 12px; top: 12px;display: grid ; grid-template-columns: auto 22px; align-items: center; gap: 6px;} ccsm div i {display:flex; align-items:center; justify-content:center; width: 50px; height: 50px; margin-right: 5px} ccsm bd {position: relative; border-radius: var(--br); padding: 22px; border: 1px solid var(--b-t22);} ccsm h2>t { font-size: 0.55em; } ccsm dv { display: flex ; flex-direction: column; flex: 1 1; } ccsm dv:nth-child(2) p:nth-child(2) { margin: 25px 0 0; } ccsm dv:nth-child(2) p:nth-child(3) { margin: 0 0 22px; } ccsm f i { width: 32px; height: 25px; rotate: 180deg; } ccsm hd { display: flex ; justify-content: space-between;padding: 0 0 20px; position: relative;} ccsm hd f {align-items: center; gap: 20px;} ccsm hd btns {display: flex ; gap: 20px; } ccsm hd btn { background: var(--b1); padding: 8px 18px; border-radius: 11px; font-size: 0.99em; font-weight: 300; } ccsm btns i { width: 22px; height: 22px; rotate: 90deg; } ccsm hd aa { font-size: 0.99em; font-weight: 400; position: relative; } ccsm hd aa:after { content: ''; display: none; width: 20px; height: 4px; background: var(--a); border-radius: 22px; margin: auto;position: absolute; left: 0; right: 0; } ccsm hd aa:nth-child(1):after { display: block; } ccsm d t {color:var(---y); font-weight:500;} ccsm hd gd {display: none; background: var(--b1); width: -webkit-fill-available; border-radius: 12px; overflow: hidden; max-width: 333px; position: absolute; right: 31px; z-index: 99999;top: 50px; } ccsm hd ul { list-style: none; margin: 0; padding: 0; } ccsm hd li:last-child { border-bottom: none; } ccsm .dv { height: 1px; background-color: #3c444e; margin: 5px 0; } ccsm hd a { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; text-decoration: none; color: #f0f0f0; font-size: 1rem; font-weight: 500; transition: background-color 0.2s; } ccsm hd a:hover:not(li.active a) { background-color: var(--bc); } ccsm gd i { width: 28px; height: 28px; object-fit: contain; } .filpp ccsm gd {display: block;} .aidw ccsm dv:nth-child(2), .aidw ccsm dv:nth-child(4) { opacity: 0; } .aidw ccsm div:nth-child(2) dv:nth-child(1) { display: none; } .aidw ccsm div:nth-child(2) dv:nth-child(2) { display: none; } .aidw ccsm bd d { display: none; } .aidw ccsm hd aa:nth-child(1):after {display: none;} .aidw ccsm hd aa:nth-child(2):after {display: block;} @media only screen and (max-width: 999px) { ccsm h4 {font-size: 0.99em; font-weight: 300;} ccsm h2 {font-size: 1.55em; margin: 6px 0; font-weight: 500;} ccsm section { grid-template-columns: auto; row-gap: 16px; } ccsm hd {flex-direction: column-reverse; gap: 15px; padding: 20px;} ccsm hd btn { font-size: 1.11em;} ccsm hd btns {justify-content: space-between;} ccsm bd {margin: 0px 0px; background: 0; padding: 11px; border: 0;} ccsm hd gd { top: 28rem; max-width: -webkit-fill-available; right: 0; border-radius: 0; } .filpp#Exchange screen:last-child { overflow: hidden; } mnws>bl { margin: 11px;padding: 22px 11px; border: 0; } mnws hd btns { display: flex ; } ccsm dv:nth-child(3) { grid-row-start: 2; grid-column-start: 1; grid-column-end: 3; } ccsm dv:nth-child(2) { grid-row-start: 4; grid-column-start: 1; } ccsm dv:nth-child(4) {grid-column-start: 2; grid-row-start: 2;} ccsm dv:nth-child(5) { grid-column-start: 1; } ccsm p {font-size: 0.77em;} } /* component : CrossWallet */ ccswo>bl { position: relative; gap: 2%; background: var(--b-t); display: grid ; margin: 7px auto; align-items: center; padding: 22px; grid-template-columns: 44px auto 88px; border-radius: 14px; box-shadow: var(--bs-bs); } ccsws>bl>hd { display: grid ; grid-template-columns: 44px auto; align-items: center; margin-bottom: 11px; } ccsws>bl { display: block; margin: 7px; } ccswo>bl bd>h7 { display: block; margin-top: 11px; } ccswo>bl ft>h7 { display: block; margin-top: 11px; } ccswo>bl bd>h4 { margin: 4px 0; opacity: .5; } ccswo>bl ft>h4 { margin: 4px 0; opacity: .5; } ccswo>bl h7>inr { font-size: 1.22em; } /* Component : CrossWallets */ ccsws div hd>h4 { grid-template-columns: 77px 77px; width: 88%; overflow: hidden; display: grid; margin: auto; height: 44px; align-items: center; position: relative; z-index: 9; } ccsws bd trcs>h4 a { position: relative; } ccsws bl>hd i { height: 40px; width: 40px; } ccsws bl>hd h3 { display: flex ; align-items: center; padding-left: 1px; } ccsws 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; } ccsws bd trcs>h4 i { opacity: 0.55; } /*CrossWalletsBalance*/ ccwb { display: flex ; background: var(--b-t); border-radius: 22px; margin-bottom: 14px;} ccwb bl { background: transparent; padding: 18px; width: 100%; } ccwb bl hd { padding: 0; display: grid; grid-template-columns: auto 34px; } ccwb bl hd tb { display: grid; grid-template-columns: 22px 155px 22px; align-items: center; } ccwb bl hd tb i { width: 22px; height: 22px; } ccwb bl hd tb ii { width: 22px; height: 22px;transition: 333ms; } ccwb bl hd btn { background: var(--b1); height: auto; padding: 7px; border-radius: 11px; opacity: 0.55; } ccwb bl hd btn i { width: 22px; height: 22px; } ccwb bl bd { padding: unset; font-weight: 500;} ccwb bl bd hi { display: flex; align-items: center;justify-content: space-between; } ccwb bl bd pdl { display: grid; grid-template-columns: 22px 77px; align-items: center; margin: 0; opacity: 0.77; } ccwb bl btns { display: grid ; grid-template-columns: 32% 32% 32%; gap: 5px; } ccwb cw bl ft btns { display: grid; grid-template-columns: 33% 33% 33% ; width: 100%; margin: 11 auto; } ccwb btns btn { display: flex ; justify-content: center; align-items: center; background: var(--b-t); border-radius: 11px; position: relative; padding: 12px; font-size: 12px;} ccwb .hidebalance wl blhd tb ii{transform: rotate(-90deg);} ccwb bd i{ width: 22px;height: 22px;margin-left: 11px;} ccwb bl btns.this { background: var(--lg-b);} ccwh bd{ overflow: scroll; padding: unset;} ccwh mg {height: 55px;margin: 0px;min-width: 0px;width: 100%;white-space: nowrap;display: flex;flex-direction: row;overflow: scroll;} ccwh nv gg { height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px; } /*Crypto*/ cccs hd a { background: var(--b1); padding: 4px 11px; border-radius: 7px; font-weight: 500; } cccs { display: block; width: 100%; transition: 333ms; } cccs>bd { margin-bottom: 44px; } cccs>bd>bl>hd { display: flex ; justify-content: space-between; } cccs>bd>bl>hd { display: block; } cccs mg { display: grid; grid-template-columns: 50% 50%; height: 55px; padding: 0 11px; border-top: solid 2px var(--b1); background: var(--b1); border-radius: 7px; position: relative; margin: 7px; } cccs mg>d { position: absolute; top: 0; bottom: 0; right: 50%; left: 0; display: block; z-index: 0; transition: 333ms; background: var(--a); border-radius: 7px; } cccs.cashs btn.this~d { left: 50%; right: 0%; } cccs mg btn { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 99; cursor: pointer; } cccs mg btn t { padding: 7px; } cccs pbl { display: grid; background: var(--b1); padding: 11px; border-radius: var(--br1); 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 f,cccs histry bd { display: flex !important; gap: 7px; padding: 11px 0 !important; } cccs f a, cccs histry a { background: var(--b1); padding: 4px 11px; border-radius: 7px; font-size: 0.88em; font-weight: 400; } cccs bd d cpt { display: grid; grid-template-columns: 55px auto 111px; color: var(--c); border-radius: var(--br1); position: relative; margin: 11px 0; padding: 15px 22px; background: var(--b1-t44); } cccs bd d cpt>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); display: flex; align-items: center; } cccs bd d cpt>hd img { object-fit: contain; height: 66%; width: 66%; } cccs bd d cpt>bd { display: flex; flex-direction: column; justify-content: center; } cccs bd d cpt>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } cccs bl { border-radius: unset; background: transparent; padding: 11px; position: relative; display: block; } cccs d{ position: relative; transition: 333ms; padding: 11px; display: block; } cccs clcy>bl{ display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: var(--br1); position: relative; margin: 11px 0; padding: 11px; background: var(--lg); } cccs clcy 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 clcy bd { display: flex !important; flex-direction: column; justify-content: center; } cccs clcy ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } cccs next { display: flex; height: 33px; width: 33px; align-items: center; justify-content: center; background: var(--a); border-radius: 555px; padding: 1px; } cccs hd a { background: var(--b1); padding: 4px 11px; border-radius: 7px; font-weight: 100; } cclt bl { background:rgb(18 18 20);padding:22px;border-radius:22px;} cclt hd h2{color:var(--b1);font-size:var(--fs-l);margin-bottom:11px;} cclt hd p{color:var(--c0-t);font-size:var(--fs-s);margin-bottom:22px;} cclt bd ul{display: flex ; flex-wrap: wrap; gap: 11px; list-style: none; padding: 0; margin: 0;} cclt bd li { display: flex ; align-items: center; gap: 7px; border-radius: 11px; } cclt bd i{font-size:18px;width: 24px; height: 24px;} cclt bd t { color: var(--c); font-size: 0.99em; } /**/ /*Crypto_Pairs*/ cops bl { margin-top: 34px; align-items: flex-start; flex-direction: column; display: flex ; padding: 0px 24px; margin-bottom: 23px; } cops bd { justify-content: center; align-items: center; flex-direction: column; display: flex; margin: auto; gap: 8px; margin-top: 64px; } cops bd i { width: 100px; height: 100px; } cops bd span { font-size: 16px; font-weight: 400; line-height: 24px; } cops bd btn { font-size: 16px; font-weight: 500; line-height: 24px; height: 40px; padding-left: 20px; padding-right: 20px; background: var(--a); border-radius: 6px; display: flex; align-items: center; } cops hd h2 { line-height: 48px; font-size: 40px; font-weight: 600; } cops hd p { margin: 1em 0 0 0; line-height: 24px; font-size: 16px; opacity: .7; } @media(max-width:999px){ cops hd p { font-size: 14px; margin-top: 4px; } cops hd h2 { font-size: 28px; } cops bl { margin-top: 30px; } } yosd>bl { margin: 11px 0; display: grid ; grid-template-columns: 55% 50% 0px; padding: 44px 0; border-radius: 22px; margin-top: 12%; } yosd>bl bd>dv { background: var(--b1); border: solid var(--b1); border-radius: 22px; display: block;} yosd > bl dv > i { display: block; height: 77px; width: 77px; } yosd > bl dv > i svg { fill: none; height: 44px; width: 44px; } yosd > bl bd { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; justify-content: center; } yosd hd { display: grid ; margin: auto; align-items: center; gap: 8%; } yosd h2 { margin: 7px auto; font-size: 72px; margin-bottom: 33px; font-weight: 400; } yosd > bl bd > dv { width: auto; font-weight: bold; display: block; background: var(--b1-t44); border-radius: 15px; transition: 333ms; padding: 22px; margin: 7px; border: solid 2px var(--b1); } yosd hd p { margin: 22px auto; max-width: 84%; margin-bottom: 33px; text-align: center; font-size: 1.3em; } yosd btn { display: grid ; grid-template-columns: auto 33px; background: var(--btn); padding: 11px 22px; font-size: 0.88em; border-radius: 11px; align-items: center; border: 1px solid var(--b-t22); position: relative; z-index: 9; justify-content: center; width: fit-content; margin: auto; color: var(--bl); } yosd p { margin: 0; font-weight: 300; } yosd h4 { font-weight: 500; font-size: 1em; } yosd up { margin-top: 22px; display: block; font-size: 2em; font-weight: 400; color: var(--gr); } #Exchange account label>aa { color: var(--c); } @media only screen and (max-width: 999px) { yosd>bl { display: block; } yosd hd { gap: 0; } yosd h2 { margin: 0; font-size: 1.6em; max-width: 88%; margin-bottom: 33px; text-align: left; font-weight: 500; } yosd hd p { text-align: left; margin: 0; font-size: 0.88em; } yosd btn { margin: 11px 0; } /*cwbt>bl bd>dv { position: sticky; top: 88px; background: var(--b); } */ yosd>bl bd { margin-top: 22px; grid-template-columns: 49% 49%; gap: 2%; grid-row-gap: 0;display: grid; } } cmboa { display: none; background: var(--b-t); border-radius: 20px; margin-block: 22px; max-width: 463px; } cmboa hd { padding: 16px; display: flex ; align-items: center; justify-content: space-between; } cmboa hd i { width: 23px; height: 23px; } cmboa bd { padding: 10px 20px; display: block; } cmboa cmba { display: flex ; justify-content: space-between; align-items: center; border-bottom: solid 1px var(--bor); padding-bottom: 7px; padding-top: 7px; } cmba p { margin: 0; } cmboa ft { padding: 2px 20px; display: none; } cmboa ft cmba:nth-child(1) { border-top: solid 1px var(--bor); } cbln { display: flex ; gap: 20px; background: var(--b1-t44); border-radius: 20px; padding: 20px; box-shadow: 0 4px 8px var(--bt); position: relative; color: var(--c); max-width: 419px; margin-block: 22px; } cbln::before { content: ""; position: absolute; top: 10px; bottom: 10px; left: 50%; width: 1px; background-color: var(--bc); transform: translateX(-50%); } cvno { display: grid ; padding: 20px; gap: 20px; background: var(--b1-t44); border-radius: 20px; max-width: 420px; margin-block: 22px; } cbln hd{ display: flex ; flex-direction: column; align-items: flex-start; gap: 10px; flex: 1; } cbln bd{ display: flex ; flex-direction: column; align-items: flex-start; gap: 10px; flex: 1; } cbln h3 { display: flex ; align-items: center; gap: 10px; font-size: 18px; font-weight: bold; } cbln bl a { text-decoration: unset; font-weight: 500; } csun { display: grid ; gap: 20px; background: var(--b1-t44); border-radius: 20px; padding: 20px; box-shadow: 0 4px 8px var(--bt); position: relative; color: var(--c); max-width: 419px; margin-block: 22px; } csun hd h3 { display: flex ; justify-content: center; } csun hd p { margin: 0; } ; justify-content: center; } cgco { padding: var(--p); display: grid ; gap: 20px; background: var(--b1-t44); border-radius: 20px; max-width: 420px; margin-bottom: 2%; } cgco bd { display: grid ; grid-template-columns: auto auto; gap: 10px; } cgco bd btn { display: grid ; grid-template-columns: 20% auto; background: var(--b1t); align-items: center; padding: 4px 8px; height: 24px; border-radius: 18px; max-width: 170px; } cgco bd img { filter: invert(1); } cgco bd span { font-size: 13px; } cgco ul { display: grid ; gap: 35px; } cgco li { display: grid ; grid-template-columns: 7% auto; align-items: center; } cvno { display: grid ; padding: 20px; gap: 20px; background: var(--b1-t44); border-radius: 20px; max-width: 420px; margin-block: 22px; } cccs>bl>bd{ display: none ; } cccs.cashs>bl>bd{ display: block ; } cccs.cashs>bl>hd>div{ display: none ; } cvno ul{display: grid ; padding: 20px; gap: 20px; border-radius: 20px; max-width: 420px; margin-block: 22px; } cvno li { display: grid ; grid-template-columns: 8% auto; align-items: center; }cmboa { display: block; background: var(--b-t); border-radius: 20px; margin-block: 22px; max-width: 463px; } cmboa hd { padding: 16px; display: flex ; align-items: center; justify-content: space-between; } cmboa hd i { width: 23px; height: 23px; transition: 99ms; } cmboa bd { padding: 10px 20px; display: block; } cmboa cmba { display: flex ; justify-content: space-between; align-items: center; border-bottom: solid 1px var(--bor); padding-bottom: 7px; padding-top: 7px; } cmba p { margin: 0; } cmboa ft { padding: 2px 20px; display: none; } cmboa ft cmba:nth-child(1) { border-top: solid 1px var(--bor); } cmboa.About ft { display: block; } cmboa.About i { transform: rotateX(166deg); transition: 99ms; } cbln { display: flex ; gap: 20px; background: var(--b1-t44); border-radius: 20px; padding: 20px; box-shadow: 0 4px 8px var(--bt); position: relative; color: var(--c); max-width: 419px; margin-block: 22px; } cbln bl { display: flex ;flex-direction: row; align-items: flex-start; gap: 10px; flex: 1; } cbln::before { content: ""; position: absolute; top: 10px; bottom: 10px; left: 50%; width: 1px; background-color: var(--bc); transform: translateX(-50%); } cbln hd{ display: flex ; flex-direction: column; align-items: flex-start; gap: 10px; flex: 1; } cbln bd{ display: flex ; flex-direction: column; margin-left: var(--br); gap: 10px; flex: 1; } cbln h3 { display: flex ; align-items: center; gap: 10px; font-size: 18px; font-weight: bold; } cbln bl a { text-decoration: unset; font-weight: 500; } cbln a:hover { color: var(--a); }csun { display: grid ; gap: 20px; background: var(--b1-t44); border-radius: 20px; padding: 20px; box-shadow: 0 4px 8px var(--bt); position: relative; color: var(--c); max-width: 419px; margin-block: 22px; } csun hd h3 { display: flex ; justify-content: center; } csun hd p { margin: 0; justify-content: center; } csun bl>ft { display: grid ; align-items: center; grid-template-columns: auto 33px; } cces { display: block; padding: 22px; border-radius: 22px; background: var(--b1t44); } cces>bl>bd { display: grid ; gap: 11px; } cces>bl>hd { display: grid ; grid-template-columns:auto; padding-bottom: 11px;} cces>bl>hd i { height: 40px; width: 40px;} cces>bl>hd h3 { display: flex; align-items: center; padding-left: 1px;} ccro bl { display: grid ; grid-template-columns: 55px auto max-content; align-items: center; background: var(--b-t); padding: 22px; border-radius: 11px; } /* Component : CurrencyAnalysis */ cbdo>bl { display: block; padding: var(--p1); background: var(--b1); border-radius: var(--br); position: relative; } cbdo>bl:before { content: ""; background-image: url('/-Brand/XAH/asset/logo.png'); background-repeat: no-repeat; background-position: left; position: absolute; height: 100%; width: 100%; background-size: 100%; top: 0; opacity: 0.07; filter: grayscale(1); } cbdo>bl .css-1ufy71k::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('/-Brand/XAH/asset/Static.svg'); background-size: 100% 100%; transform: rotateY(0deg); } cbdo>bl .css-1ufy71k { display: block; box-sizing: border-box; margin: auto; min-width: 0px; align-self: center; width: 300px; height: 150px; position: relative; } cbdo>bl svg.css-102d1nn { display: inline-block; box-sizing: border-box; margin: 0px; min-width: 0px; color: var(--b-t44); font-size: 30px; fill: var(--b-t44); position: absolute; top: 20px; left: 135px; transform-origin: center 130px; transform: rotate(-90deg); animation: 0.7s ease 1s 1 normal forwards running fear-greed-index; width: 1em; height: 1em; } .css-1c5bsa5 { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); text-align: center; } cbdo>bl .css-cxlpc6 { font-weight: 600; font-size: 3em; line-height: 56px; animation: 0.7s ease 1s 1 normal forwards running fear-greed-number; } cbdo>bl .css-8o9ps9 { font-size: 1.5em; line-height: 32px; font-weight: 500; } cbdo>bl>ft btn { display: flex ; padding: 9px; justify-content: center; z-index: 1; border-radius: 7px; position: relative; background-color: transparent; cursor: pointer; overflow: hidden; } cbdo>bl>ft btn.Bearish:after { content: " "; transform: skew(-15deg); left: -5px; background-color: rgb(246, 70, 93); opacity: 1 !important; border-radius: 7px; width: 100%; position: absolute; z-index: -1; height: 100%; top: 0; } cbdo>bl>ft btn.Bullish:after { content: ""; transform: skew(-15deg); right: -4px; background-color: rgb(46, 189, 133); opacity: 1 !important; border-radius: 7px; width: 100%; position: absolute; z-index: -1; height: 100%; top: 0; } cbdo>bl ft>btns { display: grid ; align-items: center; grid-template-columns: 50% 50%; margin-top: 11px; } cbdo>bl ft>d { display: flex ; justify-content: space-between; padding: 6px; font-size: 13px; } cbdo>bl ft>d t { color: var(--b-t44); } culo { background: var(--b1); border-radius: 8px; padding: 15px 0px; display: none; margin-top: 4px;position: absolute;z-index: 1;} culo>bl>hd dv { display: flex ; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--bc); border-radius: 8px; transition: all 0.3s ease; } culo>bl>hd dv input { flex: 1; background: var(--b1); border: none; outline: none; font-size: 13px; letter-spacing: -0.2px; height: 20px;padding: 0; } culo>bl>bd>div>dv { display: flex ; gap: 15px; padding: 13px; align-items: center; } culo>bl>hd { padding: 20px; } culo>bl>bd>div { height: 320px; overflow: scroll; margin: 0; } culo>bl>bd>div>dv:hover { background: var(--lg); } app.CL culo { display: block; } @media(max-width:999px){ culo {width: -webkit-fill-available;} } /* Component : Currencys */ camkso>bl { display: block; background: var(--b1-t44); border-radius: 22px; padding: 22px; } camkso>bl button { display: flex; background: unset; border: unset; } camkso>bl button btn { display: grid; grid-template-columns: 37px auto; background: var(--b); padding: 11px 18px; margin: 7px; color: var(--c); border-radius: 11px; align-items: center; transition: 99ms; position: relative; cursor: pointer; } camkso>bl trcs>trc {border-bottom: 1px solid var(--bc);background: transparent;border-radius: 0;box-shadow: unset;position: relative;} camkso>bl trcs>trc>hd { overflow: hidden; display: flex; justify-content: center; align-items: center; height: 77px; width: 77px; background: url(); border-radius: 22px; }cdtm { display: grid ; max-width: 333px; } /* GENERAL */ cdtm .credit { position: fixed; right: 2rem; bottom: 2rem; color: white; } cdtm .credit a { color: inherit; } /* Main Circle */ cdtm .main-circle { width: 40rem; height: 40rem; border-radius: 100%; background: linear-gradient(40deg, #ff0080, #ff8c00 70%); position: absolute; z-index: 1; left: 50%; -webkit-transform: translate(-50%, -70%); -ms-transform: translate(-50%, -70%); transform: translate(-50%, -70%); } /* Phone */ cdtm .phone {position: relative; z-index: 2; height: 17rem; background-color: inherit; transition: background-color 0.6s; border-radius: var(--br); display: -webkit-box; display: -ms-flexbox; display: flex ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--b); margin: 0 11px; } cdtm .icons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0.5rem; } cdtm .battery { width: 0.85rem; height: 0.45rem; background-color: black; } cdtm .network { width: 0; height: 0; border-style: solid; border-width: 0 6.8px 7.2px 6.8px; border-color: transparent transparent black transparent; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin: 0.12rem 0.5rem; } /* Middle */ cdtm .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: auto; text-align: center; width: 70%; -webkit-transform: translateY(5%); -ms-transform: translateY(5%); transform: translateY(5%); } cdtm .circle { position: relative; border-radius: 100%; width: 8rem; height: 8rem; background: linear-gradient( 40deg, #ff0080, #ff8c00, #e8e8e8, #8983f7, #a3dafb 80% ); background-size: 400%; transition: background-position 0.6s; margin: auto; } cdtm .crescent { position: absolute; border-radius: 100%; right: 0; width: 6rem; height: 6rem; background: #e8e8e8; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.6s; transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.6s; transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.6s; transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.6s; } cdtm label, .toggle { height: 2.8rem; border-radius: 100px; } cdtm label { width: 100%; background-color: rgba(0, 0, 0, 0.1); border-radius: 100px; position: relative; margin: 1.8rem 0 4rem 0; cursor: pointer; } cdtm .toggle { position: absolute; width: 50%; background-color: #fff; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform: translateX(100%); } cdtm .names { font-size: 90%; font-weight: bolder; color: black; width: 65%; margin-left: 17.5%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } cdtm .dark { opacity: 0.5; } cdtm .mark { border-radius: 100px; background-color: black; } cdtm.time { color: black; } /* -------- Switch Styles ------------*/ cdtm [type="checkbox"] { display: none; } /* Toggle */ cdtm [type="checkbox"]:checked + .app .toggle { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(0%); background-color: #34323d; } cdtm [type="checkbox"]:checked + .app .dark { opacity: 1; color: white; } cdtm [type="checkbox"]:checked + .app .light { opacity: 1; color: white; } /* App */ cdtm [type="checkbox"]:checked + .app .phone { background-color: var(--b1); color: var(--c);} /* Circle */ cdtm [type="checkbox"]:checked + .app .crescent { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: var(--b1); } cdtm [type="checkbox"]:checked + .app .circle { background-position: 100% 100%; } cdtm [type="checkbox"]:checked + .app .main-circle { background: linear-gradient(40deg, #8983f7, #a3dafb 70%); } cdtm [type="checkbox"]:checked + .time { color: white; } cdtm [type="checkbox"]:checked + .app .body .phone .menu .time { color: white; } cdtm [type="checkbox"]:checked + .app .body .phone .menu .icons .network { border-color: transparent transparent white transparent; } cdtm [type="checkbox"]:checked + .app .body .phone .menu .icons .battery { background-color: white; } cdtm [type="checkbox"]:checked + .app .body { border-radius: 40px; } /*DashBoard_Features.css*/ adfs>bl{ display: none; max-width: 480px;min-width: 480px; margin: 20px auto; background: var(--b-t); border-radius: 10px; padding: 22px; backdrop-filter: blur(70px);position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-height;z-index: 99;} adfs hd { display: flex ; align-items: center; justify-content: space-between; } adfs>bl bg { background: var(--bg); z-index: 999; } adfs exit>i { width: 20px; height: 20px; } adfs hd h2 { font-size: 17px; margin: 7px 0px; font-weight: 400; } adfs bd p { font-size: 12px; font-weight: 400; line-height: 20px; } adfs bd a { color: var(--a); } adfs h3 { font-size: 16px; font-weight: 500; margin: 11px 0px; } adfs div { display: flex ; margin: 11px 0px;column-gap: 11px; } adfs div>d { text-align: center; border: 1px solid var(--bc); border-radius: 6px; padding: 10px; cursor: pointer; flex: 1; } div d>h4 { font-size: 15px; font-weight: 400; } adfs d t { font-size: 15px; margin: 7px 0px; display: flex ; align-items: center; justify-content: center; } adfs dv label { font-size: 15px; margin: 11px 0px; display: flex ; font-weight: 500; } adfs dv input { padding: 7px; border-radius: 7px; border: 1px solid var(--bc); height: 30px; background: var(--b-t); width: -webkit-fill-available; } adfs div t>i { width: 20px; height: 20px; opacity: 0.6; margin-left: 22px; } adfs row>d { font-size: 12px; font-weight: 500; display: flex ; align-items: center; margin: 11px 0px; flex-wrap: wrap; } adfs bd d>input { display: flex ; width: auto; height: auto; } adfs row label{font-size:12px;display:block;margin-bottom:8px;color:#aaa} adfs row a { color: var(--a); } adfs ft btn { display: block; background: var(--a); border-radius: 7px; padding: 11px; text-align: center; cursor: pointer; } adfs ft btn t { font-weight: 400; font-size: 15px; } app.sd adfs>bl { display: grid;} /* Component : Data_AirDrop */ cdsd>bl { display: block; padding: 7px; margin: 7px; } cdsd>t>hd { display: grid; grid-template-columns: auto 33px; align-items: center; } cdsd mg { display: flex; align-items: center; margin: 11px 0; gap:22px ;} cdsd mg a.jrac { border-radius: 6px; color: var(--c);padding: 2px 8px;background: var(--b-t22); } dts dt { display: flex; padding: 11px; margin: 6px; flex-direction: column; } dts dt h4 { font-weight: 400; font-size: 1em; margin-top: 33px; } dts dt { display: flex; padding: 11px; margin: 6px; flex-direction: column; border: solid 1px var(--b1); border-radius: 11px; font-size: 1em; background: var(--b1t44); } dts { display: grid; grid-template-columns: 50% 50%; } crt { display: flex; justify-content: center; margin: 11px; padding: 11px; position: relative; } /*crt svg { height: 177px; width: 177px; }*/ crt bx { display: block; margin: 11px; } crt bx h5 { font-weight: 400; letter-spacing: 1px; } cdsd h5 { font-weight: 400; } cdsd mg a { color: var(--b1-t44); } cdsd div#highcharts-xsrexuf-0 { position: relative; overflow: hidden; width: 400px; height: 400px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; touch-action: manipulation; outline: none; } @media only screen and (min-width: 999px) { cdsd { display: block; margin: 7px; } } /* Component : DataCoin */ cncs { display: block; border: solid 1px var(--b1); border-radius: 11px; padding: 11px; margin: 4px; background: var(--b1t44); display: } cncs hd {display: grid;align-items: center;grid-template-columns: 78px 30px; background: unset; margin: 4px;} cncs bd { padding: 0; background: unset; margin-top: 22px; display: block; } cncs .cgreen { color: #62ff83; font-weight: 400; font-size: 0.88em; } /* Component : DataCoins */ cdcns>bl { display: block; padding: 7px; margin: 7px; } cdcns grid bl { display: block; padding: 0; border-radius: 0; margin-top: 22px;} cdcns h4 { display: block; height: auto; background: unset; font-weight: 400;font-size: 15px;} cdcns hd { display: grid; grid-template-columns: auto 33px; align-items: center; } cdcns bd { display: grid ; grid-auto-flow: column; overflow: auto; } @media only screen and (min-width: 999px) { cncs { overflow: unset; } } /* Component : DataHeatmap */ cdho>bl { display: block; padding: 7px; margin: 7px; } cdho hd { display: grid; grid-template-columns: auto 33px; justify-content: space-between; align-items: center; } cdho d { display: flex; justify-content: flex-start; flex-wrap: wrap; } cdho t { display: grid; grid-template-columns: 15% 13% 24% 24% 24%; } cdho bd { padding: 0; } cdho htmp { border-radius: 6px; margin: 1px; display: flex; align-items: start; flex-direction: column; justify-content: center; padding: 44px 11px; font-size: 16px; } cdho htmp.this { font-size: 16px; padding: 40px 11px; } cdho h4 { display: grid ; grid-template-columns: auto 33px; justify-content: space-between; align-items: center; } cdho htmp h6 { font-weight: 100; } cdho htmp:nth-child(1) { grid-column-start: 1; grid-column-end: 3; background: rgb(246, 70, 93); } cdho t htmp:nth-child(1) { grid-column-start: 1; grid-column-end: 3; background: #01bc8d63; } cdho t htmp:nth-child(3) { background: rgb(246, 70, 93); } /* Component : DataPricechange */ cdpho>bl { display: block; padding: 7px; margin: 7px; } cdpho bl>hd { display: grid; grid-template-columns: auto 33px; align-items: center; } cdpho bd { display: flex; align-items: center; column-gap: 12px; overflow-x: scroll; } cdpho candle d { margin: auto; text-align: center; } cdpho ft p { margin: 0; } cdpho ft p2 { display: flex; justify-content: space-between; } cdpho cc { display: flex; align-items: center; column-gap: 12px; overflow-x: scroll; } cdpho bd cd { height: 30px; background: rgb(14 203 129); width: 12px; border-radius: 2px; margin: auto; } cdpho.candles bd.candles { display: flex; height: 47%; transition: 333ms; } cdpho bd.candles { display: flex; height: 0; transition: 333ms; } cdpho candle t { font-size: 12px; color: gray; } cdpho pcd { display: flex; gap: 2%; margin: 11px 0; } cdpho pcd bx.bgreen { height: 11px; display: block; width: 59%; border-radius: 6px 0 30px 6px; } cdpho pcd bx.bgray { height: 11px; display: block; width: 23%; border-radius: 30px 0 30px 0px; } cdpho pcd bx.bred {height: 11px; display: block; width: 23%; border-radius:30px 6px 6px 0; background: #f654543d; border: 1px solid #f654543d; } cdpho h4 { font-weight: 400; font-size: 0.88em; display: grid; grid-template-columns: auto 33px;justify-content: space-between; align-items: center;} @media only screen and (min-width: 999px) { cdpho { display: block; margin: 7px; } }/* Component : DataTransaction */ cdtn>bl { display: grid ; align-items: start; padding: 3px 0; background: unset; margin: 11px 0; grid-template-columns: 138px auto auto; box-shadow: unset;width: 100%;} cdtn hd { background: unset; overflow: unset; display: block; height: auto; width: auto; font-size: 1em; align-items: center; } cdtn hd tp { opacity: 0.5; font-size: 0.77em; } cdtn bd { padding: 0; background: unset; display: block; font-size: 16px; } cdtn hd h6 { display: grid ; grid-template-columns: max-content auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; font-weight: unset; opacity: 0.5; } cdtn ft h4 { font-size: 1.1em; font-weight: 500; letter-spacing: 2px; } cdtn ft { display: flex ; flex-direction: column; justify-content: center; align-items: end; } /* Component : DataTransactions */ cdto>bl { display: block; border-radius: 0; margin: 7px; padding: 7px; } cdto>bl>hd { display: grid; grid-template-columns: auto 33px; align-items: center; justify-content: space-between; } cdto mg { display: flex; margin: 11px 0; justify-content: space-between;} cdto mg a { font-weight: 100; opacity: 0.5; } data Transactions trc { display: grid ; align-items: start; padding: 3px 0; background: unset; margin: 11px 0; grid-template-columns: 138px auto auto; width: 100%; box-shadow: unset; } tradingdata mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } cdto h4 { font-weight: 400; font-size: 1em;font-family: var(--ff);align-items: center; display: block;} dts dt hd h5 { font-weight: 400; } data cdto mg a { font-weight: 100; opacity: 0.5; } /* Component : DataZone */ czno { display: grid; border: solid 1px var(--b1); border-radius: 11px; padding: 11px; margin: 4px; background: var(--b1t44); } czno>bl { display: block; margin: 0 !important; } czno bd { display: grid !important; grid-template-columns: 33px auto auto; margin-top: 33px; align-items: center; } /* Component : DataZones */ cdzs bl { display: block; padding: 0; border-radius: 0; margin: 7px; padding: 7px; } cdzs hd { display: grid ; grid-template-columns: auto 33px; align-items: center; } cdzs>bl>bd { display: grid ; grid-template-columns: 50% 50%; } cdzs h4 { font-weight: 400; font-size: 0.88em; } cdzs h6 { font-weight: 400; font-size: 0.88em; } cdzs .cgreen { color: rgb(14, 203, 129) !important;font-weight: 400; font-size: 0.88em; }cdpo{display:block;} cdpo bl hd { display: flex ; justify-content: end; } cdpo bl bd { padding: 0; display: flex ; align-items: center; justify-content: center; background: none; font-size: 18px;} cdpo bl ft { display: block; } cdpo ft>r { display: flex ; align-items: center; justify-content: space-between; color: var(--b);} cdpo r>i { border: none; } cdpo li { font-size: 0.88em; padding: 11px 22px; color: var(--b); } .dltp dltp{display:block;} cdpo a { display: flex; align-items: center; justify-content: space-between; } .detail helpe{display:none;} cdpo h5 { font-weight: 500; color: rgb(95, 99, 104); padding: 12px 24px; } cdpo hr { height: 2px; } cdpo { display: none;background: rgb(244 244 244); text-align: start; box-shadow: 0px 0px 3px 1px #d9d9d9; border-radius: 11px; top: 100%; position: absolute; z-index: 999; width: 300px; right: 0; margin-top: 11px; } cdpo i { height: 16px; width: 16px; } cdpo bd h5 { display: flex; justify-content: center; font-size: 20px;} @media only screen and (max-width: 999px){ cdpo { display: none; } cdpo bl hd a { font-size: 25px;} } /* Component : Deposit */ cdpn>bl { display: block; position: relative; padding: var(--p);/* padding-left: 44px; */} cdpn>bl d { display: flex ; align-items: center; margin-bottom: 11px; position: relative; } cdpn>bl d>rang { width: 22px; height: 22px; display: flex ; align-items: center; justify-content: center; background-color: var(--b1); border-radius: 4px; font-size: 11px; position: absolute; left: -30px; z-index: 99; color: var(--b-t44); transform: rotate(45deg); } cdpn>bl d span { transform: rotate(320deg); } cdpn>bl mb>btns { padding: 11px 0; width: fit-content; display: flex ; flex-wrap: wrap; gap: 14px; } cdpn>bl hd>mb { display: block; overflow: scroll; -webkit-mask-image: linear-gradient(274deg, #000 85%, transparent), linear-gradient(267deg, #000 85%, transparent); } cdpn>bl btns>btn { display: flex ; background: var(--b1t); padding: 7px 11px; border-radius: 11px; align-items: center; font-size: 13px; text-align: center; gap: 7px; } cdpn>bl sl { display: grid ; align-items: center; grid-template-columns: auto max-content; background-color: var(--bt); border: 1px solid var(--b1); border-radius: 11px; padding: 11px; margin-top: 11px; cursor: pointer; } cdpn>bl sl div { display: flex ; align-items: center; column-gap: 7px; } cdpn>bl bd>sl { display: flex ; align-items: center; justify-content: space-between; cursor: pointer; pointer-events: none; } cdpn>bl sl i { height: 22px; width: 22px; transition: 333ms; } cdpn>bl sl svg { fill: var(--ct); } cdpn>bl btn>i { flex: none; height: 17px; width: 17px; } cdpn>bl:before { content: ""; position: absolute; left: 2px; top: 22px; bottom: 66px; width: 2px; background-color: var(--b1); z-index: 1; } cdpn hd.this::after { content: ''; position: absolute; left: -20px; top: 22px; bottom: -8px; width: 2px; background-color: var(--c); z-index: 1; } cdpn bd.this::after { content: ''; position: absolute; left: -20px; top: 22px; bottom: -8px; width: 2px; background-color: var(--c); z-index: 1; } cdpn ft.this::after { content: ''; position: absolute; left: -20px; width: 2px; top: 0; bottom: 0; background: var(--b); z-index: 9; } cdpn>bl>hd { display: block; position: relative; } cdpn>bl>ft { display: block; margin-top: 11px; position: relative; } cdpn>bl>bd { display: block; margin-top: 11px; position: relative; } cdpn>bl sl t { opacity: .5; font-weight: 400; letter-spacing: .77px; } cdcp d>rang { width: 22px; height: 22px; display: flex ; align-items: center; justify-content: center; background-color: var(--b1); border-radius: 4px; font-size: 11px; position: absolute; left: -30px; z-index: 99; color: var(--b-t44); transform: rotate(45deg); } cdpn hd.this d>rang { background: var(--c); color: var(--b); } cdpn bd.this d>rang { background: var(--c); color: var(--b); } cdpn ft.this d>rang { background: var(--c); color: var(--b); } cdpn hd.this d rang span:nth-child(1) { display: none; } cdpn d rang span:nth-child(2) { display: none; height: 13px; width: 13px; } cdpn hd.this d rang span:nth-child(2) { display: block; } cdpn bd.this d rang span:nth-child(1) { display: none; } cdpn bd.this d rang span:nth-child(2) { display: block; } cdpn > bl>ft>div { display: none; } /* Component : DepositAddress */ cdas {display: none; padding: 11px; border-radius: 12px; margin: 22px auto;} cdas hd {display: grid ; align-items: center; gap: 16px; margin-bottom: 20px; padding-right: 11px; grid-template-columns: max-content auto; border-radius: 11px; border: solid 1px var(--b-t22);transition: 333ms; } cdas hd:hover { border-color: var(--a); } cdas hd qr { display: grid ; } cdas qr img {width: 85px; height: 85px; border-radius: 7px; background: var(--c); transform: scale(0.8); transition: 333ms; margin: 2px; padding: 11px;} cdas hd:hover img { transform: scale(1);} cdas hd d h4 { font-size: 16px; padding: 7px 0px; font-weight: 500; line-break: anywhere; } cdas bd { display: flex; flex-direction: column; gap: 10px; } cdas bd div h4 { font-weight: 500; color: var(--b-t44); } cdas bd div:nth-child(5), cdop row:nth-child(6) { color: #ff5555; font-weight: bold; justify-content: flex-start; } cdas ft { margin-top: 20px; text-align: right; } cdas ft btn { display: grid ; grid-template-columns: max-content auto; align-items: center; padding: 11px; border-radius: 6px; font-size: 14px; margin: auto; width: fit-content; } cdas hd svg { fill: var(--c); } cdas hd d { display: flex ; align-items: start; gap: 8px; } cdas hd d i { margin-top: 8px; width: 18px; height: 18px; } cdas bd d { display: none ; gap: 8px; } cdas ft btn svg { fill: var(--c); transform: rotate(90deg); } cdas ft btn t:nth-child(2) { display: none ;} .cmore bd d {display: grid ;} .cmore ft btn svg {transform: rotate(270deg); } .cmore ft btn t:nth-child(1) { display: none ;} .cmore ft btn t:nth-child(2) { display: block ;} cdas hd h5 { font-size: 16px; font-weight: 500; color: var(--b-t44); } cdas bd div * { font-size: 13px; } cdas bd div { display: flex ; justify-content: space-between; align-items: center; padding-bottom: 7px; } /* Component : DepositCrypto */ cdeto {display: block; position: relative; margin: 7px 0; font-size: 9px; align-items: center; padding: 16px; border-bottom: 1px solid var(--bc); border-radius: 0;} cdeto>bl hd {display: grid ; height: 33px; width: 33px; padding: 7px; border-radius: 11px; background: var(--b-t);} cdeto>bl hd i { margin: auto; } cdeto>bl ft { display: flex; flex-direction: column; align-items: end; } cdeto bl { display: grid ; grid-template-columns: max-content auto max-content; align-items: center; gap: 11px; } cdeto bd h4 { display: flex ; justify-content: space-between; align-items: center; font-size: 1.88em; } cdeto:last-child { border: none; } /* Component : DepositCryptos */ cdets>bl { display: block; background: var(--b1-t44); padding: 22px; border-radius: var(--br); margin: 11px 7px; } cdets hd h1 { font-size: 16px; font-weight: 400; margin: 17px; } cdets bd>h5 { font-size: 12px; color: var(--ct); margin: 2px; } cdets ft>h1 { font-size: 14px; font-weight: 100; color: rgb(14, 203, 129); } cdets trcs>trc>bd { display: flex; flex-direction: column; justify-content: unset; letter-spacing: 0; font-size: 2em; margin-left: 0; } cdets trc>hd { overflow: hidden; display: flex; justify-content: center; height: 73px; width: 73px; border-radius: 22px; background: unset; align-items: center;} cdets trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: center; } cdets ft h2 { font-size: 14px; font-weight: 100; } cdets trc img { object-fit: cover; height: 88%; width: 88%; } /* Component : DepositQr */ cdqo>bl { display: block; background: var(--b1t44); padding: 22px; border-radius: 15px; margin: 10px; } cdqo>bl hd { display: grid ; grid-template-columns: 88px auto; margin-bottom: 11px; overflow: hidden; } cdqo>bl hd>d { display: flex ; flex-direction: column; align-items: center; justify-content: center; max-width: 55px; padding: 7px; background: var(--bc); border-radius: 11px; margin: 4px; font-size: 0.77em; gap: 7px; } cdqo>bl d>i { height: 33px; width: 33px; } cdqo>bl hd p { color: var(--b-t44); font-size: 0.88em; margin: 4px 0; } cdqo>bl hd h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 66%; } cdqo>bl bd { display: grid ; background: var(--c); border-radius: 15px; align-items: center; } cdqo>bl bd>f { display: flex ; background: var(--b1-t); padding: 15px; justify-content: space-between; align-items: center; } cdqo>bl f img { filter: invert(1); height: 18px; } cdqo>bl f>btn { display: grid ; grid-template-columns: 33px auto; align-items: center; } cdqo>bl bd>i { margin: 11px auto; justify-content: center; display: flex ; height: 88%; width: max-content; } cdqo>bl ft { display: block; text-align: center; padding: 22px; padding-bottom: 0; } /* Component : DepositSearch */ csro>bl { padding: 10px; display: flex; align-items: center; gap: 11px; } csro t { color: var(--a); } csro div { display: grid; grid-template-columns: 23px auto; align-items: center; background: var(--bt); height: 44px; position: relative; overflow: hidden; border-radius: 7px; padding: 0px 22px; width: inherit; } csro div i { opacity: 0.4; height: 22px; width: 22px; margin: auto; } csro input { background: transparent; font-size: 16px; margin: 0; padding: 0; border-radius: 0; } @media only screen and (min-width: 999px) { csro { width: max-content; } } /**Deposit_Faq**/ adtq>bl { position: relative; padding: var(--p); } adtq>bl>hd>h3 { font-size: 20px; font-weight: 500; line-height: 28px; } adtq>bl>bd>dv { display: flex ; flex-direction: column; gap: 16px; padding-top: 24px; } adtq>bl>bd>dv>span { font-size: 14px; font-weight: 400; line-height: 24px; } adtq>bl>bd>dv>span:hover { color: var(---gry); } @media(max-width:999px){ adtq>bl { padding: unset; } } /**Deposit_Function***/ app.deposit adfn { display: flex ; top: 0; align-items: center; justify-content: center; backdrop-filter: brightness(0.2); position: absolute; bottom: 0; left: 0; right: 0; width: 100%; cursor: default; z-index: 999999999; height: auto; padding: var(--p); width: -webkit-fill-available; } adfn { display: none ;} adfn>bl { background: var(--c1); border-radius: var(--br); width: 800px; margin: auto; margin-block: var(--s); padding: var(--p); } adfn>bl>hd { display: flex ; align-items: center; justify-content: space-between; } adfn>bl>hd i { height: 20px; width: 20px; } adfn>bl>hd h2 { font-size: 20px; font-weight: 600; line-height: 28px; } adfn>bl>ft { display: flex ; flex-direction: column; text-align: center; } adfn>bl>ft span { font-size: 14px; font-weight: 400; line-height: 24px; color: var(---gry); } adfn>bl>ft a { font-size: 14px; font-weight: 500; line-height: 22px; color: var(--a); } adfn>bl>ft a:hover{color: var(--a1);} adfn>bl>bd i { margin: auto; height: 100%; width: 100%; } /**Deposit_Menu**/ admu { display: grid ; padding: 22px; padding-left: 0; } admu>bl>bd>a { display: grid ; grid-template-columns: auto 1fr max-content; align-items: center; gap: 11px; padding: 11px; border-radius: 11px; cursor: pointer; margin: 7px 0; font-weight: 400; color: var(--b-t77); font-size: 14px;} admu>bl>bd>a i { height: 22px; width: 22px; } admu>bl>bd>a i:nth-child(3) { transform: rotate(180deg); height: 15px; } admu>bl>bd>a.this { background: var(--b1-t); color: var(--c); } /**Deposit_Steps**/ adse>bl>bd { margin-right: auto; margin-left: auto; margin-bottom: 80px; justify-content: space-between; z-index: 1; position: relative; padding: 22px 13px 0px 13px;display: grid; grid-template-columns: 55% max-content; } @media(max-width:999px){ adse>bl>bd {grid-template-columns: 100%;} } /* Desktop Nav */ cdnvo { display: grid; grid-template-columns: 22% auto 22%; padding: 11px; align-items: center; position: sticky; top: 0; z-index: 99; background: var(--b); } cdnvo fltrr sl>input:focus { border: 1px solid var(--bc); } cdnvo>hd>ccno>btn { display: flex; align-items: center; justify-content: center; height: 44px; width: 44px; background: var(--b1-t); border-radius: var(--br1); margin: 4px; } cdnvo>hd>ccno { display: flex; align-items: center; } cdnvo ccno>bl { display: grid; grid-template-columns: 55px auto 44px; box-shadow: 0 0 2px 1px var(--bc); border-radius: var(--br1); margin: 4px; font-size: 0.88em; } cdnvo fltrr>hd>sl>btn { height: 44px; width: 44px; display: flex; align-items: center; justify-content: center; border-radius: var(--br1); } cdnvo ccno>bl>hd { width: 44px; background: var(--b1-t); border-radius: var(--br1); display: flex; align-items: center; justify-content: center; } cdnvo ccno>bl>bd { display: block; padding: 5px; } cdnvo ccno>bl>bd>t { font-weight: 400; letter-spacing: 0.88px; } cdnvo ccno>bl>bd>h6 { font-weight: 400; letter-spacing: 0.88px; } cdnvo ccno ft>btn { display: flex; align-items: center; justify-content: center; height: 44px; width: 44px; } cdnvo>bd>bl { display: flex; align-items: center; justify-content: space-between; } cdnvo>bd>bl>btns { display: grid; grid-template-columns: 50px 50px 50px; padding: 0; margin: 0; } cdnvo btns btn { display: flex; align-items: center; justify-content: center; height: 44px; width: 44px; border-radius: var(--br1); padding: 0; } cdnvo>bd>bl>btns>btn { background: var(--b1-t); } cdnvo fltrr { display: grid; align-items: center; grid-template-columns: 188px 177px; position: relative; } cdnvo fltrr>hd>sl { display: grid; grid-template-columns: auto 44px; align-items: center; border: 1px solid var(--b1); border-radius: var(--br1); position: relative; margin: 5px 6px; } cdnvo fltrr sl>input { margin: 0; padding: 0 11px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: var(--br1); background: transparent; padding-right: 55px; font-size: 0.88em; z-index: 0; min-height: unset;} cdnvo fltrr>hd>sl>btn { background: var(--b1-t); grid-column-start: 2; position: relative; z-index: 999; } cdnvo fltrr>bd>sl { display: grid; grid-template-columns: 50% 50%; padding: 5px; border: 1px solid var(--b1); border-radius: var(--br1); margin: 5px 2px; align-items: center; width: 90%; } cdnvo btn.this>i { opacity: 1; } cdnvo sl>chose option { background: var(--b); } cdnvo fltrr>bd>sl>btn { font-size: 0.88em; font-weight: 400; color: var(--bc); white-space: nowrap; } cdnvo fltrr>bd>sl>chose { display: block; padding: 8px; background: var(--bc); border-radius: 8px; position: relative; } cdnvo fltrr>bd>sl>chose>select { padding: 0; margin: 0; background: transparent; border: none; color: var(--c); font-size: 0.88em; width: 96%; min-height: unset;} cdnvo>ft { display: flex; align-items: center; justify-content: end; } cdnvo>ft>btn { height: 44px; width: 44px; display: flex; align-items: center; justify-content: center; background: var(--b1-t); border-radius: var(--br1); margin: 4px; } cdnvo>ft>bl { display: grid; grid-template-columns: auto 55px; box-shadow: 0 0 2px 1px var(--bc); border-radius: var(--br1); align-items: center; font-size: 0.88em; padding-left: 11px; margin: 4px; cursor: pointer; } cdnvo>ft>bl>bd { display: flex; align-items: center; justify-content: center; background: var(--b1-t); height: 44px; width: 44px; border-radius: var(--br1); margin-left: auto; overflow: hidden; } cdnvo btns btn>i, cdnvo btn>i { height: 16px; width: 16px; opacity: 0.5; } cdnvo ccno>bl>hd>i { height: 22px; width: 22px; } cdnvo>ft>btn>i:after { content: " "; position: absolute; display: block; height: 5px; width: 5px; border-radius: 50%; background: var(--a1); top: -1px; right: -1px; animation: pulse1 2s infinite; border: 2px solid var(--b1-t); } navbar cdnvo bd { margin: 0; display: block; } @media screen and (max-width: 1600px) { } @media screen and (max-width: 1500px) { cdnvo { display: grid; grid-template-columns: 30% auto 30%; } cdnvo fltrr { grid-template-columns: 188px 0; } cdnvo fltrr>bd>sl { display: none; } } @media screen and (max-width: 1300px) { cdnvo>ft>bl { display: block; padding: 0; box-shadow: none; } cdnvo>ft>bl>hd { display: none; } cdnvo { justify-content: space-between; grid-template-columns: 35% auto 26%; } cdnvo fltrr { grid-template-columns: 188px 0; } cdnvo>bd>bl>btns { display: none; } } @media screen and (max-width: 1300px) { cdnvo { justify-content: space-between; grid-template-columns: 34% auto 14%; } cdnvo>bd>bl>btns { display: grid; } cdnvo fltrr>bd>sl { display: grid; } cdnvo fltrr { grid-template-columns: 188px 188px; } } @media screen and (max-width: 1100px) { cdnvo { grid-template-columns: 28% auto 12%; } } @media screen and (max-width: 999px) { cdnvo>bd>bl>btns { display: none; } cdnvo ccno>bl { display: block; } cdnvo ccno>bl>bd { display: none; } cdnvo ccno ft>btn { display: none; } cdnvo ccno>bl>hd { height: 44px; } cdnvo { display: none; } cdnvo fltrr { width: auto; } cdnvo fltrr sl>input { display: none; } }/*DeviceActivities*/ bdao { display: block; margin-top: 22px; padding: 22px; border-radius: 16px; border: 1px solid var(--b1); } bdao>bd { display: block; margin-top: 11px; } bdao dt a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a);text-decoration: underline; } bdao bd btn { background: var(--b-t22); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } bdao bd dt { display: grid; grid-template-columns: 28px auto auto; align-items: normal; height: fit-content; margin-block: 22px; column-gap: 11px; } bdao btns { gap: 12px; margin-left: 33px; display: flex ; justify-content: end; } @media only screen and (max-width: 999px) { bdao bd dt { grid-template-columns: 28px auto; row-gap: 11px; border-bottom: solid 1px var(--bc); padding-bottom: 24px; } bdao { margin: 11px;padding: 11px; border: 0; } bdao dt btns { display: grid ; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } } cfcn { display: grid ; border-radius: 22px;box-shadow: none; } cfcn bl>bd { display: grid ; grid-template-columns: auto;gap: 0px; } cfcn hd { display: grid ; grid-template-columns: 33px auto; align-items: center; margin: var(--m); column-gap: 11px; } cfcn div { display: flex ; justify-content: space-between; align-items: center; margin-bottom: 7px; } cfcn btn { display: flex ; justify-content: center; background: var(--a); padding: 5px 0px; border-radius: 7px; width: 100px; align-items: center; } cfcn h4 { font-size: 1em; font-weight: 500; color: var(--ct); } cfcn p { font-size: 1em; font-weight: 500; color: var(--c); white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; margin: 0; } cfcn h3 { font-size: 1em; font-weight: 500; line-height: 28px; } cfcn btn>i { width: 24px; height: 20px; margin-right: 7px; display: none; } nonotransactions { display: grid ; text-align: center; justify-content: center; font-size: 18px; align-items: center; } nonotransactions i { width: 100%; } nonotransactions p {font-size: 0.88em;} cfcn trc img { object-fit: cover; width: 100%; height: 100%; border-radius: 11px; } /* Component : DiscoverCrypto */ cdvn { display: grid ; padding: 22px; background: var(--b1-t44); border-radius: 22px; margin: 7px; } cdvn hd mg { display: flex ; justify-content: space-between; } cdvn>bl>bd { display: flex ; justify-content: space-between; margin-top: 4%; padding: 10px 0px; border-bottom: solid 1px var(--b1-t); } cdvn trc hd { width: 100%; flex-direction: column; display: flex ; align-items: center; justify-content: center; height: 55px; border-radius: 0px; background: var(--c0); } /* Component : DiscoverLinks */ cdls { display: block; } cdls hd { height: 55px; display: flex; } cdls hd mg { height: 55px; margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; } cdls hd a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } cdls bd { display: flex ; align-items: center; padding: 11px 22px; } cdls bd a { display: block; padding: 11px; } /* Component : Discover_Transaction */ cdvo>bl { display: grid; align-items: center; margin: 11px 0; border-radius: var(--br1); grid-template-columns: 80px auto 111px; background: rgb(255 255 255 / 4%); overflow: hidden; position: relative; padding: 11px; width: auto;box-shadow: unset;} cdvo bd { display: block; margin-left: 7px; padding: 9px; border: 0; } cdvo hd h2 { display: flex ; font-size: 1.22em; font-weight: 600; align-items: center; } cdvo hd d { opacity:0.44; font-size:0.66em; font-weight: 600; } cdvo ft success { color: var(--c); padding: 11px 22px; width: auto; } cdvo ft success { font-size: 0.88em; padding:11px 22px; border-radius: 4px; position: relative; z-index: 99;} /*Dollar_Cost*/ cdct { border: solid 0.1px rgb(195 203 203 / 22%); border-radius: 10px; background: var(--00); margin: 3px; display: grid ; font-size: 9px; align-items: center; padding: 10px 18px 16px 16px; } cdct hd { display: flex ; position: relative; z-index: 2; flex-direction: column; gap: 11px; font-size: 18px; } cdct hd h4 { font-size: 0.88em; font-weight: 500; } cdct bd { opacity: 80%; padding: 11px 0px; font-size: 6px; } cdct bd h1 { padding: 0; font-weight: 100; } /* Component : DownloadAppQR */ cwqro>bl { background: var(--b); padding: 22px; border-radius: 22px; text-align: center; min-width: 188px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); display: block; } cwqro { min-width: 188px; position: fixed; top: 222px; right: -102px; transform: translate(-50%, -50%); display: block; } cwqro>bl hd>i { padding: 7px; background: var(--c); border-radius: 8px; height: 160px; width: 160px; margin: auto; } cwqro>bl hd>logo { position: absolute; inset: 0; height: 33px; margin: auto; background: var(--c); width: 33px; padding: 4px; border-radius: 11px; } cwqro>bl hd { position: relative; } cwqro>bl p { color: var(--c); font-size: 12px; } cwqro>bl ft>btn { background: var(--a); color: var(--c); border: none; padding: 11px 22px; font-size: 0.77em; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; margin-top: 11px; display: block; } cdapo { display: block; max-width: 800px; margin: 0 auto; padding: 20px; background: var(--b); border-radius: 8px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); position: relative; } cdapo hd { display: block; text-align: center; margin-bottom: 20px; } cdapo hd h1 { color: var(--a); margin: 0; } cdapo bd { display: flex; flex-direction: column; gap: 15px; } cdapo blc { display: flex; justify-content: space-between; align-items: center; background-color: #2c2c2c; padding: 15px; border-radius: 5px; } cdapo blc h2 { margin: 0; font-size: 16px; } cdapo a.a { display: inline-block; padding: 10px 15px; background: linear-gradient(130deg, #2870EA 20%, #1B4AEF 77.5%); color: #fff; text-decoration: none; border-radius: 5px; transition: background-color 0.3s; position: relative;} cdapo a.a:hover { background: var(--aa); }/*Download_Options*/ ddos { width: max-content; z-index: 1400; } cpnvo>bl btn:hover ddos bl { display: flex; } ddos { transform: translate(0px, 0px); top: 108%; right: -14px; position: absolute; width: max-content; z-index: 1400; transition-property: opacity, visibility; transition-timing-function: ease-in-out; transition-duration: .25s; } ddos bl { display: none; flex-direction: column; align-items: center; padding: 16px; background: var(--b1); border: solid 1px var(--bc); border-radius: 8px; max-width: 160px; min-width: 160px; text-align: center; } ddos hd{ position: relative; padding: 12px; background-color: var(--c); border-radius: 4px; } ddos hd img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; padding: 4px; border-radius: 4px; background-color: var(--b); } ddos hd i { width: 100%; height: 100%; } ddos ft btn { font-size: 11px; font-weight: 400; line-height: 22px; color: var(--b); background: var(--a); padding: 5px 12px; display: flex; border-radius: 5px; margin-top: 10px; } ddos hd i:nth-child(1) { z-index: 1; position: absolute; width: 85%; height: 85%; } ddos hd i:nth-child(2) { width: 100%; height: 100%; } ddos hd img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; padding: 4px; border-radius: 4px; background-color: var(--b); object-fit: contain;} ddos bd p { font-size: 12px; font-weight: 400; line-height: 16px; margin: 4px 0; } /* Component : Earn_Buttons */ transactions stakes i svg path, stakes svg line, stakes svg circle, stakes svg ellipse, stakes svg rect, stakes svg polyline, stakes svg polygon{stroke: var(--c) } cerbts>bl>hd { display: flex; align-items: center; background: var(--b1-t); margin-bottom: 12px; border-radius: 11px; width: auto; } cerbts hd i { width: 55px; height: 100%; } cerbts hd svg { width: 21px; } cerbts { display: block; background: var(--b1-t44); padding: 11px; border-radius: 11px; margin: 8px;} cerbts>bl>bd { grid-template-columns: 68px auto 29px; } cerbts .group { display: grid; grid-template-columns: 100%; gap: 11px; position: relative; align-items: center; margin: 11px 0; } cerbts i.scrch { position: absolute; left: 1rem; fill: #9e9ea7; width: 1rem; height: 1rem; } cerbts .input { width: 100%; height: 44px; line-height: 28px; padding: 3px 1rem; padding-left: 3.5rem; border-radius: 22px; outline: none; background-color: var(--b1); transition: .3s ease; margin: 0; font-size: 1em; } cerbts input { border-radius: 0px 11px 11px 0px; max-width: 100%; background: var(--b1-t); width: 100%; height: 43px; border-left: solid 1px var(--b-t22); } cse { display: flex; align-items: center; gap: 21px; margin: 12px;justify-content: space-around; } cen.Low-Risk aa.Low-Risk { border-bottom: solid var(--a); color: var(--a); } cen.High-Yield aa.High-Yield { border-bottom: solid var(--a); color: var(--a); } cen.Auto-Invest aa.Auto-Invest { border-bottom: solid var(--a); color: var(--a); } cen>mg { display: flex; padding: 11px; position: relative; justify-content: space-between; } cse .jrac { padding: 5px 15px; border-radius: 9px; } @media only screen and (max-width: 999px) { cen mg {font-size: 16px; } } @media only screen and (min-width: 999px) { content sidebar { top: 56px ; border: none; border-radius: 10px; width: 30%; } cen mg {font-size: 14px; } stro sidebar { width: auto; } stks d.aerea {gap: 4%} } cse.All hd.jrac.All { background: var(--lg-b); } cse.Flexible bd.Flexible { background: var(--lg-b); } cse.Locked ft.Locked { background: var(--lg-b); } cerbts>bl>bd { display: grid; padding: 11px; border: 1px solid var(--b1); border-radius: var(--br1); align-items: center; } cerbts>bl>bd>ft>i>img { filter: invert(1); } cerbts>bl>bd>bd>t { font-size: 0.88em; line-height: 1.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; } /* Component : Earn_Transaction */ cetro>bl { grid-template-columns:74px auto 111px; color: var(--c); position: relative; padding: 0px 11px; margin: 8px; border-radius: var(--br1); background: var(--b1-t44); display: grid ; align-items: center; } cetro hd { overflow: hidden; display: flex ; justify-content: center; align-items: center; height: 77px; width: 77px; background: transparent; border-radius: 22px; } cetro img { object-fit: contain; height: 50%; width: 66%;filter: invert(1); } cetro ft { display: flex ; flex-direction: column; justify-content: center; align-items: end; } /* Component : Earn_Transactions */ cetrs>bl>hd { display: grid; grid-template-columns: 44px auto; display: none; } cetrs>bl>hd i { height: 40px; width: 40px; } cetrs>bl>hd h3 { display: flex; align-items: center; padding-left: 1px; } cetrs ctmc amount { font-size: 26px; top: 18px; position: relative; color: rgb(138 131 131 / 65%); } cetrs ctmc inr { position: relative; right: 51px; top: 47px; font-size: 16px; color: #fcfcfc8c; font-weight: 100; } cetrs ctmc symbol { display: block; width: 197%;} cewl>bl>hd { display: grid; grid-template-columns: 44px auto; display: none; } cewl>bl>hd i { height: 40px; width: 40px; } cewl>bl>hd h3 { display: flex; align-items: center; padding-left: 1px; } /* Component : EarnWallet1 */ cewrc>bl { display: grid ; grid-template-columns: 66px auto 0; color: var(--c); position: relative; margin: 5px 0; border-radius: 0; padding: 15px !important; border-bottom: 1px solid var(--bc); } cewrc>bl hd {height: 45px; width: 60px; display: flex ; margin: auto;} cewrc>bl bd { display: grid; grid-template-columns: 50% 50%; align-items: center; } cewrc>bl ft { display: grid ; align-items: center; justify-content: end; padding: 6px 0; margin-top: 6px; } cewrc>bl h7 inr { color: rgb(14, 203, 129); } cewrc>bl hd { height: 45px; width: 60px; display: flex; margin: auto; } cewrc>bl h7 { font-size: 1em; } cewrc>bl d.blnbc { display: flex; align-items: end; flex-direction: column; width: 100%; } cewrc>bl h7.trbc { justify-content: end; display: flex ; } cewrc>bl h4.trnm { display: flex; align-items: center; justify-content: end; } cewrc .ernct {text-align: end;} @media (min-width: 999px) { cewrc>bl { grid-template-columns: 66px auto auto; } } @media (max-width: 999px) { cewrc>bl ft { display: grid; grid-template-columns: 50% 50%; grid-column-end: 3; grid-column-start: 1; margin-top: 11px; padding: 4px 11px; border-top: 1px solid var(--bc); } cewrc>bl ft h4.ernct { text-align: start; } cewrc>bl ft h7.ernct { text-align: start; } cewrc>bl ft h7 { text-align: end; } cewrc>bl { grid-template-columns: 66px auto ;} cewrc>bl bd:nth-child(2) h4 { text-align: end; } cewrc>bl h7.earnn {text-align: end;} } /* Compo0nent : EarnWallet_Pay */ cewpy {margin: unset;} cewpy bl { padding: unset; margin: unset; background: var(--b) !important; } cewpy bl bd { position: sticky; bottom: 11px; padding: unset; } cewpy bl btns { margin: unset; padding: unset; width: 100%; } cewpy btns btn { display: grid; justify-content: center; align-items: center; height: 55px; background: var(--b1); margin: 7px; border-radius: var(--br1); grid-template-columns: 50%; font-weight: bold; position: relative; } cewpy btns t { text-align: center; } cewpy btns btn.sbcs { background: var(--a); } cewto bl { display: grid ; grid-template-columns: 66px auto auto; color: var(--c); margin: 5px 0; border-radius: 0; padding: 15px !important; border-bottom: 1px solid var(--bc); position: relative; transition: 99ms; align-items: center; } cewts cewto img { height: 55px; width: 55px; } cewto bl h7 { margin-top: 11px; } cewto bl ft{display: flex ; flex-direction: column; justify-content: center; align-items: end; text-align: end;} cewto bl name { letter-spacing: 0; font-size: 1em; font-weight: bold; } /* Component : Earn_Wallets */ cews>bl { background: var(--b1-t44); padding: 22px; border-radius: 22px; } cews bd trcs trc { display: grid ; grid-template-columns: 66px auto 0; color: var(--c); position: relative; margin: 5px 0; border-radius: 12px; padding: 15px !important; border-bottom: 1px solid var(--bc); background: var(--b1-t44); box-shadow: none; } cews bd trcs trc hd { align-items: self-start; } cews bl hd h2 { font-size: 16px; font-weight: 400; margin: 11px; gap: 16px; display: flex; } cews>bl>hd { display: grid; grid-template-columns: auto 33px; } main bl.add { display: none; transition: 555ms; } wallets trc img { object-fit: contain; height: 77%; width: 77%; } wl trcs>trc { position: relative; grid-template-columns: 55px auto 77px; } wl trc>hd { height: 33px; width: 33px; margin-top: 7px; } wl trcs>trc h7 { opacity: 0.66; } Currencies2 bd trc h7 inr { color: rgb(14, 203, 129); font-size: 0.88em; } wallets trcs>trc {grid-template-columns: 44px auto 111px; color: var(--c); position:relative;gap: 2%;} /*wl trcs>trc>bd h3 { font-weight: 100; }*/ 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; opacity: 0.66; }*/ wl bd trcs>h4 i { opacity: 0.55; } cews trcs { display: grid; } fundings main grid.gc1 { margin: unset; } fundings trcs>trc { margin: 11px 0; background: url(); border-radius:0px;} cews bd trcs trc hd {height: 45px; width: 60px; display: flex; margin: auto;} cews trcs trc bd h3 { font-size: 14px; } cews trcs trc bl.ttrc { grid-template-columns: 39px 52% 124px; display: grid; padding: 0; background: transparent; } earnwallets .add about.add { grid-template-columns: 39px 52% 124px;padding: 0; background: transparent; } cews trcs trc bd h4 { font-size: 14px; } cews bd trcs trc { padding: 0; background: var(--b1-t44); align-items: unset; border-radius: 11px; } earnwallets trc about { grid-template-columns: 39px 52% 124px; display: grid; padding: 0; background: transparent; position: relative; display: none; transition: 333ms; } cews { margin: 7px; display: block; } @media (min-width : 999px) { cews bd trcs trc { grid-template-columns: 66px auto 111px; } } /* Component : Earn_Apr */ capro>bl { display: grid ; row-gap: 7px; width: 284px; height: 100px; border: 1px solid var(--bc); border-radius: 11px; padding: 22px; margin: 7px; } capro hd { display: flex ; column-gap: 11px; } capro hd i { width: 36px; height: 36px; } capro hd span { display: block; } capro hd h3 { font-size: 1em; font-weight: 500; } capro hd d { display: flex ; align-items: center; color: var(--bc); } capro hd p { font-size: 0.88em; font-weight: 500; margin: 0; } capro hd hr { transform: rotate(90deg); width: 16px; } capro bd { display: grid ; row-gap: 7px; } capro bd t { font-size: 0.88em; font-weight: 500; } capro bd aa { font-size: 1em; font-weight: 500; color: var(---gn); } @media (max-width: 999px) { capro>bl { width: 288px; } } /* Component : Earn_Aprs */ caprs>bl { display: block; padding: 22px 0; } caprs>bl>bd { display: grid ; grid-auto-flow: column; position: relative; } caprs bd scroll:first-child { left: -24px; transform: rotate(180deg); } caprs bd scroll:last-child { right: -24px; } caprs bd scroll i { width: 24px; height: 24px; } caprs bd d { display: grid ; grid-auto-flow: column; overflow-x: scroll; scroll-behavior: smooth; } @media (max-width: 999px) { caprs>bl { padding: 22px; } } /* Component : Earn_Calculate */ cerc>bl { display: block; padding: 22px 0; position: relative; } cerc hd { display: block; } cerc hd h2 { font-size: 2em; font-weight: 500; } cerc hd div { display: flex ; align-items: center; column-gap: 11px; margin: 22px 0; } cerc hd t { font-size: 0.88em; font-weight: 500; } cerc hd sl { display: flex ; background: transparent; border: 1px solid var(--bc); align-items: center; padding: 0 7px; height: 44px; } cerc hd input { padding: 0 11px; } cerc hd span { display: flex ; align-items: center; column-gap: 7px; border-left: 1px solid var(--bc); padding-left: 7px; } cerc hd i { width: 24px; height: 24px; color: var(--bc); transition: 333ms; } cerc hd btns { display: flex ; padding: 5px; background: var(--bc); border-radius: 11px; } cerc hd btn { padding: 8px; border-radius: 7px 0 0 7px; font-size: 0.88em; font-weight: 500; } .cthl cerc hd btn { background: var(--b); } cerc hd btn:nth-child(1) { background: var(--b); } .cthl cerc hd btn:nth-child(1) { background: 0; } cerc bd { display: grid ; grid-template-columns: 50% 50%; } cerc bd d { display: block; } cerc bd h3 { font-size: 1em; font-weight: 500; } cerc bd d dv { display: grid ; width: 244px; padding: 11px; border: 1px solid var(--bc); border-radius: 11px; row-gap: 3px; margin-bottom: 22px; margin-top: 11px; } cerc bd t { font-size: 0.88em; font-weight: 500; } cerc bd d dv btn { background: var(--at); font-size: 0.66em; font-weight: 500; padding: 2px 7px; border-radius: 4px; margin-left: 7px; } cerc bd f { column-gap: 7px; } cerc bd d aa { font-size: 1.22em; font-weight: 500; } cerc bd d span { display: flex ; align-items: center; font-size: 0.77em; font-weight: 500; } cerc bd d i { width: 18px; height: 18px; margin-left: 7px; } cerc bd d btn { background: var(--a); padding: 11px; border-radius: 7px; } cerc bd db { display: block; height: 300px; position: relative; } cerc bd db span { display: grid ; row-gap: 4px; width: max-content; } cerc bd db aa { font-size: 1.22em; font-weight: 500; color: var(---gn); } cerc bd b { display: flex ; column-gap: 7px; } cerc bd db t { display: flex ; align-items: center; column-gap: 7px; } cerc bd db i { width: 20px; height: 20px; } cerc bd db input { width: 18px; height: 18px; } cerc bd db>i { position: absolute; bottom: -96px; width: 100%; height: 100%; } cerc bd btns { display: grid ; grid-auto-flow: column; justify-content: space-between; column-gap: 22px; margin-top: 111px; padding-left: 88px; } cerc bd btns btn { background: var(--bc); text-align: center; padding: 3px 11px; border-radius: 5px; font-size: 0.88em; font-weight: 500; } cerc ft { display: block; margin-top: 22px; } cerc ft p { font-size: 0.88em; font-weight: 400; } cerc ft a { color: var(--a) !important; font-size: 0.88em; font-weight: 400; } cerc hd bab { display: none; position: absolute; top: 30%; left: 18%; background: var(--b1); border-radius: 11px; padding: 11px; height: 48%; overflow: hidden; } cerc hd bab b { display: flex ; align-items: center; border: 1px solid var(--bc); border-radius: 7px; height: 40px; margin-bottom: 7px; justify-content: center; } cerc hd bab b i { width: 20px; height: 20px; } cerc hd bab input { background: transparent; font-size: 0.88em; font-weight: 500; } cerc hd bab bc { display: block; overflow-y: scroll; height: 230px; } cerc hd bab bc d { display: flex ; align-items: center; padding: 4px 0; column-gap: 7px; } cerc hd bab bc t { font-size: 0.88em; font-weight: 500; } .btcq cerc hd i:last-child { transform: rotate(180deg); } .btcq hd bab { display: block; } @media (max-width: 999px) { cerc>bl { display: none; } } /* Component : Earn_Faq */ cern>bl { display: grid ; grid-template-columns: 44px auto 22px; align-items: center; border: 1px solid var(--bc); padding: 22px 11px; border-radius: 11px; } cern hd { display: block; } cern hd i { width: 24px; height: 24px; margin: auto; } cern bd { display: grid ; row-gap: 4px; line-height: 1.11em; } cern bd h3 { font-size: 1em; font-weight: 500; } cern bd span { font-size: 0.77em; font-weight: 500; margin: 0 !important; } cern ft { display: block; } cern ft i { width: 16px; height: 16px; margin: auto; } /* Component : Earn_Faqs */ cerq { display: none; } cerq>bl { display: flex ; flex-direction: column; background: var(--b1); color: #fff; width: 650px; height: max-content; padding: 22px; border-radius: 11px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } cerq>bl>hd { display: flex; justify-content: space-between; align-items: center; font-size: var(--fs, 20px); font-weight: 600; margin-bottom: 15px; } cerq hd i { width: 24px; height: 24px; } cerq>bl>bd { display: grid ; grid-template-columns: 49% 49%; gap: 14px; font-size: 14px; } cerq bd d { display: grid ; row-gap: 7px; } cerq t { font-weight: 600; } cerq span { color: #a1a5ad; margin-left: 15px; font-weight: 500; } cerq p { color: #a1a5ad; font-size: 14px; } cerq>bl>ft { display: grid ; margin-top: 20px; } cerq ft p { font-size: 0.88em; font-weight: 500; } cerq ft a { font-size: 0.88em; font-weight: 500; color: var(--a) !important; } cerq ft btns { display: grid ; column-gap: 11px; grid-auto-flow: column; margin-left: auto; } cerq btn { background: var(--lg); padding: 7px 18px; border-radius: 7px; text-align: center; width: 88px; } cerq ft t { font-size: 0.88em; font-weight: 500; } .faq cerq { display: block; } cerq hd ext { width: fit-content; height: fit-content; background: 0;padding: 11px; } @media (max-width: 999px) { cerq>bl { width: auto; } cerq>bl>bd { display: block; } } /* Component : Earn_Filter */ cerl { display: none; position: absolute; left: 0; right: 0; bottom: 0; background: var(--b); backdrop-filter: blur(44px); } cerl>bl { display: flex ; flex-direction: column; background: var(--b1t44); color: var(--c); width: auto; padding: 20px; border-radius: 11px 11px 0 0; } cerl hd { display: flex ; justify-content: space-between; align-items: center; font-size: 1em; font-weight: 600; margin-bottom: 15px; } cerl hd t { font-size: 1.22em; font-weight: 600; } cerl i { width: 24px; height: 24px; } cerl bd { display: grid ; gap: 7px; } cerl select { background: var(--b); color: #fff; border: none; border-radius: 11px; padding: 18px 11px; font-size: 14px; margin: 0; width: auto; } cerl label { display: flex ; align-items: center; gap: 7px; font-size: 0.88em; font-weight: 500; margin: 7px 0; } cerl label:last-child { text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; } cerl label input { width: 20px; height: 20px; } cerl input[type="checkbox"] { accent-color: var(--a); } cerl ft { display: grid ; grid-template-columns: auto auto; margin-top: 20px; column-gap: 11px; } cerl btn { background: var(--lg); padding: 11px 18px; border-radius: 11px; cursor: pointer; text-align: center; } cerl btn:last-child { background: var(--a); color: var(--c); } cerl btn:hover { opacity: 0.8; } cerl ft t { font-size: 0.88em; font-weight: 500; } .arena cerl { display: block; } cerl hd ext { width: fit-content; height: fit-content; background: 0; padding: 6px; } /* Component : Earn_Overview */ cerw>bl { display: grid ; grid-template-columns: auto max-content; } cerw hd { display: block; } cerw hd h2 { font-size: 3.2em; font-weight: 600; } cerw hd p { font-size: 0.88em; font-weight: 500; } cerw hd>span { display: flex ; align-items: center; column-gap: 7px; color: var(--a); } cerw hd t { font-size: 0.88em; font-weight: 500; } cerw hd i { width: 16px; height: 16px; } cerw hd d { display: grid ; grid-auto-flow: column; column-gap: 22px; margin: 22px 0; } cerw hd d bc { display: grid ; row-gap: 7px; } cerw hd div { display: flex ; column-gap: 7px; } cerw hd d span { font-size: 0.88em; font-weight: 500; } cerw hd aa { font-size: 1.44em; font-weight: 500; } cerw bd { display: block; overflow: hidden;} cerw bd ii { display: grid ; grid-auto-flow: column; width: 428px; column-gap: 7px; margin-bottom: 11px; transition: transform 0.5s ease; } cerw bd i { width: 428px; height: 214px; } cerw bd i img { border-radius: 11px; } cerw bd lin { display: grid ; grid-auto-flow: column; justify-content: center; margin: 7px auto; column-gap: 7px; } cerw bd dot { width: 11px; height: 3px; background: var(--bc); } cerw bd dot.active { background: var(--c); } cerw ft { display: none; } .slider.dragging { cursor: grabbing; } @media (max-width: 999px) { cerw>bl { display: block; margin: 0 11px; } cerw bd i { width: 333px; height: 200px; padding: 0 4px; } cerw hd d { grid-template-columns: auto auto; grid-auto-flow: dense; } cerw hd d bc:nth-child(1) { grid-column-start: 1; grid-column-end: 3; } cerw hd h2 { font-size: 1.88em; font-weight: 400; } cerw hd p { font-weight: 400; } } /* Component : Earn_Product */ cerd>bl { display: block; } cerd>bl>hd { display: grid ; grid-template-columns: auto auto auto auto; padding: 11px 0; padding-right: 7px; transition: 333ms; } cerd>bl>hd:hover { background: var(--bc); } cerd hd span { display: flex ; align-items: center; column-gap: 7px; } cerd hd span i { width: 24px; height: 24px; } cerd hd t.gn { color: var(---gn); } cerd hd>i { width: 24px; height: 24px; transform: rotate(90deg); margin-left: auto; transition: 333ms; } .flexi hd>i { transform: rotate(270deg); } cerd bd { display: none; } .flexi bd { display: block; } @media (max-width: 999px) { cerd>bl>hd { display: flex ; justify-content: space-between; padding-right: 0; } cerd hd>i { margin: 0; } cerd>bl>hd:hover { background: 0; } } /* Component : Earn_Productdetail */ crpdt>bl { display: grid ; grid-template-columns: 25% auto 45%; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--bc); transition: 333ms; } crpdt>bl:hover { background: var(--bc); } crpdt hd { display: flex ; column-gap: 7px; align-items: center; padding-left: 22px; } crpdt hd t { font-size: 0.88em; font-weight: 500; } crpdt hd btn { font-size: 0.66em; font-weight: 500; background: var(--at); padding: 1px 6px; border-radius: 4px; color: var(--a); text-align: center; width: max-content; } crpdt>bl>bd { display: flex !important; justify-content: space-between; } crpdt bd t { font-size: 0.88em; font-weight: 500; } crpdt bd t.gn { color: var(---gn); } crpdt bd span { font-size: 0.77em; font-weight: 500; margin-left: 7px; color: var(--c); text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; } crpdt ft btn { display: block; background: var(--a); text-align: center; padding: 11px; border-radius: 7px; width: max-content; margin-left: auto; font-size: 0.88em; font-weight: 400; } crpdt ft i { width: 20px; height: 20px; display: none; margin-left: auto; color: var(--a); } @media (max-width: 999px) { crpdt>bl { display: flex ; justify-content: space-between; } crpdt hd { display: grid ; row-gap: 2px; } t.lock { display: none; } crpdt ft btn { display: none; } crpdt ft i { display: block; } crpdt>bl>bd t { margin-right: 40px; } } /* Component : Earn_Products */ cerds>bl { display: block; } cerds>bl>hd { display: block; } cerds hd d { display: grid ; grid-auto-flow: column; justify-content: start; column-gap: 11px; } cerds hd d select { margin: 0; width: 122px; font-size: 0.88em; font-weight: 500; opacity: 0.6; } cerds hd sl { display: flex ; background: transparent; border: 1px solid var(--bc); padding: 0 11px; column-gap: 7px; height: 44px; } cerds hd sl i { width: 20px; height: 20px; color: var(--bc); } cerds hd sl input { font-size: 0.88em; font-weight: 500; padding: 0 7px; } cerds hd t { font-size: 0.88em; font-weight: 500; } cerds hd f { display: flex ; align-items: center; column-gap: 7px; } cerds hd f input { width: 16px; height: 16px; } cerds hd div { display: flex ; justify-content: space-between; margin: 11px 0; } cerds bd div t:last-child { margin-right: 30px; } cerds hd h2 { font-size: 2em; font-weight: 500; } cerds>bl>hd span { display: flex ; align-items: center; column-gap: 7px; color: var(--a); } cerds>bl>hd span i { width: 20px; height: 20px; } cerds hd div sl { display: none; } cerds hd div>i { display: none; width: 24px; height: 24px; } cerds>bl>bd { display: block; } cerds bd div { display: grid ; grid-template-columns: auto auto auto auto; margin-bottom: 11px; } cerds bd t { font-size: 0.88em; font-weight: 500; } cerds>bl>ft { display: flex ; justify-content: center; padding: 22px; } cerds ft t { font-size: 0.88em; font-weight: 500; color: var(--a); } @media (max-width: 999px) { cerds>bl { margin: 0 11px; } cerds hd d { display: none; } cerds hd div { display: grid ; grid-template-columns: auto auto; align-items: center; row-gap: 7px; } cerds hd h2 { display: none; } cerds>bl>hd span { justify-content: end; grid-column-start: 1; grid-column-end: 3; } cerds hd div sl { display: flex ; grid-column-start: 1; grid-column-end: 2; width: 335px; } cerds hd div>i { display: block; } cerds bd div { display: none; } } /* Component : Earn_WalletBalance */ cewc bd grid.gc5 a { background: transparent;} cewc hd bl1 { display: grid; grid-template-columns: auto auto 8%; justify-content: flex-start; align-items: center; } cewc { background: var(--b1); border: none; padding: 18px; margin: 7px; } cewc>bl>hd { padding: 0; display: grid; grid-template-columns: auto 44px; } cewc hd tb cewc hd tb i { width: 22px; height: 22px; } cewc hd tbi { display: grid; grid-template-columns: 100%; align-items: center; background: var(--b); padding: 7px; border-radius: 11px; width: auto; height: 33px; opacity: 0.55; width: 33px; } cewc hd bl2 { justify-content: flex-start; display: flex; font-size: 12px; color: var(--ct); } cewc bl bd quick a t { display: block !important; position: absolute; bottom: 0; font-size: 1.23em; top: 66px; } cewc hd tbi i { width: 22px; height: 22px; margin: auto; } cewc bd hi { display: flex; align-items: center; height: 18%;} cewc bd pdl { display: grid; grid-template-columns: 22px 77px; align-items: center; margin: 0; opacity: 0.77; } cewc ft btns { margin: 0px auto; width: 100%; justify-content: space-between; display: flex; } cewc mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } cewc bl mg a {margin: 0 2px;} cewc bl mg a.this {border-bottom:solid 2px;color:var(--a); } cewc { border-radius: 22px; border-bottom: 2px solid var(--b1); } bd hi h1 span2 { display: grid; grid-template-rows: 42% 24%; align-items: center; font-size: 14px; } cewc bl todypnl { display: grid; grid-template-columns: 99px 22px; align-items: center;margin-top: 11px; } cewc bl todypnl p { margin: unset;} cewc bl todycuncy { display: grid; grid-template-columns: 122px 22px; align-items: center; } cewc btns btn t { font-size: 0.88em; } cewc btns btn { display: flex; justify-content: start; align-items: baseline; height: auto; margin: 0px 0px; border-radius: 11px; gap: 6px; flex-direction: column; margin-top: 11px; background: transparent; } bl bd hi h1 { display: grid; grid-template-columns: 27% auto; font-size: 17px; width: 40%;} cewc btns btn { grid-template-columns:auto; } cewc t:nth-child(3) { color: rgb(116 124 138);} bd hi h1 span { display: flex; } cewc bd grid.gc5 { grid-template-columns: 25% 25% 25% 25%; margin-bottom: 17px; margin-top: 0px; border-bottom: height: 44%;} cewc bl ft { padding: 1px; display: block; } cewc bl bd { padding: 0px 7px; } cewc hd t:nth-child(1) { font-size: 25px; } cewc hd t:nth-child(2) { font-size: 12px; } /*eawl quick btn i { display: none; }*/ cewc quick btn { grid-template-columns: auto auto; gap: 12px; background: var(--bc); border: 1px solid var(--bc); } cewc bl bd btns { display: grid ; align-items: center; grid-template-columns: 50% 50%; margin: 10px 1px; justify-content: space-between; font-size: 0.88em; } cewc quick btn:last-child { grid-column-start: 1; grid-column-end: 4; } cewc bl bd btns btn { display: flex ; justify-content: start; align-items: baseline; height: auto; margin: 0px 0px; border-radius: 11px; gap: 6px; flex-direction: column; margin-top: 11px; background: transparent; } cewc bl bd btn>t.brdb { border-bottom: dotted 1px; } cewbo>bl { padding: 19px; background: var(--b-t); border-radius: 11px; } cewbo bl bd f h3 { font-size: 12px; font-weight: 100; width: 60%;} cewbo bl hd { padding-block: 7px; border-bottom: solid 1px var(--bc); } cewbo hd h3 { display: grid; font-size: 18px; grid-template-columns: 9% 15%; align-items: center; } cewbo bl hd h2 { font-size: 12px; font-weight: 100; margin: 11px 1px 5px 1px; } cewbo bl hd h5 { font-size: 18px; display: flex ; align-items: center; gap: 6px; } cewbo>bl { background: var(--b-t); border-radius: 11px; margin: 7px; padding: 22px; } cewbo bl bd f { font-size: 6px; border: none; display: flex; justify-content: space-between; padding: 11px 0px; } cewbo bl bd f h2 { font-size: 12px; font-weight: 500; } cewbo bl bd { padding: 0; } cewbo bd f h2 t { background: var(--c); color: var(--b); width: 16px; display: inline-flex; justify-content: center; align-items: center; border-radius: 33px; height: 16px; transform: rotate(180deg); margin: 0px 7px; } cewbo bl ft d h1 { font-size: 12px; } cewbo ft d h2 { font-size: 12px; font-weight: 100; display: grid; grid-template-columns: 84% 14%; align-items: center; } cewbo h2 btn { background: var(--a); width: 100%; height: 20px; border-radius: var(--br1); } cewbo ft btn t { background: var(--c); width: 19px; height: 18px; display: flex; border-radius: 33px; } cewbo ft h2 btn { background: var(--a); width: 100%; height: 22px; border-radius: var(--br1); align-items: center; display: flex; position: relative; margin: 1px; padding: 0.5px;} cewbo ft { margin-block: 17px; padding:1px:} cewbo.botton t.botton { right: 0; position: absolute; margin: 3px; } cewbot.botton { transition: 333ms; } cewbo.botton btn { background: #2a2a2a; } cewbo ft bb { position: relative; display: block; max-height: 30px; width: 44px; border-radius: 50px; border: solid 2px; transition: 333ms; box-shadow: unset; overflow: visible; top: unset; height: 21px; right: unset; background: var(--a1t); padding: 3px; opacity: 0.9; border: unset; cursor: pointer; } cewbo ft bb bo { display: block; height: 100%; width: 100%; } cewbo ft bb oo { display: block; height: 19px; width: 19px; background: var(--a); border-radius: 50%; position: absolute; transition: 333ms; box-shadow: unset; margin: 1px; opacity: 0.8; } Earn_Wallet bb.oo { background: var(--a1t); } Earn_Wallet .oo oo { box-shadow: unset; margin-left: 22px; } /* Component : Earn_WalletFunding */ cewg { padding: 0px; margin: unset;background: unset; } cewg bd grid.gc5 { display: grid ; row-gap: 11px; grid-template-columns: 50% 50%; margin: 0; } cewg quick btn { /* width: 48%; */ margin: 0 7px; } /*grid ft { padding: 7px; margin: 1px; }*/ cewg bl.grid { display: grid; grid-template-columns: 33px auto 0%; align-items: center; border-radius: 11px; font-size: 0.66em; padding: 22px; position: relative; overflow: hidden; } cewg ft bl bd { padding: 0px 7px; display: grid; } cewg bl.grid::before { background: var(--at); width: auto; height: 22px; position: absolute; top: 0; right: 0; left: auto; filter: blur(0px); content: " New Feature "; justify-content: center; align-items: center; display: flex ; border-bottom-left-radius: 16px; font-size: 13px; color: var(--a); padding: 0 7px; } /* Component : Earn_WalletProduct */ cewp mg { display: flex ; } cewp mg a { display: flex ; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } cewp bl{background: transparent;padding: unset;margin: 0;} cewp bd{background: transparent;padding: unset;margin: 0;} /* Component : Earndaily */ cenyo { display: block; padding: var(--p); background: var(--b1-t44); border-radius: var(--br); margin-bottom: 22px; } cenyo hd { display: block; margin-bottom: 7px; } cenyo hd h2 { font-size: 24px; font-weight: 600; margin-bottom: 7px; } cenyo hd h3 { font-size: 1em; font-weight: 500; } cenyo bd { display: grid; } cenyo bd d { display: grid; margin: 11px 0; column-gap: 2%; } cenyo bd b { display: flex; align-items: center; margin-bottom: 11px; } cenyo bd b i { width: 20px; height: 20px; margin-right: 7px; } cenyo bd b h4 { font-size: 0.88em; font-weight: 500; } cenyo ft gd { display: grid; margin-bottom: 11px; background: unset !important; } cenyo ft gd h2 { font-size: 1.22em; font-weight: 500; } cenyo ft gd f { display: flex; align-items: center; } cenyo ft gd f span { font-size: 14px; font-weight: 500; } cenyo ft gd f i { width: 20px; height: 20px; margin-left: 7px; } cenyo ft btns { display: grid; grid-template-columns: auto auto; } cenyo ft btns btn { display: flex ; margin: 5px; font-size: 0.66em; font-weight: 500; padding: var(--p1); background: rgb(44 44 44); text-align: center; box-shadow: 0 0 11px 0px #212223; border-radius: 7px; justify-content: center; align-items: center; } cenyo ft btns btn:nth-child(3) { grid-column-start: 1; grid-column-end: 3; } cenyo ft btns btn i { width: 20px; height: 18px; margin-right: 7px; } cenyo gd:nth-child(2) t {border-bottom: dashed; border-bottom-width: 1px; border-color: var(--b-t77);} /* Component : Earning_new */ 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: var(--br1); margin: 4px 0; border: solid 1px #fff; margin-bottom: 11px; } #StakeNow { 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: var(--br1); width: 95%; margin: auto; margin-top: 11px; } #StakeNow svg { fill: var(--b); 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: var(--br1); 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%; } new plans{display: block; position: absolute; bottom: 66px; background: var(--bc); z-index: 99999999; height: 22px; padding: 11px 22px; overflow: hidden; border: solid 1px var(--b);left:1px;right:1px} new plans>*{display:none} new plans>.this{display:block} new name{font-weight:bold} new amount,new roi,new limit{font-size:7px;} new roi{font-size: 11px; font-weight: bold;} new limit{font-size: 11px; color:#00ff00;} new .basic basic{display:block} new .stater stater{display:block} new .standard standard{display:block} new .premium premium{display:block} cernn { display: block; background: var(--b1); padding: 22px; border-radius: 22px; } cernn>bl>hd h3 { display: flex ; align-items: center; gap: 9px; } cernn>bl>hd h3 i { height: 10%; width: 10%; } cernn>bl { margin: 7px 0px; } cernn>bl trw f { z-index: 8; align-items: center; flex-wrap: wrap; } cernn>bl trw f bt { max-height: 99px; } cernn>bl trw f h2 { line-height: 1; margin: auto; } cernn>bl f h2 balance { font-size: 0.66em; } cernn>bl trw f h2 b { letter-spacing: 4px; font-size: 0.66em; } cernn>bl bd { min-height: 199px; } cernn>bl bd wlt.trx { display: block; min-height: 123px; } cernn>bl 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: 100%; border-radius: var(--br1); margin: 4px 0; border: solid 1px rgb(255 255 255 / 11%); margin-bottom: 11px;} cernn>bl new { background: transparent; box-shadow: unset; position: relative; display: block; } cernn>bl f.stns { position: relative; left: 0; right: 0; top: auto; bottom: 0; height: 77px; z-index: 88888; } cernn>bl f.stns aa.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; } cernn>bl ft f.stns i { height: 33px; width: 33px; margin-right: 11px; fill: #fff; } cernn>bl ft f.stns f { color: var(--b); } cernn>bl f.stns aa.reset f { font-size: 16px; text-transform: uppercase; margin-top: -2px; display: none; } cernn>bl ft #StakeNow svg { fill: var(--c); max-height: 77%; max-width: 77%; } cernn>bl ft f.stns f { color: var(--c); } cernn cs i {position: absolute; left: 18px; width: 22px; height: 22px; top: 11px;display:none} /* Component : EarningTransaction */ ceto bl { display: grid ; grid-template-columns: 66px auto 111px; background: rgb(255 255 255 / 4%); border-radius: 15px; margin: 7px 0; align-items: center; padding: 22px; } ceto img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);} ceto>bl>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);} ceto ft { display: block; text-align: end; } /* Component : EarningTransactions */ cetrcs { display: block; background: var(--b1); padding: 22px; border-radius: 22px; } cetrcs>bl>hd.dfd { display: grid; grid-template-columns: 44px auto; display: none; } cetrcs>bl>hd.dfd i { height: 40px; width: 40px; } cetrcs>bl>hd.dfd h3 { display: flex; align-items: center; padding-left: 1px; } cetrcs bd>trcs>h4 { margin: 7px; } cetrcs trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);} cetrcs trcs>trc {grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--b);border-radius: 15px;} cetrcs trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);} /*Emoji_Picker*/ eipr { width: 100%; max-width: 340px; } eipr bl { background: #1f2937; border-radius: 12px; margin: auto; display: flex; flex-direction: column; overflow: hidden; height: 60vh; max-height: 500px; border: 1px solid #374151; } eipr hd { padding: 16px; border-bottom: 1px solid #374151; } eipr div { position: relative; } eipr div i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #9ca3af; display: flex; align-items: center; justify-content: center; } eipr div svg { width: 20px; height: 20px; } eipr div input { width: 100%; background: #374151; border: 1px solid #4b5563; border-radius: 8px; padding: 10px 10px 10px 40px; color: #e5e7eb; font-size: 14px; box-sizing: border-box; } eipr div input:focus { outline: none; border-color: #4f46e5; } eipr bd { flex-grow: 1; overflow-y: auto; padding: 16px; } eipr bd::-webkit-scrollbar { width: 5px; } eipr bd::-webkit-scrollbar-track { background: transparent; } eipr bd::-webkit-scrollbar-thumb { background: #6b7280; border-radius: 4px; } eipr bd h4 { font-size: 14px; color: #9ca3af; font-weight: 600; margin: 0 0 12px 0; } eipr emoji-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(32px, 1fr)); gap: 8px; margin-bottom: 20px; } eipr emoji { font-size: 28px; cursor: pointer; text-align: center; padding: 4px; border-radius: 6px; transition: background-color 0.2s; } eipr emoji:hover { background-color: #374151; } eipr ft { border-top: 1px solid #374151; } eipr tab-bar { display: flex; justify-content: space-around; align-items: center; padding: 12px 16px; } eipr tab-bar i { color: #9ca3af; cursor: pointer; display: flex; align-items: center; justify-content: center; } eipr tab-bar i svg { width: 24px; height: 24px; } eipr tab-bar i:first-child { color: #6366f1; }/**Empty_State?**/ bese { display: none;} bese>bl>hd { display: flex ; justify-content: space-between; font-size: .75rem; line-height: 1rem; font-weight: 400; } bese>bl>hd d { display: flex ; gap: 8rem; } bese>bl>hd span:hover { color: var(--c); } bese>bl>hd span { display: flex ; align-items: center; color: var(---gry); } bese>bl>hd i { height: 15px; width: 15px; } bese>bl>bd { display: block; } bese>bl>bd>dv { display: flex ; justify-content: space-between; margin-block: 1rem; border-radius: var(--br1); padding: var(--br1); } bese>bl>bd>dv dd { margin: 0; display: flex ; align-items: center;gap: 6px; } bese bd i { height: 30px; width: 30px; } bese>bl>bd>dv p { margin: 0; } bese>bl>bd>dv d { display: flex ; align-items: center; gap: 9rem; } bese>bl>bd>dv:hover { background: var(--b-t); } bese>bl>bd>dv d p { color: var(--c); } bese>bl>bd>dv d span:nth-child(1) { color: var(---gry); } bese>bl>bd>dv d i { transform: rotate(90deg); } ceys { padding-top: 44px; display: block; } ceys>bl>hd d { display: flex ; justify-content: space-between; align-items: center; } ceys>bl>hd i { height: 25px; width: 25px; transform: rotate(270deg); } ceys>bl>hd btn { display: flex ; opacity: 0.5; align-items: center; font-weight: 200; } ceys>bl>hd p { color: var(---gry); } ceys cnda { background: unset; } @media only screen and (max-width: 999px) { ceys { padding: var(--br1); } } /* Component : Exchange */ wt{display: block; padding: 11px 33px; border-radius: 22px; background: #fff6; border: solid 1px #fff; margin-top: 11px;position: relative; overflow: hidden; } ec 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; } ec f{align-items: center;position:unset;} ec co input{transform: scale(1.1); height: 44px; width: 44px; margin:0 } ec h7{display: flex; align-items: center;letter-spacing: 0; } ec label { margin-left: 11px; } ec input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; } ec grid { position: relative; } ec 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); } ec co:after { z-index: 888; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } ec a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; } ec svg { margin: 22%; height:55%;width:55%; }/*Exciting_Event*/ eget { max-width: 340px; min-width: 340px; } eget bl { background: var(--b1-t44); border-radius: 16px; margin: auto; display: flex; flex-direction: column; overflow: hidden; padding: 20px; text-align: justify;} eget hd { margin-bottom: 8px; } eget hd span { font-size: 16px; opacity: .7; font-weight: 500;} eget bd { display: flex; flex-direction: column; gap: 16px; margin-top: 16px;} eget bd h3 { font-size: 18px; font-weight: 500; margin: 0; } eget bd item { display: flex; align-items: center; gap: 8px;} eget bd name { font-size: 16px; font-weight: 500;} eget bd i { height: 35px; width: 35px; } eget bd i:nth-child(3) { transform: rotate( 270deg); width: 22px; height: 22px; }/*Exciting_Events*/ eges>bl { max-width: 1200px; margin: 0 auto; text-align: center; } eges hd b { text-align: center; font-family: Inter; font-size: 15px; font-weight: 600; line-height: 100%; letter-spacing: 5px; text-transform: uppercase; } eges hd h2 { text-align: center; font-family: Inter; font-size: 48px; font-style: normal; font-weight: 400; line-height: 120%; } eges hd p { text-align: center; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; margin-top: 16px; } eges ft btn { border-radius: 20px; background: var(--a); margin: 0 auto; display: flex; padding: 10px 24px; justify-content: center; align-items: center; gap: 6px; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: 140%; } eges>bl>bd { gap: 24px; margin-top: 56px; margin-bottom: 56px; display: flex; flex-wrap: wrap; justify-content: center; } eges ft { display: flex; } eges {display: none;} /* Component : Explore_Overview */ ceoo { display: block; padding: var(--p1); margin: 7px; background: var(--b1-t44); border-radius: var(--br);} ceoo >bl> hd { border-radius: var(--br); background: var(--b1-t44); display: block; max-width: 96%; padding: var(--p1); margin: auto; } ceoo>bl hd>mb { display: flex ; gap: 10px; overflow-x: auto; white-space: nowrap; scroll-behavior: smooth; min-width: 100%; } ceoo>bl hd>mb>aa { display: block; padding: var(--p1); margin: 0 6px; color: var(--b-t44); transition: 333ms; } ceoo>bl hd>mb>aa.active { color: var(--a1); font-weight: bold; cursor: pointer; border-bottom: 1px solid; } cpss { display: none; } .discover cpss { display: block; } .following cflws { display: block; } .news cnss { display: block; } .academy caco { display: block; } .anouncement caus { display: block; } .following cfvs { display: block; }/* Express */ cpto { display: flex; flex-direction: column; justify-content: center; height: 100%; max-width: 540px; } cpto>bd { display: block; margin-top: 11px; } cpto>bd p { opacity: .5; } cpto>ft { display: flex; margin-top: 55px; column-gap: 22px; } cpto>ft bl { display: block; line-height: 33px; padding: 11px; background: var(--b1t44); border: 1px solid var(--bc); border-radius: var(--br1); } cpto>ft bd { display: grid; grid-template-columns: 33px auto; justify-content: space-between; align-items: center; margin-top: 11px; width: 140px; } cpto>ft bd h2 { opacity: 0.5; } cepob bd d label { display: block; margin: 11px; } cpto>ft { display: none; } cpto { display: none;} /* Express sidebar */ cppoe { height: 100%; display: block; background: var(--b1-t44); border-radius: 22px; margin: 7px; } exp cepos.sellex, cepob.buyex { display: none; } cepos>bl>hd { display: flex ; justify-content: space-between; align-items: center; margin: 0 11px; } sepo.buyex cepob.buyex { display: block; margin:var(--m); margin-bottom: 0; } sepo.sellex cepos.sellex { display: block; } cppoe.score bd.score { bottom: 155; box-shadow: 0 -11px 33px var(--b); border-top-right-radius: 22px; border-top-left-radius: 22px; height:33%; display: block; opacity: 1;z-index: 99999999; } cepos.sellex { display: none; } sepo gg2 mg { background: var(--b-t); display: grid; width: 95px; grid-template-columns: 50% 50%; padding: 7px; border-radius: 4px; margin: 7px; position: relative; } cepos>hd { display: grid; justify-content: space-between; grid-template-columns: auto 22px; align-items: center; padding: 11px 21px; padding-right: 29px; } cepob>hd { display: grid; justify-content: space-between; grid-template-columns: auto 22px; align-items: center; padding-bottom: 11px; padding-right: 16px; } bd.score { background: var(--b1); max-width: 555px; position: absolute; top: unset; bottom: -333px; left: 0; right: 0; text-align: center; z-index: -99999; pointer-events: auto; opacity: 0; transition: 333ms; overflow: hidden; } match { display: flex; justify-content: center; margin: var(--m);padding: 11px; } metho { display: flex; justify-content: center; margin: var(--m); padding: 11px; border-bottom: solid 0.1px var(--b-t22); border-top: solid 0.1px var(--b-t22); } tradehi { display: flex; justify-content: center; margin: var(--m); padding: 11px; color: var(--a); } cppoe cancel { display: flex; justify-content: center; margin: var(--m); } cppoe cancel t{ display: grid;justify-content: center;image-rendering: -webkit-optimize-contrast; } cepob h1 { font-size: 1em; font-weight: 400; } expres cepob hd mg { background: var(--b1); display: grid; width: 95px; grid-template-columns: 50% 50%; padding: 4px; border-radius: 4px; margin: 7px; } cepob hd d:first-child { display: grid; grid-template-columns: 33px auto 28px; align-items: center; padding: 0px 18px; font-size: 21px; font-weight:800;} cppoe hd cepob bd { display: block; margin: auto; border-radius: var(--br); padding: var(--p); height: auto; background: var(--b1-t44); } cppoe hd cepos bd { display: block; padding: 22px; background: var(--b1-t44); border-radius: 22px; margin: 11px; margin-bottom: 0; } cepob .amount p { display: flex; margin: 0; color: var(--a); align-items: center; gap: 11px; font-size: 15px; } cepob .amount d { display: grid; max-width: 100%; overflow: hidden; padding: 0px 2px; margin: 0px; grid-template-columns: auto auto;} cepob .amount p svg { fill: var(--a); width: 16px; } cepob hd d:nth-child(2) { background: var(--c1); padding: 11px; border-radius: var(--br1); display: grid; grid-template-columns: 10% auto; align-items: center; text-align: center; } cepob .amount d above { font-size: 21px; color: var(--b-t44); font-weight: 100; margin: 0; } cepob bd d.sccore { display: grid; grid-template-columns: auto auto auto auto auto auto;margin: 11px 0px; } cepob d.sccore p { border: 0.1px solid var(--b-t22); justify-content: center; display: flex; padding: 7px; margin: 3px; border-radius: 5px; transition: 99ms; } cepob bl.total h1 { display: flex; align-items: center; gap: 13px; font-weight: 100; font-size: 15px; opacity: 0.5; margin-left: 5px; } cepob bd bl h1 p { margin: 0; color: var(--c);font-weight: 700; } cepob bd bl h1 span { display: flex; transform: rotate(180deg); background: var(--c); height: 15px; width: 15px; justify-content: center; border-radius: var(--br); align-items: center;color: var(--b); } bl.method { grid-template-columns: auto 36px; background: var(--b1t); padding: 11px; border-radius: var(--br1); display: grid; } cepob bd d.buy btn { background: #0ECB81; padding: 11px; border-radius: var(--br1); display: grid; justify-content: center; margin-top : 11px; } cepob>bl>hd { display: flex ; justify-content: space-between; align-items: center; } cepob hd i { width: 18px; height: 18px; } bl.buy h1 { font-size: 17px; } above input { font-size: 22px; border: 0; background: transparent; color: var(--b-t44); font-family: var(--ff);margin: 0; padding: 0; overflow: hidden; border-radius: 2px;} bl.sccore exit { padding: 12px; } expres cepos hd mg { background: var(--b1); display: grid; width: 95px; grid-template-columns: 50% 50%; padding: 4px; border-radius: 4px; margin: 7px; } cepos hd d:first-child { display: grid; grid-template-columns: 33px auto 28px; align-items: center; padding: 0px 11px; font-size: 21px; font-weight:800;} cepos hd i { width: 18px; height: 18px; } cepos bd t d { display: flex ; justify-content: space-between; margin: 7px 0; } cepos bd t span { display: flex ; margin: 7px 0; } cepos bd t span t { font-size: 11px; display: flex ; margin: 5px; color: var(--a); } cepos bd d label { display: block; margin: 11px; } expres cepos bd { display: block; } expres cepos bd { margin: var(--m); background: var(--b1-t44); border-radius: var(--br); padding: var(--p); height: auto; } cepos .amount p { display: flex; margin: 0; color: var(--a); } cepos .amount d { display: grid; max-width: 100%; overflow: hidden; padding: 0px 2px; margin: 0px; grid-template-columns: auto auto;} cepos .amount p svg { fill: var(--a); width: 16px; } cepos hd d:nth-child(2) { background: var(--b1t); padding: 11px; border-radius: var(--br1); display: grid; grid-template-columns: 74% auto; align-items: center; } cepos .amount d above { font-size: 21px; color: var(--b-t44); font-weight: 100; margin: 0; } cepos bd bl.sccore{ display: grid; grid-template-columns: auto auto auto auto auto auto;margin: 11px 0px; } cepos bl.sccore p { border: 0.1px solid rgb(221 217 255 / 49%); justify-content: center; display: flex; padding: 7px; margin: 3px; border-radius: 5px; } cepos d.total h1 { display: flex; align-items: center; gap: 13px; font-weight: 100; font-size: 15px; opacity: 0.5; margin-left: 5px; } cepos bd bl h1 p { margin: 0; color: var(--c);font-weight: 700; } cepos bd bl h1 span { display: flex; transform: rotate(180deg); background: #9f9f9f; height: 15px; width: 15px; justify-content: center;border-radius: var(--br);align-items: center; color: var(--b); } cepos bd d.buy { background: #F6465D; padding: 11px; border-radius: var(--br1); display: grid; justify-content: center; margin-top : 11px; } bl.buy h1 { font-size: 17px; } above input { font-size: 22px; border: 0; background: transparent; color: var(--b-t44); font-family: var(--ff);margin: 0; padding: 0; overflow: hidden; border-radius: 2px;} portfolioslist h1 { font-size: 14px; } cppoe .score h1 { font-size: 15px; } /*.sellex h1 { font-size: 1em; font-weight: 400; }*/ express gg2 mg aa { display: flex; width: 100%; justify-content: center; border-radius: 4px; } /*sepo.buyex aa.buyex, .sellex aa.sellex { display: flex; justify-content: center; align-items: center; border-radius: 3px; background: var(--b-t22); } */ sepo.buyex aa.buyex { color: #0ecb81; } cppoe gg2 mg::after { content: " "; position: absolute; background: #0ecb814d; color: #0ecb81; width: 45px; height: 27px; top: 6px; left: 8px; border-radius: 4px; transition: 99ms; } .sellex cppoe gg2 mg::after { left: 55px; background: #f6465d45; } .sellex aa.sellex { color: #f6465d; } cppoe .method { display: grid; grid-template-columns: auto 44px; align-items: center; background: var(--b1); padding: 11px; border-radius: var(--br1); } @media only screen and (min-width: 999px) { cppoe { min-width: 326px; }} cppoe bl { padding: unset; overflow: unset; border-radius: unset; box-shadow: unset; background: unset; }cepft { padding: 22px; display: flex; background: var(--b1); border-top-left-radius: 22px; border-top-right-radius: 22px; flex-direction: column; height: 0; overflow: hidden; transition: opacity 0.5s ease, height 0.5s ease; position: fixed; bottom: -99; z-index: 999; } cepft>hd { display: block; line-height: 44px; } cepft>hd bl:first-child { display: grid; grid-template-columns: auto 0px 55px; align-items: center; } cepft mg { display: flex; flex-wrap: wrap; column-gap: 7px; } cepft mg btn { border: solid 1px var(--svg1); padding: 4px 18px; border-radius: 4px; margin-bottom: 6px; } cepft>ft btn { margin: auto; background: var(--svg1); padding: 10px 20px; display: block; text-align: center; border-radius: 11px; width: -webkit-fill-available; } cepft>ft { display: grid; grid-template-columns: 48% 48%; gap: 11px; margin: auto 0px 0px 0px; } .epfilter .epfilter { opacity: 1; height: 66%; bottom: 66px; } cepft>ft .this { background: var(--a); } .scoin .scoin { opacity: 2; height: 71%; bottom: 69px; } csso>hd { padding: 22px; padding-bottom: 0;} csso>hd bl:first-child { display: grid; grid-template-columns: auto 0px 55px; align-items: center; } csso>hd bl:nth-child(3) { display: flex; column-gap: 8px; padding-right: 22px; margin-block: 12px; } csso>hd .group { grid-template-columns: 18px 95%; justify-content: flex-start; background: var(--bc); padding: 4px 22px; border-radius: 7px; padding-left: 2px; width: 88%; } csso>hd .group input { background: transparent; width: 100%; } csso>hd .group i { height: 100%; } csso>bd h4 { padding: 22px; padding-top: 10px; } csso>bd trc { display: grid; grid-template-columns: 22px auto auto; align-items: center; column-gap: 12px; padding: 11px; margin: 2px 22px; } csso>bd trc h5 { opacity: 0.5; } csso selectcoinn { overflow-x: auto; height: 460px; display: block; } csso>hd bl h7 { font-size: 12px; opacity: 0.7; letter-spacing: 0.1; overflow: hidden; } /* Component : FAQs */ /*Factor*/ csgs { display: block; margin-top: 22px; padding: var(--p); border-radius: var(--br); background: var(--b1-t44); } csgs>bd { display: block; margin-top: 11px; } csgs>bl blc { display: grid ; grid-template-columns: auto auto; align-items: normal;height: fit-content; margin-block: 22px; column-gap:0px; } csgs>bl blc p { font-size: 12px; margin: 0px; opacity: 0.4; font-weight: 200; } csgs>bl blc ftx p { font-size: 12px; margin: 0px; opacity: unset; font-weight: 400; } csgs>bl blc ftx { display: flex ; align-items: center; gap: 12px; margin-left: 33px; justify-content: end; } csgs>bl blc div:first-child { display: grid ; grid-template-columns: 22px auto; align-items: center; } csgs>bl blc btn { background: var(--c1); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } @media only screen and (max-width: 999px) { csgs>bl blc { row-gap: 11px; border-bottom: solid 1px var(--bc); padding-bottom: 24px; } csgs>bl blc ftx { display: grid; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } csgs>bl blc h3 { font-size: 18px; font-weight: 600; line-height: 26px; } } @media only screen and (max-width: 999px) { csgs { margin: 11px; } } cqao { display: block; padding: var(--p); background: var(--b1-t44); margin: 11px; border-radius: var(--br); } cqao hd { display: flex ; justify-content: space-between; align-items: center; margin-bottom: 22px; } cqao h2 { font-size: 20px; font-weight: 600; } cqao h3 { font-size: 14px; font-weight: 500; color: var(--a); } cqao bd { display: block; } cqao bd d { display: grid ; grid-template-columns: 18px auto; } cqao d>i { width: 20px; height: 20px; margin-top: 4px; } cqao d>p { margin: 0; font-size: 14px; font-weight: 500; line-height: 28px; margin-left: 11px; } @media only screen and (min-width: 999px) { } /* Component : FavoriteCurrencie */ cams>bl { display: grid ; background: var(--b-t); position: relative; margin: 7px 0; padding: 22px; grid-template-columns: 88px auto 33px; border-radius: 22px; width: auto; } cams hd { height: auto; width: fit-content; overflow: unset; border: unset; background: unset !important; align-content: center; padding: 7px; border-radius: 7px; } cams hd success { display: grid ; row-gap: 11px; } cams hd vol { display: grid; align-items: end; grid-template-columns: 30px 35px; gap: 5px; } cams hd i { filter: unset; height: 100%; width: 100%; top: 6px; } cams hd summary { font-size: 12px; font-weight: 600; } cams hd name { color: var(--c); } cams hd h5 { text-align: center; } cams bd { display: block; margin-left: 7px; padding: 9px; } cams bd h6 { justify-content: unset; color: var(--b-t44); max-width: unset; overflow-wrap: unset; letter-spacing: 0; margin: 0; display: flex; column-gap: 10px; align-items: center; } cams bd bes:first-child { display: flex ; gap: 8px; } cams bd Bse { display: flex; align-items: center; font-size: 14px; } cams bd.cgreen { font-weight: 100; font-size: 12px; align-items: start; display: grid; grid-template-columns: 15px 60px; } cams ft { display: grid ; justify-content: end; align-items: center; } cams ft i { width: 24px; height: 24px; } cams ft i:last-child { opacity: 30%; } /* Component : FavoriteCurrencies */ camsk.Spot { display: block; background: var(--b1-t44); border-radius: 22px; padding: 22px; margin: 0; } camsk button { display: flex ; width: 100%; background: unset; color: var(--c); justify-content: start; overflow: scroll; padding: 0; margin: 14px 0; column-gap: 11px; } camsk button btn { display: grid ; grid-template-columns: 37px auto; background: var(--b); padding: 11px 18px; color: var(--c); border-radius: 11px; align-items: center; transition: 99ms; position: relative; cursor: pointer; } camsk ctp hd select { height: 97%; border-radius: var(--br1); background: var(--b1); color: var(--c); border: none; padding: 11px 7px; width: fit-content; } camsk ctp hd h3 { font-size: 20px; font-weight: 100; } camsk hd makrt { display: grid; align-items: center; margin-top: 25px; grid-template-columns: auto auto auto auto 38%; justify-content: flex-start; } camsk hd makrt i { width: 24%; height: 24px; margin: auto; margin-right: 0px; } camsk trcs>trc.ordr bd { display: block; margin-left: 7px; padding: 9px; } camsk trcs>trc.ordr img { width: 100%; height: auto; filter: unset; } camsk trcs>trc.ordr>hd h5 { font-size: 15px; display: flex; justify-content: center; margin: 0; align-items: baseline; } camsk trcs>trc.ordr>hd h5 c { font-size: 11px; bottom: 6px; position: relative; } camsk trcs>trc.ordr>ft success { color: var(--c); padding: 11px 22px; width: auto; } camsk curncy p { display: flex; align-items: center; } camsk curncy p i { height: 19px; width: 19px; } camsk trcs>trc.ordr volume img { width: 40px; height: auto; position: relative; left: 6px; filter: unset; } camsk trcs>trc.ordr>bd h6 bse tkr { display: flex; justify-content: center; align-items: center; border-radius: 4px; border: solid 0.1px var(--b-t22); } camsk.Futures btn.Futures { background: var(--b-t22); } camsk bse.cgreen i { transform: rotate(268deg); height: 16px; width: 13px; } camsk tkr { display: flex; justify-content: center; align-items: center; border-radius: 4px; border: solid 0.1px var(--b-t22); } camsk trk { font-size: 16px; } camsk ccx { display: flex; justify-content: center; align-items: center; border-radius: 4px; border: solid 0.1px var(--b-t22); width: 25px; } camsk cxx { display: flex; justify-content: center; align-items: center; border-radius: 4px; } camsk bse i { transform: rotate(268deg); height: 16px; width: 13px; } camsk bse { font-weight: 100; font-size: 12px; align-items: start; display: grid; grid-template-columns: 15px 60px;overflow: hidden; } @media only screen and (min-width: 999px) { camsk ctpo hd { display: grid; grid-template-columns: auto 12% 10%; align-items: center; gap: 13px; } ctpo hd h3 { font-size: 20px; font-weight: 100; } ctpo hd btn { display: flex; align-items: center; background: var(--b1-t44); border-radius: 18px; height: 25%; padding: 14px; } } @media only screen and (max-width: 999px) { camkso ctpo hd { display: grid; grid-template-columns: auto 21% 20%; align-items: center; gap: 13px; padding: var(--p1); } ctp hd h1 { font-size: 20px; font-weight: 100; } db chmsp grid.gc5 bl{margin:0px;} } @media only screen and (min-width: 999px) { camsk ctp hd { display: grid ; grid-template-columns: auto 12% 10%; align-items: center; gap: 13px; } camsk ctp hd { margin-bottom: 22px; } } cfvh {display: block; position: relative;} cfvh nv gg{height: 55px;align-items: center;z-index:22;display: grid;grid-template-columns: 55px 33px auto 44px 44px;} cfvh nv back{font-family: monospace;font-size: 1.23em;height: 100%;width: 55px;display: flex;justify-content: center;align-items: center;} cfvh nv gg i { height: 33px; width: 33px; fill: #fff; display: flex ; justify-content: center; align-items: center; } cfvh nv gg>i>svg{height:66%;width:66%;} cfvh nv t{display: flex;align-items: center;text-align: center;width: 100%;display: block;} cfvh nv op { display: flex; justify-content: center; align-items: center; } cfvh nv op>i { height: 55%; width: 55%; } cfvh cmt { display: grid ; margin-top: 2%; gap: 15px;} cfvh cmt hd h1 { font-size: 23px; font-weight: 100; display: flex ; justify-content: space-around; } cfvh cmt .group { display: grid ; grid-template-columns: 105% auto; gap: 11px; position: relative; align-items: center; } cfvh cmt svg {position: absolute; left: 3%; fill: #9e9ea7; width: 1rem; height: 1rem; } cfvh cmt .input { width: 90%; height: 33px; line-height: 28px; padding: 0 1rem; padding-left: 3.5rem; border-radius: var(--br); outline: none; background-color: var(--b1); transition: .3s ease; margin: 0; font-size: 1em; font-weight: 500; } /* Component : Favourite */ cfvo>bl hd>i { height: 66px; width: 66px; border-radius: 55%; overflow: hidden; margin-bottom: 7px; } cfvo>bl hd>i img { height: 100%; width: 100%; object-fit: cover; } cfvo>bl { display: flex ; font-size: 0.77em; text-align: center; max-width: 88px; flex-direction: column; align-items: center; margin-right: 22px; } cfvs>bl bd>d { display: flex ; max-width: 100%; overflow-x: auto; } cfvs { display: none; } cfvs>bl { display: block; margin: 11px 0; padding: 11px 0; }chmfb exit { position: absolute; right: 11px; font-size: 34px; transform: rotate(45deg); } chmfb hd bl { padding: 0; border-radius: 0; display: grid; justify-content: center; gap: 15px; } chmfb hd bl h5 { color: var(--ct); font-size: 0.99em; font-weight: 100; } chmfb hd bl cnc { display: flex; justify-content: center; align-items: center; } chmfb hd bl:nth-child(2) { grid-template-columns: 48% 48%; } chmfb hd bl btn { display: grid; justify-content: center; align-items: center; height: 55px; background: var(--b1t); margin: 10px 0; border-radius: 11px; grid-template-columns: 31px auto; position: relative; border: solid 1px var(--b-t22); transition: 333ms; } chmfb hd bl btn:nth-child(1) { border: solid 2px var(--a); color: var(--a); } chmfb hd bl btn i svg { fill: var(--a); } chmfb bd div bl btn { display: grid; justify-content: center; align-items: center; height: 45px; background: var(--b1t); border-radius: 11px; position: relative; font-size: 0.8em; margin: 7px 0px; letter-spacing: 0.8px; } chmfb bd div bl { display: grid; grid-template-columns: auto auto; padding: 0; } chmfb bd div bl btn:nth-child(1) { width: 90%; } chmfb { margin: 10px; display: none; } chmfb ft { display: grid; gap: 30px; } chmfb bd div bl:nth-child(3) { display: grid; justify-content: center; align-items: center; height: 45px; background: var(--b1t); border-radius: 11px; position: relative; font-size: 0.8em; margin: 7 0; letter-spacing: 0.8; } chmfb ft bl textarea { width: 100%; height: 100%; background: transparent; border: none; color: var(--c); resize: none; font-size: 1.1em; } chmfb ft bl:nth-child(1) { display: grid; justify-content: unset; align-items: unset; height: 100px; background: var(--b1t); margin-top: 25px; border-radius: 11px; position: relative; padding: 22px; } chmfb ft bl:nth-child(1) h4 { font-weight: 100; color: var(--bc); } chmfb ft bl:nth-child(1) h5 { color: var(--ct); display: flex; justify-content: end; align-items: end; } cppoo fill { position: relative; } chmfb hd bl btn:nth-child(1) :hover { transform: scale(0.9); } chmfb hd bl btn:hover { transform: scale(0.9); } chmfb ft bl cnc d { column-gap: 5px; display: grid; grid-template-columns: 30px auto; align-items: center; } chmfb ft bl { display: grid; gap: 15px; padding: 0; } chmfb ft bl cnc h5 { font-weight: 100; color: var(--ct); position: relative; } chmfb ft bl btn { display: grid; justify-content: center; align-items: center; height: 45px; background: var(--lg-b); border-radius: 11px; position: relative; margin: 7 0; } app.chmfb chmfb { display: block; position: absolute; top: 17%; backdrop-filter: blur(30px); z-index: 9; box-shadow: 9px 8px 50px 0 var(--b2); transition: 333ms; padding: 22px; border-radius: 15px 15px 0 0; background: var(--b1); } chmfb bl { background: unset; } schmoh grid.gc1 chmtc { margin: 14px; } schmoh grid.gc1 { margin: 0; } chmfb hd bl btn:nth-child(2) i { height: 20px; } /*Feedback_Deposit*/ cfdt>bl>hd { display: flex ; justify-content: space-between; margin-block: 10px; } cfdt hd i { width: 21px; } cfdt hd b { font-weight: 400; } cfdt>bl>bd { display: flex ; gap: 18px; margin-block: 1rem; } cfdt bd c { display: flex ; justify-content: center; align-items: center; font-size: 20px; height: 30px; width: 30px; color: var(--b); background: var(--c); border-radius: 30px; padding: 4px; } cfdt bd d { display: flex ; align-items: center; gap: 8px; white-space: nowrap; font-size: 1rem; } cfdt bd a { display: flex ; align-items: center; gap: 11px; font-weight: 400; } cfdt dv hr { height: 15px; width: 1px; margin: 0px 8px; background: var(--c); } cfdt bd i { width: 24px; } cfdt bd a i { width: 16px; } cfdt ft div { display: flex; justify-content: space-between; align-items: center; } cfdt ft dv:nth-child(1) { display: flex; box-shadow: 0 4px 8px var(--bt); flex-direction: column; background: var(--b1-t44); border-radius: 20px; padding: 6px 22px;font-weight: 600; } @media(max-width:786px){ cfdt bd d { font-size: 14px; } }/*Feedback_Terms*/ cftm>bl>hd { display: flex ; flex-direction: column; } cftm>bl>bd { display: flex ; gap: 15px; } cftm bd btn { display: flex ; justify-content: center; align-items: center; border-radius: 5px; background: var(--b1t); padding: 12px 11px; width: 100%; margin-block: 1rem; } cftm i { width: 17px; } cftm bd span { font-size: 14px; font-weight: 200; opacity: .7; } cftm hd dv { display: flex ; align-items: center; justify-content: center; border-radius: 7px; padding: 13px 10px; margin-top: 15px; gap: 12px; font-weight: 100; opacity: .8; } cftm hd h2 { font-size: 17px; font-weight: 100; } cftm ft div { display: grid ; align-items: center; padding: 20px 7px; margin: 7px 0; position: relative; width: auto; box-shadow: unset; background: var(--b1); grid-template-columns: 55px auto 28px; border-radius: 9px; } cftm ft nam { display: flex ; background: var(--c); justify-content: center; align-items: center; font-size: 20px; border-radius: 30px; padding: 4px; height: 30px; width: 30px; margin: auto; color: var(--b);} cftm ft dv { display: flex ; flex-direction: column; gap: 2px; } cftm ft span { font-size: 14px; }cfts hd f:first-child { display: flex ; justify-content: space-between; align-items: center; } cfts hd f:first-child ft { display: grid; grid-template-columns: 77px 33px; align-items: center; } cfts hd f inr { display: grid; grid-template-columns: 24px auto; align-items: center; } cfts hd f:nth-child(2) { margin-top: 22px; } cfts hd f:nth-child(2) h4 { display: grid; grid-template-columns: auto 33px; justify-content: flex-start; align-items: center; } cfts .P2P_Trading { display: grid ; grid-template-rows: auto 33px 33px; background: var(--b1-t44); padding: 17px; border-radius: 17px; width: fit-content; border: solid 1px var(--b-t); } cfts bd dv .Sell_Crypto { display: grid; grid-template-rows: 33px auto;justify-content: flex-start;margin: 10px 25px;} cfts bd dv .Sell_Crypto { margin: 11px; font-size: 0.88em; grid-template-columns: 33px auto; } cfts bd t { font-size: 13px; } cfts bd { display: flex ; gap: 22px; } cfts bd i { width: 33px; } cfts hd d { display: grid ; grid-template-columns: 77px 33px; align-items: center; } cfts bd dv:nth-child(2) { height: -webkit-fill-available; display: flex ; background: var(--b1-t44); padding: 16px; border-radius: 17px; width: fit-content; border: solid 1px var(--b-t); flex-direction: column; gap: 13px; } cfts { display: block; background: var(--b1-t44); border-radius: 22px; padding: 22px; } /*FiatHeader*/ sftnhd op {padding: 2px 8px; margin: 6px; display: flex; height: 35px; } chdr>bl { display: none; } chdr hd d { grid-template-columns: 36px 33px auto 0px 30px; display: grid ;padding: 0px; width: 100%; align-items: center; } sftn hd aa{display: grid;justify-content: center;align-items: center;grid-template-columns: auto 26px;} p2p.trading_zone cppoz { bottom: 73px; box-shadow: 0 -11px 33px var(--b); border-top-right-radius: 22px; border-top-left-radius: 22px; display: block; opacity: 1; padding: 11px; border: solid 2px var(--b-t22); } sftn hd aa { display: flex; align-items: center; text-align: center; width: 100%; font-size: 1.8em; padding: 0px 24px; } chdr h3 { display: none ; justify-content: center; font-size: 20px; font-weight: 400; } @media (Max-width: 999px) { chdr>bl { display: block; } chdr h3 { display: flex; } }/*FiatHotCrypto*/ chcn { display: block; margin: 11px; } chcn trcs>bl>hd { display: grid ; grid-template-columns: auto auto auto auto; justify-content: space-between; margin-block: 22px; gap: 12px; } chcn trc bl { background: var(--b-t); grid-template-columns: 99px auto 0px; padding: 10px 33px; gap: 11px; margin: unset; border-radius: 11px; transition: 99ms; display: grid ;} chcn>bl bd>d { display: grid ; grid-template-columns: auto auto auto auto; justify-content: space-between; margin-block: 22px; gap: 11px; } @media only screen and (min-width: 999px) { chcn trcs>bl hd { display: flex ; flex-wrap: wrap; justify-content: center; margin-block: 22px; gap: 11px; } chcn trc bl { background: var(--b-t); padding: 6px 26px; gap: 11px; margin: unset; border-radius: 11px; transition: 99ms; display: grid ; text-align: center; width: fit-content; line-height: 20px; align-items: center; } chcn trc img { object-fit: contain; height: 60%; width: 60%; } chcn trc:hover { background: var(--b1t); transform: scale(1.00999999);border-radius: 11px;} } @media only screen and (min-width: 999px) { chcn>bl bd>d { display: flex ; flex-wrap: wrap; justify-content: unset; } } @media only screen and (max-width: 999px) { chcn>bl bd>d { overflow: auto; } } cftto>bl { background: var(--b-t); grid-template-rows: 39px auto; padding: 33px 46px; margin: unset; border-radius: 11px; transition: 99ms; gap: 8px; display: grid ; text-align: center; } cftto t:nth-child(1) { font-weight: unset; } cftto bd{display: grid;} cftto i {height: 100%; width: auto;} @media only screen and (min-width: 999px) { cftto img { object-fit: contain; height: 100%; width: 100%; } cftto:hover { background: var(--b1t); transform: scale(1.00999999);border-radius: 11px;} } cfhts>bl>hd { display: grid ; grid-template-columns: auto auto auto auto; justify-content: space-between; margin-block: 22px; gap: 12px; } @media only screen and (max-width: 999px) { cfhts { overflow: auto; } } /* filter */ cftn hd h2 { display: flex ; align-items: center; text-align: center; font-size: 1.8em; opacity: 1; padding: 0px 24px; font-weight: 400; } sftn cftn>label { display: flex; align-items: center; text-align: center; font-size: 1.8em; padding: 0px 24px; opacity: 1; } cftn ft bb { position: relative; display: block; max-height: 30px; width: 44px; border-radius: 50px; border: solid 2px; transition: 333ms; box-shadow: unset; overflow: visible; top: unset; height: 21px; right: unset; background: var(--a1t); padding: 3px; opacity: 0.9; border: unset; } cftn ft bo { box-shadow: inset 60px 0px 0px; color: transparent; border-radius: 50px; padding: 0px; } cftn oo { display: block; height: 19px; width: 19px; background: var(--a); border-radius: 50%; position: absolute; transition: 333ms; box-shadow: unset; margin: 1px; opacity: 0.8; } .oo filterr oo { box-shadow: unset; margin-left: 24px; background: var(--c); } cfud bl { display: grid ; grid-template-columns: auto 0px 15%; align-items: center; position: relative; padding: 11px; } sftn sidebar grid { margin: 0; } sftn sidebar cftn { margin: 0; } cftn cfat bl{ padding: 11px;position: relative; } /* filterr .amount label { font-size: 18px; margin-bottom: 10px; } */ cftn bl { background: var(--00); } cftn btn { padding: 16px; font-weight: 500; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center;} cftn label { /*padding: 9px; margin: 7px;*/ opacity: .7; } @media only screen and (min-width: 1600px) { cftpm bd div { grid-template-columns: auto auto auto auto; } } @media only screen and (max-width: 999px) { cftn hd h2 { font-size: none; padding: 0px 11px;} cftn>bl {background: var(--00);padding: 0px 6px;} } /* Component : Filter / css writed by Gagan Nayak */ cftn>bl { background: var(--c1); display: block; padding: var(--p); border-radius: var(--br); max-width: 444px; margin: var(--m); } cftn>bl bd>d { display: grid ; grid-template-columns: auto max-content; align-items: center; position: relative; margin: 7px; padding: 7px; } cftn>bl bd>d bb { position: relative; display: block; max-height: 30px; width: 44px; border-radius: 50px; border: solid 2px; transition: 333ms; box-shadow: unset; overflow: visible; top: unset; height: 21px; right: unset; background: var(--a1t); padding: 3px; opacity: 0.9; border: unset; cursor: pointer;} cftn>bl bd>d bb.oo { background: var(--a1t); } cftn>bl bd>sl { display: flex ; border-radius: 11px; margin-bottom: 10px; font-size: 0.88em; box-sizing: border-box; background: var(--b1-t44); margin-left: 0; border: 1px solid var(--b-t22); padding: 0; height: auto; } cftn input:focus { box-shadow: unset; border-radius: unset; } cftn>bl bd>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%; } cftn>bl bd>sl span { position: absolute; right: 22px; top: 0; font-size: 16px; opacity: unset; bottom: 0; color: var(--a); align-items: center; display: flex ; } cftn>bl sl ~ btns { display: grid ; margin-bottom: 20px; grid-template-columns: auto auto auto auto auto auto; gap: 7px; } cftn>bl sl ~ btns>btn { background-color: var(--00); border: solid 1px var(--svg1); border-radius: 4px; padding: 9px; font-size: 1em; cursor: pointer; transition: background-color 0.3s cubic-bezier(0.17, 0.88, 1, 1); color: var(--c); text-align: center; } cftn>bl btns.ftnr { display: grid ; grid-template-columns: 49% 49%; gap: 8px; align-items: center; } cftn>bl bd>f { display: grid ; grid-template-columns: auto 55px; align-items: center; padding: 7px; } cftn>bl f>d { display: grid ; grid-template-columns: auto auto; align-items: center; } cftn>bl f>d i { width: 18px; height: 18px; transform: rotate(268deg); } cftn>bl bd>dv { display: grid ; grid-template-columns: 22px auto 0px; align-items: center; gap: 11px; padding: 0px 22px; margin-bottom: 14px; background: var(--at); border-radius: 22px; } cftn>bl f>input { margin: 4px; width: 17px; height: 17px; opacity: 0.9; justify-self: end; }/*FilterHeader*/ sftn h nv op {padding: 2px 8px; margin: 6px; display: flex; height: 35px; } sftn h nv gg { grid-template-columns: 55px 33px auto 0px 20%; } sftn d nv aa{display: grid;justify-content: center;align-items: center;grid-template-columns: auto 26px;} .trading_zone cppoz { bottom: 73px; box-shadow: 0 -11px 33px var(--b); border-top-right-radius: 22px; border-top-left-radius: 22px; display: block; opacity: 1; padding: 11px; border: solid 2px var(--b-t22); } sftn h d aa { display: flex; align-items: center; text-align: center; width: 100%; font-size: 1.8em; padding: 0px 24px; } /* component : FilterTradingzone */ cppoz>bl { display: block; background: var(--b1); border-radius: 11px; padding: 22px; } cppoz>bl d { display: grid ; grid-template-columns: 44px auto 0px; position: relative; align-items: center; border: solid 2px var(--b1); padding: 19px 6px; border-radius: 0px; margin-block: 11px; border-bottom: solid 1px var(--b-t22); } cppoz>bl hd { display: flex ; justify-content: space-between; align-items: center; } cppoz>bl hd>close { display: flex ; width: 33px; height: 33px; align-items: center; justify-content: center; } cppoz { background: var(--b1); max-width: 555px; position: absolute; top: unset; bottom: 0; left: 0; right: 0; z-index: 999999999; pointer-events: auto; opacity: 1; transition: 333ms; overflow: visible; display: none; }/*Filter_Amount*/ cfat input { width: calc(100% - 0px); border-radius: 11px; margin-bottom: 10px; font-size: 0.88em; box-sizing: border-box; background: var(--b1-t44); margin-left: 0; padding: 15px 11px; } cfat bd div { display: grid; margin-bottom: 20px; grid-template-columns: auto auto auto auto auto auto; gap: 7px; } cfat hd span { position: absolute; right: 44px; top: 52px; color: var(--a); font-size: 16px;opacity: unset;} cfat btn { background-color: var(--00); border: solid 1px var(--svg1); border-radius: 4px; padding: 9px; font-size: 1em; cursor: pointer; transition: background-color 0.3s cubic-bezier(0.17, 0.88, 1, 1); color: var(--c); text-align: center;} cfat hd { display: flex ; flex-direction: column; gap: 9px; } @media only screen and (max-width: 999px) { cfat hd span { top: 64px; } } /*Filter_Completion*/ cfcp hd { display: grid; grid-template-columns: auto 55px; align-items: center; } cfcp hd t { display: grid; grid-template-columns: auto auto; align-items: center; } cfcp bl{ display: flex; margin: 18px 0px; padding: 22px; flex-direction: column; gap: 11px; border-top: solid 1px var(--bt); } cfcp contentt { display: grid; grid-template-columns: 22px auto 0px; align-items: center; gap: 11px; justify-content: center; padding: 0px 22px;margin-bottom: 14px; background: var(--at); border-radius: 22px; } cfcp bd dv { display: grid; grid-template-columns: auto 44px 33px; padding: 7px 2px; } cfcp bd dv input { margin: 0; width: 85%; height: 85%; opacity: 0.9; } cfcp ft div { display: flex ; gap: 30px; } cfcp ft btn:nth-child(1) { background-color: var(--b-t22); color: var(--svg); letter-spacing: .4; } cfcp ft btn:nth-child(2) { background-color: var(--a); color: var(--svg); letter-spacing: .4; } cfcp ft btn { width: 48%; padding: 12px 20PX; border: none; border-radius: 4px; font-size: 18px; cursor: pointer; transition: background-color 0.3s ease; } cfcp ft btn:active { transform: scale(0.9); } cfcp span { opacity: 0.5; } cfcp i { width: 18px; height: 18px; transform: rotate(268deg); }/*Filter_Crypto*/ cfct hd { display: grid; grid-template-columns: auto 55px; align-items: center; } cfct hd t { display: grid; grid-template-columns: auto auto; align-items: center; } cfct bl { display: flex; margin: 18px 0px; padding: 11px; flex-direction: column; gap: 11px; } cfct bd dv { display: grid; grid-template-columns: 22px auto 0px; align-items: center; gap: 11px; padding: 0px 22px;margin-bottom: 14px; background: var(--at); border-radius: 22px; } cfct bd div { display: grid; grid-template-columns: 49% 49%; gap: 8px; align-items: center; } cfct div btn { background: var(--00); border: solid 1px var(--b-t22); border-radius: 4px; color: var(--c); display: block; transition: 99ms;text-align: center; } cfct div btn:focus { background: var(--c1); } cfct i { width: 18px; height: 18px; transform: rotate(268deg); } /*Filter_Region*/ cfrn hd { display: grid; grid-template-columns: auto 55px; align-items: center; } cfrn hd t { display: grid; grid-template-columns: auto auto; align-items: center; } cfrn bl { display: flex; margin: 18px 0px; padding: 11px; flex-direction: column; gap: 11px; border-top: solid 1px var(--bt); } cfrn contentt { display: grid; grid-template-columns: 22px auto 0px; align-items: center; gap: 11px; justify-content: center; padding: 0px 22px;margin-bottom: 14px; background: var(--at); border-radius: 22px; } cfrn bd div { display: grid; grid-template-columns: 49% 49%; gap: 8px; align-items: center; } cfrn div btn { background: var(--00); border: solid 1px var(--b-t22); border-radius: 4px; color: var(--c); display: block; transition: 99ms; } cftn btn:focus { background: var(--c1); } cfrn i { width: 18px; height: 18px; transform: rotate(268deg); } /*Filter_Timelimit*/ cftr bd btn { background-color: var(--00); border: solid 1px var(--svg1); border-radius: 4px; padding: 9px; font-size: 1em; cursor: pointer; transition: background-color 0.3s cubic-bezier(0.17, 0.88, 1, 1); color: var(--c); text-align: center;} cftr { display: flex; flex-direction: column; gap: 15px; border-bottom: solid 1px var(--bt); border-top: solid 1px var(--bt); padding-block: 11px; } cftr bd { display: grid; grid-template-columns: auto auto auto auto auto auto; gap: 6px; } cftr bd btn:focus { background: var(--c1); } cftr bl { display: flex ; flex-direction: column; gap: 9px; padding: 11px;position: relative; }/*Filter_Verification*/ cfvn hd label { display: flex; align-items: center; } cfvn dv { display: grid; grid-template-columns: auto 0px 15%; align-items: center; position: relative; margin: 11px 0px; } cfvn bl{ display: block; border-bottom: solid 1px var(--bt); border-top: solid 1px var(--bt); padding-block: 11px; padding: 11px; } cfvn d bb { position: relative; display: block; max-height: 30px; width: 44px; border-radius: 50px; border: solid 2px; transition: 333ms; box-shadow: unset; overflow: visible; top: unset; height: 21px; right: unset; background: var(--a1t); padding: 3px; opacity: 0.9; border: unset; } cfvn d bo { box-shadow: inset 60px 0px 0px; color: transparent; border-radius: 50px; padding: 0px; }cfeo>bl { display: grid ; grid-template-columns: 66px auto; padding: 16px; margin: 11px 0; border-radius: var(--br1) 11px; overflow: hidden; background: var(--b1-t); } cfeo hd>i { width: 55px; height: 55px; border-radius: 16px; overflow: hidden; margin-right: 11px; margin-top: 4px; } cfeo nonotransactions { display: grid ; text-align: center; justify-content: center; font-size: 18px; align-items: center; } cfeo nonotransactions i { width: 100%; } cfeo nonotransactions p {font-size: 0.88em;} cfcn bl img { object-fit: cover; width: 100%; height: 100%; border-radius: 11px; } cfcn hd { display: grid ; grid-template-columns: 33px auto; align-items: center; margin: var(--m); column-gap: 11px; } cfcn>bl { display: grid ; grid-template-columns: auto ; border-radius: 22px;box-shadow: none; } cfcn d { display: flex ; justify-content: space-between; align-items: center; margin-bottom: 7px; } cfcn btn { display: flex ; justify-content: center; background: var(--a); padding: 5px 0px; border-radius: 7px; width: 100px; align-items: center; } cfcn h4 { font-size: 1em; font-weight: 500; color: var(--ct); } cfcn bd>t { font-size: 1em; font-weight: 500; color: var(--c); white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; margin: 0; } cfcn h3 { font-size: 1em; font-weight: 500; line-height: 28px; } cfcn btn>i { width: 24px; height: 20px; margin-right: 7px; display: none; } cfcn bl>hd { background: none; margin: 0; align-items: center; display: grid ; height: auto;grid-template-columns: 33px auto;} @media only screen and (max-width: 999px) { cfeo>bl { margin: 0 11px ; } } cfwho { display: block; padding :0px; } cfwho gg t { text-align: center; } cfwho gg i { height: 33px; width: 33px; fill: #fff; display: flex ; justify-content: center; align-items: center; } cfwho mg { grid-column-gap: 11px !important; height: 55px; margin: 0px; min-width: 0px; width: -webkit-fill-available; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; padding: 0 22px; } cfwho mg a.this { border-bottom: solid 2px; color: var(--a); } cfwho gg{ height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px; } cpcto { margin: 20px 0; display: block; background: var(--b1-t44); border: solid 1px var(--c1); padding: 22px; border-radius: 22px; } cpcto bd{display: grid ; align-items: center; grid-template-columns: 50px auto 97px;margin-top: 12px; } cpcto d { display: grid; } cpcto t { font-weight: bold;margin: 0; } cpcto span { font-size: 0.9em; color: var(--a); margin: 0; } cpcto i{width: auto; height: auto;} cpcto img{border-radius: 50%;} cpcto btn { background-color: var(--a1); color: var(--c); border: none; border-radius: 5px; padding: 8px 16px; cursor: pointer; } cpcto btn:hover { background-color: #3a3a3a; } cpcto input { background: var(--b); }cfwg bd { display: block; } cfwg nonotransactions { display: grid; text-align: center; justify-content: center; font-size: 18px; align-items: center; } cfwg nonotransactions i { margin: auto; } /* Component : Followings */ cflws>bl { display: block; margin: 4px; } cflws>bl hd>p { font-weight: 400; color: var(--ct); margin: 0; } cflws>bl no { background: var(--b-t); width: -webkit-fill-available; } cflws>bl ft>btn { display: block; padding: var(--p1); text-align: center; background: var(--lg-b); border-radius: 6px; margin: 11px 11px 0 11px; } cflws { display: none; } @media (min-width : 999px) { cflws>bl bd>d { display: grid ; grid-template-columns: 50% 50%; } }/* Footer_Footer1 */ .footerlogo { display: flex ; margin: 22px 0; } footer gg{display:grid;grid-template-columns: 33.33% 33.33% 33.33%;} footer gbl { display: grid; grid-template-columns: 77px auto 0; padding: 0px 33px; border-right: solid 1px var(--bc);margin:4px } footer gbl bd { display: flex; align-items: center; font-weight: bold; margin-left: 11px; } .footer1{ border-bottom: solid 1px var(--bc);padding: 22px 44px;max-width: 1400px; margin: auto;} .footer2{border-bottom: solid 1px var(--b1-t);padding: 22px 44px;} .footer3{border-bottom: solid 1px var(--bc);padding: 22px 44px;max-width: 1400px; margin: auto;} .footer2_1{display: grid; grid-template-columns: 55px auto auto; align-items: center; border-right: solid 1px var(--bc);} .footer2_2{display: grid;align-items: center;width: 100%;border-right: solid 1px var(--bc);padding: 0 22px;} .footer2_3{display: grid;justify-content: center;align-items: center;width: 100%;border-right: solid 1px var(--bc);} .footer2_4{ display: grid; justify-content: center; align-items: center; } .footer2_5{grid-column-start: 1;grid-column-end: 4;border-top: solid 1px var(--bc);text-align: center;align-items: center;display: flex;height:100%;padding-left: 22px;width: 88%;} .followus { display: flex; align-items: center; justify-content: start; opacity: 0.5; margin: 11px 0; gap: 22px; } .followus a i { width: 100%; height: 100%; } .followus a { display: block; height: 24px; width: 24px;overflow: hidden; } db d>footer ul { padding-inline-start: 0; } db d>footer li { display: flex; align-items: center; justify-content: start; } .linkListing { display: grid; text-align: start; } footer bd .footer2 li { display: block; margin: 10px 0; font-size: 12px; font-weight: 400; line-height: 20px; } footer .gsc_row { display: grid; grid-template-columns:20% 20% 20% 20% 20%;padding:11px 0; } .linkListing> hd svg { display: none; } footer .linkListing ul a { font-weight: 500; } .linkListing h4 { font-weight: 500; display: flex ; justify-content: space-between; } .linkListing i { display: none; width: 24px; height: 24px; } .linkListing i svg { display: none; } .linkListing i svg:nth-child(1) { display: block; } .footerlogo img { width: auto; } footer .linkListing ul {padding-left: 0; margin: 0;} .footer2:nth-child(2) { margin-left: 11px; } shmo db d> footer { border-radius: 0; } footer .footer1 { padding: 22px 45px; padding-left: 0px; padding-top: 0px; } footer .footer1 .followu { display: flex ; align-items: center; justify-content: start; opacity: 0.5; margin: 11px 0; gap: 22px; } footer .footer1 a i { width: 24px; height: 24px; } @media only screen and (max-width: 999px) { .footer1 { border-right: solid 0px var(--bc); } .footer2:nth-child(2) { margin-left: 0px; } .linkListing h4 { padding: 7px; } .linkListing i { display: block; } .followu { display: flex ; align-items: center; justify-content: start; opacity: 0.5; margin: 11px 0; gap: 22px; } .followu a { display: block; height: 24px; width: 24px; overflow: hidden; } .followu a i { width: 100%; height: 100%; } .about .linkListing i svg:nth-child(1) { display: none; } .about .linkListing i svg:nth-child(2) { display: block; } .Services .linkListing i svg:nth-child(1) { display: none; } .Services .linkListing i svg:nth-child(2) { display: block; } .Support .linkListing i svg:nth-child(1) { display: none; } .Support .linkListing i svg:nth-child(2) { display: block; } .Products .linkListing i svg:nth-child(1) { display: none; } .Products .linkListing i svg:nth-child(2) { display: block; } footer .linkListing ul { display: none; padding: 0; opacity: 0.7;} .company .linkListing .cpay { display: block; } .service .linkListing .srvi { display: block; } .products .linkListing .podu { display: block; } .about .linkListing .abt { display: block; } .linkListing> hd {display: grid; grid-template-columns: auto 33px; justify-content: space-between; align-items: center; padding:11px 0;} .linkListing> hd svg:nth-child(1) { display: block; } .about .linkListing> .ao svg:nth-child(1) { display: none; } .about .linkListing> .ao svg:nth-child(2) { display: block; } .company .linkListing> .cm svg:nth-child(1) { display: none; } .company .linkListing> .cm svg:nth-child(2) { display: block; } .service .linkListing> .sv svg:nth-child(1) { display: none; } .service .linkListing> .sv svg:nth-child(2) { display: block; } .products .linkListing> .pd svg:nth-child(1) { display: none; } .products .linkListing> .pd svg:nth-child(2) { display: block; } .linkListing ul { margin: 0; } db footer gg{display:grid;grid-template-columns: unset;margin: 0 auto;border-bottom: solid 1px var(--bc);padding: 11px;} db footer gbl { display: grid; grid-template-columns: 77px auto 0; padding: 11px 22px; border-right: unset; border-bottom: solid 1px var(--bc); } .footer1 { padding: 0; } .footer1>hd{ padding: 22px; display: block; padding-bottom: 0; } .footer2 { padding: 0; } .footer2_1 { width: 108%; margin-left: -4%; } .footer3 { padding: 0; } .footer2_3 { justify-content: unset; } .footer2_5 { width: 100%; padding: 7px; border-bottom: solid 1px var(--bc); } .footer2_1, .footer2_2, .footer2_3 { border: unset; } .footer2_1 p { margin: 0; } .irdaidetail { justify-content: center; align-items: center;width: 100%; } footer .support { display: grid; justify-content: end; } db footer { background: var(--b) ; } footer {padding:0 11px;} .gsc_container.footer2 {padding:0;} } @media only screen and (min-width: 999px) { footer>hd>h3{ margin-left:77px} db d>footer { background: var(--b1); border-radius: 22px; box-shadow: 0px 0px 6px var(--b1); } footer { background: var(--b1); box-shadow: 0px 0px 6px var(--b1); } } .info-section { text-align: center;margin: 22px 0; } .footer1 { border-bottom: solid 1px var(--b1t); height: -webkit-fill-available; width: 90%; border-right: unset; } @media only screen and (min-width: 999px) { cfft .gsc_row bd { display: flex; width: 100%; justify-content: space-around; } cfft bd bd .footer2 { border-bottom: solid 1px var(--b1); margin: 11px 0px; transition: 333ms; display: flex; justify-content: center; } } @media only screen and (max-width: 999px) { sapo footer bd .footer2 .gsc_row h3 { font-weight: 100; display: flex; justify-content: space-between; margin-bottom: 10px; width: 100%; transition: 33ms; } cfft .gsc_row bd { display: grid; justify-content: unset; } cfft bd .footer2 .linkListing { margin: 11px 0px; transition: 333ms; } cfft bd bd .footer2 h4 { display: flex; justify-content: space-between; } cfft .footer2 .linkListing btn { padding: 5px; border: solid 2px; border-radius: 25px; height: 10px; display: grid; margin-bottom: 10px; } cfft .footer2 btn t { display: flex; width: 10px; height: 2px; background: var(--c); position: relative; bottom: 0px; margin: 0; } cfft .footer2 t:nth-child(1) { top: 5px; transform: rotate(90deg); } cfft .footer2 btn t { display: flex; width: 10px; height: 2px; background: var(--c); position: relative; bottom: 0px; margin: 0; } cfft .about .about ul, .Services .Services ul, .Support .Support ul, .Products .Products ul { display: block; padding: 10px 0px; transition: 999ms; padding-left: 22px; } footer .gsc_row { display: block !important ;padding: 11px 0 !important; } } afdo {display: none ;} afdo.fundes afdo { display: block; } afdo bd { display: grid ; } afdo bl { display: grid ; grid-template-columns: 55px auto 150px; padding: 22px; color: var(--c); position: relative; gap: 2%; background: var(--b1-t44); border-radius: 11px; } afdo bl:hover { background: var(--b1); } afdo ft>h4, afdo ft>h5 {font-size: 1em; font-weight: 400; display: flex ; justify-content: end; width: 92%;} afdo h7 { font-size: 1em; font-weight: 400; } afdo>bl>ft { display: flex ; align-items: center; justify-content: center; flex-direction: column; margin-left: 11px; } /* Component : Fundes */ cfso p { opacity: 0.44; font-size: 14px; font-weight: 400; } /*sptodr aa { display: flex; justify-content: center; align-items: center; position: relative; font-size: 0.8em; } sptodr{height: 55px; white-space: nowrap; display: grid; grid-template-columns: auto auto auto 33px;} openodr bl bd { margin-top: 22px; text-align: center;} openodr bl bd.odr h3 { margin: auto; font-weight: 100; display: flex; align-items: center; justify-content: center; gap: 6px; } openodr>bd h4 { font-weight: 100; margin-top: 11px; opacity: 0.4; } openodr bd grid.gc5 { grid-template-columns: 77px 77px; margin: 7px 0; justify-content: center; align-items: center; gap: 22px; margin-top: 22px; } openodr bd bx { display: flex; height: 55px; width: 55px; margin: auto; background: var(--b1); border-radius: 666px;align-items: center; justify-content: center; } openodr bd t { font-weight: 100; opacity: 0.6; } openodr bd bx i { height: 22px; width: 22px; } openodr bd.fnd { text-align: start; } bd.odr h4 { font-weight: 100; opacity: 0.5; } bd.fnd p { padding-left: 22px; opacity: 0.6; }\ crntpr trcs>trc>bd h4 { font-weight: 100; } crntpr trcs>trc { grid-template-columns: 44px auto 111px; color: var(--c); position: relative; gap: 2%; background: unset; border-bottom: solid 1px var(--b1); border-radius: unset;margin: 7px 0; } crntpr trcs>trc>hd { height: 33px; width: 33px; border-radius: 15px; background: var(--c0); margin: auto; } crntpr trcs>trc>bd h4 { font-weight: 100; } crntpr trcs>trc bd { margin: unset; text-align: start; }*/ cfinv hd { display: grid ; grid-template-columns: 44px auto; display: none; } cfinv hd i { height: 40px; width: 40px; } cfinv hd h3 { display: flex; align-items: center; padding-left: 1px; } cfinv bd h4 { margin: 22px 0; } /*FundingQuick*/ cfqo btns { display: grid ; margin: var(--m) auto; grid-template-columns: 50% 50%; } cfqo i {height: 30px; width: 30px; padding: 4px; background: var(--bt); border-radius: var(--br1);} cfqo i>svg { height: 22px; width: 22px; } cfqo btns>btn {align-items: center; font-weight: 400; justify-content: start; padding: 11px; border-radius: var(--br1); margin: 4px; display: grid; gap: 2%; grid-template-columns: 44px auto; background: var(--b1-t44); } cfqo { display: block; background: var(--b1-t44); padding: 18px; border-radius: 18px; } /* Funding_Balance.css */ cfbe { display: block; } cfbe hd>i{display: flex;align-items: center; width: auto;} cfbe hd img { width: 99px; margin: auto; } cfbe>bl>bd { text-align: center; } cfbe>bl>bd>h6{margin-bottom: 10px; } @media only screen and (min-width: 999px) { cfbe>bl { margin: 11px 0; background: var(--b1-t44); padding: 11px; border-radius: 22px; } } @media only screen and (max-width: 999px) { cfbe>bl { margin: 11px 0; background: var(--b1-t44); padding: 11px; border-radius: 22px; margin-left: 12px; margin-right: 12px; } } /*Funding_Trcs*/ cftc { display: block; } cftc>trc { display: flex; align-items: center; justify-content: space-between; position: relative; } cftc>trc>i>img { width: 32px; height: 32px; border-radius: 50%; display: block; } cftc>trc>i { margin-right: 12px; } cftc>trc>dv { flex: 1; margin-left: 12px; } cftc>trc>d>h4 { margin: 0; font-size: 14px; font-weight: bold; color: #ffffff; } cftc>trc>dv>h4:last-child { font-size: 13px; font-weight: normal; color: #bbbbbb; } cftc>trc>div { text-align: right; } cftc>trc>div>h4 { margin: 0; font-size: 14px; font-weight: bold; color: #ffffff; } cftc>trc>div>h6 { margin: 0; font-size: 12px; color: #aaa; } cftc>trc>div>h6>b { color: #80dfff; margin-right: 2px; } cftc>trc>a { position: absolute; inset: 0; z-index: 1; } cftc>bl trc { display: grid ; align-items: center; background: var(--b-t); margin: 0px; padding: 22px; border-radius: 22px; box-shadow: none; position: relative; grid-template-columns: 55px auto 77px;width: calc(100% - 49px); } cftc trc h4:nth-child(2) { font-weight: 100; }/* Fundings_Currencies */ cfcs>bl>hd { display: grid ; grid-template-columns: 44px auto; display: none; } cfcs>bl>hd i { height: 40px; width: 40px; } cfcs>bl>hd h3 { display: flex; align-items: center; padding-left: 1px; } cfcs>bl>bd>h4{margin: 22px 0;} cfcs>trcs>trc>ft h6 { opacity: 0.66; } cfcs>trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } cfcs bl trc { display: grid; align-items: center; background:var(--b-t); margin:0px; padding: 22px;border-radius: 22px; box-shadow: none;width: calc(100% - 49px);} cfcs bl trcs { display: grid ; } cfcs trcs div { display: flex ; flex-direction: column; justify-content: center; align-items: end; text-align: end; padding: unset; background: none; } cfcs trc h4:nth-child(2) { font-weight: 100; } @media only screen and (max-width: 999px) { cfcs>bl { padding: 11px;} }/* FutureGridChart */ chart bl div { display: flex ; justify-content: space-between; padding: 11px 0; } create_futures_grid chart>hd>bl { padding: 0; border-radius: 0; background: unset; } chart bx h5 { color: var(--b-t44); } chart div bx { display: flex; flex-direction: column; text-align: center; } #main {height: calc(100vh - 377px); margin:auto;} @media only screen and (min-width: 999px) { #main {height: calc(100vh - 277px);} } /* Component : FutureMBLinks */ nvnt { display: block; padding: 0 11px; } nvnt bd gg { display: grid ; grid-template-columns: 50% 50%; } nvnt bd gg>a { text-align: center; width: auto !important;; padding: 11px; } cftho { display: block; position: relative; } cfwto mg { grid-column-gap: 11px !important; height: 55px; margin: 0px; min-width: 0px; width: -webkit-fill-available; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; padding: 0 22px; } cfwto bl { backdrop-filter: blur(22px); background: var(--lg); box-shadow: 1px 2px 13px 10px var(--b); } cfwto gg { height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px; } cfwt>bl { position: relative; display: grid ; padding: 22px; margin: 5px; background: var(--b1-t44); border-radius: 22px; grid-template-columns: 88px auto max-content; align-items: center; } cfwt>bl:hover { background: var(--b1); } cfwt>bl hd { display: flex; align-items: center; justify-content: start; width: auto; height: auto; } cfwt>bl hd h5 { display: grid; grid-template-columns:100%; align-items: center; margin: 9px 0; gap: 4px; } cfwt>bl bd { display: grid;} cfwt>bl ft { display: grid;} cfwt>bl h4 { font-size: 12px; display: block; font-weight: 500; } cfwt>bl dv { display: flex; text-align: end; gap: 7px; } cfwt>bl h6 { font-size: 13px; color: var(--ct); font-weight: 500; } cfwt>bl i { margin: auto; } cccc { text-align: center; position: absolute; bottom: 13px; left: 50px; } cfwt>bl ft dv { justify-content: end; }cbeo bl{ display: grid; grid-template-columns: auto auto; align-items: center; background: var(--b); padding: 77px 0px; } cbeo hd { display: grid; } cbeo hd h3 { font-size: 28px; font-weight: 600; line-height: 36px; color: var(--a); } cbeo hd h2 { font-size: 56px; font-weight: 600; line-height: 72px; margin: 22px 0; } cbeo hd h4 { font-size: 28px; font-weight: 600; line-height: 36px; margin-bottom: 22px; } cbeo hd btn { display: flex; margin-top: 22px; } cbeo hd btn t { padding: 11px 28px; background: var(--a); border-radius: var(--br1); font-size: 16px; font-weight: 500; } cbeo bd i { width: 588px; height: 488px; } cbeo bd i img { filter: hue-rotate(180deg); } @media only screen and (max-width: 999px) { cbeo { padding: 0 11px; grid-template-columns: unset; padding-top: 22%; } cbeo hd h3 { font-size: 20px; text-align: center; } cbeo hd h2 { font-size: 32px; line-height: 40px; text-align: center; margin: 16px 0; } cbeo hd h4 { font-size: 20px; text-align: center; } cbeo bd { grid-row-start: 1; } cbeo bd i { width: 398px; height: 330px; margin: auto; } cbeo hd btn t { width: 100%; text-align: center; } cbeo { display: flex ; flex-direction: column-reverse; } cbeo hd { margin:0 7px; } } /*Futures*/ cfrs btn.this { background: var(--a); color: var(--c); } cfrs i { height: 100%; width: 22%; margin: 2px 5px; } cfrs btn.btn { display: flex ; padding: 5px 4px; border-radius: 11px; align-items: center;border: 1px solid var(--b-t22); } cfrs btns { display: grid ; align-items: center; grid-template-columns: auto auto; padding: 11px 0; gap: 15px; justify-content: unset; } cfrs bl { background: var(--b1); padding: 16px; border-radius: 11px; position: relative; z-index: 0; } cfrs div d { display: flex ; justify-content: space-between; } cfrs d p { border-bottom: dotted 0.1px; margin: 0px; color: var(--ct); width: fit-content; } cfrs bd h5 { border-bottom: dotted 0.1px; } cfrs dt>h4 { display: flex ; align-items: center; } cfrs ft dt i { width: 10%; } cfrs i { height: 100%; width: 9%; } cfrs hd dt i { transform: rotate(180deg); } cfrs dt>h2 { display: flex ; align-items: center; justify-content: space-between; } cfrs dt>h6 { display: flex ; align-items: center; justify-content: space-between; } fchw sidebar ft b1 h1 p { width: 40px; display: flex; background: var(--b1); padding: 7px 12px; border-radius: 11px; justify-content: center; } fchw sidebar ft b1 h2 p { display: flex; background: var(--b1); padding: 2px 9px; border-radius: 11px; justify-content: center; transform: rotate(180deg); } fchw sidebar ft b1 h2 { font-weight: 100; font-size: 12px; padding-top: 13px; display: flex; align-items: center; gap: 12px; } fchw sidebar divtop { grid-template-columns: 24% 24% 24% 13%; opacity:0.5; padding: 0; display: grid; } fchw sidebar ft botton {background:var(--a);width: 30%; display: flex; justify-content: center; padding:8px;border-radius: 11px; } fchw sidebar ft b1 h1 { font-weight: 100; font-size: 12px; padding-bottom: 9px; display: flex; align-items: center; gap: 12px; } fchw sidebar grid bd {padding:14px 0px;display:grid;grid-template-columns:40% 44%; row-gap:34px;column-gap: 62px; } fchw sidebar bd b2 h1 { font-size: 12px; } fchw sidebar grid bd { padding: 14px 0px; } fchw sidebar grid bd h1 { font-size: 12px; font-weight: 100; color: var(--ct); margin-block: 3px; } fchw sidebar grid bd b1 { font-size: 9px; display: block; } fchw sidebar grid bd b2 { font-size: 9px; display: block; } fchw sidebar grid bd b3 { font-size: 9px; display: block; } fchw sidebar grid bd b4 { font-size: 9px; display: block; } fchw sidebar d.sidebar { height: auto; border-bottom: 1px solid var(--b1); } fchw sidebar bl bl4 h1 p svg { fill: var(--ct); transform: rotate(180deg); } fchw sidebar bl bl4 h1 { font-size: 13px; font-weight: 100; display: grid; grid-template-columns: 68% 4%; align-items: center; } fchw sidebar grid bl bl3 h1 { font-size: 13px; font-weight: 100; color: var(--ct); } fchw sidebar bl bl2 h1 p { font-size: 12px; font-weight: 100; margin: 0; } fchw sidebar bl bl2 h1 { display: flex; align-items: center; font-size: 12px; gap: 11px; margin-block: 8px; font-weight: 100;} fchw sidebar grid bl h3 { display: grid; grid-template-columns: 28% 6%; align-items: center; font-size: 12px; } fchw sidebar hd bl1 h3 { font-weight: 100;} fchw sidebar grid bl bl1 { display: grid; grid-template-columns: 91% 5%; } fchw sidebar divtop { grid-template-columns:24% 21% 31% 7%; opacity: 1; padding: 0; display: grid; gap: 18px; color: var(--ct); } fchw sidebar divtop optin h4 { font-size: 14px; font-weight: 100; } transactions assets trc hd h5 { display: flex; gap: 11px; font-size: 15px; } fchw assets trc hd h5>i>img { height: 22px; width: 22px; } fchw assets trc hd h5>i { height: 33px; width: 33px; } fchw btns btn.btn { display: flex ; padding: 5px 4px; border-radius: 11px; align-items: center;border: 1px solid var(--b-t22); } cfgfo { z-index: 999; position: sticky; bottom: -92px; background: var(--b); padding: 11px; } cfgfo btn { background: var(--a); border-radius: 6px; padding: 11px 22px; width: 99%; display: flex; place-content: center; margin: 11px 22px; } cfgfo hd { display: flex; align-items: flex-end; gap: 1%; margin: 6px; color: var(--c); } cfgfo bd { display: flex ; place-content: center; } cfgfo hd h6 { font-weight: 100; } /* Component : FuturesGridPerpetual */ cpts hd { display: flex; justify-content: space-between; align-items: center; } cpts bd { display: flex; gap: 1%; margin: 11px 0;} cpts svg { display: unset !important; } cpts h5 { display: grid; grid-template-columns: 22px auto; align-items: center; color: var(--b-t22); } cpts svg { fill: var(--b-t22); } cpts btn { display: block; background: var(--b1-t); color: var(--b-t22); padding: 6px 11px; border-radius: 6px; } /* Component : FuturesGridQR */ cfgqo>bl { margin: 11px; display: block; background: var(--b-t); border-radius: 11px; padding: 11px; } cfgqo>bl hd>i { width: 100%; height: auto; display: block; } cfgqo>bl bd>d { width: auto; height: 250px; margin: auto; } cfgqo>bl ft>p { width: 100%; display: block; overflow: hidden; margin: auto; text-align: center; overflow-wrap: anywhere; opacity: 0.66; font-size: 0.77em; } cfst wl bl.Ftrading { grid-template-columns: 14% 69% 11%; display: grid; gap: 2%; padding: 11px; margin: 0 7px; background: var(--b1); align-items: center; } cfst wl bl.Ftrading ftrdng { padding: 11px 0; border-radius: 11px; } cfst wl bl.Ftrading ftrdng bd { padding: 11px 0; display: grid; grid-template-columns: 100%; justify-content: center; align-items: center; } cfst bl{background: transparent;padding: 0;} cfst bd{padding: unset;} cfst bd>i{height: 33px;width: 33px;background: var(--a);border-radius: 50%;} cfst bd t{height: 33px;width: 33px; border-radius: 50%;} cfst a{position: relative;} cfst bd>i:nth-child(1) { background: var(--t); } cfst { display: flex ; width: auto; background: var(--b1-t44); border-radius: 18px; padding: 18px; margin-top: 18px; } /*Futures_Crypto.css*/ afco>bl { display: block; max-width: 1200px; margin: 22px auto; padding: 22px 0px;} afco>bl>hd { display: flex ; justify-content: center;margin: 22px 0px; } afco hd h3 { font-size: 2em; font-weight: bold;text-align: center; } afco bd btns { display: flex ; justify-content: center;padding: 22px 0px; } afco bd btn { background: var(--a); border-radius: 7px; color: var(--c); padding: 7px 11px; text-align: center; font-size: 0.88em; font-weight: 500; align-content: center; margin: var(--br1); } afco bd btn:nth-child(2) { background: var(--bc);} afco>bl>ft { border-top: 1px solid var(--bc); display: grid ; margin: var(--br) 0px; padding: var(--br) 0px; } afco ft>d { display: flex ; align-items: center; justify-content: space-between; } afco a>t { color: var(--a); font-size: 0.88em; font-weight: 500; } afco ft d>p { font-weight: 400; opacity: 0.6; } @media (max-width: 999px) { afco>bl { margin: 11px ; } afco hd h3 { font-size: 1.5em; } afco ft>d { display: block; text-align: center; } } /*Futures_Trading.css*/ afto>bl { border: 1px solid var(--b1); border-radius: var(--br); padding: var(--br); margin: 7px 0px; } afto>bl>hd { margin: 11px 0px; padding: 0;} afto hd i { width: 44px; height: 44px; } afto h3>btn { background: var(--a); border-radius: 5px; font-size: 0.66em; padding: 2px 7px; margin-left: 7px; font-weight: 400; } afto h3>btn:after { content: ''; display: block; width: 8px; height: 8px; background: var(--a); position: absolute; top: 0; left: -3px; bottom: 0; margin: auto; rotate: 42deg; } afto ft btn { cursor: pointer; padding: 7px; border-radius: 7px; font-size: 0.99em; font-weight: 400; background: var(--lg); } afto bd>h3 { font-size: 1.2em; font-weight: 500; align-items: center; display: flex ;} afto bd>p { font-size: 0.88em; font-weight: 400; color: var(--b-t44); } afto ft { display: flex ; } afto>bl:hover { transform: translate(0, -11px); transition: 555ms; } /*Futures_Markets.css*/ afms>bl { display: block; margin: 22px auto; max-width: 1200px;} afms hd { display: flex ; align-items: center; justify-content: space-between;margin: 22px 0px; padding: 22px 0px;} afms hd h3 { font-size: 2em; font-weight: bold;margin: 11px 0px; } afms hd btn {cursor: pointer; padding: 7px 11px; border-radius: 7px; font-size: 0.99em; font-weight: 400; background: var(--bc);} afms hd btn:nth-child(1) { background: var(--a); margin-right: 11px;} afms>bl>bd { display: grid ; grid-template-columns: auto auto auto;column-gap: 11px;} @media (max-width: 999px) { afms hd { display: grid ; } afms>bl { margin: 11px;} afms hd h3 { font-size: 1.5em; } afms>bl>bd { grid-template-columns: auto ; gap: 0;} } /*Futures_Mover.css*/ afmo>bl { border: 1px solid var(--bc); border-radius: var(--br); padding: var(--br1); } afmo>bl>hd { display: grid ; grid-template-columns: 60px auto; align-items: center;margin: 11px;} afmo hd>i { opacity: 0.6; } afmo>bl h3 { font-size: 1em; font-weight: 500; opacity: 0.7; } afmo hd p { margin: 0; font-size: 0.99em; font-weight: 400; } afmo tbody { width: 100%; display: table; } afmo table tr { height: auto; border-radius: 11px; display: table-row; grid-template-columns: auto auto auto; justify-content: space-between; } afmo tbody tr td:nth-child(1) { text-align: left; } afmo td t.up { color: var(---gn); } afmo t.down { color: var(---rd); } afmo table th, afmo table td { height: auto; padding: 4px 11px; text-align: center; font-size: 14px; opacity: 0.7; font-weight: 500; } afmo table th:nth-child(1) { text-align: left; } afmo table tr:nth-child(1) th { font-size: 12px; font-weight: 400; } afmo td>t:nth-child(2) { font-size: 12px; font-weight: 400; } @media (max-width: 999px) { afmo>bl { min-width:-webkit-fill-available;; } afmo{ display: none; } bfms.usdo afmo:nth-child(1) { display: block; } bfms.coin afmo:nth-child(2) { display: block; } bfms.options afmo:nth-child(3) { display: block; } } /*Futures_Movers.css*/ bfms>bl { max-width: 1200px; margin: 22px auto; padding: 22px 0px;} bfms>bl>hd>h3 { font-size: 2em; font-weight: bold; margin: 22px 0px;padding: 22px 0px; } bfms hd>btns { display: none ; margin: 22px 0px;} bfms btns>btn { font-size: 0.77em; font-weight: 400; background: var(--bc); margin-right: 7px; border-radius: 4px; padding: 2px 7px; } bfms>bl>bd { display: grid ; grid-template-columns: auto auto auto; column-gap: 11px;} bfms.usdo hd btn:nth-child(1) { background: var(--a); } bfms.coin hd btn:nth-child(2) { background: var(--a); }bfms.usdo hd btn:nth-child(1) { background: var(--a); } bfms.options hd btn:nth-child(3) { background: var(--a); } @media (max-width: 999px) { bfms>bl>bd { grid-template-columns: auto ; } bfms>bl>hd>h3 { font-size: 1.5em; } bfms>bl { margin: 11px ;} bfms hd>btns { display: flex ; } } /*Futures_Overview.css*/ cfow { display: grid ;max-width: 1200px; margin: 22px auto;padding: 22px 0px; } cfow>bl { display: grid ; grid-template-columns: 58% auto; align-items: center; } cfow hd h3 { font-size: 2em; font-weight: bold; margin: 22px 0px;} cfow hd d { display: flex ; align-items: center; font-size: 0.94em; } cfow hd share { border-left: 1px solid var(---gry); font-weight: 400; color: var(--a); padding: 0px 11px; display: grid ; align-items: center; white-space: nowrap; grid-template-columns: auto 33px; } cfow share>i { width: 20px; height: 20px; margin-left: 7px; } cfow hd svg { fill: var(--a); } cfow hd date { padding-right: 5px; font-weight: 400; } cfow hd time { padding-right: 11px; font-weight: 400; letter-spacing: 1px; } cfow hd p { font-size: 0.88em; font-weight: 400; color: var(---gry); letter-spacing: 1px; } cfow hd btn { cursor: pointer; padding: 7px; border-radius: 7px; font-size: 0.99em; font-weight: 400; background: var(--a); } cfow bd>i { width: 100%; height: auto; } cfow bd img { border-radius: 11px; } @media (max-width: 999px) { cfow>bl { display: flex ; flex-wrap: wrap-reverse; margin: 11px; } cfow hd h3 { font-size: 1.5em; } } /*Futures_Portfolio.css*/ afpo>bl { display: grid ;align-items: center; grid-template-columns: auto auto; margin: 22px auto; max-width: 1200px;column-gap: 24px; padding: 22px 0px;} afpo hd>h3 { display: none; } afpo hd>i { height: 100%; width: 100%;filter: grayscale(1); } afpo hd>h3 { margin: 22px 0px; font-size: 1.2em; font-weight: 500; } afpo bd>h3 { display: flex ; font-size: 1.2em; font-weight: 500; } afpo bd>p { font-size: 0.88em; font-weight: 400;margin: 22px 0px; color: var(--b-t44);} afpo bd>btn { cursor: pointer; padding: 7px; border-radius: 7px; font-size: 0.99em; font-weight: 400; background: var(--a); } @media (max-width: 999px) { afpo bd>p { font-size: 12px; } afpo>bl { margin: 11px ; grid-template-columns: auto;} afpo hd>h3 { display: flex; } afpo bd>h3 { display: none; } } /*Futures_Portfolios.css*/ afps>bl { display: block; max-width: 1200px; margin: 22px auto; padding: 22px 0px;} afps>bl>hd { padding: 22px 0px;display: flex ; align-items: center; justify-content: space-between; } afps hd>a { display: grid ; grid-template-columns: auto 40px; align-items: center;} afps hd i { width: 35px; height: 25px; color: var(--a); } afps hd t { white-space: nowrap; font-size: 0.88em; font-weight: 500; color: var(--a); } afps hd>h3 { font-size: 2em; font-weight: bold; } afps>bl>bd { display: block ;overflow: hidden; } afps>bl d { display: flex ;flex-direction: row;transition: 333ms; } afps bd dot { width: 10px; height: 3px; background: var(--bc); margin: 0px 2px; } afps dot.slide { background: var(--c); } afps .active { color: unset; } afps bd lin { display: flex ; align-items: center; justify-content: center; margin: 11px; } sfts afps ctdos { max-width: 366px; width: 100%; min-width: 366px; margin-left: 7px;} @media (max-width: 999px) { sfts afps ctdos { min-width: -webkit-fill-available; } afps hd>a { grid-template-columns: auto ; } afps>bl { margin: 11px ; } afps hd>h3 { font-size: 1.5em; } afps hd t { display: none; } } /*FuturesTrade.css*/ afts { display: grid ; background-image: url("/-Apps/Exchange/asset/0Banner.png");padding: 22px 0px; background-repeat: no-repeat; background-size: cover;padding: 22px 0px;} afts>bl { max-width: 1200px; margin: auto;width: 100%; } afts hd span { font-weight: bold; } afts h2 { font-size: 2em; padding: 22px 0px;} afts ft>div { display: grid ;grid-template-columns: auto auto auto auto auto; justify-content: space-between; padding-top: 22px; } afts div>span { display: grid ; margin: 11px 0px; } afts btns { display: flex ; column-gap: 11px; margin: 22px 0px; } afts btn { cursor: pointer; padding: 7px 11px; border-radius: 7px; font-size: 0.99em; font-weight: 400;background: var(--bc);} afts btn:nth-child(1) { background: var(--a); } afts currency , afts div t{ font-size: 0.94em; font-weight: 400;margin: 4px 0px; } afts ft bal { font-size: 1.1em; font-weight: 600; } afts ft aa { color: var(---gr);font-size: 0.94em; font-weight: 400; } @media (max-width: 999px) { afts h2 { font-size: 1.5em; } afts>bl { margin: 11px; } afts ft>div { grid-template-columns: 45% auto; justify-content: start; } afts div>span:last-child { display: none; } } /*Futures_Value.css*/ afvo>bl { display: grid ; grid-template-columns: 90px auto; align-items: center; margin: 7px 0px; padding: 11px 0px; } afvo hd>i { width: 60px; height: 60px; margin: 7px;} afvo bd h3 { font-size: 1em; font-weight: 500; letter-spacing: 1px; margin: 11px 0px;} afvo bd p { margin: 5px 0px; font-size:14px; font-weight: 400; color: var(--b-t44);line-height: 22px;} afvo bd a { font-size: 0.88em; color: var(--a); font-weight: 500;margin-left: 5px;line-height: 22px; } afvo bd t { color: var(--a); } @media (max-width: 999px) { afvo bd>p { font-size: 12px; } afvo>bl { grid-template-columns: auto;gap: 16px; } } /*Futures_Values*/ afvs>bl { display: block; max-width: 1200px; margin: auto;padding: 22px 0px; } afvs hd h3 { font-size: 2em; font-weight: bold; margin: 22px 0px; padding: 22px 0px;} afvs>bl>bd{ display: grid ; grid-template-columns: auto auto; gap: 40px; } @media (max-width: 999px) { afvs hd h3 { font-size: 1.5em; } afvs>bl{ margin:11px; } afvs>bl>bd { grid-template-columns: auto;gap:0px; } }cgds { padding-top: 44px; display: block; } cgds>bl>hd d { display: flex ; justify-content: space-between; align-items: center; } cgds>bl>hd i { height: 25px; width: 25px; transform: rotate(270deg); } cgds>bl>hd btn { display: flex ; opacity: 0.5; align-items: center; font-weight: 200; } cgds>bl>hd p { color: var(---gry); } @media only screen and (max-width: 999px) { cgds { padding: var(--br1); } cgds>bl>hd p { display: none; } } /*Guidance*/ cgdn>ft div { display: grid; grid-template-columns: 25px auto 36px; align-items: center; padding-block: 22px; } cgdn>bd { display: flex; flex-direction: column; justify-content: center; text-align: center; } cgdn>bd i { margin: auto; width: 100px; height: 100px; } cgdn { display: block; padding: 22px; background: var(--b-t); border-radius: 11px; margin: 11px; } cgdn ft i { width: 100%; height: 100%; } cgdn ft {margin-top: 31px; display: grid ;grid-template-columns: 24px auto 18px; gap: 12px;} cgdn bd i { display: block; width: 88px; height: 84px; margin: auto; filter: grayscale(1); opacity: 0.5; } cgdn bd t:nth-child(1) {text-align: center;} cgdn bd t:nth-child(3) { opacity: 0.44; } cgdn ft i:nth-child(3){rotate: 180deg;} cgdn bd {display: grid; gap: 8px;} chbc>bl { display: flex; justify-content: space-between; padding: 11px; border-bottom: solid 1px var(--b1); } chbc>bl hd>mg { display: grid ; grid-template-columns: auto auto auto; gap: 34px; } chbc mg>a { border-bottom: 1px solid transparent; padding-bottom: 7px; display: block; font-size: 14px; } chbc ft { display: flex ; gap: 16px; height: fit-content; } chbc>bl dv { display: flex ; justify-content: end; align-items: center; gap: 4px; height: fit-content; position: relative; } chbc>bl dv>a { font-weight: 400; height: 30px; align-items: center; display: grid ; } chbc>bl dv t { display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 300; } chbc>bl dv t i { width: 12px; height: 12px; transform: rotate( 270deg); } chbc>bl dv>a i { width: 22px; } chbc mg>a.active { border-bottom: 1px solid var(--a); color: var(--c); } @media (max-width: 999px) { chbc ft { display: none; } chbc hd span { display: flex ; gap: 11px; } }cchho bl{ display: grid; margin-top: 4%;padding: 20px;} scso header { display: block; max-width: 1368px; position: relative; margin: auto; } cchho bd svg { fill: none; } cchho hd btn { background-color: var(--b1); border-radius: 8px; text-align: center; flex: none; padding-top: 8px; padding-bottom: 8px; padding-left: 16px; padding-right: 16px; font-size: 14px;} cchho btns>btn:nth-child(2) { background: var(--a); } app#Exchange.About cchho btns>btn:nth-child(2), app#Exchange.Press cchho btns>btn:nth-child(2), app#Exchange.Community cchho btns>btn:nth-child(2) {background: var(--b1); } app#Exchange.About cchho btns>btn:nth-child(1) {background: var(--a); } app#Exchange.Press cchho btns>btn:nth-child(3){background: var(--a);} app#Exchange.Community cchho btns>btn:nth-child(4){background: var(--a);} @media only screen and (min-width: 999px) { cchho {padding: 20px;} cchho bd { display: grid; grid-template-columns: auto auto;padding-left: 1%; align-items: center;} cchho bd t h2{ font-size: 44px; font-weight: 600; } cchho bd t p { font-size: 19px; opacity: .7;margin-bottom: 8%; } cchho bd btn { background-color: var(--a); padding: 13px 24px; border-radius: 10px; font-size: 16px; } cchho bd i { display: flex; margin-left: 20%; } cchho hd btns{ display: flex ; gap: 15px; } } @media only screen and (max-width: 999px) { cchho hd btns{ display: flex ;gap: 14px;} cchho bd { display: block; } cchho bd span { display: grid; padding: 13px; } cchho bd t h2 { font-size: 24px; font-weight: 600; display: flex; } cchho bd t p { font-size: 15px; opacity: .7; margin-bottom: 4%; display: flex; justify-content: center; } cchho bd btn { background-color: var(--a); padding: 8px 23px; border-radius: 8px; font-size: 18px; justify-content: center; display: flex; } cchho bd i { display: flex; width: 100%; height: 73%; } } cfffd div { display: grid; grid-template-columns: auto auto; justify-content: space-around; padding: 11px; padding-bottom: 0; } /* Component : Header_Header4 */ chdn bd gg { height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 15% 85%; } chdn bd back { font-family: monospace; font-size: 1.23em; display: flex ; justify-content: center; align-items: center; width: fit-content; } chdn bd i { width: 33px; height: 33px; margin: auto; } chdn bd gg>d { display: grid ; grid-template-columns: auto 133px; height: 75%; padding: 0; margin: 0; } chdn bd img { height: 20px; width: 20px; filter: invert(1); } chdn bd input { opacity: 0; } chdn bd bc { display: grid ; grid-template-columns: 40% auto; } chdn bd bc img { height: 25px; width: 25px; filter: invert(1); } mher>bl { display: grid; grid-template-columns: 33px auto 22px; align-items: center; padding: 11px; padding-top: 7px; border-bottom: solid 1px var(--b1t); } mher>bl btn { display: grid; align-items: center; justify-content: center; transform: rotate(270deg); height: 22px; width: 22px; } mher>bl btn:active { transform: rotate(90deg);} mher hd { display: grid; justify-content: center; align-items: center; height: 22px; width: 22px; } mher i { height: 100%; width: 100%; } @media only screen and (max-width: 999px) { .smenu_opan mher>bl btn { transform: rotate( 90deg); } #Exchange.smenu_opan screen#Dashboard { overflow: hidden; } dshb .sl1 smenu { display: block; position: absolute; z-index: 999999; background: var(--b); width: 100%; top: 120px; height: 0%;overflow: hidden; transition: 333ms; } .smenu_opan dshb .sl1 smenu {height: calc(-177px + 100vh); overflow: scroll;scrollbar-width: thin;} } chlns bl { background: transparent; padding: unset; margin: 0; } chlns bd { overflow: scroll; padding: unset; } chlns bd mg { height: 55px; margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex; flex-direction: row; overflow: scroll; }chpc .fakeemail { display: grid; grid-template-columns: auto 70px; border: solid 1px var(--b-t22); border-radius: 11px; padding: 11px; } chpc .fakeemail label { font-size: 1.3em; margin: 11px 11px;} chpc .fakeemail>bd i { margin-top: 22px; border-radius: 22px; overflow: hidden; height: 55px; width: 55px; } chpc .progress-dots { display: flex; justify-content: center; margin-top: 10px; } chpc hd>t:nth-child(2) { color: var(--a); } chpc hd>h2 { opacity: 2.77; display: block; font-size: 1.3em; margin: 27px 4px; font-family: var(--ff); } chpc>bl>hd { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; } chpc .dot { height: 8px; width: 8px; margin: 0 4px; background-color: #bbb; border-radius: 50%; display: inline-block; } chpc .dot.active { background-color: var(--a); } chpc .fakeemail ft { display: grid; grid-column-end: 3; grid-column-start: 1; } chpc qs { display: grid; grid-template-columns: auto 0px 44px; justify-content: space-between; padding: 1; margin: 22px 2px; border-radius: 0px; } chpc .fakeemail p { font-size: 14.3px; font-family: var(--ff); font-weight: 500; } chpc ft t { overflow: hidden; white-space: pre-wrap; text-overflow: ellipsis; } chpc { margin: 11px; display: block; } chpc bl{ display: block; } chpc ft i { height: 89%; }chci .row { padding: 5px; display: grid; grid-template-rows: auto auto; gap: 10px; } chci .vien { display: grid; grid-template-columns: 48% 48%; gap: 11px; } chci .vien actvmo { display: grid; grid-template-rows: 122px auto; height: 100%; position: relative; width: 100%; max-width: 210px; max-height: 225px; } chci .vien actvmo actv { border-radius: 8px 8px 0px 0px; overflow: hidden; } chci actvmo act { display: grid; grid-template-rows: auto; background: var(--b1); border-radius: 0px 0px 8px 8px; } chci actvmo act b { font-size: 12px; font-weight: 100; letter-spacing: .8; margin: 2px 11px; text-align: justify; } chci label { font-size: 1.2em; margin: 27px 4px; display: block; opacity: 1; font-family: var(--ff); } chphr d aa { display: flex ; align-items: center; text-align: center; width: 100%; font-size: 1.8em; padding: 0px 24px;font-family: var(--ff); } chphr d t { font-size: 14px; padding: 0px 24px; opacity: 0.8; } chphr bd>bd { display: block; padding: 28px 46px; } chphr div>a { font-size: 1em; margin: 11px; letter-spacing: 0.5;font-family: var(--ff); } chphr hd op {padding: 2px 8px; margin: 6px; display: flex; height: 35px; } chphr hd gg { grid-template-columns: 55px 33px auto 0px 20%; } chphr hd aa{display: grid;justify-content: center;align-items: center;grid-template-columns: auto 26px;} chphr .trading_zone cppoz { bottom: 73px; box-shadow: 0 -11px 33px var(--b); border-top-right-radius: 22px; border-top-left-radius: 22px; display: block; opacity: 1; padding: 11px; border: solid 2px var(--b-t22); } chphr d aa { display: flex; align-items: center; text-align: center; width: 100%; font-size: 1.8em; padding: 0px 24px; } chphr gg { height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px; } chphr back { font-family: monospace; font-size: 1.23em; height: 100%; width: 55px; display: flex ; justify-content: center; align-items: center; } chphr bd>d { display: flex ; flex-direction: column; padding: 11px; } chphr div { display: block; padding: 28px 46px; } chic { display: grid ; position: relative; width: 100%; } chic bl { display: grid ; grid-template-rows: 123px auto 22px; height: 211px; position: relative; width: 100%; max-width: 211px; max-height: 222px; margin: 4px; border-radius: var(--br1); overflow: hidden; background: var(--b1-t); padding: 0 !important; border-radius: 12px !important; } chic video { width: 100%; height: 100%; object-fit: cover; transition: 333ms;} chic video:hover { transform: scale(1.1); } chic bd>t { font-size: 0.77em; line-height: 1.3em; display: block; font-weight: 400; overflow: hidden; max-height: 38px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; padding: 11px 5px; } chic ft>d { display: block; height: 6px; width: 6px; border-radius: 50%; background: var(--lg-b); margin: 4px; } chic hd>i { height: 100%; width: 100%; } chic ft>d:nth-child(2) { background: var(--b-t44); } chic ft>d:last-child { background: var(--lg-b); filter: hue-rotate(168deg); } chic ft { display: flex ; padding: 0 11px; opacity: 0.4; } @media screen and (max-width: 999px) { chic>bl{ max-height: unset; height: unset; width: unset; max-width: unset; } } chfe bl { display: grid; grid-template-columns: auto 70px; border: solid 1px var(--b-t22); border-radius: 11px; padding: 11px; } chfe label { font-size: 1.3em; margin: 11px 11px;margin: 11px 11px;} chfe bd i { margin-top: 22px; border-radius: 22px; overflow: hidden; height: 55px; width: 55px; } chfe ft { display: grid; grid-column-end: 3; grid-column-start: 1; } chfe p { font-size: 14.3px; font-family: var(--ff); font-weight: 500; } chda {display:none;} chda>bl>hd{display:flex;align-items:center;gap:20px;padding:10px;border-bottom:solid 1px var(--c1);} chda>bl>hd i{height:33px;width:33px;} chda>bl>hd h2{font-size:1.25rem;font-weight:400;} chda>bl>bd{padding:15px;} chda>bl>bd>p{display:block;font-size:14px;color:var(---gry);line-height:22px;margin-bottom:20px;} app.HidenAccount chda { display: block; } app.HidenAccount dsso>bl>hd { display: none; } app.HidenAccount dsso>bl>bd { display: none; }/*HomeFavourite*/ cfro hd btn { font-size: 14px; padding: 2px 12px; border-radius: 6px; background: var(--b1); display: flex; width: fit-content; align-items: center; } cfro bd tx{ flex-wrap: wrap; display: flex; justify-content: space-between; } cfro bd dv { padding-right: 1rem; padding-bottom: 12px; padding-top: 12px; justify-content: flex-start; align-items: center; display: flex; width: 22%; font-size: 12px; color: var(--b-t44); } cfro bd dv i { width: 18px; height: 18px; } cfro bd dv:nth-child(2), cfro bd dv:nth-child(3), cfro bd dv:nth-child(4) { justify-content: flex-end; } cfro bd div { margin-bottom: 40px; margin-top: 40px; flex-direction: column; display: flex; align-items: center; } cfro bd div i { font-size: 72px; height: 1em; width: 1em; } cfro bd span { opacity: .7; font-size: 14px; font-weight: 400; } /* Component : HomeFeaturedIn */ cwscd > bl { display: block; text-align: center; background: var(--b1-t44); border-radius: var(--br); overflow: hidden; margin: 11px 0px; padding-top: 64px; padding-bottom: 64px; } cwscd>bl div { display: flex; margin: 0; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; align-items: center; } cwscd>bl div>d { display: flex ; width: 122px; height: 66px; align-items: center; flex: none; } cwscd>bl div>d i { height: 85%; width: 85%; } cwscd hd h4 { font-size: 40px; font-weight: 600; line-height: 48px; margin-bottom: 40px; } cwscd>bl bd { display: block; border-radius: 15px; overflow: hidden; } cwscd>bl div>d>i svg:hover { opacity: 42%; } cwscd>bl bd>div { display: none; flex-shrink: 0; align-items: center; animation: slide-left 20s linear infinite; } cwscd > bl hd > btn { background: var(--lg-b); display: grid; grid-template-columns: auto 33px; justify-content: center; align-items: center; border-radius: 8px; position: relative; font-weight: 500; font-size: 15px; margin: 22px auto; width: fit-content; padding: 12px 14px; gap: 4px; } cwscd>bl bd>div:hover { animation: unset; } @media (max-width : 999px) { cwsnh>bl bd>div { margin: 0; margin-bottom: 7px; } } @keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } /* COmponent : HomeHoldings */ chold>bl { display: grid ; grid-template-columns: auto auto 77px; align-items: center; padding: var(--p); background: var(--b1-t); border-radius: 11px; position: relative; margin-bottom: 7px; } chold>bl>bd { display: block; text-align: end; padding: 0 11px; } chold>bl hd>h2 { display: inline-flex ; } chold>bl hd>h2>d { font-size: 0.77em; margin: auto 0; font-weight: 400; color: var(--b-t44); } .chdo chds { display: block; } chds { display: none; } chds mb>p { text-align: start; margin-left: 11px; display: flex ; color: var(--b-t44); } chds>bl hd>mb { display: grid ; grid-template-columns: auto 99px 99px; margin: 11px 0; align-items: center; } chds>bl hd>mb>p:last-child { margin: auto 15px; } chds bd { height: 17rem; overflow: scroll; margin-bottom: 1rem; } chds bd table { border-collapse: collapse; } chds td span { font-size: 0.88em; font-weight: 500; } chds td {height: 25px;} chds td:nth-child(6) { border-radius: 0 11px 11px 0; } chds td:nth-child(1) { border-radius: 11px 0 0 11px; } chds bd { display: flex; flex-direction: column; } chds tr { position: relative; } chds th i { height: 10px; width: fit-content; } chds td:nth-child(4),chds th:nth-child(4) { display: none; } chds td:nth-child(1) { align-items: center; padding: 11px 8px; } chds td:nth-child(1) i { height: 20px; width: fit-content; margin-right: 10px; } chds th f { display: flex; align-items: center; font-size: 0.77em; font-weight: 500; width: 188px; opacity: 0.6; height: 25px; } chds th:nth-child(1) f { justify-content: flex-start; } chds thead tr { background: var(--b); } chds thead tr { position: sticky; top: 0; z-index: 99;} chds bd thead tr:hover { background-image: unset; } /* Component : HomeMarket */ cmtto>bl { display: block; padding: 11px; background: var(--b-t); margin: 4px; border-radius: 11px; position: relative; } cmtto>bl hd>f { display: grid ; grid-template-columns: 33px auto; align-items: center; font-weight: 500; } cmtto>bl hd>b { font-size: 0.88em; font-weight: 500; color: var(--b-t44); } cmtto>bl bd { display: block; padding: 11px 0; } cmtto>bl bd>i { width: -webkit-fill-available; } cmtto>bl a.a { position: absolute; inset: 0; z-index: 999; display: block; } /* Component : HomeMarkets */ cmtts>bl bd>d { display: grid ; grid-template-columns: 50% 50%; } cmtts>bl { display: block; padding: 15px; border-radius: var(--br); background: var(--b1-t44); margin: 7px; } /* Component : HomePortfolio */ chmoc>bl { display: block; padding: 15px; background: var(--b-t); border-radius: var(--br); margin: 4px; } chmoc>bl f { display: grid ; align-items: center; grid-template-columns: 50% 50%; } chmoc>bl f>d>p { margin: 4px; text-align: center; color: var(--b-t44); font-weight: 500; } chmoc>bl f>d>b { display: block; text-align: center; } /* Component : HomeQuick */ chqo bl { padding: 15px; overflow: hidden; display: block; border-radius: 16px; margin-top: 25px; border: solid 1px var(--b-t22); } chqo hd { display: block; font-size: .875rem; font-weight: 500; } chqo f { justify-content: space-between; } chqo btns { display: flex ; align-items: center; gap: 1rem; } chqo btn { background: var(--b-t22); padding: 6px 10px; border-radius: .2rem; font-weight: 400; font-size: 13px; display: flex; align-items: center; } chqo btn:hover { background: var(--bc); } chqo f h3 { display: flex; align-items: center; font-weight: 400; font-size: 17px; gap: 5px; } chqo f i { width: 16px; height: 16px; } chqo f path { fill: var(--b-t44); } chqo bd { display: flex ; flex-direction: column; gap: 4px; } chqo bd>div:nth-child(1)>span:nth-child(1) { font-size: 1.82rem; font-weight: 400; } chqo bd>div:nth-child(1)>span:nth-child(2) { font-size: 13px; font-weight: 600; color: var(--b-t44); padding-left: .25rem; bottom: 8px; position: relative; } chqo bd>div:nth-child(2) { font-size: .875rem; margin-bottom: 1rem; } chqo bd>div:nth-child(3) { display: flex ; align-items: center; font-size: .875rem; gap: .5rem; } chqo bd>div:nth-child(3)>span:nth-child(2) { color: var(--b-t44); } chqo bd>div:nth-child(3) span:nth-child(1) { display: flex; align-items: center; gap: 4px; } chqo bd>div:nth-child(3) span:nth-child(1) i { width: 15px; height: 15px; } chqo bd>div:nth-child(3) span:nth-child(1) i svg { fill: var(--b-t44); } chqo bd its { position: absolute; color: var(--c); font-size: 16px; cursor: pointer; height: max-content; z-index: 999; flex-direction: column; top: 48px; opacity: 0; display: none; padding: var(--p1); border-radius: 7px; border: solid 1px var(--bc); margin: 11px 7px; background: var(--b1); gap: 9px; top: 29%; left: 7%; min-width: 85px; border-radius: 16px; margin-top: 0; } chqo bl { position: relative; overflow: unset; } chqo bd span.crcnx:hover its { display: flex; opacity: 1; } chqo bd>div span.crcnx:hover ~ its { display: flex; opacity: 1; } @media only screen and (max-width: 999px) { chqo f { display: grid; gap: 10px; margin-bottom: 10px; } } /*chqo { padding-left: 160px; padding-right: 160px; display:block;} @media screen and (max-width: 1360px) { chqo{ padding-left: 24px; padding-right: 24px; } }*/ /* Component : HomeQuickAction */ hqao>bl bd { display: flex ; flex-direction: column; } hqao>bl bd>f { grid-template-columns: 25% 25% 25% 25%; margin: 7px 0; display: grid ; } hqao>bl f>a { display: block; text-align: center; margin: 0 auto; } hqao>bl f>a>i {height: 33px; width: 33px; padding: var(--p1); background-color: var(--b1); color: var(--c); cursor: pointer; border-radius: 19px; } hqao>bl { display: block; padding: 11px; } hqao>bl f>a>t { font-size: 0.88em; font-weight: 400; }ahao>bl { display: grid ; grid-template-columns: auto 50px; border: 1px solid var(--b-t22); border-radius: 16px; padding: 11px;height: 55px; margin: auto; align-items: center; } ahao bd { display: flex ; align-items: center; font-size: 0.88em; font-weight: 300; } ahao h3 { font-size: 1em; font-weight: 400; } ahao bd>i { transform: rotate(180deg); width: 13px; height: 13px; margin-left: 2px; opacity: 0.6; } ahao ft { display: none; } /* COmponent : Home_DataOverview */ chts>bl { padding: 15px; overflow: hidden; display: block; border-radius: var(--br); margin-top: 25px; border: solid 1px var(--b-t22); } chts>bl mg>tabs { display: flex; overflow-x: auto; white-space: nowrap; scroll-behavior: smooth; min-width: 100%; margin-bottom: 1rem; } chts hd mg aa>i { height: 15px; width: 15px; margin-right: 4px; } .chdo aa.chdo:hover, .chio aa.chio:hover, .cfro aa.cfro:hover, .ctgo aa.ctgo:hover, .ctlo aa.ctlo:hover, .cvuo aa.cvuo:hover, .cnlo aa.cnlo:hover, .cauo aa.cauo:hover { opacity: 1; color: var(--a1); } .chdo aa.chdo, .chio aa.chio, .cfro aa.cfro, .ctgo aa.ctgo, .ctlo aa.ctlo, .cvuo aa.cvuo, .cnlo aa.cnlo, .cauo aa.cauo { border-bottom: 1px solid; color: var(--a1); font-weight: bold; cursor: pointer; } chts hd mg aa:nth-child(4) { display: none; } chts hd mg aa:nth-child(6) { display: none; } chts hd mg aa .spopup { box-sizing: border-box; margin: 0px 0px 0px 4px; min-width: 0px; font-weight: 400; font-size: 12px; line-height: 16px; background-color: var(--a); display: inline-block; padding-left: 4px; padding-right: 4px; border-radius: 3px; position: absolute; top: 4px; right: -4px; color: var(--c); } chts hd mg aa { display: flex ; justify-content: center; align-items: center; padding: 8px 16px; position: relative; font-size: 0.88em; } chts success.bgray { font-size: 0.88em; padding: 7px var(--p); border-radius: 4px; position: relative; z-index: 99; } chdo trc { align-items: center; margin: var(--m) 0; border-radius: var(--br1); grid-template-columns: 77px auto 111px; position: relative; } chts hd div { display: flex; justify-content: space-between; align-items: center; } chts hd h3 { margin-bottom: 1rem; display: flex; font-weight: 500; font-size: 20px; padding: 0 8px; } chts hd a { font-weight: 400; display: flex; align-items: center; font-size: 14px; gap: 4px;} chts hd a i { width: 14px; height: 14px; transform: rotate( 177deg); opacity: .7;} /*chts { padding-left: 160px; padding-right: 160px; display:block;} @media screen and (max-width: 1360px) { chts{ padding-left: 24px; padding-right: 24px; } }*/ /* Component : Home_DiscoverOverview */ adow>bl { padding: 15px; overflow: hidden; display: block; border-radius: var(--br); margin: 7px; border: solid 1px var(--b-t22); } adow>bl mg>tabs { display: flex; gap: 10px; overflow-x: auto; white-space: nowrap; scroll-behavior: smooth; min-width: 100%; margin-bottom: 1rem; } .chpo chds { display: block;} adow.earn .earn { border-bottom: 1px solid var(--a); color: var(--a); } adow.copy .copy { border-bottom: 1px solid var(--a); color: var(--a); } adow hd mg aa>i { height: 15px; width: 15px; margin-right: 4px; } adow hd aa>div { visibility: hidden; width: 18px; height: 3px; background: var(--a); } adow hd mg aa { display: flex ; justify-content: center; align-items: center; padding: 8px 16px; position: relative; font-size: 0.88em; } adow hd div { display: flex; justify-content: space-between; align-items: center; } adow hd h3 { margin-bottom: 1rem; display: flex; font-weight: 500; font-size: 20px; padding: 0 8px; } adow hd a { font-weight: 400; display: flex; align-items: center; font-size: 14px; gap: 4px;} adow hd a i { width: 14px; height: 14px; transform: rotate( 177deg); opacity: .7;}aheo>bl { display: grid ; align-items: center; justify-content: space-between; grid-template-columns: auto 44px; border: 1px solid var(--b-t22);border-radius: 16px; padding: 24px; margin: 11px 0px; } aheo h3 { font-size: 1em; font-weight: 300; } aheo t { font-size: 0.88em; font-weight: 300; color: var(--a); } aheo bd i { width: 64px; height: 64px; } hsmn { display: grid; padding: 22px; padding-left: 0; } hsmn hd d, csmn bd d, csmn ft d { display: grid; align-items: center; gap: 11px; border-radius: 0px 11px 11px 0px; cursor: pointer; margin: 4px 0; } hsmn>bl d>a { display: grid; grid-template-columns: auto 1fr max-content; align-items: center; gap: 11px; padding: 11px; padding-left: 22px; cursor: pointer; font-weight: 400; color:var(--b-t77); } hsmn>bl d.this>a { color: var(--c); } hsmn>bl d.this { background: var(--b1-t); color:var(--c); } hsmn hd d h3{font-size:16px;font-weight:600;} hsmn bd d:hover{background:var(--b1);} hsmn bd d t{font-size:15px;} hsmn bd d span { background: var(--lg-b); padding: 2px 6px; border-radius: 11px; font-size: 12px; font-weight: 600; color: var(--c); } hsmn i{width:22px;height:22px;display:grid;place-items:center;} hsmn i svg path{fill:var(--b-t77);} hsmn csp { display: grid; } hsmn csp cbd { height: 0px; overflow: hidden; } hsmn>bl chd { display: grid; grid-template-columns: auto 1fr max-content; align-items: center; gap: 11px; padding: 11px; padding-left: 22px; border-radius: 11px; cursor: pointer; margin: 7px 0; font-weight: 400;color:var(--b-t77); } hsmn chd span svg { filter: unset; } hsmn csp.opan> chd span svg { transform: rotate(180deg); } hsmn csp.opan> cbd { height: auto; } hsmn .this svg path{fill:var(--c);} @media only screen and (max-width: 999px) { hsmn { padding: 0 11px; } hsmn > bl d.this { background: var(--c0); } hsmn > bl d > a { padding: 11px; border-radius: 11px; } hsmn > bl chd { margin: 4px 0; padding: 11px; } } /*Home_Profile*/ ahpo>bl { display: grid; grid-template-columns: 10% 80% 10%; align-items: center; justify-content: space-between; padding: 11px; border-radius: 11px; margin: 4px; } ahpo hd>i { width: 33px; height: 33px; border-radius: 50%; border: 1px solid var(--a); padding: 5px; } ahpo>bl:hover { background: var(--b1-t44); } ahpo { display: block; } ahpo ft btn { background: var(--b1-t44); padding: 4px 15px; border-radius: 8px; font-size: 13px; } ahpo bd p { font-size: 12px; opacity: .7; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; display: block; max-width: 372px; } ahpo bd name { font-weight: 400; font-size: 14px; } /* Image_Setting */ cimg { display: none; } cimg>bl>hd{display:flex;align-items:center;gap:20px;padding:10px;border-bottom:solid 1px var(--c1);} cimg>bl>hd i{height:33px;width:33px;cursor: pointer;} cimg>bl>hd h2{font-size:1.25rem;font-weight:400;} cimg>bl>bd{padding:15px;} cimg>bl>bd bx{display:flex;flex-direction:column;} cimg>bl>bd bx dv{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-radius:4px;} cimg>bl>bd bx dv tx{display:flex;flex-direction:column;gap:4px;max-width:80%;} cimg>bl>bd bx dv b{font-size:16px;font-weight:500;} cimg>bl>bd bx dv span{font-size:14px;line-height:22px;color:var(---gry);} /* Toggle Switch */ cimg>bl>bd bx dv input[type=checkbox]{appearance:none;width:40px;height:20px;background:var(--b1t);border-radius:20px;position:relative;cursor:pointer;transition:all .3s ease;} cimg>bl>bd bx dv input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background: var(--c);border-radius:50%;transition:all .3s ease;} cimg>bl>bd bx dv input[type=checkbox]:checked{background: var(--a);} cimg>bl>bd bx dv input[type=checkbox]:checked::before{transform:translateX(20px);} app.ImgSetting cimg { display: block; } app.ImgSetting dsso>bl>hd { display: none; } app.ImgSetting dsso>bl>bd { display: none; } /*Increase*/ aieo>bl { border-radius: var(--br); border: solid 1px var(--b1); padding: 24px; display: flex ; justify-content: space-between; align-items: center; } aieo>bl hd { display: flex ; flex-direction: column; } aieo>bl hd h2 { font-weight: 500; font-size: 18px; } aieo>bl i { height: 100%; width: 100%; } aieo>bl hd span { display: flex ; align-items: center; gap: 7px; font-size: 17px; } aieo>bl hd span p { margin: 0; color: var(---gr); letter-spacing: 2px; } aieo>bl hd h3 { margin-block: 1rem; font-weight: 200; font-size: 16px; color: var(---gry); } aieo>bl i svg { width: 100px; } aieo>bl i svg circle { fill: var(--a); } @media(max-width:999px){ aieo>bl hd h2 { font-size: 16px; } aieo>bl hd span { font-size: 14px; } } cctn { display: block; padding: 55px 0px; } cctn bl.cctn { display: block; width: 1200px; margin: auto; } cctn .cctn>hd .text { font-size: 44px; font-weight: 600; line-height: 52px; width: 646px; } cctn .cctn>hd btn { border-radius: var(--br1); background: var(--a); color: var(--c); font-weight: 500; min-width: 180px; width: 180px; min-height: 48px; height: 48px; box-shadow: 0px 0px 3px var(--a1); display: flex; align-items: center; justify-content: center; } cctn .cctn>hd>p { display: block; margin-top: 12px; line-height: 24px; opacity: 0.8; } cctn btn:hover { opacity: 0.8; } cctn .cctn>bd { display: block; margin-top: 55px; } cctn .btns btnss { display: grid; grid-template-columns: 24.6% 24.6% 24.6% 24.6%; background: var(--b); padding: 5px; border-radius: var(--br1); border: solid 2px var(--b1); gap: 6px; height: 33px; } cctn .btns btn { height: 100%; border-radius: 7px; padding: 0; margin: 0;align-items: center; display: flex; justify-content: center; } cctn .btns .this { background: var(--c1); } cctn .btns btn:hover { background: var(--c1); } cgl div.trading, cgl div.finance, cgl div.custody, cgl div.infrastructure { display: none; } cgl div d { display: grid; grid-template-rows: auto auto auto; justify-content: start; width: fit-content; padding: var(--p); border-radius: var(--br1); line-height: 30px; border: solid 2px var(--b1);} cctn cgl d div { display: flex; width: 33px; position: relative; border: solid 2px var(--b-t22); height: 33px; justify-content: center; align-items: center; border-radius: 7px; } cctn cgl div d:hover { background: var(--b1-t44); } cctn cgl div d:hover div a { opacity: 1; width: max-content; left: -2px; background: var(--b1); padding: 7px 11px; border-radius: var(--br1); } cctn cgl d div a { opacity: 0; position: absolute; } cctn cgl d>t { display: block; margin-block: 28px; } cctn.trading div.trading, cctn.finance div.finance, cctn.custody div.custody, cctn.infrastructure div.infrastructure { display: grid; grid-template-columns: 49% 49%; justify-content: center; gap: 22px; margin-top: 44px; } .trading btn.trading, .finance btn.finance, .custody btn.custody, .infrastructure btn.infrastructure { background: var(--c1); } @media only screen and (min-width: 999px) { cavn .Amplify{ font-size: 33px; font-weight: 600; line-height: 52px; } cctn bl.cctn { display: block; width: 97%; margin: auto; } cdcn { display: block; text-align: center; margin: 66px 0px; background: var(--b2); width: 100%; padding: 55px 1px; line-height: 44px; } } @media only screen and (max-width: 999px){ cctn.trading div.trading, cctn.finance div.finance, cctn.custody div.custody, cctn.infrastructure div.infrastructure{ grid-template-columns: 98%; } cctn .btns btn { padding: 0px 13px; } cctn .btns btnss { display: flex; overflow: scroll; } .cctn>hd .text { font-size: 20px; line-height: 28px; width: auto; } cctn { padding: 11px 0px; } cavn, cvpn, bl.cctn, ctln, cttn, .cdcn { margin: 11px !important; padding: 11px;width: unset; } } 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: var(--br1); margin: 4px 0; border: solid 1px #fff; margin-bottom: 11px; } BuyOne #BuyNow { 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, #5593f6, #2745ac); border-radius: var(--br1); width: 95%; margin: auto; margin-top: 11px; } BuyOne #BuyNow svg { fill: var(--c); max-height: 77%; max-width: 77%; } new plans{display: block; position: absolute; bottom: 66px; background: var(--bc); z-index: 99999999; height: 22px; padding: 11px 22px; overflow: hidden; border: solid 1px var(--b);left:1px;right:1px} new plans>*{display:none} new plans>.this{display:block} new name{font-weight:bold} new amount,new roi,new limit{font-size:7px;} new roi{font-size: 11px; font-weight: bold;} new limit{font-size: 11px; color:#00ff00;} new .basic basic{display:block} new .stater stater{display:block} new .standard standard{display:block} new .premium premium{display:block} cibo hd>h3 { display: flex ; align-items: center; } cibo hd form 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: 100%; border-radius: var(--br1); margin: 4px 0; border: solid 1px rgb(255 255 255 / 11%); margin-bottom: 11px; } cibo hd>p { margin: 0; font-size: 0.66em; text-align: center; margin-bottom: 11px; } cibo bd f { align-items: center; background: var(--c0); margin: 0 7px; border: solid 2px #fff; border-radius: 50px; box-shadow: var(--bs-b); } cibo bd wc { grid-template-columns: 50% 50%; grid-template-rows: 43px; display: grid ; } cibo ft f i { height: 33px; width: 33px; margin-right: 11px; fill: #fff; } cibo ft f 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, #5593f6, #2745ac); border-radius: var(--br1); width: 95%; margin: auto; margin-top: 11px; } cibo bl { background: var(--b-t); border-radius: 11px; padding: 11px; } /* Component : Invite_Friends */ crco mg { display: flex; padding: 11px; padding-bottom: 0; } ckad>bl{ display: grid; justify-content: center; align-items: center; background: var(--b1-t44); border-radius: 22px; padding: 22px; text-align: center; height: calc(100% - 0px); width: 53%; margin: auto; } ckad img { margin: auto; width: auto; height: 250px; } ckad btn { display: flex; padding: 11px; align-items: center; place-content: center; background: var(--lg-b); border-radius: 6px; margin: 11px auto; width: 30%; } ckad p { text-align: justify; font-size: 1rem;} ckad hd i { margin: auto; } @media screen and (max-width: 480px) { ckad { width: auto; margin: 11px; } ckad btn { width: 70%; } } 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: var(--br1); margin: 4px 0; border: solid 1px #fff; margin-bottom: 11px; } ckato #KycNow { 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: var(--br1); width: 95%; margin: auto; margin-top: 11px; } #KycNow svg { fill: var(--b); 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: var(--br1); 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%; } ckato bl {margin: 0; padding: 0; border-radius: 0; background: transparent; border: unset; } kycc d {background: var(--c0); margin: 4px; border-radius: var(--br1); overflow: hidden; border: unset;position: relative;} kyc d label{ display: block; margin: 0px;} kyc d input{width: 100%; margin: 0; height: 50px; border-radius: 0; background: var(--b1t44);padding: 7px 22px; border: unset;font-size: 0.88em;max-width: 100%;color: var(--c); font-family: var(--ff);} ckato bl hd hp { height: auto; margin: 22px 11px; color: rgb(255 255 255 / 44%); background: var(--b1t44); border-radius: var(--br1); display: flex; align-items: center; justify-content: center; overflow: hidden; word-break: break-all; padding: 11px; } ckato bl bd{min-height:199px} ckato bd kycc {background: transparent; box-shadow: unset;position: relative;display: block; } ckato bd form{position: relative;display: grid;grid-template-columns: 50% 50%;} input#K_front ,input#K_back { position: absolute; height:0;width:0;overflow:hidden;font-size:0;margin:0;padding:0; } ckato ft f{position: relative;left: 0;right: 0;top: auto;bottom: 0;height: 77px;z-index: 88888;} ckato ft aa{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;} ckato ft>f f{font-size: 16px;text-transform: uppercase;margin-top: -2px;display:none} ckato ft i {height: 33px;width: 33px;margin-right: 11px;fill: #fff;} ckato ft svg{fill: #fff;} ckato bd upld{padding: 11px;} ckato upld h6 { text-align: center;margin:auto;display:block } ckato .full{grid-column-start: 1; grid-column-end: 3;} ckato gd {display: grid ; grid-template-columns: 43px auto; align-items: center;background: var(--b1-t); padding: 6px; border-radius: 12px;} ckato bd .opacity {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 88888; opacity: 0; } new plans{display: block; position: absolute; bottom: 66px; background: var(--bc); z-index: 99999999; height: 22px; padding: 11px 22px; overflow: hidden; border: solid 1px var(--b);left:1px;right:1px} new plans>*{display:none} new plans>.this{display:block} new name{font-weight:bold} new amount,new roi,new limit{font-size:7px;} new roi{font-size: 11px; font-weight: bold;} new limit{font-size: 11px; color:#00ff00;} new .basic basic{display:block} new .stater stater{display:block} new .standard standard{display:block} new .premium premium{display:block} ckato hd h4{margin: auto; text-align: center;margin-top: 22px;} ckyo btns { display: grid; padding: 11px 0; grid-template-columns: 33.33% 33.33% 33.33%; justify-content: space-between; align-items: self-end; padding-bottom: 0; position: relative; } ckyo btns>d { position: absolute; display: block; height: 7px; border-radius: 11px; background: var(--bc); bottom: 0; left: 0; right: 0; } ckyo btns>d:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 100%; background: var(--lg-b); transition: 333ms; } ckyo btns>btn { display: grid; grid-template-columns: 23px auto; text-align: center; padding: 11px 0px; font-size: 0.77em; margin: 0 2px; justify-content: center; align-items: center; margin-bottom: 11px; } ckyo btns>btn>i { opacity: 0; transition: 333ms; } .kyc_stp_2 ckyo btns>btn>i { opacity: 1; } .kyc_stp_1 ckyo btns>btn>i.stp1 { opacity: 1; } ckyo btns>btn>i.stp3 { opacity: 0; } .kyc_stp_3 ckyo btns>btn>i { opacity: 1; } .kyc_stp_3 ckyo btns>btn>i.stp3 { opacity: 1; } .kyc_stp_1 ckyo btns>d:after { right: 85%; } .kyc_stp_2 ckyo btns>d:after { right: 50%; } .kyc_stp_3 ckyo btns>d:after { right: 0%; } ckyo h3 { display: grid; margin-bottom: 11px; font-weight: 100; font-size: 1.6em; } ckyo>bl{ display: grid; margin: auto; padding: var(--p); position: relative; padding-bottom: 11px;background: var(--b); } ckyo ckyto { display: flex; justify-content: space-between; text-align: center; font-size: 1.22em; } ckyto stp { display: flex; padding: 3.7px; background: var(--b1); border-radius: var(--br); } cktps { display: flex; justify-content: space-between; margin-top: 11px; } ckyo i.stp1 { opacity: 1; } ckyo hd h3 { font-weight: 600; } ckyo ckyto t { width: 33%; font-size: 15px; } ckyo btns>d:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 85%; background: var(--lg-b); transition: 333ms; } ckyto stp.this1 { background: var(--a); } skpo>bl{ display: grid; grid-template-columns: 100% 100% 100%; overflow: hidden; margin: 7px;} .kyc_stp_2 skpo>bl>hd { transform: translateX(-130%); } .kyc_stp_2 skpo>bl>bd { transform: translateX(-100%); } .kyc_stp_3 skpo>bl>bd { transform: translateX(-200%); } .kyc_stp_3 skpo>bl>hd { transform: translateX(-200%); } .kyc_stp_3 skpo>bl>ft { transform: translateX(-200%); } skpo>bl>ft { display: block; transition: 333ms; transform: translateX(100%); } skpo>bl>bd { display: block; transition: 333ms; transform: translateX(100%); } div#K_front { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex ; justify-content: center; align-items: center; } div#K_back { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex ; justify-content: center; align-items: center; } div#K_front img { z-index: 9999; background: var(--b);width: -webkit-fill-available; } div#K_back img { z-index: 9999; background: var(--b); width: -webkit-fill-available;} ckyto btn:nth-child(2):after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; background: red; } .kyc_stp_2 ckyto btn:nth-child(2):after {display: none; } ckads ft btn { display: grid; background: var(--a); padding: var(--p1); text-align: center; border-radius: var(--br1); margin-top: 11px; } ckads bd input { width: -webkit-fill-available; margin: 0; height: 38px; background: var(--b1t44); padding: 7px 22px; border: unset; font-size: 0.88em; max-width: 100%; color: var(--c); font-family: var(--ff); border-radius: 7px; } ckads>bl{ display: grid; padding: var(--p1); } ckads bd d { display: grid; gap: 7px; margin-top: 30px; } ckads h3 { display: grid; font-weight: 500; font-size: 1.44em; } ckads hd btns btn { background: var(--b1t44); padding: 13px 22px; border: unset; font-size: 0.88em; border-radius: var(--br1); text-align: center; } ckads>hd { display: grid; justify-content: space-between; grid-template-columns: 30% 70%; align-items: center; margin-top: 22px; } ckads hd t { color: var(--b-t44); display: grid ; grid-column: 1;} ckads hd btns { display: grid; align-items: center; grid-template-columns: 49% 49%; justify-content: space-between;margin-top: 11px; } ckads hd {display: grid ; } ckdts bd bl i { height: 55px; width: 55px; } ckdts gr gd.back i { transform: rotate(180deg); } ckdts hd btns btn { background: var(--b1t44); padding: 13px 22px; border: unset; font-size: 0.88em; border-radius: var(--br1); text-align: center; } ckdts ft btn { display: grid; background: var(--a); padding: var(--p1); text-align: center; border-radius: var(--br1); margin-top: 11px; } ckdts hd>h3 { display: grid; font-weight: 500; font-size: 1.44em; } ckdts { display: grid; padding: var(--p1); } ckdts hd btns { display: grid; grid-template-columns: 49% 49%; gap: 7px; margin: 30px 0px; } ckdts bd h3 { display: grid; font-weight: 500; font-size: 1.44em; } ckdts bd gr btn { justify-items: center; background: var(--b1t44); padding: 13px 22px; border: unset; font-size: 0.88em; border-radius: var(--br1); text-align: center; } ckdts bd gr { grid-template-columns: 49% 49%; justify-content: space-between; margin: 22px 0; } ckdts bd gd i { height: 55px; width: 55px; } ckdts bd gd { display: grid ; justify-items: center; gap: 11px; border: 2.6px dashed var(--b-t22); padding: var(--p1); margin-bottom: 22px; position: relative; text-align: center; } ckdts bd gd h2 { font-size: 0.88em; font-weight: 400; text-align: initial;} ckdts bd gd t { text-align: center; color: var(--b-t44); font-size: 0.66em; } ckdts bd gd btn { background: var(--b2); padding: 11px 16px; border: unset; font-size: 0.66em; border-radius: var(--br); text-align: center; align-items: center; display: flex ; height: max-content; } cccs>bd>bl { display: none; } cccs hd>d{margin: 10px 0;} cccs hd d a { background: var(--b1); padding: 4px 11px; border-radius: 7px; font-weight: 300;margin-right: 10px; } cccs hd h3 {font-size: 18px; font-weight: 500; margin: 21px 0;} cccs>bl { padding: 7px; max-width: 777px; } cccs mg { display: grid; grid-template-columns: 50% 50%; height: 55px;padding: 0 11px;} cccs mg btns { display: grid ; align-items: center; grid-template-columns: 50% 50%; width: 100%; } 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: 11px; 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: 400; font-size: 16px;} coins cpt { display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: 11px; position: relative; margin: 11px 0; padding: 11px; background: var(--b1-t44); } coins cpt>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); 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; flex-direction: column; justify-content: center; } coins cpt>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } .cryptos bl.cryptos { border-radius: unset; background: transparent; padding: 11px; position: relative; display: block; } .cashs bl.cashs { position: relative; transition: 333ms; padding: 11px; 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: 11px; 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 mg aa.this clncy { display: block; } cash csh { display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: 11px; position: relative; margin: 11px 0; padding: 11px; 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; color: var(--a); } clcy bl { display: grid ; grid-template-columns: 55px auto 46px; color: var(--c); border-radius: 11px; position: relative; margin: 11px 0; padding: 11px; background: var(--lg); align-items: center;} clncy {width: 100%;} clncy d h3 { margin: 22px 0; } /*LaonTransaction*/ clnto>bl{ display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: var(--br1); position: relative; margin: 11px 0; padding: 11px; background: var(--b1-t44); } clnto hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); margin: auto; display: flex; align-items: center; justify-content: center; } clnto hd img { object-fit: contain; height: 77%; width: 77%; } clnto bd { display: flex; flex-direction: column; justify-content: center; } clnto ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } clnto hd i { height: auto; width: auto; } /* Component : LatestCatch */ clco>bl { display: block; padding: var(--p1); margin: 22px 0; } clco>bl>hd { display: grid ; grid-template-columns: auto 34px; align-items: center; margin-top: 16px; } clco>bl bd>t { display: list-item; font-size: 0.88em; margin-left: 22px; margin-top: 11px; } clco>bl bd { display: grid ; grid-template-columns: auto max-content; align-items: end; } clco>bl time { color: var(--b-t44); } clco>bl>hd i { transform: rotate(180deg); height: 17px; width: 17px; opacity: .6; } clco>bl>hd { display: grid ; grid-template-columns: auto 34px; align-items: center; margin-top: 16px; } clco>bl bd { display: grid ; grid-template-columns: auto 20px; padding: 11px 0; align-items: center; } cpltn h3 { margin-bottom: 10px; font-size: 15px; } cpltn bl { margin-bottom: 20px; display: block; background: var(--b1-t44); border: solid 1px var(--c1); padding: 22px; border-radius: 22px; } cpltn bd, cpltn ft { display: flex; justify-content: space-between; margin-bottom: 10px; flex-direction: column; } cpltn t { margin: 0;font-size: 0.77em; } cpltn span { opacity: 0.6; font-size: 0.66em; margin: 11px 0; } @media screen and (min-width: 768px) { lpmu { padding-top: 64px; } lpmu trc {padding: 40px;margin-bottom: 40px; max-width: unset; } lpmu h1 { display: flex; width: 90%; max-width: calc(100vw - 79px); margin-bottom: 3%; font-size: 25px; } lpmu trc { margin: 0px 0px 64px; min-width: 0px; position: relative; padding: 24px 30px; border-radius: 16px; width: 100%; background: var(--bt); display: flex; gap: 20px; } clcm { padding: 20px; border-radius: 7px; width: 250px; background: var(--b1); } slpo clp { text-align: center; margin-bottom: 30%; display: block; } } lchpm ins:hover { color: var(--a); } lchpm button:hover { opacity: .8; } span a { margin-bottom: 4%; display: block; font-size: 13px; } span g { font-size: 13px; opacity: .7; } lchpm ft { margin-top: 9%; display: block; padding: 20px; } lchpm ins { display: flex; justify-content: center; margin-top: 5%;} lchpm t { display: flex; margin-bottom: 6%; margin-top: 3%; } lchpm button { background-color: var(--a); padding: 13px 38px; border-radius: 5px; font-size: 16px; } @media screen and (max-width: 999px) { clupm { display: grid; grid-template-rows: 20% 20% 20% 20%; justify-content: space-between; gap: 28px; padding: 5px; } lchpm bd i { width: 100%; height: 100%; } clupm span i { height: 100%; width: 13%; } lchpm bd { display: grid; grid-template-rows: 55% auto; margin-top: 13%; gap: 20px; } lchpm ft {padding: 0px; } lchpm b { font-size: 14px; line-height: 23px; display: block; font-weight: 100; opacity: .7; width: 100%; margin-bottom: 1%; } lchpm ft h1 { display: flex; width: 100%; margin-bottom: 4%; line-height: 51px; letter-spacing: 1px; font-size: 22px; } lchpm bd h1 { font-size: 24px; margin-bottom: 4%; } clupm div { display: grid; grid-template-rows: 51% 19% auto; margin-bottom: 7%; } } @media screen and (min-width: 999px) { clupm { display: grid; grid-template-columns: 20% 20% 20% 20%; justify-content: space-between; } lchpm bd { display: grid !important; grid-template-columns: 50% auto; margin-top: 13%; justify-content: space-between; } lchpm b { font-size: 15px; line-height: 23px; display: block; font-weight: 100; opacity: .7; width: 80%; margin-bottom: 1%; } lchpm h1 { display: flex; width: 60%; margin-bottom: 4%; line-height: 51px; letter-spacing: 1px; } clupm div { box-sizing: border-box; display: flex; margin-bottom: 32px; flex-direction: column; padding-left: 16px; padding-right: 16px; } clupm div i { height: 100px; width: 80px; } } @media screen and (min-width: 768px) { lpmu { padding-top: 64px; } lpmu trc {padding: 40px;margin-bottom: 40px; max-width: unset; } lpmu h1 { display: flex; width: 90%; max-width: calc(100vw - 79px); margin-bottom: 3%; font-size: 25px; } lpmu trc { margin: 0px 0px 64px; min-width: 0px; position: relative; padding: 24px 30px; border-radius: 16px; width: 100%; background: var(--bt); display: flex; gap: 20px; } clcm { padding: 20px; border-radius: 7px; width: 250px; background: var(--b1); } slpo clp { text-align: center; margin-bottom: 30%; display: block; } } .card { padding: 20px; width: 300px; display: grid; gap: 10px; } .status { background-color: var(--b1); padding: 5px 10px; border-radius: 4px; font-size: 12px; margin-bottom: 10px; display: grid; grid-template-columns: 28% auto; align-items: center; width: 30%; } lpmu clcp{ text-align: center; margin-bottom: 20px; } lpmu clco { display: grid; grid-template-columns: 20% 19%; align-items: center; } clcp h2 { font-size: 24px; margin: 0; font-weight: bold; } lpmu p { font-size: 14px; opacity: .7; display: flex; } slpo clcs { display: flex; justify-content: space-between; margin-bottom: 20px; } .total, .project { font-size: 14px; } .total strong, .project strong { display: block; font-size: 18px; margin-top: 5px; } clcu { text-align: center; } clcu span { display: flex; font-size: 14px; margin-bottom: 10px; } slpo clc { display: flex;gap: 10px; } clc span { font-size: 16px; font-weight: bold; } slpo clm { text-align: center; margin-bottom: 20px; } slpo cm { display: grid; grid-template-columns: 16% 49%; justify-content: center; align-items: center; } clm h2 { font-size: 20px; margin: 0; font-weight: bold;justify-content: unset; display: flex; } lpmu b { font-size: 14px; opacity: .7; display: flex; justify-content: center; margin-top: 6%; } clmo { box-sizing: border-box; margin: 15px; display: flex; position: relative; justify-content: center; width: 64px; height: 64px; left: 29%; border-radius: 37px; border: solid 2px var(--a1t);} clmm { font-size: 14px; opacity: .7; } ccp,cpm { display: flex; justify-content: space-between; margin-bottom: 10px; } clmm strong { font-size: 16px; } clmo svg { box-sizing: border-box; margin: 25px 0px 0px; min-width: 3px; max-width: 100%; position: absolute; bottom: -6px; left: 9px; width: 81%; height: 100%; } @media screen and (max-width: 999px) { lpmu trc { margin: 0px 0px 64px; min-width: 0px; display: flex; position: relative; padding: 24px 25px; background: var(--bt); border-radius: 16px; box-sizing: border-box; width: 100%; overflow: auto; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 20px; } lpmu h1 { display: flex; width:100%; max-width: calc(100vw - 79px); margin-bottom: 4%; font-size: 22px; } clcm { padding: 20px; border-radius: 7px; width: 322px; background: var(--b1); display: grid; gap: 25px; } clmu { display: flex; justify-content: space-between; } slpo cm { display: grid; grid-template-columns: 16% 63%;justify-content: flex-start; } clmo { box-sizing: border-box; margin: 15px; display: flex; position: relative; justify-content: center; width: 64px; height: 64px; left: 24%; border-radius: 37px; border: solid 2px var(--a1t); bottom: 15%; } } clcm:hover { top: -16px; animation: 400ms ease 0s 1 normal none running animation-1295qio; } @keyframes animation-1295qio{ 0% { top: 0px;} 100% { top: -16px;}} @media screen and (max-width: 999px) { lupm lcm { display: grid;} lcm h1 { font-size: 21px; width: 100%; } div.locked { display: flex; width: 370px; flex-wrap: wrap;margin-top: 3%;} .locked h1 { display: flex; font-size: 15px; } div.locked span { width: 50%; margin-top: 7%; } } @media screen and (min-width: 999px) { slpo lcm {display: flex; flex-direction: column; flex: 1; align-items: flex-start;margin-top: 4%; } lcm h1 { font-size: 40px; } div.locked { display: flex; width: 1200px; max-width: 100%; padding-top: 1%; } .locked h1 {display: flex; font-size: 14px; font-weight: 500; } div.locked span {width: 50%; } } lupm { margin: 0; width: 100%; } slpo lpm {display: flex; position: relative; max-width: calc(100% - 32px); flex-direction: column; margin-left: auto; margin-right: auto; padding-top: 16px; padding-bottom: 24px; } lcm bd { display: flex; font-size: 14px; margin-top: 12px; opacity: .7; } lpm ft { display: flex; width: 100%;} div.locked t {display: flex; font-size: 12px; margin-top: 4px; opacity: .7; } .hidden { display: none; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .absolute { position: absolute;} img.absolute.right-0.bottom-0.hidden.lg\:block { top: 0%; } @media (min-width: 1024px) { .lg\:block { display: block; width: 55%; height: 100%;} slpo lpm { max-width: 1200px; padding-top: 48px; padding-bottom: 48px; } lpm ft { padding-top: 40px;} .locked span {width: 25%; } } @media screen and (min-width: 768px) { slpo lpm { max-width: calc(100% - 15%); padding-top: 0px; padding-bottom:4%; } lcm bd { font-size: 17px; margin-top: 23px; } .locked h1{ font-size: 23px; font-weight: 600; } div.locked t {font-size: 16px;margin-top: 8px;} .locked span {width: 50%; } } .card { padding: 20px; width: 300px; display: grid; gap: 10px; } .status { background-color: var(--b1); padding: 5px 10px; border-radius: 4px; font-size: 12px; margin-bottom: 10px; display: grid; grid-template-columns: 28% auto; align-items: center; width: 30%; } lpmu clcp{ text-align: center; margin-bottom: 20px; } lpmu clco { display: grid; grid-template-columns: 20% 19%; align-items: center; } clcp h2 { font-size: 24px; margin: 0; font-weight: bold; } lpmu p { font-size: 14px; opacity: .7; display: flex; } slpo clcs { display: flex; justify-content: space-between; margin-bottom: 20px; } .total, .project { font-size: 14px; } .total strong, .project strong { display: block; font-size: 18px; margin-top: 5px; } clcu { text-align: center; } clcu span { display: flex; font-size: 14px; margin-bottom: 10px; } slpo clc { display: flex;gap: 10px; } clc span { font-size: 16px; font-weight: bold; } slpo clm { text-align: center; margin-bottom: 20px; } slpo cm { display: grid; grid-template-columns: 16% 49%; justify-content: center; align-items: center; } clm h2 { font-size: 20px; margin: 0; font-weight: bold;justify-content: unset; display: flex; } lpmu b { font-size: 14px; opacity: .7; display: flex; justify-content: center; margin-top: 6%; } clmo { box-sizing: border-box; margin: 15px; display: flex; position: relative; justify-content: center; width: 64px; height: 64px; left: 29%; border-radius: 37px; border: solid 2px var(--a1t);} clmm { font-size: 14px; opacity: .7; } ccp,cpm { display: flex; justify-content: space-between; margin-bottom: 10px; } clmm strong { font-size: 16px; } clmo svg { box-sizing: border-box; margin: 25px 0px 0px; min-width: 3px; max-width: 100%; position: absolute; bottom: -6px; left: 9px; width: 81%; height: 100%; } lpmu trc hd { height: auto; width: auto; } @media screen and (max-width: 999px) { lpmu trc { margin: 0px 0px 64px; min-width: 0px; display: flex; position: relative; padding: 24px 25px; background: var(--bt); border-radius: 16px; box-sizing: border-box; width: 100%; overflow: auto; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 20px; } lpmu h1 { display: flex; width:100%; max-width: calc(100vw - 79px); margin-bottom: 4%; font-size: 22px; } clcm { padding: 20px; border-radius: 7px; width: 322px; background: var(--b1); display: grid; gap: 25px; } clmu { display: flex; justify-content: space-between; } slpo cm { display: grid; grid-template-columns: 16% 63%;justify-content: flex-start; } clmo { box-sizing: border-box; margin: 15px; display: flex; position: relative; justify-content: center; width: 64px; height: 64px; left: 24%; border-radius: 37px; border: solid 2px var(--a1t); bottom: 15%; } } clcm:hover { top: -16px; animation: 400ms ease 0s 1 normal none running animation-1295qio; } @keyframes animation-1295qio{ 0% { top: 0px;} 100% { top: -16px;} } lchpm { margin: 7px; display: block; } lchpm ins:hover { color: var(--a); } lchpm button:hover { opacity: .8; } span a { margin-bottom: 4%; display: block; font-size: 13px; } span g { font-size: 13px; opacity: .7; } lchpm ft { margin-top: 9%; display: block; padding: 20px; } lchpm ins { display: flex; justify-content: center; margin-top: 5%;} lchpm t { display: flex; margin-bottom: 6%; margin-top: 3%; } lchpm button { background-color: var(--a); padding: 13px 38px; border-radius: 5px; font-size: 16px; } @media screen and (max-width: 999px) { clupm { display: grid; grid-template-rows: 20% 20% 20% 20%; justify-content: space-between; gap: 28px; padding: 5px; } lchpm bd i { width: 100%; height: 100%; } clupm span i { height: 100%; width: 13%; } lchpm bd { display: grid; grid-template-rows: 55% auto; margin-top: 13%; gap: 20px; } lchpm ft {padding: 0px; } lchpm b { font-size: 14px; line-height: 23px; display: block; font-weight: 100; opacity: .7; width: 100%; margin-bottom: 1%; } lchpm ft h1 { display: flex; width: 100%; margin-bottom: 4%; line-height: 51px; letter-spacing: 1px; font-size: 22px; } lchpm bd h1 { font-size: 24px; margin-bottom: 4%; } clupm div { display: grid; grid-template-rows: 51% 19% auto; margin-bottom: 7%; } } @media screen and (min-width: 999px) { clupm { display: grid; grid-template-columns: 20% 20% 20% 20%; justify-content: space-between; } lchpm bd { display: grid !important; grid-template-columns: 50% auto; margin-top: 13%; justify-content: space-between; } lchpm b { font-size: 15px; line-height: 23px; display: block; font-weight: 100; opacity: .7; width: 80%; margin-bottom: 1%; } lchpm h1 { display: flex; width: 60%; margin-bottom: 4%; line-height: 51px; letter-spacing: 1px; } clupm div { box-sizing: border-box; display: flex; margin-bottom: 32px; flex-direction: column; padding-left: 16px; padding-right: 16px; } clupm div i { height: 100px; width: 80px; } } clapo>bl{ padding: 20px; border-radius: 7px; width: 250px; background: var(--b1); } clapo gd { display: flex; justify-content: center; align-items: center; gap: 5px; } clapo gd i { width: 22px; height: 22px; } clapo hd h2 { font-size: 18px; font-weight: 400; margin: 0; justify-content: unset; display: flex; gap: 4px; } clapo hd f { box-sizing: border-box; display: flex; position: relative; padding: 0 7px; width: 64px; height: 64px; margin: auto; margin-top: 20px; border-radius: 37px; border: solid 2px var(--a1t); } clapo hd>f svg { box-sizing: border-box; margin: 0px 0px 4px; min-width: 25px; max-width: 100%; position: absolute; bottom: -11px; left: 4px; width: 81%; height: 100%; } clapo bd span { font-size: 14px; opacity: .7; } clapo bd f { display: flex ; justify-content: space-between; margin-bottom: 10px; } clapo hd>f>i {width: 33px; height: 45px;} clapo hd i.tp { margin-left: -14px; } clapo bd {padding: 59px 0 0px;} clapo hd b { font-weight: 200; font-size: 14px; display: flex; justify-content: center; margin-top: 8px; } clheo i { height: 100px; width: 80px; } clheo bl { box-sizing: border-box; display: flex ; margin-bottom: 32px; flex-direction: column; padding-left: 16px; padding-right: 16px; } clheo ft>t { font-size: 13px; opacity: .7; } clheo bd>t { margin-bottom: 4%; display: block; font-size: 13px; } clhes h4 { display: flex ; width: 60%; margin-bottom: 4%; line-height: 51px; letter-spacing: 1px;font-size:32px; } clhes>bl>bd { display: grid ; grid-template-columns: 20% 20% 20% 20%; justify-content: space-between; } clhes h5 { padding: 45px; font-size: 13px; font-weight: 300; } clhes { margin-top: 9%; display: block; padding: 20px; } clhes h5 span { color: var(--a); text-decoration: underline; } @media screen and (max-width: 999px) { clhes>bl>bd { grid-template-columns: unset; } clhes hd h1 { display: flex ; width: 100%; margin-bottom: 4%; line-height: 51px; letter-spacing: 1px; font-size: 22px; } } clcog bl{padding: 20px; width: 300px; display: grid ; gap: 10px;} clcog hd f { text-align: center; margin-bottom: 20px; display: grid ; grid-template-columns: 20% 19%; align-items: center;} clcog bd { display: flex ; justify-content: space-between; margin-bottom: 20px; } clcog bd t{display: block; font-size: 18px; margin-top: 5px;} clcog ft f { display: flex ; gap: 10px; } clcog ft span { font-size: 16px; font-weight: bold; } clcog btn {background-color: var(--b1); padding: 5px 10px; border-radius:4px; font-size: 12px; margin-bottom: 10px; display: grid; grid-template-columns: 28% auto; align-items: center; width: 30%; } clcog hd t { font-size: 14px; opacity: .7; display: flex; padding: 0 0 33px;} clpto { display: flex ; position: relative; max-width: calc(100% - 32px); flex-direction: column; margin-left: auto; margin-right: auto; padding-top: 16px; padding-bottom: 24px; } clpto bl ft { display: flex ; width: 100%; } clpto div t { display: flex ; } lcm bd { display: flex ; font-size: 14px; margin-top: 12px; opacity: .7; } clpto h2 { font-size: 40px; } clpto i{width: auto; height: auto;} clpto bl div { display: flex; justify-content: space-between; max-width: 1224px; min-width: 1224px; } @media screen and (min-width: 768px) { clpto>bl { max-width: calc(100% - 5%); padding-top: 0px; padding-bottom: 4%; } clpto bd { font-size: 17px; margin-top: 23px; } clpto div h3 { font-size: 23px; font-weight: 600; } clpto div t { font-size: 16px; margin-top: 8px; } clpto { max-width: calc(100% - 4%); padding-top: 0px; padding-bottom: 4%;} } @media screen and (min-width: 999px) { clpto h2 { font-size: 40px; } clpto div h3 { display: flex ; } clpto { display: flex ; flex-direction: column; flex: 1; align-items: flex-start; margin-top: 2%; } clpto div span { width: 50%; } } @media (min-width: 1024px) { .lg\:block { display: block; width: 55%; height: 100%; } clpto bl ft { padding-top: 40px; } } @media screen and (max-width: 999px) { clpto h2 { font-size: 21px; width: 100%; } clpto bl div { display: grid; max-width: unset; min-width: unset; gap: 15px; margin-top: 20px; } } cludo { border-radius: 20px; background: var(--b1t44); padding: 20px;margin: 23px;display: grid ; } cludo chlo img { width: 60px; height: 60px; filter: hue-rotate(192deg); } cludo gd {margin-top: 20px;padding: 20px;background-color: var(--b1);border-radius: 10px;} cludo gd { display: grid ; grid-template-columns: 1fr 1fr; gap: 12px; padding: 10px 20px;} cludo > gd:last-of-type {border-bottom: none;} cludo label {font-size: 1rem;font-weight: 500;} cludo output {text-align: right;font-size: 1rem;} cludo ft d {margin-top: 2%;display: flex;border: 0;} cludo btn { background: var(--a); color: var(--c); border: none; padding: 12px 30px; border-radius: 8px; font-size: 1rem; transition: transform 0.3s, box-shadow 0.3s; } cludo btn:hover {transform: scale(1.05);box-shadow: 0 4px 10px var(--at);} cludo aside { display: grid ; align-items: center; margin-top: 15px; font-size: 1.2rem; } cludo aside i { width: 77px; height: 77px; } cludo aside t { display: flex ; font-size: 21px; } cludo strong { font-weight: 500; } cludo hd t { display: grid ; grid-template-columns: 4% auto; align-items: center; } cludo hd img { width: 60px; height: 60px; filter: hue-rotate(192deg); } @media only screen and (min-width: 999px) { cludo d { display: grid ; grid-template-columns: 8% auto; padding: 20px; gap: 20px; align-items: center; border-bottom: 1px solid var(--bc); } cludo d i { background: var(--b2); width: 100%; height: 100%; } cludo p {font-size: 1rem;color: var(--b-t44);margin-top: 5px;} cludo d h1 {font-size: 2rem;margin: 0;} } @media only screen and (max-width: 999px) { cludo hd t { grid-template-columns: 13% auto; } cludo clpn { display: grid ; grid-template-columns: 14% auto; align-items: center; font-size: 20px; } cludo d { display: grid ; grid-template-columns: 28% auto; gap: 10px; align-items: center; border-bottom: 1px solid var(--bc); padding: 10px 0; } cludo d i { background: var(--b2); width: 100%; height: 95%; } cludo p { display: flex ; opacity: .7; margin: 0; } cludo d h1 { font-size: 23px; margin: 0; } cludo btn { margin-top: 3%; } } clpcm{ padding: 22px; margin: auto;} clpcm h3{display: flex ; font-size: 14px; margin: 0px 0px 10px;} clpcm icons{ display: grid ; grid-template-columns: auto auto auto auto; align-items: center; margin: 22px 0; gap: 24px; justify-content: flex-start; } clpcm i { height: 24px; width: 24px; } clpcm bd { display: grid ; justify-content: unset; } clcpo b { font-size: 15px; line-height: 23px; display: block; font-weight: 300; opacity: .7; width: 80%; margin-bottom: 1%; } clcpo btn { background-color: var(--a); padding: 13px 38px; border-radius: 12px; font-size: 16px;width: fit-content; } clcpo hd {display: grid ; grid-column: 1 / 3; padding: 26px 0; text-align: center;} clcpo hd>t:hover{color: var(--a);} clcpo>bl{display: grid ; grid-template-columns: 61% 37%; padding: 37px 0;} clcpo bd>t{ display: flex ; margin-bottom: 6%; margin-top: 3%;} clcpo>bl bd { display: grid ; padding: 0 95px 0 44px; } clcpo i { width: auto; height: auto; } @media screen and (max-width: 999px) { clcpo>bl { grid-template-columns: unset; gap:20px; } clcpo hd { grid-column: unset; } clcpo>bl bd { padding: 0 11px; } clcpo>bl bd h1 { font-size: 24px; margin-bottom: 4%; } }clcss>bl { margin: 0px 0px 34px; min-width: 0px; position: relative; padding: 24px 30px; border-radius: 16px; width: 100%; background: var(--b1-t44); display: flex ; gap: 20px; } clcss>bl>bd { display: flex; gap: 10px; } @media screen and (max-width: 999px) { clcss>bl { margin: 0px 0px 64px; min-width: 0px; display: flex ; position: relative; padding: 24px 25px; background: var(--b1-t44); border-radius: 16px; box-sizing: border-box; width: 100%; overflow: auto; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 20px; } clpls>bl { width: auto !important; margin: 0 7px; } } /*Launchpad_Arkham*/ bldo bl { border-radius: 20px; background: var(--b1-t44); display: block; border: solid 1px var(--b-t44); margin-top: 2%; padding: 12px 12px; } bldo hd t { font-size: 20px; } bldo bd { display: flex ; align-items: center; justify-content: center; font-size: 30px; padding: 56px 0; } bldo bd i { width: 45px; height: 45px; } bldo dv { display: flex ; justify-content: space-between; align-items: center; font-size: 18px; } bldo h4 { display: flex ; font-weight: 500; align-items: center;} bldo dv t { font-weight: 500; align-items: center; } @media only screen and (max-width: 999px) { bldo bl { margin: 0 11px; margin-top: 7px; } } clpho>bl { display: grid ; grid-template-columns: 23px auto; align-items: center; background: var(--bt); height: 34px; position: relative; overflow: hidden; border-radius: 7px; padding: 0px 22px; width: inherit; margin-left: 13px;} clpho input { background: transparent; font-size: 16px; margin: 0; padding: 0; border-radius: 0; } clpho { width: max-content; padding: 10px; display: flex ; align-items: center; justify-content: space-between; gap: 13px;} clpho i {width: 100%; height: 100%;}/*LaunchpadPoolCard*/ clpco grid.gc2 { grid-template-columns: auto; z-index: 99;} clpco hd { display: grid ; gap: 15px; } clpco bl { display: flex ; justify-content: space-between; padding: 15px 23px; border-radius: 20px; border: solid 1px var(--b-t44); align-items: center; margin-top: 20px;} clpco hd p { display: grid ; grid-template-columns: 12% auto; align-items: center; margin: 3px 0; } clpco bl bd btn { padding: 10px 2px; border-radius: var(--br1); width: 100px; height: 44px; background: var(--a); color: var(--c); font-size: 18px; display: flex ; justify-content: center; align-items: center; } clpco bd dv { border-radius: 20px; background: var(--b1-t44); display: block; border: solid 1px var(--b-t44); margin-top: 2%; padding: 12px 12px; } clpco div i { width: 45px; height: 45px; } clpco h4 { display: flex ; font-weight: 500; } clpco span b {font-weight: 500; } clpco bd dv t { font-size: 20px; } clpco ft { display: grid ; gap: 15px; padding: 11px 22px; } clpco hd d { display: grid ; gap: 7px; } clpco hd d t { font-weight: 500; } @media only screen and (max-width: 999px) { clpco bl { margin: 0 11px; } }/*Launchpad_Token*/ cldto hd { display: grid ; gap: 15px; padding: 11px 22px; } cldto hd d { display: flex ; justify-content: space-between; } cldto hd t { font-weight: 500; }/*Launchpads*/ cldn { margin-top: 11px; display: block; } cloo { padding: 20px; display: block; background: var(--b1-t); border-radius: 20px; margin: 11px; } cloo hd p { margin: 2px 0; } cloo hd { display: flex ; justify-content: space-between; background: var(--bc); border-radius: 20px; padding: 13px 14px; align-items: center; } cloo bd { display: grid ; grid-template-columns: auto 8% 10%; align-items: center; margin-top: 3%; } cloo bd>i { width: 100%; height: 100%; } cloo ft { margin-top: 6%; display: grid ; gap: 10px; } cloo ft d { display: flex ; align-items: center; gap: 8px; margin: 3% 0; } cloo d i { width: 35px; height: 35px; } cloo d b { font-size: 20px; font-weight: 500; } cloo d btn { padding: 7px 17px; border-radius: 7px; background: var(--at); } cloo ft dv { display: grid ; } cloo dv dt { display: flex ; justify-content: space-between; } cloo dv t{font-weight: 500; } /*Launchpools*/ clpls>bl{ box-sizing: border-box; display: flex; flex-direction: column; padding-top: 28px; align-items: center; flex: 1 1 0%; border-radius: 32px 32px 0px 0px; } clpls hd>h2 { display: flex; font-size: 18px; font-weight: 400; line-height: 28px; } clpls>bl>hd { display: flex; width: 90%; gap: 20px; margin-bottom: 40px; } clpls hd>h2:nth-child(1) { border-bottom: solid 2px var(--a); padding-bottom: 12px; } /* Component : LevelIncome */ cilo 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); } cilo wallet { display: block; min-height: 123px; } cilo f { z-index: 8; align-items: center; flex-wrap: wrap; } cilo bt { max-height: 99px; } cilo h2 { line-height: 1; margin: auto 4px; } cilo h2 balance { font-size: 0.66em; } cilo b { letter-spacing: 4px; font-size: 0.66em; } cilo lvl bt { font-size: 0.55em; margin: 0; height: 44px; font-weight: 400; } cilo bl { display: block; padding: var(--p); background: var(--b-t); border-radius: var(--br); position: relative; margin: 11px; max-width: 444px; } cilo>bl ft { display: flex ; align-items: end; justify-content: space-between; } cilo>bl ft i { width: 33px; height: 33px; } cilo>bl blnc { padding: 11px 0; display: block; } /* Component : LevelsTransaction */ clto>bl { display: grid ; grid-template-columns: 66px auto auto; box-shadow: unset; max-width: none; background: var(--b-t); margin: 7px; padding: 18px; border-radius: 15px; } clto>bl hd { margin: auto 0; display: flex ; justify-content: center; align-items: center; height: 55px; width: 55px; overflow: hidden; background: var(--bc); border-radius: 11px; } clto>bl hd>i { max-height: 77%; max-width: 77%; filter: invert(77%); } clto>bl ft { display: flex ; flex-direction: column; justify-content: center; align-items: end; } clto>bl bd { display: flex ; flex-direction: column; justify-content: center; } clto>bl d { text-align: end; } /* Component : LevelsTransactions */ clts>bl { margin: var(--m); display: block; background: var(--b1-t44); padding: var(--p); border-radius: var(--br); border: 1px solid var(--b1-t44); } /* Component : HomeNewList */ cnlo>bl { display: block; margin: 33px 0; position: relative; } cnlo>bl time { color: var(--ct); } cnlo>bl h4 { min-width: 0px; font-size: 16px; line-height: 24px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .5; margin-top: 3px; } cnlo>bl p { box-sizing: border-box; margin: 0px; min-width: 0px; font-weight: 400; font-size: 14px; line-height: 20px; color: var(--b-t44); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 7px; } cnlo>bl ft>btns { display: flex ; align-items: center; gap: 55px; margin-block: 11px; } cnlo>bl btns>btn { display: grid ; grid-template-columns: 22px auto; gap: 3px; align-items: center; opacity: .5; } cnlo>bl:after { content: ""; position: absolute; width: 11px; height: 11px; left: -24px; border-radius: var(--br); border: solid 1px var(--b-t44); background: var(--b); margin-top: 7px; top: 26px; } /* Component : List_Pricing */ cpcs { display: block; background: var(--b); border-radius: 22px; border: solid 0.5px var(--b); overflow: hidden; padding: 11px; margin: 7px; } cpcs hd { display: flex ; flex-direction: column; gap: 2px; padding-bottom: 16px; } cpcs bd { border-top: solid 0.5px var(--bc); display: block; margin: 0px 7px; padding: 0px 5px; } cpcs bd ddd { font-size: 2.2em; font-weight: bold; } cpcs bd divider { display: grid ; position: relative; grid-template-columns: auto min-content auto; width: 80%; margin: auto; align-items: center; margin-top: 11px; margin-bottom: 11px; } cpcs bd>d { display: grid ; justify-content: center; align-items: center; padding: 22px; grid-gap: 7px; grid-template-columns: 50% 50%; border-top: solid 2px; } cpcs bd>d h2:last-child { text-align: end; } cpcs bd divider d { height: 1px; background: var(--c); margin-top: 5px; } cpcs bd divider t { font-size: 0.77em; font-weight: 500; margin: 0 11px; } cpcs bd trc { display: flex ; justify-content: space-between; padding: 7px 0; margin: 0; background: transparent; box-shadow: unset; width: auto; } cpcs bd meetingmsg { font-size: 0.66em; display: block; } cudt { display: block; border-radius: 11px; margin: 11px; flex-direction: column; padding: 11px; } cudt>hd { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } cudt>bd>btn { display: grid; grid-template-columns: 22px auto; align-items: center; justify-content: center; padding: 4px 11px; background: var(--bc); border-radius: 44px; font-size: 0.88em; width: fit-content; margin: 11px auto; font-weight: 500; } cudt>bd>btn:hover { background: var(--hover); } cudt>ft>btns>btn>i:hover { background: var(--hover); } cudt>ft>btns { display: flex; justify-content: center; align-items: center; margin: 11px; } cudt>ft>btns>btn { display: grid; grid-template-rows: 44px auto; align-items: center; text-align: center; justify-content: center; margin: 0 22px; font-size: 0.88em; } cudt>ft>btns>btn>i { display: block; margin: auto; height: 16px; width: 16px; padding: 11px; background: var(--bc); border-radius: 55%; } cudt name { font-weight: bold; } cuop>d { display: grid; padding: 2px 11px; margin: 4px; border-radius: 5px; grid-template-columns: auto 33px; align-items: center; font-size: 0.88em; font-weight: 500; } cuop>d:hover { background: var(--hover); } /* Component : HomeNewLists */ cnls.cnlo { display: none; } .cnlo cnls.cnlo { display: block; } cnls>bl { position: relative; overflow: hidden; padding: 7px 33px; } cnls>bl>hd:after { content: ""; position: absolute; width: 11px; height: 11px; left: 9px; border-radius: var(--br); border: solid 1px var(--b-t44); background: var(--b-t44); margin-top: 0; top: 14px; } cnls>bl .timeline { position: absolute; display: flex ; flex-direction: column; align-items: center; gap: 30px; left: 16px; top: 22px; height: -webkit-fill-available; } cnls>bl .timeline::before { content: ''; position: absolute; width: 2px; height: 100%; background: var(--c); top: 0; opacity: 0.6; } 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); } } /*Locale_Selector*/ #Exchange cpnvo>bl btns>btn:nth-child(4):hover lesr bl { display: flex; } lesr { max-width: 400px; transform: translate(0px, 0px); top: 111%; right: 0px; position: absolute; width: max-content; z-index: 1400; transition-property: opacity, visibility; transition-timing-function: ease-in-out; transition-duration: .25s; } lesr bl { background: var(--b1); border: solid 1px var(--bc); border-radius: 8px; margin: auto; display: none; flex-direction: column; overflow: hidden; padding: 24px; } lesr bd { display: grid; grid-template-columns: 1fr; gap: 18px; } lesr bd > div { display: flex; flex-direction: column; gap: 16px; } lesr div > span { font-size: 14px; color: var(--b-t44); font-weight: 400; } lesr input { background: none; border: 1px solid var(--bc); border-radius: 8px; padding: 8px; font-size: 14px; width: 100%; box-sizing: border-box; height: unset; font-weight: 500; } lesr input:focus { outline: none; border-color: var(--a); color: var(--a); } lesr ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; max-height: 250px; overflow-y: auto; padding-right: 8px; } lesr li { padding: 8px 4px; border-radius: 4px; font-size: 14px; transition: background-color 0.2s; } lesr li:hover { color: var(--a); } lesr li:first-child { color: var(--a); font-weight: 600; } lesr ul>li:hover { background: none; } cmwc bd { display: flex; margin-bottom: 20px; justify-content: space-between; flex-direction: unset; } cmwc bd btn { background: var(--b1); padding: 8px 30px; border-radius: 4px; } cmwc bd span { display: flex; color: green;} cmwc bd span h5 { letter-spacing: 0.9; } cmwc hd { position: relative; bottom: 6px; } cmwc ft { display: grid; grid-template-columns: 49% 49%; gap: 10px; } cmwc ft btn { font-weight: 700; padding: 12px 10px; display: flex; justify-content: center; border-radius: 8px;background: var(--c1); } cmwc hd { display: block; margin-top: 10%; padding: 0 10px; } cmwc ft btn:nth-child(1){ background: var(--lg-b); } mnws tr div { display: flex ; align-items: center; width: fit-content; justify-content: center; margin: auto; flex-direction: column;} mnws tr span { font-weight: bold; font-size: 16px; } mnws td { text-align: center; font-size: 14px; color: var(---gry); padding:10px; white-space: nowrap; } mnws tr i{ width: 32px; height: 32px; border-radius: 50%; margin-right: 8px; overflow: hidden;} cmwsf { font-size: 0.77em; display: block; padding: 22px;z-index: 2;position: relative;} cmwsf d.links a { border-right: 1px solid #d2d2d7; margin-right: 7px; padding-right: 10px; display: inline-block; margin-top: 5px; white-space: nowrap;cursor:pointer; color: #515154; text-decoration: none;transition:333ms; } cmwsf a:hover{color: #fff !important;} cmwsf hd>a{float: right; margin-top: 5px; position: relative; top: -3px; z-index: 2; white-space: nowrap;} cmwsf hd t{margin-bottom: 7px;padding-bottom: 8px;border-bottom: 1px solid #515154;} cmwsf t a{color: #06c;cursor:pointer;transition:333ms;} cmwsf bd t{margin-right: 30px; float: left; margin-top: 5px;} cmwsf bd { display: flex ; justify-content: space-between; width: 100%; } cmgwb bl { display: none ; grid-template-columns: auto auto; justify-content: space-between; } cmgwb bd { display: flex ; justify-content: end; margin-block: 0.66rem; border-radius: var(--br1); padding: var(--br1); } cmgwb bl hd { margin: 0; display: flex ; align-items: center;gap: 6px; } cmgwb bd i { height: 30px; width: 30px; } cmgwb hd i { height: 20px; width: 20px; } cmgwb bd p { margin: 0; } cmgwb bd d { display: flex ; align-items: center; gap: 8rem; } cmgwb bd d span:nth-child(3) { text-decoration: underline; } cmgwb bd d span:nth-child(3):hover { color: var(--a); } cmgwb bd d p { color: var(---gry); } cmgwb bd i { transform: rotate(90deg); } cmgwb bd i:nth-child(2){ transform: rotate(0deg); } .actr cmgwb bd i:nth-child(2) { transform: rotate(180deg); } cmgwb ft { grid-column-start: 1; grid-column-end: 3; display: none ; flex-direction: column; width: -webkit-fill-available; } cmgwb ft f {justify-content: space-between; } cmgwb ft t {font-size: 0.77em; font-weight: 400; color: var(---gry); } cmgwb ft span{font-size: 0.88em; font-weight: 400; color: var(---c); } .actr cmgwb ft {display: flex ;} @media(max-width:999px){ cmgwb bd d span:nth-child(1) {display: block;} cmgwb bd d span{display: none;} cmgwb bd d i {display: block; } cmgwb bd d {gap: 0rem; } cmgwb bd i { height: 20px; width: 20px; } cmgwb bl { display: grid; } } cmwh{ display: block; position: relative; } cmwh i { width: 33px; } cmwh bd { overflow: scroll; padding: unset; height: auto; margin: 0 10px; min-width: 0px; width: auto; white-space: nowrap; display: none; grid-template-columns: 20% 40% 40%; } cmwh hd t { display: flex; align-items: center; text-align: center; width: 100%; display: block; letter-spacing: 0.8; } cmwh btn.jrac.Asset { background: var(--lg-b); color: var(--c); } cmwh btn.jrac.BTC{background: unset; } cmwh btn.jrac.USDT{background: unset ;color: var(--c); } cmwh gg{display: grid; grid-template-columns: 55px 33px auto 44px 44px;height: 55px;align-items: center;} cmwh btn { font-weight: 700; padding: 8px 10px; display: flex ; justify-content: center; border-radius: 8px; background: var(--lg-b); color: var(--b-t44);} cmwto bl { display: block; margin-top: 10%; padding: 0 10px; } cmwto bd { display: flex ; margin-bottom: 20px; justify-content: space-between; flex-direction: unset; } cmwto balance { background: var(--b1); padding: 8px 30px; border-radius: 4px; } cmwto symbol { display: flex ; } cmwto mg { display: grid ; grid-template-columns: 49% 49%; gap: 10px; } cmwto mg btn { font-weight: 700; padding: 12px 10px; display: flex ; justify-content: center; border-radius: 8px; background: var(--lg-b);} cmwto hd { position: relative; bottom: 6px; } cmwto h6.cgreen { color: #62ff83; font-weight: 400; font-size: 11px;} cmwto h5 { font-weight: 500; letter-spacing: 0.9px; } /* Component : MarketCapitalization */ mnws>bl {padding: 22px; border: 2px solid var(--b1-t); border-radius: 22px;} mnws>bl>hd {display: flex ; justify-content: space-between; } mnws hd dv { display: flex ;gap: 4px; align-items: center; } mnws input[type="checkbox"] { width: 15px; height: 15px; } mnws inp { display: flex ; transition: 333ms; border-radius: 6px; padding: 6px;gap: 5px; } mnws input[type="Search"] { width: 0; margin: 0; height: auto; background: var(--b); padding: 0;transition: 333ms; } mnws inp:hover { border: 1px solid var(--b-t22); } mnws inp:hover input[type="Search"] { width: -webkit-fill-available; } mnws tr:hover { background: transparent; } mnws { display: block; margin-top: 11px; } mnws h2 { font-size: 1.44em; font-weight: 600; } mnws table { min-width: 100%; width: max-content ; } mnws td:last-child div {justify-content: center; margin: auto;} mnws table thead th { font-size: 0.77em; font-weight: 500; opacity: 0.6; } mnws table thead th:first-child { width: auto; } mnws table thead th i { width: 14px; height: 14px; } mnws table tbody tr { padding: 0; border-radius: var(--br1); position: relative; } mnws table tbody td:first-child { width: auto; } mnws table tbody td i { width: 24px; height: 24px; margin-right: 7px; } mnws table tbody td span { font-size: 14px; font-weight: 400; margin-left: 7px;color: var(--c);} mnws table tbody td sp { display: flex ; align-items: center; column-gap: 7px; } mnws table tbody td sp i { width: 20px; height: 20px; margin-right: 5px; } td.positive { color: #0ecb81; } td.negative { color: #f6465d; } mnws .table-container { display: block; overflow: scroll; } mnws d.table-container { overflow: scroll; } mnws thead tr { border-radius: 11px; } mnws Thead f { display: flex ; align-items: center; font-size: 0.99em; font-weight: 500; opacity: 0.6; height: 25px;justify-content: center; } mnws thead i { width: 14px; height: 14px; } mnws td i { width: 24px; height: 24px; margin-right: 7px; } mnws td span { font-size: 14px; font-weight: 500; margin-left: 7px; opacity: 0.6; } mnws tbody td { height: auto;font-size: 1em; font-weight: 500; text-align: left; } mnws tbody td:last-child, mnws thead th:last-child { color: var(--a); position: sticky; right: 0; opacity: 1; box-shadow: -20px 0px 17px 0 var(--bt); backdrop-filter: blur(35px);} mnws bd {display: grid ; } mnws tbody { overflow: scroll; } mnws tbody tr{ position: relative; align-items: center; border-radius: var(--br1); } mnws hd h4 { font-size: 0.88em; font-weight: 500; margin: 20px 0 0; } mnws hd span { display: none; } mnws hd t:nth-child(2) { display: none; } mnws hd p{font-size: 0.71em; font-weight: 500; color: var(---gry);display: grid ; gap: 2px; grid-template-columns: auto max-content; margin: 4px 0; } mnws>bl>hd i { width: 26px; height: 18px; } mnws hd btn { display: grid ; width: fit-content; color: var(--c); height: fit-content; position: relative; background: 0;} mnws hd btn:after { content: ''; display: none; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background: var(--a); height: 2px; width: 16px; } mnws hd btn:nth-child(1):after {display: block;} .pjsc mnws hd btn:nth-child(1):after {display: none;} .pjsc mnws hd btn:nth-child(2):after {display: block;} .Msl mnws hd span { display: contents; } .Msl mnws hd t:nth-child(2) { display: block; } .Msl mnws hd t:nth-child(1) { display: none; } .Msl mnws hd i {rotate: 90deg;} mnws td:nth-child(1) div, mnws td:last-child div { flex-direction: row; } mnws>bl>ft btn { padding: 4px 14px; border-radius: 8px; font-size: 0.88em; } mnws ft btn:hover { background: var(--b1); } mnws ft btn.this { background: var(--b1); } mnws ft btn:nth-child(1), mnws ft btn:last-child { padding: 0; background: 0; margin: 0 6px;} mnws ft i { width: 12px; height: 12px; filter: brightness(0.5); } mnws ft btns { display: flex ; } mnws>bl>ft { display: flex ; justify-content: end; } mnws ft btn:last-child { rotate: 180deg; } mnws th:nth-child(6) { border-radius: 0 11px 11px 0; } mnws td:nth-child(6) { text-align: end; padding: 0 16px 0px 0; border-radius: 0 11px 11px 0; } mnws th:nth-child(6) f { justify-content: end; width: -webkit-fill-available; } mnws th:nth-child(1) { border-radius: 11px 0 0 11px; } mnws td:nth-child(1) { border-radius: 11px 0 0 11px; } mnws th { height: fit-content; } mnws gr i:nth-child(1) { border-radius: 7px 0 0 8px; background: var(--b2); } mnws gr {display: none ; grid-template-columns: 35px 35px; background: var(--lg); padding: 2px; gap: 2px; overflow: hidden; border-radius: 9px;} mnws cnda { display: flex ; width: -webkit-fill-available; } mnws hd>btns{ gap: 20px;} mnws gr i { width: -webkit-fill-available; height: 22px; padding: 2px; border-radius: 0px 8px 8px 0; } .pjsc mnws gr {display: grid;} mnws hd b { font-size: 0.88em; font-weight: 400; } @media only screen and (max-width: 999px) { mnws table {display: none;} mnws hd h4 {display: none;} mnws hd p {display: none;} mnws input[type="checkbox"] {display: none;} mnws label { display: none; } mnws inp {border: 1px solid var(--b-t22);} mnws inp input[type="Search"] {width: -webkit-fill-available;} mnws>bl>hd {gap: 14px;flex-direction: column;} } cmwao bl { background: var(--b1t44); padding: var(--m); border-radius: var(--m); } cmwao bd#wUSDT { background: var(--b1-t44); border-radius: 11px; margin: 12px; font-size: 0.88em; grid-template-columns: 55px auto 77px; display: grid ; padding: 22px; } cmwao ft { display: block; position: relative; } cmwao hd { grid-template-columns: auto 33px; width: 88%; overflow: hidden; display: grid ; height: 44px; align-items: center; position: relative; z-index: 9; margin: 11px !important; } cmwao hd h4 { display: grid ; grid-template-columns: auto 33px; height: 44px;} cmwao hd i , text , bla h6{ opacity: 0.55;} cmwao hd a { color: var(--c); text-decoration: unset; font-weight: bold; } cmwsa hd { display: grid; grid-template-columns: 22px auto; align-items: center; } cmwsa hd i { transform: rotate(90deg); } margins sidebar grid { padding: 22px; } cmwsa t { margin: unset; font-size: 0.79em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } cmwsa bd div { display: grid; grid-template-columns: auto 22px; padding: 7px; background: var(--b1); border-radius: 5px; color: var(--a); align-items: center; } cmwsa bd { display: grid; grid-template-columns: 48% 48%; gap: 2%; margin: 11px 0; } cmwsa bd div i { transform: rotate(180deg); } @media only screen and (min-width: 999px) {marginwallet margins sidebar { min-width: 400px; } } cmwsh gg { height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px; text-align: center;} cmwsh mg { grid-column-gap: 11px !important; height: 55px; margin: 0px; min-width: 0px; width: -webkit-fill-available; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; padding: 0 22px; } cmwsh bd {background: transparent;padding: unset;margin: 0; overflow: scroll; padding: unset; } cmwsh back svg{width: 29px;} cmwsh op svg{width: 24px;} /* Component : Market */ cmos>bl { display: block; margin-top: 11px; } cmos>bl>hd { display: flex ; gap: 11px; align-items: center; justify-content: space-between; } cmos>bl>hd i { display: flex ; width: 22px; height: 22px; justify-content: center; align-items: center; border-radius: 44px; background: var(--b-t22); transform: rotate(170deg); } cmos>bl bd>d { display: flex ; flex-direction: column; max-width: 155px; min-width: 133px; padding: 11px 18px; border-radius: var(--br1); background: var(--b1); line-height: 32px; } cmos>bl bd { display: flex ; overflow: auto; gap: 11px; margin-block: 11px; } /* Component : MarketCNT */ cmrco>bl mb { height: 55px; min-width: 0px; width: -webkit-fill-available; display: flex; flex-direction: row; column-gap: 11px ; margin: 0px; white-space: nowrap; overflow: scroll; } cmrco>bl mb>a { font-weight: 400; padding: 7px !important; margin: 7px !important; } cmrco>bl mb>a:hover { color: var(--a); } cmrco>bl mb>a.this { color: var(--a); border-bottom: 2px solid; } cmrco ft { display: flex ; justify-content: space-between;align-items: center; gap: 5px; padding: 9px 14px;} cmrco ft>btn { width: 24px; height: 24px; display: block; } cmrco ft btns { display: flex ; overflow: auto; } cmrco btns btn { display: flex ; width: max-content; min-width: fit-content; padding: 5px 13px; font-size: 0.88em; border-radius: 11px; } cmrco btns btn:hover { background: var(--at); } cmrco ft>btn i { width: -webkit-fill-available; height: -webkit-fill-available; } cmrco ft>btn:nth-child(3) { rotate: 180deg;display: none; } cmrco bd { display: flex ; justify-content: space-between; align-items: center; padding: 0 10px 0 0;} cmrco bd inp { display: grid ; grid-template-columns: 25px 0; align-items: center; transition: 333ms; } cmrco bd inp:hover { display: grid ; grid-template-columns: 25px auto;gap: 7px; border: 1px solid var(--b1); border-radius: 8px; padding: 7px 6px; } cmrco bd t { display: none; } .inpdn cmrco bd inp { display: grid ; grid-template-columns: 25px auto;gap: 7px; border: 1px solid var(--b1); border-radius: 8px; padding: 7px 6px; } cmrco bd f { gap: 12px; align-items: center; } cmrco bd i { width: -webkit-fill-available; height: 24px; } cmrco bd input {background: 0; width: -webkit-fill-available; height: fit-content; padding: 0; font-size: 0.88em; font-weight: 300; } cmrco f>a { width: 22px; height: 22px; margin: auto; } @media (Max-width: 999px) { .inpdn cmrco bd t { display: block; } .inpdn cmrco f>a { display: none; } .icdn cmrco bd inp { display: grid ; grid-template-columns: 25px 0; align-items: center; transition: 333ms; } cmrco ft { display: grid ; grid-template-columns: 15px auto 15px; } } cmko { display: grid ; row-gap: 7px; border-radius: var(--br); padding: 0 22px; margin: 7px; } cmko d { display: flex ; justify-content: space-between; } cmko hd i { height: 30px; width: 30px; } cmko hd div { display: flex ; justify-content: space-between; align-items: center; margin-top: 7px; } cmko aa { font-size: 1.33em; font-weight: 500; } cmko div aa { color: var(---gn); } cmko btns { display: flex ; justify-content: end; gap: 11px; margin-top: 11px; color: var(--b-t44); } cmko btn:first-child { background: var(--bc); padding: 4px 7px; border-radius: 7px; } cmko table tr:hover { background-image: none; } cmko h2 { font-size: 2.5em; font-weight: 500; margin-bottom: 22px; } cmko bd div { display: flex ; } cmko bd select { width: unset; margin-right: unset; } cmko ft table { width: unset !important; } cmko bl { margin: 0; font-family: system-ui, -apple-system, Roboto; display: flex; flex-direction: column; } .tv-lightweight-charts { width: unset !important; height: 300px !important; } cmko hd .title { font-weight: 700; font-size: 1.1rem; } cmko .toolbar { border-bottom: 1px solid var(--border); display: flex ; gap: 12px; align-items: center; justify-content: end; margin: 22px 0; } cmko .info { color: var(--sub); font-size: 0.9rem; } cmko #chart { flex: 1; } cmko .loading { display: none; gap: 8px; align-items: center; color: var(--sub); } cmko .dot { width: 8px; height: 8px; border-radius: 50%;animation: b 0.9s infinite alternate; } cmko .dot:nth-child(2){ animation-delay: .15s } cmko .dot:nth-child(3){ animation-delay: .3s } @keyframes b { cmko from { opacity:.3 } cmko to{ opacity: 1 } } @media (max-width: 999px) { cmko { margin: 7px 0px;} } @media (max-width: 999px) { cmko h2 { font-size: 28px; } } emow bl { display: grid; row-gap: 7px; border: 1px solid var(--bc); border-radius: var(--br); padding: 22px; } emow hd { display: flex; justify-content: space-between; align-items: center; } emow hd span { font-size: 12px; font-weight: 500; } emow hd btn { font-size: 14px; color: var(--b-t44); cursor: pointer; align-items: center;display: grid ; grid-template-columns: auto 15px;gap: 2px; } emow hd i { rotate:180deg; filter: brightness(0.5);} emow td span { font-size: 0.77em; font-weight: 500; } emow td {height: 25px;} emow td:nth-child(3) { border-radius: 0 11px 11px 0; } emow td:nth-child(1) { border-radius: 11px 0 0 11px; } emow bd { display: flex; flex-direction: column; } emow tr { position: relative; } emow thead { display: none; } emvo bd f { gap: 20px; } emow td:nth-child(5) { display: none; } emow td:nth-child(4) { display: none; } emow td:nth-child(6) { display: none; } emow td:nth-child(1) { align-items: center; padding: 0px 8px; } emow td:nth-child(1) i { height: 28px; width: fit-content; margin-right: 10px; } emow { display: grid; height: fit-content; align-items: end; min-width: 360px; width: -webkit-fill-available; } @media only screen and (max-width: 999px) { emow { min-width: auto; margin: 22px 0px; height: auto;} emow table { display: inline-table; } } emvo>bl>hd { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: unset;} emvo hd ul { display: flex; gap: 20px; padding: 0; margin: 0; list-style: none; } emvo hd li { font-size: 16px; cursor: pointer; transition: color 0.2s; padding-bottom: 7px; } emvo hd li:hover { color: var(--a); } emvo hd ul li:nth-child(1) { font-weight: 600; color: var(--a); border-bottom: 2px solid; } emvo>bl>ft { display: block; padding: 16px 24px; border-top: 1px solid var(--b1t); margin-top: 1rem; } emvo ft flex { display: flex; justify-content: space-between; align-items: center; width: 100%; } emvo ft f { display: flex; justify-content: flex-start; gap: 12px; align-items: center; } emvo ft svg { width: 28px; height: 28px; } emvo ft name { font-size: 16px; font-weight: 600; color: #e5e7eb; } emvo ft tag { background: var(---or); font-size: 12px; font-weight: 500; padding: 4px 8px; border-radius: 6px; } emvo ft detail { font-size: 14px; color: var(--b-t77); cursor: pointer; text-decoration: underline; } emvo ft i { height: 16px; width: fit-content; } @media only screen and (max-width: 999px) { emvo { display: none; } } /* Component : TradeOrder */ mtto>bl { display: grid ; grid-template-columns: auto auto auto; margin: 2px 4px; justify-content: space-between; font-size: 0.77em; } mtto>bl time{text-align:end;width: 100%;} mtto>bl amt{text-align:end;} mtto.down>bl amt{color: #f6465d;} mtto.up>bl amt{color: #0ecb81;} /* temp by A'nilNayak*/ mtto order { display: block; } /* Component : MarketCapitalization */ cpno>bl cntr { background: transparent; } cpno tr:hover { background: transparent; } cpno { display: block; padding: var(--p1); margin-top: 11px; } cpno h2 { font-size: 1.44em; font-weight: 600; } cpno table { display: block; min-width: 100%; width: max-content !important; } cpno table thead { display: grid ; grid-auto-flow: column; } cpno table thead tr { display: grid ; grid-auto-flow: column; padding: var(--p1); } cpno table thead th { display: flex ; align-items: center; font-size: 0.77em; font-weight: 500; width: 188px; opacity: 0.6; } cpno table thead th:first-child { width: 222px; } cpno table thead th i { width: 14px; height: 14px; } cpno table tbody { display: grid ; } cpno table tbody td { display: flex ; align-items: center; font-size: 1em; font-weight: 500; width: 188px; padding: 0; box-shadow: none; } cpno table tbody tr { display: grid ; grid-auto-flow: column; align-items: center; padding: 18px 11px; border-radius: var(--br1); position: relative; padding: 7px 11px; margin-bottom: 7px; } cpno table tbody tr:hover { background: var(--b1); } cpno table tbody td:first-child { width: 222px; } cpno table tbody td i { width: 24px; height: 24px; margin-right: 7px; } cpno table tbody td span { font-size: 14px; font-weight: 500; margin-left: 7px; opacity: 0.6; } cpno table tbody td sp { display: flex ; align-items: center; column-gap: 7px; } cpno table tbody td sp i { width: 20px; height: 20px; margin-right: 5px; } td.positive { color: #0ecb81; } td.negative { color: #f6465d; } cpno table thead th:last-child { justify-content: end; width: 100px; } cpno table tbody td:last-child { justify-content: end; width: 100px; } cpno .table-container { display: block; overflow: scroll; } cmcz d.table-container { overflow: scroll; } cmcz thead tr { border-radius: 11px; } cmcz Thead f { display: flex ; align-items: center; font-size: 0.77em; font-weight: 500; width: 188px; opacity: 0.6; height: 25px; } cmcz thead i { width: 14px; height: 14px; } cmcz td i { width: 24px; height: 24px; margin-right: 7px; } cmcz td span { font-size: 14px; font-weight: 500; margin-left: 7px; opacity: 0.6; } cmcz tbody td { height: auto;font-size: 1em; font-weight: 500; } cmcz tbody tr{ position: relative; align-items: center; border-radius: var(--br1); } cmcz hd h4 { font-size: 0.88em; font-weight: 500; margin: 20px 0 0; } cmcz hd span { display: none; } cmcz hd t:nth-child(2) { display: none; } cmcz hd p{font-size: 0.71em; font-weight: 500; color: var(---gry);display: grid ; gap: 2px; grid-template-columns: auto max-content; margin: 4px 0; } cmcz hd i { rotate: 269deg; margin: auto; filter: brightness(0.5); } cmcz hd btn { display: grid ; grid-template-columns: auto 16px; width: fit-content; color: var(--c); height: fit-content;} cmcz td:nth-child(6) { text-align: end; padding: 0 16px 0px 0; border-radius: 0 11px 11px 0; } cmcz hd { display: flex; flex-direction: column; gap: 7px; font-size: 16px; margin-bottom: 23px; } .Msl cmcz hd span { display: contents; } .Msl cmcz hd t:nth-child(2) { display: block; } .Msl cmcz hd t:nth-child(1) { display: none; } .Msl cmcz hd i {rotate: 90deg;} cmcz ft btn { padding: 4px 14px; border-radius: 8px; font-size: 0.88em; } cmcz ft btn:hover { background: var(--b1); } cmcz ft btn.this { background: var(--b1); } cmcz ft btn:nth-child(1), cmcz ft btn:last-child { padding: 0; background: 0; margin: 0 6px;} cmcz ft i { width: 12px; height: 12px; filter: brightness(0.5); } cmcz ft btns { display: flex ; } cmcz ft { display: flex ; justify-content: end; } cmcz ft btn:last-child { rotate: 180deg; } cmcz th:nth-child(6) { border-radius: 0 11px 11px 0; } cmcz td:nth-child(6) { text-align: end; padding: 0 16px 0px 0; border-radius: 0 11px 11px 0; } cmcz th:nth-child(6) f { justify-content: end; width: -webkit-fill-available; } cmcz th:nth-child(1) { border-radius: 11px 0 0 11px; } cmcz td:nth-child(1) { border-radius: 11px 0 0 11px; } cmcz th { height: fit-content; } cmcz tbody price { display: flex ; flex-direction: column; } cmcz price changes { font-size: 0.66em; display: none; } cmcz d span {display: none;} cmcz f span {display: none;} emow td span {display: none;} @media only screen and (max-width: 999px) { cmcz td d {display: grid;} cmcz tbody price { align-items: end; } cmcz td:nth-child(3){border-radius: 0 11px 11px 0;text-align: end; padding: 0 16px 0px 0;} cmcz th t { display: flex; } cmcz f span {display: block;} cmcz td span:nth-child(3) { font-size: 0.66em; font-weight: 400; } cmcz d span {display: flex;} cmcz th:nth-child(3) t { display: none; } cmcz price changes { display: flex; } cmcz changes { display: none; } cmcz hd h4 {display: none;} cmcz hd p {display: none;} cmcz td i { display: none; } cmcz th { padding: 0; } cmcz thead tr:hover { background-image: none; } cmcz td span { font-size: 0.88em; font-weight: 400; margin-left: 7px; opacity: 1;color: var(--c); justify-content: end; } cmcz Thead f { width: 115px; } cmcz th:nth-child(2) f, cmcz th:nth-child(3) f { justify-content: end; } cmcz th:nth-child(4), cmcz th:nth-child(5), cmcz th:nth-child(6), cmcz th:nth-child(7), cmcz th:nth-child(8) { display: none; } cmcz td:nth-child(4), cmcz td:nth-child(5), cmcz td:nth-child(6), cmcz td:nth-child(7), cmcz td:nth-child(8) { display: none; } cmcz th:nth-child(1) { padding: 0 0 0 16px; } } cmwco tbicon { grid-template-columns: auto auto; opacity: unset; display: grid ; align-items: center; background: var(--b); padding: 7px; border-radius: var(--br1) var(--br1); width: auto; } cmwco tb.jjtc { display: grid ; align-items: center; grid-template-columns: 0px 135px 17px; } cmwco dv { display: grid ; grid-template-columns: 87px 22px; align-items: center; text-align: justify; font-size: 0.77em; padding: 11px 0; } cmwco dv i { transform: rotate(180deg); } cmwco .Wlbalance ft btns { display: grid ; align-items: center; grid-template-columns: 33.33% 33.33% 33.33%; } cmwco btns i { width: 30px; } cmwco .Wlbalance bd>d { display: grid; grid-template-columns: 50% 50%; padding: 11px 0; border-top: solid var(--b1) 1px; margin: 11px 0; border-bottom: solid var(--b1) 1px; text-align: start; position: relative; } cmwco .Wlbalance bd>d p { margin: unset; opacity: 0.5; } curn { opacity: 0.5; } cmwco .Wlbalance bd>d dd:nth-child(2):before { content: " "; height: 100%; display: flex; position: absolute; top: 0; background: var(--b1); width: 1px; left: 47%; } cmwco .Wlbalance hd tbicon { grid-template-columns: auto auto;opacity: unset; } cmwco .Wlbalance hd tbicon p { margin: unset; font-size: 0.79em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } cmwco .Wlbalance hd tbicon d { display: flex; background: var(--b1); padding: 3px; border-radius: 4px; align-items: center; gap: 11px; padding: 4px 7px; } cmwco .Wlbalance hd { grid-template-columns:100%; } cmwco .Wlbalance hd tb { grid-template-columns: 0px 135px 17px; } cmwco .Wlbalance hd tbicon>p { color: var(--a); } cmwco .Wlbalance hd d { padding: 0; display: grid; grid-template-columns: 50% 50%; } cmwco .Wlbalance bd>d dd { display: block;margin: auto; text-align: center; } cmwco tex { grid-template-columns: 40% auto; justify-content: space-between; opacity: 0.5; padding: 0; display: grid; } cmwco tex aa { display: grid; grid-template-columns: 49% 49%; align-items: center; text-align: center; font-weight: 200; gap: 2px; } cmwco tex aa>h4 {border-radius: 4px; padding: 2px; background: var(--b1); } cmwco tex ab { display: grid; grid-template-columns: 33px 33px 33px; } cmwco tt span { opacity: 0.44; } cmwco dd>t { opacity: 0.5;} cmwco .Wlbalance hd tbicon div { display: flex ; background: var(--b1); padding: 3px; border-radius: 4px; align-items: center; gap: 11px; padding: 4px 7px; } cmwco btn { display: flex ; align-items: center; justify-content: center; border-radius: 7px; padding: 4px;} cmwco tbicon i { width: 22px; height: 22px; } cmwco .Wlbalance hd rr { padding: 0; display: grid ; grid-template-columns: 50% 50%;margin:0px; } @media only screen and (min-width: 999px) {marginwallet margins sidebar { min-width: 400px; } } /***Market_Card**/ amcd { margin-bottom: 20px; display: block; background: var(--b1-t44); border: solid 1px var(--c1); border-radius: 22px; padding: 20px; } amcd bl hd { display: flex ; align-items: center; justify-content: space-between; } amcd hd i { height: 13px; width: 13px; } amcd hd svg { fill: var(--b-t44); } amcd hd h2 { display: flex ; font-weight: 500; font-size: 16px; line-height: 24px; } amcd hd span { font-size: 15px; color: var(--a); font-weight: 500; } amcd bl bd { display: flex ; flex-direction: column; } amcd bd i { margin: auto; height: 100%; width: 100%; } amcd bd text { opacity: unset; font-style: normal; font-size: 20px; fill: var(--c); } amcd bl ft { display: flex ; gap: 7px; } amcd ft btn {font-weight: 500; padding: 6px 12px; line-height: 20px; border-radius: 4px; width: 50%;text-align: center; } amcd ft btn:before { content: ""; transform: skew(-15deg); left: -5px; background: var(---rd); z-index: -1; position: absolute; top: 0px; width: 100%; height: 100%; opacity: 1; border-radius: 4px;} amcd ft btn:nth-child(2):before { transform: skew(-15deg); right: -5px; background: var(---gr); } amcd bd span { margin: 16px 0px 12px; font-size: 12px; line-height: 16px; } /* Component : Trades */ mkts { display: block; background: var(--b-t); border-radius: 11px; margin: 7px 0; } mkts bd dv { display: flex ; justify-content: space-between; font-size: 0.88em; padding: 8px 0; } mkts>bl f.Buy span { color: rgb(15, 176, 114); } mkts>bl f.Sell>span { color: rgb(246 70 93); } mkts>bl f>span { font-weight: 600; } mkts>bl>hd{ padding: 10px 16px 6px; border-bottom: 1px solid var(--b1-t);display: flex ; justify-content: space-between; width: -webkit-fill-available; position: relative;} mkts>bl>bd { padding: 6px 15px; max-height: 577px; overflow: scroll;transition: 333ms; } .hfull mkts>bl>bd { max-height: 440px; } mkts hd h4 { font-size: 0.88em; font-weight: 400; position: relative; } mkts hd f { gap: 20px; } mkts hd h4.this:after { content: ''; width: 13px; height: 2px; background: var(--lg-b); position: absolute; top: 23px; margin: auto; left: 0; right: 0; } mkts hd h4.this { font-weight: 500; } mkts hd i {width: 22px; height: 22px; } mkts hd input {width: 16px; height: 16px; margin: 0; padding: 0;} mkts hd label{display: flex ; gap: 6px; align-items: center;} mkts hd h3 { font-size: 0.99em; font-weight: 200; } mkts hd t {font-size: 0.77em; font-weight: 200; margin: 8px 0px;color: var(--b-t44); display: block} mkts hd d { position: absolute; right: 27px; top: 30px; background: var(--c1); padding: 7px; border-radius: 11px; width: -webkit-fill-available; max-width: 120px;display: none ; } .tddy mkts hd d {display: block ;} /* Component : Marketplace */ caps { display: block; margin: 11px; } caps hd { display: grid; grid-template-columns: 54% auto; padding-bottom: 4%; } caps hd t { color: var(--a); } caps hd btn { display: grid ; gap: 4px; padding: 8px 24px; font-size: 15px; font-weight: 500; line-height: 22px; min-height: 30px; align-items: center; background: var(--a); border-radius: 7px; width: 33%; justify-content: center; margin-top: 5%; } caps hd i { display: block; height: 100%; width: 56%; background-size: contain; left: 38%; } caps hd img { filter: hue-rotate(179deg); } caps bd { display: grid; grid-template-columns: auto auto; gap: 21%; } caps bd h1 { font-size: 19px; font-weight: unset; } caps bd div { display: grid; grid-template-columns: 26% 26% 26% auto; } caps bd img { filter: hue-rotate(179deg); } @media only screen and (max-width: 999px) { caps { display: block; margin: 11px 7px; } caps hd { display: block; } } cmkt>bl { border-radius: 22px; display: block; padding: 22px; margin: 4px; border: solid 1px var(--b1); height: 460px; overflow: scroll; } cmkt hd t { font-size: 1.22em; font-weight: 700; color: var(--b1); } cmkt bd { display: grid; row-gap: 22px; } cmkt span { display: grid ; grid-template-columns: repeat(2, 1fr); gap: 11px 22px; margin-top: 11px; } cmkt span l { display: grid; row-gap: 4px; } cmkt span t { font-size: 0.88em; font-weight: } cmkt span d { font-size: 1.11em; font-weight: 600; color: var(--b-t44); } cmkt tx { display: grid; row-gap: 7px; } cmkt tx t { font-size: 0.88em; line-height: 1.5; color: var(--b-t77); } cmkt tx b { color: var(--b1); } cmkt ft { display: grid; row-gap: 11px; border-top: 1px solid rgb(33 36 40); padding-top: 11px; } cmkt h4 { font-weight: 600; font-size: 1.22em; } cmkt rw t { font-size: 0.88em; color: var(--b-t44); } cmkt rw d { font-size: 0.88em; font-weight: 600; } cmkt p { font-size: 0.88em; font-weight: 500; color: var(--b-t44); margin-top: unset; } cmkt tb { display: grid ; row-gap: 22px; grid-template-columns: auto auto; } cmkt rw { display: block; align-items: center; } cmas { display: block; } cmas>bl{ background: var(--b1-t44); display: block; border-radius: 11px; } cmas .link { display: flex; border-bottom: solid 0.5px var(--bc); position: relative; } cmas .link>cslo { display: block; height: 2px; background: var(--lg-b); width: 23px; position: absolute; bottom: 0; left: 13px; transition: 333ms; } cmas .cts { display: flex; gap: 11px; border-bottom: solid 1px var(--c1); padding: 15px 22px; } cmas .cts gd { display: grid; grid-template-columns: auto 22px; align-items: center; } cmas bd dt { display: grid; grid-template-columns: auto 26px; padding: 17px; border-bottom: solid 1px var(--c1); margin: 0px 20px; } cmas bd dt i { display: none; } cmas bd dt:hover i { display: block; } cmas bd dt:hover { color: var(--a); } cmas.all a.alll { color: var(--a); } cmas.Normal a.nrml { color: var(--a); } cmas.Normal cslo { left: 59px; width: 65px; } cmas .link>a { display: block; padding: 11px; margin: 0 4px; } cmas gd i {width: auto; height: auto;} cmash bl { backdrop-filter: blur(22px);background: var(--b1-t44) ;grid-template-columns: 55px auto 85px; display: grid;height: 54px;align-items: center; text-align: center;} cmash hd svg {width: 29px !important; } cmash ft{display: grid ; grid-template-columns: 22px 22px;gap: 14px; } cmash i {height: auto; width: auto;} caio { display: block; background: var(--0); max-width: 670px; width: 100%; margin: auto; font-family:Roboto, Arial, sans-serif; } caio i { width: 20px;} caio bd aa { display: flex; justify-content: space-between; height: 50px; align-items: center; } caio bl.wed-aap bd { display: grid; border-right: solid 1px rgb(0 0 0 / 11%); height: 79px; width: 36%; padding: 12px 12px; } caio aa i { justify-content: end; } caio on { display: flex; width: 40%; gap: 4px; height: 40px; align-items: center; } caio search bd { width: 90%; } caio on i { justify-content: end; background: var(--a); width: 20px; height: 20px; border-radius: 50%; } caio search { display: flex ; background: var(--b1-t44); border-radius: var(--p1); padding: 0px var(--br1); align-items: center; margin-top: var(--br); } caio search i { padding: 11px ; border-radius: 50%; } caio search srch.jac { position: relative; display: flex; align-items: center; width: 90%; } caio tod ft i { transform: rotate(90deg); height: 10px; width: 10px; border: solid 1px; padding: 4px; border-radius: 20px; } caio filter { display: flex; padding-left: 4px; align-items: center; margin: 6px 5px; justify-content: space-between; } caio filter ft { display: flex; border-radius: 4px; box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 11%); align-items: center; justify-items: center; padding: 2px 5px; gap: 2px; position: relative;} caio filter ft p { margin: 0; padding: 5px 5px; color: var(--a);} caio filter ft i { height: 20px; width: 20px; } caio today { justify-content: space-between; display: flex; background: rgb(0 0 0 / 4%); border-radius: 8px; gap: 6px; padding: 21px; align-items: center; margin: 1px 5px; } caio today bd i { height: 25px; width: 25px; opacity: 0.6;} caio filter bl { display: flex; width: 85%; border-radius: 9px; gap: 10px; align-items: center; margin: 6px 9px; } caio mza hd>a { font-size: 40px; padding: 50px; font-weight: 600; } caio srch>f { box-shadow: unset; } caio filter dltp ft { display: block; } caio dltp bd h5 { display: flex; justify-content: center; font-size: 20px;} caio input#Search { background: unset; border: solid 0; padding: 7px 0px; font-size: 14px; } caio search i:hover { background: var(--b-t22);} caio d { display: grid ; align-items: center; gap: 5px; border: 1px solid var(--b-t22); border-radius: var(--p1); padding: var(--br1); font-size: 12px; margin: 0px 4px; margin-top: 32px; grid-template-columns: 40px 233px auto; } caio d>a { font-weight: 700; } caio d>i { width: 30px; } caio t { display: flex ; justify-content: center;font-size: 32px; font-weight: 300;margin: var(--br);} caio .wed-aap>p { font-size: 14px; padding: 0px 7px; color: var(--c); font-weight: 400; letter-spacing: 1px;} caio ss>i { margin: auto; width: 60px; } caio search i:nth-child(3) { rotate: 90deg; } caio d>a:nth-child(3) { color: var(--a); } @media only screen and (max-width: 999px){ caio bl.wed-aap bd { width: auto; height: auto; border-bottom: solid 1px rgb(0 0 0 / 11%); border-right:unset; } caio bl d { display: block; } caio mza hd a { font-size: 27px ; } caio manage hd { display: grid; } caio { padding: 8px; width: unset; } } cmscp bl{ display: block; margin-top: 22px; padding: 22px; border-radius: 22px; background: var(--b1-t44); } cmscp bd{ display: flex; flex-wrap: wrap; margin-top: 11px;row-gap: 16px; column-gap: 31px; opacity: 0.7;} cmscp bd div { display: grid; grid-template-columns: 22px auto; align-items: center; } cmscp div a { font-size: 13px; font-weight: 400; line-height: 21px; letter-spacing: 0.5; } @media only screen and (max-width: 999px) { cmscp .flex-row { flex-direction: column; } cmscp { margin: 11px; margin-top: 22px; } } /* Component : Nav */ cnvo>bl { display: grid ; align-items: center; grid-template-columns: auto max-content max-content; padding: 11px 7px; background: var(--b); } cnvo>bl logo { height: 33px; width: 33px; display: inline-flex ; position: relative; z-index: 8888; justify-content: center; align-items: center; margin-right: 7px; } cnvo>bl name { display: inline-flex ; background: linear-gradient(130deg, #2ea0f6 38%, var(--a) 45%, var(--a1) 77.5%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.2em; font-weight: 900; } cnvo>bl hd { display: flex ; align-items: center; } cnvo>bl bd>btn { display: grid ; align-items: center; background: var(--a); grid-template-columns: 22px auto; border-radius: 7px; padding: 7px 15px; font-size: 14px; justify-content: center; font-weight: 500; line-height: 22px; position: relative; max-width: max-content; margin-right: 7px; } cnvo>bl btns>btn { display: flex ; align-items: center; justify-content: center; height: 33px; width: 33px; padding: 4px; margin-left: 7px; } @media (min-width : 999px){ cnvo { display: none; } } /* Component : Nav1 */ cpnvo>bl { display: grid ; grid-template-columns: 177px auto max-content; padding: 0 22px; z-index: 9; position: relative; } cpnvo>bl logo { display: flex ; justify-content: center; align-items: center; height: 44px; width: 44px; position: relative; } cpnvo>bl hd { position: relative; } /*cpnvo>bl hd:after { content: " Exchange "; position: absolute; background: linear-gradient(130deg, #2ea0f6 38%, var(--a) 45%, var(--a1) 77.5%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.2em; font-weight: 900; font-family: var(--ff); left: 55px; top: 0; bottom: 0; display: flex ; align-items: center; }*/ cpnvo>bl f { align-items: center; } cpnvo>bl f>a { text-decoration: none; position: relative; display: flex ; align-items: center; font-weight: 500; padding: 11px 15px; height: max-content; margin-right: 4px; opacity: 1; transition: 0.3s ease; } cpnvo>bl btn>ul { background: var(--b1t); border-radius: 16px; backdrop-filter: blur(22px); padding: 11px; width: 280px; z-index: 1001; border: solid 1px var(--b-t); visibility: hidden; transition: 333ms; overflow: hidden; opacity: 0; inset: 23px auto auto 0px; position: absolute; top: 44px; margin: 0; } cpnvo>bl btn:hover ul { visibility: visible; pointer-events: all; opacity: 1; } cpnvo>bl ul>li { display: block; text-align: start; padding: 7px 11px; margin-bottom: 4px; border-radius: 7px; } cpnvo>bl ul>li:hover { background: var(--bc); } cpnvo>bl bd { display: flex ; align-items: center; } cpnvo>bl btns { display: flex ; align-items: center; } cpnvo>bl btns>btn { display: flex ; align-items: center; padding: 7px; border-radius: 7px; margin-left: 7px; } cpnvo>bl btn>i { height: 22px; width: 22px; margin: 4px; } cpnvo>bl btns>btn:nth-child(2) { background: var(--lg-b); padding: 4px 15px; font-size: 0.88em; } cpnvo>bl btns>btn:nth-child(2) i { height: 17px; width: 17px; } cpnvo>bl bd>btn:active { transform: unset; } cpnvo>bl ul>li:active { background: var(--b-t22); } cpnvo>bl f>a:hover { color: var(--a); } @media (max-width : 999px){ cpnvo>bl bd { display: none; } cpnvo>bl { padding: 0 7px; grid-template-columns: auto max-content; } cpnvo>bl btns>btn:nth-child(1) { display: none; } cpnvo>bl hd:after { display: none; } cpnvo>bl { padding: 7px; } } /* Component : Dnav */ cnvdo>bl { justify-content: space-between; grid-template-columns: 34% auto max-content; display: grid ; padding: 4px 11px; align-items: center; position: sticky; top: 0; z-index: 99; background: var(--b); } cnvdo btn svg { opacity: .5; } cnvdo>bl hd { display: flex ; align-items: center; } cnvdo>bl hd>f { display: grid ; grid-template-columns: 55px auto 44px; box-shadow: 0 0 2px 1px var(--bc); border-radius: var(--br1); margin: 4px; font-size: 0.88em; align-items: center; } cnvdo>bl logo { width: 22px; height: 22px; background: var(--b1-t); border-radius: var(--br1); display: flex ; align-items: center; justify-content: center; padding: 11px; } cnvdo>bl f>btn { display: flex ; align-items: center; justify-content: center; height: 22px; width: 22px; padding: 11px; } cnvdo>bl btns { grid-template-columns: auto auto auto auto; display: grid ; align-items: center; } cnvdo>bl hd btns>btn { display: flex ; align-items: center; justify-content: center; height: 22px; width: 22px; padding: 11px; background: var(--b1-t); margin: 0 2px; border-radius: 10px; } cnvdo>bl fl { grid-template-columns: 188px 188px; display: grid ; align-items: center; } cnvdo>bl fl>sl { display: grid ; grid-template-columns: auto auto; align-items: center; border: 1px solid var(--b1); border-radius: var(--br1); position: relative; margin: 5px 6px; background: transparent; height: 46px; } cnvdo>bl fl>sl btn { height: -webkit-fill-available; width: 22px; padding: 11px; display: flex ; align-items: center; justify-content: center; border-radius: var(--br1); background: var(--b1-t); grid-column-start: 2; position: relative; z-index: 999; justify-self: end; } cnvdo>bl fl>sl input { margin: 0; padding: 0 11px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: var(--br1); background: transparent; padding-right: 55px; font-size: 0.88em; z-index: 0; height: auto; min-height: auto; } cnvdo>bl fl>sl:nth-child(2) { display: flex ; justify-content: space-between; } cnvdo>bl fl>sl:nth-child(2) btn { width: max-content; flex: none; min-width: 51px; background: transparent; font-size: 0.77em; color: var(--b-t44); } cnvdo>bl fl>sl select { padding: 0; margin: 0; background: transparent; border: none; color: var(--c); font-size: 0.88em; height: auto; min-height: auto; } cnvdo>bl fl>sl btn:nth-child(2) { display: block; padding: 7px; background: var(--bc); border-radius: 8px; position: relative; min-height: auto; place-content: center; } cnvdo>bl ft>btn { height: 22px; width: 22px; padding: 11px; display: flex ; align-items: center; justify-content: center; background: var(--b1-t); border-radius: var(--br1); margin: 4px; flex: none; } cnvdo>bl ft { display: flex ; align-items: center; } cnvdo>bl ft btn:nth-child(2) { display: grid ; grid-template-columns: auto 55px; box-shadow: 0 0 2px 1px var(--bc); border-radius: var(--br1); align-items: center; background: transparent; font-size: 0.77em; padding: 0; padding-left: 17px; margin: 4px; cursor: pointer; height: auto; width: auto; } cnvdo>bl ft btn:nth-child(2) i { display: flex ; align-items: center; justify-content: center; background: var(--b1-t); height: 44px; width: 44px; border-radius: var(--br1); margin-left: auto; overflow: hidden; } cnvdo>bl fl>sl:nth-child(2) btn:nth-child(1) { padding: 0; } @media (max-width : 1300px) { cnvdo>bl ft btn t { display: none; } cnvdo>bl ft btn:nth-child(2) { display: flex ; height: 33px; width: 33px; padding: 4px; } cnvdo>bl ft btn:nth-child(2) t { display: none; } cnvdo>bl ft btn:nth-child(2) i { height: 35px; width: 35px; } } @media screen and (max-width: 999px) { cnvdo { display: none; } }dnpf mg a>i { height: 20px; width: 20px; } #Exchange cnvdo>bl btns>btn dv { display: none; } #Exchange cnvdo>bl btns>btn dv dnpf { position: absolute; top: 2.4rem; z-index: 99; width: 238px; padding: unset; transition: 222ms; left: 0; font-size: 12px; overflow: hidden; background: var(--b1); border-radius: var(--br1); box-shadow: 1px 0px 20px 0px var(--b1); border: solid 1px var(--bc); } #Exchange cnvdo dv dnpf mg { padding: unset; width: -webkit-fill-available; margin: 12px 0px; display: block;} #Exchange cnvdo dv dnpf li { display: flex ; align-items: center; gap: 11px; padding-left: 1rem; border-radius: unset; } #Exchange cnvdo dv dnpf a { display: flex ; align-items: center; gap: 11px;padding: 7px 11px 7px 16px; margin: 0px 0px 4px; border-radius: unset; justify-content: start;} #Exchange cnvdo dnpf ft f { padding-inline: 22px; padding-block: 13px; width: -webkit-fill-available; gap: 16px; border-top: solid 1px var(--bc); } #Exchange cnvdo dnpf ft i { height: 15px; width: 15px;} #Exchange cnvdo dnpf hd { gap: 1rem; padding: 10px 0 10px 1rem; } #Exchange cnvdo dnpf btn:nth-child(1) { background: var(--a); margin: unset; } #Exchange cnvdo dnpf btns { gap: 8px; display: flex; padding-left: 1rem; } #Exchange cnvdo dnpf btns>btn:nth-child(2) { margin: unset; padding: 7px; display: flex; box-shadow: unset; background: var(--bc); border-radius: 5px; } #Exchange cnvdo>bl dnpf bd { display: block; } #Exchange cnvdo dnpf name { padding: 4px 12px; display: flex; background: var(--bc); border-radius: 5px; width: fit-content; font-size: 10px; margin-top: 9px; } dnpf hd i { width: 40px; height: 40px; } 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; } #SendNow { 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; } #SendNow svg { fill: var(--b); max-height: 77%; max-width: 77%; } send out bl hd>h3 { display: grid; grid-template-columns: 33px auto; } 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%; } /*Futures_Portfolios.css*/ ntks>bl { display: block; max-width: 1200px; margin: 22px auto; padding: 22px 0px;} ntks>bl>bd { display: block ;overflow: hidden; } ntks>bl d { display: flex ;flex-direction: row;transition: 333ms; } ntks bd dot { width: 10px; height: 3px; background: var(--bc); margin: 0px 2px; } ntks dot.slide { background: var(--c); } ntks .active { color: unset; } ntks bd lin { display: flex ; align-items: center; justify-content: center; margin: 11px; } ntks sli { display: grid; min-width: 100%;border-radius: 22px; overflow: hidden; } @media (max-width: 999px) { sfts ntks ctdos { min-width: -webkit-fill-available; } afps hd>a { grid-template-columns: auto ; } afps>bl { margin: 11px ; } afps hd>h3 { font-size: 1.5em; } afps hd t { display: none; } ntks sli { border-radius: 0; } } /* Component : News */ cnss>bl>hd>time { display: none; background: var(--lg-b); padding: 11px 22px; margin-bottom: 9px; position: relative; border-radius: 7px; text-align: center; max-width: max-content; } cnso>bl { border-radius: 0; border-bottom: solid 1px var(--c1); display: block; padding: var(--p1); margin: 11px 0; } cnso>bl time { color: var(--b-t44); font-weight: 500; } cnso>bl h4 { font-weight: 500; line-height: 1.55; margin: 11px 0; } cnso>bl p { margin-top: 11px; font-size: 0.77em; font-weight: 100; opacity: 0.7; } cnso>bl f>t { line-height: 1.6; padding: 5px 11px; background: var(--b1); width: fit-content; display: flex ; gap: 7px; border-radius: 5px; margin: 0 7px; font-size: 0.77em; } cnso>bl f { overflow: scroll; } cnss { display:none; } cnso>bl { padding: 0 7px !important; } cnso>bl i { border-radius: 22px; overflow: hidden; margin: 11px auto; height: 100%; width: 35%; } cnso>bl i { overflow: visible; width: unset; }/*News_Widget*/ nswt {max-width: 500px;min-width: 500px; display: block; margin-top: 10px; } nswt bl { background: var(--c1); border-radius: 16px; margin: auto; display: flex; flex-direction: column; overflow: hidden; padding: 24px; } nswt hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } nswt hd span:first-child { font-size: 18px; font-weight: 600; } nswt hd span:last-child { font-size: 14px; color: var(--b-t44);} nswt bd ul { display: flex; flex-direction: column; gap: 16px; padding: 0; margin: 0; list-style: none; } nswt bd li { font-size: 15px; line-height: 1.5; } nswt bd li:hover { color: var(---gry); } @media only screen and (max-width: 999px) { nswt bl { background: var(--0); padding: 0; } nswt hd span:last-child { margin-bottom: 22px; } nswt { max-width: unset; min-width: unset; } ustt bd div span,ustt bd div d { margin: auto; } nswt hd { flex-direction: column-reverse; } }/*NoData*/ cnda { display: flex ; align-items: center; justify-content: center; margin:8px 7px; background: var(--b-t); border-radius: var(--br); padding: 55px 0px;} cnda hd i { display: block; width: 88px; height: 88px; margin: auto; filter: grayscale(1); opacity: 0.5; } cnda hd i>img { height: 100%; width: 100%; margin: -7px 0px; display: block; } cnda bd h4 { font-weight: 300; color: var(--c); margin-top: 10px; text-align: center; opacity: 0.3; font-size: 0.88em; } cnda>bl ft>p { text-align: center; font-weight: 400; letter-spacing: 0.55px; opacity: .7; } cnda>bl { display: block; padding: var(--p); } @media only screen and (max-width: 999px) { cnda { padding:0px; } } cnoov .noti> hd { display: flex; justify-content: center; flex-direction: column;} cnoov .noti> hd i { height: 60px; width: 60px; margin: auto;} cnoov .noti ft { background: var(--c); display: grid ; justify-content: center; padding: 11px; border-radius: 44px; font-size: 16px; color: var(--b1); font-weight: 600; margin-top: 15px; } cnoov .noti> hd h1{font-size: 22px; margin: 0; font-weight: 500; } cnoov { display: flex ; background: var(--c1); padding: 33px 61px 0; border-radius: 18px; } cnoov t { font-size: 14px; color: var(--b-t44);margin: 0; font-weight: 500; }/**Notification_List**/ bnpo i { height: 30px; width: 30px; } bnlt>bl>hd { display: flex ; gap: 7px; } bnlt>bl>hd d { display: flex ; justify-content: space-between; width: -webkit-fill-available;align-items: center;} bnlt>bl>bd { padding: 0px 0px 0px 35px; display: flex ; flex-direction: column; } bnlt>bl>bd p { padding: 0; margin: 9px 0px; color: var(--c);font-size: 12px; } bnlt>bl>bd i { margin-left: auto; } bnlt>bl>ft { padding: 0px 0px 0px 35px; font-size: 15px; color: var(--a); font-weight: 500; } bnlt hd t { color: var(--b-t44); font-size: 14px; } bnlt>bl>hd h2 { font-size: 18px; font-weight: 500; line-height: 24px; } bnlt>bl>bd p a { color: var(--a); font-size: 12px; font-weight: 400; text-decoration: underline;} bnlt>bl { border-bottom: solid 2px var(--b1); } bnlt>bl { border-bottom: solid 2px var(--b1); padding: 16px; } bnlt>bl:hover { background: var(--b1-t44); } bnpo>bl { flex-direction: column; padding: 16px 0; border: solid 1px var(--c1); display: flex ; min-height: 100vh; } bnpo>bl>hd h2 { padding: 14px; font-size: 20px; } bnpo>bl>hd mg { display: flex ; border-bottom: solid 1px var(--b1-t);padding: 0px 13px;} bnpo>bl>hd mg a { font-size: 16px; font-weight: 400; color: var(--b-t44);border-bottom: 2px solid transparent; } bnpo>bl>bd { /*text-align: center;*/ display: block; } app.All bnpo mg a:nth-child(1) { border-bottom: solid 2px var(--a);color: var(--c); } app.RM bnpo mg a:nth-child(2) { border-bottom: solid 2px var(--a); color: var(--c);} app.AT bnpo mg a:nth-child(3) { border-bottom: solid 2px var(--a); color: var(--c);} bnpo mg a:nth-child(1) { border-bottom: solid 2px var(--a); color: var(--c); } app.RM bnpo mg a:nth-child(1) { border-bottom: 0; color: unset; } app.AT bnpo mg a:nth-child(1) { border-bottom: 0; color: unset; }/*Notification_Panel*/ #Exchange cnvdo>bl btns>btn:nth-child(5):hover nnpl bl { display: flex; } nnpl { max-width: 350px; min-width: 350px; transform: translate(0px, 0px); top: 135%; right: 0px; position: absolute; width: unset; z-index: 1400; transition-property: opacity, visibility; transition-timing-function: ease-in-out; transition-duration: .25s; } nnpl bl { background: var(--b1); border: solid 1px var(--bc); border-radius: 8px; margin: auto; display: none; flex-direction: column; overflow: hidden; padding: 20px; gap: 0; } nnpl hd { display: flex; justify-content: space-between; align-items: center;justify-content: end;} nnpl hd h3 { font-size: 14px; font-weight: 600; color: #9ca3af; letter-spacing: 0.5px; } nnpl hd a { font-size: 12px; color: #6b7280; text-decoration: none; display: flex; align-items: center; gap: 4px; } nnpl bd { display: flex; flex-direction: column; gap: 0; } nnpl bd tx { display: flex; align-items: flex-start; padding: 11px 0; width: 100%; } nnpl bd tx:last-child { border-bottom: none; } nnpl bd tx i { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 12px; flex-shrink: 0; font-size: 16px; } nnpl bd tx span { display: flex; flex-direction: column; gap: 4px; flex: 1; } nnpl bd h4 { font-size: 14px; font-weight: 400; display: flex; align-items: center; gap: 6px; margin: 0; } nnpl bd p { font-size: 12px; line-height: 1.4; margin: 0; color: var(--b-t44); } nnpl bd tx b { font-size: 12px; margin-left: 12px; flex-shrink: 0; white-space: nowrap; font-weight: 400; color: var(--b-t44); } nnpl bd tx b i {margin-right: 4px; } nnpl hd i { width: 14px; height: 14px; transform: rotate( 181deg); } nnpl bl hd a { font-size: 12px; text-decoration: none; display: flex; align-items: center; gap: 8px; width: 100%; justify-content: end; font-weight: 400; opacity: .7; } nnpl bd tx path { fill: var(--c) !important; } /* Component : Notifications */ cnfs>bl { display: block; background: var(--b); backdrop-filter: blur(22px); border-radius: 11px 0 0 11px; position: relative; z-index: 99; overflow: auto; height: -webkit-fill-available; } cnfs>bl>hd { display: grid ; grid-template-columns: 55px auto 55px; align-items: center; box-shadow: var(--bs-b); background: var(--b-t); padding: 11px 0; } cnfs { position: absolute; inset: 0; left: unset; transition: 333ms; right: -100%; opacity: 0; visibility: hidden; height: 100vh; max-width: 377px; } .Notifications cnfs { right: 0; opacity: 1; visibility: visible; } cnfs>bl hd>btn { display: flex ; align-items: center; justify-content: center; height: 22px; width: 22px; padding: 5px; margin: auto; } cnfs>bl>hd>i { height: 22px; width: 22px; margin: auto; } cnfs>bl>bd { max-height: 90vh; display: block; overflow: auto; } cnfs>bl>ft>btn { display: block; margin: 11px auto; text-align: center; } ntfo>bl { display: grid ; grid-template-columns: 55px auto max-content; margin: 7px 11px; border: solid 4px var(--b); transition: 333ms; padding: 22px; background: var(--b-t); border-radius: 22px; box-shadow: var(--bs-b); position: relative; } ntfo>bl ft>btn { height: 22px; width: 22px; display: flex ; align-items: center; justify-content: center; padding: 7px; position: absolute; top: 0; right: 0; margin: 7px; transition: 333ms; border-radius: 55%; } ntfo>bl hd>i { height: 40px; width: 40px; border-radius: 55%; overflow: hidden; background: var(--b1-t); } ntfo>bl p { margin: 4px 0; font-size: 0.77em; color: var(---gry); overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }coos>bl { display: block; background: var(--b1-t44); padding: 11px; border-radius: var(--br1); margin: 0 7px; } coos>bl>hd { display: flex ; justify-content: space-between; padding: var(--br1);} coos btn { display: grid ; grid-template-columns: 33px auto; align-items: center; } /*Open_Adds*/ cono { display: block; } cono hd { display: flex; align-items: center; padding: var(--p1); } cono hd lable { display: flex; align-items: center; } cono hd lable h3 { font-size: 14px; font-weight: 500; margin-left: 7px; } cono hd btn { font-size: 14px; font-weight: 500; padding: 7px 22px; background: var(--b1-t44); border-radius: 7px; margin-left: 22px; } cono bd { display: none; grid-auto-flow: column; padding: var(--p1); } cono bd b { padding: 11px 22px; background: var(--b-t); border-bottom: 1px solid var(--bc); } cono bd b h4 { font-size: 14px; font-weight: 500; } @media only screen and (max-width: 999px) { cono bd { overflow-x: scroll; } cono bd b { height: fit-content; white-space: nowrap; } } /*OpenTrades*/ cots {display: none ;} .oders cots { display: block; } cots div hd { display: grid ; grid-template-columns: 44px auto; display: none; } cots div i { height: 40px; width: 40px; } cots div hd h3 { display: flex; align-items: center; padding-left: 1px; } cots div bd h4 { margin: 11px 0;} coto bl { border-bottom: 1px solid var(--b1);align-items:center; display: grid ; padding: var(--p1); grid-template-columns: 77px auto 111px; margin: var(--m) 0px; position: relative; } coto hd { align-items: center; justify-content: center; height: 55px; width: 55px !important; border-radius: var(--br1); display: flex ; width: 100%; flex-direction: column;} coto hd rto { height: 66px; width: 66px; align-items: center; display: flex ; justify-content: center; position: relative; margin: 2px; font-size: 0.66em; } coto hd rto>i { position: absolute; height: 100%; width: 100%; } coto hd rto>i>svg { transform: scale(1.2); } coto bl b { opacity: 0.4; } coto h6 { justify-content: space-between;display: grid ; grid-template-columns: max-content auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; font-weight: unset; font-weight: 400;} coto h5{color: #0ecb81; } coto created { opacity: 0.44; } coto hd i { width: 50%; } coto bl>ft { display: flex ; flex-direction: column; justify-content: space-between; align-items: end; } coto ft cancel { font-size: 0.88em; padding: 2px 11px; border-radius: 4px; position: relative; z-index: 99; background: var(--b1); font-weight: 400; } cots .odr Transactions trcs>trc.ordr { align-items: center; display: grid ; background: var(--b-t); border-radius: 22px; grid-template-columns: 77px auto 111px; position: relative; padding: 11px 22px; margin: 11px 0; border-bottom: 1px solid var(--b1); } cots>bl> bd.odr h4 { font-weight: 100; opacity: 0.5; } cots>bl> hd>h3 { display: none; } cots>bl> ft more { display: none; } cots>bl> bd.odr>h4 { opacity: 1; font-weight: 400; } /* Component : OptionNonWorking */ .withdraw_nwi{border: solid 1px #fff2;background-color: transparent;color: #fff;font-size: 22px;font-weight: bold;letter-spacing: 1px;border-radius: 50px;position: relative;grid-column-start: 1;grid-column-end: 4;margin: 11px auto;width: 100%;padding: 0;height: 44px;max-width: 222px;font-family: system-ui;} #withdraw_nwi{background-image: linear-gradient( 111deg, #673ab7, #00bcd4);border: unset;} .pending{color: rgb(255,0,0); } .active{color: rgb(0,0,255); } .withdrawable{color: rgb(0,255,0); } /* Component : OptionWalletBalance */ opws sidebar ft btn { background: var(--a); width: 96%; display: flex; justify-content: center; padding: 8px; border-radius: var(--br1); } opws sidebar grid bd { padding: 14px 0px; display: grid ; grid-template-columns: 45% 42%; row-gap: 25px; column-gap: 29px; } opws sidebar bd b2 h1 { font-size: 14px; } opws grid bd { padding: 14px 0px; } opws grid bd h3 { font-size: 14px; font-weight: 400; color: var(--ct); margin-block: 3px; } opws grid bd div { font-size: 9px; display: block; } opws grid bd b2 { font-size: 9px; display: block; } opws grid bd b3 { font-size: 9px; display: block; } opws grid hd b3 { font-size: 9px; display: block; } opws grid bd b4 { font-size: 9px; display: block; } opws sidebar d.sidebar { background: rgb(27 27 27 / 70%); box-shadow: 0px 1px 7px -6px var(--ct); } opws grid bd h2 { font-size: 14px; font-weight: 400; color: var(--ct); margin-block: 3px; border-bottom: dotted 0.1px; } opws grid bd h4 { font-size: 12px; color: var(--c); font-weight: 500; } opws sidebar bl bl4 h1 p svg { fill: var(--ct); transform: rotate(180deg); } opws sidebar bl bl4 h1 { font-size: 14px; font-weight: 300; display: grid ; grid-template-columns: auto 24px; align-items: center; } opws grid bl bl3 h1 { font-size: 20px; font-weight: 200; color: var(--c); } opws sidebar bl bl2 h1 p { font-size: 16px; font-weight: 300; margin: 0; } opws sidebar bl t h1 { display: flex; align-items: center; font-size: 28px; gap: 11px; margin-block: 8px; font-weight: 300;justify-content: space-between;} opws grid bl >h3 { display: grid; grid-template-columns: 21% 6%; align-items: center; } opws hd bl1 h3 { font-weight: 100;} opws grid bl bl1 { display: grid; grid-template-columns: 91% 5%; } cowbo bl { background: var(--b1t44); padding: 12px; border-radius: 12px; } cowbo h3 p { border-bottom: dotted 0.1px; margin: 0px; color: var(--c); width: fit-content; font-size: 16px; font-weight: 600; } cowbo hd i { width: auto; height: auto; } cowbo d { display: grid ; grid-template-columns: 91% 5%; } cowbo d>h3 { font-weight: 100; } cowbo t p { font-size: 16px; font-weight: 300; margin: 0; } cowbo t h2 { font-size: 18px; font-weight: 200; color: var(--c); } cowbo t h4 { font-size: 15px; font-weight: 300; display: grid ; grid-template-columns: auto 24px; align-items: center; }/*Option_WalletCurrencies*/ cowc bd trcs { display: block; width: 100%; } cowc bd trcs bd { width: 100%; display: flex; } cowc bd div { padding: 14px 0px; display: grid; grid-template-columns: 40% 43%; row-gap: 34px; column-gap: 62px; width: 100%; } cowc bd h2 { font-size: 12px; font-weight: 100; margin-block: 3px; color: var(--ct); } cowc trc img { object-fit: contain; height: 77%; width: 77%; } cowc trcs>trc {grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--b);border-radius: 15px;position:relative;} cowc trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);} cowc>bl>hd{display: grid; grid-template-columns: 44px auto;display:none } cowc hd>i{ height: 40px; width: 40px;} cowc hd h3{ display: flex; align-items: center; padding-left: 1px; } /* Component : OptionWalletLinks */ cowlo>bl mb a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } cowlo>bl { background: transparent; padding: unset; margin: 0; } cowlo>bl bd { overflow: scroll; padding: unset; } cowlo>bl mb { height: 55px;margin: 0px;min-width: 0px;width: 100%;white-space: nowrap;display: flex;flex-direction: row;overflow: scroll; } /* Component : OptionWallets */ opws a.jrac { transition: 150ms; } bd Currenci { display: block; width: 100%; } bd Currenci bd { width: 100%; display: flex; } Currenci bd div { padding: 14px 0px; display: grid; grid-template-columns: 40% 43%; row-gap: 34px; column-gap: 62px; width: 100%; } Currenci bd h1 { font-size: 12px; font-weight: 100; margin-block: 3px; color: var(--ct); } currenci hd div b1 h5 { font-size: 15px; } optionss trcc.trrc { display: block; position: relative; } optionss currenci.crc { display: none; } optionss.Currenci currenci.crc { display: block; padding-block: 13px; } optionss.Currenci a.crc { color: var(--a); border-bottom: solid 2px; height: 33px; } optionss trcc.trrc { display: none; } optionss.trcc trcc.trrc { display: block; } optionss.trcc a.trrc { color: var(--a); border-bottom: solid 2px; height: 33px; } optionss.Transactions a.trs { color: var(--a); border-bottom: solid 2px; height: 33px; } transactions.trs { display: none; } optionss.Transactions transactions.trs { display: block; } opws main div h6 name { font-size: 13px; margin-block: 5px; } opws main div h4 symbol { font-size: 12px; font-weight: 100; color: var(--ct); } opws main div hd svg { width: 21px; background: var(--c); padding: 2px; border-radius: 22px; height: auto; } fundings trc img { object-fit: contain; height: 77%; width: 77%; } opws main div h4 { display: flex; column-gap: 21px; } opws bd trcs>trc { display: flex; flex-direction: column; padding: 1; margin: 0; background: transparent; position: relative;} fundings trcs>trc {grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--b);border-radius: 15px;position:relative;} opws main div hd { display: flex; align-items: center; column-gap: 12px; font-size: 18px; background: transparent; width: auto; justify-content: flex-start; height: auto} fundings trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);} opws main grid bd { display: flex; flex-direction: row; align-items: revert; justify-content: flex-start; padding: 1px; gap: 39px; } opws main div h4 { display: flex; column-gap: 21px; font-weight: 400; } opws main div bd trcs { width: 100%; }/*OrderCancelNew*/ cocn bl { display: grid ; padding: 22px; border-radius: 22px; background: var(--b1t44); } cocn input { padding: 7px 0; font-size: 2em; font-weight: bold; background: var(--c0); text-align: center; width: 100%; border-radius: 11px; border: solid 1px rgb(255 255 255 / 11%); margin-bottom: 11px;margin-top: 55px; } cocn ft i { height: 33px; width: 33px; margin-right: 11px; filter: invert(1); } cocn ft f { color: var(--c); } cocn hd { display: grid ; grid-template-columns: 33px auto; align-items: center; } cocn bd div * { font-weight: 500; } cocn bd div { display: flex ; gap: 11px; align-items: center; } cocn bd h2 { font-size: 2em; } cocto bl{display: grid ; grid-template-columns: 77px auto auto; padding: 22px; background: var(--b1-t44); border-radius: 11px; margin-bottom: 5px;} cocto hd { height: 55px; width: 55px;background: var(--bc); border-radius: 11px; justify-content: center; align-items: center; display: flex ; } cocto hd img { object-fit: cover; height: 77%; width: 77%; filter: invert(1); } cocto bd { display: flex ; flex-direction: column; justify-content: center; } cocto h6 { display: grid ; grid-template-columns: max-content auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; font-weight: unset; } cocto ft { display: flex ; flex-direction: column; justify-content: center; align-items: end; } cocts>bl trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);} cocts>bl trcs>trc {grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--b);border-radius: 15px;} cocts>bl trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);} codl hd h4 { font-size: 1.33rem; font-weight: 500; margin-bottom: 13px; } /*Component : ConvertTransactions */ cctts { display: block; background: var(--b1-t44); padding: 11px; border-radius: 22px; margin: 0 7px; } cctts>bl>hd { display: grid; grid-template-columns: 44px auto; } cctts trc { display: grid ; grid-template-columns: 58px auto 111px; padding: 22px; background: var(--bc); border-radius: var(--br1); position: relative; box-shadow: none; } cctts trc hd { align-items: center; justify-content: center; height: 55px; width: 55px !important; border-radius: var(--br1); display: flex ; background: var(--c0); display: grid ; } cctts trc h6 { display: grid ; grid-template-columns: auto auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; font-weight: unset; justify-content: space-between; } cctts trc price { font-weight: bold; } cctts trc bd b { opacity: 0.4; } cctts trc btn { font-size: 0.88em; background: var(--b1); padding: 2px 11px; border-radius: 4px; position: relative; z-index: 99; } cctts hd>h3 { display: flex; align-items: center; padding-left: 1px;} chmam { margin: 11px; display: block; } chmam bl hd { display: flex; justify-content: space-between; } chmam bl hd i { height: 30px; width: 35px; filter: invert(1); } chmam bl hd cnc { display: flex; gap: 10px; } chmam bd div { display: grid; grid-template-columns: auto auto; justify-content: space-between; padding: 8px 0; border-radius: 0; color: var(--b-t44); transition: 333ms;border: unset;} chmam bd t { height: 1; display: block; width: 100%; background: var(--b-t44); margin: 10px 0; } chmam bd div cnc { display: flex; justify-content: space-between; } chmam bl { padding: 15px; border: solid 2px var(--b1); border-radius: 15px; } chmam ft i { width: 28px; left: 2px; transform: rotate(270deg); opacity: 45%; } chmam ft { display: flex; justify-content: center; align-items: center; } chmam bd div cnc i { height: 15px; filter: contrast(0.0); } chmam bd div i { height: 20px; justify-content: end; width: 22px; opacity: 45%; } chmam bd div:nth-child(4) { justify-content: unset; display: grid; grid-template-columns: auto 20px; } chmam bd div:nth-child(6) h5:nth-child(2) { text-decoration: underline; color: var(--c); } chmam bd div:nth-child(6) i { height: 22px; justify-content: unset; width: 25px; left: 2px; opacity: unset; } chmam bd div:nth-child(6) { display: grid; justify-content: unset; grid-template-columns: auto 18px; } chmam bd div h5.cwhite { color: var(--c); } chmam div.expand bl:nth-child(5) { display: none; transition: all .5s ease-in-out; } chmam div.expand bl:nth-child(6) { display: none; transition: all .5s ease-in-out; } chmam div.expand bl:nth-child(7) { display: none; transition: all .5s ease-in-out; } chmam .expand bd t { display: none; } chmam bl { background: unset; } chmba bl bd { display: flex !important; justify-content: center; align-items: center; padding: 0 !important; } chmba bl bd i { height: 17px; width: 30px; } chmba bl { display: grid; justify-content: center; gap: 5px; background: unset; } chmba p { margin: unset; color: var(--b-t44); font-size: 0.7em; letter-spacing: 0.9; } chmba h2 { font-weight: 100; font-size: 1.5em; } chmba bl hd { display: flex; justify-content: center; } /* Component : P2PAdvantage */ cpaeo>bl tp { display: grid; gap: 0px; width: auto; transition: 333ms; font-weight: bold; margin: 7px; grid-template-rows: 99px auto; align-items: center;} cpaeo>bl { padding: 22px; border: 1px solid var(--b1); border-radius: 12px; display: block; margin: 22px; } cpaeo>bl bd { display: grid; grid-template-columns: 50% 50%; } cpaeo>bl tps i { width: 77px; justify-content: unset; } cpaeo>bl p { font-size: 0.77em; font-weight: 100; } cpaeo>bl h2 { font-size: 32px; font-weight: 100; line-height: 40px; margin-bottom: 1rem; } @media only screen and (max-width: 999px) { cp2pw>bl hd { display: block; } cp2pw>bl { padding: 11px; } cp2pw>bl>bd { display: block; } cp2pw>bl .ccc_table { display: block; } cp2pw>bl i { width: 77px; height: auto; } cpaeo>bl bd { grid-template-columns: 100%; } cpaeo>bl bd i:last-child { display: none; } cp2pw>bl btns { justify-content: flex-start; grid-template-columns: auto auto; } } /* Component : P2PBlog */ blogs { display: grid; grid-template-columns: 33% 33% 33%; align-items: baseline; } blog { display: grid; align-items: flex-end; margin: 7px; } blog hd { background: var(--b1); padding: 5px; border-radius: 22px; display: flex; align-items: center; justify-content: center;margin-bottom: 24px;} blog h3 { font-weight: 400; font-size: 0.88em; } blog p { color: var(--b-t44); } blog ft { display: flex; } blog time { color: var(--b-t44); font-size: 0.77em; } cp2pblog >hd { margin-bottom: 33px; display: block; } cp2pblog { padding: 22px; border: 1px solid var(--b1); border-radius: 12px; display: block; margin: 11px 0; } blog i { width: 100%; overflow: hidden; border-radius: 22px; } @media only screen and (max-width: 999px) { blogs { display: block; } cp2pblog { padding: 11px; } blog hd { padding: 0; } blog hd i { height: auto; width: auto;border-radius: 22px; overflow: hidden; } }/*P2PBuy*/ cpby { display: none; } cpby hd dv { margin-block: 30px 1px; display: flex ; font-size: 14px; align-items: center; padding: 3px; gap: 1rem; } cpby h2 { display: flex; font-size: 13px; font-weight: 400; align-items: center; gap: 11px; color: var(--ct); } cpby h2 i { width: 18px; } cpby bd dv:nth-child(3) { display: flex ; justify-content: space-between; } cpby hd p { font-size: 20px; margin: 0; font-weight: 400; } cpby dv:nth-child(2) { display: flex; justify-content: space-between; } cpby dv h2 p:nth-child(2) { height: 11px; background: linear-gradient(45deg, #3a66ff, #9195ff6b); width: 4px; margin: 0px; } cpby h1 { align-items: baseline; } cpby hd i { width: 22px; height: 22px; background: var(--c); } cpby hd i::before { content: " "; width: 8px; height: 8px; background: var(--a); border-radius: 11px; position: absolute; right: 0px; top: 13px; border: solid 2px var(--b); } cpby bd div { display: block; } cpby div.t h2 { background: rgb(14, 203, 129); padding: 5px 22px; color: var(--c); border-radius: 4px; font-weight: 700; } cpby h1 p { color: var(--ct); font-weight: 400; margin: 0; } cpby dv h3 { font-size: 22px; font-weight: 500; } cpby div btn { display: flex ; font-size: 14px; font-weight: 100; align-items: center; margin: 0px; padding: 3px; gap: 6px; } cpby btn p:nth-child(1) { color: var(--ct); font-weight: 400; margin: 0; } cpby btn p:nth-child(2) { margin: 0;font-size: 14px;font-weight: 400; } cpby dv div:nth-child(1) { display: grid ; gap: 6px; } cpby dv d { display: flex ; font-size: 13px; font-weight: 400; align-items: center; gap: 11px; color: var(--ct); } cpby dv d i { width: 18px; } cbtot.buyp2 cpby { display: block; } /* Component : P2PCarousel */ /*! Flickity v1.0.0 http://flickity.metafizzy.co ---------------------------------------------- */ carousel .bgg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; } carousel .bgg img { position: absolute; right: 0px; bottom: 0px; ;filter: hue-rotate(80deg); } .bgg logoo { position: absolute; right: 0px; bottom: 0px; z-index: 999; top: 0; width: 211px; margin-right: 116px; } .flickity-enabled {position: relative;} .flickity-enabled:focus { outline: none; } .flickity-viewport {overflow: hidden;position: relative;height: 100%;} .flickity-slider { position: absolute; width: 100%; height: 100%;} /* draggable */ .flickity-enabled.is-draggable { -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab;} .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing;} /* ---- previous/next buttons ---- */ .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: hsla(0, 0%, 100%, 0.75); cursor: pointer;/* vertically center */ -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .flickity-prev-next-button:hover { background: white; } .flickity-prev-next-button:focus {outline: none;box-shadow: 0 0 0 5px #09F;} .flickity-prev-next-button:active { filter: alpha(opacity=60); /* IE8 */ opacity: 0.6;} .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } /* right to left */ .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px;} .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px;} .flickity-prev-next-button:disabled { filter: alpha(opacity=30); /* IE8 */ opacity: 0.3; cursor: auto;} .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%;} .flickity-prev-next-button .arrow { fill: #333;} /* color & size if no SVG - IE8 and Android 2.3 */ .flickity-prev-next-button.no-svg { color: #333; font-size: 26px;} /* ---- page dots ---- */ .flickity-page-dots { position: absolute; width: 100%;bottom: -20px;padding: 0;margin: 0;list-style: none; text-align: center; line-height: 1;} .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); /* IE8 */ opacity: 0.25; cursor: pointer;} .flickity-page-dots .dot.is-selected { filter: alpha(opacity=100); /* IE8 */ opacity: 1;} /* external css: flickity.css */ carousel * { -webkit-box-sizing: border-box; box-sizing: border-box;} .gallery-cell { width: 100%; height: 200px; margin-right: 0; counter-increment: gallery-cell;} /* cell number */ .gallery-cell img { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; object-fit: contain; height: calc(100% - 0px); width: calc(100% - 0px); border-radius: 0px; box-shadow: 0 0 2px 4px rgb(0 0 0 / 0%); } .flickity-prev-next-button {opacity:0;} .z-1{position: absolute;display: block;z-index: 8888;background: var(--a);right: 99px;top: 22px;border-radius: 15vh;opacity: 0.1;margin: auto;height: 35vw;width: 35vw;border: solid 6vw var(--a);} .btn1a{color:var(--b);display: grid;height: 100%;width: 100%;justify-content: center;align-items: center;position: absolute;top: 0;bottom: 0;right: 0;left: 0;} .btn2a{display: grid; grid-template-columns: 4vw auto; justify-content: center; align-items: center; color: var(--a); position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .btn1{position: relative; background:var(--a)} .btn2{background: transparent;color: var(--a);border: solid;position: relative;} @media only screen and (max-width: 999px){ .gallery-cell img { object-fit:cover} } @media only screen and (min-width: 999px){ .gallery-cell img { object-fit:cover} .gallery-cell { width: 100%; height: calc(100vh - 244px);} .cells{display:grid;grid-template-columns:0 50% 45%;} .cells picture { display: block; position: relative; } cell { margin: 22px; padding: 0px; display: flex; justify-content: center; flex-direction: column; } cell h1 { font-size: 2.5vw; } cell p{font-size: 1vw;margin-top: 33px;} cell btns{display:grid;grid-template-columns:50% 50%;} cell btn { display: grid; height: 4vw; font-size: 1.23vw; background: var(--a); color: var(--b); justify-content: center; align-items: center; font-weight: bold; border-radius: 11px; margin-right: 22px; margin-top: 22px;position: relative; } } .flickity-prev-next-button:disabled {opacity: 0; } slides slide>i { height: 100%; width: 100%; } /* Component : P2PCurrency */ cpcco>bl { display: block; background: var(--b1); padding: 11px; border-radius: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); right: 0; margin: 11px auto; position: absolute; z-index: 999; left: 0; max-height: 355px; overflow: auto; top: 35px; transition: 333ms; } cpcco>bl>d { display: grid ; grid-template-columns: 55px auto; align-items: center; padding: 7px; margin: 7px 4px; border-radius: 7px; } cpcco>bl>d:hover { background: var(--bc); } /* Component : P2PFAQ */ cpwfs { padding: 22px; border: 1px solid var(--b1); border-radius: 12px; display: block; margin: 22px; max-width: unset; } cpwfs bd d hd h4 { padding: 6px; border: solid 0px; border-radius: 25px; height: 15px; } cpwfs .expand t { display: none; } transform: rotate(88deg); } cpwfs d asnwer h5 { font-weight: 400; letter-spacing: 0.8; } cpwfs d.expand asnwer { display: block; height: auto; backdrop-filter: blur(44px); top: 0; padding: 16px 33px; margin: 0; } cpwfs spwo bd bd .footer2 { border: none; } cpwfs d asnwer { position: relative; display: none; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; display: block; transition: 333ms; z-index: 9999; font-family: poppins; font-weight: 100; transition: all .5s ease-in-out; height: 0; line-height: 30px; } cpwfs bd { display: grid; gap: 30px; padding: 22px; } cpwfs div.expand d.jtc { padding: 0 0 22px 0; border-bottom: solid 1px var(--b1); } cpwfs bd hd h3 { font-weight: 400; } cpwfs d h4 { padding: 5px; border: solid 0px; border-radius: 25px; } cpwfs bl bd div h4 t { display: flex ; width: 14px; height: 2px; background: #ffffff; position: relative; bottom: 0px; top: 4px; margin: 0; transform: rotate(88deg); } cpwfs bl bd div h4 p { display: flex ; width: 14px; height: 2px; background: #ffffff; position: relative; bottom: 0px; top: 6px; margin: 0; } cpwfs div.expand asnwer { display: block; height: 100px; backdrop-filter: blur(44px); top: 0; padding: 16px 33px; margin: 0; } cpwfs bd d { display: grid ; justify-content: space-between; padding: 0; grid-template-columns: auto 28px; gap: 2%; font-size: 0.88em; } @media only screen and (max-width: 999px){ cpwfs bl bd div { display: grid ; width: auto; border-radius: 15px; border: solid 1px var(--b1); transition: 333ms; padding: 10px; } cpwfs bd { padding: 0px; } cpwfs bd hd h3 { font-weight: 100; font-size: 13px; } } @media only screen and (min-width: 999px){ cpwfs bl bd div { display: grid; width: auto; border-radius: 15px; border: solid 1px var(--b1); transition: 333ms; padding: 22px; } } /* Component : P2PFooterLink */ .footerlogo { display: flex;margin: 22px; } footer gg{display:grid;grid-template-columns: 33.33% 33.33% 33.33%;} footer gbl { display: grid; grid-template-columns: 77px auto 0; padding: 0px 33px; border-right: solid 1px var(--bc);margin:4px } footer gbl bd { display: flex; align-items: center; font-weight: bold; margin-left: 11px; } .footer1{ max-width: 1400px; } .footer2{border-bottom: solid 1px var(--b1-t);padding: 22px 44px;} .footer3{border-bottom: solid 1px var(--bc);padding: 22px 44px;max-width: 1400px; margin: auto;} .footer2_1{display: grid; grid-template-columns: 55px auto auto; align-items: center; border-right: solid 1px var(--bc);} .footer2_2{display: grid;align-items: center;width: 100%;border-right: solid 1px var(--bc);padding: 0 22px;} .footer2_3{display: grid;justify-content: center;align-items: center;width: 100%;border-right: solid 1px var(--bc);} .footer2_4{ display: grid; justify-content: center; align-items: center; } .footer2_5{grid-column-start: 1;grid-column-end: 4;border-top: solid 1px var(--bc);text-align: center;align-items: center;display: flex;height:100%;padding-left: 22px;width: 88%;} .followus { display: flex; align-items: center; justify-content: start; opacity: 0.5; margin: 11px 0; gap: 22px; } .followus a i { width: 100%; height: 100%; } .followus a { display: block; height: 24px; width: 24px;overflow: hidden; } db d>footer ul { padding-inline-start: 0; } db d>footer li { display: flex; align-items: center; justify-content: start; } footer li { display: flex; align-items: center; justify-content: start; } .linkListing { display: grid; text-align: start; } footer .gsc_row { display: grid; grid-template-columns:20% 20% 20% 20% 20%;padding:11px 0; } .linkListing> hd svg { display: none; } footer .linkListing ul a { font-weight: 500; } .linkListing h4 { font-weight: 500; } footer .linkListing ul { padding-left:0;} @media only screen and (max-width: 999px) { footer .linkListing ul { display: none;} .company .linkListing .cpay { display: block; } .service .linkListing .srvi { display: block; } .products .linkListing .podu { display: block; } .about .linkListing .abt { display: block; } .linkListing> hd {display: grid; grid-template-columns: auto 33px; justify-content: space-between; align-items: center; padding: 11px;} .linkListing> hd svg:nth-child(1) { display: block; } .about .linkListing> .ao svg:nth-child(1) { display: none; } .about .linkListing> .ao svg:nth-child(2) { display: block; } .company .linkListing> .cm svg:nth-child(1) { display: none; } .company .linkListing> .cm svg:nth-child(2) { display: block; } .service .linkListing> .sv svg:nth-child(1) { display: none; } .service .linkListing> .sv svg:nth-child(2) { display: block; } .products .linkListing> .pd svg:nth-child(1) { display: none; } .products .linkListing> .pd svg:nth-child(2) { display: block; } db footer gg{display:grid;grid-template-columns: unset;margin: 0 auto;border-bottom: solid 1px var(--bc);padding: 11px;} db footer gbl { display: grid; grid-template-columns: 77px auto 0; padding: 11px 22px; border-right: unset; border-bottom: solid 1px var(--bc); } .footer1 { padding: 0; } .footer1>hd{ padding: 22px; display: block; padding-bottom: 0; } .footer2 { padding: 0; } .footer2_1 { width: 108%; margin-left: -4%; } .footer3 { padding: 0; } .footer2_3 { justify-content: unset; } .footer2_5 { width: 100%; padding: 7px; border-bottom: solid 1px var(--bc); } .footer2_1, .footer2_2, .footer2_3 { border: unset; } .footer2_1 p { margin: 0; } .irdaidetail { justify-content: center; align-items: center;width: 100%; } footer .support { display: grid; justify-content: end; } db footer { background: var(--b) !important; } footer {padding:0 11px;} .gsc_container.footer2 {padding:0;} } @media only screen and (min-width: 999px) { footer>hd>h3{ margin-left:77px} db d>footer { background: var(--b1); border-radius: 22px; box-shadow: 0px 0px 6px var(--b1); } } .info-section { text-align: center;margin: 22px 0; } /* Component : P2PHelp */ cwsaa>bl { display: flex ; flex-direction: column; align-items: center; margin: 0px auto; padding: 5% 32px; background: var(--b1-t44); border-radius: 20px; border: solid 2px var(--b1); gap: 28px; margin-bottom: 2%; } cwsaa>bl h2 { font-size: 1.44em; font-weight: 700; line-height: 130%; text-align: center; } cwsaa>bl btns{ display: flex; flex-direction: row; padding-top: 0px;background: none; } cwsaa>bl btns>btn:hover { color: var(--bc); } cwsaa>bl btns>btn { text-align: center; font-family: Roboto, "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei"; display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0px 16px; margin-left: 12px; font-size: 14px; font-weight: 700; border-radius: 20px; color: var(--c); background: var(--b); border: 1px solid var(--b-t44);} cwsaa>bl d { display: flex ; flex-direction: column; margin-top: 5%; gap: 22px; position: relative; } cwsaa>bl hd { padding: 0; display: grid ; align-items: center; grid-template-rows: unset; justify-content: center; row-gap: 11px; } cwsaa>bl bd { padding: 0; display: grid; align-items: center; grid-template-rows: unset; } cwsaa>bl ft { padding: 0; display: grid; align-items: center; grid-template-rows: unset; } cwsaa>bl h1 { margin-top: 5%; text-align: center; letter-spacing: 0.5; font-weight: 400; font-size: 15px; line-height: 150%; opacity: 0.6; } cwsaa>bl d p { text-align: center; font-size: 0.88em; line-height: 150%; opacity: 0.6; max-width: 100%; } cwsaa>bl cc { font-weight: 500; display: flex ; justify-content: center; } cwsaa>bl d:after { content: " "; min-width: 98%; display: block; height: 1px; position: absolute; background: var(--bc); top: 40px; right: -200px; } cwsaa>bl d:last-child:after { display: none; } cwsaa>bl d:nth-child(2):after { right: -126px; min-width: 67%; } cwsaa>bl d>i { width: 70px; height: 66px; margin: 7px auto; } @media (max-width : 999px){ cwsaa>bl bd>f { display: block; } cwsaa>bl d { display: grid ; grid-template-columns: 66px auto; } cwsaa>bl d>i { margin: 7px 0; } cwsaa>bl cc { justify-content: start; } cwsaa>bl d p { text-align: start; } cwsaa>bl d:nth-child(2):after { display: none; } cwsaa>bl d:after { display: none; } }spwo ul { padding: 0; } spwo .footerlogo a { margin: auto; } spwo .footerlogo a { display: flex; gap: 20px; align-items: center; background: linear-gradient(130deg, #2ea0f6 38%, var(--a) 45%, var(--a1) 77.5%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.4em; font-weight: 900; } spwo .info-section p { font-size: 14px; font-weight: 100; opacity: 0.3; } spwo ul li a:hover { opacity: 1; } spwo .footerlogo { margin: 22px 0px; } spwo footer gg{display:grid;grid-template-columns: 33.33% 33.33% 33.33%;} spwo footer gbl { display: grid; grid-template-columns: 77px auto 0; padding: 0px 33px; border-right: solid 1px var(--bc);margin:4px } spwo footer gbl bd { display: flex; align-items: center; font-weight: bold; margin-left: 11px; } spwo .footer1{ padding: 22px 44px;max-width: 1400px; margin: auto;} spwo .footer2{border-bottom: solid 1px var(--b1-t);padding: 22px 44px;} spwo .footer3{border-bottom: solid 1px var(--bc);padding: 22px 44px;max-width: 1400px; margin: auto;} spwo .footer2_1{display: grid; grid-template-columns: 55px auto auto; align-items: center; border-right: solid 1px var(--bc);} spwo .footer2_2{display: grid;align-items: center;width: 100%;border-right: solid 1px var(--bc);padding: 0 22px;} spwo .footer2_3{display: grid;justify-content: center;align-items: center;width: 100%;border-right: solid 1px var(--bc);} spwo .footer2_4{ display: grid; justify-content: center; align-items: center; } spwo .footer2_5{grid-column-start: 1;grid-column-end: 4;border-top: solid 1px var(--bc);text-align: center; align-items: center;display: flex;height:100%;padding-left: 22px;width: 88%;} screen#p2p_website { padding-bottom: 0; } spwo .followus { display: flex; align-items: center; justify-content: start; opacity: 0.5; margin: 11px 0; gap: 22px; } spwo .followus a i { width: 100%; height: 100%; } spwo .followus a { display: block; height: 24px; width: 24px;overflow: hidden; } spwo footer .gsc_row .footer2 div .footer3 { border: unset; padding: 0; max-width: unset; margin: unset; } spwo d>footer ul { padding-inline-start: 0; margin: 0;} spwo d>footer li { display: flex; align-items: center; justify-content: start; } spwo .linkListing { display: grid; justify-content: center; text-align: start; } footer .gsc_row { display: grid; padding: 22px; } spwo .linkListing.Développeur { display: grid; gap: 30px; } spwo bd div .Communauté ul { display: grid; grid-template-columns: 12% 12% 12% 12% 12%; } spwo footer ft .info-section { text-align: center; margin: 22px 0; padding: 0 30px; } spwo bd bd .footer2 h4 { margin-bottom: 10px; font-weight: 500; font-size: 16px; } div .Communauté h4.jtc { margin-bottom: 10px; font-weight: 100; } spwo footer ft .info-section h7:nth-child(3) { opacity: unset; } spwo footer ft .info-section h7 { font-size: 0.88em; } spwo d>footer li a { font-size: 12px; font-weight: 500; color: var(--ct); margin-bottom: 10px; opacity: 0.8;} spwo div#linkListing ul svg{width: 25px; height: 25px;} @media only screen and (min-width: 999px) { spwo footer>hd>h3{ margin-left:77px} spwo d>footer { background: var(--b-t); box-shadow: 0px 0px 6px var(--b1); border: solid 1px var(--c1); margin :0px; } } /* Component : P2PManage */ cpmo>bl { display: block; padding: 11px; width: auto; margin: 0; } cpmo>bl hd { display: flex ; justify-content: space-between; align-items: center; } cpmo>bl hd>btns { display: grid ; align-items: center; grid-template-columns: 50% 50%; border: solid 1px var(--bc); border-radius: 11px; padding: 1px; } cpmo>bl btns>btn { transition: 99ms; position: relative; cursor: pointer; text-align: center; background: var(--b-t); margin: 3px; border-radius: 6px; padding: 7px 33px; } cpmo>bl hd f>i { width: 22px; height: 22px; display: flex ; align-items: center; border-radius: 8px; background-color: var(--b1t); margin: 7px; padding: 11px; } cpmo>bl mb { display: flex ; align-items: center; overflow: scroll; margin: 7px 0; scroll-behavior: smooth; } cpmo>bl mb>a { display: flex ; justify-content: center; align-items: center; padding: 7px 11px; position: relative; margin-right: 7px; } cpmo>bl ft { display: flex ; justify-content: space-between; align-items: center; } cpmo>bl ft>sl { display: grid ; grid-template-columns: auto auto; align-items: center; flex: none; } cpmo>bl ft>sl.filter { display: flex ; width: max-content; } cpmo>bl ft>sl.filter select { width: max-content; } .acheters cpmo>bl btns>btn:nth-child(1) { background: var(--a); } .venders cpmo>bl btns>btn:nth-child(2) { background: var(--a); } cpmo>bl sl { position: relative; height: fit-content; box-sizing: border-box; border-radius: 8px; display: grid ; padding: 0px 16px 0px 12px; align-items: center; grid-template-columns: 144px auto; gap: 11px; border: solid 1px var(--b1); min-height: 44px; min-width: 222px; background: transparent; overflow: visible; } cpmo>bl sl>d { display: flex ; flex-direction: row; align-items: center; font-weight: 500; font-size: 14px; height: 19px; gap: 2px; grid-column-start: 2; } cpmo>bl bd { display: flex ; margin-block: 22px; align-items: center; } cpmo>bl mb>aa { border: solid 1px var(--b1); padding: 3px 18px; border-radius: 33px; margin-right: 7px; } cpmo>bl mb>aa.this { background: var(--lg); } cpmo>bl sl>d f { display: grid ; grid-template-columns: 22px auto; align-items: center; font-weight: 500; font-size: 14px; height: 19px; gap: 2px; } cpmo>bl sl>input { position: absolute; inset: 0; min-height: auto; height: auto; font-weight: 400; } cpmo>bl bd>btn { width: 33px; height: 33px; padding: 4px; border: solid 1px var(--b1t); border-radius: 8px; position: relative; cursor: pointer; display: flex ; justify-content: center; align-items: center; } /* Component : P2PMethods */ cppmo>bl { padding: 22px; display: block; background: var(--b-t); max-width: 777px; margin: 11px auto; border-radius: 11px; } cppmo>bl div i { height: 22px; } cppmo>bl bl { margin: 7px 0px; } cppmo>bl form { display: block; margin-bottom: 22px; } cppmo>bl d { display: block; border-bottom: solid 1px var(--b-t22); margin-bottom: 11px; padding: 5px; } cppmo>bl d>f { display: grid ; align-items: center; justify-content: space-between; grid-template-columns: auto 33px; } cppmo>bl d h1 { font-weight: 200; font-size: .88rem; } cppmo>bl d h2 { display: flex ; font-weight: 400; margin: 4px 0px; font-size: 0.88em; opacity: 0.6; } cppmo>bl d a { color: var(--a); } cppmo>bl d h3 { font-size: 0.88em; opacity: .6; font-weight: 400; } cppmo>bl ft>btn { display: block; border-radius: 11px; font-size: 1em; color: var(--c); margin: 5px auto; background: var(--lg-b); padding: 16px; text-align: center; width: 444px; } /* Component : P2POrder */ ccss { display: grid; grid-template-columns: auto auto auto auto; justify-content: center; gap: 10px; margin: 22px 0; } ccss h1 { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 6px; background-color: var(--b1t44); border: 1px solid var(--b-t44); padding: 5px; width: 23px; margin: 3px; } comm p { margin: 4px 0; font-size: 12px; line-height: 21px; } @keyframes circle-pulse { 0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0.9);} 50% {transform: scale(1);box-shadow: 0 0 0 8px rgba(77, 170, 87, 0);} 100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0); }} sbuo csutfp mg { display: flex; padding: 11px; margin-bottom: 22px; position: relative; } .Terms a.Terms, .Feedback a.Feedback, .Profile a.Profile { color: var(--a); } csutfp.Profile mg::after { left: 217px; width: 53px; } csufb.Terms { display: none; } csufb.Feedback { display: none; } csufb.Profile { display: none; } .Terms csufb.Terms, .Feedback csufb.Feedback, .Profile csufb.Profile { display: block; } csuo h2 { font-size: 16px; } csdbo btn { display: block; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; text-align: center; width: 121px; margin: auto; } csdbo hd.bc::after{display:none;} spon csuo { padding: 0 10px; } @media only screen and (max-width: 999px) { spon cpon { background: var(--b1); padding: 22px; border-radius: 22px; } spon hh d nm { justify-content: flex-start; } cpon csus hh d { display: block !important; } cpon> bd bl { font-size: 0.88em; } cpon>bd { padding: 0 !important; margin: 0 !important; align-items: baseline; } cpon>ft { margin: 0 !important; } cpon>ft d { margin: 7px 0 !important; } p22p { background: var(--b1); border-radius: 22px; margin: 11px; } spon csuo { background: var(--b) !important;} spon csluo { margin: 3px 0; } } mnus { display: none; } } @media only screen and (max-width: 999px) { spwo cpwoo mg { display: none; } mnus { display: flex; gap: 11%; justify-content: center; } mnus svg { width: 25px; height: 25px; } mnus i { width: 50px; height: 50px;margin: 0; background: var(--b-t); } mnus i { display: flex; } ccss { grid-template-columns: 10% 10% 10% 10% 10% 10%; gap: 7px; } } cpobo { display: grid; align-items: flex-end; margin: 7px; } cpobo hd { background: var(--b1); padding: 5px; border-radius: 22px; display: flex; align-items: center; justify-content: center;margin-bottom: 24px;} cpobo p { color: var(--b-t44); } cpobo t { font-weight: 400; font-size: 0.88em; } cpobo ft { display: flex; } cpobo ft t { color: var(--b-t44); font-size: 0.77em; } cpobo i { width: 100%; overflow: hidden; border-radius: 22px; } @media only screen and (max-width: 999px) { cpobo hd { padding: 0; } cpobo hd i { height: auto; width: auto;border-radius: 22px; overflow: hidden; } } /* Component : P2P_OrdersBlog */ cpobs blogs { display: grid; grid-template-columns: 33% 33% 33%; align-items: baseline; } cpobs hd t { font-weight: 400; font-size: 0.88em; } cpobs hd { margin-bottom: 33px; display: block; } cpobs { padding: 22px; border: 1px solid var(--b1); border-radius: 12px; display: block; margin: 11px 0; } @media only screen and (max-width: 999px) { cpobs blogs { display: block; } cpobs { padding: 11px; } } /* Component : P2POrderDetail */ cpdo>bl { padding: 11px; display: block; border-radius: 11px; } cpdo>bl pf { display: grid ; grid-template-columns: auto auto; align-items: start; gap: 11px; padding: 0px 15px; justify-content: start; } cpdo>bl pf>i { background: var(--b1); border-radius: 55%; height: 30px; width: 30px; padding: 4px; border: 1px solid var(--b-t22); } cpdo>bl pf f>i { height: 20px; width: 20px; margin-left: 11px; } cpdo>bl pf f { align-items: center; } cpdo>bl pf spain { display: grid ; grid-template-columns: 22px auto; gap: 7px; color: var(--b-t44); align-items: center; margin: 0 11px; font-size: 0.88em; } cpdo>bl d>ss { display: flex ; align-items: center; justify-content: space-between; margin-top: 7px; } cpdo>bl d hr { margin: 5px 11px; opacity: 0.7; width: 2px; height: 19px; } cpdo>bl bd { display: grid ; margin: 22px 11px; padding-left: 74px; grid-template-columns: auto auto auto; } cpdo>bl bd>d { margin: 7px 0px; display: flex ; flex-direction: column; } cpdo>bl bd>d p { color: var(--b-t44); margin: 2px 0; } cpdo>bl ft>d { display: block; margin: 22px; padding: 22px; border: solid 2px var(--b-t); border-radius: var(--br1); margin-left: 77px; } @media (max-width : 999px) { cpdo>bl { background: var(--b-t); margin: 11px; padding: 22px; } cpdo>bl pf { padding: 0; } cpdo>bl bd { font-size: 0.88em; padding: 0; } cpdo>bl ft>d { margin: 0; padding: 0; border: 0; } cpdo>bl bd { margin: 11px 0; } } /* Component : P2POrderLinks */ cplo>bl { display: block; padding: 11px; margin: 7px; } cplo>bl mb { display: flex ; align-items: center; margin-bottom: 11px; } cplo>bl mb>a { padding: 7px; margin: 7px; } cplo>bl mb>a.this { border-bottom: solid 2px; color: var(--a); } cplo>bl hd>btns { display: flex ; align-items: center; justify-self: end; } cplo>bl hd btn { display: flex ; justify-content: center; align-items: center; height: 22px; width: 22px; padding: 7px; margin: 4px; } cplo>bl hd { display: flex ; align-items: center; justify-content: space-between; } cplo>bl bd>btns { display: flex ; align-items: center; padding: 11px; padding-bottom: 4px; justify-content: space-around; margin-top: 11px; } /* Component : P2PPaymentMethod */ cp2ppm { padding: 22px; border: 1px solid var(--b1); border-radius: 12px; display: block; margin: 22px; } cp2ppm .payment-methods { text-align: center; width: 100%; max-width: 800px; } cp2ppm .methods-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } cp2ppm .method-card { background-color: var(--b); border: 1px solid #282828; border-radius: 8px; padding: 21px 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; } cp2ppm .method-card:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } cp2ppm .method-icon { margin-right: 10px; width: 7px; overflow: hidden; } cp2ppm hd { margin-bottom: 22px; display: block; } @media (max-width: 768px) { cp2ppm .methods-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { cp2ppm .methods-grid { grid-template-columns: 1fr; } } @media (max-width: 999px) { cp2ppm .method-card { justify-content: flex-start; } } .buyp2 aa.buyp2, .Sellp2 aa.Sellp2 { display: flex; justify-content: center; align-items: center; border-radius: 3px; background: var(--b-t22); } cppob.buyp2, cppos.Sellp2 { display: none; } .buyp2 cppob.buyp2 { display: block; } .Sellp2 cppos.Sellp2 { display: block; height: 100%; } bl { /*margin: 7px 0px;*/ } cppob>div { margin: 11px; } cppoo mg{background: rgb(93 126 154 / 13%); display: grid; width: 95px; grid-template-columns: 50% 50%; padding: 4px; border-radius: 4px; margin: 7px;} cppoo aa { justify-content: center; display: flex; } cppoo bl{ display: flex; align-items: center; justify-content: space-between; } cppoo bl div { display: flex; gap: 11px; } cppoo bl h1 { display: flex; font-size: 14px; width: 77px; font-weight: 500; } cppoo bl h1 { display: flex; font-size: 15px; width: 81px; font-weight: 500; } cppob .Upi h1 { font-size: 22px; font-weight: 500; } cppob hd p { background: #97a43859; padding: 0px 4px; border-radius: 2px; } cppob hd { padding: 1; } cppob hd h1 { display: flex; font-size: 18px; font-weight: 400; align-items: center; } cppob bd i { width: 17px; } cppob bd h2 {display: flex; align-items: center; font-size: 15px; gap: 11px; font-weight: 500; color: var(--ct);} cppob bd bl { display: flex; justify-content: space-between;align-items: center; background: var(--0);} cppob bd div h1 { font-size: 13px; display: flex; justify-content: space-between; font-weight: 500; align-items: center; } cppob bd .t h2 { background: var(--b1t); padding: 5px 6px; border-radius: 3px; } cppob ft bl { justify-content: flex-end; display: flex; } cppob ft h1 { font-size: 16px; font-weight: 300; display: flex; justify-content: end; border: solid 1px var(--a); padding: 2px 4px; border-radius: 3px; color: var(--a); } cppob bd p { color: var(--ct); margin: 6px 0px; } cppos bd p { color: var(--ct); margin: 5px; } cppos hd p { padding: 0px 4px; } cppos hd { padding: 1; height: 6%; display: flex; } cppos hd h1 { display: flex; font-size: 18px; font-weight: 400; align-items: center; } cppos bd i { width: 17px; } cppos bd h2 {display: flex; align-items: center; font-size: 15px; gap: 11px; font-weight: 500; color: var(--ct);} cppos bd bl { display: flex; justify-content: space-between; align-items: center; } cppos div h1 { font-size: 13px; display: flex; justify-content: space-between; font-weight: 500; align-items: center; } cppos bd .t h2 { font-size: 16px; font-weight: 300; display: flex; justify-content: end; padding: 4px 22px; border-radius: 3px; background: rgb(246, 70, 93); color: var(--c);} cppos ft bl { justify-content: flex-end; display: flex; } cppob div hd { height: 55px; display: flex; } cppos hd h1 i::before { content: " "; width: 7px; height: 7px; background: var(--a); border-radius: 19px; position: relative; left: 7px; top: 7px; border: solid 2px var(--b1); } cppos.Sellp2>bl { border: solid 2px var(--a); padding: 11px; border-radius: 11px; margin-block: 11px; position: relative; } cppos hd h1 i { width: 22px; height: 22px; background: var(--c); } cppos.Sellp2>bl::before { content: " Featured"; position: absolute; background: rgb(21 107 255 / 26%); top: 100px; border-radius: 4px; padding: 1px 4px; border-top-right-radius: 9px; font-size: 15px; width: 87px; display: flex; justify-content: center; color: var(--a); top: 0; right: 0; } bl.imps h1 { font-size: 22px; font-weight: 500; } cppos belll i { width: 95%; height: 100%; background: var(--b1t); border-radius: 37px; } cppoo belll { display: flex; width: 40px; height: 40px; } /* Component : P2PPromo */ cpro>bl { max-width: 1400px; margin: 11px auto; } cpro>bl mb { display: grid ; padding: 11px 0; grid-template-columns: auto auto 55px; } cpro>bl mb>f:nth-child(2) { justify-content: end; align-items: center; } cpro>bl mb a { display: flex ; justify-content: center; align-items: center; padding: 7px; margin: 7px; transition: 95ms; } cpro>bl mb>btn { display: flex ; align-items: center; height: 33px; width: 33px; justify-content: center; padding: 4px; border-radius: 55%; margin: auto; } cpro>bl mb a:hover { color: var(--a); } cpro>bl bd h1 { color: var(--c); text-align: center; font-size: 66px; font-weight: 700; line-height: 130%; max-width: 792px; margin: 0px auto; font-family: 'Poppins'; margin-top: 77px; } cpro>bl h1 span>span { color: var(--a); } cpro>bl bd>p { text-align: center; font-size: 0.88em; line-height: 150%; opacity: 0.5; font-weight: 400; } cpro>bl ft>d { background: var(--b-t); border: 1px solid var(--b1); border-radius: 11px; display: grid ; grid-template-columns: auto 77px; align-items: center; padding: 11px; margin: 4px; height: max-content; min-height: 77px; width: -webkit-fill-available; } cpro>bl ft { display: grid ; grid-template-columns: 50% 50%; display: flex ; flex-direction: row; gap: 24px; z-index: 999; position: relative; margin-bottom: 55px; justify-content: center; } cpro>bl ft>d bd { display: grid ; padding-right: 22px; overflow: hidden; } cpro>bl ft>d bd>f>t { font-weight: 500; line-height: 130%; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } cpro>bl ft>d bd>f { overflow: hidden; } @media only screen and (max-width: 999px) { cpro>bl bd h1 { font-size: 28px; } cpro>bl ft { margin: 0; display: block; } cpro { display: block; padding: 0 7px; } cpro>bl mb>f:nth-child(2) { display:none; } cpro>bl mb { grid-template-columns: auto auto; } cpro>bl mb>f { display: flex ; justify-content: space-between; } cpro>bl mb a { margin: 0px; font-size: .77em; } cpro>bl ft>d bd small { margin-bottom: 4px; overflow: hidden; font-size: 13px; white-space: nowrap; font-weight: 300; opacity: 0.8; } } /*P2PReport*/ cppro .Report_Reason { display: flex; flex-direction: column; padding: 11px; margin: 12px; row-gap: 9px; } cppro label { opacity: 0.5; } cppro select { width: 100%; background: transparent; border: unset; font-size: 14px; color: var(--c); opacity: 0.5; border-radius: 5px; margin: 0; font-weight: 500; padding: 0; } cppro div { width: 95%; background: var(--b1-t44); padding: 4px 7px; border-radius: 5px; height: 37px; margin: 11px 0; margin-bottom: 2rem;} cppro .Your_Email { display: flex; flex-direction: column; padding: 11px; margin: 12px; row-gap: 9px; } cppro hd input { width: 94%; background: var(--b1-t44); font-size: 0.88em; letter-spacing: 0; border-radius: 7px; margin: 7px 0px; height: 45px; padding: 0 11px;margin-bottom: 2rem; } cppro textarea { width: 93%; height: 179px; background: var(--b1-t44); border: none; color: var(--c); resize: none; border-radius: 8px; padding: 13px 15px 0; margin: 10px 0 0; outline: unset;} cppro bd { display: flex; flex-direction: column; padding: 0px; row-gap: 9px;margin-block: 1rem; } cppro bd btn { width: 70px; height: 66px; display: flex; justify-content: center; align-items: center; background: var(--b1); border-radius: 7px; font-size: 27px; opacity: 0.7; } cppro ft { display: flex ; flex-direction: column; margin-block: 20px; } cppro ft btn { background: var(--b1); border-radius: 7px; height: 48px; font-size: 18px; transition: 99ms; color: var(--b-t44); width: 100%; display: flex ; justify-content: center; align-items: center; } cppro button:active { transform: scale(0.9); } cppro bd t { opacity: 0.6; font-size: 12px; font-weight: 400; } cppro i{width: auto; height: auto;} cppro bd svg{width: 20px; height: 20px;} cppro textarea:focus { border: solid 1px; } cppro h5 { font-size: 12px; opacity: .5; font-weight: 400; } cppro hd t { font-size: 10px; display: block; } @media(max-width:999px){ cppro bl { padding: 11px; } } /*P2PSell*/ cbtos bd dv:nth-child(3) { display: flex ; justify-content: space-between; } cbtos hd dv { display: flex ; align-items: center; gap: 1rem; margin-block: 30px 1px;padding: 3px; } cbtos hd p { font-size: 20px; margin: 0; font-weight: 400; } cbtos hd i { width: 22px; height: 22px; background: var(--c); } cbtos dv:nth-child(2) { display: flex ; justify-content: space-between; } cbtos bd dv d { display: flex ; font-size: 13px; font-weight: 400; align-items: center; gap: 11px; color: var(--ct); } cbtos dv d i { width: 18px; } cbtos dv h3 { font-size: 22px; font-weight: 500; } cbtos h2 { display: flex ; font-size: 13px; font-weight: 400; align-items: center; gap: 11px; color: var(--ct); } cbtos dv div:nth-child(1) { display: grid ; gap: 6px; } cbtos div btn { display: flex ; font-size: 14px; font-weight: 400; align-items: center; margin: 0px; padding: 3px; gap: 6px; } cbtos btn p:nth-child(1) { color: var(--ct); font-weight: 400; margin: 0; } cbtos btn p:nth-child(2) { margin: 0; font-size: 14px; font-weight: 400; } cbtos div { display: block; } cbtos div.t h2 { background: var(---rd); padding: 5px 22px; color: var(--b-t95); border-radius: 4px; font-weight: 700; } cbtos hd i::before { content: " "; width: 8px; height: 8px; background: var(--a); border-radius: 11px; position: absolute; right: 0px; top: 13px; border: solid 2px var(--b); } cbtot.Sellp2 cbtos { display: block; } cbtos { display: none; } /* Component : P2PTrade */ ctifo h2 { margin: 0; font-size: 32px; font-weight: 100; line-height: 40px; margin-bottom: 1rem; } /* Component : P2PTransactions */ cppto>bl { display: grid ; grid-template-columns: 22% auto max-content; align-items: center; padding: 18px; border-bottom: solid 1px var(--b-t); background: var(--b-t); margin: 4px; position: relative; } cppto>bl hd>i { display: flex ; flex-shrink: 0; align-items: center; justify-content: center; margin-right: 15px; font-weight: 600; font-style: normal; font-size: 14px; background-color: rgba(29, 29, 29, 0.02); border: solid 1px var(--b-t22); padding: 12px 15px; border-radius: 44px; width: 30px; height: 36px; } cppto>bl hd { display: flex ; align-items: center; } cppto>bl hd f { font-size: 0.88em; opacity: 0.5; } cppto>bl bd>f spain { font-size: 0.88em; line-height: 20px; opacity: 0.5; margin: auto 0; } cppto>bl bd { display: grid ; grid-template-columns: auto auto max-content 33px; text-align: left; justify-content: space-around; gap: 7px; align-items: center; } cppto>bl ft { display: block; min-width: 133px; } cppto>bl ft>btn { color: var(--c); font-size: 0.88em; font-weight: 500; border-radius: 33px; padding: 7px 33px; } cppts>bl hd>f { display: none ; grid-template-columns: 28% auto max-content; align-items: center; margin: 11px 0; padding: 0 44px; } cppts>bl hd>f t { box-sizing: border-box; display: table-cell; position: relative; font-size: 14px; line-height: 130%; font-weight: 400; padding: 10px 0px 12px; opacity: 0.5; width: 100%; } cppts>bl ft>d btns btn { display: flex ; align-items: center; justify-content: center; font-size: 14px; border-radius: 6px; background-color: var(--b1t44); border: 1px solid var(--b-t44); padding: 4px; margin-right: 7px; flex: none; width: 22px; } cppts>bl ft>d { display: grid ; grid-template-columns: 55px auto 55px; align-items: center; max-width: max-content; margin: 11px auto; } cppts>bl hd>f f { display: grid ; grid-template-columns: 20% 30% auto; gap: 7px; align-items: center; } cppts>bl ft>d btns { display: flex ; } cppts>bl ft>d>btn { display: flex ; align-items: center; justify-content: center; font-size: 14px; border-radius: 6px; background-color: var(--b1t44); border: 1px solid var(--b-t44); padding: 6px; flex: none; width: 18px; margin: auto; } cppts>bl ft>d>btn:last-child { transform: rotate(-90deg); } cppts>bl ft>d btns btn:last-child { margin: 0; } cppts>bl ft>d btn:hover { border-color: var(--b-t77); color: var(--a); } cppts>bl ft>d btn:active t { color: var(--c); opacity: .5; } cppts>bl ft>d>btn:first-child { transform: rotate(90deg); } .venders .vender { display: grid ; } .acheters .acheter { display: grid ; } .vender { display: none; } .acheter { display: none; } @media (max-width : 999px){ cppto>bl hd { display: block; } cppto>bl hd>i { height: 22px; width: 22px; padding: 7px; margin: 4px; margin-left: 0; } cppto>bl bd>i { display: none; } cppto>bl bd { display: grid ; grid-template-columns: 49% 48%; width: max-content; margin: 0 auto; } cppto>bl bd>d:nth-child(2) { grid-row-start: 2; grid-column-start: 2; } cppto>bl bd>d:nth-child(3) { grid-row-start: 2; grid-column-start: 1; } cppto>bl d>t.au { display: inline-flex ; white-space: nowrap; margin-right: 11px; } cppto>bl t.au>spain { opacity: 0.5; margin-left: 7px; } cppts>bl>hd { display: none; } } @media (max-width : 777px){ cppto>bl ft>btn { float: right; position: absolute; top: 40%; right: 22px; } cppto>bl bd { margin: 4px 0; } cppto>bl { display: block; } cppto>bl hd { display: flex ; } }ccmo>bl bd d { text-align: center; margin: 7px; background: var(--b1-t44); border-radius: 15px; border: solid 2px var(--b1); padding: 22px; } ccmo>bl bd d i { height: 77px; width: 77px; margin: 7px auto; } ccmo>bl bd d t { margin-bottom: 8px; font-weight: 500; font-size: 20px; line-height: 130%; justify-content: center; display: flex ; } ccmo>bl bd d>p { text-align: center; font-size: 0.88em; line-height: 150%; margin: 22px auto; margin-bottom: 0; opacity: 0.5; } ccmo>bl f:nth-child(2) { display: grid ; grid-template-columns: 50% 50%; max-width: 77%; margin: 0 auto; } ccmo>bl hd>h4 { font-size: 1.44em; text-align: center; margin: 22px; margin-top: 33px; } @media (max-width : 999px){ ccmo>bl bd>f { display: block; } ccmo>bl f:nth-child(2) { display: block; max-width: unset; } cpmo>bl bd { display: grid ; grid-template-columns: 50% 50%; margin: 7px 0; } cpmo>bl mb { grid-column-start: 1; grid-column-end: 3; } cpmo>bl sl { min-width: auto; } cpmo>bl sl>d f t { display: none; } cpmo>bl bd>btn { display: none; } } /* Component : P2PTutorial */ .criptos cwso div:nth-child(7), .criptos cwso div:nth-child(6), .criptos cwso div:nth-child(5) { display: none; } .criptos cwso { display: grid; grid-template-rows: unset; } cptpo>bl hd>btn { display: inline-flex ; justify-content: center; align-items: center; border-radius: 22px; height: 100%; font-size: 12px; padding: 7px 15px; background: var(--bc); } cptpo>bl hd { display: flex ; align-items: center; justify-content: space-between; font-size: 1.44em; margin: 22px; margin-bottom: 33px; } cptpo>bl { display: block; padding: 11px; margin-top: 11px; } cptpo>bl d { display: grid ; background: var(--b1-t44); border-radius: 15px; border: solid 2px var(--b1); transition: 333ms; padding: 22px; margin: 4px; } cptpo>bl d>btn { display: grid ; grid-template-columns: auto 33px; color: var(--a); max-width: max-content; align-items: center; } cptpo>bl d>btn svg { fill: var(--a); } cptpo>bl bd { display: grid ; grid-template-columns: auto auto; } cptpo>bl d>p { font-size: 0.77em; color: var(--b-t44); } cptpo>bl ft>btn { display: grid ; grid-template-columns: auto 33px; align-items: center; font-size: 15px; justify-content: center; color: var(--a); margin: 11px auto; width: max-content; } cptpo>bl ft>btn svg { fill: var(--a); } @media only screen and (min-width: 999px) { cptpo { padding: 0 10px; display: block; margin: 0 auto; width: -webkit-fill-available; } } @media only screen and (max-width: 999px) { cptpo>bl bd { display: block; } cptpo>bl hd h1 { padding: 0 0 0 22px; font-size: 19px; text-align: left; right: 8%; position: relative; font-weight: 700; } } /* Component : P2PWork */ cppw>bl { padding: 22px; border: 1px solid var(--b1); border-radius: 12px; display: block; margin: 22px; } cppw>bl hd { display: flex; justify-content: space-between; align-items: center; } cppw>bl btns { display: grid; align-items: center; grid-template-columns: 50% 50%; border-radius: 11px; padding: 1px 7px; font-size: 0.88em; } cppw>bl btn { transition: 99ms; position: relative; cursor: pointer; text-align: center; background: var(--b-t); padding: 11px; margin: 3px; border-radius: 11px;width: max-content; } cppw>bl bd>d { display: block; width: ; background: var(--b1-t44); border-radius: 15px; transition: 333ms; font-weight: bold; padding: 22px; margin: 7px; background-image: ; } cppw>bl>bd { display: grid; grid-template-columns: 33% 33% 33%; } cppw>bl d>h4 { font-size: 20px; font-weight: 500; line-height: 28px; margin-bottom: 22px; } cppw>bl d>i { height: 44px; width: 44px; margin-bottom: 22px; } cppw>bl d>p { font-weight: 400; font-size: 0.77em; margin: 4px 0; color: var(---gry); } @media (max-width: 999px) { cppw>bl { padding: 10px; margin: 10px; } cppw>bl btn { width: unset; } cppw>bl hd { display: block; } cppw>bl>bd { display: block; } }@media only screen and (max-width: 999px) { cwsaa bd ccs::after { text-decoration: none; color: var(--b-t22); height:0 !important; } cwsaa h2 { font-size: 24px; font-weight: 700; line-height: 130%; text-align: center; padding: 0px 37px; } cwsaa button { display: flex; flex-direction: row; background: none; padding-bottom: 5%; padding-top: 5%; } cwsaa btn:hover { color: var(--c); background: var(--b); border: none; } cwsaa btn { text-align: center; display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0px 16px; margin-left: 12px; font-size: 12px; font-weight: 700; border-radius: 20px; color: var(--ct); background: var(--b); border: 1px solid var(--bc); } cwsaa csso { display: grid !important; grid-template-rows: auto auto auto; gap: 22px; padding: 0 11px; } cwsaa csso>hd { padding: unset; } cwsaa cc { font-weight: 600; font-size: 20px; display: flex; } cwsaa h1 { font-weight: 500; font-size: 11px; opacity: 0.7; } cwsaa ccs { display: grid !important ; align-items: center; transform: unset !important ; justify-content: center; } cpfo ft img { height: 55%; filter: contrast(0.5); } } @media only screen and (min-width: 999px) { cwsaa h2 { font-size: 24px; font-weight: 700; line-height: 130%; text-align: center; margin-bottom: 3%; padding: 0px 37px; } } cwsaa { display: grid ; } cwsaa button { display: flex; flex-direction: row; background: none; justify-content: center; } cwsaa btn:hover { color: var(--bc); } cwsaa btn { text-align: center; font-family: Roboto, "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei"; display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0px 16px; margin-left: 12px; font-size: 14px; font-weight: 700; border-radius: 20px; color: var(--c); background: var(--b); border: 1px solid var(--b-t44);} cwsaa csso { display: flex; flex-direction: row; margin-top: 5%; gap: 22px; } cwsaa hd { padding: 0; display: grid; align-items: center; grid-template-rows: unset; } cwsaa bd { padding: 0; display: grid; align-items: center; grid-template-rows: unset; } cwsaa ft { padding: 0; display: grid; align-items: center; grid-template-rows: unset; } cwsaa cc { margin-top: 7%; font-weight: 500; font-size: 20px; line-height: 130%; display: flex; justify-content: center; } cwsaa h1 { margin-top: 5%; text-align: center; letter-spacing: 0.5; font-weight: 400; font-size: 15px; line-height: 150%; opacity: 0.6; } cwsaa ccs { position: relative; display: block; transform: translateX(42%); } cwsaa bd ccs::after { content: " "; width: 66%; display: block; height: 1px; position: absolute; background: var(--bc); left: 21%; bottom: 33px; } cwsaa bd ccs::before { content: " "; width: 67%; display: block; height: 1px; position: absolute; background: var(--bc); right: 101%; top: 30px; } cwsaa ccs i { width: 70px; height: 66px; margin-left: 3%; } /* Component : P2P_AddFilter */ cp2pd bd mg { height: 55px; margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; margin-bottom: 22px; } cp2pd mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; font-weight: 500; border-radius: 7px; margin: 7px; color: #848E9C; } cp2pd mg a.this { border-bottom: 1px solid; border-radius: 0; } cp2pd form dhs btn { display: none; } cp2pd form { display: flex; justify-content: space-between; margin: 0; align-items: center; } cp2pd form select { background-color: var(--c0); color: var(--c); padding: var(--p1); font-size: 0.88em; cursor: pointer; border-radius: 7px; width: 180px; border: solid 1px var(--bc); margin: 11px 7px; } cp2pd form div input { background: var(--b); border: 1px solid var(--bc); padding: 9px 11px; border-radius: 7px; font-size: 1.22em; font-weight: 500; color: var(--c); width: auto; height: fit-content; margin: 7px; } input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(1); } cp2pd form div { position: relative; display: inline-block; } cp2pd form div bc { display: block; margin: 0 11px; } cp2pd form div bc h3 { font-size: 14px; font-weight: 500; color: var(--b-t44); } cp2pd form>btn { padding: 10px 22px; border-radius: 7px; margin-left: 11px; font-size: 14px; font-weight: 500; margin-top: 22px; } cp2pd form dhs { margin: 0 auto; margin-top: 22px; } cp2pd form dhs btn { font-size: 14px; font-weight: 500; color: var(--a); text-decoration: underline; } cp2pd form{ margin: 0; } cp2pd cawls { margin: 0; } cp2pd header { position: relative; } cp2pd btns { display: none; } @media only screen and (max-width: 999px) { cp2pd form { display: none; } cp2pd btns {display: grid; grid-template-columns: auto auto; justify-content: space-between; width: auto; padding: var(--p1);} cp2pd btns btn:nth-child(1) { display: grid; grid-template-columns: auto 33px; align-items: center; color: var(--a); } cp2pd btns btn:nth-child(1) svg { transform: rotate(90deg); fill: var(--a); } cp2pd btns btn:nth-child(2) { height: 33px; display: grid; justify-content: end; align-items: center; width: 33px;} } /* Component : P2P_AddNewAmount */ csamo { display: block; background: var(--b1); border-radius: var(--br1); max-width: 999px; margin: 11px auto; overflow: hidden; } csamo hd btn { display: block; padding: 11px; text-align: center; border-bottom: 1px solid var(--bc); } csamo bd { display: block; padding: 22px; } csamo sl>input { background: transparent; border-radius: var(--br1); font-size: 0.88em; height: auto; margin: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-right: 55px; } csamo dd { margin: 0; } csamo sl { position: relative; display: grid; grid-template-columns: auto 66px; border: 1px solid var(--bc); border-radius: var(--br1); padding: 11px; width: calc(100% - 50%); margin: 11px 0; margin-bottom: 0; } csamo d dtl>t { opacity: 0.33; font-size: 0.88em; font-weight: 400; margin-top: 5px; display: block; } csamo sl>t { grid-column-start: 2; text-align: end; } csamo d spain>* { margin: 0; } csamo d spain { display: flex; align-items: center; font-size: 0.77em; } csamo d spain>p { opacity: 0.33; font-size: 0.88em; letter-spacing: 0.44px; } csamo d spain>t { margin: 0 5px; margin-right: 11px; } csamo d spain>cc { color: #f0aa19; } csamo d>div { display: grid; grid-template-columns: 25% 44px 25%; } csamo d>div sl { width: auto; } csamo dd>t { display: block; margin-top: 5px; font-size: 0.88em; opacity: 0.33; } csamo d { display: block; margin-top: 33px; } csamo ft d { margin-top: 22px; } csamo ft { display: block; padding: 22px; padding-top: 0; } csamo hr { border: dashed var(--bc); border-width: 1px; } csamo d>div>t { justify-content: center; align-items: center; display: flex; margin-bottom: 10px; } csamo ft { display: block; padding: 22px; } csamo label { font-size: 0.88em; } csamo d>btn { display: grid; grid-template-columns: 22px auto; align-items: center; padding: 7px 33px; background: var(--lg-b); border-radius: 5px; width: fit-content; margin-top: 11px; } csamo d>btn>i { height: 15px; width: 14px; } csamo d>c { opacity: 0.3; font-size: 0.88em; margin-top: 5px; display: block; } csamo ft sl { width: 88px; display: block; } csamo ft sl>select { background: transparent; border: none; color: var(--c); width: 100%; } csamo sl>select:focus { outline: none; } csamo ft d:first-child { margin: 0; } cpco d div { display: flex; align-items: center; padding: 7px; } cpco d div input { width: 14px; height: 14px; margin: 7px; } cpco d>form { display: grid; grid-template-columns: 50% 50%; } @media screen and (max-width: 999px) { csamo sl { width: auto; } csamo { margin: 0; margin-top: 11px; } csamo d>div { grid-template-columns: 44% 40px 44%; } cpco bd btn { width: auto; } cpco ft { grid-template-columns: 50% 50%; } cafo hd { grid-template-columns: 44% 33px 44%; } } /* Component : P2P_AddNewResponses */ cadro inf { display: block; padding: 11px; background: var(--at); border-radius: var(--br1); font-size: 0.88em; } cadro hd>d { display: block; position: relative; margin: 11px 0; } cadro inf>d { display: flex; margin-bottom: 4px; } cadro inf>t { display: block; margin-bottom: 5px; font-size: 0.88em; margin-left: 22px; } cadro inf i { height: 16px; width: 19px; margin-right: 5px; margin-top: 2px; } cadro hd>d>sl { display: block; padding: 11px; width: 44%; border: 2px solid var(--b1); border-radius: var(--br1)var(--br1); position: relative; } cadro sl>select { display: block; background: transparent; border: none; color: var(--c); width: 100%; opacity: 0.33; font-size: 0.88em; } cadro hd>d>sl>select:focus { outline: none; border: none; } cadro sl>select:focus { outline: none; } cadro hd>d>c { display: block; font-size: 0.77em; opacity: 0.33; font-weight: 400; margin: 5px; margin-bottom: 0; } cadro d>label { display: flex; align-items: center; font-size: 0.88em; margin: 5px; } cadro form>d>sl.sl { height: auto; background: var(--b1); padding: 0 5px; } cadro d>label>i { height: 13px; width: 13px; margin: 0 5px; } cadro form>d { font-size: 0.88em; margin-top: 22px; } cadro form>d>sl { border: 2px solid var(--b1); display: flex; position: relative; border-radius: var(--br1); height: 77px; } cadro form>d>sl>input { margin: 0; border-radius: var(--br1); width: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent; font-size: 0.88em; font-weight: 600; letter-spacing: 0.22px; overflow: scroll !important; } cadro form>d>sl>wr { position: absolute; right: 0; bottom: 0; margin: 11px; font-size: 0.77em; opacity: 0.333; } cadro hr { border: dashed; border-width: 1px; opacity: 0.11; margin: 22px 0; } cadro form>d>sl>select { display: block; background: transparent; border: none; color: var(--c); width: 100%; opacity: 0.33; font-size: 0.88em; } cadro form>d>sl.sl>i { height: 22px; width: 22px; padding: 11px; } cadro bl>d { display: flex; align-items: center; padding: 4px 0; font-size: 0.88em; margin: 4px 0; } cadro bl>d>input { display: block; padding: 3px 22px; background: var(--bc); border-radius: 7px; font-size: 0.88em; margin: 0 11px; } cadro bl>d>input[type="text"] { width: 77px; } cadro ft { display: flex; flex-direction: column; width: 58%; } cadro { display: block; max-width: 999px; background: var(--b1t44); padding: 22px; margin: 11px auto; border-radius: var(--br1); } @media screen and (max-width: 999px) { cadro ft { width: auto; } cadro { padding: 11px; } cadro hd>d>sl { width: auto; } } /* Component : P2P_AddNewPriceFixed */ cpfo hd btn { padding: 11px; text-align: center; border-bottom: 1px solid var(--bc); } cpfo { display: block; background: var(--b1); padding-top: 0; margin: 11px; height: fit-content; transition: 333ms; max-width: 999px; margin: 11px auto; width: 100%; border-radius: var(--br1); overflow: hidden; } cpfo>bl>ft { display: flex; justify-content: space-between; padding: 22px; } cpfo ft>btn { display: block; padding: 9px 44px; border-radius: 5px; } cpfo>bl>ft>d { display: flex; align-items: center; }cpfo>ft { display: flex; justify-content: space-between; padding: 22px; } cpfo ft>d>i { height: 19px; width: 20px; filter: invert(1); margin-right: 7px; } .P2P_stp_2 cpfo { transform: translateX(-200%); } .P2P_stp_3 cpfo { transform: translateX(-200%); }cpfo>ft { display: flex; justify-content: space-between; padding: 22px; } /* Component : P2P_AddTranction */ ccatc div>bl { padding: 22px; margin: 11px; } ccatc div { display: block; } bl.clicked { display: none; } ccatc bl hd cnc h3 { font-weight: 100; } ccatc bl hd cnc { display: flex; gap: 6px; } ccatc bl hd cnc h4 { font-weight: 100; } ccatc bl hd close { display: grid; justify-content: center; background: var(--b1t); border-radius: 7px; position: relative; max-width: 77px; min-width: 77px; padding: 0px 4px;margin-left: auto; } ccatc bl hd h3 r { font-size: 13px; font-weight: 100; } ccatc bl hd h3 { font-weight: 100; align-items: baseline; } ccatc div bl { background: var(--b1t44); border-radius: 8px; display: grid; gap: 0px; line-height: 38px; } ccatc div bd bl { background: unset; padding: 0; display: flex; justify-content: space-between; border: unset; border-radius: unset; } ccatc div bd { padding: 0; } t.IMPS { background: #FF9800; } t.UPI { background: #9E9E9E; } t.Paytm { background: #2b4bffb3; } ccatc ccanm h3 { font-weight: 100; font-size: 1.1em; } ccatc ccanm { display: flex; justify-content: center; align-items: center; padding: var(--p); color: var(--ct); } ccatc div bd bl h5 { font-weight: 100; letter-spacing: 0.5; } ccatc ft i { height: 25px; width: 25px; } ccatc ft cnc { display: flex; gap: 15px; } ccatc ft cnc h5 { font-weight: 100; display: flex; gap: 6px; align-items: center; letter-spacing: 0.8; } ccatc ft h5 t { background: blueviolet; height: 15px; width: 4px; display: block; border-radius: 20px; } ccatc div { display: grid;} bl.hide { display: none; } @media only screen and (max-width: 999px) { ccatc bl hd { display: grid; grid-template-columns: auto auto; } } /* Component : P2P_Adds */ cono { display: block; } cono hd { display: flex; align-items: center; padding: var(--p1); } cono hd lable { display: flex; align-items: center; } cono hd lable h3 { font-size: 14px; font-weight: 500; margin-left: 7px; } cono hd btn { font-size: 14px; font-weight: 500; padding: 7px 22px; background: var(--b1-t44); border-radius: 7px; margin-left: 22px; } cono bd { display: none; grid-auto-flow: column; padding: var(--p1); } cono bd b { padding: 11px 22px; background: var(--b-t); border-bottom: 1px solid var(--bc); } cono bd b h4 { font-size: 14px; font-weight: 500; } @media only screen and (max-width: 999px) { cono bd { overflow-x: scroll; } cono bd b { height: fit-content; white-space: nowrap; } } /*P2P_Advertiser*/ cpar hd h2 { font-size: 18px; font-weight: 400; } cpar cpfl i { /* display: none; */ height: 22px; } cpar cpfl>bl>hd {display: grid;grid-template-columns:33px auto; } cpfl p { margin: 4px 0; font-size: 12px; line-height: 21px; font-weight: 400; } cptrm.buy2.Feedback cpft bl {display: block;} cptrm.buy2.Profile cpft bl {display: block;} cpfe bl { display: none; } /*By_Crypto*/ cbco>bl { display: block; border-radius: var(--br1); margin: 11px 0; padding: 11px; } cbco>bl>hd { font-size: 19px; overflow: unset; height: fit-content; width: auto; justify-content: unset; display: flex ; gap: 11px; background: unset; display: none; } cbco>bl>hd>aa { font-size: 17px; font-weight: 500; padding: 11px; padding-top: 0; cursor: pointer; } cbco>bl>bd { display: block; } cbco>bl>bd>dv { display: flex; justify-content: space-between; background: var(--b1); border-radius: var(--br1); align-items: center; height: 50px; margin: 11px 0; position: relative; } cbco dv symbol { margin: var(--m); } cbco dv input { position: absolute; top: 0; right: 0; left: 0; border-radius: var(--br1); background: var(--c0); padding: 0 33px; bottom: 0; margin: 0; color: var(--c); height: auto; font-size: 0.88em; } cbco dv h2 { font-size: 1.0rem; font-weight: 500; padding: 4px; margin-right: 17px; color: var(--a); } cbco>bl>bd h3 { display: flex ; font-weight: 400; gap: 14px; font-size: 1.0rem; padding-left: 5px; color: var(---gry); } cbco>bl>bd>d { display: flex ; justify-content: space-between; padding-left: 5px; font-size: 0.88em; margin-bottom: 7px; } cbco d h2 { font-size: 1em; font-weight: 400; opacity: 0.5; letter-spacing: 0.44px; } cbco>bl ft>btn { display: block; background: var(--a1); color: var(--c); border-radius: 6px; padding: 11px; cursor: pointer; text-align: center; margin: 11px; } cbco select option { background: var(--b); color: var(--c); font-size: 0.88em; } cbco dv select { padding: 0; font-size: 13px; color: var(---gry); opacity: 1; font-weight: 600; margin: 6px auto; background: var(--c0); } @media (max-width: 768px) { cbco dv select { padding: 0; font-size: 13px; opacity: 1; font-weight: 600; margin: 6px auto; background: var(--c0); } } /*By_Fiat*/ cbft bl { display: grid ; gap: 18px; border-bottom: solid 2px var(--b1); } cbft bl hd { display: grid ; align-items: center; padding: 13px; border-radius: var(--br1); gap: 14px; background: var(--b1-t44); } cbft hd dv { display: flex ; justify-content: space-between; padding-left: 5px; } cbft hd h2 { font-size: 14px; font-weight: 500; } cbft bl bd { display: grid ; gap: 11px; } cbft bd dv { display: grid ; grid-template-columns: 43% 3% 16% 3% 16% 3% 16%; font-size: 12px; } cbft bd d { display: grid ; grid-template-columns: 39% 7% auto; font-size: 11px; align-items: center; gap: 9px; } cbft bd dv a:nth-child(2) { color: var(---rd) ; left: unset; position: relative; top: 2px; } cbft bd dv a:nth-child(4) { color:var(---gr) ; left: unset; position: relative; top: 2px; } cbft bd dv a:nth-child(6) { color: var(---rd) ; left: unset; position: relative; top: 2px; } cpcpc bl { display: grid; gap: 15px; margin-bottom: 11px; } cpcpc bl hd { display: grid; gap: 10px; } cpcpc bl bd { display: grid; gap: 10px; } cpcpc bl ft { display: grid; gap: 10px; } cpcpc bl d { display: flex; padding: 12px; border-radius: 8px; background: var(--b1); justify-content: space-between; } cpcpc bl d i { height: 25px; width: 25px; left: 8px; } scpca h4 { font-weight: 400; } cpcpc bl cnc { display: flex; gap: 5px; align-items: center; } cpcpc bl cnc t { display: block; width: 3px; background: var(--b-t77); height: 14px; } scpca d.aerea { display: block; margin: 7px; }cpcct bl { display: grid; gap: 20px; } cpcct bd cnc d i { height: 25px; width: 25px; left: 8px; } cpcct bd cnc d { display: flex; padding: 12px; border-radius: 8px; background: var(--b1); justify-content: space-between; align-items: center; } cpcct bl bd cnc { display: grid; gap: 5px; } cpcct bl hd d { display: grid; grid-template-columns: auto auto auto auto; gap: 10px; padding: 0; border-radius: 0; } cpcct bl hd d:nth-child(2) { display: flex; padding: 12px; border-radius: 8px; background: var(--b1); justify-content: space-between; } cpcct bl hd { display: grid; gap: 10px; } cpcct bl hd d btn { display: flex; padding: 12px; border-radius: 8px; background: var(--b1); justify-content: center; } cpcct hd Price { display: flex; justify-content: space-between; } scpca h5 { font-size: 0.9em;font-weight: 400;} scpca .cblue { color: var(--a); } scpca .bblue { background: var(--a); } cpcct bl bd h6 { font-weight: 100; font-size: 0.8em; } cpcct bl bd { display: grid; gap: 20px; } cpcct ft btn { display: flex; padding: 12px; border-radius: 8px; background: var(--lg-b); justify-content: center; } cpcct ft { display: block; border-top: solid 1px var(--bc); padding-top: 10px; } cpcct hd Price i { height: 20px; width: 16px; } cpcct hd Price cnc { display: flex; gap: 5px; align-items: center; } /*P2P_Created*/ cpcd i { width: 33px; margin-left: 0;} cpcd hd div { display: flex ; justify-content: space-between; padding: 13px 19px; border: 1px solid var(--bc); border-radius: var(--br1); margin-block: 7px; } cpcd hd d:nth-child(1) { display: flex ; align-items: center; gap: 13px; } cpcd hd b { display: flex ; text-align: center; font-size: 15px; padding: 4px 11px; background: var(--bc); border-radius: 5px; } cpcd hd d:nth-child(2) { display: flex ; justify-content: unset; gap: 12px;margin-block: 13px; } cpcd hd a:after{ content: "2"; position: absolute; height: 17px; width: 17px; color: var(--a); font-weight: bold; text-align: center; display: flex ; align-items: center; justify-content: center; font-size: 0.88em; top: -7px; right: -9px; background: var(--c); border-radius: 55%; border: 2px solid var(--a); } cpcd hd btn { display: block; text-align: center; font-size: 0.88em; padding: 7px 17px; border-radius: 5px; background: var(--lg-b); height: 20px; } cpcd bd trc { display: grid ; gap: 7px; } cpcd bd h2 { display: flex ; flex-direction: column; } cpcd bd h4 { font-weight: 400; } cpcd bd btn { display: flex ; justify-content: center; } cpcd bd i { transform: rotate(-89deg); filter: brightness(0.5); } cpcd bd dv { display: none; } cpcd.expend bd dv { display: block; } cpcd bd div { padding: 13px 19px; border: 1px solid var(--bc); border-radius: var(--br1); margin-block: 18px; } cpcd bd d { display: flex ; justify-content: space-between; font-size: 15px; font-weight: 200; margin-bottom: 7px; }/*P2P_Deposit*/ cpdt hd i { width: 21px; } cpdt>bl>hd { display: flex ; justify-content: space-between; margin-block: 10px;} cpdt hd b { font-weight: 400; } cpdt>bl>bd { display: flex ; gap: 18px;margin-block: 1rem; } cpdt bd a { display: flex ; align-items: center; gap: 11px;font-weight: 400; } cpdt bd i { width: 23px; } cpdt bd dv { display: flex ; flex-direction: column; gap: 2px; white-space: nowrap;} cpdt bd d { display: flex ; font-size: 1em; align-items: center; gap: 8px; } cpdt d:nth-child(1) i { width: 15px; } cpdt d:nth-child(2) i { width: 20px; } cpdt dv hr { height: 15px; width: 1px; margin: 0px 8px; background: var(--c); } cpdt ft div { display: flex ; justify-content: space-between; } cpdt ft dv:nth-child(1) { display: flex ; box-shadow: 0 4px 8px var(--bt); background: var(--b1-t44); border-radius: 20px; padding: 6px 22px; flex-direction: column; } cpdt ft div { display: flex ; justify-content: space-between; align-items: center; } cpdt bl { display: flex ; flex-direction: column; gap: 17px; } @media(min-width:999px){ cpdt bd c { display: flex ; background: var(--c); justify-content: center; align-items: center; font-size: 20px; border-radius: 30px; padding: 4px; height: 30px; width: 30px; } } @media(max-width:786px){ cpdt bd dv {font-size: 14px; } cpdt dv hr {margin:unset;} cpdt bd c { display: none;} }/*P2P_Financial*/ cpfl>bl>hd{ display: grid ; grid-template-columns: 33px auto; background: var(--b1t); border-radius: 9px; padding: var(--p1); margin: 11px 0; font-size: 1em;width: unset; } cpfl>hd>dv { display: grid ; } cpfl p {margin: 0;font-size: 12px;line-height: 21px;} cpfl ft h2 { font-weight: 400; font-size: 20px; } cpfl bl { display: flex ; flex-direction: column; gap: 13px; } ccman { font-family: system-ui; } ccman hd { display: grid ; justify-content: center; text-align: center; margin: 29px 0; } ccman bd { display: flex ; gap: 20px; } ccman bd div { padding: 20px; background: var(--b1); border-radius: 10px; display: grid ; text-align: center; border: solid 1px var(--bc); } ccman hd p { font-size: 18px; opacity: .7; margin: 6px 0; } ccman bd div i { width: 100%; height: 100%; } ccman bd div svg { width: 100px; height: 100px; } ccman cma div { margin: 16px 0px 0px; display: flex ; border-radius: 15px; flex: 1 1 0%; border: 1px solid var(--b-t22); padding: 15px 16px; flex-direction: column; } ccman cma b { min-width: 0px; display: flex ; width: 20px; height: 20px; border-radius: 100%; font-weight: 500; justify-content: center; align-items: center; font-size: 13px; padding: 4px; color: var(--b); background: var(--c); } ccman cma p { opacity: .6; font-size: 17px; margin: 0; } ccman cma { display: grid ;} ccman cma btn { padding: 12px 52px; display: flex ; justify-content: center; border-radius: 7px; background: var(--b1);} ccman cta { display: grid ;gap: 13px;} ccman cta h3 { font-weight: 400; font-size: 18px; } ccman span i { width: 20px; height: 20px; } @media only screen and (max-width: 999px) { ccman bd { display: grid ; gap: 20px; } ccman hd h1 { font-size: 25px; margin-bottom: 2%; } ccman cma span { display: flex ; align-items: center; gap: 7px; margin-bottom: 2%; margin-top: 1%; } ccman cma btn { margin: 2% 25%; } ccman cma india { display: grid ; grid-template-columns: 7% auto; align-items: center; gap: 10px; margin-bottom: 3%;} } @media only screen and (min-width: 999px) { ccman bd { display: grid ; grid-template-columns: auto auto auto; gap: 20px; } ccman cma { margin: 0 12%; } ccman cma span { display: flex ; align-items: center; gap: 7px; margin-bottom: 1%;margin-top: 1%; } ccman cma btn { margin: 2% 31%; } ccman ft cmpn { gap: 32%; margin: 16px 0px 0px; display: flex ; align-items: flex-start; } ccman cta india { display: grid ; grid-template-columns: 19% auto; align-items: center; gap: 10px; } }launchpad wl bl mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } launchpad wl bl mg a { margin: 0 2px; } launchpad wl bl mg a.this { border-bottom: solid 2px; color: var(--a); } launchpad a { color: var(--c); text-decoration: unset; font-weight: bold; } launchpad mg a { display: flex; justify-content: center; align-items: center; margin: 16px; } launchpad h nv gg { height: 55px; align-items: center; z-index: 22; display: grid; grid-template-columns: 55px 33px auto 44px 44px; font-weight: bold; font-size: 18px; } chl .group { display: grid ; margin: 11px; position: relative; grid-template-columns: 33px auto; padding-bottom: 11px; margin-top: 7px; height: 44px; align-items: center; } launchpad .input { width: 100%; height: 33px; line-height: 28px; padding: 0 1rem; padding-left: 2.5rem; border-radius: 22px; outline: none; background-color: var(--b1); transition: .3s ease; margin: 0; font-size: 1em; } cpmn>bl { display: grid ; grid-template-columns: auto 0 auto; justify-content: space-between; padding: 11px; border-bottom: solid 1px var(--b1); } cpmn>bl hd>span { display: grid ; grid-template-columns: auto auto auto; gap: 34px; } cpmn ft { display: flex; gap: 4px; } cpmn>bl dv { display: flex; justify-content: end; align-items: center; gap: 4px; } cpmn>bl dv>a { font-weight: 400; height: 30px; align-items: center; display: grid ; } cpmn>bl dv t { display: flex; align-items: center; gap: 5px; font-size: 14px; font-weight: 300; } cpmn>bl dv t i { width: 12px; height: 12px; transform: rotate( 270deg); } cpmn>bl dv>a i { width: 22px; } spmp main { width: 100%; } spmp d.aerea { display: block; max-width: 1368px; position: relative; margin: auto; } spmp header { display: block; max-width: 1368px; position: relative; margin: auto; } spmp grid.gc2 { grid-template-columns: 100%; } spmp cpms cpmo { display: grid; grid-template-rows: auto auto; } /*P2P_Merchant_Program only img filter */ cpmu ft i img { filter: hue-rotate(179deg); } cpmu hd i img { filter: hue-rotate(179deg);} clps clpu hd i img { filter: hue-rotate(179deg); } /*P2P_Merchant_Program only Desktop version*/ @media only screen and (min-width: 999px) { spmp cpmo bl p { max-width: 70%; } cphm hd { display: flex; align-items: center; gap: 15px;margin-bottom: 1%;} cppm bd { display: grid; grid-template-columns: auto auto auto; gap: 16px; margin-bottom: 1%;} cphm btn { padding: 12px 0px; background: var(--b1); border-radius: 4px; align-items: center; justify-content: center; display: flex; width: 30%; margin: auto; } cphm div s i { width: 1rem; height: 1rem; } } /*P2P_Merchant_Program only phone version*/ @media only screen and (max-width: 999px) { cphm hd { display: flex; align-items: center; gap: 15px; } cppm bd { display: grid ; gap: 11px; margin-bottom: 5%; } cphm btn { padding: 13px 0px; background: var(--a); border-radius: 9px; align-items: center; justify-content: center; display: flex; width: 100%; margin: auto; } cphm div s svg { width: 54%; } spmp .content.active { margin: 7px; width: unset; } } /*P2P_MerchantPortal*/ cpms bl { display: grid; grid-template-columns: 60% auto; padding: var(--p); background: linear-gradient( 282deg, var(--b1t), var(--bt)); align-items: center; } cpms cpo p { font-size: 14px; line-height: 24px; text-align: center; margin: 0; opacity: .7; max-width: 70%; } cpms cpo b { font-weight: 100; font-size: 17px; } cpms cpo i svg { width: 85%; } cpms cpo i { width: 65px; height: 60px; } cpms cpo t { border-radius: 10px; position: relative; background-color: var(--b1t); padding: 8px; margin-bottom: 16px; } cpms cpo { display: flex; flex-direction: column; align-items: center; } cpms div { display: grid ; grid-template-columns: auto auto; justify-content: center; } cpms h2 { width: 100%; font-weight: 500; font-size: 21px; line-height: 36px; max-width: 100%; text-align: center; opacity: .7; }/*P2P_MerchantProgram*/ cpmu>bl hd { justify-content: space-between; background: var(--b1-t44); align-items: center; border-radius: 10px; display: flex ; text-align: center; padding: 30px; height: 100px; margin-top: 20px;} cpmu>bl hd>i { width: 222px; height: auto; } cpmu>bl btns { margin: 11px 0; display: grid ; grid-template-columns: auto auto auto auto; gap: 32px; overflow: scroll;padding-top: 40px;padding-bottom: 40px;} cpmu>bl btns>btn { background-color: var(--b1); border-radius: 8px; text-align: center; flex: none; padding-top: 11px; padding-bottom: 11px; padding-left: 16px; padding-right: 16px; } cpmu>bl hd h2 { font-size: 40px; line-height: 48px; font-weight: 600; } cpmu>bl hd b { font-weight: 200; opacity: .7; font-size: 14px; margin-top: 8px; display: block; } cpmu hd i img { filter: hue-rotate(179deg); width: 141px; height: 100px; } cpmu>bl btns>btn:nth-child(1) { background: var(--a); } app#Exchange.Cash cpmu>bl btns>btn:nth-child(1), app#Exchange.Pro cpmu>bl btns>btn:nth-child(1), app#Exchange.Block cpmu>bl btns>btn:nth-child(1) { background: var(--b1); } app#Exchange.Cash cpmu>bl btns>btn:nth-child(2) { background: var(--a); } app#Exchange.Pro cpmu>bl btns>btn:nth-child(3){ background: var(--a);} app#Exchange.Block cpmu>bl btns>btn:nth-child(4){ background: var(--a);} @media only screen and (max-width: 999px) { cpmu>bl hd { padding: 2px 14px; margin: 11px; } cpmu>bl hd>i { width: 55px; height: 55px; top: 18px; } cpmu>bl hd h2 { font-size: 16px; line-height: 32px; } cpmu>bl hd b { font-size: 14px; margin: 0; } cpmu>bl btns { display: flex; gap: 14px; padding: 8px;} } cpmtn { background-repeat: no-repeat; background-size: 100%; height: 100%; display: block; background-position: center; background-image: url(/Aliens/Coin/25.01.24/0/p2ppro.svg); } cpmtn bl { display: flex ; padding-left: 16px; padding-right: 16px; align-items: center; justify-content: space-between; position: relative; z-index: 1; width: 100%; color: var(--c); font-family: system-ui;} cpmtn bd { width: 55%; display: flex ; justify-content: flex-end; } cpmtn bd i { width: 100%; height: 100%; } cpmtn bd img { filter: hue-rotate(177deg); } cpmtn hd h1 span { background: -webkit-linear-gradient(var(--a), var(--a1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 2%; } cpmtn hd h1 { font-weight: 600; font-size: 52px; line-height: 55px; margin-bottom: 40px; max-width: 600px; } cpmtn hd h2 { font-size: 29px; } cpmtn hd p { font-size: 18px; } cpmtn hd btn { padding: 11px 4%; border-radius: 5px; background: var(--a); display: flex ; align-items: center; justify-content: center; width: 15%; } @media screen and (min-width: 1024px) { cpmtn hd { width: 50%; } cpmtn bd { width: 50%; margin-top: 0; } cpmtn hd h1 { font-size: 56px; line-height: 64px; margin-bottom: 24px; } } @media screen and (min-width: 768px) { cpmtn hd { width: 100%; margin-top: 10px; } }cpmp:before { width: 301px; height: 259px; opacity: 0.04; background: radial-gradient(circle, var(---y) 0%, var(---gry)); border-radius: 50%; -webkit-filter: blur(18px); filter: blur(18px); position: absolute; top: 55px; left: -80px; content: ""; } cpmp div i {border-radius: 10px; position: relative; background-color: var(--b1t); padding: 8px; margin-bottom: 16px; width: fit-content; height: fit-content; } cpmp bd svg { width: 65px; height: 60px; } cpmp div bd { padding: 0; margin-bottom: 2%; } cpmp hd btn i { width: 22px; height: 22px; } @media only screen and (min-width: 999px) { cpmp hd h2 { font-size: 34px; font-weight: 400; } cpmp hd { display: flex; justify-content: center; flex-direction: column; text-align: start; gap: 20px;} cpmp hd p { font-size: 15px; opacity: .6;} cpmp bl { display: grid ; column-gap: 24px; padding: 0 22px; padding-top: 5%; grid-template-columns: auto auto; padding-bottom: 10%;} cpmp hd btn { padding: 10px 2%; background: var(--b1t); border-radius: 18px; align-items: center; justify-content: center; display: flex ; color: var(--a); font-size: 15px; width: fit-content; gap: 8px;} cpmp hd ft { display: flex; } cpmp bd { display: grid; grid-template-columns: auto auto; gap: 38px;} cpmp bd div { min-width: 0; display: flex; flex-direction: column; align-items: center; } cpmp bd h3 { font-weight: 400; font-size: 16px; } cpmp bd p { font-size: 12px; line-height: 24px; text-align: center; margin: 0; opacity: .7; } } @media only screen and (max-width: 999px) { cpmp hd h2 { font-size: 25px; font-weight: 500; color: var(--b-t44);} cpmp hd { display: flex; justify-content: center; flex-direction: column; text-align: center; gap: 8px; } cpmp hd p { font-size: 13px; opacity: .6;} cpmp { display: grid; row-gap: 24px; grid-template-rows: auto auto;padding-bottom: 7%; } cpmp ft btn { padding: var(--p1); background: var(--b1t); border-radius: 14px; align-items: center; justify-content: center; display: flex; color: var(--a);} cpmp ft btn i { width: 14%; height: 100%; } cpmp hd ft { display: flex; justify-content: center; } cpmp bd { display: grid; grid-template-rows: auto auto auto auto; } cpmp bd div { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-top: 8%; } cpmp bd h3 { font-weight: 100; font-size: 19px; } cpmp bd p { font-size: 14px; line-height: 24px;margin: 0; opacity: .7;} cpmp hd btn { padding: 10px 16px; border: none; border-radius: 18px; background-color: var(--b1); color:var(--a); font-size: 14px; display: flex; align-items: center; width: fit-content; margin: auto; gap: 4px; } } /* Component : P2P_Order */ cpor { background: var(--b-t); border: 1px solid var(--b1); border-radius: 11px; padding: 22px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); display: block; position: relative; margin: 11px; } cpor bl { display: grid ; grid-template-columns: 50% auto max-content; align-items: center; } cpor hd { display: flex ; gap: 3px; justify-content: space-around; align-items: center; } cpor hd> div { display: flex ; gap: 10px; align-items: center; } cpor hd h3 { background-color: #333; color: #fff; width: 40px; height: 40px; border-radius: 50%; display: flex ; justify-content: center; align-items: center; font-weight: bold; } cpor hd h2 { font-size: 1.4em; font-weight: 400; } cpor hd h4 { display: flex ; font-size: 1.2em; font-weight: 600; align-items: center; } cpor hd span { background-color: var(--a1t); padding: 2px 6px; font-size: 0.66em; position: absolute; top: 1px; left: 1px; font-weight: 100; color: var(--a); border-radius: 0; border-bottom-right-radius: 11px; border-top-left-radius: 9px; } cpor hd h4 i { height: 18px; width: 18px; margin: 0px 0px 7px 6px; } cpor hd btn { display: grid ; grid-template-columns: 18px auto; align-items: center; color: var(--b-t44); } cpor hd h5 { font-size: 0.9em; color: var(--b-t44);font-weight: 500; } cpor btns { width: fit-content; gap: 4px; margin-top: 7px;} cpor bd { display: flex ; justify-content: space-around; align-items: center; } cpor hd btn t { font-size: 11px; } cpor cus h4 { font-size: 1.1em; color: var(--b-t44); font-weight: 500; } cpor cus h5 { font-size: 0.9em; color: var(--b-t44); font-weight: 500; } cpor csp h4 { color: var(--b-t44); font-size: 0.9em; font-weight: 500; } cpor ft btn { background-color: var(--a); padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-weight: 500;} cpor ft .Sell-btn{background-color: #f6465d;} cpor ft .buy-btn {background-color: #5ade5a;} @media (max-width: 999px) { cpor bl { display: block; } cpor hd h2 { display: none; } cpor bd { display: none; } cpor hd { justify-content: flex-start; } cpor ft { display: flex; justify-content: end; } } /* Component : P2P_OrderHeader */ cpwoo>bl { display: flex ; flex-direction: column; margin: 0 auto; max-width: 1400px; width: -webkit-fill-available; } cpwoo>bl hd>btns { align-items: unset; border: solid 2px var(--b1); border-radius: var(--br1); padding: 4px; height: fit-content; gap: 4px; max-width: 181px; display: grid ; grid-template-columns: auto auto; } cpwoo>bl hd btn { transition: 99ms; position: relative; cursor: pointer; text-align: center; background: var(--b-t); padding: 7px 0px; border-radius: 7px; font-size: .88em; } cpwoo>bl mb { display: flex ; justify-content: space-between; padding: 11px 0; overflow: auto; } cpwoo>bl mb>a { font-weight: 400; font-size: 0.88em; padding: 7px; margin: 7px; display: block; text-align: center; transition: 95ms; } cpwoo>bl mb>a:hover { color: var(--a); } cpwoo>bl mb>a:active { color: var(--1); } cpwoo>bl bd { display: flex ; align-items: center; } cpwoo>bl bd btn { display: none; padding: 7px; height: 22px; width: 22px; border-radius: 7px; background: var(--b-t); margin: 4px; align-items: center; justify-content: center; } cpwoo>bl ft { display: flex ; justify-content: space-between; align-items: center; gap: 7px; padding: 0 7px; } cpwoo>bl sl>select { padding: 0; height: auto; background: transparent; margin: 0 7px; } cpwoo>bl sl { display: flex ; align-items: center; border-radius: 8px; background-color: var(--b1); margin: 11px 0; width: -webkit-fill-available; justify-content: center; } cpwoo>bl ft>btn { display: flex ; padding: 7px; height: 33px; width: 33px; border-radius: 7px; background: var(--b1); margin: 4px; align-items: center; justify-content: center; flex: none; } @media (max-width : 999px) { cpwoo>bl sl { display: none; } cpwoo>bl sl:nth-child(1), cpwoo>bl sl:nth-child(2) { display: flex ; } } bpfo { background: var(--b1); max-width: 555px; position: absolute; top: unset; bottom: -333px; left: 0; right: 0; z-index: 999999999; pointer-events: auto; opacity: 0; transition: 333ms; overflow: hidden; margin: 0px; border: solid transparent; border-radius: 11px;padding: var(--br); } bpfo hd { display: flex ; justify-content: space-between; } bpfo hd h1 { font-size: 15px; font-weight: 500; } bpfo close { display: flex ; width: 22px; height: 22px; } bpfo bd d { display: grid ; grid-template-columns: 44px auto 0px; position: relative; align-items: center; border: solid 2px var(--b1); padding: 19px 6px; border-radius: 0px; margin-block: 11px; border-bottom: solid 1px var(--b-t22); } bpfo symbol { font-size: 18px; font-weight: 100; } bpfo name { font-size: 13px; font-weight: 100; color: var(--ct); } /* Component : P2P_OrderHistoryFullfilleds */ cpofs div{max-width: 100%; margin: 0 auto; padding:11px; overflow: scroll;} cpofs table {width: 100%; border-collapse: collapse; background-color: var(--b1); color:var(--c);} cpofs th,codhs td {padding:11px 22px; text-align: left; border-bottom: 1px solid #3c3f44; position: relative;} cpofs th {background-color: #1f2023; font-weight: 500; font-size: 14px;} cpofs tr:hover { background-color:var(--b1t); } cpofs td[filled]:after{content: '';position: absolute;height:8px;width:8px;background:#0ecb81;left:0;top:20px;border-radius:22px; } cpofs td[canceled]:after{content:'';position:absolute;height:8px;width:8px;background:gray;left:0;top:20px;border-radius:22px; } cpofs td[buy] { color:#0ecb81; } cpofs td[sell] { color:#f6465d; } cpofs>bl mb a { display: flex ; justify-content: center; align-items: center; padding: 7px 11px; position: relative; } cpofs>bl mb { display: flex ; align-items: center; justify-content: space-between; } cpofs>bl mb>d { display: flex ; font-size: 16px; align-items: center; font-weight: 600; gap: 20px; } @media screen and (max-width:999px) { cpofs table { width: 100%; display: block; overflow-x: auto; white-space: nowrap; } cpofs td[filled]:after{display:none;} cpofs td[canceled]:after{display:none;} cpofs td[partial]:after{display:none;} cpofs thead { display: none; } cpofs tr {display: grid; grid-template-columns: auto auto; justify-content: space-between; border: solid 1px var(--b1t); padding: 11px 7px; padding-right: 11px; border-radius: 11px; margin: 4px 0;} cpofs tr td {display: none; border: unset; padding: 2px 7px; font-size: 14px; color: var(--b-t77);} cpofs tbody { display: grid; } cpofs table { background-color: transparent; } cpofs td[filled] { color: #0fb976; background: #0ecb8112; } cpofs td[canceled]{color: gray; background: #80808014;} cpofs td[partial]{color:#e29d0d;background:#e29d0d14;} cpofs td:nth-child(1) { display: block; grid-column-start: 2; grid-column-end: 3; text-align: end;} cpofs td:nth-child(2) {display: block; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; font-size: 20px; line-height: 1; color: var(--c);} cpofs td:nth-child(3) { display: block;} cpofs td:nth-child(12) {display: block; grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; margin-left: auto; border-radius: 7px;} cpofs td:nth-child(8) { display: block;} cpofs td:nth-child(11) {display: block;text-align: end;} cpofs td:nth-child(10) {display: block; grid-row-start: 4;} cpofs td:nth-child(4) { display: block; grid-row-start: 4; grid-column-start: 2; margin-left: auto; border-radius: 7px; padding: 2px 11px; } cpofs td[buy] { background: #0ecb8112; } cpofs td[sell] { background: #f6465d14; } } /* Component : P2P_OrderHistoryOngoings */ cpoos div{max-width: 100%; margin: 0 auto; padding:11px; overflow: scroll;} cpoos table {width: 100%; border-collapse: collapse; background-color: var(--b1); color:var(--c);} cpoos th,codhs td {padding:11px 22px; text-align: left; border-bottom: 1px solid #3c3f44; position: relative;} cpoos th {background-color: #1f2023; font-weight: 500; font-size: 14px;} cpoos tr:hover { background-color:var(--b1t); } cpoos td[filled]:after{content: '';position: absolute;height:8px;width:8px;background:#0ecb81;left:0;top:20px;border-radius:22px; } cpoos td[canceled]:after{content:'';position:absolute;height:8px;width:8px;background:gray;left:0;top:20px;border-radius:22px; } cpoos td[buy] { color:#0ecb81; } cpoos td[sell] { color:#f6465d; } cpoos>bl mb a { display: flex ; justify-content: center; align-items: center; padding: 7px 11px; position: relative; } cpoos>bl mb { display: flex ; align-items: center; justify-content: space-between; } cpoos>bl mb>d { display: flex ; font-size: 16px; align-items: center; font-weight: 600; gap: 20px; } @media screen and (max-width:999px) { cpoos table { width: 100%; display: block; overflow-x: auto; white-space: nowrap; } cpoos td[filled]:after{display:none;} cpoos td[canceled]:after{display:none;} cpoos td[partial]:after{display:none;} cpoos thead { display: none; } cpoos tr {display: grid; grid-template-columns: auto auto; justify-content: space-between; border: solid 1px var(--b1t); padding: 11px 7px; padding-right: 11px; border-radius: 11px; margin: 4px 0;} cpoos tr td {display: none; border: unset; padding: 2px 7px; font-size: 14px; color: var(--b-t77);} cpoos tbody { display: grid; } cpoos table { background-color: transparent; } cpoos td[filled] { color: #0fb976; background: #0ecb8112; } cpoos td[canceled]{color: gray; background: #80808014;} cpoos td[partial]{color:#e29d0d;background:#e29d0d14;} cpoos td:nth-child(1) { display: block; grid-column-start: 2; grid-column-end: 3; text-align: end;} cpoos td:nth-child(2) {display: block; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; font-size: 20px; line-height: 1; color: var(--c);} cpoos td:nth-child(3) { display: block;} cpoos td:nth-child(12) {display: block; grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; margin-left: auto; border-radius: 7px;} cpoos td:nth-child(8) { display: block;} cpoos td:nth-child(11) {display: block;text-align: end;} cpoos td:nth-child(10) {display: block; grid-row-start: 4;} cpoos td:nth-child(4) { display: block; grid-row-start: 4; grid-column-start: 2; margin-left: auto; border-radius: 7px; padding: 2px 11px; } cpoos td[buy] { background: #0ecb8112; } cpoos td[sell] { background: #f6465d14; } } /* Component : P2P_Orders */ coinsearch { position: relative; height: fit-content; box-sizing: border-box; border-radius: 8px; display: grid; padding: 0px 16px 0px 12px; align-items: center; grid-template-columns: 144px auto; gap: 11px; border: solid 1px var(--b1); } coinsearch inp input { background: transparent; padding:0px 4px; margin: 0; font-weight: 500; font-size: 14px; height: 40px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; } selectt>i { display: flex; flex-direction: row; align-items: center; font-weight: 500; font-size: 14px; height: 19px; gap: 2px; } paiement inp input { background: transparent; padding:0px 4px; margin: 0; font-weight: 500; font-size: 14px; height: 40px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; } paiement { position: relative; height: fit-content; box-sizing: border-box; border-radius: 8px; display: grid; padding: 0px 16px 0px 12px; align-items: center; grid-template-columns: 188px auto; gap: 11px; border: solid 1px var(--b1); width: 85%;} selectt { gap: 22px; display: grid; grid-template-columns: auto auto; } div.trcs thh { box-sizing: border-box; display: table-cell; position: relative; font-size: 14px; line-height: 130%; font-weight: 400; padding: 10px 0px 12px; opacity: 0.5; width: 100%; } div.trcs trc { display: grid; grid-template-columns: 22% auto 155px; align-items: center; padding: 18px; border-bottom: solid 1px var(--b1); } div.trcs trc hd { width: 100%; height: auto; background: transparent;} .trcs trc hd namee { display: flex; flex-shrink: 0; align-items: center; justify-content: center; margin-right: 15px; font-weight: 600; font-size: 14px; background-color: rgba(29, 29, 29, 0.02); border: solid 1px var(--b-t22); padding: 12px 15px; border-radius: 44px; width: fit-content; } .trcs trc hd div h5 { margin-right: 8px; font-weight: 500; font-size: 16px; line-height: 24px; } .trcs trc hd .ordre { opacity: 0.7; display: flex; align-items: center; font-weight: 400; font-size: 12px; line-height: 20px; letter-spacing: 0.5; gap: 9px; } div.trcs trc bd { display: grid;text-align: left; justify-content: flex-start; gap: 18%; align-items: center; padding-left: 77px; } div.trcs trc bd span:nth-child(1) { font-weight: 500; font-size: 20px; line-height: 26px; } div.trcs trc bd span:nth-child(2) { font-size: 14px; line-height: 20px; opacity: 0.5; } div.trcs trc bd .au { font-size: 12px; font-weight: 400; letter-spacing: 0.3; display: flex; align-items: center; gap: 6px; } div.trcs trc bd span.crc { font-size: 11px; opacity: 0.5; } div.trcs trc button.bgreen { color: var(--c); font-size: 16px; font-weight: 700; border-radius: 33px; padding: 12px 40%; } div.trcs trc button.bred { color: var(--c); font-weight: 700; border-radius: 33px; padding: 9px; width: 122px; } div.trcs trc bd div:nth-child(1) { display: flex; align-items: center; } cpwoo .pafi { display: flex; gap: 11px; justify-content: space-between; } cpoo>bl { display: block;} spwo.green div.red, spwo.red div.green { display: none; } div.green, div.red { display: block; } spwo.green a.Acheter::before { content: " "; width: 80%; display: flex; height: 3px; background: var(--a); bottom: 0; position: absolute; left: 6px; border-radius: 9px; } @media only screen and (max-width: 999px) { cpwoo { display: block; padding: 11px; width: auto; margin: 0; } div.trcs div trc { display: none; } div.trcs trc { grid-template-columns: 50% 50% ; justify-content: flex-start; position: relative;align-items: end; } .trcs trc hd namee { display: none; } div.trcs trc hd>div { display: flex; justify-content: space-between; width: 100%; } div.trcs trc bd { padding-left: 0; grid-template-rows: auto auto 33px; gap: 0; margin-top: 3px; } div.trcs trc bd div:nth-child(3) i { width: 33%; height: 100%; justify-content: space-around; } } @media only screen and (min-width: 999px) { div.trcs trc bd { display: grid; grid-template-columns: auto auto auto; text-align: left; justify-content: flex-start; gap: 18%; align-items: center; padding-left: 77px; } } /* Component : P2P_OrdersAdvantages */ cpaeo tp { display: grid; gap: 0px; width: auto; transition: 333ms; font-weight: bold; margin: 7px; grid-template-rows: 99px auto; align-items: center;} cpaeo bd { display: grid; grid-template-columns: 50% 50%; } cpaeo tps i { width: 77px; justify-content: unset; } cpaeo p { font-size: 0.77em; font-weight: 100; } align-items: center; cpaeo h2 { font-size: 32px; font-weight: 100; line-height: 40px; margin-bottom: 1rem; } @media only screen and (max-width: 999px) { cpaeo bd { grid-template-columns: 100%; } cpaeo bd i:last-child { display: none; } } /* Component : P2P_OrdersExpres */ cpmg>bl { display: flex ; justify-content: space-between; padding: 11px 0; } cpmg hd { display: flex; } cpmg hd a { display: flex ; justify-content: center; align-items: center; padding: 7px; margin: 7px; } cpmg hd a.this { border-bottom: solid 2px; color: var(--a); } cpmg bd { display: flex; } cpmg bd a { display: flex ; justify-content: center; align-items: center; padding: 7px; margin: 7px; } cpmg bd a i { width: 28px; height: 28px; margin-right: 7px; } @media only screen and (max-width: 999px) { cpmg hd { display: flex; font-size: 0.77em; padding: 0; margin: 0;padding-left: 5px; } cpmg hd a { padding: 0 8px; } cpmg bd { opacity: 0; display: flex; } .lrtcss { padding-top: 21px; } } @media only screen and (max-width: 999px) { cpmg hd { display: flex; font-size: 0.77em; padding: 0; margin: 0;padding-left: 5px; } cpmg hd a { padding: 0 8px; } cpmg bd { opacity: 0; display: flex; } } @media only screen and (min-width: 999px) { cpmg ft { display: none; } spwo .aerea { display: flex; flex-direction: column-reverse; margin: 22px; } } /* Component : P2P_OrdersMethod */ cp2ppm>bl bd { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } cp2ppm>bl bd>d { background-color: var(--b); border: 1px solid #282828; border-radius: 8px; padding: 21px 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; } cp2ppm>bl bd>d:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } cp2ppm>bl d>i { margin-right: 10px; width: 7px; overflow: hidden; } cp2ppm>bl hd { margin-bottom: 22px; display: block; } @media (max-width: 768px) { cp2ppm>bl bd { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { cp2ppm>bl bd { grid-template-columns: 1fr; } } @media (max-width: 999px) { cp2ppm>bl bd { justify-content: flex-start; } } /* Component : P2P_OrdersTrade */ ctifo { padding: 22px; text-align: center; border: 1px solid var(--b1); border-radius: 12px; display: block; margin: 33px 22px; } ctifo h2 { margin: 0; font-size: 32px; font-weight: 500; line-height: 40px; margin-bottom: 1rem; } /* Component : P2P_OrdersUSDT */ /* Component : P2P_OrdersWorks */ cp2pw { padding: 22px; border: 1px solid var(--b1); border-radius: 12px; display: block; margin: 22px; } cp2pw hd { display: flex; justify-content: space-between; align-items: center; } cp2pw btns { display: grid; align-items: center; grid-template-columns: 50% 50%; border-radius: 11px; padding: 1px 7px; font-size: 0.88em; } cp2pw btn { transition: 99ms; position: relative; cursor: pointer; text-align: center; background: var(--b-t); padding: 11px; margin: 3px; border-radius: 11px;width: max-content; } cp2pw>bl>bd { display: grid ; grid-auto-flow: column; } cp2pw .ccc_table { display: grid; gap: 20px; width: auto; background: var(--b1-t44); border-radius: 15px; ; transition: 333ms; font-weight: bold; padding: 22px; margin: 7px; grid-template-rows: 99px auto 0px; } cp2pw>bd{ display: grid; grid-template-columns: 33% 33% 33%; } cp2pw h4 { font-size: 20px; font-weight: 200; line-height: 28px; margin-bottom: 22px; } cp2pw i { width: 77px; } /*P2P_Payment*/ cpmy bl { display: none; position: relative; margin: 33px 0px; transition: 333ms; } cpmy bd div { display: block; border: 2px solid var(--bc); margin: 22px 7px 22px 44px; border-radius: var(--br1); padding: 11px; } cpmy hd i:after { content: ""; position: absolute; bottom: 3px; top: 3px; left: 3px; right: 3px; z-index: -1; transform: rotate(45deg); background: var(--lg-b); transition: 99ms; border-radius: 4px; } cpmy hd i { font-style: normal; z-index: 997; height: 28px; width: 28px; font-size: 0.88em;margin-left: unset; } cpmy bd div:after { content: " "; position: absolute; color: var(--a); height: 92%; top: 27px; left: 13px; opacity: 0.6; border-left: dashed; } cpmy bd dd { margin: 0; display: flex ; flex-direction: column; } cpmy bd d { display: flex ; justify-content: space-between; } cpmy bd p { color: var(--ct); margin-left:3rem; } cpmy bd i:after { content: ""; position: absolute; bottom: 3px; top: 3px; left: 3px; right: 3px; z-index: -1; transform: rotate(45deg); background: var(--lg-b); transition: 99ms; border-radius: 4px; } cpmy bd i { font-style: normal; z-index: 997; height: 28px; width: 28px; font-size: 0.88em; } cpmy dd cc { display: flex ; gap: 16px; } cpmy bd cc i:after { display: none; } cpmy cc i { filter: contrast(0.5); } cpmy bd dd { margin-block: 16px; display: flex ; flex-direction: column; gap: 16px; margin-inline-start: 0; } cpmy dv span { display: flex ; padding: 9px 0px; } cpmy dv:nth-child(3) d {display: grid;grid-template-columns: 44px auto;align-items: center;justify-content: flex-start;} cppy.Payment cpmy bl { display: block; } cpmy d span {border: none;color: var(--c);margin: 0;padding: 0;} /*P2P_PaymentMethod*/ cpmd hd { display: flex; align-items: center; justify-content: space-between; } cpmd sl select { display: block; background: transparent; border: none; font-size: 1em; color: var(--ct); } cpmd bd sl { display: block; padding: 11px 0; margin: 11px 0; } cpmd ft p { color: var(--ct); margin: 22px 0; } cpmd sl select:focus { outline: none; }/*P2P_PaymentTip*/ cptp div { padding: 20px 5px; } cptp bl { display: none; position: relative; transform: scale(0.94); margin: 33px 0px; transition: 333ms; } cppy.Tip cptp bl { display: block; } cptp bd d { display: grid ; margin-bottom: 21px; font-size: 0.88em; gap: 10px; grid-template-columns: 26px auto; } cptp p {font-size: 15px;margin: 0;} /* COmponet : P2P_ProfileInfo */ ppfo>bl { display: grid ; grid-template-columns: auto max-content max-content; margin: 11px; padding: 22px; align-items: center; } ppfo>bl pf { grid-template-columns: 55px auto; align-items: center; display: grid ; } ppfo>bl pf>i { display: flex ; background: var(--c); border-radius: 33px; color: var(--b); justify-content: center; align-items: center; width: 44px; height: 44px; font-weight: bold; } ppfo>bl pf f { align-items: center; } ppfo>bl f>cc { align-items: center; display: grid ; grid-template-columns: auto 22px; gap: 4px; margin-right: 11px; font-size: 0.77em; position: relative; } ppfo>bl bd d>f { display: grid ; grid-template-columns: auto 44px; align-items: center; font-size: 0.88em; } ppfo>bl d>f btn { height: 22px; width: 33px; display: flex ; align-items: center; justify-content: center; } ppfo>bl ft>btn { background-color: var(--a); padding: 11px 22px; border: none; border-radius: 7px; cursor: pointer; font-size: 0.88em; } /* Component : P2P_ProfileOverview */ ppov>bl { display: block; padding: 22px; } ppov>bl hd>btns { margin: 7px 0; border-radius: 8px; display: flex ; } ppov>bl btns>btn { padding: 7px 22px; border-radius: 8px; margin: 0 4px; } ppov.Trade btn.Trade { background: var(--b-t22); } ppov.Notifications btn.Notifications { background: var(--b-t22); } ppov.Other btn.Other { background: var(--b-t22); } ppov>bl ul { padding: 0; display: none; } ppov>bl ul>li { display: grid ; grid-template-columns: 22px auto 22px; padding: 7px; margin-bottom: 7px; align-items: center; font-size: 0.88em; } ppov>bl li>arw { transform: rotate(180deg); height: 17px; width: 17px; } ppov>bl ul>btn { text-align: center; display: grid ; background: var(--b1); padding: 11px; margin: auto; border-radius: 11px; width: 88%; } .Trade ul.trd { display: block; } .Notifications ul.ntf { display: block; } .Other ul.oth { display: block; }/*P2P_Release*/ cpre bd { background: var(--b1-t); margin-block: 17px; border-radius: 15px; padding: 22px 19px; gap: 13px; display: flex ; flex-direction: column; } cpre bd dv { display: flex ; justify-content: space-between; align-items: center; } cpre bd h3 { font-size: 13px; font-weight: 300; color: var(--b-t44); border-bottom: 1px dashed; } cpre bd p { margin: 0; color: var(--b-t44); gap: 6px; display: flex ; }csutfp { padding: 22px; display: block; background: var(--b1-t44); border-radius: 22px; } @keyframes circle-pulse { 0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0.9);} 50% {transform: scale(1);box-shadow: 0 0 0 8px rgba(77, 170, 87, 0);} 100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0); }} csutfp mg { display: flex; padding: 11px; margin-bottom: 22px; gap: 22px; position: relative;} .Terms a.Terms, .Feedback a.Feedback, .Profile a.Profile { color: var(--a); } csutfp.Feedback mg::after { left: 134px; width: 77px; } csutfp.Profile mg::after { left: 268px; width: 50px; } .Terms csufb.Terms , .Feedback csufb.Feedback, .Profile csufb.Profile { display: block; } comm hd cmoo p { margin: 0; } ssuo csutfp mg a { margin: 7px 17px; } @media only screen and (max-width: 999px) { csutfp { margin: 4px; } } /* Component : P2P_TradeStatus */ ptso>bl { display: grid ; grid-template-rows: auto auto auto; align-items: center; border: solid 1px var(--b-t22); margin: 11px; border-radius: 11px; padding: 22px; } ptso>bl hd { display: grid; grid-template-columns:50% 50%; justify-content: space-between; } ptso>bl hd>d { display: grid; margin-left: 14px; padding: 11px;} ptso>bl d>amt { font-size: 1.7em; } ptso>bl d>t { font-size: 14px; letter-spacing: .5; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } ptso>bl bd { display: grid; grid-template-columns: 50% 50%; justify-content: space-between; } ptso>bl bd>d { display: grid; margin-left: 14px; padding: 11px; } ptso>bl d>time { font-size: 1.7em; } ptso>bl ft>btn { display: grid ; grid-template-columns: auto 33px; justify-content: center; align-items: center; border: 1px solid var(--b-t22); margin: 22px; margin-bottom: 0; padding: 11px; border-radius: 33px; box-shadow: var(--bs-bs); } ptso>bl ft>btn i { transform: rotate(176deg); height: 15px; }ssuo hd.bc { border-bottom: solid 1px var(--b-t22); display: flex; position: relative; padding: 7px 4px; padding-top: 13px; width:auto; } ssuo csuo>h2 { font-size: 1.0rem; font-weight: 100; padding: 4px; margin-right: 17px; } hd cmo aa { font-size: 1.0rem; font-weight: 100; } hd.bc aa { display: flex; justify-content: center; align-items: center; position: relative; font-size: 0.8em; } csuo select { padding: 14px; background: var(--bl); border: none; font-size: 18px; width: 98%; color: var(--c); opacity: .3; } cphm { margin-top: 20px; display: block; } cphm h2 { display: flex; justify-content: center; opacity: .7; font-size: 25px; margin: auto;} cphm hd b { min-width: 0px; display: flex; width: 20px; height: 20px; border-radius: 100%; font-weight: 500; justify-content: center; align-items: center; font-size: 13px; padding: 4px; color: var(--b); background: var(--c); } cphm hd p { opacity: .6; font-size: 17px; margin: 0; font-weight: 200;} cphm ft p {margin: 0; font-size: 14px; opacity: .7; margin-top: 8px;} cphm ft b { color: var(--a); } cphm div span i { width: 20px; height: 20px; } cphm div span { display: flex; align-items: center; font-size: 14px; gap: 8px; } cphm bd div { display: grid; border-radius: 24px; align-items: center; padding: 4px 14px; justify-content: space-between; background: var(--b1-t44); grid-template-columns: auto 11%; } cphm cppm { padding: var(--p); border-radius: 20px; display: block; border: solid 1px var(--b-t22); margin-top: 15px; margin-bottom: 15px; } cphm p { display: flex; justify-content: center; margin: 5px 0; font-size: 14px;} cphm bd div s { display: flex; justify-content: end; } /* Component : P2Ps */ cppo>bl { background: var(--b-t); border: 1px solid var(--b1); border-radius: var(--br1); padding: 15px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); display: grid ; position: relative; grid-template-columns: auto auto auto; align-items: center; margin: 11px 0; } cppo>bl bdg { background-color: var(--a1t); padding: 2px 6px; font-size: 0.77em; position: absolute; top: 1px; left: 1px; color: var(--a); border-radius: 0; border-bottom-right-radius: 11px; border-top-left-radius: 9px; z-index: 999; } cppo>bl hd>i { background-color: #333; color: var(--c); width: 40px; height: 40px; border-radius: 50%; display: flex ; justify-content: center; align-items: center; font-weight: bold; font-style: normal; } cppo>bl hd>d { display: flex ; flex-direction: column; } cppo>bl name { display: inline-flex ; } cppo>bl name>spain { height: 16px; width: 16px; margin: auto 7px; } cppo>bl p { margin: 0; font-weight: 400; opacity: 0.5; } cppo>bl f>btn { display: grid ; align-items: center; grid-template-columns: 22px auto; opacity: .5; font-size: 0.77em; margin: 11px 0; margin-right: 11px; } cppo>bl bd>amt { font-size: 1.4em; font-weight: 400; } cppo>bl ft>amt { display: flex ; opacity: 0.5; flex-direction: column; } cppo>bl amt>b { font-weight: 400; font-size: 0.88em; } cppo>bl ft>cc { color: var(--b-t44); font-size: 0.9em; } cppo>bl ft>btn { background-color: #0ecb81; padding: 11px 20px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; float: right; top: -22px; } cppo>bl hd { display: flex ; gap: 11px; } @media (max-width : 999px) { cppo>bl { display: block; } cpps>bl { display: block; margin: 7px; padding: 7px; } } @media (min-width : 999px) { cppo>bl ft { display: flex ; justify-content: space-between; align-items: center; } cppo>bl ft>btn { top: unset; } } cpos { display: grid ; } cpos bl>bd { display: grid ; gap: 11px; } cnamo { width: 100%; padding-top: 5%; } cnamo { position: relative; top: 3%; } cnamo ccmo { display: grid; grid-template-rows: auto auto; } cnamo h2 { font-size: 22px; font-weight: 700; line-height: 130%; text-align: center; margin-bottom: 5%; padding: 0px 2px; padding-right: 3%; } ccmo hd i { width: 27%; height: 33%;} ccmo div bd { margin-bottom: 8px; font-weight: 500; font-size: 20px; line-height: 130%; justify-content: center; display: flex; } ccmo div hd { display: flex; justify-content: center; } ccmo div ft { font-weight: 400; font-size: 15px; line-height: 150%; opacity: 0.6; } ccmo cmm { display: grid ; grid-template-columns: 33% 34% 33%; max-width: 1200px; margin: 0 auto; width: -webkit-fill-available; } ccmo ccmm { display: grid; grid-template-columns: 34% 34%; justify-content: center; } ccmo div hd { display: flex ; justify-content: center; } ccmo hd i { width: 33%; height: 33%; } ccmo cmm { display: grid; } ccmo ccmm { display: grid;} ccmo div { text-align: center; margin: 7px; background: var(--b1-t44); border-radius: 15px; border: solid 2px var(--b1); padding: 22px;} ccmo hd i { width: 33%; height: 33%;} ccmo div bd { margin-bottom: 8px; font-weight: 500; font-size: 18px; line-height: 130%; justify-content: center; display: flex; } ccmo div hd { display: flex; justify-content: center; } ccmo div ft { font-weight: 400; font-size: 14px; line-height: 150%; opacity: 0.6; } ccmo hd i { height: 30%; width: 30%;height: 30%; width: 30%; background: unset; padding: 4px; } csso p { text-align: center; letter-spacing: 0.5; font-weight: 100; font-size: 0.88em; line-height: 150%; opacity: 0.6; max-width: 100%; margin: 22px auto; } ccmo p {text-align: center; letter-spacing: 0.5; font-weight: 100; font-size: 0.88em; line-height: 150%; margin: 22px auto; margin-bottom: 0;} @media (max-width : 999px){ ccmo cmm { display: block; } ccmo ccmm { display: block; } ccmo div { margin-bottom: 11px; } } cpmg>bl {display:flex;justify-content: space-around; border-top: solid 1px var(--bc); border-bottom: solid 1px var(--bc); padding: 11px 0; } cpmg>bl hd { display: flex; } cpmg>bl bd { display: flex; } cpmg>bl i { font-size: 21px; } @media only screen and (max-width: 999px) { cpmg>bl { display: grid; grid-template-columns: auto 0px 44px;padding-bottom: 0; align-items: center; justify-content: unset;} cpmg>bl hd { display: flex; font-size: 0.77em; padding: 0; margin: 0;padding-left: 5px; } cpmg>bl hd a { padding: 0 8px; } cpmg>bl bd { opacity: 0; display: flex; } } @media only screen and (min-width: 999px) { cpmg>bl ft { display: none; } p2poder .aerea { display: flex; flex-direction: column-reverse; margin: 22px; } } @media (max-width: 999px) { cppmo>bl ft>btn { width: unset; } } /* Component : P2pNew */ cp2p>bl>hd{ border-bottom: solid 1px var(--b-t22);display: flex; position: relative; padding-top: 13px; width: 100%; } cp2p>bl>hd{height: fit-content; border-radius: unset; justify-content: flex-start; background: unset;} cp2p>bl>hd a { color: var(--a); font-weight: 500; font-size: 11px; } cp2p>bl>hd h6 {font-size: 11px;} cp2p>bl>hd i { width: 15px; height: 15px; filter: invert(1); margin-left: 11px; } cp2p>bl>hd dv { display: flex ; gap: 22px; align-items: center; padding: 7px 4px; } cbtot ft { display: block; } @media (max-width: 768px) { cp2p { padding: 11px; display: block; background: var(--b); } } cppy hd d { display: flex ; align-items: center; justify-content: space-between; } cppy d>ext { display: flex; align-items: center; justify-content: center; padding: 5px; height: 44px; width: 44px; margin-bottom: 22px; } cppy d>ext>i { transform: rotate(0deg); } cppy d t { display: block; padding: 1px 0px; color: var(--ct); border-bottom: 1px dashed; margin: 0 11px; } cppy bd mg { display: flex ; align-items: center; padding: 0px 11px; border-bottom: 1px solid var(--bc); gap: 23px; margin-block: 1rem; } cppy mg btn { display: block; margin-right: 11px; padding: 11px; transition: 333ms;background: unset;border-radius: 0; } cppy hd btn { display: flex ; font-size: 0.88em; height: 20px; padding: 7px 17px; border-radius: 5px; background: var(--lg-b); width: 38px; margin-block: 1rem; } cppy { padding: 11px; display: block; background: var(--b); } cppy hd p { margin: 0; } @media(max-width:786px){ cppy h2 {font-size: 21px;} cppy t { font-size: 13px; } } /* P2pSellUSDT */ csutfp.buy2.Terms csf.Feedback { display: none; } csutfp.buy2.Terms csf.Profile { display: none; } csutfp.buy2.Feedback csf.Terms { display: none; } csutfp.buy2.Feedback csf.Profile { display: none; } csutfp.buy2.Profile csf.Feedback { display: none; } csutfp.buy2.Profile csf.Terms { display: none; } cptrm div i { height: 22px; } cptrm bl { margin: 7px 0px; } comm p { margin: 4px 0; font-size: 12px; line-height: 21px; } @keyframes circle-pulse { 0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0.9);} 50% {transform: scale(1);box-shadow: 0 0 0 8px rgba(77, 170, 87, 0);} 100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0);} } sbuo csutfp mg { display: flex; padding: 11px; margin-bottom: 22px; position: relative; } .Terms a.Terms, .Feedback a.Feedback, .Profile a.Profile { color: var(--a); } csutfp.Feedback mg::after { left: 110px; width: 78px; } csutfp.Profile mg::after { left: 217px; width: 53px; } csufb.Terms { display: none; } csufb.Feedback { display: none; } csufb.Profile { display: none; } .Terms csufb.Terms, .Feedback csufb.Feedback, .Profile csufb.Profile { display: block; } comm hd cmoo p { margin: 0; } cmsoo ft trc { display: grid; grid-template-columns: 55px auto 28px; align-items: center; padding: var(--p1); margin: 7px 0; position: relative; width: auto;box-shadow: unset;} cmsoo>ft trc hd { background: unset; width: auto; } cmsso>hd h4>hr { margin: 0 8px; height: 15px; width: 1px; background: var(--c); } cmsso hd a { display: flex ; font-weight: 500; align-items: center; justify-content: space-between; gap: 5px; } cmsso hd h4 a1 { font-weight: 500; font-size: 0.9rem; } bd cbo h2 { font-weight: 500; font-size: 18px; } cpmdo>ft>sl { display: block; padding: 11px; background: unset; } /*P2pTerm*/ cptrm { padding: 11px; display: block; background: var(--b); } cptrm hd { display: flex ; border: none; } cptrm mg {display: flex; } @media only screen and (max-width: 999px) { sbuo csutfp mg { gap: unset; } } /*P2p_Feedback*/ cpfk bl { display: block; border-bottom: 1px solid var(--bc); margin: 11px 0px; } cpfk>bl>hd { display: flex ; flex-direction: column; } cpfk hd dv { display: flex ; align-items: center; font-size: 16px; font-weight: 500; } cpfk hd h2 { font-size: 17px; font-weight: 500;} cpfk hd dv { display: flex ; align-items: center; justify-content: center; border-radius: 7px; border: solid 2px var(--b1); padding: 13px 10px; margin-top: 15px; gap: 12px; } cpfk span { font-size: 16px; opacity: .9; font-weight: 400; } cpfk bd btn { color: var(--b-t44) !important;display: flex ; justify-content: center; align-items: center; border-radius: 5px; background: var(--b1t); padding: 12px 11px; width: 100%; margin-block: 1rem; } cpfk bd span { font-size: 0.88em; font-weight: 500; } cpfk>bl>bd { display: flex ; gap: 15px; } cpfk i {width: 20px;opacity: 0.44; } cpfk ft div { display: grid ; align-items: center; padding: 12px 2px; margin: 7px 0; position: relative; width: auto; box-shadow: unset; background: var(--b1); grid-template-columns: 55px auto 28px; border-radius: 9px; } cpfk ft nam { display: flex ; background: var(--c); justify-content: center; align-items: center; font-size: 20px; border-radius: 30px; padding: 4px; height: 30px; width: 30px; margin: auto; } cpfk btn>i { transform: rotate(-90deg); } cpfk ft dv { display: flex ; flex-direction: column; } cpfk ft span { opacity: unset; font-size: 14px; } cptrm.buy2.Terms cppt bl {display: block;} cppt bl { display: none; } comm p { margin: 4px 0; font-size: 12px; line-height: 21px; } @keyframes circle-pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(77, 170, 87, 0.9); } 50% { transform: scale(1); box-shadow: 0 0 0 8px rgba(77, 170, 87, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(77, 170, 87, 0); } } sbuo csutfp mg { display: flex; padding: 11px; margin-bottom: 22px; position: relative; } .Terms a.Terms, .Feedback a.Feedback, .Profile a.Profile { color: var(--a); } csutfp.Feedback mg::after { left: 110px; width: 78px; } csutfp.Profile mg::after { left: 217px; width: 53px; } csufb.Terms { display: none; } csufb.Feedback { display: none; } csufb.Profile { display: none; } .Terms csufb.Terms, .Feedback csufb.Feedback, .Profile csufb.Profile { display: block; } comm hd cmoo p { margin: 0; } csuo h2 { color: var(--a); } cpodt hd cmo { display: flex; justify-content: space-between; padding-left: 5px; } cpodt>bl { display: grid; gap: 18px; border-bottom: solid 2px var(--b1); } cpodt hd { display: grid; align-items: center; padding: 12px; border-radius: var(--br1)var(--br1); gap: 20px; background: var(--b1-t44); } cpodt ft { display: grid ; grid-template-columns: 32% 35% auto; margin-bottom: 7%; } cpodt { background: var(--b1-t44); display: grid ; padding: 22px; border-radius: 22px; } cpodt bd h5 i { height: 16px; width: 16px; } @media only screen and (max-width: 999px) { cpodt { margin: 4px; } } @media only screen and (min-width: 999px) { cpodt bd { display: grid; gap: 11px; } cpodt cmm { display: flex; justify-content: center; align-items: center; font-size: 14px; } cpodt bd h5 { display: grid; grid-template-columns: 39% 7% auto; font-size: 11px; align-items: center; gap: 9px; } cpodt bd h4 { display: grid; grid-template-columns: 43% 3% 16% 3% 16% 3% 16%; font-size: 12px; } cpodt hd cmo h2 { font-size: 14px; font-weight: 500; } } /* P2p_OdersUSDT */ cpusd>bl { display: block; border-radius: var(--br1); margin: 11px 0; padding: 11px; border: solid 2px var(--b-t);position: relative; margin-top: 11%; } cpusd.Fiat aa.Fiat { color: var(--a); } cpusd>bl>hd {position: relative; font-size: 19px; overflow: unset; height: fit-content; width: auto; justify-content: unset; display: flex ; gap: 11px; background: unset; border-bottom: solid 1px var(--b-t22); } cpusd hd::after { content: " "; width: 58px; background: var(--a); position: absolute; height: 3px; bottom: 0; left: 10px; transition: 333ms; } cpusd.Crypto hd::after { left: 97px; width: 89px;} cpusd>bl h6 { display: grid ; font-size: .88rem; font-weight: 500; padding: 3px; grid-template-columns: auto auto 18px; justify-content: flex-start; align-items: center; gap: 4px; position: absolute; top: -10%; left: 0; } cpusd>bl>hd .active { color: var(--a); } cpusd dv select { font-weight: 600; margin: 6px 0px; padding: 14px; background: var(--bl); border: none; font-size: 18px; width: 98%; color: var(--c) #fcfcfc; opacity: .3; } cpusd >bl>hd>aa { font-size: 17px; font-weight: 500; padding: 14px 11px; padding-top: 0; cursor: pointer; } cpusd h6 i { filter: invert(1); margin-top: 3%; } cpusd>bl>bd {padding: var(--m); display: block; } cpusd>bl>bd>dv { padding: 0px var(--m);display: flex ; justify-content: space-between; background: var(--b1); border-radius: var(--br1); align-items: center; height: 50px; margin: 11px 0; position: relative; } cpusd dv symbol { margin: var(--m); } cpusd dv input { position: absolute; top: 0; right: 0; left: 0; border-radius: var(--br1); background: var(--c0); padding: 0 44px; bottom: 0; margin: 0; font-size: 18px; color: var(--c); } cpusd dv h2 { font-size: 1.0rem; font-weight: 500; padding: 4px; margin-right: 17px; color: var(--a); } cpusd>bl>bd h3 { display: flex ; font-weight: 400; gap: 14px; font-size: 1.0rem; padding-left: 5px; } cpusd>bl>bd>d { display: flex ; justify-content: space-between; padding-left: 5px; } cpusd d h2 { color: var(--b-t44) !important;font-size: 1.0rem; font-weight: 400; } cpusd>bl ft.bred.btn { width: auto; background: #f654543d; border: 1px solid #f654543d; display: flex ; padding: 16px; border-radius: var(--br1); font-size: 1em; align-items: center; justify-content: center; font-weight: bold; margin: var(--m); } cpusd select option { background: var(--b); color: var(--c); font-size: 0.88em; } cpusd>bl { margin: 4px; } @media (min-width: 768px) { } @media (max-width: 768px) { cpusd dv select { padding: 0; font-size: 13px; color: var(--c); opacity: 1; font-weight: 600; margin: 6px 0px; background: var(--c0); width: 23rem; } } /*P2p_OrderBuy*/ cpoby hd d { display: flex ; align-items: center; justify-content: space-between; } cpoby d>ext { display: flex; align-items: center; justify-content: center; padding: 5px; height: 44px; width: 44px; margin-bottom: 22px; } cpoby d>ext>i { transform: rotate(0deg); } cpoby d>aa { display: block; padding: 1px 0px; color: var(--ct); border-bottom: 1px dashed; margin: 0 11px; } cpoby { display: block; padding: 11px; } @media only screen and (min-width: 999px) { spon .aerea { flex-direction: column-reverse; } spon sidebar { width: auto; } } csutfp bd d h3 { font-weight: 500; } spon main { width: auto; } spon header { position: relative; } cpon { padding: 11px; display: block; background: var(--b); } cpon div i { height: 22px; } csutfp bd d { margin: 7px 0px; } comm p { margin: 4px 0; font-size: 12px; line-height: 21px; } @keyframes circle-pulse { 0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0.9);} 50% {transform: scale(1);box-shadow: 0 0 0 8px rgba(77, 170, 87, 0);} 100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(77, 170, 87, 0);} } sbuo csutfp mg { display: flex; padding: 11px; margin-bottom: 22px; position: relative; } cpon .Terms a.Terms, .Feedback a.Feedback, .Profile a.Profile { color: var(--a); } cpon .Profile mg::after { left: 217px; width: 53px; } cpon .Terms { display: none; } cpon .Feedback { display: none; } cpon .Profile { display: none; } .Terms csufb.Terms, .Feedback csufb.Feedback, .Profile csufb.Profile { display: block; } csuo h2 { font-size: 16px; } csdbo btn { display: block; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; text-align: center; } csdbo hd.bc::after{ display:none; } spon csuo { padding: 0 10px; } @media only screen and (max-width: 999px) { spon cpon { background: var(--b1); padding: 22px; border-radius: 22px; } spon hh d nm { justify-content: flex-start; } cpon csus hh d { display: block !important; } cpon> bd bl { font-size: 0.88em; } cpon>bd { padding: 0 !important; margin: 0 !important; align-items: baseline; } cpon>ft { margin: 0 !important; } cpon>ft d { margin: 7px 0 !important; } p22p { background: var(--b1); border-radius: 22px; margin: 11px; } spon csuo { background: var(--b) !important; } spon csluo { margin: 3px 0; } } cposr f>h2 { font-size: 1.0rem; font-weight: 100; padding: 4px; margin-right: 17px; } cposr hd cmo aa { font-size: 1.0rem; font-weight: 100; } cposr hd.bc aa { display: flex; justify-content: center; align-items: center; position: relative; font-size: 0.8em; } cposr select { padding: 14px; background: var(--bl); border: none; font-size: 18px; width: 98%; color: var(--c); opacity: .3; } cposr f{display: flex ; justify-content: space-between; background: var(--b1); border-radius: var(--br1); align-items: center; height: 50px; margin: 11px 0; position: relative; } cposr hd {display: grid ; grid-template-columns: auto 23px; } cposr hd i{filter: invert(1); border-radius: 16px; height: 19px; width: 18px; padding: 4px; } cposr btn { display: block; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; text-align: center; } cposr btns { display: grid ; align-items: center; grid-template-columns: 49% 49%; justify-content: space-between; } cposr.Fiat { display: grid ; background: var(--b-t); padding: 18px; border-radius: 18px; } cpgby bl { box-shadow: var(--bs-b); background: linear-gradient(181deg, rgb(96 229 222 / 22%), rgb(78 173 214 / 11%), rgb(255 255 255 / 11%), rgb(245 255 255 / 22%)); display: grid ; padding: 7px 14px; border-radius: 11px; } cpgby ccs { position: unset; } cpgby>bl>hd { display: flex; padding-bottom: 22px; padding-left: 11px; padding-top: 11px; align-items: center; justify-content: space-between; padding-right: 7px; } cpgby>bl>hd h3 { display: flex; align-items: center; } cpgby>bl>hd mm b { fill: #fff; } cpgby>bl>hd mm i { height: 22px; width: 22px; } cpgby>bl>bd { min-height: 123px; padding: 0; } cpgby>bl>bd h3 { margin: 2% 3%; } cpgby>bl>bd f { color: green; padding: 11px; border-radius: var(--br1); margin: auto; border: solid 2px rgb(0 128 0 / 10%); height: auto; background: rgb(0 128 0 / 10%); } cpgby>bl>bd d { border-radius: 22px; padding: 11px; margin: 0 11px; } cpgby>bl>bd d txx { margin: 0px 22px; } cpgby>bl>bd f i {min-width: 19px; height: 38px; width: 19px; margin-right: 11px; position: absolute; right: 0%; } cpgby>bl>bd f h4 { width:min-content; } cpgby>bl>bd>tx { margin: 18px 0px; text-align: center; font-weight: bold; letter-spacing: 1px; display: block;} cpgby>bl>bd new { background: transparent; box-shadow: unset; } cpgby>bl>bd form { display: flex; align-items: center; margin: 5px 0px; justify-content: space-around; } cpgby>bl>bd form input { right: 0; width: auto; position: relative; max-width: 77%; left: 0; top: 0; background: transparent; border-radius: 0; padding: 2px 22px; font-size: 22px; } cpgby>bl>bd grid sum.gsd { grid-column-start: 2; grid-column-end: 4; } cpgby ccs cc:hover { background: unset; } cpgby cs i { position: absolute; left: 18px; width: 22px; height: 22px; top: 11px; display: none; } cpgby ccs cc { display: flex ; height: 27px; padding: 0 22px; justify-content: flex-end; align-items: center; cursor: default; } cpgby>bl>bd grid { grid-template-columns: 33% 33% 33%; grid-template-rows: auto auto; grid-gap: 0; position: relative; z-index: 888; background: transparent; padding: 11px; overflow: hidden; } cpgby wt{display: block; padding: 11px 33px; border-radius: 22px; background: #fff6; border: solid 1px #fff; margin-top: 11px;position: relative; overflow: hidden; } cpgby ec grid { transition:111ms;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: 11px 22px; border-radius: var(--br1); margin: 11px 7px; } cpgby ec f{align-items: center;position:unset;} cpgby ec co input{transform: scale(1.1); height: 44px; width: 44px; margin:0 } cpgby ec h7{display: flex; align-items: center;letter-spacing: 0; } cpgby ec label { margin-left: 11px;} cpgby ec input:after { position: absolute; content: ''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; } cpgby ec grid{position:relative} cpgby ec co { margin: 7px; border-radius: var(--br1); overflow: hidden; position: relative; height: 44px; width: 44px;box-shadow:0 0 0 7px rgb(255 255 255 / 22%); border: solid 2px var(--c); display: flex; justify-content: center; align-items: center; font-family: monospace;font-size: 3em;} cpgby ec co:after { z-index: 888; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } cpgby ec a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 8; } cpgby ec svg { margin: 22%; height:55%;width:55%} cpgby ec grid.this { box-shadow: inset 0 0 0 2px green, var(--bs-b); background: rgb(0 128 0 / 20%); filter: drop-shadow(1px 2px 4px black);} cpgby select { width: 88%; margin: 6%; border: unset; border-radius: 7px; padding: 15px 11px; 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%)); font-weight: bold; margin-bottom: 0;} cpgbybest { font-weight: bold; text-align: center; background: -webkit-linear-gradient(180deg, #00bcd4, #673ab7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } cpgby .sum sum { cursor: default; margin: 1px; display: flex; justify-content: center; align-items: center; transition: 77ms; position: relative; background: rgb(0 128 0 / 22%); color: green; padding: 7px 0px; border: solid 2px rgb(0 128 0 / 22%); font-weight: bold; } cpcss { display: grid ; grid-template-columns: 8% 8% 8% 8% 8% 8%; justify-content: center; margin: 22px 0; } cpcss h1 { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 6px; background-color: var(--b1t44); border: 1px solid var(--b-t44); padding: 5px; width: 23px; margin: 3px; } @media only screen and (max-width: 999px) { cpcss { display: grid; grid-template-columns: 8% 8% 8% 8% 8% 8%; justify-content: center; gap: 10px; margin-bottom: 5%; } cpcss h1 { display: inline-flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 6px; background-color: var(--b1t44); border: 1px solid var(--b-t44); padding: 4px; } cpcss h1:hover { border-color: var(--c); color: var(--a); } cpcss h1:active { text-decoration: none; color: var(--b-t22); } } /*Participate*/ cpeo { display: grid; padding: 0; } cpeo hd { display: block; margin-bottom: 40px; } cpeo hd h2 { font-size: 28px; font-weight: 600; } cpeo bd { display: grid; grid-template-columns: auto auto auto; column-gap: 3rem; } cpeo div { display: grid; padding: var(--p); border: 1px solid var(--b1); border-radius: var(--br1); } cpeo div i { width: 318px; height: 178px; margin: auto; margin-bottom: 22px; } cpeo div img { filter: hue-rotate(180deg); } cpeo div p { margin: 0; font-size: 14px; font-weight: 500; line-height: 20px; margin-bottom: 11px; } @media only screen and (max-width: 999px) { cpeo bd { grid-template-columns: unset; grid-row-gap: 1.5em; } cpeo { padding: 0 11px; } } cepo { display: block; padding: var(--p); background: var(--b1-t44); } cepo hd { display: flex ; justify-content: space-between; align-items: center; } cepo hd d { display: block; } cepo hd span { display: grid ; } cepo bd { display: grid ; grid-template-columns: auto 24%; align-items: center; padding: 22px 0; } cepo bd btns { display: grid ; grid-template-columns: 50% 50%; } cepo btn.this { background: var(--a); color: var(--c); } cepo btn { background: var(--bc); text-align: center; margin: 0 6px; padding: 9px 0; border-radius: 7px; font-size: 16px; font-weight: 500; height: fit-content; } cepo h3 { display: flex ; align-items: center; font-size: 16px; font-weight: 500; } /*Pays header*/ cepo { display: block; padding: var(--p); background: var(--b1-t44); } cepo hd { display: flex; justify-content: space-between; align-items: center; } cepo hd d { display: block; } cepo hd d h1 { font-size: 44px; font-weight: 600; margin-bottom: 11px; } cepo hd d h3 { font-size: 16px; font-weight: 500; color: var(--b-t44); } cepo hd span { display: grid; } cepo hd span i { width: 200px; height: 200px; } cepo hd span i img { filter: hue-rotate(180deg); } cepo bd { display: grid; grid-template-columns: auto 24%; align-items: center; padding: 22px 0; } cepo bd d { display: block; } cepo bd d h2 { font-size: 28px; font-weight: 600; margin-bottom: 11px; } cepo bd d t { display: flex; } cepo bd d t idd { display: flex; align-items: center; } cepo bd d t idd span { font-size: 16px; font-weight: 500; } cepo bd d t idd i { width: 18px; height: 18px; margin-left: 5px; } cepo bd d t hr { width: 1px; height: 14px; margin: auto 16px; opacity: 0.6; background: var(--b-t44); border: none; } cepo bd d t h3 { display: flex; align-items: center; font-size: 16px; font-weight: 500; } cepo bd d t h3 i { width: 18px; height: 18px; } cepo bd btns { display: grid; grid-template-columns: 50% 50%; } cepo bd btns btn { background: var(--bc); text-align: center; margin: 0 6px; padding: 9px 0; border-radius: 7px; font-size: 16px; font-weight: 500; height: fit-content; } @media (max-width : 999px) { cepo bd { display: block; } cepo { display: none !important; } cepo hd d h1 { font-size: 28px; } } /* Component : PaymentMethodBankUpdate */ cpmbu>bl { background: var(--b1-t44); border-top: solid 1px var(--c1); padding: 22px; border-radius: 22px; margin: 0 21px; } cpmbu>bl bd>d { display: flex ; align-items: flex-start; background: var(--a1t); border-radius: 8px; padding: 11px; margin-bottom: 11px; grid-column-gap: 11px; } cpmbu>bl bd>d>i { display: flex ; width: 33px; height: 33px; justify-content: center; align-items: center; background: var(--a1t); border-radius: 33px; box-shadow: inset 0px 0px 11px -13px; flex: none; font-style: normal; } cpmbu>bl bd>d p { color: var(--a); font-size: 11px; letter-spacing: .5; margin: 0; margin-top: 7px; } cpmbu>bl bd>d p strong { color: var(--c); font-size: 1em; } cpmbu>bl form label { opacity: .5; font-size: 0.88em; } cpmbu>bl form input { width: -webkit-fill-available; border-radius: 11px; margin: 0; margin-top: 7px; background: var(--b1-t44); font-size: 1em; padding: 4px 11px; color: var(--b-t44); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .3; line-height: 1.5; } cpmbu>bl form p { font-size: 12px; margin: 0; margin-top: 7px; letter-spacing: .4; color: var(--b-t44); } cpmbu>bl form>d { display: block; padding: 7px; margin: 7px; } cpmbu>bl ft>btn { display: block; padding: 10px; font-size: 18px; background-color: var(--b1-t); border: none; border-radius: 11px; cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } @media only screen and (max-width: 999px) { cpmbu>bl { background: 0; border-top: 0; padding: 22px 7px; border-radius: 22px; margin: 0; } } /* COmponent : PaymentMethodIMPS */ cpim>bl form>d { display: block; padding: 11px; margin: var(--m); } cpim>bl form>d>input { width: -webkit-fill-available; border-radius: var(--br1); margin: 0; margin-top: 7px; background: var(--b1-t44); font-size: 1em; padding: 11px; height: 22px; color: var(--b-t44); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .3; line-height: 1.5; } cpim>bl hd>d { display: flex ; align-items: flex-start; background-color: var(--at); border-radius: 8px; padding: 15px; margin: 22px; grid-column-gap: 11px; } cpim>bl hd>d>i { display: flex ; width: 33px; height: 33px; justify-content: center; align-items: center; background: var(--a1t); border-radius: 33px; box-shadow: inset 0px 0px 11px -13px; flex: none; transform: rotate(-10deg); } cpim>bl hd>d p { font-size: 11px; margin: 0; margin-top: 7px; color: var(--a); } cpim>bl ft>btn { display: block; padding: 10px; font-size: var(--fs); background-color: var(--b1-t); border: none; border-radius: var(--br1); cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } cpim>bl { display: block; background: var(--b-t); border-radius: 11px; padding: 11px; } cpim>bl hd>d strong { color: var(--c); font-size: 1em; } cpim>bl ft btn { display: block; padding: 10px; font-size: var(--fs); background-color: var(--b1-t); border: none; border-radius: var(--br1); cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } /* Component : PaymentMethodLinks */ cpmlo>bl bd { overflow: scroll; padding: unset; }bcpos hd { display: grid ; } bcpos p { color: var(--ct); font-size: 13px; letter-spacing: 0.5px; } bcpos btn { margin: auto; cursor: pointer; font-size: 1em; font-family: inherit; font-weight: 500; text-align: center; padding: 7px 33px; line-height: 2; min-width: 60px; color: var(--c); border-radius: 4px; min-height: 24px; background-color: var(--b-t22); margin-right: 0; margin-top: 11px; } a.a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; } bcpos bd { display: block; margin-block: 11px; border: solid 2px var(--b1); border-radius: 7px; overflow: hidden; } bcpos bd ss { display: flex ; justify-content: space-between; align-items: center; background: var(--b1); padding: 7px 11px; } bcpos ss h3 { display: flex ; align-items: center; column-gap: 11px; font-weight: 400; } bcpos bd b { display: flex ; gap: 33px; } bcpos bd bs { display: block; padding: 11px; line-height: 33px; } bcpos bt label { color: var(--b-t44); } bcpos bd bt { text-align: start; writing-mode: unset; font-weight: 500; letter-spacing: 1px; text-decoration: none; margin: 0; text-transform: none; } bcpos ss h3 { display: flex ; align-items: center; column-gap: 11px; font-weight: 400; } bcpos r>h3 { font-weight: 400; opacity: 0.8; margin-block: 4px; position: relative; } bcpos ss>r { display: flex ; gap: 33px; color: var(--a); } @media only screen and (min-width: 999px) { bcpos hd { grid-template-columns: 44% auto; align-items: stretch; } } /* Component : PaymentMethodPaymtmUpdate */ cppuu>bl { background: var(--b1-t44); border-top: solid 1px var(--c1); padding: 22px; border-radius: 22px; margin: 0 21px; } cppuu>bl bd>d { display: flex ; align-items: flex-start; background: var(--a1t); border-radius: 8px; padding: 11px; margin-bottom: 11px; grid-column-gap: 11px; } cppuu>bl bd>d>i { display: flex ; width: 33px; height: 33px; justify-content: center; align-items: center; background: var(--a1t); border-radius: 33px; box-shadow: inset 0px 0px 11px -13px; flex: none; font-style: normal; } cppuu>bl bd>d p { color: var(--a); font-size: 11px; letter-spacing: .5; margin: 0; margin-top: 7px; } cppuu>bl bd>d p strong { color: var(--c); font-size: 1em; } cppuu>bl form label { opacity: .5; font-size: 0.88em; } cppuu>bl form input { width: -webkit-fill-available; border-radius: 11px; margin: 0; margin-top: 7px; background: var(--b1-t44); font-size: 1em; padding: 4px 22px; color: var(--b-t44); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .3; line-height: 1.5; } cppuu>bl form p { font-size: 12px; margin: 0; margin-top: 7px; letter-spacing: .4; color: var(--b-t44); } cppuu>bl form>d { display: block; padding: 7px; margin: 7px; } cppuu>bl ft>btn { display: block; padding: 10px; font-size: 18px; background-color: var(--b1-t); border: none; border-radius: 11px; cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } cppuu>bl form>div { display: grid ; grid-template-rows: 88px auto; text-align: center; justify-content: center; border: 2px dashed var(--b-t22); background-color: var(--b1); padding: 1.5rem; border-radius: 10px; box-shadow: 0px 48px 35px -48px rgb(171 171 171 / 10%); position: relative; overflow: hidden; line-height: 2; max-width: 188px; margin-top: 11px; } cppuu>bl form>div i { margin: auto; } cppuu>bl form>div input { position: absolute; width: 100%; height: 100%; opacity: 0; } /* Component : PaymentMethodUPI */ pmup>bl { display: block; padding: 11px; margin: 11px auto; background: var(--b-t); border-radius: 11px; } pmup>bl form>d { display: block; padding: 11px; margin: var(--m); } pmup>bl form>d>input { width: -webkit-fill-available; border-radius: var(--br1); margin: 0; margin-top: 7px; background: var(--b1-t44); font-size: 1em; padding: 0 11px; color: var(--b-t44); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .3; line-height: 1.5; } pmup>bl form>d>p { font-size: 12px; margin: 0; margin-top: 7px; letter-spacing: .4; color: var(--b-t44); } pmup>bl hd>d { display: flex ; align-items: flex-start; background-color: var(--a1t); border-radius: 8px; padding: 15px; margin: 22px; grid-column-gap: 11px; } pmup>bl hd>d>i { display: flex ; width: 33px; height: 33px; justify-content: center; align-items: center; background: var(--a1t); border-radius: 33px; box-shadow: inset 0px 0px 11px -13px; flex: none; transform: rotate(-10deg); } pmup>bl hd>d p { font-size: 11px; margin: 0; margin-top: 7px; color: var(--a); } pmup>bl ft>btn { display: block; padding: 10px; font-size: var(--fs); background-color: var(--b1-t); border: none; border-radius: var(--br1); cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } pmup>bl form input#file { position: absolute; opacity: 0; } pmup>bl form>d .upload { display: grid ; grid-template-rows: 88px auto; text-align: center; justify-content: center; border: 2px dashed var(--b-t22); background-color: var(--b1); padding: 1.5rem; border-radius: 10px; box-shadow: 0px 48px 35px -48px rgb(171 171 171 / 10%); position: relative; overflow: hidden; line-height: 2; max-width: 188px; margin-top: 11px; } pmup>bl d strong { color: var(--c); font-size: 1em; font-weight: 400; }/*BuyCrypto*/ cbco bd { overflow: scroll; padding: unset; } cbco mg { grid-column-gap: 11px; height: 55px; margin: 0px; min-width: 0px; width: -webkit-fill-available; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; padding: 0 22px; } cbco mg a.this { border-bottom: solid 2px; color: var(--a); } cbco mg a { display: flex ; justify-content: center; align-items: center; padding: 7px 11px; position: relative; } cbco a:visited { color: var(--c); } /* Component : PaymentMethodIMPSUpdate */ cpmiu>bl { background: var(--b1-t44); border-top: solid 1px var(--c1); padding: 22px; border-radius: 22px; margin: 0 21px; } cpmiu>bl hd>d { display: flex ; align-items: flex-start; background: var(--a1t); border-radius: 8px; padding: 11px; margin-bottom: 11px; grid-column-gap: 11px; } cpmiu>bl hd>d>i { display: flex ; width: 33px; height: 33px; justify-content: center; align-items: center; background: var(--a1t); border-radius: 33px; box-shadow: inset 0px 0px 11px -13px; flex: none; font-style: normal; } cpmiu>bl hd>d p { color: var(--a); font-size: 11px; letter-spacing: .5; margin: 0; margin-top: 7px; } cpmiu>bl hd>d p strong { color: var(--c); font-size: 1em; } cpmiu>bl form label { opacity: .5; font-size: 0.88em; } cpmiu>bl form input { width: -webkit-fill-available; border-radius: 11px; margin: 0; margin-top: 7px; background: var(--b1-t44); font-size: 1em; padding: 4px 11px; color: var(--b-t44); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .3; line-height: 1.5; } cpmiu>bl form p { font-size: 12px; margin: 0; margin-top: 7px; letter-spacing: .4; color: var(--b-t44); } cpmiu>bl form>d { display: block; padding: 7px; margin: 7px; } cpmiu>bl ft>btn { display: block; padding: 10px; font-size: 18px; background-color: var(--b1-t); border: none; border-radius: 11px; cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } /* Component : Payment_MethodUpdatePaymtm */ cpmuu>bl { background: var(--b1-t44); border-top: solid 1px var(--c1); padding: 22px; border-radius: 22px; margin: 0 21px; } cpmuu>bl hd>d { display: flex ; align-items: flex-start; background: var(--a1t); border-radius: 8px; padding: 11px; margin-bottom: 11px; grid-column-gap: 11px; } cpmuu>bl hd>d>i { display: flex ; width: 33px; height: 33px; justify-content: center; align-items: center; background: var(--a1t); border-radius: 33px; box-shadow: inset 0px 0px 11px -13px; flex: none; font-style: normal; } cpmuu>bl hd>d p { color: var(--a); font-size: 11px; letter-spacing: .5; margin: 0; margin-top: 7px; } cpmuu>bl hd>d p strong { color: var(--c); font-size: 1em; } cpmuu>bl form label { opacity: .5; font-size: 0.88em; } cpmuu>bl form input { width: -webkit-fill-available; border-radius: 11px; margin: 0; margin-top: 7px; background: var(--b1-t44); font-size: 1em; padding: 4px 22px; color: var(--b-t44); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .3; line-height: 1.5; } cpmuu>bl form p { font-size: 12px; margin: 0; margin-top: 7px; letter-spacing: .4; color: var(--b-t44); } cpmuu>bl form>d { display: block; padding: 7px; margin: 7px; } cpmuu>bl ft>btn { display: block; padding: 10px; font-size: 18px; background-color: var(--b1-t); border: none; border-radius: 11px; cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } cpmuu>bl form>d>div { display: grid ; grid-template-rows: 88px auto; text-align: center; justify-content: center; border: 2px dashed var(--b-t22); background-color: var(--b1); padding: 1.5rem; border-radius: 10px; box-shadow: 0px 48px 35px -48px rgb(171 171 171 / 10%); position: relative; overflow: hidden; line-height: 2; max-width: 188px; margin-top: 11px; } cpmuu>bl form>d div i { margin: auto; } cpmuu>bl form>d div input { position: absolute; width: 100%; height: 100%; opacity: 0; } /* Component : Payment_MethodUpdateUPI */ pmuu>bl { background: var(--b1-t44); border-top: solid 1px var(--c1); padding: 22px; border-radius: 22px; margin: 0 21px; } pmuu>bl hd>d { display: flex ; align-items: flex-start; background: var(--a1t); border-radius: 8px; padding: 11px; margin-bottom: 11px; grid-column-gap: 11px; } pmuu>bl hd>d>i { display: flex ; width: 33px; height: 33px; justify-content: center; align-items: center; background: var(--a1t); border-radius: 33px; box-shadow: inset 0px 0px 11px -13px; flex: none; font-style: normal; } pmuu>bl hd>d p { color: var(--a); font-size: 11px; letter-spacing: .5; margin: 0; margin-top: 7px; } pmuu>bl hd>d p strong { color: var(--c); font-size: 1em; } pmuu>bl form label { opacity: .5; font-size: 0.88em; } pmuu>bl form input { width: -webkit-fill-available; border-radius: 11px; margin: 0; margin-top: 7px; background: var(--b1-t44); font-size: 1em; padding: 4px 11px; color: var(--b-t44); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; letter-spacing: .3; line-height: 1.5; } pmuu>bl form p { font-size: 12px; margin: 0; margin-top: 7px; letter-spacing: .4; color: var(--b-t44); } pmuu>bl form>d { display: block; padding: 7px; margin: 7px; } pmuu>bl ft>btn { display: block; padding: 10px; font-size: 18px; background-color: var(--b1-t); border: none; border-radius: 11px; cursor: not-allowed; text-align: center; color: var(--b-t44); line-height: 1.7; text-decoration: none; position: relative; overflow: hidden; transition: 99ms; margin: 22px; } @media only screen and (max-width: 999px) { pmuu>bl { background: 0; border-top: 0; padding: 22px 7px; border-radius: 22px; margin: 0; } } cpcso { display: none; } @media only screen and (max-width: 999px) { cpcso { display: grid; margin: 0 11px; } cpcso hd { display: grid; margin-bottom: 11px; } cpcso hd h1 { font-size: 28px; font-weight: 600; } cpcso hd idd { display: flex; align-items: center; } cpcso hd idd i { width: 18px; height: 18px; margin-left: 7px; } cpcso bd { display: block; margin: 11px 0; } cpcso bd btns { display: grid; grid-template-columns: 25% 25% 25% 25%; margin: 11px 0; } cpcso bd btns btn { display: grid; } cpcso bd btns btn i { width: 55px; height: 55px; border: 1px solid var(--a1); margin: auto; margin-bottom: 11px; border-radius: 18px; } cpcso bd btns btn t { text-align: center; font-size: 0.77em; font-weight: 500; } cpcso ft { display: grid; margin-bottom: 11px; } cpcso ft h2 { font-size: var(--fs); font-weight: 600; } cpcso ft bl { display: grid; grid-template-columns: auto auto; } cpcso ft bl d { display: grid; grid-template-columns: auto 38px; border: 1px solid var(--b1); padding: var(--p1); border-radius: var(--br1); margin: 7px 0px; margin-right: 11px; align-items: center; justify-content: space-between; } cpcso ft bl d h3 { font-size: 16px; font-weight: 500; } cpcso ft bl d i { width: 33px; height: 33px; margin: auto; } }cgro bd { display: grid; grid-template-columns: auto auto; gap:11px; } cgro bd d { display: grid ; grid-template-columns: auto 38px; border: 1px solid var(--b1); padding: var(--p1); border-radius: var(--br1); align-items: center; justify-content: space-between; } cgro bd d h3 { font-size: 16px; font-weight: 500; } cgro bd d i { width: 33px; height: 33px; margin: auto; } cgro hd h2 { font-size: var(--fs); font-weight: 600; margin-bottom:11px; } cgro { display: block; margin: 7px; } @media only screen and (min-width: 999px) { cgro { display: none; } }cpao bl { display: grid ; justify-content: space-between; padding: 11px 0; grid-template-columns: auto auto; } cpao hd h3 { font-size: 16px; font-weight: 500; } cpao bd { display: grid; line-height: 28px; } cpao bd b { text-align: end; font-size: 16px; font-weight: 600; color: var(--a); } cpao bd h4 { font-size: 16px; font-weight: 500; color: var(--b-t44); } cpys { display: none; } @media only screen and (max-width: 999px) { cpys { margin: 0 11px; display: grid ; } cpys>bl>hd { display: block; margin-bottom: 11px; } cpys bl>hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; } cpys bl>hd h2 { font-size: var(--fs); font-weight: 600; } cpys bl>hd i { width: 44px; height: 40px; } cpys bl>bd trcs { display: grid; } } /*Perpetual*/ cpts hd { display: flex; justify-content: space-between; align-items: center; } cpts bd { display: flex; gap: 1%; margin: 11px 0;} cpts svg { display: unset; } cpts h5 { display: grid; grid-template-columns: 22px auto; align-items: center; color: var(--b-t22); } cpts svg { fill: var(--b-t22); } cpts btn { display: block; background: var(--b1-t); color: var(--b-t22); padding: 6px 11px; border-radius: 6px; }/*Popular_Coins*/ prco { max-width: 500px; min-width: 500px; display: block; } prco bl { background: var(--c1); border-radius: 16px; margin: auto; display: flex; flex-direction: column; overflow: hidden; padding: 24px; } prco hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } prco hd ul { display: flex; align-items: center; gap: 20px; padding: 0; margin: 0; list-style: none; } prco hd a { font-size: 14px; font-weight: 400; line-height: 22px; color: var(---gry); } prco hd li { font-size: 16px; font-weight: 500; color: var(--b-t44); position: relative; } app.Popular prco hd li:nth-child(1) { border-bottom: solid 2px var(--a); color: var(--c); } app.Listing prco hd li:nth-child(2) { border-bottom: solid 2px var(--a); color: var(--c); } prco hd li.active { color: var(--c); } prco hd li.active::after { content: ''; position: absolute; left: 24px; bottom: -8px; width: 24%; height: 2px; background-color: var(--a); } prco hd span { font-size: 15px; color: var(--b-t44); } app.Popular prco bl ft { display: block; } app.Popular prco bl ft { display: none; } prco bd ul { display: flex; flex-direction: column; gap: 20px; padding: 0; margin: 0; list-style: none; } prco bd li { display: grid; grid-template-columns: 2fr 1fr 1fr; align-items: center; } prco bd item { display: flex; align-items: center; gap: 12px; } prco bd item i { width: 28px; height: 28px; } prco bd item div { display: flex; flex-direction: row; align-items: center; gap: 5px; } prco bd name { font-size: 16px; font-weight: 500; } prco bd sub { font-size: 14px; color: var(--b-t44); } prco bd price { font-size: 16px; text-align: right; } prco bd change { font-size: 16px; font-weight: 500; text-align: right; } /*prco bd li:nth-child(1) change, prco bd li:nth-child(2) change, prco bd li:nth-child(4) change, prco bd li:nth-child(5) change { color: var(---gn); } prco bd li:nth-child(3) change { color: var(---rd); }*/ prco .negative { color: var(---rd);} prco .positive { color: var(---gn);} app.Listing prco bl bd { display: none; } app.Listing prco bl ft { display: block; } prco bl ft { display: none; } prco ft ul { display: flex; flex-direction: column; gap: 20px; padding: 0; margin: 0; list-style: none; } prco ft li { display: grid; grid-template-columns: 2fr 1fr 1fr; align-items: center; } prco ft item { display: flex; align-items: center; gap: 12px; } prco ft item i { width: 28px; height: 28px; } prco ft item div { display: flex; flex-direction: row; align-items: center; gap: 5px; } prco ft name { font-size: 16px; font-weight: 500; } prco ft sub { font-size: 14px; color: var(--b-t44); } prco ft price { font-size: 16px; text-align: right; } prco ft change { font-size: 16px; font-weight: 500; text-align: right; } prco ft li:nth-child(1) change, prco ft li:nth-child(2) change, prco ft li:nth-child(4) change, prco ft li:nth-child(5) change { color: var(---gn); } prco ft li:nth-child(3) change { color: var(---rd); } @media only screen and (max-width: 999px) { prco { max-width: unset; min-width: unset; margin-top: 55px; } prco hd span { display: none; } prco hd { justify-content: center; } prco bl { background: var(--0); padding: 0; } } bpoo { display: none; } bpoo>bl { margin-top: 4rem;text-align: center; } bpoo bd i { width: 100px; height: 87px; margin: auto; } bpoo bd p { width: 359px; color: var(--b-t44); margin: auto; } bpoo bd btn { background: var(--lg-b); text-align: center; padding: 6px 16px; border-radius: 11px; cursor: pointer; font-weight: 300; font-size: 14px; } /* COmponent : PortfolioData */ card>bl { display: block; padding: var(--p); background: var(--b-t); border-radius: 11px; margin: 11px; } card>bl mb { width: -webkit-fill-available; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; } card>bl mb>aa { display: block; padding: 7px 11px; margin-right: 11px; font-size: 0.88em; } card>bl mb>aa.active { box-shadow: 0px 3px 1px -1px var(--a); color: var(--a); height: 33px; } @media (max-width : 999px){ card>bl { margin: 0; padding: 11px; } } /* Component : PortfolioInfo */ cpio>bl { display: block; padding: 11px; margin: 11px; } cpio>bl hd>i { height: 44px; width: 44px; border-radius: 55%; overflow: hidden; background: var(--b-t); border: var(--b-t) 1px solid; } cpio>bl hd f { display: grid ; grid-template-columns: 22px auto; align-items: center; font-size: 0.88em; margin: 0 11px; } cpio>bl hd btn { display: flex ; height: 33px; width: 33px; border: solid 1px var(--c1); justify-content: center; align-items: center; border-radius: 7px; margin: 0 11px; } cpio>bl hd>d { display: flex ; align-items: center; } cpio>bl hd { display: flex ; align-items: center; justify-content: space-between; margin-bottom: 22px; } cpio>bl bd d>p { margin: 0; font-size: 0.77em; color: var(---gry); } cpio>bl bd>f { align-items: center; margin: 7px 0; } cpio>bl f>cc { box-sizing: border-box; border-radius: 4px; display: inline-flex ; padding: 2px 5px; font-size: 0.77em; background-color: var(--b1); margin-right: 7px; } cpio>bl f>cc:nth-child(1) { color: var(--a); background-color: rgb(27 100 143 / 40%); } cpio>bl f>d { display: flex ; flex-direction: column; margin-right: 22px; } cpio>bl f>d spain { font-size: 11px; opacity: 0.44; width: auto; font-weight: 100; border-bottom: dotted 1px; } cpio>bl f>d b { font-size: 0.88em; } cpio>bl ft>btns { display: flex ; align-items: center; margin-top: 22px; } cpio>bl btns>btn { border-radius: 7px; color: var(--c); padding: 11px 33px; background: var(--b1); font-size: 0.88em; margin-right: 7px; min-width: 77px; text-align: center; } cpio>bl bd>f:nth-child(3) { margin-top: 33px; } /* Component : PortfolioOverview */ cpfof>bl { display: block; padding: 11px; margin: 11px; } cpfof>bl bd { display: grid ; grid-template-columns: 33% 33% 33%; gap: 11px; overflow-x: auto; overflow-y: hidden; } cpfof>bl bd>d { display: block; background: var(--b1t44); border: unset; padding: var(--p); border-radius: var(--br); } cpfof>bl bd>d d { display: flex ; flex-direction: column; margin: 11px 0; } cpfof>bl d>spain { font-size: 15px; font-weight: 400; border-bottom: dotted 1px; width: max-content; } cpfof>bl d f { display: flex ; justify-content: space-between; align-items: center; } cpfof>bl d txt>f t { font-size: 0.88em; } cpfof>bl d txt>f b { font-size: 11px; opacity: .7; font-weight: 400; } cpfof>bl f>btns { background: var(--b-t); display: grid ; width: max-content; grid-template-columns: 50% 50%; padding: 7px; border-radius: 4px; position: relative; } cpfof>bl f>btns btn { display: block; text-align: center; padding: 3px 11px; margin: 0 2px; font-size: 0.88em; } cpfof>bl f>btns:after { content: " "; position: absolute; background: #0ecb814d; color: #0ecb81; width: 45px; height: 27px; top: 7px; left: 8px; border-radius: 4px; transition: 99ms; } .sell>bl f>btns:after { left: 50%; background: #f6465d45; } cpfof>bl hd { display: block; margin-bottom: 11px; } cpfof>bl bd>d:nth-child(2) d { justify-content: space-between; flex-direction: unset; } cpfof>bl d>ct { display: flex ; flex-direction: column; } @media (max-width : 999px){ cpfof>bl bd { display: flex ; flex-direction: column; } cpfof>bl { padding: 0; margin: 7px; } }/**Portfolio_Table**/ bpte>bl { border-radius: var(--br); border: solid 1px var(--b1); padding: 24px; margin-top: 24px; } bpte>bl>hd { display: flex ; flex-direction: column; } bpte>bl>hd>dv { display: flex ; justify-content: space-between; align-items: baseline; } bpte>bl>hd i { height: 20px; width: 20px; } bpte>bl>hd h2 { font-size: 24px; font-weight: 600; line-height: 32px; } bpte>bl>hd span { font-size: 14px; font-weight: 500; line-height: 22px; display: flex ; align-items: center; } bpte>bl>hd span i { transform: rotate(180deg); } bpte>bl>hd label { display: flex ; align-items: center; gap: 0.5rem; font-size: 0.875rem;} bpte>bl>hd input{ width: 16px; height: 16px; } bpte>bl>hd>divv { display: flex ; justify-content: space-between; margin-block: 1rem; } bpte>bl>hd d { display: flex ; } bpte>bl>hd dd { margin: 0; display: flex ; } bpte>bl>hd dd i { border: solid 1px var(--b1); padding: 6px 6px; margin-right: 16px; } bpte>bl>hd d b { font-size: 15px; font-weight: 500; line-height: 24px; margin-right: 24px; } bpte>bl>hd d b:nth-child(2) { color: var(---gry); } bpte>bl>hd divv h2 { display: none; } app.Coin bpte>bl>hd d b:nth-child(1) { border-bottom: solid 2px var(--a); } app.AT bpte>bl>hd d b:nth-child(2) { border-bottom: solid 2px var(--a); } app.Coin aclt { display: block; } app.AT aavw { display: block; } app.AT aclt { display: none; } app.Hide bese { display: block; } app.Hide aclt { display: none; } @media(max-width:999px){ bpte>bl {padding: 10px; } bpte>bl>hd>divv { flex-direction: column; gap: 20px; } bpte>bl>hd dd { margin: 0; display: flex ; flex-direction: row-reverse; justify-content: space-between; } bpte>bl>hd h2 { font-size: 15px;} } /* component : Post */ cpso>bl { background: var(--b1-t44); display: block; padding: 18px; border-radius: var(--br); margin: 11px 0; height: -webkit-fill-available; } cpso>bl hd { display: grid ; grid-template-columns: 55px auto auto; position: relative; } cpso>bl hd>i { height: 44px; width: 44px; overflow: hidden; border-radius: 55%; border: 1px solid var(--bc); } cpso>bl hd>i img { width: 100%; height: 100%; object-fit: cover; } cpso>bl hd txt p { margin: 0; font-size: 0.66em; color: var(--b-t44); font-weight: 500; padding: 0; } cpso>bl hd>btn { display: block; padding: 7px 15px; background: var(--lg-b); width: max-content; justify-self: end; border-radius: 7px; font-size: 0.88em; position: relative; height: max-content; } cpso>bl bd>i { display: block; position: relative; z-index: 2; border-radius: 11px; overflow: hidden; width: -webkit-fill-available; margin: 11px 0; min-height: 177px; } cpso>bl bd>i img { height: 100%; width: 100%; object-fit: cover; } cpso>bl ft>btns { display: grid ; align-items: center; grid-template-columns: auto auto auto auto auto; height: fit-content; } cpso spain { font-size: 0.77em; font-weight: 400; display: block; overflow: hidden; margin: 7px 0; } cpso>bl ft>btns>btn { opacity: 0.6; display: flex ; grid-column-gap: 4px; align-items: center; justify-content: center; padding: 4px; border-radius: 4px; } cpso>bl ft>btns>btn i { height: 18px; width: 18px; border-radius: 50px; overflow: hidden; padding: 4px; margin-right: 2px; } cpso>bl hd name { font-weight: 500; line-height: ; font-weight: 500; overflow: hidden; display: block; -webkit-line-clamp: 1; display: box; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; max-width: 88%; } cpso>bl hd a { width: calc(-88px + 100%); } @media (min-width : 999px) { cpso>bl { margin: 7px; } } cptct bl { bottom: 72px; background: var(--b1-t44); border-top: solid 1px var(--c1); padding: 22px; border-radius: 22px; margin: 10px 0px; display: grid ; } cptct hd { display: grid ; grid-template-columns: 52px auto 111px; align-items: center; gap: 11px; width: 100%; } cptct input { background: var(--b); font-size: 14px; width: 91%; padding: 15px; font-weight: 300; height: auto; border-radius: 18px; } cptct bl>bd { display: grid; grid-template-columns: auto auto; justify-content: space-between; } cptct bl>bd div input { width: calc(100% - 0px); padding: 6PX 14PX; border: none; border-radius: 7px; margin-bottom: 10px; font-size: 16px; box-sizing: border-box; background: var(--b1-t); margin-left: 0; padding-right: 66px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } cptct bl>bd div:nth-child(2) { display: grid; grid-template-columns: 25px 41px 24px 24px; justify-content: space-around; opacity: .7; } cptct btn { display: flex; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; justify-content: center; align-items: center; height: 28px; } cptct bl>bd { display: none;} cpsco{ display: flex; } cpsco>bl { display: flex; align-items: flex-start; width: 100%; } cpsco hd i{ width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; } cpsco bd { flex: 1; } cpsco f { display: flex; justify-content: space-between; } cpsco h2 { font-weight: 500; font-size: 16px; } cpsco bd t { margin: 0; font-size: 0.77em; font-weight: 100; opacity: 0.7; } cpsco flex { display: flex; gap: 28px; font-size: 0.85em; color: #bbb; } cpsco flex span { cursor: pointer; } cpsco flex span:hover { color: var(--c); } cpsco f t { margin: 0px 0; font-size: 0.77em; font-weight: 500; opacity: 0.7; } @media only screen and (max-width: 999px) { cpsco { padding: 22px 11px; } } /* Component : PostComments */ cacss .comment-header { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #2a2a2a; margin-bottom: 10px; } cacss .comment-header span { font-weight: bold; color: #bbb; } cacss .sort-option { cursor: pointer; } cacss .comment { display: flex; align-items: flex-start; padding: 22px 0; } cacss .avatar { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; } cacss .comment-body { flex: 1; } cacss .comment-user { display: flex; justify-content: space-between; } cacss .username { font-weight: 400; } cacss .comment-text { margin: 0; font-size: 0.77em; font-weight: 100; opacity: 0.7; } cacss .comment-actions { display: flex; gap: 28px; font-size: 0.85em; color: #bbb; } cacss .comment-actions span { cursor: pointer; } cacss .comment-actions span:hover { color: var(--c); } cacss span.comment-date { margin: 0px 0; font-size: 0.77em; font-weight: 100; opacity: 0.7; } @media only screen and (max-width: 999px) { cacss .comment { padding: 22px 11px; } cacss .comment-header { padding: 11px; } } cacss>bl>hd { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #2a2a2a; margin-bottom: 10px; } cacss hd span { font-weight: bold; color: #bbb; } cacss hd t { cursor: pointer; opacity: 0.49;} cacss>bl>hd { padding: 11px; } cacss img { border-radius: 50%; } /* Component : PostFollowers */ cufino>bl>hd input { padding: 7px 14px; border: none; font-size: 22px; border-radius: 5px; background-color: var(--c1); color: #fff; margin-bottom: 20px; width: -webkit-fill-available; font-weight: 300; } cufino .creator-avatar { width: 50px; height: 50px; border-radius: 50%; } cufino .news-list p { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 0.9em; color: #bbb; } cacss { padding: 22px; border-radius: 22px; display: block; } cptl btn { display: flex; opacity: 0.7; padding: 0 22px; align-items: center; } cptl bl{ display: grid; grid-template-columns: auto 55px; justify-content: space-between; border-bottom: solid 1px var(--bc); padding: 11px 0; } cptl hd { display: flex; justify-content: space-around; } cptl bd i {width: 20px; filter: invert(1); transform: rotate(90deg);} @media only screen and (max-width: 999px) { cptl bl{ grid-template-columns: auto 0px; } } /* Component : PostNormal */ schmpn h5 { font-weight: 500; } schmpn h3 { font-weight: 500; } chmas bl btn input { background: unset; box-shadow: unset; display: flex ; width: 100%; padding: 0; text-align: center; border-radius: unset; font-size: 22px; } chmps.Sell btn.Sell { background: rgb(246, 70, 93); } chmps { display: block; margin-top: 15px; } chmps hd dv:nth-child(2) { display: grid; grid-template-columns: auto auto auto; padding: 0; gap: 12px; } chmps hd dv { display: grid; grid-template-columns: 8% auto 8% auto 8%; padding: 5px 0; border-radius: unset; align-items: center; } chmps>bd { display: block; margin-top: 11px; } chmps hd dv btn:nth-child(1) { background: var(--c); border-radius: 7px; } chmps hd dv btn { background: var(--b1); border-radius: 7px; justify-content: center; display: flex; align-items: center; } chmps hd dv btn:nth-child(1) i { height: 24px; width: 15px; } chmps hd dv btn:nth-child(1) i path { fill: var(--b); } chmps hd dv t { background: var(--b1); height: 4px; } chmps bd dv { background: unset; border-radius: unset; padding: unset; align-items: center; display: grid; grid-template-columns: 50% 50%; } chmps bd dv btn { padding: 10px; display: flex; justify-content: center; border: solid 2px var(--bc); border-radius: 10px 0 0 10px; font-size: 0.88em; margin-top: 11px; } chmps bd dv btn.Sell { border-radius: 0 10px 10px 0; } chmps.Buy btn.Buy { background: rgb(14, 203, 129); } cpho>bl { display: grid ; grid-template-rows: auto auto auto; text-align: center; background: var(--c1); line-height: 66px; border-radius: 33px 33px 1px 1px; height: fit-content; position: fixed; width: 100%; bottom: 6%; } cbto btns {grid-template-columns: auto auto auto; border-top: solid 1px var(--c1); border-bottom: solid 1px var(--c1); padding: 1px; display: grid ; justify-content: normal; gap: 12px;} cptol hd btn:last-child { display: grid ; grid-template-columns: 22px auto; align-items: center; background: var(--a); color: var(--c); width: 91px; margin: 11px 0; border-radius: 3px; padding: 0 4px; opacity: 1; font-size: 10px; } cptol f { display: grid; grid-template-columns: 112px auto; align-items: center; font-size: 0.88em; } cptol { display: block; padding: 12px; } cptol bd>t{font-size: 14px; margin: 0; font-weight: 100;} /* Component : PostReply */ cbto { bottom: 72px; background: var(--b1-t44); border-top: solid 1px var(--c1); padding: 22px; border-radius: 22px; margin: 7px 0; } cbto hd { display: grid; grid-template-columns: 52px auto 111px;align-items: center; } cbto hd { display: block; } cbto>bd { display: grid; grid-template-columns: auto auto; justify-content: space-between; } cbto>bd div input { width: calc(100% - 0px); padding: 6PX 14PX; border: none; border-radius: 7px; margin-bottom: 10px; font-size: 16px; box-sizing: border-box; background: var(--b1-t); margin-left: 0; padding-right: 66px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } cbto>bd div:nth-child(2) { display: grid; grid-template-columns: 25px 41px 24px 24px; justify-content: space-around; opacity: .7; } cbto btn { display: flex; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; justify-content: center; align-items: center; height: 28px; } @media only screen and (max-width: 999px) { cbto { display: block; margin: 11px; width: auto; padding: 0; background: unset; border: unset; } cbto input { background: var(--b1-t44); padding: 11px; font-weight: unset; } cbto hd i { margin: auto; background: var(--b1-t44); padding: 5px; border-radius: 55%; overflow: hidden; } bto hd { display: grid; grid-template-columns: 55px auto 74px; align-items: center; } } cpgco bl {display: grid ; align-items: center; padding: 7px 0; border-radius: 8px; grid-template-columns: 42px auto 60px; gap: 2px;} cpgco img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; } cpgco bd { flex-grow: 1; display: grid; gap: 2px; } cpgco bd p {padding: 0;} cpgco p { font-weight: 400; display: flex; align-items: center; gap: 5px; margin: 0;} cpgco p>span { color: var(--a); font-size: 1.1em; } cpgco bd>span { color: var(--b-t22); margin: 0; font-size: 0.77em; } cpgco btn { background: var(--a); border: none; color: var(--c); padding: 5px 10px; border-radius: 5px; cursor: pointer; font-weight: 400; text-align: center; font-size: 0.66em; width: max-content; margin: auto; margin-right: 0; } cpgco btn:hover { background-color: var(--a1); } /* PostTrade */ schmpn sidebar { width: auto; } chmas hd { display: grid; grid-template-columns: 48% 48%; gap: 16px; } chmas dv { padding: 0; border-radius: unset; display: grid; gap: 5px; } chmas dv btn { display: flex; padding: 12px; border-radius: 8px; background: var(--b1); justify-content: space-between; align-items: center; }chmas hd bl btn i { height: 25px; width: 25px; display: block; left: 6px; } schmpn h4 { font-weight: 100; } schmpn h6 { font-weight: 100; font-size: 0.73em; } chmas dv btn i { height: 25px; width: 25px; display: block; left: 6px; filter: drop-shadow(2px 4px 6px var(---bn));} chmas bl { display: grid; gap: 35px; } chmas ft dv btn i { height: 16px; left: unset; } schmpn .cblue { color: var(--a); font-weight: 600; } chmas bl dv btn selact { display: none; background: var(--b1-t); border: solid 1px var(--b-t22); border-radius: 10px; padding: 5px; gap: 5px; z-index: 99999; position: fixed; } chmas bl dv btn selact {font-size: 12px; top: 33%; right: 4%; filter: drop-shadow(2px 4px 6px var(--b2)); font-style: normal;} chmas.USDT div hd dv btn selact { display: grid; } chmas.BTC bl hd dv btn.BTC selact { display: grid; right: 52%; } chmas.Fixed bl dv btn.Fixed selact { display: grid; top: 45%; } chmas btn selact option { border-radius: 4px; padding: 2px 8px; } chmas btn selact option:hover { transform: scale(0.9); background: var(--lg); } chmas hd dv btn .USDT i{ transform: unset; } chmas hd dv btn .USDT i svg { transform: rotate(180deg); } chmas.BTC btn.BTC i svg { transform: rotate(177deg); transition: 99ms; } chmas.USDT bl hd dv btn.USDT i svg { transform: rotate(177deg); transition: 99ms; } chmas.Fixed btn.Fixed i svg { transform: rotate(177deg); transition: 99ms; } schmpn bl i { height: 15px; filter: invert(1); width: 15px; } chmas.USDT btn selact { display: block; } /*PostTrade01*/ bpdo { display: block; } bpdo bl { display: grid ; gap: 35px; } bpdo bl hd { display: grid ; grid-template-columns: 48% 48%; gap: 16px; } bpdo bl bd dv { display: flex ; gap: 10px; align-items: center; } bpdo bl dv:nth-child(2) { display: flex ; gap: 10px; align-items: center; } bpdo bl t { display: flex ; gap: 10px; } bpdo bl ft dv:nth-child(2) { background: var(--lg-b); justify-content: center; position: relative; height: 20px; border-radius: 5px; margin: 8px 0 0 0; margin-bottom: 0; padding: 12px; } bpdo bl h3 { font-weight: 200; } bpdo bl ft h6 { font-weight: 600; } cpttc bl { display: grid; grid-template-columns: 10% auto 21%; align-items: center; padding: 7px; } cpttc bl bd { display: flex; justify-content: space-between;} cpttc bd a { font-weight: 100; } cpttc bl ft { display: flex; justify-content: end; flex-direction: row; gap: 25px; align-items: center; } cpttc ft amount { opacity: .9; font-weight: 100; display: flex; justify-content: end; } cpttc ft h6 { font-size: 15px; font-weight: 100; } cpttc { background: var(--b1-t44) !important; border: solid 1px var(--c1); margin: 7px; display: grid; padding: 22px; border-radius: 22px; } cpttc bd i { width: auto; } cpttc bd svg {width: 76%;} @media only screen and (max-width: 999px) { svg.highcharts-root { opacity: 0; } cpttc bl { grid-template-columns: 17% auto 47%; font-size: 0.77em; } post sidebar { padding: 0 4px; } post main { padding: 4px; background: transparent !important; border: unset; } cacss { padding: 11px; } } cptuo bl {display: grid ; grid-template-columns: 43px auto 44px; align-items: center; padding: 0; border-radius: var(--br1); gap: 3%; position: relative; } cptuo bd btn { display: flex ; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; } cptuo ft btn { height: 20px; width: 20px; display: block; padding: var(--p1); transition: 99ms; background: var(--b1); border-radius: var(--br1); } cptuo bd {display: flex ; justify-content: space-between; align-items: center;} cptuo ft i {padding: 0; margin: 0;} cpsno bl{background: var(--b1-t44); display: block; padding: 18px; border-radius: var(--br);} cpsno textarea { width: 96%; border: unset; display: block; background: var(--vb); color: var(--c); font-size: 18px; margin: auto; margin-top: 22px; font-family: sans-serif; letter-spacing: .7;outline: unset; } /* Component : Posts */ cpss>bl { display: block; margin-top: 11px; } cpss>bl cntr { grid-column-start: 1; grid-column-end: 3; } cpss>bl>hd { display: block; padding: 0 11px; } cpss>bl cnda { grid-column-start: 1; grid-column-end: 3; } @media (min-width : 999px) { cpss>bl bd>d { display: grid ; grid-template-columns: 50% 50%; } } /* Component : PrivacySettings */ .ds flyouts { display: block; visibility: visible; opacity: 1; } .ds flyout { display: grid; visibility: visible; opacity: 1; } ccpps { display: block; margin: 11px; } cpst { display: block; position: relative; inset: 0; max-width: 777px; max-height: max-content; margin: auto; z-index: 999; } cpst>bl { display: block; background: var(--b); border-radius: 11px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } cpst hd { display: block; } cpst hd d { display: grid ; grid-template-columns: 50% 50%; border-bottom: 1px solid var(--bc); } cpst hd aa.this { border-bottom: 1px solid; color: var(--a); } cpst hd aa { text-align: center; padding: 11px; } cpst hd t { font-size: 0.88em; font-weight: bold; } cpst hd span { padding: 11px; display: block; } cpst bd { display: block; padding: 11px 0; } cpst bd h3 { font-size: 1em; font-weight: bold; margin: 0 11px; } cpst bd p {font-size: 0.77em; font-weight: 500; margin: 7px 11px; } cpst bd span { display: flex ; font-size: 0.88em; font-weight: 500; margin: 0 11px; gap: 7px; } cpst bd a { font-size: 1em; font-weight: 500; color: var(--a); margin: 0; } cpst bd btcs { display: none ; grid-auto-flow: column; border-top: 1px solid var(--bc); border-bottom: 1px solid var(--bc); margin-top: 22px; } cpst bd btc { display: flex ; flex-direction: column; text-align: center; padding: 33px; border-right: 1px solid var(--bc); height: 44px; } cpst bd btc:nth-child(3) { border-right: none; } cpst bd t { font-size: 0.88em; font-weight: 500; } cpst bd btn { position: relative; } cpst bd bb { width: 44px; height: 22px; background: var(--c); box-shadow: unset; left: 66px; top: 5px; } cpst bd oo { width: 18px; height: 18px; box-shadow: unset; } cpst ft { display: block; padding: 11px; } cpst ft btns { display: grid ; grid-auto-flow: column; column-gap: 7px; } cpst ft btn { display: block; text-align: center; background: var(--a); color: var(--c); padding: 7px; border-radius: 7px; } cpst ft t { font-size: 0.88em; font-weight: 500; } .oo oo { box-shadow: unset; margin-left: 22px; } @media only screen and (max-width: 999px) { cpst bd bb { left: 11px; } } /* Component : Profile */ cprf { z-index: 888; position: sticky; top: -355px; } cprf>bl { z-index: 888; position: sticky; top: -355px; backdrop-filter: blur(11px); background: var(--b-t); display: block; } cprf mg a { display: flex; justify-content: center; align-items: center; } cprf wp { width: 55px; height: 55px; border-radius: 50%; position: relative; z-index: 13; border: solid 1px #ffffff0f; overflow: hidden; margin: 11px; } cprf f { display: grid; grid-template-columns: 88px auto 0px; z-index: 8; padding: 11px 0; padding-top: 0px; height:auto;} cprf wp img { box-shadow: var(--bs-bt); height: 100%; } cprf veri { display: grid; grid-template-columns: auto auto; gap: 2%; margin-top: 11px; justify-content: flex-start; } cprf veri>div { display: grid; grid-template-columns: 33px auto; background: var(--bc); border-radius: var(--br1); align-items: center; padding: 4px 14px; width: fit-content; } cprf veri>div:first-child { background: var(--a1t); } cprf veri>div:first-child p { color: var(--a); } cprf veri div p { margin: 0; } cprf nxt { margin: auto; } cprf hd { display: grid; grid-template-columns: 55px auto; padding: 11px; justify-content: space-between; align-items: center; opacity: 0.5; } cprf hd>i { transform: rotate(180deg); } cprf hd div { display: grid; grid-template-columns: 44px 44px; align-items: center; } cprf>bl>bd { display: block; position: relative; } cprf bd h1 { font-size: 1.22em; } cprf bd wp>i { height: 100%; width: 100%; } cpuo { margin: 0; border-bottom: solid 2px var(--b1t); padding: 11px; padding-bottom: 11px; margin-bottom: 19px; } cpuo>hd div { display: grid; grid-template-columns: auto 0px auto; align-items: center; justify-content: space-between; } cpuo>hd prf { display: flex; width: 55px; height: 55px; background: var(--lg-b); overflow: hidden; border-radius: 11px; border: border: 1px solid var(--bc); bottom: 25px; left: 11px; box-shadow: 0px 1px 26px rgb(23 51 188 / 40%); } cpuo>hd ft { display: grid; grid-template-columns: 44px auto; gap: 11px; align-items: center; } cpuo btn.more { display: flex; width: 44px; height: 44px; justify-content: center; align-items: center; background: var(--c1); border-radius: 7px; padding: 1px 0px; } cpuo btn.more i { width: 20px; } cpuo .follow { display: grid; grid-template-columns: 44px auto; width: 114px; background: var(--lg-b); align-items: center; border-radius: 7px; padding: 6px 7px; box-shadow: 0px 1px 26px rgb(23 51 188 / 40%); justify-content: start; transition: 333ms; } cpuo .follow button { background: transparent; color: var(--c); font-size: 18px; font-weight: 500; padding: 0; } following, shared, followers, like { color: var(--c); opacity: 1; } cpuo>bd p { display: flex; gap: 16px; } cpuo>bd p t { padding: 1px; color: var(--b-t44); display: flex; gap: 4px; } cpuo>ft { display: grid; grid-template-columns: 55px auto; align-items: center; color: var(--b-t44); } sbyo sidebar { display: block; border-radius: 22px; margin: 11px; margin-top: 29px; } @media only screen and (min-width: 999px) { sbyo sidebar { background: var(--b1t); height: fit-content;} } bpeo>bl>hd>d>i:nth-child(1) { display: flex ; width: 25px; height: 25px; transform: rotate(179deg); } bpeo bd div i { width:20px; height:20px; } bpeo>bl { flex-direction: column; padding: 16px 0; border: solid 1px var(--c1); display: flex ; } bpeo>bl>hd div { display: flex ; justify-content: space-between; padding: 16px 24px; } bpeo>bl>hd dv { display: flex ; align-items: center;gap: 11px; } bpeo>bl>hd dv h2 { font-size: 18px;font-weight: 500;} bpeo>bl>hd btns { display: flex ; gap: 10px; } bpeo>bl>hd btns i { width: 20px; height: 20px; padding: 8px; border: solid 1px var(--bc); border-radius: 7px; } bpeo>bl>hd btns btn:nth-child(2) { padding: 6px 26px; background: var(--b1-t); border-radius: 6px; cursor: pointer; } bpeo hd d { display: flex ; gap: 11px; padding: 0px 24px; } bpeo hd d span { font-size: .875rem; display: flex ; align-items: center; gap: 7px; } bpeo hd d t { color: var(--b-t44); } bpeo bd div { border-bottom: 1px solid var(--bc); padding: 18px 24px 0px 24px; display: flex ; justify-content: space-between; align-items: center; } bpeo bd div dv input { appearance: none; background: 0 0; border: none; outline: none; flex: 1; min-width: 0; line-height: 22px; padding: 0; height: 22px; font-size: 14px; font-weight: 400; overflow: hidden; } bpeo bd div dv { cursor: text; border-width: 1px; align-items: center; width: 120px; height: 24px; padding: 0 8px; display: flex ; border: solid 1px var(--b1-t); border-radius: 6px;gap: 3px; } bpeo mg a { padding-bottom: 8px; font-size: 16px; line-height: 24px; position: relative; font-weight: 400; } bpeo bd mg { display: flex ;gap: 12px;} bpeo bd btns { display: flex ; gap: 12px; padding: 8px 24px; } bpeo bd btns btn { font-size: 12px; font-weight: 500;padding: 7px 18px; border-radius: 6px;color: var(--b-t44); } bpeo bd btns btn:nth-child(1) { background: var(--b1-t);color: var(--c);} bpeo bd btns btn:hover { background: var(--b1-t);color: var(--c);} app.AC bpeo mg a:nth-child(1) { border-bottom: solid 2px var(--a);} app.po bpeo mg a:nth-child(2) { border-bottom: solid 2px var(--a); } app.AC cnda { display: block; } app.po cnda { display: none; } app.po bpoo { display: block; } bpeo>bl>hd>div>dv i { width: 73px; height: 73px; border-radius: 67px; } /* Component : ProfileAbout */ cpat crm> i, cpat cem> i { opacity: 0.5; } cpat h3 { font-weight: 500; } cpat ar { display: grid; align-items: center; } cpat unlock { display: grid; grid-template-columns: 26px auto; align-items: center; background: #2870ea40; padding: 4px; border-radius: 4px; color: var(--a); width: fit-content; margin-left: auto;font-size: 0.77em; } cpat unlock p { margin: unset; } cpat ar>i { transform: rotate(180deg); } cpat hd svg.css-14tmcqr>path { fill: var(--c); } cpat bct { height: 46px; position: relative; display: flex ; justify-content: end; } cpat cem { display: grid ; min-height: 33px; padding: 11px; grid-template-columns: 33px auto 33px; margin: 11px; position: relative; border-radius: var(--br1); align-items: center;} cpat bd { display: grid ; min-height: 33px; padding: 11px;grid-template-columns: 33px 35% 55%; margin: 11px; position: relative; border-radius: var(--br1); align-items: center;} cpat hd { display: grid ; min-height: 33px; padding: 11px;grid-template-columns: 65px auto 23%; margin: 11px 0; position: relative;background:var(--b1-t44);align-items: center;} cpat btn grid { border: solid 2px var(--b); background: rgb(131 54 197 / 44%); min-width: 188px; padding: 4px 11px; border-color: rgb(131 54 197 / 44%); min-height: 33px; grid-template-columns: 77px auto; position: relative; border-radius: var(--br1); display: grid ; width: 45%; margin: auto; justify-content: center; } cpat btn h6 { height: 38px; margin: 0; font-size: 14px; display: flex ; align-items: center; } cpat btn i { height: 38px; color: var(--c); margin: 0;position: relative;} cpat bd ar { grid-template-columns: auto 31px; } /* Component : ProfileEdit */ cped {display:none;} cped bl { display: block; position: relative; } cped bl input { margin: 7px auto; padding: 7px 22px; border: solid 1px var(--bc); border-radius: 7px; font-size: 1em; } cped bl form:after{content:'';position:absolute;z-index:8;top:0;bottom:0;left:0;right:0;display:block;} cped edit d,edit input,edit label{transition: 333ms;} cped bl d { display: flex; align-items: center; max-width: 100%; overflow: hidden; padding: 4px 22px; border: solid 1px var(--bc); border-radius: 7px; margin: 2px 0; } cped bl input { background: transparent; color: var(--c); border: unset; width: -webkit-fill-available; font-size: 15px; } cped bl label { font-size: 15px; font-weight: bold; } cped bl .submit { display: none; } cped bl aa:after { background: #eef; color: #060a10; content: 'Edit Profile'; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; display: flex; justify-content: center; align-items: center; font-weight: bold; transition: 333ms; border: aliceblue; opacity: 0; border-radius: 7px; } cped bl aa:after {opacity:1 } cped input[readonly] { opacity: 0.4; } cped bl input[readonly] { opacity:1;font-weight: bold; } cped bl { display: block; margin: 11px; box-shadow: var(--bs-b); border-radius: 22px; background: var(--b-t); padding: 22px;} cped hd {display: grid; grid-template-columns: 44px auto;} cped hd i { height: 40px; width: 40px;} cped hd h3 {display: flex; align-items: center; padding-left: 1px;} cped bd>aa { margin: 14px 0; display: flex; height: 44px; justify-content: center; align-items: center; border: solid 1px;position:relative;border-radius: var(--br1);} cped bl {position: relative; } .profileedit cped {display: flex ; z-index: 99999; background: var(--b); position: relative; }/* Component : ProfileEdit01 */ sqpd {display: none;background: var(--b);align-items: center;position: absolute;overflow: hidden;max-width: 555px;inset: 0;margin: 4% auto;scale: 0;transition: 333ms;visibility: hidden;opacity: 0;background: unset;border: 1px solid var(--b-t22);border-radius: 12px;height: max-content;} sqpd bl{display:flex;flex-direction:column;background: var(--b);overflow: hidden;} sqpd bl hd{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--b1);border-bottom:1px solid var(--bc);} sqpd bl hd h2 {color:var(--c);font-size:20px;font-weight:600;} sqpd bl hd btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;border-radius:6px;transition:all .3s ease;} sqpd bl hd btn:hover{background:var(--b1t44);} sqpd bl hd btn i{color:var(--c);font-size:18px;} sqpd bl bd{display:flex;flex-direction:column;padding:24px;gap:24px;} sqpd bl bd av{display:flex;flex-direction:column;gap:12px;} sqpd bl bd av img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--b1);} sqpd bl bd av p{color:var(--ct);font-size:13px;padding: 0;} sqpd bl bd av sp{display:inline;color:var(--rd);font-weight:600;} sqpd bl bd fg{display:flex;flex-direction:column;gap:8px;} sqpd bl bd fg lb{display:flex;color:var(--c);font-size:14px;font-weight:500;gap:4px;} sqpd bl bd fg lb sp{display:inline;color:var(--rd);} sqpd bl bd fg in{display:flex;position:relative;} sqpd bl bd fg in input,sqpd bl bd fg in textarea{width:100%;padding:12px 16px;background:var(--b1);border:1px solid var(--bc);border-radius:8px;color:var(--c);font-family:var(--ff);font-size:14px;transition:all .3s ease;outline:none;height: 22px;} sqpd bl bd fg in input:focus,sqpd bl bd fg in textarea:focus{border-color:var(--a);background:var(--b1t);} sqpd bl bd fg in input:disabled{opacity:.6;cursor:not-allowed;} sqpd bl bd fg in textarea{resize:vertical;min-height:100px;max-height:200px;} sqpd bl bd fg in cn{position:absolute;right:12px;top:12px;color:var(--ct);font-size:12px;pointer-events:none;} sqpd bl bd fg nt{display:block;color:var(--ct);font-size:12px;margin-top:4px;} sqpd bl ft{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:var(--b1);border-top:1px solid var(--bc);} sqpd bl ft ac{display:flex;gap:12px;} sqpd bl ft ac btn{display:flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:8px;font-family:var(--ff);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;} sqpd bl ft ac btn[data-type="cancel"]{background:transparent;color:var(--c);border:1px solid var(--bc);} sqpd bl ft ac btn[data-type="cancel"]:hover{background:var(--b1t44);} sqpd bl ft ac btn[data-type="save"]{background:var(--a);color:var(--c);} sqpd bl ft ac btn[data-type="save"]:hover{background:var(--a1);} sqpd bl bd fg nt { display: grid; grid-column-start: 1; grid-column-end: 3; text-align: end; } sqpd bl bd fg { display: grid; grid-template-columns: 30% auto; align-items: center; } sqpd bl bd d {display: grid;grid-template-columns: 29% max-content;align-items: center;} sqpd bl bd av i { justify-content: flex-start; } app.Profile_Edit sqpd { display: block; scale: 1; visibility: visible; opacity: 1; } @media(max-width:576px){ sqpd{top: 2px; left: 4px; right: 4px; border-radius: 11px;} sqpd bl hd,sqpd bl bd,sqpd bl ft{padding:16px;} sqpd bl bd av img{width:100px;height:100px;} sqpd bl ft{flex-direction:column;} sqpd bl ft ac{width:100%;} sqpd bl ft ac btn{flex:1;} } .apc epmd {display:flex;} .apc popups { opacity: 1; visibility: visible; top: 0; } epmd {display:none; } .apc popups>bg {background: var(--bg);} #Exchange.apc screen:last-child { overflow-y: hidden; } epmd bl{background: var(--b1-t44); width : -webkit-fill-available; margin: auto; padding: 22px; border-radius: 22px; color: var(--c); max-width: 500px; backdrop-filter: blur(10px); } epmd hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;} epmd hd h3 { font-size: 1.21em; font-weight: 300; } epmd hd i { cursor: pointer; width: 16px; height: 16px; } epmd bd dl{margin-bottom: 22px; display: grid ; align-items: center; gap: 0px; grid-template-columns: 110px auto;} epmd dt { font-size: 0.88em; color: var(--c); margin-bottom: 4px; } epmd dd{margin:0;} epmd dd i{ width:100px; height:100px; border-radius:50%; background: var(--c1); overflow: hidden; } epmd dd p { color: var(---gry); font-size: 0.88em; margin-top: 7px; } epmd input{width: -webkit-fill-available; padding: 16px 13px; border-radius: 11px; background: 0; border: 1px solid var(--b1-t); color: var(--c); height: auto; font-size: 0.99em; margin: 0;} epmd input:focus{outline:1px solid var(--a);} epmd ft{display:flex;justify-content:flex-end;gap:11px;margin-top:22px;} epmd btn{ padding: 11px 22px; border-radius: 8px; cursor: pointer; font-size: 0.99em; flex: 1 1; text-align: center;background: var(--lg);} epmd btn.this{ background: var(--lg-b); color: var(--b); opacity: 0.44; } epmd bd>p{ font-size: 0.88em; font-weight: 500; color: var(---gry); } @media only screen and (max-width: 999px) { epmd bl { border-radius: 0; box-shadow: -1px -4px 16px var(--b1);} epmd bd dl {grid-template-columns: 75px auto;} epmd btn.this {display:none;} epmd dl:nth-child(2) dt { grid-column-start: 1; grid-column-end: 3; } epmd dl:nth-child(2) dd { grid-column-start: 1; grid-column-end: 3; } .apc popups { top: 8rem; } epmd btn.this { display: block; } epmd btn { display: none; } } /* Component : ProfileOverview */ cpov>bl { display: block; background: var(--b); backdrop-filter: blur(22px); border-radius: 11px 0 0 11px; position: relative; z-index: 99; overflow: auto; height: -webkit-fill-available; } cpov { position: absolute; inset: 0; left: unset; transition: 333ms; right: -100%; opacity: 0; visibility: hidden; height: 100vh; } .profile cpov { right: 0; opacity: 1; visibility: visible; } cpov>bl cprf f { padding: 22px; } cpov>bl cqbs bd { padding: 22px; } cpov>bl cpat hd { padding: 11px 22px; } cpov>bl cpat cem:hover { background: var(--bc); } /* Component : ProfileQuick */ cqbs { display: block; } cqbs bd { display: grid ; justify-content: center; padding: 11px 0; grid-template-columns: 25% 25% 25% 25%; position: relative; } cqbs a { display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 0.7em; font-weight: unset; transition: 99ms; border: unset; padding: 0; border-radius: 20px; box-shadow: var(--bs); gap: 5px; } cqbs a i { display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 0.5em; font-weight: unset; margin: 4px; transition: 99ms; border: unset; box-shadow: var(--bs); background: var(--bc); gap: 5px; padding: 9px; border-radius: var(--br1); width: auto;height: 40px; } /*Profile_Info*/ cprh bl { display: flex; align-items: center; padding: var(--p) 0; border-radius: 22px; } cprh hd{display:flex;align-items:center;gap:16px;} cprh hd dv { display: flex; align-items: center; gap: 12px; width: max-content; } cprh dv cd{display:flex;align-items:center;gap:8px;} cprh hd dv>i{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--b1);} cprh i img{width:100%;height:100%;object-fit:cover;} cprh hd h3{font-size:18px;font-weight:600;margin:0;padding:0;} cprh hd btns{display:flex;align-items:center;gap:8px;} cprh hd d btns btn { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: var(--c1); cursor: pointer; padding: 4px; } cprh bd db { display: flex; flex-wrap: wrap; gap: 42px; align-items: center; justify-content: space-around; } /* each info block */ cprh bd { display: grid; align-items: center; width: 100%; } cprh bd h3 { font-size: 14px; color: var(--ct); font-weight: 500; } cprh p{font-size:14px;font-weight:500;margin:0;padding:0;} /* UID row specifics */ cprh bd dv { display: grid; align-items: center; gap: 8px; } cprh bd dv p{font-weight:600;} cprh bd dv i{width:18px;height:18px;display:grid;place-items:center;cursor:pointer;opacity:0.8;} cprh bd dv i svg{width:13px;height:13px;} /* hover / subtle interaction */ @media (max-width:780px){ cprh{flex-direction:column;align-items:flex-start;gap:12px;} cprh bd{width:100%;justify-content:flex-start;} cprh hd dv { width: -webkit-fill-available; justify-content: start; } } cprh btns .btn hv a{color:var(--a);text-decoration: underline;} @media only screen and (min-width: 999px) { /*.btn { position: relative; }*/ cprh btns .btn hv { position: absolute;background: var(--b1);line-break: anywhere; white-space: unset; font-size: 0.66em; font-weight: 500; width: max-content; max-width: 288px; padding: 7px; border-radius: 5px; z-index: 99999; opacity: 0; visibility: hidden; } cprh btns .btn hv:after { content: ''; position: absolute;right: -4px;background: var(--b1); height: 7px; width: 7px; transform: rotate( 46deg); z-index: -2; top: 10px; } cprh btns .btn:hover hv { opacity: 1; visibility: visible; } /* Bottom */ cprh btns .btn hv { right: 0; top: 100%; left: 50%; transform: translateX(-50%);margin-top: 7px; border-top-left-radius: 3px; } cprh btns .btn hv::after { top: -3px; right: 50%; } /* Bottom */ cprh hd dv> btns { display:none; } } @media only screen and (max-width: 999px) { cprh btns .btn hv {display:none;} cprh bl { align-items: unset; flex-direction: column; } cprh hd dv>i { width: 50px; height: 50px;} cprh hd dv {display: grid ; grid-template-columns: max-content auto max-content; justify-content: unset;} cprh bd { overflow: hidden; height: 0px; justify-content: unset; } cprh.dopan bd {height: auto; } cprh bd db { display: grid; width: -webkit-fill-available; justify-content: unset; } cprh bd dv { grid-template-columns: auto auto; width: -webkit-fill-available; justify-content: space-between; padding: 0 11px; padding-top: 22px; } cprh bd db d { display: flex; justify-content: space-between; width: -webkit-fill-available; padding: 0px 11px; } cprh hd dv> btns i { height: 22px;padding: 2px; } cprh dv > btns btn{border: solid 1px var(--bc);border-radius: 7px; } cprh dv > btns btn.jtc i { transform: rotate(270deg); } cprh.dopan dv > btns btn.jtc i { transform: rotate(90deg); } } /*cprh { padding-left: 160px; padding-right: 160px; display:block;} @media screen and (max-width: 1360px) { cprh{ padding-left: 24px; padding-right: 24px; } }*/ /* Profile_Setting */ cpro{display:none;} cpro>bl>hd{display:flex;align-items:center;gap:20px;padding:10px;border-bottom:solid 1px var(--c1);} cpro>bl>hd i{height:33px;width:33px;} cpro>bl>hd h2{font-size:1.25rem;font-weight:400;} cpro>bl>bd{padding:15px;} cpro>bl>bd bx{display:flex;flex-direction:column;} cpro>bl>bd bx dv{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-radius:4px;} cpro>bl>bd bx dv tx{display:flex;flex-direction:column;gap:4px;max-width:80%;} cpro>bl>bd bx dv b{font-size:16px;font-weight:500;} cpro>bl>bd bx dv span{font-size:14px;line-height:22px;color:var(---gry);} /* Toggle Switch */ cpro>bl>bd bx dv input[type=checkbox]{appearance:none;width:40px;height:20px;background:var(--b1t);border-radius:20px;position:relative;cursor:pointer;transition:all .3s ease;} cpro>bl>bd bx dv input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:var(--c);border-radius:50%;transition:all .3s ease;} cpro>bl>bd bx dv input[type=checkbox]:checked{background:var(--a);} cpro>bl>bd bx dv input[type=checkbox]:checked::before{transform:translateX(20px);} app.proSetting cpro { display: block; } app.proSetting dsso>bl>hd { display: none; } app.proSetting dsso>bl>bd { display: none; } cpbr hd { display: grid ; grid-template-columns: 55px auto 55px; font-size: 0.77em; font-weight: 100; padding: 11px 0; align-items: center; justify-content: normal; } cpbr hd div { display: flex; justify-content: center; } cpbr div d { display: flex; justify-content: center; } cpbr dv lis { display: grid ; background: var(--b1-t44); height: 8px; border-radius: 22px; margin: auto; width: 100%; position: relative; } /**Prompt_Card**/ apcd { display: block; position: relative;transition: 333ms; } app.PC apcd bl {border: solid 1px var(--a);} apcd bl { min-height: 210px;width: -webkit-fill-available;padding: 24px;border: solid 1px var(--bc); border-radius: 16px; justify-content: space-between; gap: 8px; align-items: stretch; display: flex ;background: var(--b);position: relative;} apcd hd { flex-direction: column; display: flex ; justify-content: space-between; } apcd bl>hd>h2 { font-size: 16px; font-weight: 500; line-height: 28px; display: none; } apcd hd h3 { font-size: 16px; font-weight: 500; line-height: 28px; } app.PC apcd bd { display: block; } apcd bl bd { display: none; align-self: center; } apcd bl bd i { height: 135px; width: 135px; } apcd bl bd dv { display: flex ; justify-content: end; } apcd hd i { height: 20px; width: 20px; } apcd hd p {display: none; font-size: 14px; font-weight: 400; line-height: 20px; color: var(---gry); } apcd hd span { display: flex ; align-items: center; gap: 5px; color: var(---gry); } apcd hd i svg { fill: var(---gry); } app.PC apcd bl>hd>h2 { display: block; } app.PC apcd bl>hd> p { display: block; } vfsp.step1 apcd bl { top: 11px; right: -11px; } vfsp.step1 apcd bl{animation: 700ms ease 0s 1 normal forwards running swap;} vfsp.step2 apcd bl{ z-index: 9999;} @media screen and (max-width: 1022px) { apcd bl { flex: 1 1; min-height: 130px; } apcd { width: 100%; } } @media screen and (max-width: 1022px) { vfsp.step1 apcd bl { top: 11px; right: -5px; } } @keyframes swap { 50% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; transform: translate(-10%, -100%) scale(.9); } 100% { opacity: .5; transform: translate(0%) scale(1); z-index: -11; } } /*PublicOrders*/ cptds>bl { display: block; padding: 11px; } cpods>bl { background: var(--b1-t44); padding: 10px 11px; border-radius: 11px; display: grid ; height: 100%; grid-template-rows: auto max-content; } cpods>bl ccprice { display: block; padding: 22px 0; text-align: center; } cpods>bl ccprice h2.buy{color: rgb(14, 203, 129)} cpods>bl ccprice h2.sell{color: rgb(204 12 57)} cpods>bl>ft { display: grid ; grid-template-columns: auto max-content; padding: 11px 0; align-items: center; } cpods>bl ft>btns { display: flex ; height: 22px; width: 22px; border-radius: 11px; overflow: hidden; } cpods>bl btns>btn { height: 22px; width: 22px; position: absolute; display: flex ; align-items: center; justify-content: center; opacity: 0; } cpods sl>select { min-height: auto; font-size: 0.66em; opacity: .5; font-weight: 400; width: calc(100% - 5px); margin: auto; display: block; } cpods ft>sl { display: block; padding: 4px; height: auto; border-radius: 4px; background: var(--b1-t); } cpods.buys btns>btn:nth-child(2) { opacity: 1; z-index: 99; } cpods.sellings btns>btn:nth-child(3) { z-index: 99; opacity: 1; } cpods.both btns>btn:nth-child(1) { opacity: 1; z-index: 99; } cpods pbbs, cpods pbss { display: none; } cpods.buys pbbs { display: block; } cpods.sellings pbss { display: block; } .both pbbs, .both pbss { display: block; }/*PublicTrade*/ cptdo>bl>hd { display: grid ; grid-template-columns: 50% 50%; justify-content: center; align-items: center; text-align: center; font-weight: bold; height: 44px; background: var(--b1); } cptdo>bl>bd { display: grid ; grid-template-columns: auto; height: 44px; margin: 11px 0; background: var(--b1); border-radius: 7px; text-align: center; align-items: center; border: unset; font-weight: bold; padding: 0 11px; transition: 333ms; } cptds limit { display: grid ; grid-template-columns: 33px auto 33px; } cptdo persnt { display: grid ; height: 44px; margin: 7px 0; background: unset; border-radius: 7px; text-align: center; border: unset; font-weight: bold; padding: 5px 11px; transition: 333ms; } cptdo perbx { display: grid ; grid-template-columns: auto auto auto auto; gap: 7px; margin: auto; width: 100%; } cptdo perbx bx { display: block; height: 11px; width: 100%; background: var(--b1); border-radius: 2px; } cptdo bx.this { background: rgb(14, 203, 129) ; } cptdo per { display: grid ; grid-template-columns: auto auto auto auto; gap: 7px; margin: auto; width: 100%; font-size: 0.8em; font-weight: 100; } cptds.buy #TradeNow { background: rgb(14, 203, 129); } cptdo aa#TradeNow { font-size: 1.23em; font-weight: bold; height: 44px; display: flex ; justify-content: center; align-items: center; border-radius: 11px; width: 95%; margin: auto; margin-top: 7px; transition: 99ms; } cptdo.buy #TradeNow { background: rgb(14, 203, 129); } cptdo.sell #TradeNow { background: rgb(246, 70, 93); } cptdo.publiTrade ft btn { position: relative; left: 0; right: 0; top: auto; bottom: 0; z-index: 88888; } cptdo bl {position: relative;} cptdo ccount,cptdo pepe { display: none; } /*PublicTrades*/ cptds {margin:0} /*cptds bl { background: unset; padding: 0 11px; }*/ cptds>bl>bd { display: grid ; grid-template-columns: 48% auto; padding: 0; gap: 11px; } cptds mg { border: unset; justify-content: space-between; overflow: hidden; margin: 7px;height: 55px; height: 55px; margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll;} cptds mg dv { display: flex ; flex-direction: row; gap: 7px; align-items: center; } cptds mg i { height: 30px; width: 30px; margin: auto; filter: contrast(0.5); } bac{display: grid;grid-template-columns: auto auto 44px;height: 44px;margin: 7px 0;background: var(--b1);border-radius: 7px;text-align: center;align-items: center;font-weight: bold;font-size: 0.8em;} bac t { text-align: start; opacity: 0.44; margin-left: 11px; } bac amt { display: flex; padding: 0 7px; height: 100%; align-items: center; } 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;} bac bcc { text-align: left; } bac:hover, bac:active, bac:focus, bac:focus-within, bac:target { box-shadow: 0 0 0 2px var(--a); } cptds wallets{display:block;} cptds tdts{display: grid; grid-template-columns: 50% 50%; justify-content: center; align-items: center; text-align: center; font-weight: bold; height: 44px;background: var(--b1); } cptds tdt { height: 100%; display: flex; justify-content: center; align-items: center; background: var(--bt); width: 99%; } cptds.buy tdt.buy{background:var(---gn);clip-path: polygon( 0px 0px, 14px 0, calc(100% - 14px) 0, calc(100% - 12px) 1.5px, 100% 48%, 100% 52%, calc(100% - 12px) calc(100% - 1.5px), calc(100% - 14px) 100%, 14px 100%, 12px calc(100% - 0px), 0 100%, 0 100% );} cptds.sell tdt.sell{background:rgb(246, 70, 93);clip-path: polygon( 12px 1.5px, 14px 0, calc(100% - 14px) 0, calc(100% - 0px) 0px, 100% 48%, 100% 100%, calc(100% - 0px) calc(100% - 1.5px), calc(100% - 14px) 100%, 14px 100%, 12px calc(100% - 1.5px), 0 52%, 0 48% );} cptds.buy #TradeNow { background: var(---gn); } cptds.sell #TradeNow { background: rgb(246, 70, 93); } cptds wallet { display: none; } cptds.buy #buywallet { display:block } cptds.sell #sellwallet { display:block } trd cptds bl div { border: unset; justify-content: space-between;overflow: hidden;margin: 7px;} trd cptds bl div dv { display: flex; flex-direction: row; gap: 7px;align-items: center; } trd bl div i { height: 33px; width: 33px; margin: auto; } trd cptds bl div h1 { font-size: 1.1em; margin: auto; } trd cptds bl div h4.cred { margin: auto; margin-left: 5px; } trd bl div i svg { fill: var(--b-t44); padding: 3px; } trd limit { display: grid; grid-template-columns: 33px auto 33px; height: 44px; margin: 11px 0; background: var(--b1); border-radius: 7px; text-align: center; align-items: center; border: unset; font-weight: bold; padding: 0 11px; transition: 333ms;} btlo limit i { margin: auto;transition: 333ms;} slct slcts { position: absolute; height: auto; width: 100%; left: 0; right: 0; top: 3rem; background: var(--b1); z-index: 9999999; border-radius: 5px; display: none; transition: 333ms; } slct slcts option { padding: 11px; } trd .lmts i:nth-of-type(2) { transform: rotate(180deg); } .lmts sls{display:block} trd ccount { display: grid; grid-template-columns: 33px auto 33px; height: 44px; margin: 11px 0; background: var(--b1); border-radius: 7px; text-align: center; align-items: center; border: unset; font-weight: bold; padding: 0 11px; transition: 333ms;} trd ccount i { margin: auto;transition: 333ms;opacity: 0.4;} trd ccount i:active { box-shadow: unset; transform: scale(0.77); } trd pepe { display: grid; grid-template-columns: 33px auto 33px; height: 44px; margin: 11px 0; background: var(--b1); border-radius: 7px; text-align: center; align-items: center; border: unset; font-weight: bold; padding: 0 11px; transition: 333ms;} trd pepe i { margin: auto;transition: 333ms;opacity: 0.4;} trd pepe i:active { box-shadow: unset; transform: scale(0.77); } trd pepe h2 { font-weight: 100; opacity: 0.4; } trd cptds.buy #TradeNow { color: #fff; } trd persnt { display: grid; height: 44px; margin: 7px 0; background: unset; border-radius: 7px; text-align: center; border: unset; font-weight: bold; padding: 5px 11px; transition: 333ms; } trd persnt perbx { display: grid; grid-template-columns: auto auto auto auto; gap: 7px; margin: auto; width: 100%; } trd persnt perbx bx { display: block; height: 11px; width: 100%; background: var(--b1); border-radius: 2px; } trd persnt per { display: grid; grid-template-columns: auto auto auto auto; gap: 7px; margin: auto; width: 100%; font-size: 0.8em; font-weight: 100; } trd persnt perbx bx.this { background: rgb(14, 203, 129) ; } iceberg p { margin: unset; } iceberg { display: flex; text-align: center; align-items: center;} iceberg input[type="checkbox"] { height: 15px; width: 15px; border-radius: 999px ; background: transparent; } pepein { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; margin-bottom: 4px; } pepein h5 { display: flex; gap: 5px; align-items: center; justify-content: center; width: auto; font-weight: 300; } pepein p { margin: 0 2px; } cptds div svg { fill: var(--b-t44); padding: 3px; } cptds>bl div a { display: flex ; justify-content: center; align-items: center; padding: 8px 16px; position: relative; } cptds div dv:nth-child(2) { gap: 2rem; } limit.lmts slcts { display: block; } Sftrd aerea { z-index: 9; background: var(--b); padding-top: 0px; position: relative; } Sftrd sidebar { width: 40%; } btlo limit {display: grid;grid-template-columns: 33px auto 33px; } /* Component : Public_BuyOrders */ pbbs>bl>hd { display: flex ; justify-content: space-between; font-size: 0.77em; } cpbo>bl { display: grid ; grid-template-columns: auto 0 auto; justify-content: space-between; } cpbo>bl { display: grid ; grid-template-columns: auto 0 auto; justify-content: space-between; font-size: 0.77em; } cpbo>bl amount { color: rgb(14, 203, 129); } /* Component : Public_SellOrder */ pbss>bl>hd { display: flex ; justify-content: space-between; font-size: 0.77em; } pbsd>bl { display: grid ; grid-template-columns: auto 0 auto; justify-content: space-between; } pbsd>bl { display: grid ; grid-template-columns: auto 0 auto; justify-content: space-between; font-size: 0.77em; } pbsd>bl amount { color: rgb(204 12 57); }/* Quick_Action */ cqan{ display: block;} cqan>bl bd>ul { display: grid ; align-items: center; grid-template-columns: auto auto; padding: unset;gap: 1rem;margin-bottom: unset; } cqan>bl ul>li { display: grid ; grid-template-columns: 33px auto; padding: 11px; background: var(--b1-t44); border-radius: 11px; align-items: center; position: relative;right: 5px; } cqan>bl>bd { margin: 4px; display: block; } @media only screen and (min-width: 999px) { cqan>bl { display: block; margin: 11px 0; background: var(--b1-t44); padding: 18px; border-radius: 22px; } } @media only screen and (max-width: 999px) { cqan>bl { display: block; margin: 11px 0; background: var(--b1-t44); padding: 11px; border-radius: 22px; margin-left: 12px; margin-right: 12px; } } /* Component : Receipt */ cpyo { display: block; padding: 11px; margin: 11px; background: var(--b1-t44); border-radius: var(--br); } cpyo hd { display: block; padding: 22px; background: var(--b1); border-radius: var(--br); text-align: center; } cpyo hd i { height: 44px; width: 44px; margin: auto; border-radius: 55%; background: #d8f7d89c; padding: 7px; box-shadow: 0 0 0 2px #c6f3c659; margin-bottom: 11px; } cpyo hd h2 { letter-spacing: 0.88px; font-weight: 500; font-size: 1.22em; } cpyo bd { display: block; padding: 11px; padding-bottom: 0; } cpyo bd bc { display: block; border-bottom: 1px dashed var(--bc); padding-bottom: 7px; margin-bottom: 11px; } cpyo bd d { display: flex ; justify-content: space-between; margin-bottom: 7px; white-space: nowrap; align-items: center; position: relative; } cpyo bd cc { opacity: 0.5; } cpyo bd t { font-size: 0.88em; font-weight: 500; } cpyo hr { border-bottom: 3px dashed var(--bc); background: unset; width: 96%; margin: 0 14px; opacity: 0.5; } /* Component : RecentDeposit */ crnd.Deposit { display: none; } crnd bd { display: block; } crto { display: block; padding: var(--p); background: var(--b1-t44); border-radius: var(--br); } crto hd { display: flex ; justify-content: space-between; align-items: center; margin-bottom: 11px; } crto h2 { font-size: 20px; font-weight: 600; } crto h3 { font-size: 14px; font-weight: 500; color: var(--a); } crto bd { display: flex ; justify-content: center; margin: 77px 0; } crto nonotransactions { display: grid ; } crto i { width: 144px; height: 144px; margin: auto; } crto p { font-size: 14px; font-weight: 500; color: var(--b-t44); } @media only screen and (min-width: 999px) { } /* Component : RecentWithdraw */ crnw.Withdraw { display: none; } crnw bd { display: block; } crvh {display: block; position: relative; } crvh hd nv gg{height: 55px;align-items: center;z-index:22;display: grid;grid-template-columns: 55px 33px auto 44px 44px;} crvh hd nv back{font-family: monospace;font-size: 1.23em;height: 100%;width: 55px;display: flex;justify-content: center;align-items: center;} crvh hd nv gg i { height: 33px; width: 33px; fill: #fff; display: flex ; justify-content: center; align-items: center; } crvh hd nv gg>i>svg{height:66%;width:66%;} crvh hd nv t{display: flex;align-items: center;text-align: center;width: 100%;display: block;} crvh hd nv op { display: flex; justify-content: center; align-items: center; } crvh hd nv op>i { height: 55%; width: 55%; } crvh bd lnc { display: block; padding: 11px; padding-bottom: 0; } crvh bd lnc div { display: grid ; grid-template-columns: auto auto; justify-content: space-around; padding: 11px; margin: 15px 0px; } crvh bd lnc div a { padding: var(--p1); transition: 333ms; } /* Component : Referrals_Availabe */ crws { display: block; max-width: 1200px; margin: 0 auto; } crws hd h2 { font-size: 2.77em; text-transform: uppercase; letter-spacing: 0.44px; font-weight: bold; font-family: "IBM Plex Mono", monospace; padding: 22px; text-align: center; margin-top: 22px; text-shadow: 0px -4px 0px var(--svg1); } crws rws { display: grid; grid-template-columns: 100% 100%; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; } @media screen and (min-width: 999px) { crws rws { display: flex; justify-content: center; } } /* Component : Referal_Chart */ @import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=Outfit:wght@100..900&display=swap'); crcr .base-timer { position: relative; width: 300px; height: 300px; } crcr .base-timer__svg { transform: scaleX(-1); } crcr .base-timer__circle { fill: none; stroke: none; } crcr .base-timer__path-elapsed { stroke-width: 4px; stroke: var(--b-t95); } crcr .base-timer__path-remaining { stroke-width: 4.44px; stroke-linecap: round; transform: rotate(90deg); transform-origin: center; transition: 1s linear all; fill-rule: nonzero; stroke: var(--a); } crcr .base-timer__path-remaining.green { color: rgb(65, 184, 131); } crcr .base-timer__path-remaining.orange { color: orange; } crcr .base-timer__path-remaining.red { color: red; } crcr .base-timer__label {position: absolute; display: flex; align-items: center; justify-content: center; font-size: 48px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; z-index: 99;} /*svg.base-timer__svg { filter: hue-rotate(-244deg); }*/ crcr { display: block; font-family: "Outfit", serif; max-width: 1200px; margin: auto; } crcr rto>hd>i { height: 100%; width: 100%; position: absolute; left: 0px; right: 0; top: 0px; bottom: 0; border-radius: 55%; transform: scale(1.08); } crcr hd btn.this { background: var(--at); color: var(--a); } crcr bd>d { display: block; text-align: center; padding: 44px 33px; margin-bottom: 22px; } crcr mg>a { display: block; padding: 11px 6px; margin-right: 22px; } crcr bd>d p { margin-bottom: 0; font-size: 1em; margin-top: 11px; } crcr hd btn { display: block; padding: 14px; margin: 4px; text-align: center; border-radius: var(--br1); } crcr mg>a { margin-bottom: 0 ; font-family: var(--ff); } crcr bd>d>h1 { font-size: 4em; text-transform: uppercase; letter-spacing: 0.44px; font-weight: bold; } @media screen and (max-width: 999px) { crcr bd>d>h1 { font-size: 2em; } crcr bd>d { padding: 22px; } crcr { margin: unset; } crcr pct h2 { font-size: 38px; } } /* Component : Referal_Friends */ crfco stps { display: flex; justify-content: space-between; position: relative; } crfco stps>stp { display: grid; grid-template-rows: 44px auto; padding: 11px 0; text-align: center; font-size: 0.88em; color: var(--ct); width: 66px; position: relative; } crfco stps>stp>i>img { height: 100%; width: 100%; } crfco stps>d { display: block; position: absolute; height: 10px; width: 100%; background: var(--bc); top: 26px; bottom: 0; max-width: 88%; margin: 0 auto; right: 0; left: 0; } crfco stps>d:after { content: " "; position: absolute; top: 0; bottom: 0; background: var(--lg-b); display: block; left: 0; right: 96%; transition: 333ms; opacity: 0.7; } crfco { display: block; margin: 5px; max-width: 611px; margin: 0 auto; padding-bottom: 22px; } crfco.step_1 stp.stp1 { background: linear-gradient(-2deg, #2870ea1f, transparent); } crfco.step_1 stp.stp1:after { content: ""; top: 0; bottom: 0; left: 0; right: 0; display: block; position: absolute; background: url(/0/This.svg); background-repeat: no-repeat; background-size: 100% 11px; background-position: 100% 100%; } crfco stps>stp>i { height: 44px; width: 43px; margin: 0 auto; } cchco ft>btn { display: block; text-align: center; padding: 11px; margin: 11px auto; background: var(--lg-b); border-radius: 44px; max-width: 66%; margin-bottom: 11px; width: 100%; } crfco>bl>hd { display: block; background: linear-gradient(-2deg, #2870ea36, transparent); border: 1px solid var(--b-t44); border-radius: 11px 11px 0 0; padding-top: 7px; } crfco>bl>bd { display: block; background: linear-gradient(-2deg, #2870ea36, transparent); padding: 11px; border: 1px solid var(--b-t44); border-top: none; border-radius: 0 0 11px 11px; } crfco ft btn>t { color: var(--ct); } @media screen and (max-width: 999px) { } /* Component : Referal_Progres */ Prog { display: block; max-width: 1200px; margin: 11px auto; width: 100%; } Prog h2 { font-size: 2.77em; text-transform: uppercase; letter-spacing: 0.44px; font-weight: bold; font-family: "IBM Plex Mono", monospace; padding: 22px; text-align: center; margin-top: 22px; text-shadow: 0px -4px 0px var(--svg1); } Prog bd d { display: grid; grid-template-columns: 30px auto; margin-bottom: 7px; align-items: start; font-size: 13px; } Prog bd d>i path { fill: var(--a); } Prog bd d i { display: grid; height: 22px; width: 22px; } /* Component : Referal_Rules */ cues hd h2 { font-size: 2.77em; text-transform: uppercase; letter-spacing: 0.44px; font-weight: bold; font-family: "IBM Plex Mono", monospace; padding: 22px; text-align: center; margin-top: 22px; text-shadow: 0px -4px 0px var(--svg1); } cues bd { display: block; padding: 22px; border: 1px solid var(--bc); border-radius: var(--br1); max-width: 1200px; margin: 11px auto; letter-spacing: 0.44px; } cues bd t { color: var(--ct); margin: 11px 0; display: block; letter-spacing: 0.44px; } cues bd p { color: var(--ct); letter-spacing: 0.44px; } cues bd p>a { text-decoration: underline; } /* Component : Referal_Transction */ crfd>bl>bd { display: grid ; grid-template-columns: 15% 27% 31% 12% 15%; padding: 7px 0; } /* Component : Referal_Transctions */ crfds { display: block; margin: 11px auto; max-width: 1200px; width: 100%; } crfds hd d { display: grid; grid-template-columns: 30px auto; margin-bottom: 7px; align-items: start; font-size: 13px; } crfds hd d i path { fill: var(--a); } crfds hd d i { display: grid; height: 22px; width: 22px; } crfds hd d>t { display: flex ; justify-content: start; } crfds>bl>bd { display: block; padding: var(--p); background: var(--b1); border-radius: var(--br1); } crfds>bl>bd>d { display: grid ; padding: 11px 0; font-size: 0.88em; font-weight: 400; color: var(--ct); border-radius: 0; grid-template-columns: 15% 27% 31% 12% 15%; } crfds bd trc { display: grid ; grid-template-columns: 15% 27% 31% 12% 15%; padding: 11px 0; font-size: 0.88em; font-weight: 400; background: transparent; border-radius: 0; box-shadow: unset; width: auto; } crfds bd trc d b { display: block; max-width: 99%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } crfds hd h2{ font-size: 2.77em; text-transform: uppercase; letter-spacing: 0.44px; font-family: "IBM Plex Mono", monospace; padding: 22px; text-align: center; margin-top: 22px; text-shadow: 0px -4px 0px var(--svg1); } @media only screen and (max-width: 999px) { crfds bd>d { display: none; } crfds bd trc { display: block; border-bottom: 1px solid var(--bc); border-radius: 0; margin-bottom: 22px; padding: 11px 0; } crfds bd trc d { display: flex ; justify-content: space-between; padding: 5px; } } /* Component : Referal_Verification */ civo { display: block; background: var(--b1); border-radius: var(--br1); padding: 22px; max-width: 1200px; margin: 22px auto; } civo hd { display: grid; grid-template-columns: 44px auto; align-items: center; } civo hd>h4 { font-weight: 500; font-size: 1.33em; } civo ul { padding: 0; padding-left: 22px; } civo ul>li { color: var(--ct); font-size: 0.77em; margin-bottom: 7px; } civo bd>bl { display: block; background: var(--bc); padding: 11px; border-radius: var(--br1); font-size: 0.88em; margin: 11px 0; } civo bd>bl>d { margin-bottom: 7px; } civo bl>d>t { color: var(--ct); font-size: 0.88em; } civo ft { display: flex; align-items: center; padding: 11px; padding-bottom: 0; padding-left: 0; } civo ft>i { height: 22px; width: 22px; margin: 5px; } civo ft>btn { display: block; padding: 4px 33px; font-size: 0.88em; text-align: center; background: var(--lg-b); margin: 4px; border-radius: var(--br); } civo rws { display: grid; grid-template-columns: 100% 100%; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; } @media screen and (min-width: 999px) { civo ft { justify-content: end; } } /* Component : Referal_Withdraw */ cchco pct { display: grid; grid-template-columns: auto 44px; justify-content: center; gap: 1%; font-size: 3.44em; letter-spacing: 3px; margin-top: 22px; } cchco pct>i { display: block; height: 30px; width: 30px; margin: auto; } cchco rto { display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 56px; border-radius: 55%; margin: 33px auto; position: relative; box-shadow: 0 0 10px 4px var(--a), inset 0 0 10px var(--a); } cchco rto:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid var(--a); border-radius: 55%; height: 82%; width: 82%; margin: auto; box-shadow: 0 0 8px 0px var(--a), inset 0 0 10px var(--a); } cchco rto:before { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid var(--a); border-radius: 55%; height: 86%; width: 86%; margin: auto; box-shadow: 0 0 11px 0px var(--a), inset 0 0 10px var(--a); } cchco bc>d { display: block; padding: 7px; background: #2870ea1f; backdrop-filter: blur(5px); border-radius: 44px; margin: 4px 0; transition: 333ms; font-size: 0.77em; } cchco bd bc { position: absolute; bottom: 24%; left: 0; max-width: 49%; } cchco bl:after { content: " "; position: absolute; top: 4px; bottom: 52%; left: 0; right: 0; background: rgb(38 38 38 / 0%); border-radius: 144px; backdrop-filter: blur(0.66px); } cchco { display: block; position: relative; } cchco bd>d { display: flex; align-items: center; padding-bottom: 5px; padding-top: 11px; justify-content: center; } cchco bd>d>t { color: var(--ct); font-size: 0.77em; letter-spacing: 0.44px; margin-right: 7px; } cchco bd time>t { margin-right: 7px; margin-left: 4px; font-weight: 400; color: var(--ct); } crfco ft>btns { display: flex; justify-content: space-between; column-gap: 7px; } crfco ft>btns btn { display: grid; grid-template-rows: 44px auto; text-align: center; padding: 11px; background: linear-gradient(-2deg, #2870ea36, transparent); border-radius: var(--br1)var(--br1); width: 88px; font-size: 0.77em; border: 1px solid var(--b-t44); margin-top: 22px; } crfco ft btn>i { height: 25px; width: 25px; margin: 7px auto; } cchco rto>d { display: block; position: relative; z-index: 99; } cchco rto>d>p { margin: 6px 0; } cchco rto>d { display: block; position: relative; z-index: 99; } cchco rto>d>aa { color: var(--a); text-decoration: underline; margin-top: 9px; display: block; } @media(min-width:999px){ cchco rto {height: 233px;width: 233px;} cchco rto>bg>i { height: 346px; width: 346px; transform: scale(1.06); } cchco rto:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid var(--a); border-radius: 55%; height: 82%; width: 82%; margin: auto; box-shadow: 0 0 8px 0px var(--a), inset 0 0 10px var(--a); } } @media only screen and (max-width: 999px) { crfco ft>btns btn { width: 74px; } } /* Component : Refered */ crds grid>a { background: var(--bc); border-radius: 11px; width: 55px; height: 55px; padding: 0; margin: auto; } crds>bl { display: block; padding: var(--p1); background: var(--b-t); border-radius: var(--br); margin: 4px; } crds>bl hd { display: grid ; grid-template-columns: 44px auto; align-items: center; } crds>bl cd { font-size: 15px; position: absolute; bottom: 0px; right: 0; } crds>bl btns { display: flex ; align-items: center; padding: 11px; } crds>bl btns>btn { display: flex ; height: 44px; width: 44px; border-radius: 11px; background: var(--b1); align-items: center; justify-content: center; position: relative; margin: 4px; } crds>bl btns>btn svg { width: 22px; height: 22px; } crds>bl ft>btn { display: block; padding: 11px; font-size: 0.88em; background: var(--lg-b); text-align: center; border-radius: 7px; margin: 4px; } crds>bl btns>btn:hover { background: var(--lg); } /* Component : Referrals_Invite */ crwo { display: block; flex: none; background: var(--b1); border-radius: var(--br1); padding: 22px; max-width: 40vh; margin: auto; margin-right: 11px; height: max-content; } crwo hd { display: grid; grid-template-columns: 55px auto; align-items: center; } crwo hd>h4 { font-weight: 500; font-size: 1.33em; } crwo hd>i { height: 40px; width: 40px; background: var(--bt); border-radius: 55%; margin: auto; } crwo ul { padding: 0; padding-left: 22px; } crwo ul>li { color: var(--ct); font-size: 0.77em; margin-bottom: 7px; } crwo bd>bl { display: block; background: var(--bc); padding: 11px; border-radius: var(--br1); font-size: 0.88em; margin: 11px 0; } crwo bd>bl>d { margin-bottom: 7px; } crwo bl>d>t { color: var(--ct); font-size: 0.88em; } crwo ft { display: flex; align-items: center; padding: 11px; padding-bottom: 0; padding-left: 0; } crwo ft>i { height: 22px; width: 22px; margin: 5px; } crwo ft>btn { display: block; padding: 4px 33px; font-size: 0.88em; text-align: center; background: var(--lg-b); margin: 4px; border-radius: var(--br); } @media screen and (min-width: 999px) { crwo { height: auto; } } /* Component : Referrals_Reward */ cvfio { display: grid; background: var(--b1); padding: var(--p); border-radius: var(--br1); } cvfio hd { display: grid; grid-template-columns: 50% 50%; padding: 11px 0; font-size: 0.88em; font-weight: 400; color: var(--ct); border-radius: 0; } cvfio hd t { font-weight: 500; color: var(--b-t44); } cvfio bd { display: block; } cvfio bd>dt>i { width: 33px; height: 38px; background: var(--bc); padding: 7px 8px; border-radius: 50%; } cvfio bd dt d { display: block; } cvfio bd dt d t { display: block; font-weight: 500; } cvfio bd dt d date { font-size: 14px; font-weight: 500; } cvfio bd dt t { display: grid; justify-content: end; } cvfio bd dt t t { display: flex; align-items: center; font-size: 14px; font-weight: 500; } cvfio bd dt t t i { width: 25px; height: 25px; } cvfio hd>d:nth-child(2) t:last-child { display: block; text-align: end; } cvfio bd dt>d:nth-child(2) cc { justify-content: end; } cvfio bd cc>i { height: 24px; width: 24px; } cvfio bd dt>d { display: grid; grid-template-columns: 56% 44%; } cvfio bd dt { display: grid; grid-template-columns: 50% 50%; padding: 5px 0; margin: 7px 0; } cvfio bd dt>d>cc { display: flex; align-items: center; } cvfio hd>d { display: grid; grid-template-columns: 56% 44%; } cvfio cc svg { fill: var(--b); margin-right: 5px; } /* Component : Referrals_Reward1 */ cvfi { display: none; } @media only screen and (max-width: 999px) { cvfi { display: block; background: var(--b1); padding: var(--p); border-radius: var(--br1); } cvfi hd { display: block; } cvfi hd d { display: flex; justify-content: space-between; padding: 5px; } cvfi hd d>t { color: var(--ct); } } @media only screen and (max-width: 999px) { cvfio { display: none; } } /* Component : Referrals_Unclaimed */ crfpo>bl { display: grid; background: var(--b1); border-radius: var(--br1); padding: var(--p); margin: 22px auto; gap: 11px; max-width: 1200px; } crfpo hd h4 { font-weight: 500; font-size: 1.11em; } crfpo bd dv { display: flex; justify-content: space-between; } crfpo bd dv btn { align-items: center; border: 2px solid hsla(0, 0%, 96%, .1); border-radius: var(--br); color: var(--a); padding: 4px 33px; display: grid; grid-template-columns: 20px auto; height: fit-content; } crfpo dv d { display: block; } crfpo bd dv btn svg { fill: var(--a); } crfpo bd d h3 { font-size: 22px; font-weight: 600; line-height: 33px; } crfpo bd d t { font-size: 13px; } crfpo ft p { font-weight: 400; font-size: 13px; color: var(--a); } crfpo ft btn { align-items: center; border: 2px solid hsla(0, 0%, 96%, .1); border-radius: var(--br); color: var(--a); padding: 4px 33px; display: none; grid-template-columns: 20px auto; height: fit-content; justify-content: center; } @media only screen and (max-width: 999px) { Prog bd bl>d { display: block; } crfpo bd bl btn { display: none; } crfpo ft btn { display: grid ; } } /**Reply_Controls**/ arco { display: none; } app.Controls arco { display: block; } arco>bl>hd{display:flex;align-items:center;gap:20px;padding:10px;border-bottom:solid 1px var(--c1);} arco>bl>hd i{height:33px;width:33px;cursor: pointer;} arco hd h2{font-size:1.25rem;font-weight:400;} arco>bl>bd{padding:15px;} arco>bl>bd bx{display:flex;flex-direction:column;} arco bd b{margin:0 0 16px;font-size:16px;font-weight:500;} arco bd t{font-size:15px;font-weight:400;} arco>bl>bd bx dv{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-radius:4px;} arco>bl>bd bx dv input[type=radio]{appearance: none; height: 18px; width: 18px; border: 2px solid var(--b1t); border-radius: 50%; position: relative; cursor: pointer; transition: 333ms; padding: 0; background: unset;} arco>bl>bd bx dv input[type=radio]:checked{border-color:var(--c);} arco>bl>bd bx dv input[type=radio]:checked::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);height:8px;width:8px;border-radius:50%;background:var(--c);} arco>bl>bd bx dv input[type=radio]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);height:8px;width:8px;border-radius:50%;background:var(--c);transition:transform .2s ease-in-out;} arco>bl>ft{display:block;padding:15px;} arco>bl>ft dv{display:flex;flex-direction:column;} arco>bl>ft dv b{font-size:16px;font-weight:400;} arco>bl>ft dv span{font-size:14px;line-height:22px;color:var(---gry);} /*ReportHeader*/ crtho gg { backdrop-filter: blur(22px); background: linear-gradient(180deg, var(--b), var(--bt)); height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px; } crtho back:nth-of-type(2) i {transform: rotate(90deg);} crtho bd t { background: var(--a1t); padding: 1px; display: flex ; justify-content: center; gap: 22px; align-items: center; } /* Component : Assets */ cato.Assets { display: none; } .Assets cato.Assets { display: block; } cato bd { display: block; } /* Component : Restriction_Function */ cffd { display: block; padding: 0 11px; } cffd bd div { display: grid ; grid-template-columns: 50% 50%; } cffd bd a { text-align: center; font-size: 1em; font-weight: 500; padding: 11px; } /* Component : Function */ cuno.Function { display: none; } .Function cuno.Function { display: block; } cuno bd { display: block; } /* Component : Reward_Transction */ ward>bl>bd { display: grid ; grid-template-columns: 15% 27% 31% 12% 15%; padding: 7px 0; } /* Component : Referrals_Rewards */ wars { display: block; margin: 11px auto; max-width: 1200px; width: 100%; } wars hd h2 { font-size: 2.77em; text-transform: uppercase; letter-spacing: 0.44px; font-weight: bold; font-family: "IBM Plex Mono", monospace; padding: 22px; text-align: center; margin-top: 22px; text-shadow: 0px -4px 0px var(--svg1); } wars hd d { display: grid; grid-template-columns: 30px auto; margin-bottom: 7px; align-items: start; font-size: 13px; } wars hd d i path { fill: var(--a); } wars hd d i { display: grid; height: 22px; width: 22px; } wars hd d>t { display: flex ; } wars>bl>bd { display: block; padding: var(--p); background: var(--b1); border-radius: var(--br1); } wars>bl>bd>d { display: grid ; grid-template-columns: 15% 27% 31% 12% 15%; padding: 11px 0; font-size: 0.88em; font-weight: 400; color: var(--ct); border-radius: 0; } wars bd trc { display: grid ; grid-template-columns: 15% 27% 31% 12% 15%; padding: 11px 0; font-size: 0.88em; font-weight: 400; background: transparent; border-radius: 0; box-shadow: unset; width: auto; } @media only screen and (max-width: 999px) { wars bd>d { display: none; } wars bd trc { display: block; border-bottom: 1px solid var(--bc); border-radius: 0; margin-bottom: 22px; padding: 11px 0; } wars bd trc d { display: flex ; justify-content: space-between; padding: 5px; } } crsar bl i { 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%); } crsar bl {display: grid ; grid-template-columns: 72px auto ; background: var(--b-t); padding: 7px 11px; border-radius: 11px; margin: 16px 18px } crsar bl t { align-items: center; letter-spacing: 0; font-size: 0.55em; } crsar t:nth-of-type(2) span:nth-of-type(1){ color: rgb(0, 255, 0); } crsar svg { margin: 011%; width: auto; height: auto; fill: var(--a); } crsar bl t:nth-child(2) { opacity: 0.55; } crsar hd{display: flex ; align-items: center;} crars{display: grid; width: auto; height: fit-content;} crars bd{display: grid;}crhb { display: grid ; background-image: url(https://cdn.base.software/-Apps/Exchange/asset/0Banner.png); background-repeat: no-repeat; background-size: cover; padding: var(--br1 ); border-bottom: solid 1px var(--bc); } crhb bl { max-width: 1200px; margin: auto; width: 100%; } crhb bx div t { font-size: 1.88em; font-weight: 500; } crhb bx div { display: flex ; align-items: center; gap: 5px; } crhb d btns { display: flex ; gap: 22px; } crhb hd { padding: 11px 0; } crhb bx { display: flex ; justify-content: space-between; color: var(--a); } crhb bd d { display: grid ; width: fit-content; padding-top: 22px; } @media only screen and (max-width: 999px) { crhb hd h1 { display: none; } crhb d btns { color: var(--a); } crhb bx { color: var(--c); } } crdw hd { display: grid ; grid-template-columns: 100% 100% 100%; column-gap: 7px; margin-bottom: 11px; transition: transform 0.5s ease; overflow: hidden; } crdw hd i { width: 100%; height: 100%; } crdw hd img { border-radius: 11px; } crdw bd btn { width: 19px; height: 4px; background: var(--bc); border-radius: 7px; cursor: pointer; } crdw bd btns { display: grid ; grid-auto-flow: column; justify-content: center; margin: 7px auto; column-gap: 7px; position: relative; top: -25px; } crdw bd btn.active { background: var(--c); } cvat bd t { display: block; margin-bottom: 11px; } @media only screen and (max-width: 999px) { crdw hd { display: none; } } /* Component : ScratchCard */ img.Scratch_Message { width: 100%; height: 100%; object-fit: cover; display: block; z-index: 0; position: absolute; top: 0; left: 0; border-radius: 10px; } canvas.Scratch_Canvas { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border-radius: 10px; cursor: pointer; } canvas.canvas.Scratch_Canvas{ width:331px; height:318px} cscc h3 { font-size: 1.33em; color: var(--a); justify-content: center;} cscc { display: grid; /*grid-template-rows: 20% auto 44%;*/ text-align: center; padding: 11px; height: 100%; } cscc crd { display: flex; justify-content: center; align-items: center; height: 122px; width: 122px; margin: auto; background: var(--lg-b); padding: 11px; border-radius: var(--br1); position: relative; } cscc crd>i { height: 66%; width: 66%; transition: 333ms; transform: rotate(38deg); filter: hue-rotate(-16deg); animation: rotateimg 3s infinite; } cscc>ft bl { display: block; padding: 5px; background: #5491f721; border-radius: var(--br1); position: relative; margin-top: 22px; box-shadow: 0 0 5px 1px #5491f721; } cscc>ft btn { display: grid; grid-template-columns: 44px auto; justify-content: center; align-items: center; padding: 11px; margin: 22px; background: var(--lg-b); border-radius: var(--br1); margin-bottom: 0; font-size: 1.11em; font-weight: bold; letter-spacing: 0.88px; } cscc>ft btn> { height: 33px; width: 27px; margin: auto; filter: invert(5311px); } cscc crd>bg>i>img { animation: rotate 2s infinite linear; position: relative; opacity: 0.6 !important; } cscc crd>bg>i { height: 100%; width: 100%; animation: float 3s infinite; } cscc>hd { display: flex; flex-direction: column; justify-content: end; } cscc>ft bl>d { display: flex; justify-content: center; align-items: center; margin-bottom: 5px; position: absolute; left: 0; right: 0; top: -22px; } cscc>ft bl>d>i { display: block; font-family: var(--ff); font-style: normal; font-size: 1.4em; height: 30px; width: 30px; padding: 3px; margin: 1px 7px; border: 2px solid var(--a1); border-radius: 55%; } cscc>ft bl>p { padding: 22px; padding-bottom: 0; } cscc>ft d { display: block; padding: 22px; max-width: 268px; margin: auto; } .scratch crcd { display: none; } card.scratched crc { display: none; } cenjo>hd { display: block; height: 156px; width: 54%; } cscc ft btn { display: flex; padding: 7px; flex-direction: column; justify-content: center; align-items: center; background: var(--a1); max-width: 261px; margin: 0 auto; margin-top: -45px; position: relative; border-radius: var(--br1); margin-bottom: 11px; font-size: 0.88em; z-index: 9; } cscc d { display: block; padding: 22px; max-width: 268px; margin: auto; } /* ScratchCard code css */ /* .Screch_Cuppan { position: relative; width: 331px; height: 318px; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.2); background: white; } */ /* /* Component : ScratchEnjoy */ cenjo { position: relative; display: flex; width: 309px; height: 296px; background: var(--lg-b); border-radius: var(--br1); overflow: hidden; padding: 11px; justify-content: center; align-items: center; margin: 22px auto; } cenjo>i { position: relative; width: 66%; height: 66%; border-radius: 10px; z-index: 999; font-style: normal; font-size: 5.33em; transform: rotate(11deg); } cenjo>i:after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0; border-radius: var(--br1); z-index: -1; height: 169px; width: 167px; transform: rotate(10deg); } cenjo>i>img { height: 77%; width: 77%; opacity: 0.4; } cenjo>d { opacity: 0.3; } cenjo>bg>img { filter: hue-rotate(556deg); left: 0; position: relative; opacity: 0.7 !important; object-fit: cover; height: 100%; width: 100%; } cscc>ft d>p { color: var(--ct); } /* Component : Search */ csrho { opacity: 1; visibility: hidden; inset: unset; top: 55px; right: 22%; position: absolute; } csrho>bl { display: block; background: var(--b1); padding: 11px; border-radius: var(--br1); height: fit-content; max-width: 544px; min-width: 444px; } .Search csrho { opacity: 1; top: 0; visibility: visible; } csrho>bl hd>sl { display: flex ; align-items: center; padding: var(--p1); border: 1px solid var(--a1t); border-radius: var(--br1); } csrho>bl hd>sl i { width: 22px; height: 22px; opacity: 0.4; margin-right: 7px; } csrho>bl hd>sl input { position: absolute; inset: 0; height: auto; min-height: auto; padding-left: 44px; font-weight: 500; } csrho>bl hd { display: grid ; grid-template-columns: auto max-content; align-items: center; } csrho>bl hd>btn { font-weight: 500; color: var(--a); display: block; font-size: 00.88em; padding: 11px 17px; margin: 0 4px; } csrho>bl bd>d { display: flex ; justify-content: space-between; margin-bottom: 11px; padding: 0 22px; align-items: center; } csrho>bl d btns { display: flex ; column-gap: 7px; } csrho>bl d btn:hover { opacity: 1; } csrho>bl d btn { width: 33px; height: 33px; opacity: 0.4; display: flex ; align-items: center; justify-content: center; } csrho>bl d btn:nth-child(2) { transform: rotate(180deg); } csrho>bl u { text-decoration: none; } csrho>bl u>d { align-items: center; display: flex ; justify-content: space-between; margin: 11px 7px; padding: 7px 22px; border-radius: 7px; } csrho>bl d f>i { width: 24px; height: 24px; margin: 0 11px; border-radius: var(--br1); overflow: hidden; } csrho>bl u>d f { align-items: center; } csrho>bl u>d b { display: flex ; align-items: center; } csrho>bl u>d spain { font-size: 0.77em; font-weight: 400; opacity: .5; } csrho>bl u>d c { display: flex ; flex-direction: column; align-items: end; } csrho>bl u>d c t { font-size: 13px; font-weight: 500; text-align: end; } csrho>bl u>d c sp { font-size: 12px; font-weight: 500; color: #ff707e; text-align: end; text-decoration: underline; } csrho>bl ft>d { display: flex ; justify-content: space-between; margin-bottom: 11px; padding: 0 22px; align-items: center; } csrho>bl ft>btns { display: flex ; overflow: auto; align-items: unset; } csrho>bl ft>btns>btn { display: block; padding: var(--p1); border-radius: var(--br1); margin: 3px; width: -webkit-fill-available; background: var(--bt); transition: 99ms; text-align: center; } csrho>bl ft>btns>btn i { width: 24px; height: 24px; margin: 7px auto; } csrho>bl ft btn span { display: block; } csrho>bl u>d:hover { background: var(--bt); } /* Component : SearchCoins */ ccin f { display: grid ; grid-template-columns: max-content auto; align-items: center; gap: 8px; border: solid 1px var(--bc); padding: 0px 11px; border-radius: 11px; margin-bottom: 11px; } .Search_user-Coins hd { display: block; position: relative; padding-bottom: 0px; width: 100%; } ccin csc h3 { color: var(--b-t44); font-weight: 500; font-size: 16px; } ccin f>input { background: var(--c0); font-size: 16px; margin: 0; padding: 0; border-radius: 0; height: 35px;width: 100%;} ccin f path { fill: var(--b-t44); } ccin h5 { font-weight: 500; color: var(--b-t44); } ccin { display: grid ; background: var(--b1); padding: 22px; border-radius: 11px; max-height: 377px;position: absolute; top: 94px; left: 0; right: 0; z-index: 999; transition: 95ms; } ccin bd>d { display: flex ; align-items: center; padding: 11px; gap: 8px; margin-bottom: 7px; border-radius: 7px; } ccin bd>d:hover { background: var(--bc); } ccin bd { display: grid ; overflow: hidden; overflow-y: scroll; max-height: 288px; } ccin i { width: 24px; height: 24px; } /*Security*/ caso { display: block; margin-top: 22px; padding: 22px; border-radius: 22px; background: var(--b1-t44); } caso>bl { display: grid ; } caso>bd { display: block; margin-top: 11px; } caso svg { width: 0; } caso>bl hd blc { margin-top: 22px; } caso>bl blc { display: grid ; grid-template-columns: 0px auto auto; align-items:normal; height: fit-content; margin-block: 11px; column-gap: 0px; } caso>bl p.cgray {font-size: 12px; margin: 0px; opacity: 0.4; font-weight: 200; } caso>bl fx { display: flex ; align-items: center; gap: 12px; margin-left: 33px; justify-content: end; } caso>bl div:first-child { display: grid ; grid-template-columns: 22px auto; align-items: center; } caso>bl btn { background: var(--c1); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } caso>bl fx p { font-size: 12px; margin: 0px; opacity:unset; font-weight: 400; } @media(max-width:999px){ caso>bl blc {grid-template-columns: 28px auto;row-gap: 11px;border-bottom: solid 1px var(--bc);padding-bottom: 24px;} caso>bl i { width: 20px; } caso>bl fx { display: grid ; grid-column-start: 2; grid-template-columns: auto auto; justify-content: space-between; margin: 0; } } @media only screen and (max-width: 999px) { caso { margin: 11px; } caso svg { width: 20px; } } /*My_SecurityHeader*/ cmsh { display: grid ; text-align: center; } cmsh gg { height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px; } cmsh gg svg{ width: 30px; height: 30px; } cmsh h3 { font-size: 17px; } @media only screen and (min-width: 999px) { cmsh { display: none; } } /* Component : SelectNetwork */ asno h5 { font-weight: 500; color: var(--b-t44); } asno i { height: 18px; width: 18px; } asno {display: grid ; position: absolute; top: 98px; left: 0; right: 0; background: var(--b1); padding: 22px; border-radius: 11px; z-index: 999; max-height: 333px; overflow: hidden; overflow-y: scroll;} asno aa { display: flex ; align-items: center; justify-content: space-between; padding: 11px; gap: 8px; border-radius: 11px; } asno aa:active { background: var(--lg); } asno t {display: grid ; grid-template-columns: max-content auto; align-items: start; gap: 8px; background: #6f6f6f14; padding: 11px; border-radius: 11px; margin-bottom: 11px;} asno t p { font-size: 12px; margin: auto; } asno h3 { color: var(--b-t44); font-weight: 500; font-size: 16px; } asno aa d:nth-child(2) { text-align: end; } asno h4 { margin-bottom: 4px; } cwcp asno { top: 111px; } @media only screen and (max-width: 999px) { asno { padding: 22px 0px; width: 377px; left: -35px; } asno aa d.sntwrk { flex-direction: column; align-items: baseline; } } cslam {transition: 333ms;margin: 0;} cslam>bl>hd{display: flex;transform: unset;} cslam hd t{padding: 22px 0; display: block;text-indent: 22px;} cslam table {margin-bottom:44px} cslao lastwithdraw f{display: block; background: var(--bc); min-height: 22px; margin-bottom: 22px; border-radius: 22px; padding: 22px; display: flex; flex-direction: column; overflow-wrap: break-word; } cslao lastwithdraw .click{ color:#0f0} cslao lastwithdraw amount{ font-weight:bold} cslao lastwithdraw hash {cursor:default;border: solid 1px; padding: 11px; border-radius: 22px; } cslao form{margin-top:0} cslao form t{margin: auto; text-align: center; border-bottom: solid 1px #eef2; margin-bottom: 22px; padding-bottom: 11px; width: 88%;} cslao f{ width: 88%; margin: auto;flex-wrap: wrap;} cslao aa{background-image: linear-gradient( 48deg, #e91e63 , #ffeb3b);border: 0;box-shadow: 0 2px 4px #000;min-width:77%;margin: 4px auto;border-radius: 50px;color: var(--c);display: flex;justify-content: center;height: 40;align-items: center;cursor: default;} cslao f input{background-image: linear-gradient( 99deg , #673ab7, #3f51b5);border: 0;box-shadow: 0 2px 4px #000;width:77%;margin:auto} cslhr gg{height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px;} /* Component : SellNew */ cnslo { display: block; background: var(--b1-t44); padding: 22px; border-radius: 22px; position: relative; } cnslo hd h3 { display: grid ; width: auto; grid-template-columns: 30px auto 30px; gap: 8px; font-size: 28px; font-weight: 600; align-items: center; } cnslo form#wfw {position:relative;display: grid;grid-template-columns: 49% 49%;grid-gap: 2%; grid-template-columns: 100%} cnslo form#WC {position: relative; margin-top: 11px;} cnslo bd { min-height:123px;padding:0; } cnslo wt { display: block; padding: 11px 14px; border-radius: 10px; background: var(--c0); border: solid 1px var(--b-t22); margin-top: 11px; position: relative; overflow: unset; } cnslo wt f{align-items: center;position:unset;display: flex; } cnslo wt input{ height: 25px; width: 17px; } cnslo wt h7 { display: flex ; align-items: center; font-size: 12px; font-weight: 300; } cnslo wt b { font-size: 16px; font-weight: 500; } cnslo wt label { margin-left: 11px; opacity: 1; } cnslo wt input:after { position: absolute; content:''; z-index: 88; left: 0; right: 0; top: 0; bottom: 0; } cnslo div t { text-align: center; display: block; } cnslo wc>f { align-items: center; margin: 0 7px; border: solid 2px var(--b-t22); border-radius: 11px;display: flex; } cnslo wc input { height: 19px; width: 33px; } cnslo wc label { opacity: 1; font-size: 14px; font-weight: 300; } cnslo wc input::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50px; z-index: 888; } cnslo dv>f {z-index: 8;flex-wrap: wrap;} cnslo dv bt {max-height: 99px;} cnslo dv h2 {line-height: 1;margin: auto 4px; display: flex;} cnslo balance.tw { font-size: 32px; } /*cnslo dv balance {font-size: 0.66em;}*/ cnslo dv b {letter-spacing: 4px;font-size: 0.66em;} sslo d.aerea { margin-bottom: 5rem; } cnslo bd div {display:block;min-height:123px;} cnslo #SellNow { position: absolute; left: 33px; right: 33px; width: calc(100% - 66px); 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; color: var(--c); } cnslo #SellNow svg { fill: var(--b); max-height: 77%; } cnslo i { width: 100%; height: 100%; justify-content: flex-start; } cnslo #SellNow i{height: 33px; width: 33px; margin-right: 11px;} cnslo bac{display: grid;grid-template-columns: 84px auto 50px;height: 55px;margin: 11px 0;background: var(--b);border-radius: 7px;text-align: center;align-items: center;border: solid 1px var(--b-t22);font-weight: bold;padding: 0px 17px;} cnslo bac t { text-align: start; font-size: 17px; font-weight: 500;} cnslo bac amt { display: flex; padding: 0 7px; height: 100%; align-items: center; } cnslo 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;} cnslo bac bcc { text-align: left; font-size: 16px; font-weight: 500; } cnslo ft { display: flex ; height: 100px; align-items: flex-end; } cnslo bd wc {grid-template-columns: 50% 50%; grid-template-rows: 50px; display: grid; } bac:active, bac:focus, bac:focus-within, bac:target { box-shadow: 0 0 0 2px var(--a); } /* Component : SellTransactions */ cetr>bl { display: grid ; grid-template-columns: 66px auto 111px; background: rgb(255 255 255 / 4%); border-radius: 15px; margin: 7px 0; padding: 22px; column-gap: 7px; align-items: center; } cetr hd { overflow: hidden; display: flex ; justify-content: center; align-items: center; width: 55px; height: 55px; background: var(--b); border-radius: 11px; } cetr hd img { object-fit: contain; height: 31px; width: 55px; filter: invert(1); } cetr bd h6 { display:grid; grid-template-columns:max-content auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; } cetr ft { display: block; text-align: end; } @media(max-width:786px){ cetr>bl { grid-template-columns: 66px auto 56px; } } /* Component : SellTransactions */ cstrs { display: block; background: var(--b1-t44); padding: 22px; border-radius: 22px; } cstrs trcs { display: block; } cstrs order>bd { display: grid; } cstrs trc name { letter-spacing: 0; font-size: 1em; font-weight: bold; } cstrs trc price { font-weight: bold; } cstrs trc time, trc email, trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left:4px} cstrs 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} cstrs 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; } cstrs more>i { width: 22px; height: 22px; margin-right: 11px; margin-top: 4px; } /*cstrs trcs>trc>bd { display: flex; flex-direction: column; justify-content: center; }*/ cstrs trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } cstrs>bl>hd {display: grid; grid-template-columns: 44px auto;display:none } cstrs hd t{display: flex; align-items: center; padding-left: 1px; } cstrs trc hd { background:transparent} cstrs trc img { object-fit: contain; height: 77%; width: 77%; filter: invert(77%);} cstrs trcs t{margin: 22px 0;} cstrs trc img { object-fit: cover; height: 77%; width: 77%; } cstrs trcs>trc {grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%);border-radius: 15px;} cstrs trc>hd { height: 55px; width: 55px; border-radius: 0px; background: var(--c0); display: flex; align-items: center; justify-content: center; } cslu>bl {transition: 333ms;margin: 0;} cslu>bl>hd{display: flex;transform: unset;} cslu hd h4{padding: 22px 0; display: block; } cslu table {margin-bottom:44px} csbo { background: var(--b-t); border-radius: 10px; padding: 22px; display: block; } cscb>bl { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } cscb hd { display: flex ; flex-direction: column; gap: 8px; grid-column-start: 1; grid-column-end: 3; } csbo>bl>bd { display: grid ; grid-template-columns: auto auto; column-gap: 11px; } csbo a.active { color: var(--a); opacity: 99;} csbo hd navtop { display: flex; justify-content: space-between; align-items: center; } csbo hd navleft { display: flex; } csbo hd a>t { font-size: 0.88em; font-weight: 500; margin-left: 5px; } csbo hd navleft a{ position: relative; opacity: 0.5;} csbo hd navleft a, csbo navright a, csbo navbottom a { cursor: pointer; text-decoration: none; font-size: 0.88em; padding: 7px; display: flex ; align-items: center; font-weight: 400; } csbo hd navtop navleft a::after { position: absolute; content: ''; width: 18px; height: 2px; background: transparent; bottom: 0; right: 0; margin: auto; left: 0; } csbo hd navtop navleft a:nth-child(1)::after { background: var(--a); } csbo hd d>p { margin: 0px; font-size: 0.66em; color: var(---gry); font-weight: 400; } csbo hd navright a { font-size: 16px; } csbo hd navright { display: flex; gap: 20px; } csbo hd navbottom { display: flex ; justify-content: space-between; } csbo hd i { display: flex ; align-items: center; justify-content: center; width: 15px; opacity: 0.5;} csbo hd d { display: flex; gap: 5px; align-items: center; } @media (max-width: 999px) { csbo>bl>bd { grid-template-columns: auto ; } } /* Component : Sell_Crypto */ cslco>bl { display: grid ; border: 1px solid var(--bc); border-radius: var(--br); padding: 22px; margin: 7px; } cslco hd { display: flex ; column-gap: 11px; padding: 11px; padding-bottom: 22px; } cslco hd i { width: 90px; height: 90px; } cslco hd span { display: block; } cslco hd h3 { font-size: 1em; font-weight: 500; } cslco hd d { display: flex ; align-items: center; color: var(--bc); } cslco hd p { font-size: 0.88em; font-weight: 500; margin: 0; } cslco hd hr { transform: rotate(90deg); width: 16px; } cslco bd { display: grid ; row-gap: 7px; } cslco bd t { font-size: 0.88em; font-weight: 500; } cslco bd aa { font-size: 1em; font-weight: 500; color: var(---gn); } cslco ft p { font-size: 0.88em; font-weight: 400; color: var(--b-t44); } cslco bd h4 { font-size: 1.15em; font-weight: 500; } cslco { display: grid ; } @media (max-width: 999px) { cslco>bl {margin: 7px 0px; } } /* Component : Sell_Cryptos */ cscy>bl { display: block; padding: 22px 0; } cscy>bl>bd { display: grid ; grid-auto-flow: column; position: relative; } cscy bd d { display: grid ; grid-template-columns: 33.33% 33.33% 33.33%; } cscy h2 { font-size: 2.5em; font-weight: 500; } @media (max-width: 999px) { cscy h2 { font-size: 28px; } cscy>bl { margin: 11px; } cscy bd d { display: block; } } csdhr { display: grid ; text-align: center;width: 100%;} csdhr gg{height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px;} csdhr back svg {width: 25px; } cnsdo { display: block; padding: var(--p1); background: var(--b-t); border-radius: var(--br); border: 1px solid var(--b1); margin: 11px; } cnsdo 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; } cnsdo>bl h3 { display: grid ; grid-template-columns: 33px auto; align-items: center;} cnsdo #SendNow { 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; } cnsdo #SendNow svg { fill: var(--c); max-height: 77%; max-width: 77%; } cnsdo send out bl hd>h3 { display: grid; grid-template-columns: 33px auto; } cnsdo in nws 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} cnsdo in nws wc>f>input { height: 77%; } cnsdo wls {display:block;min-height:123px;} cnsdo txw f{z-index: 8;align-items: center;flex-wrap: wrap;} cnsdo txw bt{max-height: 99px;} cnsdo txw h2{line-height: 1;} cnsdo txw blc{font-size: 0.66em;} cnsdo txw b{letter-spacing: 4px;font-size: 0.66em;} cnsdo ads {font-size:1.0em;min-width: 100%; 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%);} cnsdo ads b { font-size: 1.0em; display: inline-block; } cnsdo nws{ background: transparent; box-shadow: unset;position: relative;display: block;} cnsdo form {position: relative;} cnsdo input { padding: 4px 0; font-size: 1em; 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: 9px 0; border: solid 1px var(---gry); margin-bottom: 11px; } cnsdo btn t{color:var(--c); } cnsdo bd{ min-height:199px; } cnsdo aa{ position: absolute;width: 35%;left: 0;top: 25%;bottom: 25%;display: flex;justify-content: center;align-items: center;transition: 77ms; } cnsdo aa>t{font-size: 16px;text-transform: uppercase;margin-top: -2px;display:none} cnsdo btn i{height: 33px;width: 33px;margin-right: 11px;fill: #fff;} cnsdo btd {position: relative;left: 0;right: 0;top: auto;bottom: 0;height: 77px;z-index: 88888;} cnsdo btn svg{fill: var(--c);} csdts trc img { object-fit: cover; height: 77%; width: 77%; filter: invert(77%);} csdts trcs>trc {grid-template-columns: 66px auto 111px;background: rgb(255 255 255 / 4%); color: var(--c);border-radius: 15px;position:relative;overflow:hidden} csdts trc>hd { height: 55px; width: 55px;border-radius: 15px;background:var(--c0);} csdts>bl>hd {display: grid; grid-template-columns: 44px auto;display:none} csdts hd h3 {display: flex; align-items: center; padding-left: 1px;} csdts>bl bd { display: block; margin-top: 4%; } csdts>bl ft>btn { display: grid ; grid-template-columns: 44px auto; align-items: center; padding: 11px; justify-content: center; background: var(--lg); border-radius: 44px; max-width: 333px; margin: 11px auto; } /**Settings**/ dsso>bl {flex-direction: column; padding: 16px 0; border: solid 1px var(--c1); display: flex ; min-height: 100vh; padding-top: 0;} dsso>bl>hd { display: flex ; align-items: center; gap: 20px; padding: 10px; border-bottom: solid 1px var(--c1); } dsso>bl>hd i { height: 33px; width: 33px; cursor: pointer;} dsso>bl>hd h2 { font-size: 1.25rem; font-weight: 400; } dsso>bl>bd { display: flex ; flex-direction: column; margin-block: 1rem; } dsso>bl>bd i { height: 30px; width: 30px; transform: rotate(181deg); } dsso>bl>bd dv:hover { background: var(--b1t); } dsso>bl>bd dv { display: flex ; justify-content: space-between; padding: 10px; } dsso>bl>bd d { display: flex ; flex-direction: column; gap: 1rem; } dsso>bl>bd h2 { font-weight: 400; font-size: 15px; } dsso>bl>bd span { font-size: .875rem; line-height: 1.25rem; padding-left: 1.5rem; padding-right: 1.5rem; margin-bottom: .5rem; color: var(--b-t44); } app.Controls dsso>bl>hd, app.Controls dsso>bl>bd, app.Preferences dsso>bl>hd, app.Preferences dsso>bl>bd {display:none;} /*Settings_Linkaccount*/ cslt { display: block; margin-top: 22px; padding: 22px; border-radius: 22px; background: var(--b1-t44); } cslt bd { display: flex ; height: fit-content; margin-block: 22px; column-gap: 0px; justify-content: space-between; align-items: center; } cslt bd p {color: var(--b-t44); font-size: 12px; margin: 0px; font-weight: 200; } cslt bd b { line-height: 18px; font-weight: 400; } cslt btn { background: var(--c1); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } cslt bd dv { display: flex ; align-items: center; gap: 12px; margin-left: 33px; justify-content: end; } cslt btn:active {transform: none;} cslt span { font-size: 12px; font-weight: 400; } @media only screen and (max-width: 999px) { cslt {margin: 11px;} cslt bd dv { border-bottom: solid 1px var(--bc); padding-bottom: 22px; display: flex ; justify-content: space-between;margin-left: unset; } cslt bd { align-items: normal; flex-direction: column;gap: 10px; } cslt hd h3 {font-size: 18px;font-weight: 600;line-height: 26px;} } /*Settings_Privacy*/ cspy { display: block; margin-top: 22px; padding: 22px; border-radius: 22px; background: var(--b1-t44); } cspy>bl div { display: flex ; justify-content: space-between; margin-block: 1rem; } cspy>bl p {color: var(--b-t44); font-size: 12px; margin: 0px; opacity: 0.7; font-weight: 400; } cspy i { width: 16px; } cspy>bl d { display: flex ; align-items: center; gap: 8px; } cspy>bl dv:nth-child(2) { display: flex ; align-items: center; gap: 14px; } cspy btn { background: var(--c1); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } cspy>bl dv:nth-child(2) p { color: var(--c); opacity: unset; } @media(max-width:999px){ cspy>bl div { flex-direction: column; gap: 20px; border-bottom: solid 1px var(--bc);padding-bottom: 24px; } cspy>bl dv:nth-child(2) { justify-content: space-between; } cspy { margin: 11px; } }csgfs bd { display: block; } csgfs nonotransactions { display: grid; text-align: center; justify-content: center; font-size: 18px; align-items: center; } csgfs nonotransactions i { margin: auto; } /* Sharingcode */ csco { margin: 11px; margin-top: 0; display: block; padding: var(--p1); background: var(--b-t); border-radius: var(--br); border: 1px solid var(--b1); } csco>bl { margin: 7px 0px; padding: var(--p); display: block; } csco bd { display: grid; } csco bd input { border-radius: var(--br1); margin: 0; background: var(--c1); font-size: 1em; padding: 7px; margin-bottom: 9px; width: 95%;} csco bd btn { background: var(--lg-b); border-radius: var(--br1); padding: 14px; font-size: 1em; font-weight: 500; color: var(--b2); display: block; text-align: center; margin-block: 11px; margin-bottom: 0;} csco bd btn.btn { color: var(--c); } csguo>bl{ box-shadow: unset; display: grid ; grid-template-columns: 71px auto; padding: 16px; column-gap: 15px; margin: 11px 0; border-radius: 16px; overflow: hidden; background: var(--b1-t); width: auto; } csguo hd { overflow: unset;display: block; } csguo img { object-fit: cover; height: 100%; width: 100%; } csguo hd name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } csguo bd { display: grid; justify-content: unset; } csguo bd d { display: flex; justify-content: space-between; align-items: center; } csguo bd p { font-size: 14px; font-weight: 400; color: var(--c); white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; margin: 0; } csguo bd .follow { display: grid; grid-template-columns: 33px auto; width: 114px; background: var(--lg-b); align-items: center; border-radius: 7px; padding: 6px 7px; box-shadow: 0px 1px 26px rgb(23 51 188 / 40%);transition: 333ms; margin-left: 0;justify-content: center; margin-top: 5px;} csguo bd .follow>i { height: 23px; width: 23px; filter: invert(1); } csguo bd .follow btn { background: transparent; color: var(--c); font-weight: 500; padding: 0; font-size: 0.92em; } csguo bd .follow:hover { filter: grayscale(1); } csguo bd .follow:active { transform: scale(.9); } csguo ft{ display: grid ; grid-column-start: 1; grid-column-end: 3; } csguo hd i{background: var(--b); padding: 5px 5px; border-radius: 22px; height: auto; width: auto;} csguo hd img{width: 59px; height: 59px;} csguo ft t { font-size: 18px; font-weight: 600; margin-top: 8px; } @media only screen and (max-width: 999px) { csguo bd .follow>i { height: 30px; width: 30px; filter: invert(1); } csguo>bl { padding: 16px 6px; margin: 8px; } csguo bd { gap: 6px; } } /* Component : SitemapCategories */ csmcs>bl { display: block; padding: 11px; margin: var(--m); border-radius: 22px; margin-top: 0; padding-top: 0; } csmcs>bl hd>h2 { font-size: 2.44em; line-height: 1; letter-spacing: 0.77px; font-weight: 600; } csmcs>bl bd>d { display: grid ; grid-template-columns: 25% 25% 25% 25%; } csmcs>bl mb>t { display: block; padding: 7px 11px; margin-right: 7px; position: relative; } csmcs>bl mb { display: flex ; overflow: overlay; gap: 7px; border-bottom: 1px solid var(--bc); padding: 7px 0; } csmcs>bl mb>t:hover { color: var(--c); } @media (max-width : 999px){ csmcs>bl bd>d { grid-template-columns: 50% 50%; } csmcs>bl { padding: 0; margin: 0; } } /* Component : SitemapCategory */ csmco>bl { display: block; padding: 22px 0; margin: 11px 0; margin-top: 44px; overflow: auto; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--a) var(--bc); } csmco>bl ul>li { display: grid ; font-weight: 400; position: relative; margin-bottom: 7px; padding: 11px 0; border-radius: 8px; font-size: 0.77em; color: var(--a); } csmco>bl ul { display: grid ; padding: 0; grid-template-columns: auto auto auto auto; gap: 1%; } csmco>bl hd>h4 { font-size: 1.66em; line-height: 0.8; margin-bottom: 22px; } @media (max-width : 999px){ csmco>bl ul { grid-template-columns: 49% 49%;margin: 0; row-gap: 1%; } csmco>bl ul>li { margin: 2px 0; } } /* Component : SitemapIntro */ csmio>bl { display: grid ; grid-template-columns: auto auto 0PX; min-height: -webkit-fill-available; position: relative; overflow: hidden; padding: var(--p); margin: 0 7px; } csmio>bl hd { max-width: 44%; } csmio>bl bd>i { height: 100%; width: 100%; position: absolute; left: -638px; z-index: -1; opacity: .055; top: -82px; } csmio>bl bg { z-index: -1; background: url("/-Brand/XAH/asset/Bg.png"); background-size: 100%; background-repeat: no-repeat; cursor: pointer; background-position: right center; opacity: 0.4; border-radius: 22px; top: 0; } csmio>bl p { color: var(--b-t44); } csmio>bl ft { grid-column-start: 1; grid-column-end: 3; height: 66px; align-self: end; } ssmo bl mb>aa:hover { color: var(--a); cursor: pointer; box-shadow: 0 2px 0 var(--a); } ssmo bl mb>aa { display: block; padding: 7px 17px; margin: 4px; margin-right: 7px; transition: .3s ease; font-weight: 500; } ssmo bl mb:hover { color: var(--b-t22); } ssmo bl aa.active { color: var(--a); box-shadow: 0 2px 0 var(--a); } @media (max-width : 999px) { csmio>bl hd { max-width: unset; } csmio>bl { display: block; min-height: auto; background: var(--b1); border-radius: 0; margin: 0; } } csld bd { display: grid ; grid-gap: 7px; font-size: 24px; font-weight: 400; } csld {display: grid ; background: var(--b1); padding: 22px; border-radius: 22px;} csld hd{ font-size: 22px; font-weight: 600;} /* Component : SomeActivity */ ctdo ft i { transform: rotate(90deg); height: 10px; width: 10px; border: solid 1px; padding: 4px; border-radius: 20px; } ctdo hd { justify-content: space-between; display: grid ; gap: 6px; align-items: center; font-weight: 600; font-size: 14px; margin-top: 15px; grid-template-columns: auto 90px; } ctdo bd { display: grid ; align-items: center; justify-content: space-between; background: var(--b-t); border-radius: var(--p1); padding: 7px var(--br1); margin-top: 15px; grid-template-columns: auto 40px; } ctdo hd bd i { height: 25px; width: 25px; opacity: 0.6;} ctdo ft i { transform: rotate(90deg); height: 10px; width: 10px; border: solid 1px; padding: 4px; border-radius: 20px; } ctdo ft { display: flex; gap: 6px; align-items: center; margin: 15px 11px; } ctdo h6 { opacity: 0.7; } ctdo r { border-radius: 50%; padding: 10px; } ctdo r:hover { background: var(--b-t22); } ctdo ft i { transform: rotate(90deg); height: 10px; width: 10px; border: solid 1px; padding: 4px; border-radius: 20px; } ctdo a { font-weight: 500; font-size: 16px; } ctdo p { display: flex ; align-items: center; gap: 5px; } ctdo p>i { width: 25px; } ctdo st>p { color: var(--a); } ctdo p path { fill: var(--a); } ctdo st.jtc { display: flex ; align-items: center; border: 1px solid var(--b-t44); padding: 7px 11px; height: 20px; border-radius: 7px; gap: 5px; background: var(--b-t22);} ctdo ss.jtc { display: none; max-width: 100%; width: 100%; position: fixed; height: 100%; left: 0; top: 55px } .jtc ctdo ss { display: flex ; background: var(--0); } /* Component : Soon */ cson bl { display: block; background: transparent; margin: 22px; border-radius: 22px; border: unset; } cson piec { margin: auto; max-width: 161px; margin-top: 22px; display:inline-grid; } cson flex.greed.chart.piechart bd bttn { margin: 0px auto 0px auto; padding: 8px 0px; display: flex; width: 41%; border-radius: var(--br1); justify-content: center; align-items: center; background: rgb(255 242 171); color: var(--b); } cson ft bttn i { width: 25px; transform: rotate(90deg); } cson bttn i svg { fill: var(--b); } cson hd {display: grid;justify-content: center;align-items: centerhd;} cson piec { margin: 22px;} cson bd { text-align: center;} cson ft { padding: 18px; padding-top: 0px;padding-bottom: 43px; } cson ft bttn { display: flex; justify-content: center; align-items: center; height: 44px; margin: 7px; border-radius: var(--br1); position: relative; background: var(--lg-b); color: var(--c); width: 40%; } cson ft bttn h4 { display: block; } cson { box-shadow: var(--b); } cson piec img { border-radius: var(--br1); filter: drop-shadow(0px 0px 15px var(--b)); } cson ft back { justify-content: center; display: flex; } cson h1 { color: var(--c); font-family: "Unbounded", sans-serif; } cson ft back { display: flex; justify-content: center; } cson soon ft bttn h4 { display: block; font-weight: bold; } cson p { font-size: 0.88em; margin: unset; } cson piec img { border-radius: var(--br1); filter: grayscale(1); } cstbo>bl{display: grid ; padding: 22px; border: none; background: var(--b1); border-radius: 11px} cstbo hd f{display: flex;gap: 2px;opacity: 0.6;font-weight: 100;} cstbo hd d{display: block; gap: 2px; font-size: 1.3em; align-items: center;} cstbo hd i{height: 22px;width: 33px;} cstbo hd h3{display: inline;} cstbo hd p{ opacity: 0.5;} cstbo hd b{ display: inline;} cstbo gd { display: grid ; grid-template-columns: 50% 50%; background: var(--bt); border-radius: 11px;padding: 10px 0; } cstbo gd t {opacity: 0.5; font-weight: 200;} cstbo .gdf {display: flex;align-items: center;justify-content: center;} cstbo .gdf i{width: 19px;height: 19px;margin-left: 3px;} cstbo bd{text-align: center;padding: unset;} cstbs>bl{background: var(--b1-t44); border-radius: 11px; padding: 14px;} cstbs>bl>bd svg { height: 22px; width: 22px;} cstbs>bl>bd i { display: flex ; height: 55px; width: 55px; margin: auto; background: var(--b1); border-radius: 666px; align-items: center; justify-content: center; } cstbs>bl>bd t { font-weight: 400; opacity: 0.6; display: grid ; justify-content: center; } cstbs>bl>bd { display: flex ;justify-content: center; gap: 10px;margin-top: 21px;} /* Component */ cspc bl.odrs,bl.trade, Transactions.Trdhsry{display: none;} cspc sbt { height: 55px; white-space: nowrap; display: grid; grid-template-columns: 99px 99px 99px; } cspc.oders bl.odrs { display: block; } cspc.trades bl.trade { display: block; } cspc.tadehistory transactions.Trdhsry { display: block; } cspc { margin: unset; padding: 11px; background: var(--b-t); display: block; } .oders aa.odrs,.trades aa.trade,.tadehistory aa.Trdhsry { border-bottom: solid 2px; color: var(--a); } cspc sbt aa { display: flex ; align-items: center; justify-content: center; } .odr Transactions trcs>trc.ordr { padding: 17px 22px; margin: 11px 0; background: url(); border-bottom: 1px solid var(--b1); border-radius: unset; } cspc line lis:after { content: ""; background: #00f394; height: 8px; border-radius: 22px 0px 0px 22px; position: absolute; left: 0; } cspc line lis { display: grid; background: var(--b1-t44); height: 8px; border-radius: 22px; margin: auto; width: 100%; position: relative; } cspc line lis:before { background: rgb(255 50 76); content: ""; border-radius: 0px 22px 22px 0px; position: absolute; right: 0; height: 100%; } csgo {display: none ;} .spotgrid csgo { display: block; } csgo h3 { margin: 0; font-size: 18px; font-weight: 600; } csgo grid.gc5 { grid-template-columns: 77px 77px; margin: 7px 0; justify-content: center; align-items: center; gap: 22px; margin-top: 22px; text-align: center; } csgo h4 { font-size: 16px; font-weight: 700; }/*SpotOrder*/ cstr bl { max-width: 100%; margin: 0 auto; overflow: scroll;} cstr>bl bd { display: grid ; border-bottom: 2px solid var(--at); overflow: auto; } cstr>bl bd>dv { min-width: 70px; font-size: 18px; } cstr table { border-collapse: collapse; background-color: var(--b1); color: var(--c); border: none; } cstr th,codhs td { padding:11px 22px; text-align: left; border-bottom: 1px solid #3c3f44; position: relative;} cstr th { background-color: #1f2023; font-weight: 500; font-size: 14px; height: max-content; border: none; text-align: center; } cstr tr:hover { background-color:var(--b-t22); } cstr>bl bd tbody>tr:hover { background: var(--b1-t); } cstr main { width: 100%; } cstr tbody tr>td { padding: 11px; height: 0px; overflow-wrap: anywhere; text-align: center; border: none; } cstr td filled :after{content: '';position: absolute;height:8px;width:8px;background:#0ecb81;left:0;top:20px;border-radius: var(--br); } cstr td canceled :after{content:'';position:absolute;height:8px;width:8px;background:gray;left:0;top:20px;border-radius: var(--br); } cstr td partial :after{content:'';position: absolute;height: 8px;width:8px;background:#e29d0d;left:0;top:20px;border-radius: var(--br); } cstr td buy { color:#0ecb81; } cstr td sell { color:#f6465d; } cstr td[buy] { color: #0ecb81; } cstr td[sell] { color: red; } cstr table tr td[colspan="12"] { text-align: center; padding: 44px; } @media screen and (max-width:999px) { table { width: 100%; display: block; overflow-x: auto; white-space: nowrap; } cstr td filled :after{display:none;} cstr td canceled:after{display:none;} cstr td partial :after{display:none;} cstr thead { display: none; } cstr tr { display: grid; grid-template-columns: auto auto; justify-content: space-between; border-radius: var(--br1); margin: 4px 0; background: var(--b1-t); padding: 18px 11px; } cstr tbody>tr.ntrc { display: block; } cstr tbody>tr>td[colspan="12"] { display: unset; } cstr tr td {display: none; border: unset; padding: 2px 7px; font-size: 14px;color: var(--b-t44);} cstr tbody { display: grid; overflow: hidden; } cstr table { background-color: transparent; } cstr td filled { color: #0fb976; background: #0ecb8112; } cstr td canceled{color: gray; background: #80808014;} cstr td partial {color:#e29d0d;background:#e29d0d14;} cstr td:nth-child(1) { display: block; grid-column-start: 2; grid-column-end: 3; text-align: end;} cstr td:nth-child(2) {display: block; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; font-size: 20px; line-height: 1; color: var(--c);} cstr td:nth-child(3) { display: block;} cstr td:nth-child(12) {display: block; grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; margin-left: auto; border-radius: 7px;} cstr td:nth-child(8) { display: block;} cstr td:nth-child(11) {display: block;text-align: end;} cstr td:nth-child(10) {display: block; grid-row-start: 4;} cstr td:nth-child(4) { display: block; grid-row-start: 4; grid-column-start: 2; margin-left: auto; border-radius: 7px; padding: 2px 11px; } cstr td buy { background: #0ecb8112; } cstr td sell { background: #f6465d14; } } /* SpotOrderFilter */ cspd { display: flex ; background: var(--b1); margin: 22px 0; opacity: 1; } cspd bd d { display: flex ; justify-content: center; } cspd bd dv { height: 55px; margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; } cspd dv a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; font-weight: 500; border-bottom: solid var(--c0); margin: 7px; color: #848E9C; } cspd dv a.this { color: var(--a); border-color: var(--a); } cspd form select { background-color: var(--c0); color: var(--a); padding: var(--p1); font-size: 16px; cursor: pointer; border-radius: 7px; width: 180px;border: solid 1px var(--bc); margin: 11px 7px; height: max-content; } cspd ft d { display: none; align-items: center; gap: 1rem 16px; padding: 11px 26px; } cspd ft d btn { display: flex ; align-items: center; gap: 1rem; } cspd ft i { height: 20px; width: 20px; } cspd ft { display: block; } cspd ft form { display: grid ; grid-auto-flow: column; justify-content: start; overflow: auto; } cspd ft dfm { background-color: var(--c0); color: var(--c); padding: var(--p1); font-size: 16px; cursor: pointer; border-radius: 7px; width: 180px; border: solid 1px var(--bc); margin: 11px 7px; height: max-content; display: flex; position: relative; justify-content: space-between; transition: 333ms; } cspd ft dfm ops { position: absolute; background-color: var(--c0); color: var(--c); padding: var(--p1); font-size: 16px; cursor: pointer; border-radius: 7px; border: solid 1px var(--bc); margin: 11px 7px; height: max-content; display: flex; z-index: 999; flex-direction: column; background: var(--b1); top: 40px; left: 0; gap: 9px; visibility: hidden; opacity: 0; display: none; } cspd ft dfs { display: flex; align-items: center; gap: 11px; flex-wrap: wrap; gap: 0; } cspd ft dfm ops.crpt { height: 262px; overflow: scroll; min-width: 170px; } cspd ft dfm.slc1:hover ops.market { opacity: 1; visibility: visible; display: flex; } cspd ft dfm.slc2:hover ops.crpt { display: flex; opacity: 1; visibility: visible; } cspd ft dfm.slc3:hover ops.bsa { display: flex; opacity: 1; visibility: visible; width: 133px; } @media screen and (max-width:999px) { cspd dv a { padding: 8px 5px; margin: 7px; } cspd ft form { display: none; } cspd ft d { display: flex ; justify-content: space-between; } cspd ft d btn { gap: 5px; } cspd ft d btn i.arw { transform: rotate(271deg); } cspd ft d { display: flex ; justify-content: space-between; margin: 5px 0px;padding: 6px 9px; } cspd ft dfs { display: none; } cspd { border-radius: 7px; } } /* Component : Spot_Pair */ camks { display: block; background: var(--b1-t44); border-radius: 22px; padding: 22px; } camks btns { display: flex ; background: unset; border: unset; } camks btns btn { display: grid ; grid-template-columns: 37px auto; background: var(--b); padding: 11px 18px; margin: 7px; color: var(--c); border-radius: 11px; align-items: center; transition: 99ms; position: relative; cursor: pointer; } camks trcs>trc.ordr { border-bottom: 1px solid var(--bc); background: transparent; border-radius: 0; box-shadow: none;max-width: 100%; width: auto; position: relative; display: grid;grid-template-columns: 77px auto 80px;} camks btns btn { display: grid ; grid-template-columns: 37px auto; background: var(--b); padding: 11px 18px; margin: 7px; color: var(--c); border-radius: 11px; align-items: center; transition: 99ms; position: relative; cursor: pointer; } camks i { position: relative; display: flex ; height: 77%; width: 77%;} camks trcs>trc>hd {background: 0;width: 69px; } camks trcs>trc.ordr>ft success{ border-radius: 4px; padding: 11px 14px; } camks bd h2 { display: flex ; align-items: baseline;font-size: 1em; font-weight: 600; } camks bd h2 d { opacity: 0.44; font-size: 0.66em; } camks success { border-radius: 4px; padding: 11px 14px; } camks .bgreen { background: #f654543d; border: 1px solid #f654543d;color: var(--c); } camks success.bred { background: #f654543d; border: 1px solid #f654543d;color: var(--c); width: auto; } camks h6 { justify-content: unset; color: var(--b-t44); max-width: unset; overflow-wrap: unset; letter-spacing: 0; margin: 0; display: flex ; gap: 10px; } camks .tred { color: rgb(246, 70, 93); } camks .tgreen { color: rgb(246, 70, 93); } /* Component : SpotPay */ cspty>bl btns { margin: unset; padding: unset; width: 100%; } cspty>bl btns btn { display: grid ; justify-content: center; align-items: center; height: 55px; background: var(--b-t); } cspty>bl btns btn {margin: 7px; border-radius: 11px; grid-template-columns: 44px auto; font-weight: bold; position: relative;background: var(--a) } /*SpotPay1*/ fchw.assets.assets assets.assets { display: block; } fchw.assets a.assets { color: var(--a); border-bottom: solid 2px; height: 31px; } fchw.Positions.Positions positions.Positions { display: block; } positions.Positions { display: none; } fchw.Positions a.Positions { color: var(--a); border-bottom: solid 2px; height: 31px; } h4 a.Positions { color: var(--c); border: none; } fchw assets trcs trc bd div { display: grid; grid-template-columns: 50% 50%; } fchw assets trcs trc { display: block; padding: 18px; border-radius: 0; margin: 5px; background: var(--b1-t44); border-radius: 11px; } fchw assets trcs trc bd div h1 { font-size: 12px; color: var(--ct); font-weight: 100; } fchw assets trcs{margin: 22px 0;} bd Currenci { display: block; width: 100%; } bd Currenci bd { width: 100%; display: flex; } Currenci bd div { padding: 14px 0px; display: grid; grid-template-columns: 40% 43%; row-gap: 11px; column-gap: 62px; width: 100%; } Currenci bd h1 { font-size: 12px; font-weight: 100; margin-block: 3px; color: var(--ct); } currenci hd div b1 h5 { font-size: 15px; display: flex; align-items: center; gap: 16px; } fchw trcc.trrc { display: block; position: relative; } fchw div h4 { gap: 24px; display: flex; } fchw Transactions trc>hd { justify-content: start; width: auto; height: auto; } fchw assets trc hd h5 { display: grid; grid-template-columns: 34px auto; align-items: center; margin: 9px 0; gap: 4px; } fchw assets trcs trc hd h5 i img { filter: unset; } fchw assets trcs trc bd div>b2 { display: block; text-align: end; } fchw assets trcs trc bd div>b3 { display: block; margin-top: 11px; } fchw assets trcs trc bd div>b2 { display: block; text-align: end; } fchw assets trcs trc bd div>b4 { display: block; text-align: end; } fchw.Positions { margin: 0; background: var(--b1); border-radius: 12px; position: relative; z-index: 999; } csoy { margin: 0; border-radius: 12px; position: relative; z-index: 99; } csoy bl { padding: var(--br); } csoy bd h4 { display: flex ; justify-content: center; } csoy hd dv { display: flex ; justify-content: space-around; align-items: center; padding: 0 22px; margin-top: 11px; } csoy hd dv a { display: flex ; justify-content: center; align-items: center; padding: 8px 16px; position: relative; border-bottom: solid 2px transparent; } csoy a.Positions { color: var(--a); border-bottom: solid 2px; height: 31px; } csoy positions.Positions { display: grid ; } csoy>bl>ft dv { height: 44px; display: flex ; justify-content: center; align-items: center; width: 66%; margin: auto; border-radius: 50px; box-shadow: var(--bs-bs); transition: 99ms; background: var(--bc);} csoy ft dv>i { width: 22px; height: 22px; margin-right: 11px; margin-top: 4px; } csoy assets.assets { display: block; } csoy ft div { display: grid !important ; } /*SpotTrade_Transactions*/ codhs trcs > trc { display: grid; grid-template-columns: 66px auto auto; margin: 7px 11px; border-radius: 11px; position: relative; transition: 95ms; } codhs trcs > trc:hover { background: var(--b1-t); }/*SpotTrades*/ /*codhs trcs>trc { display: grid ; grid-template-columns: 66px auto auto; margin: 7px 11px; border-radius: 11px; position: relative; transition: 95ms; } codhs trcs>trc:hover { background: var(--b1-t); } codhs bl { max-width: 100%; margin: 0 auto; overflow: scroll;} codhs table {border-collapse: collapse; background-color: var(--b1); color:var(--c);} codhs th,codhs td { padding:11px 22px; text-align: left; border-bottom: 1px solid #3c3f44; position: relative;} codhs th { background-color: #1f2023; font-weight: 500; font-size: 14px; height: max-content; } codhs tr:hover { background-color:var(--b-t22); } swpos main { width: 100%; } codhs td[filled]:after{content: '';position: absolute;height:8px;width:8px;background:#0ecb81;left:0;top:20px;border-radius: var(--br); } codhs td[canceled]:after{content:'';position:absolute;height:8px;width:8px;background:gray;left:0;top:20px;border-radius: var(--br); } codhs td[partial]:after{content:'';position: absolute;height: 8px;width:8px;background:#e29d0d;left:0;top:20px;border-radius: var(--br); } codhs td[buy] { color:#0ecb81; } codhs td[sell] { color:#f6465d; } @media screen and (max-width:999px) { table { width: 100%; display: block; overflow-x: auto; white-space: nowrap; } codhs td[filled]:after{display:none;} codhs td[canceled]:after{display:none;} codhs td[partial]:after{display:none;} codhs thead { display: none; } codhs tr { display: grid; grid-template-columns: auto auto; justify-content: space-between; border-radius: var(--br1); margin: 4px 0; background: var(--b1-t); padding: 18px 11px; } codhs tr td {display: none; border: unset; padding: 2px 7px; font-size: 14px;color: var(--b-t44);} codhs tbody { display: grid; overflow: hidden; } codhs table { background-color: transparent; } codhs td[filled] { color: #0fb976; background: #0ecb8112; } codhs td[canceled]{color: gray; background: #80808014;} codhs td[partial]{color:#e29d0d;background:#e29d0d14;} codhs td:nth-child(1) { display: block; grid-column-start: 2; grid-column-end: 3; text-align: end;} codhs td:nth-child(2) {display: block; grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; font-size: 20px; line-height: 1; color: var(--c);} codhs td:nth-child(3) { display: block;} codhs td:nth-child(12) {display: block; grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; margin-left: auto; border-radius: 7px;} codhs td:nth-child(8) { display: block;} codhs td:nth-child(11) {display: block;text-align: end;} codhs td:nth-child(10) {display: block; grid-row-start: 4;} codhs td:nth-child(4) { display: block; grid-row-start: 4; grid-column-start: 2; margin-left: auto; border-radius: 7px; padding: 2px 11px; } codhs td[buy] { background: #0ecb8112; } codhs td[sell] { background: #f6465d14; } }*/ cswto>bl { display: grid ; margin: 7px 0; padding: 22px; grid-template-columns: 66px auto 0px; background: var(--bt); border-radius: 22px; position: relative; overflow: hidden; } cswto hd {height: 55px; width: 55px; border-radius: 11px; background: var(--b);display: flex;justify-content: center;} cswto i { object-fit: contain;height: auto; width: 22px;filter: invert(1); } cswto name { letter-spacing: 0; font-size: 1em; font-weight: 300;} cswto svg { object-fit: contain; height: auto; width: 22px; filter: invert(1); } cswto bd {display: flex ; justify-content: center; flex-direction: column;} cswto ft{display: flex ; justify-content: end; align-items: center;} cswts>bl>hd { display: flex; justify-content: space-between; align-items: center; } cswts>bl>hd p{color: var(--a1);} cswts btns { padding: unset; max-width: max-content; margin: 0 auto;position: sticky; bottom: 11px;} cswts>bl>bd { display: grid; } cswts bd>t { margin: 11px !important; font-size: 16px; font-weight: 500;} cswts btns btn { justify-content: center; display: grid ; padding: 7px 11px; align-items: center; border-radius: 7px; height: 33px; min-width: 52px; min-height: 32px; font-size: 14px; font-weight: 500; line-height: 22px; position: relative; background: var(--b-t22); margin: 3px; grid-template-columns: 44px auto; } cswts>bl>ft{display: grid;} cswts ft>t{ text-align: center; font-weight: 300;font-size: 13px; padding: 14px 0; } cswts ft span{ color: var(--a);position: relative;} /* Component : Spot_Wallets */ csws hd { display: flex ; justify-content: space-between; align-items: center; position: relative; margin: 16px; } csws hd i { width: 21px; } csws bl { display: block; background: var(--b1); padding: 11px; border-radius: 22px; } csws bd div { display: flex ; justify-content: center; align-items: center; background: var(--b1-t44); border-radius: var(--br) 22px; padding: 66px 0px; flex-direction: column; } csws hd i { width: 29px; opacity: 0.55; } csws hd { display: flex ; justify-content: space-between; align-items: center; margin: 17px; height: 44px; } csws { padding: 12px; display: block; }/*Spot_Assets*/ csas bd h2 { display: flex ; align-items: baseline; font-size: 1em; font-weight: 600; } csas bd a { display: flex ; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--bc); padding: 23px 0px; } csas bd btn {background: var(---bn); display: block; padding: 12px; border: 1px solid var(---bw); color: rgb(246, 70, 93); border-radius: 5px; font-weight: 200;} csas dv { display: flex ; gap: 17px; } csas d:nth-child(2) { display: flex ; flex-direction: column; } csas bd b { font-weight: 600;} csas span { opacity: 0.44; font-size: 0.66em; } /* Component : Spot_Chart */ spch #main { height: calc(100vh - 422px);margin:auto;} spch>bl hd>ch { height: calc(100vh - 360px); margin: auto; display: flex; justify-content: center; align-items: center; opacity: 0.44; } spch { display: block; border-radius: 11px 11px 0 0; overflow: hidden; margin: 0 7px 0 7px; } @media only screen and (min-width: 999px) { spch #main {height: calc(100vh - 277px);} } @media only screen and (min-width: 999px) { #main {height: calc(100vh - 277px);} }/* Spot_ChartInfo */ cinfo>bl { display: grid; grid-template-columns: 50% 50%; } cinfo.up tx { color: #0ecb81; } cinfo.down tx { color: red; } cinfo cng { display: flex ; } cinfo hd { display: grid; padding:4px 22px; } cinfo hd prc { font-size:2em; font-weight: bold; color: #0ecb81; } cinfo hd tx { display: inline-block; margin-left: 11px; font-weight: bold; } cinfo hd btn { display: flex; align-items: center; width: fit-content; background: var(--a); padding: 2px 6px; padding-right: 0; border-radius: 4px; } cinfo hd btn t { font-size: 12px; font-weight: 500; } cinfo hd btn i { width: 14px; height: 14px; transform: rotate(180deg); margin-left: 3px; } cinfo bd { display: grid; grid-template-columns: 50% 50%; padding:4px 22px; font-size: 0.66em; } cinfo bd prs { grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; display: grid ; padding: 11px 0; opacity: 0.44; font-size: 12px; border-bottom: solid 1px var(--b1); margin-top: 0px; grid-column-start: 1; grid-column-end: 3; width: 100%; } cinfo bd prs prd { margin-right: 11px; } cinfo bd t { opacity: 0.44; } cinfo bd d { margin-bottom: 11px; } cinfo ft dd d { opacity: 0.4; font-size: 0.88em; } cinfo 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);padding-top: 11px;padding-bottom: 11px;display:none } cinfo ft dd { border-right: solid 1px var(--c1); } cinfo.up percent{color:rgb(14, 203, 129)} cinfo.down percent{color:rgb(246, 70, 93)} cinfo.up price{color:rgb(14, 203, 129)} cinfo.down price{color:rgb(246, 70, 93)} trade percents { display: grid; grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; padding: 11px 22px; grid-column-start: 1; grid-column-end: 3; border-top: solid 1px var(--bt); } trade percents percent { display: grid; font-size: 0.55em;color:var(--c) !important } percents percent t{opacity:0.44} /* Component */ crod bd {display: grid; grid-template-columns: 50% 50%;margin:0 22px; padding: unset; } crod bd>buy>odr>g2{display: grid; grid-template-columns:50% 50%;margin: 2px 4px;justify-content: space-between;font-size: 0.88em; } crod bd>buy>odr>g2>time{text-align:end;width: 100%;} crod bd>buy>odr>g2>price{color:rgb(14, 203, 129);text-align:end} crod bd>buy>odr>g2>amount { text-align: start; } crod bd>sel>odr>g2{display: grid; grid-template-columns: 50% 50%;margin: 2px 4px;justify-content: space-between;font-size: 0.88em; } crod bd>sel>odr>g2>time{text-align:end;width: 100%;} crod bd>sel>odr>g2>amount{text-align:end} crod bd>sel>odr>g2>price{color:rgb(246, 70, 93)} crod bd { margin: 0 11px; } crod { background: url(); padding: unset; }/* Component : Spot_ChartPeriods */ cspp bd { display: grid ; grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; padding: 11px 22px; grid-column-start: 1; grid-column-end: 3; border-top: solid 1px var(--bt); opacity: 0.44; font-size: 12px; border-bottom: solid 1px var(--b1); margin-top: 0px; overflow: auto; width: -webkit-fill-available; } cspp bd prc { display: grid ; font-size: 0.60em; color: var(--c); } /* Component : Spot_ChartPrice */ cspt bd mg { display: flex; border-bottom: solid 1px var(--b1); height: 44px; margin: 0 7px; column-gap: 11px; } cspt bd mg>a { display: flex; justify-content: center; align-items: center; padding: 0px 16px; position: relative; font-weight: 500; } cspt bd a.this { color: var(--a); border-bottom: solid 1px; } /* Component : Spot_ChartPublic */ cspu { background: var(--b-t); padding: 11px; display: block; border-radius: 11px;position: relative; } cspu hd { display: grid ; gap: 2%; } cspu hd arc { display: none; } cspu hd mg { display: grid ; grid-row-start: 2; grid-template-columns: auto auto auto; gap: 0; padding: 11px 0; } cspu blncde bd { display: grid ; grid-template-columns: auto; align-items: center; padding: 0 7px; } cspu hd btn { display: grid; background: var(--bc); align-items: center; justify-content: center; height: 44px; border-radius: var(--br1); margin: 2px; } cspu hd a { display: grid ; font-size: 0.77em; justify-content: center; color: var(--c); grid-template-columns: 33px auto; align-items: center; gap: 7px; background: var(--b1t); grid-template-rows: unset; padding: 7px 11px; margin: 0 4px; border-radius: var(--br1); } cspu hd hd { display: flex; gap: 5%; justify-content: center; } cspu hd i { width: 33px; height: 33px; margin: auto; border-radius: 55%;} cspu hd i svg { height: 18px; } cspu hd a t { font-weight: 100; } cspu hd tds { display: grid ; grid-template-columns: 50% 50%; justify-content: center; align-items: center; text-align: center; font-weight: bold; height: 44px; border-radius: 7px; overflow: hidden; max-width: 100%; margin: 0 auto; width: -webkit-fill-available; } cspu hd tdt { height: 100%; display: flex; justify-content: center; align-items: center; background: var(--bc); width: 99%; font-size: 0.88rem; font-weight: 500; padding: 2px 0;} cspu hd.buy tdt.buy{background:rgb(14, 203, 129);} cspu hd.sell tdt.sell{background:rgb(246, 70, 93);} cspu bd form wr i { height: 10px; width: 10px; background: var(--a); padding: 3px; border-radius: 55%; } @media only screen and (min-width: 999px) { cspu blncde { padding: 0; background: var(--c0); display: grid; grid-template-rows: 44px auto; grid-template-columns: unset; gap: 0; } cspu blncde hd { display: grid; grid-row-start: 2; grid-template-columns: auto auto auto; gap: 0;padding: 11px 0; } cspu blncde a { grid-template-columns: 33px auto; align-items: center; gap: 7px; background: var(--b1t); grid-template-rows: unset; padding: 7px 11px; margin: 0 4px; border-radius: var(--br1); } cspu blncde i { background: var(--c0); } spot_chart.trading publictrade { background: var(--c0); } } cspu.buy tdt.buy { background: rgb(14, 203, 129); } cspu.sell tdt.sell { background: rgb(246, 70, 93); } cspu.buy aa { background: rgb(14, 203, 129); } cspu.sell aa { background: rgb(246, 70, 93); } cspu .active { color: var(--c); } /* Component : Spot_ChartPublics */ trd #trading{margin:0} cspu #trading bl{border-radius:unset} cspu bl bd f { position: relative; left: 0; right: 0; top: auto; bottom: 0; z-index: 88888; } cspu bl bd f aa { font-weight: 500; color: var(--c); font-family: system-ui; padding: 7px; display: flex ; justify-content: center; align-items: center; background: linear-gradient(133deg, var(--a), var(--a1)); border-radius: 7px; width: 95%; margin: 11px auto; font-size: 1rem; transition: 99ms; line-height: 1; height: 40px; } cspu #TradeNow svg { fill: var(--b); max-height: 77%; max-width: 77%; } cspu #TradeNow:active { transform: scale(0.95); } cspu bac{display: grid; grid-template-columns: 22px auto 22px; margin: 11px 0; background: var(--bt); border-radius: 7px; text-align: center; align-items: center; font-weight: bold; font-size: 0.8em; height: auto; border: solid 1px var(--b1); padding: 11px 7px;} cspu .bac{ grid-template-columns:100%;} cspu bac amt label {font-size: 11px; font-weight: 400; line-height: 1; color: var(--b-t77); letter-spacing: 1;} cspu bac t { text-align: start; opacity: 0.44; margin-left: 11px; } cspu bac amt {display: grid; height: 100%; align-items: center; position: relative; gap: 4px;} cspu bac amt input { max-width: 100%; min-width: unset; width: 100%; padding: 0; margin: 0; border-radius: unset; height: 100%; background: transparent; text-align: center; font-family: monospace;font-size: 1.5em;} cspu bac bcc { text-align: left; } cspu bac:hover, bac:active, bac:focus, bac:focus-within, bac:target { box-shadow: 0 0 0 2px var(--a); } cspu publictrade { padding: 11px; border-radius: var(--br1); } cspu publicodr { background: var(--b1-t44); padding: 11px; border-radius: var(--br1); } cspu .trading publictrade { background: var(--b1-t44); } cspu bac svg { height: 22px; width: 22px; } cspu trading wallets{display:block;} cspu trading tdts tdt { background:var(--bc); } cspu trading.buy #TradeNow { background: rgb(14, 203, 129); } cspu trading.sell #TradeNow { background: rgb(246, 70, 93); } cspu Transactions trc hd img { filter: invert(1); opacity: 0.77; } cspu trading wallet { display: none; } cspu trading.buy #buywallet { display:block } cspu trading.sell #sellwallet { display:block } cspu trading bl mg { display: flex; border: unset; justify-content: space-between;overflow: hidden;margin: 0 7px;} cspu trading bl mg grp { display: flex; flex-direction: row; gap: 7px;align-items: center; } cspu bl mg i { height: 33px; width: 33px; margin: auto; } cspu trading bl mg h1 { font-size: 1.1em; margin: auto; } cspu trading bl mg h4.cred { margin: auto; margin-left: 5px; } cspu bl mg i svg { fill: var(--b-t44); padding: 3px; } cspu lmt {display: grid; grid-template-columns: 33px auto 33px; margin: 11px 0px; background: var(--bt); border-radius: 7px; text-align: center; align-items: center; font-weight: 500; padding: 11px; transition: 333ms; font-size: 0.88rem; border: solid 1px var(--b1);} cspu lmt i {margin: auto; transition: 333ms; height: 22px; width: 22px;} cspu slt sls { position: absolute; height: auto; width: 100%; left: 0; right: 0; top: 55px; background: var(--b1); z-index: 9999999; border-radius: 5px;display: none;transition: 333ms; } cspu publicorders .input-wrapper{ display: grid; grid-template-columns: auto 25px; background: unset; } cspu .input-wrapper hd { display: grid; background: var(--b1t); border-radius: 7px; } cspu .iconn bmb { display: none; } cspu .iconn smb { display: none; } cspu .dmb dmb { display: block;height: 22px;} cspu .bmb bmb { display: block;height: 22px; } cspu .smb smb { display: block;height: 22px; } cspu slt sls option { padding: 11px; } cspu .lmts i:nth-of-type(2) { transform: rotate(180deg); } cspu .lmts sld{display:block} cspu cun { display: none; grid-template-columns: 33px auto 33px; height: 44px; margin: 11px 0; background: var(--b1); border-radius: 7px; text-align: center; align-items: center; border: unset; font-weight: bold; padding: 0 11px; transition: 333ms;} cspu cun i { margin: auto;transition: 333ms;opacity: 0.4;} cspu cun i:active { box-shadow: unset; transform: scale(0.77); } cspu pep { display: none; grid-template-columns: 33px auto 33px; height: 44px; margin: 11px 0; background: var(--b1); border-radius: 7px; text-align: center; align-items: center; border: unset; font-weight: bold; padding: 0 11px; transition: 333ms;} cspu pep i { margin: auto;transition: 333ms;opacity: 0.4;} cspu pep i:active { box-shadow: unset; transform: scale(0.77); } cspu pep h2 { font-weight: 100; opacity: 0.4; } cspu trading.buy #TradeNow { color: #fff; } cspu prs { display: grid; height: 44px; margin: 7px 0; background: unset; border-radius: 7px; text-align: center; border: unset; font-weight: bold; padding: 5px 11px; transition: 333ms; } cspu prs prb { display: grid; grid-template-columns: auto auto auto auto; gap: 7px; margin: auto; width: 100%; } cspu prs prb bx { display: block; height: 11px; width: 100%; background: var(--b1); border-radius: 2px; } cspu prs per { display: grid; grid-template-columns: auto auto auto auto; gap: 7px; margin: auto; width: 100%; font-size: 0.8em; font-weight: 100; } cspu.buy bx.this { background: rgb(14, 203, 129); } cspu.sell bx.this { background: rgb(246, 70, 93); } cspu.buy aa.Sell { display: none; } cspu.sell aa.Buy { display: none; } cspu tx p { margin: unset; } cspu tx { display: flex; text-align: center; align-items: center;} cspu tx input[type="checkbox"] { height: 15px; width: 15px; border-radius: 999px !important; background: transparent; } cspu wr { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; margin-bottom: 4px; } cspu wr h5 { display: flex; gap: 5px; align-items: center; justify-content: center; width: auto; font-weight: 100; } cspu wr p { margin: 0 2px; opacity: 0.5; border-bottom: dashed 1px var(--b-t22); } cspu int input { display: grid ; grid-template-columns: 100%; background: var(--bt); border-radius: 7px; text-align: center; align-items: center; font-weight: bold; font-size: 0.8em; height: auto; border: solid 1px var(--b1); padding: 19px 27px; margin: 7px auto; } cspu trading bl mg grp svg { height: 22px; width: 22px; } cspu i.ceo:after { content: " "; position: absolute; display: block; height: 5px; width: 5px; border-radius: 50%; background: var(--a1); top: -1px; right: 18px; border: 2px solid var(--b1-t); } cspu trading bl mg grp:nth-child(2) { gap: 0; } cspu bac i { height: auto; width: auto; } cspu trading #TradeNow { padding:7px; } @media screen and (max-width: 999px) { sptpa bl mg { grid-column-gap: 22px } } @media screen and (max-width: 430px) { cspu hd a { grid-template-columns: 33px; background: unset; gap: 0; padding: 1px; margin: 0; } cspu hd mg { grid-template-columns: 33px 33px 33px; gap: 8%; grid-row-start: unset; margin-left: 13px; width: 100%; } cspu bl mg i { background: var(--b); width: 33px; height: 33px; margin: auto; border-radius: 55%; } cspu bl mg i svg { fill: var(--c); } cspu hd { grid-template-columns: 50% auto; align-items: center; } cspu hd arc { position: absolute; top: 5px; height: 11px; align-items: center; background: var(--a); width: 86px; border-radius: 5px; right: 43%;display: inline-flex; } } /*Spot_ChartTrade */ .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); } } /* Component : Spot_ChartTrades */ ctde hd { padding-left: 22px; display: none; } ctde bd trade>g3 { font-weight: bold; margin-bottom: 4px; padding-bottom: 4px; margin: 0 22px; } cspc bd trd g3 {display: grid ; grid-template-columns: 77px 77px 77px; justify-content: space-between; font-size: 0.88em; font-weight: bold; padding-bottom: 4px; margin: 0 22px; } ctde bd time { text-align:end;width: 100%; } ctde bd amount { text-align:end } ctde bd.Buy>g3>price { color:rgb(14, 203, 129) } ctde bd.Sell>g3>price { color:rgb(246, 70, 93) } ctde { background: url(); padding: unset; margin: 22px 0; } ctde tds>trd.Buy>g3>price { color: rgb(14, 203, 129); } ctde tds>trd.Sell>g3>price { color: rgb(246, 70, 93); } cspc.oders ctde { display: none; } cspc.trades crod { display: none; }asgo { display: block; padding: 0px 11px; } asgo bl { position: relative; display: flex ; align-items: center; justify-content: space-between; padding: 15px 11px; background: var(--b1); border-radius: 11px; } asgo hd h5 { opacity: 0.44; font-size: 14px; font-weight: 500; } asgo bd h5 { font-size: 14px; font-weight: 600; } asgo ft.cgreen { color: #62ff83; font-weight: 400; font-size: 14px; } fltr{display:block;width:100%;max-width:390px;background:var(--b);border-radius:8px;overflow:hidden;} fltr>bl {display:flex;flex-direction:column;width:100%;} fltr>bl hd{display:flex;justify-content:space-between;align-items:center;padding:16px 16px;background:var(--b);} fltr>bl hd h2{color:var(--c);font-size:16px;font-weight:600;} fltr>bl hd btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;cursor:pointer;transition:all 0.2s ease;padding:0;} fltr>bl hd btn:hover{transform:scale(1.1);} fltr>bl hd btn i{color:var(--ct);font-size:18px;} fltr>bl bd{display:flex;flex-direction:column;padding:0 16px 16px 16px;gap:24px;} fltr>bl bd sc{display:flex;flex-direction:column;gap:12px;} fltr>bl bd sc lb{display:block;color:var(--gry);font-size:12px;font-weight:400;} fltr>bl bd sc gp{display:flex;flex-wrap:wrap;gap:8px;} fltr>bl bd sc gp btn{padding:8px 16px;background:transparent;border:1px solid var(--bc);border-radius:6px;color:var(--ct);font-family:var(--ff);font-size:13px;font-weight:400;cursor:pointer;transition:all 0.2s ease;} fltr>bl bd sc gp btn.this{background:var(--c);border-color:var(--c);color:var(--b);} fltr>bl bd sc dp{display:block;position:relative;} fltr>bl bd sc dp select{padding:10px 36px 10px 12px;background:var(--b1);border:1px solid transparent;border-radius:6px;color:var(--c);font-family:var(--ff);font-size:13px;cursor:pointer;outline:none;appearance:none;transition:all 0.2s ease;} fltr>bl bd sc dp select:focus{border-color:var(--a);} fltr>bl bd sc dp i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ct);font-size:12px;pointer-events:none;} fltr>bl bd sc sd{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;} fltr>bl bd sc sd btn{padding:10px 16px;background:transparent;border:1px solid var(--bc);border-radius:6px;color:var(--ct);font-family:var(--ff);font-size:13px;font-weight:400;cursor:pointer;transition:all 0.2s ease;} fltr>bl bd sc sd btn.this{background:var(--c);border-color:var(--c);color:var(--b);} fltr>bl ft{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px 16px;} fltr>bl ft btn{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:6px;font-family:var(--ff);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:none;} fltr>bl ft btn[data-type="reset"]{background:var(--b1);color:var(--c);} fltr>bl ft btn[data-type="reset"]:hover{background:var(--b1t);} fltr>bl ft btn[data-type="search"]{background: var(--a); color: var(--c);} fltr>bl ft btn[data-type="search"]:hover{opacity:0.9;} @media(max-width:576px){ fltr { border-radius: 0; position: absolute; left: 0; right: 0; bottom: -65%; border-top-left-radius: 11px; border-top-right-radius: 11px; margin: 1px 2px; width: auto; transform: translate(0px, 105%); display: none; visibility: hidden;transition: 333ms; } app.dtfilter fltr { bottom: 0px; display: block; transform: translate(0px, 0px); visibility: visible; } fltr bl bd sc sd{grid-template-columns:1fr 1fr;} } @media(min-width:999px){ .dtfilter fltr {display: none;} }/*Spot_Orderpair*/ asos { display: flex ; background: var(--b-t); opacity: 1;border-radius: var(--br1); } asos>bl { display: block; margin: 11px 0; opacity: 1; width: 100%; } asos>bl>hd { display: flex ; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--bc);padding: 0px 7px; } asos hd>div { display: flex ; white-space: nowrap; align-items: center; gap: 5px; font-size: 0.88em; font-weight: 300;} asos hd div>d { align-items: center; display: flex ; } asos hd div>btn { background: var(--a); padding: 1px 5px; border-radius: 4px; font-size: 0.88em; font-weight: 400; display: none; } asos hd>dv { margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; } asos dv>aa { display: flex ; justify-content: center; align-items: center; padding: 8px 16px; position: relative; font-weight: 500; border-bottom: solid var(--c0); margin: 7px; font-size: 0.88em;} asos table{width:100%;border-collapse:collapse;height: fit-content; } asos table th, smro td { padding: 10px 8px; text-align: left; font-size: 18px; height: auto; } asos table th{color:var(--b-t44);text-transform:capitalize;font-weight: 400;} asos table btn{ padding:4px 8px;border:none;border-radius:3px;cursor:pointer;} asos d>input { width: auto; height: auto; } asos>bl>bd {display: grid;overflow: auto;min-height: 388px; } asos th>t { display: grid ; align-items: center; grid-template-columns: max-content 22px; } asos th t d>i:nth-child(1) { transform: rotate(180deg); margin-top: 0;} asos th t d>i { width: 13px; height: 13px; margin-top: -4px; opacity: 0.4;} asos th t>i { width: 13px; height: 13px; opacity: 0.6; } asos ft btns>btn { display: flex ; height: 100%; align-items: center; justify-content: center; border-radius: 7px; transition: 0.22s; position: relative; z-index: 99; margin: 5px; } asos table tbody tr i { height: 16px; width: 16px; } asos ft btns>btn:nth-child(1) { background: var(---gn); } asos ft btns>btn:nth-child(2) { background: rgb(246 70 93); } asos thead tr { display: none; } asos tbody { display: none; } asos dv aa:nth-child(1) { color: var(--a); border-color: var(--a); } asos thead tr:nth-child(1) { display: table-row; } asos>bl>bd>dv { display: flex; margin: auto; font-size: 14px; gap: 6px; font-weight: 300; } asos>bl>bd>dv>btn { color:var(--a) } asos.Order_History dv aa,asos.Trade_History dv aa, asos.Funds dv aa, asos.Bots dv aa{ color: var(--c); border-bottom: solid var(--c0); } asos.Order_History thead tr:nth-child(1),asos.Trade_History thead tr:nth-child(1),asos.Funds thead tr:nth-child(1),asos.Bots thead tr:nth-child(1){ display: none;} asos.Open_Order dv aa:nth-child(1) { color: var(--a); border-color: var(--a); } asos.Order_History dv aa:nth-child(2) { color: var(--a); border-color: var(--a); } asos.Trade_History dv aa:nth-child(3) { color: var(--a); border-color: var(--a); } asos.Funds dv aa:nth-child(4) { color: var(--a); border-color: var(--a); } asos.Bots dv aa:nth-child(5) { color: var(--a); border-color: var(--a); } asos.Open_Order thead tr:nth-child(1) { display: table-row; } asos.Order_History thead tr:nth-child(2) { display: table-row; } asos.Trade_History thead tr:nth-child(3) { display: table-row; } asos.Funds thead tr:nth-child(4) { display: table-row; } asos.Bots thead tr:nth-child(5) { display: table-row; } asos tbody:nth-child(2){display:table-row-group} asos.Order_History tbody:nth-child(2),asos.Trade_History tbody:nth-child(2),asos.Funds tbody:nth-child(2),asos.Bots tbody:nth-child(2){ display: none;} asos.Open_Order tbody:nth-child(2){display:table-row-group} asos.Order_History tbody:nth-child(3){display:table-row-group} asos.Trade_History tbody:nth-child(4){display:table-row-group} asos.Funds tbody:nth-child(5){display:table-row-group} asos.Bots tbody:nth-child(6){display:table-row-group} @media (max-width: 999px) { asos dv>a:nth-child(2) { display: none; } asos dv>a:nth-child(3) { display: none; } asos dv>a:nth-child(5) { display: none; } asos hd div>btn { display: block; } asos>bl>hd { display: grid ;grid-template-columns: 100%; } asos hd>div { justify-content: space-between;padding: 11px 0px;} } /*Spot_Orderside*/ cspe { display: block; background:var(--b1); font-size: 13px; font-weight: 400; padding: 10px 15px;border-bottom: solid 1px var(--b-t22); } cspe bl { display: flex; align-items: center; justify-content: space-between; gap: 18px; } cspe dv span { display: inline-block; white-space: nowrap; } cspe hd dv span { min-width: 140px; font-size: 18px;} cspe bd { display: flex; gap: 18px; } cspe bd dv span { min-width: 70px; font-size: 18px;} cspe bd.sell dv:nth-child(3) span { color:var(---rd); font-weight: 500; } cspe bd dv:nth-child(5) span { min-width: 110px; } cspe span { min-width: 110px;font-size: 18px; } cspe ft { display: flex; align-items: center; } cspe ft dv { display: flex; align-items: center; color:var(--b-t95); font-weight: 500; } cspe ft dv::before { content: ""; display: inline-block; width: 7px; height: 7px; background: var(---gr); border-radius: 50%; margin-right: 6px; }/*Spot_Ordertype*/ csoe { display: block; font-family: 'Segoe UI', sans-serif; background: var(--b1); color: var(--b-t95); font-size: 13px; font-weight: 400; padding: 10px 15px;border-bottom: solid 1px var(--b-t22); } csoe bl { display: flex; align-items: center; justify-content: space-between; gap: 18px; } csoe dv span { display: inline-block; white-space: nowrap; } csoe hd dv span { min-width: 140px;font-size: 18px;} csoe bd { display: flex; gap: 18px; } csoe bd dv span { min-width: 70px; font-size: 18px;} csoe bd dv:nth-child(3) span { color: #00ff90; font-weight: 500; } csoe bd.Buy dv:nth-child(3) span { color: var(---gr); font-weight: 500; } csoe bd dv:nth-child(5) span { min-width: 110px; } csoe span { min-width: 110px; font-size: 18px;} csoe ft { display: flex; align-items: center; } csoe ft dv { display: flex; align-items: center; color: var(--b-t95); font-weight: 500; } csoe ft dv::before { content: ""; display: inline-block; width: 7px; height: 7px; background: var(---gr); border-radius: 50%; margin-right: 6px; } /* Component : Spot_PairFavorites */ cspv header { z-index: 12; } cspv bl mg a { margin: 0 2px; } cspv bl mg a { /*display: flex; justify-content: center; align-items: center; padding: 8px 14px; position: relative; */} cspv bl mg { height: 55px; margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex; flex-direction: row; overflow: scroll; } cspv bl mg a { font-weight: 300; } cspv h nv gg>i>svg { height: 66%; width: 66%; } @media(min-width:999px){ cspv bl mg { margin-left: 44px; } }/*Spot_Pairs*/ csprs { display: block; background: var(--b1-t44); border-radius: 22px; padding: 22px; } csprs btns { display: flex ; background: unset; border: unset; column-gap: 11px; } csprs btns btn { display: grid ; grid-template-columns: 37px auto; background: var(--b); padding: 11px 18px; color: var(--c); border-radius: 11px; align-items: center; transition: 99ms; position: relative; cursor: pointer; white-space: nowrap; } csprs i { position: relative; display: flex ; height: 77%; width: 77%; } @media only screen and (max-width: 999px) { csprs btns { overflow-x: scroll; } }/*Spot_Table*/ cste bd h2 { display: flex ; align-items: baseline; font-size: 1em; font-weight: 600; } cste bd a { display: flex ; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--bc); padding: 23px 0px; } cste bd btn { background: var(---gry); display: block; padding: 12px; border: 1px solid var(---gry); border-radius: 5px; font-weight: 200; } cste dv { display: flex ; gap: 17px; } cste d:nth-child(2) { display: flex ; flex-direction: column; } cste bd b { font-weight: 600;} cste span { opacity: 0.44; font-size: 0.66em; } /* Component : Spot_TradeAll */ cspc bd { overflow: scroll; padding: unset; } cspc bd mg { height: 55px; margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex ; flex-direction: row; overflow: scroll; } cspc ft btn { display: none; } scsto header btns { display: grid; grid-template-columns: auto auto; justify-content: space-between; width: auto; padding: 11px; } scsto header btn:nth-child(1) { display: grid; grid-template-columns: auto 33px; align-items: center; color: var(--a); justify-content: flex-start; } scsto header btns btn:nth-child(1) svg { transform: rotate(90deg); fill: var(--a); } scsto header btns btn:nth-child(2) { height: 33px; display: grid; justify-content: end; align-items: center; width: 33px; } scsto header btns btn:nth-child(2) svg { width: 33px; } scsto header btns { display: grid; align-items: center; grid-template-columns: auto 41px; justify-content: normal; padding-left: 7px; } spottrades header btn:nth-child(1) svg { width: 33px; fill: var(--a); } spottrades mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; font-weight: 500; border-bottom: solid var(--c0); margin: 7px; color: #848E9C; } stakes btns btn, stakesnew btns btn, stakings btns btn {display: grid; grid-template-columns: 33px auto; padding: 11px; border-radius: 8px; margin: 4px;} mnu hd logo i{animation: rotate 2s linear infinite;} stake d.aerea { margin: 0 11px; } stake sidebar { margin: 0 7px; } stake main { margin: 0 7px; } wls bl.Ftrading { border-radius: 11px; } eawl bl.grid { padding: 28px 16px; background: var(--bt); margin: 11px; margin-bottom: 0; } eawl bl.grid::before { width: 40%; } funding_wallet main trc { grid-template-columns: 66px auto auto; align-items: center; margin: 7px; position: relative; } funding_wallet main spotpay btn { background: var(--b1); } transfer.transfer sidebar dvv { opacity: 1; } @keyframes rotate { 0% { transform: scale(1); } 50% { transform:scale(1.2); } 100% { transform:scale(1); } } /*wallets*/ cawls bl { display: grid; padding: 22px; } cawls bl hd { display: flex; align-items: center; } cawls bl hd name { display: grid; width: 44px; height: 44px; background: var(--b1-t44); justify-content: center; align-items: center; border-radius: 44px; } cawls bl hd i { transform: rotate(0deg); width: 77%; height: 77%; position: unset; margin: auto; } cawls bl bd { display: grid; padding: 0; align-items: center; } cawls bl bd ct { font-size: 16px; font-weight: 500; } cawls bl ft { display: flex; left: 0; height: 40px; }#wCCC ft ctm { display: flex; align-items: center; column-gap: 4%; } cawls bl ft ctm { display: flex; align-items: center; column-gap: 4%; } cawls ft ctm ct { display: block; font-size: 1.44em; font-weight: 500; } cawls bl ft ctm i { width: 22px; height: 22px; transform: rotate(-40deg); } /*Open Orders*/ scsto mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative; font-weight: 500; border-bottom: solid var(--c0); margin: 7px; color: #848E9C; } scsto mg a.this { color: var(--c); border-color: var(--c); } scsto header form select {background-color: var(--c0); color: var(--a); padding: 11px; font-size: 16px; cursor: pointer; border-radius: 7px; width: 180px;border: solid 1px var(--bc); margin: 11px 7px;} scsto header form div { position: relative; display: inline-block; } scsto header form{ margin: 0; } scsto d.aerea { margin: 0; } scsto main { width: 100%; } scsto cawls { margin: 0; } scsto header { position: relative; } scsto header btns { display: none; } @media only screen and (max-width: 999px) { scsto header form { display: none; } scsto header btns {display: grid; grid-template-columns: auto auto; justify-content: space-between; width: auto; padding: 11px;} scsto header btns btn:nth-child(1) { display: grid; grid-template-columns: auto 33px; align-items: center; color: var(--a); } scsto header btns btn:nth-child(1) svg { transform: rotate(90deg); fill: var(--a); } scsto header btns btn:nth-child(2) { height: 33px; display: grid; justify-content: end; align-items: center; width: 33px;} } /*Spot_Type*/ spte { display: block; background:var(--b1); font-size: 13px; font-weight: 400; padding: 10px 15px;border-bottom: solid 1px var(--b-t22); } spte bl { display: flex; align-items: center; justify-content: space-between; gap: 18px; } spte dv span { display: inline-block; white-space: nowrap; } spte hd dv span { min-width: 140px; font-size: 18px;} spte bd { display: grid ; gap: 18px; grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto; } spte bd dv span { min-width: 70px; font-size: 18px;} spte bd dv:nth-child(3) span { color: var(---gr); font-weight: 500; } spte bd dv:nth-child(5) span { min-width: 110px; } spte span { min-width: 110px;font-size: 18px; } spte ft { display: flex; align-items: center; } spte ft dv { display: flex; align-items: center; color:var(--b-t95); font-weight: 500; } spte ft dv::before { content: ""; display: inline-block; width: 7px; height: 7px; background: var(---gr); border-radius: 50%; margin-right: 6px; } /* Component : Spot_WalletAccount */ cpwn { display: block; } cpwn bl { background: transparent; padding: unset; margin: 0; } cpwn bd { overflow: scroll; padding: unset; } cpwn mg { display: flex ; } cpwn mg a { margin: 0 2px; } cpwn mg a.this { border-bottom: solid 2px; color: var(--a); } cpwn mg { display: flex ; grid-column-gap: 11px !important; height: 55px; margin: 0px; min-width: 0px; width: -webkit-fill-available; white-space: nowrap; flex-direction: row; overflow: scroll; padding: 0 22px; } /* Spot_WalletBalance */ cswe i { width: 22px; } cswe ft svg { width: 20px; } cswe bd b { margin-block: 6px; display: block; } cswe hd { display: flex ; justify-content: space-between; } cswe hd dv { display: flex ; align-items: center; gap: 4px; } cswe bd d { display: flex ; align-items: center; } cswe bd span { opacity: 0.44; } cswe bd div:nth-child(2) {display: grid;grid-auto-flow: column ;gap: 4px; align-items: center; } cswe ft i { height: 33px; width: 33px; background: var(--a); border-radius: 50%;} cswe ft btn { grid-template-columns: 87% 12%; display: grid ; gap: 2%; padding: 11px; margin: 0 7px; background: var(--b1-t44); align-items: center; font-size: 0.77em; border-radius: var(--br1); } cswe bd a:nth-child(1) { background: var(--a1); } cswe i>svg, cswe i path { fill: var(--c); margin: 3px; } cswe bl { display: flex ; flex-direction: column; gap: 23px; padding: 11px var(--p); border-radius: var(--br); background: var(--b1-t44); border: var(--b1-t44) solid 1px; } cswe hd d i { align-items: center; background: var(--b1); height: auto; padding: 7px; display: flex ; justify-content: center; width: 32px; border-radius: 10px; } cswe>bl btns>btn { display: grid ; align-items: center; justify-content: center; border-radius: 11px; padding: 11px; background: var(--b-t); margin: 4px; } cswe>bl btns>btn.this {background: var(--a); color: var(--c);} cswe bd btns { margin: 0 auto; width: 100%; grid-template-columns: 33% 33% 33%; padding: 11px 0; } @media(max-width:999px){ cswe { padding: 11px; } } /* SquareArticles */ sqras>bl { gap: 11px; flex-direction: column; padding: 16px 0; border: solid 1px var(--c1); display: flex ; min-height: 100vh; padding-top: 0px;} sqras>bl>hd {position: sticky;top: 0px;z-index: 9999;background: var(--b1);padding: 17px 0px;} sqras>bl>hd h4 {font-size: 16px; margin-left: 11px; font-weight: 400; } /*SquareDiscover*/ square oprtr aa { display: block; padding: 8px; margin: 0 4px; color: var(--b-t44); transition: 333ms; } square dbdisc trc { display: block; padding: 11px; margin: 0px; border-radius: 22px; border: solid 1px var(--c1);margin:7px; } square trcs follow { display: grid; grid-template-columns: 44px auto 22px; align-items: center; gap: 14px; padding: 0; } square follow bd { display: grid; grid-template-columns: auto 33%; gap: 13px; } square follow nd h4 { background: var(--b1); padding: 2px 15px; border-radius: 4px; } dbdisc { padding-top: 0px; } dbdisc>bl>hd { position: sticky; top: 0px; z-index: 999; background: var(--b1); } dbdisc>bl>bd { margin: 0px 3px; } square nd { align-items: center; display: flex; } square usdpirce { opacity: 0.44; } square bsmo>bl bd { display: grid ; } square div i { height: auto; width: auto; border-radius: var(--br1); overflow: hidden; } square curncy { display: grid; grid-template-columns: auto 38px; margin: 11px 0; align-items: center; } square oprtr { display: block; max-width: 95%; padding: 11px; background: unset;width: -webkit-fill-available; overflow: scroll; } square dbdisc div>bd { padding: 11px 0; display: block; } square oprtr bd>h4 { display: grid; grid-template-columns: auto 22px; align-items: center; margin-top: 16px; } square oprtr bd>h4 svg { height: 33px; width: 33px; opacity: 0.4; } square oprtr bd>t { display: grid; grid-template-columns: 16px auto 14px; padding: 0; align-items: baseline; } square oprtr bd>t h6 { font-weight: 100; padding-right: 15px; } square oprtr tm { opacity: 0.4; font-size: 0.77em; } square oprtr mg { margin: 0px; min-width: 0px; width: 100%; white-space: nowrap; display: flex; flex-direction: row; overflow: scroll; border-bottom: 1px solid var(--b1); } square dbdisc .dscvr trc>hd { background: unset; display: block !important; overflow: unset; height: auto; width: auto; border-radius: 0; } square dbdisc trc up usrr { display: grid; grid-template-columns: 44px auto auto; align-items: center; gap: 2%; margin: 11px 0px; } square up op { height: 18px; width: 18px; display: block; padding: 11px; opacity: 0.4; } square up ft { display: flex; align-items: center; } square trc pst { border-radius: var(--br1); overflow: hidden; } square oprtr bd>t spain { font-size: 1.22em; opacity: 0.8; } square dbdisc trcs>trc>bd { display: flex !important; padding: 0; } square dbdisc .dscvr trc>ft shib { display: flex; margin-top: 10px; background: rgb(53 53 53); color: rgb(222 244 244 / 56%); border-radius: 6px; width: 23%; height: 33px; font-size: 11px; justify-content: center; align-items: center; font-weight: bold; } square dbdisc .dscvr trc>ft quikbtn { display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding-top: 14px; } square dbdisc .dscvr trc>ft btn { display: grid; grid-template-columns: 22px auto; gap: 8px; align-items: end; opacity: 0.3; } square dbdisc>div>bd>bl { padding: 0; border-radius: 0; } square dbdisc>div>bd>bl>bd { padding: 0; } square dbdisc .flw trc>hd { display: grid; justify-content: space-between; width: auto; background: unset; grid-template-columns: 44px 33px; align-items: center;} square bl.flw { padding: 11px; } square .flw>bd nm { font-weight: 600; font-size: 1em; } square .flw trc { margin: 6px 0; border-radius: 8px;} square .flw trcs { display: grid; grid-template-columns: auto; } square .flw i:nth-child(2) { height: 22px; width: 22px; background: var(--a); border-radius: 55%; padding: 4px; } square .flw>hd>h5 { font-weight: 300; color: var(--ct); margin: 6px 0; } square .flw trc>ft>p { margin: 6px 0; color: var(--ct); font-size: 0.77em; width: 100%; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; justify-content: flex-start; display: flex ; } square .flw trc>hd { height: auto; margin-bottom: 22px; } square .flw trc>ft { align-items: unset; } square .flw>hd>add { display: flex; padding: 6px; font-size: 1.88em; height: 33px; width: 33px; justify-content: center; align-items: center; background: var(--a); border-radius: var(--br1); color: var(--b); } square .flw>ft btn { display: flex; padding: 11px; align-items: center; background: var(--a); border-radius: 6px; margin: 11px 11px 0 11px; } square .flw>ft { display: block; margin: 33px 0; } square grid bl bd { display: block; padding: 0; position: relative; z-index: 2; } square grid bl bd p { font-size: 0.88em; margin-bottom: 0px; } square grid bl bd p right.bgreen { display: flex; border-radius: 3px; color: #fff; align-items: center; justify-content: center; } square Full { color: #FFC107; } p { font-size: 0.88em; letter-spacing: 0.5; } square grid bl bd p again { color: #FFC107; } square grid bl bd p inu { color: #FFC107; display: block; } square .acdm cmacd.gc1 i svg { opacity: 0.5; } square .acdm cmacd.gc1 i { padding: 11px; height: 22px; width: 22px; background: var(--b1); border-radius: 55%; margin: 6px auto;; } square .acdm cmacd.gc1 t { font-weight: 100; font-size: 0.88em; margin: 0 auto; opacity: 0.4; } square .acdm cmacd.gc1 a { display: grid; text-align: center; justify-content: center; } cmacd bl hd { display: grid; grid-gap: 0; margin: 7px; grid-template-columns: 100%; grid-template-columns: 20% 20% 20% 20% 20%; margin: 7px 0; } square .acdm trc>bd { padding: 0; display: block; background: var(--b1t44); border-radius: var(--br1); height: 66px; margin: 0; } square .acdm trc>bd i { height: 66px; padding: 0px; } square .acdm trc>dv { border-radius: 0; height: unset; width: unset; padding-right: 11px; background: unset;} square .acdm d h5 { display: grid; grid-template-columns: 14px auto; gap: 2px; align-items: center; opacity: 0.5; margin: 0 0px; } square .acdm trc bx d { display: flex; font-size: 0.8em;} square .acdm trc bx h4 { font-size: 0.8em; margin-bottom: 11px; font-weight: 300; } square .acdm trc bx btn { padding: 1px 4px; background: var(--bl); border-radius: 3px; margin: 0 3px; opacity: 0.5; } square .acdm trc>d bx t { font-weight: bold; } square .acdm>bd { padding: 15px; } square .acdm>hd { padding: 11px; margin-bottom: 10px; } square .ancmt trc>hd { height: 33px; width: 33px; padding: 6px; display: flex; justify-content: center; align-items: center; border-radius: 55%; background: var(--b1); } square .ancmt trc { display: grid; grid-template-columns: 55px auto; margin: 11px 0; } square annc h4 { overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-size: 1em; } square annc h5 { overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-size: 0.88em; color: var(--b-t44); margin: 11px 0; } square annc h6 { letter-spacing: 1px; opacity: 0.2; } square .ancmt trc:first-child { margin-top: 0; } square .nws trc { padding: 0 11px; display: block; margin: 0 11px; font-size: 0.87em; position: relative; background: unset; } square .nws trc a { background: var(--b1); padding: 6px 11px; border-radius: 6px; font-weight: 400; margin-bottom: 18px; } square .nws trc a spain { color: #6eb56e; font-weight: 400; } square .nws trc hd p { color: var(--b-t44);} square .nws trc:after { content: " "; height: 7px; width: 7px; position: absolute; top: 20px; left: -3px; background: var(--b-t44); border-radius: 55%; } square .nws trc:before { content: " "; height: 100%; width: 7px; position: absolute; top: 28px; left: -1px; border-left: 2px solid var(--b-t44); border-style: dotted; border-right: none; border-top: none; border-bottom: none; } square .nws hd aa { display: flex; background: var(--a); padding: 11px 22px; margin-bottom: 9px; position: relative; border-radius: 6px; } square .nws>hd aa:before { content: " "; height: 7px; width: 7px; position: absolute; top: 19px; left: 8px; background: var(--b-t44); border-radius: 55%; } square .nws hd aa:after { content: " "; height: 100%; width: 7px; position: absolute; top: 27px; left: 10px; border-left: 2px solid var(--b-t44); border-style: dotted; border-right: none; border-top: none; border-bottom: none; } square .nws trc>hd { background: unset; height: auto; width: auto; border-radius: 0; } square .nws trc>hd p { margin: 0; margin-top: 10px; } square bl.nws {padding: 0 11px; } square .nws>hd { display: flex; } square .nws trc>ft { align-items: start; } square trc img { object-fit: contain; height: auto; width: 100%; } square dbdisc trc up usrr img { border-radius: 30px; } square cmdta { display: grid; grid-template-columns: auto 6%; } is { color: #E91E63; } si { color: #ffffffeb; } square main { width: 100%; } @media only screen and (min-width: 999px) { square dbdisc trc img:hover {transform: scale(1.1);} square dbdisc trc img{ transition: 444ms; } } /* Component : SquareDiscover */ square dbdisc div>bd bl.dscvr, bl.flw, bl.ancmt, bl.nws, bl.acdm { display: none; } square .discover aa.dscvr { border-bottom: 1px solid; color: var(--c); font-weight: bold; } square .following aa.flw { border-bottom: 1px solid; color: var(--c); font-weight: bold; } square .anouncement aa.ancmt { border-bottom: 1px solid; color: var(--c); font-weight: bold; } square .news aa.nws { border-bottom: 1px solid; color: var(--c); font-weight: bold; } square .academy aa.acdm { border-bottom: 1px solid; color: var(--c); font-weight: bold; } square .discover .dscvr { display: block; } square .following .flw { display: block; } square .anouncement .ancmt { display: block; } square .news .nws { display: block; position: relative; overflow: hidden; padding: 7px 33px; } square .academy .acdm { display: block; } square dbdisc.Articless aa.sqras { border-bottom: 1px solid; color: var(--c); font-weight: bold; } square dbdisc.discover sqras { display: none; } square dbdisc.following sqras { display: none; } square dbdisc.SQNews sqras { display: none; } square dbdisc.SQNews aa.cnews { border-bottom: 1px solid; color: var(--c); font-weight: bold; } square dbdisc.discover snws { display: none; } square dbdisc.following snws { display: none; } square dbdisc.Articless snws { display: none; } square .flw>ft btn:hover { background: var(--a1); } square cnso bl { border-radius: 0; border-bottom: solid 1px var(--c1); display: block; padding: var(--p); margin: var(--m); } square .news cnss { border-radius: var(--br); background: var(--b1-t44); border: solid 1px var(--c1); display: block; padding: 11px ; margin-left: 22px; } square cnso ft { display: grid ; grid-template-columns: auto auto auto; justify-content: flex-start; gap: 3%; margin-bottom: 2rem; } square cnso .item { font-size: 14px; line-height: 1.6; padding: 5px 11px; background: var(--b1); width: fit-content; display: flex ; gap: 13px; border-radius: 2px; } square cnso span.raise { color: var(---gr); } sqre p { font-size: 0.88em; margin: 0; padding-top: 11px; padding-bottom: 22px; } square hd p { margin: 0; font-weight: 500; opacity: unset; } square bl.dscvr { display: none; } square dv btn { display: block; padding: 6px 22px; margin: 6px; background: var(--b1-t44); color: var(--c); border-radius: 6px; } /*square dbdisc bl { padding: 12px 0; }*/ sqr post>bd i { width: 100%; } csdr div:nth-child(3) { display: grid ; align-items: center; grid-template-columns: auto auto auto auto auto; height: fit-content; } csdr div:nth-child(3) btn { height: 33px; opacity: 0.6; display: flex ; gap: 2px; align-items: center; justify-content: center; border-radius: 7px; } csdr dv { display: flex ; align-items: center; justify-content: end; gap: 6px; } csdr div:nth-child(2) { padding-top: 11px; } sqre posts { display: grid ; grid-template-columns: 100%; justify-content: center; } sqre post { background: var(--b1-t44); border: solid 1px var(--c1); margin: 7px; display: grid ; padding: var(--p); border-radius: var(--br); display: grid ; grid-template-rows: 46px auto auto; align-items: end; } sqre usrr { display: grid ; grid-template-columns: 43px auto 44%; align-items: center; padding: 0; border-radius: var(--br1); gap: 3%; position: relative; } csdr d p { color: var(--a); margin-top: 0; opacity: unset; } square bl.acdm trc { display: grid ; grid-template-columns: auto 20%; padding: 11px; background: var(--b1-t); } square .acdm trc:nth-child(5) { padding: 23px 13px; } csfg trc hd { display: grid ; justify-content: space-between; width: auto; background: unset; grid-template-columns: 44px 33px; align-items: center; } csfg trc p { color: var(--ct); font-size: 0.77em;padding-bottom: 0px; } csat camt bl{ display: grid ; grid-template-columns: 55px auto; padding: 11px; border-radius: 22px; border: solid 1px var(--c1); } camt bl hd { height: 33px; width: 33px; padding: 6px; display: flex ; justify-content: center; align-items: center; border-radius: 55%; background: var(--b1); } camt p { opacity: .6; font-weight: 300; } @media only screen and (max-width: 999px) { square cnso .item { font-size: 14px; padding: 5px 2px; background: var(--b1); width: fit-content; display: flex ; gap: 0px; border-radius: 2px; } sqre posts { display: grid ;grid-template-columns: unset; justify-content: center; } square cnso { padding: 15px; } square cnso ft { grid-template-columns: 33% 33% 33%; gap: 2px; } square .acdm trc {width: 94%; } square csay bl.acdm blcs { grid-template-columns: 100%; gap: 7px; } } sqhs>bl { flex-direction: column; padding: 16px 0; border: solid 1px var(--c1); display: flex ;min-height: 100vh;padding-top: 1px;} sqhs>bl>hd { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--b1-t); } sqhs>bl>hd p { padding: 0; margin: 7px 0px; } sqhs>bl hd>t { border: 1px solid; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } /* SquareNews */ snws>bl { border: solid 1px var(--c1); } csmn { display: grid; padding: 22px; } csmn hd d, csmn bd d, csmn ft d { display: grid; align-items: center; gap: 11px;border-radius: 11px; cursor: pointer; margin: 7px 0; } csmn>bl d>a { display: grid; grid-template-columns: auto 1fr max-content; align-items: center; gap: 11px; padding: 11px; border-radius: 11px; cursor: pointer; margin: 7px 0; font-weight: 400; } csmn>bl ft d { grid-template-columns: auto 1fr max-content; padding: 11px; } csmn>bl ft d svg { filter: unset; transform: rotate(90deg); } csmn>bl d.this { background: var(--b1-t); } csmn hd d h3{font-size:16px;font-weight:600;} csmn bd d:hover{background:var(--b1);} csmn bd d t{font-size:15px;} csmn bd d span { background: var(--lg-b); padding: 2px 6px; border-radius: 11px; font-size: 12px; font-weight: 600; } csmn ft{display:grid;gap:22px;} csmn ft btn { background: var(--lg-b); text-align: center; padding: 11px; border-radius: 11px; cursor: pointer; font-weight: 600; } csmn ft d h4{font-size:14px;font-weight:600;} csmn ft d p{font-size:12px;opacity:0.7;padding: 0;} csmn i{width:24px;height:24px;display:grid;place-items:center;} csmn i svg { width: 85%; height: 85%; filter: invert(1); } @media(max-width:1159px){ csmn hd d t , csmn bd d t, csmn ft d t { display: none; } csmn bd d span { display: none; } csmn>bl d>a { display: block; } csmn ft { display: none;} csmn { width: 46px; align-items: center; display: block;padding: 10px; } csmn i { width: 28px; height: 28px;} csmn bl {width: 45px; } } /* Square_NewsFilter */ csnf{display: grid;border-radius:8px;overflow:hidden;border-bottom: solid 1px var(--c1);} csnf>bl hd{display: flex;padding:20px 20px 16px 20px;vertical-align:top;align-items: center;} csnf>bl hd t{display:inline-block;width:auto;color:var(--c);font-size:18px;font-weight:600;vertical-align:middle;} csnf>bl hd p{display:inline-block;width:auto;font-size:12px;font-weight:400;margin-left:4px;vertical-align:middle;padding: 0;color: var(--ct);} csnf>bl hd i{width:auto;float:right;vertical-align:middle;margin-left: auto;display: flex;flex-direction: row-reverse;gap: 8px;font-style: normal;} csnf>bl hd i input[type="checkbox"]{width:40px;height:20px;appearance:none;background:var(--b1);border-radius:10px;position:relative;cursor:pointer;transition:all .3s ease;outline:none;} csnf>bl hd i input[type="checkbox"]:checked{background:var(--a);} csnf>bl hd i input[type="checkbox"]::before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:var(--c);top:2px;left:2px;transition:all .3s ease;} csnf>bl hd i input[type="checkbox"]:checked::before{left:22px;} csnf>bl hd i t{display:inline-block;color:var(--ct);font-size:13px;margin-right:8px;vertical-align:middle;} csnf>bl bd{display:inline-block;padding:0 20px 20px 20px;vertical-align:top;} csnf>bl bd bx{display:inline-block;width:100%;margin-bottom:12px;vertical-align:top;} csnf>bl bd bx btn{display:inline-block;padding:8px 16px;background:transparent;border:1px solid var(--bc);border-radius: 7px;color:var(--ct);font-size:13px;font-weight:400;cursor:pointer;margin:0 6px 6px 0;transition:333ms;vertical-align:top;} csnf>bl bd bx btn:hover{border-color:var(--c);color:var(--c);} csnf>bl bd bx btn.this{background:var(--c);border-color:var(--c);color:var(--b);} csnf>bl ft{display:inline-block;width:100%;padding:0;vertical-align:top;} @media(max-width:576px){ csnf{max-width:100%;border-radius:0;} csnf>bl bd{padding:0 16px 16px 16px;} csnf>bl bd bx btn{margin:0 4px 6px 0;padding:7px 12px;font-size:12px;} } @media(max-width:999px){ csnf>bl hd i { margin: 7px 0px; } csnf>bl bd bx { display: unset; } csnf>bl hd { padding: 16px; flex-direction: column; align-items: flex-start; } }/* Component : Home_Squre */ ahso>bl { padding: 15px; overflow: hidden; display: block; border-radius: var(--br); margin: 7px; border: solid 1px var(--b-t22); } ahso>bl mg>tabs { display: flex; gap: 10px; overflow-x: auto; white-space: nowrap; scroll-behavior: smooth; min-width: 100%; margin-bottom: 1rem; } ahso>bl>bd { max-height: 530px; overflow: auto; scrollbar-width: thin;scrollbar-color: var(---gry) var(--b); } ahso cnls.cnlo { display: block;} ahso .Sugg .Sugg .cnlo { display: none;} ahso.News .News { border-bottom: 1px solid var(--a); color: var(--a); } ahso.Sugg .Sugg { border-bottom: 1px solid var(--a); color: var(--a); } ahso hd mg aa>i { height: 15px; width: 15px; margin-right: 4px; } ahso hd aa>div { visibility: hidden; width: 18px; height: 3px; background: var(--a); } ahso hd mg aa { display: flex ; justify-content: center; align-items: center; padding: 8px 16px; position: relative; font-size: 0.88em; } ahso hd div { display: flex; justify-content: space-between; align-items: center; } ahso hd h3 { margin-bottom: 1rem; display: flex; font-weight: 500; font-size: 20px; padding: 0 8px; } ahso hd a { font-weight: 400; display: flex; align-items: center; font-size: 14px; gap: 4px;} ahso hd a i { width: 14px; height: 14px; transform: rotate( 177deg); opacity: .7;} ahso sb { display: none; } ahso.chpo.Sugg cnls.cnlo { display: none; } ahso.chpo.Sugg ahpo { display: block; } ahso.chpo.Sugg aa:nth-child(1) { border-bottom: unset; color:unset; } ahso hd mg aa:nth-child(1){ border-bottom: 1px solid var(--a); color: var(--a); } ahso.chpo.Sugg sb { display: block; } csbs btn {display: grid ; grid-template-columns: 33px auto; padding: var(--p1); border-radius: 8px; margin: 4px; justify-content: center; align-items: center;background: var(--b1);} csbs bl {display: grid ; grid-template-columns: auto auto;margin: 22px 0px;} csbs hd btn {background: var(--a);} /* Component : Stake_Earn */ cske { display: block; background: var(--b1); padding: 22px; border-radius: 22px; } cske bd { display: grid ; justify-content: center; align-items: center; text-align: center; position: relative; } cske bd amount { font-size: 4em; font-weight: bold; } cske bd ccc { font-weight: bold; position: relative; } cske hd { display: grid ; grid-template-columns: 44px auto; align-items: center; } cske hd>i{filter: invert(1);} cnsh gg{height: 55px; align-items: center; z-index: 22; display: grid ; grid-template-columns: 55px 33px auto 44px 44px;} cnsh gg i { width: 55%; } cnsh { display: block; position: relative; } /* Component : StakeIncome */ cstkt { display: block; background: var(--b1); padding: 22px; border-radius: 22px; margin: 8px 0px; } cstkt>bl>hd h3 { display: flex ; align-items: center; gap: 9px; } cstkt>bl>hd h3 i { height: 10%; width: 10%; } cstkt>bl { margin: 7px 0px; } cstkt>bl trw f { z-index: 8; align-items: center; flex-wrap: wrap; } cstkt>bl trw f bt { max-height: 99px; } cstkt>bl trw f h2 { line-height: 1; margin: auto; } cstkt>bl f h2 balance { font-size: 0.66em; } cstkt>bl trw f h2 b { letter-spacing: 4px; font-size: 0.66em; } /*StakeNew*/ csnw hd dt { display: grid; text-align: start; margin-left: 7px; } csnw bl { padding-block: 12px; } csds bl ft { padding-block: 15px; display: block; } csnw hd p span { opacity: 0.5; } csnw hd { padding-left: 7px; } csnw hd h3 {font-weight: 600; } csnw { background: var(--b); z-index: 9; position: relative; display: block; transition: 333ms;} csnw bl.stakeinfo { background: var(--b); padding: 11px 0; } csnw bl.stakeinfo bd { background: var(--b1-t44); padding:7px 11px; border-radius: 11px; margin: 11px 0px; } .stakeinfo div { display: grid; grid-template-columns: auto auto; justify-content: space-between; align-items: center; } csnw bl.stakeinfo ft { background: var(--b1-t44); padding:11px; border-radius: 11px; display: grid; margin-bottom: 11px; } csnw { background: var(--b);z-index: 9;} csnw hr { border-width: 0.1; opacity: 0.1; } csnw odr { display: grid; height: 55px; position: relative; align-items: center; grid-template-columns: 55px auto 55px; } csnw bl>ft aa { left: 0; right: 0; text-align: center; display: grid; position: sticky; background: var(--a); margin: unset; margin-top: 11px; padding: 11px 0; border-radius: 7px;z-index: 9999999999999;width: 31%; } csnw exit { align-items: center; } csnw exit i { height: 55%; } csnw hd amnt { display: flex; align-items: center; justify-content: center; gap: 5px; } spn { display: flex; align-items: center; justify-content: center; gap: 7px; } .stakeinfo>bd>p { font-size: 0.8em; opacity: 0.5; } csnw bd form#StakeOne { position: relative; } csnw form d { background: var(--c0); margin: 7px 4px; border-radius: 11px; overflow: hidden; } csnw form d label { display: block; margin-left: 7px;margin-block: 11px; } csnw form d input { margin: 0; height: 50px; border-radius: 0; background: var(--b-t); font-family: system-ui; background: var(--c0); text-align: center; grid-column-end: 3; grid-column-start: 1; border-radius: 11px; border: solid 1px rgb(255 255 255 / 11%); margin: 4px 0;font-size: 20px; font-weight: 400;} input#Distribute { font-family: system-ui; background: var(--c0); text-align: center; grid-column-end: 3; grid-column-start: 1; width: 100%; border-radius: 11px; border: solid 1px rgb(255 255 255 / 11%); margin: 4px 0; } input.EX_Stakemin{ display: none; } input.EX_StakeCCC{ display: none; } cnsk hd dt { display: grid; text-align: start; margin-left: 7px;gap: 24px; } cnsk hd t span { opacity: 0.5; } cnsk hd t {font-size: 14px; } cnsk hd h3 {font-weight: 600; } cnsk { background: var(--b); z-index: 9; position: relative; display: block; transition: 333ms;} cnsk { background: var(--b);z-index: 9;} cnsk hr { border-width: 2.6px; opacity: 0.9; } cnsk odr { display: grid; height: 55px; position: relative; align-items: center; grid-template-columns: 55px auto 55px; } cnsk bl ft aa { left: 0; right: 0; text-align: center; display: grid; position: sticky; bottom: 0; background: var(--lg-b); margin: unset; margin-top: 11px; padding: 11px 74px; border-radius: 7px; z-index: 9999999999999;width: fit-content; } cnsk exit { align-items: center; } cnsk exit i { height: 55%; } cnsk hd amnt { display: flex; align-items: center; justify-content: center; gap: 5px; } spn { display: flex; align-items: center; justify-content: center; gap: 7px; } cnsk bd dt t { font-size: 14px; font-weight: 400;margin: 7px 0; } cnsk bd>t { font-size: 14px; opacity: 0.5; font-weight: 300; } cnsk form d { background: var(--c0); margin: 7px 4px; border-radius: var(--br1); overflow: hidden; } cnsk form d label { display: block; margin-left: 7px; opacity: 1;} cnsk form d input { width: 100%; margin: 0; height: 50px; border-radius: 0; background: var(--b-t); } cnsk st.stakeinfo nt p { margin: 7px 0; } cnsk gd{display: grid ; text-align: start; gap: 26px;} plans { display: grid ; grid-template-columns: 25% 25% 25% 25%; } plan { display: grid ; background: var(--b1-t44); margin: 4px; padding: 14px; border-radius: 11px; gap: 2%; } plan p { margin: 0; } plan b { margin-top: 14px; color: var(--a); } @media screen and (max-width: 480px) { csnw plans {grid-template-columns: auto auto; } csnw bl { padding-block: 3rem; } csnw { margin: 0 7px; } csnw form d input {width: calc(100% - 48px); } csds bl ft { padding: 7px 11px; } csnw bl>ft aa { width: 100%; } } /* Component : Stake_Transaction */ p.Success { color: green; } cskt { display: block; } cskt hd { background: var(--b1); padding: 22px; border-radius: 22px; margin: 11px 0; } cskt hd d { display: grid; grid-template-columns: 89px auto; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--bc);padding: 6px 0; } cskt hd d:last-child { border: none; } cskt bd { background: var(--b1); padding: 22px; border-radius: 22px; } cskt bd d { display: grid; grid-template-columns: 89px auto; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--bc);padding: 6px 0; } cskt bd d:last-child { border: none; } cskt ft { display: block; } stake ft unstake { left: 0; right: 0; text-align: center; display: grid; position: sticky; bottom: 0; background: var(--a); margin: unset; margin-top: 11px; padding: 11px 0; border-radius: 7px; z-index: 9999999999999; } unstake.Unstaked { display: none; } @media only screen and (max-width: 999px) { stake d.main { padding: 0 !important; } } /*Stake_Investeds*/ csis {margin: 30px 11px; background: var(--b1-t44); display: block; padding: 22px; border-radius: 22px;} stk { border-bottom: solid 2px var(--b1t); display: block; padding-bottom: 7rem; } /*StakingCurrencies*/ stakings trc img { object-fit: contain; height: 77%; width: 77%; } stakings trcs>trc { position: relative; grid-template-columns: 55px auto 77px; } stakings trc>hd { height: 33px; width: 33px; margin-top: 7px; } stakings trcs>trc h7 { opacity: 0.66; } stakings trcs>trc {grid-template-columns: 44px auto 111px;background: rgb(255 255 255 / 4%);border-radius: 15px;position:relative;gap: 2%;} stakings trc>hd { height: 33px; width: 33px;border-radius: 15px;background:var(--c0);} stakings 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; } stakings bd trcs>h4 a { position: relative; } stakings trc>hd i { filter: grayscale(1); } stakings trcs>trc>bd h4 { font-weight: 400; opacity: 0.66; } /*trcs>trc>ft h6 { opacity: 0.66; } */ cscs hd { display: grid ; grid-template-columns: 44px auto; display: none; } cscs hd i { height: 40px; width: 40px; } cscs hd h3 { display: flex ; align-items: center; padding-left: 1px; } /*StakingDetails*/ csds bl { background: var(--b); padding: 11px 0; } csds bl bd { background: var(--b1-t44); padding:7px 11px; border-radius: var(--br1); margin: 11px 0px; } csds bl d { display: grid ; grid-template-columns: auto auto; justify-content: space-between; align-items: center; margin: 10px 0; padding: 0px 18px;} csds bl nt {background: var(--b1-t44); padding: 11px; border-radius: var(--br1); display: grid; margin-bottom: 11px;} csds bl>bd>p { font-size: 0.8em; opacity: 0.5; padding: 0px 18px; } csds bl ft { padding-block: 15px; background: var(--b1-t44); padding: 11px; border-radius: 11px; display: grid ; margin-bottom: 11px; } /* Component : StakingTransactions */ csts hd h4 { font-size: 20px; margin: 22px 0; } caca { display: grid; height: -webkit-fill-available; position: absolute;top: 44px; right: -11px; bottom:-11px; z-index: -1;transition: 333ms; } caca bl { display: grid; background: var(--b); border: solid 1px var(--bc); border-radius: 16px; padding: 22px; } caca hd h4 { color: var(--c); font-size: 1.22rem; font-weight: 500; margin-bottom: 16px; } caca bd { display: flex ; align-items: center; gap: 8px; color: var(--b-t); margin-bottom: auto; } caca t { color: var(--c); } caca bd i img {width:22px;height:22px;} caca ft {display:flex;gap:11px;} caca ft btn { flex: 1; padding: 11px 0; border-radius: 12px; color: var(--c); font-size: 1rem; text-align: center; cursor: pointer; display: grid; align-items: center; height: fit-content; margin-top: auto; } caca hd h4 t{color:var(--a);font-weight:600;} caca .bgc{background: #f25f5f;} caca .brc{background: #28c76f;} caca .clg{color: #5cd15c;} caca bd i { width: fit-content; } app.PC caca bl { border: solid 1px var(--a); } vfsp.step1 caca { z-index: 9999; top: 34px; right: 0px;bottom:0; } vfsp.step2 caca { animation: 700ms ease 0s 1 normal forwards running swap; } @media screen and (max-width: 999px) { caca hd h4 { font-size: 0.88rem; } caca { left: 37px; right: -5px; top: 10px; bottom: 18px; } vfsp.step1 caca { top:0px;bottom: 18px;} } cpscs h3 { margin-bottom: 10px; font-size: 15px; } cpscs { margin-bottom: 20px; display: block; background: var(--b1-t44); border: solid 1px var(--c1); padding: 22px; border-radius: 22px; } /* Component : Swap */ cspo>bl aa { margin: 0; } cspo>bl wallet f{z-index: 8;align-items: center;flex-wrap: wrap;} cspo>bl wallet bt{max-height: 99px;} cspo>bl aa bsl{border-radius:unset} cspo>bl wallet h2{line-height: 1;margin: auto 4px;} cspo>bl bsl btns{ display: grid ; grid-template-columns: 100%; } cspo>bl btns tdt.buy { background: rgb(14, 203, 129); } cspo>bl bd{ background: unset; padding:0px 7px} cspo>bl aa { font-size: 1.23em; font-weight: bold; color: var(--c); font-family: system-ui; height: 55px; display: flex; background: var(--lg-b); border-radius: 11px; max-width: 66%; width: 100%; margin: 22px auto; transition: 99ms; align-items: center; justify-content: center; } cspo>bl aa svg { fill: var(--svg); max-height: 77%; max-width: 77%; } cspo>bl aa:active { transform: scale(0.95); } cspo>bl bac { display: grid ; grid-template-columns: 100%; height: auto; margin: 11px 0; text-align: center; align-items: center; font-weight: bold; background: var(--b); border-radius: 12px; padding: 12px; padding-bottom: 33px; margin-top: 0; gap: 10px; position: relative; } cspo bl>hd{display: flex ; justify-content: space-between;} cspo bl>hd>btn { display: flex ; height: 48px; width: 48px; align-items: center; justify-content: center; } cspo bl>hd sl { background: unset; } cspo bl>hd sl select { height: unset; min-height: unset; } cspo { display: block; margin: 11px auto; margin-bottom: 11px; max-width: 525px; } cspo bac t { text-align: center; opacity: 1; } cspo bac amt { display: flex; padding: 0 7px; height: 100%; align-items: center; } cspo 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: 2.44em; color: var(--b-t22); } cspo bac bcc { text-align: left; } cspo trading.buy tdt.buy { background: rgb(14, 203, 129); } cspo>bl wls{display:block;} cspo>bl tdts{display: grid; grid-template-columns: 50% 50%; justify-content: center; align-items: center; text-align: center; font-weight: bold; height: 44px; } cspo>bl tdt { height: 100%; display: flex; justify-content: center; align-items: center; background: var(--bt); width: 99%; } cspo>bl tccc { display: grid; background: var(--b1-t44); padding: 14px 19px; border-radius: 7px; grid-template-columns: 22px auto 25px; justify-content: flex-start; align-items: center; font-weight: 600; justify-content: space-between; } cspo>bl button svg path { fill: var(--svg); } cspo>bl button { align-items: center; background-color: var(--b); border: 1.5px solid var(--b1); border-radius: 50%; display: flex; height: 44px; justify-content: center; width: 44px; margin: auto; position: absolute; left: 43%; top: 43%; transition: 333ms;} cspo>bl form bac div { display: grid; grid-template-columns: 55px 55px 33px auto; align-items: center; } cspo>bl form bac hd { display: grid; grid-template-columns: 44px 33px 55px auto; align-items: center; } cspo>bl bac div i:nth-child(3) { transform: rotate(178deg); height: 18px; width: 18px; margin: 0; } cspo>bl bac hd amtt { display: none; justify-content: end; gap: 7px; } cspo gr f {display: grid; grid-template-columns: auto 33px;} /*Convert */ cspo.usdt form bac:nth-child(2) d { transform: translateY(153px);} cspo.usdt form bac:nth-child(4) d { transform: translateY(-153px);} cspo.usdt bac:nth-child(4) hd amtt { transform: translateY(-153px); } cspo.usdt bac:nth-child(2) hd amtt { transform: translateY(153px); } cspo.usdt btn.swap { transform: rotate(180deg); } /* Swap writed new by Gagan Nayak for component : Swap */ cspo>bl bac>gr { display: grid ; grid-template-columns: auto auto; align-items: center; justify-content: space-between; } cspo>bl bac>d { display: grid ; grid-template-columns: 55px 55px 33px auto; align-items: center; } cspo>bl bac>d i:nth-child(3) { transform: rotate(180deg); height: 17px; width: 17px; } cspo>bl btn.swap { align-items: center; background : var(--b); border: 1.5px solid var(--bc); border-radius: 12px; display: flex ; justify-content: center; padding: 12px; margin: auto; position: absolute; top: 32%; transition: 333ms; left: 0; right: 0; z-index: 9999; width: fit-content;} cspo>bl { display: block; position: relative; } cspo>bl bd>cc { display: grid ; background: var(--b1-t44); padding: 14px 19px; border-radius: 7px; grid-template-columns: 22px auto 25px; align-items: center; font-weight: 600; justify-content: space-between; } cspo>bl ft>btn { display: block; text-align: center; padding: 11px; align-items: center; font-weight: 600; background: var(--lg-b); border-radius: 11px; margin: 11px; } cspo>bl ft>d { display: grid ; grid-template-columns: auto 22px; justify-content: center; gap: 5px; align-items: center; font-weight: 400; font-size: 0.77em; padding: 7px; opacity: 0.5; letter-spacing: 0.44px; } cspo>bl bac>ccc { position: absolute; height: 30px; width: 150px; top: 48%; left: 6%; z-index: 99; } cspo btn.swap i {width: 23px; height: 23px; } /* swap rotate css */ cspo.sell btn.swap { transform: rotate(180deg); } cspo.sell bacs bac:nth-child(2) d { transform: translateY(143px); } cspo.sell bacs bac:nth-child(4) d { transform: translateY(-143px); } ctcs h2 { text-align: center; } /* Component : TradeOrder */ tmvo>bl { display: grid ; grid-template-columns: auto auto 55px; margin: 2px 4px; justify-content: space-between; font-size: 0.77em; } tmvo>bl amt{text-align:end;} tmvo t {font-size: 0.99em; font-weight: 500; margin: 0px 0px; color: var(--b-t44); display: block;font-weight: 500;} tmvo ft i { width: 40px; height: 19px; } tmvo bd {display: flex ; flex-direction: column; align-items: end; } tmvo ft btn {background: var(---gn); display: block; padding: 0 12px; border-radius: 4px; } /* Component : Trades */ toms { display: block; background: var(--b-t); border-radius: 11px; margin: 7px 0; padding: 4px;} toms bd btns { display: flex ; overflow: auto;font-size: 0.88em; padding: 8px 0; } toms>bl f>span { font-weight: 600; } toms>bl>hd{ padding: 10px 16px 6px; border-bottom: 1px solid var(--b1-t);display: flex ; justify-content: space-between; width: -webkit-fill-available; position: relative;} toms>bl>bd { padding: 6px 15px; height: -webkit-fill-available; max-height: 248px; overflow: auto; transition: 333ms;} .hfull toms>bl>bd { max-height: 388px; } toms hd h4 { font-size: 0.88em; font-weight: 400; position: relative; } toms hd f { gap: 20px; } toms dv btn { padding: 8px 12px; border-radius: 8px; font-size: 0.77em; width: -webkit-fill-available; min-width: max-content;} toms bd btn.this{background: var(--b1);} toms dv i{width: -webkit-fill-available; height: 24px; margin: auto; } toms>bl f>span { font-weight: 400; font-size: 0.88em; color: var(---gry); text-decoration: underline; } toms hd i { width: 18px; height: 18px; filter: brightness(0.5); transition: 333ms; } toms hd input {width: 16px; height: 16px; margin: 0; padding: 0;} toms bd dv { display: grid ; grid-template-columns: 16px auto 16px; } toms hd label{display: flex ; gap: 6px; align-items: center;} toms hd h3 { font-size: 0.99em; font-weight: 200; } toms bd i:nth-child(3) { rotate: 180deg; } .hfull toms hd i { rotate: 180deg; } /*Trade*/ ctre { display: block; margin-top: 22px; padding: 22px; border-radius: 22px; background: var(--b1-t44); } ctre bd div { display: flex ; justify-content: space-between; margin-block: 1rem; } ctre bd p {color: var(--b-t44); font-size: 12px; margin: 0px; opacity: 0.7; font-weight: 400; } ctre bd d { display: flex ; align-items: center; gap: 8px; } ctre bd dv:nth-child(2) { display: flex ; align-items: center; gap: 14px; } ctre btn { background: var(--c1); padding: 4px 16px; border-radius: 4px; font-size: 14px; cursor: auto; } ctre bd dv:nth-child(2) p { color: var(--c); opacity: unset; } ctre ft div { display: flex; justify-content: space-between; margin-block: 1rem; } ctre ft dv:nth-child(2) { display: flex; align-items: center; gap: 14px; } ctre ft div p { color: var(--b-t44); font-size: 12px; margin: 0px; opacity: 0.7; font-weight: 400; } ctre ft dv:nth-child(2) p { color: var(--c); opacity: unset; } @media(max-width:999px){ ctre>bl div { flex-direction: column; gap: 20px; border-bottom: solid 1px var(--bc);padding-bottom: 24px;} ctre>bl dv:nth-child(2) { justify-content: space-between; } ctre { margin: 11px; } }/* TradeBarFilter */ ctfb bl { display: block; width: 100%; } ctfb hd { display: block; width: 100%; } ctfb a { display: flex ; font-size: 14px; font-weight: 400; align-items: center; margin: 0px; padding: 3px; gap: 6px; } ctfb bd { display: flex; justify-content: space-between; margin: 7px 0; } ctfb hd d { display: flex; gap: 11px; } ctfb hd h1 { display: flex; font-size: 14px; width: 77px; font-weight: 100; } ctfb hd i { height: 22px; width: 22px; } ctfb hd a { display: flex ; font-size: 14px; font-weight: 100; align-items: center; margin: 0px; padding: 3px; gap: 6px; } ctfb hd dv { margin: 0px; display: flex ; align-items: center; justify-content: space-between; } ctfb div { display: flex ; justify-content: space-between; width: 100%; } /* Component : TradeBuyOrder */ ctbo>bl { display: grid ; grid-template-columns: 50% 50% 0; margin: 2px 4px; justify-content: space-between; font-size: 0.88em; } ctbo>bl prc { text-align: end; display: block; } /* Component : TradeChart */ #main { height: calc(100vh - 422px);margin:auto;} ctdc hd dv { margin: auto; display: flex;align-items: center; opacity:unset; } ctdc { display: block; border-radius: 11px 11px 0 0; margin: 7px; padding: 11px;} ctdc>bl>ft { display: flex ; padding: 14px 0px; font-size: 16px; font-weight: 300; } ctdc>bl>bd>d { display: block; position: relative; } ctdc Chart{ height: calc(100vh - 460px); margin: auto; display: flex; justify-content: center; align-items: center; opacity: 0.44; } ctdc .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } ctdc .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; } ctdc .lds-ring div:nth-child(1) { animation-delay: -0.45s; } ctdc .lds-ring div:nth-child(2) { animation-delay: -0.3s; } ctdc .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media only screen and (min-width: 999px) { #main {height: calc(100vh - 277px);} } /* Component : TradeContainer */ ctcr { display: grid ; row-gap: 7px; border: 1px solid var(--bc); border-radius: var(--br); padding-bottom: 22px; margin: 7px; height: 530px; min-width: 422px; overflow: hidden;} ctcr>bl hd>btns { display: grid ; grid-template-columns: 50% 50%; justify-content: center; align-items: center; text-align: center; font-weight: bold; height: 55px; max-width: unset; margin: 0; padding: 4px; border-radius: 11px; position: relative; } ctcr>bl hd>btns:after { content: ""; position: absolute; inset: 0; left: 0; width: 50%; background: var(--bc); border-radius: 0 0 22px 0; } ctcr>bl>ft btn { display: grid ; grid-template-columns: 33px auto; justify-content: center; align-items: center; background: var(--lg-b); color: var(--c); padding: var(--p1); border-radius: 11px; margin-top: 11px; } ctcr>bl hd btn:last-child { border: none; } .sell ctcr>bl hd>btns:after { right: 0; left: unset; border-radius: 0 0 0 22px; } .buy ctcr hd>btns:after { left: 0;right: unset; border-radius: 0 0 22px 0; } ctcr>bl hd btn { display: flex ; height: 100% ; align-items: center; justify-content: center; border-radius: 7px; transition: 0.22s; position: relative; z-index: 99; } ctcr bd i { height: 20px; width: 20px; } ctcr bd dv { display: flex ; gap: 7px; align-items: center;} ctcr bd div { display: block; border: 1px solid var(--bc); border-radius: 11px; padding: 11px; margin-top: 11px; } ctcr bd div d { display: flex ; align-items: center; justify-content: space-between; } ctcr bd input { max-width: 45%; background: unset; font-size: 1.22em; padding-left: unset; } ctcr ft { align-items: end; display: grid ; padding: 0 22px; } ctcr bl { display: grid ; grid-template-rows: 62px auto auto; } ctcr bd div>t { font-size: 0.88em; display: flex ; align-items: center;} ctcr bd { padding: 0 22px; position: relative;} ctcr ft div>d { display: flex ; align-items: center; justify-content: space-between; border: 1px solid var(--bc); border-radius: 11px; padding: 22px 0px; margin-top: 11px; } ctcr ft d>dv { display: grid ; grid-template-columns: auto 33px; width: -webkit-fill-available; align-items: center; } ctcr ft dv>dt { display: grid; grid-template-columns: 66px auto; align-items: center; } ctcr ft dv>i { transform: rotate(180deg); width: 22px; height: 22px; opacity: 0.6; } ctcr ft dt>i { width: 35px; height: 40px;margin: auto; } ctcr bd t>btn { background: var(--a); border-radius: 4px; padding: 2px 11px; margin-left: 7px; text-align: center; } ctcr srch sl { display: grid ; align-items: center; padding: 0px 11px; grid-template-columns: 33px auto;border: 1px solid var(--bc); background: unset; } ctcr srch { display: none; background: var(--b1); padding: 11px; border-radius: 11px; position: absolute; z-index: 999; margin-right: 22px; margin-top: 4px; width: -webkit-fill-available; } ctcr bd srch input { max-width: fit-content; background: unset; font-size: 0.99em; padding-left: unset; font-weight: 500; min-height: auto; height: 40px; } .cons srch { display: block; } ctcr srch b i { display: block; height: 20px; width: 20px; } ctcr srch p { margin: unset; font-size: 0.77em; font-weight: 300; } ctcr srch d { display: flex ; align-items: center; gap: 7px; } ctcr srch d { display: flex ; align-items: center; gap: 11px; margin-top: 7px; } ctcr srch d t { font-size: 0.88em; } @media (max-width : 999px) { ctcr { border-radius: var(--br); padding-bottom: var(--p1); transition: all 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55); background: transparent; min-width: auto; margin: 7px 0px;} .trading ctcr { height: 100%; } } /* Component : TradeDetail */ ctos>bl { display: block; background: var(--b1-t44); border-radius: 22px; padding: 20px; height: fit-content; margin: 11px;} ctos hd { display: flex ; align-items: center; column-gap: 11px; } ctos hd i { width: 24px; height: 24px; font-size: 24px; font-style: normal; } ctos hd t { font-size: 1.44em; font-weight: 600; } ctos bd d { display: flex ; justify-content: space-between; margin-top: 11px; } ctos bd span { font-size: 14px; font-weight: 400; opacity: 0.5; } ctos bd cc { font-size: 14px; font-weight: 400; } ctos bd h4 { font-size: 1em; font-weight: 600; margin-bottom: 11px; } ctos bd btns { display: flex ; justify-content: space-between; margin-bottom: 20px; } ctos bd btns>a { background: var(--bt); color: var(--c); padding: 7px 10px; border-radius: 5px; text-decoration: none; font-size: 0.8em; transition: background-color 0.3s ease; font-weight: 500; text-align: center; } ctos bd h3 { font-size: 1em; font-weight: 500; color: var(--a); } ctos bd t a { font-size: 1em; font-weight: 500; color: var(--a); } /* Component : TradeHistory */ ctho>bl { padding: 11px 22px; display: grid ; align-items: center; margin: 11px 0; border-radius: unset; gap: 7px; position: relative; } ctho>bl hd { display: flex ; font-size: 0.88em; justify-content: center; flex-direction: column; } ctho>bl hd>i { height: 22px; width: 22px; margin-top: 7px; } ctho>bl name { font-weight: 500; } ctho>bl>ft { display: flex ; align-items: center; justify-content: center; flex-direction: column; margin-left: 11px; } ctho>bl ft>btn { font-size: 0.88em; background: var(--b1); padding: 2px 11px; border-radius: 4px; position: relative; z-index: 99; color: var(--b-t22); } ctho>bl bd>d { display: flex ; justify-content: space-between; font-size: 0.88em; color: var(--b-t44); } ctho>bl time { color: var(--b-t44); font-size: 0.77em; }/*TradeHistory1*/ sptodr aa { display: flex ; justify-content: center; align-items: center; position: relative; font-size: 0.8em; background: var(--b1); border-radius: 5px; padding: 0; margin: 4px; height: 38px; width: 111px; } sptodr { height: 55px; white-space: nowrap; display: grid ; grid-template-columns: auto auto auto 33px; justify-content: flex-start; } ctho>bl>bd {margin-top: 22px; } ctho>bl>bd.odr h3 { margin: auto; font-weight: 100; display: flex; align-items: center; justify-content: center; gap: 6px; } ctho bd bx { display: flex; height: 55px; width: 55px; margin: auto; background: var(--b1); border-radius: 666px;align-items: center; justify-content: center; } ctho bd t { font-weight: 100; opacity: 0.6; } ctho bd bx i { height: 22px; width: 22px; } ctho.oders sptodr aa:nth-child(1) {color: var(--c); background: var(--a); } ctho.fundes sptodr aa:nth-child(2) { color: var(--c); background: var(--a);} ctho.spotgrid sptodr aa:nth-child(3) { color: var(--c); background: var(--a); } .oders cots { display: block; } .fundes afdo { display: block; } ctho>bl { margin-top: 22px; } .spotgrid cfso { display: none;} ctho>bl>bd>p{ display: none;} ctho.fundes bd p { display: block;} cspv bl mg a { font-weight: 300; display: flex ; justify-content: center; align-items: center; position: relative; font-size: 0.8em; background: var(--b1); border-radius: 5px; padding: 0; margin: 4px; height: 38px; width: 111px; } cspv mg a.this { color: var(--c); background: var(--a); border: unset; } /* Component : TradeHots */ chio>bl { display: block; padding: 22px 7px; } chio>bl hd>f { display: grid ; align-items: center; justify-content: space-between; grid-template-columns: auto 33px; margin-bottom: 11px; } chio>bl hd>d { display: flex ; align-items: center; justify-content: space-between; font-size: 0.88em; margin: 7px 0; } chio>bl hd>d b { display: block; padding: 4px 11px; background: var(--b1); border-radius: 4px; font-size: 12px; text-align: center; font-weight: 400; color: var(--b-t44); } chio>bl hd>d:nth-child(5) b { color: var(--a); background: var(--at); border: 1px solid var(--at); } /* Component : TradeInfo */ oinfo t { opacity: 0.44; } oinfo d { margin-bottom: 11px; } info.up percent{color:rgb(14, 203, 129)} info.down percent{color:rgb(246, 70, 93)} info.up price{color:rgb(14, 203, 129)} info.down price{color:rgb(246, 70, 93)} trade percents { display: grid; grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; padding: 11px 22px; grid-column-start: 1; grid-column-end: 3; border-top: solid 1px var(--bt); } trade percents percent { display: grid; font-size: 0.55em;color:var(--c) !important } percents percent t{opacity:0.44} ctio>bl { display: grid ; grid-template-columns: 50% 50%; border-bottom: solid 0.5px var(--bc); } ctio>bl hd>minfo { display: block; padding: 4px 22px; } ctio>bl minfo>price { font-size: 2.5em; font-weight: bold; color: #0ecb81; } ctio>bl percent { display: inline-block; margin-left: 11px; font-weight: bold; } ctio>bl bd>oinfo { display: grid ; grid-template-columns: 50% 50%; padding: 4px 22px; font-size: 0.66em; } ctio>bl ft>oldinfo { 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); padding-top: 11px; padding-bottom: 11px; display: none; } ctio>bl oldinfo>dd { border-right: solid 1px var(--c1); } ctio>bl oldinfo dd>d { opacity: 0.4; font-size: 0.88em; } /* 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 : TradeIntroduction */ ctdu>bl { display: block; background: var(--b1-t44); border-radius: 22px; padding: 20px; margin: 11px;} ctdu hd { display: block; margin-bottom: 11px; } ctdu hd h4 { font-size: 1em; font-weight: 500; margin-bottom: 11px; } ctdu hd btns { display: flex ; column-gap: 7px; overflow-x: scroll; } ctdu hd a { font-size: 12.4px; font-weight: 400; background: var(--b1-t44); padding: 5px 11px; border-radius: 7px; white-space: nowrap; } ctdu bd { display: block; } ctdu bd h3 { font-size: 1em; font-weight: 500; color: var(--a); } ctdu bd p { font-size: 12.32px; font-weight: 400; } ctdu ft { display: block; } ctdu ft a { font-size: 0.88em; font-weight: 500; color: var(--a); } /* Component : TradeNew */ ctblo { display: block; background: var(--bc); margin: 7px; border-radius: 15px; padding: var(--p); } ctblo { display: block; background: var(--b-t); margin: 7px; border-radius: 15px; padding: var(--p); } 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: 44px; } 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 ; } ctblo > bl form > sl > input { height: auto; min-height: auto; font-weight: 500; } @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%; } } /* Component : TradeOpenOrder */ todo>bl { padding: 11px 22px; display: grid ; align-items: center; margin: 11px 0; border-bottom: 1px solid var(--b1); border-radius: unset; grid-template-columns: 77px auto max-content; gap: 7px; position: relative; } todo>bl hd { display: flex ; align-items: center; font-size: 0.88em; justify-content: center; flex-direction: column; } todo>bl hd>i { height: 22px; width: 22px; margin-top: 7px; } todo>bl name { font-weight: 500; } todo>bl ft { display: flex ; align-items: center; justify-content: center; flex-direction: column; margin-left: 11px; } todo>bl ft>btn { font-size: 0.88em; background: var(--b1); padding: 2px 11px; border-radius: 4px; position: relative; z-index: 99; color: var(--b-t22); } todo>bl bd>d { display: flex ; justify-content: space-between; font-size: 0.88em; color: var(--b-t44); } todo>bl time { color: var(--b-t44); font-size: 0.77em; } /* Component : TradeOpenOrders */ tods>bl { display: block; padding: var(--p); background: var(--b-t); border-radius: 11px; margin: 7px; } /* Component : TradeOrder */ troo>bl { display: grid ; grid-template-columns: auto auto auto; margin: 2px 4px; justify-content: space-between; font-size: 0.88em; } troo>bl time{text-align:end;width: 100%;} troo>bl amt{text-align:end;} troo>bl prc{color:rgb(246, 70, 93);} /* temp by A'nilNayak*/ ctod order { display: block; } /* Component : TradeOrderHistories */ cohs>bl { display: block; padding: var(--p); background: var(--b-t); border-radius: 11px; margin: 7px; } /* Component : TradeOrderHistory */ coho>bl { padding: 11px 22px; display: grid ; align-items: center; margin: 11px 0; border-bottom: 1px solid var(--b1); border-radius: unset; grid-template-columns: 77px auto max-content; gap: 7px; position: relative; } coho>bl hd { display: flex ; align-items: center; font-size: 0.88em; justify-content: center; flex-direction: column; } coho>bl hd>i { height: 22px; width: 22px; margin-top: 7px; } coho>bl name { font-weight: 500; } coho>bl ft { display: flex ; align-items: center; justify-content: center; flex-direction: column; margin-left: 11px; } coho>bl ft>btn { font-size: 0.88em; background: var(--b1); padding: 2px 11px; border-radius: 4px; position: relative; z-index: 99; color: var(--b-t22); } coho>bl bd>d { display: flex ; justify-content: space-between; font-size: 0.88em; color: var(--b-t44); } coho>bl time { color: var(--b-t44); font-size: 0.77em; }/* temp by GaganNayak*/ ctod order { display: block; } ctod>bl { display: block; padding: 22px; margin: 11px; background: var(--b-t); border-radius: 11px; } ctod>bl>bd { display: grid ; grid-template-columns: 50% 50%; } ctod>bl order>f { justify-content: space-between; margin: 0 4px; }/*TradeOverview*/ ctwo bl.odrs,bl.trade, Transactions.Trdhsry{display: none;} ctwo.oders bl.odrs { display: block; } ctwo.trades bl.trade { display: block; } ctwo.tadehistory transactions.Trdhsry { display: block; } ctwo { margin: unset; padding: 11px; background: var(--b-t); display: block; margin: 7px; border-radius: var(--br1); } .oders aa.odrs,.trades aa.trade,.tadehistory aa.Trdhsry { border-bottom: solid 2px; color: var(--a);padding: 8px; } ctwo.oders bl.tradee { display: none; } ctwo.trades bl.order { display: none; } .odr Transactions trcs>trc.ordr { padding:17px 22px; margin: 11px 0; background: url(); border-radius: unset; } ctwo hd div { display: flex ; gap: 14px; align-items: center; border-bottom: 1px solid var(--b1t); } .oders aa.odrs,.trades aa.trade,.tadehistory aa.Trdhsry { border-bottom: solid 2px; color: var(--a);padding: 8px; } tpottrade h nv t { text-align: start; } tpottrade h nv gg{grid-template-columns: 55px 33px auto 44px 44px 44px;} future_chart percents { display: grid ; grid-template-columns: auto auto auto auto auto auto; justify-content: space-between; padding: 11px 22px; grid-column-start: 1; grid-column-end: 3; border-top: solid 1px var(--bt); } future_chart percents percent { display: grid ; font-size: 0.55em; color: var(--c) ; } @media only screen and (max-width: 999px){ #trade main { position: relative; z-index: 2; background: var(--b); box-shadow: 0px -7px 11px #0000; padding-top: 11px;} #trade aerea { box-shadow: 0px -7px 11px #0007;padding-top:11px } #trade sidebar { position: sticky; top: 0; z-index: 1;} } @media only screen and (max-width: 999px){ trade sidebar.FixedMobile{position: fixed; bottom: 72px; background: var(--b); box-shadow: 0 -4px 7px #0004; z-index:999; height: 66px; overflow: hidden; transition:333ms} trade sidebar.FixedMobile.trading { height: 520px; } trade .FixedMobile .pull { display: none; } trade .FixedMobile.trading .pull { display: flex;} } @media only screen and (min-width: 999px){ trade .pull{ display: none; } }/* Component : TradePeriod */ ctdp hd d, ctdp bd pr { justify-content: space-between; display: flex ; padding: var(--p1) var(--p); border-top: solid 1px var(--bc); font-size: 0.77em; margin-top: 0px; } ctdp hd t:nth-child(2) { background: var(--c); color: var(--b); } ctdp>bl>hd d>t { display: block; padding: 7px 22px; border-radius: var(--br); transition: 95ms; color: var(--b-t22); } ctdp>bl pr d>t { color: var(--b-t22); margin-bottom: 11px; display: block; } ctdp>bl pr>d { display: block; text-align: center; } /* Component : TradeSellOrder */ tslo>bl { display: grid ; grid-template-columns: 50% 50% 0; margin: 2px 4px; justify-content: space-between; font-size: 0.88em; } tslo>bl amt { display: block; text-align: end; }/*Trade_Anytime*/ teae { padding-top: 80px; padding-bottom: 80px; display: block; padding-left: 24px; padding-right: 24px; margin-left: auto; margin-right: auto; } teae bl { display: flex; gap: 80px; } teae hd, teae bd { justify-content: space-between;flex-direction: column; width: 50%; height: auto; display: flex; } teae hd{ align-items: center; } teae bd { max-height: 610px; } teae hd mg { width: auto; margin-top: 16px; margin-bottom: 24px; gap: 24px; border-bottom: 1px solid var(--bc); display: flex; } teae hd a { font-size: 16px; font-weight: 400; line-height: 24px; text-align: center; min-width: 48px; padding: 20px 0 20px 0; border-bottom: 2px solid transparent; } teae hd i { height: 538px; } teae bd h2 { font-size: 36px; font-weight: 500; line-height: 48px; } teae bd>btns>btn { font-size: 16px; font-weight: 500; line-height: 24px; background: var(--b1-t44); border-radius: 6px; padding: 8px 18px; } teae bd>btns { gap: 16px; display: flex;} teae bd dv { align-items: center; display: flex;} teae bd dv b { padding: 20px; border-color: var(--bc); border-style: solid; border-width: 1px; border-radius: 24px; position: relative;} teae bd dv i { background: var(--c); border-radius: 8px; padding: 10px; width: 156px; height: 156px; } teae bd dv svg { fill: var(--b); } teae bd span { margin-left: 24px; } teae bd span p { font-size: 14px; font-weight: 300; line-height: 24px; opacity: .7; } teae bd span h3 { font-size: 20px; font-weight: 400; line-height: 28px; margin-top: 8px; } teae bd div>btns { display: flex; justify-content: space-between; max-width: 436px; margin-top: 45px; } teae bd div>btns btn { padding: 8px; border-radius: 8px; align-items: center; flex-direction: column; max-width: 90px; min-width: 90px; display: flex; } teae bd div>btns i { width: 40px; height: 40px; } teae bd div>btns span { margin: 8px 0 0 0; font-size: 16px; font-weight: 500; line-height: 24px; } teae bd div>btns btn:hover { background: var(--b1-t44); } teae bd a { display: flex; align-items: center; gap: 5px; font-weight: 400; font-size: 15px; margin-top: 45px; } teae bd a i { width: 20px; gap: 20px; } teae bd a path { fill: var(--b-t44); } teae bd dv d { width: 26px; height: 26px; border: 3px solid rgb(255, 255, 255); transform: translate(-50%, -50%); background-size: 85%; background-position: center center; background-repeat: no-repeat; background-image: url('/-Brand/XAH/asset/Logo.png'); background-color: rgb(0, 0, 0); border-radius: 4px; top: 50%; left: 50%; position: absolute; } teae hd i:nth-child(2) { display: none; } teae hd i:nth-child(4) { display: none; } teae hd img { width: 100%; object-fit: contain; } teae hd i:nth-child(3) { display: block; } teae hd a:nth-child(2) { border-bottom: 2px solid var(--a); } app.Desktop teae hd i:nth-child(2) { display: block; } app.Desktop teae hd i:nth-child(4) { display: none; } app.Lite teae hd i:nth-child(4) { display: none; } app.Lite teae hd i:nth-child(3) { display: block; } app.Lite teae hd i:nth-child(2) { display: none; } app.Desktop teae hd a:nth-child(1) { border-bottom: 2px solid var(--a); } app.Lite teae hd a:nth-child(2) { border-bottom: 2px solid var(--a); } teae hd i:nth-child(2) img { width: 100%; height: 100%; object-fit: contain; } app.Pro teae hd i:nth-child(4) { display: block; } app.Pro teae hd a:nth-child(3) { border-bottom: 2px solid var(--a); } app.Pro teae hd a:nth-child(2), app.Pro teae hd a:nth-child(1) {border:0;} app.Pro teae hd i:nth-child(3) ,app.Desktop teae hd i:nth-child(3){ display: none; } app.Lite teae hd a:nth-child(3), app.Desktop teae hd a:nth-child(2) {border:0;} @media only screen and (min-width: 999px) { teae bd>btns { display: none; } teae hd { flex-direction: column-reverse; } } @media only screen and (max-width: 999px) { teae bl { flex-direction: column; } teae bd h2 { font-size: 24px; font-weight: 600; line-height: 32px; } teae hd, teae bd { width: unset; text-align: center; } teae bd dv { display: none; } teae bd div>btns { display: none; } teae bd a { display: none; } teae bl { gap: 20px; } teae bd>btns {justify-content: center; margin-top: 20px; } teae { padding-top: 0; } teae hd mg a:nth-child(1) { display: none; } } @media only screen and (max-width: 555px) { teae bd > btns > btn { font-size: 12px; } } /*Trade_BuyBtc.css*/ atbo bd row { position: relative;display: grid ; grid-template-columns: 1fr 1fr auto; align-items: center; padding: 0px 11px; border-radius: 11px; border: 1px solid var(--bc); gap: 19px; margin: 5px 0px; } atbo bd row input[type="text"] { background: transparent; border: none; width: 80px; outline: none; text-align: right; padding: 0; } atbo bd input[type="checkbox"] { background: transparent; border: none; width: 100%; outline: none; text-align: right; padding: 0; } atbo bd label { font-size: 17px; font-weight: 400; opacity: 0.4; } atbo bd numberbox { position: relative; display: flex ;align-items: center; width: 100%; border-right: 1px solid var(--bc); padding: 0px 2px; } atbo bd numberbox input { background: transparent; border: none; outline: none; text-align: right; padding: 0; } atbo bd steppers { position: absolute; right: -25px; top: 50%; transform: translateY(-50%); display: flex ; flex-direction: column; justify-content: center; } atbo down>i { width: 25px; height: 20px; border-top: 1px solid var(--b-t22); border-radius: 0; } atbo up>i { width: 25px; height: 20px; border-radius: 0; } atbo numberbox>span { margin-left: 5px; font-size: 12px; font-weight: 400; } atbo up, atbo down { cursor: pointer; font-size: 10px; opacity: 0.4;} atbo .wrepper { display: flex ; position: relative; padding: 11px; align-items: center; } atbo .step-active .dot { border: 1px solid var(--a); height: 10px; width: 10px; } atbo .slider { background: var(--bc); display: flex ; height: 1px; position: relative; right: 5px; top: calc(50% - .5px); transform: translate(0); left: 8px; width: calc(100% - 12px); } atbo .step-active { display: flex ; flex-direction: column; position: absolute; top: -5px; } atbo .step { align-items: center; color: #333; display: flex ; flex-direction: column; font-size: 12px; font-weight: 400; gap: 22px; line-height: 18px; position: absolute; top: -2.5px; transform: translate(-50%); z-index: 2; } atbo .dot { border: 1px solid var(---gry); border-radius: 1px; height: 6px; transform: rotate(-45deg); width: 6px;background: var(--b); } atbo bd aa { display: flex ; align-items: center; } atbo bd p { font-size: 12px; color: var(---gry); display: flex ; align-items: center; justify-content: space-between; margin: 0px; } atbo input checkbox { background: transparent; border: none; outline: none; text-align: right; padding: 0; } atbo p span { color: var(---gry); gap: 16px; display: flex ; align-items: center; } atbo p span btn { padding: 1px 4px; background: var(--a);color: var(--b-t95); border-radius: 18px; align-items: center; width: 11px; height: 16px; display: flex ; justify-content: center; font-weight: 500; font-size: 18px; } atbo btn.buy { background: var(---gn); } atbo ft>btn { display: block; text-align: center; border-radius: 6px; padding: 10px; font-weight: bold; cursor: pointer; margin-top: 5px; } ctlio { display: block; background: var(--b-t); border-radius: 12px; padding: 10px; width: -webkit-fill-available; margin: 7px 0; } ctlio table { width: 100%; border-collapse: collapse; } ctlio th, ctlio td { text-align: left; font-size: 13px; height: auto; padding: 4px 0; padding-left: 14px; } ctlio th { color: #999; font-weight: normal; border-bottom: 1px solid var(--b-t); } ctlio tbody tr { border-bottom: 1px solid var(--b-t); } ctlio td.up { color: #0ecb81; } ctlio td.down { color: #f6465d; } ctlio sl { background: transparent; border: solid 1px var(--bc); } ctlio sl>i { height: 18px; width: 18px; position: absolute; left: 10px; opacity: 0.66; } ctlio sl input { background: unset; } ctlio sl:hover { border: solid 1px var(--a); } mkts bd span { color: var(--ct); font-size: 0.8em; font-weight: 300; } ctlio sl input { min-height: 22px; height: 33px; padding-left: 33px; } @media (max-width: 600px) { ctlio { width: 95%; padding: 8px; } ctlio th, ctlio td { font-size: 12px; } ctlio hd h3 { font-size: 15px; } }ctob ft .down d > h3 { color: rgb(246, 70, 93); } ctob>bl {display:block;border-radius: 11px;background: var(--b-t);margin: 7px 0px;padding: 11px;} ctob hd>d { display: flex ; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--bc); padding: 7px 0px; } ctob hd div>d { display: flex ; align-items: center; justify-content: space-between; } ctob hd h3 { font-size: 14px; font-weight: 200; } ctob div { display: flex ; align-items: center; justify-content: space-between; padding: 7px 0px; } ctob div>span { color: var(--ct); font-size: 0.8em; font-weight: 300; } ctob bd>d, ctob ft>d { display: block; max-height: 499px; overflow: hidden; } ctob btn { display: flex ; align-items: center; padding: 5px 7px; border-radius: 7px; cursor: pointer; } ctob btn t { font-size: 13px; font-weight: 400; } ctob i { width: 18px; height: 18px; opacity: 0.6; } ctob bd {display:block; } ctob ft d>h3 { color: var(---gn); font-size: 18px; font-weight: 500; } ctob ft>div { display: flex ; align-items: center; justify-content: space-between; } ctob ft div>d { display: flex ; align-items: center; font-size: 14px; font-weight: 400; } ctob ft div>i { transform: rotate(-90deg); } ctob ft d>pr { opacity: 0.5; font-size: 14px; font-weight: 400; } ctob ft div d svg { stroke: var(---gr); } app.sell ctob bd>d { display: none; } app.buy ctob ft>d { display: none; } ctob hd d>i:nth-child(1) { opacity: 1; } .sell ctob ft>d { max-height: 996px; overflow: scroll; } .buy ctob bd>d { max-height: 996px; overflow: scroll; } .sell ctob hd d>i:nth-child(2) { opacity: 1; } .sell ctob hd d>i:nth-child(1) { opacity: 0.5; } .buy ctob hd d>i:nth-child(1) { opacity: 0.5; } .buy ctob hd d>i:nth-child(3) { opacity: 1; } ctob ft .down d > h3 { color: rgb(246, 70, 93); } ctob ft .down d > i svg { transform: rotate( 180deg); stroke: rgb(246, 70, 93); } ctob bd d div.asks{ display: block;} ctob ft d div.bids { display: block; } ctob bd d div.row.red{ display: flex ; justify-content: space-between; padding: 0; font-size: 0.77em; } ctob ft d div.row.green { display: flex ; justify-content: space-between; padding: 0; font-size: 0.77em; } ctob .asks div, .bids div { padding: 1px; } @media (max-width:600px){ ctob>bl { margin: 11px; } } /*Trade_SellBtc.css*/ atso bd row {position: relative;display: grid ; grid-template-columns: 1fr 1fr auto; align-items: center; padding: 0px 11px; border-radius: 11px; border: 1px solid var(--bc); gap: 19px; margin: 5px 0px; } atso bd input[type="checkbox"] { background: transparent; border: none; width: 100%; outline: none; text-align: right; padding: 0; } atso bd row input[type="text"] { background: transparent; border: none; width: 80px; outline: none; text-align: right; padding: 0; } atso bd label { font-size: 17px; font-weight: 400; opacity: 0.4; } atso bd numberbox { position: relative; display: flex ; align-items: center; width:100%; border-right: 1px solid var(--bc); padding: 0px 2px; } atso bd numberbox input { background: transparent; border: none; outline: none; text-align: right; padding: 0; } atso bd steppers { position: absolute; right: -25px; top: 50%; transform: translateY(-50%); display: flex ; flex-direction: column; justify-content: center; } atso down>i { width: 25px; height: 20px; border-top: 1px solid var(--b-t22); border-radius: 0; } atso up>i { width: 25px; height: 20px; border-radius: 0; } atso numberbox>span { margin-left: 5px; font-size: 12px; font-weight: 400; } atso up, atso down { cursor: pointer; font-size: 10px; opacity: 0.4;} atso .wrepper { display: flex ; position: relative; padding: 11px; align-items: center; } atso .step-active .dot { border: 1px solid var(--a); height: 10px; width: 10px; } atso .slider { background: var(--bc); display: flex ; height: 1px; position: relative; right: 5px; top: calc(50% - .5px); transform: translate(0); left: 8px; width: calc(100% - 12px); } atso .step-active { display: flex ; flex-direction: column; position: absolute; top: -5px; } atso .step { align-items: center; color: #333; display: flex ; flex-direction: column; font-size: 12px; font-weight: 400; gap: 22px; line-height: 18px; position: absolute; top: -2.5px; transform: translate(-50%); z-index: 2; } atso .dot { border: 1px solid var(---gry); border-radius: 1px; height: 6px; transform: rotate(-45deg); width: 6px; background: var(--b);} atso bd aa { display: flex ; align-items: center; } atso bd p { font-size: 12px; color: var(---gry); display: flex ; align-items: center; justify-content: space-between; margin: 0px; } atso input checkbox { background: transparent; border: none; outline: none; text-align: right; padding: 0; } atso p span { color: var(---gry); gap: 16px; display: flex ; align-items: center; } atso p span btn { padding: 1px 4px; background: var(--a);color: var(--b-t95); border-radius: 18px; align-items: center; width: 11px; height: 16px; display: flex ; justify-content: center; font-weight: 500; font-size: 18px; } atso ft>btn { display: block; text-align: center; border-radius: 6px; padding: 10px; font-weight: bold; cursor: pointer; margin-top: 5px; } atso ft btn.sell { background: rgb(246, 70, 93); } /* Component : Trades */ ctrd { display: block; padding: var(--p); background: var(--b-t); border-radius: 11px; margin: 7px; } ctrd bd dv { display: flex ; justify-content: space-between; font-size: 0.88em; padding: 8px 0; } ctrd>bl f.Buy span { color: rgb(15, 176, 114); } ctrd>bl f.Sell>span { color: rgb(246 70 93); } ctrd>bl f>span { font-weight: 600; } /* Component : Trading */ ctrdo>bl { display: block; background: var(--b-t); padding: 22px; border-radius: 22px; margin-bottom: 11px; } ctrdo>bl hd>i { overflow: hidden; display: flex ; justify-content: center; align-items: center; height: 56px; width: 56px; background: var(--b); border-radius: 11px; } ctrdo>bl hd { display: grid ; grid-template-columns: 66px auto; gap: 7px; } ctrdo>bl hd>d { display: flex ; flex-flow: column; } ctrdo>bl d>cc { display: flex ; align-items: center; } ctrdo>bl cc>i { height: 18px; width: 14px; } ctrdo>bl cc>i svg { fill: var(--c); } ctrdo>bl cc>btn { background: var(--b-t22); font-size: 10.9px; padding: 4px 11px; margin: 0 7px; border-radius: 3px; } ctrdo>bl>bd { justify-content: space-between; display: grid ; grid-template-columns: 65% auto; padding: 7px 0; } ctrdo>bl bd>d { gap: 7px; display: flex ; flex-direction: column; } ctrdo>bl bd d>cc { display: flex ; justify-content: space-between; } ctrdo>bl bd>i { margin: auto; } ctrdo>bl ft { display: grid ; grid-template-columns: auto auto; justify-content: space-between; } ctrdo>bl ft>d { gap: 7px; display: flex ; flex-direction: column; } ctrdo>bl ft>d h6 { border-bottom: dotted 2.1px; opacity: 0.5; } ctrdo>bl ft>btns { display: grid ; align-items: center; grid-template-columns: 50% 50%; } ctrdo>bl btns>btn { padding: 5px 15px; border-radius: 7px; font-size: 0.77em; margin: 0 4px; } ctrdo>bl btns>btn.Copy { background: var(--lg-b); }/* TradingAnalysis */ ctao>bl bd>f { display: grid ; grid-template-columns: 50% 50%; padding: 4px; } ctao>bl f>d { display: block; padding: 11px 15px; border-radius: var(--br); background: var(--b-t); position: relative; margin: 4px; } ctao>bl d>f { display: grid ; grid-template-columns: auto 44px; align-items: center; justify-content: space-between; } ctao>bl d>f span { font-size: 0.77em;margin-block-start: 1em; margin-block-end: 1em; } ctao>bl ft>d { display: grid ; grid-template-columns: 55px auto 33px; align-items: center; padding: 11px 15px; gap: 7px; border-radius: var(--br); background: var(--b-t); position: relative; margin: 7px; margin-top: 0; } /* Component : TradingBot_Balance */ calos { display: block; } calos>bl>bd { display: grid ; grid-template-columns: auto auto; grid-gap: 11px; margin: 0; } calos>bl>ft { display: block; } calos>bl>ft t { justify-content: center; display: flex ; color: var(--a); margin: 15px 15px 0; } calos.all, csls.Sidewayss, cblo.Bullish, crlo.Bearish, ccls.Batches { display: none; } .All calos.all, .Sideways csls.Sidewayss, .Bullish cblo.Bullish, .Bearish crlo.Bearish, .Batches ccls.Batches { display: block; } /* Component : TradingBot_Batches */ ccls { display: block; } ccls>bl>bd { display: grid ; grid-template-columns: auto auto; grid-gap: 11px; } ccls ft t { justify-content: center; display: flex ; color: var(--a); margin: 15px 15px 0; } /* Component : TradingBot_Bearish */ crlo { display: block; } crlo>bl>bd { display: grid ; grid-template-columns: auto auto; grid-gap: 11px; } crlo ft t { justify-content: center; display: flex ; color: var(--a); margin: 15px 15px 0; } /* Component : TradingBot_Bullish */ cblo { display: block; } cblo>bl>bd { display: grid ; grid-template-columns: auto auto; grid-gap: 11px; } cblo ft t { justify-content: center; display: flex ; color: var(--a); margin: 15px 15px 0; } /* Component : TradingBot_Ordr */ calo { border: solid 1px var(--b-t22); border-radius: 22px; background: var(--b1t44); grid-template-columns: 100%; margin: 0; width: auto; padding: 11px 18px; position: relative; display: grid ; } calo t { font-size: 12px; font-weight: 300;opacity: 0.44; padding: 11px 0px; width: 100px;} calo h5 { font-size: 15px; } /* Component : TradingBot_Sideways */ csls { display: block; } csls>bl>bd { display: grid ; grid-template-columns: auto auto; grid-gap: 11px; } csls ft t { justify-content: center; display: flex ; color: var(--a); margin: 15px 15px 0; } /* Component : TradingBot_Transaction */ ctbst img { width: 52px;border-radius: 22px; } ctbst hd { display: grid; margin: 7px; grid-template-columns: 61px auto 44px; border-radius: var(--br); align-items: center; width: 100%; background: 0; justify-content: space-between;height: 88px;} ctbst bd.btxc { display: flex ; flex-direction: column; justify-content: center; } ctbst>bl{ margin: 0; padding: 11px; border-radius: var(--br); position: relative; display: block; background: var(--b1t44);transition: 99ms; border: solid 1px var(--b-t22); margin: 7px; } ctbst>bl:hover { border: solid 1px var(--a); } ctbst>bl>ft{width: 100%; display: flex ; } ctbst hd { display: grid ; margin: 7px; grid-template-columns: 55px auto 44px; border-radius: var(--br); align-items: center; } ctbst f d { display: flex ; font-size: 12px; gap: 7px; width: fit-content; background: var(--b-t22); padding: 2px 7px; border-radius: 4px; } ctbst f i { width: auto; height: auto; } ctbst f svg { width: 20px;height: 20px; } /* TradingBots */ ctgbs>bl>hd { padding: 12px 12px 0 12px; } ctgbs other { display: flex; align-items: center; gap: 22px; } other h4.this { background: var(--b1); padding: 2px 8px; border-radius: 7px; } ctgbs flex.greed { display: grid; grid-template-columns: 50% 50%; row-gap: 10px; } ctgbs>bl { background: var(--b1-t44); padding: var(--p); border-radius: var(--br); } ctgbs trc { border: solid 2px transparent; background: var(--b-t); margin: 7px auto; position: relative; padding: 22px; border-radius: 14px; box-shadow: var(--bs-bs); max-width: 666px; width: calc(100% - 66px); display: flex ; flex-direction: column; } ctgbs a.href { justify-content: center; display: flex; color: var(--a); margin: 15px;} ctts bd { display: grid; grid-template-columns: 50% 50%; width: 100%; border: unset; } ctgbs trcs { display: grid ; grid-template-columns: 100%; gap: 11px; width: 100%; } ctgbs tx { align-items: center; display: flex; justify-content: space-between; margin: 7px 0; } ctgbs h2 { display: block; margin-bottom: 11px; font-size: 20px; font-weight: 500; } ctgbs tx h6 { font-weight: 500; font-size: 14px; } @media only screen and (min-width: 999px) { ctgbs other { display: flex; align-items: center; overflow: scroll; } } @media only screen and (max-width: 999px){ ctgbs trcs { grid-template-columns: auto; } ctts bd { display: block;} ctgbs>bl { padding: 0; } } /* COmponent : TradingBotsBalance */ ctbob h2 { font-size: 1.25em; font-weight: 100; opacity: 0.44; } ctbob div { margin: 9px; display: flex; justify-content: space-between; align-items: center; } ctbob other { display: flex; align-items: center; } ctbob flex { display: grid; grid-template-columns: 48% 48%; padding-left: 0px; width: auto; overflow: visible; gap: 11px; } ctbob .greed d { border: solid 1px var(--b-t22); border-radius: 22px; background: var(--b1t44); grid-template-columns: 100%; margin: 0; width: auto; padding: 11px 18px;position: relative;display: grid;} ctbob .greed d hd h5 { font-size: 15px; } ctbob .href t { justify-content: center; display: flex; color: var(--a); margin: 0px 15px; } ctbob.All h4.All { background: var(--lg-b); } ctbob.Sideways h4.Sideways { background: var(--b-t22); } ctbob.Bullish h4.Bullish { background: var(--b-t22); } ctbob.Bearish h4.Bearish { background: var(--b-t22); } ctbob.Batches h4.Batches { background: var(--b-t22); } stbo trade flex { grid-template-columns: auto auto auto auto; padding: 22px 0; } stbo trade hd { display: grid; grid-template-columns: 88px auto; align-items: center; } stbo trade bd { display: grid; padding: 7px 0; font-size: 15px; font-weight: unset; } stbo trade ft { line-height: 20px; font-size: 21px; font-weight: 500; } stbo trade hd vol { display: flex; align-items: center; font-size: 16px; } stbo trade hd success { width: 50%; display: flex; align-items: center; justify-content: center; border-radius: 5px; padding: 3px 0; } stbo trade bd h6 { line-height: 20px; font-size: 15px; font-weight: unset; opacity: 0.44; } ctbob d bd h1 { font-size: 12px; font-weight: 100; } tradingbot bd h1 { font-size: 13px; font-weight: 100; } ctbob other h4 { font-size: 15px; font-weight: 100; border-radius: 8px; padding: 5px 13px; } tradingbot hd h1 { padding-block: 11px; font-size: 15px; font-weight: bold; letter-spacing: 1px; } ctbob d bd { padding: 11px 0px; width: 100px; } #CCCCard{border-radius: 22px;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);} ctbob hd>h3{display: flex;align-items: center;} ctbob h3 img{ width: 30px; height: 30px; display: inline-block; margin-right: 7px;} ctbob ccinfo { display: grid; grid-template-columns: 47% 47%; gap: 22px; } ctbob ccinfo p { margin: unset; opacity: 0.6;font-weight: 100; } #CCCCard { border: solid 1px var(--b-t22); border-radius: 7px !important; } ctbob bl { display: grid !important; grid-template-columns: 81% 19% 0%; font-size: 9px; align-items: center; padding: 4px 19px; } ctbob grid bl hd { display: flex; position: relative; z-index: 2; flex-direction: column; gap: 11px; } calo d bd {opacity: 0.44;} .all calo.all, .Sideways cslo.Sideways, .Bullish cblo.Bullish, .Bearish crlo.Bearish, .Batches cclo.Batches { display: block; } calo.all, cslo.Sideways, cblo.Bullish, crlo.Bearish, cclo.Batches { display: block; } /* Component : TradingBotsFutures */ ctbf { display: block; margin-bottom: 22px; } ctbf hd { display: grid ; grid-template-columns: auto 66px; font-size: 9px; align-items: center; padding: 7px; border: solid 1px var(--b-t22); border-radius: 11px; } ctbf other { display: flex; align-items: center; } ctbf mg btn { font-size: 15px; font-weight: 500; border-radius: 8px; padding: 5px 13px; } ctbf hd { display: grid ; grid-template-columns: auto 66px; font-size: 9px; align-items: center; } ctbf bd { display: flex ; margin: 11px 0; column-gap: 11px; align-items: center; } ctbf bd i { width: 18px; height: 18px; } ctbf svg { width: 21px; fill: var(--a); } ctbf h1 {font-size: var(--fs);} ctbf hd t { font-size: 12px; font-weight: 500; opacity: 0.44; } ctbf ft mg { display: grid ; grid-auto-flow: column; overflow-x: scroll; } ctbf hd i { width: fit-content; height: fit-content; display: grid ; grid-row-start: 1; grid-row-end: 3; grid-column-start: 2; } ctbs.All btn.All { background: var(--lg-b); } ctbs.Sideways btn.Sideways { background: var(--b-t22); } ctbs.Bearish btn.Bearish { background: var(--b-t22); } ctbs.Batches btn.Batches { background: var(--b-t22); } ctbs.Bullish btn.Bullish { background: var(--b-t22); } .Bearish ctbf mg btn,.Bullish ctbf mg btn, .Batches ctbf mg btn {transform: translateX(-102px); transition: transform 0.3s linear;} .Sideways ctbf mg btn{transform: translateX(0px); transition: transform 0.3s linear;} /* TradingBots */ ctgbs name svg { width: 17px; } ctgbs amount svg { width: 22px; } ctgbs bd flex { grid-gap: 16px; gap: 16px; display: flex; justify-content: space-between;width:auto; height:auto; } ctgbs bd flex { display: grid; grid-template-columns: 53% 42%; align-items: center; } ctgbs bd f { justify-content: space-between; display: grid ; grid-template-columns: auto auto auto; } ctgbs hd f { display: block; } ctgbs hd f h4>i { height: 22px; width: 22px; } ctgbs hd f h4 { display: flex ; align-items: center; gap: 4px; } ctgbs hd flex { display: block; width: 38px; border-radius: 162px; height: 38px; } ctgbs h1 { flex-direction: column; } ctgbs h3 { flex-direction: column; } ctgbs f h1 { font-size: 11px; flex-direction: column-reverse; display: flex; } ctgbs bd f h1 a1 { opacity: 0.44; } ctgbs trc ft { display: block; } ctgbs btn:nth-child(1) { width: 36%; color: var(--c); background: var(--b1); border-radius: 5px; } ctgbs btn:nth-child(2) { width: 55%; background: var(--lg-b); border-radius: 5px; color: var(--c); } ctgbs btn { margin: 5px; padding: 10px;text-align: center; } ctgbs bd graph { align-items: self-start; display: flex; justify-content: center; } ctgbs>bl>bd { gap: 14px; padding-block: 3px; } ctgbs amount { display: flex; align-items: center; justify-content: center; } ctgbs flex t{ opacity: 0.44; font-size: 12px; font-weight: 100; line-height: 18px; } ctgbs t span{font-size: 12px;font-weight: 500;line-height: 18px;color: #62ff83;} ctgbs flex h2{ opacity: 1; color: #62ff83; font-weight: bold; font-size: 17px; } ctgbs bd h1 { font-size: 13px; font-weight: 500; } /* Component : TradingCrypto */ ctds>bl { display: block; padding: 7px; margin: 7px; } ctdfs hd svg { display: none; } ctdfo>bl hd>mb { display: flex ; align-items: center; } ctdft ctdfs cpt { display: grid; grid-template-columns: 50% 50% 0; height: 55px; width: auto; border-radius: 15px; background: var(--c0); align-items: center; padding: 0 22px; font-size: 15px; } .gray { color: #74767c; } ctdft trc { display: flex; border: solid 1.1px var(--b-t22); border-radius: 8px; margin: 10px; padding: 12px; justify-content: space-between; } ctdft ctdfs cpt bd { display: flex; justify-content: end; } ctdst { display: none; } ctdfs trc bl { border-radius: 15px; background: var(--c0); display: flex; gap: 10px; } ctdfs trc bl h5 { color: var(--b-t44); font-size: 0.9em; } ctdfs trc bl h4 { font-weight: 100; font-size: 0.83em; } ctdft ctdfs trc .greate { display: grid; gap: 6px; } ctdft ctdfs trc ft btn.Create { display: grid; background: var(--lg-b); border-radius: 6px; width: auto; justify-content: center; padding: 10px 22px; top: 10px; } ctdft ctdfs cpt bd h4 { display: flex ; align-items: center; gap: 5px; } sctdc.Spot a.Spot { color: var(--a); box-shadow: 0px 2px 0px 0px; } sctdc.Futures a.Futures { color: var(--a); box-shadow: 0px 2px 0px 0px; } .Futures ctdst { display: block; } .Futures ctdfs { display: none; } ctdst bl { display: grid; grid-template-rows: auto 15% 0; justify-content: center; align-items: center; padding: 22px; } ctdft bl bd mg.Futures { margin: 10px 0 0 11px; } ctdft ctdfs cpt bd svg { height: auto; width: 15px; transform: rotate(270deg); opacity: 44%; } ctdft bd.out i svg { transform: rotate(90deg); } ctdft ctdfs cpt bd i { height: auto; } ctdfo>bl mb>a { display: flex ; justify-content: center; align-items: center; padding: 7px 11px; position: relative; } ctdfo>bl { display: block; padding: 11px; background: var(--b-t); border-radius: 22px; } ctdfo>bl bd>d { display: grid ; grid-template-columns: 50% 50% 0; height: 55px; width: auto; border-radius: 15px; background: var(--c0); align-items: center; padding: 0 22px; font-size: 15px; } ctdfo>bl bd>d>i { height: 15px; width: 15px; display: none; } ctdfo>bl bd>d>f i { height: 17px; width: 17px; transform: rotate(-90deg); margin: 4px; opacity: 0.5; } ctdfo>bl bd>tg { display: flex ; border: solid 1.1px var(--b-t22); border-radius: 8px; margin: 10px; padding: 12px; justify-content: space-between; align-items: center; } ctdfo>bl bd>tg d { border-radius: 15px; display: flex ; gap: 10px; } ctdfo>bl bd>tg d>h5 { opacity: 0.5; font-weight: 400; } ctdfo>bl bd>tg btn { display: grid ; background: var(--lg-b); border-radius: 6px; width: auto; justify-content: center; padding: 10px 22px; top: 10px; } ctdfo>bl d>f.out { justify-content: end; } /* Component : TradingData */ ccso { border-radius: 11px; max-width: 600px; width: -webkit-fill-available; display: block; margin: 7px; } ccso hd { font-size: 22px; font-weight: 600; margin-bottom: 15px; } ccso bd { display: block; } ccso .chartbox { position: relative; } ccso .chartbox i { display: block; overflow: hidden; border-radius: 10px; } ccso .legend { display: flex; justify-content: space-between; padding: 10px 0; } ccso .legend p { font-size: 12px; color: #888; } ccso .datalabels { display: grid ; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 22px; } ccso .datalabels bl { background: #222; padding: 8px; border-radius: 8px; text-align: center; } ccso .datalabels b { display: block; font-size: 14px; color: #ffda79; } ccso .datalabels t { display: block; font-size: 12px; color: #ccc; } ccso ft { margin-top: 20px; text-align: center; } ccso btn { background: #ffda79; padding: 11px 22px; border-radius: 6px; cursor: pointer; color: var(--b); font-size: 0.8em; } ccso .Market_Data { display: flex ; flex-direction: column; max-height: 200px; min-height: 200px; width: 100%; } crt>t#container { display: block; margin: auto; } /* Compopnent : TradingData_FuturesNotional */ ctda>bl { grid-template-columns: 21px auto 60px; display: grid; padding:0px; padding-block: 11px 0px; } ctda h4 { display: grid; gap: 2px; } ctda symbol { font-size: 13px; font-weight: 100; } ctda bd t { color: var(--a); } ctda name { font-size: 12px; font-weight: 100; } ctda amount { font-size: 12px; font-weight: 100; color: var(--b-t44); margin: 4px; } ctda box { width: 16px; height: 16px; background: #ff6d68; margin-top: 9px; display: grid; } ctda box2 { display: flex; width: 16px; height: 3px; background: var(--c); margin-top: 10px; } /* Component : TradingData_FuturesMoneyflow */ ctbom btn { background: var(--b-t22); padding: 5px 6px; margin: 2px; border-radius: 3px; font-size: 12px; width: 33%; justify-content: center; display: flex; } ctbom hd d { display: grid ; grid-template-columns: 85% 54px; } ctbom hd d i { font-size: 11px; font-weight: 500; } ctbom d { display: flex; padding: 0px; background: transparent; gap: 44px; flex-direction: column; } ctbom d i { height: auto; width: auto; } ctbom d i svg { font-family: BinancePlex, Arial, sans-serif; font-size: 12px; line-height: 16px; } ctbom d::after { content: "USDT"; position: absolute; justify-content: center; display: grid; top: 66px; transform: rotate(91deg); right: 11px; color: var(--ct); } ctbom d::before { content: " BNB"; position: absolute; justify-content: center; display: grid; top: 66px; transform: rotate(269deg); left: 11px; color: var(--ct); } ctbom ft { display: block; position: relative; } /* Component : TradingData_FuturesPricechange */ main ctdof graph bl { background: transparent; } ctdof hd bl { background: #126aff21; border-radius: 0px; position: relative; grid-template-columns: 21px auto 60px; display: grid; padding: 0px 11px; border-radius: 4px; } ctdof bl h4 { display: grid; gap: 2px; } ctdof bl symbol { font-size: 13px; font-weight: 100; } ctdof bl name { font-size: 12px; font-weight: 100; } ctdof bl amount { font-size: 12px; font-weight: 100; color: var(--b-t44); margin: 4px; } ctdof bl box { width: 16px; height: 16px; background: #ff6d68; margin-top: 9px; display: grid; } ctdof bl box2 { display: flex; width: 16px; height: 3px; background: var(--c); margin-top: 10px; } ctdof bl hd { display: grid; height: 55px; margin-top: 2px;} ctdof choice { display: grid; grid-template-columns: 85% 54px; align-items: center; } main ctdof graph bl i { height: auto; font-style: unset; width: auto; } ctdof graph hd { display: grid; } ctdof graph bl { display: flex; padding: 0px; background: transparent; gap: 44px; flex-direction: column; } ctdof graph h1 { font-size: 12px; font-weight: 100; padding: 0px; color: var(--ct); } ctdof graph::before { content: " BNB"; position: absolute; justify-content: center; display: grid; top: 299px; transform: rotate(269deg); left: 4px; color: var(--ct); } ctdof graph::after { content: "USDT"; position: absolute; justify-content: center; display: grid; top: 299px; transform: rotate(91deg); right: 4px; color: var(--ct); } ctdof graph bd { display: flex; gap: 11%; justify-content: center; } ctdof graph { padding: 22px; } ctdof graph bl { background: transparent; } ctdof d { display: flex; padding: 0px; background: transparent; gap: 44px; flex-direction: column; } ctdof d i { height: auto; width: auto; } ctdof d i svg { font-family: BinancePlex, Arial, sans-serif; font-size: 12px; line-height: 16px; } ctdof d::after { content: "USDT"; position: absolute; justify-content: center; display: grid; top: 66px; transform: rotate(91deg); right: 11px; color: var(--ct); } ctdof d::before { content: " BNB"; position: absolute; justify-content: center; display: grid; top: 66px; transform: rotate(269deg); left: 11px; color: var(--ct); } ctdof ft { display: block; position: relative; } /* Pricechange1 */ /*TradingScreen*/ app#Flow.tgsn tgsn { display: flex; } tgsn {backdrop-filter: blur(10px); z-index: 100000; background: var(--gn); justify-content: center; align-items: center; width: 100%; display: none; height: 100%; position: absolute; top: 0; left: 0;} tgsn { width: 100%; max-width: 380px; } tgsn bl { background: #1f2937; border-radius: 16px; margin: auto; display: flex; flex-direction: column; overflow: hidden; padding: 16px; } tgsn hd { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding: 0 8px; } tgsn hd div { position: relative; flex-grow: 1; } tgsn hd svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: #9ca3af; } tgsn hd input { background-color: #374151; border: 1px solid #4b5563; border-radius: 8px; padding: 10px 10px 10px 40px; color: #e5e7eb; font-size: 14px; width: 100%; box-sizing: border-box; } tgsn hd input:focus { outline: none; border-color: #facc15; } tgsn hd span { font-size: 16px; color: #d1d5db;} tgsn bd { display: flex; flex-direction: column; gap: 24px; } section-header { display: flex; justify-content: space-between; align-items: center; padding: 0 8px; } section-header span { font-size: 16px; font-weight: 600; color: #f9fafb; } section-header div { display: flex; gap: 8px; } section-header svg { width: 20px; height: 20px; color: #6b7280; cursor: pointer; } tgsn bd ul { display: flex; flex-direction: column; gap: 16px; padding: 0; margin: 0; list-style: none; } tgsn bd li { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 0 8px; } tgsn bd li rank { font-size: 14px; color: #9ca3af; } tgsn bd item { display: flex; align-items: center; gap: 10px; } tgsn bd item svg { width: 28px; height: 28px; } tgsn bd item div { display: flex; align-items: baseline; gap: 6px; } tgsn bd name { font-size: 16px; font-weight: 600; color: #e5e7eb; } tgsn bd pair { font-size: 12px; color: #9ca3af; } tgsn bd div:last-child { flex-direction: column; align-items: flex-end; } tgsn bd price { font-size: 16px; color: #d1d5db; } tgsn bd change { font-size: 14px; font-weight: 500; } tgsn bd .positive { color: #10b981; } tgsn bd .negative { color: #ef4444; } earn-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } tgsn { background: #374151; border-radius: 8px; padding: 12px; text-align: center; } tgsn div { display: flex; justify-content: center; align-items: center; gap: 6px; margin-bottom: 8px; } tgsn svg { width: 24px; height: 24px; } tgsn name { font-size: 14px; font-weight: 600; color: #e5e7eb; } tgsn p { font-size: 12px; color: #9ca3af; margin: 0 0 4px 0; } tgsn apr { font-size: 14px; font-weight: 600; color: #10b981; margin: 0; } /* Component : TradingStats */ cwsn>bl { display: block; padding: 22px 7px; } cwsn>bl>bd { display: grid ; grid-template-columns: 25% 25% 25% 25%; padding: 11px 0; } cwsn>bl>bd d { display: flex ; flex-direction: column; gap: 7px; } cwsn>bl d>t { font-size: 0.88em; color: var(--b-t44); } cwsn>bl ft>btn { display: grid ; grid-template-columns: auto 33px; background: var(--lg-b); justify-content: center; align-items: center; border-radius: 11px; position: relative; gap: 7px; max-width: max-content; padding: 11px 33px; }ctzo { background: var(--b1); max-width: 555px; position: absolute; top: unset; bottom: -333px; left: 0; right: 0; z-index: 999999999; pointer-events: auto; transition: 333ms; overflow: hidden; padding: var(--br1);border-radius: var(--br1);opacity: 0;} ctzo hd { display: flex; justify-content: space-between; } ctzo close { display: flex; width: 22px; height: 22px; } ctzo hd h1 { font-size: 15px; font-weight: 500; } ctzo symbol { font-size: 18px; font-weight: 100; } ctzo bd dt { display: grid; grid-template-columns: 44px auto 0px; position: relative; align-items: center; border: solid 2px var(--b1); padding: 19px 6px; border-radius: 0px; margin-block: 11px; border-bottom: solid 1px var(--b-t22); } ctzo name { font-size: 13px; font-weight: 100; color: var(--ct); } /*Trading_Launchpad*/ tgld { max-width: 1248px; padding-left: 24px; padding-right: 24px; margin-left: auto; margin-right: auto; display: block; } tgld>bl { justify-content: space-between; flex-direction: row; padding-left: 0; padding-right: 0; display: flex; } tgld hd div>h2 { color: var(--a); font-size: 72px; line-height: 76px; } @media screen and (min-width: 999px) { tgld { padding-top: 66px; } } @media screen and (max-width: 999px) { tgld hd h2 { font-size: 35px; line-height: 43px; } tgld hd dv { display: flex; gap: 11px; justify-content: center; } tgld { max-width: unset; padding: 12px; } tgld>bl { display: block; } } /**Trading_Mode**/ atge { display: none ; top: 0; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; cursor: default; z-index: 999999999; height: auto; } app.TM atge { display: flex ;} atge>bl { border: 1px solid var(--bg); background: var(--bc); border-radius: var(--br); width: 370px; margin: auto; padding-top: 10px; padding-bottom: 10px; } atge>bl i{height: 20px; width: 20px;} atge>bl>hd>dv { display: flex ; padding: 8px 10px; justify-content: space-between; align-items: center; } atge>bl>bd>dv { display: flex ; padding: 8px 10px; justify-content: space-between; align-items: center; font-size: 14px; font-weight: 400; line-height: 22px; color: var(---gry); } atge>bl>bd>dv btn { height: 24px; line-height: 24px; border-radius: 4px; padding: 0 6px; color: var(--c); background: var(--b1-t44); } ctdd { max-width: 100%; margin: 0 auto; overflow: scroll; } ctdd>bl bd { display: grid ; border-bottom: 2px solid var(--at); overflow: auto; } ctdd table { border-collapse: collapse; background-color: var(--b1); color: var(--c); border: none; } ctdd tbody tr>td { padding: 11px; height: 0px; overflow-wrap: anywhere; text-align: center; border: none; } /* Component : Tradingbots_Trade */ ctbs>bl { display: block; background: var(--b1); border-radius: 22px; padding: 22px; margin: 10px;} calos.all, csls.Sideways, cblo.Bullish, crlo.Bearish, ccls.Batches { display: none; } .all calos.all, .Sideways csls.Sideways, .Bullish cblo.Bullish, .Bearish crlo.Bearish, .Batches ccls.Batches { display: block; } /* Component : Tradingdata */ ctds>bl>hd { display: grid; grid-template-columns: auto 33px; align-items: center; } ctds mg { display: flex; align-items: center; margin: 11px 0; gap:22px ;} ctds mg a.this {border-radius: 6px; color: var(--c);padding: 2px 8px; } ctds dts dt { display: flex; padding: 11px; margin: 6px; flex-direction: column; } ctds dts dt>h5 { font-weight: 400; } ctds dts dt h4 { font-weight: 400; font-size: 1em; margin-top: 33px; } ctds dts dt { display: flex; padding: 11px; margin: 6px; flex-direction: column; border: solid 1px var(--b1); border-radius: 11px; font-size: 1em; background: var(--b1t44); } t.data-label.left { display: grid ;color: var(--c); } t.data-label.right { display: grid ;color: var(--c); } ctds dts { display: grid ; grid-template-columns: 50% 50%; margin-top: 11px; } ctds crt { display: flex ; justify-content: unset; margin: 0; padding: 0; } /*crt svg { height: 177px; width: 177px; }*/ crt bx { display: block; margin: 11px; } crt bx h5 { font-weight: 400; letter-spacing: 1px; } ctds mg a { color: var(--c); } ctds.BNB a.BNB,ctds.ETH a.ETH,ctds.BTC a.BTC {border-radius: 7px; background: var(--b-t22); padding: 2px 8px;} ctds t.Trading_data-chart { position: relative; overflow: hidden; width: -webkit-fill-available; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; touch-action: manipulation; outline: none; } ccso .Market_Data>div { margin: auto !important; } ctds div.highcharts-legend.highcharts-no-tooltip { position: absolute; left: 111px; top: 340px; opacity: 1; } ctds span { position: absolute; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 11px; white-space: nowrap; font-weight: bold; margin-left: 0px; margin-top: 0px; left: 5px; top: 5px; } ctds span { position: absolute; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 12px; white-space: nowrap; color: rgb(132, 142, 156); cursor: pointer; font-weight: 400; text-overflow: ellipsis; overflow: hidden; margin-left: 0px; margin-top: 0px; left: 13px; top: 3px; fill: rgb(132, 142, 156); } ctds d.highcharts-legend.highcharts-no-tooltip { position: absolute; left: 111px; top: 340px; opacity: 1; } .highcharts-legend-item.highcharts-pie-series.highcharts-color-0 { position: absolute; left: 8px; top: 3px; opacity: 1; } .highcharts-legend-item.highcharts-pie-series.highcharts-color-1 {position: absolute; left: 114px; top: 3px; opacity: 1; } .highcharts-legend-item.highcharts-pie-series.highcharts-color-2 {position: absolute; left: 8px; top: 30px; opacity: 1; } .highcharts-legend-item.highcharts-pie-series.highcharts-color-3 { position: absolute; left: 114px; top: 30px; opacity: 1; } ctds dt .highcharts-data-labels.highcharts-series-0.highcharts-pie-series.highcharts-tracker { position: absolute; left: 10px; top: 10px; opacity: 1; visibility: inherit; } ctds .highcharts-label.highcharts-data-label.highcharts-data-label-color-0.highcharts-tracker { position: absolute; left: 348px; top: 48px; opacity: 1; cursor: pointer; visibility: inherit; } ctds .highcharts-label.highcharts-data-label.highcharts-data-label-color-1.highcharts-tracker { position: absolute; left: 348px; top: 200px; opacity: 1; cursor: pointer; visibility: inherit;} ctds .highcharts-label.highcharts-data-label.highcharts-data-label-color-2.highcharts-tracker { position: absolute; left: 5px; top: 261px; opacity: 1; cursor: pointer; visibility: inherit;} ctds .highcharts-label.highcharts-data-label.highcharts-data-label-color-3.highcharts-tracker { position: absolute; left: 15px; top: 55px; opacity: 1; cursor: pointer; visibility: inherit;} /* Component : Candle */ ctsco candle t { color: rgb(255 109 104); } ctsco bd h1 { margin: 22PX 0px; font-size: 11px; } ctsco bd h2 { font-size: 15px; font-weight: 500; display: flex; } ctsco bd t { color: rgb(14, 203, 129); } ctsco cd { height: 99px; background: rgb(255 109 104); width: 12px; border-radius: 2px; display: block; } ctsco h6 { margin: auto; margin-bottom: 0; justify-items: center; display: grid ; gap: 7px; } ctsco h6:nth-child(1) { color: rgb(255 109 104); } ctsco h6:nth-child(2) { color: rgb(14 203 129); } ctsco h6:nth-child(3) { color: rgb(255 109 104); } ctsco h6:nth-child(4) { color: rgb(255 109 104); } ctsco candle { margin: auto; } ctsco bl ft { display: flex ; } ctsco>d { display: block; margin: 11px 0px; font-size: 13px; font-weight: 100; } ctsco hd h1 { margin: 22PX 0px; font-size: 11px; } ctsco hd h2 { font-size: 15px; font-weight: 500; display: flex; } ctsco hd t { color: rgb(14, 203, 129); } ctsco bl hd { margin-top: 22px; } ctsco bl ft { display: flex ; margin-top: 22px; } @media only screen and (max-width: 999px) { ctsco { margin: 7px; } } /* Component : Tradingdata_Moneyflow */ stdo nv2 gg { display: flex; justify-content: space-around; font-size: 14px; padding: 4px 44px; margin: 0px 33px; } stdo nv2 a { font-weight: 800; } ctbom bl>bd h4 { font-size: 15px; font-weight: 500; display: flex; } ctbom bl>bd i { font-size: 11px; grid-template-columns: auto 20px; display: grid; } ctbom bl>bd svg { filter: opacity(0.4); } ctbom>hd { gap: 10px; display: flex; flex-direction: column; } ctbom bl>bd { display: grid ; grid-template-columns: auto auto; justify-content: space-between; } /* Moneyflow1 */ ctbom hd bl { border-bottom: solid 1px var(--b1-t44); background: #126aff21; border-radius: 0px; position: relative; grid-template-columns: 21px auto 60px; display: grid; padding: 0px 11px; border-radius: 4px; } ctbom graph hd { display: grid; } ctbom graph h1 { font-size: 12px; font-weight: 100; padding: 0px; color: var(--ct); } ctbom graph bd { display: flex; gap: 11%; justify-content: center; } ctbom>bd { margin-block: 11px; display: block; padding-block: 11px; } @media only screen and (max-width: 999px) { ctbom svg.highcharts-root { opacity: unset; } stdo sidebar { position: unset !important; } ctbom { margin: 7px; } ctbom crt>div { position: relative; overflow: hidden; width: auto; height: 420px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; touch-action: manipulation; outline: none; } ctbom crt { margin: unset; } } /* Componjent : Tradingdata_Orders */ ctsos or { display: grid; gap: 11px; grid-template-columns: 125px auto auto auto; align-items: center; border-bottom: solid 1px var(--c1); } ctsos or:last-child { border: none; } ctsos or h1 { margin: 5px 11px; font-size: 13px; font-weight: 200; padding: 11px 0px; } ctsos bd h1 { font-size: 13px; font-weight: 200; padding: 11px 0px; } ctsos or h2 { font-size: 11px; font-weight: 200; color: rgb(14, 203, 129); } ctsos or h3 { font-size: 11px; font-weight: 200; color: rgb(246, 70, 93); } ctsos or h4 { font-size: 11px; font-weight: 500; } ctsos bl hd h1 { font-size: 12px; font-weight: 500; display: block; color: var(--b-t44); margin: 14px; } ctsos bl bd { background: var(--b1-t44); display: block; padding: 4px; border-radius: 4px; } ctsos bl hd { display: flex ; justify-content: end; } @media only screen and (max-width: 999px) { ctsos { margin: 7px; } } /* Component : Tradingdata_PriceChange */ ctdos { position: relative; display:block; background:var(--b1t44); border:solid 2px var(--b-t44); padding:11px; border-radius: 22px; width: unset;margin: 12px 0; } ctdos hd { display: grid ; margin: 7px; grid-template-columns: 18% 71% 8%; border-radius: 22px; justify-content: space-between; gap: 6px; font-weight: 600; font-size: 14px; margin-top: 15px; } ctdos bd { gap: 14px; padding-block: 3px; margin: 0px 10px; display: flex; flex-direction: column; justify-content: center; } ctdos ft { display: block; } ctdos bl1 { display: flex; border-radius: 162px; } ctdos name { display: flex; font-size: 12px; opacity: 0.44; gap: 7px; margin-block: 7px; } ctdos img { object-fit: contain; height: 100%; width: 100%; } ctdos hd bl2 { display: block; } ctdos h1 { margin: 5px; } ctdos text>h1 { font-size: 13px; font-weight: 100; padding: 11px 0px; } ctdos ft div { display: grid ; grid-template-columns: 50% 50%; } ctdos btn:nth-child(1) { width: auto; color: var(--c); background: var(--b1); border-radius: 11px; padding: 7px; text-align: center; margin-right: 11px; font-size: 0.88em; font-weight: 500; align-content: center; } ctdos btn:nth-child(2) { width: auto; background: var(--lg-b); border-radius: 11px; color: var(--c); padding: 7px; text-align: center; font-size: 0.88em; font-weight: 500; align-content: center; } ctdos name svg { width: 17px; margin: unset; } ctdos amount { display: flex; align-items: center; justify-content: center; } ctdos bd bl1 { display: grid; grid-template-columns: 53% 42%; align-items: center; } ctdos bd bl1 h2 { opacity: 1; color: #62ff83; font-weight: bold; font-size: 17px; } ctdos bd bl1 a { opacity: 0.44; font-size: 12px; font-weight: 100; line-height: 18px; } ctdos bd graph { align-items: self-start; display: flex; justify-content: end; width: 70%; } ctdos bd>bl2 { justify-content: space-between; display: flex; } ctdos bl2 h1 { font-size: 11px; flex-direction: column-reverse; display: flex; } ctdos hd bl1 { display: block; width: 38px; border-radius: 162px; height: 38px;overflow: hidden; } /* Component : Tradingdata_PriceChanges */ ctdoh>bl>hd { display: block; margin: 11px 0px; font-size: 13px; font-weight: 100; } ctdoh hd h2 { font-size: 15px; font-weight: 500; display: flex; } ctdoh hd h1 { margin: 12PX 0px; font-size: 11px; } ctdoh name svg { width: 17px; margin: unset; } ctdoh amount { display: flex; align-items: center; justify-content: center; } ctdoh amount svg { width: 22px; } ctdoh bd bl1 { display: grid; grid-template-columns: 53% 42%; align-items: center; } ctdoh bd bl1 h1 { opacity: 0.44; } ctdoh bd bl1 h2 { opacity: 1; color: #62ff83; font-weight: bold; font-size: 17px; } ctdoh bd bl1 a { opacity: 0.44; font-size: 12px; font-weight: 100; line-height: 18px; } ctdoh bd graph { align-items: self-start; display: flex; justify-content: end; width: 70%; } ctdoh bd>bl2 { justify-content: space-between; display: flex; } ctdoh bd bl2 a1 { opacity: 0.44; font-weight: 500; } ctdoh bd bl1 { grid-gap: 16px; gap: 16px; display: flex; justify-content: space-between; width: auto; height: auto; } ctdoh bl2 h1 { font-size: 11px; flex-direction: column-reverse; display: flex; } ctdoh hd bl1 { display: block; width: 38px; border-radius: 162px; height: 38px;overflow: hidden; } ctdoh { display: block; padding-block: 11px; margin-block: 11px; } ctdoh ctdoh or h4 { font-size: 11px; font-weight: 200; } @media only screen and (min-width: 999px){ ctdoh bd trcs { display: grid; grid-template-columns: auto auto; column-gap: 21px; } ctdoh trc { margin: 0; } } @media only screen and (max-width: 999px){ ctdoh trc { width: auto; } ctdoh { margin: 7px } } /* Component : Convert_Transaction */ ctrc>bl { grid-gap: 7px; align-items: center; grid-template-columns: 88px auto auto; background: var(--b-t); border: 1px solid var(--b-t); border-radius: 11px; padding: 14px; overflow: hidden; position: relative; display: grid ; transition: 33ms; } ctrc>bl:hover { opacity: .8; } ctrc>bl>hd { display: flex ; align-items: center; justify-content: center; height: 55px; width: 55px; padding: 7px; border-radius: 11px; background: var(--bt); border: var(--b); } ctrc * { font-weight: 500; } /*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: grid ; font-weight: 500; } ctrc>bl>ft time { opacity: .7; font-size: 0.88em; font-weight: 400; } @media (max-width : 999px) { ctrc>bl { grid-template-columns: 55px auto auto; padding: 11px; font-size: 0.88em; } ctrc>bl>bd { flex-direction: column; } ctrc>bl>hd { padding: 0; } ctrc>bl i { height: 34px; width: 34px; display: block; margin: auto; } } /* Component : TransactionLevel */ lvls { display: grid; padding: 11px; position: relative; height: max-content; border-radius: var(--br1); align-items: center; width: -webkit-fill-available; background: var(--b1t44); margin: var(--m); } lvls hd { display: grid; grid-template-columns: 33px auto; font-weight: 300;} lvls hd i { background: var(--a1); height: 22px; width: 22px; border-radius: 55%; } /* Component : TransactionLevels */ cusalv { display: block; padding: 11px;} cusalv>bl>bd { display: grid ; grid-auto-flow: column; overflow-x: scroll; } /*Transaction_History*/ tnhy>bl { border-radius: 12px; margin: auto; display: flex ; flex-direction: column; overflow: hidden; padding: 10px; margin-top: 20px; } tnhy>bl>hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;} tnhy>bl>hd>h2 { font-size: 18px; font-weight: 600; color: #f9fafb; margin: 0; } tnhy>bl>hd>div { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(---gry); cursor: pointer; } tnhy>bl>hd>svg { width: 14px; height: 14px; fill:var(---gry);} tnhy>bl>bd { display: flex; flex-direction: column; gap: 20px; } tnhy>bl>bd>div { display: flex; justify-content: space-between; align-items: flex-start; } tnhy>bl>bd>info { display: flex; flex-direction: column; gap: 4px; } tnhy>bl>bd>h3 { font-size: 16px; font-weight: 500; display: block; } tnhy>bl>bd>p { font-size: 12px; color: var(---gry); margin: 0;} tnhy>bl>bd>amount { font-size: 16px; font-weight: 500; } tnhy hd i { transform: rotate( 272deg); } tnhy>bl>ft { margin-top: 24px;} tnhy>bl>ft>p { font-size: 12px; color: var(---gry); margin: 0; line-height: 1.5; } tnhy>bl>ft>p:first-child { margin-bottom: 4px; } /* Transactions */ ctrcs>bl { row-gap: 11px; background: var(--b-t); padding: 22px; border-radius: 22px; } ctrcs>bl ft>btn { display: flex ; text-align: center; padding: 12px; background: var(--lg-b); border-radius: 22px; max-width: 332px; font-size: 0.88em; font-weight: 600; margin: 11px auto; transition: 77ms; position: relative; white-space: nowrap; align-items: center; } 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; } scts main { margin-bottom: 88px; } ctrc { margin-top: 10px; display: block; } ctrc>bl>ft d { display: grid; text-align: end; } @media (max-width : 999px) { ctrc>bl>ft { display: none; } ctrcs>bl hd>mb>d { display: none; } ctrcs { display: block; background: transparent; margin: 0; border-radius: 0; } ctrcs>bl>bd { background: transparent; padding: 0; } scts main { margin-bottom: 77px; } }/*Transactions01*/ atnt { overflow: scroll; display: block; width: 100%; } atnt table { border-collapse: collapse; width: unset; position: relative; } atnt th, atnt td { text-align: left; padding: 8px;height: 17px;overflow-wrap: normal;font-size: 13px; color: var(--c); white-space: nowrap; font-weight: 400; border: 0;} atnt td { font-size: 0.9em; word-break: break-all;} atnt td i { height: 30px; width: 30px; margin-right: 10px; } atnt bl bd { display: flex ; flex-direction: column; } atnt th i { height: 10px; width: fit-content; } atnt th f,atnt td f { display: flex ; align-items: center; font-size: 0.77em; font-weight: 500; width: 188px; opacity: 0.6; height: 25px; } atnt td span.complete {color: var(---gr);font-size: 12px;} atnt td span.pending { color: var(---y);font-size: 12px;} atnt td span.failed { color: var(---rd);font-size: 12px;} atnt td f { opacity: 1; } atnt td span.positive { color:var(---gr); } atnt td f tx { background: var(--b1t); padding: 5px 7px; margin: 0px 2px; border-radius: 3px; font-size: 10px; font-weight: 500; } atnt td i { height: 15px; width: 24px; } atnt td i.arw { transform: rotate(182deg); height: 30px; width: 22px; margin-left: auto; } /* Component : TransactionsAll */ ctrnl { display: block; background: var(--b1-t44); padding: 22px; border-radius: 22px; } ctrnl bd h4 { margin: 7px; } chmtc cct { padding: 11px 0; gap: 12px; display: grid; } chmtc bd h4 { font-weight: 100; position: relative; } chmtc bd div bb { height: 28px; width: 60px; right: 0; } chmtc bd div bb oo { height: 24px; width: 25px; } chmtc { margin: 14px; display: block; } chmtc bd div { grid-template-columns: auto 46px 5px; justify-content: unset; display: grid; padding: 8px 0; border-radius: 0; position: relative; } chmtc bd div t { background: var(--lg-b); margin: 4 0; } chmtc ft bl btn { display: flex; justify-content: center; align-items: center; background: var(--lg-b); border-radius: 5px; position: relative; padding: 11px; margin: 22px; margin-bottom: 0; } chmtc ft bl { padding: 10px 0; border-top: solid 2px var(--b-t44); border-radius: 0; } chmtc cct i { height: 25px; filter: contrast(0.1); width: auto; left: 8px; } chmtc bd cct div { display: flex ; justify-content: space-between; padding: 8px 0; border-radius: 0; } ctow>bl { border-radius: var(--br); border: solid 1px var(--b1); padding: 24px; margin-top: 24px; } ctow>bl>hd { display: flex ; justify-content: space-between;margin-bottom: 24px; } ctow>bl>hd d { display: flex ; align-items: center; } ctow>bl>hd d i { width: 20px; height: 20px; transform: rotate(177deg); filter: brightness(0.5); } ctow>bl>hd d i:hover { filter: none; } ctow>bl>hd h2 { font-size: 24px; font-weight: 500; line-height: 32px; } @media(max-width:999px){ ctow>bl>hd h2 { font-size: 15px;} }/**Transfer**/ atro { display: none ; top: 0; align-items: center; justify-content: center; backdrop-filter: brightness(0.2); position: absolute; bottom: 0; left: 0; right: 0; width: 100%; cursor: default; z-index: 999999999; height: auto; } app.tt atro { display: flex ; } atro>bl { border: 1px solid var(--bg); background: var(--bc); border-radius: var(--br); width: 520px; margin: auto; padding: 20px;} atro>bl>hd>dv { display: flex ; justify-content: space-between; align-items: center; margin-block: 0 1rem; } atro>bl>hd>dv h2 { font-size: 20px; font-weight: 500; line-height: 28px; } atro>bl>hd i { height: 25px; width: 25px; } atro>bl>hd>div i svg { fill: var(--b-t44); height: 20px; } atro>bl>bd i { height: 20px; width: 20px; } atro>bl>hd>dv d { display: flex ; gap: 6px; } atro>bl>hd>div { display: flex ; justify-content: space-between; background: var(--b1-t44); margin: 0; align-items: center; border: solid 1px var(--b-t22); padding: 16px 12px; border-radius: 10px; margin-bottom: 32px; } atro>bl>hd>div btns { display: flex ; flex-direction: column; align-items: unset; width: -webkit-fill-available; } atro>bl>hd>div btns dd { margin: 0; display: flex ; justify-content: space-between; } atro>bl>hd>div btns dd:nth-child(2) { margin-top: 16px; } atro>bl>hd>div btns dd span {display: flex ; gap: 16px; font-size: 14px; line-height: 22px; color: var(--b-t44); } atro>bl>hd>div btns dd span b { color: var(--c); } atro>bl>hd>div btns dd:nth-child(2) span { gap: 34px; } atro>bl>bd { display: flex ; flex-direction: column; gap: 5px; margin-bottom: 7rem; } atro>bl>bd btn { display: flex ; justify-content: space-between; background: var(--b1-t44); margin: 0; align-items: center; border: solid 1px var(--b-t22); border-radius: 10px; padding-left: 12px; padding-right: 12px; } atro>bl>bd btn d { display: flex ; align-items: center; gap: 10px; } atro>bl>bd btn p { color: var(---gry); } atro>bl>bd span { font-size: 14px; font-weight: 400; line-height: 22px; color: var(---rd); } atro>bl>bd b { font-size: 14px; font-weight: 500; line-height: 22px; } atro>bl>bd btn d b { font-size: 16px; } atro>bl>bd btn d:nth-child(2) b:nth-child(2) { color: var(--a); } atro>bl>bd p { display: flex ; gap: 8px; color: var(--b-t44); } atro>bl>bd p b {color: var(--c); } atro>bl>ft { display: flex ; justify-content: center; background: var(--a); border-radius: 10px; font-size: 16px; font-weight: 500; line-height: 24px; color: var(--b); padding-left: 20px; padding-right: 20px; height: 48px; align-items: center; opacity: .6; } trcr>bl { display: block; width: -webkit-fill-available; background: var(--b1-t44); color: var(--c); padding: 22px; border-radius: 22px; border: 1px solid var(--c1); max-width: 520px; } trcr hd { padding-bottom:12px; margin-bottom:12px;display: grid ; grid-template-columns: auto 45px 26px; } trcr gr t {margin: 12px 0;} trcr hd h3 { font-size: var(--p); color: var(--c); margin: 0 0 6px 0; font-weight: 500; } trcr hd p { font-size:0.86em; color:var(--b-t77); margin:0; grid-column-start: 1; grid-column-end: 4; } trcr bd { display:block; padding:6px 0 12px 0;position: relative; } trcr bd>p { font-size: 0.85em; color: var(---gry); margin: 8px 0 26px 0; display: flex ; justify-content: end; align-items: center; gap: 5px; } trcr bd t { font-size:0.85em; color:var(--b-t77); } trcr bd i { display:inline-flex; align-items:center; justify-content:center; border-radius:8px; } trcr bd i { width:20px; height:20px; display:block; } trcr bd input { width: -webkit-fill-available; background: 0; color: var(--c); margin: 0; height: fit-content; font-size: 0.99em; font-weight: 500; } trcr rd.red { font-size: 0.88em; font-weight: 500; color: var(---rd); filter: contrast(0.6); } trcr bd input::placeholder { color:rgb(255 255 255 / 25%); } trcr btns { display:flex; gap:8px; margin: 14px 0 2px 0; } trcr btns btn {flex: 1; display: inline-block; padding: 10px 6px; border-radius: 8px; background: transparent; border: 1px solid var(--ct); color: var(--c); cursor: pointer; text-align: center; } trcr btns btn:hover { background:var(--b1-t); } trcr ft { margin-top:14px; text-align:center; } trcr ft btn { display: block; width: -webkit-fill-available; padding: 12px; border-radius: 11px; background: var(--lg-b); color: var(--c); font-weight: 400; cursor: pointer; border: 0; font-size: 1.1em; margin-top: 11px;} trcr bd>btn { display:flex;padding: 10px 6px; border-radius: 8px; background: transparent; border: 1px solid var(--ct); color: var(--c); cursor: pointer; text-align: center;justify-content: space-between; align-items: center; } trcr gd t { font-size: 1.22em; color: var(--a); margin-left: 6px; } trcr bd gd { display:flex;padding: 10px 6px; border-radius: 8px; background: transparent; border: 1px solid var(--ct); color: var(--c); cursor: pointer; text-align: center;justify-content: space-between; align-items: center; } trcr gd t { font-size: 1.22em; color: var(--a); } trcr btn i { width: 22px; height: 22px; background: 0; } trcr f {align-items: center; gap: 7px;} trcr f h2 {font-size: 0.99em; font-weight: 400; } trcr f span {font-size: 0.88em; color: var(--b-t22); } trcr h3 {font-size: 0.99em; font-weight: 400; margin-bottom: 8px; } trcr gr { display:flex; justify-content: space-between; align-items: end; } trcr gr p { font-size: 0.99em; color: var(--c); } trcr culo { border-radius: 22px; width: -webkit-fill-available; padding: 0px 0px; top: 90px;} trcr culo p{margin: 0;} @media(max-width:999px){ trcr bl { width:-webkit-fill-available; padding:14px; } trcr bd bd { gap:6px; } trcr gd t {font-size: 0.99em;} trcr f h2 {font-size: 0.77em;} trcr rd.red { font-size: 0.66em; } } /* Component : TransferCrypto */ ctfs { display: block; width: 100%; transition: 333ms; } ctfs aa.active {color: var(--a); border-bottom: 1px solid; padding: 12px 0; } ctfs.cryptos aa:nth-child(1) { background: var(--a); padding: 11px 0; } ctfs.cashs aa:nth-child(2) { background: var(--a); padding: 11px 0; } ctfs d h3 { margin-bottom: 14px; } ctfs d:nth-child(2) { margin-top: 14px; } ctfs mg aa { border-radius: 7px; margin: 0 5px; } ctfs>bd { margin-bottom: 44px; } ctfs>bd>bl>hd { display: flex ; justify-content: space-between; } ctfs>bd>bl>hd { display: block; } ctfs mg { display: grid ; grid-template-columns: 50% 50%; height: 55px; border-radius: 7px; position: relative; margin: 7px; text-align: center; align-items: center; background: var(--b1); } ctfs mg>d { position: absolute; top: 0; bottom: 0; right: 50%; left: 0; display: block; z-index: 0; transition: 333ms; background: var(--a); border-radius: 7px; } ctfs .cashs btn.this~d { left: 50%; right: 0%; } ctfs mg btn { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 99; cursor: pointer; } ctfs mg btn t { padding: 7px; } ctfs pbl { display: grid; background: var(--b1); padding: 11px; border-radius: var(--br1); grid-template-columns: 70% 30%; align-items: center; } ctfs pbl p { margin: 7px 0; color: var(--a); } ctfs histry hd { height: 44px; margin-top: 11px; display: flex; align-items: center; justify-content: space-between; } cccs histry bd { display: flex ; gap: 7px; padding: 11px 0 ; } ctfs f a, cccs histry a { padding: 4px 11px; border-radius: 7px; font-size: 0.88em; font-weight: 400; } ctfs bd d cpt { display: grid; grid-template-columns: 55px auto 111px; color: var(--c); border-radius: var(--br1); position: relative; margin: 11px 0; padding: 15px 22px; background: var(--b1-t44); } ctfs bd d cpt>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); display: flex; align-items: center; } ctfs bd d cpt>hd img { object-fit: contain; height: 66%; width: 66%; } ctfs bd d cpt>bd { display: flex; flex-direction: column; justify-content: center; } ctfs bd d cpt>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } ctfs>bl { border-radius: unset; background: transparent; padding: 11px; position: relative; display: block; } ctfs d{ position: relative; transition: 333ms; padding: 11px; display: block; } ctfs hd d a { background: var(--b1); padding:8px 16px; border-radius: 7px; font-weight: 500; margin-right: 10px; } ctfs clcy>bl{ display: grid; grid-template-columns: 66px auto 111px; color: var(--c); border-radius: var(--br1); position: relative; margin: 11px 0; padding: 11px; background: var(--lg); } ctfs clcy hd { height: 55px; width: 55px; border-radius: 15px; background: var(--c0); margin: auto; display: flex; align-items: center; justify-content: center; } ctfs inrpp hd img { object-fit: contain; height: 77%; width: 77%; } ctfs clcy bd { display: flex ; flex-direction: column; justify-content: center; } ctfs clcy ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } ctfs next { display: flex; height: 33px; width: 33px; align-items: center; justify-content: center; background: var(--a); border-radius: 555px; padding: 1px; } ctfs hd a { padding: 4px 11px; border-radius: 7px; font-weight: 100; } ctfs.cryptos div { display: block; } ctfs.cashs clncy { display: block; } clncy { display: none; } ctfs div {display: none;} sadw d.main {margin-bottom: 77px; } sadw main {border-bottom: solid 2px var(---gry); } /* Component : TransferNew */ trfr>bl { display: grid; background: var(--bt); border-radius: 11px; grid-template-columns: 85px auto 40px; align-items: center; padding: 11px; gap: 2%; margin: 11px 0; backdrop-filter: blur(5px); box-shadow: 0 0 0px 2px var(--b-t22), 0 0 3px 1px var(--b-t); margin-top: 0; } trfr hd dvv { display: grid; grid-template-columns: 33px auto; } trfr hd idnt i { height: 18px; width: 18px; margin: 2px; opacity: 0.5; } trfr switch svg { height: 22px; width: 22px; transform: rotate(90deg); transition: 333ms; } /* Component : TransferNew*/ ctno { border-radius: 22px; margin: 11px 0; position: relative; overflow: hidden; background: var(--b-t); padding: 22px; display: grid; } ctno>bl>bg { bottom: 105px; right: -286px; display: none; } ctno>bl>bg>i { animation: circule 100s linear infinite; height: 100%; width: 100%; filter: blur(2px); } ctno h3 i { width: 24px; height: 24px; } ctno 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; } ctno amt>d>input { padding: 7px 11px; font-size: 1em; font-weight: bold; font-family: system-ui; background: var(--c0); text-align: center; grid-column-end: 3; grid-column-start: 1; width: 90%; border-radius: 11px; margin: 6px 0; border: solid 1px rgb(255 255 255 / 11%); margin-bottom: 2px; } ctno aa { 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: var(--a); border-radius: 11px; width: 88%; margin: auto; margin-top: 18px; backdrop-filter: blur(5px); transition: 95ms; } ctno aa i { height: 33px; width: 33px; margin-right: 11px; fill: #fff; } ctno aa:active { box-shadow: none; transform: scale(0.95); background: var(--b); } ctno aa svg { fill: var(--c); max-height: 77%; max-width: 77%; } ctno 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} ctno new wc>f>input { height: 77%; } ctno out form input { border: 1px solid var(--bc); background: unset; border-radius: 7px; padding: 11px; margin: 11px 0; width: 100%; } ctno new { float: none; background: transparent; box-shadow: unset; position: relative; display: block; } ctno trfr>ft {display: flex; justify-content: center; transition: 333ms;} ctno trfr>ft { transform: rotate(180deg); } ctno trfr dvv { display: grid; grid-template-columns: 33px auto; align-items: center; opacity: 0.5; } ctno trfr>bd { display: block; } ctno amt wl { display: block; gap: 2%; align-items: center; margin: 16px; right: 10px; position: relative; } ctno amt wl h5 { margin-top: 1px; letter-spacing: 0.66px; font-weight: 400; } ctno amt>hd { margin-top: 6px; } trfr dv.wlt { outline: 0; font-size: 1em; background: none; border: none; transition: 333ms; top: 0px; position: absolute; } trfr div.fnd { outline: 0; font-size: 0.88em; background: none; border: none; transition: 333ms; position: absolute; bottom: 1px; } ctno hd>h3 { display: grid; grid-template-columns: 22px auto; gap: 2%; margin: 18px; } ctno select { background: none; border: none; } ctno trx { font-family: system-ui; font-size: 1em; font-weight: bold; } ctno form>sl { padding: 5px 11px; background: var(--b1-t44); border-radius: 11px; display: block; margin: 0; margin-bottom: 11px; } ctno form>sl>select { border-radius: 11px; margin: 0; width: 100%; outline: 0; font-weight: bold; font-size: 1em; color: var(--c); } ctno amt>hd>input { padding: 15px 11px; font-size: 1em; font-weight: bold; font-family: system-ui; background: var(--b1-t44); text-align: center; grid-column-end: 3;grid-column-start: 1; width: auto; border-radius: 11px; margin: 6px 0; border: solid 1px rgb(255 255 255 / 11%); margin-bottom: 2px; transition: 99ms; } ctno amt>hd>input:focus { box-shadow: 0 0 0px 2px var(--b-t22), 0 0 3px 1px var(--b-t); } .switch trfr switch svg { transform: rotate(270deg); } .switch trfr dv.wlt { transform: translate(0, 50px); } .switch trfr div.fnd { transform: translate(0, -50px); } trfr>bl bd { position: relative; display: block; height: -webkit-fill-available; } /* Component : TransferTransaction */ cttno>bl { display: grid ; grid-template-columns: 55px auto 55px; align-items: center; background: var(--b1); padding: 22px; border-radius: 22px; position: relative; } cttno hd { display: flex ; } cttno hd img { width: 44px; height: 44px; } cttno ft { display: block; text-align: end; } /* Component : Transfer_Transactions */ ctto { display: block; background: var(--b1-t44); padding: 22px; border-radius: 22px; } ctto>bl>hd { display: grid ; grid-template-columns: 44px auto; display: none; } ctto>bl>hd>i { height: 40px; width: 40px; } ctto trc img { object-fit: cover; height: 44%; width: 44%; filter: invert(77%); } ctto hd h3 { display: flex ; align-items: center; padding-left: 1px; } ctto bd trcs>h4 { margin: 7px; } ctto trc>hd { height: 55px; width: 55px; border-radius: 15px; background: var(--b1); display: flex; align-items: center; justify-content: center; } ctto no t { padding: 30px 0; } /* Component : Trending_Article */ trna { display: grid; padding: 3px 8px; margin: 11px 0px; } trna>bl p { padding: 0; font-size: 12px; font-weight: 400; margin: 7px 0px; cursor: pointer;} trna>bl>bd i { height: 22px; width: 22px; overflow: hidden; border-radius: 50%; } trna>bl>bd d { display: flex; align-items: center; gap: 8px; width: fit-content; cursor: pointer; } trna>bl>bd name { font-size: 12px; } /* Component : Trending_Articles */ trnas { margin-bottom: 20px; display: block; background: var(--b1-t44); border: solid 1px var(--c1); padding: 22px; border-radius: 22px; } trnas>bl>hd h2 { font-size: 20px; font-weight: 500; line-height: 24px; } trnas>bl>ft btn { font-size: 14px; color: var(--a); font-weight: 500; cursor: pointer;position: relative; }/**Trending_Topics**/ atts { margin-bottom: 20px; display: block; background: var(--b1-t44); border: solid 1px var(--c1); border-radius: 22px; position: relative; } atts bl hd { display: flex; justify-content: space-between; align-items: center; padding: 20px;} atts hd h2 { font-size: 20px; font-weight: 500; line-height: 24px; } atts bl hd i { z-index: -1; position: absolute; top: 2%; right: 1%; height: 100px; width: 100px; } atts hd i path { fill: var(--a); } atts bd>dv:nth-child(1) { display: flex ; gap: 5px; } atts bd>dv { display: block; padding: 11px 20px; } atts bd>dv:nth-child(1) p { padding: 0; } atts bd>dv p { padding: 0; } atts bd>dv dd:nth-child(1) { background: unset; border: 0; margin-block: 0; padding: 0; } atts bd>dv dd { background: var(--b1); border: solid 1px var(--b-t22);padding: 8px 12px; border-radius: 12px; margin-block: 5px;margin-inline-start: 0px; } atts dv dd d { display: flex ; align-items: center; gap: 6px; } atts dv hr { width: 1px; background: var(--bc); height: 15px; margin: 0; } atts bd>dv dd p { margin: 0; color: var(--b-t44); padding: 0;} atts bd>dv dd b { font-size: 14px; font-weight: 400; margin-bottom: 4px; display: block; } atts bd>dv>p:nth-of-type(2) { font-size: 13px; color: var(--b-t44); margin: 0; padding: 0; } atts bl ft { display: block; padding: 20px; } atts ft>a { font-size: 15px; color: var(--a); font-weight: 500; } /*TrustFactor*/ ctfo { display: block; margin: 0; margin-top: 22px; padding: var(--p); border-radius: 16px; background: 0; border: 1px solid var(--b1); } ctfo bd { display: block; margin-top: 11px; } ctfo gd { display: grid; grid-template-columns: 33px auto; background: var(--at); padding: 11px; border-radius: 11px; margin-top: 12px;} ctfo gd t { margin: 0; font-size: 12px; font-weight: 400; } ctfo gd d { display: grid; grid-column-start: 2; } ctfo gd a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a);text-decoration: underline; } ctfo bd dt { display: grid; grid-template-columns: 28px auto auto; align-items: normal; height: fit-content; margin-block: 22px; column-gap: 11px; } ctfo bd dt i { height: 22px; } ctfo bd dt p { font-size: 12px; margin: 0px; color: var(--b-t44); font-weight: 400; } ctfo bd dt dv { display: flex ; align-items: center; gap: 12px; margin-left: 33px; justify-content: end; } ctfo bd dt dv d:first-child { display: grid; grid-template-columns: 22px auto; align-items: center; } ctfo bd dt dv btn { background: var(--b-t22); padding: 4px 16px; border-radius: 4px; font-size: 14px;cursor: auto; } ctfo dt a { font-size: 13px; font-weight: 400; line-height: 21px; color: var(--a);text-decoration: underline; } ctfo label { opacity: unset; } @media only screen and (max-width: 999px) { ctfo bd dt dv d:first-child { display: flex ; align-items: center; } ctfo bd dt dv:nth-child(3) { margin-left: 0; justify-content: space-between; } ctfo dt dv { display: grid ; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } ctfo bd bl { grid-template-columns: 28px auto; row-gap: 11px; border-bottom: solid 1px var(--bc);padding-bottom: 24px; } ctfo bd bl ft { display: grid; grid-column-start: 2; margin: 0; grid-template-columns: auto auto; justify-content: space-between; } ctfo h3 { font-size: 18px; font-weight: 600; line-height: 26px; } ctfo bd dt { grid-template-columns: 28px auto; row-gap: 11px; border-bottom: solid 1px var(--bc); padding-bottom: 24px; } ctfo { margin: 11px;border: 0; padding: 11px;margin-top: 22px; } } /* Component : Unavailable */ cubo bl { background: var(--b-t); border-radius: 22px; padding: 11px; } cubo hd i { margin: 22px auto; max-width: 112px; } cubo bd { display: block; text-align: center; } cubo ft { padding: 18px; padding-top: 0; padding-bottom: 44px; } cubo ft bttn { margin: 12px auto 0px auto; padding: 8px 0px; display: flex ; width: 52%; border-radius: 11px; justify-content: center; align-items: center; background: var(--lg-b); color: var(--c); max-width: 333px; } cubo ft h4 { display: block; font-weight: 100; } flex.greed.chart.piechart { background: unset !important; } .piechart { grid-template-columns: 50% 50% !important; } piec { margin: auto; max-width: 161px; margin-top: 22px; display: inline-grid; } flex.greed.chart.piechart bd bttn { margin: 0px auto 0px auto; padding: 8px 0px; display: flex; width: 41%; border-radius: 11px; justify-content: center; align-items: center; background: rgb(255 242 171); color: var(--b); } /* Component : UserFeedback */ cfbs>bl { display: block; background: var(--b-t); padding: 22px; border-radius: 22px; } cfbs hd { display: flex ; justify-content: center; margin-bottom: 11px; column-gap: 7px; border: 1px solid var(--bc); padding: 11px; border-radius: 11px; } cfbs hd i { width: 24px; height: 24px; } cfbs hd path { fill: var(--a); } cfbs hd hr { width: 2px; height: 22px; transform: rotate(0deg); margin: 0 7px; } cfbs bd { display: grid ; grid-template-columns: auto 24px; align-items: center; margin-bottom: 11px; } cfbs bd btns { display: flex ; justify-content: center; column-gap: 7px; } cfbs bd btn { padding: 4px 22px; border-radius: 7px; } cfbs bd btn.this { background: var(--a); } cfbs bd>i { width: 24px; height: 24px; } cfbs ft { display: grid ; grid-template-columns: 33px auto 33px; column-gap: 11px; } cfbs ft>i { width: 24px; height: 24px; background: var(--bc); padding: 4px; border-radius: 24px; } cfbs ft d { display: block; } cfbs ft date { display: flex ; align-items: center; color: var(--bc); } cfbs ft hr { transform: rotate(0deg); width: 2px; height: 20px; margin: 0 7px; } cfbs ft lik i { width: 24px; height: 24px; } cfbs ft lik path { fill: var(--a); } @media screen and (min-width: 999px) { } cupto>bl { display: grid ; grid-template-columns: 42px auto 26%; align-items: center; padding: 0; border-radius: var(--br1); gap: 3%; position: relative; } cupto ft>btn { display: flex ; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; } cupto ft op { height: 18px; width: 18px; display: block; padding: 11px; opacity: 0.4; } cupto ft { gap: 6%; display: flex ; } /* Component : UserPost1 */ upto>bl { background: var(--b1-t44); display: block; border-radius: var(--br); margin: 11px 0; height: -webkit-fill-available; } upto>bl hd { display: grid ; grid-template-columns: 55px auto max-content; align-items: center; padding: 11px; } upto>bl hd>i { height: 44px; width: 44px; overflow: hidden; border: 1px solid var(--bc); background: var(--b1-t); border-radius: 55%; } upto>bl time { display: block; font-size: 0.77em; opacity: .5; } upto>bl name { font-weight: 500; font-size: 0.88em; } upto>bl hd btn { display: flex ; padding: 7px 11px; background: var(--bc); margin: 4px; border-radius: 7px; align-items: center; justify-content: center; font-size: 0.88em; } upto>bl hd btn:nth-child(1) { background: var(--lg-b); padding: 7px 22px; } upto>bl bd { display: block; position: relative; overflow: hidden; } upto>bl bd>i { margin: auto; overflow: hidden; width: 90%; } upto>bl ft>btns { display: grid ; align-items: center; grid-template-columns: auto auto auto auto auto; justify-content: space-between; padding: 11px; padding-top: 0; } upto>bl ft btn { display: flex ; align-items: center; padding: 4px; border-radius: 33px; font-size: 0.88em; padding-right: 8px; } upts>bl { display: block; padding: var(--p1); margin: 7px; background: var(--b1-t44); border-radius: var(--br); } upts>bl>hd { display: block; margin: 11px; } @media (min-width : 999px) { upts>bl bd>d { display: grid ; grid-template-columns: 50% 50%; } } curps {background: var(--b1-t44) !important; border: solid 1px var(--c1); margin: 7px; display: grid ; padding: var(--p); border-radius: var(--br); } curps>bl{display: grid ; grid-template-rows: 46px auto auto; align-items: end; } curps trc>ft div { display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: 11px; width: 96%; } curps trc>hd div { display: grid; grid-template-columns: 55px auto auto; align-items: center; gap: 2px; } curps trc>ft btn { display: grid; grid-template-columns: 33px auto; gap: 3px; opacity: 0.3; align-items: center; } curps trc>hd hd { display: block; background: var(--b2); height: 44px; width: 44px; border-radius: 11px; } curps trc>hd FT img { width: 23PX; } curps trc { padding: 22px; margin: 11px; } curps .follow { display: grid; grid-template-columns: auto auto; width: 114px; background: var(--lg-b); align-items: center; border-radius: 7px; padding: 4px 0px; box-shadow: 0px 1px 26px rgb(23 51 188 / 40%); justify-content: space-evenly; transition: 333ms; margin: auto; margin-right: 0; gap: 0; } curps .follow img {filter: invert(1); width: 30px; } curps .follow button { background: transparent; color: var(--c); font-size: 18px; font-weight: 500; padding: 6px; } curps btns { width: 100%; margin: auto; padding: 0; } curps ft btns btn { background: var(--b1-t44); opacity: 1; border: solid 1px var(--b1-t44); border-radius: 11px; } curps trc>ft div:first-child { overflow: hidden; border-radius: 7px; padding: 0; margin: 11px; } /* Component : User_profile */ cpfso { display: block; margin: 11px; padding: 11px; padding-bottom: 0; background: var(--b-t); border-radius: 22px; } cpfso hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; } cpfso usr { display: block; } cpfso usr>i { display: block; padding: 9px 11px; height: 45px; width: 45px; background: #eacfe5ab; align-content: center; text-align: center; font-style: normal; font-size: 2em; border-radius: 18px; } cpfso usr>name { display: flex; align-items: center; font-size: 1.55em; font-weight: 500; letter-spacing: 0.44px; white-space: nowrap; margin: 11px 0; } cpfso hd>btn { display: grid; grid-template-columns: 33px auto; padding: 9px 22px; margin: 5px; background: var(--lg-b); border-radius: 5px; align-items: center; } cpfso usr>name>i { display: block; height: 22px; width: 22px; margin-left: 11px; margin-bottom: 3px; } cpfso bd>dv { display: flex; align-items: center; padding: 4px 0; margin-bottom: 11px; font-size: 0.77em; } cpfso bd>dv>i { font-style: normal; height: 11px; width: 11px; margin-right: 11px; overflow: hidden; animation: circle-pulse 2s infinite; } cpfso bd>d { display: flex; align-items: center; padding: 5px 0; margin-bottom: 11px; } cpfso bd>d>i { height: 18px; width: 18px; margin: 3px; } cpfso bd>d>hr { margin: 0 11px; height: 15px; width: 2px; } cpfso bd>d { display: flex; align-items: center; padding: 5px 0; margin-bottom: 11px; font-size: 1.1em; cursor: pointer; } cpfso bd>d>c { display: grid; grid-template-columns: 22px auto; align-items: center; font-size: 0.66em; margin-right: 22px; } cpfso bd>d>c svg { fill: var(--a); height: 22px; width: 22px; } cpfso mg { display: flex; align-items: center; padding: 11px; margin-bottom: 35px; } cpfso mg>a { display: block; opacity: 0.5; font-weight: 400; } cpfso mg>a.this { opacity: 1; } cmso { display: block; padding: 11px; border-bottom: 1px solid var(--bc); margin: 11px; } cmso d { display: flex; justify-content: space-between; padding: 4px 0; } cmso d>t { color: var(--ct); } cmso:last-child { border: none; } cmss cc { display: grid; grid-template-columns: 33px auto; align-items: center; padding: 11px; margin: 11px; } cmss trc { display: block; padding: 11px; border-bottom: 1px solid var(--bc); margin: 11px; } cmss trc>hd { display: flex; align-items: end; gap: 1%; margin-bottom: 7px; } cmss trc>bd { display: block; } cmss trc>hd>h2 { font-size: 1.66em; font-weight: 500; font-family: cursive; } cmss trc tt { font-family: var(--ff); } cmss trc>bd { display: flex; justify-content: space-between; padding: 5px 0; align-items: center; } cmss trc>ft { display: flex; justify-content: space-between; padding: 5px 0; align-items: center; } cmss trc tt>t { font-size: 0.88em; color: var(--ct); margin-right: 11px; } cmss trc>ft>btn { display: block; padding: 4px 33px; border-radius: 7px; } cmss trc>bd small { font-size: 0.77em; color: var(--ct); } /*Userdata*/ cudo hd { display: grid; grid-template-columns: auto auto; align-items: center; justify-content: space-between; } cudo { display: flex; flex-direction: column; } cudo hd d { display: flex; gap: 11px; } cudo i svg { height: 22px; } cudo i { height: 45px; width: 45px; border-radius: 55%; background: var(--b1-t); overflow: hidden; } cudo .badge { position: absolute; top: -10px; left: 10px; background-color: var(---y); color: #1d1d1d; padding: 5px 10px; border-radius: 5px; font-weight: bold; font-size: 14px; } cudo h1 { font-size: 2rem; margin-bottom: 10px; } cudo { margin-bottom: 20px; opacity: 0.8; min-width: 0; font-weight: 400; font-size: 0.88em; line-height: 16px; color: var(--b-t44); } cudo .join-btn { background-color: var(--a); border: none; color: var(--c); padding: 10px 20px; font-size: 1rem; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; display: grid; grid-template-columns: 37px auto; align-items: center; width: fit-content; } cudo .join-btn:hover { background-color: var(--a1); } cudo aa.this { color: var(--a); font-weight: bold; border-bottom: solid 2px; } cudo ft dv aa { padding: 11px; font-size: 0.88em; } cudo ft dv { display: flex; padding-top: 29px; margin: 11px 0; gap: 3px; border-bottom: solid 1px var(--b1); } cudo .join-btn i { background: transparent; height: 28px; width: 28px; padding: 0; } cudo hd btn { background-color: var(--a); border: none; color: var(--c); padding: 3px 20px; font-size: 1rem; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; display: grid; align-items: center; width: fit-content; } cudo span { opacity: 0.8; min-width: 0; font-weight: 400; font-size: 0.66em; line-height: 16px; color: var(--b-t44); } cudo span { font-size: 0.88em; } @media screen and (max-width: 999px) { cudo { padding: 11px; } cudo hd d:nth-child(1) { display: grid; } cudo usc ft { justify-content: center; } } /*Userinfo*/ cufo { background-color: var(--b1-t44); border-radius: 22px; padding: 22px; box-shadow: 0 4px 8px var(--b1-t44); border: solid 1px var(--c1); } cufo bl>hd d i { width: 25px; height: 25px; margin-right: 10px; } cufo bl>hd d div { display: flex ; align-items: center; } cufo bl>hd d { display: flex; align-items: center; background-color: var(--b-t); padding: 11px 0; border-radius: 11px; justify-content: space-between; } cufo bl>hd h2 { font-size: 18px; margin-bottom: 10px; } cufo bl>hd d img { width: 25px; height: 25px; margin-right: 10px; } cufo bl>hd d t { display: flex ; flex-direction: column; } cufo bl>hd d span { font-weight: bold; font-size: 16px; } cufo bl .coin-change { color: var(---gr); } cufo bl>bd h2 { font-size: 18px; margin-bottom: 3px; } cufo bl>bd ul { list-style-type: none;padding: 0; } cufo bl>bd li { display: flex ; justify-content: space-around; flex-direction: column; background: var(--b1-t44); padding: 11px; margin: 4px 0; border-radius: 11px; } cufo bl>bd li p { margin: 0; display: flex; gap: 22px; justify-content: space-between;} cufo bl>bd li .rank { font-weight: 400; margin-right: 10px; font-size: 0.88em; } cufo bl>bd li .views, .trending-topics li .posts { color: var(--b-t77);font-size: 0.88em; } cufo bl>hd { background: var(--b1-t44); border: solid 1px var(--c1); display: grid ; padding: 11px; border-radius: 22px; } @media screen and (max-width: 999px) { cufo { margin: 11px; display:none;} } cnsss bl hd { display: grid ; grid-template-columns: 55px auto 111px; align-items: center; } cnsss hd btn { background-color: var(--a); border: none; color: var(--c); padding: 3px 20px; font-size: 1rem; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; display: grid; align-items: center; width: fit-content; } cnsss>bl>bd btn svg { height: 21px !important; } cnsss>bl>bd btn { display: flex; opacity: 0.7; padding: 0 22px; align-items: center; } cnsss>bl>bd { display: grid; grid-template-columns: auto 55px; justify-content: space-between; border-bottom: solid 1px var(--bc); padding: 11px 0; } cnsss>d { margin: 0 7px; } cnsss bl hd h2 { font-size: 0.88em;display: grid; } cnssshd span { opacity: 0.5; } cnsss>bl>bd d { display: flex; justify-content: space-around; } @media only screen and (max-width: 999px) { cnsss>bl>bd { grid-template-columns: auto 0px; } byuser main { padding: 0 9px!important ; } cnsss { padding: 11px; } cnsss hd h2 { font-size: 0.88em; } cnsss hd { padding: 11px 0; } cnsss hd span { font-size: 0.77em; } cnsss { padding: 0 7px !important; background: unset !important; border: unset !important; } cnsss ft>mib { display: block; margin: 7px 0 !important; padding: 11px !important; width: auto !important; } } cnsss ft>mib { bottom: 72px; background: var(--b1-t44); border-top: solid 1px var(--c1); padding: 22px; border-radius: 22px; display: grid ; margin-top: 7px; } cnsss ft>mib d { display: grid; grid-template-columns: 52px auto 111px;align-items: center; gap: 7px; } cnsss ft>mib input { background: var(--b); font-size: 0.88em; padding: 15px; height: auto; } cnsss ft>mib>bd { display: grid; grid-template-columns: auto auto; justify-content: space-between; } cnsss ft>mib>bd div input { width: calc(100% - 0px); padding: 6PX 14PX; border: none; border-radius: 7px; margin-bottom: 10px; font-size: 16px; box-sizing: border-box; background: var(--b1-t); margin-left: 0; padding-right: 66px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } cnsss ft>mib>bd div:nth-child(2) { display: grid; grid-template-columns: 25px 41px 24px 24px; justify-content: space-around; opacity: .7; } cnsss ft>mib btn { display: flex; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; justify-content: center; align-items: center; height: 28px; } byuser main { padding: 0 22px; } cnsss {display: grid; } cnsss bl ft>d { display: grid ; text-align: center; grid-template-rows: 77px auto auto; justify-content: center; padding: 55px; gap: 3%; background: var(--b1-t44); margin-top: 22px; border-radius: 22px; } cnsss bl ft>d btn { display: flex; background: var(--a1); color: var(--c); border-radius: 6px; padding: 6px 18px; cursor: pointer; justify-content: center; align-items: center; height: 28px; width: max-content; margin: auto; } cnsss hd ft { display: flex; justify-content: end; } /* Users_Funds.css*/ aufs>bl { display: grid ; padding: 22px; grid-template-columns: 50% 50%; position: relative;} aufs hd h2 { font-size: 64px; font-weight: bold; margin-bottom: 11px; text-align: left; } aufs hd t { color: var(--a); } aufs bd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start; margin: 0px 22px;} aufs sec { font-size: 15px; font-weight: 500; } aufs sec h3 { font-size: 32px; color: var(--a); margin: 11px 0; font-weight: 500; } aufs sec { font-size: 15px; font-weight: 500; } aufs sec>p { font-size: 14px; font-weight: 400; opacity: 0.7; } aufs grp { display: flex ; justify-content: space-between;column-gap: 11px; } aufs box h4 { color: var(--a); font-size: 32px; font-weight: 500; } aufs box p { font-size: 20px; font-weight: 400; } aufs>bl ft { display: grid ; grid-column-start: 1; grid-column-end: 3; margin: 22px 0px;} aufs>bl ft grp { display: flex ; align-items: center; } aufs bd p>t { opacity: 0.4; } aufs grp>i { height: 100%; width: 100%; } @media(max-width:1024px){ aufs>bl { display: block ; padding: 0px;} aufs hd h2{font-size:36px} aufs sec h3{font-size:20px} aufs box h4{font-size:18px} } @media(max-width:768px){ aufs bd{flex-direction:column} aufs grp{flex-direction:column;gap:15px} } @media(max-width:480px){ aufs hd h2{font-size:28px;text-align:center} aufs sec{text-align:center} aufs grp{text-align:center}} /*Users_Trust*/ ustt bd div { display: flex ; flex-direction: column; gap: 10px; margin-top: var(--p); } ustt bd div span { display: flex ; gap: 6px; align-items: anchor-center; } ustt bd dv { display: flex ; align-items: center; margin-top: 35px;} ustt bd dv span { text-align: center; color: var(--a); } ustt bl hd h2 {font-size: 4em; color: var(--c); font-weight: 500; } ustt bl hd h2 b { color: var(--a);font-weight: 500; } ustt bd h3 { font-size: 40px; font-weight: 600; line-height: 48px; } ustt bd div d t { color: var(---gry); } ustt bd div span p { margin: 0; color: var(---rd); } ustt bd b { font-weight: 500; font-size: 16px; } ustt bd div i { height: 15px; width: 15px; } ustt bd div d { display: flex ; gap: 4px; align-items: baseline; } ustt bd btn { display: grid; min-width: 140px; height: 48px; min-height: 48px; justify-content: center; align-items: center; font-weight: 500; line-height: 24px; background: var(--lg-b); border-radius: 11px; } ustt bd btn:nth-child(2) i { height: 20px; width: 20px; } ustt bd btn input { background: 0; border: 0; padding: 0; width: calc(100% - 37px); height: unset; } ustt bd btn:nth-child(2) { background: 0;display: flex ; margin-left: 22px; gap: 7px; white-space: nowrap; } ustt bd dv i:nth-child(3) { transform: rotate(180deg) scaleY(-1); } ustt ft btns { display: flex ; gap: 20px; justify-content: center; } ustt ft div { display: flex ; align-items: center; font-size: 14px; gap: 10px; margin-top: 40px; } ustt ft div path { fill: var(---gry); } ustt ft div t { color: var(---gry); } ustt ft btn { padding: 10px; width: 22px; height: 22px; border: solid 1px var(--svg1); border-radius: 10px; } ustt ft hr { width: 1px; height: 49px; margin: 0 4px; } ustt ft { margin-top: 25px; display: block; } ustt ft i { width: 16px; height: 16px; } ustt ft dv { display: flex ; align-items: center; gap: 10px; font-size: 15px; } ustt bd div input { border: solid 1px var(--b-t22); font-weight: 500; } ustt bl hd h2 span { color: var(--a); } ustt bl ft span { width: 77%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ustt ft dv t { color: var(---gry); } ustt cus svg { height: 55px; width: fit-content; margin: 0; } ustt cus {display: flex ; gap: 44px; text-align: center; color: var(--a); } ustt cus ct { display: grid; align-items: center; padding: 0 16px; } ustt cus h4 { font-size: 1.777em; line-height: 1; } ustt cus p {margin: 0;} ustt ft btn:nth-child(3) img{ filter: invert(1); } ustt ft btns { justify-content: start; } @media screen and (max-width: 999px) { ustt bl hd h2 { font-size: 30px; line-height: 40px; } ustt bd h3 { font-size: 30px; } ustt bd div { margin-top: 24px; } ustt bd btns {margin-top: 12%;} ustt ft { display: none; } ustt bd div d t {display: none; } ustt bd div span, ustt bd div d{margin: 0;} ustt bd dv { justify-content: start;} } avpo>bl {display: grid ; grid-template-rows: 0px auto 0px; transform: scale(0.97); opacity: 0; visibility: hidden; position: absolute; z-index: 99; margin: auto;position: absolute; bottom: -0; left: 0; right: 0;height: -webkit-fill-available;} avpo bd { display: grid ; position: relative; z-index: 990; max-width: 88%; max-height: 88%; margin: auto; } app.vdo avpo>bl { transform: scale(1); opacity: 1; visibility: visible; } avpo ft { display: none; } avpo bd video { max-width: 88%; max-height: 100%; margin: auto; } avpo bg { background: var(--b1-t44); } /*Verification_Failed*/ vnfd bl { padding: 24px;border: solid 1px var(--bc); border-radius: 16px; justify-content: space-between; gap: 8px; align-items: stretch; display: flex; min-height: 210px;width: -webkit-fill-available; } vnfd hd { flex-direction: column; display: flex; justify-content: space-between; } vnfd hd btn { padding: 5px 30px; background: var(--b1); border-radius: 6px; display: flex; font-size: 14px; align-items: center; justify-content: center; width: fit-content; } vnfd hd h2 { font-size: 20px; font-weight: 500; line-height: 28px; color: var(---rd); margin-bottom: .75rem} vnfd hd p { font-size: 14px; font-weight: 400; line-height: 20px; margin: 0; margin-bottom: .75rem; color: var(--b-t44); display: none; } vnfd bd { align-self: center; flex-shrink: 0; width: 136px; height: 136px; position: relative; display: block; } vnfd bd i { width: 100%; height: 100%; } vnfd bd { display: none; } app.VF vnfd hd p { display: block; } app.VF vnfd bl { border: solid 1px var( --a); } app.VF vnfd bd { display: block; } @media screen and (max-width: 1022px) { vnfd bl { flex: 1 1; min-height: 130px; } app.VF vnfd bl { width: unset; } vnfd { display: block; width: 100%; } } @media screen and (max-width: 760px) { vnfd bd { display: none; } } vfsp > bl > bd { display: grid; grid-template-columns: 33% 33% 33%; } vfsp>bl>hd>h3 { margin-bottom: 24px; font-size: 18px; font-weight: 500; line-height: 28px; } vfsp d rang { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; background-color: var(--b1); border-radius: 4px; font-size: 11px; color: var(--b-t44); transform: rotate(45deg); z-index: 10; position: relative; } vfsp d rang span{transform: rotate(320deg);} /*vfsp>bl>bd>dv:nth-child(2) { width: 50%; }*/ vfsp>bl>bd>dv { gap: 11px; flex-direction: column; margin-right: 16px; display: flex ; position: relative; } vfsp>bl>bd>d { position: relative; } vfsp bd line { height: 1px; top: 10px; right: -14px; left: 14px; position: absolute; background: var(--b-t22); } @media screen and (max-width: 1022px) { vfsp>bl>bd {display:flex; flex-direction: column; } vfsp>bl>bd>dv { padding-bottom: 24px; flex-direction: row; } vfsp bd line { width: 1px; top: 23px; height: auto; right: auto; left: 10px; bottom: 0; position: absolute; } vfsp>bl>bd>dv:nth-child(1) { width: unset; } vfsp>bl>bd>dv{ width: unset; margin: 0;} } /*vfsp { padding-left: 160px; padding-right: 160px; display:block;} @media screen and (max-width: 1360px) { vfsp{ padding-left: 24px; padding-right: 24px; } }*/ vfsp dv d { display: flex; justify-content: space-between; align-items: center; } vfsp>bl>bd>dv:nth-child(3) { margin: 0; } vfsp d> btn { display: none; font-size: 14px; font-weight: 400; line-height: 20px; text-decoration-line: underline; color: var(--a); } app.PC vfsp d> btn { display: block; } app.VF vfsp>bl>bd>dv:nth-child(1) rang { background: var(--c); color: var(--b2); } app.YV vfsp>bl>bd>dv:nth-child(2) rang { background: var(--c); color: var(--b2); } app.PC vfsp>bl>bd>dv:nth-child(3) rang { background: var(--c); color: var(--b2); } app.VF vfsp > bl > bd {grid-template-columns:44% 28% 28%; } app.YV vfsp > bl > bd {grid-template-columns:28% 44% 28%; } app.PC vfsp > bl > bd {grid-template-columns:28% 28% 44%; } @media screen and (max-width: 999px) { app.PC vfsp d> btn { display: none; } vfsp dv d { align-items: start; } }cvat { display: block; border: 2px solid var(--b-t); border-radius: 11px; padding: 22px; margin: 22px 0; } cvat d { display: flex ; align-items: center; justify-content: space-between; } cvat div { display: flex ; align-items: center; justify-content: end; margin-top: 11px; } cvat d p { margin: unset; color: var(---gry); } cvat bd { width: -webkit-fill-available; } cvat bl { display: flex ; gap: 11px; } cvat btn { background: var(--a); color: var(--b); border: none; border-radius: 7px; padding: 7px 11px; font-weight: 600; cursor: pointer; } cvat i { display: block; height: 44px; width: 44px; } cvat i img { width: 24px; height: 24px; } cvat ft { display: none; } @media only screen and (max-width: 999px) { cvat d t { font-size: 0.66em; text-align: end; } cvat { padding: 11px; } cvat i { height: 30px; width: 30px; } }/***Verify_Fail***/ avfl bl { padding: 24px; border-radius: 12px; background: var(--bc); } avfl hd h2 { font-size: 20px; font-weight: 400; line-height: 28px; } avfl hd span { font-size: 14px; font-weight: 400; line-height: 22px; margin-top: 8px; color: var(---gry); } avfl bd btn { display: flex ; border-radius: 6px; height: 36px; font-size: 14px; font-weight: 300; line-height: 22px; background: var(--a); width: 100px; margin-top: 24px; align-items: center; justify-content: center; } cvud { display: none; backdrop-filter: blur(10px); z-index: 100000; background: var(--gn); justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } cvud>bl { margin-top: 7px; background-color: var(--b); border-radius: 8px; display: flex ; flex-direction: column; padding: 20px; width: 552px; max-height: 97vh; } cvud>bl hd i { width: 20px; height: 20px; } cvud>bl bd i:nth-child(1){ width: 50px; height: 50px; } cvud>bl hd { display: flex ; justify-content: end; padding: 16px; } cvud>bl bd i:nth-child(1) img { border-radius: 26px; } cvud>bl>bd { display: flex ; gap: 6px; } cvud>bl>ft i { width: 20px; height: 20px;filter: brightness(0.5); } cvud>bl>ft d { display: flex ; gap: 6px; } cvud>bl>ft>btn { font-weight: 400; background: var(--a); padding: 10px 17px; border-radius: 5px; font-size: 0.88em; } cvud>bl>bd textarea { width: 95%; min-height: 90px; padding: 12px 14px;transition: all 0.3s ease;background: 0;border: 0;font-size: 15px;} cvud>bl>bd>div { background: var(--b1-t44); display: block; padding: 18px; border-radius: var(--br);height: -webkit-fill-available; } cvud>bl>bd span { display: flex ; justify-content: end; font-size: 12px; opacity: .5; padding: 16px 0px; } cvud>bl>ft { display: flex ; justify-content: space-between; margin: 16px 0px 0px; padding-left: 4rem;align-items: center; } cvud>bl>bd dv { text-align: center; display: flex ; flex-direction: column; padding: 3rem 10px; border: dashed 1px; border-radius: 14px; } cvud>bl>bd dv i { margin: auto; } cvud bd p { padding-left: 24px; padding-right: 24px; color: var(--b-t44); font-size: 12px; line-height: 16px; text-align: center; } cdcn>bl{ display: grid ; align-items: center; background-repeat: no-repeat; background-size: 100% 100%; } cdcn .text { font-size: 44px; font-weight: 600; line-height: 52px; } cdcn btn { border-radius: var(--br1); margin: auto; background: var(--a); color: var(--b2); font-weight: 500; min-width: 180px; width: 180px; min-height: 48px; height: 48px; box-shadow: 0px 0px 3px var(--a1); display: flex ; align-items: center; justify-content: center; } @media only screen and (max-width: 999px) { cdcn hd>t{font-size: 1.2em; max-width: 322px; margin: auto; line-height: 34px; font-weight: 600; } cdcn { display: block; text-align: center; padding-block: 11px; background: var(--b2); } } cviho bl { display: flex; height: 444px; align-items: center; background-image: url('/-Brand/XAH/asset/viplanding.png'); background-color: var(--b); background-repeat: no-repeat; background-size: 100% 100%; } cviho t { font-size: 55px; font-weight: 600; margin-left: auto; margin-right: auto; width: 1200px; } @media only screen and (min-width: 767px) and (max-width: 1023px) { cviho t { font-size: 40px; font-weight: 600; line-height: 48px; } } /* Vip_Portal */ cvpn bl>hd div span { color: var(--a); } cvpn bl>hd div { font-size: 28px; font-weight: 600; line-height: 36px; max-width: 490px; } cvpn bl>hd .btn btn { display: block; padding: 6px 21px; margin: 16px 0px; background: var(--b1); border-radius: var(--br1); font-size: 16px; font-weight: 500; width: 166px; text-align: center; } cvpn bd .title1 arrow::after, cvpn bd .title2 arrow::after, cvpn bd .title3 arrow::after, cvpn bd .title4 arrow::after { content: " "; display: block; width: 14px; height: 2px; background: var(--c); transition: 99ms; margin: auto; position: relative; transform: rotate(89deg); } cvpn bl>bd .title1 p, cvpn bl>bd .title2 p, cvpn bl>bd .title3 p, cvpn bl>bd .title4 p { height: 0; overflow: hidden; margin: 0; } cvpn bd .title1 arrow::after, cvpn bd .title2 arrow::after { content: " "; display: block; width: 14px;height: 2px; background: var(--c, black); transition: 99ms; margin: auto; position: relative; transform: rotate(89deg); } cvpn bd .title3 arrow::after, cvpn bd .title4 arrow::after { content: " "; display: block; width: 14px;height: 2px; background: var(--c, black); transition: 99ms; margin: auto; position: relative; transform: rotate(89deg); } cvpn { display: block; width:100%; margin: auto; margin-top: 33px; } cvpn bl>bd { display: block; margin: 33px; margin-top: 44px; } cvpn bl ctc arrow { height: 100%; padding-top: 33px; } cvpn bl ctc { display: grid ; grid-template-columns: 12px auto 22px; align-items: center; margin: var(--m); padding: 11px 18px; max-width: 558px; width: 100%; column-gap: 24px; border-radius: var(--br1); line-height: 33px; position: relative; } cvpn bl>bd ctc arrow::before { content: " "; display: block; width: 14px; height: 2px; background: var(--c); transition: 99ms; margin: auto; position: relative; top: 2px; } cvpn ctc ft { height: 100%; padding-top: 33px; } cvpn ctc t { display: block; height: 100%; padding-top: 6px; font-size: var(--fs); font-weight: 700; } cvpn bl>bd ctc:hover { background: var(--b1-t44); } @media screen and (max-width: 999px) { cvpn bl>bd { margin: 0px; width: 100%; max-width: 374px; } cvpn bl>bd ctc { margin: 0px; width: 93%; } cvpn bl>hd div { font-size: 20px; font-weight: 600; line-height: 28px; } } ctln { display: block; width: 100%; margin: auto; padding-bottom: 5rem; padding-top: 5rem; } ctln bl>hd { display: grid; grid-template-columns: 50% 50%; justify-content: space-between; } ctln bl>hd d:nth-child(2) { display: grid; justify-content: center; row-gap: 44px; } ctln bl>hd>d:first-child { display: grid; row-gap: 44px; } ctln .primary { font-size: 43px; font-weight: 600; line-height: 52px; } ctln bl>hd>d t { letter-spacing: .6; } ctln bl>hd amount { font-size: 40px; font-weight: 400; line-height: 48px; color: var(--a); } ctln bl>hd bl h4 { font-size: var(--fs); font-weight: 400; line-height: 33px; opacity: 0.8; } ctln bl>hd p { margin: 0; } ctln bl>hd amount { font-size: 1.2em; line-height: 22px; } ctln bl>hd d:nth-child(2) { grid-template-columns: auto auto; justify-content: space-between; row-gap: 13px; margin-top: 22px; } ctln p { font-size: 12px; } ctln bl>hd>d:first-child { row-gap: 11px; } ctln .primary { font-size: 1em; line-height: 26px; } ctln bl>hd { grid-template-columns: auto; } ctln bd f { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 55px; } ctln bd b { display: flex; border-radius: 20px; flex-direction: column; gap: 11px; justify-content: center; min-width: 280px; padding: 60px 0; text-align: center; flex: 1 1; background: var(--b1-t44); font-weight: 400; } ctln bd h2 { font-size: 5rem; line-height: 1; font-weight: 300;} ctln bd t { display: block; padding: 0px 33px; opacity: .7; line-height: 33px; width: 77%; margin: auto; font-size: 12px; } @media only screen and (max-width: 999px) { cavn, cvpn, ch.cctn, ctln, cttn, .cdcn { margin: 11px !important; padding: 11px; width: unset; } } cttn>bl{ display: block; width: 100%; margin: auto; } cttn hd t { font-size: 44px; font-weight: 600; line-height: 52px; } cttn hd p { display: block; letter-spacing: .6; margin-top: 22px; width: 750px; } cttn bd p { display: grid; grid-template-columns: auto 44px; align-items: center; } cttn bd{ display: flex; flex-direction: column; row-gap: 48px; margin-top: 44px; } cttn .amount { font-size: 44px;font-weight: 300;} cttn d t { display: grid; grid-template-columns: auto 32px; align-items: center; } cwcn bd { display: flex; flex-direction: column; row-gap: 55px; } cttn d { display: flex ; flex-direction: column; row-gap: 4px; } @media only screen and (max-width: 999px){ cttn hd p { width: auto; margin-top: 11px; } cttn p { font-size: 12px; } cttn .text { font-size: 1em; line-height: 27px; letter-spacing: .5; } cttn .amount { font-size: 2em; } cttn d p { justify-content: flex-start; margin: 0; } } cvso { display: block; } cvso aa { display: grid ; align-items: center; grid-template-columns: auto 52px; } cvso aa>i { border-radius: 50%; padding: 7px var(--p1); } cvso aa>i:hover { background: var(--b-t22); } cvso hd { display: block; align-items: center; } cvso bd a { color: var(--a); } cvso bd { display: grid ; align-items: center; grid-template-columns: 54px auto; margin-top: var(--br1);} cvso a>i { opacity: 1; width: 25px; } cvso ft { display: grid ; align-items: center; opacity: 0.7; cursor: pointer; font-size: 12px;margin-top: var(--br1); grid-template-columns: 35px auto; } cvso ft aa { padding: 0; margin: 0;} cvso ft aa:hover { text-decoration: underline; } cvso r { display: grid ; align-items: center; grid-template-columns: 33px auto; margin-bottom: var(--br1);} cvso r>i { height: 10px; width: 10px; border: 1px solid ; padding: 4px; border-radius: 50%; } cvso a { display: grid ; align-items: center; grid-template-columns: 33px auto; } cvso h6 { font-size: 12px; font-weight: 500; } /* Component : WalletDownloadApp */ cwtc bl { background: var(--b1-t44); margin: 0 0 25px; border: solid 1px var(--b-t22); padding: 12px; border-radius: 20px; position: relative; display: grid; grid-template-columns: 18% auto 35%; } cwtc hd i { transform: unset; top: unset; height: 50px; width: 50px; margin: auto; } cwtc bd h5 { color: var(--b-t44); } cwtc ft btn { display: grid ; justify-content: center; align-items: center; padding: 5px 11px; background: var(--lg-b); border-radius: 7px; margin-top: 11px; margin-right: 25px; font-size: 0.88em; } cwtc ft gd { display: grid; height: 25px; justify-content: end; position: absolute; z-index: 1; left: 92%; top: 7px; } @media screen and (max-width: 999px) { cwtc bl {background: var(--b1-t44); margin: 11px; border: solid 1px var(--b-t22);} } /* Component : WalletBalance */ cwbs>bl { display: block; padding: 22px; background: var(--b-t); margin: 11px; border-radius: 22px; text-align: center; } cwbs>bl hd>i { height: 77px; width: 77px; margin: auto; } cwbs b { font-size: 35px; } cwbs bd dv { font-size: 15px; font-weight: 700; } /* Component : Wallet_Currencies */ cwcs hd d { grid-template-columns: 77px 77px; width: 88%; overflow: hidden; display: grid; margin: auto; height: 44px; align-items: center; position: relative; z-index: 9; } cwcs>bl { margin: 0px 11px; padding: var(--br); background: var(--b1-t44); border-radius: var(--br); } cwcs ft btn { height: 44px; display: flex ; justify-content: center; align-items: center; width: 66%; margin: auto; border-radius: 50px; box-shadow: var(--bs-bs); margin-top: 11px; background: var(--b-t); } cwcs ft btn:active {transform:unset;}/*WalletFuturesTrading */ cwft hd h3 { display: flex ; align-items: center; gap: 8px; } cwft bl { display: block; padding: 22px; border-radius: 22px; margin: 0; position: relative;background: var(--lg); } cwft hd i { width: 25px; filter: invert(1); transform: rotate(360deg); } cwft hd btn { display: flex; height: 33px; width: 33px; padding: 5px; } cwft btn i { width: 59px; filter: unset; height: 30px; } cwft bd span { font-family: sans-serif; opacity: 0.7; } cwft bd d { gap: 3px; display: flex ; flex-direction: column; margin-top: 11px; margin-bottom: 24px; } cwft bd b { font-family: system-ui; font-size: 2em; font-weight: bold; } cwft ft { display: flex ; flex-direction: column;gap: 4px; } cwft ft span { font-size: 11px; opacity: .6; } cwft ft b:nth-child(2) { font-weight: 400; } .hidebalance cwft bd b { filter: blur(11px); } .hidebalance cwft hd btn:after { content: " "; position: absolute; height: 33px; width: 2px; background: var(--c); transform: rotate(-45deg); left: 18px; top: 5px; transition: 95ms; border-radius: var(--br1)var(--br1); box-shadow: 2px 0px 0px 1px var(--b1); } cwft bl hd { display: flex ; justify-content: space-between; align-items: center; } @media screen and (max-width: 999px) { cwft bl {background: var(--b1-t44); margin: 11px; border: solid 1px var(--b-t22);} } cfwis trc img { object-fit: contain; height: 60%; width: 60%; filter: invert(77%); } cfwis div hd div { display: flex; justify-content: space-between; align-items: center; } cfwis trcs>div { display: flex; justify-content: space-between; align-items: center; } cfwis trcs>div t { font-weight: 500; color: var(--a); } cfwis btns h4.this { background: var(--b1); padding: 2px 8px; border-radius: 7px; } cfwis btns h4 { font-weight: 100; } cfwis btns btn { border-radius: 7px; display: flex ; justify-content: center; padding: 8px 6px; background: var(--b1); } cfwis .php btn.jrac.P2P { background: var(--lg-b); } cfwis .Convert btn.Convert { background: var(--lg-b); } cfwis .Distribution btn.Distribution { background: var(--lg-b); } cfwis trcs trc.Fee { box-shadow: unset; } cfwis trcs trc>hd { background: unset; } cfwis btns {display: grid; grid-template-columns: 33% 33% 33%; gap: 3px; padding-bottom: 11px; width: 100%;} /* Component : WalletTransactions */ cwts>bl { display: block; margin: 0 11px; } cwto>bl { display: grid ; grid-template-columns: 55px auto auto; padding: 11px; margin-bottom: 7px; position: relative; border-radius: 7px; background: var(--b-t); border: 1px solid var(--b-t); } cwto>bl hd>i { height: 44px; width: 44px; } cwto>bl ft { display: block; text-align: end; } cwto>bl:hover { background: var(--bc); } @media(max-width:999px){ cwts cnda {margin: unset;} } bwbo>bl { border-radius: var(--br); border: solid 1px var(--b1-t); margin-top: 24px; } bwbo hd btns btn { line-height: 22px; background: var(--b1-t); padding: 6px 10px; border-radius: .4rem; font-weight: 400; font-size: 13px; display: flex ; align-items: center; } bwbo>bl>hd { display: flex ; justify-content: space-between; padding: var(--br); } bwbo hd btns { display: flex ; gap: 12px; } bwbo hd div { display: flex ; background: 0; flex-direction: column; padding: 0; margin: 0; } bwbo>bl>hd h2 {display: flex;align-items: center;font-weight: 400;font-size: 17px;gap: 5px; } bwbo>bl>hd h2 i { width: 20px; height: 20px; } bwbo hd d i { width: 20px; height: 20px; } bwbo hd div d { display: flex ;gap: 9px; } bwbo hd div dv { display: flex ;align-items: flex-end; } bwbo>bl>bd btns { display: flex ; gap: 11px; justify-content: end; } bwbo bd btns btn { border-radius: 6px; font-size: 11px; font-weight: 500; line-height: 22px; padding: 4px 12px; } bwbo hd btns i { width: 25px; height: 25px; rotate: 90deg; display: none; } bwbo bd d { display: flex ; justify-content: center; } bwbo hd div d h2 { font-size: 1.82rem; font-weight: 400; line-height: 40px; } bwbo hd t { margin-top: .5rem; font-size: 14px; font-weight: 400; line-height: 20px; } app#Exchange.wm bwbo>bl>bd { height: 113px; } bwbo bd btns btn:nth-child(2) { background: var(--b1-t); } bwbo bd btns btn:hover { background: var(--b1-t); } bwbo>bl>hd h2 svg, bwbo hd d i svg { fill: var(--bc); } bwbo hd div d span { font-size: 15px; } app#Exchange.wm bwbo bd f { display: block ; } bwbo bd f { display: none ; justify-content: space-between;padding: 0px 20px; } bwbo bd f dv { display: flex ;gap: 4px;font-size: .875rem;gap: .5rem; } bwbo bd f dv span { display: flex ; align-items: center; } bwbo bd f dv span i { width: 15px; border: 0; } bwbo bd f dv span:nth-child(2) {color: var(---gn); } bwbo bd f div { display: flex ; justify-content: space-between; width: -webkit-fill-available; background: 0;padding: 0px 0px 11px; margin: 0; border: 0; } bwbo>bl>bd>f>d { display: flex ; justify-content: space-between; align-items: center; color: var(---gry); font-size: 11px; font-weight: 500; padding: 12px 0px 0px; border-top: solid 3px var(--a); } bwbo bd i { width: 45px; height: 22px; border: solid 1px var(--b1); padding: 6px 1px; border-radius: 9px 9px 3px 0px; } @media only screen and (max-width: 999px) { bwbo>bl>hd { flex-direction: column; gap: 16px;padding: 16px; } bwbo hd btns { flex-wrap: unset;gap: 7px; } bwbo hd btns btn {padding: 6px 6px; } bwbo>bl>bd { padding: 12px 0px;display: none; } bwbo>bl>bd btns { display: flex ; justify-content: flex-start;} /*bwbo>bl {margin: 0 11px; }*/ } /**Wallet_Card**/ awcd { display: block; position: relative; } awcd>bl>hd>div { display: flex ; flex-direction: column; gap: 1rem; } awcd>bl>hd>div d i { height: 15px; width: 15px; } awcd>bl>hd>div d i:nth-child(4) { transform: rotate(184deg); } awcd>bl>hd>div h2 { font-size: 22px; margin-block: 1rem; } awcd>bl>hd>div b { font-size: 20px;font-weight: 500; } awcd>bl>hd>div d:nth-child(4) { margin: 0; } awcd>bl>hd>div d { display: flex ; align-items: center; gap: 10px; margin-block: 1rem; font-size: 18px; } awcd>bl>hd>div d p { margin: 0; } awcd>bl>hd>div d p { margin: 0; color: var(---gn); } awcd>bl>hd>div d:nth-child(4) p { color: var(---gry); } awcd>bl>hd>div d svg { fill: var(---gry); } awcd>bl>bd { margin-block: 2rem; display: flex ; gap: 1rem; } awcd>bl>bd a { line-height: 22px; background: var(--bc); padding: 10px 10px; border-radius: .4rem; font-weight: 400; font-size: 16px; display: flex ; align-items: center; width: -webkit-fill-available; justify-content: center; } /**Wallet_Details**/ cwdo { font-size: 12px; padding: 0 24px 24px; display: none; top: 0; right: 0; background: var(--b1); height: -webkit-fill-available; width: 100%; position: absolute; max-width: 368px; transition: 0.5s ease-in-out; z-index: 9999999999; overflow: auto; } cwdo>bl>hd i { height: 20px; width: 20px; } cwdo>bl>hd { padding: 16px 0px; display: flex ; justify-content: space-between; align-items: center; } cwdo>bl>hd div p { margin: 0; color: var(---gry); } cwdo>bl>hd div { display: flex ; align-items: center; gap: 10px; } app.WD cwdo { display: block; } @media(max-width:999px){ cwdo { font-size: 12px; padding: 0 18px 24px; display: none; top: 0; right: 0; background: var(--b1); height: -webkit-fill-available; width: 100%; position: absolute; max-width: fit-content; transition: 0.5s ease-in-out; z-index: 9999999999; overflow: auto; } } /*Wallets_Coinfutures*/ cwce bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cwce hd img { object-fit: contain; height: 77%; width: 77%; } cwce bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwce b { font-weight: 500; font-size: 1.11em; } cwce b { font-weight: 500; font-size: 1.11em; color: var(--c); } cwce ft { display: block; text-align: end; } cwce ft d { font-size: 11px; } cwce hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwce ft span { color: var(--a); } /*Wallets_CrossMargin*/ cwcm bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cwcm hd img { object-fit: contain; height: 77%; width: 77%; } cwcm bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwcm b { font-weight: 500; font-size: 1.11em; } cwcm b { font-weight: 500; font-size: 1.11em; color: var(--c); } cwcm ft { display: block; text-align: end; } cwcm ft d { font-size: 11px; } cwcm hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwcm ft span { color: var(--a); } /*Wallets_DeFiwallet*/ cwdt bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cwdt hd img { object-fit: contain; height: 77%; width: 77%; } cwdt bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwdt b { font-weight: 500; font-size: 1.11em; } cwdt b { font-weight: 500; font-size: 1.11em; color: var(--c); } cwdt ft { display: block; text-align: end; } cwdt ft d { font-size: 11px; } cwdt hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwdt ft span { color: var(--a); } /*Wallets_Earning*/ cweg bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cweg hd img { object-fit: contain; height: 77%; width: 77%; } cweg bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cweg b { font-weight: 500; font-size: 1.11em; } cweg b { font-weight: 500; font-size: 1.11em; color: var(--c); } cweg ft { display: block; text-align: end; } cweg ft d { font-size: 11px; } cweg hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } /*Wallets_Funding*/ cwfg bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cwfg hd img { object-fit: contain; height: 77%; width: 77%; } cwfg bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwfg b { font-weight: 500; font-size: 1.11em; } cwfg b { font-weight: 500; font-size: 1.11em; color: var(--c); } cwfg ft { display: block; text-align: end; } cwfg ft d { font-size: 11px; } cwfg hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } /*Wallets_Futures*/ cwfs bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cwfs hd img { object-fit: contain; height: 77%; width: 77%; } cwfs bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwfs b { font-weight: 500; font-size: 1.11em; } cwfs b { font-weight: 500; font-size: 1.11em; color: var(--c); } cwfs ft { display: block; text-align: end; } cwfs ft d { font-size: 11px; } cwfs hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwfs ft span { color: var(--a); } /*Wallets_Isolated*/ cwid bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cwid hd img { object-fit: contain; height: 77%; width: 77%; } cwid bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwid b { font-weight: 500; font-size: 1.11em; } cwid b { font-weight: 500; font-size: 1.11em; color: var(--c); } cwid ft { display: block; text-align: end; } cwid ft d { font-size: 11px; } cwid hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwid ft span { color: var(--a); } /*Wallets_Isolated*/ cwos bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cwos hd img { object-fit: contain; height: 77%; width: 77%; } cwos bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwos b { font-weight: 500; font-size: 1.11em; } cwos b { font-weight: 500; font-size: 1.11em; color: var(--c); } cwos ft { display: block; text-align: end; } cwos ft d { font-size: 11px; } cwos hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwos ft span { color: var(--a); } /*Wallets_Spot*/ cwst bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cwst hd img { object-fit: contain; height: 77%; width: 77%; } cwst bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwst b { font-weight: 500; font-size: 1.11em; } cwst b { font-weight: 500; font-size: 1.11em; color: var(--c); } cwst ft { display: block; text-align: end; } cwst ft d { font-size: 11px; } cwst hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } /*Wallets_Tradingbot*/ cwtb bl { display: grid ; grid-template-columns: 55px auto auto; position: relative; border-bottom: solid 1px var(--b1); align-items: center; padding: 11px; margin-bottom: 7px; } cwtb hd img { object-fit: contain; height: 77%; width: 77%; } cwtb bl hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwtb b { font-weight: 500; font-size: 1.11em; } cwtb b { font-weight: 500; font-size: 1.11em; color: var(--c); } cwtb ft { display: block; text-align: end; } cwtb ft d { font-size: 11px; } cwtb hd { display: flex ; height: 44px; width: 44px; align-items: center; justify-content: center; border-radius: 7px; } cwtb ft span { color: var(--a); } chyo { display: flex; border-radius: 9px;background:var(--b1-t44);margin-top: 40px; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);} chyo bl { display: grid ; border-radius: 9px; grid-template-columns: 1fr 1fr 1fr; width: 100%;} chyo on { display: grid ; align-items: center; grid-template-columns: 25px auto; } chyo bl hd,chyo bl bd,chyo bl ft{ display: grid ; border-right: solid 1px var(--svg1); padding: 11px; } chyo bl hd a ,chyo bl bd a, chyo bl ft a { font-size: 16px; padding: 0px; font-weight: 400;} chyo hd aa { display: flex; justify-content: space-between; height: 50px; align-items: center; } chyo ft aa { display: grid ; align-items: center; grid-template-columns: auto 33px; } chyo aa>i { width: 24px; transform: rotate(180deg); height: auto; } chyo hd:hover { background: var(--b1); } chyo bd:hover { background: var(--b1); } chyo ft:hover { background: var(--b1); } chyo bl ft { border: unset; } @media only screen and (max-width: 999px){ chyo { display: block; } chyo ft { height: auto; width: auto; } } /* Component : WebAppPromo */ cwsa>bl bd { text-align: center; padding: unset; } cwsa>bl bd>i { margin: auto; height: 340px; filter: hue-rotate(184deg); } cwsa>bl ft btns { display: grid; margin: 11 auto; padding: 0 5px; width: auto; } cwsa>bl btns btn { display: grid; justify-content: center; align-items: center; height: 30px; background: var(--b-t); margin: 7px; border-radius: 11px; grid-template-columns: 32px auto; position: relative; letter-spacing: 1; border: solid var(--b1); font-size: 12px; padding: 9px 0; } cwsa>bl btns btn>i { height: 19px; width: 19px; } cwsa>bl hd>h4 { font-size: 14px; color: var(--b-t44); font-weight: 400; letter-spacing: 0.6px; text-align: center; } cwsa>bl hd>p { font-size: 1.33em; font-weight: 500; text-align: center; margin: 0; margin-bottom: 32px; } cwsa>bl hd>btn svg { filter: brightness(0.5); } cwsa>bl hd>btn { display: grid; grid-template-columns: auto 22px; align-items: center; justify-content: center; color: var(--ct); font-weight: 500; } cwsa>bl btns>btn:nth-child(2) { background: var(--lg-b); } @media (min-width : 999px) { cwsa { display: none; } } @media (max-width : 999px) { cwsa>bl bd>i {display: none; } }/* WebCoinOverview */ cwcoo>bl { background: var(--b1-t44); border-radius: 22px; display: block; padding: 22px; margin: 4px; min-width: 277px; } cwcoo>bl>hd { display: grid ; grid-template-columns: 44px auto; align-items: center; } cwcoo span { font-weight: 400; color: var(--b-t44); margin: 0;font-size: 0.88em; } cwcoo>bl ft>btn { display: grid ; grid-template-columns: auto 15px; align-items: center; justify-content: space-between; color: var(--a); font-weight: 500; } cwcoo>bl bd { display: grid ; padding: 11px; grid-template-columns: 50% 50%; }/* WebDescribe */ cwbe>bl hd>btn { display: grid ; grid-template-columns: auto 22px; align-items: center; gap: 7px; padding: 7px 22px; background: var(--lg-b); border-radius: 33px; max-width: max-content; margin-top: 33px; } cwbe>bl { display: grid; grid-template-columns: auto 44%; background: var(--b-t); border-radius: 11px; padding: 22px; align-items: center; border: solid 2px var(--b1); margin: 7px; } cwbe>bl bd { display: flex; justify-content: end; } cwbe>bl bd>i { filter: invert(1); height: 133px; width: 133px; }/* WebDiscover */ cwbr>bl bd>div>d { display: flex ; flex-direction: column; } cwbr>bl div>d>f { display: grid ; grid-template-columns: 44px auto; align-items: center; } cwbr>bl div>d>h5 { font-size: 0.77em; font-weight: 500; color: var(--b-t44); } cwbr>bl bd>div>d { display: flex ; flex-direction: column; padding: 11px 0; margin-bottom: 7px; } cwbr>bl bd>div>d svg { fill: none; } cwbr>bl>bd { display: grid ; grid-template-columns: auto auto auto; justify-content: space-between; padding: 44px 22px; border: 1px solid var(--bc); border-radius: 22px; } cwbr>bl>ft { display: grid ; grid-template-columns: 33% 33% 33%; margin-top: 11px; } @media (max-width : 1200px) { cwbr>bl>bd { grid-template-columns: auto auto; justify-content: space-around; } } @media (max-width : 999px) { cwbr>bl>bd>div { display: none; } cwbr>bl>ft { display: block; } cwbr>bl>bd { display: block; padding: 11px; } } @media only screen and (min-width: 999px) { acnt2 section.at { display: block; border-radius: var(--br); padding: 6px; } cwbr hd.pt, cwbr bd.aat, cwbr ft.st { display: grid; grid-template-columns: 63% 37%; background: var(--b1-t44); border-radius: 20px; padding: 4% } cwbr hd.pt:hover, cwbr ft.st:hover, cwbr bd.aat:hover { box-shadow: 0px 1px 6px 1px rgb(38 38 38); } cwbr bd.aat h { font-size: var(--fs);} cwbr ft.st h, cwbr hd.pt h { font-size: 20px;} cwbr hd.pt h2 p1, ft.st h2 p1, bd.aat h2 p1 { font-size: 8px; margin-left: 20px; line-height: 17px; } cwbr hd.pt button, cwbr ft.st cwbr, cwbr bd.aat button { height: 40px; width: 40px; min-width: 40px; background-color: var(--a); border-radius: 24px; border: none; text-align: center; color: var(--b1-t44); display: flex; justify-content: center; align-items: center; transition: min-width .3s linear, background-color .3s linear; font-size: var(--fs);} cwbr ft.st button i, bd.aat button i, hd.pt button i { width: 25px;} cwbr hd.pt h6, cwbr bd.aat h6, cwbr ft.st h6 { display: grid; grid-template-rows: 24% 48% 28%; margin: 7%;} cwbr hd.pt h6 cn, bd.aat h6 cn, ft.st h6 cn { font-size: 12px;color: var(--ct); font-weight: 400; } cwbr hd.pt h2, bd.aat h2, ft.st h2 { display: grid; grid-template-rows: 25% 75%;} cwbr hd.pt h2 p, bd.aat h2 p, ft.st h2 p { filter: invert(1); } cwbr button cm { display: block; overflow: hidden; line-height: 32px; font-weight: 600; color: var(--c); } } @media only screen and (min-width: 1300px){ cwbr ft.st button:hover, cwbr bd.aat button:hover, cwbr hd.pt button:hover { width: 50%; } } @media only screen and (max-width: 1300px) { cwbr ft.st button:hove, cwbr bd.aat button:hoverr, cwbr hd.pt button:hover { width: 35%; } cwbr hd.pt h6 cn, bd.aat h6 cn, ft.st h6 cn { font-size: 17px; color: var(--ct); font-weight: 400; } cwbr hd.pt h2 p, bd.aat h2 p, ft.st h2 p { filter: invert(1); } } @media only screen and (max-width: 999px) { cwbr { padding: 4px; display: block; } } /* Component : WebHelp */ cwsnh>bl bd>div { display: grid; gap: 20px; width: auto; background: var(--b1-t44); border-radius: 15px; transition: 333ms; font-weight: bold; padding: 22px; margin: 7px; height: -webkit-fill-available; border: solid 2px var(--b1);} cwsnh>bl>bd { display: grid ; align-items: center; grid-template-columns: 33% 34% 33%; padding: 0; } cwsnh>bl div>hd i { display: flex ; height: 44px; width: 44px; } cwsnh>bl div>hd i>svg { fill: none; } cwsnh>bl div>bd p { font-size: 0.77em; font-weight: 400; margin: 0; color: var(--b-t44); line-height: 1.77; } cwsnh>bl div ft>t { display: block; color: var(--a); } cwsnh { display: none; } @media (max-width : 999px) { cwsnh>bl>bd { display: block; } cwsnh>bl bd>div{margin:7px 0;} } /* Component: WebPopularCCC */ cwpc>bl bd { display: grid ; grid-template-columns: 33% 34% 33%; margin-top: 25px; background: var(--b1-t44); border-radius: 11px; padding: 22px; border: solid 2px var(--b1); } cwpc>bl bd>dv { display: grid ; padding: 11px; } cwpc>bl bd>dv p { margin: 0; font-size: 0.77em; color: var(--b-t44); margin-bottom: 11px; } cwpc>bl bd>dv btn { color: var(--a); } cwpc>bl bd>dv i { display: flex ; height: 40px; width: 40px; margin: 11px 0; } cwpc>bl hd h4 { font-size: 2rem; } cwpc>bl ft>i { margin: 11px 0; width: -webkit-fill-available; height: -webkit-fill-available; border-radius: 11px; overflow: hidden; } @media (max-width : 999px) { cwpc>bl bd { display: block; } } /* Component : QR */ chmeo { display: block; position: absolute; z-index: 2; top: 10%; right: 15%; } chmeo>bl { display: flex ; flex-direction: column; align-items: center; gap: 12px; padding: 16px; background: rgba(255, 255, 255, 0.4); border: 1px solid var(--c); border-radius: 24px; backdrop-filter: blur(12px); animation: 2s linear 0s infinite normal none running animation-f032ca; -webkit-box-align: center; min-width: 252px; } chmeo>bl icons i { display: block; height: 24px; width: 24px; overflow: hidden; } @media only screen and (min-width: 999px) { chmeo>bl hd {font-weight: 700; font-size: 0.88rem; line-height: 130%; color: var(--c); text-shadow: rgba(0, 0, 0, 0.2) 0px 0px 2px; text-align: center; width: 100%;} chmeo>bl bd {padding: 8px; background: var(--c); border-radius: 12px; width: 188px; height: 188px;} chmeo>bl ft { display: grid; grid-template-columns: 90% 29%; align-items: center; font-weight: 500; font-size: 0.9rem; color: var(--a); } chmeo>bl bd i { width: 100%; height: 100%; } chmeo>bl ft path { fill: var(--a) !important; } cwsnh ft img { width: 100%; height: 55%; } } @media only screen and (max-width: 999px) { chmeo { display: none; } cwsnh ft img { display: none; } } @media (max-width: 1199px) { chmeo { top: 9%; right: 25%; } } @media (min-width: 1500px) { chmeo { right: 0%; } }/*WebQuick*/ cwsha>bl { display: block; padding: 22px; } cwsha>bl f { display: grid ; grid-template-columns: 25% 25% 25% 25%; margin: 11px 0; } cwsha>bl f>a { display: flex ; flex-direction: column; align-items: center; justify-content: center; line-height: 1.77; } cwsha>bl f>a>t { font-weight: 400; color: var(--b-t44); font-size: 0.88em; margin-top: 7px; } cwsha>bl f>a svg { fill: none; height: 33px; width: 33px; } cwsha>bl bd { display: block; padding: 11px 0; } @media (min-width : 999px) { cwsha { display: none; } }/*WebPromoScratchcard*/ cwbn>bl { display: block; padding: 11px; } cwbn>bl hd>span { color: var(--b-t44); margin-block-start: 1em;margin-block-end: 1em;font-size: 0.88em;} cwbn>bl>bd { display: flex ; margin: 0; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; gap: 22px; padding: 11px 0; background: unset; } cwbn>bl d>h5 { color: var(--b-t44); font-weight: 400; } @media (max-width : 999px) { }/* WebSummary */ @media only screen and (max-width: 999px) { cwey div.greed { display: grid; grid-template-columns: 50% 50%;} } cwey bd d dv { border: solid 1px var(--bc); background: var(--b1); } cwey bd d dv:nth-child(3) { display: grid ; grid-template-rows: 71px 71px; bottom: 6px; position: relative; } cwey bd d { display: grid ; grid-gap: 0; margin: 0px; grid-template-columns: 100%; } cwey d dv ft { display: block; } cwey dv qbn h5 { font-size: 16px; margin: 21px; } cwey dv quk h1 { font-size: 27px; } cwey d dv quk { display: grid; grid-template-columns: 29px 33px 69px; height: 50px; } cwey dv qbn { display: grid; grid-template-rows: 100px 39px; } cwey dv quk h2 { font-size: 14px; margin: 10px;color:var(--b-t44) } cwey dv ft h3 { font-size: 14px; margin: 17px; } cwey d dv ft h3:nth-child(1) { color: var(--a); } cwey dv qbn qn { display: flex; width: 100%; height: 64%; } cwey dv qbn qm { display: grid; grid-template-rows: 72px 72px; row-gap: 17px; } cwey qbn qn h7 { display: grid; grid-template-columns: 50px 50px; } cwey qbn qn h8 { display: flex; width: 100%; height: 88%; } cwey qn h7 h { width: 100%; height: 100%;} cwey qm h6 { display: grid; grid-template-columns: 70px 98px; width: 100%; height: 112%; border-radius: 18px; border: solid 1px var(--bc);background: var(--b1); } cwey h6 hh { display: grid; grid-template-rows: 13px 20px 4px 21px; } cwey hh1 b { display: block; width: 42%; height: 55%; margin: 21px; } cwey qbn q1 { display: grid; grid-template-columns: 6px 95%; font-size: 11px; } cwey qn i img { border-radius: 28px; } cwey dv btns { display: grid; grid-template-columns: 50% 50%; width: 88%; margin: 22px auto; } cwey dv btns btn { display: grid; justify-content: center; align-items: center; height: 55px; background: var(--b-t); margin:7px; border-radius: 11px; grid-template-columns: 44px auto; position:relative } cwey qm h6 hh1 { background: var(--a); border-radius: 17px 0px 0px 17px; } cwey h6 hh h1:nth-child(2) { left: 8px; position: relative; } cwey h6 hh h1:nth-child(3) { font-size: 13px; margin: 9px; color: var(--b-t44);}/* WebTrust */ cwbt>bl { display: block; margin: 11px 0; } cwbt>bl bd>dv { width: auto; background: var(--b1-t44); border-radius: 15px; transition: 333ms; font-weight: bold; padding: 22px; margin: 7px; display: block; border: solid 2px var(--b1);} cwbt>bl dv>i { display: block; height: 77px; width: 77px; } cwbt>bl bd>dv:last-child { background: transparent; display: flex ; flex-direction: column; justify-content: space-evenly; } cwbt>bl dv>btn { display: grid ; grid-template-columns: auto 33px; justify-content: center; align-items: center; border-radius: 11px; position: relative; background: var(--lg-b); max-width: -webkit-fill-available; padding: 11px 33px; } cwbt>bl bd { display: grid ; grid-template-columns: 33.33% 33.33% 33.33%; justify-content: center; } cwbt>bl dv>i svg { fill: none; height: 44px; width: 44px; } cwbt>bl bd>dv:hover { transform: translate(0, -11px); box-shadow: 0px 4px 11px var(--b-t); } cwbt>bl bd>d:last-child:hover { transform: unset; box-shadow: unset; } @media (max-width : 999px) { cwbt>bl bd { display: block; } cwbt>bl bd>dv { margin: 0; margin-bottom: 7px; } cwbt>bl bd>dv:last-child h5 { display: none; } } /* COmponent : WebWelcome*/ cwwio>bl { display: grid ; grid-template-columns: auto 33%; padding: 22px; border-radius: 22px; margin: 0; z-index: 999; position: relative; min-height: 444px; max-width: 1333px; margin: 0 auto; margin-bottom: 33px; } cwwio { position: relative; display: block; background: linear-gradient(rgb(40 112 234 / 24%) 0%, rgb(255 255 255 / 0%) 100%); } cwwio>bg i { height: -webkit-fill-available; width: -webkit-fill-available; filter: hue-rotate(80deg); } cwwio>bl hd>d { display: block; padding: 140px 15px 0px; } cwwio>bl d>sl { display: flex ; justify-content: end; border: 2px solid var(--c1); margin: 0; border-radius: 33px; margin-top: 44px; padding: 7px 11px; position: relative; min-width: 333px; max-width: 566px; } cwwio>bl sl>btn { display: grid ; grid-template-columns: auto 33px; background: var(--lg-b); padding: 11px 22px; font-size: 0.88em; border-radius: 33px; align-items: center; border: 1px solid var(--b-t22); position: relative; z-index: 9; } cwwio>bl d>sl>input { position: absolute; inset: 0; height: auto; padding-right: 188px; } cwwio>bl sl>input:focus { border-radius: 33px; } cwwio>bl d>txt { font-size: 3em; font-weight: bold; max-width: 555px; display: block; } cwwio>bl d>txt>spain { color: var(--a); } cwwio>bg i img { height: 100%; width: 100%; } cwwio>bg { max-width: 77%; justify-self: end; } cwwio>bl d>p { color: var(--b-t44); } @media (max-width: 999px) { cwwio>bg { opacity: 0.4; } cwwio>bl { min-height: auto; display: block; } cwwio>bg i img { height: 77%; object-fit: cover; } cwwio>bg i { display: block; } cwwio>bl sl>btn { display: block; } cwwio>bl hd>d { padding: 69px 0 0px; } cwwio>bl d>txt { font-size: 1.44em; } cwwio>bl d>sl { margin-top: 11px; background: transparent; border-radius: 72px; padding: 7px; } cwwio>bl sl>btn i { display: none; } } cwsta bd bl:nth-child(2) { display: flex; } cwsta bd bl cnc svg { display: flex; height: 35px; padding: 0 13px 0 0; } cwsta bd bl cnc:nth-child(2) { display: flex; gap: 5px; } cwsta ft a img { height: 20px; display: flex; } cwsta ft a { display: flex; gap: 10px; } cwsta ft a { display: grid; grid-template-columns: auto auto; justify-content: center; align-items: center; height: 55px; border-radius: 11px; position: relative; background: var(--b1-t44); border: solid var(--b1-t44); transition: 99ms; } cwsta bd bl cnc { display: flex; align-items: center; } cwsta ft bl { grid-template-columns: 31% 31%; gap: 20px; display: grid; } cwsta ft bl:nth-child(4) { grid-template-columns: 19% 19%; } cwsta ft bl:nth-child(4) a { height: 42px; } cwsta ft bl:nth-child(1) { display: none; } cwsta ft h7.cgray { display: block; } /* WebsiteCurrencies */ cwbcs>bl hd>dv { display: grid ; grid-template-columns: auto 100px 115px; margin: 11px; color: var(--b-t44); } cwby>bl { display: grid ; grid-template-columns: auto 100px 115px; margin: 11px; align-items: center; background: var(--b-t); padding: 22px; border-radius: 11px; border: 1px solid var(--bc); transition: 95ms; } cwby>bl hd>h2 { display: inline-flex ; align-items: center; } cwby>bl:hover { opacity: 0.7; } cwby>bl ft dv { display: flex ; justify-content: center; align-items: center; color: #62ff83; } cwbcs>bl { display: block; padding: 11px; } cwbcs>bl hd>dv span{font-size: 0.88em;margin-block-start: 1em; margin-block-end: 1em;}/* WebsiteDiscover */ oprtr aa { display: block; padding: 11px; margin: 0 6px; color: var(--b-t44); transition: 333ms; } dbdisc trc { display: block; padding: 11px; margin: 0px; border-radius: 0; } trcs follow { display: grid; grid-template-columns: 44px auto 22px; align-items: center; gap: 14px; padding: 0; } follow bd { display: grid; grid-template-columns: auto 33%; gap: 13px; } follow nd h4 { background: var(--b1); padding: 2px 15px; border-radius: 4px; } nd { align-items: center; display: flex; } usdpirce { opacity: 0.44; } dbdisc div i { height: auto; width: auto; border-radius: var(--br1); overflow: hidden; } curncy { display: grid; grid-template-columns: auto 38px; margin: 11px 0; align-items: center; } oprtr { display: block; background: var(--b1-t44); max-width: 95%; padding: 11px; } dbdisc div>bd { padding: 11px 0; display: block; } oprtr bd>h4 { display: grid; grid-template-columns: auto 22px; align-items: center; margin-top: 16px; } oprtr bd>h4 svg { height: 33px; width: 33px; opacity: 0.4; } oprtr bd>t { display: grid; grid-template-columns: 16px auto 14px; padding: 0; align-items: baseline; } oprtr bd>t h6 { font-weight: 100; padding-right: 15px; } oprtr tm { opacity: 0.4; font-size: 0.77em; } oprtr mg { margin: 0px; min-width: 0px; white-space: nowrap; display: flex ; flex-direction: row; border-bottom: 1px solid var(--b1); } /*db Transactions trcs>trc.ordr { border-bottom: solid 1px var(--b1-t44); background: transparent; border-radius: 0px; } */ dbdisc .dscvr trc>hd { background: unset; display: block !important; overflow: unset; height: auto; width: auto; border-radius: 0; } dbdisc trc up usrr { display: grid; grid-template-columns: 44px 46% auto; align-items: center; gap: 2%; } up ft op { height: 18px; width: 18px; display: block; padding: 11px; opacity: 0.4; } up ft { display: flex; align-items: center; } up ft btn { display: block; padding: 6px 22px; margin: 6px; background: var(--b1-t44); color: var(--b-t22); border-radius: 6px; } trc pst { border-radius: var(--br1); overflow: hidden; } oprtr bd>t spain { font-size: 1.22em; opacity: 0.8; } /*dbdisc trcs>trc>bd { display: flex !important; padding: 0; }*/ dbdisc .dscvr trc>ft { display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding-top: 14px; } dbdisc .dscvr trc>ft btn { display: grid; grid-template-columns: 22px auto; gap: 8px; align-items: end; opacity: 0.3; } dbdisc { display: block; margin: 11px 0; } dbdisc>div>bd>bl { padding: 0; border-radius: 0; } dbdisc>div>bd>bl>bd { padding: 0; } dbdisc .flw trc>hd { display: grid; justify-content: space-between; width: auto; background: unset; grid-template-columns: 44px 33px; align-items: center;} dbdisc bl.flw { padding: 11px; } .flw>bd nm { font-weight: 600; font-size: 1em; } .flw trc { margin: 6px; } .flw trcs { display: grid; grid-template-columns: 50% 50%; } .flw cnfm { height: 22px; width: 22px; background: var(--a); border-radius: 55%; padding: 4px; } .flw>hd>h5 { font-weight: 100; color: var(--ct); margin: 6px 0; } .flw trc>ft>p { margin: 6px 0; color: var(--ct); font-size: 0.77em; width: 100%; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .flw trc>hd { height: auto; margin-bottom: 22px; } .flw trc>ft { align-items: unset; } .flw>hd>add { display: flex; padding: 6px; font-size: 1.88em; height: 33px; width: 33px; justify-content: center; align-items: center; background: var(--a); border-radius: 11px; color: var(--b); } .flw>ft btn { display: flex; padding: 11px; align-items: center; place-content: center; background: var(--a); border-radius: 6px; margin: 11px 11px 0 11px; } .flw>ft { display: block; margin: 33px 0; } .flw grid bl bd { display: block; padding: 11px; position: relative; z-index: 2; } .acdm grid.gc1 i svg { opacity: 0.5; } .acdm grid.gc1 i { padding: 11px; height: 22px; width: 22px; background: var(--b1); border-radius: 55%; margin: 6px auto;; } .acdm grid.gc1 t { font-weight: 100; font-size: 0.88em; margin: 0 auto; opacity: 0.4; } .acdm grid.gc1 a { display: grid; text-align: center; gap: 4%; justify-content: center; } swebs .acdm trc { display: grid; grid-template-columns: auto 30%; background: unset; margin: 11px 0; padding: 11px 0; align-items: center; } .acdm trc>bd { padding: 0; display: block; background: var(--b1); border-radius: 11px; height: 66px; margin: 0; } .acdm trc>bd i { height: 66px; padding: 6px; } .acdm trc>hd { border-radius: 0; height: unset; width: unset; padding-right: 11px; background: unset; } .acdm trc>hd bx h5 { display: grid; grid-template-columns: 14px auto; gap: 2px; align-items: center; opacity: 0.5; margin: 0 0px; } .acdm trc bx bd { display: flex; font-size: 0.8em; padding: 0px; } .acdm trc bx hd h4 { font-size: 0.8em; margin-bottom: 11px; font-weight: 100; } .acdm trc bx btn { padding: 1px 4px; background: var(--b1); border-radius: 3px; margin: 0 3px; opacity: 0.5; } .acdm trc>hd bx t { font-weight: bold; } .acdm>bd { padding: 11px; } .acdm>hd { padding: 11px; margin-bottom: 10px; } .ancmt trc>hd { height: 33px; width: 33px; padding: 6px; display: flex; justify-content: center; align-items: center; border-radius: 55%; background: var(--b1); } .ancmt trc { display: grid; grid-template-columns: 55px auto; margin: 11px 0; } annc h4 { overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-size: 1em; } annc h5 { overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-size: 0.88em; color: var(--b-t44); margin: 11px 0; } annc h6 { letter-spacing: 1px; opacity: 0.2; } .ancmt trc:first-child { margin-top: 0; } .nws trc { padding: 0 11px; display: block; margin: 0 11px; font-size: 1.22em; position: relative; background: unset; } .nws trc a { background: var(--b1); padding: 6px 11px; border-radius: 6px; font-weight: 400; } .nws trc a spain { color: #6eb56e; font-weight: 400; } .nws trc hd p { color: var(--b-t44);} .nws trc:after { content: " "; height: 7px; width: 7px; position: absolute; top: 20px; left: -3px; background: var(--b-t44); border-radius: 55%; } .nws trc:before { content: " "; height: 100%; width: 7px; position: absolute; top: 28px; left: -1px; border-left: 2px solid var(--b-t44); border-style: dotted; border-right: none; border-top: none; border-bottom: none; } .nws hd aa { display: flex; background: var(--a); padding: 11px 22px; margin-bottom: 9px; position: relative; border-radius: 6px; } .nws>hd aa:before { content: " "; height: 7px; width: 7px; position: absolute; top: 19px; left: 8px; background: var(--b-t44); border-radius: 55%; } .nws hd aa:after { content: " "; height: 100%; width: 7px; position: absolute; top: 27px; left: 10px; border-left: 2px solid var(--b-t44); border-style: dotted; border-right: none; border-top: none; border-bottom: none; } .nws trc>hd { background: unset; height: auto; width: auto; border-radius: 0; } .nws trc>hd p { margin: 0; margin-top: 10px; } bl.nws {padding: 0 11px; } .nws>hd { display: flex; } .nws trc>ft { align-items: start; } dbdisc div>bd bl.dscvr, bl.flw, bl.ancmt, bl.nws, bl.acdm { display: none; } .discover aa.dscvr { border-bottom: 1px solid; color: var(--c); font-weight: bold; } .following aa.flw { border-bottom: 1px solid; color: var(--c); font-weight: bold; } .anouncement aa.ancmt { border-bottom: 1px solid; color: var(--c); font-weight: bold; } .news aa.nws { border-bottom: 1px solid; color: var(--c); font-weight: bold; } .academy aa.acdm { border-bottom: 1px solid; color: var(--c); font-weight: bold; } .discover .dscvr { display: block; } .following .flw { display: block; } .anouncement .ancmt { display: block; } .news .nws { display: block; } .academy .acdm { display: block; } @media only screen and (max-width: 999px) { home bl.acnt bd { border-radius: var(--br1); width: 100%; background: var(--b1-t44); } home main oprtr { width: 83%; padding: 12px; } home bl ft f { display: grid; grid-template-columns: 46% 58%; } home bl.acnt ft { margin: auto; } } /* Component : WebsiteDiscoverProducts */ cwstb bl hd h4 { font-weight: 100; }cwstb bl:nth-child(4) { border-bottom: unset; } cwstotg trc bd h4 { font-weight: 100; display: flex; justify-content: end; } cwsct bd bl ft t svg { height: 12px; filter: invert(1); } /*cwsdm bd { display: grid; grid-template-columns: 73% 27%; background: var(--b1-t44); border-radius: 22px; }*/ cwsct bd { display: flex; margin: 0; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; gap: 22px; padding: 22px; background: unset; } cwsct bd bl { background: var(--b1-t44); border-radius: 15px; display: grid; grid-template-rows: 25% auto 15%; min-width: 65%; padding: 22px 15px; }cwsct bd bl hd h7 h3 { font-weight: 100; } cwsct hd ft btn { background: var(--lg-b); display: grid; grid-template-columns: auto auto; justify-content: center; align-items: center; border-radius: 11px; position: relative; padding: 8px 22px; width: 45%; column-gap: 10px; } cwsct bd bl bd { background: unset; display: block; border-radius: 0px; } cwsct hd bd { padding: 6px 0 0 5px; background: unset; } cwsct bd bl bd t h6 { font-weight: 100; color: var(--b-t44); } cwsct bd bl bd t:nth-child(2) { top: 10px; position: relative; } cwsct bd bl ft { display: grid; grid-template-columns: 50% 50%; padding: 0 10px 0 11px; } cwsct bd bl ft t { display: grid; justify-content: end; align-items: center; } cwsct bd bl ft h4 { color: var(--a); display: flex; align-items: center; } cwsct bd t h5 { color: var(--b-t44); font-weight: 100; } cwsct hd { display: grid; grid-template-rows: 30% 35% auto; } cwsct hd ft btn img { filter: invert(1); } cwsct hd hd { display: grid; grid-template-rows: 40% auto; } cwstb h5 { font-weight: 100; letter-spacing: 0.5px; background: rgb(29 29 29); } cwstb bl { background: unset; border-radius: unset; margin-top: 23px; padding: 0 0 8px 20px; border-bottom: solid 0.1px var(--b1-t44); } cwsct bd bl hd { display: grid; grid-template-columns: 21% auto; grid-template-rows: unset; gap: 8px; } cwsct bd bl hd svg { fill: none; height: 38px; } cwsct bd bl hd h4 { font-weight: 100; color: var(--b-t44); } cwsct bd bl hd a img { border-radius: 40px; height: 58%; } cwsct hd hd h5 { color: var(--b-t44); font-weight: 500; } cwsct bd bl hd t img { border-radius: 50px; height: 40px; width: 42px; } cwstb bl hd i { height: 30px; width: 30px; } cwstb bl hd i svg { fill: none; } cwsct bd t h3 { font-weight: 100; } cwstb bl hd i { height: 30px; width: 30px; } cwstb bl hd { display: flex; gap: 12px; }cwsct hd bd t h2 { font-weight: 100; } cwstb bl bd { padding: 0; margin-top: 2px; color: var(--ct); } /*WebsiteHotPairs*/ cwhps span { margin-block-start: 1em; margin-block-end: 1em; font-size: 0.88em; } cwhps>bl hd>d { border-bottom: solid 1px var(--b1-t44); display: grid ; grid-template-columns: 36% auto; } cwhps>bl hd>f { display: grid ; grid-template-columns: auto 25% 24% 15% 10%; padding: 11px; margin: 11px; color: var(--b-t22); } cwhpo>bl { display: grid ; background: var(--b-t); margin: 7px; padding: 11px; grid-template-columns: auto auto auto; border-radius: 11px; align-items: center; transition: 95ms; } cwhpo>bl hd { display: grid ; grid-template-columns: 66px auto; align-items: center; font-weight: 500; } cwhpo>bl bd>c { font-size: 0.88em; display: block; } cwhpo>bl ft { display: flex ; justify-content: end; } cwhpo>bl ft>btn { display: block; padding: 7px 22px; border-radius: 7px; font-size: 0.88em; transition: 95ms; } cwhpo>bl:hover ft>btn { background: var(--lg-b); } cwhpo>bl:hover { background: var(--lg); }/*WebsiteOpportunity*/ cwbo { display: block; position: relative; background: url('/-Brand/XAH/asset/Rewards.png'); background-size: cover; cursor: pointer; background-position: right; background-repeat: no-repeat; } cwbo>bl { display: block; max-width: 1300px; margin: 33px auto; padding: 33px 22px; } cwbo>bl bd>t { color: var(--a); } cwbo>bl bd>d { display: grid ; grid-template-columns: 55px auto; padding: 11px 0; } cwbo>bl btns { display: flex ; } cwbo>bl btns>btn>i { height: 17px; width: 17px; } cwbo>bl btns>btn { display: flex ; align-items: center; justify-content: center; padding: 11px 22px; gap: 7px; background: var(--bc); border-radius: 7px; margin-right: 7px; font-size: 0.88em; } cwbo>bl ft>aa { display: block; font-size: 0.88em; color: var(--a); padding: 11px 0; margin: 11px 0; text-align: center; width: max-content; } cwbo>bl btns>btn:nth-child(2)>i { filter: invert(1); } cwbo>bl ft>t { font-size: 0.88em; color: var(--b-t44); } cweo>bl { margin: 11px; display: grid ; row-gap: 25px; } cweo>bl>hd { display: flex ; align-items: center; justify-content: space-between; } cweo>bl>hd btn { display: grid ; grid-template-columns: auto 33px; align-items: center; gap: 7px; padding: 7px 11px; } cweo>bl>ft>btn { display: grid ; grid-template-columns: auto 44px; padding: 7px 11px; align-items: center; max-width: max-content; border-radius: 7px; background: var(--a); } /* Component : WebsiteP2P */ cwpo>bl { display: flex; margin: 11px; background: var(--b-t); } cwpo div { display: flex; margin: 0; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } cwpo div a { display: flex; } cwpo scholl { display: flex; } cwpo scholl div a i { height: 73px; display: flex; width: 182px; margin-left: 20px; } cwpo scholl i svg:hover { opacity: 10%; } cwpo scholl { display: flex; flex-shrink: 0; height: auto; align-items: center; animation: slide-left 20s linear infinite; } @keyframes slide-left { from { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } /* Component : WebsiteP2PInfo */ cwpio bl p2p p { font-size: 0.66em; } cwpio .p2pinfo{grid-template-columns: 49% 49%;display: grid;background: unset;gap: 2%;padding: 11px;margin: unset;} cwpio .p2pinfo bd { padding: 11px 0; display: grid; grid-template-columns: 70% 30%; align-items: end; } cwpio .p2pinfo bd p { margin: unset; } cwpio bl.Ftrading { grid-template-columns: 14% 69% 11%; display: grid; gap: 2%; padding: 11px; margin: 0 7px; background: var(--b1); align-items: center;justify-content: center; } cwpio ftrdng { padding: 11px 0; border-radius: 11px; } cwpio bl.Ftrading ftrdng bd { padding: 11px 0; display: grid; grid-template-columns: 100%; justify-content: center; align-items: center; } /*WebsitePromo*/ website cwsta.slogan { display: grid ; padding: 60px 22px; gap: 15px; z-index: 8; position: relative; background:url(/-/Exchange/asset/2fa77.png); display: grid ; background-size: cover; cursor: pointer; background-position: right; background-repeat: no-repeat; align-items: center; } website grid.gc2 { z-index: 88888; position: relative; grid-template-columns: auto; border-top: none; } cwsta bd { font-weight: 100; display: grid; align-items: center; grid-template-rows: 35% 50%; gap: 10px; } cwsta bd bl:nth-child(2) { display: flex; } cwsta bd bl cnc svg { display: flex; height: 35px; padding: 0 13px 0 0; } cwsta bd bl cnc:nth-child(2) { display: flex; gap: 5px; } cwsta ft a img { height: 20px; display: flex; } cwsta ft a { display: flex; gap: 10px; } cwsta ft a { display: grid; grid-template-columns: auto auto; justify-content: center; align-items: center; height: 55px; border-radius: 11px; position: relative; background: var(--b1-t44); border: solid var(--b1-t44); } cwsta ft { display: grid; grid-template-rows: 45% 13% auto; gap: 5px; } cwsta bd bl cnc { display: flex; align-items: center; } cwsta ft bl { grid-template-columns: 40% 40%; gap: 20px; display: grid; } cwsta ft bl:nth-child(4) { grid-template-columns: 30% 30%; } cwsta ft bl:nth-child(4) a { height: 42px; } cwsta ft bl:nth-child(1) { display: none; } cwsta ft h7.cgray { display: block; } @media only screen and (max-width: 999px) { cwsta bd bl:nth-child(2) { display: none; } cwsta ft bl { display: none; } cwsta ft bl:nth-child(1) { display: block; } cwsta ft h7 { display: none; } cwsta ft { grid-template-rows: auto; } } @media only screen and (max-width: 1300px) { website cwsta{ margin: 0 12% 0 8%; width: 80%; } cwsta ft bl { grid-template-columns: 32% 32%; } }/* WebsiteSteps */ cwes grid { margin: 0px; gap: 17px; display: grid ; } cwes div { display: grid; grid-template-rows: 60% 40%; background: var(--b1); border-radius: 25px; font-size: 0.6em; margin: 0; transition: 99ms; padding: 15px; border: solid 0.5px var(--b1-t); height: 150px; } cwes svg{height:44%;width:44%;} cwes d { display: flex; } cwes div i { width: 100%; height: 100%; } cwes a:hover {box-shadow: -1px 2px 4px rgb(0 0 0 / 11%);} cwes div t { display:block; position: absolute; bottom: 0; font-size: 1.23em; } cwes bd dv { display: grid; grid-template-rows: 40% 46%; } cwes dv:nth-child(2) { display: grid; grid-template-rows: 80% 12%; } cwes bl.h_quick{ box-shadow: unset; padding: 0; background:unset } cwes bl.h_quick { margin: 6px; border: unset; border-radius: unset; } cwes { opacity: unset; } cwes bd { padding: 0px; } cwes bpmu:nth-child(2) { font-size: 10px; color: var(--b-t44); display: flex; align-items: self-end; margin-top: 20px; } cwes hed { display: grid; grid-template-columns: 70% 30%; } cwes bpma { font-size: 30px; display: flex; align-items: center; margin-right: 12px; } cwes bpmu { font-size: 10px; color: var(--b-t44) ; margin-top: 22px; display: flex; align-items: end; } cwes dotts { display: flex; justify-content: center; } cwes dot { display: grid; grid-template-columns: 6px 6px 6px; gap: 5px; } cwes o { display: block; background: var(--b-t22); border-radius: 15px; } cwes div:nth-child(2) o:nth-child(2) { display: block; background: var(--a); } cwes div:nth-child(3) o:nth-child(3) { display: block; background: var(---or); } cwes back.cred { color: var(---rd); font-size: 10px; } cwes dv h5 { font-size: 10px; color: var(--b-t44); display: flex ; align-items: self-end; margin-top: 20px; } cwes dv b { font-weight: 400; font-size: 30px; display: flex ; align-items: center; margin-right: 12px; } cwes div:nth-child(2) bpm { display: grid ; grid-template-rows: 75% 23%; } @media only screen and (max-width: 999px) { stepsa { margin: 0; display: flex; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } } @media only screen and (max-width: 900px) { stepsa grid.gc5 { grid-template-columns: 30% 30% 30% 30%; } }/* WebsiteAboutTrade */ cwaa>bl { display: grid ; grid-template-columns: 44% auto auto; align-items: center; padding: 7px; margin: 7px; } cwaa hd div { display: grid ; grid-template-columns: 144px auto; align-items: center; padding: 22px 0; } cwaa>bl hd>div i { filter: invert(1); margin: auto; } cwaa hd span { font-size: 0.7em; } cwaa>bl p { margin: 4px 0; color: var(--b-t44); } cwaa>bl ft>i { height: 44%; width: 44%; margin: auto; } cwaa>bl bd { grid-row-start: 2; display: grid ; grid-template-columns: 22% 22% 22% 22%; column-gap: 11px; } cwaa>bl bd>dv { display: grid ; grid-template-rows: 50% 50%; justify-content: center; align-items: center; padding: 11px; background: var(--b1-t44); border: solid 2px var(--b1); border-radius: 11px; } cwaa>bl bd>dv i { margin: 11px auto; height: 33px; width: 33px; } cwaa>bl ft { grid-row-start: 1; grid-row-end: 3; grid-column-start: 2; } @media (max-width : 999px) { cwaa>bl { display: block; } cwaa>bl bd { grid-template-columns: 49% 48%; row-gap: 11px; } cwaa>bl ft { display: none; } }/*Withdraw*/ awwo bd div { display: flex ; justify-content: space-between; align-items: flex-start; } awwo info { display: flex ; flex-direction: column; gap: 4px; } awwo h3 { font-size: 16px; font-weight: 500; display: block; } awwo p { font-size: 12px; color: var(---gry); margin: 0; } awwo amount { font-size: 16px; font-weight: 500; } cwao hd h2 { font-size: 24px; font-weight: 500; padding-block: 24px; } cwao bd span { font-size: 14px; font-weight: 500; line-height: 22px; margin-bottom: 6px; display: block; } cwao bd i { width: 20px;} cwao>bl>bd>div { margin-bottom: 32px;position: relative; } cwao>bl>bd>div>dv { height: 56px; border-color: var(--bc); border-style: solid; border-width: 1px; padding-left: 12px; padding-right: 12px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; } cwao bd { max-width: 588px; min-width: 588px; } cwao>bl>bd>div>dv>d { display: flex; align-items: center; gap: 8px; } cwao bd f { align-items: center; gap: 8px; } cwao bd p { margin: 0; opacity: .7; } cwao bd h4 { font-weight: 400; } cwao bd div:nth-child(2) dv:nth-child(2) { border-color: var(--c); padding-bottom: 20px; padding-top: 20px; height: unset; } cwao ft { padding-top: 16px; padding-bottom: 24px; display: block; } cwao ft btn { font-size: 20px; line-height: 28px; border-radius: 8px; font-weight: 500; height: 56px; min-height: 56px; min-width: 96px; padding-left: 24px; padding-right: 24px; display: flex; justify-content: center; align-items: center; background: var(--a); } @media(max-width:999px){ cwao bd { max-width: unset; min-width: unset; } }/* Component : WithdrawAZN01 */ wthdr>bl { display: block; position: relative; padding: var(--p);/* padding-left: 44px; */} wthdr>bl d { display: flex ; align-items: center; margin-bottom: 11px; position: relative; } wthdr>bl d.btom { margin-bottom: 44px; } wthdr>bl d>rang { width: 22px; height: 22px; display: flex ; align-items: center; justify-content: center; background-color: var(--b1); border-radius: 4px; font-size: 11px; position: absolute; left: -30px; z-index: 99; color: var(--b-t44); transform: rotate(45deg); } wthdr>bl d span { transform: rotate(320deg); } wthdr>bl mb>btns { padding: 11px 0; width: fit-content; display: flex ; flex-wrap: wrap; gap: 14px; } wthdr>bl hd>mb { display: block; overflow: scroll; -webkit-mask-image: linear-gradient(274deg, #000 85%, transparent), linear-gradient(267deg, #000 85%, transparent); } wthdr>bl btns>btn { display: flex ; background: var(--b1t); padding: 7px 11px; border-radius: 11px; align-items: center; font-size: 13px; text-align: center; gap: 7px; } wthdr>bl sl { display: grid ; align-items: center; grid-template-columns: auto max-content; background-color: var(--bt); border: 1px solid var(--b1); border-radius: 11px; padding: 11px; margin-top: 11px; cursor: pointer; } wthdr>bl sl div { display: flex ; align-items: center; column-gap: 7px; } wthdr>bl bd>sl { display: flex ; align-items: center; justify-content: space-between; cursor: pointer; margin: 0px 1px;} wthdr>bl sl i { height: 22px; width: 22px; transition: 333ms; } wthdr>bl sl svg { fill: var(--ct); } wthdr>bl btn>i { flex: none; height: 17px; width: 17px; } wthdr>bl:before { content: ""; position: absolute; left: 2px; top: 22px; bottom: 66px; width: 2px; background-color: var(--b1); z-index: 1; } wthdr hd.this::after { content: ''; position: absolute; left: -20px; top: 22px; bottom: -8px; width: 2px; background-color: var(--c); z-index: 1; } wthdr bd.this::after { content: ''; position: absolute; left: -20px; top: 22px; bottom: -8px; width: 2px; background-color: var(--c); z-index: 1; } wthdr ft.this::after { content: ''; position: absolute; left: -20px; width: 2px; top: 0; bottom: 0; background: var(--b); z-index: 9; } wthdr>bl>hd { display: block; position: relative; } wthdr>bl>ft { display: block; margin-top: 11px; position: relative; } wthdr>bl>bd { display: block; margin-top: 11px; position: relative; } wthdr>bl sl t { opacity: .5; font-weight: 400; letter-spacing: .77px; } cdcp d>rang { width: 22px; height: 22px; display: flex ; align-items: center; justify-content: center; background-color: var(--b1); border-radius: 4px; font-size: 11px; position: absolute; left: -30px; z-index: 99; color: var(--b-t44); transform: rotate(45deg); } wthdr hd.this d>rang { background: var(--c); color: var(--b); } wthdr bd.this d>rang { background: var(--c); color: var(--b); } wthdr ft.this d>rang { background: var(--c); color: var(--b); } wthdr hd.this d rang span:nth-child(1) { display: none; } wthdr d rang span:nth-child(2) { display: none; height: 13px; width: 13px; } wthdr hd.this d rang span:nth-child(2) { display: block; } wthdr bd.this d rang span:nth-child(1) { display: none; } wthdr bd.this d rang span:nth-child(2) { display: block; } wthdr>bl>ft>div { display: none; } wthdr>bl>ft dv label { padding-left: 11px; font-size: 0.99em; font-weight: 500; opacity: 0.77; } wthdr>bl>ft dv sl { display: grid; height: auto; border-radius: 11px; margin-top: 11px; grid-template-columns: 91% auto; border: solid 1px var(--bc); background: var(--b); } wthdr>bl>ft dv sl input { background: unset; padding: 11px; font-size: 0.88em; border-radius: 11px; opacity: 0.77; background: unset; } wthdr>bl>ft dv sl div { display: flex; text-align: center; align-items: center; justify-content: end; padding-right: 11px; } wthdr>bl>ft dv sl div h5 { margin-right: 11px; opacity: 0.5; } @media(max-width:999px){ wthdr>bl>ft dv sl { grid-template-columns: 70% 30%; } } /* Component : WithdrawAddress */ whdrs {display:inline-block;background:var(--b);border-radius:8px;vertical-align:top;width: 90%;} whdrs>bl { display:inline-block; width:100%; vertical-align:top; } whdrs>bl hd { display:none; width:100%; margin-bottom:20px; vertical-align:top; } whdrs>bl bd { display:inline-block; width:100%; vertical-align:top; } whdrs bl bd fg { display:inline-block; width:100%; margin-bottom:16px; position:relative; vertical-align:top; } whdrs>bl bd fg input {display:inline-block;height: auto;padding:14px 42px 14px 14px;background: var(--bt);border:1px solid var(--bc);border-radius:12px;color:var(--c);font-size:14px;outline:none;transition:all 0.2s ease;vertical-align:top;opacity: .5;letter-spacing: .77px;} whdrs>bl bd fg input::placeholder { color:var(--gry); } whdrs>bl bd fg input:focus { border-color:var(--a); background:var(--b1t); } whdrs>bl bd fg i { display:inline-block; position:absolute; right:14px; top:50%; transform:translateY(-50%); width:20px; height:20px; cursor:pointer; vertical-align:middle; } whdrs>bl bd fg i svg { display:inline-block; width:100%; height:100%; fill:var(--gry); vertical-align:top; } whdrs>bl bd fg select {display:inline-block;padding:14px 42px 14px 14px;background:var(--b1);border:1px solid var(--bc);border-radius:6px;color:var(--gry);font-family:var(--ff);font-size:14px;outline:none;appearance:none;cursor:pointer;transition:all 0.2s ease;vertical-align:top;} whdrs>bl bd fg select:focus { border-color:var(--a); } whdrs>bl bd fg select option { background:var(--b1); color:var(--c); } whdrs>bl bd fg.dropdown i { pointer-events:none; } whdrs>bl bd fg.dropdown i svg { fill:var(--gry); } whdrs>bl ft { display:inline-block; width:100%; padding:0; vertical-align:top; } @media (max-width:576px) { whdrs { width: 100%; } whdrs>bl bd fg { margin-bottom:12px; } whdrs>bl bd fg input, whdrs>bl bd fg select { padding:12px 38px 12px 12px; font-size:13px; } } /*WithdrawAmountNew.css*/ cwata>bl { display:none; padding: 11px; border-radius: 12px; margin: 22px auto; } cwata hd d { display: grid ; align-items: center; grid-template-columns: auto max-content max-content; border: 1px solid var(--b1); background: var(--bt); border-radius: 11px; margin-bottom: 11px; padding-right: 11px; } cwata hd input { background: transparent; width: 100%; outline: none; font-size: 14px; margin: 6px; } cwata hd h4 { font-size: 1.11rem; margin-right: 7px; } cwata hd h3 { font-size: 1.11rem; margin-right: 7px;color:var(--a); } cwata bd aa { display: flex ; justify-content: space-between; align-items: center; padding-bottom: 7px; font-size: 13px;} cwata bd aa h4 { font-weight: 500; color: var(--b-t44); } cwata bd { display: block; padding: 11px 0; border-bottom: solid 1px var(--b1-t); } cwata ft { display: grid ; padding: 16px 0; grid-template-columns: auto auto; justify-content: space-between; margin-bottom: 44px; align-items: center; } cwata ft h4 { font-weight: 500; font-size: 13px; color: var(--b-t44); margin: 7px 0; } cwata ft btn { display:block ;padding: 8px 22px; border-radius: 11px; background: var(--a);font-size: 16px; text-align: center; } /* Component : WithdrawMethod */ wwdm {display:inline-block;width:100%;max-width:571px;border-radius:8px;padding: 20px 12px;vertical-align:top;} wwdm>bl { display:inline-block; width:100%; vertical-align:top; } wwdm>bl>hd { display:inline-block; width:100%; margin-bottom:20px; vertical-align:top; } wwdm>bl>hd t { display:inline-block; width:auto; color:var(--c); font-size:14px; font-weight:500; padding-bottom:8px; margin-right:20px; vertical-align:top; cursor:pointer; } wwdm>bl>hd t.Adrs { color:var(--gry); border-bottom:2px solid var(--a); } app.Exchangeuser t.Euser { border-bottom: 2px solid var(--a); } app.Address weum { display: none; } app.Exchangeuser whdrs { display: none; } app.Address t.Euser { border-bottom: 2px solid transparent; } app.Exchangeuser t.Adrs { border-bottom: 2px solid transparent; } @media (max-width:576px) { wwdm { border-radius:0; padding:16px; } wwdm>bl>hd { margin-bottom:16px; } wwdm>bl>hd>t { font-size:13px; margin-right:16px; } } /* Component : WithdrawNew */ cwcp { display: flex ; justify-content: center; align-items: flex-start; padding-left: 50px; max-width: 555px; margin: auto; width: 100%; } cwcp aa { padding: 8px 0; margin-right: 20px; cursor: pointer;/*color: var(--ct);*/ position: relative; font-size: 14px; } cwcp .dnn d { display: flex ; align-items: center; border: 1px solid var(--b1); background: var(--bt); border-radius: 11px; margin-bottom: 11px; padding-right: 11px; } cwcp>bl { display: flex ; flex-direction: column; position: relative; padding: 22px; width: 100%; border-radius: 22px; } cwcp hd { display: block; position: relative; padding-bottom: 20px; width: 100%; } cwcp bd { display: block; position: relative; padding-bottom: 22px; width: 100%; } cwcp ft { display: block; width: 100%; position: relative; } cwcp cs d { width: 22px; height: 22px; display: flex ; align-items: center; justify-content: center; background-color: var(--b1); border-radius: 4px; font-size: 11px; position: absolute; left: -30px; z-index: 99; color: var(--b-t44); transform: rotate(45deg); } cwcp cs h3 { font-size: 1.33rem; font-weight: 500; margin-left: 11px;color: var(--b-t44); } cwcp>bl::before { content: ''; position: absolute; left: 2px; top: 50px; bottom: 55px; width: 2px; background-color: var(--b1); z-index: 1;} cwcp>bl>ft:after { content: ''; position: absolute; left: -20px; width: 2px; top: 7px; bottom: 0; background: var(--b); z-index: 9; } cwcp csn div { display: flex ; align-items: center; gap: 7px; } cwcp csc { display: flex ; align-items: center; justify-content: space-between; background-color: var(--bt); border: 1px solid var(--b1); border-radius: 11px; padding: 11px; margin-top: 11px; cursor: pointer; } cwcp csc i:nth-child(1) { width: 24px; height: 24px; background-color: #F7931A; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; } cwcp csc h4 { font-weight: bold; margin-right: 8px; font-size: 16px; } cwcp csc h5 { color: var(--ct); flex-grow: 1; font-size: 16px; } cwcp i { height: 22px; width: 22px; transition: 333ms; } cwcp csn d { display: flex ; align-items: center; } cwcp d input {background: transparent; outline: none; font-size: 14px; margin: 6px; padding: 9px 11px; height: auto; width: -webkit-fill-available;} cwcp d input::placeholder { color: var(--ct); } cwcp csn { display: flex ; align-items: center; justify-content: space-between; border: 1px solid var(--b1); background:var(--bt); border-radius: 11px; padding: 11px;cursor: pointer; pointer-events: none; } cwcp csn h3 { color: var(--ct); font-size: 16px; } cwcp svg { fill: var(--ct); } cwcp ft h3 { display: block; font-size: 1.55rem; font-weight: 500; margin-bottom: 22px; } cwcp btns { grid-template-columns:50% 50%; } cwcp ft btn { background: var(--b1t); padding: 11px 16px; border-radius: 11px; margin-right: 10px; cursor: pointer; font-size: 16px; text-align: center; } cwcp cad> d,cwcp ceu d {display: flex ; align-items: center; border: 1px solid var(--b1); background:var(--bt); border-radius: 11px; margin-bottom: 11px; padding-right: 11px;} cwcp.address dt aa:nth-child(1) { color: var(--c); } cwcp.exuser dt aa:nth-child(2):after{ content: ''; position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: var(--a); } cwcp.address dt aa:nth-child(1):after{ content: ''; position:absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: var(--a); } cwcp.address aa:nth-child(2) { color: var(--c); } cwcp .dnn { margin-bottom: 16px; } cwcp bd.this:after { content: '';position: absolute; left: -20px; top: 15px;bottom: -8px; width: 2px; background-color: var(--c); z-index: 1; } cwcp bd.this cs>d { background: var(--c); } cwcp cs t { transform: rotate(-45deg); } cwcp bd.this::after{ content: ''; position: absolute; left: -20px; top: 15px; bottom: -8; width: 2px; background-color: var(--c); z-index: 1; } cwcp bd.this cs d { background: var(--c); color: var(--b); } cwcp ft.this cs d { background: var(--c); color: var(--b); } cwata d h3 { font-size: 1.11rem;margin:0;} cwcp csc h3 { color: var(--b-t44); font-weight: 500; font-size: 16px; } cnwrs>bl { transition: 333ms;margin:0;min-height:333px;border-bottom:solid 1px var(--bc); } cnwrs table { margin-bottom:44px } cwcp cs i { display: none; } cwcp csc dt { display: flex ; align-items: center; } cwcp bd>dt { display: flex ; margin-bottom: 16px; } cwcp hd cs d i,cwcp hd cs t { transform: rotate(320deg); } cwcp hd cs d i:nth-child(2) {display: none; height: 13px; width: 13px;} cwcp hd.this cs d { background: var(--c); color: var(--b); } cwcp hd.this cs d t:nth-child(1){display:none} cwcp hd.this cs d i:nth-child(2) {display:block} cwcp hd.this::after { content: ''; position: absolute; left: -20px; top: 15px; bottom: -8px; width: 2px; background-color: var(--c); z-index: 1; } cwcp hd.this cst div { background: var(--c); color: var(--b); } cwcp .dnn { display: none !important; } @media (max-width: 600px) { cwcp bl::before { left: 10px; top: 39px; bottom: 155px; } cwcp { padding: 0; } cwcp cs d { left: -22px; font-size: 11px; } cwcp steptitle { font-size: 16px; } cwcp csc,cwcp csn { padding: 11px; } cwcp>bl { margin: 11px; } } /* Component : WithdrawRecipient */ cwrno.eml { display: none; } cwrno btns { display: flex ; padding: 11px 0; } cwrno btn {padding: 7px 16px; background: var(--c0); border-radius: 7px;} cwrno.eml btn:nth-child(1) { background: var(--b1t); } cwrno.phn btn:nth-child(2) {background: var(--b1t); } cwrno.exid btn:nth-child(3) {background: var(--b1t); } .exuser cwrno { display:block } cwrno ft {display: grid ;} cwrno d:nth-child(2){display:flex;} cwrno.eml bd {display:flex; } cwrno.phn bd {display:none; } cwrno.exid bd {display:none; } cwrno ft d:nth-child(1) {display:none; } cwrno ft d:nth-child(2){display:none; } cwrno.phn ft d:nth-child(1) {display:flex; } cwrno.exid ft d:nth-child(2){display:grid; } cwrno bd input {display: flex ; align-items: center; border: 1px solid var(--b1); background:var(--bt); border-radius: 11px; margin-bottom: 11px; padding-right: 11px;} cwrno ft d {display: flex ; align-items: center; border: 1px solid var(--b1); background:var(--bt); border-radius: 11px; margin-bottom: 11px; padding-right: 11px;} cwrno ft d :nth-child(1) {grid-template-columns: max-content auto; column-gap: 11px; align-items: center; border: unset; background: var(--c0);} cwrno ft select { width: 70px; height: 19px; padding: 7px; background: var(--bt); border-radius: 11px; color: var(--c); border: solid 1px var(--b1); margin: 0; padding: 0 0px 0 13px; } cwrno d:nth-child(3) input {border: solid 1px var(--b1); margin: 0; height: 100%; border-radius: 11px; background: var(--bt);}/*Withdraw_Accessible*/ wwae { width: calc(25% - 20px); position: relative; margin-right: 20px; margin-top: 32px; display: flex ; } wwae bl { border-color: var(--bc); border-style: solid; border-width: 1px; border-radius: 24px; align-items: flex-start; flex-direction: column; display: flex; } wwae hd i { width: 100px; height: 100px; margin-left: 24px; margin-bottom: 24px; margin-top: 24px; } wwae bd h3 { width: auto; line-height: 28px; font-weight: 500; font-size: 20px; text-align: left; padding-bottom: 8px; padding-left: 24px; padding-right: 24px; } wwae bd p { padding-bottom: 16px; width: auto; line-height: 22px; font-weight: 400; font-size: 14px; text-align: left; padding-left: 24px; padding-right: 24px; margin: 0; opacity: .7; } @media only screen and (max-width: 999px) { wwae { width: unset;} }/*Withdraw_Binance*/ wwbe { margin-top: 195px; display: block;padding: 0px 24px; } wwbe hd h2 { line-height: 48px; font-size: 40px; font-weight: 600; } wwbe>bl>bd { margin-right: -20px; justify-content: space-between; display: flex; } wwbe>bl>bd:nth-child(1) { margin-top: 32px; } @media(max-width:999px){ wwbe { margin-top: unset; padding: 20px; } wwbe>bl>bd { display: block; } wwbe hd h2 {font-size: 28px;} }/* Component : Withdraw_ExchangeUser */ app.Exchangeuser weum { display: grid; } weum {display:none;border-radius:8px;vertical-align:top;width: 90%;} weum>bl { display:inline-block; width:100%; vertical-align:top; } weum>bl>hd {width:100%; margin-bottom:20px; vertical-align:top; } weum>bl>hd btn {font-size: 12px;font-weight: 500;padding: 7px 18px;border-radius: 6px;} weum>bl>hd btn.email { background: var(--b1-t); color: var(--c); } weum>bl>bd { display: flex; flex-direction: column; gap: 13px; } weum>bl>bd input { display: inline-block; height: auto; padding: 14px 42px 14px 14px; background: var(--bt); border: 1px solid var(--bc); border-radius: 12px; color: var(--c); font-size: 14px; outline: none; transition: all 0.2s ease; vertical-align: top; opacity: .5; letter-spacing: .77px; } weum>bl>bd fg { display: flex ; } weum>bl>bd fg.Eid { flex-direction: column; } weum>bl>bd fg.Eid p { font-size: 11px; } weum>bl>bd fg.phonee { align-items: center; gap: 5px; } weum>bl>bd fg.phonee btn { display: flex; align-items: center; background: var(--bt); border: 1px solid var(--bc); padding: 11px 11px; border-radius: 12px; } weum>bl>bd p span { color: var(--a); font-size: 12px; border-bottom: 1px solid var(--a); cursor: pointer; margin: 0px 2px; } app.email fg.phonee { display: none; } app.email fg.Eid { display: none; } app.email btn.email { background: var(--b1-t); color: var(--c); } weum>bl>bd fg.phonee { display: none; } weum>bl>bd fg.Eid { display: none; } app.phonee fg.phonee { display: flex; } app.phonee btn.phonee { background: var(--b1-t); color: var(--c); } app.phonee fg.email { display: none; } app.Eid fg.email { display: none; } app.Eid fg.Eid { display: flex; } app.Eid btn.Eid { background: var(--b1-t); color: var(--c); } app.phonee btn.email { background: unset; } app.Eid btn.email { background: unset; } @media (max-width:576px) { weum { width: 100%; } } awct>bl>hd i { width: 20px; height: 20px; } awct>bl>hd d { display: flex ; align-items: center;gap: 10px; } awct>bl>hd { display: flex ; justify-content: space-between; } awct>bl>hd mg { display: flex ; align-items: center;gap: 7px; } awct mg a { font-size: 16px; font-weight:400;color: var(---gry);} awct>bl>hd { display: flex ; justify-content: space-between; border-bottom: solid 1px var(--b1-t); } awct mg a:nth-child(3) {color: var(--c); } awct mg a:nth-child(3):after { content: ""; background: var(--a); bottom: 0; height: 3px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); width: 16px; } awct>bl>bd {margin-right: auto; margin-left: auto; margin-bottom: 80px; justify-content: space-between; z-index: 1; position: relative; display: grid ; grid-template-columns: 55% max-content; padding: 22px 13px 0px; } @media(max-width:999px){ awct>bl>bd { display: block; padding: 20px 0px;margin-bottom: 0; } awct>bl>hd mg {white-space: nowrap; } awct>bl>hd d { display: none;} }/**Withdrawal**/ awlo { display: block; width: 383px; } awlo>bl { margin-bottom: 32px;} awlo>bl hd { padding: 10px; } awlo>bl i { height: 13px; width: 13px; } awlo>bl>hd h2 { font-size: 20px; font-weight: 500; line-height: 28px; } awlo>bl>bd>dv { display: flex ; flex-direction: column; padding: 10px; border-radius: 8px; margin-bottom: 12px;} awlo>bl>bd>dv d { display: flex ; gap: 12px; } awlo>bl>bd>dv d b { border: solid 1px var(--bc); border-radius: 8px; width: 22px; height: 22px; display: flex ; align-items: center; justify-content: center; font-weight: 500; } awlo>bl>bd>dv divv { display: flex ; align-items: center; justify-content: space-between; } awlo>bl>bd>dv:nth-child(1) { flex-direction: unset; justify-content: space-between; align-items: center; } awlo>bl>bd>dv d span { font-size: 14px; font-weight: 500; line-height: 22px; } app.via awlo>bl>bd>dv:nth-child(2) p { display: block;} awlo>bl>bd>dv p { display: none; color: var(---gry); font-size: 12px; font-weight: 400; line-height: 18px; margin: 0; padding-top: 8px; } app.withdrawal awlo>bl>bd>dv:nth-child(3) p { display: block; } awlo>bl>bd>dv divv dd { margin: 0; } awlo>bl>bd>dv divv dd i:nth-child(2) { display: none; } awlo>bl>bd>dv:hover { color: var(--a); } app.via awlo>bl>bd>dv:nth-child(2) p:hover { color: var(---gry); } awlo>bl i svg:hover { fill: var(--a); } app.via awlo>bl>bd>dv:nth-child(2) { background: var(--bc); } app.withdrawal awlo>bl>bd>dv:nth-child(3) { background: var(--bc); } @media only screen and (max-width: 999px) { awlo {width: unset; } } /*Your_Verification*/ yvan { display: block; position: relative; } app.YV yvan bl {border: solid 1px var(--a); } yvan bl { min-height: 210px;width: -webkit-fill-available; padding: 24px; border: solid 1px var(--bc); border-radius: 16px; justify-content: space-between; gap: 8px; align-items: stretch; display: flex ; } yvan hd { flex-direction: column; display: flex; justify-content: space-between; } yvan bl>hd>b { font-size: 16px; font-weight: 500; line-height: 28px;} app.YV yvan bl bd { display: flex ; } app.YV yvan>bl>hd>h2 { display: block ; } yvan bl bd { display: none; align-self: center; } yvan bl bd i { height: 135px; width: 135px; } yvan bl bd dv { display: flex ; justify-content: end; } yvan>bl>hd>h2 { font-size: 16px; font-weight: 500; line-height: 28px;display: none;} yvan hd btn { padding: 5px 30px; background: var(--a); border-radius: 6px; display: flex; font-size: 14px; align-items: center; justify-content: center; width: fit-content; } @media screen and (max-width: 1022px) { yvan bl { flex: 1 1; min-height: 130px; } yvan { width: 100%; } } eftco footer .footer2 h4 { display: grid ; grid-template-columns: auto 33px; justify-content: space-between; align-items: center; padding: 11px 0; } eftco footer ccro { border-right: solid 1px var(--bc); margin: auto; padding: 22px; } ccro bd {padding: 0 13px;} eftco p.p ins { color: var(--a); } eftco footer bd .footer2 li { display: block; margin: 0px 0; font-size: 12px; font-weight: 400; line-height: 20px; } eftco footer li a { margin: 4px 0; letter-spacing: 1px; font-weight: unset; } eftco footer bd .footer2 a:hover { color: var(--a); } eftco d.aerea { display: block; max-width: 1368px; position: relative; margin: auto; z-index: 99;} eftco main { width: 100%; } eftco>bd { display: unset; } eftco .gsc_container.footer2 { display: grid ; grid-template-columns: 25% auto; } eftco bd h4.jtc { font-weight: bold; } @media only screen and (max-width: 999px) { eftco lchpm hd { box-sizing: border-box; font-size: 14px; text-align: center; padding: 9px 12px; line-height: 20px; border-radius: 4px; background-color: var(--b1); display: flex; margin: 24px auto; width: 100px; justify-content: center; } eftco lpmu { background: var(--b1-t44); display: flex; width: 100%; flex-direction: column; flex: 1; border-radius: 19px 19px 0px 0px; padding-top: 28px; align-items: center; margin: 0; } eftco footer company .gsc_row>bd { grid-template-columns: unset !important } eftco .footer2 .linkListing btn { display: grid !important; } eftco footer company { padding: unset; } eftco footer ccro { width: 100%; border: unset; } eftco div.gsc_row { display: grid ; justify-content: normal; grid-template-columns: unset !important; padding: unset; } eftco footer .footer2 ul { display: none; } eftco .footer2 .linkListing btn { display: grid; } eftco footer bd .footer2 { border-bottom: unset; } eftco .gsc_container.footer2 { border-bottom: unset; } eftco ccro { border-right: unset !important; } eftco .gsc_container.footer2 { margin: auto; display: block; } } @media only screen and (min-width: 999px) { eftco .gsc_row>bd { grid-template-columns: 20% 20% 20% 20% 20%; display: grid; } } eftco ccro i { height: 24px; width: 24px; } eftco .about .about ul, .Services .Services ul, .Support .Support ul, .Products .Products ul { display: block; padding: unset; transition: 999ms; padding-left: unset; } eftco footer bd .footer2 .gsc_row h3 { font-weight: 100; display: flex; justify-content: space-between; margin-bottom: 10px; width: 100%; transition: 33ms; } eftco footer .gsc_row bd { display: grid; justify-content: unset; } eftco .footer2 .linkListing btn { padding: 5px; border: border-radius: 25px; height: 10px; display: none; margin-bottom: 10px; } eftco .footer2 btn t { display: flex; width: 15px; height: 2px; background: var(--c); position: relative; bottom: 0px; margin: 0; } eftco footer .footer2 h4 { display: flex; justify-content: space-between; font-weight: 500; font-size: 1.2em;} eftco footer bd .footer2 .linkListing { border-bottom: solid 1px var(--b1); margin: 11px 0px; transition: 333ms; } eftco footer i { height: 24px; width: 24px; } eftco footer bd .footer2 { padding: 0; border: 0; border-bottom: solid 1px var(--b1); } eftco footer bd .footer2 ul { padding: 0; } eftco footer bd .footer2 .linkListing i { display: none; } eftco d.aerea { display: block; max-width: 1368px; position: relative; margin: auto; } eftco .gsc_container.footer2 { border-bottom: solid 1px var(--bc); margin: auto; } eftco .footer2 btn t { display: flex; width: 10px; height: 2px; background: var(--c); position: relative; bottom: 0px; margin: 0; } eftco footer .footer2 h4 { display: flex; justify-content: space-between; } eftco footer.about .about t:nth-child(1), .Services .Services t:nth-child(1), .Support .Support t:nth-child(1), .Products .Products t:nth- child(1) { top: 5px; transform: rotate(90deg); opacity: 0; } eftco .footer2 t:nth-child(1) { top: 5px; transform: rotate(90deg); } eftco div.gsc_row hd { display: flex; } eftco div.gsc_row { display: grid ; justify-content: unset; grid-template-columns: auto auto auto auto; } eftco ccro { border-right: solid 1px var(--bc); padding: 22px; margin: auto; } eftco icons { display: flex ; align-items: center; margin: 22px 0; gap: 24px; justify-content: flex-start; } ckds label { opacity: 1; } ckyo ckyto btn { width: 32%; } ckds bd input { width: -webkit-fill-available; margin: 0; height: 50px; background: var(--b1t44); padding: 0px 22px; border: unset; font-size: 0.88em; max-width: 100%; color: var(--c); font-family: var(--ff); border-radius: 7px; font-weight: 400;} ckds h3 { display: grid; font-weight: 400; font-size: 1.44em; } ckds form { gap: 11px; display: grid; } ckds { display: grid; padding: var(--p1); } ckds form d { display: grid; gap: 7px; margin-top: 30px; } ckds bl ft btn { display: grid; background: var(--a); padding: var(--p1); text-align: center; border-radius: var(--br1); margin-top: 11px; } /* component : lncomeTransaction */ cito>bl { 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>bl bd { display: flex ; flex-direction: column; justify-content: space-around; font-size: 0.88em; } cito>bl ft { display: flex; flex-direction: column; justify-content: center; align-items: end; } cito>bl hs { overflow: hidden; display: flex; justify-content: center; align-items: center; height: 55px; width: 55px; background: var(--bc); border-radius: 11px; } cito>bl name { letter-spacing: 0; font-size: 1em; font-weight: bold; } cito>bl price { font-weight: bold; } cito>bl time, cito>bl email, cito>bl phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left: 4px; } cito>bl 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>bl img { object-fit: contain; height: 77%; width: 77%; filter: invert(1); opacity: .5; } cito>bl h6 { display: grid; grid-template-columns: max-content auto; max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0; } /* Component : lncomeTransactions */ cits { margin: var(--m); display: block; background: var(--bc); padding: var(--p); border-radius: var(--br); } cits 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); } cits more>i { width: 25px; height: 25px; margin-right: 9px; margin-top: 0px; } cits>bl { display: block; } /* Ended App Theme CSS : App:Exchange - Branch:Space */