/* File : 0 */ /* Started App Theme CSS : App:Explorer - Branch:practice.aliens.school */ /* Base CSS */ :root{ --0:rgb(0 0 0 / 0); --a:rgb(6 112 166); --aa:rgb(7 132 195); --aat:rgb(0 66 189 / 22%); --aaa:linear-gradient(333deg, var(--a), var(--aa)); --lgaa:linear-gradient(333deg, var(--a), var(--aa)); --at:rgba(45 140 255 / 44%); --b:rgb(255 255 255); --b1:rgb(250 251 253); --br:#131313; --bt:rgb(248,249,250); --b-t:rgb(255 255 255 / 77%); --tb:linear-gradient(180deg, rgb(230 230 230), transparent, transparent); --c:#000; --c2:rgb(232, 241, 246); --cr:#ff0000; --cg:#00a186; --c0:#65676b; --c1:#008; --y1:#fff9e6; --y2:#fbe29a; --y3:#cc9a06; --bc:rgb(233 236 239); --bg:rgb(244 244 244 / 44%); --hover:linear-gradient(90deg, rgb(0 0 0 / 1%), rgb(0 0 0 / 4%), rgb(0 0 0 / 4%), rgb(0 0 0 / 4%), rgb(0 0 0 / 1%)); --b-t22:rgb(255 255 255 / 22%); --b-t44:rgb(255 255 255 / 44%); --b-t50:rgb(216 247 246 / 50%); --b-t52:rgb(79 165 144 / 52%); --b-t77:rgb(255 255 255 / 77%); --b-t88:rgb(255 255 255 / 88%); --b-t95:rgb(255 255 255 / 95%); --bor:rgb(63 63 63 / 30%); --btn:linear-gradient(333deg, var(--a), var(--aa)); --btn1:linear-gradient(333deg, var(--a), var(--aa)); --btn2:linear-gradient(333deg, var(--a), var(--aa)); --btn3:linear-gradient(333deg, var(--a), var(--aa)); --btn4:linear-gradient(333deg, var(--a), var(--aa)); --bt-bx:0 0px 5px 0px rgb(0 0 0 / 6%); --bs:0 0.5rem 1.2rem rgb(189 197 209 / 20%); --bss:0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), inset 0 -2px 6px 0 rgb(10 37 64 / 35%); --bs-b:inset 0 -7px 11px 0px rgb(0 0 0 / 2%), inset 0 4px 7px 0px rgb(0 0 0 / 2%), 0 2px 3px rgb(0 0 0 / 4%), 0 -1px 2px rgb(0 0 0 / 4%), 1px 0 2px rgb(0 0 0 / 4%), -1px 0 2px rgb(0 0 0 / 4%); --bs-bb:inset 0 -15px 22px 0px rgb(0 0 0 / 7%), inset 0 1px 4px 0px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 11%); --bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 4%), inset 0 1px 4px 0px rgb(0 0 0 / 4%), 0 1px 2px rgb(0 0 0 / 4%); --bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 2%), inset 0 1px 4px 0px rgb(0 0 0 / 2%), 0 1px 2px rgb(0 0 0 / 2%); --bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 1%), inset 0 1px 4px 0px rgb(0 0 0 / 1%), 0 1px 2px rgb(0 0 0 / 1%); --bs-bt:inset 0 0px 4px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%); --bs-bl:inset 0 -4px 7px 0px rgb(0 0 0 / 11%), inset 0 1px 7px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%); --bs-br:0px 4px 7px 0px rgb(215 215 215), inset 0px 0px 56px 0px rgb(222 228 240); /* --m-a_b background menubar items */ --lg:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) ); --lg1:linear-gradient(90deg, rgba(0,255,255,0.05), rgba(0,255,255,0.10), rgba(0,255,255,0.05) ); --lg-bl:linear-gradient( 123deg , rgb(103 58 183 / 22%), rgb(3 169 244 / 22%), rgb(0 222 111 / 22%), rgb(3 169 244 / 22%) ); --lg-b:246,247,248; --lg-b1:linear-gradient(128.84deg,#0f6cbd 20.46%,#3c45ab 72.3%); --bs-x:2.5rem; --br-width:2px; --br-style: dashed; } /*@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap'); */ @import url('https://fonts.googleapis.com'); @import url('https://fonts.gstatic.com'); @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); html{ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } @media (min-width: 999px){ /* SCROLLBAR */ ::-webkit-scrollbar {width:0;height:4px} ::-webkit-scrollbar-track {background: var(--b-t22);} ::-webkit-scrollbar-thumb {background: var(--bc);} ::-webkit-scrollbar-thumb:hover {background: #4444;} /* SCROLLBAR */ } /*# Tags */ html,body,aliens,dapp,app,.app{display:block;height:100%;width:100%;overflow:hidden} html{position:fixed;height:100%;width:100%;overflow:hidden;color:#eff;font-family:system-ui;color:var(--c);} body{margin:0;overflow:hidden;background:var(--b);} desktop { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } content { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: 3; } aerea { display: block; } /*main>* { margin: 0 22px; }*/ d.hero { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; margin-left: auto; position: relative; } ext:active { border: solid 2px var(--bc); border-radius: 8px; } ext { display: flex ; justify-content: center; align-items: center; height: 33px; width: 33px; border: solid 2px var(--0); } rightbar { position: absolute; height: auto; bottom: 0; left: 0; right: 0; width: 100%; cursor: default; z-index: 999999999; } content {display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;overflow: hidden;} header, aerea { display: block;position:relative; } /*aerea { background-image: linear-gradient(189deg, var(--b1) 0, rgba(var(--lg-b), 0) 85rem); } aerea { min-height: calc(100vh - 144px); min-width: 100%; } */ bl hd{display:block}bl bd{display:block} bl bs { position: relative; border-radius: 33px; display: flex; justify-content: center; align-items: center; background: var(--b); z-index: 8; box-shadow: var(--bs-b); padding: 22px; } bl bs count{width: 100%;} /*grid bl{display: block; position: relative; z-index: 2; overflow: hidden; border-radius:22px; }*/ grid bl.bl{transition: 333ms;} grid bl.bl:active { transform: scale(1.1); z-index: 88; left: 0; right: 0; background: rgb(0 0 0); position: relative; box-shadow: -7px 11px 7px 0px rgb(0 0 0); } grid bl::before{ content: ''; background-image: url(); height: 111px; width: 111px; position: absolute; left: 11%; top: 44%; z-index: 1; background-position: 50%; filter: blur(44px); } grid bl bl { padding: 11px; border: unset; border-radius: 0px;url();background-size: 100% 100%;} /*grid bl bd{display:block; position: relative;z-index: 2;}*/s grid bl mm{ position: absolute; right: 0; top: 11px; width: 25px; margin: 0; padding: 0;transition: 333ms;} chms btn { padding: 7px 11px; } ins { text-decoration: unset; } hr { display: inline-block; width: 100%; background: var(--bc); height: 1px; border: 0; } tr{transition:333ms;background-image:unset} /*tr:hover{scale(1.02) translate(0px, 2px)box-shadow: 0 7px 22px 0px rgba(0,0,0,0.22);background-image:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) )} */ tr.done { color: rgba(0,255,0,1); background: #000; } tr { cursor: default; } tr { background: linear-gradient( 123deg , rgb(63 81 181 / 10%), rgb(0 188 212 / 10%), rgb(63 81 181 / 10%) ); } th, td{padding: 11px;overflow-wrap: anywhere;height: 55px; text-align: center; box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.11); } table { width: 100%; } cr { color: green; font-size: 200%; background: rgba(139,195,74,0.22); padding: 0 22px; border-radius: 7px; } dr { color: red; font-size: 200%; padding: 0px 22px; background: rgba(244,67,54,0.22); border-radius: 7px; } square { width: 100%; display: block; height: auto; } square::after { content: ''; padding-top: 100%; display: block; } .square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; } price { font-size: .78515625rem; font-weight: 400; } btn { border: solid 1px var(--bc); padding: 6px 10px; border-radius: 6px; align-items: center; font-size: .711rem; background: var(--bg);} th:nth-child(1), td:nth-child(1) { padding-left: 1rem ; } a.this { color: var(--a); font-weight: unset; } .cblue {color: var(--aa);} .bblue {background: var(--aa);color: var(--b);} .bgrey { background: var(--bc); } .circle { display: flex ; background: var(--b-t50); justify-content: center; border: solid 1px var(--b-t52); border-radius: 15px; width: 1.5rem; height: 1.5rem; } .bblue:hover { background: var(--a); } .bgrey:active { background: var(--c0); color: var(--b); } hd table tr { border: unset; width: 100%;} circle { display: grid; left: 0; right: 0; top: 0; bottom: 0; position: absolute; grid-template-columns: auto auto; border-radius: 50%; background: #fff; box-shadow: inset 0px 0px 7px 0px #000; overflow: hidden; } circle::after { content: ''; top: 15%; bottom: 15%; left: 15%; right: 15%; border-radius: 50%; position: absolute; z-index: 2; background: #fff; box-shadow: 0px 0px 7px 0px #0004; } scchs .aerea { flex-direction: row; display: flex ; margin-top: 1rem; margin-left: auto; max-width: 1400px; padding-right: var(--bs-x); padding-left: var(--bs-x); margin-right: auto; padding-bottom: 5rem; } sidebar { top: 0px; height: min-content; min-width: 180px; } screen { background: var(--b1); } screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; } /*screen header { background:var(--0); display: block; position: sticky; top: 0; z-index: 888; padding:0;backdrop-filter: blur(35px);}*/ screen h{ display: block; position: relative; } screen h f { height: 55px; display: grid; align-items: center; z-index: 22; grid-template-columns:55px 55px auto 55px; width: 100%; } screen h f>back { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } screen h f back svg { height: 44%; width: 44%; } screen h f>i{display: block;height: 25px;width: 25px;fill: var(--b);} screen h f>h3{display: flex;align-items: center;} screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; } /*screen { display: block; transition: 333ms; position: absolute; opacity: 0; padding-bottom: 123px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 22; height: 0; padding: 0; position: unset; width: 0; } */ @media only screen and (min-width: 999px) { content { position: absolute; right: 0; top: 55px; bottom: 0; } } @media only screen and (max-width: 999px){ html, body { overflow: scroll !important;} /*content { top: 0px;bottom:0px; }*/ .content { margin-top: 0px; } } body { font-family: "Roboto", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } /*hovers*/ nav btn:hover,smenu btn:hover,hero btn:hover,aerea btn:hover { background: var(--bc); } @media only screen and (min-width: 999px) { console { width: calc(100% - 0px);margin-right: 0px; } smbo .aerea { gap: 1%; } bg {align-items: center;display: flex;} bg.L2 { margin: 7px; border-radius: 22px; } royal{position:absolute;left: 0; right: 0; top: 0; bottom: 0; } content { position: absolute; left: 0px; right: 0; top: 55px; bottom: 0; } .content{max-width:99999px;position: relative; margin: auto; } extra{position:absolute;right: 0; top: 0; bottom: 0; width:444px; } new.fixed.new{position:absolute;box-shadow: unset;} .img-box { height: 434px; width: 463px; position: relative; top: unset; left: 0; margin: unset; } /*.aerea {display: flex;flex-direction: row-reverse;margin: 0 22px; justify-content:center}*/ /*sidebar{min-width:333px;width:30%;top: 0px; position: sticky; height: min-content;border-left: solid 0px var(--bc);border-right: solid 0px var(--bc);}*/ /*main { width: 70%;overflow: hidden;} */ aprove.aprove { background: #000; padding: 44px 0; } aprove exit{display:none} a.this:hover bt { border-color: transparent; } } @media only screen and (max-width: 999px) { bg.hd { background: linear-gradient(180deg, var(--b), var(--bt), var(--0)); backdrop-filter: blur(44px); -webkit-backdrop-filter: blur(44px); } console { height: calc(100% - 0px);margin-top: 0px; } nav m a { height: 50px;width: 50px;} nav m a.this { height: 55px;width: 55px;} content{top:0px} extra .extra { bottom: 55px; top: 88px; } header{padding:0} main>* { margin: 0; } menubar {padding: 0;} m { grid-gap: 0; } m a { background: unset; box-shadow: unset; } m a.this { box-shadow: unset; } m a bt { opacity: 1; display: block; left: 0; background: transparent; font-size: 7px; padding: 0; right: 0; bottom: 4px; top: unset; } #Dashboarded i { margin-top: -18px; } #Dashboarded bt { bottom: 11px; } footer {margin-bottom: 0;} grid bl{margin:11px;margin-bottom: 0;} } /*# Elements */ a { color: var(--c); text-decoration: unset; font-weight: bold; } a.a, a.above { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; } bg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: 0; } bg{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;z-index:0;} bg>img,bg>photo,bg>.img-box{ max-width: 100%; max-height: 100%;position: absolute;opacity:0} bg.img{ background-image:var(--bg);} bg.color{ background-color:var(--b); } bg.blur{ backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); } bg.bgc{background: linear-gradient(180deg, var(--b), var(--bt), transparent, transparent, transparent, transparent, transparent, transparent, #fff1, var(--b))} bg.bgh { background: linear-gradient(180deg, var(--bt)); } nav { padding: .25rem 0; height: 44px; width: 100%; border-bottom: solid 1px var(--bc); } nav { position: sticky; z-index: 3; transition: 1s; display: flex ; align-items: center; justify-content: space-between; } i>svg, svg { height: -webkit-fill-available; width: -webkit-fill-available; margin: auto; } /*i{position: relative;display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; }*/ svg{opacity:1;max-width:100%;max-height:100%;display:block;fill:var(--c)} i { position: relative; display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; } h0, h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0; } bl { display: block; } h7 { font-size: 0.7em; } p { font-size: 0.88em; } d,block{display:block} f,flex{display:flex;position: relative;} grid{display:grid;grid-gap: 0;grid-template-columns: 100%;} name { font-weight: 600; display: block; } /*Code_Reader*/ @media only screen and (min-width: 999px) { sccor sidebar { width: 33.33333333%; } sccor main { width: 66.66666667%; } sccor d.aerea {flex-direction: row; } sccor sidebar { flex: 0 0 auto; margin-bottom: .5rem; border-right: solid 1px var(--bc); padding-right: 2rem; } sccor main { flex: 0 0 auto; } } @media only screen and (max-width: 999px) { sccor d.aerea { flex-direction: column; } } sccor d.aerea { display: flex ; padding-bottom: 5rem; z-index: 9; position: relative; margin-top: 1rem; margin-left: auto; } sccor d.aerea {max-width: 1400px; padding-right: var(--bs-x); padding-left: var(--bs-x); margin-right: auto; } label { font-size: .9062rem; } grid.active { background: var(--bc); } bb { right: 7px; position: absolute; display: block; height: 34px; max-height: 34px; width: 77px; border-radius: 50px; border: solid 2px; color: #fff; transition: 333ms; box-shadow: inset 0 0 0 2px; overflow: visible; top: 5px; } .oo bb { box-shadow: inset 60px 0px 0px; color: var(--c1); } bo { display: block; height: 100%; width: 100%; } oo { display: block; height: 30px; width: 30px; background: #fff; margin: 2px; border-radius: 50%; position: absolute; transition: 333ms; box-shadow: -4px 0 11px; color: #000; } .oo oo { box-shadow: unset; } bb.oo{ background: blue;} ib { display: inline-block; } select {color: var(--c); height: 100%; width: calc(100% - 44px); margin: 0 22px; border: unset; background: transparent; font-weight: bold; } select:focus-visible { outline: unset; } square { width: 100%; display: block; height: auto; } .square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; } square::after { content: ''; padding-top: 100%; display: block; } h nv gg { height: 55px; align-items: center; display: grid; grid-template-columns: 55px 33px 64% 0px 43px; } h nv back { font-family: monospace; font-size: 1.23em; height: 100%; width: 55px; display: flex; justify-content: center; align-items: center; } h nv gg>i { height: 100%; width: 100%; fill: #fff; display: flex; justify-content: center; align-items: center; } h nv t { display: flex; align-items: center; text-align: center; width: 100%; display: block; } h nv op { display: flex; justify-content: center; align-items: center; } wl bl mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative;margin: 0 2px; } wl bl mg a.this { border-bottom: solid 2px; color: var(--a); } h nv op>i { height: 33%; width: 33%; } h nv gg>i>svg { height: 66%; width: 66%; } h nv t>h3 { white-space: nowrap; width: 99.5%; overflow: hidden; text-overflow: ellipsis; } h nv back { font-family: monospace; font-size: 1.23em; height: 100%; width: 55px; display: flex; justify-content: center; align-items: center; } h nv gg>i { height: 100%; width: 100%; fill: #fff; display: flex; justify-content: center; align-items: center; } h nv t { display: flex; align-items: center; text-align: center; width: 100%; display: block; } h nv op { display: flex; justify-content: center; align-items: center; } wl bl mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative;margin: 0 2px; } wl bl mg a.this { border-bottom: solid 2px; color: var(--a); } h nv op>i { height: 55%; width: 55%; } h nv gg>i>svg { height: 66%; width: 66%; } label { opacity:0.77} sl, .sl { display: block; border-radius: 11px; margin-bottom: 11px; position: relative; height: 60px; overflow: hidden; background: var(--bc); width: 100%; } sl label { position: absolute; pointer-events: none; left: 20px; top: 18px; transition: 0.2s ease all; font-size: 0.88em;font-weight: bold;} sl input:focus { box-shadow: inset 0 0 0 2px var(--c); border-radius: 11px; } sl input:focus ~ label, sl input:not(:focus):valid ~ label, .edt label { top: 2px; bottom: 10px; left: 11px; font-size: 11px; opacity: 1; font-weight: bold; margin-left: 11px; letter-spacing: 0;opacity:0.77 } sl input { font-size: 14px; width: calc(100% - 44px); margin: 0; background: transparent; border: unset; box-shadow: unset; } sl error { font-size: 0.66em; color: red; display: block; margin-top: 2px; } img { max-width: 100%; max-height: 100%; } btn:focus { border: solid 3px var(--bc); } input.checkbox { height: 15px; width: 15px; } select { border: solid 1px var(--bc); border-radius: 8px;width: -webkit-fill-available; } select:focus { border: solid 3px var(--bc); } input:focus { border: solid 3px var(--bc); } input { border: solid 1px var(--bc); border-radius: 8px; width: -webkit-fill-available; } input { outline: 0; display: block; max-width: 100%; background: var(--b-t77); color: var(--c); height: 40px; font-weight: bold; padding: 0 12px; } button { outline: 0; border: 0; padding: 11px; } /*teble*/ section { overflow-x: scroll; white-space: nowrap; } table th { font-size: .76615625rem; padding: .6rem .5rem; height: 30px; overflow-wrap: break-word; text-align: -webkit-match-parent; } tbody tr:hover { background: var(--bt); } table td btn { max-width: 50px; } table td div, th div { display: flex ; align-items: center; gap: 5px; } table { font-size: .9062rem; border-collapse: collapse; letter-spacing: 0.5px;} table td a { font-weight: 400; } table i { width: 15px; height: auto; } table td { padding: .6rem .5rem; overflow-wrap: break-word; text-align: -webkit-match-parent; height: 25px;} /*table td btn path { fill: var(--c); }*/ table tr { background: unset; border-bottom: solid 1px var(--bc); } /*table tr:nth-child(1) { border-top: unset; }*/ table div btn { padding: 4px 6px; } table td t { color: var(--c0); } table h5 { font-weight: 400; } table h6 { font-weight: 300; } /*teble*/ no { display: grid; grid-template-rows: auto auto; width: 77%; margin: 44px auto; justify-content: center; align-items: center; text-align: center; } no img { height: auto; margin: auto; width: 111px; } hr { margin: 1.25rem 0; color: var(--bc); border: 0; } trcs { display: block; } trcs>trc { background: var(--b-t);display: grid; margin: 7px auto; padding: 22px; grid-template-columns:66px auto 88px; border-radius: 14px; box-shadow: var(--bs-bs);max-width:666px;width: calc(100% - 66px);} trcs>trc>hd { overflow:hidden;display: flex; justify-content: center; align-items: center; height: 55px; width: 55px; background:var(--b-t); border-radius: 16px; } order>bd { display: grid; } trcs>trc name { letter-spacing: 0; font-size: 1em; font-weight: bold; } trcs>trc price { font-weight: bold; } trcs>trc time, trc email, trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left:4px} trcs>trc qty { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: bold; background: rgb(0 0 0 / 10%); border-radius: 11px; margin:2px} trcs>trc img { object-fit: contain; height: 77%; width: 77%; } trcs>trc h6, trcs>trc h5{display:grid;grid-template-columns:max-content auto;max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0;} trcs>trc>bd { display: flex; flex-direction: column; justify-content: center; padding-left:4px} trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; text-align: end;} trcs>trc>odr { grid-column-start: 2; grid-column-end: 4;font-size:0.77em;} trcs>trc>ft amount { display: block; } trcs>trc actn{display: grid;grid-gap: 0;min-height: 33px;padding: unset;grid-template-columns: 70% 30%;margin: unset;position: relative;border-radius: 11px;width: 100%;} trcs>trc actn>ac1{ display: flex; justify-content: center; align-items: center; } trcs>trc actn>ac1>bb{position: relative;display: block;height: 34px;max-height: 30px;width: 60px;border-radius: 50px;border: solid 2px;color: #fff;transition: 333ms;box-shadow: inset 0 0 0 2px;overflow: visible;top: unset;height: 38px;color: var(--c1);right: unset;} trcs>trc actn>ac1>bb>bo{display: block; height: 100%; width: 100%;transition:333ms;border-radius: 50px; } trcs>trc actn>ac1>bb>bo>oo{display: block;height: 25px;width: 25px;background: #fff;margin: 2px;border-radius: 50%;position: absolute;transition: 333ms;box-shadow: -4px 0px 11px;color: #000;} trcs>trc actn>ac2 { display: flex; align-items: center; justify-content: center; font-weight: bold; font-family: monospace; font-size: 2.5em; color: var(--c1); transform: rotate(270deg); height: 36px; width: 36px; } trcs>trc p { margin: 0; } tr.cr td:nth-of-type(1){color:#00ff00;} tr.dr td:nth-of-type(1){color:#ff0000;} V {transform: scale(0.77);position: relative; display: flex; justify-content: center; align-items: center; max-width: 44px; width: 100%;opacity:0 } V:before, v:after { content: ''; width: 50%; height: 4px; background: var(--c); display: block; position: absolute;border-radius: 50px; transition: 333ms; transition-timing-function: cubic-bezier(1, 0.55, 0, 0.55);} V::before { transform: rotate( 45deg ); left: 4px; } V::after { transform: rotate( 135deg ); right: 4px; } V.A:before { transform: rotate( -45deg ); } V.A:after { transform: rotate(225deg) } /** Elements */ /*# Class */ .dnone, .dn {display: none !important;} .cgreen { color: #007600; } .cred { color: #CC0C39; } /** Class */ /*# App Layout */ ::-webkit-scrollbar { display: none; } @media (min-width: 999px) { ::-webkit-scrollbar { width: 0; height: 4px; } ::-webkit-scrollbar-thumb { background: var(--bc); } ::-webkit-scrollbar-track { background: var(--b-t22); } } .splash console{opacity:0} .account content { margin-top: calc(100vh - 22px); } .after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; } /** App Layout */ /*# Screen Layout */ /*# Screen Layout 1 #*/ @media only screen and (max-width: 999px) { .sl1 smenu { display: none; } .sl1 header{ display:none } } @media only screen and (min-width: 999px) { .sl1 {display: grid ; grid-template-columns: 333px calc(100% - 333px); max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl1 nev { display: grid ; grid-column-start: 1; grid-column-end: 3; } .sl1 smenu { display: grid ; grid-row-start: 1; grid-row-end: 3; height: calc(100vh - 55px); position: sticky; top: 0; bottom: 0; overflow: auto; } .sl1 header { display: none;} .sl3 hero { display: grid ; grid-column-start: 2; grid-column-end: 3; } .sl1 aerea { display: grid ; grid-column-start: 2; grid-column-end: 3; } .sl1 main { max-width: 777px; margin: 0 auto; } .sl1 sidebar { max-width: 333px;} .sl1 footer { display: grid ; grid-column-start: 2; grid-column-end: 3; } } /** Screen Layout 1 **/ /*# Screen Layout 2 #*/ @media only screen and (max-width: 999px) { .sl2 smenu { display: none; } } @media only screen and (min-width: 999px) { .sl2 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl2 nev { display: grid ; } .sl2 smenu { display: grid ; } .sl2 header { display: grid ; } .sl2 hero { display: grid ; } .sl2 aerea { display: grid ; } .sl2 main { max-width: 777px; margin: 0 auto; } .sl2 sidebar { max-width:333px;} .sl2 footer { display: grid ; } } /** Screen Layout 2 **/ /*# Screen Layout 3 #*/ @media only screen and (max-width: 999px) { .sl3 smenu { display: none; } } @media only screen and (min-width: 999px) { .sl3 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;} .sl3 nev { display: grid ; } .sl3 smenu { display: grid ; } .sl3 header { display: grid ; } .sl3 hero { display: grid ; } .sl3 aerea { display: grid ; } .sl3 main { width:100%; max-width: 100%; margin: 0 auto; } .sl3 sidebar { max-width:333px;} .sl3 footer { display: grid ; } } /** Screen Layout 3 **/ /** Screen Layout */ flyouts> bg { backdrop-filter: blur(11px); background: var(--b1t44); } flyouts { position: absolute; display: none; justify-items: center; opacity: 0; visibility: hidden; z-index: 9999; inset: 0px; place-content: center; transition: 333ms; } .ds flyouts { display: block; visibility: visible; opacity: 1; } scroll { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 99; } cdco scroll btn i { transform: rotate(90deg); min-width: 28px; min-height: 28px; } scroll>btn { padding: 5px; background: var(--b-t95); height: 33px; display: block; width: 33px; border-radius: 55%; box-shadow: 0 0 4px 6px var(--bc); } html { font-family: Kanit, sans-serif; } /* Section : Section */ sections { position: relative; } /* staking sacreen */ sskg d.main { margin: 0 11%; } @media (max-width: 999px) { sskg d.main { margin: 0 11px; } } /* btn1 feels */ .btn1 { transition: 95ms; } .btn1:hover { opacity: 0.7; } .btn1:active { transform: translate(0, 2px); } /* Template : popup */ popup { position: absolute; inset: 0; display: flex ; align-items: center; justify-content: center; transition: 333ms; z-index: 999999; } .popup popup { opacity: 1; visibility: visible; position: fixed; } popup>rvm { position: absolute; inset: 0; z-index: 0; } /* Terms sacreen */ stmo d.main { margin: 0px 11%; } @media (max-width: 999px) { stmo d.main { margin: 0px 5%; } } cata { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem; } cata { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } cata bl { overflow-x: scroll; } cata bd { background: var(--b); border-radius: 6px 6px 0px 0px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs);border-bottom: unset; } cata bd>div { display: flex ; padding: 1rem; gap: 10px;} cata bd>div btn { font-weight: 500; border-radius: 0.5rem; padding: 0.3rem 0.6rem ; } cata bd>div .bblue:hover { background: var(--a); } .Last:hover { background: var(--a); color: var(--b); } cata i.Plus { opacity: 0; transition: all .2s linear;} cata td div:hover i.Plus { opacity: unset; } cata.aa btn.aa { background: var(--a); color: var(--b); } cata.Bundle btn.Bundle { background: var(--a); color: var(--b); } cacb { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } cacb form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } cacb h4 { font-weight: 500; } cacb form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } cacb dv d { flex: 0 0 auto; width: 50%; padding-right: 1rem; padding-left: 1rem; box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } cacb select { height: auto; padding: 8px; margin: unset; font-weight: 500; } cacb dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; } cacb dv btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } cacb>bl>hd btn { display: grid ; grid-template-columns: auto auto; margin-left: 7px; gap: 4px; } cacb>bl>hd btn i { height: 100%; } cacb form.Date span.Date { box-shadow: inset 0px 0px 0px 4px var(--aa); } cacb form.Block span.Block { box-shadow: inset 0px 0px 0px 4px var(--aa); } cacb bl dv { background: unset; } cacb d { display: flex ; } cacb btn:hover { background: unset; } cacb btn i { height: 20px; width: auto; } cacb bd d btn { display: flex ; padding: 0 0 0 12px; margin-top: 6px; } cacb Selecter { display: flex ; } cacb Selecter btn { display: flex ; background: unset; border: unset; padding: unset; margin: .5rem 0; padding-right: 1rem; } cacb Selecter span { border: solid 1px var(--bc); padding: 7px; border-radius: 50%; margin-right: 8px; } cacb form.Date .Date { display: flex ; } cacb div { box-sizing: border-box; display: none; } cacb form.Block .Block { display: grid; } cacb calendar .Date { flex-direction: column; flex: 0 0 auto; max-width: 100%; margin-top: 1rem; box-sizing: border-box; display: none ; gap: 10px; } cacb calendar .Block.Number { max-width: 100%; margin-top: 1rem; box-sizing: border-box; gap: 10px; } @media only screen and (max-width: 1075px) {cacb { width: 75%; }} @media only screen and (max-width: 999px) { cacb { width: 100%; padding-left: unset;} cacb dv d { width: 100%; } cacb div d { width: 100%; } } cadf { max-width: 1400px; padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; } cadf { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem; } cadf>bl { overflow-x: scroll; white-space: nowrap; } cadf ft i { width: 15px; height: auto; } cadf bd { display: block; background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); } cadf ft p { font-size: .78515625rem; letter-spacing: 0.58px; } cadf ft p:nth-child(2) { display: flex ; gap: 5px; font-size: .695em; align-items: center; } cadf a { font-weight: 400; } cadf section btn { padding: 2px 5px; display: flex ; width: fit-content; max-width: fit-content; } cadf td:nth-child(3) btn { padding: 6px 10px; } cadf div btn i { height: 15px; } cadf bd>div { display: flex ; justify-content: space-between; padding: 1rem; align-items: center; flex-wrap: wrap; gap: 10px; } cadf bd>div d { display: flex ; gap: 10px; } cadf div d p { display: flex ; gap: 7px; flex-direction: column; font-size: .9062rem; letter-spacing: 0.5px; margin:unset; } cadf d btn { display: flex ; background: unset; padding: 0.25rem 0.5rem; gap: 4px; position: relative; } cadf span.circle { margin: auto; } cadf td:nth-child(3) btn:hover { border: solid 1px var(--y3); background: var(--y1); border-style: var(--br-style); } cadf d dv { display: none; position: absolute; z-index: 999999; background: var(--b); padding: .375rem .75rem .375rem .75rem; min-width: 11rem; } cadf d dv { border-radius: 0 0 0.75rem 0.75rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border: solid 1px var(--bc); right: 0; top: 0; } cadf.Columns d dv { display: block; top: 2rem; } cadf d ul { padding: unset; list-style-type: none; } cadf ul li { display: flex ; justify-content: space-between; padding: 5px 2px; font-size: .9062rem; } bb.Filter oo.Filter { transform: translateX(17px); } oo.Filter { width: 31%; height: 80%; transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35); box-shadow: inset 0px 0px 20px 5px var(--bc); margin: 1px; } cadh dv { display: flex ; gap: 10px; align-items: center; } cadh hd { padding-top: 1.25rem; padding-bottom: 1.25rem; max-width: 100%; display: flex; justify-content: space-between;} cadh dv btn { padding: 4px 6px; border: solid 2px var(--bc); display: flex ; gap: 4px; border-radius: 8px; } cadh dv:nth-child(1) btn { padding: 0px 6px; border-radius: 4px; height: 1rem; } cadh btn:nth-child(2) path { fill: var(--b); } cadh hd i, cadh bd i { width: 20px; height: auto; } cadh bd dv { justify-content: space-between; } cadh bd d { display: flex ; gap: 4px; font-size: .9062rem; align-items: center; } cadh bd dv:nth-child(2) { margin: 12px 0; } cadh bd btn { font-size: .78515625rem; border-radius: 18px; padding: 4px 10px; border: solid 1px var(--bor); } cadh span { opacity: 42%; } cadh>bl{display: grid ; padding: 0 25px;width: 100%;} cadh{width: 100%; max-width: 1400px; display: flex ; margin: auto;} cadh ft { display: none; margin-top: 1.25rem; } cadh ft>i{ width: auto; height: auto; } cadh.Filter ft { display: block; margin-top: 1.25rem; } cadh oo.Filter { width: 31%; height: 63%; transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35); box-shadow: inset 0px 0px 20px 5px var(--bc); margin: 1px; } cadh.Filter oo.Filter { transform: translateX(17px); } cadh bb { height: 13px; padding: 3px; border: unset; box-shadow: 0 0 1px 1px var(--bc); } cadh.Filter bb { background: var(--a); } capd { display: block; padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); width: 100%; } capd { position: relative; padding-bottom: 4rem; padding-top: 3rem; background: var(--br); color: var(--b); } capd bl { display: flex ; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-right: calc(var(--bs-x) * .3); padding-left: calc(var(--bs-x) * .3); max-width: 1400px; margin: auto; } capd btn { display: block; border: unset; padding: 0px 5px; width: fit-content; } capd btn a { display: flex ; padding: 0.6rem; border-radius: 4px; align-items: center; font-size: .9375rem; font-weight: 400; flex-wrap: wrap; gap: 7px; color: var(--b);} capd btn i { height: 20px; width: auto; margin-right: 4px; } capd svg { fill: var(--b); } capd p { opacity: 75%; } capd h3 { font-size: 1.40625rem; font-weight: 500; } capd bd { display: flex ; width: 33.33333333%; padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); background: linear-gradient(180deg, var(--b) 0.7%, var(--y2) 55%); -webkit-text-fill-color: transparent; background-clip: text; } capd bd dv { display: block ; font-size: 3.5rem; } cbad { display: block; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: solid 1px var(--bc); } cbad bd { display: flex ; flex-wrap: wrap;} cbad chart { border: solid 1px var(--bc); padding: 1rem; border-radius: 12px; align-items: center; background: var(--b); } cbad chart { margin: 1.25rem .70rem 0; box-shadow: var(--bs); display: block;box-sizing: border-box; } cbad chart:hover h5 { color: var(--a); } cbad chart h5 { font-weight: 400; margin-bottom: 1.25rem; } cbad chart i { height: auto; } cvba { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } cvba { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; margin-bottom: 5rem; } cvba>bl { display: grid ; background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); } cvba div btn { padding: 4px 6px; } cvba tr:hover { background: var(--bt); } cvba div t::before { content: ""; display: block; width: 22%; height: 2px; background-color: var(--a); border-radius: 2px; position: absolute; } cvba td t { display: block; background: var(--aat); height: 2px; width: 100%; top: 6px; position: relative; } @media only screen and (max-width: 575px) { cvba bl bd { overflow-x: scroll; white-space: nowrap; } } cvoh>bl>hd { padding-top: 1.25rem; padding-bottom: 1.25rem; flex: 0 0 auto; max-width: 100%; display: block; } cvoh>bl>hd p { margin: unset; } cvoh>bl>bd b { display: flex ; align-items: center; gap: 10px; } cvoh>bl>bd b i { width: 15px; display: none; } cvoh>bl>bd b:nth-child(1) { justify-content: space-between; margin-bottom: .25rem; } cvoh>bl>bd b h5 { font-size: .75rem; letter-spacing: .5px; text-transform: uppercase; font-weight: 300; } cvoh>bl>bd { display: grid ; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 7px; } cvoh>bl>bd b h3 { letter-spacing: .5px; text-transform: uppercase; font-weight: 400; } cvoh>bl t { font-weight: 400; font-size: .875em; } cvoh>bl>hd h3 { font-weight: 500; line-height: 1.2; } @media only screen and (max-width: 999px) { cvoh>bl>bd { grid-template-columns: auto; } } cbvo { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem;} cbvo { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } cbvo bl { overflow-x: scroll; } cbvo>bl>bd { background: var(--b); border-radius: 6px 6px 0 0; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); } cbvo section { overflow-x: scroll; white-space: nowrap; } cbvo p { padding-top: 0.85em; margin: 0 0 10px 10px; } /* Component : Broadcast_Raw */ cbrr { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } cbrr form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } cbrr h4 { font-weight: 500; } cbrr dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; } cbrr d { box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } cbrr form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } cbrr textarea { border: solid 1px var(--bc); padding: .3rem .6rem; font-size: .9062rem; font-weight: 400; border-radius: 8px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } cbrr form p { font-weight: 300; letter-spacing: 0.8px; font-size: .78515625rem; margin-top: unset; } cbrr p a { font-weight: 400; } cbrr dv btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } @media only screen and (max-width: 1075px) { cbrr { width: 75%; }} @media only screen and (max-width: 999px) { cbrr { width: 100%; padding-left: unset; }} cbus { margin-left: auto; position: relative; padding-bottom: 4rem; padding-top: 3rem; } cbus { display: block; max-width: 1400px; padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; } cbus hd { text-align: center; display: block; } cbus hd dv { width: 50%; display: block; text-align: center; margin: auto; } cbus div { display: flex ; flex-wrap: wrap; margin-bottom: 2rem; gap: 18px;} cbus div dv { display: grid ; border: solid 1px var(--bc); border-radius: 8px; align-items: center; background: var(--b); box-sizing: border-box; box-shadow: var(--bs); height: 100%; padding: 1rem;} cbus i { height: 30px; width: fit-content; margin-bottom: 1rem; } cbus h4 { font-size: .9375rem; margin-bottom: .11rem; font-weight: 500; } cbus btn { border-radius: 31px; border: unset; font-size: .875em; font-weight: 400; margin-left: 6px; padding: 5px 10px; } @media only screen and (max-width: 1050px) { cbus { padding-right: calc(var(--bs-x) * .3); padding-left: calc(var(--bs-x) * .3); width: auto; } cbus hd dv { width: auto; } } @media only screen and (max-width: 700px) { cbus bd bl { width: 100%; } } ccas div { max-width: 100%; padding-left: 0.125rem; padding-right: 0.15rem; margin-top: 5px; box-sizing: border-box; } ccas dv { display: block; padding: 1rem; border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); height: 100%; box-sizing: border-box; } ccas b { display: flex ; align-items: center; gap: 10px; } ccas b:nth-child(1) { justify-content: space-between; margin-bottom: .25rem; } ccas b h5 { font-size: .75rem; letter-spacing: .5px; text-transform: uppercase; font-weight: 300; } ccas b i { width: 15px; display: none; } ccas t { font-weight: 400; font-size: .875em; } ccas b h3 { letter-spacing: .5px; text-transform: uppercase; font-weight: 400; } ccas dv:hover {} ccas dv:hover i { display: block; } @media only screen and (min-width: 999px) { chst { padding: 0 0 0 2rem; display: block; } } ccha hd { padding-top: 1.25rem; padding-bottom: 1.25rem; flex: 0 0 auto; max-width: 100%; display: block; } ccha hd p { margin: unset; } ccls { display: block; max-width: 100%; height: 100%; padding-right: 1rem; } ccls ul { display: grid ; gap: .25rem; padding: unset; } ccls li { display: block; padding: .5rem .75rem; border-radius: 5px; } ccls li:nth-child(1) { background: var(--bc); } ccls li:hover { background: var(--bc); } ccls a { font-size: 0.78515625rem; font-weight: 500; } ccor bd btn { width: 1.2rem; height: 1.5rem; top: 116px; border-radius: 8px; position: absolute; right: 3rem; display: flex ; } ccor bd btn.bblue:hover { background: var(--a); } ccor i { width: 15px; height: auto;} ccor bd f { display: flex ; gap: 10px;font-size: 14px; font-weight: 500; } ccor { display: block; padding-top: 2rem; } ccor input { margin-top: 1rem; padding: 7px 12px; font-size: 16px; font-weight: 200; } ccor hd { display: flex ; justify-content: end; flex: auto; margin-bottom: 16px; } ccor oo.indicator { width: 31%; height: 80%; transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35); box-shadow: inset 0px 0px 20px 5px var(--bc); margin: 1px; } ccor bb { display: block; width: 24px; height: 10px; border-radius: 25px; position: relative; border: solid 2px var(--bc); top: unset; right: unset; } ccor bb.indicator oo.indicator { transform: translateX(17px); } ccor hd dv { display: flex ; gap: 10px; align-items: center; } ccor dv btn { padding: 4px 6px; border: solid 2px var(--bc); } ccor hd span { opacity: 16%; font-size: .875em; } ccor hd f { display: flex ; gap: 10px; } ccor h5 { font-weight:400;} @media only screen and (min-width: 999px) { ccor d { bottom: 47rem; } ccor hd bl:hover d { display: block; } ccor d { position: fixed; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); border-radius: 8px; padding: 11px; background: var(--b); right: 8rem; max-width: 310px; border: solid 1px var(--bc); display: none; margin: 1rem; } ccor d:after { content: ""; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); border-width: 10px; border-style: solid; border-color: var(--0) var(--0) var(--0) var(--b); } ccor { padding-left: 2rem; padding-right: 2rem; } } ccom div { display: flex ; position: relative;} ccom fieldset { border: none; margin: 10px 0; padding: 0; } ccom label { margin: 10px 0 5px; display: flex ; align-items: center; font-size: .9062rem; color: var(--c0); } ccom dv { gap: 10px; display: flex ; flex-wrap: wrap; margin-top: 10px; align-items: center;} ccom btn { background: var(--b); font-weight: 500;} ccom select { padding: 10px 15px; border-radius: 6px; align-items: center; margin: unset; font-weight: 500;} ccom input { border: 1px solid #ccc; border-radius: 5px; font-size: 14px; padding-right: 3rem; box-sizing: border-box; width: 100%; } ccom div btn { right: 0.5rem; background: unset; border: unset; display: flex ; position: absolute; box-sizing: border-box; width: 2.375rem; height: 2.375rem; } ccom i { width: 20px; height: 20px; } ccom label input { height: 15px; width: 15px; margin-right: 12px; } ccom btn.bblue { width: 4.988rem; height: 39px; border-radius: 0px 4px 4px 0px; position: absolute; justify-content: center; right: 0.0rem; font-size: .999rem; } ccom btn.bblue:hover { background: var(--a); } ccom a { font-weight: 400; } ccom hd h3 { font-weight: 500; } ccoh hd { padding-top: 1.25rem; flex: 0 0 auto; max-width: 100%; display: flex ; padding-bottom: 1.25rem; border-bottom: solid 1px var(--bc); } ccou { padding-top: 1.25rem; padding-bottom: 1.25rem; max-width: 100%; display: block; box-sizing: border-box; } ccou hd { display: flex ; justify-content: center; } ccou hd dv { display: block; text-align: center; } ccou hd h2 { font-weight: 500; } ccou form { display: flex ; background: var(--bt); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); padding: 1rem; flex-wrap: wrap; flex: 0 0 auto; width: 66.66666667%;} ccou bd d { width: 100%;max-width: 100%; padding-right: calc(var(--bs-x) * .3); padding-left: calc(var(--bs-x) * .3); margin-top: 15px; box-sizing: border-box; } ccou label { margin-bottom: .8rem; display: inline-block; } ccou select { margin: unset; padding: .65rem; padding-right: 1rem; width:-webkit-fill-available;font-size:.9375rem;font-weight: 500;background: var(--b);} ccou form d:nth-child(1) { flex: 0 0 auto; width: 50%; } ccou form d:nth-child(2) { flex: 0 0 auto; width: 50%; } ccou form d:nth-child(4) { flex: 0 0 auto; width: 50%; } ccou form d:nth-child(5) { flex: 0 0 auto; width: 50%; } ccou btn { padding-top: .7rem; padding-bottom: .7rem; padding-right: 1rem; padding-left: 1rem; font-size: 0.9062rem; display: flex ; font-weight: 400; width: fit-content; justify-content: center; margin: auto; } ccou d textarea { border: solid 1px var(--bc); padding: .3rem .6rem; font-size: .9062rem; font-weight: 400; border-radius: 8px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } ccou bd { display: flex ; justify-content: center; } ccou div { background: var(--bc); border-radius: 8px; padding: 10px 10px 5px 15px; } ccou strong { font-weight: 500; } ccou bd d p { margin-top: .45rem; font-size: .875em; } ccou a {font-weight: 400;} ccou bd d:nth-child(6) { margin-top: unset; } ccou bd d:nth-child(7) { box-sizing: border-box; display: flex ; flex-direction: column; margin-bottom: 1rem; } @media only screen and (max-width: 999px) { ccou form { width: -webkit-fill-available; } } @media only screen and (max-width: 768px) { ccou form d:nth-child(1) { flex: 0 0 auto; width: 100%; } ccou form d:nth-child(2) { flex: 0 0 auto; width: 100%; } ccou form d:nth-child(4) { flex: 0 0 auto; width: 100%; } ccou form d:nth-child(5) { flex: 0 0 auto; width: 100%; } } ccoa { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 3rem; } ccoa { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } ccoa section { display: flex ; flex-wrap: wrap; box-sizing: border-box; white-space: unset; } ccoa>bl>hd { display: flex ; } ccoa>bl>hd btn { display: grid ; grid-template-columns: auto auto; margin-left: 7px; gap: 4px; } ccoa>bl>hd btn i { height: 100%; } cchr hd { padding-top: 1.25rem; padding-bottom: 1.25rem; flex: 0 0 auto; max-width: 100%; display: block; } cchr hd p { margin: unset; } cchr {width: 100%; display: block; max-width: 1386px; margin: auto;} ccni { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem;} ccni { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } ccni>bl { background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); overflow-x: scroll; } ccni a { width: max-content; } ccre { flex: 0 0 auto; width: 50%; margin-bottom: 1rem; padding-left: 0.7rem; padding-right: 0.7rem; box-sizing: border-box; } ccre bd { box-shadow: var(--bs); display: block; box-sizing: border-box; } ccre bd { border: solid 1px var(--bc); padding: 6rem 1rem; border-radius: 12px; align-items: center; background: var(--b); } ccre i { height: 30px; } ccre d { text-align: center; margin-right: auto; margin-left: auto; flex: 0 0 auto; width: 50%; } ccre d p { opacity: .88; } ccre dv { margin-bottom: 1rem; display: block; } ccre label { margin-bottom: .5rem; display: block; font-size: .9062rem; } ccre div { display: flex ; } ccre input { border-radius: 10px 0 0 10px; } ccre btn { border-radius: 0px 6px 6px 0px; font-size: .999rem; display: flex ; text-align: center; padding: .65rem 1rem; border-color: var(--a); } @media only screen and (max-width: 999px) { ccre { flex: 0 0 auto; width: 100%; box-sizing: border-box; padding: unset; } ccre d { width: auto; } } ccod { display: block; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: solid 1px var(--bc); } ccod bd { display: flex ; flex-wrap: wrap;} ccod chart { border: solid 1px var(--bc); padding: 1rem; border-radius: 12px; align-items: center; background: var(--b); } ccod chart { margin: 1.25rem .70rem 0; box-shadow: var(--bs); display: block;box-sizing: border-box; } ccod chart:hover h5 { color: var(--a); } ccod chart h5 { font-weight: 400; margin-bottom: 1.25rem; } ccod chart i { height: auto; }ccot { display: block; height: 100%; } ccot bl { align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); background: var(--b); border-radius: 15px; height: 100%; } ccot hd { display: flex ; justify-content: space-between; border-bottom: solid 1px var(--bc); padding: 1rem; align-items: center; } ccot btn { border: solid 1px; background: var(--b); color: var(--aa); font-size: 0.78515625rem; } ccot btn:hover { background: var(--c2); } ccot p { margin-bottom: 4px; padding-left: 1rem; } ccot td,ccot th { height: auto; padding: .4rem .5rem; } ccot bd table { margin-bottom: 11px; } ccse { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } ccse form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } ccse h4 { font-weight: 500; } ccse form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } ccse dv bl { flex: 0 0 auto; width: 50%; padding-right: 1rem; padding-left: 1rem; box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } ccse select { height: auto; padding: 8px; margin: unset; font-weight: 500; } ccse dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; } ccse dv btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } ccse Selecter btn { display: flex ; background: unset; border: unset; padding: unset; margin: .5rem 0; padding-right: 1rem; } ccse Selecter span { border: solid 1px var(--bc); padding: 7px; border-radius: 50%; margin-right: 8px; } ccse form.Date span.Date { box-shadow: inset 0px 0px 0px 4px var(--aa); } ccse form.Block span.Block { box-shadow: inset 0px 0px 0px 4px var(--aa); } ccse bl dv { background: unset; } ccse div d { display: flex ; } ccse btn:hover { background: unset; } ccse btn i { height: 20px; width: auto; } ccse div d btn { display: flex ; padding: 0 0 0 12px; margin-top: 6px; } ccse Selecter { display: flex ; } ccse form.Date div:nth-child(1) { display: flex ; } ccse div { box-sizing: border-box; display: none; } ccse div span { padding: 6px 0 6px 6px; border-left: solid 1px var(--bc); margin-left: 4px; width: -webkit-fill-available; } ccse label { font-size: .9062rem; margin-bottom: 7px; display: block; } ccse div d { flex-direction: column; flex: 0 0 auto; width: 50%; max-width: 100%; margin-top: 1rem; box-sizing: border-box; display: flex ; } ccse form.Block div:nth-child(2) { display: flex ; } ccse dv ul { padding: unset; margin: unset; } ccse li spna { opacity: 30%; } ccse li { display: flex ; margin-top: 9px; gap: 8px; font-size: .811rem; } ccse li p { display: flex ; align-items: center; gap: 4px; font-size: .9062rem; word-wrap: break-word; } ccse li i { height: 16px; width: auto; } ccse div input { padding: .5rem; border-radius: unset; background: unset; position: relative; flex: 1 1 auto; width: 1%; min-width: 0; height: auto; margin-left: 8px; } ccse li bb { display: block; width: 24px; height: 10px; border-radius: 25px; position: relative; border: solid 2px var(--bc); top: unset; right: unset; } ccse li bb oo.indicator { width: 31%; height: 80%; transition: transform 0.4s cubic-bezier(0.85, 0.05, 0.18, 1.35); box-shadow: inset 0px 0px 20px 5px var(--bc); margin: 1px; } ccse div d:nth-child(2) { padding-left: 1rem; } ccse bl dv dt { margin-top: 11px; } @media only screen and (max-width: 1200px) { ccse dv bl { width: 100%; } ccse form.Date div:nth-child(1) { flex-direction: column; } ccse div d:nth-child(2) { padding: unset; margin-top: 2rem; } ccse div d { width: 100%; } ccse form.Block div:nth-child(2) { flex-direction: column; } } @media only screen and (max-width: 1075px) {ccse { width: 75%; }} @media only screen and (max-width: 999px) { ccse { width: 100%; padding-left: unset;} } cdat { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } cdat form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } cdat h4 { font-weight: 500; } cdat form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } cdat dv d { flex: 0 0 auto; padding-right: 1rem; box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } cdat dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; } cdat dv:nth-child(2) btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } cdat d span { border: solid 1px var(--bc); padding: 7px; border-radius: 50%; margin-right: 8px; } cdat.Block span.Block { box-shadow: inset 0px 0px 0px 4px var(--aa); } cdat.Timestamp span.Timestamp { box-shadow: inset 0px 0px 0px 4px var(--aa); } cdat bd.Date span.Date { box-shadow: inset 0px 0px 0px 4px var(--aa); } cdat bd.current span.current { box-shadow: inset 0px 0px 0px 4px var(--aa); } cdat form.Timezone span.Timezone { box-shadow: inset 0px 0px 0px 4px var(--aa); } cdat form.stamp span.stamp { box-shadow: inset 0px 0px 0px 4px var(--aa); } cdat form.Time span.Time { box-shadow: inset 0px 0px 0px 4px var(--aa); } cdat dv d:nth-child(2) { display: none ; } cdat.Timestamp d:nth-child(2) { display: flex ; } cdat dv d:nth-child(3) { display: none ; } cdat.Block d:nth-child(3) { display: flex ; } cdat form.Timezone dtb { display: block; } cdat bd.current dtb { display: none; } cdat.Timestamp dtb { display: block; } cdat form.stamp tib { display: block; } cdat bd.current tib { display: none; } cdat form.Time bdt { display: block; } cdat bd.current bdt { display: none; } cdat tib label,cdat bdt label { margin-bottom: .5rem; display: block; } cdat bdt { display: none; } cdat tib { display: none; } cdat dv d:nth-child(1) btn { border: unset; } cdat dtb { display: none; } cdat Date btn { display: flex ; padding: 0 0 0 6px; margin-top: 6px; font-size: .9062rem; letter-spacing: 0.4px; } cdat Date i { height: 20px; width: auto; } cdat Date span { padding: 6px 12px 6px 6px; border-left: solid 1px var(--bc); margin-left: 4px; width: auto; border-radius: unset; margin-right: unset; } cdat div { display: flex ; gap: 1rem; flex-wrap: wrap; } cdat dtb p,cdat tib p { margin-top: unset; } cdat selecter btn { display: flex ; flex-wrap: wrap; margin: .5rem 0; padding-right: 1rem; font-size: .9062rem; letter-spacing: 0.4px; background: unset; } cdat Selecter { display: flex ; gap: 0.8rem;} cdat d btn:hover { background: unset; } cdat select { height: auto; padding: 8px; margin: unset; font-weight: 500; margin-top: 6px;} @media only screen and (max-width: 1075px) { cdat { width: 75%; } } @media only screen and (max-width: 999px) { cdat { width: 100%; padding-left: unset; } } cbus i { height: 30px; width: fit-content; margin-bottom: 1rem; } cdpt>bl { display: grid ; border: solid 1px var(--bc); border-radius: 16px; align-items: center; background: var(--b); box-sizing: border-box; box-shadow: var(--bs); height: 100%; padding: 1rem;} cdpt p{font-size: 14px; opacity: 0.9;} cdpt {display: flex ;width: 32.33333333%; max-width: 100%;} @media only screen and (max-width: 700px) { cdpt { width: 47%; } } cdes { display: block; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: solid 1px var(--bc); } cdes bd { display: flex ; flex-wrap: wrap;} cdes chart { border: solid 1px var(--bc); padding: 1rem; border-radius: 12px; align-items: center; background: var(--b); } cdes chart { margin: 1.25rem .70rem 0; box-shadow: var(--bs); display: block;box-sizing: border-box; } cdes chart:hover h5 { color: var(--a); } cdes chart h5 { font-weight: 400; margin-bottom: 1.25rem; } cdes chart i { height: auto; } cevf { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: brightness(0.5); } cevf>bl { height: 100%; background: var(--b); box-shadow: var(--bs); border: solid 1px var(--bc); width: 370px; padding: 14px; } cevf hd { display: flex ; align-items: center; justify-content: space-between; } cevf hd i { height: 22px; width: auto; } cevf hd h5 { font-size: 1.171875rem; font-weight: 500; } cevf h3 { font-size: .9375rem ; font-weight: 500; } cevf form { display: flex ; flex-direction: column; background: var(--bt); border: solid 1px var(--bc); box-shadow: var(--bs); padding: 1rem; flex-wrap: wrap; margin-top: 1rem; border-radius: 10px; } cevf label { margin-bottom: 11px; display: block; } cevf input { margin-bottom: 11px; display: block; height: 30px; } cevf btn { font-size: 0.78515625rem; } /*Explorer_Nav css*/ ceno { width: 100%; padding-right: calc(var(--bs-x)* .5); max-width: 1400px; } ceno { padding-left: calc(var(--bs-x)* .5); margin-right: auto; margin-left: auto; } ceno bl { align-items: center; justify-content: space-between; display: flex ; width: 100%; } ceno hd, ceno bd { display: flex ; align-items: center; font-size: .78515625rem; gap: 1rem; } ceno btn { width: 2.375rem; height: 2.375rem; display: flex ; align-items: center; justify-content: center; border: solid 1px var(--bc); border-radius: 6px; padding: unset; } ceno span { color: var(--a); } ceno div { display: flex ; align-items: center; gap: .25rem; } ceno div i { width: 1.1em; height: 1.1em; display: flex ; } ceno dv:hover{} ceno ul { display: none; position: absolute; background: var(--b); padding: .375rem .75rem .375rem .75rem; inset: 0px 60px auto auto; min-width: 8rem; } ceno ul { border-radius: 0 0 0.75rem 0.75rem; box-shadow: var(--bs); border: solid 1px var(--bc);transform: translate(0px, 48px); margin: 0px; } ceno ul li { display: block; font-weight: 400; white-space: nowrap; padding: 0.375rem 0.75rem; } ceno dv:hover ul { display: block; } ceno ul dv { display: flex ; gap: 12px; } ceno ul i { height: 15px; width: auto; } ceno ul hr { margin: .35rem 0; } ceno ul a { font-weight: 400; } @media only screen and (max-width: 999px) { nav { display: none; } } cfef { padding-right: calc(var(--bs-x)* .3); padding-left: calc(var(--bs-x)* .3); margin-right: auto; margin-top: 1rem; display: grid ; margin-left: auto; position: relative; } cfef>bl { background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); overflow-x: scroll; } cfef hd { gap: 0.4rem; border-bottom: solid 1px var(--bc); flex-direction: row; flex-wrap: wrap; display: flex ; padding: 1rem; } cfef bd dv { display: block; margin-bottom: 1rem; padding: 0.65rem; background: var(--bc); border-radius: 8px; border: solid 1px var(--bc); } cfef h4 { font-weight: 500; } cfef bd { padding: 1rem; font-size: .9062rem; } cfef ft { display: block; padding: 1rem; } cfef select { padding: 10px 15px; border-radius: 6px; align-items: center; margin: unset; margin-top: 12px; } cfef ft p { margin-bottom: unset; margin-top: 2rem; font-weight: 300; color: var(--c0); } cfef bd ul { padding-left: 0; list-style: none; margin-top: 5px; } cfef ul t { font-weight: 400; } cfef ol li { margin-bottom: .4rem; } cfef bd p { margin-top: unset; font-size: .9062rem; } cfef bd p b { font-weight: 700; } cfef p strong { font-weight: 600; } @media only screen and (min-width: 999px) { cfef ft dv { display: block; width: fit-content; } } csfs { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } csfs form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } csfs dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; } csfs dv d {flex: 0 0 auto; width: 50%; padding-right: 1rem; padding-left: 1rem; box-sizing: border-box; gap: 4px; display: flex ; flex-direction: column; } csfs dv d:nth-child(2) { width: 25%; } csfs dv d:nth-child(3) { width: 25%; } csfs.Chains ul { border: solid 1px var(--bc); border-radius: 8px; padding: 8px; height: 20%; box-shadow: var(--bs); gap: 8px; width: auto;box-sizing: border-box; padding-top: unset;} csfs.Chains ul { display: flex ; flex-direction: column; margin: 8px 0 0 0; position: absolute; background: var(--b); overflow-x: hidden; overflow-y: auto;} csfs ul { display: none;} csfs btn i:nth-child(2) { margin-right: unset; } csfs select { height: auto; padding: 8px; } csfs div label { display: flex ; align-items: center; } csfs div btn { display: block; font-size: medium; } csfs div label i { height: 18px; width: auto; } csfs div label i { height: 18px; width: auto; margin-right: 8px; } csfs dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-wrap: wrap; } csfs ul li { display: block; padding: 4px; } csfs select { height: auto; padding: 8px; margin: unset; } csfs label span { white-space: nowrap; font-size: .78515625rem; } csfs ul li:hover { background: var(--bc); border-radius: 5px; } csfs dv btn { font-size: 0.9185rem; padding: 8px 22px; } csfs ul li:nth-child(1) { position: sticky; top: 0; background: var(--b); z-index: 2;} csfs btn label { justify-content: space-between; } @media only screen and (max-width: 1080px) { csfs { padding-left: 1rem; width: 75%; } csfs dv d { width: 100%; } csfs dv:nth-child(1) { flex-wrap: wrap; } csfs dv d:nth-child(2) { width: 100%; margin-top: 3rem; } csfs dv d:nth-child(3) { width: 100%; margin-top: 3rem; } } csfs h4 { font-weight: 500; } @media only screen and (max-width: 999px) { csfs { width: 100%; padding-left: unset;} } footer { background: var(--bt); } cfto>bl{ padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; margin-left: auto; display: grid ; max-width: 1400px; background: var(--bt); } cfto>bl>hd,cfto>bl>bd,cfto>bl>ft { display: flex ; padding-top: 1.5rem; padding-bottom: 1.5rem; justify-content: space-between; border-bottom: solid 1px var(--bc); flex-wrap: wrap; } cfto bd i { height: 15%; width: 10%; } cfto hd btn { display: flex ; gap: 7px; } cfto hd a { display: flex ; gap: 10px; font-weight: 400; font-size: .8062rem; align-items: center; } cfto ft dv { display: flex ; gap: 10px; font-size: .78515625rem; align-items: center; flex-wrap: wrap; } cfto ft strong { color: var(--a); } cfto ft btn { display: flex ; gap: 4px; align-items: center; border: unset; padding: unset; padding-top: 3px; } cfto ft btn i { opacity: 44%; height: 18px; } cfto>ft { padding-bottom: 0.5rem; } cfto>bd { padding-top: 2.5rem; padding-bottom: 2.5rem; } cfto ft a { display: flex ; gap: 10px; align-items: center; font-weight: 400; color: var(--a); } cfto div a i { width: 25px; } cfto hd i,footer ft dv i { height: 15px; width: 16px; } footer div { padding-left: unset; flex: unset; width: 33.33333333%; } cfto div btn { width: max-content; background: var(--bc); border-radius: 5px; padding: 7px 11px; font-size: 0.855rem; font-weight: 400; display: flex ; align-items: center; gap: 10px; } cfto bd btn i { height: 18px; width: 18px; } footer div a { display: inline-flex ; gap: 10px; align-items: center; } footer div a h3, footer h4 { font-weight: 400; } @media only screen and (max-width: 999px) { cfto bd { row-gap: 15px; } cfto div { width: 100%; } cfto div btn { width: 20%; } } @media only screen and (max-width: 715px) { cfto div btn { width: 50%; } } @media only screen and (max-width: 600px) { cfto>ft { display: grid ; } } cfta { padding-left: 1.5rem; padding-right: 1.5rem; flex: 1 0 0%; width: auto; } cfta li { display: flex ; margin-bottom: .75rem; gap: 10px; } cfta li t { font-weight: 400; font-size: .78515625rem; letter-spacing: .9px; } cfta li a { display: flex ; gap: 4px; } cfta li i { height: auto; width: auto; } cfta ul { padding: unset; } cfta p { font-size: 0.77em; margin-top: 0; margin-bottom: 1rem; } cfta a { display: inline-flex ; gap: 10px; align-items: center; } cfta btn { display: flex ; } cfta btn { display: flex ; align-items: center; gap: 10px; padding: 4px 11px; border-radius: 15px; font-size: .78515625rem; } cfta li btn { color: var(--b); background: var(--a); } cfta h3,cfta h4 { font-weight: 400; } @media only screen and (max-width: 1060px) { cfta { width: 33.33333333%; padding-left: unset;} } @media only screen and (max-width: 735px) { cfta { width: 40%; flex: 0 0 auto; } } @media only screen and (max-width: 300px) { cfta { width: 100%; } } cftu { padding-left: 1.5rem; padding-right: 1.5rem; flex: 1 0 0%; width: auto; } cftu li { display: flex ; margin-bottom: .75rem; gap: 6px; flex-wrap: wrap } cftu li t { font-weight: 400; font-size: .78515625rem; letter-spacing: .9px; } cftu li a { display: flex ; gap: 4px; } cftu li a i { height: auto; width: auto; } cftu ul { padding: unset; } cftu p { font-size: 0.77em; margin-top: 0; margin-bottom: 1rem; } cftu a { display: inline-flex ; gap: 10px; align-items: center; } cftu btn { display: flex ; } cftu btn { display: flex ; align-items: center; gap: 10px; padding: 4px 11px; border-radius: 15px; font-size: .78515625rem; } cftu li btn { color: var(--b); background: var(--a); } cftu h3,cftu h4 { font-weight: 400; } @media only screen and (max-width: 999px) { cftu { width: 33.33333333%; padding-left: unset;} } @media only screen and (max-width: 735px) { cftu { width: 44%; flex: 0 0 auto; } } @media only screen and (max-width: 300px) { cftu { width: 100%; } } cftp { padding-left: 1.5rem; padding-right: 1.5rem; flex: 1 0 0%; width: auto; } cftp li { display: flex ; margin-bottom: .75rem; gap: 10px; } cftp li t { font-weight: 400; font-size: .78515625rem; letter-spacing: .9px; } cftp li a { display: flex ; gap: 4px; flex-wrap: wrap;} cftp li a i { height: auto; width: auto; } cftp ul { padding: unset; } cftp p { font-size: 0.77em; margin-top: 0; margin-bottom: 1rem; } cftp a { display: inline-flex ; gap: 10px; align-items: center; } cftp btn { display: flex ; } cftp btn { display: flex ; align-items: center; gap: 10px; padding: 4px 11px; border-radius: 15px; font-size: .78515625rem; } cftp li btn { color: var(--b); background: var(--a); } cftp h3,cftp h4 { font-weight: 400; } @media only screen and (max-width: 735px) { cftp { width: 95%; padding-left: unset;} } @media only screen and (max-width: 300px) { cftp { width: 100%; } } cfob { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem; } cfob { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: var(--bs-x) ; margin-right: auto; } cfob bl { overflow-x: scroll; } cfob bl>bd { background: var(--b); border-radius: 6px 6px 0px 0px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); margin-top: 1rem; border-bottom: unset; } cfob section { overflow-x: scroll; white-space: nowrap; } cfob hd p { margin: unset; } cfob bd>div { display: flex ; justify-content: space-between; padding: 1rem; } cfob bd div d:nth-child(1) { display: grid ; font-size: 0.99rem; letter-spacing: .5px; } cfob d { display: flex ; gap: 4px; align-items: center; } cfob bd div btn { padding: 6px 10px; } cfob hd h3 { display: flex ; align-items: center; } cfob hd t { font-size: 0.77em; font-weight: 400; margin-left: 10px; } cfra { display: block; max-width: 1400px; padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; } cfra { margin-left: auto; position: relative; padding-bottom: 4rem; padding-top: 3rem; } cfra hd { text-align: center; display: block; } cfra hd dv { width: 50%; display: block; text-align: center; margin: auto; } cfra div { display: flex ; flex-wrap: wrap; margin-bottom: 2rem; width: 83.33333333%; margin-left: auto; margin-right: auto; } cfra div dv { display: grid ; align-items: center; height: 100%;width: 100%; max-width:50% ;opacity: 0.8; ;padding-right: calc(var(--bs-x) * .3); padding-left: calc(var(--bs-x) * .3); box-sizing: border-box; margin-top: 1rem; } cfra h3 { font-size: .9375rem; margin-bottom: .11rem; font-weight: 500; } cfra h2 { font-weight: 400; } cfra bd p { margin-top: 8px; font-weight: 400; letter-spacing: 0.5px;opacity: 0.8; } cfra a { font-weight: 400; } /* Component : Gas_Header */ cgah { padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; margin-left: auto; width: 100%; max-width: 1400px; } cgah d { display: flex ; align-items: center; justify-content: space-between; } cgah h2 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2; font-size: 1.23046875rem; letter-spacing: 0.5px; } /* Component : Gas_Hero */ cgsh>bl { margin: -3rem 0 1rem 0; display: flex ; align-items: center; } cgsh bd { display: flex ; align-items: center; width: 100%; box-sizing: border-box; gap: 1rem; } cgsh dv { display: block; align-items: center; border: solid 1px var(--bc); background: var(--b); border-radius: 15px; width: 50%; } cgsh dv { padding: 1rem; margin-top: 15px; box-sizing: border-box; max-width: 100%; box-shadow: var(--bs); height: 25rem ; } cgsh dv>span { display: block; font-size: .9062rem; } cgsh dv>span:nth-child(3) { margin-top: 1rem; font-weight: 500; } cgsh bd div { display: flex ; box-sizing: border-box; flex-wrap: wrap; margin-top: 15px; } cgsh bd d { display: block ; padding-left: .60rem; padding-right: .60rem;flex: 0 0 auto; width: 33.333333%; box-sizing: border-box; } cgsh bd card { display: flex ; flex-direction: column; align-items: center; border: solid 1px var(--bc); } cgsh bd card { background: var(--b); border-radius: 8px; max-width: 100%; padding: .75rem; gap: .50rem; } cgsh card span { font-size: 1.40625rem; } cgsh h4 { font-size: .9062rem; font-weight: 400; } cgsh h4:nth-child(1) { font-weight: 500; } cgsh bl:nth-child(3) span { filter: contrast(0.5); } cgsh dv i { height: 100%; font-style: unset; } cgsh bd div:nth-child(4) { overflow: hidden; display: block; overflow-y: scroll; overflow-x: hidden; height: 180px; margin-top: 1rem; } @media only screen and (max-width: 500px) { cgsh bd div { display: block; } cgsh bd div:nth-child(4) { height: 170px; margin-top: .1rem; } cgsh bd d { width: 100%; margin-top: 1rem; } cgsh dv { height: unset; } } @media only screen and (max-width: 400px) { cgsh bd d { width: 100%; } cgsh dv { overflow: scroll; } cgsh bd div:nth-child(4) { height: auto; } } cgst { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem; } cgst { max-width: 1400px; padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; } cgst a { font-weight: 400; } cgst p { font-size: .78515625rem; letter-spacing: 0.58px; } cgst hd>div { display: flex ; justify-content: space-between; padding: 1rem 0; flex-wrap: wrap; align-items: baseline; gap: 10px; } cgst btn { display: flex ; font-size: 0.78515625rem; } cgst hd btn:nth-child(2) { background: var(--bc); } cgst d:nth-child(2) btn { background: unset; } cgst hd d { display: flex ; gap: 4px; align-items: center; flex-wrap: wrap; } cgst hd btn i { height: 16px; width: auto; margin-right: 5px; } cgst ul { display: none; box-shadow: var(--bs); border: solid 1px var(--bc); border-radius: 10px; background: var(--b); } cgst ul { position: absolute; inset: 21px 50px auto auto; transform: translate(0px, 30px); min-width: 8rem; padding: .60rem; } cgst.Filter d ul { display: block; } cgst li:hover { background: var(--bc); } cgst li { list-style: none; font-size: .78515625rem; border-radius: .375rem; display: block; padding: 0.375rem 0.75rem; } cgst bd { display: grid; background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); } cgst bd>div { display: flex ; justify-content: space-between; padding: 1rem; flex-wrap: wrap; align-items: baseline; gap: 10px; padding-top: .6rem; } cgst bd btn { background: var(--b1); gap: 3px; } cgst bd p { margin: unset; font-size: .9062rem; } cgst td t { display: block; background: var(--aat); height: 2px; width: 80%; position: relative; top: 5px; } cgst td t::before { content: ""; display: block; width:20%; height: 2px; background-color: var(--a); position: absolute; border-radius: 2px; } @media only screen and (max-width: 999px) { cgsh bd { flex-wrap: wrap; } cgsh bd dv { width: 100%; } } cges { padding-top: 1.25rem; padding-bottom: 1.25rem; max-width: 100%; display: block; box-sizing: border-box; } cges hd { display: flex ; justify-content: center; } cges hd dv { display: block; text-align: center; } cges hd h2 { font-weight: 500; } cges bd { display: flex ; box-sizing: border-box; } cges bd i { height: 100%; } @media only screen and (max-width: 999px) { cges bd { flex-wrap: wrap; } } @media only screen and (max-width: 760px) { cges bd i img { width: 100%; } } cgul { display: block; max-width: 1400px; padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; } cgul { margin-left: auto; position: relative; padding-bottom: 4rem; padding-top: 3rem; width: 83.33%;} cgul hd { text-align: center; display: block; } cgul h1 { font-size: 1.875rem; } cgul div { display: flex ; flex-wrap: wrap; margin-bottom: 1.5rem; } cgul bd d { width: 50%; max-width: 100%; padding-right: calc(var(--bs-x) * .2); padding-left: calc(var(--bs-x) * .2); margin-top: 15px; box-sizing: border-box; } cgul a { font-weight: 400; } cgul div card { display: grid ; border: solid 1px var(--bc); border-radius: 8px; align-items: center; background: var(--b); box-sizing: border-box; box-shadow: var(--bs); height: 100%; } cgul bd dv:nth-child(1) { height: 250px; justify-content: center; border-radius: 8px 8px 0 0; } cgul bd dv { display: flex ; padding: 1rem; align-items: center; } cgul btn { display: flex ; font-size: 0.9375rem; justify-content: space-between; margin: auto; width: fit-content; padding: 0.7rem 20px; } cgul card i { max-width: 100%; height: 55px; } cgul bd dv:nth-child(2) { border-top: solid 1px var(--bc); } cgul btn i { height: 25px; width: auto; } cgul btn path { fill: var(--b); } cgul h2 { font-weight: 500; } cgul p { font-weight: 400; font-size: .9062rem; } cgul li { line-height: 1.5; margin-bottom: .4rem; font-size: .9062rem; letter-spacing: 0.5px; } cgul bd p:nth-child(2) { margin-bottom: 2.5rem; margin-top: 12px; } cgul bd p:nth-child(8) { margin-bottom: 2.5rem; margin-top: 12px; } cgul hd dv { width: 50%; display: block; text-align: center; margin: auto; } cgul bd d:nth-child(3) dv:nth-child(1) { background:black;} cgul bd d:nth-child(4) dv:nth-child(1) { background:black;} @media only screen and (max-width: 1157px) { cgul hd dv { width: 80%; } } @media only screen and (max-width: 770px) { cgul hd dv { width: 100%; } cgul bd d { width: 100%; } cgul { width: auto; padding-right: calc(var(--bs-x) * .3); padding-left: calc(var(--bs-x) * .3); } cgul bd d { width: 100%; padding: unset; } cgul h1 { font-size: 1.55rem; } cgul h2 { font-size: 1.35rem; } } ched { padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; margin-left: auto; width: 100%; max-width: 1400px; } ched bl { display: flex ; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-right: calc(var(--bs-x) * .3); padding-left: calc(var(--bs-x) * .3); } ched btn { display: block; border: unset; background: unset; padding: 0px 5px; } ched btn i { height: 20px; width: auto; margin-right: 4px; } ched bd dv { display: flex ; } ched bd { display: block; width: 58.33333333%; } ched ft svg { fill: var(--0); } ched bd svg { fill: var(--b); } ched btn a { display: flex ; padding: 0.6rem; border-radius: 4px; align-items: center; font-size: .9375rem; font-weight: 400; flex-wrap: wrap; color: var(--b); gap: 7px; } ched bd span { font-size: .75rem; letter-spacing: .5px; text-transform: uppercase; color: var(--b-t44); } ched bd p { margin-top: 1rem; margin-bottom: 1rem; line-height: 25px; } ched ft { padding-right: 2rem; } @media only screen and (max-width: 999px) { ched ft { display: none; } ched bd { width: 100% } } @media only screen and (max-width: 1050px) { ched { padding-right: calc(var(--bs-x) * .3); padding-left: calc(var(--bs-x) * .3); } } @media only screen and (max-width: 700px) { ched bl { padding: unset; } } chel { margin-top: 1rem; display: grid ; position: relative; padding-right: calc(var(--bs-x) * .3); padding-left: calc(var(--bs-x) * .3); } chel>bl { background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); overflow-x: scroll; } chel hd { gap: 0.4rem; border-bottom: solid 1px var(--bc); flex-direction: row; flex-wrap: wrap; display: flex ; padding: 1rem; } chel h4 { font-weight: 500; } chel bd { padding: 1rem; font-size: .9062rem;} chel li a { font-weight: 400; } chel ul { display: block; margin-bottom: 1rem; margin-top: unset; padding: unset; } chel li { padding-top: .4rem; display: flex ; padding-bottom: .4rem; border-bottom: solid 1px var(--bc); line-height: 20px; flex-wrap: wrap; align-items: center; gap: 5px; } chel li i { height: 18px; width: auto; } chel li:nth-child(9) { border: unset; } /* Component : Home_Header */ chma bl { display: grid ; grid-template-columns: auto auto 55px; align-items: center; justify-content: space-between; } chma bl div { padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; margin-left: auto; width: 100%; } chma bd { margin-bottom: 1.25rem; flex: 0 0 auto; width: 88.33333333%; max-width: 100%; gap: 1.23046875rem; display: grid ; } chma select { background: unset; border-radius: 7px; margin: unset; width: fit-content; padding: .3rem 1.8rem .3rem .6rem; } chma bd>d { display: flex ; gap: .5rem; padding: .375rem; background: var(--b); border-radius: 11px; align-items: center;} chma input { padding: 0.5rem 2rem .5rem .6rem; height: auto; font-size: .9375rem; font-weight: 100; border: unset; } chma btn { display: block; padding: 0.6rem; background: var(--a); border-radius: 11px; } chma span { opacity: 0.75; font-size: .9062rem; } chma ft i { border-radius: 11px; overflow: hidden; margin-bottom: 11px; } chma bd trc { display: none; align-items: center; padding: 1.25rem 1rem 1.25rem 1rem; position: absolute; } chma bd trc { background: var(--b); color: var(--c); border-radius: 10px; box-shadow: var(--bs); } chma trc i { width: 10px; height: 10px; margin-right: 10px; } chma trc h6 { margin-left: 16px; font-weight: 300; } chma h5 { font-weight: 300; } chma ft { display: block; margin-bottom: 22px; } chma ft span { background: var(--b); color: var(--c); opacity: unset; left: 18rem; position: relative; top: 12px; z-index: 10; } chma ft span { width: 1.8rem; height: 1.375rem; display: flex ; align-items: center; justify-content: center; border-radius: 6px; } chma .active trc { display: flex ; } chma .active { box-shadow: 0px 0px 1px 1px var(--bor); } @media only screen and (max-width: 999px) { chma ft { display: none; } chma bd { width: 100%; } } @media only screen and (max-width: 600px) { chma span { display: none; } chma bd label { display: none; } } @media only screen and (max-width: 380px) { chma btn { display: none; }} chmh bl { align-items: center; border: solid 1px var(--bc);box-shadow: var(--bs);} chmh bl {padding: 1.25rem 1rem 1.25rem 1rem; margin: -3rem 0 1rem 0; display: flex ; background: var(--b); border-radius: 15px;} chmh hd, chmh bd, chmh ft { width: 33.33%; max-width: 100%; padding-right: calc(var(--bs-x)* .5); border-right: solid 1px var(--bc);} chmh bd, chmh ft { padding-left: calc(var(--bs-x)* .5); } chmh dv { display: flex ; } chmh dv div:nth-child(2) { flex-grow: 1; } chmh i { font-style: unset; width: 24px; height: auto; margin-right: .75rem; } chmh ft { border: unset; } chmh ft i { position: relative; width: 100%; height: 97px; text-align: left; line-height: normal; margin: 0; } chmh h5 { font-size: .75rem; letter-spacing: .5px; font-weight: 300; text-transform: uppercase; line-height: 22px; } chmh ft hr { display: none; } chmh data { letter-spacing: .5px; font-weight: 400; font-size: .9375rem; } chmh bd hr:nth-child(1) { display: none;} chmh p { margin: unset; } @media only screen and (max-width: 999px) { chmh bd { border-right: unset; } chmh ft p { margin: unset; } chmh ft hr { display: block; } chmh ft { width: 100%; } chmh hd, chmh bd { flex: 0 0 auto; width: 50%; box-sizing: border-box; } chmh bl{ flex-wrap: wrap; } chmh ft i.chart1 { display: none; }} @media only screen and (min-width: 999px) { chmh ft i.highcharts { display: none; }} @media only screen and (max-width: 767px) { chmh ft i.highcharts { display: none; } chmh ft i.chart1 { display: block; } chmh hd, chmh bd { flex: 0 0 auto; width: 100%; box-sizing: border-box; border: unset; padding: unset;} chmh bd hr:nth-child(1) { display: block;} } smenu { padding: .25rem 0; border-bottom: solid 1px var(--bor);box-shadow: var(--bs);background: var(--b); } smenu { z-index: 99999; transition: 1s; display: flex ; align-items: center; justify-content: space-between; position: relative;} chmn { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; margin-left: auto; position: relative; width: 100%; align-items: center;display: block; } chmn bl { display: flex ; margin-right: auto; margin-left: auto; justify-content: space-between; align-items: center; width: 100%; } chmn bl hd { display: flex ; justify-content: space-between; } chmn ft { display: none; } chmn hd a i { height: 35px; width: auto; } chmn bl:nth-child(2) { display: flex ; flex-basis: auto; justify-content: flex-end; flex-grow: 1; align-items: center; gap: 10px;} chmn mg { display: flex ; flex-direction: row; margin: 0; align-items: center;} chmn mg li { display: block ;} chmn li i { width: 20px; height: 100%; } chmn a { font-weight: 400; font-size: .8062rem; display: flex ; } chmn mg t { margin-left: 6px; } chmn div btn { padding: 4px 8px; } chmn div { display: flex ; gap: 1rem; align-items: center; } chmn li { display: flex ; } chmn li a { display: flex ; gap: 4px; align-items: center; } chmn div li i { width: 16px; height: 100%; } chmn mg li a { padding: 0.75rem; padding-block: 1rem; align-items: center;} chmn mg li:hover { } mg.active { display: block; opacity: 1; transform: translateY(0); } chmn mg li:hover div { display: block; } chmn mg li div a:hover { background: var(--bc); } chmn mg li div { display: none; position: absolute; z-index: 999999; background: var(--b); padding: .375rem .75rem .375rem .75rem; min-width: 11rem;} chmn mg li div { border-radius: 0 0 0.75rem 0.75rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border: none;border-top: solid 3px var(--a); } chmn mg div a { display: flex ; margin-bottom: .25rem; padding: .375rem .75rem .375rem .75rem; border-radius: 4px; gap: 0.45rem; width: 100%; box-sizing: border-box;flex-wrap: wrap;} chmn li div hr { margin: 0.15rem 0; } chmn mg div i { width: 15px; } chmn mg li:nth-child(8):hover div { display: flex ; } chmn li:nth-child(8) div { display: none; left: 0; right: 0; margin-inline: 1rem; } chmn div dv { padding: 1.25rem 1rem; width: 100%; max-width: 100%; display: flex ; flex-wrap: wrap; flex-direction: column; } chmn dv ul { padding: unset; margin: unset; } chmn dv h4 { padding-right: .75rem; margin-bottom: .75rem; font-size: .9062rem; } chmn div dv:nth-child(1) { background: var(--bt); border-radius: 8px; height: 150px; } @media only screen and (max-width: 999px) { chmn mg div a { justify-content: unset; } chmn mg { display: none; flex-basis: 100%; flex-grow: 1; align-items: center; padding-top: 1rem; transform: translateY(-30px); transition: opacity 0.5s ease, transform 0.5s ease; top: 2rem; position: relative;} chmn.start mg { display: block; } chmn bl { display: block;} smenu { padding-top: .75rem ; padding-bottom: .75rem ; } chmn btn i { height: 25px; } chmn mg span { display: none; } chmn>mg li a { justify-content: space-between; padding: 0.7rem; } chmn div dv:nth-child(1) { order: 1; } chmn mg li:nth-child(8):hover div { flex-wrap: wrap; } chmn mg li div { min-width: -webkit-fill-available; position: static; } chmn div dv { width: auto; } chmn mg li a { padding: 0.75rem 0; justify-content: space-between; } chmn bd div { display: none; } } @media only screen and (min-width: 999px) { chmn bl:nth-child(2) { display: none; } chmn mg div { margin-left: 15px; } } cind { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } cind form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } cind h4 { font-weight: 500; } cind hd btn { background: var(--b); } cind Selecter { display: flex ; flex-wrap: wrap; } cind Selecter btn {display:flex;background:unset;border: unset;padding: unset;margin:.5rem 0;padding-right:1rem;font-size:.9062rem;letter-spacing: 0.4px; } cind Selecter span { border: solid 1px var(--bc); padding: 7px; border-radius: 50%; margin-right: 8px; } cind form.Transaction span.Transaction { box-shadow: inset 0px 0px 0px 4px var(--aa); } cind form.Address span.Address { box-shadow: inset 0px 0px 0px 4px var(--aa); } cind form.ABI span.ABI { box-shadow: inset 0px 0px 0px 4px var(--aa); } cind form.without span.without { box-shadow: inset 0px 0px 0px 4px var(--aa); } cind btn:hover { background: unset; } cind form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } cind dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; flex-wrap: wrap;} cind dv:nth-child(2) btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } cind dv d { flex: 0 0 auto; width: 70%; box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } cind hd dv { display: flex ; align-items: center; gap: 10px; } cind Selecter btn t { opacity: .77; } @media only screen and (max-width: 1075px) { cind { width: 75%; } } @media only screen and (max-width: 999px) { cind { width: 100%; padding-left: unset;} cind dv d { width: 100%; } cind div d { width: 100%; } } chms>bl>bd { display: flex ; max-width: 1400px; padding-bottom: 5rem; margin-left: auto;} chms>bl>bd { padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; gap: 1rem; } @media only screen and (max-width: 999px) { chms bl>bd { flex-wrap: wrap; } } clam { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem;} clam { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } clam bl { overflow-x: scroll; white-space: nowrap; } clam>bl>bd { background: var(--b); border-radius: 6px 6px 0 0; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); margin-top: 2rem; border-bottom: unset; } clam section { overflow-x: scroll; white-space: nowrap; } clam p { margin: unset; gap: 5px; display: flex ; white-space: nowrap;} clam button { background: var(--b); border: solid 1px var(--bc); border-radius: 27px; padding: .375rem .5rem; font-size: 0.75em; } clam btn b { font-weight: 400; } clam d { display: grid ; gap: 4px; align-items: center; white-space: normal;} cmad { display: block; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: solid 1px var(--bc); } cmad bd { display: flex ; flex-wrap: wrap;} cmad chart { border: solid 1px var(--bc); padding: 1rem; border-radius: 12px; align-items: center; background: var(--b); } cmad chart { margin: 1.25rem .70rem 0; box-shadow: var(--bs); display: block;box-sizing: border-box; } cmad chart:hover h5 { color: var(--a); } cmad chart h5 { font-weight: 400; margin-bottom: 1.25rem; } cmad chart i { height: auto; } ctom { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem; } ctom { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } ctom bl { overflow-x: scroll; white-space: nowrap; } ctom bd { background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs);margin-top: 2rem; } ctom section { overflow-x: scroll; white-space: nowrap; } ctom p { margin: unset; white-space: normal; } ctom ul { display: flex ; justify-content: end; } ctom label { background: var(--b); border: solid 1px var(--bc); font-size: 0.78515625rem; padding: 4px 5px 4px 5px; border-radius: 3px; } ctom label:hover { background: var(--bc); } ctom label:nth-child(2) { background: var(--bc); } ctom bd dv { display: flex ; justify-content: space-between; padding: 1rem; } ctom h5 { font-weight: 400; } ctom btn { display: flex ; } ctom btn i { height: 15px; width: 30px; } ctom d { display: flex ; gap: 4px; align-items: center; } ctom td t { display: block; background: var(--aat); height: 3px; width: 72px; position: relative; border-radius: 12px; } ctom div t line { display: block; width: 0.01%; height: 3px; background-color: var(--a); border-radius: 2px; position: absolute; } ctom td,ctom th { padding: .75rem 1rem; } ctom i { width: 40px; } ctom td:nth-child(3) btn { background: var(--b); border: solid 1px var(--bc); border-radius: 27px; padding: .375rem .5rem; font-size: 0.75em; } ctom td t:nth-child(2) line { width: 40%; } cned { display: block; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: solid 1px var(--bc); } cned bd { display: flex ; flex-wrap: wrap;} cned chart { border: solid 1px var(--bc); padding: 1rem; border-radius: 12px; align-items: center; background: var(--b); } cned chart { margin: 1.25rem .70rem 0; box-shadow: var(--bs); display: block;box-sizing: border-box; } cned chart:hover h5 { color: var(--a); } cned chart h5 { font-weight: 400; margin-bottom: 1.25rem; } cned chart i { height: auto; } cnet { display: grid ; background: var(--b); border-radius: 15px; align-items: center; border: solid 1px var(--bc); } cnet { max-width: 100%; font-size: .9062rem; margin-bottom: .95rem; box-sizing: border-box; flex: 0 0 auto; width: 100%; } cnet hd h4 { font-weight: 400; } cnet hd { display: flex ; justify-content: space-between; border-bottom: solid 1px var(--bc); padding: 1rem; align-items: center; background: var(--bt); border-radius: 0.75rem 0.75rem 0 0;} cnet d { display: flex ; justify-content: space-between; align-items: center; } cnet trc { display: grid ; gap: 5px; } cnet t { display: flex ; align-items: center; gap: 5px; } cnet i { width: 20px; } cnet table tr:nth-child(20) { border-bottom: unset; } cnet bd { display: flex ; padding: 0.95rem; } cnet section { width: 50%; } cnet text_container { width: 50%; } cnet text_container i { width: auto; font-style: unset; } cnet text_container div { padding: 0.5rem 0.5rem 0 0.5rem; } @media only screen and (max-width: 999px) { cnet text_container { width: 100%; } cnet section { width: 100%; } cnet bd { display: grid ; } } cnot { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem;} cnot { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } cnot bl { overflow-x: scroll; white-space: nowrap; } cnot>bl>bd { background: var(--b); border-radius: 6px 6px 0 0; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); border-bottom: unset; } cnot section { overflow-x: scroll; white-space: nowrap; } cnot h5 { font-weight: 400; } cnot h6 { font-weight: 300; } cnot tr:hover { background: var(--bt); } cnot td:nth-child(7) btn { background: var(--b); border: solid 1px var(--bc); border-radius: 27px; padding: .375rem .5rem; font-size: 0.75em; } cnot btn b { font-weight: 400; } cnot d { display: grid ; gap: 4px; align-items: center; } cnoh { padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; gap: 1rem; } cnoh { display: flex ; max-width: 1400px; margin-left: auto; } cnoh bl { padding-top: 1.25rem; padding-bottom: 1.25rem; flex: 0 0 auto; max-width: 100%; display: block; } cnoh bd { background: var(--b); border-radius: 8px; border: solid 1px var(--bc); box-shadow: var(--bs); padding: 1rem; display: flex ; gap: 11px; align-items: baseline; } cnoh a { font-weight: 400; } cnoh p { margin: unset; } cnos { display: block; height: 100%; } cnos bl { align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); display: grid ; background: var(--b); border-radius: 15px; height: 100%; grid-template-rows: max-content max-content max-content; } cnos hd { display: flex ; justify-content: space-between; border-bottom: solid 1px var(--bc); padding: 1rem; align-items: center; } cnos bd div { margin-bottom: 1rem; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); display: grid ; background: var(--b); border-radius: 15px; padding: 11px 15px; justify-content: center; opacity:.77; } cnos bd div t { font-size: 1.359rem; } cnos bd div d { display: flex ; align-items: center; } cnos bd div d i { height: 35px; width: auto; } cnos bd { padding: 1rem; align-items: center; display: grid ; grid-template-columns: auto auto auto; gap: 22px; padding-bottom: unset; } cnos ft i { padding-bottom: 33px; height: 100%; } cnos btn { border: solid 1px; background: var(--b); color: var(--aa); font-size: 0.78515625rem; } cnos btn:hover { background: var(--c2); } cnos p { margin-bottom: 4px; margin-top: 0px; } cnos td,cnos th { height: auto; padding: .4rem .5rem; } @media only screen and (max-width: 768px) { cnos bd { display: block; } cnos bd div { margin-bottom: .25rem; } } copb { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } copb form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } copb h4 { font-weight: 500; } copb dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; } copb bl { box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } copb d{ box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } copb form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } copb textarea { border: solid 1px var(--bc); padding: .3rem .6rem; font-size: .9062rem; font-weight: 400; border-radius: 8px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } copb dv btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } @media only screen and (max-width: 1075px) { copb { width: 75%; }} @media only screen and (max-width: 999px) { copb { width: 100%; padding-left: unset; }} covs { display: block; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-bottom: solid 1px var(--bc); } covs chart { border: solid 1px var(--bc); padding: 1rem; border-radius: 12px; align-items: center; background: var(--b); } covs chart { margin: 1.25rem .70rem 0; box-shadow: var(--bs); display: block;box-sizing: border-box; } covs chart:hover h5 { color: var(--a); } covs chart h5 { font-weight: 400; margin-bottom: 1.25rem; } covs chart i { height: auto; } covs>bl>bd { display: grid ; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap:12px;} @media only screen and (max-width: 1108px) {covs>bl>bd { grid-template-columns: repeat(3, 1fr); }} @media only screen and (max-width: 999px) {covs>bl>bd { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 575px) {covs>bl>bd { grid-template-columns: repeat(1, 1fr); } } cprh hd { padding-top: 1.25rem; padding-bottom: 1.25rem; flex: 0 0 auto; max-width: 100%; display: block; } cprh hd p { margin: unset; opacity: 0.7; } cpta { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } cpta { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem;} cpta>bl { background: var(--b); border-radius: 6px 6px 0 0 ; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); overflow-x: scroll; white-space: nowrap;border-bottom: unset;} cpta hd d:nth-child(1) { display: grid ; font-size: 0.99rem; letter-spacing: .5px; } cpta hd div { display: flex ; justify-content: space-between; padding: 1rem; flex-wrap: wrap;align-items: baseline; gap: 10px;} cpta hd div btn:nth-child(1) { display: flex ; } cpta hd btn:nth-child(1) i { height: 12px;} cpta hd btn path { fill: var(--c); } cpta hd div btn { padding: 6px 10px;} cpta d { display: flex ; gap: 4px; align-items: center; flex-wrap: wrap;} cpta ft btn { display: flex ; padding: 6px 10px;} cpta d t { font-size: .9062rem; color: var(--c0); } cpta h5 { font-weight: 400; } cpta select { border: solid 1px var(--bc); padding: 4px 15px; border-radius: 6px; align-items: center; font-size: .711rem; margin: unset; justify-content: center; display: flex ; width: auto; } .Last:hover svg { fill: var(--b); } @media only screen and (max-width: 620px) { cpta ft { display: grid ; gap: 10px; } cpta hd d div { display: none ; } cpta d div btn { display: none; } } cpta.form hd d div { display: flex ; justify-content: space-between; padding: 0.1rem; box-shadow: var(--bs); border: solid 1px var(--bc); border-radius: 9px; z-index: 10; background: var(--b); min-width: 10rem; position: absolute; inset: 20px 35px auto auto; margin: 0px; transform: translate(0px, 31px); } cpta hd d div { display: none; } cpta hd input { width: fit-content; } cpta hd btn { display: flex ; } cpss { width: 33.3333%;max-width: 100%; padding-right: calc(var(--bs-x) * .2); padding-left: calc(var(--bs-x) * .2); margin-top: 10px; box-sizing: border-box;} cpss>bl{display: grid; border: solid 1px var(--bc); border-radius: 8px; align-items: center; background: var(--b); box-sizing: border-box; box-shadow: var(--bs);height: 100%; padding: 1.25rem; } cpss i { height: 100%; } cpss h3 { font-weight: 500; font-size: .9375rem; } cpss p { margin-bottom: unset; margin-top: .5rem; } cpss span { font-size: .75rem; letter-spacing: .5px; text-transform: uppercase; font-weight: 500; margin-bottom: .5rem; display: block; } @media only screen and (max-width: 999px) { cpss>bl{ width: 50%; } } @media only screen and (max-width: 760px) { cpss>bl { width: 100%; } cpss>bl { padding: unset; } } cprv { padding-top: 4rem; padding-bottom: 4rem; max-width: 1400px; margin-top: 1rem; padding-right: var(--bs-x); padding-left: var(--bs-x); margin-left: auto; margin-right: auto; justify-content: center; display: flex ; } cprv>bl { max-width: 100%; display: block; width: 75%; background: var(--b); border-radius: 8px; align-items: center; box-shadow: var(--bs); border: solid 1px var(--bc); } cprv hd div { display: block; border-radius: 0.75rem; background: var(--c); position: relative; padding-bottom: 3.5rem; padding-top: 2.5rem; padding-right: 2rem; padding-left: 2rem; } cprv hd dv { display: flex ; justify-content: space-between; align-items: center; color: var(--b); flex-wrap: wrap; } cprv hd h1 { font-weight: 500; } cprv hd p { color: var(--b-t); } cprv hd i { height: 38px; } cprv figure { bottom: -2rem; position: absolute; margin: 0 0 1rem; width: 100%; right: 0; left: 0;top: 184px; } cprv bd div { padding: 1.5rem; display: block; } cprv bd p { margin-top: 0; margin-bottom: 1rem; word-spacing: .8px; line-height: 22px; } cprv bd dv h5 { font-size: .9062rem; margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; } cprv ul { margin: unset; padding: unset; } cprv li { list-style: none; font-weight: 400; font-size: .9062rem; margin-bottom: 4px; line-height: 20px; } cprv bd a { font-weight: 400; } @media only screen and (max-width: 1130px) { cprv>bl { width: 90%; } } @media only screen and (max-width: 890px) { cprv { padding: 1rem 1rem 0 1rem; } } @media only screen and (max-width: 999px) { cprv>bl { width: 100%; } } /* Component : PrivacySettings */ .ds flyouts { display: block; visibility: visible; opacity: 1; } .ds flyout { display: block; 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: 22px; } cpst hd aa { text-align: center; padding: 22px; } 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.88em; font-weight: 500; margin: 7px 11px; } cpst bd span { font-size: 1em; font-weight: 500; margin: 0 11px; } cpst bd a { font-size: 1em; font-weight: 500; color: var(--a); } 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(--b); padding: 14px; border-radius: 4px; } 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; } } Code_Reader.Continue popup { display: flex; } Code_Reader popup { display: none; } Code_Reader.Continue crec {display: flex ; position: fixed; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; backdrop-filter: brightness(0.5); } crec {display: none ; } crec bl { box-shadow: var(--bs); border: solid 1px var(--bc); border-radius: 15px; width: fit-content; padding: 22px; transform: translateY(-5rem);} ccom label i { height: 15px; margin-left: 0.1rem; } crec bl {height: fit-content; background: var(--b); margin-left: 1rem; margin-right: 1rem; } crec li a { font-weight: 400; } crec li { font-size: .875em; font-weight: 400; display: flex ; align-items: center; padding: 1rem; border-top: solid 1px var(--bc);border-radius: 8px; } crec li:nth-child(6) { border-bottom: solid 1px var(--bc); } crec dv { display: flex ; flex-direction: column; justify-content: center; text-align: center; margin-bottom: .75rem; } crec dv span { font-size: 2.34375rem; margin-bottom: 0.75rem; } crec ul { border-left: solid 1px var(--bc); border-right: solid 1px var(--bc); border-radius: 4px; padding: unset; border-radius: 8px;} crec h5 { font-weight: 500; font-size: .9375rem; } crec li t { padding: 0.3rem; width: fit-content; height: fit-content; font-size: 1.40625rem; background: var(--hover); border-radius: 30px; display: flex ; align-items: center; justify-content: center; margin-right: 0.4rem; } crec ft { display: flex ; justify-content: center; align-items: center; margin-top: 1rem; margin-bottom: 1rem; } crec btn { font-size: 0.9375rem; padding: 0.5rem; } crep { max-width: 1400px; margin-top: 1rem; display: block; padding-right: var(--bs-x); padding-left: var(--bs-x); padding-top: 5rem; margin-left: auto; margin-right: auto; padding-bottom: 5rem; } crep>bl { padding: 1.5rem; width: 33.3333%; margin-left: auto; margin-right: auto; background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); } crep i { width: 20px; height: 20px; } crep h2 { text-align: center; margin-bottom: 5px; font-weight: 500; } crep p { text-align: center; color: var(--c0); margin-bottom: 20px; } crep a { font-weight: 400; } crep ft btn { display: block; background: var(--aa); color: var(--b); padding: 14px; border: none; font-size: 15px; margin-top: 20px; text-align: center; } crep bd label:nth-child(1) i { width: 18px; height: 18px; } crep label { display: flex ; font-size: 14px; color: #333; align-items: center; gap: 5px; } crep input { font-size: 14px; box-sizing: border-box; width: 100%; font-weight: 100;} crep ft btn:hover { background: var(--a); } crep div btn { right: 0.5rem; background: unset; border: unset; display: flex ; position: absolute; box-sizing: border-box; justify-content: center; padding: 5px 7px; } crep dv { display: grid ; gap: 20px; margin-bottom: 15px; } crep dv div { display: flex ; align-items: center; position: relative; } crep form div:nth-child(7) { display: flex ; gap: 10px; min-height: 1.3593rem; margin-top: 1.125rem; } crep form div:nth-child(6) { display: flex ; gap: 10px; min-height: 1.3593rem; margin-top: 1.125rem; } crep div label { display: block; } @media only screen and (max-width: 999px) {crep>bl { width: 50%; } } @media only screen and (max-width: 695px) {crep>bl { width: 70%; } } @media only screen and (max-width: 540px) { crep>bl { width: auto; } crep { padding-left: 1rem; padding-right: 1rem; }} app.Save_Filter csaf { display: flex ; position: fixed; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; backdrop-filter: brightness(0.5); } csaf { display: none ; } csaf bl { height: fit-content; background: var(--b); margin-left: 1rem; margin-right: 1rem; box-shadow: var(--bs); border: solid 1px var(--bc); } csaf bl { border-radius: 15px; width: 27rem; padding: 14px; transform: translateY(-20rem); } csaf hd { display: flex ; justify-content: space-between; align-items: center; } csaf p { margin: unset; opacity: 50%;} csaf h5 { font-weight: 500; font-size:.9375rem;} csaf a { font-weight: 400; } app.Saved_Answers csan { display: flex ; position: fixed; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; backdrop-filter: brightness(0.5); } csan { display: none ; } csan bl { height: fit-content; background: var(--b); margin-left: 1rem; margin-right: 1rem; box-shadow: var(--bs); border: solid 1px var(--bc); } csan bl { border-radius: 15px; width: 27rem; padding: 14px; transform: translateY(-20rem); } csan hd { display: flex ; justify-content: end;} csan dv:nth-child(1) { display: flex ; flex-direction: column; text-align: center; margin-bottom: 1rem; } csan p:nth-child(2) { opacity: 50%; } csan p { margin-top: 8px; margin-bottom: 1rem; } csan h3 { font-weight: 500; } csan a { font-weight: 400; } csnp { max-width: 1400px; margin-top: 1rem; display: block ; padding-right: var(--bs-x) ; padding-left: var(--bs-x) ; padding-top: 5rem; margin-left: auto; margin-right: auto;padding-bottom: 5rem; } csnp>bl {padding: 1.5rem;width:30%;margin-left:auto;margin-right:auto;background:var(--b);border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); } csnp h2 { text-align: center; margin-bottom: 5px; font-weight: 500; } csnp p { text-align: center; color: var(--c0); margin-bottom: 20px; } csnp label { display: flex ; font-size: 14px; margin-top: 20px; color: #333; align-items: center; gap: 5px;} csnp label:nth-child(3) { justify-content: space-between; } csnp div { position: relative; } csnp input { margin-top: 5px; border-radius: 5px; font-size: 14px; padding-right: 3rem; box-sizing: border-box; width: 100%; } csnp i { width: 20px; height: 20px; } csnp btn { display: block; background: var(--aa); color: var(--b); padding: 14px; border: none; font-size: 15px; margin-top: 20px; text-align: center; } csnp ft btn:hover { background: var(--a); } csnp div btn { right: 0.5rem; background: unset; border: unset; display: flex ; position: absolute; box-sizing: border-box; margin-top: 5px; justify-content: center; padding: 5px 6px; } csnp label input { height: 15px; width: 15px; margin: unset; } csnp bd span:hover { color: var(--a); } csnp bd div { display: flex ; align-items: center; position: relative;} csnp p span { margin-left: 2px; } csnp div btn:active { border: solid 2px var(--bc); padding: 6px 8px; background: unset; } csnp a { font-weight: 400; } @media only screen and (max-width: 999px) {csnp>bl { width: 50%; } } @media only screen and (max-width: 695px) {csnp>bl { width: 70%; } } @media only screen and (max-width: 540px) { csnp>bl { width: auto; } csnp { padding-left: 1rem; padding-right: 1rem; }} csih { padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; margin-left: auto; width: 100%; max-width: 1400px; } csih bl { display: flex ; align-items: center; justify-content: space-between; flex-wrap: wrap; } csih btn a { display: flex ; padding: 0.6rem; border-radius: 4px; background: var(--b); align-items: center; font-size: .9375rem; font-weight: 400; flex-wrap: wrap;} csih btn { display: block; border: unset; background: unset; padding: 0px 5px; } csih a i { height: 20px; width: auto; margin-right: 4px; } csih bd { display: flex ; } csih ft { display: none ; } csih hd span { margin-left: .5rem; } ctsa.Contract cstc { display: block; background: var(--b); border-radius: 8px; align-items: center; } ctsa.Contract cstc { border: solid 1px var(--bc); box-shadow: var(--bs); } cstc { display: none; } cstc.Mins btn.Mins { background: var(--a); color: var(--b); border-radius: 8px; } cstc.Hour btn.Hour { background: var(--a); color: var(--b); border-radius: 8px; } cstc.Hours btn.Hours { background: var(--a); color: var(--b); border-radius: 8px; } cstc bl hd { display: flex ; justify-content: space-between; padding: 1rem; } cstc dv { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; display: flex ; flex-wrap: wrap; justify-content: space-between; } cstc bl { overflow-x: scroll; } cstc bl bd { display: grid ; } cstc bl bd section { display: grid ; } //*cstc th:nth-child(1), td:nth-child(1) { text-align: center; }*/ cstc section { padding: 0 0.75rem 0 0.75rem; } ctsa.Network csne { display: block; background: var(--b); border-radius: 8px; align-items: center; } ctsa.Network csne { border: solid 1px var(--bc); box-shadow: var(--bs); } csne { display: none; } csne.One btn.One { background: var(--a); color: var(--b); border-radius: 8px; } csne.Three btn.Three { background: var(--a); color: var(--b); border-radius: 8px; } csne.Seven btn.Seven { background: var(--a); color: var(--b); border-radius: 8px; } csne bl hd { display: flex ; justify-content: space-between; padding: 1rem; } csne dv { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; display: flex ; flex-wrap: wrap; justify-content: space-between; } csne bl { overflow-x: scroll; } csse { display: grid ; background: var(--b); border-radius: 15px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); } csse { max-width: 100%; font-size: .9062rem; margin-bottom: .95rem; flex: 0 0 auto; width: 49.7%; box-sizing: border-box; } csse hd h4 { font-weight: 400; } csse hd { display: flex ; justify-content: space-between; border-bottom: solid 1px var(--bc); padding: 1rem; align-items: center; background: var(--bt); border-radius: 0.75rem 0.75rem 0 0;} csse bd { padding: 1rem;} csse d { display: flex ; justify-content: space-between; align-items: center; } csse trc { display: grid ; gap: 5px; } csse t { display: flex ; align-items: center; gap: 5px; } csse i { width: 20px; } csse table tr { border-bottom: solid 1px var(--bc); } @media only screen and (max-width: 999px) { csse { max-width: 100%; flex: 0 0 auto; width: 100%; box-sizing: border-box; } } ctsa.Tokens csto { display: block; background: var(--b); border-radius: 8px; align-items: center; } ctsa.Tokens csto { border: solid 1px var(--bc); box-shadow: var(--bs); } csto { display: none; } csto.One btn.One { background: var(--a); color: var(--b); border-radius: 8px; } csto.Three btn.Three { background: var(--a); color: var(--b); border-radius: 8px; } csto.Seven btn.Seven { background: var(--a); color: var(--b); border-radius: 8px; } csto bl hd { display: flex ; justify-content: space-between; padding: 1rem; } csto dv { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; display: flex ; flex-wrap: wrap; justify-content: space-between; } csto bl { overflow-x: scroll; } ctsa.Statist_Txns csat { display: block; background: var(--b); border-radius: 8px; align-items: center; } ctsa.Statist_Txns csat { border: solid 1px var(--bc); box-shadow: var(--bs); } csat { display: none; } csat.One btn.One { background: var(--a); color: var(--b); border-radius: 8px; } csat.Three btn.Three { background: var(--a); color: var(--b); border-radius: 8px; } csat.Seven btn.Seven { background: var(--a); color: var(--b); border-radius: 8px; } csat bl hd { display: flex ; justify-content: space-between; padding: 1rem; } csat dv { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; display: flex ; flex-wrap: wrap; justify-content: space-between; } csse bl { overflow-x: scroll; } ctes { padding-top: 4rem; padding-bottom: 4rem; max-width: 1400px; margin-top: 1rem; padding-right: var(--bs-x); padding-left: var(--bs-x); margin-left: auto; margin-right: auto; justify-content: center; display: flex ; } ctes>bl { max-width: 100%; display: block; width: 75%; background: var(--b); border-radius: 8px; align-items: center; box-shadow: var(--bs); border: solid 1px var(--bc); } ctes hd div { display: block; border-radius: 0.75rem; background: var(--c); position: relative; padding-bottom: 3.5rem; padding-top: 2.5rem; padding-right: 2rem; padding-left: 2rem; } ctes hd dv { display: flex ; justify-content: space-between; align-items: center; color: var(--b); flex-wrap: wrap;} ctes hd i { height: 38px; } ctes figure { bottom: -2rem; position: absolute; margin: 0 0 1rem; width: 100%; right: 0; left: 0; } ctes hd p { color: var(--b-t); } ctes hd h1 { font-weight: 500; } ctes bd dv:nth-child(15) ul { margin: revert; padding: revert; } ctes bd dv:nth-child(15) li { list-style: disc; } ctes bd div { padding: 1.5rem; display: block; } ctes bd a { font-weight: 400; } ctes bd dv h5 { font-size: .9062rem; margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; } ctes bd p { margin-top: 0; margin-bottom: 1rem; word-spacing: .8px; line-height: 22px; } ctes li p { font-size: unset; } ctes li { list-style: none; font-weight: 400; font-size: .9062rem; margin-bottom: 4px; line-height: 20px; } ctes ul { margin: unset; padding:unset; } @media only screen and (max-width: 1130px) { ctes>bl { width: 90%; } } @media only screen and (max-width: 999px) { ctes>bl { width: 100%; } } @media only screen and (max-width: 890px) { ctes { padding: 1rem 1rem 0 1rem; } ctes hd dv d:last-child { display: grid ; grid-row-start: 1; justify-content: flex-start; } ctes hd dv { display: grid; gap: 22px; } ctes hd div { padding: 1.5rem; } } ctch bl { display: flex ; align-items: center; justify-content: space-between;} ctch bd f:nth-child(2) { display: flex ; align-items: center; justify-content: space-between;} ctch { padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; margin-left: auto; width: 100%; max-width: 1400px; } ctch bl div { margin-right: auto; margin-left: auto; width: 100%; } ctch bd { margin-bottom: 1.25rem; flex: 0 0 auto; width: 58.33333333%; max-width: 100%; gap: 1.23046875rem; display: grid ; } ctch select { background: unset; border-radius: 7px; margin: unset; width: fit-content; padding: .3rem 1.8rem .3rem .6rem; } ctch input { padding: 0.9rem 2rem .9rem .6rem; height: auto; font-size: .9375rem; font-weight: 100; border-radius: 8px 0px 0px 8px; } ctch btn { display: block; padding: 0.76rem; background: var(--a); border-radius: 0px 8px 8px 0px; margin: 0px; } ctch bd t { opacity: 0.75; font-size: .9062rem; } ctch img { border-radius: 10px; } ctch bd trc { display: none; align-items: center; padding: 1.25rem 1rem 1.25rem 1rem; position: absolute; } ctch bd trc { background: var(--b); color: var(--c); border-radius: 10px; box-shadow: var(--bs); } ctch trc i { width: 10px; height: 10px; margin-right: 10px; } ctch trc h6 { margin-left: 16px; font-weight: 300; } ctch h5 { font-weight: 300; } ctch ft span { background: var(--b); color: var(--c); opacity: unset; left: 18rem; position: relative; top: 12px; z-index: 10; } ctch ft span { width: 1.8rem; height: 1.375rem; display: flex ; align-items: center; justify-content: center; border-radius: 6px; } ctch .active trc { display: flex ; } ctch .active { box-shadow: 0px 0px 1px 1px var(--bor); } @media only screen and (max-width: 999px) { ctch ft { display: none; } ctch bd { width: 100%; } } @media only screen and (max-width: 600px) { ctch bd label { display: none; } } ctre { display: block; padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; margin-left: auto; max-width: 1400px; padding-bottom: 5rem; padding-top: 2rem; } ctre tr div { display: block; box-sizing: border-box; padding-top: 6rem; padding-bottom: 6rem; text-align: center; } ctre section { display: grid ; background: var(--b); border-radius: 15px; margin-bottom: 1rem; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); margin-top: 1.4rem; } ctre tr span { display: flex ; background: var(--y1); justify-content: center; border: solid 1px var(--y2); border-radius: 50%; width: 3.5rem; height: 3.5rem; margin-left: auto; margin-right: auto; } ctre tr:hover { background: unset; } ctre ft p { align-items: center; font-size: .78515625rem; } ctre p a { font-weight: 400; } ctre btn { background: var(--b); font-size: 0.9062rem; } ctre path { fill: var(--y3); } ctre table i { width: 30px; height: auto; } ctre h2 { font-size: 1.171875rem; font-weight: 500; margin-top: .9rem; } ctre p { font-size: .9062rem; margin-top: .5rem; margin-bottom: 1.2rem; } @media only screen and (max-width: 750px) { ctre tr span { margin-left: unset; } ctre tr div { text-align: justify; } } ctsd { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } ctsd form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } ctsd h4 { font-weight: 500; } ctsd Selecter { display: flex ; flex-wrap: wrap; } ctsd Selecter btn {display:flex;background:unset;border: unset;padding: unset;margin:.5rem 0;padding-right:1rem;font-size:.9062rem;letter-spacing: 0.4px; } ctsd Selecter span { border: solid 1px var(--bc); padding: 7px; border-radius: 50%; margin-right: 8px; } ctsd form.Date span.Date { box-shadow: inset 0px 0px 0px 4px var(--aa); } ctsd form.Block span.Block { box-shadow: inset 0px 0px 0px 4px var(--aa); } ctsd form.ERC span.ERC { box-shadow: inset 0px 0px 0px 4px var(--aa); } ctsd btn:hover { background: unset; } ctsd form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } ctsd dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; } ctsd dv:nth-child(2) btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } ctsd dv d { flex: 0 0 auto; width: 50%; padding-right: 1rem; padding-left: 1rem; box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } @media only screen and (max-width: 1075px) { ctsd { width: 75%; }} @media only screen and (max-width: 999px) { ctsd { width: 100%; padding-left: unset; } ctsd dv d { width: 100%; } } ctsu { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } ctsu form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } ctsu h4 { font-weight: 500; } ctsu form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } ctsu dv d { flex: 0 0 auto; width: 50%; padding-right: 1rem; padding-left: 1rem; box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } ctsu select { height: auto; padding: 8px; margin: unset; font-weight: 500; } ctsu dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; } ctsu dv btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } ctsu>bl>hd btn { display: grid ; grid-template-columns: auto auto; margin-left: 7px; gap: 4px; } ctsu>bl>hd btn i { height: 100%; } ctsu form.Date span.Date { box-shadow: inset 0px 0px 0px 4px var(--aa); } ctsu form.Block span.Block { box-shadow: inset 0px 0px 0px 4px var(--aa); } ctsu bl dv { background: unset; } ctsu d { display: flex ; } ctsu btn:hover { background: unset; } ctsu btn i { height: 20px; width: auto; } ctsu bd d btn { display: flex ; padding: 0 0 0 6px; margin-top: 6px; } ctsu Selecter { display: flex ; } ctsu Selecter btn { display: flex ; background: unset; border: unset; padding: unset; margin: .5rem 0; padding-right: 1rem; } ctsu Selecter span { border: solid 1px var(--bc); padding: 7px; border-radius: 50%; margin-right: 8px; } ctsu div d { flex-direction: column; flex: 0 0 auto; width: 100%; max-width: 100%; margin-top: 1rem; box-sizing: border-box; display: flex ; gap: 10px; } ctsu form.Date .Date { display: grid ; } ctsu div { box-sizing: border-box; display: none; } ctsu form.Block .Block { display: grid ; } ctsu div span { padding: 6px 0 6px 6px; width: -webkit-fill-available; } ctsu div dt { display: grid ; gap: 7px; } @media only screen and (max-width: 1075px) {ctsu { width: 75%; }} @media only screen and (max-width: 999px) { ctsu { width: 100%; padding-left: unset;} ctsu dv d { width: 100%; } ctsu div d { width: 100%; } } ctor { margin-top: 1rem; display: block ; margin-left: auto; position: relative; padding-bottom: 5rem; max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto;} ctor>bl>bd { background: var(--b); border-radius: 6px 6px 0 0; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); margin-top: 3rem; border-bottom: unset; } ctor section { overflow-x: scroll; white-space: nowrap; } ctor td a { font-size: .875em; color: var(--c0); } ctor btn i { height: 12px;} ctor div btn { padding: 6px 10px;} ctor bd d:nth-child(1) { display: grid ; letter-spacing: 0.5px; } ctor btn path { fill: var(--c); } ctor bd dv:nth-child(1) { display: flex ; justify-content: space-between; padding: 1rem; } ctor d { display: flex ; gap: 4px; align-items: center; } ctor ft btn { display: flex ; padding: 6px 10px;} ctor d t { font-size: .9062rem; color: var(--c0); } ctor h5 { font-weight: 400; } ctor h6 { font-weight: 400; } ctor select { border: solid 1px var(--bc); padding: 4px 15px; border-radius: 6px; align-items: center; font-size: .711rem; margin: unset; justify-content: center; display: flex ; width: auto;height:auto; } ctor td b { font-weight: 500; } ctor.form bd d div { display: flex ; justify-content: space-between; padding: 0.1rem; box-shadow: var(--bs); border: solid 1px var(--bc); border-radius: 9px; z-index: 10; background: var(--b); min-width: 10rem; position: absolute; inset: 11rem 35px auto auto; margin: 0px; transform: translate(0px, 31px); } ctor bd d div { display: none; } ctor bd input { width: fit-content; } ctor bd btn { display: flex ; } ctoa { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem;} ctoa { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } ctoa bl { overflow-x: scroll; } ctoa>bl>bd { background: var(--b); border-radius: 6px 6px 0 0; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); margin-top: 2rem; border-bottom: unset; } ctoa section { overflow-x: scroll; white-space: nowrap; } ctoa p { margin: unset; } ctoa.Transaction bd>div { display: flex ; justify-content: space-between; padding: 0.6rem; background: var(--bc); border-radius: 8px; margin: 1rem; margin-bottom: unset; } ctoa bd>div span { display: ruby; font-size: .9062rem; } ctoa bd>div i { width: 15px; height: auto; margin-right: 5px; } ctoa bd>div { display: none ; } ctoc { display: grid ; background: var(--b); border-radius: 15px; align-items: center; border: solid 1px var(--bc); } ctoc { max-width: 100%; font-size: .9062rem; margin-bottom: .95rem; box-sizing: border-box; flex: 0 0 auto; width: 100%; } ctoc hd h4 { font-weight: 400; } ctoc hd { display: flex ; justify-content: space-between; border-bottom: solid 1px var(--bc); padding: 1rem; align-items: center; background: var(--bt); border-radius: 0.75rem 0.75rem 0 0;} ctoc d { display: flex ; justify-content: space-between; align-items: center; } ctoc trc { display: grid ; gap: 5px; } ctoc t { display: flex ; align-items: center; gap: 5px; } ctoc i { width: 20px; } ctoc table tr:nth-child(20) { border-bottom: unset; } ctoc bd { display: flex ; padding: 0.95rem; } ctoc text_container { width: 50%; } ctoc section { width: 50%; } ctoc text_container i { width: auto; font-style: unset; } ctoc text_container div { padding: 1.5rem 1.5rem 0 1.5rem; } @media only screen and (max-width: 999px) { ctoc { display: none ; } } ctou { display: grid ; background: var(--b); border-radius: 15px; align-items: center; border: solid 1px var(--bc); } ctou { max-width: 100%; font-size: .9062rem; margin-bottom: .95rem; box-sizing: border-box; flex: 0 0 auto; width: 32.88%; } ctou hd h4 { font-weight: 400; } ctou hd { border-bottom: solid 1px var(--bc); background: var(--bt); border-radius: 0.75rem 0.75rem 0 0;} ctou d { display: flex ; justify-content: space-between; align-items: center; } ctou trc { display: grid ; gap: 5px; } ctou t { display: flex ; align-items: center; gap: 5px; } ctou i { width: 20px; } ctou table tr:nth-child(20) { border-bottom: unset; } @media only screen and (max-width: 999px) { ctou { max-width: 100%; flex: 0 0 auto; width: 100%; box-sizing: border-box; } ctou:nth-child(3) { display: none ; } } /* Component : ToolsSmenu */ ctso { display: block; max-width: 100%; height: 100%; width: 20%; box-sizing: border-box; } ctso hd { border-bottom: solid 2px var(--bc); padding-top: 1.25rem ; padding-bottom: 1.25rem ; display: none ; } ctso bd { padding-top: 1.25rem; display: block; @include transition($transition-collapse);} ctso dv { display: block; border-right: solid 2px var(--bc); } ctso ul { padding-right: 1rem; padding-left: unset; margin: unset; width: auto; gap: .25rem ; flex-direction: column; display: flex ; } ctso li { display: block; border-radius: 5px; } ctso grid { display: block; padding: .6rem .75rem; border-radius: 5px; } ctso li:hover { background: var(--bc); } ctso h5 { font-weight: 500; } ctso hd btn { display: none ; } ctso.Tools bd { display: block; } ctso hd span { white-space: nowrap; font-size: larger; } ctso hd i { height: 15px; margin-right: 6px; } @media only screen and (max-width: 1070px) { ctso { width: 25%; } } @media only screen and (max-width: 999px) { ctso bd { display: none; } ctso dv { border-right: unset; } ctso { width: 100%; } ctso hd btn { display: flex ; } ctso hd { display: flex ; padding-bottom: 0; border-bottom: unset; } } /* Component : Tools_Hero */ ctoh h3 { display: flex ; padding-top: 1.25rem; padding-bottom: 1.25rem; width: -webkit-fill-available; border-bottom: solid 2px var(--bc); } ctao { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem; max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } ctao bl { overflow-x: scroll; } ctao>bl>bd { background: var(--b); border-radius: 6px 6px 0 0; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); margin-top: 3rem; border-bottom: unset; } ctao section { overflow-x: scroll; white-space: nowrap; } ctao>bl>bd d{overflow-x: scroll;white-space: nowrap; } ctao hd h3 { font-size: 18px; font-weight: 400; } ctao hd span {font-size: 16px; color: var(--c0); font-weight: 500;} ctao hd>t{ font-size: 14px; color: var(--c0); font-weight: 400; } ctao hd>t a { font-weight: 400;} ctao hd i { width: 16px; height: 18px; margin-right: 5px; } ctao hd btn { display: flex ; background: var(--b1); margin-left: 15px; } cton { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem;} cton { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } cton bl { overflow-x: scroll; white-space: nowrap; } cton>bl>bd { background: var(--b); border-radius: 6px 6px 0 0 ; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs);margin-top: 2rem; border-bottom: unset; } cton section { overflow-x: scroll; white-space: nowrap; } cton p { margin: unset; gap: 5px; display: flex ; font-weight: 400; opacity: 0.7; white-space: normal; } cton ul { display: flex ; justify-content: end; } cton label { border-left: solid 1px var(--bc); font-size: 0.78515625rem; padding: 6px; align-items: center; } cton ul div{border: 1px solid var(--bc); border-radius: 10px; display: flex ; } cton label:hover { background: var(--bc); } cton label:nth-child(2) { background: var(--bc); } cton bd>div { display: flex ; justify-content: space-between; padding: 1rem; } cton h5 { font-weight: 400; } cton btn { display: flex ; } cton btn i { height: 15px; width: 30px; } cton d { display: flex ; gap: 4px; align-items: center; } cton td,cton th { padding: .75rem 1rem; } cton td i { width: 40px; } cton button { background: var(--b); border: solid 1px var(--bc); border-radius: 27px; padding: .375rem .5rem; font-size: 0.75em; } ctsa.Overview ctov { display: block; background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); } ctov { display: none; } ctov.One btn.One { background: var(--a); color: var(--b); border-radius: 8px; } ctov.Three btn.Three { background: var(--a); color: var(--b); border-radius: 8px; } ctov.Seven btn.Seven { background: var(--a); color: var(--b); border-radius: 8px; } ctov>bl>hd { display: flex ; justify-content: space-between; padding: 1rem; } ctov dv { box-sizing: border-box; padding-left: 1rem; padding-right: 1rem; display: flex ; flex-wrap: wrap; justify-content: space-between; } ctsa { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; } ctsa { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; padding-bottom: 5rem; } ctsa.Overview btn.Overview { background: var(--a); color: var(--b); border-radius: 8px; } ctsa.Statist_Txns btn.Statist_Txns { background: var(--a); color: var(--b); border-radius: 8px; } ctsa.Tokens btn.Tokens { background: var(--a); color: var(--b); border-radius: 8px; } ctsa.Network btn.Network { background: var(--a); color: var(--b); border-radius: 8px; } ctsa.Contract btn.Contract { background: var(--a); color: var(--b); border-radius: 8px; } ctsa btn { background: var(--bc); font-size: 0.78515625rem; font-weight: 500; } ctsa mg { display: flex ; flex-wrap: wrap; gap: 5px; padding-bottom: .75rem; } ctot { margin-top: 1rem; display: grid ; margin-left: auto; position: relative;padding-bottom: 5rem; } ctot { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } ctot bl { overflow-x: scroll; white-space: nowrap; } ctot>bl>bd { background: var(--b); border-radius: 6px 6px 0 0; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); margin-top: 2rem; border-bottom: unset; } ctot section { overflow-x: scroll; white-space: nowrap; } ctot p { margin: unset; gap: 5px; display: flex ; } ctot bd dv { display: flex ; justify-content: space-between; padding: 1rem; padding-bottom: unset; } ctot bd dv btn { padding: 6px 10px;} ctot bd dv svg path { fill: var(--c); } ctot td:nth-child(8) btn { background: var(--b); border: solid 1px var(--bc); border-radius: 27px; padding: .375rem .5rem; font-size: 0.75em; } ctot btn b { font-weight: 400; } ctot d { display: grid ; gap: 4px; align-items: center; } ctot bd dv btn { display: flex ; gap: 4px; align-items: center; font-size: .81rem;} ctot ul { width: fit-content; z-index: 10; top: 10rem; border: solid 1px var(--bc); border-radius: 8px; padding: 10px ; transform: translateY(-10px); visibility: hidden;} ctot ul { position: absolute; background: var(--b); box-shadow: var(--bs); list-style: none; opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;} ctot dv input { padding: unset; height: auto; width: 100%; background: unset; border: unset; } ctot ul li { display: flex ; gap: 4px; padding: 10px ; cursor: pointer; align-items: center; font-size: .81rem;} ctot ul li:hover { background: var(--bt); } ctot d:hover ul { opacity: 1; visibility: visible; transform: translateY(0);} ctot ul i { width: 10px; height: 10px; } ctot bd dv i { width: 14px; height: 14px; } @media only screen and (max-width: 999px) { ctot bd dv d { display: flex; } ctot bd dv { display: grid; gap: 7px; } } cttx hd,cttx bd { display: flex ; justify-content: space-between; align-items: center; } cttx { display: grid ; gap: 5px; } cttx t { display: flex ; align-items: center; gap: 5px; } cttx i { width: 20px; } cttx:nth-child(4) hr { display: none; } covt { display: grid ; background: var(--b); border-radius: 15px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs);height: fit-content; } covt { max-width: 100%; font-size: .9062rem; margin-bottom: .95rem; flex: 0 0 auto; width: 49.7%; box-sizing: border-box; } covt hd h4 { font-weight: 400; } covt>bl>hd { border-bottom: solid 1px var(--bc); background: var(--bt); border-radius: 0.75rem 0.75rem 0 0;} ctov covt>bl>bd { padding: 1rem;} covt>bl>hd { display: flex ; justify-content: space-between; padding: 1rem; } @media only screen and (max-width: 999px) { covt { max-width: 100%; flex: 0 0 auto; width: 100%; box-sizing: border-box; } } ctsuo>bl { padding: 1rem; border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); height: 100%; box-sizing: border-box; width: 100%;} ctsuo hd { display: flex ; align-items: center; gap: 10px; } ctsuo hd i { width: 15px; opacity: 0; } ctsuo>bl>hd:nth-child(1) { justify-content: space-between; margin-bottom: .25rem; } ctsuo hd h5 { font-size: .75rem; letter-spacing: .5px; text-transform: uppercase; font-weight: 300; } ctsuo bd h3 { letter-spacing: .5px; text-transform: uppercase; font-weight: 400; } ctus hd h3 { font-weight: 500; line-height: 1.2; } ctsuo>bl>bd{ display: flex ;} ctsuo:hover i { opacity: 1; } @media only screen and (max-width: 999px) { ctsuo { width: 100%; flex: 0 0 auto; box-sizing: border-box; } ctus>bl { padding: 0 17px; } } @media only screen and (max-width: 578px) { ctus bd ctsuo { width: 100%; flex: 0 0 auto; box-sizing: border-box; } ctus bd ctsuo { flex: 0 0 auto; max-width: 100%; padding-left: 0.25rem; padding-right: 0.25rem; margin-top: 10px; box-sizing: border-box; } } ctus>bl>hd { padding-top: 1.25rem; padding-bottom: 1.25rem; flex: 0 0 auto; max-width: 100%; display: block; } ctus hd p { margin: unset; } ctus>bl>bd { display: flex ; flex-wrap: wrap; gap: 15px;} ctus t { font-weight: 400; font-size: .875em; } ctus { display: flex ; width: 100%; max-width: 1400px; margin: auto; } ctus>bl{ display: grid ; width: 100%; } ctrf btn { display: flex ; padding: 6px 10px;} ctrf { display: grid; padding: 1rem; background: var(--b); border-radius: 0px 0px 6px 6px; align-items: center; border: solid 1px var(--bc); border-top: unset; } ctrf hd, ctrf bd { display: flex ; gap: 4px; align-items: center; border: unset; box-shadow: unset; flex-wrap: wrap;} ctrf hd t { font-size: smaller; color: var(--c0); } ctrf h5 { font-weight: 400; } ctrf select { border: solid 1px var(--bc); padding: 7px; border-radius: 6px; align-items: center; font-size: .711rem; margin: unset; justify-content: center; display: flex ; width: auto; margin-left: 7px; } .Last:hover svg { fill: var(--b); } @media only screen and (max-width: 620px) { ctrf { display: grid ; gap: 10px; } ctrf bl { display: grid ; gap: 11px; } } @media only screen and (min-width: 620px) { ctrf bl { display: flex; justify-content: space-between; } } ctha bl { display: flex ; justify-content: space-between; padding: 1rem; align-items: center; flex-wrap: wrap; gap: 10px; } ctha h5 { font-weight: 400; } ctha h6 { font-weight: 300; } ctha btn { display: flex ; padding: 6px 10px; } ctha btn:nth-child(1) i { height: 15px; width: 30px; } ctha hd { display: grid ; font-size: 0.99rem; letter-spacing: .5px; gap: 4px; align-items: center;} ctha bd { display: flex ; gap: 4px; align-items: center; border: unset; box-shadow: unset; flex-wrap: wrap; } .Last:hover svg { fill: var(--b); } ctha bd btns { display: flex ; gap: 4px; align-items: center; border: unset; box-shadow: unset; flex-wrap: wrap; } @media only screen and (max-width: 575px) { ctha bl { display: grid; } } ctbk data { display: flex ; gap: 10px; } ctbk bd { letter-spacing: .5px; font-weight: 400; font-size: .85rem; padding: unset;} ctbk>bl {display: flex ; flex-wrap: wrap; justify-content: space-between; align-items: center; } ctbk span { color: var(--a); } ctbk btn { display: flex ; gap: 6px; font-size: .711rem;} ctbk hd { display: flex ; gap: 10px; align-items: center; letter-spacing: .5px; font-weight: 400; font-size: .85rem; border: unset; padding: unset;} ctbk hd data { display: grid ; gap: 5px; } ctbk d { display: flex ; align-items: center; justify-content: center; padding: 0.7rem; background: var(--bt); height: 25px; width: 25px; border-radius: 7px;} ctbk d i { height: 25px; width: 25px; } ctbk ft { display: block; background: unset; padding: unset; border: unset; } ctbk:nth-child(6) hr { display: none; } @media only screen and (max-width: 360px) { ctbk ft { margin-top: .9rem; } } @media only screen and (max-width: 535px) { ctbk hd { display: none; }} ctbs { margin-bottom: 1rem; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); width: 50%; max-width: 100%; height: fit-content; } ctbs { display: grid ; background: var(--b); border-radius: 15px; } ctbs btn { display: flex ; gap: 6px; font-size: .711rem;} ctbs hd h4 { font-weight: 500;font-size: .9375rem;} ctbs>bl>hd { display: flex ; justify-content: space-between; border-bottom: solid 1px var(--bc); padding: 1rem; align-items: center; } ctbs>bl>bd { padding: 1rem; display: block; margin: unset; max-width: unset; } ctbs>bl>ft { display: flex ; align-items: center; justify-content: center; padding: 1rem; background: var(--bt); border-radius: 0 0 0.75rem 0.75rem; gap: 10px; border-top: solid 1px var(--bc); text-transform: uppercase; font-size: .75rem; letter-spacing: .6px; } ctbs i { height: 15px; width: 13px; } ctbs ft a { font-weight: 400; } @media only screen and (max-width: 999px) { ctbs {width: 100%;} } @media only screen and (max-width: 360px) { ctbk ft { margin-top: .9rem; } } ctlt data { display: flex ; gap: 10px; } ctlt bd { letter-spacing: .5px; font-weight: 400; padding: unset; font-size: .85rem; } ctlt>bl{ display: flex ; flex-wrap: wrap; justify-content: space-between; align-items: center; } ctlt span { color: var(--a); } ctlt hd { display: flex ; gap: 10px; align-items: center; letter-spacing: .5px; font-weight: 400; font-size: .85rem; padding: unset; border: unset; } ctlt hd data { display: grid ; gap: 5px; } ctlt d i { height: 25px; width: 25px; } ctlt d { display: flex ; align-items: center; justify-content: center; padding: 0.7rem; background: var(--bt); border-radius: 7px; } ctlt ft { display: block; background: unset; padding: unset; border: unset; } /*ctlt:nth-child(6) hr { display: none; }*/ @media only screen and (max-width: 535px) { ctlt hd { display: none; }} @media only screen and (max-width: 360px) { ctlt ft { margin-top: .9rem; } } ctls { margin-bottom: 1rem; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); width: 50%; max-width: 100%; height: fit-content; } ctls { display: grid ; background: var(--b); border-radius: 15px; } ctls btn { display: flex ; gap: 6px; } ctls hd h4 { font-weight: 500; font-size: .9375rem;} ctls>bl>hd { display: flex ; justify-content: space-between; border-bottom: solid 1px var(--bc); padding: 1rem; align-items: center; } ctls>bl>bd { padding: 1rem; display: block; margin: unset; max-width: unset; } ctls>bl>ft { display: flex ; align-items: center; justify-content: center; padding: 1rem; background: var(--bt); border-radius: 0 0 0.75rem 0.75rem; gap: 10px; border-top: solid 1px var(--bc); text-transform: uppercase; font-size: .75rem; letter-spacing: .6px; } ctls i { height: 15px; width: 13px; } ctls ft a { font-weight: 400; } @media only screen and (max-width: 999px) { ctls {width: 100%;} } ctra { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } ctra { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem;} ctra>bl { background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); overflow-x: scroll; white-space: nowrap; } ctra h5 { font-weight: 400; } ctra h6 { font-weight: 300; } ctra tr:hover { background: var(--bt); } ctra td:nth-child(2) btn:hover { background: var(--y2); border: 1px dashed var(--y3); } cvbt { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; } cvbt { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; padding-bottom: 5rem; } cvbt bl { overflow-x: scroll; white-space: nowrap; } cvbt>bl>bd { background: var(--b); border-radius: 6px 6px 0px 0px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); border-bottom: unset; } cvbt section { overflow-x: scroll; white-space: nowrap; } cuvs { display: flex ; box-sizing: border-box; flex-direction: column; } cuvs>bl { display: flex ; border: solid 1px var(--bc); border-radius: 8px; margin-bottom: .5rem; } cuvs eav hd { display: flex ; } cuvs hd btn { display: flex ; border-radius: 6px 0 0 6px; border: unset; padding: .1rem .8rem; } cuvs bl bd { border-radius: unset; position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } cuvs bl ft { display: flex ; border-radius: 6px 0 0 6px; background: var(--bg); padding: .1rem .8rem; min-width: 6.2rem; align-items: center; font-size: .9062rem; font-weight: 400; } cuvs hd btn i { height: 12px; } cuvs>bl hd { display: flex ; } cuvs bl bd input { border-radius: unset; min-width: 0; } cunc { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } cunc form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } cunc h4 { font-weight: 500; } cunc dv:nth-child(2) { padding: 1rem; display: grid ; border-radius: 0.75rem; box-sizing: border-box; grid-template-columns: 50% 50%; } cunc p { line-height: 1.6; font-weight: 400; } cunc p a { font-weight: 400; } cunc dv:nth-child(1) { padding: 1rem 1rem 0rem; display: flex ; } @media only screen and (max-width: 1075px) { cunc { width: 75%; } cunc dv:nth-child(2) { display: block; } } @media only screen and (max-width: 999px) { cunc { width: 100%; padding-left: unset; } } /* Component : Universal_Converter */ cuco { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } cuco form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } cuco h4 { font-weight: 500; } cuco textarea { border: solid 1px var(--bc); padding: .3rem .6rem; font-size: .9062rem; font-weight: 400; border-radius: 8px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; width: 100%; } cuco form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } cuco dv d { flex: 0 0 auto; padding-right: 1rem; box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } cuco dv:nth-child(2) { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; } cuco dv:nth-child(2) btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } cuco bl span { border: solid 1px var(--bc); padding: 7px; border-radius: 50%; margin-right: 7px; } cuco form.Base64 span.Base64 { box-shadow: inset 0px 0px 0px 4px var(--aa); } cuco form.Image span.Image { box-shadow: inset 0px 0px 0px 4px var(--aa); } cuco bl btn { display: flex ; flex-wrap: wrap; margin: .5rem 0; padding-right: 1rem; font-size: .9062rem; letter-spacing: 0.4px; background: unset; padding-top: 0.55rem; padding-bottom: 0.55rem; } cuco Selecter { display: flex ; gap: 0.8rem;} cuco bl btn:hover { background: unset; } cuco dv d:nth-child(2) { display: none ; } cuco dv d:nth-child(3) { display: none; } cuco form.Base64 d:nth-child(3) { display: flex; } cuco form.Image d:nth-child(2) { margin-bottom:.5rem; border-radius:6px; padding: 2.5rem; border:var(--br-width) var(--br-style) var(--bc); display:flex;} cuco cui i { height: 20px; } cuco cui span { width: 2rem; height: 2.5rem; display: flex ; border-width: 2px; padding: 6px 10px; align-items: center; margin-bottom: .5rem; } cuco cui { display: flex ; align-items: center; flex-direction: column; } cuco cui p { margin: unset; line-height: 1.9; } cuco bl btns { display: flex ; gap: 7px; } @media only screen and (max-width: 1075px) { cuco { width: 75%; }} @media only screen and (max-width: 999px) { cuco { width: 100%; padding-left: unset; }} cbva { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem; } cbva { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } cbva bl { overflow-x: scroll; white-space: nowrap; } cbva>bl>bd { background: var(--b); border-radius: 6px 6px 0 0; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); border-bottom: unset; } cbva section { overflow-x: scroll; white-space: nowrap; } cbva p { padding-top: 0.85em; margin: 0 0 10px 10px; white-space: normal; } cbva td btn { display: flex ; max-width: 35px; justify-content: space-between; } cbva hd>h3{font-size: 18px; font-weight: 500;} cvea { margin-top: 1rem; display: grid ; margin-left: auto; position: relative; padding-bottom: 5rem; } cvea { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; } cvea>bl { background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); overflow-x: scroll; white-space: nowrap; } cvea section { overflow-x: scroll; white-space: nowrap; } cvea td:nth-child(7) btn { display: block; border-radius: 18px; max-width: max-content; padding: 6px 8px; } cvea td btn { max-width: 58px; } cvea hd div { display: flex ; justify-content: space-between; padding: 1rem; } cvea hd div btn { padding: 6px 10px;} cvea btn path { fill: var(--c); } cvea p { display: flex ; justify-content: end; gap: 10px; } @media only screen and (max-width: 620px) { cvea hd>div:nth-child(2) { display: grid ; gap: 10px; white-space: normal; } cvea ft { display: grid ; gap: 10px; } } cvea btn b { font-weight: 400; } cvea d { display: flex ; gap: 4px; align-items: center; } cvea btn { display: flex ; gap: 4px; align-items: center; font-size: .81rem;} cvea ul { width: fit-content; z-index: 10; top: 2.2rem; border: solid 1px var(--bc); border-radius: 8px; padding: 10px ; transform: translateY(-10px); visibility: hidden;} cvea ul { position: absolute; background: var(--b); box-shadow: var(--bs); list-style: none; opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s;} cvea ul li { display: flex ; gap: 4px; padding: 10px ; cursor: pointer; align-items: center; font-size: .81rem;} cvea ul li:hover { background: var(--bt); } cvea d:hover ul { opacity: 1; visibility: visible; transform: translateY(0);} cvea ul i { width: 10px; height: 10px; } cvea hd div i { width: 14px; height: 14px; } cvea.form hd d div { display: flex ; justify-content: space-between; padding: 0.1rem; box-shadow: var(--bs); border: solid 1px var(--bc); border-radius: 9px; z-index: 10; background: var(--b); min-width: 10rem; position: absolute; inset: 20px 35px auto auto; margin: 0px; transform: translate(0px, 31px); } cvea hd d div { display: none; } cvea hd input { width: fit-content; } cveh>bl>hd { padding-top: 1.25rem; flex: 0 0 auto; max-width: 100%; display: block; } cveh hd p { margin: unset; } cveh bd d { flex: 0 0 auto; width: 25%; max-width: 100%; padding-left: 0.25rem; padding-right: 0.25rem; margin-top: 10px; box-sizing: border-box; } cveh bd d div { padding: 1rem; border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); height: 100%; box-sizing: border-box;} cveh bd b { display: flex ; align-items: center; gap: 10px; } cveh bd b i { width: 15px; display: none; } cveh bd b:nth-child(1) { justify-content: space-between; margin-bottom: .25rem; } cveh bd b h5 { font-size: .75rem; letter-spacing: .5px; text-transform: uppercase; font-weight: 300; } cveh>bl>bd { display: grid ; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 7px; } cveh bd b h3 { letter-spacing: .5px; text-transform: uppercase; font-weight: 400; } cveh t { font-weight: 400; font-size: .875em; } cveh hd h3 { font-weight: 500; line-height: 1.2; } cveh { display: flex ;width: 100%; max-width: 1400px; margin: auto ;} cveh>bl{ width: 100%; } cveh bd d div:hover i { display: block; } cveh bd d div:hover h3 { color:var(--a); } @media only screen and (max-width: 999px) { cveh>bl>bd { grid-template-columns: auto; } cveh bd d { width: 50%; flex: 0 0 auto; box-sizing: border-box; } cveh>bl { width: 100%; padding: 0 21px; } } @media only screen and (max-width: 578px) { cveh bd d { width: 100%; flex: 0 0 auto; box-sizing: border-box; } } cves { max-width: 1400px; padding-right: calc(var(--bs-x) * .5); padding-left: calc(var(--bs-x) * .5); margin-right: auto; margin-left: auto; position: relative; display: block; padding-bottom: 5rem;} cves>bl { display: block; background: var(--b); border-radius: 8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); margin: -3rem 0 1rem 0; } cves btn path { fill: var(--c); } cves dv { display: flex ; justify-content: space-between; padding: 1rem; letter-spacing: 0.5px; flex-wrap: wrap; gap:10px;} cves bd btn { display: flex ; align-items: center; max-width: max-content; } cves.form hd div { display: flex ; justify-content: space-between; padding: 0.1rem; box-shadow: var(--bs); border: solid 1px var(--bc); border-radius: 9px; z-index: 10; background: var(--b); min-width: 10rem; position: absolute; inset: 2rem 44px auto auto; margin: 0px; transform: translate(0px, 31px); } cves d { display: flex ; gap: 4px; align-items: center;flex-wrap: wrap;} cves hd dv { padding-bottom: unset; } cves hd div { display: none; } cves btn i { height: 12px; } cves h4 { font-weight: 500; } cves p { margin: unset; font-weight: 400; } cves bd div { display: flex ; justify-content: space-between; padding: 1rem; padding-top: unset; flex-wrap: wrap; gap:10px;} cves tr btn { padding: unset; } cves tr a { padding: 0.4rem 0.5rem; display: flex ; align-items: center; white-space: nowrap; font-size: 0.78515625rem; background: var(--bc); } cves section { padding: 0 1rem; } cvec { padding-top: 3rem; display: block ; margin-left: auto; position: relative; } cvec { max-width: 1400px; padding-right: calc(var(--bs-x)* .5); padding-left: calc(var(--bs-x)* .5); margin-right: auto; padding-bottom: 3rem; } cvec bl { border-radius: 8px; align-items: center; display: flex ; text-align: center; justify-content: center; flex-direction: column; } cvec h1 { font-weight: 500; font-size: 1.34375rem; } cvec hd { flex: 0 0 auto; width: 50%; max-width: 100%; padding: 0 1rem; } cvec a { font-weight: 400; } cvec ul { padding: unset; gap: 1rem; align-items: center; display: flex ; justify-content: center;} cvec li { list-style: none; display: flex ; gap: .375rem; align-items: center; flex-wrap: wrap;} cvec ul dv { width: 1.5rem; height: 1px; display: block; background: var(--bor); border-radius: 8px; } cvec li span:nth-child(1) { border-radius: 50%; width: 1.5rem; height: 1.5rem; display: flex ; justify-content: center; align-items: center; } cvec li span { gap: 5px; display: flex ; } cvec bd { width: 50%; max-width: 100%; padding: 0 1rem; } cvec form div { display: flex ; gap: 2px; align-items: center; flex-wrap: wrap;} cvec form {display: block;background: var(--b);border-radius:8px; align-items: center; border: solid 1px var(--bc); box-shadow: var(--bs); padding: 1rem; } cvec form dv { margin-bottom: 1rem; display: block; text-align: left; flex-wrap: wrap;} cvec select { margin: unset; padding: .75rem; padding-right: 1rem; width: -webkit-fill-available; font-size: .9375rem; font-weight: 500; } cvec dv label { margin-bottom: .25rem; margin-top: 1rem; display: block; font-size: .9062rem; } cvec ft div { display: flex ; justify-content: center; gap: 5px; margin-top: 1rem; } cvec btn { padding: .5rem 1rem; font-size: 0.9062rem; } cvec label { display: flex ; gap: 2px; align-items: center; flex-wrap: wrap; } @media only screen and (max-width: 999px) { cvec h1 { font-size: calc(1.265625rem + .1875vw); } cvec hd { width: 100%; } cvec bd { width: 100%; } } @media only screen and (max-width: 570px) {cvec t { display: none; }} cvyc { flex: 0 0 auto; width: 80%; max-width: 100%; padding-left: 3rem; padding-top: 1.25rem; box-sizing: border-box; } cvyc form { border: solid 1px var(--bc); box-shadow: var(--bs); display: block; background: var(--b); border-radius: 8px; align-items: center; } cvyc h4 { font-weight: 500; } cvyc btns { background: var(--bg); border-radius: 0 0 8px 8px; gap: 0.4rem; border-top: solid 1px var(--bc); flex-direction: row; flex-wrap: wrap; display: flex ;padding: 1rem;} cvyc bl { box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } cvyc form dv { flex: 1 1 auto; padding: 1rem; display: flex ; border-radius: 0.75rem; box-sizing: border-box; flex-direction: column; } cvyc textarea { border: solid 1px var(--bc); padding: .3rem .6rem; font-size: .9062rem; font-weight: 400; border-radius: 8px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } cvyc form p { font-weight: 300; letter-spacing: 0.8px; font-size: .78515625rem; margin-top: unset; } cvyc select { height: auto; padding: 8px; margin: unset; font-weight: 500; } cvyc p a { font-weight: 400; } cvyc btns btn { font-size: .9062rem; padding: 8px 12px; letter-spacing: 0.4px; } cvyc form dv d { box-sizing: border-box; gap: 6px; display: flex ; flex-direction: column; margin-bottom: 1rem; } @media only screen and (max-width: 1075px) { cvyc { width: 75%; }} @media only screen and (max-width: 999px) { cvyc { width: 100%; padding-left: unset; }} chep i { margin-top: -150px; margin-bottom: -150px; max-width: 100%; height: auto; display: block; } @media only screen and (max-width: 999px) { chep i { display: none; } } ches { padding-top: 1.25rem; padding-bottom: 1.25rem; max-width: 100%; display: block; width: 50%; } ches h1 { font-weight: 700; font-size: 1.875rem; margin-bottom: .5rem; display: block; } ches hd t { font-size: .75rem; letter-spacing: .5px; text-transform: uppercase; font-weight: 500; margin-bottom: .5rem; display: block; } ches bd t { font-size: .9375rem; margin-top: 0; margin-bottom: 1rem; font-weight: 400; line-height: 1.3rem; } ches bd { display: grid ; } ches ft btn { padding-top: .7rem; padding-bottom: .7rem; padding-right: 1rem; padding-left: 1rem; font-size: 0.9062rem; display: flex ;font-weight: 400; } ches ft a:nth-child(2) btn { background: unset; border: unset; } ches ft { display: flex ; gap: 5px; } @media only screen and (max-width: 999px) { ches { width: 100%; } } /* Ended App Theme CSS : App:Explorer - Branch:practice.aliens.school */ /* File : 0 Ended*/